/*
  Local Tailwind compatibility CSS
  ------------------------------------------------------------
  Diese Datei ist bewusst lokal eingebunden.
  Kein Tailwind-CDN, keine externen CSS-Dateien.
  Für Weiterentwicklung kann Tailwind über tailwind-input.css neu gebaut werden.
*/

/* Minimal Tailwind preflight-style normalizations */
*,::before,::after{box-sizing:border-box;border-width:0;border-style:solid;border-color:currentColor}
html{line-height:1.5;-webkit-text-size-adjust:100%;tab-size:4}
body{margin:0}
img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}
img,video{max-width:100%;height:auto}
button,input,optgroup,select,textarea{font:inherit;color:inherit}
button,[role=button]{cursor:pointer}
a{text-decoration:inherit}

/* Small local utility set used as Tailwind-compatible helpers */
.container{width:100%;max-width:1120px;margin-left:auto;margin-right:auto;padding-left:18px;padding-right:18px}
.mx-auto{margin-left:auto;margin-right:auto}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}
.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}
.rounded-full{border-radius:9999px}.rounded-xl{border-radius:.75rem}.rounded-2xl{border-radius:1rem}.rounded-3xl{border-radius:1.5rem}
.font-bold{font-weight:700}.font-extrabold{font-weight:800}.font-black{font-weight:900}
.text-white{color:#fff}.text-slate-300{color:#cbd5e1}.text-slate-600{color:#475569}.text-blue-600{color:#2563eb}
.bg-white{background:#fff}.bg-slate-950{background:#020617}.bg-blue-600{background:#2563eb}
.p-4{padding:1rem}.p-6{padding:1.5rem}.px-4{padding-left:1rem;padding-right:1rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-4{padding-top:1rem;padding-bottom:1rem}
.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}
.shadow-xl{box-shadow:0 20px 25px -5px rgb(0 0 0/.1),0 8px 10px -6px rgb(0 0 0/.1)}
.border{border-width:1px}

/* Final production fixes for the static Tailwind/PHP version */
.reveal{opacity:1!important;transform:none!important}
html[data-theme="dark"] .reveal{opacity:1!important;transform:none!important}

html:not([data-theme="dark"]) .nav{
  background:#ffffff!important;
  border-bottom:1px solid rgba(223,231,220,.75)!important;
}

html[data-theme="dark"] .nav{
  background:rgba(7,20,38,.96)!important;
  border-bottom-color:rgba(70,102,150,.55)!important;
}

html[data-theme="dark"] .logo img{
  filter:brightness(0) invert(1)!important;
}

html:not([data-theme="dark"]) .logo img{
  filter:none!important;
}

html[data-theme="dark"] .section-white,
html[data-theme="dark"] .page-hero{
  background:#0b1b31!important;
}

html[data-theme="dark"] .card,
html[data-theme="dark"] .value,
html[data-theme="dark"] .project,
html[data-theme="dark"] .price-card,
html[data-theme="dark"] .float-card,
html[data-theme="dark"] .photo-card,
html[data-theme="dark"] .quote-box,
html[data-theme="dark"] .faq-item,
html[data-theme="dark"] .faq-q,
html[data-theme="dark"] .contact-dropdown,
html[data-theme="dark"] .contact-dropdown .form,
html[data-theme="dark"] .form,
html[data-theme="dark"] .pcard,
html[data-theme="dark"] .pcard.bad,
html[data-theme="dark"] .pcard.good{
  background:#142742!important;
  border-color:#315071!important;
  color:#f6f8fc!important;
}

html[data-theme="dark"] .value strong,
html[data-theme="dark"] .card h3,
html[data-theme="dark"] .project h3,
html[data-theme="dark"] .faq-q,
html[data-theme="dark"] .contact-dropdown summary,
html[data-theme="dark"] .contact-dropdown summary strong,
html[data-theme="dark"] .prose strong{
  color:#f6f8fc!important;
}

html[data-theme="dark"] .value p,
html[data-theme="dark"] .card p,
html[data-theme="dark"] .project p,
html[data-theme="dark"] .faq-a,
html[data-theme="dark"] .muted,
html[data-theme="dark"] .lead,
html[data-theme="dark"] .prose p,
html[data-theme="dark"] .small,
html[data-theme="dark"] .form-note,
html[data-theme="dark"] .consent-field label{
  color:#cfdae8!important;
}

html[data-theme="dark"] input,
html[data-theme="dark"] textarea,
html[data-theme="dark"] select,
html[data-theme="dark"] .field input,
html[data-theme="dark"] .field textarea,
html[data-theme="dark"] .field select{
  background:#0a182b!important;
  color:#f6f8fc!important;
  border-color:#446484!important;
}

html[data-theme="dark"] input::placeholder,
html[data-theme="dark"] textarea::placeholder{
  color:#9fb0c5!important;
}







.footer .footer-logo img{
  filter:brightness(0) invert(1)!important;
  opacity:1!important;
}