/*
Theme Name: 3 little birds
Theme URI: https://3lb-design.de
Author: 3 little birds – Architectural Interior Design
Description: Eigenes Theme für 3lb-design.de – Innenarchitekt in Bremen & Grasberg. Projekte, News und Kundenstimmen pflegst du im Dashboard, Einstellungen unter Design → Customizer → 3 little birds.
Version: 1.0.1
Requires at least: 6.4
Requires PHP: 7.4
License: Proprietär – gehört 3 little birds
Text Domain: 3lb
*/

body{margin:0;background:#FFFDF8}
html{scroll-behavior:smooth}
a{color:#BD1B56}a:hover{color:#8E1240}
input,select,textarea{font:inherit}
.q-track::-webkit-scrollbar{display:none}
.nav-mob{display:none}
.mob-panel{display:none}
@keyframes lb-nudge{0%,70%,100%{transform:translateX(0) rotate(0)}78%{transform:translateX(6px) rotate(-4deg)}86%{transform:translateX(0) rotate(0)}92%{transform:translateX(4px) rotate(-2deg)}}
@keyframes lb-pop{0%{opacity:0;transform:scale(.6) translateY(6px)}60%{opacity:1;transform:scale(1.06)}100%{opacity:1;transform:scale(1)}}
@keyframes lb-drop{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:none}}
.lb-burger{transition:transform .15s ease}
.lb-burger:active{transform:translate(2px,2px);box-shadow:1px 1px 0 #D4A60B !important}
.mob-panel a.mlink:active{background:#FFF3C4}
@media (max-width: 960px){
  .nav-desk{display:none !important}
  .nav-mob{display:flex}
  .mob-panel{display:block}
  .hdr{position:sticky !important;top:0}
  .hdr-logo{height:52px !important}
  .hero-bird{display:none}
  .wa-float{right:12px !important;bottom:12px !important}
  .wa-float-txt{display:none}
  .wa-float-img{width:56px !important;height:56px !important}
  .to-top{left:12px !important;bottom:12px !important}
  .q-track{grid-auto-columns:88% !important;gap:18px !important}
  .pf-bird{width:96px !important;top:6px !important;right:12px !important}
  section{scroll-margin-top:84px}
  h2 > span[style*="font-size: 44px"]{font-size:clamp(28px,8.4vw,44px) !important}
  .stat-grid{grid-template-columns:repeat(2,1fr) !important}
  .stat-cell{border-right:0 !important}
  .stat-cell:nth-child(odd){border-right:1.5px dashed #D9D2BF !important}
  .stat-cell:nth-child(-n+2){border-bottom:1.5px dashed #D9D2BF}
}
@media (prefers-reduced-motion: reduce){.lb-bird,.lb-bubble,.mob-panel-inner{animation:none !important}}

.lb-root{font-family: 'Exo 2', system-ui, sans-serif; color: #1E1E1E; background: #FFFDF8; font-size: 17px; line-height: 1.6; position: relative; overflow-x: clip}
body{margin:0;background:#FFFDF8}
input,select,textarea,button{box-sizing:border-box}
[hidden]{display:none !important}
.mob-panel[hidden]{display:none !important}
#si-paras p{margin:0;font-size:17px;line-height:1.65;color:#333333}
/* Unterseiten (Impressum, Datenschutz, News, Projekte) */
.lb-page{max-width:880px;margin:0 auto;padding:64px 24px 88px}
.lb-page h1{font-family:Oswald,sans-serif;font-weight:700;font-size:clamp(32px,5vw,48px);line-height:1.1;text-transform:uppercase;margin:0 0 8px}
.lb-page .lb-eyebrow{font-family:Oswald,sans-serif;font-size:14px;letter-spacing:.18em;text-transform:uppercase;color:#7A5E00;margin:0 0 10px}
.lb-page h2{font-family:Oswald,sans-serif;font-weight:600;font-size:26px;text-transform:uppercase;margin:36px 0 10px}
.lb-page h3{font-family:Oswald,sans-serif;font-weight:600;font-size:20px;margin:26px 0 8px}
.lb-page p,.lb-page li{font-size:17px;line-height:1.7}
.lb-page img{max-width:100%;height:auto;border-radius:6px}
.lb-page .lb-hero-img{width:100%;max-height:520px;object-fit:cover;border:2px solid #1E1E1E;border-radius:8px 28px 8px 24px;box-shadow:6px 6px 0 #D4A60B;margin:18px 0 26px}
.lb-page .lb-back{display:inline-block;margin-top:32px;font-family:Oswald,sans-serif;letter-spacing:.06em;text-transform:uppercase}
.lb-page .lb-cta{display:inline-block;margin-top:24px;background:#BD1B56;color:#fff;text-decoration:none;font-family:Oswald,sans-serif;font-size:18px;letter-spacing:.05em;text-transform:uppercase;padding:12px 22px;border:2px solid #1E1E1E;border-radius:4px 16px 4px 14px}
.lb-page .wp-block-image{margin:24px 0}
.screen-reader-text{position:absolute !important;clip:rect(1px,1px,1px,1px);width:1px;height:1px;overflow:hidden}

/* Instagram-Symbol ausblenden, bis das eigene Profil im Customizer eingetragen ist */
a[href="https://www.instagram.com/"]{display:none !important}