/* =========================================================
   Erd- & Baggerarbeiten Funk – Enhancements
   Ergänzt style.css: Lightbox, Auto-Slider-Politur, Layout-Feinschliff.
   Bewusst on-brand (Navy/Blau, Barlow Condensed) und additiv gehalten.
   ========================================================= */

/* ---------- Formular-Labels ---------- */
.req{ color:#d23; font-weight:700; }
.opt{ color:var(--muted); font-weight:500; font-size:.82em; letter-spacing:.02em; }

/* ---------- Markenname ---------- */
.brand__name b{
  font-size:1.02rem;
  letter-spacing:.01em;
  line-height:1.02;
}

.brand__name span{
  font-size:.86rem;
  letter-spacing:.18em;
  color:var(--blue);
  font-weight:700;
}

.footer-brand__name b{ font-size:1.18rem; }
.footer-brand__name span{ color:#9ea1ff; }

@media(max-width:420px){
  .brand__mark{ width:48px; height:48px; }
  .brand__name b{ font-size:.92rem; }
  .brand__name span{ font-size:.74rem; letter-spacing:.14em; }
}

/* ---------- Globale Variablen ---------- */
:root{
  --header-height:82px;
  --safe-top:env(safe-area-inset-top, 0px);
  --safe-bottom:env(safe-area-inset-bottom, 0px);

  --accent-canvas:#2d2e9f;
  --site-dark-bg:#07111f;
  --site-page-bg:#fff;
  --site-text:#162033;

  --mobile-bar-height:54px;
  --mobile-bar-side:8px;
  --mobile-bar-gap:6px;
  --mobile-bar-bottom:calc(7px + env(safe-area-inset-bottom, 0px));
}

/* ---------- Viewport / Canvas ---------- */
html{
  width:100%;
  min-height:100%;
  margin:0;
  padding:0;
  overflow-x:hidden;
  background:var(--accent-canvas) !important;
}

body{
  width:100%;
  min-width:320px;
  min-height:100vh;
  min-height:100svh;
  margin:0;
  overflow-x:hidden;
  background:var(--site-dark-bg) !important;
}

@supports (min-height:100dvh){
  body{ min-height:100dvh; }
}

/* Seiteninhalt hell halten */
main,
.site-main,
.page-main,
.home-page,
.content-page{
  background:var(--site-page-bg) !important;
  color:var(--site-text) !important;
}

/* Normale helle Sections bleiben hell */
main > section:not(.home-projects):not(.home-cta),
.home-page > section:not(.home-projects):not(.home-cta){
  background-color:var(--site-page-bg);
}

/* Dunkle Projekt-Section lesbar halten */
.home-projects,
.home-projects h1,
.home-projects h2,
.home-projects h3,
.home-projects p,
.home-projects li,
.home-projects a{
  color:#fff;
}

.home-projects .lead{ color:#dbe6f7; }

/* ---------- Sticky-Header: Anker sauber freistellen ---------- */
[id]{ scroll-margin-top:calc(var(--header-height) + 18px); }

/* ---------- Fokus-Sichtbarkeit ---------- */
a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible,
.btn:focus-visible{
  outline:3px solid #82adff;
  outline-offset:2px;
  border-radius:4px;
}

/* =========================================================
   Header Auto-Hide
   Schnelleres Wiedereinblenden wird per JS gesteuert.
   ========================================================= */

.site-header{
  transition:transform .18s cubic-bezier(.2,.8,.2,1) !important;
  will-change:transform;
}

.site-header.is-hidden{
  transform:translateY(-105%) !important;
}

/* =========================================================
   Slider
   ========================================================= */

.media-slider__viewport{ cursor:grab; }
.media-slider__viewport.is-grabbing{ cursor:grabbing; }
.media-slider__viewport.is-grabbing *{ pointer-events:none; }

.media-slider__btn{
  transition:transform .15s ease, background .15s ease, opacity .15s ease;
  opacity:.92;
}

.media-slider:hover .media-slider__btn{ opacity:1; }
.media-slider__btn:hover{ transform:translateY(-50%) scale(1.08); }

/* =========================================================
   Medien / Zoom
   ========================================================= */

img,
video{
  border:0 !important;
  outline:0 !important;
}

.media-zoomable{ cursor:zoom-in; }

.media-zoomable img,
.media-zoomable video{
  transition:transform .5s cubic-bezier(.2,.7,.2,1);
}

.media-zoomable:hover img,
.media-zoomable:hover video{
  transform:scale(1.05);
}

.media-zoomable::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:2;
  background:linear-gradient(180deg,rgba(7,17,31,0) 55%,rgba(7,17,31,.35));
  opacity:0;
  transition:opacity .25s ease;
  pointer-events:none;
}

.media-zoomable:hover::before{ opacity:1; }

.media-zoomable::after{
  content:"";
  position:absolute;
  z-index:3;
  right:12px;
  bottom:12px;
  width:34px;
  height:34px;
  border-radius:50%;
  background:rgba(255,255,255,.92) center/18px no-repeat
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%232d2e9f'%3E%3Cpath d='M10 4a6 6 0 1 0 3.5 10.9l4.3 4.3 1.4-1.4-4.3-4.3A6 6 0 0 0 10 4zm0 2a4 4 0 1 1 0 8 4 4 0 0 1 0-8zm-1 1v2H7v2h2v2h2v-2h2V9h-2V7z'/%3E%3C/svg%3E");
  box-shadow:0 8px 20px -8px rgba(0,0,0,.6);
  opacity:0;
  transform:translateY(6px);
  transition:.25s ease;
  pointer-events:none;
}

.media-zoomable:hover::after{
  opacity:1;
  transform:none;
}

/* Schwarze Border-/Hintergrundränder bei Medien entfernen */
.media-grid__item,
.media-grid__item img,
.media-grid__item video,
.media-slider__item,
.media-slider__item img,
.media-slider__item video,
.media-slider__viewport,
.media-zoomable,
.media-zoomable img,
.media-zoomable video,
.home-service__media,
.home-service__media img,
.home-service__media video,
.home-hero__bg,
.home-hero__bg img,
.home-hero__bg video{
  border:0 !important;
  outline:0 !important;
  background:transparent !important;
}

.media-grid__item,
.media-slider__item,
.media-zoomable,
.home-service__media{
  box-shadow:none !important;
}

/* =========================================================
   Lightbox
   ========================================================= */

.lightbox{
  position:fixed;
  inset:0;
  z-index:1000;
  display:none;
  align-items:center;
  justify-content:center;
  padding:28px;
  background:rgba(6,12,22,.94);
  -webkit-backdrop-filter:blur(8px);
  backdrop-filter:blur(8px);
  animation:lb-fade .2s ease;
  box-sizing:border-box;
}

.lightbox.is-open{ display:flex; }

@keyframes lb-fade{
  from{ opacity:0; }
  to{ opacity:1; }
}

.lightbox__stage{
  margin:0;
  max-width:min(1100px,94vw);
  max-height:86vh;
  display:flex;
  align-items:center;
  justify-content:center;
  border:0 !important;
  outline:0 !important;
  box-shadow:none !important;
  background:transparent !important;
}

.lightbox__stage img,
.lightbox__stage video{
  max-width:100%;
  max-height:86vh;
  width:auto;
  height:auto;
  border-radius:12px;
  background:transparent !important;
  border:0 !important;
  outline:0 !important;
  box-shadow:none !important;
  animation:lb-pop .25s cubic-bezier(.2,.7,.2,1);
}

@keyframes lb-pop{
  from{ transform:scale(.96); opacity:.4; }
  to{ transform:none; opacity:1; }
}

.lightbox__close,
.lightbox__nav{
  position:absolute;
  border:0;
  cursor:pointer;
  color:#fff;
  background:rgba(255,255,255,.12);
  line-height:1;
  display:grid;
  place-items:center;
  transition:background .15s ease, transform .15s ease;
}

.lightbox__close{
  top:18px;
  right:22px;
  width:46px;
  height:46px;
  border-radius:50%;
  font-size:26px;
}

.lightbox__nav{
  top:50%;
  transform:translateY(-50%);
  width:56px;
  height:56px;
  border-radius:50%;
  font-size:32px;
}

.lightbox__close:hover,
.lightbox__nav:hover{
  background:rgba(255,255,255,.26);
}

.lightbox__nav:hover{
  transform:translateY(-50%) scale(1.06);
}

.lightbox__nav--prev{ left:18px; }
.lightbox__nav--next{ right:18px; }

.lightbox__count{
  position:absolute;
  bottom:22px;
  left:50%;
  transform:translateX(-50%);
  color:#fff;
  font-family:var(--font-head);
  letter-spacing:.12em;
  font-size:.92rem;
  background:rgba(0,0,0,.45);
  padding:.35rem .9rem;
  border-radius:999px;
}

/* ---------- Mobile Lightbox Fullscreen Fix ---------- */
@media(max-width:720px){
  .lightbox{
    padding:0 !important;
    width:100vw !important;
    height:100vh !important;
    height:100svh !important;
    background:#000 !important;
    overflow:hidden !important;
    align-items:stretch !important;
    justify-content:stretch !important;
    -webkit-backdrop-filter:none !important;
    backdrop-filter:none !important;
  }

  @supports (height:100dvh){
    .lightbox{ height:100dvh !important; }
  }

  .lightbox__stage{
    width:100vw !important;
    height:100vh !important;
    height:100svh !important;
    max-width:none !important;
    max-height:none !important;
    margin:0 !important;
    padding:0 !important;
    display:flex !important;
    align-items:stretch !important;
    justify-content:stretch !important;
    background:transparent !important;
  }

  @supports (height:100dvh){
    .lightbox__stage{ height:100dvh !important; }
  }

  .lightbox__stage img,
  .lightbox__stage video{
    display:block !important;
    width:100vw !important;
    height:100vh !important;
    height:100svh !important;
    max-width:none !important;
    max-height:none !important;
    min-width:100vw !important;
    min-height:100% !important;
    border-radius:0 !important;
    object-fit:cover !important;
    object-position:center center !important;
    background:transparent !important;
    box-shadow:none !important;
    border:0 !important;
    outline:0 !important;
  }

  @supports (height:100dvh){
    .lightbox__stage img,
    .lightbox__stage video{
      height:100dvh !important;
    }
  }

  .lightbox__close{
    top:calc(12px + var(--safe-top)) !important;
    right:12px !important;
    width:44px !important;
    height:44px !important;
    z-index:1002 !important;
  }

  .lightbox__nav{
    width:44px !important;
    height:44px !important;
    font-size:26px !important;
    z-index:1002 !important;
  }

  .lightbox__nav--prev{ left:8px !important; }
  .lightbox__nav--next{ right:8px !important; }

  .lightbox__count{
    bottom:calc(14px + var(--safe-bottom)) !important;
    z-index:1002 !important;
  }
}

/* =========================================================
   Cards / Hover
   ========================================================= */

.home-service{
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}

.home-service:hover{
  transform:translateY(-4px);
  box-shadow:var(--shadow);
  border-color:rgba(45,46,159,.35);
}

.card{
  transition:transform .18s ease, box-shadow .18s ease;
}

.card:hover{
  transform:translateY(-3px);
  box-shadow:var(--shadow);
}

.process-card{
  transition:transform .18s ease, box-shadow .18s ease;
}

.process-card:hover{
  transform:translateY(-3px);
  box-shadow:var(--shadow);
}

.machine{
  transition:transform .18s ease, box-shadow .18s ease;
}

.machine:hover{
  transform:translateY(-3px);
  box-shadow:var(--shadow-sm);
}

/* ---------- Reveal-Animation ---------- */
.reveal{
  transition:opacity .6s ease, transform .6s cubic-bezier(.2,.7,.2,1);
}

/* ---------- Buttons ---------- */
.btn{
  position:relative;
  overflow:hidden;
}

.btn--lg{
  box-shadow:var(--shadow-sm);
}

/* ---------- Galerie-Raster ---------- */
.media-grid--projects .media-grid__item{
  min-height:clamp(220px,30vw,320px);
}

/* =========================================================
   Footer
   ========================================================= */

@media (min-width:981px){
  .footer-main > .container{
    max-width:1320px;
  }

  .footer-grid{
    grid-template-columns:1.5fr .95fr 1.05fr 1.3fr 1.1fr;
    gap:30px;
  }

  .footer-brand{
    max-width:none;
    padding-right:8px;
  }

  .footer-social{
    grid-template-columns:1fr 1fr;
    gap:10px;
  }

  .footer-social a{
    justify-content:center;
    padding:11px 10px;
  }
}

.footer-contact a[href^="mailto"]{
  overflow-wrap:anywhere;
}

.site-footer,
.footer-main,
.footer-bottom{
  background:var(--site-dark-bg) !important;
  color:#aeb8c9 !important;
}

.site-footer h1,
.site-footer h2,
.site-footer h3,
.site-footer h4,
.site-footer b,
.footer-main h1,
.footer-main h2,
.footer-main h3,
.footer-main h4,
.footer-main b{
  color:#fff !important;
}

.site-footer p,
.site-footer li,
.site-footer span,
.site-footer a,
.footer-bottom,
.footer-bottom a{
  color:#aeb8c9 !important;
}

.site-footer svg,
.footer-main svg{
  color:#9ea1ff;
}

/* =========================================================
   Mobile Schnellaktionsleiste
   Dauerhaft sichtbar, breiter, mit Icons
   ========================================================= */

.mobile-bar{
  display:none;
}

@media (max-width:720px){
  html{
    background:var(--accent-canvas) !important;
  }

  body{
    background:var(--site-dark-bg) !important;
    padding-bottom:calc(var(--mobile-bar-height) + var(--mobile-bar-bottom) + 14px) !important;
    -webkit-overflow-scrolling:touch;
    overscroll-behavior-x:none;
  }

  body.has-mobile-bar{
    padding-bottom:calc(var(--mobile-bar-height) + var(--mobile-bar-bottom) + 14px) !important;
  }

  .mobile-bar{
    position:fixed !important;
    left:var(--mobile-bar-side) !important;
    right:var(--mobile-bar-side) !important;
    bottom:var(--mobile-bar-bottom) !important;
    z-index:900 !important;

    display:grid !important;
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    gap:var(--mobile-bar-gap) !important;

    width:auto !important;
    height:var(--mobile-bar-height) !important;
    max-width:none !important;
    margin:0 !important;
    padding:5px !important;
    box-sizing:border-box !important;

    background:rgba(7,17,31,.86) !important;
    border:1px solid rgba(255,255,255,.14) !important;
    border-radius:15px !important;
    box-shadow:0 10px 26px -17px rgba(0,0,0,.72) !important;

    -webkit-backdrop-filter:blur(12px) saturate(125%) !important;
    backdrop-filter:blur(12px) saturate(125%) !important;

    transform:none !important;
    opacity:1 !important;
    visibility:visible !important;
    pointer-events:auto !important;
    transition:none !important;
    will-change:auto !important;
  }

  .mobile-bar.is-hidden{
    transform:none !important;
    opacity:1 !important;
    visibility:visible !important;
    pointer-events:auto !important;
  }

  .mobile-bar a{
    min-width:0 !important;
    min-height:0 !important;
    height:100% !important;

    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    flex-direction:row !important;
    gap:6px !important;

    padding:0 8px !important;
    border-radius:10px !important;

    color:#fff !important;
    text-decoration:none !important;
    font-family:var(--font-head) !important;
    font-weight:700 !important;
    font-size:.76rem !important;
    line-height:1 !important;
    letter-spacing:.01em !important;
    text-align:center !important;
    white-space:nowrap !important;

    border:0 !important;
    box-shadow:none !important;
    transition:filter .12s ease, transform .12s ease !important;
  }

  /* Icons: wichtig – hier NICHT ausblenden */
  .mobile-bar a::before,
  .mobile-bar a.call::before,
  .mobile-bar a.wa::before,
  .mobile-bar a.whatsapp::before,
  .mobile-bar a.mail::before,
  .mobile-bar a.email::before,
  .mobile-bar a.contact::before,
  .mobile-bar a.request::before{
    content:"" !important;
    display:block !important;
    width:18px !important;
    height:18px !important;
    min-width:18px !important;
    flex:0 0 18px !important;

    background:currentColor !important;
    background-color:currentColor !important;
    opacity:1 !important;

    -webkit-mask-position:center !important;
    mask-position:center !important;
    -webkit-mask-repeat:no-repeat !important;
    mask-repeat:no-repeat !important;
    -webkit-mask-size:contain !important;
    mask-size:contain !important;
  }

  .mobile-bar a::after{
    display:none !important;
    content:none !important;
  }

  /* Falls im HTML zusätzlich SVG/Icon-Elemente stehen: ausblenden, damit es keine Doppel-Icons gibt */
  .mobile-bar a svg,
  .mobile-bar a img,
  .mobile-bar a i,
  .mobile-bar a .icon{
    display:none !important;
  }

  .mobile-bar a.call,
  .mobile-bar a[href^="tel:"]{
    background:#2d2e9f !important;
  }

  .mobile-bar a.wa,
  .mobile-bar a.whatsapp,
  .mobile-bar a[href*="wa.me"],
  .mobile-bar a[href*="whatsapp"]{
    background:#1faa55 !important;
  }

  .mobile-bar a.mail,
  .mobile-bar a.email,
  .mobile-bar a.contact,
  .mobile-bar a.request,
  .mobile-bar a[href^="mailto:"],
  .mobile-bar a[href*="kontakt"]{
    background:#171a52 !important;
  }

  .mobile-bar a.call::before,
  .mobile-bar a[href^="tel:"]::before{
    -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6.6 10.8c1.4 2.8 3.8 5.1 6.6 6.6l2.2-2.2c.3-.3.7-.4 1-.2 1.1.4 2.3.6 3.6.6.6 0 1 .4 1 1V20c0 .6-.4 1-1 1A17 17 0 0 1 3 4c0-.6.4-1 1-1h3.5c.6 0 1 .4 1 1 0 1.2.2 2.4.6 3.6.1.4 0 .8-.3 1z'/%3E%3C/svg%3E") !important;
    mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6.6 10.8c1.4 2.8 3.8 5.1 6.6 6.6l2.2-2.2c.3-.3.7-.4 1-.2 1.1.4 2.3.6 3.6.6.6 0 1 .4 1 1V20c0 .6-.4 1-1 1A17 17 0 0 1 3 4c0-.6.4-1 1-1h3.5c.6 0 1 .4 1 1 0 1.2.2 2.4.6 3.6.1.4 0 .8-.3 1z'/%3E%3C/svg%3E") !important;
  }

  .mobile-bar a.wa::before,
  .mobile-bar a.whatsapp::before,
  .mobile-bar a[href*="wa.me"]::before,
  .mobile-bar a[href*="whatsapp"]::before{
    -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a10 10 0 0 0-8.5 15.2L2 22l5-1.4A10 10 0 1 0 12 2zm5.8 14.2c-.2.7-1.4 1.3-2 1.4-.5.1-1.1.2-1.8-.1-.4-.1-.9-.3-1.6-.6-2.8-1.2-4.7-4-4.8-4.2-.1-.2-1.1-1.5-1.1-2.8s.7-2 1-2.2c.2-.3.5-.3.7-.3h.5c.2 0 .4 0 .6.5.2.5.8 1.9.9 2 .1.2.1.3 0 .5l-.4.5c-.1.2-.3.3-.1.6.2.3.7 1.1 1.4 1.8 1 .9 1.8 1.2 2.1 1.3.3.2.5.1.6-.1.2-.2.7-.8.9-1.1.2-.3.4-.2.6-.1.2.1 1.6.8 1.9.9.3.1.5.2.5.3.1.1.1.8-.1 1.5z'/%3E%3C/svg%3E") !important;
    mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a10 10 0 0 0-8.5 15.2L2 22l5-1.4A10 10 0 1 0 12 2zm5.8 14.2c-.2.7-1.4 1.3-2 1.4-.5.1-1.1.2-1.8-.1-.4-.1-.9-.3-1.6-.6-2.8-1.2-4.7-4-4.8-4.2-.1-.2-1.1-1.5-1.1-2.8s.7-2 1-2.2c.2-.3.5-.3.7-.3h.5c.2 0 .4 0 .6.5.2.5.8 1.9.9 2 .1.2.1.3 0 .5l-.4.5c-.1.2-.3.3-.1.6.2.3.7 1.1 1.4 1.8 1 .9 1.8 1.2 2.1 1.3.3.2.5.1.6-.1.2-.2.7-.8.9-1.1.2-.3.4-.2.6-.1.2.1 1.6.8 1.9.9.3.1.5.2.5.3.1.1.1.8-.1 1.5z'/%3E%3C/svg%3E") !important;
  }

  .mobile-bar a.mail::before,
  .mobile-bar a.email::before,
  .mobile-bar a.contact::before,
  .mobile-bar a.request::before,
  .mobile-bar a[href^="mailto:"]::before,
  .mobile-bar a[href*="kontakt"]::before{
    -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M20 4H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 4-8 5-8-5V6l8 5 8-5z'/%3E%3C/svg%3E") !important;
    mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M20 4H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 4-8 5-8-5V6l8 5 8-5z'/%3E%3C/svg%3E") !important;
  }

  .mobile-bar a:active{
    transform:scale(.98) !important;
    filter:brightness(.94) !important;
  }

  .mobile-bar a:focus-visible{
    outline:2px solid #82adff !important;
    outline-offset:2px !important;
  }

  .footer-bottom{
    padding-bottom:calc(18px + var(--mobile-bar-height) + env(safe-area-inset-bottom, 0px)) !important;
  }
}

@media (max-width:360px){
  :root{
    --mobile-bar-height:48px;
    --mobile-bar-side:6px;
    --mobile-bar-gap:5px;
    --mobile-bar-bottom:calc(6px + env(safe-area-inset-bottom, 0px));
  }

  .mobile-bar{
    padding:4px !important;
    border-radius:13px !important;
  }

  .mobile-bar a{
    gap:4px !important;
    font-size:.72rem !important;
    padding:0 4px !important;
    border-radius:9px !important;
  }

  .mobile-bar a::before,
  .mobile-bar a.call::before,
  .mobile-bar a.wa::before,
  .mobile-bar a.whatsapp::before,
  .mobile-bar a.mail::before,
  .mobile-bar a.email::before,
  .mobile-bar a.contact::before,
  .mobile-bar a.request::before{
    width:15px !important;
    height:15px !important;
    min-width:15px !important;
    flex-basis:15px !important;
  }
}

/* =========================================================
   Reduced Motion
   ========================================================= */

@media (prefers-reduced-motion:reduce){
  .media-zoomable img,
  .media-zoomable video,
  .home-service,
  .card,
  .process-card,
  .machine,
  .mobile-bar,
  .mobile-bar a{
    transition:none !important;
  }

  .lightbox,
  .lightbox__stage img,
  .lightbox__stage video{
    animation:none !important;
  }
}

/* =========================================================
   Hintergrund zurücksetzen
   Kein Akzent-Canvas mehr auf html/body
   ========================================================= */

html{
  background:#fff !important;
}

body{
  background:#fff !important;
}

@media(max-width:720px){
  html,
  body{
    background:#fff !important;
  }

  main,
  .site-main,
  .page-main,
  .home-page,
  .content-page{
    background:#fff !important;
  }
}