@import url('https://fonts.googleapis.com/css2?family=Gilda+Display&family=Raleway:wght@300;400;500;600;700&display=swap');

:root{
  --bg:#0b0a09; --bg2:#100e0b; --bg3:#070605;
  --ink:#f2ebdf; --soft:#bcae98; --dim:#8a7e6a;
  --gold:#cfa85c; --gold-l:#cfa85c; --gold-d:#9c7a3c;
  --line:rgba(201,162,92,.20);
  --goldgrad:linear-gradient(135deg,#efdcab,#c9a25c 50%,#9c7a3c);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Raleway,system-ui,sans-serif;background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;position:relative;overflow-x:clip}
::selection{background:rgba(201,162,92,.32);color:#fff}
img{max-width:100%}
a{color:var(--gold-l)}
a:hover{color:#e7cd97}
h1,h2,h3{font-family:'Gilda Display',serif;font-weight:400;margin:0}
.serif{font-family:'Gilda Display',serif;font-weight:400}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

@keyframes bbfloat{0%,100%{transform:translateY(0) rotate(var(--r,0deg))}50%{transform:translateY(-22px) rotate(var(--r,0deg))}}
@keyframes bbfade{from{opacity:0}to{opacity:1}}
@keyframes bbpop{from{opacity:0;transform:translateY(14px) scale(.97)}to{opacity:1;transform:none}}

/* ---------- reveal ---------- */
[data-reveal]{opacity:0;transform:translateY(30px);transition:opacity 1s cubic-bezier(.2,.7,.2,1),transform 1s cubic-bezier(.2,.7,.2,1)}
[data-reveal].shown{opacity:1;transform:none}

/* ---------- buttons ---------- */
.btn-gold{text-decoration:none;display:inline-flex;align-items:center;gap:.6rem;padding:1.25rem 3.2rem;border:1px solid var(--gold-l);color:var(--gold-l);letter-spacing:.2em;text-transform:uppercase;font-size:.84rem;border-radius:2px;background:rgba(8,7,6,.28);backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);cursor:pointer;transition:background .35s ease,color .35s ease,border-color .35s ease,box-shadow .35s ease,transform .35s ease}
.btn-gold:hover{background:var(--goldgrad);color:#1a140a;border-color:transparent;box-shadow:0 16px 46px -14px rgba(201,162,92,.85);transform:translateY(-2px)}
.btn-icon{background:none;border:none;color:var(--dim);cursor:pointer;line-height:1}
.center-row{display:flex;justify-content:center}

/* ---------- nav ---------- */
#bbnav{position:fixed;top:0;left:0;right:0;z-index:50;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:16px clamp(1.1rem,4vw,3.4rem);background:rgba(9,8,7,.92);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);transition:box-shadow .5s ease}
#bbnavglitter{position:absolute;inset:0;width:100%;height:100%;z-index:0;pointer-events:none}
.nav-logo{position:relative;z-index:2;display:flex;align-items:center;text-decoration:none}
.nav-logo img{height:clamp(48px,6.2vw,68px);width:auto;display:block;filter:drop-shadow(0 2px 8px rgba(201,162,92,.25))}
.nav-links{position:relative;z-index:2;display:flex;align-items:center;gap:clamp(1.2rem,2.6vw,2.8rem)}
.nav-links a[data-nav]{text-decoration:none;color:rgba(242,235,223,.78);font-size:.8rem;letter-spacing:.18em;text-transform:uppercase;transition:color .3s ease}
.nav-links a[data-nav]:hover,.nav-links a[data-nav].active{color:var(--gold-l)}
.nav-social{color:var(--gold-l);display:inline-flex;transition:transform .3s ease}
.nav-social:hover{transform:translateY(-2px)}
.nav-line{position:absolute;left:0;right:0;bottom:0;height:2px;z-index:3;background:linear-gradient(90deg,rgba(201,162,92,.35),rgba(201,162,92,.6) 12%,#e7cd97 50%,rgba(201,162,92,.6) 88%,rgba(201,162,92,.35))}
.burger{position:relative;z-index:2;display:none;background:none;border:1px solid var(--line);border-radius:3px;padding:.5rem .6rem;cursor:pointer;flex-direction:column;gap:4px}
.burger span{width:20px;height:1.5px;background:var(--gold-l);display:block}

/* ---------- mobile menu ---------- */
#bbmenu{position:fixed;inset:0;z-index:49;background:rgba(7,6,5,.94);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);display:none;flex-direction:column;align-items:center;justify-content:center;gap:1.7rem}
#bbmenu.open{display:flex}
#bbmenu a[data-target]{text-decoration:none;color:var(--ink);font-family:'Gilda Display',serif;font-size:1.9rem}
.menu-close{position:absolute;top:1.4rem;right:1.6rem;background:none;border:none;color:var(--gold-l);font-size:2rem;cursor:pointer;line-height:1}
.menu-close-round{position:absolute;bottom:2.4rem;left:50%;transform:translateX(-50%);width:54px;height:54px;border-radius:50%;border:1px solid var(--line);background:rgba(8,7,6,.4);color:var(--gold-l);font-size:1.7rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:border-color .3s ease,background .3s ease}
.menu-close-round:hover{border-color:var(--gold);background:rgba(201,162,92,.12)}

/* ---------- overlays ---------- */
.overlay{position:fixed;inset:0;z-index:65;background:rgba(5,4,3,.85);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:none;align-items:center;justify-content:center;padding:1.2rem;animation:bbfade .25s ease}
.overlay.open{display:flex}
.modal{position:relative;background:var(--bg2);border:1px solid var(--line);border-radius:8px;box-shadow:0 30px 80px -24px #000;animation:bbpop .3s cubic-bezier(.2,.8,.2,1)}
.modal-close{position:absolute;top:.7rem;right:1rem;background:none;border:none;color:var(--dim);font-size:1.6rem;cursor:pointer;line-height:1}
.contact-modal{width:min(420px,94vw);padding:clamp(1.8rem,4vw,2.6rem);text-align:center}
.contact-opt{text-decoration:none;display:flex;align-items:center;gap:1rem;padding:.95rem 1.2rem;border:1px solid var(--line);border-radius:5px;color:var(--ink);transition:border-color .3s ease,background .3s ease,transform .3s ease}
.contact-opt:hover{border-color:var(--gold);background:rgba(201,162,92,.07);transform:translateY(-1px);color:var(--ink)}
.contact-opt .ico{width:40px;height:40px;border-radius:50%;background:rgba(201,162,92,.12);color:var(--gold-l);display:flex;align-items:center;justify-content:center;flex:0 0 auto}
.contact-opt .txt{display:flex;flex-direction:column}
.contact-opt .txt b{font-weight:400;font-size:1rem}
.contact-opt .txt small{font-size:.74rem;color:var(--dim)}

/* ---------- model popup ---------- */
#bbpopup{z-index:72}
.popup-card{width:min(320px,85vw);overflow:hidden}
.popup-img{position:relative;height:clamp(140px,22vw,175px);overflow:hidden}
.popup-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 25%;display:block}
.popup-img .veil{position:absolute;inset:0;background:linear-gradient(180deg,rgba(8,7,6,.05),rgba(16,14,11,.88));pointer-events:none}
.badge-gold{font-size:.6rem;letter-spacing:.22em;text-transform:uppercase;color:#1a140a;background:var(--goldgrad);padding:.32rem .7rem;border-radius:2px;font-weight:700;white-space:nowrap}
.popup-body{padding:clamp(.9rem,2.4vw,1.4rem);text-align:center}
.gold-text{background:var(--goldgrad);-webkit-background-clip:text;background-clip:text;color:transparent}
.popup-close{position:absolute;top:.8rem;right:.9rem;width:36px;height:36px;border-radius:50%;background:rgba(8,7,6,.72);border:1px solid var(--line);color:var(--gold-l);font-size:1.4rem;cursor:pointer;line-height:1;display:flex;align-items:center;justify-content:center}

/* ---------- hero ---------- */
#top{position:relative;min-height:100vh;display:flex;align-items:flex-end;justify-content:center;text-align:center;padding:clamp(7rem,12vh,9rem) clamp(1.2rem,5vw,3rem) clamp(2rem,5vh,3.2rem);overflow:hidden;background:var(--bg3)}
.bb-heroimg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 50%;display:block;z-index:0}
.hero-veil{position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,rgba(8,7,6,.32),rgba(8,7,6,.22) 32%,rgba(8,7,6,.8))}
.hero-veil2{position:absolute;inset:0;z-index:1;pointer-events:none;background:radial-gradient(80% 55% at 50% 82%,rgba(8,7,6,.5),transparent 75%)}
.hero-inner{position:relative;z-index:3;max-width:880px}
.hero-inner h1{line-height:1.02;letter-spacing:.01em;font-size:clamp(1.5rem,3.8vw,2.7rem);background:linear-gradient(180deg,#f6e6bd,#e7cd97 52%,#cda255);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 3px 16px rgba(0,0,0,.6))}
.hero-sub{margin:.5rem 0 0;font-size:clamp(.7rem,1.5vw,.9rem);letter-spacing:.44em;text-transform:uppercase;color:var(--gold-l);text-shadow:0 2px 12px rgba(0,0,0,.7)}
.hero-orn{display:flex;align-items:center;justify-content:center;gap:1rem;margin:.9rem 0}
.hero-orn span:first-child{width:clamp(56px,12vw,120px);height:1px;background:linear-gradient(90deg,transparent,var(--gold-l))}
.hero-orn span:last-child{width:clamp(56px,12vw,120px);height:1px;background:linear-gradient(90deg,var(--gold-l),transparent)}
.hero-orn .star{color:var(--gold-l);font-size:1.05rem;text-shadow:0 2px 10px rgba(0,0,0,.6)}
.hero-claim{font-family:'Gilda Display',serif;font-style:italic;font-size:clamp(1rem,2vw,1.4rem);color:#f6f0e4;margin:0;text-shadow:0 2px 14px rgba(0,0,0,.7)}

/* ---------- sections ---------- */
.sec{position:relative;padding:clamp(5rem,10vh,8.5rem) clamp(1.2rem,5vw,3rem);overflow:hidden}
.sec-inner{margin:0 auto;position:relative;z-index:3}
.eyebrow{display:inline-flex;align-items:center;gap:.8rem;margin-bottom:1.1rem}
.eyebrow span.l{width:30px;height:1px;background:var(--gold)}
.eyebrow span.t{font-size:.7rem;letter-spacing:.32em;text-transform:uppercase;color:var(--gold);font-weight:600}
.sec-head{text-align:center;margin-bottom:clamp(2.8rem,5vw,4.6rem)}
.sec-head h2{font-size:clamp(1.7rem,3.6vw,2.7rem);letter-spacing:-.01em}

/* ---------- quote ---------- */
.quote-sec{text-align:center;background:var(--bg3);padding:clamp(6rem,14vh,11rem) clamp(1.2rem,5vw,3rem)}
#bbquoteimg{position:absolute;left:0;top:0;width:100%;height:100vh;object-fit:cover;object-position:center 42%;display:block;z-index:0;will-change:transform}
.quote-veil{position:absolute;inset:0;z-index:1;background:linear-gradient(rgba(7,6,5,.7),rgba(7,6,5,.8));pointer-events:none}
.quote-mark{font-family:'Gilda Display',serif;color:var(--gold-l);line-height:0}
.quote-rule{display:flex;align-items:center;justify-content:center;gap:1rem}
.quote-rule span.l{width:40px;height:1px;background:var(--gold)}
.quote-rule span.n{font-size:.74rem;letter-spacing:.28em;text-transform:uppercase;color:var(--gold-l)}

/* ---------- services ---------- */
.svc-row{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);border-radius:4px;overflow:hidden;background:linear-gradient(160deg,rgba(201,162,92,.05),rgba(201,162,92,.012));margin-bottom:clamp(1.2rem,2.6vw,2rem);align-items:stretch}
.svc-img{position:relative;cursor:pointer;overflow:hidden;transition:min-height .5s ease;min-height:clamp(150px,17vw,210px)}
.svc-row.open .svc-img{min-height:clamp(280px,34vw,440px)}
.svc-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.svc-img.zoom img{transform:scale(1.08)}
.svc-img .veil{position:absolute;inset:0;background:linear-gradient(120deg,rgba(7,6,5,.2),transparent 48%);pointer-events:none}
.svc-content{display:flex;flex-direction:column;justify-content:center;transition:padding .45s ease;padding:clamp(1.05rem,2.2vw,1.8rem) clamp(1.8rem,3.6vw,3.4rem)}
.svc-row.open .svc-content{padding:clamp(1.8rem,3.6vw,3.4rem)}
.svc-row.left .svc-img{order:0}
.svc-row.left .svc-content{order:1}
.svc-row.right .svc-img{order:1}
.svc-row.right .svc-content{order:0}
.svc-toggle{background:none;border:none;padding:0;margin:0;width:100%;cursor:pointer;color:inherit;font:inherit;display:flex;align-items:center;justify-content:space-between;gap:1rem;text-align:left}
.svc-toggle h3{transition:font-size .4s ease,color .4s ease,opacity .4s ease;color:var(--soft);opacity:.78;font-size:clamp(1.15rem,2vw,1.5rem)}
.svc-row.open .svc-toggle h3{color:var(--gold-l);opacity:1;font-size:clamp(1.5rem,2.6vw,2rem)}
.chev{color:var(--gold-l);font-size:1.1rem;transition:transform .5s cubic-bezier(.2,.7,.2,1);transform:rotate(0deg)}
.svc-row.open .chev{transform:rotate(180deg)}
.svc-detail{overflow:hidden;transition:max-height .55s cubic-bezier(.2,.7,.2,1),opacity .45s ease,margin-top .45s ease;max-height:0;opacity:0;margin-top:0}
.svc-row.open .svc-detail{max-height:1600px;opacity:1;margin-top:1.4rem}
.svc-desc{color:var(--soft);font-weight:300;font-size:.96rem;line-height:1.75;margin:0 0 1.5rem;text-wrap:pretty}
.svc-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:1.05rem}
.svc-list li{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding-bottom:.75rem;border-bottom:1px solid var(--line)}
.svc-list .name-wrap{display:flex;flex-direction:column}
.svc-list .name-row{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}
.svc-list .name{color:var(--ink);font-size:1.02rem}
.svc-list .sub{color:var(--dim);font-size:.82rem;margin-top:.15rem}
.svc-list .meta{color:var(--dim);font-size:.74rem;letter-spacing:.06em;margin-top:.22rem}
.svc-list .info{color:var(--soft);font-weight:300;font-size:.84rem;line-height:1.55;margin-top:.5rem;display:block}
.svc-list .price{font-family:'Gilda Display',serif;font-size:1.3rem;color:var(--gold-l);white-space:nowrap}
.svc-list .ask{font-size:.9rem;color:var(--soft);font-style:italic;white-space:nowrap}
.svc-list .offer-price{display:flex;flex-direction:column;align-items:flex-end;gap:.1rem;white-space:nowrap}
.svc-list .offer-price .old{font-size:.85rem;color:var(--dim);text-decoration:line-through}
.svc-list .offer-price .new{font-family:'Gilda Display',serif;font-size:1.4rem;color:var(--gold-l)}
.badge-sm{font-size:.58rem;letter-spacing:.16em;text-transform:uppercase;color:#1a140a;background:var(--goldgrad);padding:.18rem .5rem;border-radius:2px;font-weight:700}

/* ---------- about ---------- */
.about-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(2rem,5vw,4.5rem);align-items:start}
.about-frame{border:1px solid var(--line);padding:10px;border-radius:3px;background:linear-gradient(160deg,rgba(201,162,92,.10),rgba(201,162,92,.02))}
.about-frame > div{overflow:hidden;border-radius:2px;aspect-ratio:4/5;width:min(380px,80vw)}
.about-frame img{width:100%;height:100%;object-fit:cover;object-position:center 20%;display:block}
.about-text p{color:var(--soft);font-weight:300;line-height:1.9;max-width:54ch}
.deco-mark{position:absolute;pointer-events:none;opacity:.05}

/* ---------- kontakt ---------- */
.kontakt-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(1.8rem,4vw,2.8rem) clamp(2rem,6vw,5rem)}
.kontakt-grid .label{font-size:.64rem;letter-spacing:.24em;text-transform:uppercase;color:var(--dim);margin-bottom:.5rem}
.kontakt-grid p{font-family:'Gilda Display',serif;font-size:1.2rem;color:var(--ink);margin:0;line-height:1.5}
.kontakt-grid a.ig{display:inline-flex;align-items:center;gap:.5rem;font-family:'Gilda Display',serif;font-size:1.2rem;color:var(--ink);text-decoration:none;transition:color .3s ease}
.kontakt-grid a.ig:hover{color:var(--gold-l)}

/* ---------- map ---------- */
.map-box{margin-top:clamp(2.4rem,5vw,3.4rem);border:1px solid var(--line);border-radius:6px;overflow:hidden;background:#0b0a08;padding:10px}
.map-consent{width:100%;height:clamp(260px,34vw,380px);border:1px solid var(--line);border-radius:3px;background:radial-gradient(120% 100% at 50% 0%,rgba(201,162,92,.1),rgba(201,162,92,.01) 70%);color:var(--ink);cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.9rem;padding:1.6rem;text-align:center;transition:border-color .35s ease,background .35s ease}
.map-consent:hover{border-color:var(--gold);background:rgba(201,162,92,.1)}
.map-frame{position:relative;overflow:hidden;border-radius:3px;height:clamp(260px,34vw,380px);background:#0f0d0a;display:none}
.map-frame.on{display:block}
.map-frame iframe{width:100%;height:calc(100% + 24px);border:0;display:block;filter:grayscale(1) invert(.9) sepia(.42) hue-rotate(352deg) saturate(1.25) contrast(.92) brightness(.92)}
.map-frame .vignette{position:absolute;inset:0;pointer-events:none;background:radial-gradient(120% 90% at 50% 45%,rgba(11,10,8,0) 40%,rgba(11,10,8,.55) 100%)}
.map-frame .ring{position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 0 1px rgba(201,162,92,.22)}
.map-card{position:absolute;left:clamp(.8rem,2vw,1.2rem);bottom:clamp(.8rem,2vw,1.2rem);display:flex;align-items:center;gap:.7rem;padding:.7rem 1rem;background:rgba(8,7,6,.82);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border:1px solid rgba(201,162,92,.28);border-radius:3px}
.map-card span.c{display:flex;flex-direction:column;line-height:1.45}
.map-attr{display:flex;justify-content:flex-end;padding:.4rem .2rem .1rem}
.map-attr a{color:var(--dim);font-size:.66rem;letter-spacing:.1em;text-transform:uppercase;text-decoration:none;transition:color .3s ease}
.map-attr a:hover{color:var(--gold-l)}

/* ---------- footer ---------- */
footer{position:relative;background:var(--bg3);border-top:1px solid var(--line);padding:clamp(2.2rem,5vw,3.2rem) clamp(1.2rem,5vw,3rem);overflow:hidden}
.foot-top{max-width:1180px;margin:0 auto;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1.1rem 2rem}
.foot-copy{color:var(--dim);font-size:.72rem;letter-spacing:.08em}
.foot-links{display:flex;flex-wrap:wrap;gap:.9rem 1.6rem}
.foot-links a,.foot-links span.cur{text-decoration:none;color:var(--dim);font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;transition:color .3s ease}
.foot-links a:hover{color:var(--gold-l)}
.foot-links span.cur{color:var(--gold-l)}
.foot-credits{max-width:1180px;margin:1.4rem auto 0;padding-top:1.2rem;border-top:1px solid var(--line);display:flex;flex-wrap:wrap;justify-content:center;gap:.4rem 1.4rem;text-align:center}
.foot-credits span{color:var(--dim);font-size:.68rem;letter-spacing:.06em}
.foot-credits a{color:var(--soft);text-decoration:none}
.foot-credits a:hover{color:var(--gold-l)}

/* ---------- legal pages ---------- */
.legal-nav{position:relative;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:14px clamp(1.1rem,4vw,3.4rem);background:rgba(9,8,7,.96);border-bottom:1px solid var(--line)}
.legal-nav img{height:clamp(44px,5.4vw,60px);width:auto;display:block;filter:drop-shadow(0 2px 8px rgba(201,162,92,.25))}
.legal-back{text-decoration:none;color:rgba(242,235,223,.78);font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;transition:color .3s ease}
.legal-back:hover{color:var(--gold-l)}
.legal-main{width:100%;max-width:840px;margin:0 auto;padding:clamp(2.6rem,6vw,4.8rem) clamp(1.2rem,5vw,2rem) clamp(4rem,8vw,6rem)}
.legal-kicker{font-size:.7rem;letter-spacing:.32em;text-transform:uppercase;color:var(--gold);font-weight:600}
.legal-main h1{font-size:clamp(2rem,4.4vw,3rem);margin:.7rem 0 0;letter-spacing:-.01em}
.legal-rule{height:1px;background:linear-gradient(90deg,var(--gold),rgba(201,162,92,0));margin:1.6rem 0 2rem}
.legal-note{color:var(--dim);font-weight:300;font-size:.86rem;line-height:1.8;margin:0 0 1.6rem;font-style:italic}
.legal-main h2{font-size:.7rem;letter-spacing:.22em;text-transform:uppercase;color:var(--gold);font-weight:600;margin:2.4rem 0 .8rem;font-family:Raleway,sans-serif}
.legal-main p{color:var(--soft);font-weight:300;font-size:.96rem;line-height:1.85;margin:0 0 .3rem;max-width:70ch}
.legal-main p + p{margin-top:.3rem}
.legal-main p a{color:var(--ink);text-decoration:none}
.legal-main p a:hover{color:var(--gold-l)}
.legal-page{min-height:100vh;display:flex;flex-direction:column}
.legal-page main{flex:1}

/* ---------- responsive ---------- */
.bb-mbr{display:none}
.bb-dbr{display:inline}
@media (max-width:980px){
  .bb-heroimg{transform:scale(1.18);transform-origin:46% 60%}
  .foot-top{justify-content:center}
  .foot-copy{width:100%;text-align:center;margin-bottom:1.4rem}
  .foot-sep{display:none}
  .foot-addr{display:block;width:100%;margin-top:.35rem}
  .foot-links{justify-content:center;width:100%}
}
@media (max-width:820px){
  .nav-links{display:none}
  .burger{display:flex}
}
@media (max-width:720px){
  .svc-row{grid-template-columns:1fr}
  .svc-row .svc-img{order:-1;min-height:clamp(240px,55vw,340px)}
  .svc-row .svc-content{order:0}
}
@media (max-width:700px){
  .about-grid{grid-template-columns:1fr}
  .about-grid > div:first-child{max-width:380px;margin:0 auto}
}
@media (max-width:680px){
  .bb-heroimg{transform-origin:50% 50%;transform:translate(-23%,-6%) scale(1.46)}
  .bb-mbr{display:inline}
  .bb-dbr{display:none}
  #top{align-items:flex-end;padding-bottom:clamp(7rem,24vh,12rem)}
}
@media (max-width:640px){
  .foot-top{flex-direction:column;align-items:center;text-align:center}
}
@media (max-width:560px){
  .kontakt-grid{grid-template-columns:1fr}
}