@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500&family=Manrope:wght@300;400;500&display=swap');
:root{
--ufer-green:#2f3d36;
--ufer-dark:#14251f;
--ufer-cream:#f3efe8;
--ufer-cream-2:#faf8f3;
--ufer-sand:#ddd3c5;
--ufer-text:#27332d;
--ufer-line:rgba(39,51,45,.18);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0}
.ufer-site{
width:100%;
overflow:hidden;
background:var(--ufer-cream-2);
color:var(--ufer-text);
font-family:"Inter",Arial,sans-serif;
font-weight:300;
}
.ufer-site a{color:inherit;text-decoration:none}
.ufer-wrap{width:min(1240px,calc(100% - 80px));margin:0 auto}
/* NAV */
.ufer-nav{
position:absolute;
inset:0 0 auto 0;
z-index:20;
height:104px;
}
.ufer-nav-inner{
width:min(1240px,calc(100% - 80px));
margin:0 auto;
height:100%;
display:flex;
align-items:center;
justify-content:space-between;
}
.ufer-logo-img{
display:block;
width:92px;
max-height:72px;
object-fit:contain;
}
.ufer-menu{display:flex;gap:42px;align-items:center;font-size:11px;letter-spacing:1.35px;text-transform:uppercase}
.ufer-menu a{position:relative;padding:8px 0}
.ufer-menu a:after{content:"";position:absolute;left:0;bottom:1px;width:0;height:1px;background:currentColor;transition:.28s ease}
.ufer-menu a:hover:after{width:100%}
/* HERO */
.ufer-hero{
position:relative;
min-height:780px;
display:flex;
align-items:center;
background:
linear-gradient(90deg,rgba(246,242,235,.98) 0%,rgba(246,242,235,.93) 22%,rgba(246,242,235,.56) 40%,rgba(246,242,235,.08) 63%,rgba(246,242,235,0) 100%),
url('http://noa-stays.com/wp-content/uploads/2026/08/4593fed3-3086-422c-b5d7-2ead140b6014.png') center 50% / cover no-repeat;
}
.ufer-hero:after{content:"";position:absolute;inset:auto 0 0 0;height:1px;background:rgba(255,255,255,.6)}
.ufer-hero-copy{width:360px;padding-top:72px;position:relative;z-index:2}
.ufer-eyebrow{font-size:10px;letter-spacing:2px;text-transform:uppercase;font-weight:500;margin-bottom:28px}
.ufer-hero-logo{width:210px;margin-bottom:26px}
.ufer-hero-logo img{display:block;width:100%;height:auto}
.ufer-hero-text{max-width:295px;font-size:14px;line-height:1.8;margin-bottom:34px}
.ufer-btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 24px;border:1px solid var(--ufer-dark);font-size:10px;letter-spacing:1.35px;text-transform:uppercase;transition:.25s ease;background:transparent}
.ufer-btn:hover{background:var(--ufer-dark);color:#fff}
.ufer-btn-dark{background:var(--ufer-dark);color:#fff}
.ufer-btn-dark:hover{background:transparent;color:var(--ufer-dark)}
.ufer-btn-light{border-color:#fff;background:#fff;color:var(--ufer-dark)}
.ufer-btn-light:hover{background:transparent;color:#fff}
/* ABOUT */
.ufer-about{padding:110px 0;background:var(--ufer-cream-2)}
.ufer-grid-2{display:grid;grid-template-columns:.8fr 1.4fr;gap:92px;align-items:center}
.ufer-kicker{font-size:10px;letter-spacing:1.7px;text-transform:uppercase;font-weight:500;margin-bottom:26px}
.ufer-title{font-family:"Manrope",sans-serif;font-size:42px;line-height:1.14;font-weight:300;letter-spacing:-.8px;margin:0 0 26px}
.ufer-rule{width:46px;height:1px;background:var(--ufer-text);opacity:.45;margin:24px 0 28px}
.ufer-copy{font-size:13px;line-height:1.85;max-width:420px;margin-bottom:32px}
.ufer-photo-card{position:relative;min-height:470px;overflow:hidden;background:url('http://noa-stays.com/wp-content/uploads/2026/08/4593fed3-3086-422c-b5d7-2ead140b6014.png') center / cover no-repeat}
.ufer-photo-card:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.02),rgba(17,29,24,.08))}
/* DARK / WATER */
.ufer-split-dark{display:grid;grid-template-columns:1.05fr .95fr;min-height:430px;background:var(--ufer-dark);color:#fff}
.ufer-water-img{background:url('http://noa-stays.com/wp-content/uploads/2026/08/ChatGPT-Image-12.-Aug.-2026-15_58_20.png') center / cover no-repeat}
.ufer-dark-copy{display:flex;flex-direction:column;justify-content:center;padding:76px 11%;background:linear-gradient(145deg,#20382f,#132820)}
.ufer-dark-copy .ufer-rule{background:#fff;opacity:.35}
.ufer-dark-copy .ufer-copy{color:rgba(255,255,255,.78)}
.ufer-inline-link{display:inline-flex;gap:14px;align-items:center;font-size:10px;letter-spacing:1.3px;text-transform:uppercase}
/* FEATURES */
.ufer-features{padding:100px 0 90px;background:var(--ufer-cream-2)}
.ufer-feature-grid{display:grid;grid-template-columns:1.3fr repeat(3,1fr);gap:60px}
.ufer-feature{padding-top:58px}
.ufer-feature-mark{font-family:"Manrope",sans-serif;font-size:31px;line-height:1;margin-bottom:20px;font-weight:300}
.ufer-feature-title{font-size:10px;letter-spacing:1.4px;text-transform:uppercase;font-weight:500;margin-bottom:14px}
.ufer-feature-text{font-size:12px;line-height:1.7;max-width:190px}
/* GALLERY */
.ufer-gallery-title{font-size:10px;letter-spacing:1.5px;text-transform:uppercase;margin:54px 0 14px}
.ufer-gallery{display:grid;grid-template-columns:1.08fr 1.25fr .95fr 1.25fr 1.08fr;gap:8px}
.ufer-gallery-item{height:190px;background-position:center;background-size:cover;background-repeat:no-repeat;overflow:hidden;position:relative}
.ufer-gallery-item:after{content:"";position:absolute;inset:0;background:rgba(16,28,23,.03);transition:.3s ease}
.ufer-gallery-item:hover:after{background:rgba(16,28,23,.12)}
/* CTA */
.ufer-cta{min-height:260px;display:flex;align-items:center;justify-content:center;text-align:center;color:#fff;background:linear-gradient(rgba(9,25,20,.62),rgba(9,25,20,.78)),url('http://noa-stays.com/wp-content/uploads/2026/08/ChatGPT-Image-12.-Aug.-2026-15_58_20.png') center / cover no-repeat}
.ufer-cta h3{font-family:"Manrope",sans-serif;font-size:34px;font-weight:300;margin:0 0 12px}
.ufer-cta p{font-size:12px;color:rgba(255,255,255,.8);margin:0 0 24px}
/* FOOTER */
.ufer-footer{background:#efebe3;padding:56px 0 28px}
.ufer-footer-grid{display:grid;grid-template-columns:1.45fr .9fr .9fr 1.15fr;gap:54px;align-items:start}
.ufer-footer-logo img{width:112px;height:auto;display:block;margin-bottom:18px}
.ufer-footer-desc{font-size:11px;line-height:1.7;max-width:220px}
.ufer-footer-h{font-size:10px;letter-spacing:1.4px;text-transform:uppercase;font-weight:500;margin-bottom:16px}
.ufer-footer-links{font-size:11px;line-height:1.9}
.ufer-footer-thumb{margin-top:18px;height:92px;background:url('http://noa-stays.com/wp-content/uploads/2026/08/4593fed3-3086-422c-b5d7-2ead140b6014.png') center / cover no-repeat}
.ufer-copyline{text-align:center;margin-top:38px;padding-top:18px;border-top:1px solid var(--ufer-line);font-size:9px;letter-spacing:1px;text-transform:uppercase}
/* SIMPLE REVEAL */
.ufer-reveal{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s ease}
.ufer-reveal.is-visible{opacity:1;transform:none}
@media(max-width:980px){
.ufer-wrap,.ufer-nav-inner{width:calc(100% - 40px)}
.ufer-menu{display:none}
.ufer-hero{min-height:720px;background-position:62% center}
.ufer-hero-copy{width:320px}
.ufer-grid-2,.ufer-feature-grid,.ufer-footer-grid{grid-template-columns:1fr}
.ufer-grid-2{gap:44px}
.ufer-split-dark{grid-template-columns:1fr}
.ufer-water-img{min-height:320px}
.ufer-feature{padding-top:18px}
.ufer-gallery{grid-template-columns:repeat(2,1fr)}
.ufer-gallery-item{height:220px}
}
@media(max-width:620px){
.ufer-wrap,.ufer-nav-inner{width:calc(100% - 28px)}
.ufer-nav{height:86px}
.ufer-logo-img{width:76px}
.ufer-hero{min-height:660px;background-position:66% center;background-image:linear-gradient(90deg,rgba(246,242,235,.97) 0%,rgba(246,242,235,.86) 48%,rgba(246,242,235,.20) 76%,rgba(246,242,235,0) 100%),url('http://noa-stays.com/wp-content/uploads/2026/08/4593fed3-3086-422c-b5d7-2ead140b6014.png')}
.ufer-hero-copy{width:270px;padding-top:65px}
.ufer-hero-logo{width:175px}
.ufer-about,.ufer-features{padding:72px 0}
.ufer-title{font-size:33px}
.ufer-photo-card{min-height:340px}
.ufer-dark-copy{padding:58px 28px}
.ufer-gallery{grid-template-columns:1fr}
.ufer-gallery-item{height:245px}
.ufer-cta{min-height:240px;padding:30px 20px}
}
Licht. Ruhe.
Design. Klarheit.
Dein Raum.
(function(){
const els=document.querySelectorAll('.ufer-reveal');
if(!('IntersectionObserver' in window)){
els.forEach(el=>el.classList.add('is-visible'));
return;
}
const obs=new IntersectionObserver((entries)=>{
entries.forEach(entry=>{
if(entry.isIntersecting){
entry.target.classList.add('is-visible');
obs.unobserve(entry.target);
}
});
},{threshold:.12});
els.forEach(el=>obs.observe(el));
})();
Willkommen im
Ein lichtdurchfluteter Raum für kreative Ideen, klare Ästhetik und besondere Momente.
Mehr erfahren
Über unser Studio
Licht. Ruhe.
Raum für Kreativität.
UFER Studio ist ein Tageslichtstudio mit einer klaren Gestaltung, natürlichen Materialien und einer ruhigen Atmosphäre. Ein Ort, an dem Ideen entstehen und visuelle Geschichten zum Leben erwachen.
Mehr über uns
Unser Anspruch
Design. Klarheit.
Wirkung.
Wir glauben an die Kraft des Einfachen. An ehrliches Design, hochwertige Materialien und einen respektvollen Umgang mit Raum, Licht und Menschen.
Mehr erfahren →
Für kreative Projekte
Dein Raum.
Deine Vision.
Ob Foto, Video, Workshop oder Event – UFER Studio bietet die perfekte Kulisse für Projekte mit Anspruch und Charakter.
Studio mieten
☼
Tageslicht
Große Fensterfronten sorgen für weiches, natürliches Licht.
⌑
Minimalistisch
Reduziert und stilvoll eingerichtet für maximale Gestaltungsfreiheit.
◇
Vielseitig
Flexibel nutzbar für unterschiedliche Formate und Anforderungen.
Impressionen