:root{
  --blue:#013774;--blue-dark:#002a59;--blue-light:#0b5f9f;--gold:#c99b35;--gold-dark:#a8791e;--gold-soft:#f7efdc;
  --bg:#f4f6f8;--surface:#fff;--border:#dbe2e8;--text:#203040;--muted:#667583;--green:#18864b;
  --shadow:0 18px 55px rgba(17,42,68,.10);--radius:8px;--max:1240px
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,"Segoe UI",Roboto,Arial,sans-serif;background:#fff;color:var(--text);line-height:1.5}a{color:inherit}.skip-link{position:absolute;left:-9999px}.skip-link:focus{left:12px;top:12px;background:#fff;padding:10px;z-index:99}.section-shell{width:min(calc(100% - 40px),var(--max));margin:0 auto}.section{padding:92px 0}.site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.95);backdrop-filter:blur(16px);border-bottom:1px solid rgba(219,226,232,.85)}.nav-shell{width:min(calc(100% - 40px),var(--max));height:78px;margin:auto;display:flex;align-items:center;gap:24px}.brand-link{display:flex;align-items:center}.brand-link img{width:168px;height:auto;display:block}.site-nav{display:flex;gap:24px;margin-left:auto}.site-nav a{text-decoration:none;font-size:13px;font-weight:650;color:#425463}.site-nav a:hover{color:var(--blue)}.nav-actions{display:flex;gap:10px}.btn{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;border:1px solid transparent;border-radius:5px;padding:11px 16px;font-size:12px;font-weight:750;cursor:pointer;transition:.18s ease;background:none}.btn:hover{transform:translateY(-1px)}.btn-primary{background:var(--gold);color:var(--blue-dark);border-color:var(--gold)}.btn-primary:hover{background:#d6aa4b}.btn-secondary{background:#fff;color:var(--blue);border-color:#c8d4de}.btn-ghost{background:#f7f9fb;color:var(--blue);border-color:#e1e7ec}.btn-large{padding:14px 20px;font-size:13px}.menu-toggle{display:none;margin-left:auto;border:0;background:transparent;font-size:25px;color:var(--blue)}
.hero{min-height:720px;padding:76px 0 64px;display:grid;grid-template-columns:1.03fr .97fr;gap:70px;align-items:center}.eyebrow{font-size:11px;font-weight:900;letter-spacing:1.35px;color:var(--gold-dark);margin-bottom:14px}.eyebrow.light{color:#e2bd67}.hero h1,.section-heading h2,.automation-copy h2,.communication h2,.data-copy h2,.security-section h2,.cta-card h2{margin:0;color:#17324d;letter-spacing:-1.1px}.hero h1{font-size:56px;line-height:1.08;font-weight:590;max-width:720px}.hero h1 span{color:var(--blue)}.hero-lead{font-size:18px;line-height:1.65;color:#586a79;max-width:690px;margin:24px 0}.hero-actions{display:flex;gap:12px;margin:28px 0 22px}.proof-row{display:flex;flex-wrap:wrap;gap:10px 20px;color:#5c6d79;font-size:12px}.proof-row span:before{color:var(--green)}.hero-visual{position:relative}.browser-card{background:#fff;border:1px solid #cfd8df;border-radius:9px;box-shadow:0 32px 70px rgba(20,48,77,.16);overflow:hidden;transform:rotate(.25deg)}.browser-bar{height:38px;background:#f7f9fb;border-bottom:1px solid #e1e6eb;display:flex;align-items:center;gap:6px;padding:0 12px}.browser-bar>span{width:8px;height:8px;border-radius:50%;background:#ccd4db}.browser-bar .address{margin-left:8px;background:#fff;border:1px solid #e1e6eb;border-radius:4px;font-size:9px;color:#84919c;padding:5px 12px;flex:1;max-width:250px}.workspace-mock{display:grid;grid-template-columns:120px 1fr;min-height:405px;background:#f4f6f8}.workspace-mock aside{background:var(--blue);color:#dbe6ef;padding:13px 9px;font-size:9px}.workspace-mock aside img{width:95px;background:#fff;border-radius:4px;margin:0 auto 16px;display:block;padding:4px}.workspace-mock aside div{padding:10px 9px;border-radius:3px;margin:4px 0}.workspace-mock aside .nav-active{background:var(--gold);color:var(--blue-dark)}.workspace-mock section{padding:18px}.mock-top{display:flex;justify-content:space-between;align-items:center;font-size:10px}.mock-top span{color:var(--green);background:#eaf7ef;border:1px solid #c6e8d2;padding:4px 7px;border-radius:4px}.mock-title{font-size:20px;font-weight:600;margin:18px 0 14px;color:#203b54}.mock-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.mock-grid article{background:white;border:1px solid var(--border);border-radius:5px;padding:13px;min-height:95px}.mock-grid small,.mock-grid strong,.mock-grid em{display:block}.mock-grid small{font-size:7px;font-style:normal;color:#798895;letter-spacing:.6px;font-weight:800}.mock-grid strong{font-size:23px;margin:8px 0 4px}.mock-grid em{font-size:8px;font-style:normal;color:#758692}.mock-panel{background:white;border:1px solid var(--border);padding:14px;margin-top:10px;border-radius:5px}.mock-panel>div:first-child{display:flex;justify-content:space-between;font-size:8px}.mock-panel span{color:#7a8893}.progress{height:7px;background:#e9eef2;border-radius:20px;margin-top:12px;overflow:hidden}.progress i{display:block;height:100%;width:76%;background:var(--gold)}.floating-card{position:absolute;display:flex;align-items:center;gap:10px;background:#fff;border:1px solid #dde5eb;box-shadow:0 15px 30px rgba(22,48,75,.13);border-radius:6px;padding:11px 13px;min-width:185px}.floating-card>span{width:30px;height:30px;border-radius:4px;background:var(--gold-soft);display:grid;place-items:center;color:var(--blue);font-weight:800}.floating-card b,.floating-card small{display:block}.floating-card b{font-size:10px}.floating-card small{font-size:8px;color:#798894;margin-top:2px}.fc-one{right:-20px;top:-22px}.fc-two{left:-35px;bottom:25px}.trust-strip{background:var(--blue-dark);color:#fff}.trust-inner{min-height:86px;display:flex;align-items:center;gap:28px;font-size:12px}.trust-inner>span{color:#d6bf86;font-weight:800;letter-spacing:.4px}.trust-inner b{font-weight:600;color:#dce6ee}.section-heading{max-width:840px;margin-bottom:42px}.section-heading h2,.automation-copy h2,.communication h2,.data-copy h2,.security-section h2,.cta-card h2{font-size:39px;line-height:1.18;font-weight:580}.section-heading p,.automation-copy>p,.communication-copy>p,.data-copy>p,.cta-card>div>p{font-size:16px;color:#61717e;max-width:760px;margin:17px 0 0}.audience-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.audience-card{border:1px solid var(--border);border-radius:7px;padding:26px;background:#fff;box-shadow:0 2px 4px rgba(22,32,42,.03);position:relative}.audience-card.featured{border-top:4px solid var(--gold);padding-top:23px;box-shadow:var(--shadow)}.icon-box{width:43px;height:43px;display:grid;place-items:center;border-radius:5px;background:var(--gold-soft);color:var(--blue);font-size:20px}.audience-card h3{font-size:19px;margin:18px 0 8px;color:#193750}.audience-card p{color:#657681;font-size:13px;min-height:59px}.audience-card ul{padding:0;margin:18px 0 0;list-style:none}.audience-card li{padding:8px 0 8px 20px;border-top:1px solid #edf0f2;font-size:12px;position:relative}.audience-card li:before{content:'✓';position:absolute;left:0;color:var(--green);font-weight:800}.automation-section{background:linear-gradient(135deg,#062f59,#0a4679);color:#fff}.automation-grid{display:grid;grid-template-columns:1fr .9fr;gap:75px;align-items:center}.automation-copy h2{color:#fff}.automation-copy>p{color:#c7d7e5}.automation-points{margin-top:30px;display:grid;gap:12px}.automation-points>div{display:flex;gap:14px;align-items:flex-start;padding:13px 0;border-top:1px solid rgba(255,255,255,.13)}.automation-points>div>span{color:#e1bd69;font-weight:900;font-size:11px;padding-top:3px}.automation-points p{margin:0}.automation-points b,.automation-points small{display:block}.automation-points b{font-size:13px}.automation-points small{font-size:11px;color:#b8cbd9;margin-top:3px}.automation-board{background:#f8fafb;border:1px solid rgba(255,255,255,.25);border-radius:8px;padding:22px;color:var(--text);box-shadow:0 25px 50px rgba(0,0,0,.18)}.board-head{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:18px}.board-head span{font-size:8px;font-weight:900;letter-spacing:.8px;color:#84919b}.board-head b{font-size:14px;color:#173d64}.flow-card{background:#fff;border:1px solid var(--border);border-radius:5px;padding:13px;display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:11px}.flow-card i{width:34px;height:34px;display:grid;place-items:center;border-radius:4px;background:#eef2f5;font-style:normal;font-weight:800;color:#677987}.flow-card b,.flow-card small{display:block}.flow-card b{font-size:11px}.flow-card small{font-size:9px;color:#7b8993;margin-top:2px}.flow-card em{font-size:8px;font-style:normal;color:#87949e}.flow-card.done i{background:#eaf7ef;color:var(--green)}.flow-card.active{border-color:#e0bb66;background:#fffaf0}.flow-card.active i{background:var(--gold);color:var(--blue-dark)}.flow-card.active em{color:var(--gold-dark);font-weight:800}.flow-line{height:16px;border-left:1px dashed #bdc8d1;margin-left:17px}.communication-card{background:linear-gradient(135deg,#f8fbfd,#fff);border:1px solid #dce4e9;border-radius:9px;padding:46px;display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center;box-shadow:var(--shadow)}.chips{display:flex;gap:8px;flex-wrap:wrap;margin-top:24px}.chips span{background:#f2f5f7;border:1px solid #dce3e8;border-radius:30px;padding:7px 10px;font-size:10px;color:#556772}.message-stack{position:relative;min-height:335px}.message-card{position:absolute;left:0;right:0;background:#fff;border:1px solid #d9e2e8;border-radius:7px;padding:20px;box-shadow:0 16px 36px rgba(25,52,78,.10)}.message-card small,.message-card b,.message-card p{display:block}.message-card small{font-size:8px;font-weight:800;color:#7e8c96;letter-spacing:.5px}.message-card b{font-size:15px;color:#183a5a;margin:8px 0}.message-card p{font-size:10px;color:#687a86;margin:0}.message-card.back{top:0;transform:translateX(26px) rotate(2deg);opacity:.64}.message-card.middle{top:82px;transform:translateX(-18px) rotate(-1.3deg);opacity:.82}.message-card.front{top:168px;border-top:3px solid var(--gold)}.message-status{display:inline-flex;background:#eaf7ef;border:1px solid #c5e8d2;color:#167346;padding:5px 8px;border-radius:4px;font-size:9px;font-weight:800;margin-bottom:10px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.feature-card{background:#fff;border:1px solid var(--border);border-radius:6px;padding:22px;min-height:190px;transition:.18s ease}.feature-card:hover{transform:translateY(-3px);border-color:#b8c8d5;box-shadow:0 10px 26px rgba(25,52,77,.07)}.feature-card>span{width:38px;height:38px;display:grid;place-items:center;background:var(--gold-soft);color:var(--blue);border-radius:4px;font-size:18px}.feature-card h3{font-size:15px;color:#183a59;margin:15px 0 8px}.feature-card p{font-size:12px;color:#647580;margin:0;line-height:1.6}.data-section{background:var(--bg)}.data-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;align-items:center}.data-visual img{width:100%;border:1px solid #dae2e8;border-radius:8px;background:#fff;box-shadow:var(--shadow)}.hierarchy{display:flex;align-items:center;flex-wrap:wrap;gap:9px;margin:24px 0;padding:14px 15px;background:#fff;border:1px solid #dfe6eb;border-radius:6px}.hierarchy b{font-size:11px;color:#173b5c}.hierarchy i{font-style:normal;color:var(--gold);font-weight:900}.muted{font-size:13px!important}.screenshot-frame{border:1px solid #ccd7df;border-radius:9px;box-shadow:0 25px 65px rgba(18,45,72,.12);overflow:hidden;background:#f7f9fb}.screenshot-frame img{display:block;width:100%;height:auto}.security-section{background:var(--blue-dark);color:#fff}.security-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.security-section h2{color:#fff}.security-points{display:grid;grid-template-columns:1fr 1fr;gap:12px}.security-points span{padding:13px 15px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-radius:5px;font-size:11px;color:#dce6ee}.cta-card{background:linear-gradient(135deg,#f7f0df 0%,#fff 55%,#f4f8fb 100%);border:1px solid #e1d3ae;border-radius:9px;padding:46px;display:grid;grid-template-columns:1.15fr .85fr;gap:60px;align-items:start}.demo-form{display:grid;gap:12px;background:#fff;border:1px solid #dfe5ea;border-radius:7px;padding:20px;box-shadow:0 12px 30px rgba(26,51,75,.07)}.demo-form label span{display:block;font-size:9px;font-weight:800;color:#64737f;text-transform:uppercase;letter-spacing:.6px;margin-bottom:5px}.demo-form input,.demo-form select{width:100%;height:43px;border:1px solid #ccd6de;border-radius:4px;padding:0 11px;font:inherit;font-size:12px;color:var(--text);background:#fff}.demo-form input:focus,.demo-form select:focus{outline:none;border-color:var(--blue);box-shadow:0 0 0 3px rgba(201,155,53,.16)}.demo-form small{font-size:9px;color:#87949e}.site-footer{background:#052a50;color:#dce7f0;padding:48px 0 20px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:40px}.footer-grid img{width:150px;background:#fff;border-radius:5px;padding:5px}.footer-grid p{font-size:11px;color:#9eb2c3;max-width:260px}.footer-grid b,.footer-grid a,.footer-grid span{display:block}.footer-grid b{font-size:11px;color:#fff;margin-bottom:12px}.footer-grid a,.footer-grid span{font-size:10px;color:#9eb2c3;text-decoration:none;margin:8px 0}.footer-grid a:hover{color:#fff}.footer-bottom{border-top:1px solid rgba(255,255,255,.1);margin-top:35px;padding-top:18px;font-size:9px;color:#8099ad}.reveal{opacity:0;transform:translateY(18px);transition:opacity .65s ease,transform .65s ease}.reveal.is-visible{opacity:1;transform:none}.delay-1{transition-delay:.08s}.delay-2{transition-delay:.16s}
@media (max-width:1050px){.site-nav{display:none}.nav-actions{margin-left:auto}.hero{grid-template-columns:1fr;padding-top:55px}.hero-copy{text-align:center}.hero-copy .hero-lead{margin-left:auto;margin-right:auto}.hero-actions,.proof-row{justify-content:center}.hero-visual{width:min(780px,100%);margin:10px auto 0}.automation-grid,.communication-card,.data-grid,.cta-card{grid-template-columns:1fr}.communication-card{gap:30px}.security-grid{grid-template-columns:1fr}.feature-grid{grid-template-columns:repeat(2,1fr)}.trust-inner{flex-wrap:wrap;padding:18px 0;gap:12px 22px}.trust-inner>span{width:100%}}
@media (max-width:760px){.section-shell,.nav-shell{width:min(calc(100% - 26px),var(--max))}.nav-shell{height:68px}.brand-link img{width:140px}.nav-actions .btn-ghost{display:none}.menu-toggle{display:block}.site-nav.open{display:flex;position:absolute;left:0;right:0;top:68px;background:#fff;flex-direction:column;padding:18px 20px;border-bottom:1px solid var(--border);box-shadow:0 16px 25px rgba(20,40,60,.08)}.nav-actions{margin-left:0}.hero{padding-top:42px;min-height:auto;gap:45px}.hero h1{font-size:39px}.hero-lead{font-size:15px}.hero-actions{flex-direction:column}.workspace-mock{grid-template-columns:80px 1fr}.workspace-mock aside div{font-size:0}.workspace-mock aside div:first-letter{font-size:10px}.mock-grid{grid-template-columns:1fr}.floating-card{display:none}.section{padding:68px 0}.section-heading h2,.automation-copy h2,.communication h2,.data-copy h2,.security-section h2,.cta-card h2{font-size:31px}.audience-grid,.feature-grid{grid-template-columns:1fr}.communication-card,.cta-card{padding:28px 21px}.message-stack{min-height:350px}.security-points{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:first-child{grid-column:1/-1}.browser-card{transform:none}.proof-row{font-size:10px}.data-grid{gap:35px}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.btn,.feature-card{transition:none}}

/* Rechtliche Seiten */
.legal-main{background:var(--bg);min-height:70vh;padding:70px 0 90px}.legal-card{max-width:940px;margin:0 auto;background:#fff;border:1px solid var(--border);border-radius:9px;box-shadow:var(--shadow);padding:42px 46px}.legal-card h1{margin:0 0 12px;color:#17324d;font-size:40px;letter-spacing:-.7px}.legal-card h2{margin:34px 0 10px;color:#17324d;font-size:21px}.legal-card h3{margin:24px 0 8px;color:#17324d;font-size:16px}.legal-card p,.legal-card li{font-size:14px;line-height:1.72;color:#526472}.legal-card ul{padding-left:22px}.legal-card a{color:var(--blue)}.legal-kicker{font-size:11px;font-weight:900;letter-spacing:1.2px;color:var(--gold-dark);text-transform:uppercase}.legal-note{background:#f7f9fb;border-left:4px solid var(--gold);padding:14px 16px;border-radius:4px;margin:18px 0;color:#526472;font-size:13px}.legal-contact{margin:14px 0 0;padding:18px;background:#f7f9fb;border:1px solid #e2e8ed;border-radius:6px}.legal-contact p{margin:3px 0}.legal-header-actions{margin-left:auto;display:flex;gap:10px}.legal-footer{margin-top:28px;padding-top:20px;border-top:1px solid #e4e9ed;font-size:12px;color:#778793}@media (max-width:760px){.legal-main{padding:35px 0 60px}.legal-card{padding:28px 22px}.legal-card h1{font-size:32px}.legal-header-actions .btn{padding:9px 11px}}

/* Kontaktformular */
.demo-form textarea{width:100%;border:1px solid #ccd6de;border-radius:4px;padding:10px 11px;font:inherit;font-size:12px;color:var(--text);background:#fff;resize:vertical;min-height:96px}.demo-form textarea:focus{outline:none;border-color:var(--blue);box-shadow:0 0 0 3px rgba(201,155,53,.16)}.demo-form label span em{font-style:normal;font-weight:500;text-transform:none;letter-spacing:0}.demo-form button:disabled{opacity:.68;cursor:wait;transform:none}.demo-form small a{color:var(--blue)}.demo-form .form-success{color:var(--green);font-weight:650}.demo-form .form-error{color:#a1352c;font-weight:650}.hp-field{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}


/* Sprache */
.language-switch{
  height:36px;min-width:46px;padding:0 11px;border:1px solid #c8d4de;border-radius:5px;
  background:#fff;color:var(--blue);font-size:11px;font-weight:850;letter-spacing:.4px;cursor:pointer
}
.language-switch:hover{border-color:var(--blue);background:#f7f9fb}
.hero h1 .accent{color:var(--blue)}
.hero h1 .hero-line{color:#17324d}

/* Vorteile für Mieter */
.tenant-section{background:linear-gradient(180deg,#f7fafc 0%,#fff 100%);border-top:1px solid #edf1f4;border-bottom:1px solid #edf1f4}
.tenant-heading{max-width:880px}
.tenant-layout{display:grid;grid-template-columns:1.18fr .82fr;gap:72px;align-items:center}
.tenant-benefits{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.tenant-benefit{display:flex;gap:15px;padding:20px;background:#fff;border:1px solid var(--border);border-radius:7px;min-height:150px;box-shadow:0 3px 12px rgba(25,52,77,.035)}
.tenant-benefit>span{flex:0 0 40px;width:40px;height:40px;border-radius:5px;background:var(--gold-soft);color:var(--blue);display:grid;place-items:center;font-size:18px;font-weight:800}
.tenant-benefit h3{margin:1px 0 7px;color:#183a59;font-size:15px}
.tenant-benefit p{margin:0;color:#647580;font-size:12px;line-height:1.58}
.tenant-benefit:last-child{grid-column:1/-1}
.tenant-phone{width:min(370px,100%);margin:0 auto;background:#102f4c;border-radius:28px;padding:12px;box-shadow:0 28px 60px rgba(17,42,68,.2)}
.tenant-phone-top{height:46px;color:#fff;display:flex;align-items:center;justify-content:center;position:relative;font-size:12px}
.tenant-phone-top>span{position:absolute;left:50%;top:8px;transform:translateX(-50%);width:70px;height:6px;border-radius:10px;background:#274863}
.tenant-phone-body{background:#f6f8fa;border-radius:18px;padding:24px 17px 18px;min-height:430px}
.tenant-phone-body>small{font-size:8px;font-weight:900;letter-spacing:.8px;color:#84939f}
.tenant-phone-body>h3{margin:7px 0 20px;color:#173a59;font-size:19px}
.tenant-action{display:grid;grid-template-columns:38px 1fr 15px;gap:10px;align-items:center;background:#fff;border:1px solid #dce4e9;border-radius:7px;padding:12px;margin:9px 0}
.tenant-action i{width:38px;height:38px;border-radius:5px;background:var(--gold-soft);display:grid;place-items:center;color:var(--blue);font-style:normal}
.tenant-action b,.tenant-action small{display:block}
.tenant-action b{font-size:11px;color:#183a59}
.tenant-action small{font-size:8px;color:#7b8994;margin-top:2px}
.tenant-action em{font-size:20px;color:#93a1ac;font-style:normal}
.tenant-status{display:flex;gap:10px;align-items:center;margin-top:18px;background:#eaf7ef;border:1px solid #c5e8d2;border-radius:7px;padding:12px}
.tenant-status>span{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#fff;color:var(--green);font-weight:900}
.tenant-status b,.tenant-status small{display:block}
.tenant-status b{font-size:10px;color:#17683f}
.tenant-status small{font-size:8px;color:#58806b;margin-top:2px}

@media (max-width:1050px){
  .tenant-layout{grid-template-columns:1fr;gap:42px}
  .tenant-phone{width:min(430px,100%)}
}
@media (max-width:760px){
  .language-switch{height:34px;min-width:42px;padding:0 9px}
  .nav-actions{gap:7px}
  .nav-actions .btn-primary{padding:10px 11px}
  .tenant-benefits{grid-template-columns:1fr}
  .tenant-benefit:last-child{grid-column:auto}
  .tenant-phone{border-radius:24px}
}