:root {
--gold: #c9a23a;
--gold-light: #e6c96f;
--gold-bright: #f1daa0;
--gold-dark: #80651c;
--text: #d9d0bd;
--text-title: #e5dcc8;
--text-soft: #bdb39e;
--text-muted: #958b78;
--border:
rgba(201, 162, 58, 0.38);
--border-strong:
rgba(201, 162, 58, 0.68);
}
* {
box-sizing: border-box;
}
html {
scroll-behavior: smooth;
}
body {
margin: 0;
min-height: 100vh;
font-family:
"Segoe UI",
Arial,
sans-serif;
color: var(--text);
background-color: #080808;
background-image:
linear-gradient(
rgba(0, 0, 0, 0.13),
rgba(0, 0, 0, 0.13)
),
url("/texture/background");
background-repeat:
repeat,
repeat;
background-position:
center top,
center top;
background-size:
auto,
1920px auto;
background-attachment:
fixed,
fixed;
overflow-x: hidden;
}
button,
input,
select,
textarea {
font: inherit;
}
a {
color: var(--gold-light);
text-decoration: none;
}
a:hover {
color: var(--gold-bright);
}
.page-shell {
min-height: 100vh;
}
.header {
border-bottom:
1px solid
var(--border);
background:
linear-gradient(
180deg,
rgba(2, 2, 2, 0.80),
rgba(4, 4, 4, 0.54)
);
}
.header-top {
max-width: 1650px;
margin: 0 auto;
padding:
8px 26px 12px;
display: grid;
grid-template-columns:
1fr auto 1fr;
align-items: center;
gap: 28px;
}
.header-info {
display: flex;
flex-direction: column;
gap: 3px;
}
.header-info-right {
align-items: flex-end;
text-align: right;
}
.logo-wrap {
display: flex;
justify-content: center;
align-items: center;
min-height: 175px;
}
.logo-link,
.placeholder-logo-link {
display: inline-block;
border-radius: 50%;
line-height: 0;
cursor: pointer;
transition: transform 220ms ease, filter 220ms ease;
}
.logo-link:hover,
.placeholder-logo-link:hover {
transform: translateY(-4px);
filter: drop-shadow(0 8px 14px rgba(227, 199, 103, 0.24));
}
.logo-link:focus-visible,
.placeholder-logo-link:focus-visible {
outline: 3px solid #e3c767;
outline-offset: 5px;
}
.logo {
display: block;
width: auto;
height: auto;
max-width: 540px;
max-height: 230px;
object-fit: contain;
filter:
drop-shadow(
0 10px 18px
rgba(0, 0, 0, 0.75)
)
drop-shadow(
0 0 18px
rgba(201, 162, 58, 0.16)
);
}
.main-content {
width: 100%;
max-width: 1500px;
margin: 0 auto;
padding:
25px 20px 48px;
}
.loading {
padding:
45px 20px;
text-align: center;
color: var(--text-soft);
}
body.standort-gelenau,
body.standort-auerbach,
body.standort-trattoria {
touch-action: pan-y;
}