/*
Theme Name: Traumstation Berlin Premium
Theme URI: https://traumstation-berlin.de/
Author: My-Vision-Design-Studio
Description: Eigenständiges responsives Traumstation-Theme mit austauschbaren Bildern und Texten im WordPress Customizer. Elementor-kompatible Seitenvorlage.
Version: 1.0.0
Requires at least: 6.0
Text Domain: traumstation
*/
:root{--navy:#061c2c;--navy2:#09283d;--gold:#d9b875;--ink:#102538;--light:#f5f7f8}
*{box-sizing:border-box}body{margin:0;color:var(--ink);font-family:Arial,Helvetica,sans-serif;line-height:1.55}h1,h2,h3{font-family:Georgia,serif;line-height:1.13}h1{font-size:clamp(38px,5vw,70px)}h2{font-size:clamp(30px,3.2vw,46px);margin:.3em 0 .6em}h3{font-size:25px}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto}.wrap{max-width:1240px;padding:0 25px;margin:auto}.top{background:#041522;color:#eee;font-size:12px}.top .wrap{display:flex;justify-content:space-between;padding-top:9px;padding-bottom:9px;gap:15px}.top a{color:var(--gold)}.header{background:var(--navy);color:#fff}.header .wrap{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:88px}.brand{font:28px Georgia,serif;letter-spacing:1px;white-space:nowrap}.brand small{display:block;font:9px Arial,sans-serif;text-align:right;letter-spacing:2px;color:var(--gold)}.brand img{max-width:235px;max-height:74px;object-fit:contain}.nav{display:flex;align-items:center;gap:23px;font-size:14px}.nav ul{list-style:none;display:flex;gap:23px;margin:0;padding:0;flex-wrap:wrap}.nav a:hover{color:var(--gold)}.btn{display:inline-block;padding:13px 23px;background:var(--gold);color:#071c2b;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.3px;border:1px solid var(--gold)}.btn.outline{background:transparent;color:#fff;border-color:#fff}.btn:hover{filter:brightness(1.1)}.hero{min-height:560px;background:linear-gradient(90deg,rgba(1,15,25,.82),rgba(1,15,25,.1)),linear-gradient(#244053,#244053);background-position:center;background-size:cover;color:white;display:flex;align-items:center}.hero .wrap{width:100%}.hero-content{max-width:650px}.eyebrow{text-transform:uppercase;letter-spacing:2px;font-size:12px;font-weight:700}.hero h1{margin:20px 0}.hero p{max-width:540px;font-size:18px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:27px}.features{background:#f7f8f9;padding:25px 0}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.feature{display:flex;align-items:center;gap:13px;font-size:13px}.feature b{display:block}.symbol{color:#b89247;border:1px solid #caa75e;border-radius:50%;height:44px;width:44px;display:grid;place-items:center;font-size:22px;flex-shrink:0}.section{padding:70px 0}.intro{display:grid;grid-template-columns:1.2fr 1fr;gap:50px;align-items:end}.intro p{margin-bottom:25px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.category{min-height:355px;background:#123047;background-size:cover;background-position:center;display:flex;align-items:end;color:white}.category-inner{width:100%;padding:25px;background:linear-gradient(transparent,rgba(0,15,27,.98))}.category h3{margin:0 0 8px}.category p{margin:0 0 16px}.category .btn{background:transparent;color:var(--gold)}.expert{display:grid;grid-template-columns:1fr 1fr;background:var(--navy);color:#fff}.expert-photo{min-height:390px;background:#e5e8e9 center/cover}.expert-copy{padding:60px max(35px,calc((100vw - 1240px)/2));padding-right:35px}.expert-copy h2{color:#fff}.models{background:#fafafa}.model-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.model{border:1px solid #e3e5e6;background:white}.model img{width:100%;aspect-ratio:4/3;object-fit:cover}.model .info{padding:18px}.model h3{font:700 19px Arial,sans-serif;margin:0 0 8px}.model p{font-size:13px;min-height:45px}.model .btn{background:transparent;color:#8d6c31}.showroom{padding:85px 0;color:#fff;background:linear-gradient(90deg,rgba(0,16,28,.88),rgba(0,16,28,.12)),#294153 center/cover}.showroom .copy{max-width:540px}.footer{background:var(--navy);color:white;padding:55px 0 25px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1.5fr;gap:45px}.footer a{display:block;margin:7px 0}.footer p{font-size:13px;color:#d8e1e5}.footer small{color:#b9c7cf}.page-content{min-height:55vh;padding:60px 0}.page-content img{height:auto}.screen-reader-text{position:absolute;left:-9999px}
@media(max-width:900px){.header .wrap{flex-direction:column;padding-top:20px;padding-bottom:20px}.nav ul{justify-content:center}.feature-grid,.model-grid{grid-template-columns:repeat(2,1fr)}.expert-copy{padding:40px}.cards{gap:10px}}@media(max-width:620px){.top .wrap{flex-wrap:wrap}.nav ul{gap:12px;font-size:12px}.hero{min-height:490px}.feature-grid,.cards,.model-grid,.intro,.expert,.footer-grid{grid-template-columns:1fr}.expert-photo{min-height:330px}.section{padding:45px 0}}