/* NatusatC v2 (22.10.2026) – ruhiger & luftiger. Nur Template NatusatC (Vorschau), NOVA unberührt.
   Rückweg: Block in layout/header.tpl entfernen oder Backup ~/backup-20261022-2120-v2 zurückspielen. */
:root{--nc-dark:#1f2a1d;--nc-orange:#F6A800;--nc-orange-ink:#8a5d00;--nc-cream:#F5EFE3;--nc-muted:#4c5946;
  --nc-line:rgba(31,42,29,.09);--nc-ease:cubic-bezier(.2,.7,.2,1);--nc-r:14px}

/* ---------- Header: einzeilig & kompakt (Logo | Menü | Suche + Icons), News/Kontakt klein oben rechts ---------- */
@media (min-width:992px){
  #header-top-bar{display:none!important}
  #jtl-nav-wrapper{transition:box-shadow .22s var(--nc-ease)}
  #jtl-nav-wrapper>.container-fluid:not(.search-form-wrapper-fixed){display:flex!important;flex-wrap:nowrap;align-items:center;height:68px!important;position:relative;transition:height .22s var(--nc-ease)}
  #jtl-nav-wrapper .toggler-logo-wrapper{flex:0 0 auto;padding:0!important;margin:0 1.1rem 0 0!important;align-self:center}
  #jtl-nav-wrapper #logo,#jtl-nav-wrapper #logo .navbar-brand{padding:0!important;margin:0!important}
  #jtl-nav-wrapper #logo img{max-height:44px;width:auto;transition:max-height .22s var(--nc-ease)}
  #jtl-nav-wrapper nav.navbar{flex:1 1 auto;min-width:0;height:100%!important;min-height:0!important;padding:0!important;flex-wrap:nowrap!important;align-items:center!important}
  #jtl-nav-wrapper #mainNavigation{order:1;flex:1 1 auto;min-width:0;height:100%!important;max-width:none;align-items:center;overflow:visible}
  #jtl-nav-wrapper #mainNavigation{display:flex!important;align-items:center!important}
  #jtl-nav-wrapper #mainNavigation .nav-mobile-body{height:auto!important;align-self:center!important;margin:0!important;padding:0!important}
  #jtl-nav-wrapper #mainNavigation .nav-scrollbar-inner{flex-wrap:nowrap!important;overflow:visible!important;padding-bottom:0!important;margin:0!important;align-self:center}
  #jtl-nav-wrapper .nav-scrollbar-arrow{display:none!important}
  #jtl-nav-wrapper #mainNavigation .navbar-nav>.nav-item>.nav-link{padding:.45rem .62rem!important;font-size:.95rem;white-space:nowrap;transition:color .15s}
  #jtl-nav-wrapper #shop-nav{order:2;flex:0 0 auto;margin:0 0 0 .5rem!important;flex-wrap:nowrap;align-items:center;padding-top:8px}
  #jtl-nav-wrapper #shop-nav>.nav-item>.nav-link{padding:.45rem .5rem}
  /* Suche: schmal, geht beim Fokus nach links auf (Overlay, kein Umbruch) */
  #jtl-nav-wrapper #search{position:relative;width:210px;height:40px;margin-right:.35rem;flex:0 0 auto}
  #jtl-nav-wrapper #search .search-wrapper{position:absolute;right:0;top:0;width:100%;z-index:6;transition:width .22s var(--nc-ease)}
  #jtl-nav-wrapper #search .input-group{flex-wrap:nowrap!important;align-items:center}
  #jtl-nav-wrapper #search .twitter-typeahead{flex:1 1 auto!important;min-width:0;width:auto!important}
  #jtl-nav-wrapper #search .form-control{height:40px;width:100%!important;min-width:0}
  #jtl-nav-wrapper #search .input-group-append{flex:0 0 auto;margin-left:-40px;z-index:3}
  #jtl-nav-wrapper #search .form-control{padding-right:46px!important}
  #jtl-nav-wrapper #search .btn{height:40px;width:40px;padding:0;display:inline-flex;align-items:center;justify-content:center}
  #jtl-nav-wrapper #search:focus-within .search-wrapper,#jtl-nav-wrapper #search.nc-open .search-wrapper{width:min(380px,calc(100vw - 340px));box-shadow:0 10px 30px -10px rgba(0,0,0,.5);border-radius:999px}
  /* News | Kontakt klein & dezent oben rechts */
  .nc-meta{position:absolute;top:3px;right:16px;display:flex;gap:.9rem;font-size:.7rem;line-height:1;z-index:2;transition:opacity .2s}
  .nc-meta a{color:rgba(243,239,230,.62)!important;text-decoration:none}
  .nc-meta a:hover,.nc-meta a:focus-visible{color:#fff!important;text-decoration:underline}
  /* Sticky: beim Scrollen noch schlanker */
  body.nc-scrolled #jtl-nav-wrapper{box-shadow:0 8px 28px -12px rgba(0,0,0,.5)}
  body.nc-scrolled #jtl-nav-wrapper>.container-fluid:not(.search-form-wrapper-fixed){height:56px!important}
  body.nc-scrolled #jtl-nav-wrapper #logo img{max-height:36px}
  body.nc-scrolled .nc-meta{opacity:0;pointer-events:none}
  body.nc-scrolled #jtl-nav-wrapper #shop-nav{padding-top:0}
  #content-wrapper{padding-top:1.25rem!important}
}
/* eng (bis 1359 px): Suche als Icon, öffnet per Klick als Overlay */
@media (min-width:992px) and (max-width:1359.98px){
  #jtl-nav-wrapper #search{width:40px}
  #jtl-nav-wrapper #search:not(.nc-open):not(:focus-within) .form-control{width:0!important;min-width:0;padding:0!important;border:0!important;opacity:0}
  #jtl-nav-wrapper #search:not(.nc-open):not(:focus-within) .input-group-append .btn{border-radius:999px!important}
  #jtl-nav-wrapper #search:not(.nc-open):not(:focus-within) .search-wrapper{width:40px}
}
@media (min-width:992px) and (max-width:1199.98px){
  #jtl-nav-wrapper .cart-icon-dropdown-price{display:none!important}
  #jtl-nav-wrapper #mainNavigation .navbar-nav>.nav-item>.nav-link{padding:.45rem .42rem!important;font-size:.9rem}
  #jtl-nav-wrapper .toggler-logo-wrapper{margin-right:.6rem!important}
  #jtl-nav-wrapper #logo img{max-height:40px}
}
/* mobil kompakt: Logo | Suche | Warenkorb | Menü */
@media (max-width:991.98px){
  #jtl-nav-wrapper{transition:box-shadow .22s var(--nc-ease)}
  body.nc-scrolled #jtl-nav-wrapper{box-shadow:0 6px 20px -10px rgba(0,0,0,.45)}
  #jtl-nav-wrapper>.container-fluid:not(.search-form-wrapper-fixed){display:flex!important;align-items:center;height:56px;flex-wrap:nowrap}
  #jtl-nav-wrapper .toggler-logo-wrapper{display:contents!important}
  #jtl-nav-wrapper #logo{order:1;margin:0!important;padding:0!important}
  #jtl-nav-wrapper #logo img{max-height:38px;width:auto}
  #jtl-nav-wrapper nav.navbar{order:2;margin-left:auto!important;flex:0 0 auto!important;padding:0!important;width:auto!important}
  #jtl-nav-wrapper .burger-menu-wrapper{order:3;margin:0 0 0 .2rem!important;padding:.4rem!important}
  #jtl-nav-wrapper #shop-nav .account-icon-dropdown,#jtl-nav-wrapper #shop-nav-wish,#jtl-nav-wrapper #shop-nav-compare{display:none!important}
  #jtl-nav-wrapper #shop-nav>.nav-item>.nav-link{padding:.5rem .55rem}
  #jtl-nav-wrapper .cart-icon-dropdown-price{display:none!important}
  .search-form-wrapper-fixed{display:none!important}
  body.nc-msearch .search-form-wrapper-fixed{display:block!important;animation:ncDrop .2s var(--nc-ease)}
  #mainNavigation .nc-extra{border-bottom:0!important}
  #mainNavigation .nc-extra:first-of-type{margin-top:.6rem;border-top:1px solid var(--nc-line)}
  #mainNavigation .nc-extra>.nav-link{font-weight:500!important;font-size:.92rem!important;color:var(--nc-muted)!important;padding:.6rem .25rem!important}
}
@media (max-width:991.98px){.nc-meta{display:none!important}}
@keyframes ncDrop{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
#mainNavigation .navbar-nav>.dropdown.nc-esc>.dropdown-menu{opacity:0!important;visibility:hidden!important;pointer-events:none!important}

/* ---------- Kategorie-Menü Desktop: kompaktes, ruhiges Dropdown direkt unter dem Menüpunkt ---------- */
@media (min-width:992px){
  .modal-backdrop.zindex-dropdown{opacity:0!important}
  #mainNavigation .navbar-nav>.dropdown>.dropdown-toggle::after{transition:transform .2s var(--nc-ease)}
  #mainNavigation .navbar-nav>.dropdown:hover>.dropdown-toggle::after,
  #mainNavigation .navbar-nav>.dropdown.show>.dropdown-toggle::after{transform:rotate(180deg)}
  #mainNavigation .navbar-nav>.dropdown>.dropdown-menu{
    display:block!important;position:absolute!important;left:var(--nc-l,0px)!important;top:var(--nc-t,100%)!important;right:auto!important;
    width:max-content!important;min-width:250px;max-width:min(500px,calc(100vw - 32px));
    padding:.45rem!important;margin:0!important;border:1px solid var(--nc-line)!important;border-radius:var(--nc-r)!important;
    background:#fff!important;box-shadow:0 18px 40px -14px rgba(31,42,29,.30),0 2px 6px rgba(31,42,29,.06)!important;
    opacity:0;visibility:hidden;transform:translateY(-6px);pointer-events:none;z-index:1050;
    transition:opacity .18s var(--nc-ease) .16s,transform .18s var(--nc-ease) .16s,visibility 0s linear .34s}
  #mainNavigation .navbar-nav>.dropdown>.dropdown-menu::before{content:"";position:absolute;left:0;right:0;top:-12px;height:12px}
  #mainNavigation .navbar-nav>.dropdown:hover>.dropdown-menu,
  #mainNavigation .navbar-nav>.dropdown.show>.dropdown-menu,
  #mainNavigation .navbar-nav>.dropdown:focus-within>.dropdown-menu{
    opacity:1;visibility:visible;transform:none;pointer-events:auto;
    transition:opacity .18s var(--nc-ease) .12s,transform .18s var(--nc-ease) .12s,visibility 0s linear .12s}
  #mainNavigation .dropdown-menu .dropdown-body{padding:0!important;margin:0!important;background:transparent!important;box-shadow:none!important;max-height:none!important;overflow:visible!important}
  #mainNavigation .dropdown-menu .subcategory-wrapper,#mainNavigation .dropdown-menu .dropdown-body>.container{max-width:none!important;width:auto!important;padding:0!important;margin:0!important}
  #mainNavigation .dropdown-menu .subcategory-wrapper>.row,#mainNavigation .dropdown-menu .dropdown-body>.container>.row{display:grid!important;grid-template-columns:minmax(220px,1fr);gap:2px;margin:0!important}
  #mainNavigation .dropdown-menu .subcategory-wrapper>.row:has(>.nav-item:nth-child(8)){grid-template-columns:repeat(2,minmax(200px,1fr));column-gap:4px}
  #mainNavigation .navbar-nav .dropdown-menu .row>.nav-item{max-width:none!important;flex:none!important;width:auto!important;padding:0!important;margin:0!important;border:0!important}
  #mainNavigation .navbar-nav .dropdown-menu .row>.nav-item>a{display:block;padding:.62rem .85rem!important;margin:0!important;border:0!important;border-radius:9px;
    font-family:'DM Sans',system-ui,sans-serif!important;font-weight:500!important;font-size:.95rem!important;line-height:1.35;letter-spacing:0;
    color:var(--nc-dark)!important;text-decoration:none!important;background:transparent;transition:background-color .15s,color .15s,padding .15s}
  #mainNavigation .navbar-nav .dropdown-menu .row>.nav-item>a span,#mainNavigation .navbar-nav .dropdown-menu .row>.nav-item>a strong{border:0!important;font:inherit!important;color:inherit!important;padding:0!important;margin:0!important}
  #mainNavigation .navbar-nav .dropdown-menu .row>.nav-item>a:hover,#mainNavigation .navbar-nav .dropdown-menu .row>.nav-item>a:focus-visible{background:var(--nc-cream);padding-left:1.05rem!important}
  /* "Alle anzeigen" als ruhiger Fußlink */
  #mainNavigation .navbar-nav .dropdown-menu .row>.nav-item.d-lg-none{display:block!important;order:99;grid-column:1/-1;margin-top:.3rem!important;padding-top:.3rem!important;border-top:1px solid var(--nc-line)!important}
  #mainNavigation .navbar-nav .dropdown-menu .row>.nav-item.d-lg-none>a{font-weight:700!important;color:var(--nc-orange-ink)!important}
  #mainNavigation .navbar-nav .dropdown-menu .row>.nav-item.d-lg-none>a strong::after{content:" →"}
  #mainNavigation .navbar-nav .dropdown-menu .row>.nav-item.d-lg-none>a strong{display:inline!important}
  /* tiefere Ebenen erst auf der Kategorieseite */
  #mainNavigation .dropdown-menu .dropdown-menu,#mainNavigation .dropdown-menu .submenu-headline-image,#mainNavigation .dropdown-menu .categories-recursive-dropdown{display:none!important}
  #mainNavigation .navbar-nav .dropdown-menu .row>.nav-item>a.dropdown-toggle::after{display:none!important}
}

