:root{
 --color-c1:#A68A56;
  --color-c2:#BF7F5A;
  
  --color-c3:#732002;
  --color-c4:#400101;
  --color-c5:#594C4C;
  
  --color-bright:#ffffff;
  --color-dark:#0D0D0D;

}
 
 

body{
	font-family: Arial;
	color: var(--color-dark);
	letter-spacing: 0.01em;
	font-size: clamp(1rem, 0.95rem + 0.5vw, 1.125rem);
  line-height: 1.6;
	background-color:var(--color-bright);
	hyphens: auto;
}
*, :after, :before {
	box-sizing: border-box;
}




*:focus {
	outline: none;
	 border-color: inherit;
  -webkit-box-shadow: none;
  box-shadow: none;
}

a
{ text-decoration: none; }

h1,h2,h3,h4,h5,h6
{
 
  font-family: "Playfair Display", serif;
  font-optical-sizing: auto;
  font-weight: 800;
  font-style: normal;
}

.google-font
{
  margin: 0 0 3rem 0; padding: 0;
}

.main-container
{
  margin-top: 3rem;
  margin-bottom: 3rem;
}

.main-container img
{
  border-radius: 10px;
}


.footer a
{
  color: var(--color-dark);
}

.footer a:hover
{
  color: var(--color-c2);
}

.footer a.a-tsolis
{
  color: var(--color-bright);
}


.footer a.a-tsolis:hover
{
  color: var(--color-4);
}

.google-font
{
  font-family: "Playfair Display", serif;
  font-optical-sizing: auto;
  font-weight: 800;
  font-style: normal;
}

.ts-btn
{
  color: var(--color-bright) !important;
}


.c-1{color: var(--color-c1) !important;}
.c-2{color: var(--color-c2);}
.c-3{color: var(--color-c3);}
.c-4{color: var(--color-c4);}
.c-5{color: var(--color-c5);}
.c-higlight{color: var(--color-higlight);}
.c-higlight_2nd{color: var(--color-highlight-2nd);}

.c-bright{color: var(--color-bright);}
.c-dark{color: var(--color-dark);}



.bg-c-1{background-color: var(--color-c1) !important;}
.bg-c-2{background-color: var(--color-c2) !important;}
.bg-c-3{background-color: var(--color-c3) !important;}
.bg-c-4{background-color: var(--color-c4) !important;}
.bg-c-5{background-color: var(--color-c5) !important;}
.bg-c-highlight{background-color: var(--color-highlight)}

