:root{--gold:#d4af37;--gold2:#c89d35;--black:#0e0e0e;--soft:#171717}
*{box-sizing:border-box} html{} body{margin:0;font-family:Arial,Helvetica,sans-serif;background:#fff;color:#111} a{text-decoration:none;color:inherit}
.topbar{position:sticky;top:0;z-index:99;background:linear-gradient(90deg,#0b0b0b,#1b1b1b);border-bottom:1px solid rgba(212,175,55,.28);box-shadow:0 6px 18px rgba(0,0,0,.22)}
.inner{max-width:1440px;margin:0 auto;padding:12px 32px;display:flex;align-items:center;justify-content:space-between;gap:22px}
.brand{display:flex;align-items:center;gap:14px;min-width:300px}.brand img{height:72px;width:auto;display:block}.brand-text span{display:block;color:#fff;font-size:14px;letter-spacing:1.2px;font-weight:700;white-space:nowrap}.brand-text strong{display:block;color:var(--gold);font-size:25px;line-height:1.05;letter-spacing:1.5px;white-space:nowrap}
.desktop-nav{display:flex;align-items:center;gap:26px;font-size:13px;font-weight:800;color:#fff;text-transform:uppercase}.desktop-nav a{padding:10px 0}.desktop-nav a:hover,.desktop-nav a.active{color:var(--gold);border-bottom:2px solid var(--gold)}
.nav-dropdown{position:relative}.dropdown-panel{display:none;position:absolute;top:38px;left:0;background:#151515;border:1px solid rgba(212,175,55,.25);min-width:280px;padding:12px;box-shadow:0 6px 18px rgba(0,0,0,.22)}.dropdown-panel a{display:block;color:#fff;padding:10px 8px;border-bottom:0;text-transform:none}.dropdown-panel a:hover{color:var(--gold);border-bottom:0}.nav-dropdown:hover .dropdown-panel{display:block}
.header-actions{display:flex;align-items:center;gap:16px;color:#fff;font-weight:800;white-space:nowrap}.phone{color:#fff}.insta{color:#fff;border:1px solid rgba(212,175,55,.45);padding:9px 12px;border-radius:4px}.menu-toggle{display:none;background:#111;color:#fff;border:1px solid var(--gold);padding:7px 12px;font-size:24px;border-radius:4px;cursor:pointer}
.mobile-menu{display:none;background:#111;border-top:1px solid rgba(212,175,55,.3);padding:18px}.mobile-menu a{display:block;color:#fff;padding:12px}.mobile-menu.open{display:block}
.hero{min-height:520px;background-size:cover;background-position:center;position:relative}.hero::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.88),rgba(0,0,0,.52),rgba(0,0,0,.15))}.hero-content{position:relative;max-width:1440px;margin:0 auto;padding:86px 40px;color:#fff}.hero h1{font-size:64px;line-height:.95;margin:0 0 22px;font-weight:900;letter-spacing:1px;text-transform:uppercase}.hero p{font-size:23px;max-width:700px;line-height:1.4}.hero-buttons{display:flex;flex-wrap:wrap;gap:18px;margin-top:34px}.gold-btn{display:inline-block;background:linear-gradient(#e7bd51,#c7962b);color:#000;font-weight:900;padding:15px 26px;border-radius:4px;border:0;box-shadow:0 4px 12px rgba(212,175,55,.18)}.dark-btn{display:inline-block;background:#111;color:#fff;font-weight:900;padding:15px 26px;border-radius:4px;border:1px solid #333}.outline-btn{display:inline-block;border:1px solid var(--gold);color:#fff;font-weight:900;padding:14px 26px;border-radius:4px}
.trust-strip{background:linear-gradient(90deg,#111,#1a1a1a);color:#fff;display:grid;grid-template-columns:repeat(4,1fr);padding:28px 5%;border-top:1px solid rgba(212,175,55,.25);border-bottom:1px solid rgba(212,175,55,.25)}.trust-strip div{border-right:1px solid rgba(255,255,255,.15);padding:0 24px}.trust-strip div:last-child{border-right:0}.trust-strip b{display:block;color:#fff}.trust-strip span{display:block;color:#ddd;font-size:14px;margin-top:5px}
.main-grid{max-width:1440px;margin:0 auto;display:grid;grid-template-columns:1fr 1.45fr .95fr;gap:44px;padding:54px 40px}.service-list small,.process small,.content-two small,.faq small,.content small{color:#b77e22;font-weight:900;letter-spacing:.5px;text-transform:uppercase}.service-list h2,.process h2,.content-two h2,.faq h2,.content h2{font-size:32px;margin:8px 0 22px}.service-list ul,.check-list{list-style:none;padding:0;margin:20px 0}.service-list li,.check-list li{padding:10px 0;line-height:1.45}.service-list li::before,.check-list li::before{content:"✓";background:var(--gold);color:#000;border-radius:50%;font-weight:900;margin-right:12px;padding:2px 6px}.service-list a.service-link{display:block;color:#111}.service-list a.service-link:hover{color:#b77e22}
.process .step{display:grid;grid-template-columns:46px 1fr;gap:22px;border-bottom:1px solid #ddd;padding:13px 0}.process .step b{background:linear-gradient(#e7bd51,#c7962b);height:42px;display:grid;place-items:center;border-radius:4px;font-size:20px}.process h3{margin:0 0 5px}.process p{margin:0;line-height:1.45}
.contact-card{background:linear-gradient(135deg,#101010,#1b1b1b);color:#fff;border-radius:6px;padding:28px;box-shadow:0 6px 18px rgba(0,0,0,.22)}.contact-card small{color:var(--gold);font-weight:900}.contact-card h3{font-size:28px;margin:10px 0 24px}.contact-card a{color:#fff}.contact-card .gold-btn{color:#000;text-align:center;margin-top:15px;width:100%;padding-left:12px;padding-right:12px}
.content-two{max-width:1220px;margin:0 auto;padding:70px 40px;display:grid;grid-template-columns:1.35fr .85fr;gap:54px;align-items:start}.content-two p,.content p{font-size:17px;line-height:1.65;color:#333}.portrait-card{background:#111;color:#fff;padding:24px;border-radius:8px}.portrait-card img{width:100%;border-radius:6px}.portrait-card span{color:var(--gold)}
.content{max-width:980px;margin:0 auto;padding:70px 40px}.content h3{margin-top:35px}.contact-form{display:grid;gap:14px}.contact-form input,.contact-form textarea{padding:14px;border:1px solid #ccc;border-radius:4px;font:inherit}.contact-form button{cursor:pointer}
.faq{max-width:1100px;margin:0 auto;padding:50px 40px}.faq details{border-bottom:1px solid #ddd;padding:18px 0}.faq summary{font-weight:800;cursor:pointer}.breadcrumb{max-width:1440px;margin:0 auto;padding:14px 40px;font-size:14px;color:#666}.breadcrumb a{color:#9b6e20}
.footer{background:#111;color:#ddd;padding:35px 40px}.footer-inner{max-width:1440px;margin:0 auto;display:grid;grid-template-columns:1.35fr 1fr 1fr;gap:40px}.footer a{color:#fff}.footer-brand{display:flex;align-items:center;gap:16px}.footer-brand img{height:70px}
.cookie{position:fixed;left:0;right:0;bottom:0;background:#111;color:#fff;display:flex;justify-content:space-between;gap:20px;align-items:center;padding:18px 30px;z-index:150;border-top:1px solid var(--gold)}.cookie button{background:var(--gold);border:0;padding:10px 18px;font-weight:800;margin-left:10px;cursor:pointer}
@media(max-width:1180px){.desktop-nav{gap:16px}.brand{min-width:260px}.brand img{height:62px}.brand-text span{font-size:12px}.brand-text strong{font-size:21px}.phone,.insta{display:none}.menu-toggle{display:block}}
@media(max-width:900px){.desktop-nav{display:none}.inner{padding:12px 18px}.brand{min-width:0}.brand img{height:58px}.brand-text span{font-size:11px}.brand-text strong{font-size:19px}.hero h1{font-size:46px}.hero p{font-size:20px}.main-grid,.content-two,.footer-inner,.trust-strip{grid-template-columns:1fr}.trust-strip div{border-right:0;border-bottom:1px solid rgba(255,255,255,.15);padding:16px 0}.trust-strip div:last-child{border-bottom:0}.cookie{display:block}.cookie div{margin-top:12px}.hero-content{padding:68px 26px}.main-grid,.content-two,.faq,.content{padding-left:26px;padding-right:26px}}

/* MOBILE + HEADER FINAL FIX */
.brand{min-width:0;max-width:430px;flex-shrink:1}
.brand-text{min-width:0}
.brand-text span,.brand-text strong{overflow-wrap:anywhere}
.inner{min-width:0}
.desktop-nav{flex-shrink:0}
.header-actions{flex-shrink:0}
.service-list li,.check-list li{display:flex;align-items:flex-start;gap:10px}
.service-list li::before,.check-list li::before{content:"✓";display:inline-flex;align-items:center;justify-content:center;min-width:22px;width:22px;height:22px;margin-right:0;padding:0;line-height:1;flex:0 0 22px}
.service-list li a,.check-list li a{display:inline-block}

@media(max-width:1180px){
  .brand{max-width:360px}
  .brand-text span{font-size:11px;letter-spacing:.7px}
  .brand-text strong{font-size:20px;letter-spacing:.8px}
}

@media(max-width:900px){
  .inner{gap:10px}
  .brand{gap:9px;max-width:calc(100vw - 92px)}
  .brand img{height:50px}
  .brand-text span{font-size:9px;line-height:1.1;letter-spacing:.4px;white-space:normal}
  .brand-text strong{font-size:16px;line-height:1.05;letter-spacing:.5px;white-space:normal}
  .menu-toggle{flex:0 0 auto;padding:6px 10px;font-size:22px}
  .hero{min-height:440px}
  .hero h1{font-size:38px;line-height:1.02}
  .hero p{font-size:18px}
  .hero-buttons{flex-direction:column;align-items:flex-start}
  .hero-buttons a{width:100%;max-width:310px;text-align:center}
  .content-two,.main-grid{gap:28px}
  .process .step{grid-template-columns:38px 1fr;gap:14px}
  .process .step b{height:38px}
}

@media(max-width:520px){
  .inner{padding:10px 12px}
  .brand img{height:44px}
  .brand{max-width:calc(100vw - 72px)}
  .brand-text span{font-size:8.5px}
  .brand-text strong{font-size:14px}
  .hero h1{font-size:32px}
  .hero-content{padding:54px 20px}
  .service-list h2,.process h2,.content-two h2,.faq h2,.content h2{font-size:26px}
  .contact-card{padding:22px}
}


/* PERFORMANCE + RESPONSIVE FINAL FIX */
img{max-width:100%;height:auto}
.brand{min-width:0!important;max-width:420px!important;flex:1 1 auto!important;overflow:hidden}
.brand img{flex:0 0 auto}
.brand-text{min-width:0;overflow:hidden}
.brand-text span,.brand-text strong{white-space:normal!important;overflow-wrap:break-word!important;word-break:normal!important}
.desktop-nav,.header-actions{flex:0 0 auto}
.service-list li,.check-list li{display:grid!important;grid-template-columns:24px 1fr!important;align-items:start!important;gap:10px!important;padding:9px 0!important}
.service-list li::before,.check-list li::before{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:22px!important;height:22px!important;min-width:22px!important;padding:0!important;margin:0!important;line-height:1!important;grid-column:1!important}
.service-list li a,.check-list li a{grid-column:2!important;display:block!important;line-height:1.45!important}
.service-list li:not(:has(a)),.check-list li:not(:has(a)){line-height:1.45!important}
@media(max-width:1180px){
  .inner{gap:12px!important;padding:12px 18px!important}
  .brand{max-width:calc(100vw - 96px)!important;gap:10px!important}
  .brand img{height:52px!important}
  .brand-text span{font-size:10px!important;line-height:1.1!important;letter-spacing:.35px!important}
  .brand-text strong{font-size:17px!important;line-height:1.04!important;letter-spacing:.45px!important}
  .menu-toggle{display:block!important;flex:0 0 auto!important}
}
@media(max-width:900px){
  .desktop-nav,.phone,.insta{display:none!important}
  .brand{max-width:calc(100vw - 76px)!important}
  .brand img{height:46px!important}
  .brand-text span{font-size:8.7px!important}
  .brand-text strong{font-size:14.8px!important}
  .hero{min-height:410px!important;background-position:center!important}
  .hero h1{font-size:36px!important;line-height:1.02!important;overflow-wrap:anywhere!important}
  .hero p{font-size:18px!important}
  .hero-content{padding:58px 22px!important}
  .hero-buttons{flex-direction:column!important;align-items:flex-start!important}
  .hero-buttons a{width:100%;max-width:320px;text-align:center!important}
  .main-grid,.content-two,.footer-inner,.trust-strip{grid-template-columns:1fr!important}
  .main-grid,.content-two,.faq,.content{padding-left:22px!important;padding-right:22px!important}
  .content-two,.main-grid{gap:28px!important}
}
@media(max-width:480px){
  .inner{padding:10px 10px!important;gap:8px!important}
  .brand{gap:7px!important;max-width:calc(100vw - 62px)!important}
  .brand img{height:39px!important}
  .brand-text span{font-size:7.6px!important;letter-spacing:.15px!important}
  .brand-text strong{font-size:12.8px!important;letter-spacing:.25px!important}
  .menu-toggle{font-size:20px!important;padding:5px 9px!important}
  .hero h1{font-size:30px!important}
  .service-list h2,.process h2,.content-two h2,.faq h2,.content h2{font-size:25px!important}
  .cookie{padding:14px 18px!important;font-size:14px!important}
}


/* DROPDOWN + DUPLICATE CONTACT FIX */
.nav-dropdown{position:relative;padding:14px 0;margin:-14px 0;z-index:120}
.dropdown-panel{top:100%;margin-top:0;z-index:130}
.nav-dropdown::after{content:"";position:absolute;left:0;right:0;top:100%;height:14px;background:transparent}
.nav-dropdown:hover .dropdown-panel,.nav-dropdown:focus-within .dropdown-panel{display:block}
.service-followup{grid-template-columns:1fr 1.6fr!important}
@media(max-width:900px){.service-followup{grid-template-columns:1fr!important}}


/* PORTRAIT PASSBILD FIX */
.portrait-card{max-width:360px;margin:0 auto}
.portrait-card img{aspect-ratio:3/4;object-fit:cover;object-position:center top}
@media(max-width:900px){.portrait-card{max-width:320px}}


/* FINAL HEADER + KONTAKTBOX FIX */
.header-actions .phone,
.header-actions .insta {
    display: none !important;
}
.menu-toggle {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
}
.contact-card,
.contact-card p,
.contact-card strong,
.contact-card h3 {
    color: #ffffff !important;
}
.contact-card a:not(.gold-btn) {
    color: #d4af37 !important;
    font-weight: 700;
}
.contact-card a:not(.gold-btn):hover {
    text-decoration: underline;
}


/* DESKTOP BURGER MENU FIX */
@media (min-width: 1181px) {
  .desktop-nav { display: flex !important; }
  .menu-toggle { display: inline-flex !important; width: 42px; height: 42px; padding: 0; font-size: 22px; line-height: 1; }
  .mobile-menu {
    position: absolute;
    right: 32px;
    top: 100%;
    width: 290px;
    max-width: calc(100vw - 32px);
    padding: 10px 0;
    background: #111;
    border: 1px solid rgba(212,175,55,.35);
    border-radius: 8px;
    box-shadow:0 6px 18px rgba(0,0,0,.22);
    z-index: 1000;
  }
  .mobile-menu a {
    padding: 10px 18px;
    font-size: 14px;
    line-height: 1.25;
  }
}
.topbar { position: sticky; }
.inner { position: relative; }


/* ULTRA PREMIUM REDESIGN 2026
   Ziel: hochwertiger Agentur-Look, bessere Desktop-Optik, bessere Mobile-Lesbarkeit */
:root{
    --gold:#d4af37;
    --gold-soft:#f1d071;
    --gold-dark:#8b6721;
    --ink:#070707;
    --ink2:#111111;
    --card:#151515;
    --card2:#1d1d1d;
    --white:#f7f3ea;
    --muted:#cfc8b8;
    --line:rgba(212,175,55,.28);
}

html,body{
    background:
        radial-gradient(circle at 18% 2%, rgba(212,175,55,.16), transparent 28%),
        radial-gradient(circle at 90% 12%, rgba(212,175,55,.10), transparent 24%),
        linear-gradient(180deg,#050505 0%,#0b0b0b 45%,#111 100%) !important;
    color:var(--white) !important;
    font-family: "Inter", "Segoe UI", Arial, Helvetica, sans-serif !important;
}

/* HEADER */
.topbar{
    background:rgba(5,5,5,.94)!important;
    border-bottom:1px solid rgba(212,175,55,.34) !important;
    box-shadow:0 6px 18px rgba(0,0,0,.22) !important;
}
.inner{
    max-width:1500px !important;
    padding:12px 34px !important;
}
.brand{
    gap:16px !important;
}
.brand img{
    height:78px !important;
}
.brand-text span{
    color:rgba(255,255,255,.82) !important;
    font-size:13px !important;
    letter-spacing:2.2px !important;
}
.brand-text strong{
    font-size:31px !important;
    color:var(--gold-soft) !important;
    letter-spacing:2.5px !important;
    text-shadow:0 0 24px rgba(212,175,55,.22);
}
.desktop-nav{
    gap:30px !important;
    font-size:13px !important;
    letter-spacing:.9px !important;
}
.desktop-nav a{
    opacity:.93;
}
.desktop-nav a:hover,
.desktop-nav a.active{
    color:var(--gold-soft) !important;
}
.dropdown-panel{
    top:100% !important;
    margin-top:0 !important;
    background:rgba(12,12,12,.98) !important;
    border:1px solid rgba(212,175,55,.45) !important;
    border-radius:14px !important;
    padding:12px !important;
    min-width:305px !important;
    box-shadow:0 6px 18px rgba(0,0,0,.22) !important;
}
.dropdown-panel a{
    border-radius:10px !important;
    padding:12px 14px !important;
}
.dropdown-panel a:hover{
    background:rgba(212,175,55,.10) !important;
}

/* DESKTOP HAMBURGER / QUICK MENU */
.header-actions .phone,
.header-actions .insta{
    display:none !important;
}
.menu-toggle{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:46px !important;
    height:46px !important;
    padding:0 !important;
    color:var(--gold-soft) !important;
    border:1px solid rgba(212,175,55,.55) !important;
    background:rgba(255,255,255,.03) !important;
    border-radius:13px !important;
    box-shadow:0 6px 18px rgba(0,0,0,.22);
}
.mobile-menu{
    position:absolute !important;
    right:32px !important;
    top:100% !important;
    width:315px !important;
    max-width:calc(100vw - 32px) !important;
    padding:12px !important;
    background:rgba(10,10,10,.98) !important;
    border:1px solid rgba(212,175,55,.38) !important;
    border-radius:16px !important;
    box-shadow:0 6px 18px rgba(0,0,0,.22) !important;
    z-index:9999 !important;
}
.mobile-menu a{
    padding:12px 15px !important;
    border-radius:11px !important;
    color:#fff !important;
    font-size:14px !important;
}
.mobile-menu a:hover{
    background:rgba(212,175,55,.10) !important;
    color:var(--gold-soft) !important;
}

/* HERO */
.hero{
    min-height:690px !important;
    background-attachment:scroll;
    overflow:hidden;
    border-bottom:1px solid rgba(212,175,55,.20);
}
.hero::before{
    background:
        linear-gradient(90deg,rgba(0,0,0,.90) 0%,rgba(0,0,0,.70) 42%,rgba(0,0,0,.30) 78%),
        radial-gradient(circle at 23% 24%, rgba(212,175,55,.18), transparent 32%) !important;
}
.hero::after{
    content:"";
    position:absolute;
    inset:auto 0 0 0;
    height:190px;
    background:linear-gradient(0deg,#060606 0%,transparent 100%);
    pointer-events:none;
}
.hero-content{
    padding:125px 42px 90px !important;
}
.hero h1{
    font-size:clamp(46px,6.2vw,94px) !important;
    line-height:.88 !important;
    letter-spacing:-1.4px !important;
    max-width:890px;
    background:linear-gradient(180deg,#fff 0%,#f5e7bd 45%,#d4af37 100%);
    -webkit-background-clip:text;
    background-clip:text;
    color:transparent !important;
    text-shadow:none !important;
}
.hero p{
    color:rgba(255,255,255,.86) !important;
    font-size:clamp(18px,1.6vw,27px) !important;
    line-height:1.45 !important;
    max-width:760px !important;
}
.hero-buttons{
    margin-top:42px !important;
}
.gold-btn,
.hero-buttons .gold-btn,
.contact-form .gold-btn{
    background:linear-gradient(135deg,#f2d36f 0%,#d4af37 45%,#a67a20 100%) !important;
    color:#050505 !important;
    border:1px solid rgba(255,255,255,.14) !important;
    box-shadow:0 4px 12px rgba(212,175,55,.18) !important;
    border-radius:14px !important;
    transition:background .2s ease, color .2s ease, border-color .2s ease, opacity .2s ease !important;
}
.gold-btn:hover{
    box-shadow:0 4px 12px rgba(212,175,55,.18) !important;
}
.outline-btn,
.dark-btn{
    border:1px solid rgba(212,175,55,.50) !important;
    background:rgba(255,255,255,.045) !important;
    color:#fff !important;
    border-radius:14px !important;
    transition:background .2s ease, color .2s ease, border-color .2s ease, opacity .2s ease !important;
}
.outline-btn:hover,
.dark-btn:hover{
    background:rgba(212,175,55,.13) !important;
}

/* STRIP + CARDS */
.trust-strip{
    background:
      linear-gradient(90deg,rgba(12,12,12,.95),rgba(24,24,24,.95)),
      radial-gradient(circle at 12% 0%, rgba(212,175,55,.18), transparent 40%) !important;
    border-top:1px solid rgba(212,175,55,.33) !important;
    border-bottom:1px solid rgba(212,175,55,.18) !important;
}
.trust-strip div{
    border-color:rgba(212,175,55,.18) !important;
}
.trust-strip b{
    color:var(--gold-soft) !important;
}
.trust-strip span{
    color:rgba(255,255,255,.72) !important;
}

/* CONTENT AREAS */
.main-grid,
.content-two,
.content,
.faq{
    color:var(--white) !important;
}
.main-grid{
    max-width:1440px !important;
    padding:78px 42px !important;
}
.service-list,
.process,
.contact-card,
.content-two > div:first-child,
.faq details,
.content{
    background:linear-gradient(145deg,rgba(20,20,20,.92),rgba(10,10,10,.96)) !important;
    border:1px solid rgba(212,175,55,.22) !important;
    border-radius:26px !important;
    box-shadow:0 6px 18px rgba(0,0,0,.22) !important;
}
.service-list,
.process,
.content-two > div:first-child,
.content{
    padding:34px !important;
}
.service-list h2,
.process h2,
.content-two h2,
.faq h2,
.content h2{
    color:#fff !important;
    font-size:clamp(30px,3vw,46px) !important;
    line-height:1.04 !important;
    letter-spacing:-.8px;
}
.service-list small,
.process small,
.content-two small,
.faq small,
.content small{
    color:var(--gold-soft) !important;
    letter-spacing:2px !important;
}
.service-list li,
.check-list li{
    color:rgba(255,255,255,.82) !important;
    border-bottom:1px solid rgba(255,255,255,.06);
}
.service-list li:last-child,
.check-list li:last-child{
    border-bottom:0;
}
.service-list a.service-link{
    color:#fff !important;
}
.service-list a.service-link:hover{
    color:var(--gold-soft) !important;
}
.service-list li::before,
.check-list li::before{
    background:linear-gradient(135deg,#f2d36f,#c89d35) !important;
    color:#050505 !important;
    box-shadow:0 4px 12px rgba(212,175,55,.18);
}
.process .step{
    border-color:rgba(255,255,255,.08) !important;
}
.process .step b{
    background:linear-gradient(135deg,#f2d36f,#c89d35) !important;
    color:#050505 !important;
    border-radius:12px !important;
}
.process h3,
.content h3,
.content-two h3{
    color:var(--gold-soft) !important;
}
.process p,
.content-two p,
.content p,
.faq p{
    color:rgba(255,255,255,.76) !important;
}
.content-two{
    max-width:1280px !important;
    padding:90px 42px !important;
}
.contact-card{
    background:
      linear-gradient(145deg,rgba(20,20,20,.98),rgba(8,8,8,.98)) !important;
    border:1px solid rgba(212,175,55,.35) !important;
    color:#fff !important;
    position:relative;
    overflow:hidden;
}
.contact-card::before{
    content:"";
    position:absolute;
    right:-80px;top:-80px;
    width:210px;height:210px;
    background:radial-gradient(circle,rgba(212,175,55,.18),transparent 70%);
}
.contact-card small,
.contact-card h3,
.contact-card strong{
    color:#fff !important;
    position:relative;
}
.contact-card small{
    color:var(--gold-soft) !important;
}
.contact-card a:not(.gold-btn){
    color:var(--gold-soft) !important;
    font-weight:800;
    position:relative;
}
.portrait-card{
    background:linear-gradient(145deg,#111,#1b1b1b) !important;
    border:1px solid rgba(212,175,55,.22) !important;
    border-radius:26px !important;
    box-shadow:0 6px 18px rgba(0,0,0,.22) !important;
}
.portrait-card img{
    border-radius:18px !important;
}
.faq{
    padding-top:90px !important;
}
.faq details{
    padding:22px 28px !important;
    margin-bottom:14px;
}
.faq summary{
    color:#fff !important;
    font-size:18px;
}
.faq summary:hover{
    color:var(--gold-soft) !important;
}

/* FORMS */
.contact-form input,
.contact-form textarea{
    background:#101010 !important;
    border:1px solid rgba(212,175,55,.25) !important;
    color:#fff !important;
    border-radius:14px !important;
}
.contact-form input:focus,
.contact-form textarea:focus{
    outline:0;
    border-color:var(--gold-soft) !important;
    box-shadow:0 0 0 2px rgba(212,175,55,.16);
}
.contact-form input::placeholder,
.contact-form textarea::placeholder{
    color:rgba(255,255,255,.47) !important;
}

/* FOOTER */
.footer{
    background:#050505 !important;
    border-top:1px solid rgba(212,175,55,.18);
}
.footer strong{
    color:var(--gold-soft) !important;
}
.footer p,
.footer a{
    color:rgba(255,255,255,.75) !important;
}
.footer a:hover{
    color:var(--gold-soft) !important;
}

/* COOKIE */
.cookie{
    background:rgba(5,5,5,.96) !important;
    border-top:1px solid rgba(212,175,55,.38) !important;
}

/* Responsiveness */
@media(max-width:1180px){
    .brand img{height:64px !important;}
    .brand-text span{font-size:11px !important;}
    .brand-text strong{font-size:22px !important;}
}
@media(max-width:900px){
    .inner{padding:12px 16px !important;}
    .brand{gap:10px !important;max-width:calc(100vw - 80px) !important;}
    .brand img{height:54px !important;}
    .brand-text span{font-size:9px !important;letter-spacing:.8px !important;white-space:normal !important;}
    .brand-text strong{font-size:17px !important;white-space:normal !important;}
    .hero{min-height:560px !important;}
    .hero-content{padding:78px 24px 62px !important;}
    .hero h1{font-size:clamp(38px,11vw,56px) !important;line-height:.92 !important;}
    .hero p{font-size:18px !important;}
    .main-grid,
    .content-two,
    .content,
    .faq{padding-left:22px !important;padding-right:22px !important;}
    .service-list,
    .process,
    .content-two > div:first-child,
    .content{padding:26px !important;}
    .mobile-menu{
        right:16px !important;
        width:calc(100vw - 32px) !important;
    }
}
@media(max-width:520px){
    .brand img{height:48px !important;}
    .brand-text strong{font-size:15px !important;}
    .hero{min-height:520px !important;}
    .hero-buttons a{width:100%;text-align:center;}
}


/* NEXTGEN VISUAL UPGRADE */
:root{
  --platinum:#f8f1df;
  --deep:#050505;
  --glass:rgba(255,255,255,.055);
}
body::before{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  z-index:-1;
  background:
    radial-gradient(circle at 8% 18%, rgba(212,175,55,.16), transparent 32%),
    radial-gradient(circle at 85% 8%, rgba(212,175,55,.12), transparent 28%),
    linear-gradient(120deg, rgba(255,255,255,.025) 1px, transparent 1px),
    linear-gradient(30deg, rgba(255,255,255,.018) 1px, transparent 1px);
  background-size:auto,auto,72px 72px,86px 86px;
}

#scroll-progress{position:fixed;top:0;left:0;height:3px;width:0;background:linear-gradient(90deg,#8b6721,#f8d56a,#fff1ad);z-index:999999;box-shadow:0 4px 12px rgba(212,175,55,.18)}
.hero{isolation:isolate}
.hero::before{
  background:
    linear-gradient(90deg,rgba(0,0,0,.92) 0%,rgba(0,0,0,.70) 44%,rgba(0,0,0,.24) 100%),
    radial-gradient(circle at 25% 20%,rgba(212,175,55,.26),transparent 31%),
    linear-gradient(135deg,rgba(212,175,55,.15),transparent 42%) !important;
}
.hero-content::before{
  content:"";
  display:block;
  width:94px;height:3px;
  margin-bottom:26px;
  background:linear-gradient(90deg,#d4af37,transparent);
  box-shadow:0 4px 12px rgba(212,175,55,.18);
}
.hero h1{}
.hero h1::selection,.hero p::selection{background:var(--gold);color:#000}
.hero-buttons a{position:relative;overflow:hidden}
.hero-buttons a::after,.gold-btn::after{
  content:"";
  position:absolute;
  inset:-40% auto -40% -120%;
  width:70%;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.38),transparent);
  transition:background .2s ease, color .2s ease, border-color .2s ease, opacity .2s ease;
}
.hero-buttons a:hover::after,.gold-btn:hover::after{left:140%}
.trust-strip{position:relative;overflow:hidden}
.trust-strip::before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent,rgba(212,175,55,.09),transparent);}

.main-grid,.content-two,.faq,.content{position:relative}
.service-list,.process,.contact-card,.content-two>div:first-child,.faq details,.content{
  transition:background .2s ease, color .2s ease, border-color .2s ease, opacity .2s ease;
}
.service-list:hover,.process:hover,.contact-card:hover,.content-two>div:first-child:hover,.faq details:hover{
  border-color:rgba(212,175,55,.55)!important;
  box-shadow:0 6px 18px rgba(0,0,0,.22) !important;
}
.service-list li,.check-list li{position:relative}
.service-list li::after,.check-list li::after{
  content:"";
  position:absolute;
  left:0;right:0;bottom:0;height:1px;
  background:linear-gradient(90deg,rgba(212,175,55,.28),transparent);
  opacity:.7;
}
.process .step{position:relative}
.process .step::before{
  content:"";
  position:absolute;
  left:21px;
  top:56px;
  bottom:-10px;
  width:1px;
  background:linear-gradient(#d4af37,transparent);
  opacity:.35;
}
.process .step:last-child::before{display:none}
.reveal{opacity:0;transition:background .2s ease, color .2s ease, border-color .2s ease, opacity .2s ease}
.reveal.is-visible{opacity:1;}
.signature-showcase{
  max-width:1440px;
  margin:0 auto;
  padding:84px 40px 38px;
}
.signature-head{display:flex;justify-content:space-between;gap:28px;align-items:end;margin-bottom:34px}
.signature-head small,.luxury-slider small{color:#f1d071;font-weight:900;letter-spacing:2px;text-transform:uppercase}
.signature-head h2,.luxury-slider h2{font-size:clamp(32px,4vw,62px);line-height:.98;margin:8px 0 0;color:#fff;letter-spacing:-1.2px}
.signature-head p{max-width:520px;color:rgba(255,255,255,.72);font-size:18px;line-height:1.55}
.signature-grid{display:grid;grid-template-columns:1.15fr .85fr .85fr;gap:22px}
.signature-card{
  min-height:360px;
  border-radius:30px;
  overflow:hidden;
  position:relative;
  background-size:cover;
  background-position:center;
  border:1px solid rgba(212,175,55,.28);
  box-shadow:0 6px 18px rgba(0,0,0,.22);
  transition:background .2s ease, color .2s ease, border-color .2s ease, opacity .2s ease;
}
.signature-card:first-child{min-height:500px}
.signature-card:hover{border-color:rgba(212,175,55,.72)}
.signature-card::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 25%,rgba(0,0,0,.88) 100%)}
.signature-card div{position:absolute;left:24px;right:24px;bottom:24px;color:#fff}
.signature-card span{display:inline-block;color:#050505;background:linear-gradient(135deg,#f2d36f,#c7962b);font-weight:900;font-size:12px;padding:7px 10px;border-radius:99px;margin-bottom:12px}
.signature-card h3{font-size:26px;margin:0 0 8px;color:#fff}
.signature-card p{color:rgba(255,255,255,.75);line-height:1.45;margin:0}
.luxury-slider{max-width:1440px;margin:0 auto;padding:48px 40px 82px}
.material-track{display:grid;grid-template-columns:repeat(6,minmax(180px,1fr));gap:16px;margin-top:30px}
.material-pill{background:linear-gradient(145deg,rgba(20,20,20,.92),rgba(7,7,7,.98));border:1px solid rgba(212,175,55,.24);border-radius:18px;padding:20px;color:#fff;min-height:150px;position:relative;overflow:hidden}
.material-pill::before{content:"";position:absolute;right:-35px;top:-35px;width:90px;height:90px;border-radius:50%;background:rgba(212,175,55,.12)}
.material-pill b{display:block;font-size:18px;margin-bottom:8px;color:#f1d071}
.material-pill span{color:rgba(255,255,255,.68);font-size:14px;line-height:1.45}
.floating-cta{
  position:fixed;
  right:22px;
  bottom:22px;
  z-index:250;
  background:linear-gradient(135deg,#f2d36f,#c7962b);
  color:#000!important;
  font-weight:900;
  padding:13px 18px;
  border-radius:999px;
  box-shadow:0 4px 12px rgba(212,175,55,.18);
}
@media(max-width:1050px){
  .signature-head{display:block}
  .signature-grid{grid-template-columns:1fr}
  .signature-card:first-child,.signature-card{min-height:360px}
  .material-track{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:640px){
  .signature-showcase,.luxury-slider{padding-left:22px;padding-right:22px}
  .material-track{grid-template-columns:1fr}
  .floating-cta{left:16px;right:16px;text-align:center}
}


/* FINAL REFINEMENT: Cookie nicht hinter Floating-CTA, weniger doppelte CTAs */
.cookie{
  left:24px !important;
  right:auto !important;
  bottom:24px !important;
  width:min(520px, calc(100vw - 48px)) !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:flex-start !important;
  gap:14px !important;
  padding:18px 20px !important;
  border:1px solid rgba(212,175,55,.45) !important;
  border-radius:18px !important;
  z-index:500 !important;
  box-shadow:0 6px 18px rgba(0,0,0,.22) !important;
}
.cookie div{display:flex;gap:10px;flex-wrap:wrap;margin-top:0!important}
.cookie button{margin-left:0!important;border-radius:10px!important}
.floating-cta{z-index:450!important}
.detail-cards{
  max-width:1440px;
  margin:0 auto;
  padding:46px 40px 84px;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:22px;
}
.detail-card{
  background:linear-gradient(145deg,rgba(20,20,20,.92),rgba(7,7,7,.98));
  border:1px solid rgba(212,175,55,.25);
  border-radius:24px;
  padding:28px;
  color:#fff;
  box-shadow:0 6px 18px rgba(0,0,0,.22);
  transition:background .2s ease, color .2s ease, border-color .2s ease, opacity .2s ease;
}
.detail-card:hover{
  border-color:rgba(212,175,55,.55);
  box-shadow:0 6px 18px rgba(0,0,0,.22);
}
.detail-card small{color:#f1d071;font-weight:900;letter-spacing:2px;text-transform:uppercase}
.detail-card h3{font-size:24px;margin:12px 0 10px;color:#fff}
.detail-card p{color:rgba(255,255,255,.72);line-height:1.55;margin:0}
@media(max-width:900px){
  .detail-cards{grid-template-columns:1fr;padding-left:22px;padding-right:22px}
  .cookie{left:16px!important;right:16px!important;bottom:86px!important;width:auto!important}
  .floating-cta{left:16px!important;right:16px!important;bottom:16px!important;text-align:center}
}


/* Startseite: Leistungskarten ohne doppelte Zusatzsektion */
.signature-grid{grid-template-columns:repeat(3,1fr)!important}
.signature-card:first-child{min-height:360px!important}
@media(max-width:1050px){.signature-grid{grid-template-columns:1fr!important}}


/* TRUE MODERN PREMIUM REDESIGN */
:root{--gold:#d4af37;--gold2:#f5d66a;--bg:#040404;--panel:#101010;--panel2:#181818;--text:#f7f2e7;--muted:#b9b0a0;--line:rgba(212,175,55,.25)}
*{box-sizing:border-box}
html{}
body{background:#050505!important;color:var(--text)!important;font-family:Inter,Segoe UI,Arial,sans-serif!important;overflow-x:hidden}
body:before{content:"";position:fixed;inset:0;z-index:-2;background:radial-gradient(circle at 18% 7%,rgba(212,175,55,.18),transparent 30%),radial-gradient(circle at 86% 18%,rgba(255,255,255,.06),transparent 24%),linear-gradient(180deg,#050505 0,#0a0a0a 55%,#111 100%)}
body:after{content:"";position:fixed;inset:0;z-index:-1;opacity:.22;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(to bottom,transparent,#000 15%,#000 85%,transparent)}
#scroll-progress{position:fixed;top:0;left:0;height:3px;width:0;background:linear-gradient(90deg,var(--gold),var(--gold2),#fff2b0);z-index:999999;box-shadow:0 4px 12px rgba(212,175,55,.18)}
.topbar{position:sticky!important;top:0!important;z-index:1000!important;background:rgba(5,5,5,.94)!important;border-bottom:1px solid rgba(212,175,55,.24)!important;box-shadow:0 6px 18px rgba(0,0,0,.22) !important}
.inner{max-width:1500px!important;padding:12px 32px!important;gap:20px!important}
.brand{gap:15px!important;min-width:auto!important;max-width:430px!important}
.brand img{height:76px!important;}
.brand-text span{font-size:12px!important;letter-spacing:2.2px!important;color:rgba(255,255,255,.8)!important}
.brand-text strong{font-size:30px!important;letter-spacing:2px!important;color:var(--gold2)!important;text-shadow:0 0 22px rgba(212,175,55,.22)}
.desktop-nav{gap:28px!important;font-size:13px!important;letter-spacing:1px!important}
.desktop-nav a:hover,.desktop-nav a.active{color:var(--gold2)!important}
.dropdown-panel{top:100%!important;margin-top:0!important;background:rgba(12,12,12,.98)!important;border:1px solid rgba(212,175,55,.4)!important;border-radius:16px!important;min-width:310px!important;padding:12px!important;box-shadow:0 6px 18px rgba(0,0,0,.22) !important}
.dropdown-panel a{padding:12px 14px!important;border-radius:10px!important}
.dropdown-panel a:hover{background:rgba(212,175,55,.10)!important}
.nav-dropdown{padding:14px 0!important;margin:-14px 0!important}
.header-actions .phone,.header-actions .insta{display:none!important}
.menu-toggle{display:inline-flex!important;width:46px!important;height:46px!important;padding:0!important;align-items:center!important;justify-content:center!important;border-radius:14px!important;background:rgba(255,255,255,.04)!important;color:var(--gold2)!important;border:1px solid rgba(212,175,55,.45)!important;box-shadow:0 6px 18px rgba(0,0,0,.22) !important}
.mobile-menu{position:absolute!important;right:28px!important;top:100%!important;width:320px!important;max-width:calc(100vw - 32px)!important;background:rgba(10,10,10,.98)!important;border:1px solid rgba(212,175,55,.38)!important;border-radius:18px!important;padding:12px!important;box-shadow:0 6px 18px rgba(0,0,0,.22) !important;z-index:10000!important}
.mobile-menu a{border-radius:12px!important;padding:12px 15px!important;color:#fff!important}
.mobile-menu a:hover{background:rgba(212,175,55,.1)!important;color:var(--gold2)!important}
.hero{min-height:760px!important;position:relative!important;overflow:hidden!important;background-size:cover!important;background-position:center!important;isolation:isolate}
.hero:before{content:""!important;position:absolute!important;inset:0!important;background:linear-gradient(90deg,rgba(0,0,0,.92) 0%,rgba(0,0,0,.66) 42%,rgba(0,0,0,.18) 100%),radial-gradient(circle at 25% 24%,rgba(212,175,55,.28),transparent 35%)!important;z-index:0!important}
.hero:after{content:"";position:absolute;left:0;right:0;bottom:0;height:180px;background:linear-gradient(0deg,#050505,transparent);z-index:1}
.hero-content{position:relative!important;z-index:2!important;max-width:1500px!important;padding:132px 44px 96px!important}
.hero-content:before{display:none!important}
.hero h1{font-size:clamp(48px,7vw,108px)!important;line-height:.86!important;letter-spacing:-2px!important;max-width:940px!important;background:linear-gradient(180deg,#fff,#f5e8bd 48%,#d4af37)!important;-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important;}
.hero p{font-size:clamp(19px,1.65vw,28px)!important;line-height:1.48!important;color:rgba(255,255,255,.82)!important;max-width:780px!important}
.hero-buttons{margin-top:42px!important;gap:18px!important}
.gold-btn,.outline-btn,.dark-btn{border-radius:16px!important;position:relative!important;overflow:hidden!important;transition:background .2s ease, color .2s ease, border-color .2s ease, opacity .2s ease !important}
.gold-btn{background:linear-gradient(135deg,#fff0a8 0%,#d4af37 48%,#9b721c 100%)!important;color:#050505!important;border:1px solid rgba(255,255,255,.16)!important;box-shadow:0 4px 12px rgba(212,175,55,.18) !important}
.gold-btn:hover,.outline-btn:hover,.dark-btn:hover{}
.outline-btn,.dark-btn{background:rgba(255,255,255,.055)!important;border:1px solid rgba(212,175,55,.52)!important;color:#fff!important}
.trust-strip{max-width:1500px!important;margin:-56px auto 0!important;position:relative!important;z-index:4!important;border:1px solid rgba(212,175,55,.28)!important;border-radius:26px!important;overflow:hidden!important;background:rgba(14,14,14,.94)!important;box-shadow:0 6px 18px rgba(0,0,0,.22) !important}
.trust-strip b{color:var(--gold2)!important}.trust-strip span{color:rgba(255,255,255,.72)!important}
.signature-showcase{max-width:1500px!important;padding:110px 44px 50px!important}
.signature-head h2,.service-panel h2,.process-modern h2,.faq h2,.content h2,.content-two h2{font-size:clamp(34px,4.4vw,68px)!important;line-height:.96!important;letter-spacing:-1.6px!important;color:#fff!important}
.signature-head p{color:rgba(255,255,255,.72)!important}
.signature-grid{display:grid!important;grid-template-columns:repeat(3,1fr)!important;grid-auto-rows:300px!important;gap:22px!important}
.signature-card{min-height:unset!important;height:auto!important;border-radius:32px!important;border:1px solid rgba(212,175,55,.28)!important;box-shadow:0 6px 18px rgba(0,0,0,.22) !important}
.signature-card:first-child{grid-row:auto!important;min-height:unset!important}
.signature-card:before{background:linear-gradient(180deg,transparent 10%,rgba(0,0,0,.88) 100%)!important}
.signature-card:hover{border-color:rgba(212,175,55,.72)!important}
.signature-card span{background:linear-gradient(135deg,#fff0a8,#d4af37)!important;color:#050505!important}
.modern-services{max-width:1500px;margin:0 auto;padding:50px 44px 96px;display:grid;grid-template-columns:.9fr 1.1fr;gap:24px}
.service-tabs{background:linear-gradient(145deg,rgba(20,20,20,.92),rgba(7,7,7,.98));border:1px solid rgba(212,175,55,.25);border-radius:32px;padding:28px;box-shadow:0 6px 18px rgba(0,0,0,.22)}
.service-tabs small,.process-modern small{color:var(--gold2);font-weight:900;letter-spacing:2px;text-transform:uppercase}
.service-tab{display:flex;justify-content:space-between;align-items:center;width:100%;padding:16px 0;border:0;border-bottom:1px solid rgba(255,255,255,.08);background:transparent;color:#fff;text-align:left;font-size:18px;cursor:pointer}
.service-tab span{color:rgba(255,255,255,.58);font-size:13px}.service-tab.active,.service-tab:hover{color:var(--gold2)}
.service-panel{background-size:cover;background-position:center;border-radius:32px;border:1px solid rgba(212,175,55,.28);min-height:520px;position:relative;overflow:hidden;box-shadow:0 6px 18px rgba(0,0,0,.22)}
.service-panel:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.18),rgba(0,0,0,.88))}
.service-panel-inner{position:absolute;left:32px;right:32px;bottom:32px;color:#fff}.service-panel-inner p{color:rgba(255,255,255,.76);font-size:18px;line-height:1.55}.service-panel-inner a{margin-top:16px}
.process-modern{max-width:1500px;margin:0 auto;padding:70px 44px 96px}.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.process-card{background:linear-gradient(145deg,rgba(20,20,20,.92),rgba(7,7,7,.98));border:1px solid rgba(212,175,55,.22);border-radius:28px;padding:26px;box-shadow:0 6px 18px rgba(0,0,0,.22)}.process-card b{display:inline-grid;place-items:center;width:42px;height:42px;border-radius:13px;background:linear-gradient(135deg,#fff0a8,#d4af37);color:#050505;margin-bottom:18px}.process-card h3{color:#fff;margin:0 0 10px;font-size:22px}.process-card p{color:rgba(255,255,255,.72);line-height:1.5}
.service-list,.process,.contact-card,.content-two>div:first-child,.content,.faq details{background:linear-gradient(145deg,rgba(18,18,18,.94),rgba(7,7,7,.98))!important;border:1px solid rgba(212,175,55,.25)!important;border-radius:28px!important;box-shadow:0 6px 18px rgba(0,0,0,.22) !important}
.content-two,.content,.main-grid,.faq{color:#fff!important}.content-two p,.content p,.faq p,.process p{color:rgba(255,255,255,.74)!important}.content-two h2,.content h2,.faq h2,.process h2{color:#fff!important}.content-two small,.content small,.faq small,.process small{color:var(--gold2)!important}
.service-list li,.check-list li{color:rgba(255,255,255,.78)!important}.service-list a.service-link{color:#fff!important}.service-list a.service-link:hover{color:var(--gold2)!important}
.contact-card,.contact-card p,.contact-card strong,.contact-card h3{color:#fff!important}.contact-card a:not(.gold-btn){color:var(--gold2)!important;font-weight:800}
.reveal{opacity:0;transition:background .2s ease, color .2s ease, border-color .2s ease, opacity .2s ease}.reveal.is-visible{opacity:1;}
.floating-cta{position:fixed;right:22px;bottom:22px;z-index:500;background:linear-gradient(135deg,#fff0a8,#d4af37);color:#000!important;font-weight:900;padding:14px 19px;border-radius:999px;box-shadow:0 4px 12px rgba(212,175,55,.18)}
.cookie{position:fixed!important;left:22px!important;right:auto!important;bottom:22px!important;width:min(510px,calc(100vw - 44px))!important;background:rgba(7,7,7,.96)!important;border:1px solid rgba(212,175,55,.45)!important;border-radius:20px!important;padding:18px 20px!important;z-index:600!important;box-shadow:0 6px 18px rgba(0,0,0,.22) !important;display:flex!important;flex-direction:column!important;align-items:flex-start!important}.cookie div{display:flex!important;gap:10px!important}.cookie button{margin-left:0!important;border-radius:11px!important}
@media(max-width:1050px){.signature-grid,.modern-services,.process-grid{grid-template-columns:1fr!important}.signature-card:first-child{grid-row:auto!important}.service-panel{min-height:420px}.hero{min-height:620px!important}.trust-strip{margin:0!important;border-radius:0!important}.desktop-nav{display:none!important}.mobile-menu{right:16px!important;width:calc(100vw - 32px)!important}.cookie{bottom:86px!important;left:16px!important;right:16px!important;width:auto!important}.floating-cta{left:16px!important;right:16px!important;text-align:center!important}}
@media(max-width:600px){.brand img{height:52px!important}.brand-text span{font-size:9px!important;white-space:normal!important}.brand-text strong{font-size:17px!important;white-space:normal!important}.hero h1{font-size:42px!important}.hero-content{padding:86px 22px 66px!important}.signature-showcase,.modern-services,.process-modern{padding-left:22px!important;padding-right:22px!important}.service-panel-inner{left:22px;right:22px;bottom:22px}.hero-buttons a{width:100%;text-align:center}}


/* 2026 SOFT-PREMIUM FEINSCHLIFF */
:root{
  --soft-cream:#f5ecd8;
  --soft-muted:#d8cfbf;
  --soft-gold:#e7c76a;
  --soft-border:rgba(231,199,106,.22);
}
body{
  background:
    radial-gradient(circle at 12% 8%, rgba(231,199,106,.14), transparent 28%),
    radial-gradient(circle at 82% 12%, rgba(255,255,255,.045), transparent 24%),
    linear-gradient(180deg,#050505 0%,#080808 48%,#101010 100%) !important;
  color:var(--soft-cream)!important;
}
.hero::before{
  background:
    linear-gradient(90deg,rgba(0,0,0,.88) 0%,rgba(0,0,0,.66) 46%,rgba(0,0,0,.23) 100%),
    radial-gradient(circle at 24% 25%,rgba(231,199,106,.22),transparent 34%) !important;
}
.hero p,
.signature-head p,
.service-panel-inner p,
.content-two p,
.content p,
.faq p,
.process-card p,
.process p{
  color:rgba(245,236,216,.78)!important;
}
.service-list,
.process,
.contact-card,
.content-two>div:first-child,
.content,
.faq details,
.service-tabs,
.process-card,
.detail-card{
  border-color:var(--soft-border)!important;
  background:linear-gradient(145deg,rgba(24,24,24,.88),rgba(8,8,8,.96))!important;
}
.signature-card,
.service-panel{
  border-color:rgba(231,199,106,.26)!important;
}
.gold-btn{
  background:linear-gradient(135deg,#f7df90,#d4af37 50%,#a77a21)!important;
}
.hero h1,
.signature-head h2,
.service-panel h2,
.process-modern h2,
.faq h2,
.content h2,
.content-two h2{
  letter-spacing:-1px!important;
}
.process-card,
.signature-card,
.service-tabs,
.service-panel{
}
.kostenlos-hinweis{
  display:inline-flex;
  align-items:center;
  gap:8px;
  margin-top:18px;
  padding:10px 14px;
  border:1px solid rgba(231,199,106,.35);
  border-radius:999px;
  color:#f7df90;
  background:rgba(231,199,106,.07);
  font-size:14px;
  font-weight:800;
}


/* LIGHT/DARK MODE + UNTERGRUND FORMAT FIX */
.theme-toggle{
  display:inline-flex!important;
  align-items:center;
  justify-content:center;
  width:46px;
  height:46px;
  border-radius:14px;
  border:1px solid rgba(212,175,55,.45);
  background:rgba(255,255,255,.04);
  color:#f5d66a;
  cursor:pointer;
  font-size:18px;
  box-shadow:0 6px 18px rgba(0,0,0,.22);
}
.long-hero-title{
  word-break:normal!important;
  overflow-wrap:normal!important;
  hyphens:none!important;
  font-size:clamp(40px,6.2vw,92px)!important;
}
body.light-mode{
  background:#f7f3ea!important;
  color:#151515!important;
}
body.light-mode::before{
  background:
    radial-gradient(circle at 15% 8%,rgba(212,175,55,.18),transparent 28%),
    radial-gradient(circle at 85% 12%,rgba(0,0,0,.04),transparent 24%),
    linear-gradient(180deg,#fffdf7 0%,#f3ecde 100%)!important;
}
body.light-mode::after{
  opacity:.14!important;
  background-image:
    linear-gradient(rgba(0,0,0,.06) 1px,transparent 1px),
    linear-gradient(90deg,rgba(0,0,0,.045) 1px,transparent 1px)!important;
}
body.light-mode .topbar{
  background:rgba(255,252,244,.86)!important;
  border-bottom:1px solid rgba(120,90,25,.22)!important;
  box-shadow:0 6px 18px rgba(0,0,0,.22) !important;
}
body.light-mode .brand-text span,
body.light-mode .desktop-nav,
body.light-mode .desktop-nav a,
body.light-mode .header-actions,
body.light-mode .mobile-menu a{
  color:#151515!important;
}
body.light-mode .brand-text strong,
body.light-mode .desktop-nav a:hover,
body.light-mode .desktop-nav a.active,
body.light-mode .mobile-menu a:hover{
  color:#a67a20!important;
}
body.light-mode .menu-toggle,
body.light-mode .theme-toggle{
  background:rgba(255,255,255,.72)!important;
  color:#9b721c!important;
  border-color:rgba(166,122,32,.38)!important;
}
body.light-mode .mobile-menu,
body.light-mode .dropdown-panel{
  background:rgba(255,252,244,.98)!important;
  border-color:rgba(166,122,32,.30)!important;
  box-shadow:0 6px 18px rgba(0,0,0,.22) !important;
}
body.light-mode .dropdown-panel a{
  color:#151515!important;
}
body.light-mode .dropdown-panel a:hover{
  background:rgba(212,175,55,.14)!important;
  color:#9b721c!important;
}
body.light-mode .hero::before{
  background:
    linear-gradient(90deg,rgba(0,0,0,.62) 0%,rgba(0,0,0,.42) 42%,rgba(0,0,0,.12) 100%),
    radial-gradient(circle at 24% 25%,rgba(212,175,55,.20),transparent 34%)!important;
}
body.light-mode .trust-strip,
body.light-mode .service-list,
body.light-mode .process,
body.light-mode .contact-card,
body.light-mode .content-two>div:first-child,
body.light-mode .content,
body.light-mode .faq details,
body.light-mode .service-tabs,
body.light-mode .process-card,
body.light-mode .detail-card{
  background:linear-gradient(145deg,rgba(255,255,255,.92),rgba(244,236,220,.96))!important;
  border-color:rgba(166,122,32,.22)!important;
  color:#151515!important;
  box-shadow:0 6px 18px rgba(0,0,0,.22) !important;
}
body.light-mode .trust-strip b,
body.light-mode .service-list h2,
body.light-mode .process h2,
body.light-mode .content-two h2,
body.light-mode .faq h2,
body.light-mode .content h2,
body.light-mode .process h3,
body.light-mode .content h3,
body.light-mode .content-two h3,
body.light-mode .faq summary,
body.light-mode .contact-card h3,
body.light-mode .contact-card strong{
  color:#161616!important;
}
body.light-mode .trust-strip span,
body.light-mode .process p,
body.light-mode .content p,
body.light-mode .content-two p,
body.light-mode .faq p,
body.light-mode .contact-card p{
  color:#3d392f!important;
}
body.light-mode .service-list li,
body.light-mode .check-list li,
body.light-mode .service-list a.service-link{
  color:#222!important;
}
body.light-mode .contact-card a:not(.gold-btn){
  color:#9b721c!important;
}
body.light-mode .footer{
  background:#f0e8d8!important;
  border-top:1px solid rgba(166,122,32,.22)!important;
}
body.light-mode .footer,
body.light-mode .footer p,
body.light-mode .footer a{
  color:#222!important;
}
body.light-mode .cookie{
  background:rgba(255,252,244,.97)!important;
  color:#222!important;
  border-color:rgba(166,122,32,.35)!important;
}
@media(max-width:600px){
  .long-hero-title{font-size:clamp(34px,10vw,48px)!important;line-height:.95!important;}
  .theme-toggle{width:42px;height:42px}
}


/* FINAL LIGHT MODE + HEADER + LONG TITLE FIX */
.header-actions{
  margin-left:auto!important;
  gap:10px!important;
  flex-shrink:0!important;
}
.theme-toggle,.menu-toggle{
  width:42px!important;
  height:42px!important;
  min-width:42px!important;
  padding:0!important;
  flex:0 0 42px!important;
}
.brand{
  max-width:390px!important;
  min-width:0!important;
}
.brand-text{
  min-width:0!important;
}
.brand-text span{
  font-size:11px!important;
  letter-spacing:1.2px!important;
}
.brand-text strong{
  font-size:24px!important;
}
@media(max-width:1300px){
  .desktop-nav{display:none!important}
}
@media(max-width:900px){
  .brand{max-width:calc(100vw - 118px)!important}
  .brand img{height:52px!important}
  .brand-text span{font-size:8.5px!important;line-height:1.1!important;white-space:normal!important}
  .brand-text strong{font-size:16px!important;line-height:1.05!important;white-space:normal!important}
  .theme-toggle,.menu-toggle{width:38px!important;height:38px!important;min-width:38px!important}
}
.long-hero-title{
  word-break:normal!important;
  overflow-wrap:normal!important;
  hyphens:none!important;
  font-size:clamp(34px,6vw,82px)!important;
  line-height:.95!important;
}
.section-title-compact{
  font-size:clamp(26px,3vw,42px)!important;
  line-height:1.08!important;
  overflow-wrap:normal!important;
  word-break:normal!important;
  hyphens:none!important;
}

/* Hellmodus vollständig lesbar machen */
body.light-mode{
  background:#f7f3ea!important;
  color:#171717!important;
}
body.light-mode body,
body.light-mode p,
body.light-mode span,
body.light-mode li,
body.light-mode summary,
body.light-mode label,
body.light-mode small{
  color:#29241d!important;
}
body.light-mode .topbar{
  background:rgba(255,252,244,.94)!important;
  border-bottom:1px solid rgba(166,122,32,.24)!important;
  box-shadow:0 6px 18px rgba(0,0,0,.22) !important;
}
body.light-mode .brand-text span,
body.light-mode .desktop-nav,
body.light-mode .desktop-nav a,
body.light-mode .header-actions,
body.light-mode .mobile-menu a{
  color:#171717!important;
}
body.light-mode .brand-text strong,
body.light-mode .desktop-nav a:hover,
body.light-mode .desktop-nav a.active,
body.light-mode .mobile-menu a:hover{
  color:#9b721c!important;
}
body.light-mode .theme-toggle,
body.light-mode .menu-toggle{
  background:#fffaf0!important;
  color:#9b721c!important;
  border-color:rgba(166,122,32,.38)!important;
}
body.light-mode .mobile-menu,
body.light-mode .dropdown-panel{
  background:rgba(255,252,244,.98)!important;
  border-color:rgba(166,122,32,.30)!important;
  box-shadow:0 6px 18px rgba(0,0,0,.22) !important;
}
body.light-mode .dropdown-panel a{
  color:#171717!important;
}
body.light-mode .dropdown-panel a:hover{
  background:rgba(212,175,55,.14)!important;
  color:#9b721c!important;
}
body.light-mode .hero p,
body.light-mode .hero-content p{
  color:#fff!important;
}
body.light-mode .kostenlos-hinweis{
  color:#171717!important;
  background:rgba(255,255,255,.78)!important;
  border-color:rgba(212,175,55,.55)!important;
}
body.light-mode .trust-strip,
body.light-mode .service-list,
body.light-mode .process,
body.light-mode .contact-card,
body.light-mode .content-two>div:first-child,
body.light-mode .content,
body.light-mode .faq details,
body.light-mode .service-tabs,
body.light-mode .process-card,
body.light-mode .detail-card,
body.light-mode .material-pill{
  background:linear-gradient(145deg,rgba(255,255,255,.96),rgba(244,236,220,.96))!important;
  border-color:rgba(166,122,32,.24)!important;
  color:#171717!important;
  box-shadow:0 6px 18px rgba(0,0,0,.22) !important;
}
body.light-mode .signature-card,
body.light-mode .service-panel{
  border-color:rgba(166,122,32,.28)!important;
}
body.light-mode .signature-card h3,
body.light-mode .signature-card p,
body.light-mode .signature-card div,
body.light-mode .service-panel-inner,
body.light-mode .service-panel-inner h2,
body.light-mode .service-panel-inner p{
  color:#fff!important;
}
body.light-mode .trust-strip b,
body.light-mode .service-list h2,
body.light-mode .process h2,
body.light-mode .content-two h2,
body.light-mode .faq h2,
body.light-mode .content h2,
body.light-mode .process h3,
body.light-mode .content h3,
body.light-mode .content-two h3,
body.light-mode .faq summary,
body.light-mode .contact-card h3,
body.light-mode .contact-card strong,
body.light-mode .service-tabs h2,
body.light-mode .process-card h3{
  color:#171717!important;
}
body.light-mode .trust-strip span,
body.light-mode .process p,
body.light-mode .content p,
body.light-mode .content-two p,
body.light-mode .faq p,
body.light-mode .contact-card p,
body.light-mode .process-card p,
body.light-mode .service-list li,
body.light-mode .check-list li,
body.light-mode .service-tab,
body.light-mode .service-tab span,
body.light-mode .material-pill span{
  color:#3d392f!important;
}
body.light-mode .service-list a.service-link,
body.light-mode .contact-card a:not(.gold-btn),
body.light-mode .content a:not(.gold-btn),
body.light-mode .content-two a:not(.gold-btn){
  color:#8a641e!important;
}
body.light-mode .contact-form input,
body.light-mode .contact-form textarea{
  background:#fffaf0!important;
  color:#171717!important;
  border-color:rgba(166,122,32,.28)!important;
}
body.light-mode .contact-form input::placeholder,
body.light-mode .contact-form textarea::placeholder{
  color:#6d6252!important;
}
body.light-mode .footer{
  background:#efe7d7!important;
  border-top:1px solid rgba(166,122,32,.24)!important;
}
body.light-mode .footer,
body.light-mode .footer p,
body.light-mode .footer a,
body.light-mode .footer strong{
  color:#171717!important;
}
body.light-mode .cookie{
  background:rgba(255,252,244,.98)!important;
  color:#171717!important;
  border-color:rgba(166,122,32,.35)!important;
}
body.light-mode .cookie p,
body.light-mode .cookie span{
  color:#171717!important;
}


/* FINAL POLISH: Light mode headings, long hero titles, clean button edges */
.gold-btn::after,
.hero-buttons a::after {
  display:none!important;
  content:none!important;
}
.gold-btn,
.outline-btn,
.dark-btn,
.theme-toggle,
.menu-toggle,
.cookie button,
.service-tab {
  -webkit-font-smoothing: antialiased;
  backface-visibility:hidden;
  background-clip:padding-box!important;
  border-radius:14px!important;
  overflow:hidden!important;
  clip-path: inset(0 round 14px);
}
.gold-btn:hover,
.outline-btn:hover,
.dark-btn:hover{
}
.hero h1.long-hero-title{
  max-width:980px!important;
  font-size:clamp(34px,5.5vw,78px)!important;
  line-height:.98!important;
  letter-spacing:-.8px!important;
  white-space:normal!important;
  overflow-wrap:normal!important;
  word-break:normal!important;
  hyphens:none!important;
}
.hero h1.modern-hero-title{
  font-size:clamp(32px,5vw,72px)!important;
  line-height:1!important;
  max-width:900px!important;
}
.service-panel-inner h2,
#serviceTitle{
  font-size:clamp(26px,3.2vw,44px)!important;
  line-height:1.06!important;
  word-break:normal!important;
  overflow-wrap:normal!important;
  hyphens:none!important;
}
.service-tabs{
  padding-top:34px!important;
}
.service-tabs small{
  margin-bottom:16px!important;
  display:block!important;
}

/* Light Mode: Überschriften auf Startseite und Prozess sichtbar */
body.light-mode .signature-head h2,
body.light-mode .process-modern h2,
body.light-mode .service-tabs h2,
body.light-mode .service-panel-inner h2,
body.light-mode #serviceTitle,
body.light-mode .detail-card h3,
body.light-mode .signature-head small,
body.light-mode .process-modern small,
body.light-mode .service-tabs small,
body.light-mode .content h2,
body.light-mode .content-two h2,
body.light-mode .faq h2 {
  color:#171717!important;
}
body.light-mode .signature-head p,
body.light-mode .process-modern p,
body.light-mode .service-tabs p,
body.light-mode .detail-card p {
  color:#3d392f!important;
}
body.light-mode .signature-showcase,
body.light-mode .process-modern,
body.light-mode .modern-services,
body.light-mode .faq,
body.light-mode .content,
body.light-mode .content-two{
  color:#171717!important;
}
body.light-mode .signature-card h3,
body.light-mode .signature-card p,
body.light-mode .signature-card div,
body.light-mode .service-panel-inner,
body.light-mode .service-panel-inner h2,
body.light-mode .service-panel-inner p,
body.light-mode .hero h1,
body.light-mode .hero p {
  color:#fff!important;
}
body.light-mode .hero h1{
  -webkit-text-fill-color:transparent!important;
}
@media(max-width:640px){
  .hero h1.long-hero-title,
  .hero h1.modern-hero-title{
    font-size:clamp(30px,9vw,44px)!important;
    line-height:1.02!important;
  }
  .service-panel-inner h2,
  #serviceTitle{
    font-size:28px!important;
  }
}


/* FINAL FIX: Bodenkompass-Lightmode + saubere Kanten */
body.light-mode .service-panel-inner,
body.light-mode .service-panel-inner h2,
body.light-mode .service-panel-inner p,
body.light-mode #serviceTitle,
body.light-mode #serviceText{
  color:#ffffff!important;
  text-shadow:0 2px 18px rgba(0,0,0,.75)!important;
  -webkit-text-fill-color:#ffffff!important;
}
body.light-mode .service-panel-inner small{
  color:#f1d071!important;
  text-shadow:0 2px 14px rgba(0,0,0,.65)!important;
}
.gold-btn,
.outline-btn,
.dark-btn,
.theme-toggle,
.menu-toggle,
.cookie button,
.service-tab,
.signature-card,
.service-panel,
.service-list,
.process,
.contact-card,
.content-two>div:first-child,
.content,
.faq details,
.service-tabs,
.process-card,
.detail-card,
.material-pill,
.portrait-card{
  clip-path:none!important;
  outline:1px solid transparent;
  background-clip:padding-box!important;
  -webkit-mask-image:none!important;
  mask-image:none!important;
}
.signature-card,
.service-panel{
  overflow:hidden!important;
}
.signature-card::before,
.service-panel::before{
  inset:-1px!important;
}
img{
  display:block;
}



/* FINAL CSS-ONLY LAYOUT CLEANUP: Überschriften, Cards und Button-Kanten */
.hero h1,
.content h1,
.content h2,
.content h3,
.content-two h1,
.content-two h2,
.content-two h3,
.service-list h2,
.process h2,
.process h3,
.faq h2,
.contact-card h3,
.signature-card h3,
.process-card h3,
.detail-card h3,
.service-panel-inner h2,
#serviceTitle{
  overflow-wrap:normal!important;
  word-break:normal!important;
  hyphens:none!important;
  text-wrap:balance;
}

.hero h1,
.hero h1.long-hero-title,
.hero h1.modern-hero-title{
  white-space:normal!important;
  max-width:min(980px, calc(100vw - 44px))!important;
}

@media(max-width:900px){
  .hero h1{
    font-size:clamp(30px,8.6vw,42px)!important;
    line-height:1.04!important;
    letter-spacing:-.45px!important;
    overflow-wrap:normal!important;
    word-break:normal!important;
    hyphens:none!important;
  }
}
@media(max-width:480px){
  .hero h1{
    font-size:clamp(28px,7.9vw,36px)!important;
    line-height:1.06!important;
  }
  .hero h1.long-hero-title,
  .hero h1.modern-hero-title{
    font-size:clamp(26px,7.4vw,34px)!important;
  }
}

.gold-btn,
.outline-btn,
.dark-btn,
.hero-buttons a,
.contact-form .gold-btn,
.contact-card .gold-btn{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:50px!important;
  padding:14px 26px!important;
  line-height:1.15!important;
  border-width:1px!important;
  border-style:solid!important;
  border-radius:14px!important;
  outline:0!important;
  text-align:center!important;
  appearance:none!important;
  -webkit-appearance:none!important;
  background-clip:padding-box!important;
  clip-path:none!important;
  -webkit-mask-image:none!important;
  mask-image:none!important;
}
.gold-btn::before,
.gold-btn::after,
.hero-buttons a::before,
.hero-buttons a::after,
.outline-btn::before,
.outline-btn::after,
.dark-btn::before,
.dark-btn::after{
  display:none!important;
  content:none!important;
}
.hero-buttons{
  align-items:center!important;
  gap:18px!important;
}
.contact-form .gold-btn{
  width:100%!important;
  cursor:pointer!important;
}
.contact-card .gold-btn{
  width:100%!important;
}

.service-list,
.process,
.contact-card,
.content-two>div:first-child,
.content,
.faq details,
.trust-strip,
.service-tabs,
.process-card,
.detail-card,
.material-pill,
.portrait-card{
  border-width:1px!important;
  border-style:solid!important;
  border-radius:26px!important;
  outline:0!important;
  background-clip:padding-box!important;
  clip-path:none!important;
  -webkit-mask-image:none!important;
  mask-image:none!important;
  box-shadow:0 6px 18px rgba(0,0,0,.22) !important;
}
.signature-card,
.service-panel{
  border-width:1px!important;
  border-style:solid!important;
  border-radius:32px!important;
  outline:0!important;
  background-clip:padding-box!important;
  clip-path:none!important;
  -webkit-mask-image:none!important;
  mask-image:none!important;
  overflow:hidden!important;
  box-shadow:0 6px 18px rgba(0,0,0,.22) !important;
}
.portrait-card img{
  border-radius:18px!important;
  overflow:hidden!important;
}
body.light-mode .service-list,
body.light-mode .process,
body.light-mode .contact-card,
body.light-mode .content-two>div:first-child,
body.light-mode .content,
body.light-mode .faq details,
body.light-mode .trust-strip,
body.light-mode .service-tabs,
body.light-mode .process-card,
body.light-mode .detail-card,
body.light-mode .material-pill,
body.light-mode .portrait-card{
  border-color:rgba(166,122,32,.24)!important;
  background:linear-gradient(145deg,rgba(255,255,255,.96),rgba(244,236,220,.96))!important;
  box-shadow:0 6px 18px rgba(0,0,0,.22) !important;
}
body.light-mode .signature-card,
body.light-mode .service-panel{
  border-color:rgba(166,122,32,.28)!important;
  box-shadow:0 6px 18px rgba(0,0,0,.22) !important;
}



/* PERFORMANCE PATCH: gezielte Rendering-Hinweise ohne Layout-Änderung */
.gold-btn,
.outline-btn,
.dark-btn,
.hero-buttons a,
.theme-toggle,
.menu-toggle,
.cookie button,
.service-tab,
.signature-card,
.service-panel,
.process-card,
.detail-card,
.floating-cta{
}
.reveal{
}
.trust-strip::before{
}