/* =========================================================
   Nagel & Sauskojus Architektur
   user.css
   ========================================================= */

/* =========================================================
   1. Design Variablen
   ========================================================= */
html {
  overflow-y: scroll;
  scrollbar-gutter: stable;
}

@font-face {
  font-family: "Open Sans";
  src: url("../fonts/open-sans/open-sans-v44-latin_latin-ext_math_symbols-regular.woff2")
    format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Open Sans";
  src: url("../fonts/open-sans/open-sans-v44-latin_latin-ext_math_symbols-600.woff2")
    format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Open Sans";
  src: url("../fonts/open-sans/open-sans-v44-latin_latin-ext_math_symbols-700.woff2")
    format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

:root {
  --body-bg: transparent !important;
  --body-bg-rgb: transparent;
  --nagel-sauskojus-color-background: #f3f3f1;
  --nagel-sauskojus-color-surface: #ffffff;
  --nagel-sauskojus-color-surface-soft: #f7f7f5;

  --nagel-sauskojus-color-text: #111111;
  --nagel-sauskojus-color-text-soft: #4f4f4a;

  --nagel-sauskojus-color-border: #d8d7d1;

  --nagel-sauskojus-color-accent: #b3a86a;
  --nagel-sauskojus-color-accent-strong: #9f9457;
  --nagel-sauskojus-color-accent-soft: #d3c98f;

  --nagel-sauskojus-color-dark: hwb(0 7% 93%);
  --nagel-sauskojus-color-dark-2: #1a1a1a;

  --nagel-sauskojus-color-link: #111111;
  --nagel-sauskojus-color-link-hover: #b3a86a;

  --nagel-sauskojus-button-text: #ffffff;
  --nagel-sauskojus-button-background: #b3a86a;
  --nagel-sauskojus-button-background-hover: #9f9457;

  --nagel-sauskojus-info-background: #ece9dd;
  --nagel-sauskojus-info-border: #d4cca7;
  --nagel-sauskojus-info-text: #4f4a2d;

  --nagel-sauskojus-header-background: var(--nagel-sauskojus-color-background);
  --nagel-sauskojus-header-border-color: var(--nagel-sauskojus-color-accent);
  --nagel-sauskojus-header-border-width: 6px;
  --nagel-sauskojus-header-transparent: rgba(79, 74, 45, 0.554);

  --nagel-sauskojus-nav-link-color: var(--nagel-sauskojus-color-text);
  --nagel-sauskojus-nav-link-hover: var(--nagel-sauskojus-color-accent);
  --nagel-sauskojus-nav-link-active: var(--nagel-sauskojus-color-accent);

  --nagel-sauskojus-nav-dropdown-background: var(--nagel-sauskojus-color-dark);
  --nagel-sauskojus-nav-dropdown-link: rgb(88, 141, 182);
  --nagel-sauskojus-nav-dropdown-link-hover: hsl(206, 37%, 19%);

  --nagel-sauskojus-nav-font-size: 1rem;
  --nagel-sauskojus-nav-letter-spacing: 0.12em;
  --nagel-sauskojus-nav-gap: 0rem;
  --nagel-sauskojus-nav-dropdown-width: 670px;

  --nagel-sauskojus-font-body:
    "Open Sans Light", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI",
    sans-serif;
  --nagel-sauskojus-font-navigation:
    "Open Sans Light", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI",
    sans-serif;
  --cassiopeia-font-family-headings: var(--nagel-sauskojus-font-headings);
  --nagel-sauskojus-font-headings:
    "Open Sans Light", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI",
    sans-serif;
  --nagel-sauskojus-radius-small: 4px;
  --nagel-sauskojus-radius-medium: 8px;
  --nagel-sauskojus-radius-large: 12px;
}

::selection {
  background: var(--nagel-sauskojus-color-accent-soft);
  color: var(--nagel-sauskojus-color-dark);
}

/* =========================================================
   2. Basis
   ========================================================= */

body {
  color: var(--nagel-sauskojus-color-text);
  font-family: var(--nagel-sauskojus-font-body);
  background-image: url("/images/header/Background-Home.webp");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-attachment: fixed;
}

body.site.com_blank.wrapper-static.view-blank.no-layout.no-task.itemid-101::before {
  content: "";
  min-width: 100%;
  min-height: 100%;
  background: rgba(0, 0, 0, 0.4);
  position: absolute;
}

a {
  color: var(--nagel-sauskojus-color-link);
  transition: color 0.2s ease;
}

a:hover {
  color: var(--nagel-sauskojus-color-link-hover);
}

h1 {
  font-size: 2.3em;
  letter-spacing: 0.1em;
  text-align: center;
}

h3 {
  font-size: 2.1em;
  letter-spacing: 0.1em;
  text-align: center;
  color: #fff;
  padding-top: 0.5em;
}

h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
  text-transform: uppercase;
  font-family: var(--nagel-sauskojus-font-headings);
  font-weight: 100;
}

