#f-oel6e1bpp,
[data-bs-theme=dark] #f-oel6e1bpp {
  background-color: #FFCD11 !important;
  background-image: linear-gradient(180deg, #ffffff 0%, #FFCD11 100%) !important;
  background-repeat: no-repeat !important;
  color: #1a1a1a !important;
}
#f-oel6e1bpp a,
#f-oel6e1bpp a:hover,
#f-oel6e1bpp a:focus,
#f-oel6e1bpp a:visited,
#f-oel6e1bpp a:active,
#f-oel6e1bpp .nav-link,
#f-oel6e1bpp h1,
#f-oel6e1bpp h2,
#f-oel6e1bpp h3,
#f-oel6e1bpp h4,
#f-oel6e1bpp p,
#f-oel6e1bpp li,
#f-oel6e1bpp span,
#f-oel6e1bpp #f1c-qe89el34j,
#f-oel6e1bpp #f1c-qe89el34j a,
#f-oel6e1bpp #f1c-qe89el34j a:hover,
#f-oel6e1bpp #f1c-qe89el34j a:focus,
#f-oel6e1bpp #f1c-qe89el34j a:visited,
#f-oel6e1bpp #f1c-qe89el34j a:active,
[data-bs-theme=dark] #f-oel6e1bpp #f1c-qe89el34j,
[data-bs-theme=dark] #f-oel6e1bpp #f1c-qe89el34j a,
[data-bs-theme=dark] #f-oel6e1bpp #f1c-qe89el34j a:hover,
[data-bs-theme=dark] #f-oel6e1bpp #f1c-qe89el34j a:visited {
  color: #1a1a1a !important;
}

@media (max-width: 768px) {
  .astroid-logo .astroid-logo-mobile {
    display: block;
    width: auto;
    height: auto;
    max-width: min(502px, calc(100vw - 7.5rem));
    max-height: none;
  }
  #astroid-header > .d-flex.flex-row {
    position: relative;
    align-items: center;
    justify-content: center;
  }
  #astroid-header > .d-flex.flex-row > .d-lg-none {
    position: absolute;
    left: 0.6rem;
    top: 50%;
    transform: translateY(-50%);
    z-index: 2;
  }
  #astroid-header .header-left-section {
    margin-left: 0;
    width: 100%;
    justify-content: center;
  }
  #astroid-header .header-right-section {
    display: none;
  }
}

@media (min-width: 992px) {
  .astroid-contact-phone::before {
    content: "";
    display: inline-block;
    width: 124px;
    height: 44px;
    margin-right: 0.55rem;
    vertical-align: middle;
    background: url("/images/logos/minilogo-dellschau.jpg") left center / 124px 44px no-repeat;
  }
}

.dell-stage {
  display: block;
}
.dell-sidemenu {
  display: none;
}
@media (min-width: 901px) {
  .dell-stage {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 20rem;
    column-gap: 1.25rem;
    align-items: start;
  }
  .dell-stage > .dell-pile {
    min-width: 0;
    margin-top: 0;
    border: 4px solid #1a1a1a;
    box-sizing: border-box;
    overflow: hidden;
  }
  .dell-sidemenu {
    display: block;
    min-width: 0;
  }
  .dell-sidemenu .mod-menu,
  .dell-sidemenu .mod-menu ul {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: stretch;
    gap: 0.2rem;
    margin: 0;
    padding: 0;
    list-style: none;
  }
  .dell-sidemenu .mod-menu ul {
    padding-left: 0.85rem;
  }
  .dell-sidemenu .mod-menu .nav-item {
    width: 100%;
  }
  .dell-sidemenu .mod-menu a,
  .dell-sidemenu .mod-menu .nav-header {
    display: block;
    white-space: normal;
    color: #1a1a1a;
  }
}

