.section-heading {
display: flex;
justify-content: center;
align-items: center;
gap: 16px;
margin-bottom: 25px;
}
.section-heading h2 {
margin: 0;
color: var(--gold-light);
font-family:
Georgia,
"Times New Roman",
serif;
font-size: 1.65rem;
font-weight: 500;
letter-spacing: 0.05em;
text-align: center;
}
.section-heading > span {
width: 105px;
height: 1px;
background:
linear-gradient(
90deg,
transparent,
var(--gold),
transparent
);
}
.toros-info-section {
padding:
40px 22px;
border-top:
1px solid
var(--border);
background:
rgba(3, 3, 3, 0.78);
}
.toros-info-inner {
max-width: 1300px;
margin: 0 auto;
}
.toros-info-grid {
display: grid;
grid-template-columns:
repeat(
4,
1fr
);
gap: 14px;
}
.info-card {
padding:
19px 16px;
text-align: center;
border:
1px solid
rgba(201, 162, 58, 0.28);
border-radius: 10px;
background:
rgba(7, 7, 7, 0.82);
}
.info-card-highlight {
border-color:
rgba(232, 203, 114, 0.55);
}
.info-card-symbol {
width: 37px;
height: 37px;
margin:
0 auto 10px;
display: flex;
align-items: center;
justify-content: center;
border:
1px solid
var(--gold);
border-radius: 50%;
color: var(--gold-light);
}
.info-card h3 {
margin:
0 0 7px;
color: var(--gold-light);
font-family:
Georgia,
"Times New Roman",
serif;
font-size: 1.1rem;
}
.info-card p {
margin: 0;
color: var(--text-soft);
font-size: 0.84rem;
line-height: 1.5;
}
.info-card strong {
color: var(--text-title);
}
.service-section {
padding:
37px 22px;
background:
rgba(5, 5, 5, 0.84);
border-top:
1px solid
rgba(201, 162, 58, 0.18);
}
.service-inner {
max-width: 1300px;
margin: 0 auto;
}
.service-grid {
display: grid;
grid-template-columns:
repeat(
3,
1fr
);
gap: 10px;
}
.service-item {
padding:
14px 16px;
display: flex;
flex-direction: column;
gap: 3px;
border-left:
3px solid
var(--gold-dark);
background:
rgba(255, 255, 255, 0.024);
}
.service-item strong {
color: var(--gold-light);
}
.service-item span {
color: var(--text-soft);
font-size: 0.8rem;
}
.party-section {
padding:
44px 22px;
border-top:
1px solid
rgba(201, 162, 58, 0.24);
background:
linear-gradient(
180deg,
rgba(9, 8, 5, 0.91),
rgba(4, 4, 4, 0.93)
);
}
.party-inner {
max-width: 1300px;
margin: 0 auto;
}
.party-intro {
max-width: 850px;
margin:
0 auto 28px;
text-align: center;
color: var(--text-soft);
font-size: 0.95rem;
line-height: 1.6;
}
.party-intro p {
margin:
0 0 7px;
}
.party-grid {
display: grid;
grid-template-columns:
repeat(
4,
minmax(0, 1fr)
);
gap: 13px;
}
.party-card {
padding:
18px 17px;
border:
1px solid
rgba(201, 162, 58, 0.27);
border-radius: 10px;
background:
rgba(6, 6, 6, 0.78);
}
.party-card h3 {
margin:
0 0 13px;
color: var(--gold-light);
font-family:
Georgia,
"Times New Roman",
serif;
font-size: 1.05rem;
font-weight: 600;
}
.party-card ul {
margin: 0;
padding-left: 20px;
color: var(--text-soft);
}
.party-card li {
margin-bottom: 8px;
line-height: 1.4;
font-size: 0.84rem;
}
.party-card li::marker {
color: var(--gold);
}
.party-card li span {
color: var(--gold);
font-size: 0.75rem;
}
.party-contact {
margin-top: 22px;
padding:
18px 20px;
display: flex;
align-items: center;
justify-content: space-between;
gap: 25px;
border:
1px solid
rgba(201, 162, 58, 0.34);
border-radius: 10px;
background:
rgba(201, 162, 58, 0.045);
}
.party-contact-text {
display: flex;
flex-direction: column;
gap: 4px;
}
.party-contact-text strong {
color: var(--gold-light);
font-family:
Georgia,
"Times New Roman",
serif;
font-size: 1.05rem;
}
.party-contact-text span {
color: var(--text-soft);
font-size: 0.84rem;
}
.party-contact-buttons {
display: flex;
gap: 8px;
flex-wrap: wrap;
}
.party-button {
min-height: 42px;
padding:
9px 15px;
display: inline-flex;
align-items: center;
justify-content: center;
border:
1px solid
var(--gold);
border-radius: 7px;
background:
linear-gradient(
135deg,
#9a7521,
#dec262
);
color: #171208;
font-weight: 700;
}
.party-button:hover {
color: #090704;
background:
linear-gradient(
135deg,
#b4892a,
#f0d77e
);
}
.party-button-secondary {
color: var(--gold-light);
background:
rgba(0, 0, 0, 0.45);
}
.party-button-secondary:hover {
color: var(--gold-bright);
background:
rgba(201, 162, 58, 0.08);
}
.social-section {
padding:
25px 22px;
border-top:
1px solid
rgba(201, 162, 58, 0.16);
background:
rgba(4, 4, 4, 0.88);
}
.social-inner {
max-width: 1300px;
margin: 0 auto;
}
.social-card {
display: grid;
grid-template-columns:
auto minmax(0, 1fr) auto;
align-items: center;
gap: 18px;
padding:
18px 20px;
border:
1px solid
rgba(201, 162, 58, 0.27);
border-radius: 10px;
background:
rgba(6, 6, 6, 0.74);
}
.social-icon {
width: 45px;
height: 45px;
display: flex;
align-items: center;
justify-content: center;
border:
1px solid
var(--gold);
border-radius: 50%;
color: var(--gold-light);
font-family: Arial, sans-serif;
font-size: 1.5rem;
font-weight: 700;
}
.social-text h2 {
margin:
0 0 4px;
color: var(--gold-light);
font-family:
Georgia,
"Times New Roman",
serif;
font-size: 1.2rem;
}
.social-text p {
margin: 0;
color: var(--text-soft);
font-size: 0.84rem;
line-height: 1.5;
}
.facebook-button {
min-height: 42px;
padding:
9px 16px;
display: inline-flex;
align-items: center;
justify-content: center;
border:
1px solid
var(--gold);
border-radius: 7px;
color: var(--gold-light);
background:
rgba(201, 162, 58, 0.05);
font-weight: 600;
white-space: nowrap;
}
.facebook-button:hover {
color: var(--gold-bright);
background:
rgba(201, 162, 58, 0.10);
}
.contact-section {
padding:
40px 22px;
border-top:
1px solid
var(--border);
background:
rgba(4, 4, 4, 0.88);
}
.contact-inner {
max-width: 1300px;
margin: 0 auto;
display: grid;
grid-template-columns:
repeat(
2,
1fr
);
gap: 25px;
}
.contact-box {
padding: 22px;
border:
1px solid
rgba(201, 162, 58, 0.32);
border-radius: 11px;
background:
rgba(5, 5, 5, 0.72);
}
.contact-box h2 {
margin:
0 0 18px;
color: var(--gold-light);
font-family:
Georgia,
"Times New Roman",
serif;
font-size: 1.45rem;
font-weight: 500;
}
.contact-line {
display: grid;
grid-template-columns:
90px 1fr;
gap: 12px;
margin-bottom: 14px;
color: var(--text-soft);
line-height: 1.55;
}
.contact-label {
color: var(--gold);
font-weight: 600;
}
.opening-row {
padding:
9px 0;
display: flex;
justify-content: space-between;
gap: 15px;
border-bottom:
1px dotted
rgba(255, 255, 255, 0.11);
color: var(--text-soft);
}
.opening-row strong {
color: var(--gold-light);
white-space: nowrap;
}
.special-hours {
margin-top: 17px;
padding:
13px 14px;
border:
1px solid
rgba(201, 162, 58, 0.25);
border-radius: 8px;
}
.special-hours-title {
margin-bottom: 7px;
color: var(--gold);
font-size: 0.76rem;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.1em;
}
.special-hours-row {
padding:
4px 0;
display: flex;
justify-content: space-between;
gap: 20px;
color: var(--text-soft);
font-size: 0.84rem;
}
.special-hours-row strong {
color: var(--gold-light);
}
.route-section {
padding:
38px 22px;
border-top:
1px solid
rgba(201, 162, 58, 0.22);
background:
rgba(3, 3, 3, 0.90);
}
.route-inner {
max-width: 1300px;
margin: 0 auto;
}
.route-card {
display: grid;
grid-template-columns:
auto minmax(0, 1fr) auto;
align-items: center;
gap: 20px;
padding: 23px;
border:
1px solid
rgba(201, 162, 58, 0.37);
border-radius: 11px;
background:
linear-gradient(
110deg,
rgba(201, 162, 58, 0.055),
rgba(5, 5, 5, 0.86)
);
}
.route-icon {
width: 48px;
height: 48px;
display: flex;
justify-content: center;
align-items: center;
border:
1px solid
var(--gold);
border-radius: 50%;
color: var(--gold-light);
font-size: 1.25rem;
}
.route-content h3 {
margin:
0 0 7px;
color: var(--gold-light);
font-family:
Georgia,
"Times New Roman",
serif;
font-size: 1.2rem;
}
.route-content p {
margin: 0;
color: var(--text-soft);
line-height: 1.5;
}
.route-note {
margin-top:
5px ;
font-size: 0.82rem;
color:
var(--text-muted) ;
}
.route-button {
display: inline-flex;
min-height: 44px;
padding:
10px 17px;
align-items: center;
justify-content: center;
border:
1px solid
var(--gold);
border-radius: 8px;
color: #171208;
background:
linear-gradient(
135deg,
#9a7521,
#dec262
);
font-weight: 700;
white-space: nowrap;
}
.route-button:hover {
color: #090704;
background:
linear-gradient(
135deg,
#b4892a,
#f0d77e
);
}
.contact-inner.contact-inner-single {
grid-template-columns: minmax(0, 1fr);
max-width: 850px;
}
body.service-page {
background-color: #080808;
background-image:
linear-gradient(
rgba(0, 0, 0, 0.16),
rgba(0, 0, 0, 0.16)
),
url("/texture/background");
background-repeat: repeat, repeat;
background-position: center top, center top;
background-size: auto, 1920px auto;
background-attachment: fixed, fixed;
}
.service-standort-page {
background: transparent;
}
.service-standort-page .service-section,
.service-standort-page .party-section {
background: transparent;
}
.service-standort-page .service-inner,
.service-standort-page .party-inner {
padding: 1.2rem clamp(0.8rem, 2vw, 1.35rem) 1.45rem;
border: 1px solid rgba(201, 162, 58, 0.26);
border-radius: 14px;
background:
linear-gradient(
180deg,
rgba(10, 10, 10, 0.74) 0%,
rgba(5, 5, 5, 0.82) 100%
);
box-shadow:
0 14px 34px rgba(0, 0, 0, 0.28),
inset 0 1px 0 rgba(255, 226, 139, 0.04);
}
.service-standort-page .service-item,
.service-standort-page .party-card,
.service-standort-page .text-board {
border: 1px solid rgba(201, 162, 58, 0.24);
border-radius: 12px;
background:
linear-gradient(
180deg,
rgba(14, 14, 14, 0.90) 0%,
rgba(7, 7, 7, 0.93) 100%
);
box-shadow: inset 0 1px 0 rgba(255, 226, 139, 0.03);
}
.service-standort-page .service-item {
padding: 1rem 1rem;
border-left: 1px solid rgba(201, 162, 58, 0.24);
}
.service-standort-page .party-intro {
max-width: 900px;
margin: 0 auto 1.75rem;
padding: 1rem 1.15rem;
}
.service-standort-page .party-intro p:last-child {
margin-bottom: 0;
}
.service-standort-page .party-card {
background:
linear-gradient(
180deg,
rgba(12, 12, 12, 0.92) 0%,
rgba(6, 6, 6, 0.95) 100%
);
}
.service-standort-page .party-contact {
margin-top: 1.25rem;
padding: 1rem 1.15rem;
border-radius: 12px;
}
.service-standort-page .party-contact-text,
.service-standort-page .party-contact-buttons {
position: relative;
z-index: 1;
}
.toros-info-grid-compact {
grid-template-columns: 1fr;
}
.info-card-combined {
display: flex;
flex-direction: column;
gap: 0.72rem;
padding: 1rem 1.1rem;
}
.info-line {
display: flex;
align-items: center;
justify-content: flex-start;
gap: 0.72rem;
min-height: 2.25rem;
width: 100%;
text-align: left;
}
.info-line-highlight .info-line-text {
color: var(--gold-light);
}
.info-card-symbol-inline {
width: 2rem;
height: 2rem;
margin: 0;
font-size: 0.95rem;
}
.info-line-text {
color: var(--gold-light);
font-family: Georgia, "Times New Roman", serif;
font-size: 1.18rem;
font-weight: 600;
line-height: 1.2;
text-align: left;
}
.service-gallery-section {
margin: 0 auto 2rem;
width: min(91.25rem, calc(100% - (2 * var(--location-page-inline))));
max-width: none;
}
.service-gallery-inner {
padding: 1.2rem clamp(0.8rem, 2vw, 1.35rem) 1.45rem;
border: 1px solid rgba(201, 162, 58, 0.26);
border-radius: 14px;
background:
linear-gradient(
180deg,
rgba(10, 10, 10, 0.74) 0%,
rgba(5, 5, 5, 0.82) 100%
);
box-shadow:
0 14px 34px rgba(0, 0, 0, 0.28),
inset 0 1px 0 rgba(255, 226, 139, 0.04);
}
.catering-slider {
position: relative;
margin-top: 1rem;
border: 1px solid rgba(201, 162, 58, 0.24);
border-radius: 14px;
background: linear-gradient(180deg, rgba(10, 10, 10, 0.88), rgba(4, 4, 4, 0.95));
overflow: hidden;
}
.catering-slider-viewport {
position: relative;
aspect-ratio: 16 / 9;
min-height: 240px;
}
.catering-slide {
position: absolute;
inset: 0;
margin: 0;
opacity: 0;
pointer-events: none;
transition: opacity 360ms ease;
}
.catering-slide.is-active {
opacity: 1;
pointer-events: auto;
}
.catering-slide img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
background: #050505;
}
.catering-slider-nav {
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 2.5rem;
height: 2.5rem;
border: 1px solid rgba(201, 162, 58, 0.72);
border-radius: 999px;
background: rgba(8, 8, 8, 0.68);
color: var(--gold-light);
font-size: 1.6rem;
line-height: 1;
cursor: pointer;
z-index: 2;
}
.catering-slider-prev { left: 0.75rem; }
.catering-slider-next { right: 0.75rem; }
.catering-slider-dots {
position: absolute;
left: 50%;
bottom: 0.65rem;
transform: translateX(-50%);
display: flex;
gap: 0.45rem;
z-index: 2;
}
.catering-slider-dot {
width: 0.75rem;
height: 0.75rem;
border-radius: 999px;
border: 1px solid rgba(201, 162, 58, 0.9);
background: rgba(0, 0, 0, 0.5);
cursor: pointer;
}
.catering-slider-dot.is-active {
background: rgba(201, 162, 58, 0.95);
}
.service-gallery-section-top {
margin-top: 0;
margin-bottom: 1.65rem;
}
.catering-slider-nav,
.catering-slider-dots {
display: none ;
}
.service-page-tophead {
width: min(91.25rem, calc(100% - (2 * var(--location-page-inline))));
margin: 0 auto 1.1rem;
display: flex;
align-items: center;
justify-content: center;
gap: 0.95rem;
padding: 0.45rem 0 0.1rem;
}
.service-page-tophead-logo-link {
display: inline-flex;
align-items: center;
justify-content: center;
text-decoration: none;
}
.service-page-tophead-logo {
display: block;
width: clamp(4.5rem, 8vw, 6.2rem);
height: auto;
filter: drop-shadow(0 8px 18px rgba(0, 0, 0, 0.32));
}
.service-page-tophead-text h1 {
margin: 0;
color: var(--gold-light);
font-family: Georgia, "Times New Roman", serif;
font-size: clamp(1.35rem, 3vw, 2.15rem);
line-height: 1.1;
font-weight: 700;
}
.catering-slide figcaption {
display: none ;
}