section[style*=“margin-bottom“]{display:none!important}
.bs-py-default{padding:0!important;margin:0!important}
.bs-py-default>.container{max-width:100%!important;padding:0!important;margin:0!important;width:100%!important}
.bs-py-default .row{margin:0!important;–bs-gutter-x:0!important}
.bs-py-default .col-lg-12,.bs-py-default .col-12{padding:0!important}
#breadcrumbs{display:none!important}
body.admin-bar #lelo-nav{top:32px!important}
body.admin-bar .lelo-hero{padding-top:162px!important}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{–primary:#1c2b3a;–accent:#c8922a;–accent-light:#f0c46a;–accent-bg:rgba(200,146,42,.1);–light:#f8f7f4;–white:#ffffff;–gray:#6b7280;–gray-light:#9ca3af;–border:#e5e7eb;–shadow:0 2px 16px rgba(0,0,0,.07);–shadow-lg:0 20px 60px rgba(0,0,0,.13);–radius:16px;–font:’Segoe UI‘,system-ui,-apple-system,sans-serif}
html{scroll-behavior:smooth}
body{font-family:var(–font);color:var(–primary);background:var(–light);line-height:1.6}
#lelo-nav{position:fixed;top:0;width:100%;z-index:100;background:rgba(255,255,255,.96);backdrop-filter:blur(12px);border-bottom:1px solid var(–border);display:flex;align-items:center;justify-content:space-between;padding:0 5%;height:70px}
.lelo-logo{font-size:1.35rem;font-weight:800;color:var(–primary);text-decoration:none;letter-spacing:-.3px}
.lelo-logo span{color:var(–accent)}
#lelo-nav ul{list-style:none;display:flex;gap:2rem}
#lelo-nav ul a{text-decoration:none;color:var(–gray);font-size:.91rem;font-weight:500;transition:color .2s}
#lelo-nav ul a:hover{color:var(–primary)}
.nav-cta{display:flex;align-items:center;gap:.45rem;background:var(–accent);color:#fff;padding:.5rem 1.25rem;border-radius:9px;font-size:.87rem;font-weight:700;text-decoration:none;transition:opacity .2s}
.nav-cta:hover{opacity:.88}
.lelo-hero{min-height:100vh;background:linear-gradient(155deg,#111e2b 0%,#1c2b3a 50%,#243d5c 100%);display:flex;align-items:center;justify-content:center;text-align:center;padding:140px 6% 90px;position:relative;overflow:hidden}
.lelo-hero::before{content:“;position:absolute;inset:0;background:radial-gradient(ellipse 70% 60% at 50% 40%,rgba(200,146,42,.08) 0%,transparent 70%)}
.hero-content{position:relative;max-width:760px}
.hero-badge{display:inline-flex;align-items:center;gap:.4rem;background:rgba(200,146,42,.15);color:var(–accent-light);border:1px solid rgba(200,146,42,.3);border-radius:50px;padding:.4rem 1.1rem;font-size:.8rem;font-weight:700;letter-spacing:1px;text-transform:uppercase;margin-bottom:1.5rem}
.lelo-hero h1{font-size:clamp(2.2rem,5vw,3.8rem);color:#fff;font-weight:900;line-height:1.1;margin-bottom:1rem}
.lelo-hero h1 span{color:var(–accent-light)}
.hero-sub{color:rgba(255,255,255,.62);font-size:1.08rem;line-height:1.8;margin-bottom:2.5rem;max-width:560px;margin-left:auto;margin-right:auto}
.hero-btns{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;margin-bottom:3rem}
.btn-gold{background:linear-gradient(135deg,var(–accent),var(–accent-light));color:#fff;border:none;padding:.9rem 2.2rem;border-radius:10px;font-size:1rem;font-weight:700;cursor:pointer;text-decoration:none;display:inline-block;box-shadow:0 4px 20px rgba(200,146,42,.4);transition:transform .2s,box-shadow .2s}
.btn-gold:hover{transform:translateY(-2px);box-shadow:0 8px 30px rgba(200,146,42,.55)}
.btn-outline{background:transparent;color:rgba(255,255,255,.85);border:1.5px solid rgba(255,255,255,.3);padding:.9rem 2.2rem;border-radius:10px;font-size:1rem;cursor:pointer;text-decoration:none;display:inline-block;transition:border-color .2s,color .2s}
.btn-outline:hover{border-color:rgba(255,255,255,.6);color:#fff}
.hero-pills{display:flex;gap:.7rem;justify-content:center;flex-wrap:wrap}
.hero-pill{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);color:rgba(255,255,255,.72);border-radius:50px;padding:.4rem 1rem;font-size:.83rem;display:flex;align-items:center;gap:.35rem}
.lelo-section{padding:80px 5%}
.sec-label{font-size:.75rem;font-weight:700;letter-spacing:2.5px;text-transform:uppercase;color:var(–accent);margin-bottom:.7rem}
.sec-title{font-size:clamp(1.8rem,3vw,2.7rem);font-weight:900;color:var(–primary);line-height:1.15;margin-bottom:.9rem}
.sec-sub{color:var(–gray);font-size:1rem;line-height:1.78;max-width:540px}
.centered{text-align:center}.centered .sec-sub{margin:0 auto}
#lelo-zimmer{background:var(–white)}
.rooms-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:2.8rem;max-width:1120px;margin-left:auto;margin-right:auto}
.room-card{background:var(–white);border:1px solid var(–border);border-radius:var(–radius);overflow:hidden;box-shadow:var(–shadow);transition:transform .28s,box-shadow .28s}
.room-card:hover{transform:translateY(-7px);box-shadow:var(–shadow-lg)}
.room-img{height:260px;overflow:hidden;position:relative;background:#e8eff5}
.room-img img{transition:opacity .8s,transform .5s!important}
.room-card:hover .room-img img{transform:scale(1.04)}
.room-body{padding:1.5rem}
.room-nr{font-size:.73rem;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:var(–accent);background:var(–accent-bg);border-radius:6px;padding:.22rem .65rem;display:inline-block;margin-bottom:.85rem}
.room-title{font-size:1.12rem;font-weight:800;margin-bottom:.55rem}
.room-desc{color:var(–gray);font-size:.88rem;line-height:1.7;margin-bottom:1.1rem}
.room-features{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:1.3rem}
.feat-tag{background:var(–light);border:1px solid var(–border);border-radius:6px;padding:.24rem .65rem;font-size:.78rem;color:var(–gray)}
.room-footer{display:flex;align-items:center;justify-content:space-between}
.room-price{font-size:1.45rem;font-weight:900;color:var(–primary)}
.room-price small{font-size:.78rem;font-weight:400;color:var(–gray)}
.room-discount{font-size:.73rem;color:#fff;background:#dc2626;border-radius:5px;padding:.18rem .5rem;font-weight:700;margin-left:.35rem}
.room-btn{background:var(–primary);color:#fff;border:none;padding:.6rem 1.15rem;border-radius:9px;font-size:.86rem;cursor:pointer;font-weight:700;text-decoration:none;transition:background .2s}
.room-btn:hover{background:var(–accent)}
#lelo-ausstattung{background:var(–light)}
.feat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:1.3rem;margin-top:2.6rem}
.feat-card{background:var(–white);border:1px solid var(–border);border-radius:14px;padding:1.6rem;transition:transform .25s,box-shadow .25s}
.feat-card:hover{transform:translateY(-4px);box-shadow:0 12px 35px rgba(0,0,0,.08)}
.feat-icon{width:48px;height:48px;border-radius:12px;background:linear-gradient(135deg,var(–accent),var(–accent-light));display:flex;align-items:center;justify-content:center;font-size:1.25rem;margin-bottom:.9rem}
.feat-card h3{font-size:.97rem;font-weight:700;margin-bottom:.4rem}
.feat-card p{color:var(–gray);font-size:.86rem;line-height:1.65}
#lelo-anreise{background:var(–primary)}
#lelo-anreise .sec-label{color:var(–accent-light)}
#lelo-anreise .sec-title{color:#fff}
#lelo-anreise .sec-sub{color:rgba(255,255,255,.55)}
.anreise-grid{display:grid;grid-template-columns:1fr 1fr;gap:2.5rem;margin-top:2.6rem;align-items:start}
.anreise-block{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);border-radius:14px;padding:1.8rem}
.anreise-block h3{font-size:1rem;font-weight:700;color:#fff;margin-bottom:.85rem}
.anreise-block p{color:rgba(255,255,255,.58);font-size:.9rem;line-height:1.78}
.map-box{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:14px;padding:2.2rem;text-align:center}
.map-box .map-icon{font-size:2.8rem;margin-bottom:.9rem}
.map-box h3{color:#fff;font-size:1.05rem;font-weight:700;margin-bottom:.5rem}
.map-box p{color:rgba(255,255,255,.52);font-size:.88rem;line-height:1.72;margin-bottom:1.1rem}
.map-btn{display:inline-block;background:var(–accent);color:#fff;padding:.6rem 1.35rem;border-radius:9px;font-size:.9rem;font-weight:700;text-decoration:none}
#lelo-umgebung{background:var(–white)}
.umb-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:1.1rem;margin-top:2.6rem}
.umb-card{background:var(–light);border:1px solid var(–border);border-radius:13px;padding:1.4rem;text-align:center;transition:transform .25s,box-shadow .25s}
.umb-card:hover{transform:translateY(-4px);box-shadow:0 10px 28px rgba(0,0,0,.07)}
.umb-icon{font-size:2rem;margin-bottom:.6rem}
.umb-card h4{font-size:.93rem;font-weight:700;margin-bottom:.3rem}
.umb-card p{color:var(–gray);font-size:.82rem;line-height:1.6}
#lelo-kontakt{background:var(–light)}
.kontakt-grid{display:grid;grid-template-columns:1fr 1fr;gap:4rem;max-width:1020px;margin:2.8rem auto 0;align-items:start}
.k-item{display:flex;gap:.9rem;margin-bottom:1.5rem;align-items:flex-start}
.k-icon{width:44px;height:44px;border-radius:11px;flex-shrink:0;background:var(–accent-bg);display:flex;align-items:center;justify-content:center;font-size:1.1rem}
.k-item h4{font-size:.84rem;font-weight:700;color:var(–gray);margin-bottom:.22rem;text-transform:uppercase;letter-spacing:.4px}
.k-item p,.k-item a{color:var(–primary);font-size:.96rem;font-weight:600;text-decoration:none}
.k-hint{background:var(–accent-bg);border:1px solid rgba(200,146,42,.25);border-radius:12px;padding:1.1rem 1.3rem;margin-top:1.3rem}
.k-hint h4{font-size:.84rem;font-weight:700;color:var(–accent);margin-bottom:.35rem}
.k-hint p{font-size:.84rem;color:var(–gray);line-height:1.65}
.lelo-form{display:flex;flex-direction:column;gap:.9rem}
.lelo-form input,.lelo-form textarea,.lelo-form select{padding:.85rem 1.05rem;border:1.5px solid var(–border);border-radius:10px;font-size:.93rem;font-family:var(–font);background:var(–white);color:var(–primary);outline:none;transition:border-color .2s}
.lelo-form input:focus,.lelo-form textarea:focus,.lelo-form select:focus{border-color:var(–accent)}
.lelo-form textarea{resize:vertical;min-height:110px}
.lelo-form button{background:linear-gradient(135deg,var(–accent),var(–accent-light));color:#fff;border:none;padding:.9rem;border-radius:10px;font-size:1rem;font-weight:700;cursor:pointer;transition:opacity .2s}
.lelo-form button:hover{opacity:.88}
.lelo-footer{background:#0e1820;color:rgba(255,255,255,.4);padding:3rem 5%;text-align:center;font-size:.85rem}
.footer-logo{font-size:1.35rem;font-weight:900;color:#fff;margin-bottom:.35rem}
.footer-logo span{color:var(–accent)}
.lelo-footer address{font-style:normal;margin:.45rem 0 .9rem;color:rgba(255,255,255,.45)}
.footer-links{display:flex;gap:1.5rem;justify-content:center;flex-wrap:wrap;margin-bottom:1.1rem}
.footer-links a{color:rgba(255,255,255,.3);text-decoration:none;font-size:.8rem}
.footer-links a:hover{color:rgba(255,255,255,.6)}
@media(max-width:900px){#lelo-nav ul{display:none}.lelo-hero{padding:120px 5% 70px}.rooms-grid{grid-template-columns:1fr}.anreise-grid{grid-template-columns:1fr}.kontakt-grid{grid-template-columns:1fr;gap:2rem}.lelo-section{padding:60px 5%}.room-img{height:230px}}

Unsere Zimmer

Komfortable Unterkünfte für jeden Bedarf

Alle Apartments sind vollmöbliert, sauber und sofort bezugsfertig – Neuenhofer Straße 51, Solingen.

›
‹

Zimmer Nr. 6

Apartment mit Schlafzimmer & Küche

Gemütliches Apartment mit Schlafzimmer, moderner Küche und stilvollem Bad. Doppelbett + Schlafcouch für eine weitere Person.

👥 2–3 Personen
🛏 Doppelbett + Couch
🍳 Küche
🚿 Bad renoviert
📶 WLAN

83 € / Nacht

Anfragen

›
‹

Zimmer Nr. 5

Apartment mit Schlafzimmer & Küche

Geräumiges Apartment mit Schlafzimmer, Wohnzimmer, voll ausgestatteter Küche und renoviertem Bad.

👥 2–3 Personen
🛏 Doppelbett
🍳 Küche
🚿 Bad renoviert
📶 WLAN

80 € / Nacht

Anfragen

›
‹

Zimmer Nr. 3

Kleines Apartment mit Küche

Kompaktes Apartment mit Schlafzimmer, Schlafcouch und vollausgestatteter Küche. Perfekt für Monteure und Kurzurlaub.

👥 bis 3 Personen
🛏 Doppelbett + Couch
🍳 Küche komplett
📺 TV
📶 WLAN

64 € / Nacht–10%

Anfragen

function leloSubmit(e) {
e.preventDefault();
var form = e.target;
var btn = form.querySelector(‚button‘);
var fields = form.querySelectorAll(‚input,select,textarea‘);
var labels = [‚Name‘,’E-Mail‘,’Telefon‘,’Zimmer‘,’Zeitraum‘,’Personen‘,’Nachricht‘];
var body = ‚Neue Anfrage von der Gaestehaus-LeLo Website:nn‘;
fields.forEach(function(f,i){ if(f.value) body += (labels[i]||’Feld‘)+‘: ‚+f.value+’n‘; });
btn.textContent = ‚⏳ Wird gesendet…‘;
btn.disabled = true;
fetch(‚/wp-admin/admin-ajax.php‘,{
method:’POST‘,
headers:{‚Content-Type‘:’application/x-www-form-urlencoded‘},
body:’action=lelo_contact&nonce=’+encodeURIComponent(window._leloNonce||“)+’&message=’+encodeURIComponent(body)
}).then(function(r){return r.json()}).then(function(d){
if(d.success){
btn.textContent=’✓ Anfrage gesendet! Wir melden uns bald.‘;
btn.style.background=’#16a34a‘;
setTimeout(function(){btn.textContent=’Anfrage absenden →‘;btn.style.background=“;btn.disabled=false;form.reset();},4000);
} else {
btn.textContent=’✗ Fehler – bitte anrufen: +49 162 4258149′;
btn.style.background=’#dc2626′;
setTimeout(function(){btn.textContent=’Anfrage absenden →‘;btn.style.background=“;btn.disabled=false;},5000);
}
}).catch(function(){
btn.textContent=’✗ Fehler – bitte anrufen: +49 162 4258149′;
btn.style.background=’#dc2626′;
setTimeout(function(){btn.textContent=’Anfrage absenden →‘;btn.style.background=“;btn.disabled=false;},5000);
});
}