.dell-cap {
  position: absolute;
  left: 10px;
  right: 10px;
  bottom: 28px;
  z-index: 2;
  display: block;
  padding: 0.28rem 0.35rem 0.34rem;
  font-size: clamp(12px, 1.05vw, 16px);
  font-weight: 700;
  line-height: 1.15;
  text-align: center;
  text-decoration: underline;
  text-underline-offset: 2px;
}
.dell-cap-light {
  color: #fff;
  background: rgba(26, 26, 26, 0.62);
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.45);
}
.dell-cap-dark {
  color: #1a1a1a;
  background: rgba(255, 255, 255, 0.84);
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.4);
}
@media (max-width: 768px) {
  .dell-album .dell-print .dell-cap {
    left: 8px;
    right: 8px;
    bottom: 24px;
    font-size: 13px;
  }
}
@media (min-width: 901px) {
  .dell-sidemenu li.item-319 {
    display: none;
  }
  .dell-dom {
    cursor: pointer;
  }
  .dell-label {
    cursor: pointer;
  }
  .dell-produkte-pop,
  .dell-produkte-pop[hidden] {
    display: none !important;
  }
  .dell-produkte-pop.is-open {
    display: block !important;
    position: absolute;
    z-index: 30;
    left: 50%;
    top: 100%;
    transform: translateX(-50%);
    margin-top: 0.45rem;
    width: max-content;
    max-width: min(26rem, 78vw);
    background: #fff;
    color: #1a1a1a;
    border: 3px solid #1a1a1a;
    padding: 0.7rem 0.9rem;
    text-align: left;
    box-shadow: 0 16px 30px rgba(40, 28, 10, 0.3);
  }
  .dell-produkte-pop ul {
    display: flex;
    flex-direction: column;
    gap: 0.28rem;
    margin: 0;
    padding: 0;
    list-style: none;
  }
  .dell-produkte-pop a,
  .dell-produkte-pop .nav-title {
    color: #1a1a1a;
    white-space: normal;
    text-decoration: none;
  }
}

.dell-produkte-hinweis {
  display: inline-block;
  margin: 0.7rem 0 0;
  padding: 0;
  border: 0;
  background: transparent;
  color: #1a1a1a;
  font: inherit;
  font-size: 28px;
  font-weight: 700;
  line-height: 1.15;
  text-decoration: underline;
  text-underline-offset: 3px;
  cursor: pointer;
}
.dell-produkte-pop[hidden] {
  display: none !important;
}
@media (max-width: 900px) {
  .dell-produkte-hinweis {
    font-size: clamp(20px, 5.5vw, 28px);
  }
  .dell-produkte-pop.is-open {
    display: block;
    margin-top: 0.75rem;
    text-align: left;
  }
  .dell-produkte-pop.is-open ul {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
    margin: 0;
    padding: 0;
    list-style: none;
  }
  .dell-produkte-pop.is-open a,
  .dell-produkte-pop.is-open .nav-title {
    color: #1a1a1a;
    white-space: normal;
    text-decoration: none;
  }
}

@media (min-width: 901px) {
  .dell-stage {
    display: block;
  }
}

@media (min-width: 901px) {
  .dell-rows.dell-rows-wait {
    opacity: 0;
    transform: translateY(36px);
    pointer-events: none;
  }
  .dell-rows.dell-rows-wait.is-in {
    opacity: 1;
    transform: none;
    pointer-events: auto;
    transition: opacity .6s ease, transform .6s ease;
  }
}
@media (min-width: 901px) and (prefers-reduced-motion: reduce) {
  .dell-rows.dell-rows-wait.is-in {
    transition: none;
  }
}

body.itemid-101 .dell-latest {
  background: #f7f4ee;
  color: #1a1a1a;
}
body.itemid-101 .dell-latest .container,
body.itemid-101 .dell-latest {
  max-width: 920px;
  margin-left: auto;
  margin-right: auto;
  padding: 1.5rem 1.25rem 0.25rem;
}
body.itemid-101 .dell-latest h2,
body.itemid-101 .dell-latest h3 {
  margin: 0 0 0.6rem;
  color: #1a1a1a;
  font-size: 1.35rem;
}
body.itemid-101 .dell-latest ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
body.itemid-101 .dell-latest li {
  border-bottom: 1px solid rgba(26, 26, 26, 0.12);
}
body.itemid-101 .dell-latest a {
  display: block;
  padding: 0.45rem 0;
  color: #1a1a1a;
  font-weight: 600;
  text-decoration: underline;
}
body.itemid-101 .astroid-component-section {
  background: #f7f4ee;
}
body.itemid-101 .blog-featured {
  max-width: 920px;
  margin: 0 auto;
  padding: 0.5rem 0 2rem;
  color: #1a1a1a;
}

