/*
Theme Name: Nido Theme
Theme URI: https://nido-entruempelung.de
Author: Nido
Description: WordPress Theme für Nido Entrümpelungen
Version: 1.0.0
Text Domain: nido-theme
*/

@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,600;0,700;1,400;1,700&family=Outfit:wght@300;400;500;600;700&display=swap');

:root {
  --anth:       #222222;
  --anth-deep:  #171717;
  --anth-mid:   #2c2c2c;
  --cream:      #f4efe6;
  --cream-warm: #ece6d8;
  --cream-card: #f9f6f0;
  --copper:     #bf5f29;
  --copper-l:   #d17545;
  --copper-xl:  #e0916a;
  --copper-glow:rgba(191,95,41,0.13);
  --white:      #faf8f3;
  --muted:      #787068;
  --light:      #a39d95;
  --border:     rgba(191,95,41,0.16);
  --border-s:   rgba(34,34,34,0.09);
}

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
html{scroll-behavior:smooth;}
body{font-family:'Outfit',sans-serif;background:var(--cream);color:var(--anth);overflow-x:hidden;-webkit-font-smoothing:antialiased;}
::-webkit-scrollbar{width:4px;}
::-webkit-scrollbar-track{background:var(--cream);}
::-webkit-scrollbar-thumb{background:var(--copper);border-radius:2px;}
img,picture,video{display:block;max-width:100%;height:auto;}
ul{list-style:none;}
a{text-decoration:none;color:inherit;}
button{cursor:pointer;background:none;border:none;font:inherit;}
h1,h2,h3,h4,h5,h6{font-family:'Cormorant Garamond',serif;line-height:1.1;}
p{line-height:1.75;}
input,textarea,select{font:inherit;color:inherit;}

/* === NAV === */
.site-header{
  position:fixed;top:0;left:0;right:0;z-index:999;
  display:flex;align-items:center;justify-content:space-between;
  padding:1.5rem 6%;transition:all 0.4s;
}
.site-header.scrolled{
  background:rgba(23,23,23,0.96);backdrop-filter:blur(18px);
  padding:0.9rem 6%;border-bottom:1px solid rgba(191,95,41,0.18);
}
.site-logo a{display:flex;align-items:center;gap:0.65rem;}
.logo-mark{width:34px;height:34px;background:var(--copper);border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:1rem;}
.logo-name{font-family:'Cormorant Garamond',serif;font-size:1.28rem;font-weight:700;color:var(--white);letter-spacing:0.03em;}
.logo-name b{color:var(--copper-l);}
.main-navigation ul{display:flex;align-items:center;gap:2.4rem;}
.main-navigation a{font-size:0.8rem;font-weight:500;letter-spacing:0.09em;text-transform:uppercase;color:rgba(250,248,243,0.6);position:relative;transition:color 0.2s;}
.main-navigation a::after{content:'';position:absolute;bottom:-3px;left:0;width:0;height:1px;background:var(--copper);transition:width 0.3s;}
.main-navigation a:hover{color:var(--white);}
.main-navigation a:hover::after{width:100%;}
.header-cta{display:flex;align-items:center;gap:1rem;}
.header-phone{font-size:0.8rem;color:rgba(250,248,243,0.6);transition:color 0.2s;}
.header-phone:hover{color:var(--white);}
.btn-nav{background:var(--copper);color:var(--white);padding:0.48rem 1.2rem;border-radius:3px;font-size:0.8rem;font-weight:600;letter-spacing:0.06em;text-transform:uppercase;transition:background 0.25s;}
.btn-nav:hover{background:var(--copper-l);}
.mobile-menu-toggle{display:none;flex-direction:column;gap:5px;padding:4px;z-index:1000;}
.mobile-menu-toggle span{display:block;width:22px;height:1.5px;background:var(--white);border-radius:2px;transition:all 0.3s;}