/* ---------- Kategorie-Menü mobil: schlichte Liste mit Akkordeon ---------- */
@media (max-width:991.98px){
  #mainNavigation{max-width:340px}
  #mainNavigation .navbar-nav{transform:none!important;transition:none!important}
  #mainNavigation a.nav-offcanvas-title{display:none!important}
  #mainNavigation span.nav-offcanvas-title{display:inline!important;color:var(--nc-dark)!important;font-weight:700}
  #mainNavigation .nav-mobile-header .navbar-toggler,#mainNavigation .nav-mobile-header .nav-offcanvas-title{color:var(--nc-dark)!important;opacity:1}
  #mainNavigation .nav-mobile-body{padding:0 .9rem}
  #mainNavigation .nav-mobile-header{padding-left:.9rem;padding-right:.9rem}
  .modal-backdrop.show{opacity:.35!important}
  #mainNavigation .navbar-nav>.nav-item{border-bottom:1px solid var(--nc-line)}
  #mainNavigation .navbar-nav>.nav-item>.nav-link{padding:.95rem .25rem!important;font-weight:600;font-size:1.02rem;display:flex;align-items:center;justify-content:space-between}
  #mainNavigation .navbar-nav>.dropdown>.dropdown-toggle::after{transition:transform .22s var(--nc-ease);transform:rotate(90deg)}
  #mainNavigation .navbar-nav>.dropdown.nc-open>.dropdown-toggle::after,#mainNavigation .navbar-nav>.dropdown.show>.dropdown-toggle::after{transform:rotate(-90deg)}
  #mainNavigation .navbar-nav>.dropdown>.dropdown-menu{position:static!important;display:grid!important;grid-template-rows:0fr;
    transition:grid-template-rows .26s var(--nc-ease);left:auto!important;top:auto!important;width:auto!important;height:auto!important;min-height:0!important;
    transform:none!important;visibility:visible!important;opacity:1!important;border:0!important;box-shadow:none!important;padding:0!important;margin:0!important;background:transparent!important;overflow:hidden}
  #mainNavigation .navbar-nav>.dropdown.nc-open>.dropdown-menu,#mainNavigation .navbar-nav>.dropdown.show>.dropdown-menu{grid-template-rows:1fr}
  #mainNavigation .navbar-nav>.dropdown>.dropdown-menu>.dropdown-body{min-height:0;overflow:hidden;padding:0!important;background:transparent!important}
  #mainNavigation .dropdown-menu .subcategory-wrapper{padding:0 0 .5rem!important;max-width:none}
  #mainNavigation .dropdown-menu .subcategory-wrapper>.row{display:flex!important;flex-direction:column;margin:0!important}
  #mainNavigation .navbar-nav .dropdown-menu .row>.nav-item{max-width:none!important;padding:0!important;margin:0!important;border:0!important}
  #mainNavigation .navbar-nav .dropdown-menu .row>.nav-item>a{display:block;padding:.7rem .25rem .7rem 1rem!important;font-family:'DM Sans',system-ui,sans-serif!important;font-size:.97rem!important;font-weight:500!important;color:var(--nc-muted)!important;border:0!important;text-decoration:none!important;border-radius:8px}
  #mainNavigation .navbar-nav .dropdown-menu .row>.nav-item>a:active{background:var(--nc-cream)}
  #mainNavigation .navbar-nav .dropdown-menu .row>.nav-item>a span,#mainNavigation .navbar-nav .dropdown-menu .row>.nav-item>a strong{font:inherit!important;color:inherit!important;border:0!important}
  #mainNavigation .navbar-nav .dropdown-menu .row>.nav-item.d-lg-none{order:99}
  #mainNavigation .navbar-nav .dropdown-menu .row>.nav-item.d-lg-none>a{color:var(--nc-orange-ink)!important;font-weight:700!important}
  #mainNavigation .dropdown-menu .dropdown-menu,#mainNavigation .navbar-nav .dropdown-menu .row>.nav-item>a.dropdown-toggle::after{display:none!important}
}