/* dell-menu-gelb: Menüleisten, nicht die Seite und nicht die Collage */
.astroid-header .astroid-nav,
.astroid-header-sticky .astroid-nav,
.astroid-nav .megamenu-container,
.megamenu-container .nav-submenu,
#astroid-mobilemenu,
#astroid-mobilemenu .dropdown-menus,
.astroid-mobilemenu-container .astroid-mobilemenu-inner .dropdown-menus,
#astroid-offcanvas,
#astroid-offcanvas .astroid-offcanvas-inner {
  background-color: #FFCD11;
  background-image: linear-gradient(180deg, #FFE58A 0%, #FFCD11 100%);
  color: #1a1a1a;
}
.astroid-header,
.astroid-header-sticky,
#astroid-mobilemenu,
#astroid-offcanvas,
#f-oel6e1bpp {
  --as-main-menu-link-color: #1a1a1a;
  --as-main-menu-link-hover-color: #1a1a1a;
  --as-main-menu-link-active-color: #1a1a1a;
  --as-main-menu-hover-background: #f6c400;
  --as-main-menu-active-background: #f6c400;
  --as-stick-header-menu-link-color: #1a1a1a;
  --as-stick-header-menu-link-hover-color: #1a1a1a;
  --as-stick-header-menu-link-active-color: #1a1a1a;
  --as-dropdown-link-color: #1a1a1a;
  --as-dropdown-menu-link-hover-color: #1a1a1a;
  --as-dropdown-menu-active-link-color: #1a1a1a;
  --as-dropdown-menu-hover-bg-color: #f6c400;
  --as-dropdown-menu-active-bg-color: #f6c400;
  --as-dropdown-bg-color: #ffcd11;
  --as-mobilemenu-backgroundcolor: #ffcd11;
  --as-mobilemenu-menu-link-color: #1a1a1a;
  --as-mobilemenu-menu-text-color: #1a1a1a;
  --as-mobilemenu-menu-active-link-color: #1a1a1a;
  --as-mobilemenu-hover-background-color: #f6c400;
  --as-mobilemenu-menu-active-bg-color: #f6c400;
  --as-mobile-menu-link-color: #1a1a1a;
  --as-mobile-menu-active-link-color: #1a1a1a;
  --bs-nav-link-color: #1a1a1a;
  --bs-nav-link-hover-color: #1a1a1a;
}
.astroid-header .astroid-nav .nav-link,
.astroid-header .astroid-nav .nav-link:hover,
.astroid-header .astroid-nav .nav-link:focus,
.astroid-header .astroid-nav .nav-link:focus-visible,
.astroid-header .astroid-nav .nav-link:active,
.astroid-header .astroid-nav .nav-link:visited,
.astroid-header .astroid-nav .nav-link.active,
.astroid-header-sticky .astroid-nav .nav-link,
.astroid-header-sticky .astroid-nav .nav-link:hover,
.astroid-header-sticky .astroid-nav .nav-link:focus,
.astroid-header-sticky .astroid-nav .nav-link:active,
.astroid-header-sticky .astroid-nav .nav-link:visited,
.astroid-header-sticky .astroid-nav .nav-link.active,
.megamenu-container li.nav-item-submenu > a,
.megamenu-container li.nav-item-submenu > a:hover,
.megamenu-container li.nav-item-submenu > a:focus,
.megamenu-container li.nav-item-submenu > a:active,
.megamenu-container li.nav-item-submenu > a:visited,
.megamenu-container li.nav-item-submenu > a.active,
.astroid-mobilemenu .astroid-mobilemenu-container .astroid-mobilemenu-inner .menu-item a,
.astroid-mobilemenu .astroid-mobilemenu-container .astroid-mobilemenu-inner .menu-item a:hover,
.astroid-mobilemenu .astroid-mobilemenu-container .astroid-mobilemenu-inner .menu-item a:focus,
.astroid-mobilemenu .astroid-mobilemenu-container .astroid-mobilemenu-inner .menu-item a:visited,
.astroid-mobilemenu .astroid-mobilemenu-container .astroid-mobilemenu-inner .menu-item.active > a,
.astroid-mobilemenu .menu-indicator,
#astroid-offcanvas .mod-menu a,
#astroid-offcanvas .mod-menu a:hover,
#astroid-offcanvas .mod-menu a:focus,
#astroid-offcanvas .mod-menu a:visited,
#astroid-offcanvas .mod-menu a:active,
#astroid-offcanvas .mod-menu .nav-header,
#astroid-offcanvas .mod-menu button,
#astroid-offcanvas .mod-menu .icon-chevron-down {
  color: #1a1a1a;
}
.astroid-header .astroid-nav .nav-link:hover,
.astroid-header .astroid-nav .nav-link:focus,
.astroid-header-sticky .astroid-nav .nav-link:hover,
.astroid-header-sticky .astroid-nav .nav-link:focus,
.megamenu-container li.nav-item-submenu > a:hover,
.megamenu-container li.nav-item-submenu > a:focus,
.astroid-mobilemenu .astroid-mobilemenu-container .astroid-mobilemenu-inner .menu-item a:hover,
#astroid-offcanvas .mod-menu a:hover,
#astroid-offcanvas .mod-menu a:focus,
#f-oel6e1bpp .menu a:hover,
#f-oel6e1bpp .menu a:focus {
  color: #1a1a1a;
  background-color: #f6c400;
}

