/* URBANGOODLIVING Hauptseite Final 2026-09-08 */
.ugl-region-hub,.ugl-book-section{padding:110px 0;background:#f4f0e8;color:#172033}
.ugl-book-section{background:#fff}
.ugl-hub-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,.75fr);gap:60px;align-items:end;margin-bottom:54px}
.ugl-hub-head .eyebrow{grid-column:1/-1;margin-bottom:-28px}
.ugl-hub-head h2,.ugl-office-head h2{font-family:Georgia,'Times New Roman',serif;font-weight:400;font-size:clamp(40px,4.8vw,68px);line-height:1.05;letter-spacing:-.035em;margin:0;color:#061536}
.ugl-hub-head>p:last-child,.ugl-office-head>p:last-child{font-size:17px;line-height:1.75;color:#5d6576;margin:0}
.ugl-region-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.ugl-region-card{position:relative;display:grid;grid-template-columns:54px 1fr;column-gap:20px;align-content:start;min-height:285px;padding:32px;border:1px solid rgba(6,21,54,.13);background:#fff;transition:transform .2s,border-color .2s,box-shadow .2s}
.ugl-region-card:hover{transform:translateY(-4px);border-color:#c7a45a;box-shadow:0 22px 50px rgba(3,16,42,.10)}
.ugl-region-no{grid-row:1/6;color:#a48649;font-family:Georgia,'Times New Roman',serif;font-size:27px}
.ugl-region-card h3{font-family:Georgia,'Times New Roman',serif;font-weight:400;font-size:31px;line-height:1.1;color:#061536;margin:0 0 12px}
.ugl-region-places{font-size:12px!important;text-transform:uppercase;letter-spacing:.08em;color:#876d37!important;margin:0 0 18px!important;line-height:1.6!important}
.ugl-region-card p{font-size:15px;line-height:1.7;color:#626978;margin:0 0 24px}
.ugl-region-card strong{margin-top:auto;color:#69552d;text-transform:uppercase;letter-spacing:.08em;font-size:11px}
.ugl-office-section{padding:100px 0;background:#061536;color:#fff}
.ugl-office-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,.75fr);gap:60px;align-items:end;margin-bottom:48px}
.ugl-office-head .eyebrow{grid-column:1/-1;margin-bottom:-26px}
.ugl-office-head h2{color:#fff}
.ugl-office-head>p:last-child{color:rgba(255,255,255,.72)}
.ugl-office-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:rgba(255,255,255,.16)}
.ugl-office-grid article{background:#061536;padding:36px 40px}
.ugl-office-grid h3{font-family:Georgia,'Times New Roman',serif;font-size:30px;font-weight:400;color:#dfc486;margin:0 0 18px}
.ugl-office-grid p{margin:5px 0;color:rgba(255,255,255,.88);font-size:17px}
.ugl-office-grid a{display:inline-block;margin-top:18px;color:#dfc486;border-bottom:1px solid #dfc486;padding-bottom:4px}
.ugl-book-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
.ugl-book-card{padding:38px;background:#061536;color:#fff;min-height:250px;display:flex;flex-direction:column}
.ugl-book-card h3{font-family:Georgia,'Times New Roman',serif;font-weight:400;font-size:34px;line-height:1.15;color:#fff;margin:0 0 18px}
.ugl-book-card p{color:rgba(255,255,255,.74);font-size:16px;line-height:1.7;margin:0 0 28px}
.ugl-book-card strong{margin-top:auto;color:#dfc486;text-transform:uppercase;letter-spacing:.08em;font-size:11px}
.ugl-footer-hub{display:grid;grid-template-columns:1.35fr 1fr .8fr;gap:50px;padding:44px 0;border-top:1px solid rgba(255,255,255,.15);border-bottom:1px solid rgba(255,255,255,.15)}
.ugl-footer-hub>div{display:flex;flex-direction:column;gap:9px}
.ugl-footer-hub strong{color:#dfc486;text-transform:uppercase;letter-spacing:.12em;font-size:11px;margin-bottom:7px}
.ugl-footer-hub a,.ugl-footer-hub span{color:rgba(255,255,255,.76);font-size:13px;line-height:1.45}
.ugl-footer-hub a:hover{color:#dfc486}
/* Mobile Schutz: Personenbild und Hero Text werden getrennt. Kein Text ueber Personen. */
@media(max-width:760px){
 .hero{height:auto!important;min-height:0!important;display:flex!important;flex-direction:column!important;background:#03102a!important;padding-top:var(--ugl-fixed-header-height,76px)!important}
 .hero .header-bar{position:fixed!important}
 .hero-image{position:relative!important;inset:auto!important;order:1!important;width:100%!important;height:auto!important;aspect-ratio:16/10!important;object-fit:contain!important;object-position:center!important;transform:none!important;background:#03102a!important;margin:0!important}
 .hero-shade{display:none!important}
 .hero-content{order:2!important;position:relative!important;padding:38px 18px 58px!important;width:100%!important;background:#03102a!important}
 .hero-content.shell{width:100%!important}
 .hero h1{font-size:clamp(42px,12vw,60px)!important;line-height:1.02!important;max-width:100%!important}
 .hero-copy{font-size:16px!important;line-height:1.65!important;max-width:100%!important}
 .scroll-cue{display:none!important}
 .ugl-hub-head,.ugl-office-head{grid-template-columns:1fr;gap:20px;margin-bottom:34px}
 .ugl-hub-head .eyebrow,.ugl-office-head .eyebrow{grid-column:auto;margin-bottom:0}
 .ugl-region-hub,.ugl-book-section,.ugl-office-section{padding:72px 0}
 .ugl-region-grid,.ugl-book-grid,.ugl-office-grid{grid-template-columns:1fr}
 .ugl-region-card{grid-template-columns:42px 1fr;min-height:0;padding:26px 22px}
 .ugl-region-card h3{font-size:27px}
 .ugl-office-grid article{padding:28px 24px}
 .ugl-footer-hub{grid-template-columns:1fr;gap:30px;padding:36px 0}
}
@media(min-width:761px) and (max-width:1050px){.ugl-region-grid{grid-template-columns:1fr}.ugl-hub-head,.ugl-office-head{grid-template-columns:1fr}.ugl-book-grid{grid-template-columns:1fr}}