.bg-c-red{background-color: #EC5051 !important;}
.bg-c-green{background-color: #8bd485  !important;}
.bg-c-bright{background-color: var(--color-bright)  !important;}
.bg-c-dark{background-color: var(--color-dark)  !important;}



.ts-font-big{font-size: clamp(3rem, 2.56rem + 2.22vw, 4rem);}
.ts-font-1{font-size: clamp(2.5rem, 2.28rem + 1.11vw, 3rem);}
.ts-font-2{font-size: clamp(2rem, 1.78rem + 1.11vw, 2.5rem);}
.ts-font-3{font-size: clamp(1rem, 0.56rem + 2.22vw, 2rem);}
.ts-font-4{font-size: clamp(1.2rem, 1.07rem + 0.67vw, 1.5rem);}
.ts-font-5{font-size: clamp(0.8rem, 0.71rem + 0.44vw, 1rem);}
.ts-font-6{font-size: clamp(0.7rem, 0.66rem + 0.22vw, 0.8rem);}







/* ===== COOKIE POPUP ===== */
.cookie-popup {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0,0,0,0.9);
  color: white;
  padding: 1rem;
  z-index: 10000;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 0.9rem;
}

.cookie-popup-inner {
  max-width: 800px;
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 1rem;
  align-items: center;
}

.cookie-popup p {
  margin: 0;
  flex: 1;
}

.cookie-popup a {
  color: #ffffff;
  text-decoration: underline;
}

.cookie-popup button {
  flex-shrink: 0;
}









 /* ===== Hero ===== */
.hero{
position:relative; min-height:100vh;

background-size:cover; background-position:center; color:#fff;
}
.hero .hero-inner{ min-height:100vh; padding-top:4.5rem; }

/* ===== Navbar (transparent über Hero) ===== */
.navbar-overlay{ position:absolute; top:0; left:0; right:0; z-index:1020; background:transparent!important; }
.navbar .nav-link,.navbar-brand{ color:#fff!important; transition:none!important; } /* sofortiges Färben */
.navbar .nav-link:hover{ color:#e9ecef!important; }
.nav-item.dropdown>.nav-link.dropdown-toggle::after{ display:none!important; content:none!important; } /* kein Pfeil */

/* Dropdown-Look Desktop */
.dropdown-menu{
background:rgba(0,0,0,.7);
border:1px solid rgba(255,255,255,.15);
backdrop-filter:blur(2px);
}
.dropdown-item{ color:#fff; }
.dropdown-item:hover,.dropdown-item:focus{ background:rgba(255,255,255,.1); color:#fff; }

/* ===== Desktop: Hover-Dropdown, nahtlos & „kleben“ ===== */
@media (min-width:992px){
.nav-item.dropdown:hover>.dropdown-menu{ display:block; margin-top:0; }
.nav-item.dropdown:hover>.nav-link,
.nav-item.dropdown:has(.dropdown-menu:hover)>.nav-link{
  background:rgba(0,0,0,.7); color:#fff!important;
  border-bottom-left-radius:0; border-bottom-right-radius:0;
}
.nav-item.dropdown:hover>.dropdown-menu,
.nav-item.dropdown:has(.dropdown-menu:hover)>.dropdown-menu{
  border-top-left-radius:0; border-top-right-radius:0;
}
}

/* ===== EIN Menü-Block, Mobile-Overlay via Checkbox (kein JS) ===== */
#navToggle{ display:none; } /* Steuer-Checkbox */

/* Burger (Label toggelt #navToggle) */
.mobile-toggle-btn{
border:0; background:transparent; width:44px; height:44px; position:relative; cursor:pointer;
}
.mobile-toggle-btn .bar,
.mobile-toggle-btn .bar::before,
.mobile-toggle-btn .bar::after{
content:""; position:absolute; left:8px; right:8px; height:2px; background:#fff; border-radius:1px;
}
.mobile-toggle-btn .bar{ top:21px; }
.mobile-toggle-btn .bar::before{ top:-8px; }
.mobile-toggle-btn .bar::after{ top:8px; }

/* Desktop-Layout: Menü rechtsbündig */
.navbar-collapse{ display:flex!important; justify-content:end; }

/* ===== MOBILE OVERLAY (Fix: oben links statt unten rechts) ===== */
@media (max-width:991.98px){
.navbar-collapse{
  position:fixed; left:0; top:0; width:100vw; height:100vh;
  background:rgba(0,0,0,.92); color:#fff; z-index:1050;
  opacity:0; visibility:hidden; transition:opacity .25s ease, visibility .25s ease;
  display:flex!important; flex-direction:column;
  padding:24px;

  /* FIX: Ausrichtung zurücksetzen */
  justify-content:flex-start;   /* statt end -> sonst unten */
  align-items:flex-start;       /* statt stretch + ms-auto-Effekt */
  text-align:left;
}
/* Overlay sichtbar, wenn Checkbox aktiv */
#navToggle:checked ~ .navbar .navbar-collapse{ opacity:1; visibility:visible; }

/* Close-X (Label toggelt dieselbe Checkbox) */
.mobile-close{ position:absolute; top:12px; right:12px; width:44px; height:44px; cursor:pointer; }
.mobile-close::before,.mobile-close::after{
  content:""; position:absolute; left:10px; right:10px; top:21px; height:2px; background:#fff; border-radius:1px;
}
.mobile-close::before{ transform:rotate(45deg); }
.mobile-close::after{ transform:rotate(-45deg); }

/* Menü-Liste vertikal, LINKS ausgerichtet */
.navbar-nav{
  flex-direction:column; gap:.25rem; margin-top:56px; align-items:stretch; width:100%;
}
/* FIX: ms-auto neutralisieren (hat zuvor nach rechts geschoben) */
.navbar-nav.ms-auto{ margin-left:0!important; }

.navbar-nav .nav-item{ border-bottom:1px solid rgba(255,255,255,.1); }
.navbar-nav .nav-link{ font-size:1.25rem; padding:.75rem 0; }

/* Gleiches Dropdown-UL mobil „offen“ & ohne Background */
.navbar-nav .dropdown-menu{
  position:static; display:block; background:transparent; border:0; padding:0 0 0 1rem; margin:0;
}
.navbar-nav .dropdown-menu .dropdown-item{
  font-size:1.05rem; padding:.5rem 0; color:#fff;
}

/* Mobile-only CTAs (ans Ende) */
.mobile-cta{ margin-top:auto; display:grid; gap:.75rem; width:100%; }
.mobile-cta .btn{ width:100%; padding-top:12px; padding-bottom:12px; font-size:1.05rem; }
}

/* CTAs & Close-X nur mobil sichtbar */
@media (min-width:992px){ .mobile-cta, .mobile-close{ display:none!important; } }

/* Hero-Buttons auf XS full width */
@media (max-width:575.98px){ .btn-stack .btn{ width:100%; } }






/* Linie mittig */
.card{background-color:transparent;}
.py-8{padding-bottom:4.5rem!important;padding-top:4.5rem!important}@media(min-width:576px){.py-sm-8{padding-bottom:4.5rem!important;padding-top:4.5rem!important}}@media(min-width:768px){.py-md-8{padding-bottom:4.5rem!important;padding-top:4.5rem!important}}@media(min-width:992px){.py-lg-8{padding-bottom:4.5rem!important;padding-top:4.5rem!important}}@media(min-width:1200px){.py-xl-8{padding-bottom:4.5rem!important;padding-top:4.5rem!important}}@media(min-width:1400px){.py-xxl-8{padding-bottom:4.5rem!important;padding-top:4.5rem!important}}.bsb-timeline-1{--bsb-tl-color:var(--bs-primary-bg-subtle);--bsb-tl-circle-color:var(--bs-primary);--bsb-tl-circle-size:18px;--bsb-tl-circle-offset:9px}.bsb-timeline-1 .timeline{list-style:none;margin:0;padding:0;position:relative}.bsb-timeline-1 .timeline:after{background-color:var(--bsb-tl-color);bottom:0;content:"";left:0;margin-left:-1px;position:absolute;top:0;width:2px}.bsb-timeline-1 .timeline>.timeline-item{margin:0;padding:0;position:relative}.bsb-timeline-1 .timeline>.timeline-item:before{background-color:var(--color-c1);border-radius:50%;content:"";height:var(--bsb-tl-circle-size);left:calc(var(--bsb-tl-circle-offset)*-1);position:absolute;top:0;width:var(--bsb-tl-circle-size);z-index:1}.bsb-timeline-1 .timeline>.timeline-item .timeline-body{margin:0;padding:0;position:relative}.bsb-timeline-1 .timeline>.timeline-item .timeline-content{padding:0 0 2.5rem 2.5rem}@media(min-width:768px){.bsb-timeline-1 .timeline>.timeline-item .timeline-content{padding-bottom:3rem}}.bsb-timeline-1 .timeline>.timeline-item:last-child .timeline-content{padding-bottom:0}