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

*,*::before,*::after{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;font-size:16px;overflow-x:hidden;scroll-padding-top:55px;}
body{font-family:'Inter',sans-serif;background:#fff;color:#2C2825;overflow-x:hidden;}

/* NAV */
nav{position:fixed;top:0;left:0;right:0;z-index:900;display:flex;justify-content:space-between;align-items:center;padding:1.2rem 3rem;background:rgba(255,255,255,0.96);backdrop-filter:blur(16px);border-bottom:1px solid rgba(10,10,10,0.07);}
.nav-logo{font-family:'Cormorant',serif;font-size:0.85rem;font-weight:400;letter-spacing:0.2em;text-transform:uppercase;color:#2C2825;text-decoration:none;}
.nav-right{display:flex;align-items:center;gap:2rem;}
.nav-links{display:flex;gap:2rem;list-style:none;align-items:center;}
.nav-num{font-size:0.42rem;color:#bbb;margin-right:0.25rem;vertical-align:super;}
.nav-links a{font-size:0.52rem;font-weight:300;letter-spacing:0.22em;text-transform:uppercase;color:#2C2825;text-decoration:none;transition:opacity .25s;}
.nav-links a:hover{opacity:0.4;}
.nav-cta{font-size:0.52rem;font-weight:600;letter-spacing:0.22em;text-transform:uppercase;color:#2C2825;text-decoration:none;}
.lang-switch{display:flex;border:1px solid rgba(10,10,10,0.18);overflow:hidden;border-radius:2px;}
.lang-btn{font-size:0.46rem;font-weight:400;letter-spacing:0.12em;text-transform:uppercase;color:#aaa;background:none;border:none;padding:0.3rem 0.55rem;cursor:pointer;transition:all .2s;}
.lang-btn.active{background:#2C2825;color:#fff;}
.lang-btn:hover:not(.active){background:rgba(10,10,10,0.06);color:#2C2825;}

/* ── ANIMATIONS ── */
.up{opacity:0;transform:translateY(24px);transition:opacity .9s cubic-bezier(.22,1,.36,1),transform .9s cubic-bezier(.22,1,.36,1);}
.up.in{opacity:1;transform:translateY(0);}
.up.d1{transition-delay:.1s;}.up.d2{transition-delay:.2s;}.up.d3{transition-delay:.3s;}.up.d4{transition-delay:.45s;}

/* Horizontal reveal for image strips */
.reveal-x{opacity:0;transform:translateX(-20px);transition:opacity 1.1s cubic-bezier(.22,1,.36,1),transform 1.1s cubic-bezier(.22,1,.36,1);}
.reveal-x.in{opacity:1;transform:translateX(0);}
.reveal-x.d1{transition-delay:.15s;}.reveal-x.d2{transition-delay:.3s;}

/* Scale reveal for hero images */
.reveal-scale{opacity:0;transform:scale(1.04);transition:opacity 1.4s cubic-bezier(.22,1,.36,1),transform 1.4s cubic-bezier(.22,1,.36,1);}
.reveal-scale.in{opacity:1;transform:scale(1);}

/* Line draw for section dividers */
.line-draw{display:none !important;}
.line-draw.in{width:3rem;}

/* Cursor spotlight effect */
.cursor-dot{width:8px;height:8px;background:#2C2825;border-radius:50%;position:fixed;pointer-events:none;z-index:9999;transform:translate(-50%,-50%);transition:transform .1s,opacity .3s,width .3s,height .3s;mix-blend-mode:difference;background:#fff;}
.cursor-ring{width:36px;height:36px;border:1px solid rgba(44,40,37,0.35);border-radius:50%;position:fixed;pointer-events:none;z-index:9998;transform:translate(-50%,-50%);transition:transform .08s linear,width .3s,height .3s,opacity .3s;}
.cursor-ring.hover{width:56px;height:56px;border-color:rgba(44,40,37,0.6);}

/* Image parallax class */
.para-img{will-change:transform;}

/* Nav line indicator */

/* Projekt card number on hover */
.projekt-card::after{content:attr(data-num);position:absolute;top:1rem;right:1rem;font-family:'Cormorant',serif;font-size:3rem;font-weight:300;color:rgba(255,255,255,0);transition:color .4s ease;line-height:1;}
.projekt-card:hover::after{color:rgba(255,255,255,0.15);}

/* Smooth image zoom on section entry */
.img-strip-item img,.methode-photo img,.ueber-photo img{transition:transform 1.2s cubic-bezier(.22,1,.36,1),opacity .6s ease;}
.img-strip-item:hover img{transform:scale(1.04);}

/* Text shimmer on hero h1 */
@keyframes subtleFade{0%,100%{opacity:1;}50%{opacity:.85;}}

/* Section label animation */
.section-line{display:none !important;}
.section-line::before{content:'';display:block;width:0;height:1px;background:#bbb;transition:width 1s cubic-bezier(.22,1,.36,1);}
.section-line.in::before{width:2rem;}

/* HERO */
#hero{display:grid;grid-template-columns:1fr 1fr;min-height:100vh;padding-top:4rem;align-items:stretch;}
.hero-photo-col{position:relative;overflow:hidden;background:#f0ede8;height:100%;}
.hero-photo{position:absolute;inset:0;opacity:0;transition:opacity 1.4s ease;pointer-events:none;}
.hero-photo.active{opacity:1;}

.hero-photo img{width:100%;height:100%;object-fit:cover;object-position:center top;display:block;}

.hero-text-col{display:flex;flex-direction:column;justify-content:center;padding:6rem 4rem 2rem;background:#fff;}
.hero-eyebrow{font-size:0.48rem;font-weight:300;letter-spacing:0.48em;text-transform:uppercase;color:#bbb;margin-bottom:2.5rem;}
.hero-h1{font-family:'Cormorant',serif;font-size:clamp(1.8rem,3.2vw,4.2rem);font-weight:300;line-height:0.95;color:#2C2825;letter-spacing:-0.01em;margin-bottom:2rem;}
.hero-h1 em{font-style:italic;font-weight:600;display:block;margin-top:0.5rem;}
.hero-sub{font-size:0.95rem;font-weight:300;line-height:2.1;color:#666;max-width:360px;margin-bottom:2.5rem;}
.hero-cta{display:inline-block;background:#2C2825;color:#fff;padding:0.9rem 2.8rem;font-size:0.52rem;font-weight:400;letter-spacing:0.28em;text-transform:uppercase;text-decoration:none;align-self:flex-start;transition:background .3s,transform .2s;margin-bottom:3rem;}

/* AUSGANGSPUNKT */
#ausgangspunkt{padding:0;}
.ausg-head{display:grid;grid-template-columns:38% 62%;gap:0;margin-bottom:0;align-items:flex-start;}
.ausg-left{display:flex;flex-direction:column;justify-content:flex-start;padding:1rem 4rem;gap:2rem;}
.ausg-title{font-family:'Cormorant',serif;font-size:clamp(2.5rem,4.5vw,5.5rem);font-weight:300;line-height:0.9;color:#2C2825;}
.ausg-title em{font-style:italic;}
.ausg-img-col{display:grid;grid-template-columns:1fr 1fr;gap:0;overflow:hidden;}
.ausg-img-col img{width:100%;aspect-ratio:2/3;object-fit:cover;object-position:center top;display:block;transition:transform .8s ease;}
.ausg-img-col img:hover{transform:scale(1.02);}
.ausg-text p{font-size:0.95rem;font-weight:300;line-height:var(--font-body-lh,2.1);color:#3a3632;margin-bottom:1rem;}
.ausg-subhead{font-family:'Cormorant',serif;font-size:1rem;font-weight:400;letter-spacing:0.05em;color:#2C2825;margin:1.8rem 0 0.8rem;}
.ausg-text ul{list-style:none;margin:0.5rem 0 1rem;}
.ausg-text ul li{font-size:0.95rem;font-weight:300;color:#3a3632;padding:0.65rem 0 0.65rem 2rem;border-bottom:1px solid rgba(10,10,10,0.07);position:relative;}
.ausg-text ul li::before{content:'→';position:absolute;left:0;color:#bbb;font-size:1rem;}
.ausg-quote{font-family:'Cormorant',serif;font-size:1.45rem;font-weight:300;font-style:italic;color:#2C2825;line-height:1.4;margin-top:2rem;padding:1.5rem 2rem;border-left:2px solid #2C2825;background:#fafaf8;}
.img-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin:0 -3rem;}
.img-strip-item{overflow:hidden;}
.img-strip-item img{width:100%;height:480px;object-fit:cover;object-position:center center;display:block;transition:transform .8s ease;}
.img-strip-item:hover img{transform:scale(1.03);}

/* METHODE */
#methode{display:grid;grid-template-columns:1fr 1fr;min-height:80vh;}
.methode-photo{overflow:hidden;}
.methode-photo img{width:100%;height:100%;min-height:80vh;object-fit:cover;object-position:center center;display:block;transition:transform 1.2s;}
.methode-photo:hover img{transform:scale(1.02);}
.methode-text{background:#1e1c1a;padding:6rem 4.5rem;display:flex;flex-direction:column;justify-content:center;gap:1.2rem;overflow-y:auto;}
.methode-label{font-size:0.46rem;font-weight:300;letter-spacing:0.45em;text-transform:uppercase;color:rgba(255,255,255,0.3);}
.methode-title{font-family:'Cormorant',serif;font-size:clamp(2.2rem,3.5vw,4.5rem);font-weight:300;line-height:0.95;color:#fff;}
.methode-title em{font-style:italic;}
.methode-body{font-size:0.95rem;font-weight:300;line-height:2.1;color:rgba(255,255,255,0.95);}
.methode-subhead{font-size:0.48rem;font-weight:400;letter-spacing:0.2em;text-transform:uppercase;color:rgba(255,255,255,0.4);margin-top:0.8rem;border-top:1px solid rgba(255,255,255,0.08);padding-top:1.2rem;}
.methode-list{list-style:none;}
.methode-list li{font-size:0.95rem;font-weight:300;color:rgba(255,255,255,1);padding:0.75rem 0 0.75rem 2rem;border-bottom:1px solid rgba(255,255,255,0.06);padding-left:1.4rem;position:relative;}
.methode-list li::before{content:'→';position:absolute;left:0;color:rgba(255,255,255,0.45);font-size:1rem;}
.methode-extra{font-size:0.95rem;font-weight:300;line-height:2.0;color:rgba(255,255,255,0.95);}
.methode-cta{display:inline-block;border:1px solid rgba(255,255,255,0.25);color:#fff;padding:0.8rem 2rem;font-size:0.5rem;font-weight:300;letter-spacing:0.28em;text-transform:uppercase;text-decoration:none;align-self:flex-start;transition:all .3s;margin-top:0.5rem;}

/* ANGEBOT */
#angebot{padding:3rem 3rem;}
.angebot-label{font-size:0.46rem;font-weight:300;letter-spacing:0.45em;text-transform:uppercase;color:#bbb;margin-bottom:0.8rem;}
.angebot-title{font-family:'Cormorant',serif;font-size:clamp(2.2rem,3.5vw,4.5rem);font-weight:300;line-height:0.92;color:#2C2825;margin-bottom:3.5rem;}
.angebot-title em{font-style:italic;}
.pakete{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid rgba(10,10,10,0.1);}
.paket{border-right:1px solid rgba(10,10,10,0.08);display:flex;flex-direction:column;}
.paket:last-child{border-right:none;}
.paket-body{padding:2.5rem 2.5rem 3rem;flex:1;display:flex;flex-direction:column;}
.paket-no{font-size:0.44rem;font-weight:300;letter-spacing:0.35em;text-transform:uppercase;color:#ccc;margin-bottom:1rem;}
.paket-name{font-family:'Cormorant',serif;font-size:1.9rem;font-weight:300;line-height:1;color:#2C2825;margin-bottom:0.4rem;}
.paket-tag{font-size:0.88rem;font-weight:300;font-style:italic;color:#999;margin-bottom:1.8rem;line-height:1.6;border-bottom:1px solid rgba(10,10,10,0.07);padding-bottom:1.2rem;}
.paket-desc{font-size:0.95rem;font-weight:300;line-height:var(--font-body-lh,2.0);color:#3a3632;margin-bottom:1.5rem;}
.paket-items{list-style:none;flex:1;}
.paket-items li{font-size:0.88rem;font-weight:300;color:#3a3632;padding:0.55rem 0 0.55rem 2rem;border-bottom:1px solid rgba(10,10,10,0.06);padding-left:1.8rem;position:relative;}
.paket-items li::before{content:'—';position:absolute;left:0;color:#ccc;font-size:1rem;}
.paket-note{font-size:0.88rem;font-weight:300;font-style:italic;color:#aaa;margin-top:1.2rem;line-height:1.8;}
.angebot-cta-band{overflow:visible !important;background:#1e1c1a;padding:2.5rem 3rem;display:flex;justify-content:space-between;align-items:center;gap:2rem;margin:0 -3rem;}
.cta-text{font-family:'Cormorant',serif;font-size:1.6rem;font-weight:300;font-style:italic;color:#fff;}
.cta-btn{display:inline-block;border:1px solid rgba(255,255,255,0.35);color:#fff;padding:0.9rem 2.8rem;font-size:0.52rem;font-weight:400;letter-spacing:0.28em;text-transform:uppercase;text-decoration:none;white-space:nowrap;transition:all .3s;}

/* PROJEKTE */
#projekte{padding:1rem 3rem 4rem;}
.proj-head{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:1rem;}
.proj-title{font-family:'Cormorant',serif;font-size:clamp(2.5rem,4.5vw,5.5rem);font-weight:300;line-height:0.9;color:#2C2825;}
.proj-title em{font-style:italic;}
.proj-note{font-size:0.72rem;font-weight:300;font-style:italic;color:#aaa;line-height:1.8;border:none;background:none;white-space:nowrap;max-width:none;}
.projekte-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin:0 -3rem;}
.projekt-card{overflow:hidden;cursor:pointer;position:relative;background:#f5f3f0;}
.projekt-img img{width:100%;aspect-ratio:2/3;object-fit:cover;object-position:center top;display:block;transition:transform .9s cubic-bezier(.22,1,.36,1);}
.projekt-card:hover .projekt-img img{transform:scale(1.05);}
.projekt-hover{position:absolute;inset:0;background:rgba(15,12,10,0.72);opacity:0;transition:opacity .35s ease;display:flex;flex-direction:column;justify-content:flex-end;padding:2rem;}
.projekt-card:hover .projekt-hover{opacity:1;}
.projekt-hover-name{font-family:'Cormorant',serif;font-size:var(--font-proj-hover-name,2rem);font-weight:300;color:#fff;margin-bottom:0.3rem;line-height:1.1;}
.projekt-hover-meta{font-size:var(--font-proj-hover-meta,0.7rem);font-weight:300;letter-spacing:0.18em;text-transform:none;color:rgba(255,255,255,0.65);}

/* PROJECT OVERLAY */
.projekt-overlay{position:fixed;inset:0;z-index:1100;background:#fff;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;opacity:0;pointer-events:none;transition:opacity .4s ease;}
.projekt-overlay.open{opacity:1;pointer-events:all;}
.overlay-nav{position:sticky;top:0;background:rgba(255,255,255,0.96);backdrop-filter:blur(12px);border-bottom:1px solid rgba(10,10,10,0.08);padding:1rem 3rem;display:flex;align-items:center;justify-content:space-between;z-index:10;}
.overlay-back{font-size:0.5rem;font-weight:400;letter-spacing:0.22em;text-transform:uppercase;color:#2C2825;background:none;border:none;cursor:pointer;display:flex;align-items:center;gap:0.5rem;transition:opacity .2s;}
.overlay-back::before{content:'←';font-size:0.8rem;}
.overlay-back:hover{opacity:0.5;}
.overlay-project-name{font-family:'Cormorant',serif;font-size:1.1rem;font-weight:300;color:#2C2825;letter-spacing:0.05em;}
.projekt-overlay-inner{padding:4rem 3rem 5rem;max-width:1200px;margin:0 auto;}
.overlay-title{font-family:'Cormorant',serif;font-size:clamp(2.5rem,5vw,6rem);font-weight:300;line-height:0.9;color:#2C2825;margin-bottom:1rem;}
.overlay-desc{font-size:0.95rem;font-weight:300;line-height:var(--font-body-lh,2.1);color:#3a3632;max-width:580px;margin-bottom:0.8rem;}
.overlay-credits{font-size:0.75rem;font-weight:300;line-height:2.0;color:#aaa;margin-bottom:3rem;}
.overlay-credits strong{color:#2C2825;font-weight:400;}
.overlay-photos{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;}
.overlay-photo img{width:100%;height:auto;display:block;object-fit:contain;}

/* ÜBER MICH */
#ueber{display:grid;grid-template-columns:1fr 1fr;align-items:stretch;background:#F5F3F0;padding-bottom:0;}
.ueber-photo{overflow:hidden;min-height:640px;}
.ueber-photo img{width:100%;height:100%;object-fit:cover;object-position:left center;display:block;transition:transform 1.2s;}
.ueber-photo:hover img{transform:scale(1.02);}
.ueber-text{padding:6rem 4.5rem;display:flex;flex-direction:column;justify-content:center;gap:1.4rem;border-left:1px solid rgba(10,10,10,0.06);}
.ueber-label{font-size:0.46rem;font-weight:300;letter-spacing:0.45em;text-transform:uppercase;color:#bbb;}
.ueber-h2{font-family:'Cormorant',serif;font-size:clamp(1.6rem,2.2vw,2.8rem);font-weight:300;line-height:1.12;color:#2C2825;}
.ueber-h2 em{font-style:italic;}
.ueber-lead{font-size:0.95rem;font-weight:300;line-height:var(--font-body-lh,2.0);color:#3a3632;}
.ueber-cols{display:grid;grid-template-columns:1fr 1fr;gap:2.5rem;margin-top:0.5rem;}
.ueber-col-head{font-size:0.62rem;font-weight:400;letter-spacing:0.18em;text-transform:uppercase;color:#2C2825;margin-bottom:1rem;padding-bottom:0.6rem;border-bottom:1px solid rgba(10,10,10,0.1);}
.ueber-col-text{font-size:0.95rem;font-weight:300;line-height:var(--font-body-lh,2.0);color:#555;}
.ueber-col-text em{font-style:italic;color:#2C2825;}

/* KONTAKT */
#kontakt{background:#F5F3F0;padding:4rem 3rem;min-height:unset;display:flex;flex-direction:column;justify-content:center;}
.kontakt-label{font-size:0.46rem;font-weight:300;letter-spacing:0.45em;text-transform:uppercase;color:#bbb;margin-bottom:2.5rem;}
.kontakt-big{font-family:'Cormorant',serif;font-size:var(--font-kontakt,clamp(2.5rem,3.5vw,5rem));font-weight:300;line-height:1.05;color:#2C2825;letter-spacing:-0.01em;margin-bottom:3.5rem;}
.kontakt-big em{font-style:italic;display:inline;}
.kontakt-sub{font-size:0.95rem;font-weight:300;line-height:2.1;color:#666;max-width:460px;margin-bottom:3rem;}
.kontakt-email{font-family:'Cormorant',serif;font-size:clamp(1.5rem,2.5vw,2.8rem);font-weight:300;color:#2C2825;text-decoration:none;border-bottom:1px solid rgba(44,40,37,0.2);padding-bottom:3px;display:inline-block;margin-bottom:3rem;transition:opacity .3s;}
.kontakt-email:hover{opacity:0.5;}
.kontakt-cta{display:inline-block;background:#2C2825;color:#fff;padding:0.95rem 2.5rem;font-size:0.5rem;font-weight:400;letter-spacing:0.3em;text-transform:uppercase;text-decoration:none;margin-bottom:4rem;align-self:flex-start;transition:background .3s,transform .2s;}
.kontakt-links{display:flex;gap:2.5rem;list-style:none;}
.kontakt-links a{font-size:0.48rem;font-weight:300;letter-spacing:0.22em;text-transform:uppercase;color:#bbb;text-decoration:none;transition:color .3s;}
.kontakt-links a:hover{color:#2C2825;}

footer{background:#2C2825;padding:1.5rem 3rem;display:flex;justify-content:space-between;align-items:center;}
.f-logo{font-family:'Cormorant',serif;font-size:0.8rem;font-weight:300;letter-spacing:0.2em;text-transform:uppercase;color:rgba(255,255,255,0.2);text-decoration:none;}
.f-copy{font-size:0.46rem;font-weight:300;color:rgba(255,255,255,0.12);}
.f-legal{display:flex;gap:2rem;list-style:none;}
.f-legal a{font-size:0.44rem;font-weight:300;letter-spacing:0.18em;text-transform:uppercase;color:rgba(255,255,255,0.18);text-decoration:none;transition:color .3s;}
.f-legal a:hover{color:rgba(255,255,255,0.5);}

/* MOBILE HAMBURGER */
.nav-hamburger{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:4px;z-index:1001;position:relative;}
.nav-hamburger span{display:block;width:22px;height:1px;background:#2C2825;transition:all .3s;}
.nav-hamburger.is-open span:nth-child(1){transform:translateY(6px) rotate(45deg);}
.nav-hamburger.is-open span:nth-child(2){opacity:0;}
.nav-hamburger.is-open span:nth-child(3){transform:translateY(-6px) rotate(-45deg);}

/* MOBILE MENU OVERLAY */
.mobile-menu{
  display:none;
  position:fixed;
  top:0;left:0;right:0;bottom:0;
  width:100%;height:100%;
  background:#fff;
  z-index:1001; /* above nav (1000) */
  flex-direction:column;
  align-items:center;
  justify-content:center;
  padding:0;
  gap:0;
}
.mobile-menu.open{display:flex;}
.mob-close{
  position:absolute;top:1rem;right:1.2rem;
  background:none;border:none;cursor:pointer;
  font-size:1.2rem;color:#2C2825;
  width:40px;height:40px;
  display:flex;align-items:center;justify-content:center;
  padding:0;z-index:2;
}
/* keep hamburger on top of menu overlay */
.nav-hamburger{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:4px;z-index:1002;position:relative;}.mobile-menu ul{list-style:none;text-align:center;display:flex;flex-direction:column;gap:1.4rem;padding:0;margin:0;position:absolute;top:10%;}
.mobile-menu li{list-style:none;}
.mobile-menu .nav-num{font-size:0.38rem;color:#ccc;letter-spacing:0.3em;display:inline;margin-right:0.5rem;}
.mobile-menu a{font-size:0.58rem;font-weight:300;letter-spacing:0.25em;text-transform:uppercase;color:#2C2825;text-decoration:none;display:block;line-height:1;}
.mobile-menu .mob-cta{border:1px solid #2C2825;padding:0.75rem 2rem;display:inline-block;}

/* FIX: hide custom cursor on touch/mobile */
@media(max-width:900px),(hover:none){
  .cursor-dot,.cursor-ring{display:none!important;}
}

/* ── TABLET ── */
@media(max-width:1100px){
  nav{padding:1.2rem 2rem;}
  .hero-text-col{padding:6rem 3rem 3rem;}
  #ausgangspunkt{padding:7rem 2rem 0;}
  .ausg-head{grid-template-columns:1fr;}
  .img-strip{margin:0 -2rem;}
  #methode .methode-text{padding:5rem 3.5rem;}
  #angebot{padding:7rem 2rem;}
  .angebot-cta-band{overflow:visible !important;margin:0 -2rem;padding:2.5rem 2rem;}
  #projekte{padding:5rem 2rem 0;}
  .projekte-grid{margin:0 -2rem;}
  .ueber-text{padding:5rem 3.5rem;}
  #kontakt{padding:3rem 2rem;}
  footer{padding:1.5rem 2rem;}
}

/* ── MOBILE — all !important to beat the 1100px cascade ── */

/* ══════════════════════════════════════════════════════════════
   GLOBAL DESKTOP OVERRIDES (apply above mobile breakpoints)
   ══════════════════════════════════════════════════════════════ */

/* Section labels consistent size */
.methode-label,.angebot-label,.ueber-label,.kontakt-label,.ausg-subhead,.methode-subhead,.ueber-col-head,.paket-no{font-size:var(--font-subhead,0.62rem) !important;letter-spacing:0.35em !important;}

/* Paket number — large decorative */
.paket-no{font-family:'Cormorant',serif !important;font-size:4rem !important;color:rgba(44,40,37,0.08) !important;letter-spacing:0 !important;line-height:1 !important;margin-bottom:1rem !important;}

/* Paket name */
.paket-name{font-size:var(--font-paket-name,1.6rem) !important;text-transform:uppercase !important;letter-spacing:0.02em !important;}

/* Consistent headline size desktop */
.ausg-title,.methode-title,.angebot-title,.proj-title,.kontakt-big,.hero-h1{font-size:clamp(1.6rem,2.8vw,3.2rem) !important;line-height:0.95 !important;letter-spacing:-0.01em !important;margin-bottom:1.8rem !important;}

/* Titles uppercase */
.ausg-title,.methode-title,.angebot-title,.proj-title,.hero-h1{text-transform:uppercase !important;}

/* Über h2 — NOT uppercase, serif quote style */
.ueber-h2{text-transform:none !important;font-size:var(--font-quote,clamp(1.4rem,2vw,2.4rem)) !important;line-height:1.25 !important;}

/* Ausg subhead */
.ausg-subhead{text-transform:uppercase !important;letter-spacing:0.1em !important;font-size:0.62rem !important;font-weight:400 !important;font-family:'Inter',sans-serif !important;}

/* Consistent body text */
.ausg-text p,.methode-body,.methode-extra,.paket-desc,.ueber-lead,.ueber-col-text,.hero-sub,.overlay-desc{font-size:0.95rem !important;line-height:1.9 !important;margin-bottom:1rem !important;}
.methode-body,.methode-extra{color:rgba(255,255,255,0.75) !important;}
.ausg-text ul li,.methode-list li,.paket-items li{font-size:0.95rem !important;line-height:1.9 !important;padding-top:0.6rem !important;padding-bottom:0.6rem !important;}
.methode-list li{padding-top:0.4rem !important;padding-bottom:0.4rem !important;}

/* Section spacing desktop */
#ausgangspunkt,#angebot,#ueber,#kontakt{padding-top:4rem !important;padding-bottom:4rem !important;}

/* Nav */
.nav-links a{font-size:0.65rem !important;letter-spacing:0.22em !important;}
.nav-cta{font-size:0.65rem !important;}
.nav-logo{font-size:0.95rem !important;}

/* Proj head */
.proj-head{flex-direction:column !important;align-items:flex-start !important;gap:0.3rem !important;margin-bottom:1.5rem !important;}
.proj-note{text-align:left !important;font-size:0.88rem !important;font-style:italic !important;color:#bbb !important;white-space:nowrap !important;max-width:none !important;border:none !important;background:none !important;}
#projekte{padding-top:2rem !important;}

/* Overlay credits */
.overlay-credits strong{color:#aaa !important;font-weight:300 !important;}

/* Kontakt email */
.kontakt-email{border-bottom:none !important;font-size:clamp(1rem,2vw,1.5rem) !important;}
.kontakt-sub{display:none !important;}


/* Hero h1 */
.hero-h1{gap:0 !important;display:flex !important;flex-direction:column !important;}
.hero-h1 span{display:block !important;white-space:pre-line !important;font-style:normal !important;margin-bottom:1rem !important;}
  .hero-h1 em{display:block !important;white-space:pre-line !important;font-style:italic !important;font-weight:600 !important;font-size:1.3em !important;line-height:1.05 !important;}
.hero-h1 span br,.hero-h1 em br{display:none !important;}

/* CTA dot-expand button */
.hero-cta,.methode-cta,.kontakt-cta{
  display:inline-flex !important;align-items:center !important;
  background:transparent !important;border:none !important;
  position:relative !important;
  padding:0.3rem 2.8rem !important;
  font-size:0.65rem !important;font-weight:300 !important;
  letter-spacing:0.32em !important;text-transform:uppercase !important;
  text-decoration:none !important;cursor:pointer !important;
  overflow:visible !important;border-radius:0 !important;
}
.hero-cta::before,.methode-cta::before,.kontakt-cta::before{display:none !important;content:none !important;}
.hero-cta .btn-dot,.methode-cta .btn-dot,.kontakt-cta .btn-dot{display:none !important;}
.hero-cta .btn-bg,.kontakt-cta .btn-bg{
  position:absolute !important;left:0 !important;top:50% !important;
  transform:translateY(-50%) !important;
  width:2rem !important;height:2rem !important;border-radius:100px !important;
  background:#2C2825 !important;
  transition:width 0.55s cubic-bezier(.22,1,.36,1) !important;
  z-index:0 !important;display:block !important;
}
.methode-cta .btn-bg{background:rgba(255,255,255,0.9) !important;width:2rem !important;height:2rem !important;position:absolute !important;left:0 !important;top:50% !important;transform:translateY(-50%) !important;border-radius:100px !important;transition:width 0.55s cubic-bezier(.22,1,.36,1) !important;z-index:0 !important;display:block !important;}
.hero-cta .btn-label,.kontakt-cta .btn-label{color:#2C2825 !important;position:relative !important;z-index:1 !important;transition:color 0.3s ease 0.15s !important;}
.methode-cta .btn-label{color:rgba(255,255,255,0.85) !important;position:relative !important;z-index:1 !important;transition:color 0.3s ease 0.15s !important;}
.hero-cta{margin-top:2rem !important;}

/* Angebot CTA band */
.cta-btn{
  display:inline-flex !important;align-items:center !important;
  background:transparent !important;border:none !important;
  position:relative !important;padding:0.3rem 2.8rem !important;
  font-size:0.65rem !important;font-weight:300 !important;
  letter-spacing:0.32em !important;text-transform:uppercase !important;
  text-decoration:none !important;cursor:pointer !important;color:#fff !important;
  overflow:visible !important;
}
.cta-btn .btn-bg{position:absolute !important;left:0 !important;top:50% !important;transform:translateY(-50%) !important;width:2rem !important;height:2rem !important;border-radius:100px !important;background:rgba(255,255,255,0.9) !important;transition:width 0.55s cubic-bezier(.22,1,.36,1) !important;z-index:0 !important;display:block !important;}
.cta-btn .btn-label{color:#fff !important;position:relative !important;z-index:1 !important;transition:color 0.3s ease 0.15s !important;}

/* Projekt CTA card */
.projekt-card--cta{background:#1e1c1a !important;cursor:default !important;}
.projekt-cta-inner{
  display:flex !important;flex-direction:column !important;
  align-items:center !important;justify-content:center !important;
  height:100% !important;width:100% !important;
  padding:2.5rem 2rem !important;gap:1.5rem !important;
  box-sizing:border-box !important;
}
.projekt-cta-label{
  font-family:'Cormorant',serif !important;
  font-size:clamp(1.4rem,2vw,2rem) !important;
  font-weight:300 !important;font-style:italic !important;
  color:rgba(255,255,255,0.85) !important;
  line-height:1.3 !important;max-width:280px !important;
}
a.projekt-cta-btn{
  display:inline-flex !important;align-items:center !important;
  background:transparent !important;border:none !important;outline:none !important;
  position:relative !important;padding:0.3rem 2.8rem !important;
  font-size:0.65rem !important;font-weight:300 !important;
  letter-spacing:0.32em !important;text-transform:uppercase !important;
  text-decoration:none !important;cursor:pointer !important;color:#fff !important;
  overflow:visible !important;
}
a.projekt-cta-btn .btn-bg{position:absolute !important;left:0 !important;top:50% !important;transform:translateY(-50%) !important;width:2rem !important;height:2rem !important;border-radius:100px !important;background:rgba(255,255,255,0.9) !important;transition:width 0.55s cubic-bezier(.22,1,.36,1) !important;z-index:0 !important;display:block !important;}
a.projekt-cta-btn .btn-label{color:#fff !important;position:relative !important;z-index:1 !important;transition:color 0.3s ease 0.15s !important;}
a.projekt-cta-btn .btn-dot{display:none !important;}

/* Section dividers */
.section-divider{display:none !important;}
.section-divider--dark{display:none !important;}
.section-divider--light{display:none !important;}

/* Ausg img aspect ratio */
.ausg-img-col img{aspect-ratio:2/3 !important;}
.projekt-img img{aspect-ratio:2/3 !important;object-fit:cover !important;object-position:center top !important;}

/* Subscribe */
#subscribe{background:#f0ede8;padding:6rem 3rem;text-align:center;}
.subscribe-label{font-family:'Inter',sans-serif;font-size:0.62rem;font-weight:300;letter-spacing:0.5em;text-transform:uppercase;color:#bbb;margin-bottom:1.5rem;display:block;}
.subscribe-title{font-family:'Cormorant',serif;font-size:clamp(2rem,3.5vw,3.5rem);font-weight:300;color:#2C2825;line-height:0.95;margin-bottom:1.5rem;}
.subscribe-sub{font-family:'Inter',sans-serif;font-size:0.95rem;font-weight:300;color:#666;line-height:2;margin-bottom:2.5rem;}
.subscribe-btn{display:inline-flex;align-items:center;padding:1rem 2.5rem;font-family:'Inter',sans-serif;font-size:0.65rem;font-weight:300;letter-spacing:0.32em;text-transform:uppercase;background:#2C2825;color:#fff;border:none;border-radius:100px;cursor:pointer;transition:background 0.3s;}
.subscribe-btn:hover{background:#444;}

/* Footer */
footer{background:#2C2825 !important;padding:1.5rem 3rem !important;display:flex !important;justify-content:space-between !important;align-items:center !important;}
.f-legal{display:flex;gap:1.5rem;text-align:right !important;}
.f-legal a,.f-logo,.f-copy{color:rgba(255,255,255,0.5) !important;}
.f-legal a:hover{color:rgba(255,255,255,0.9) !important;}
.f-legal a{font-size:0.5rem !important;}

/* Nav number hide */
.nav-num{display:none !important;}

/* Ausgangspunkt spacing */
#ausgangspunkt{padding-bottom:4rem !important;}

/* ══════════════════════════════════════════════════════════════
   MOBILE — max-width: 900px  (SINGLE CLEAN BLOCK)
   ══════════════════════════════════════════════════════════════ */
@media(max-width:900px){

  /* NAV */
  html{scroll-padding-top:50px !important;}
  nav{padding:0.9rem 1.2rem !important;position:fixed;top:0;left:0;right:0;z-index:1000;background:#fff;}
  .nav-links{display:none !important;}
  .nav-hamburger{display:flex !important;}

  /* HERO — stacked, image square on top, text below */
  #hero{
    display:grid !important;
    grid-template-columns:1fr !important;
    grid-template-rows:auto auto !important;
    min-height:0 !important;
    padding-top:48px !important;
    align-items:start !important;
    overflow:hidden !important;
  }
  .hero-photo-col{
    position:relative !important;
    width:100% !important;
    aspect-ratio:1/1 !important;
    height:auto !important;
    min-height:0 !important;
    max-height:none !important;
    overflow:hidden !important;
    background:#f0ede8;
  }
  .hero-photo{
    position:absolute !important;
    inset:0 !important;
    width:100% !important;height:100% !important;
    opacity:0;transition:opacity 1.4s ease;pointer-events:none;
  }
  .hero-photo.active{opacity:1 !important;}
  .hero-photo img{
    position:absolute !important;top:0;left:0;
    width:100% !important;height:100% !important;
    object-fit:cover !important;object-position:center top !important;
  }
  .hero-dots{position:absolute;bottom:0.8rem;left:50%;transform:translateX(-50%);z-index:10;}
  .hero-text-col{
    padding:2rem 1.5rem 2.5rem !important;
    min-height:0 !important;
    justify-content:flex-start !important;
  }
  .hero-h1{font-size:clamp(2rem,8vw,3.2rem) !important;margin-bottom:1.2rem !important;}
  .hero-sub{font-size:0.9rem;line-height:1.9;max-width:none;}
  .hero-cta{margin-top:1.5rem !important;}

  /* AUSGANGSPUNKT */
  #ausgangspunkt{padding:1.5rem 1.5rem 3rem !important;}
  .ausg-head{grid-template-columns:1fr !important;gap:0 !important;}
  .ausg-left{padding:0 0 2rem 0 !important;gap:1rem !important;}
  .ausg-title{font-size:clamp(1.8rem,8vw,2.8rem) !important;}
  .ausg-text p{font-size:0.9rem;line-height:1.9;}
  .ausg-text ul li{font-size:0.9rem;padding:0.5rem 0 0.5rem 1.5rem;}
  .ausg-img-col{grid-template-columns:1fr !important;gap:0 !important;}
  .ausg-img-col img{width:100% !important;aspect-ratio:2/3 !important;height:auto !important;object-fit:cover !important;object-position:center top !important;}
  .img-strip{grid-template-columns:1fr !important;margin:0 !important;}
  .img-strip-item img{height:190px;}

  /* METHODE */
  #methode{grid-template-columns:1fr !important;min-height:0 !important;}
  #methode .methode-photo{
    height:120vw !important;min-height:0 !important;max-height:640px !important;overflow:hidden !important;
  }
  #methode .methode-photo img{
    width:100% !important;height:100% !important;
    object-fit:cover !important;object-position:center top !important;min-height:0 !important;
  }
  .methode-text{padding:2rem 1.5rem 2.5rem !important;gap:0.8rem !important;}
  .methode-title{font-size:clamp(1.8rem,8vw,2.8rem) !important;}
  .methode-body{font-size:0.9rem;line-height:1.9;}

  /* ANGEBOT */
  #angebot{padding:3rem 1.5rem !important;}
  .angebot-title{font-size:clamp(1.8rem,8vw,2.8rem) !important;}
  .pakete{grid-template-columns:1fr !important;border:none !important;}
  .paket{border-right:none !important;border-bottom:1px solid rgba(10,10,10,0.08) !important;}
  .paket-body{padding:1.5rem 0 !important;}
  .angebot-cta-band{overflow:visible !important;
    flex-direction:column !important;margin:0 -1.5rem !important;
    padding:2rem 1.5rem !important;text-align:center !important;
    align-items:center !important;
  }
  .angebot-cta-band .cta-btn{overflow:visible !important;padding:0.3rem 3rem !important;font-size:0.48rem !important;letter-spacing:0.18em !important;}
  .img-strip{margin:0 !important;}
  .projekte-grid{margin:0 !important;}

  /* PROJEKTE */
  #projekte{padding:2rem 0 0 !important;}
  .proj-head{flex-direction:column;align-items:flex-start;gap:0.2rem;padding:0 1.5rem;margin-bottom:1rem;}
  .proj-title{font-size:clamp(1.8rem,8vw,2.8rem) !important;}
  .proj-note{text-align:left;max-width:none;white-space:nowrap !important;}
  .projekte-grid{grid-template-columns:1fr 1fr !important;margin:0 !important;gap:0 !important;}
  .projekt-img{width:100%;}
  .projekt-img img{aspect-ratio:2/3 !important;width:100% !important;height:auto !important;object-fit:cover !important;object-position:center top !important;display:block !important;}
  .projekt-card--cta{grid-column:span 2 !important;min-height:220px !important;}
  .projekt-cta-inner{padding:2rem 1.5rem !important;gap:1.2rem !important;justify-content:center !important;align-items:flex-start !important;}
  .projekt-cta-label{font-size:clamp(1.2rem,5vw,1.6rem) !important;max-width:none !important;}

  /* OVERLAY */
  .overlay-nav{
    padding:0.8rem 1rem !important;position:sticky !important;top:0 !important;z-index:960 !important;
    background:#fff !important;display:flex !important;align-items:center !important;
    justify-content:space-between !important;border-bottom:1px solid rgba(10,10,10,0.08) !important;min-height:48px;
  }
  .overlay-back{
    font-size:0.52rem !important;padding:0.5rem 0 !important;
    display:flex !important;align-items:center !important;gap:0.4rem !important;
    color:#2C2825 !important;background:none !important;border:none !important;
    cursor:pointer !important;letter-spacing:0.18em !important;text-transform:uppercase !important;
  }
  .projekt-overlay-inner{padding:0 !important;}
  .overlay-title,.overlay-desc,.overlay-credits{padding:0 1.5rem !important;}
  .overlay-title{font-size:clamp(1.6rem,7vw,2.6rem) !important;}
  .overlay-photos{grid-template-columns:1fr !important;gap:0 !important;}
  .overlay-photo img{width:100% !important;height:auto !important;aspect-ratio:unset !important;object-fit:contain !important;display:block !important;}

  /* ÜBER MICH */
  #ueber{display:block !important;min-height:0 !important;padding:0 !important;}
  #ueber .ueber-photo{width:100% !important;height:130vw !important;max-height:680px !important;min-height:0 !important;overflow:hidden !important;float:none !important;flex:none !important;}
  .ueber-photo img{width:100% !important;height:100% !important;object-fit:cover !important;object-position:center 20% !important;}
  .ueber-text{padding:2rem 1.5rem 2.5rem !important;}
  .ueber-lead{font-size:0.8rem !important;font-weight:400 !important;line-height:1.9 !important;font-family:'Inter',sans-serif !important;}
  .ueber-h2{font-style:normal !important;}
  .ueber-h2{font-size:clamp(1.2rem,5vw,2rem) !important;line-height:1.3 !important;}
  .ueber-cols{grid-template-columns:1fr !important;gap:1.5rem !important;}
  .ueber-col-text{font-size:0.9rem;line-height:1.9;}

  /* KONTAKT */
  #kontakt{padding:3rem 1.5rem !important;min-height:0 !important;}
  .kontakt-big{font-size:clamp(1.6rem,7vw,2.6rem) !important;text-transform:none !important;}
  .kontakt-email{font-size:clamp(1rem,5vw,1.5rem) !important;}

  /* SUBSCRIBE */
  #subscribe{padding:4rem 1.5rem !important;}

  /* FOOTER */
  footer{flex-direction:column !important;gap:0.8rem !important;text-align:center !important;padding:1.5rem 1.2rem !important;}
  .f-legal{justify-content:center !important;text-align:center !important;}
}

/* ── SMALL PHONES 480px ── */
@media(max-width:480px){
  .hero-h1{font-size:clamp(1.5rem,9vw,2.2rem) !important;}
  .projekte-grid{grid-template-columns:1fr !important;}
  .projekt-card--cta{grid-column:span 1 !important;min-height:200px !important;}
  .overlay-photos{grid-template-columns:1fr !important;}
  .ausg-img-col{grid-template-columns:1fr !important;}
}
.ausg-quote-block{white-space:pre-line;line-height:1.9;margin:0;}
.ausg-quote-block br{display:none;}

@media(max-width:900px){#ausgangspunkt{margin-bottom:0 !important;}#methode{margin-top:0 !important;}.ueber-lead{font-family:Inter,sans-serif !important;font-size:0.95rem !important;font-weight:500 !important;font-style:normal !important;color:#3a3632 !important;}}
@media(max-width:900px){#ausgangspunkt{padding-bottom:0 !important;}#methode{margin-top:0 !important;padding-top:0 !important;}}
#ueber .ueber-lead{font-family:Inter,sans-serif !important;font-size:0.95rem !important;font-weight:500 !important;font-style:normal !important;color:#3a3632 !important;}
#ueber .ueber-lead{font-weight:300 !important;}
@media(max-width:900px){#ausgangspunkt{padding-bottom:2rem !important;}#methode{margin-top:0 !important;border-top:8px solid #fff !important;}}
@media(max-width:900px){#kontakt{padding-top:1.5rem !important;padding-bottom:1.5rem !important;}}
@media(max-width:900px){.methode-photo{border-top:8px solid #fff !important;box-sizing:border-box;}}
.ueber-lead,.ueber-text .ueber-lead,#ueber .ueber-lead{font-weight:300 !important;font-family:Inter,sans-serif !important;font-style:normal !important;}

/* KONTAKT HEADLINE - clean rule */
@media(max-width:900px){.hero-h1 span{margin-bottom:2rem !important;line-height:1.0 !important;}.hero-h1 em{margin-top:0 !important;margin-bottom:1rem !important;line-height:0.95 !important;}.hero-sub{margin-top:0 !important;}}

/* KONTAKT HEADLINE - clean */
.kontakt-big{display:flex !important;flex-direction:column !important;gap:0 !important;}
.kontakt-first-line{display:block;text-transform:none;line-height:1.05;margin-bottom:0.6rem;}
.kontakt-rest-line{display:block;text-transform:uppercase;letter-spacing:0.02em;line-height:1.05;margin:0;padding:0;}
@media(max-width:900px){
  #kontakt{padding-top:1.5rem !important;padding-bottom:1.5rem !important;}
  .kontakt-big{font-size:clamp(1.4rem,6vw,2rem) !important;}
  .kontakt-first-line{margin-bottom:0.5rem;}
}

/* HERO SUB mobile */
@media(max-width:900px){
  .hero-text-col .hero-sub{font-weight:200 !important;line-height:1.6 !important;font-size:0.88rem !important;}
}

#ausgangspunkt{background:#fff !important;}

/* HERO PHOTO COL - fill grid row height */


/* HERO - clean final */
#hero{min-height:100vh !important;align-items:stretch !important;}
.hero-photo-col{height:100% !important;}
.hero-photo img{object-fit:cover !important;object-position:center top !important;}
.nav-links a[href="/#ausgangspunkt"]::after,.nav-links a[href="/#angebot"]::after,.nav-links a[href="/#ueber"]::after{height:8px !important;}
body{cursor:none !important;}a,button,.projekt-card{cursor:none !important;}
/* hero-photo-col height set above in HERO clean final block */
#ausgangspunkt{padding-bottom:3rem !important;}
#methode{position:relative !important;z-index:1 !important;}
/* === FIX 1: No black line above Projekte === */
/* angebot-cta-band bleeds via margin:-3rem; kill padding-bottom so band is truly the last thing */
#angebot{padding-bottom:0 !important;}
.angebot-cta-band{margin-bottom:0 !important;}
/* projekte sits directly after — give it a clean white top */
#projekte{background:#fff !important;position:relative !important;z-index:2 !important;padding-top:2rem !important;border-top:none !important;}
.hero-photo-col{height:100.1% !important;}
#ausgangspunkt{padding-bottom:3rem !important;padding-top:1rem !important;}
@media(max-width:900px){.hero-cta,.methode-cta,.cta-btn,.projekt-cta-btn,.kontakt-cta{display:flex !important;align-items:center !important;justify-content:center !important;gap:0.6rem !important;position:relative !important;width:100vw !important;left:50% !important;transform:translateX(-50%) !important;background:#1e1c1a !important;color:#fff !important;padding:1rem 2rem !important;margin-left:0 !important;margin-right:0 !important;text-decoration:none !important;letter-spacing:0.12em !important;font-size:var(--font-cta) !important;border:none !important;border-radius:0 !important;}.hero-cta .btn-dot,.methode-cta .btn-dot,.cta-btn .btn-dot,.projekt-cta-btn .btn-dot,.kontakt-cta .btn-dot{width:6px !important;height:6px !important;border-radius:50% !important;background:#fff !important;display:inline-block !important;flex-shrink:0 !important;}.hero-cta .btn-label,.methode-cta .btn-label,.cta-btn .btn-label,.projekt-cta-btn .btn-label,.kontakt-cta .btn-label{color:#fff !important;}.hero-cta .btn-bg,.methode-cta .btn-bg,.cta-btn .btn-bg,.projekt-cta-btn .btn-bg,.kontakt-cta .btn-bg{display:none !important;}}
@media(max-width:900px){#hero{overflow:hidden !important;}.hero-cta,.methode-cta,.cta-btn,.projekt-cta-btn,.kontakt-cta{margin-left:-2rem !important;margin-right:-2rem !important;width:calc(100% + 4rem) !important;left:0 !important;transform:none !important;}}
@media(max-width:900px){.projekt-cta-btn{background:transparent !important;color:#fff !important;width:auto !important;margin-left:0 !important;margin-right:0 !important;left:auto !important;transform:none !important;border:1px solid rgba(255,255,255,0.4) !important;padding:0.8rem 2rem !important;}}
@media(max-width:900px){.hero-cta .btn-dot,.methode-cta .btn-dot,.cta-btn .btn-dot,.kontakt-cta .btn-dot{}}
@media(max-width:900px){.projekt-cta-inner{display:flex !important;flex-direction:column !important;align-items:flex-start !important;padding:0 !important;}.projekt-cta-btn{background:#1e1c1a !important;color:#fff !important;width:calc(100% + 4rem) !important;margin-left:-2rem !important;margin-right:-2rem !important;left:0 !important;transform:none !important;border:none !important;border-radius:0 !important;display:flex !important;align-items:center !important;justify-content:center !important;gap:0.6rem !important;padding:1rem 2rem !important;letter-spacing:0.12em !important;}.projekt-cta-btn .btn-dot{border-radius:50% !important;background:#fff !important;display:inline-block !important;flex-shrink:0 !important;}.projekt-cta-btn .btn-label{color:#fff !important;}.projekt-cta-btn .btn-bg{display:none !important;}.hero-cta .btn-dot,.methode-cta .btn-dot,.cta-btn .btn-dot,.kontakt-cta .btn-dot{}}
@media(max-width:900px){.btn-dot{border-radius:50% !important;background:#fff !important;display:inline-block !important;flex-shrink:0 !important;}}
@media(max-width:900px){.btn-dot{}}
@media(max-width:900px){.btn-dot{width:15px !important;height:15px !important;}}
@media(max-width:900px){.btn-dot{width:15px !important;height:15px !important;border-radius:50% !important;background:#fff !important;display:inline-block !important;flex-shrink:0 !important;min-width:15px !important;min-height:15px !important;}}
@media(max-width:900px){.ueber-lead{font-family:"Cormorant",serif !important;font-size:1.1rem !important;font-weight:400 !important;line-height:1.7 !important;}.ueber-h2{font-family:"Cormorant",serif !important;font-size:clamp(1.4rem,5vw,1.8rem) !important;font-weight:500 !important;line-height:1.25 !important;color:#2C2825 !important;}}
.ueber-lead{font-size:1.05rem !important;}
@media(max-width:900px){.projekt-cta-label{text-align:center !important;width:100% !important;}}
.ueber-lead{font-family:"Cormorant",serif !important;}
.ueber-lead,.ueber-text .ueber-lead,#ueber .ueber-lead{font-family:"Cormorant",serif !important;}
@media(max-width:900px){.ueber-lead,.ueber-text .ueber-lead,#ueber .ueber-lead{font-size:1rem !important;}}
@media(max-width:900px){.ueber-lead,.ueber-text .ueber-lead,#ueber .ueber-lead{font-size:2rem !important;}}
body #ueber .ueber-text .ueber-lead{font-family:"Cormorant",serif !important;}
body #ueber .ueber-text .ueber-lead{font-weight:600 !important;}
@media(max-width:900px){.ueber-lead,.ueber-text .ueber-lead,#ueber .ueber-lead{font-size:1.5rem !important;}}
body #ueber .ueber-text .ueber-lead{font-size:1.5rem !important;}
@media(max-width:900px){.hero-cta{width:calc(100% + 4rem) !important;margin-left:-2rem !important;margin-right:-2rem !important;}}
@media(max-width:900px){.hero-cta{width:calc(100% + 6rem) !important;margin-left:-3rem !important;margin-right:-3rem !important;}}
@media(max-width:900px){.hero-cta{width:calc(100% + 10rem) !important;margin-left:-5rem !important;margin-right:-5rem !important;}}
@media(max-width:900px){.hero-cta{padding-top:1.5rem !important;padding-bottom:1.5rem !important;}}
/* hero-cta btn-label font-size removed — all CTAs now use var(--font-cta) uniformly */
@media(max-width:900px){.hero-text-col{padding:2rem 1.5rem 0.5rem !important;min-height:0 !important;justify-content:flex-start !important;}}
@media(max-width:900px){.hero-text-col{padding:2rem 1.5rem 0.2rem !important;min-height:0 !important;justify-content:flex-start !important;}}
@media(max-width:900px){.angebot-cta-band{overflow:visible !important;flex-direction:column !important;margin:3rem -1.5rem 3rem -1.5rem !important;padding:2rem 1.5rem !important;text-align:center !important;align-items:center !important;}}
#projekte{background:#fff !important;position:relative !important;z-index:2 !important;padding-top:4rem !important;border-top:none !important;}
body #ueber .ueber-text .ueber-lead{font-weight:500 !important;}
@media(max-width:900px){.ueber-lead,.ueber-text .ueber-lead,#ueber .ueber-lead,body #ueber .ueber-text .ueber-lead{font-weight:400 !important;line-height:1.4 !important;}}
#projekte{background:#fff !important;position:relative !important;z-index:2 !important;padding-top:2rem !important;border-top:none !important;}
@media(max-width:900px){.ueber-lead,.ueber-text .ueber-lead,#ueber .ueber-lead,body #ueber .ueber-text .ueber-lead{font-weight:400 !important;line-height:1.2 !important;font-size:1.3rem !important;}}













/* === UEBER SECTION CLEAN === */
/* DESKTOP */
#ueber{display:flex !important;flex-direction:row !important;align-items:stretch !important;background:#F5F3F0 !important;padding:0 !important;}
#ueber .ueber-photo{flex:0 0 50% !important;width:50% !important;background:#F5F3F0 !important;overflow:hidden !important;}
#ueber .ueber-photo img{width:100% !important;height:100% !important;object-fit:cover !important;object-position:center top !important;display:block !important;}
#ueber .ueber-text{flex:0 0 50% !important;width:50% !important;background:#F5F3F0 !important;box-sizing:border-box !important;padding:3rem 4.5rem !important;}


/* MOBILE */
@media(max-width:900px){
  #ueber{display:block !important;padding:0 !important;}
  #ueber .ueber-photo{float:none !important;width:100% !important;height:130vw !important;max-height:680px !important;flex:none !important;}
  #ueber .ueber-photo img{width:100% !important;height:100% !important;object-fit:cover !important;object-position:center 20% !important;}
  #ueber .ueber-text{width:100% !important;float:none !important;flex:none !important;padding:2rem 1.5rem 2.5rem !important;box-sizing:border-box !important;}
  .ueber-h2{font-size:clamp(1.2rem,5vw,2rem) !important;max-width:none !important;}
}

/* CURSOR */
.cursor-dot{opacity:1;}
.cursor-ring{opacity:1;}
body{overflow-x:hidden;overflow-y:auto;}
@media only screen and (max-width:900px){#ueber{display:block !important;flex-direction:unset !important;}#ueber .ueber-photo{flex:none !important;width:100% !important;height:130vw !important;max-height:680px !important;overflow:hidden !important;}#ueber .ueber-photo img{width:100% !important;height:100% !important;object-fit:cover !important;object-position:center 20% !important;}#ueber .ueber-text{flex:none !important;width:100% !important;padding:2rem 1.5rem !important;}.ueber-h2{font-size:clamp(1.2rem,5vw,2rem) !important;max-width:none !important;}}






@media only screen and (max-width:900px){.ueber-h2{font-size:clamp(1.4rem,5vw,1.8rem) !important;line-height:1.25 !important;white-space:pre-line !important;max-width:none !important;font-weight:500 !important;}}
@media only screen and (max-width:900px){.ueber-h2{font-size:clamp(1.6rem,5vw,2rem) !important;line-height:1.3 !important;}}
@media only screen and (max-width:900px){.ueber-h2{font-size:clamp(1.3rem,4.5vw,1.6rem) !important;}}

/* Reduce gap between ueber and kontakt */
#kontakt{padding-top:2rem !important;}
@media(min-width:901px){#ausgangspunkt{padding-top:5rem !important;padding-bottom:3rem !important;}}
@media(min-width:901px){#kontakt{padding-top:6rem !important;}}
@media(min-width:901px){#angebot{padding-top:2rem !important;padding-bottom:0 !important;}}
@media(min-width:901px){#angebot{padding-top:2rem !important;padding-bottom:4rem !important;}}
@media(min-width:901px){#angebot{padding-top:6rem !important;padding-bottom:4rem !important;}}
@media(min-width:901px){#kontakt{padding-top:4rem !important;}}
@media(max-width:900px){.hero-cta,.methode-cta,.cta-btn,.kontakt-cta{width:calc(100% + 6rem) !important;margin-left:-3rem !important;margin-right:-3rem !important;padding-top:1.5rem !important;padding-bottom:1.5rem !important;left:0 !important;transform:none !important;font-size:var(--font-cta) !important;letter-spacing:0.12em !important;}}
@media(max-width:900px){.angebot-cta-band{background:#1e1c1a !important;padding:1.5rem !important;margin:0 !important;width:100% !important;display:flex !important;flex-direction:column !important;align-items:center !important;gap:1rem !important;}.angebot-cta-band .cta-btn{width:calc(100% + 3rem) !important;margin-left:-1.5rem !important;margin-right:-1.5rem !important;padding-top:1.5rem !important;padding-bottom:1.5rem !important;background:#1e1c1a !important;border:none !important;border-top:1px solid rgba(255,255,255,0.15) !important;font-size:var(--font-cta) !important;letter-spacing:0.12em !important;justify-content:center !important;}.angebot-cta-band .cta-btn .btn-bg{display:none !important;}.angebot-cta-band .cta-btn .btn-dot{width:6px !important;height:6px !important;border-radius:50% !important;background:#fff !important;display:inline-block !important;flex-shrink:0 !important;}.angebot-cta-band .cta-btn .btn-label{color:#fff !important;position:relative !important;z-index:1 !important;}}
@media(max-width:900px){.angebot-cta-band{width:100vw !important;margin-left:calc(-50vw + 50%) !important;margin-right:0 !important;}}
@media(max-width:900px){body #projekte{padding:5rem 0 0 !important;}}
@media(max-width:900px){body #projekte{padding:4rem 0 0 !important;}}
@media(min-width:901px){.hero-cta:hover .btn-bg,.kontakt-cta:hover .btn-bg{width:100% !important;}.methode-cta:hover .btn-bg{width:100% !important;}.cta-btn:hover .btn-bg{width:100% !important;}a.projekt-cta-btn:hover .btn-bg{width:100% !important;}.hero-cta:hover .btn-label,.kontakt-cta:hover .btn-label{color:#fff !important;}}
@media(min-width:901px){.methode-cta .btn-bg{background:#fff !important;}.methode-cta:hover .btn-bg{width:100% !important;background:#fff !important;}.methode-cta:hover .btn-label{color:#1e1c1a !important;}}
@media(min-width:901px){.cta-btn .btn-bg{background:#fff !important;}.cta-btn:hover .btn-bg{width:100% !important;background:#fff !important;}.cta-btn:hover .btn-label{color:#1e1c1a !important;}}
@media(min-width:901px){a.projekt-cta-btn .btn-bg{background:rgba(255,255,255,0.9) !important;}a.projekt-cta-btn:hover .btn-bg{width:100% !important;}a.projekt-cta-btn:hover .btn-label{color:#1e1c1a !important;}}
@media(min-width:901px){#ausgangspunkt{padding-bottom:4rem !important;}}
@media(min-width:901px){.ausg-left{padding-bottom:2rem !important;}.ausg-right{padding-bottom:0 !important;}#ausgangspunkt .ausg-head{padding-bottom:0 !important;}}
#ausgangspunkt,#methode,#angebot,#projekte,#ueber,#kontakt{scroll-margin-top:0;}
@media(max-width:900px){#methode{gap:0 !important;}#methode .methode-photo{margin-bottom:-2px !important;}}
@media(min-width:901px){.overlay-photos{gap:0 !important;}.overlay-photo{margin:0 !important;}}
#kontakt{background:#fefefe !important;}
@media(max-width:900px){.kontakt-social{order:-1 !important;margin-bottom:1.5rem !important;}.kontakt-social a{color:#2C2825 !important;opacity:1 !important;font-size:0.85rem !important;letter-spacing:0.15em !important;font-weight:500 !important;}}
@media(max-width:900px){#kontakt .kontakt-inner{display:flex !important;flex-direction:column !important;}.kontakt-cta{order:3 !important;}.kontakt-social{order:2 !important;margin-bottom:0 !important;margin-top:1.5rem !important;}}
.kontakt-links a{font-size:0.6rem !important;font-weight:300 !important;letter-spacing:0.22em !important;text-transform:uppercase !important;color:#000000 !important;text-decoration:none !important;transition:color .3s !important;}
@media(max-width:900px){.kontakt-links{display:flex !important;gap:2.5rem !important;list-style:none !important;padding-bottom:2rem !important;}}
@media(max-width:900px){#kontakt .kontakt-cta{margin-bottom:0 !important;}.kontakt-links{margin-top:0 !important;padding-top:0 !important;}}
@media(max-width:900px){#kontakt{padding-bottom:0 !important;}.kontakt-cta{margin-bottom:0 !important;padding-bottom:0 !important;}}
@media(max-width:900px){.kontakt-cta{margin-bottom:0 !important;padding-bottom:1.5rem !important;}}.cmplz-cookiebanner{width:760px !important;max-width:95vw !important;}
@media(max-width:900px){#cmplz-manage-consent .cmplz-manage-consent{display:block !important;right:15px !important;bottom:0 !important;font-size:0.55rem !important;padding:8px 12px !important;}}
#cmplz-manage-consent{cursor:auto !important;}#cmplz-manage-consent .cmplz-manage-consent{cursor:pointer !important;}#cmplz-manage-consent .cmplz-manage-consent.cmplz-dismissed{display:none !important;}@media(max-width:900px){#cmplz-manage-consent .cmplz-manage-consent.cmplz-dismissed{display:none !important;}}
#cmplz-manage-consent *{cursor:pointer !important;}.cursor-dot,.cursor-ring{pointer-events:none !important;}
.cursor-dot{z-index:999999 !important;}.cursor-ring{z-index:999998 !important;}
#cmplz-manage-consent{display:none !important;}
@media(max-width:900px){.projekt-overlay-inner{padding-top:1.5rem !important;}.overlay-title{padding-top:1rem !important;}.overlay-photo{aspect-ratio:3/4 !important;background:#f0ede8;overflow:hidden;}.overlay-photo img{width:100% !important;height:100% !important;aspect-ratio:auto !important;object-fit:cover !important;display:block !important;}}