/* ---------- Breadcrumbs: schlank, eine Zeile, dezente Trenner ---------- */
.breadcrumb-wrapper{border:0!important;margin:.35rem 0 .5rem!important;padding:0!important}
.breadcrumb{flex-wrap:nowrap!important;overflow-x:auto;white-space:nowrap;scrollbar-width:none;padding:.45rem 0!important;font-size:.85rem!important;align-items:center}
.breadcrumb::-webkit-scrollbar{display:none}
.breadcrumb-item{align-items:center;white-space:nowrap;padding-left:0!important}
.breadcrumb-item+.breadcrumb-item::before{content:"›"!important;font-family:inherit!important;font-weight:400!important;float:none!important;padding:0 .3rem!important;color:rgba(31,42,29,.32)!important;font-size:1.05em}
.breadcrumb-item.first::before{display:none!important}
.breadcrumb-link,.breadcrumb a{display:inline-block;color:var(--nc-muted)!important;text-decoration:none!important;padding:.22rem .55rem;border-radius:999px;transition:background-color .15s,color .15s,box-shadow .15s}
.breadcrumb-link:hover,.breadcrumb a:hover,.breadcrumb a:focus-visible{background:#fff;color:var(--nc-dark)!important;box-shadow:0 1px 6px rgba(31,42,29,.10)}
.breadcrumb-item.active .breadcrumb-link,.breadcrumb-item.active a{color:var(--nc-dark)!important;font-weight:600}
.breadcrumb-backtolist::after{display:none!important;content:none!important}
.breadcrumb-backtolist{margin-right:.4rem;padding-right:.4rem!important;border-right:1px solid var(--nc-line)}
.breadcrumb .breadcrumb-item.breadcrumb-backtolist::before,.breadcrumb .breadcrumb-item.breadcrumb-arrow::before{content:"‹"!important;font-family:inherit!important;font-weight:400!important;float:none!important;padding:0 0 0 .1rem!important;color:var(--nc-dark)!important;font-size:1.15em}
@media (max-width:767.98px){
  .breadcrumb-backtolist{display:none!important}
  .breadcrumb-arrow .breadcrumb-link{padding-left:.3rem}
  .breadcrumb-arrow .breadcrumb-link span::before{content:"Zurück zu "}
  .breadcrumb-arrow .breadcrumb-link span{font-weight:600;color:var(--nc-dark)}
}

/* ---------- Insgesamt luftiger: Karten, Buttons, Mikro-Animationen ---------- */
.productbox,.product-wrapper .productbox{border-radius:20px;box-shadow:0 1px 2px rgba(31,42,29,.04),0 10px 30px -14px rgba(31,42,29,.16);
  transition:transform .28s var(--nc-ease),box-shadow .28s var(--nc-ease)!important}
.productbox:hover{transform:translateY(-4px);box-shadow:0 2px 4px rgba(31,42,29,.05),0 24px 44px -18px rgba(31,42,29,.30)}
.productbox .productbox-images .square-image>.inner{transition:transform .45s var(--nc-ease)}
.productbox:hover .productbox-images .square-image>.inner{transform:scale(1.035)}
.product-list .product-wrapper,#product-list .product-wrapper{margin-bottom:1.75rem}
.btn{transition:background-color .2s,border-color .2s,color .2s,box-shadow .2s,transform .2s var(--nc-ease)}
.btn:hover{transform:translateY(-1px)}
.btn:active{transform:none}
.btn-primary:hover,.btn-primary:focus{box-shadow:0 10px 22px -10px rgba(246,168,0,.75)}
.btn-outline-primary:hover,.btn-secondary:hover{box-shadow:0 10px 22px -12px rgba(31,42,29,.6)}
a:focus-visible,.btn:focus-visible,button:focus-visible{outline:2px solid var(--nc-orange)!important;outline-offset:2px}
.nc-section{margin-top:3.25rem;margin-bottom:3.25rem}
.nc-cat-hero{margin-top:.75rem}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{transition-duration:.01ms!important;transition-delay:0s!important;animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}
  .productbox:hover,.btn:hover,.productbox:hover .productbox-images .square-image>.inner{transform:none!important}
}