/* === BUTTONS === */
.btn-copper{background:var(--copper);color:var(--white);padding:1rem 2rem;font-family:'Outfit',sans-serif;font-size:0.87rem;font-weight:600;letter-spacing:0.06em;text-transform:uppercase;border:none;border-radius:3px;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;gap:0.5rem;box-shadow:0 4px 24px rgba(191,95,41,0.38);transition:background 0.25s,transform 0.25s;}
.btn-copper:hover{background:var(--copper-l);transform:translateY(-2px);}
.btn-outline{background:transparent;color:var(--white);padding:1rem 2rem;font-family:'Outfit',sans-serif;font-size:0.87rem;font-weight:500;letter-spacing:0.06em;text-transform:uppercase;border:1px solid rgba(250,248,243,0.28);border-radius:3px;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;gap:0.5rem;transition:border-color 0.25s,color 0.25s;}
.btn-outline:hover{border-color:var(--copper);color:var(--copper-xl);}
.btn-cream{background:var(--cream);color:var(--anth);padding:1rem 2rem;font-family:'Outfit',sans-serif;font-size:0.87rem;font-weight:700;letter-spacing:0.06em;text-transform:uppercase;border:none;border-radius:3px;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;gap:0.5rem;box-shadow:0 4px 20px rgba(0,0,0,0.25);transition:background 0.25s,transform 0.25s;}
.btn-cream:hover{background:var(--white);transform:translateY(-2px);}
.wabtn{display:inline-flex;align-items:center;gap:0.75rem;background:#25D366;color:#fff;padding:0.9rem 1.6rem;border-radius:3px;font-size:0.87rem;font-weight:600;letter-spacing:0.04em;margin-top:2rem;transition:background 0.25s,transform 0.25s;}
.wabtn:hover{background:#1ebe5a;transform:translateY(-2px);}

/* === PAGE HEADER (Unterseiten) === */
.page-header{background:var(--anth-deep);padding:10rem 6% 5rem;}
.page-header h1{font-size:clamp(2.4rem,5vw,4rem);color:var(--cream);margin-bottom:1rem;}
.page-header .subtitle{font-size:0.98rem;color:rgba(244,239,230,0.45);max-width:540px;font-weight:300;line-height:1.78;}

/* === SECTIONS SHARED === */
section{padding:7rem 6%;}
.tag{display:inline-flex;align-items:center;gap:0.6rem;font-size:0.7rem;font-weight:700;letter-spacing:0.17em;text-transform:uppercase;color:var(--copper);margin-bottom:1.1rem;}
.tag::before{content:'';width:26px;height:1px;background:var(--copper);}
h2{font-size:clamp(2.1rem,4vw,3.3rem);font-weight:700;margin-bottom:1rem;}
.lead{font-size:0.98rem;font-weight:300;color:var(--muted);line-height:1.82;max-width:550px;margin-bottom:4rem;}

/* === SERVICES === */
#leistungen,
.page-leistungen .leistungen-main{background:var(--anth-deep);}
#leistungen .tag,.page-leistungen .tag{color:var(--copper-l);}
#leistungen h2,.page-leistungen h2{color:var(--cream);}
#leistungen .lead,.page-leistungen .lead{color:rgba(244,239,230,0.43);}
.sgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(285px,1fr));gap:1px;background:rgba(191,95,41,0.1);border:1px solid rgba(191,95,41,0.1);border-radius:4px;overflow:hidden;}
.sc{background:#1c1c1c;padding:2.4rem 2rem;position:relative;overflow:hidden;transition:background 0.3s;}
.sc::after{content:'';position:absolute;left:0;bottom:0;width:0;height:2px;background:linear-gradient(90deg,var(--copper),var(--copper-xl));transition:width 0.5s ease;}
.sc:hover{background:#212121;}
.sc:hover::after{width:100%;}
.sc-n{position:absolute;top:1.5rem;right:1.6rem;font-family:'Cormorant Garamond',serif;font-size:3.4rem;font-weight:700;color:rgba(191,95,41,0.07);line-height:1;}
.sc-ico{font-size:2rem;margin-bottom:1.2rem;display:block;}
.sc h3{font-family:'Cormorant Garamond',serif;font-size:1.32rem;font-weight:700;color:var(--cream);margin-bottom:0.6rem;}
.sc p{font-size:0.84rem;color:rgba(244,239,230,0.43);line-height:1.72;font-weight:300;}

/* === ADVANTAGES === */
#vorteile,.page-vorteile .vorteile-main{background:var(--cream);}
.agrid{display:grid;grid-template-columns:1fr 1.1fr;gap:6rem;align-items:center;}
.aimgwrap{position:relative;border-radius:4px;overflow:hidden;aspect-ratio:4/5;}
.aimgwrap img{width:100%;height:100%;object-fit:cover;}
.aaccent{position:absolute;bottom:-1.5rem;right:-1.5rem;width:55%;height:55%;background:var(--copper-glow);border:1px solid var(--border);border-radius:3px;z-index:-1;}
.alist{display:flex;flex-direction:column;gap:1.8rem;}
.ai{display:flex;gap:1.2rem;align-items:flex-start;}
.ai-ico{font-size:1.5rem;flex-shrink:0;margin-top:0.1rem;}
.ai-b h4{font-family:'Cormorant Garamond',serif;font-size:1.15rem;font-weight:700;color:var(--anth);margin-bottom:0.3rem;}
.ai-b p{font-size:0.84rem;color:var(--muted);line-height:1.7;font-weight:300;}

/* === GALLERY === */
#galerie,.page-galerie .galerie-main{background:var(--cream-warm);}
.gintro{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:3rem;gap:2rem;}
.ggrid{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:320px 260px;gap:0.6rem;}
.gi:nth-child(1){grid-column:span 2;}
.gi:nth-child(2){grid-column:span 2;}
.gi:nth-child(3){grid-column:span 1;}
.gi:nth-child(4){grid-column:span 3;}
.gi{position:relative;overflow:hidden;border-radius:3px;background:var(--anth-mid);}
.gi img{width:100%;height:100%;object-fit:cover;transition:transform 0.6s ease;}
.gi:hover img{transform:scale(1.04);}
.gover{position:absolute;inset:0;background:linear-gradient(to top,rgba(23,23,23,0.7) 0%,transparent 55%);opacity:0;transition:opacity 0.3s;}
.gi:hover .gover{opacity:1;}
.gtags{position:absolute;bottom:1rem;left:1rem;display:flex;gap:0.4rem;}
.gtag{font-size:0.68rem;font-weight:700;letter-spacing:0.1em;text-transform:uppercase;padding:0.3rem 0.7rem;border-radius:2px;}
.gtag.before{background:rgba(191,95,41,0.85);color:var(--white);}
.gtag.after{background:rgba(30,110,54,0.85);color:var(--white);}

/* === REVIEWS === */
#bewertungen,.page-bewertungen .bewertungen-main{background:var(--anth-deep);}
#bewertungen .tag,.page-bewertungen .tag{color:var(--copper-l);}
#bewertungen h2,.page-bewertungen h2{color:var(--cream);}
#bewertungen .lead,.page-bewertungen .lead{color:rgba(244,239,230,0.43);}
.rgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem;}
.rc{background:#1e1e1e;border:1px solid rgba(191,95,41,0.12);border-radius:4px;padding:2.4rem 2rem;position:relative;}
.rq{font-family:'Cormorant Garamond',serif;font-size:4rem;color:rgba(191,95,41,0.18);position:absolute;top:1rem;left:1.5rem;line-height:1;}
.stars{font-size:0.9rem;color:var(--copper-l);margin-bottom:1rem;letter-spacing:0.05em;}
.rtext{font-size:0.87rem;color:rgba(244,239,230,0.6);line-height:1.75;font-weight:300;font-style:italic;margin-bottom:1.8rem;}
.rfooter{display:flex;align-items:center;gap:1rem;}
.rav{width:38px;height:38px;border-radius:50%;background:var(--copper);display:flex;align-items:center;justify-content:center;font-size:0.75rem;font-weight:700;color:var(--white);}
.rname{font-size:0.87rem;font-weight:600;color:var(--cream);}
.rcity{font-size:0.75rem;color:rgba(244,239,230,0.35);}

/* === CTA STRIP === */
.ctastrip{background:var(--copper);padding:3.5rem 6%;display:flex;justify-content:space-between;align-items:center;gap:2rem;flex-wrap:wrap;}
.ctatxt h2{font-size:clamp(1.6rem,3vw,2.4rem);color:var(--white);margin-bottom:0.4rem;}
.ctatxt p{font-size:0.9rem;color:rgba(250,248,243,0.7);font-weight:300;}

/* === CONTACT === */
#kontakt,.page-kontakt .kontakt-main{background:var(--anth-deep);}
#kontakt .tag,.page-kontakt .tag{color:var(--copper-l);}
#kontakt h2,.page-kontakt h2{color:var(--cream);}
#kontakt .lead,.page-kontakt .lead{color:rgba(244,239,230,0.43);}
.cwrap{display:grid;grid-template-columns:1fr 1.3fr;gap:5rem;}
#kontakt h3,.page-kontakt h3{font-family:'Cormorant Garamond',serif;font-size:1.5rem;font-weight:700;color:var(--cream);margin-bottom:0.5rem;}
#kontakt > div > div:first-child > p,.page-kontakt .cwrap > div:first-child > p{font-size:0.88rem;color:rgba(244,239,230,0.4);font-weight:300;margin-bottom:2rem;line-height:1.7;}
.citem{display:flex;gap:1rem;align-items:flex-start;margin-bottom:1.4rem;}
.cico{font-size:1.4rem;flex-shrink:0;margin-top:2px;}
.cdtl{display:flex;flex-direction:column;gap:0.15rem;}
.cdtl label{font-size:0.68rem;font-weight:700;letter-spacing:0.12em;text-transform:uppercase;color:var(--copper-l);}
.cdtl a,.cdtl span{font-size:0.88rem;color:rgba(244,239,230,0.65);font-weight:300;}
.cdtl a:hover{color:var(--copper-xl);}
.cform{background:#1e1e1e;border:1px solid rgba(191,95,41,0.12);border-radius:6px;padding:2.4rem;}
.cform h3{margin-bottom:0.4rem;}
.cform > p{font-size:0.82rem;color:rgba(244,239,230,0.35);margin-bottom:2rem;font-weight:300;}
.frow{display:grid;grid-template-columns:1fr 1fr;gap:1rem;}
.fg{display:flex;flex-direction:column;gap:0.45rem;margin-bottom:1rem;}
.fg label{font-size:0.72rem;font-weight:600;letter-spacing:0.08em;text-transform:uppercase;color:rgba(244,239,230,0.45);}
.fg input,.fg select,.fg textarea{background:rgba(255,255,255,0.04);border:1px solid rgba(191,95,41,0.18);border-radius:3px;padding:0.78rem 1rem;font-size:0.87rem;color:var(--white);outline:none;transition:border-color 0.2s;}
.fg input::placeholder,.fg textarea::placeholder{color:rgba(250,248,243,0.2);}
.fg input:focus,.fg select:focus,.fg textarea:focus{border-color:rgba(191,95,41,0.5);}
.fg textarea{resize:vertical;min-height:118px;}
.fg select option{background:var(--anth-deep);color:var(--white);}
.fsbtn{width:100%;background:var(--anth);color:var(--white);padding:1rem;font-family:'Outfit',sans-serif;font-size:0.87rem;font-weight:700;letter-spacing:0.08em;text-transform:uppercase;border:none;border-radius:3px;cursor:pointer;margin-top:0.4rem;transition:background 0.25s,transform 0.2s;}
.fsbtn:hover{background:var(--copper);transform:translateY(-1px);}

/* === FOOTER === */
.site-footer{background:#101010;padding:4rem 6% 2rem;border-top:1px solid rgba(191,95,41,0.13);}
.ftop{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:3rem;padding-bottom:3rem;border-bottom:1px solid rgba(250,248,243,0.05);margin-bottom:2rem;}
.fbrand p{font-size:0.81rem;color:rgba(250,248,243,0.33);line-height:1.78;margin-top:0.8rem;font-weight:300;max-width:210px;}
.fcol h4{font-size:0.68rem;font-weight:700;letter-spacing:0.14em;text-transform:uppercase;color:var(--copper-l);margin-bottom:1.2rem;}
.fcol ul{display:flex;flex-direction:column;gap:0.6rem;}
.fcol a{font-size:0.8rem;color:rgba(250,248,243,0.38);transition:color 0.2s;}
.fcol a:hover{color:rgba(250,248,243,0.78);}
.fbot{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem;}
.fcopy{font-size:0.74rem;color:rgba(250,248,243,0.2);}
.flegal{display:flex;gap:1.5rem;}
.flegal a{font-size:0.74rem;color:rgba(250,248,243,0.2);transition:color 0.2s;}
.flegal a:hover{color:rgba(250,248,243,0.48);}

/* === ANIMATIONS === */
@keyframes fu{from{opacity:0;transform:translateY(28px);}to{opacity:1;transform:translateY(0);}}
@keyframes sp{0%,100%{opacity:0.35;}50%{opacity:1;}}
.reveal{opacity:0;transform:translateY(22px);transition:opacity 0.7s ease,transform 0.7s ease;}
.reveal.visible{opacity:1;transform:translateY(0);}
.rd1{transition-delay:0.1s;}
.rd2{transition-delay:0.2s;}

/* === RESPONSIVE === */
@media(max-width:900px){.ftop{grid-template-columns:1fr 1fr;}.agrid{gap:3rem;}}
@media(max-width:768px){
  .site-header{padding:1rem 5%;}
  .main-navigation ul{display:none;flex-direction:column;gap:0;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(17,17,17,0.98);backdrop-filter:blur(20px);padding:6rem 5% 3rem;z-index:998;justify-content:flex-start;}
  .main-navigation ul.open{display:flex;}
  .main-navigation ul li{border-bottom:1px solid rgba(250,248,243,0.06);}
  .main-navigation a{display:block;padding:1rem 0;font-size:1rem;}
  .mobile-menu-toggle{display:flex;}
  .header-phone{display:none;}
  .agrid{grid-template-columns:1fr;}
  .avisual{display:none;}
  .ggrid{grid-template-columns:1fr 1fr;grid-template-rows:auto;}
  .gi:nth-child(1),.gi:nth-child(2),.gi:nth-child(3),.gi:nth-child(4){grid-column:span 1;height:190px;}
  .cwrap{grid-template-columns:1fr;}
  .frow{grid-template-columns:1fr;}
  .ftop{grid-template-columns:1fr 1fr;gap:2rem;}
  section{padding:5rem 5%;}
  .ctastrip{flex-direction:column;text-align:center;}
  .gintro{flex-direction:column;align-items:flex-start;}
}
@media(max-width:480px){
  .ftop{grid-template-columns:1fr;}
  .cform{padding:1.8rem 1.4rem;}
}