/*
Theme Name: Altmarkbüro Zajak Premium
Theme URI: https://buero-zajak.de
Author: altmarkbüro zajak
Description: Premium One-Page-Theme (dunkles Design, Ghost-Number-Cards) für altmarkbüro zajak – Büroservice, Domainservice, Webhosting und DIY-Produkte in Tangermünde und der Altmark. Anfragen werden als Custom-Post-Type "Anfrage" im WordPress-Backend gespeichert.
Version: 1.0
Requires at least: 6.0
Requires PHP: 7.4
License: Unlicense
Text Domain: altmarkbuero-zajak-premium
*/

:root{
  --color-orange:#EB5E28;
  --color-orange-400:#EE794D;
  --color-erieblack:#252422;
  --color-erieblack-dark:#1b1a18;
  --color-erieblack-mid:#2e2b28;
  --color-perlwhite:#fffcf2;
  --color-silver:#ccc5b9;
  color-scheme: dark;
}
*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{
  margin:0;
  background:var(--color-erieblack);
  color:var(--color-silver);
  font-family:"Raleway", sans-serif;
  font-weight:400;
  line-height:1.6;
}
img,svg{max-width:100%;}
a{color:inherit;}
h1,h2,h3{
  font-family:"Raleway", sans-serif;
  font-weight:200;
  color:var(--color-perlwhite);
  margin:0;
  line-height:1.05;
}
em{font-style:normal;color:var(--color-orange);}
.wrap{max-width:90rem;margin-inline:auto;padding-inline:1.5rem;}
@media(min-width:1024px){.wrap{padding-inline:2rem;}}
section{padding-block:5rem;}
@media(min-width:768px){section{padding-block:7rem;}}

.eyebrow{
  display:inline-flex;align-items:center;gap:.5rem;
  font-size:.6875rem;font-weight:700;letter-spacing:.22rem;text-transform:uppercase;
  color:var(--color-orange-400);margin-bottom:1.25rem;
}
.eyebrow::before{content:"";display:inline-block;width:1.25rem;height:1px;background:var(--color-orange);}

button{cursor:pointer;font-family:inherit;}
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:.5rem;
  padding:1rem 2rem;font-size:.95rem;font-weight:600;letter-spacing:.02em;
  text-decoration:none;border:1px solid transparent;transition:transform .3s ease, background .2s ease, border-color .2s ease;
}
.btn-primary{background:var(--color-orange);color:var(--color-erieblack);}
.btn-primary:hover{transform:translateY(-3px) scale(1.02);}
.btn-secondary{border-color:rgba(235,94,40,.3);color:var(--color-orange);background:transparent;}
.btn-secondary:hover{background:rgba(235,94,40,.1);transform:translateY(-3px);}

.scroll-bar{position:fixed;top:0;left:0;height:3px;width:100%;background:var(--color-orange);
  transform:scaleX(0);transform-origin:left;z-index:100;transition:transform .05s linear;}

header.site-header{position:sticky;top:0;z-index:50;background:rgba(37,36,34,.85);backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,252,242,.07);}
.nav{display:flex;align-items:center;justify-content:space-between;padding-block:1.1rem;}
.brand{font-family:"Raleway",sans-serif;font-weight:600;font-size:1.05rem;color:var(--color-perlwhite);text-decoration:none;}
.brand small{display:block;font-size:.6rem;letter-spacing:.12em;text-transform:uppercase;color:var(--color-silver);opacity:.7;font-weight:400;}
.navlinks{display:none;align-items:center;gap:2rem;list-style:none;margin:0;padding:0;}
.navlinks a{font-size:.9rem;text-decoration:none;color:var(--color-silver);opacity:.85;transition:opacity .2s, color .2s;}
.navlinks a:hover{opacity:1;color:var(--color-perlwhite);}
@media(min-width:768px){.navlinks{display:flex;}}