/* ---------- Hintergrund: frisch & ruhig, feines Blatt-/Punktmuster (inline SVG, ~1 KB) ---------- */
body,body.theme-natusatc{
  background-color:#F3F5EC!important;
  background-image:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180' viewBox='0 0 180 180'%3E%3Cg opacity='.05'%3E%3Cg fill='none' stroke='%231f2a1d' stroke-width='1.1' stroke-linecap='round'%3E%3Cpath d='M28 40c10-14 28-16 38-6-10 14-28 16-38 6zM28 40l38-6'/%3E%3Cpath d='M120 118c6-16 22-24 34-18-6 16-22 24-34 18zM120 118l34-18'/%3E%3Cpath d='M96 22c14 4 22 16 18 30-14-4-22-16-18-30zM96 22l18 30'/%3E%3Cpath d='M40 128c4 12 0 24-10 30M36 140c-6 0-10-3-12-7'/%3E%3C/g%3E%3Cg fill='%231f2a1d'%3E%3Ccircle cx='150' cy='38' r='1.6'/%3E%3Ccircle cx='82' cy='92' r='1.3'/%3E%3Ccircle cx='12' cy='170' r='1.4'/%3E%3Ccircle cx='168' cy='160' r='1.2'/%3E%3Ccircle cx='70' cy='150' r='1'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"),
    linear-gradient(180deg,#EAF1E2 0,#F3F5EC 520px,#F6F4EC 100%)!important;
  background-repeat:repeat,no-repeat!important;background-size:180px 180px,100% 100%!important;background-attachment:scroll!important}
@media (max-width:767.98px){
  body,body.theme-natusatc{background-size:260px 260px,100% 100%!important}
}
#main-wrapper,#content-wrapper,#content,.breadcrumb-container,#footer-boxes{background-color:transparent!important}
/* Lesbare helle Flächen für Text/Formulare */
#content>.basket,.basket .basket-empty .alert,#product-offer .product-info,.product-detail .tab-content,#tabAccordion .card,#tabAccordion .tab-pane,
.product-detail #description,.productlist-filter,#result-wrapper .productlist-page-nav,.sidepanel-left .box,aside .box,#checkout,.checkout-steps,.account-head-data{
  background:#fff;border-radius:18px}
.product-detail .tab-content,#tabAccordion .tab-pane{padding:1.25rem 1.4rem}
#content>.basket{padding:1.4rem 1.5rem;box-shadow:0 10px 30px -18px rgba(31,42,29,.25)}
.sidepanel-left .box,aside .box{padding:1rem 1.1rem;box-shadow:0 8px 24px -18px rgba(31,42,29,.25)}
#jtl-nav-wrapper #search .form-control::placeholder,.search-form-wrapper-fixed .form-control::placeholder{color:#6d7a66!important;opacity:1}
#tab-content-product-tabs{background:#fff;border-radius:18px;padding:1.4rem 1.6rem;margin-top:.75rem;box-shadow:0 10px 30px -20px rgba(31,42,29,.25)}
@media (max-width:767.98px){#tab-content-product-tabs{padding:1rem 1.05rem}}

/* ================= v3 (22.10. 22:10) ================= */
/* Hintergrund einen Hauch kräftiger */
body,body.theme-natusatc{background-color:#EDF1E4!important}
body,body.theme-natusatc{
  background-image:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180' viewBox='0 0 180 180'%3E%3Cg opacity='.065'%3E%3Cg fill='none' stroke='%231f2a1d' stroke-width='1.1' stroke-linecap='round'%3E%3Cpath d='M28 40c10-14 28-16 38-6-10 14-28 16-38 6zM28 40l38-6'/%3E%3Cpath d='M120 118c6-16 22-24 34-18-6 16-22 24-34 18zM120 118l34-18'/%3E%3Cpath d='M96 22c14 4 22 16 18 30-14-4-22-16-18-30zM96 22l18 30'/%3E%3Cpath d='M40 128c4 12 0 24-10 30M36 140c-6 0-10-3-12-7'/%3E%3C/g%3E%3Cg fill='%231f2a1d'%3E%3Ccircle cx='150' cy='38' r='1.6'/%3E%3Ccircle cx='82' cy='92' r='1.3'/%3E%3Ccircle cx='12' cy='170' r='1.4'/%3E%3Ccircle cx='168' cy='160' r='1.2'/%3E%3Ccircle cx='70' cy='150' r='1'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"),
    linear-gradient(180deg,#E2EBD7 0,#EDF1E4 520px,#F0EEE3 100%)!important}
/* Einheitliche Flächen: Creme statt Reinweiß, zarte grüne Kontur, mehr Tiefe */
:root{--nc-surface:#FFFDF7;--nc-line:#CFDCC3;--nc-shadow:0 1px 2px rgba(31,42,29,.07),0 12px 28px -16px rgba(31,42,29,.30)}
#content>.basket,.basket .basket-empty .alert,#product-offer .product-info,.product-detail .tab-content,#tabAccordion .card,
.productlist-filter,#result-wrapper .productlist-page-nav,.sidepanel-left .box:not(.box-linkgroup),aside .box:not(.box-linkgroup),#checkout,.checkout-steps,.account-head-data,
#tab-content-product-tabs,.productbox,.product-wrapper .productbox,#product-offer>.row>[class*=col]:first-child .product-gallery,.nc-surface{
  background:var(--nc-surface)!important;border:1px solid var(--nc-line)!important;box-shadow:var(--nc-shadow)!important}
.productbox:hover{border-color:#B9CBAA!important;box-shadow:0 2px 4px rgba(31,42,29,.08),0 26px 46px -18px rgba(31,42,29,.36)!important}
#result-wrapper .productlist-page-nav{border-radius:18px;padding:.55rem .8rem}
/* Box-Überschriften im dunklen Natusat-Grün mit feiner Akzentlinie */
aside .box .productlist-filter-headline,aside .box .box-normal-link,aside .box .h4,aside .box .box-title,.sidepanel-left .box .productlist-filter-headline{color:#1f2a1d!important;font-weight:700}
aside .box .productlist-filter-headline{border-bottom:1px solid var(--nc-line)!important;padding-bottom:.6rem}
aside .box .productlist-filter-headline:after{border-color:#1f2a1d}
/* Sortier-/Ansicht-Buttons: Kontur grün statt grau */
#result-wrapper .productlist-page-nav .btn-outline-secondary,#result-wrapper .productlist-page-nav .dropdown-toggle,.productlist-filter .btn-outline-secondary{border-color:#9FB48F!important;background:#fff}
/* Gut lesbares Grau auf dem etwas kräftigeren Grund */

/* Beratung im Menü */
#mainNavigation .nc-beratung>.nav-link{white-space:nowrap}

/* Logo im Kategorie-Banner + Sonne mit Smiley (v4.4) – Layout nach Bannerbreite (Container Queries), Basis = schmal */
.nc-cat-hero.nc-has-logo{container-type:inline-size;isolation:isolate}
.nc-cat-hero.nc-has-logo:after{display:none}
.nc-cat-hero.nc-has-logo>.nc-sun-space{float:right;width:104px;height:102px;margin:-4px -6px 0 6px}
.nc-cat-hero>.nc-sun{--nc-sun:104px;--nc-ray:180px;position:absolute;z-index:0;right:-18px;top:-18px;width:var(--nc-sun);height:var(--nc-sun);border-radius:50%;pointer-events:none;
  background:radial-gradient(circle at 46% 44%,#FFF6B8 0%,#FFF3A0 14%,#FFE680 30%,#FFD84D 48%,#F9C22E 66%,#F6A800 84%,#E89400 100%);
  box-shadow:0 0 22px 4px rgba(255,214,90,.34),0 0 60px 16px rgba(246,168,0,.14)}
.nc-cat-hero>.nc-sun:before,.nc-cat-hero>.nc-sun:after{content:'';position:absolute;left:50%;top:50%;border-radius:50%;pointer-events:none;transform:translate(-50%,-50%);z-index:-1}
.nc-cat-hero>.nc-sun:before{width:var(--nc-ray);height:var(--nc-ray);
  background:repeating-conic-gradient(from -1.8deg,rgba(255,226,120,0) 0deg,rgba(255,226,120,.5) 1.8deg,rgba(255,226,120,0) 3.6deg,rgba(255,226,120,0) 15deg);
  -webkit-mask:radial-gradient(closest-side,transparent 40%,#000 44%,rgba(0,0,0,.6) 66%,transparent 100%);mask:radial-gradient(closest-side,transparent 40%,#000 44%,rgba(0,0,0,.6) 66%,transparent 100%)}
.nc-cat-hero>.nc-sun:after{width:calc(var(--nc-ray) * .74);height:calc(var(--nc-ray) * .74);
  background:repeating-conic-gradient(from 5.7deg,rgba(255,206,80,0) 0deg,rgba(255,206,80,.42) 1.8deg,rgba(255,206,80,0) 3.6deg,rgba(255,206,80,0) 15deg);
  -webkit-mask:radial-gradient(closest-side,transparent 54%,#000 58%,transparent 100%);mask:radial-gradient(closest-side,transparent 54%,#000 58%,transparent 100%)}
.nc-cat-hero>.nc-sun>.nc-smiley{--nc-sm:translate(calc(-50% - 9px),calc(-50% + 9px));position:absolute;z-index:1;left:50%;top:50%;width:100%;height:100%;overflow:visible;transform:var(--nc-sm);transform-origin:50% 60%;animation:ncSmileWobble 7s ease-in-out infinite}
.nc-smiley .nc-eye-r{transform-box:fill-box;transform-origin:center;animation:ncWinkEye 4.5s ease-in-out infinite}
.nc-smiley .nc-wink{opacity:0;animation:ncWinkArc 4.5s ease-in-out infinite}
.nc-smiley .nc-tongue{transform-box:fill-box;transform-origin:50% 0;transform:scaleY(0);animation:ncTongue 13.5s ease-in-out infinite}
@keyframes ncSmileWobble{0%,100%{transform:var(--nc-sm) rotate(-3deg)}50%{transform:var(--nc-sm) rotate(3deg)}}
@keyframes ncWinkEye{0%,80%,100%{transform:scaleY(1);opacity:1}84%{transform:scaleY(.1);opacity:1}85%,93%{transform:scaleY(.1);opacity:0}96%{transform:scaleY(.6);opacity:1}}
@keyframes ncWinkArc{0%,84%,96%,100%{opacity:0}85%,93%{opacity:1}}
@keyframes ncTongue{0%,38%,100%{transform:scaleY(0)}39.5%{transform:scaleY(1.08)}41%,43%{transform:scaleY(1)}44.5%{transform:scaleY(0)}}
@media (prefers-reduced-motion:reduce){.nc-cat-hero>.nc-sun>.nc-smiley,.nc-smiley .nc-eye-r,.nc-smiley .nc-wink,.nc-smiley .nc-tongue{animation:none}.nc-smiley .nc-eye-r{opacity:0}.nc-smiley .nc-wink{opacity:1}}
.nc-cat-hero.nc-has-logo .nc-cat-head{display:block;margin:.15rem 0 .5rem}
.nc-cat-hero.nc-has-logo .nc-cat-head h1{display:block;max-width:none;margin:0;font-size:2rem;font-size:clamp(1.75rem,6.4cqi,2.6rem);-webkit-hyphens:auto;hyphens:auto}
.nc-cat-head>.nc-hero-logo{display:table;clear:both;margin:.9rem auto 0;background:#FBF7EC;border-radius:11px;padding:6px 10px;box-shadow:0 14px 30px -14px rgba(0,0,0,.55);line-height:0}
.nc-cat-hero .nc-cat-head .nc-hero-logo img{height:36px;height:clamp(36px,7cqi,48px);width:auto;display:block}
.nc-cat-hero.nc-has-logo>details{clear:both}
@container (min-width:900px){
  .nc-cat-hero.nc-has-logo>.nc-sun-space{width:1px;height:120px;margin:0}
  .nc-cat-hero>.nc-sun{--nc-sun:200px;--nc-ray:440px;right:-40px;top:50%;margin-top:calc(var(--nc-sun) / -2);box-shadow:0 0 34px 6px rgba(255,214,90,.38),0 0 110px 34px rgba(246,168,0,.16)}
  .nc-cat-hero>.nc-sun>.nc-smiley{--nc-sm:translate(calc(-50% - 20px),-50%)}
  /* Logo horizontal + vertikal mittig im Banner, Titel/Anzahl/Details in der linken Hälfte */
  .nc-cat-hero.nc-has-logo>.nc-count,.nc-cat-hero.nc-has-logo>.nc-cat-head,.nc-cat-hero.nc-has-logo>details{max-width:calc(50% - 115px)}
  .nc-cat-hero.nc-has-logo>.nc-cat-head{position:static;display:block}
  .nc-cat-hero.nc-has-logo .nc-cat-head h1{position:relative;z-index:1;font-size:clamp(2rem,3.6cqi,2.8rem);text-wrap:balance}
  .nc-cat-head>.nc-hero-logo{position:absolute;z-index:1;left:50%;top:50%;transform:translate(-50%,-50%);margin:0;border-radius:16px;padding:10px 15px}
  .nc-cat-hero .nc-cat-head .nc-hero-logo img{height:54px}
  .nc-cat-hero.nc-has-logo>details{clear:none}
}
@container (min-width:940px){
  .nc-cat-hero>.nc-sun{--nc-sun:250px;--nc-ray:540px;right:-45px}
  .nc-cat-hero>.nc-sun>.nc-smiley{--nc-sm:translate(calc(-50% - 22px),-50%)}
  .nc-cat-hero .nc-cat-head .nc-hero-logo img{height:64px}
}
@media (min-width:992px) and (max-width:1099.98px){
  #mainNavigation .navbar-nav>.nav-item>.nav-link{padding-left:.3rem!important;padding-right:.3rem!important;font-size:.84rem!important}
  #mainNavigation .navbar-nav>.nav-item>.nav-link.dropdown-toggle:after{margin-left:.2rem!important}
  #jtl-nav-wrapper #logo img{max-height:38px!important}
}
.productbox.productbox-hover .productbox-inner:before{background:var(--nc-surface)!important;border-radius:16px}
@media (min-width:768px){.productbox.productbox-hover:hover .productbox-inner:before,.productbox.productbox-hover.focus .productbox-inner:before{border:1px solid #B9CBAA;border-radius:20px;box-shadow:0 2px 4px rgba(31,42,29,.08),0 26px 46px -18px rgba(31,42,29,.36)!important}}

/* ================= v4: Ratgeber-Karussell (Startseite) ================= */
.nc-rg{--nc-rg-dur:6s;margin-top:3.5rem}
.nc-rg-head{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-bottom:1.25rem}
.nc-rg-head h2{margin:0}
.nc-rg-kicker{display:block;font-size:.78rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--nc-orange-ink);margin-bottom:.2rem}
.nc-rg-all{border-radius:999px;border-color:#9FB48F;color:var(--nc-dark);background:var(--nc-surface)}
.nc-rg-all:hover,.nc-rg-all:focus-visible{background:var(--nc-dark);border-color:var(--nc-dark);color:#fff}
.nc-rg-carousel{position:relative}
.nc-rg-track{display:flex;gap:1.25rem;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:.25rem .25rem 1.4rem;margin:0 -.25rem;overscroll-behavior-x:contain;outline:none}
.nc-rg-track::-webkit-scrollbar{display:none}
.nc-rg-track:focus-visible{box-shadow:0 0 0 3px #ffcc5d;border-radius:28px}
.nc-rg-slide{flex:0 0 82%;scroll-snap-align:start;transition:opacity .45s var(--nc-ease),transform .45s var(--nc-ease);opacity:.55;transform:scale(.975);transform-origin:left center}
.nc-rg-slide.is-active{opacity:1;transform:none}
.nc-rg-card{display:grid;grid-template-columns:minmax(0,42%) minmax(0,1fr);min-height:340px;border-radius:26px;overflow:hidden;background:#1f2a1d;color:#F3EFE6;text-decoration:none!important;
  box-shadow:0 2px 6px rgba(31,42,29,.10),0 28px 50px -24px rgba(31,42,29,.55);isolation:isolate}
.nc-rg-media{position:relative;display:flex;align-items:center;justify-content:center;background:radial-gradient(120% 90% at 30% 20%,#FFFDF7 0,#F4EEDF 60%,#E9E2CF 100%);overflow:hidden}
.nc-rg-media:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(31,42,29,0) 62%,rgba(31,42,29,.28) 100%);pointer-events:none}
.nc-rg-media img{width:100%;height:100%;max-height:340px;object-fit:contain;padding:1.5rem;mix-blend-mode:multiply;transition:transform .6s var(--nc-ease)}
.nc-rg-card:hover .nc-rg-media img,.nc-rg-card:focus-visible .nc-rg-media img{transform:scale(1.04)}
.nc-rg-body{position:relative;display:flex;flex-direction:column;justify-content:center;gap:.75rem;padding:2.2rem 2.6rem 2.2rem 2.4rem;
  background:radial-gradient(90% 120% at 100% 0,rgba(246,168,0,.16) 0,rgba(246,168,0,0) 55%),#1f2a1d}
.nc-rg-tag{align-self:flex-start;font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#1f2a1d;background:#F6A800;border-radius:999px;padding:.28rem .7rem}
.nc-rg-title{font-family:Fraunces,Georgia,serif;font-weight:700;font-size:clamp(1.35rem,1.1rem + 1vw,2rem);line-height:1.15;color:#fff}
.nc-rg-excerpt{color:#D9E1D3;font-size:1rem;line-height:1.55;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
.nc-rg-more{margin-top:.35rem;font-weight:700;color:#F6A800}
.nc-rg-card:hover .nc-rg-more,.nc-rg-card:focus-visible .nc-rg-more{text-decoration:underline;text-underline-offset:3px}
.nc-rg-card:focus-visible{outline:3px solid #ffcc5d;outline-offset:3px}
.nc-rg-controls{display:flex;align-items:center;justify-content:center;gap:.6rem;margin-top:.1rem}
.nc-rg-prev,.nc-rg-next,.nc-rg-pause{width:44px;height:44px;border-radius:50%;border:1px solid #9FB48F;background:var(--nc-surface);color:var(--nc-dark);font-size:1.5rem;line-height:1;display:inline-flex;align-items:center;justify-content:center;
  cursor:pointer;transition:background-color .2s,color .2s,transform .2s;box-shadow:0 6px 16px -10px rgba(31,42,29,.4)}
.nc-rg-prev:hover,.nc-rg-next:hover,.nc-rg-pause:hover{background:var(--nc-dark);color:#fff;border-color:var(--nc-dark)}
.nc-rg-prev:focus-visible,.nc-rg-next:focus-visible,.nc-rg-pause:focus-visible,.nc-rg-dot:focus-visible{outline:3px solid #ffcc5d;outline-offset:2px}
.nc-rg-pause span{display:block;width:12px;height:14px;border-left:4px solid currentColor;border-right:4px solid currentColor}
.nc-rg-pause[aria-pressed="true"] span{width:0;height:0;border-style:solid;border-width:8px 0 8px 13px;border-color:transparent transparent transparent currentColor;margin-left:3px}
.nc-rg-dots{display:flex;gap:.4rem;margin:0 .5rem}
.nc-rg-dot{width:34px;height:24px;padding:0;border:0;background:none;cursor:pointer;display:inline-flex;align-items:center}
.nc-rg-dot i{position:relative;display:block;width:100%;height:6px;border-radius:999px;background:#C9D6BD;overflow:hidden}
.nc-rg-dot[aria-current="true"] i{background:#B5C6A5}
.nc-rg-dot i:after{content:"";position:absolute;inset:0;width:0;background:var(--nc-dark);border-radius:inherit}
.nc-rg-dot[aria-current="true"] i:after{width:100%}
.nc-rg.is-playing .nc-rg-dot[aria-current="true"] i:after{width:0;animation:ncRgFill var(--nc-rg-dur) linear forwards}
.nc-rg.is-paused .nc-rg-dot[aria-current="true"] i:after{animation-play-state:paused}
@keyframes ncRgFill{to{width:100%}}
@media (min-width:1400px){.nc-rg-slide{flex-basis:76%}}
@media (max-width:991.98px){.nc-rg-slide{flex-basis:88%}.nc-rg-body{padding:1.8rem 1.8rem}}
@media (max-width:767.98px){
  .nc-rg{margin-top:2.5rem}
  .nc-rg-slide{flex-basis:88%;transform:none}
  .nc-rg-card{grid-template-columns:1fr;grid-template-rows:auto 1fr;min-height:0;border-radius:22px;height:100%}
  .nc-rg-media{aspect-ratio:16/10}
  .nc-rg-media:after{background:linear-gradient(180deg,rgba(31,42,29,0) 65%,rgba(31,42,29,.25) 100%)}
  .nc-rg-media img{max-height:230px;padding:1rem}
  .nc-rg-body{padding:1.25rem 1.3rem 1.4rem;gap:.55rem}
  .nc-rg-excerpt{-webkit-line-clamp:3;font-size:.95rem}
  .nc-rg-head{align-items:flex-start}
  .nc-rg-pause{display:none}
}
@media (prefers-reduced-motion:reduce){
  .nc-rg-track{scroll-behavior:auto}
  .nc-rg-slide,.nc-rg-media img{transition:none!important;transform:none!important}
  .nc-rg-dot i:after{animation:none!important}
}
.nc-home-hero h1{font-size:clamp(2rem,1.2rem + 2.3vw,3.3rem)!important;line-height:1.08}

/* ================= v4b: Ratgeber-Karussell im Hero (Overlay) ================= */
.nc-home-hero h1.nc-hero-h1{font-family:'DM Sans',system-ui,sans-serif!important;font-size:.82rem!important;font-weight:700!important;letter-spacing:.08em;text-transform:uppercase;color:#F6A800!important;line-height:1.3!important;margin:0 0 .9rem!important}
.nc-rg--hero{margin:0 0 1.1rem;--nc-rg-dur:6s}
.nc-rg--hero .nc-rg-track{padding:0;margin:0;gap:0;border-radius:24px}
.nc-rg--hero .nc-rg-slide{flex:0 0 100%;opacity:1;transform:none}
.nc-rg--hero .nc-rg-card{position:relative;display:block;min-height:0;aspect-ratio:16/10;max-height:420px;width:100%;border-radius:24px;background:#141c13;box-shadow:0 30px 60px -30px rgba(0,0,0,.7)}
.nc-rg--hero .nc-rg-media{position:absolute;inset:0;background:#141c13}
.nc-rg--hero .nc-rg-media:after{background:linear-gradient(180deg,rgba(14,20,13,0) 30%,rgba(14,20,13,.55) 58%,rgba(14,20,13,.92) 100%)}
.nc-rg--hero .nc-rg-media img{width:100%;height:100%;max-height:none;object-fit:cover;padding:0;mix-blend-mode:normal;transition:transform 1.2s var(--nc-ease)}
.nc-rg--hero .nc-rg-slide.is-active .nc-rg-media img{transform:scale(1.03)}
.nc-rg--hero .nc-rg-card:hover .nc-rg-media img{transform:scale(1.06)}
.nc-rg--hero .nc-rg-body{position:absolute;left:0;right:0;bottom:0;background:none;padding:1.6rem 1.8rem 1.5rem;gap:.5rem;justify-content:flex-end}
.nc-rg--hero .nc-rg-tag{background:rgba(246,168,0,.95);font-size:.68rem}
.nc-rg--hero .nc-rg-title{font-size:clamp(1.35rem,1rem + 1.1vw,2.05rem);text-shadow:0 2px 14px rgba(0,0,0,.35)}
.nc-rg--hero .nc-rg-excerpt{-webkit-line-clamp:2;color:#E6ECE1;font-size:.98rem}
.nc-rg--hero .nc-rg-controls{justify-content:flex-start;margin-top:.9rem;gap:.5rem}
.nc-rg--hero .nc-rg-dots{margin:0 auto 0 0}
.nc-rg--hero .nc-rg-dot i{background:rgba(243,239,230,.25)}
.nc-rg--hero .nc-rg-dot[aria-current="true"] i{background:rgba(243,239,230,.35)}
.nc-rg--hero .nc-rg-dot i:after{background:#F6A800}
.nc-rg--hero .nc-rg-prev,.nc-rg--hero .nc-rg-next,.nc-rg--hero .nc-rg-pause{width:40px;height:40px;background:rgba(243,239,230,.08);border-color:rgba(243,239,230,.35);color:#F3EFE6;box-shadow:none;font-size:1.35rem}
.nc-rg--hero .nc-rg-prev:hover,.nc-rg--hero .nc-rg-next:hover,.nc-rg--hero .nc-rg-pause:hover{background:#F6A800;border-color:#F6A800;color:#1f2a1d}
.nc-rg-alllink{color:#F3EFE6!important;font-weight:600;font-size:.9rem;text-decoration:none!important;padding:.45rem .8rem;border-radius:999px;border:1px solid rgba(243,239,230,.35);margin-right:.25rem;white-space:nowrap}
.nc-rg-alllink:hover,.nc-rg-alllink:focus-visible{background:#F6A800;border-color:#F6A800;color:#1f2a1d!important}
@media (max-width:767.98px){
  .nc-rg--hero .nc-rg-card{aspect-ratio:4/5;max-height:460px;border-radius:20px}
  .nc-rg--hero .nc-rg-body{padding:1.2rem 1.2rem 1.15rem}
  .nc-rg--hero .nc-rg-excerpt{-webkit-line-clamp:3;font-size:.92rem}
  .nc-rg--hero .nc-rg-pause{display:none}
  .nc-rg--hero .nc-rg-controls{flex-wrap:wrap}
  .nc-rg--hero .nc-rg-alllink{order:5;margin:0}
  .nc-rg--hero .nc-rg-prev,.nc-rg--hero .nc-rg-next{width:36px;height:36px}
}
@media (prefers-reduced-motion:reduce){.nc-rg--hero .nc-rg-media img{transform:none!important;transition:none!important}}
/* Hero-Produktbilder: keine Mischmodi (Firefox), weiße Bildfläche */
.nc-hero-products a img{mix-blend-mode:normal!important;background:#fff!important;border:1px solid #EFE8D8}

/* v4c: Barrierefreiheit (Lighthouse/axe) */
@media (min-width:992px){.nc-meta{top:0;gap:.35rem}.nc-meta a{display:inline-flex;align-items:center;min-height:24px;min-width:24px;padding:0 .4rem}}
footer .withdrawal-link.btn-primary,#footer .withdrawal-link.btn-primary,.withdrawal-link.btn-primary{color:#1f2a1d!important}
.badge.badge-primary,a.badge.badge-primary{color:#1f2a1d!important}
/* v4c: Formular-Abschnittstitel mobil nicht unter die schwebenden Feldlabels schieben */
@media (max-width:767.98px){form .col-md-4.col-12 > .h3{margin-bottom:1.15rem!important}}

/* ================= v4.5 (23.10. 00:35): Wabenmuster bunt =================
   Quelle: design/waben-maske.svg (Alpha-Maske, kachelbar 720 px). Farbe = seitenlanger Verlauf unter der Maske,
   zweite Ebene blendet langsam (90 s, nur opacity) in einen versetzten Verlauf über. Mobil dezenter, ohne Animation. */
:root{--nc-waben-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='720' height='720' viewBox='0 0 720 720'%3E%3Cg stroke-linecap='round' fill='none'%3E%3Cpath stroke='%23000' stroke-width='2.2' d='M78 525L78 555M609 55L624 30M338 525L367 546M364 600L390 615M598 375L624 390M390 615L416 600M675 330L701 345M104 120L130 105M7 330L8 367M650 555L675 570M701 345L727 330M-19 345L7 330M3 372L33 375M723 372L753 375M229 235L232 256M338 615L364 600M234 165L234 195M156 180L156 210M274 609L298 577M675 300L675 330M151 178L156 150M624 390L650 375M468 30L468 60M93 561L98 594M156 390L156 420M598 45L624 30M624 600L650 615M32 212L59 240M52 510L78 525M208 120L208 150M182 165L208 150M130 195L162 166M701 555L727 570M-19 555L7 570M650 645L675 660M156 167L162 166M632 208L665 194M32 212L59 210M182 195L208 210M442 75L442 105M606 57L624 30M358 532L390 525M28 233L33 225M182 75L182 105M701 375L723 372M-19 375L3 372M7 353L33 375M151 178L156 167M52 480L52 510M260 120L260 150M572 30L572 60M130 345L130 375M7 300L7 330M33 225L59 240M343 191L368 180M74 344L83 364M28 233L33 195M416 120L442 105M593 50L609 55M3 372L8 367M723 372L728 367M701 255L701 285M26 435L52 420M78 525L104 510M234 165L260 150M358 532L367 546M0 510L26 525M720 510L746 525M7 390L33 375M130 165L156 150M572 30L593 50M390 75L416 60M701 615L727 600M-19 615L7 600M522 249L551 235M338 525L364 510M234 75L234 105M276 358L298 381M104 210L130 195M130 195L156 210M354 544L364 570M156 180L182 165M52 600L78 615M338 555L358 532M593 50L606 57M8 367L33 375M130 195L156 180M78 435L104 420M494 15L520 30M26 555L52 570M598 615L624 600M7 300L33 285M104 480L104 510M598 15L624 30M78 195L104 210M675 570L675 600M364 570L390 555M208 150L234 165M33 195L59 210M546 15L572 30M442 105L468 120M52 570L52 600M701 345L701 375M598 345L624 330M598 45L606 57M104 420L130 435M338 555L364 570M26 465L52 480M26 525L26 555M78 615L104 600M182 165L182 195M78 165L78 195M7 353L7 390M701 285L727 300M-19 285L7 300M338 555L364 540M390 525L390 555M104 480L130 465M364 540L390 555M7 570L7 600M624 570L650 555M520 60L546 75M130 165L130 195M33 345L33 375M156 120L156 150M354 544L390 525M3 372L7 353M723 372L727 353M650 615L675 600M234 105L260 120M416 570L416 600M312 570L338 555M104 330L130 345M20 215L33 255M156 167L156 210M104 390L104 420M701 375L728 367M-19 375L8 367M338 525L358 532M697 515L730 505M-23 515L10 505M52 480L78 465M7 210L33 195M208 60L234 75M572 60L606 57M598 15L609 55M650 345L650 375M675 570L701 555M572 60L598 75M78 345L78 375M390 75L390 105M354 544L367 546M20 215L28 233M346 412L377 413M156 210L182 195M650 345L675 330M675 600L701 615M572 60L598 45M367 546L390 525M130 195L151 178M494 75L520 60M104 120L104 150M650 375L675 390M713 667L740 659M-7 667L20 659M7 360L33 375M598 645L624 660M130 105L156 120M572 30L598 15M7 210L32 212M26 525L52 510M78 435L78 465M104 390L130 375M546 75L572 60M620 317L648 343M78 165L104 150M227 227L265 226M151 178L182 195M162 166L182 195M33 255L33 285M701 375L727 390M-19 375L7 390M364 570L364 600M572 30L609 55M624 30L624 60M130 435L156 420M0 480L26 465M720 480L746 465M675 300L701 285M156 167L182 195M416 60L442 75M33 225L33 255M338 525L364 540M598 15L598 45M162 166L182 165M701 375L727 360M-19 375L7 360M338 555L367 546M520 30L520 60M598 345L598 375M701 615L701 645M208 120L234 105M20 215L59 210M78 375L104 390M598 75L624 60M338 525L338 555M156 150L182 165M156 167L182 165M312 600L338 615M364 510L390 525M59 210L59 240M52 570L78 555M7 210L33 225M650 615L650 645M7 360L8 367M442 75L468 60M130 435L130 465M182 75L208 60M675 660L701 645M78 345L104 330M468 30L494 15M572 30L606 57M7 210L7 240M78 465L104 480M468 120L494 105M26 435L26 465M624 570L624 600M390 105L416 120M468 60L494 75M354 544L364 510M520 30L546 15M28 233L59 210M104 150L130 165M7 210L20 215M296 552L304 569M701 255L727 240M-19 255L7 240M624 330L650 345M7 240L33 255M52 420L78 435M312 570L312 600M78 555L104 570M390 555L416 570M320 518L354 498M156 180L162 166M675 390L701 375M182 105L208 120M3 372L7 330M723 372L727 330M701 345L727 353M-19 345L7 353M33 255L59 240M7 240L28 233M624 660L650 645M20 215L32 212M20 74L51 76M7 330L33 345M208 210L234 195M7 360L7 390M130 375L156 390M598 615L598 645M104 570L104 600M96 172L126 193M358 532L364 540M20 698L29 669M593 50L624 30M494 75L494 105M0 480L0 510M720 480L720 510M572 60L593 50'/%3E%3Cpath stroke='%23000' stroke-width='3.1' d='M364 540h0M358 532h0M367 546h0M354 544h0M598 45h0M606 57h0M593 50h0M609 55h0M7 360h0M727 360h0M8 367h0M3 372h0M723 372h0M7 353h0M727 353h0M33 225h0M28 233h0M20 215h0M32 212h0M156 180h0M162 166h0M156 167h0M151 178h0'/%3E%3Cpath stroke='%23000' stroke-width='3.9' d='M104 480h0M52 510h0M52 480h0M78 465h0M130 375h0M78 345h0M78 555h0M26 555h0M26 525h0M701 345h0M701 375h0M675 390h0M650 375h0M675 330h0M156 120h0M156 150h0M130 165h0M104 150h0M104 120h0M130 105h0M390 525h0M390 555h0M338 555h0M338 525h0M364 510h0M78 435h0M26 435h0M52 420h0M701 615h0M675 660h0M650 645h0M650 615h0M7 570h0M727 570h0M7 600h0M727 600h0M675 570h0M701 555h0M260 120h0M260 150h0M234 165h0M208 150h0M208 120h0M234 105h0M494 75h0M442 105h0M442 75h0M468 60h0M520 30h0M520 60h0M0 480h0M720 480h0M624 30h0M624 60h0M624 390h0M598 375h0M598 345h0M234 195h0M208 210h0M182 195h0M182 165h0M130 195h0M104 210h0M78 165h0M33 345h0M33 375h0M7 330h0M727 330h0M364 600h0M624 600h0M624 570h0M650 555h0M156 390h0M156 420h0M130 435h0M59 210h0M59 240h0M7 240h0M727 240h0M33 195h0M182 75h0M208 60h0M624 660h0M598 615h0M104 570h0M78 615h0M52 600h0M130 465h0M7 300h0M727 300h0M675 300h0M701 285h0M156 210h0M33 285h0M701 255h0M416 570h0M390 615h0M416 120h0M390 75h0M416 60h0M298 577h0M377 413h0M346 412h0M29 669h0M354 498h0M320 518h0M665 194h0M632 208h0M648 343h0M620 317h0M93 561h0M98 594h0M229 235h0M368 180h0M343 191h0M298 381h0M276 358h0M265 226h0M126 193h0M304 569h0M296 552h0M74 344h0M51 76h0M20 74h0M106 133h0M713 667h0M-7 667h0M20 659h0M551 235h0M522 249h0M697 515h0'/%3E%3Cpath stroke='%23000' stroke-width='6.7' d='M78 525h0M104 390h0M650 345h0M364 570h0M26 465h0M701 645h0M675 600h0M494 105h0M468 30h0M0 510h0M720 510h0M598 75h0M572 60h0M572 30h0M598 15h0M624 330h0M7 390h0M727 390h0M338 615h0M312 600h0M312 570h0M104 420h0M33 255h0M7 210h0M727 210h0M234 75h0M182 105h0M104 600h0M546 75h0M390 105h0M20 698h0M232 256h0M381 613h0M168 533h0M96 172h0M83 364h0M10 505h0'/%3E%3Cpath stroke='%23000' stroke-width='10.1' d='M104 510h0M130 345h0M78 375h0M104 330h0M52 570h0M468 120h0M494 15h0M78 195h0M598 645h0M546 15h0M416 600h0M274 609h0M227 227h0M145 491h0'/%3E%3C/g%3E%3C/svg%3E");--nc-waben-alpha:.18;--nc-waben-size:720px;
  --nc-waben-g1:linear-gradient(165deg,#2E9E3E 0%,#F0A400 22%,#00A6A0 46%,#D23A6E 70%,#2E9E3E 100%);
  --nc-waben-g2:linear-gradient(165deg,#D23A6E 0%,#2E9E3E 24%,#F0A400 50%,#00A6A0 76%,#D23A6E 100%)}
body,body.theme-natusatc{position:relative;background-image:linear-gradient(180deg,#E2EBD7 0,#EDF1E4 520px,#F0EEE3 100%)!important;background-repeat:no-repeat!important;background-position:0 0!important;background-size:100% 100%!important}
body:before,body:after{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;
  -webkit-mask:var(--nc-waben-mask) 0 0/var(--nc-waben-size) var(--nc-waben-size) repeat;mask:var(--nc-waben-mask) 0 0/var(--nc-waben-size) var(--nc-waben-size) repeat}
body:before{background:var(--nc-waben-g1);opacity:var(--nc-waben-alpha)}
body:after{background:var(--nc-waben-g2);opacity:0}
@media (min-width:768px) and (prefers-reduced-motion:no-preference){
  body:before{animation:ncWabenOut 90s ease-in-out infinite alternate}
  body:after{animation:ncWabenIn 90s ease-in-out infinite alternate}
}
@keyframes ncWabenIn{0%,15%{opacity:0}85%,100%{opacity:var(--nc-waben-alpha)}}
@keyframes ncWabenOut{0%,15%{opacity:var(--nc-waben-alpha)}85%,100%{opacity:0}}
@media (max-width:767.98px){
  :root{--nc-waben-alpha:.14;--nc-waben-size:1000px}
}