a {
  color: var(--nagel-sauskojus-color-link);
  /* text-decoration-line: underline !important; */
  /* text-decoration-color: transparent !important; */
  text-underline-offset: 0.18em;
  transition:
    color 0.2s ease,
    text-decoration-color 0.2s ease;
}

a:hover {
  color: var(--nagel-sauskojus-color-accent-strong);
  text-decoration-color: currentColor !important;
}

p.readmore {
  text-align: center;
}

a.btn.btn-secondary {
  background-color: transparent;
  font-family: var(--nagel-sauskojus-font-navigation);
  font-size: 1em;
  color: var(--nagel-sauskojus-color-dark);
  border: 2px var(--nagel-sauskojus-color-dark) solid;
  border-radius: 0;
  text-transform: uppercase;
  font-weight: 500;
  margin: 1em 0 0 0;
}

a.btn.btn-secondary:hover,
a.btn.btn-secondary:active {
  color: var(--nagel-sauskojus-color-accent-strong);
  border: 2px var(--nagel-sauskojus-color-accent-strong) solid;
  background-color: #ffffff;
}

/* =========================================================
   3 Header
   ========================================================= */

.nagel-sauskojus-background > div {
  min-height: 100%;
  min-width: 100vw;
  position: fixed;
  z-index: -1;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.container-header,
header.header.container-header.full-width.position-sticky.sticky-top {
  position: relative;
  z-index: 1000;
  background-color: transparent;
  background-image: none;
  box-shadow: none;
  /* margin: 0 0 4em 0; */
}

header.header.container-header .navbar {
  position: relative;
  z-index: 1001;
}

/* =========================================================
   3.1 Custom Modules in header
   ========================================================= */

.container-overlay {
  display: none;
  position: relative;
  left: 0;
  z-index: 500;
  /* min-height: calc(100vh - 160px); */
}
.moduletable.nagel-sauskojus-center {
  /* margin: 5em 0 0 0; */
}

.grid-child.container-component {
  /* padding-top: 54px; */
}

/* .nagel-sauskojus-center {
  display: block;
  position: relative;
  top: calc(50vh - 400px);
  z-index: 500;
  margin: 0 auto;
} */

.nagel-sauskojus-right-50 {
  color: #fff;
  font-size: 110%;
  margin-left: 52%;
  margin-right: 2em;
  margin-bottom: 1em;
  padding: 1.2em;
  backdrop-filter: blur(5px) brightness(1.1);
  box-shadow: 0 16px 32px rgba(0, 0, 0, 0.5);
}

.nagel-sauskojus-left-50 {
  color: #fff;
  font-size: 110%;
  margin-right: 52%;
  margin-left: 2em;
  margin-bottom: 1em;
  padding: 1.2em;
  backdrop-filter: blur(5px) brightness(1.1);
  box-shadow: 0 16px 32px rgba(0, 0, 0, 0.5);
}

.nagel-header,
.sauskojus-header {
  transition: all 0.7s ease;
}

.nagel-header:hover,
.sauskojus-header:hover,
.nagel-header:active,
.sauskojus-header:active {
  cursor: pointer;
  backdrop-filter: blur(5px) brightness(0.5);
  background-color: var(--nagel-sauskojus-info-text);
}

@media screen and (max-width: 991px) {
  .container-overlay {
    display: block;
    position: absolute;
    top: 40px;
    left: 0;
    z-index: 100;
  }

  .nagel-sauskojus-right-50,
  .nagel-sauskojus-left-50 {
    margin: 0.5em 1em;
    padding: 1em;
    font-size: 90%;
  }

  .nagel-sauskojus-right-50 p,
  .nagel-sauskojus-left-50 p {
    margin-bottom: 0;
  }
}

/* =========================================================
   4. Breadcrumbs
   ========================================================= */

.mod-breadcrumbs.breadcrumb {
  border: 1px solid var(--nagel-sauskojus-color-border);
}

/* =========================================================
   5. Alerts
   ========================================================= */

.alert-info {
  background: var(--nagel-sauskojus-info-background);
  border: 1px solid var(--nagel-sauskojus-info-border);
  color: var(--nagel-sauskojus-info-text);
}

/* =========================================================
   6. Cards / Sidebar
   ========================================================= */

.card {
  border: 1px solid var(--nagel-sauskojus-color-border);
}

.card-header {
  border-bottom: 1px solid var(--nagel-sauskojus-color-border);
}

/* =========================================================
   7. Formulare
   ========================================================= */

.form-control,
.input-group-text {
  border: 1px solid var(--nagel-sauskojus-color-border);
}

.form-control:focus {
  border-color: var(--nagel-sauskojus-color-accent);
  box-shadow: 0 0 0 0.2rem rgba(179, 168, 106, 0.18);
}

/* =========================================================
   8. Buttons
   ========================================================= */

.btn-primary {
  background: var(--nagel-sauskojus-button-background);
  border-color: var(--nagel-sauskojus-button-background);
  color: var(--nagel-sauskojus-button-text);
}

.btn-primary:hover {
  background: var(--nagel-sauskojus-button-background-hover);
  border-color: var(--nagel-sauskojus-button-background-hover);
}

/* =========================================================
   9. Navigation Desktop
   ========================================================= */

.container-header nav {
  margin-top: 0em;
  padding: 0;
}

@media (min-width: 768px) {
  .nagel-sauskojus-nav.mod-menu {
    display: flex;
    justify-content: flex-end;
    gap: var(--nagel-sauskojus-nav-gap);
    margin: 0 0 0 0;
    padding: 1rem 4rem 0 0;
    font-weight: 400;
    position: relative;
    z-index: 1001;
    background: linear-gradient(
      180deg,
      rgba(0, 0, 0, 0) 0%,
      rgba(100, 100, 100, 0.2) 10%,
      rgba(100, 100, 100, 0.2) 70%,
      rgba(0, 0, 0, 0.01) 100%
    );
  }

  .nagel-sauskojus-nav.mod-menu > .nav-item {
    position: relative;
  }

  .nagel-sauskojus-nav.mod-menu > .nav-item > a {
    display: block;
    padding: 0.5rem;
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
    /* text-shadow: 1px 1px var(--nagel-sauskojus-color-link); */
    /* letter-spacing: var(--nagel-sauskojus-nav-letter-spacing); */
    font-size: var(--nagel-sauskojus-nav-font-size);
    font-family: var(--nagel-sauskojus-font-navigation);
  }

  .nagel-sauskojus-nav .mod-menu__sub {
    position: absolute;
    top: 100%;
    left: -4rem;
    transform: none;

    width: max-content;
    min-width: 180px;
    max-width: 420px;

    padding: 0.9rem 0;
    list-style: none;
    display: block;
    margin: 0;

    z-index: 1002;
    border: 1px solid var(--nagel-sauskojus-color-border);
  }

  .nagel-sauskojus-nav > .nav-item.parent:hover > .mod-menu__sub {
    display: block;
  }

  .nagel-sauskojus-nav .mod-menu__sub li {
    display: block;
    width: 100%;
  }

  .nagel-sauskojus-nav .mod-menu__sub a {
    display: block;
    padding: 1rem 1rem;
    color: var(--nagel-sauskojus-nav-dropdown-link);
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: 0.07em;
    white-space: nowrap;
  }

  .nagel-sauskojus-nav .mod-menu__sub a:hover {
    color: var(--nagel-sauskojus-nav-dropdown-link-hover);
  }

  .nagel-sauskojus-nav .icon-chevron-down,
  .nagel-sauskojus-nav .mod-menu__toggle-sub,
  .nagel-sauskojus-nav .mod-menu__toggle-sub span {
    display: none !important;
  }

  /* =========================================================
   9.1 Navigation Desktop Active State/Hover 
   ========================================================= */

  .container-header .mod-menu > li.active:after,
  .container-header .mod-menu > li:hover:after {
    background: transparent;
    left: 0;
    right: 2px;
  }

  .container-header .mod-menu > li:after {
    content: "";
    opacity: 0.2;
    background: 0 0;
    height: 2px;
    margin: auto;
    transition:
      all 0.2s,
      background-color 0.2s;
    display: block;
    position: absolute;
    bottom: 0;
    left: 50%;
    right: 50%;
  }
  .container-header .mod-list li a:hover {
    text-decoration: none !important;
  }
}

/* =========================================================
   10. Mobile Navigation
   ========================================================= */

@media (max-width: 991px) {
  .nagel-sauskojus-nav.mod-menu > .nav-item {
    /* border-bottom: 1px solid var(--nagel-sauskojus-color-border); */
  }

  .nagel-sauskojus-nav.mod-menu > .nav-item > a {
    padding: 1rem;
  }
}

/* =========================================================
   11 Main
   ========================================================= */

main {
  background-color: rgba(255, 255, 255, 1);
  background-image: none;
  margin: 2em 0 2em 0;
  padding: 1em;
}

/* =========================================================
   11.1 Site-Grid
   ========================================================= */

@supports (display: grid) {
  .site-grid {
    gap: 0 1em;
    display: grid;
    grid-template-columns:
      [full-start] minmax(0, 1fr)
      [main-start] repeat(4, minmax(0, 19.875rem))
      [main-end] minmax(0, 1fr)
      [full-end];

    grid-template-areas:
      ". banner        banner        banner        banner        ."
      ". projekt-top-a projekt-top-a projekt-top-a projekt-top-a ."
      ". top-a         top-a         top-a         top-a         ."
      ". top-b         top-b         top-b         top-b         ."
      ". projekt-top-b projekt-top-b projekt-top-b projekt-top-b ."
      ". side-l        comp          comp          side-r        ."
      ". bot-a         bot-a         bot-a         bot-a         ."
      ". bot-b         bot-b         bot-b         bot-b         .";
  }
}

@supports (display: grid) {
  @media (width >= 992px) {
    .site-grid {
      grid-template-areas:
        ". banner        banner        banner        banner        ."
        ". projekt-top-a projekt-top-a projekt-top-a projekt-top-a ."
        ". top-a         top-a         top-a         top-a         ."
        ". top-b         top-b         top-b         top-b         ."
        ". projekt-top-b projekt-top-b projekt-top-b projekt-top-b ."
        ". side-l        comp          comp          side-r        ."
        ". bot-a         bot-a         bot-a         bot-a         ."
        ". bot-b         bot-b         bot-b         bot-b         .";
    }
  }
}

@supports (display: grid) {
  .site-grid > [class^="projekt-"],
  .site-grid > [class*="\ projekt-"] {
    column-gap: 1em;
    width: 100%;
    max-width: none;
  }
}
/* Korrektur der mobilen Darstellung der Logos auf der Landingpage */
@media (max-width: 640px) {
  .site-grid {
    min-height: 96vh;
  }
  .moduletable.nagel-sauskojus-center {
    position: relative;
    top: -20%;
  }
}

.projekt-top-a,
.projekt-top-b {
  position: relative;
}

.projekt-top-a {
  grid-area: projekt-top-a;
}

.projekt-top-b {
  grid-area: projekt-top-b;
}

/* .grid-child .container-component {
  height: 0;
} */

/* =========================================================
   12. Footer
   ========================================================= */

/* .footer {
  color: #fff;
  background-color: var(--nagel-sauskojus-color-accent-strong);
  background-image: none;
  margin-top: 1em;
}

.nagel-sauskojus-stoerer {
  font-size: 1.3rem;
  color: var(--nagel-sauskojus-color-accent-strong);
  font-style: italic;
  font-weight: 500;
  padding: 2rem 1rem 1rem 1rem;
  border-top: var(--nagel-sauskojus-color-accent-strong) 6px solid;
  border-bottom: var(--nagel-sauskojus-color-accent-strong) 6px solid;
} */
footer.container-footer.footer.full-width {
  border-top: 1em solid #000;
}

.footer {
  color: #fff;
  background-color: #464645;
  background-image: none;
  z-index: 1;
  margin: 0;
}

.footer h1,
.footer h2,
.footer h3,
.footer h4,
.footer h5,
.footer h6,
.footer .h1,
.footer .h2,
.footer .h3,
.footer .h4,
.footer .h5,
.footer .h6,
.footer p {
  color: #fff;
  font-size: 90%;
}

.footer .grid-child {
  padding: 0.5rem 0.5em;
  flex-direction: column;
  grid-gap: 2em;
}

footer.moduletable.nagel-sauskojus-footer {
  width: 100%;
}

nav.moduletable.footer_menu {
  border-top: 1px solid #ccc;
  width: 100%;
  padding-top: 1em;
  text-align: end;
}

.nagel-sauskojus-stoerer {
  font-size: 1.3rem;
  color: var(--nagel-sauskojus-color-accent-strong);
  font-style: italic;
  font-weight: 500;
  padding: 2rem 1rem 1rem 1rem;
  border-top: var(--nagel-sauskojus-color-accent-strong) 6px solid;
  border-bottom: var(--nagel-sauskojus-color-accent-strong) 6px solid;
}

/* =========================================================
   Startseite – Viewport-Layout
   ========================================================= */

@media (min-width: 768px) {
  body.itemid-101 .container-header {
    margin-bottom: 0;
  }

  body.itemid-101 .site-grid {
    min-height: 100dvh;
  }

  body.itemid-101 .grid-child.container-component {
    padding-top: 0;
  }

  body.itemid-101 .moduletable.nagel-sauskojus-center {
    margin-top: 0;
  }

  body.itemid-101 .footer {
    margin: 0;
  }
}

@media (max-width: 767.98px) {
  .container-header nav.navbar {
    display: none !important;
  }
}

@media (min-width: 768px) {
  .nagel-sauskojus-nav.mod-menu {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-end;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .container-header .nagel-sauskojus-nav.mod-menu .mod-menu__sub {
    background-color: #fff;
    border: 0;
  }

  .container-header .nagel-sauskojus-nav.mod-menu .mod-menu__sub a,
  .container-header .nagel-sauskojus-nav.mod-menu .mod-menu__sub span {
    color: var(--nagel-sauskojus-nav-dropdown-link);
  }

  .container-header .nagel-sauskojus-nav.mod-menu .mod-menu__sub a:hover {
    color: var(--nagel-sauskojus-nav-dropdown-link-hover);
  }
}
div#dj-megamenu179mobileWrap {
  position: relative;
  right: calc(-90vw + 8vw);
  top: 5vh;
}

.dj-megamenu-wrapper {
  display: none;
}
/* Smartphone: horizontale Joomla-Navigation aus */
@media (max-width: 767.98px) {
  .container-header nav.navbar {
    display: none !important;
  }

  .dj-megamenu-wrapper {
    display: block !important;
  }
}

/* Tablet + Desktop: horizontale Navigation */
@media (min-width: 768px) {
  .container-header nav.navbar {
    display: flex !important;
  }

  .nagel-sauskojus-nav.mod-menu {
    display: flex !important;
    flex-direction: row;
    flex-wrap: nowrap;
  }

  .dj-megamenu-wrapper,
  #dj-megamenu179mobileWrap {
    display: none !important;
  }
}
@media (min-width: 768px) and (max-width: 1180px) {
  .nagel-sauskojus-nav.mod-menu > .nav-item > a {
    padding-left: 0.55rem;
    padding-right: 0.55rem;
    font-size: 0.85rem;
  }
}
/* =========================================================
   Mobiles Offcanvas-Menü
   ========================================================= */

