:root{
--bg:#0f1115;
--card:#151925;
--text:#e8ecf1;
--muted:#a7b0bf;
--accent:#6ea8fe;
--accent-2:#b39dfc;
--radius:18px;
}
*{box-sizing:border-box}
html,body{height:100%}
body{
margin:0; font-family:system-ui,-apple-system,Segoe UI,Roboto,Inter,Ubuntu,"Helvetica Neue",Arial,sans-serif;
background: radial-gradient(1200px 800px at 20% 0%, #182033 0%, var(--bg) 55%) fixed;
color:var(--text);
display:flex; align-items:center; justify-content:center;
padding:32px;
}
.wrap{
width:100%; max-width:820px;
background: linear-gradient(180deg, rgba(255,255,255,0.03), rgba(255,255,255,0.01)) , var(--card);
border:1px solid rgba(255,255,255,0.08);
border-radius:var(--radius);
box-shadow:0 10px 35px rgba(0,0,0,0.35), inset 0 1px 0 rgba(255,255,255,0.05);
padding:28px;
backdrop-filter: blur(6px);
}
.logo{
display:flex; align-items:center; justify-content:center; gap:12px; margin-bottom:18px;
}
.logo img{
width:auto; height:54px; object-fit:contain; border-radius:10px;
filter: drop-shadow(0 3px 10px rgba(0,0,0,0.35));
}
.headline{
text-align:center; margin:8px 0 16px; line-height:1.2;
font-weight:700; font-size:clamp(24px,3.3vw,36px);
letter-spacing:.2px;
}
.sub{ text-align:center; color:var(--muted); margin:-6px 0 22px; font-size:clamp(14px,1.8vw,16px) }
.lang-switch{
display:flex; gap:8px; justify-content:center; flex-wrap:wrap; margin:8px 0 18px;
}
.btn{
appearance:none; border:1px solid rgba(255,255,255,0.13); background:transparent; color:var(--text);
padding:10px 14px; border-radius:12px; font-weight:600; cursor:pointer;
transition: all .2s ease;
}
.btn:hover{ transform: translateY(-1px); border-color: rgba(255,255,255,0.25) }
.btn.is-active{ background: linear-gradient(90deg, var(--accent), var(--accent-2)); border-color: transparent; color:#0b0d12 }
.card{
background: rgba(255,255,255,0.03);
border:1px solid rgba(255,255,255,0.08);
border-radius:14px; padding:22px 20px;
}
.content > section{ display:none; }
.content > section.active{ display:block; }
.content p{ margin:0 0 10px; font-size:clamp(16px,1.9vw,18px) }
.content p strong{ font-weight:800 }
.footer{
margin-top:18px; display:flex; justify-content:center; gap:14px; color:var(--muted); font-size:14px;
}
.dot{ width:8px; height:8px; border-radius:50%; display:inline-block; background:linear-gradient(90deg,var(--accent),var(--accent-2)); margin:0 8px; vertical-align:middle }
/* small */
@media (max-width:520px){
.wrap{ padding:22px }
.logo img{ height:46px }
}

Website • Maintenance / Coming Soon

Choose your language / Wähle deine Sprache / Wybierz język

Cześć! 👋 Tu Ronald Straubel.

Moja strona właśnie przechodzi metamorfozę. Już wkrótce znajdziesz tutaj moje projekty, pomysły i inspiracje, którymi chcę się z Tobą dzielić.

Jeszcze odrobina cierpliwości — dopieszczam ostatnie szczegóły.

Dziękuję, że zaglądasz i zapraszam ponownie niebawem!

Hallo! 👋 Hier ist Ronald Straubel.

Meine Website macht gerade eine kleine Verwandlung durch. Schon bald wirst du hier meine Projekte, Ideen und Inspirationen entdecken können.

Bitte hab noch ein wenig Geduld — ich feile an den letzten Details.

Danke, dass du vorbeischaust — bis ganz bald!

Hi there! 👋 This is Ronald Straubel.

My website is currently undergoing a little transformation. Soon you’ll be able to explore my projects, ideas, and inspirations right here.

Just a little more patience — I’m polishing the final touches.

Thanks for stopping by — see you again very soon!

studiostraubel.com

Tryb konserwacji jest włączony

Website • Maintenance / Coming Soon