/* Custom styles */
.top-bar {
    border-bottom: 1px solid #eaeaea;
}

.frame column {
    width: 33.33%;
    float: left;
    box-sizing: border-box;
}


/* Custom CSS for Mouseover Dropdown */
.container-fluid {
  padding: 0;
  margin: 0;
}


::-moz-selection { background: #bd9551; color: #fff; }
	::selection { background: #bd9551; color: #fff; }


/* Custom CSS for Mouseover Dropdown */
.navbar-nav .dropdown:hover .dropdown-menu {
    display: block;
    margin-top: 0; /* optional: adjust this value depending on your layout */
}

/* Ensure dropdowns open properly with Bootstrap */
.navbar-nav .dropdown-menu {
    display: none;
}
.navbar-nav .dropdown.show .dropdown-menu {
    display: block;
}

/* 
.carousel-inner img {
    height: 500px;
    object-fit: cover;
}
*/

.nav-item.dropdown:hover .dropdown-menu {
    display: block;
}



/* Inhaltsbereich */
body {
    background-color: #fff;
    font-size: 16px;
    color: #797979;
    width: 100%;
    padding: 0;
    margin-left: 0;
    margin-right: 0;
    font-weight: 400;
    width:100%;
    font-family: 'Raleway', sans-serif;
}

/***********************
*** Links **************
************************/
a {
    color: #343a40;
}

a:hover {
    color: #343a40;
}

a:visited {
    color: #343a40;
}

.icon-link {
    color: #343a40;
}

.icon-link:hover {
    color: #343a40;
}

.icon-link:visited {
    color: #343a40;
}

/**************************
*** Ueberschriften **************
**************************/
h1 {
    font-family: 'Montserrat', sans-serif;
    color:#6d6d6d;
    margin-bottom: 10px;
    font-size: 2rem;
    line-height: 4rem;
}
h2 {
    font-size: 1.8rem;
    line-height: 2rem;
}
h3 {
  line-height: 1.8rem;

}
h4 {
    font-size: 1.6rem;
    line-height: 2.2rem;
  font-color: #ffffff;
}
h5 {
    font-size: 1.3rem;
}
h6 {
    font-size: 1rem;
}


/**************************
*** Rootline **************
**************************/

.breadcrumb {
  padding: 8px 15px;
  margin-bottom: 50px;
  list-style: none;
  background-color: #f5f5f5;
  border-radius: 4px;
text-decoration: none;
}
.breadcrumb > a {
  text-decoration: none !important;
}
.breadcrumb > li {
  display: inline-block;
text-decoration: none;
}
.breadcrumb > li + li:before {
  padding: 0 5px;
  color: #ccc;
  content: "/\00a0";
}
.breadcrumb > .active {
  color: #777;
}


ul.breadcrumb li a {
    text-decoration:none !important;
}


.language-menu {
    display: flex;
    align-items: center; /* Vertikale Zentrierung */
    gap: 12px; /* Abstand zwischen den Flaggen */
}

.language-flag {
    display: inline-flex;
}

.language-flag img {
    width: auto; /* Passen Sie die Breite an */
    height: 12px; /* Behält das Seitenverhältnis bei */
}

.language-flag.active img {
}

.language-flag img:hover {
    outline: 1px #cecece solid;
    opacity: 0.7;
}



/*--------------------------------------------------------------
	UL Liste FooterMenu
--------------------------------------------------------------*/
a.footermenu:link {color: #797979; }
a.footermenu:visited {color: #797979; }
a.footermenu:hover {color: #797979; }
a.footermenu:focus {color: #797979; }
a.footermenu:active {color: #797979; }


.footermenu a {
    letter-spacing: 2px; 
    color: #797979;
    font-size: 14px;
}



/*--------------------------------------------------------------
	Tabellen
--------------------------------------------------------------*/

tbody tr:hover {
    background: #be9651;
    color: #fff;
}



.frame{
        margin-bottom: 40px !important;
	clear: both !important;
    }



.rootline-box {
        margin-bottom: 0px;
        padding-top: 20px !important;
        padding-left: 30px !important;
    }


****** Bilder responsive ****************/
.image-embed-item, embed, object, video {
width:100%;
max-width: 100%;
height: auto;
}

.img-fluid {
 
max-width: 100%;
height: auto;
}


/* Gallerie bis 992px auf volle Breite */
@media (max-width: 992px) {
    .ce-gallery {
        width: 100%;
    }
}
 
/* Anpassungen von kleinen bis groeßeren Geraeten */
@media (min-width: 640px) and (max-width: 1200px) {
    .ce-gallery .ce-column {
        margin: 0;
        /* Abstand zwischen Bildern */
        padding: 0 5px;
        box-sizing: border-box;
    }
 
 
    /* Kein Abstand beim ersten und letzten Bild */
    .ce-gallery .ce-column:first-child {
        padding-left: 0;
    }
    .ce-gallery .ce-column:last-child {
        margin-right: 0;
    }
 
    /* Fluid Image Tags */
    .ce-gallery img,
    .ce-gallery picture {
        width: 100%;
        height: auto;
    }
 
    /* Spaltenbreiten je nach eingestellten Columns */
    .ce-gallery[data-ce-columns="2"] .ce-column {
        width: 50%;
    }
 
    .ce-gallery[data-ce-columns="3"] .ce-column {
        width: 33%;
    }
 
    .ce-gallery[data-ce-columns="4"] .ce-column {
        width: 25%;
    }
 
    .ce-gallery[data-ce-columns="5"] .ce-column {
        width: 20%;
    }
}
 
/* Anpassungen fuer kleine Geraete */
@media (max-width: 640px) {
 
    /* Ein Bild pro Zeile */
    .ce-gallery .ce-column {
        margin: 0 0 10px;
        width: 100%;
        box-sizing: border-box;
    }
 
    /* Fluid Image Tags */
    .ce-gallery img,
    .ce-gallery picture {
        width: 100%;
        height: auto;
    }
}