@media (max-width: 767.98px) {
  /* Schwarze Zeile unter dem weißen Kopfbereich */
  .container-header nav.navbar {
    position: relative;
    display: flex !important;
    align-items: center;
    justify-content: flex-end;
    width: 100%;
    min-height: 70px;
    padding: 0 1rem;
  }

  /* Hamburger rechts */
  .container-header .navbar-toggler {
    position: relative;
    z-index: 1201;
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 58px;
    height: 58px;
    margin: 0 0 0 auto;
    padding: 0;
    border: 0;
    border-radius: 4px;
    color: #000;
    background: #fff;
    box-shadow: none;
  }

  .container-header .navbar-toggler .icon-menu {
    color: #000;
    font-size: 2rem;
    line-height: 1;
  }

  .container-header .navbar-toggler:hover,
  .container-header .navbar-toggler:focus-visible {
    color: #000;
    background: #fff;
  }

  .container-header .navbar-toggler:focus-visible {
    outline: 2px solid var(--nagel-sauskojus-color-accent);
    outline-offset: 3px;
  }

  .container-header .navbar-toggler,
  .container-header .navbar-toggler[aria-expanded="true"],
  .container-header .navbar-toggler[aria-expanded="false"] {
    position: relative;
    top: auto;
    right: auto;
    z-index: 1201;

    display: flex !important;
    align-items: center;
    justify-content: center;

    width: 58px;
    height: 58px;
    margin: 0 0 0 auto;
  }

  /* Offcanvas-Fläche */
  .container-header .navbar-collapse {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 1200;

    display: block !important;
    width: min(88vw, 420px);
    height: 100dvh !important;
    max-height: none !important;
    overflow-x: hidden;
    overflow-y: auto;

    padding: 135px 1.5rem 2rem;
    color: #fff;
    background: #111;

    visibility: hidden;
    transform: translateX(100%);
    transition:
      transform 350ms ease,
      visibility 0s linear 350ms;

    pointer-events: none;
  }

  /* Sichtbares Menü */
  .container-header .navbar-collapse.show,
  .container-header .navbar-collapse.collapsing {
    height: 100dvh !important;
    visibility: visible;
    transform: translateX(0);
    transition:
      transform 350ms ease,
      visibility 0s linear 0s;

    pointer-events: auto;
  }

  /* Logo oben im hineingeschobenen Menü */
  .container-header .navbar-collapse::before {
    position: absolute;
    top: 20px;
    left: 1.5rem;

    display: block;
    width: 166px;
    height: 60px;

    content: "";
    background-image: url("/images/logo/Logo_schwarz%20auf%20transparent_ib+%20Schrift%20neben%20Bild_442px%20x%20242px.webp");
    background-repeat: no-repeat;
    background-position: left center;
    background-size: contain;

    /* Das schwarze Logo auf dem dunklen Hintergrund weiß darstellen */
    filter: invert(1);
  }

  /* Menüliste */
  .nagel-sauskojus-nav.mod-menu {
    display: block;
    width: 100%;
    margin: 0;
    padding: 0;
    background: transparent;
    max-width: fit-content;
    margin-top: -50px;
  }

  .nagel-sauskojus-nav.mod-menu > .nav-item {
    display: block;
    width: 100%;
    border: 0;
    border-bottom: 1px solid rgb(255 255 255 / 25%);
  }

  .nagel-sauskojus-nav.mod-menu a {
    display: block;
    width: 100%;
    padding: 1rem 0.5rem;
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
  }

  .nagel-sauskojus-nav.mod-menu a:hover,
  .nagel-sauskojus-nav.mod-menu a:focus-visible,
  .nagel-sauskojus-nav.mod-menu .current > a,
  .nagel-sauskojus-nav.mod-menu .active > a {
    color: var(--nagel-sauskojus-color-accent);
  }

  /* Schalter der Untermenüs ausblenden */
  .nagel-sauskojus-nav .mod-menu__toggle-sub {
    display: none !important;
  }

  /* Alle Untermenüs permanent anzeigen */
  .nagel-sauskojus-nav .mod-menu__sub,
  .nagel-sauskojus-nav .mod-menu__sub[aria-hidden="true"],
  .nagel-sauskojus-nav .mod-menu__sub[aria-hidden="false"] {
    position: static !important;
    display: block !important;
    width: 100%;
    min-width: 0;
    max-width: none;
    margin: 0;
    padding: 0 0 0.5rem 1.25rem;
    border: 0;
    background: transparent;
    box-shadow: none;
    transform: none;
  }

  /* Unterebenen eingerückt und etwas kleiner */
  .nagel-sauskojus-nav .mod-menu__sub a {
    padding: 0.7rem 0.5rem;
    color: #ddd;
    font-size: 0.9rem;
    white-space: normal;
  }

  .nagel-sauskojus-nav .mod-menu__sub .mod-menu__sub {
    padding-left: 1.25rem;
  }

  /* body.mobile-menu-open {
    overflow: hidden;
  } */
}
@media (min-width: 992px) {
  img.ib-plus-logo {
    display: block;
    text-align: center;
    margin: 0 auto;
    width: clamp(100px, 30vw, 200px);
  }
}

@media (max-width: 991.98px) {
  img.ib-plus-logo {
    display: block;
    text-align: center;
    margin: 0 auto;
    width: clamp(100px, 30vw, 200px);
  }
}

@media (max-width: 768px) {
  img.ib-plus-logo {
    display: block;
    text-align: center;
    margin: 0 auto;
    width: clamp(100px, 30vw, 200px);
  }
}
/* Anpassungen der Sichtbarkeit der Menüpunkte  */
/* Smartphone */

/* Ab Tablet: Touch */
@media (min-width: 768px) and (hover: none) and (pointer: coarse) {
  .nav-item.item-102 {
    display: none !important;
  }
  #mod-menu117-submenu1 {
    display: none !important;
  }
}

/* Ab Tablet: Maus */
@media (min-width: 768px) and (hover: hover) and (pointer: fine) {
  .nav-item.item-102 {
    display: block !important;
  }
  #mod-menu117-submenu1 {
    display: block !important;
  }
}