.hero{min-height:92vh;display:flex;align-items:center;position:relative;overflow:hidden;padding-block:6rem 4rem;}
.hero-glow{position:absolute;width:60rem;height:60rem;background:radial-gradient(circle, rgba(235,94,40,.16), transparent 65%);top:-20rem;right:-16rem;pointer-events:none;}
.hero h1{font-size:2.75rem;letter-spacing:-.02em;}
@media(min-width:768px){.hero h1{font-size:4.5rem;}}
@media(min-width:1024px){.hero h1{font-size:5.2rem;}}
.hero p.sub{font-size:1.2rem;color:var(--color-silver);max-width:38rem;margin-top:1.75rem;line-height:1.7;}
.hero-ctas{display:flex;gap:1rem;flex-wrap:wrap;margin-top:2.5rem;}
.hero-eyebrow,.hero-title,.hero-sub,.hero-cta{opacity:0;}
.hero-eyebrow{animation:entryReveal .9s cubic-bezier(.16,1,.3,1) .1s forwards;}
.hero-title{animation:entryReveal 1s cubic-bezier(.16,1,.3,1) .3s forwards;}
.hero-sub{animation:entryReveal 1s cubic-bezier(.16,1,.3,1) .55s forwards;}
.hero-cta{animation:entryReveal 1s cubic-bezier(.16,1,.3,1) .8s forwards;}
@keyframes entryReveal{from{opacity:0;transform:translateY(32px);filter:blur(6px);}to{opacity:1;transform:none;filter:blur(0);}}

.section-head{max-width:44rem;margin-bottom:3.5rem;}
.section-head h2{font-size:2.5rem;}
@media(min-width:768px){.section-head h2{font-size:3.25rem;}}
.section-head p{font-size:1.1rem;color:var(--color-silver);margin-top:1.25rem;line-height:1.7;}
.section-alt{background:var(--color-erieblack-mid);}

.grid{display:grid;gap:.125rem;}
.cols-4{grid-template-columns:1fr;}
@media(min-width:640px){.cols-4{grid-template-columns:repeat(2,1fr);}}
@media(min-width:1024px){.cols-4{grid-template-columns:repeat(4,1fr);}}

.card{
  position:relative;overflow:hidden;background:var(--color-erieblack-dark);
  padding:1.75rem 1.5rem 2rem;border:1px solid transparent;
  transition:transform .3s ease, border-color .3s ease;
}
@media(min-width:768px){.card{padding:2.25rem 2.25rem 2.5rem;}}
.card:hover{transform:translateY(-6px);border-color:rgba(235,94,40,.3);}
.card .ghost-num{
  position:absolute;right:1rem;bottom:-.5rem;font-size:5rem;font-weight:900;line-height:1;
  color:rgba(255,252,242,.03);pointer-events:none;user-select:none;
}
.card .tag{font-size:.6875rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--color-orange-400);}
.card h3{font-size:1.1875rem;font-weight:300;margin-top:.9rem;}
.card p{font-size:.9375rem;line-height:1.65;margin-top:.6rem;color:var(--color-silver);}

[data-animate]{opacity:0;transform:translateY(28px);transition:opacity .65s ease, transform .65s ease;}
[data-animate].is-visible{opacity:1;transform:none;}

.conviction-row{display:grid;gap:0;border-top:1px solid rgba(255,252,242,.07);}
@media(min-width:768px){.conviction-row{grid-template-columns:repeat(3,1fr);}}
.conviction-item{padding:2rem 1.5rem;border-bottom:1px solid rgba(255,252,242,.07);}
@media(min-width:768px){.conviction-item{border-right:1px solid rgba(255,252,242,.07);}
  .conviction-item:last-child{border-right:none;}}
.conviction-item h3{font-size:1.4rem;font-weight:300;margin-bottom:.75rem;}
.conviction-item p{font-size:1rem;}

.process-list{display:flex;flex-direction:column;gap:0;border-top:1px solid rgba(255,252,242,.07);}
.process-item{display:grid;grid-template-columns:4rem 1fr;gap:1.5rem;padding:2rem 0;border-bottom:1px solid rgba(255,252,242,.07);align-items:start;}
@media(min-width:768px){.process-item{grid-template-columns:6rem 1fr;padding:2.5rem 0;}}
.process-num{font-family:"JetBrains Mono",monospace;font-weight:500;font-size:1.75rem;color:var(--color-orange-400);}
@media(min-width:768px){.process-num{font-size:2.25rem;}}
.process-item h3{font-size:1.3rem;font-weight:300;margin-bottom:.5rem;}
.process-item p{font-size:1rem;}

.faq-item{border-bottom:1px solid rgba(255,252,242,.07);}
.faq-q{width:100%;background:none;border:none;text-align:left;padding:1.5rem 0;display:flex;justify-content:space-between;align-items:center;gap:1rem;color:var(--color-perlwhite);font-size:1.05rem;font-weight:500;}
.faq-icon{font-size:1.3rem;color:var(--color-orange);flex-shrink:0;transition:transform .3s ease;}
.faq-item.open .faq-icon{transform:rotate(45deg);}
.faq-a{max-height:0;overflow:hidden;transition:max-height .4s ease, padding .4s ease;}
.faq-item.open .faq-a{max-height:20rem;padding-bottom:1.5rem;}
.faq-a p{font-size:.98rem;line-height:1.7;}

