.container-banner .banner-overlay {
   height: 40vh;
}
body.site {
  background-color:#000000;
  color:#FFFFFF;
  font-family: Arial Narrow;
}
:root {
  --cassiopeia-color-primary: #000000;
  --cassiopeia-color-link: #000000;
  --cassiopeia-color-hover: #000000;
}

.container-header {
   justify-content: right;
}

.container-header .navbar{
margin: auto;
}

.container-header .navbar-brand{
margin: auto;
}

.txt_header { 
  font-family: Arial Narrow;  }

.txt-banner {
  font-family: Arial Narrow;
  font-size: clamp(1rem, -1.14rem + 10.71vw, 4rem);
  padding:10px;
}

.txt{
  font-family: Arial Narrow;
  line-height: 200%;
}

.separator {
  border-bottom-style: solid;
  border-top-style: solid;
  height: auto;
  border-bottom-width: 0;
  flex-grow: 2;
  border: 0 solid #e7e6e6;
  
}

.button-default:hover {
  background: #7a1729;
  margin: auto;
}
.bella-button{
  width: 200px !important;
  padding: 12px 20px 12px 20px;
  border: 2px solid #fff; !important  
  margin: auto;
  text-decoration: none;
}
.trenner
{ margin: auto;
  width: 100% important!; 
  padding:30px;   
  font-family: Arial Narrow;
  font-weight: 300;
  text-decoration: none;
  text-align: center;
  background-color: #000;
  border-color: #000;
}
.trenner:hover {
  background: #7a1729;
  margin: auto;
  font-family: Arial Narrow;
  font-weight: 300;    
  text-decoration: none;
  text-align: center;
}
.trenner-social
{ padding:30px;   
  font-family: Arial Narrow;
  font-weight: 300;
  text-decoration: none;
  text-align: center;
 background: #000;
  border-color: #000;
}
.trenner-social:hover {
  margin: auto;
  font-family: Arial Narrow;
  font-weight: 300;   
  text-decoration: none;
  text-align: center;
  background: #000;
}
.trenner-reserve
{ padding:30px;   
  font-family: Arial Narrow;
  font-weight: 300;
  text-decoration: none;
  text-align: center;
  border-color: #000;
}
.trenner-reserve:hover {
  margin: auto;
  font-family: Arial Narrow;
  font-weight: 300;   
  text-decoration: none;
  text-align: center;
}
#trenner-box
{
  width: 100% important!;
  display: inline-block;
  margin: auto;
  text-align: center;
}
#trenner-box-insta
{
  width: 40% important!;
  margin-left: 10px;
  text-align: center;
}
#trenner-box-face
{
  width: 40% important!;
  margin-right: 10px;
  text-align: center;
}

#txt-contain
{background:rgba(0, 0, 0 , 0.7); border-radius: 0px; box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1); backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(5px); border: 1px solid rgba(255, 255, 255, 0.3); padding: 10px; width: 75%; margin: auto;}

#contain_ueber
{background-image: url("../../../../../images/bg_ueberuns.jpg"); width: 100%; margin: auto; padding: 5% 10% 5% 10%;}

#custombutton :hover
{ 
  border: 2px solid #fff; !important  
  margin: auto;
}
#bottom{
  width: 80%
  margin: auto;
  font-family: Arial Narrow;
  font-size: clamp(1rem, 1.5vw, 2rem);  
}

h3 {
  font-family: Arial Narrow;
  font-size: clamp(1rem, 5vw, 2rem);
  font-weight: 300;
}
h4 {
  font-family: Arial Narrow;
  font-size: clamp(1rem, 5vw, 2rem);
  font-weight: 200;
}
p {
  font-family: Arial Narrow;
  font-size: clamp(1rem, 1.5vw, 2rem);
}
a{
    font-family: Arial Narrow;
  font-size: clamp(1rem, 1.5vw, 2rem);
  color: #FFF;
  text-decoration: none;
}
a:hover{
    font-family: Arial Narrow;
  font-size: clamp(1rem, 1.5vw, 2rem);
  color: #FFF;  
  text-decoration: none;
}