/* Neu */


.blog-item.tck-article::after {
  border-bottom: 1px solid #a6a6a6;
  padding-bottom: 20px;
  margin-bottom: 20px;
}

.article-info dd {
  font-size: 0.8em;
  line-height: 1.4em;
  color: #a6a6a6;
}

.category-desc::after {
  border-bottom: 1px solid #a6a6a6;

  padding-bottom: 20px;
  margin-bottom: 20px;
}



#wrapper-top-menu {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 9999;

  /* WICHTIG: Transition nur bei .scrolled aktiv */
  transition: none;
}

#wrapper-top-menu.scrolled {
  transition: top 0.3s ease-in-out;
}

#wrapper-top-menu:not(.show-top) {
  top: -100px;
}

#wrapper-top-menu.show-top {
  top: 0;
}

/*Dropdown Menü*/
/* Alle Module in der Position mainmeu-top nebeneinander darstellen */
[data-position="mainmeu-top"] {
  display: flex;
  justify-content: center; /* <-- Zentrierung horizontal */
  align-items: center;
  gap: 15px; /* Abstand zwischen den Modulen */
}

/* Module selbst ohne zusätzliche Block-Umbrüche */
[data-position="mainmeu-top"] .tck-module {
  margin: 0;
}



/* Dropdown-Optik wie Menüpunkt */

[data-position="mainmeu-top"] select {
  padding: 6px 0px;
  font-family: inherit;
  font-weight: 400; /* <-- kräftiger */
  border: none;
  background: transparent;
  color: #000000;
  height: 40px; /* an Menüleiste anpassen */
  cursor: pointer;
}

/* Hover-/Fokus-Effekt passend zum Menü */
#mainmeu-top select:focus,
#mainmeu-top select:hover {
  outline: none;
  background-color: rgba(255, 255, 255, 0.1);
  border-radius: 4px;
}

[data-position="mainmeu-top"] label {
  text-transform: uppercase;  /* Großbuchstaben */
  color: #a6a6a6;              /* Schriftfarbe */
  margin-right: 5px;           /* Abstand zum Dropdown */
}




/*Blockbilder-Grit Mediabox Ck*/
/* 4 Bilder nebeneinander auf Desktop */
.mediaboxck_cont:not(.mediaboxck_has_pagination), .mediaboxck_cont_inner {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.mediaboxck_item {
  width: calc(25% - 10px);
}

/* 2×2 Grid auf mobilen Geräten */
@media (max-width: 768px) {
  .mediaboxck_item {
    width: calc(50% - 10px);
  }
}

a.mediaboxck_link {
  min-width: 160px;
}



/*--- SCHRIFTEN ---*/

@font-face {
    font-family: 'Montserrat';
    src: url('../myfonts/Montserrat-Black.woff2') format('woff2');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../myfonts/Montserrat-ExtraLight.woff2') format('woff2');
    font-weight: 200;
    font-style: normal;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../myfonts/Montserrat-Regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../myfonts/Montserrat-Thin.woff2') format('woff2');
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: 'Lora';
    src: url('../myfonts/Lora-Regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Amalfi Coast';
    src: url('../myfonts/Amalfi Coast.woff2') format('woff2');
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: 'AlexBrush-Regular';
    src: url('../myfonts/AlexBrush-Regular.woff2') format('woff2');
    font-weight: 100;
    font-style: normal;
}


/* Anwendung der Schriftarten */
h1 {
    font-family: 'Montserrat', sans-serif;
    font-weight: 900; /* Black */
}

h2 {
    font-family: 'Montserrat', sans-serif;
    font-weight: 900; /* Black */
}

h3 {
    font-family: 'Lora', serif;
    font-weight: 400;
}

/*h3 {
    font-family: 'Montserrat', sans-serif;
    font-weight: 500; 
}*/

h4 {
    font-family: 'Montserrat', sans-serif;
    font-weight: 400; /* Regular */
}

/*h5 {
    font-family: 'Montserrat', sans-serif;
    font-weight: 900; 
}*/

/*h5 {
    font-family: 'AlexBrush-Regular', sans-serif;
    font-weight: 300; 
}*/

h5 {
    font-family: 'Amalfi Coast', sans-serif;
    font-weight: 800;
 	line-height: 2em;
 	font-size: 1.4em;

}

h6 {
    font-family: 'Amalfi Coast', sans-serif;
    font-weight: 100; /* Regular */
}

body {
    font-family: 'Montserrat', sans-serif;
    font-weight: 400; /* ExtraLight */
}


/* ____________________________________
LOTTIE
_______________________________*/

/*.hero-lottie {
  position: sticky;
  top: 0;
  z-index: 5;
  transform-origin: center center;
  transition: transform 0.5s ease-out, right 0.5s ease-out;
}

/* beim Scrollen kleiner + nach rechts */
/*.scrolled .hero-lottie {
  transform: scale(0.6);
  right: 10%;
}