@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@500;700&family=DM+Sans:opsz,wght@9..40,400;9..40,500;9..40,600&display=swap'); :root{--ax-900:#052e16;--ax-800:#14532d;--ax-700:#15803d;--ax-100:#dcfce7;--ax-50:#f0fdf4;--ax-cream:#fafaf7;--ax-white:#ffffff;--ax-gray-900:#111827;--ax-gray-700:#374151;--ax-gray-500:#6b7280;--ax-gray-200:#e5e7eb;--ax-r:12px;--ax-rs:8px;--ax-shadow:0 1px 3px rgba(0,0,0,.06),0 4px 12px rgba(0,0,0,.06);--ax-shadow-md:0 4px 24px rgba(0,0,0,.10),0 1px 4px rgba(0,0,0,.06);} *{box-sizing:border-box;}body{font-family:'DM Sans',system-ui,sans-serif;color:#374151;background:#fafaf7;line-height:1.65;margin:0;} h1,h2{font-family:'Playfair Display',Georgia,serif;color:#111827;line-height:1.25;} h1{font-size:clamp(1.8rem,6vw,3rem);font-weight:700;margin:0 0 .6rem;} h2{font-size:clamp(1.2rem,3.5vw,1.7rem);font-weight:700;margin:0 0 .5rem;} h3{font-family:'DM Sans',sans-serif;font-size:.95rem;font-weight:600;color:#111827;margin:0 0 .3rem;} p{font-size:1rem;margin:0 0 .9rem;}a{color:var(--ax-700);} .home-hero{position:relative;background:linear-gradient(160deg,var(--ax-900) 0%,var(--ax-800) 55%,#1a6e3a 100%);min-height:62vw;max-height:560px;display:flex;align-items:flex-end;overflow:hidden;padding:2rem 1.25rem 2.75rem;} @media(min-width:768px){.home-hero{min-height:400px;padding:3rem 2rem 3rem;}} .hero-content{position:relative;z-index:2;width:100%;max-width:860px;margin:0 auto;} .hero-content h1{color:#fff;margin-bottom:.6rem;text-shadow:0 2px 16px rgba(0,0,0,.25);} .hero-content p{color:rgba(255,255,255,.8);font-size:1.05rem;margin-bottom:1.35rem;} .hero-btns{display:flex;flex-wrap:wrap;gap:.65rem;} .ax-btn-hero{display:inline-flex;align-items:center;gap:.4rem;background:var(--ax-50);color:var(--ax-900);font-family:'DM Sans',sans-serif;font-size:.95rem;font-weight:700;padding:.75rem 1.5rem;border-radius:var(--ax-rs);text-decoration:none;border:none;cursor:pointer;transition:all .15s;} .ax-btn-hero:hover{background:#fff;} .ax-btn-ghost{background:transparent;color:rgba(255,255,255,.9)!important;border:1.5px solid rgba(255,255,255,.4);font-family:'DM Sans',sans-serif;font-size:.95rem;font-weight:600;padding:.7rem 1.4rem;border-radius:var(--ax-rs);text-decoration:none;display:inline-flex;align-items:center;transition:all .15s;} .ax-btn-ghost:hover{background:rgba(255,255,255,.1);} .section-wrap{max-width:960px;margin:0 auto;padding:2.5rem 1.25rem;} .section-header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:1.25rem;flex-wrap:wrap;gap:.5rem;} .section-header a{font-size:.9rem;color:var(--ax-800);font-weight:600;text-decoration:none;} .prop-grid{display:grid;gap:1rem;grid-template-columns:1fr;} @media(min-width:540px){.prop-grid{grid-template-columns:repeat(2,1fr);}} @media(min-width:900px){.prop-grid{grid-template-columns:repeat(3,1fr);}} .prop-card{background:var(--ax-white);border-radius:var(--ax-r);box-shadow:var(--ax-shadow);overflow:hidden;transition:box-shadow .18s,transform .18s;} .prop-card:hover{box-shadow:var(--ax-shadow-md);transform:translateY(-2px);} .prop-card img{width:100%;height:185px;object-fit:cover;display:block;} .prop-card-body{padding:.9rem 1rem .8rem;} .prop-card-body h3{font-size:.95rem;color:#111827;margin:0 0 .2rem;} .prop-card-body .addr{font-size:.8rem;color:var(--ax-gray-500);margin:0 0 .5rem;} .prop-price{font-size:.95rem;font-weight:700;color:var(--ax-800);} .props-loading{color:var(--ax-gray-500);font-size:.9rem;padding:.5rem 0;} .values-row{display:grid;gap:1rem;} @media(min-width:600px){.values-row{grid-template-columns:repeat(3,1fr);}} .value-card{background:var(--ax-white);border-radius:var(--ax-r);box-shadow:var(--ax-shadow);padding:1.35rem;text-align:center;} .value-icon{font-size:2rem;margin-bottom:.5rem;} .value-card p{font-size:.875rem;color:var(--ax-gray-500);margin:0;} .job-banner-wrap{position:relative;border-radius:var(--ax-r);overflow:hidden;background:var(--ax-gray-100);min-height:160px;} .job-banner-wrap img{width:100%;height:220px;object-fit:cover;display:block;transition:opacity .5s;} @media(min-width:768px){.job-banner-wrap img{height:280px;}} .job-banner-cap{position:absolute;bottom:0;left:0;right:0;padding:.9rem 1.25rem;background:linear-gradient(transparent,rgba(0,0,0,.65));} .job-banner-cap p{color:#fff;font-weight:600;margin:0;font-size:1rem;} .section-divider{border:none;border-top:1px solid var(--ax-gray-200);margin:0;}

Ihr Zuhause in besten Händen.

Wohnungen und Gewerbefächen in Mannheim, Heidelberg und Umgebung.

🔍 Wohnungen findenÜber axessio

Aktuelle Mietangebote

Alle Angebote →

Angebote werden geladen…

Warum axessio?

🏡

Familiegeführt

Persönlich, verlässlich und langfristig denkend.

📱

Digital & schnell

Alles online — keine Warteschlangen, kein Papierkram.

🌿

Nachhaltig

Bezahlbarer Wohnraum mit sozialem Verantwortungsbewusstsein.