/* dell-rows-desktop-hide: Kategoriebilder der Startseite nur unterhalb der Template-Desktopbreite */
@media (min-width: 992px) {
  body.itemid-101 .dell-rows {
    display: none;
  }
}

/* dell-latest-shift: nur die Liste Neue / Letzte Artikel, Desktop ab Template-Grenze */
@media (min-width: 992px) {
  body.itemid-101 .dell-latest {
    transform: translateX(20px);
  }
}

/* dell-h1-handy: H1 nur unter der Template-Desktopgrenze, Quadrat bleibt bei seiner eigenen Regel */
@media (max-width: 991.98px) {
  .astroid-framework h1,
  .astroid-framework .h1 {
    font-size: 32px;
    overflow-wrap: break-word;
  }
}

/* dell-h1-desktop: Inhaltsseiten ab 992px, Quadrat bleibt bei seiner eigenen Schrift */
@media (min-width: 992px) {
  .astroid-framework .astroid-component h1,
  .astroid-framework .astroid-component .h1,
  .astroid-framework .astroid-article-title h1 {
    font-size: 40px;
  }
}

/* dell-footer-desktop: dieselbe Flaeche ab 992px, Weiss nach Caterpillar-Gelb */
@media (min-width: 992px) {
  #f-oel6e1bpp,
  [data-bs-theme=dark] #f-oel6e1bpp {
    background-color: #FFCD11 !important;
    background-image: linear-gradient(180deg, #ffffff 0%, #FFCD11 100%) !important;
    background-repeat: no-repeat !important;
    color: #1a1a1a !important;
  }
  #f-oel6e1bpp a,
  #f-oel6e1bpp a:hover,
  #f-oel6e1bpp a:focus,
  #f-oel6e1bpp a:visited,
  #f-oel6e1bpp a:active,
  #f-oel6e1bpp .nav-link,
  #f-oel6e1bpp #f1c-qe89el34j,
  #f-oel6e1bpp #f1c-qe89el34j a,
  #f-oel6e1bpp #f1c-qe89el34j a:hover,
  #f-oel6e1bpp #f1c-qe89el34j a:visited,
  #f-oel6e1bpp .menu a,
  #f-oel6e1bpp .menu a:hover,
  #f-oel6e1bpp .menu a:focus,
  [data-bs-theme=dark] #f-oel6e1bpp #f1c-qe89el34j,
  [data-bs-theme=dark] #f-oel6e1bpp #f1c-qe89el34j a,
  [data-bs-theme=dark] #f-oel6e1bpp #f1c-qe89el34j a:hover,
  [data-bs-theme=dark] #f-oel6e1bpp #f1c-qe89el34j a:visited {
    color: #1a1a1a !important;
  }
}

/* Rechtes Handymenü: Panel liegt am body, die Effekt-Regel sieht es sonst nicht. */
body.offcanvasDirRight.astroid-offcanvas-opened #astroid-offcanvas {
  visibility: visible;
  display: block !important;
}

