/* =========================================================
   NCC SUBPAGES CARBON
   NUR Unterseiten – Startseite bleibt unberührt
   ========================================================= */

html body:not(.home-page){
  color: #f5f7fb !important;
  background-color: #181d24 !important;
  background-image:
    linear-gradient(27deg, rgba(255,255,255,.045) 5px, transparent 5px),
    linear-gradient(207deg, rgba(255,255,255,.045) 5px, transparent 5px),
    linear-gradient(27deg, transparent 5px, rgba(0,0,0,.18) 5px, rgba(0,0,0,.18) 10px, transparent 10px),
    linear-gradient(207deg, transparent 5px, rgba(0,0,0,.18) 5px, rgba(0,0,0,.18) 10px, transparent 10px),
    linear-gradient(90deg, rgba(255,255,255,.025) 2px, transparent 2px),
    linear-gradient(180deg, #2a313b 0%, #171b22 100%) !important;
  background-size: 16px 16px, 16px 16px, 16px 16px, 16px 16px, 16px 16px, auto !important;
  background-position: 0 0, 8px 8px, 8px 0, 0 8px, 0 0, 0 0 !important;
  background-attachment: fixed !important;
}

/* große Standard-Wrapper transparent machen */
html body:not(.home-page) #page-content,
html body:not(.home-page) .page-content,
html body:not(.home-page) main,
html body:not(.home-page) .main-wrapper,
html body:not(.home-page) .content,
html body:not(.home-page) .content-area,
html body:not(.home-page) .section,
html body:not(.home-page) .section-wrapper,
html body:not(.home-page) .section-content,
html body:not(.home-page) .container,
html body:not(.home-page) .container-fluid{
  background: transparent !important;
}

/* typische Boxen/Karten */
html body:not(.home-page) .card,
html body:not(.home-page) .service-card,
html body:not(.home-page) .content-box,
html body:not(.home-page) .block,
html body:not(.home-page) .faq-item,
html body:not(.home-page) .accordion-item,
html body:not(.home-page) .panel,
html body:not(.home-page) .feature-box,
html body:not(.home-page) .service-box,
html body:not(.home-page) .anfahrt-main,
html body:not(.home-page) .contact-box,
html body:not(.home-page) .map-box{
  background: linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.02)) !important;
  border: 1px solid rgba(255,255,255,.10) !important;
  border-radius: 18px !important;
  box-shadow: 0 16px 32px rgba(0,0,0,.24) !important;
}

/* Überschriften */
html body:not(.home-page) h1,
html body:not(.home-page) h2,
html body:not(.home-page) h3{
  color: #ffd84d !important;
  text-shadow: 0 6px 18px rgba(0,0,0,.28) !important;
}

/* Fließtext */
html body:not(.home-page) p,
html body:not(.home-page) li,
html body:not(.home-page) span,
html body:not(.home-page) strong{
  color: rgba(255,255,255,.92) !important;
}

/* Links */
html body:not(.home-page) a{
  color: #9dcbff !important;
}
html body:not(.home-page) a:hover{
  color: #ffffff !important;
}

/* Buttons */
html body:not(.home-page) .btn,
html body:not(.home-page) .button,
html body:not(.home-page) a.btn{
  border-radius: 999px !important;
  font-weight: 900 !important;
}

/* Maps / iframe sauber */
html body:not(.home-page) iframe{
  border-radius: 18px !important;
  overflow: hidden !important;
}