@font-face {
    font-family: 'glacial_indifference';
    src: url('../fonts/glacialindifference-regular-webfont.woff2') format('woff2'),
         url('../fonts/glacialindifference-regular-webfont.woff') format('woff'),
         url('../fonts/glacialindifference-bold-webfont.woff2') format('woff2'),
         url('../fonts/glacialindifference-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

body {
  font-family: 'glacial_indifference';
  font-size: 15px;
  letter-spacing: .08em;
  color: #396147;
  background-color: #f9f5ef;
}

/* Desktop-Menü ausblenden auf Mobil */
@media (max-width: 991px) {
  #menu-desktop {
    display: none;
  }

  /* zugehörigen Toggler ausblenden */
  #menu-desktop
    .navbar-toggler,
  .navbar-toggler[aria-controls="navbar1"] {
    display: none;
  }
}

/* Mobil-Menü nur auf Mobil */
#menu-mobile {
  display: none;
}

@media (max-width: 991px) {
  #menu-mobile {
    display: block;
  }
}




@media (max-width: 991px) {
  .navbar-toggler[aria-controls="menu-desktop"] {
    display: none;
  }
}



/* Blog-Kategorien horizontal & zentriert */
.container-banner{
    position: sticky;
    top: 129px;
    z-index: 1;
    background-color: #f9f5ef;
    padding: 30px 0px 30px 0px;
    box-shadow: 0 2px 6px rgba(0,0,0,0.08);
}

.container-banner ul {
    display: flex;
    justify-content: center;
    gap: 1.5rem;
    list-style: none;
    padding: 0;
    margin: 0;
}

.container-banner li {
    margin: 0;
}

.container-banner a {
    text-decoration: none;
    font-weight: 600;
    padding: 0.5rem 0.75rem;
    white-space: nowrap;
}

.container-sidebar-right .sidebar-right:first-child {margin-top: 33px;}
.container-sidebar-right .sidebar-right:last-child {margin-top: 30px;}

/* Optional: Hover-Effekt */
.container-banner a:hover {
    text-decoration: underline;
}

.container-banner .active > a {
    text-decoration: underline;
}

@media (max-width: 991px) {
    .blog-custom-layout .col-lg-8,
    .blog-custom-layout .col-lg-4 {
        width: 100%;
    }
}

@media (max-width: 768px) {
    .container-banner {
        position: relative;
        top: 0px;
    }
}

@media (max-width: 576px) {
    .container-banner ul {
        gap: 0.75rem;
        flex-wrap: wrap;
    }
}


.blog-kategorien .mod-categories__list {
    display: flex;
    justify-content: center;
    gap: 1.5rem;
    padding: 0;
    margin: 0;
    list-style: none;
}

.com-content-category-blog .item-content,
.com-content-featured .item-content {
    padding: 20px;
    margin-bottom: 20px;
  background-color: transparent;
}

.blog-beitraege {
    /* background-color: #f2f2f2; */
   padding: 20px;
    margin-bottom: 20px;
}
  
.blog-custom-layout {
  margin-top:10px;
  margin-bottom: 40px;
}

.col-lg-6 {
  border-left: 1px solid #457656;
  border-right: 1px solid #457656;
}
 
.blog-bild {
      text-align: center;
}

.left.item-image,
.item-page .item-image {
  text-align: center;
  float: none;
}


.container-component>:first-child,.container-sidebar-left>:first-child,.container-sidebar-right>:first-child,.container-component>*+*,.container-sidebar-left>*+*,.container-sidebar-right>*+* {
    margin-top: 0em;
}

h2 {
  font-size: 1.2rem;
  font-weight: bold;
  letter-spacing: .3em;
  text-transform: uppercase;
}

a:not([class]) {
  text-decoration: none;
}

a {
  color: #AE6F7D;
}

h2 a{
  color: #396147;
  text-decoration: none;
}