.final-cta{position:relative;text-align:center;overflow:hidden;}
.final-glow{position:absolute;left:50%;top:50%;width:44rem;height:44rem;transform:translate(-50%,-50%);background:radial-gradient(circle, rgba(235,94,40,.18), transparent 65%);filter:blur(10px);pointer-events:none;}
.final-cta h2{font-size:2.5rem;position:relative;}
@media(min-width:768px){.final-cta h2{font-size:3.5rem;}}
.final-cta .btn{position:relative;margin-top:2.5rem;}

.contact-grid{display:grid;gap:3rem;}
@media(min-width:1024px){.contact-grid{grid-template-columns:1fr 1.2fr;gap:4rem;}}
form.lead-form{display:flex;flex-direction:column;gap:1.25rem;}
.field{display:flex;flex-direction:column;gap:.5rem;}
.field label{font-size:.8rem;letter-spacing:.04em;text-transform:uppercase;color:var(--color-silver);}
.field input,.field select,.field textarea{
  background:var(--color-erieblack-dark);border:1px solid rgba(255,252,242,.12);
  color:var(--color-perlwhite);padding:.85rem 1rem;font-family:inherit;font-size:1rem;
}
.field input:focus,.field select:focus,.field textarea:focus{outline:2px solid var(--color-orange);outline-offset:2px;border-color:var(--color-orange);}
.field textarea{resize:vertical;min-height:7rem;}
.contact-info p{font-size:1rem;margin-top:1rem;}
.contact-info .mail{font-family:"JetBrains Mono",monospace;color:var(--color-orange-400);font-size:1rem;}
.region-list{list-style:none;margin:1.5rem 0 0;padding:0;border-top:1px solid rgba(255,252,242,.07);}
.region-list li{display:flex;justify-content:space-between;padding:.75rem 0;border-bottom:1px solid rgba(255,252,242,.07);font-size:.95rem;}
.region-list li span:last-child{font-family:"JetBrains Mono",monospace;font-size:.85rem;color:var(--color-silver);opacity:.75;}

.form-notice{padding:1rem 1.25rem;border:1px solid;margin-bottom:1.5rem;font-size:.95rem;}
.form-notice.success{border-color:rgba(235,94,40,.4);color:var(--color-orange-400);}
.form-notice.error{border-color:rgba(255,252,242,.2);color:var(--color-silver);}

footer.site-footer{border-top:1px solid rgba(255,252,242,.07);padding-block:3rem;}
.footer-grid{display:grid;gap:2.5rem;}
@media(min-width:768px){.footer-grid{grid-template-columns:2fr 1fr 1fr;}}
.footer-grid h4{font-size:.75rem;letter-spacing:.1em;text-transform:uppercase;color:var(--color-silver);opacity:.7;margin-bottom:1rem;font-weight:600;}
.footer-links{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.6rem;}
.footer-links a{font-size:.9rem;text-decoration:none;color:var(--color-silver);opacity:.85;}
.footer-links a:hover{opacity:1;}
.footer-bottom{margin-top:2.5rem;padding-top:1.5rem;border-top:1px solid rgba(255,252,242,.07);font-size:.82rem;color:var(--color-silver);opacity:.6;}

/* generic WP page fallback (Impressum, Datenschutz) */
.simple-page{padding-block:6rem;max-width:70ch;margin-inline:auto;}
.simple-page h1{font-size:clamp(1.8rem,4vw,2.6rem);margin-bottom:1.5rem;font-weight:200;color:var(--color-perlwhite);}
.simple-page .entry-content{font-size:1rem;line-height:1.75;}
.simple-page .entry-content > * + *{margin-top:1em;}
.simple-page .entry-content a{color:var(--color-orange-400);}

@media (prefers-reduced-motion: reduce){
  html{scroll-behavior:auto;}
  .hero-eyebrow,.hero-title,.hero-sub,.hero-cta{animation:none !important;opacity:1 !important;transform:none !important;filter:none !important;}
  [data-animate]{opacity:1 !important;transform:none !important;transition:none !important;}
  .card:hover,.btn:hover{transform:none;}
}