p.link-text-g a{color: #AE6F7D;}
p.link-text-g a:hover{color: #396147;}

p.link-text-w a{color: #FFFFFF;}
p.link-text-w a:hover{color: #AE6F7D;}

p a:hover{
  color: #396147;
}

.footer a:not(.btn){
  text-decoration: underline;
}

.footer a:not(.btn):hover {
  color: #AE6F7D;
}
.footer a:not(.btn):active {
  color: #AE6F7D;
}
.container-footer {
  border-top: 1px solid #396147;
}

.header-text {
  letter-spacing: 0.6em;
  color: #FFFFFF;
  background-color: #396147;
}
/* Handy / kleine Bildschirme */
@media (max-width: 600px) {
  .header-text {
    font-size: 0.8rem;
    letter-spacing: 0.3em; /* optional, oft nötig */
    /* line-height: 1.2; */
  }
}

.container-header .mod-menu { margin-top: 52px;}

.container-header {
  background-color: #396147;
  background-image: none;
  border-bottom: 1px solid #457656;
}

.container-header p{
  margin-top: 25px;
  margin-bottom: 0px;
}

.h-light{
  font-weight: 100;
  font-size: 1.2rem;
  letter-spacing: .3em;
}

.abs-linie, .abs-linie-g{
  border: none;
  opacity: .75;
  color: #FFFFFF;
  background-color: #FFFFFF;
  width: 220px; /* Länge der Linie */
  height: 1px;  /* Dicke der Linie */
  margin-bottom: 40px;
}

.abs-linie-g { color: #396147; background-color: #396147;}

.flex { 
    display: flex; 
    justify-content: center; 
    align-items: center;
}

.flex-width{
  max-width: 450px;
}
/* +++ MENU +++ */
.sp-megamenu-parent .sp-dropdown .sp-dropdown-items .sp-has-child > a::after {
  display: none;  visibility: hidden; }

.metismenu.mod-menu .mm-toggler {
  display: none;  visibility: hidden;
}

.metismenu.mod-menu .metismenu-item {font-size: 0.95rem;}

.container-nav li.level-1.deeper.parent:hover > ul {display:block !important;}

.container-header .metismenu>li.active>a:after{background: #396147;}

.container-header .metismenu > li > a{
  color: #FFFFFF;         /* optional: Schriftfarbe ändern */
  text-decoration: none;
}
.container-header .metismenu > li > a:hover {
  color: #AE6F7D;         /* optional: Schriftfarbe ändern */
}

.container-header .metismenu>li>a:hover{text-decoration: none;;}

.container-header .metismenu > li > a {
  transition: background 0.3s ease, color 0.3s ease;
  text-decoration: none;
}

/* Icons S-Media */

.svg-icon {
  width: 32px;
  height: 32px;
  color: #ff6600;   /* wirkt, weil SVG fill=currentColor */
  fill: currentColor;
  /* optional: responsive */
  max-width: 100%;
  height: auto;
}

/* Formular Visform3 */

#mod-visform3 > fieldset {
   margin-bottom: 0% !important;
}

/* Inneres DIV (direkter Input-Container) */
#mod-visform3 [class*="field"] .form-group > div {
  width: 90%;
}

#mod-visform3 .offset-3 {
  margin-left: 5% !important;
}

#mod-visform3 input[type="submit"],
#mod-visform3 .btn-primary {
  display: block;
  margin-top: 20px;
  margin-left: 16.5%;
  margin-bottom: 0% !important;
  text-align: center;
  width: 200px;          /* feste Breite */
  max-width: 80%;        /* aber nicht breiter als 80% des Formulars */
}

.send-btn, .btn-primary {
  color: #FFF;
  background-color: #396147;
}

.btn:hover, .btn-active:hover {
  color: #FFF;
  background-color: #AE6F7D;
}
.btn-primary .btn:hover {
  color: #FFF;
  background-color: #AE6F7D;
}

.btn-check:checked+.btn, :not(.btn-check)+.btn:active, .btn:first-child:active, .btn.active, .btn.show {
  color: #FFF;
  background-color: #AE6F7D;
}

/* Position Untermenü */
.metismenu-item.parent {
  position: relative; /* Referenzpunkt für das Untermenü */
}

.metismenu-item.parent > ul.mm-collapse {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 100%; /* direkt unter dem Parent */
  text-align: center; /* zentriert den Textinhalt */
  min-width: 200px; /* optional */
}

/* Alle Menüpunkte der zweiten Ebene */
.metismenu.mod-menu .metismenu-item.level-2 {
  padding-left: 4px;
  padding-right: 4px;
  background-color: #396147;
  opacity: .96;
  text-align: center;
  display: block;
}
.container-header .metismenu > li > a {
  transition: background 0.3s ease, color 0.3s ease;
  text-decoration: none;
}
.container-header .metismenu .active>a, .container-header .metismenu>li.level-1.active>a{
  color: #AE6F7D;
  text-decoration: underline;
}

.mm-collapse .metismenu-item a { transition: background 0.3s ease, color 0.3s ease; color: #fff;}
.mm-collapse .metismenu-item a:hover { color: #AE6F7D;  text-decoration: none;} 
.mm-collapse .metismenu-item a:after { color: #AE6F7D;  text-decoration: none;} 

/* +++ FOOTER +++ */

.footer{
  background-color: transparent;
  background-image: none;
}
.footer .grid-child{
  padding: 0rem;
  justify-content: center;
}

.footer.container-footer.footer.full-width {margin-top: 0px;}

.footer .mod-menu {
  justify-content: center;
}

.footer-menu-css {
  font-weight: 100;
}

.footer-css {
  display: flex; 
  justify-content: center;
  background-color: transparent;
  font-weight: 100;
}


/* Navbar Toggler rund (Kreis) */
.navbar-toggler {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Icon zentrieren & skalieren */
.navbar-toggler-icon {
  width: 24px;
  height: 24px;
}

/* Optional: Hover */
.navbar-toggler:hover {
  background-color: rgba(0, 0, 0, 0.08);
}

/* Optional: Fokus-Rahmen entfernen */
.navbar-toggler:focus {
  box-shadow: none;
}

.pdf-button {
  color: #FFF;
  background-color: #396147;
}

.sppb-btn.pdf-button:hover {
  color: #FFF !important;
  background-color: #AE6F7D !important;
}

.sppb-btn.pdf-button {
  transition: background-color 0.3s ease, color 0.3s ease;
}

.sppb-btn.pdf-button:hover,
.sppb-btn.pdf-button:focus,
.sppb-btn.pdf-button:active {
  color: #FFF !important;
  background-color: #AE6F7D !important;
}


/* BLOG */
.com-content-article {padding-top: 50px; padding-bottom: 50px;}
.com-content-article h1{padding-top: 20px; padding-bottom: 20px;}