.cd-content .owl-carousel .owl-item img {
  padding: 0px;  /*Rahmen um Bilder*/
}
.cd-skip-link:not(:focus) {
  visibility: hidden; /*blendet 'direkt zur Haupseite' aus*/
}

.fa-twitter-square::before {
  content: "\e07b";
}

.cd-social-media-icon {
  margin-right: 15px;
}

.cd-carousel-container .cd-carousel-nav:hover {
  background-color: transparent;
}

.cd-carousel-container .cd-carousel-nav {
 font-size: 3vmax;
}

.container {
    max-width: 100%;
    margin: auto;
    box-shadow: none;
}

.cd-navigation-bar-container {
    position: sticky;
    top: 0;
    width: 100%;
    /*max-width: 1290px;*/
    /*margin: auto;*/
    z-index: 30000;
    transition: background 0.4s;
    /*box-shadow: 0px 2px 2px #f4f4f4ff;*/
}


.cd-image-caption-container {
    display: flex;
}

/* Bildbeschriftung Hitergrund */
.cd-image-caption-container .cd-image-caption {   
background: rgba(248, 248, 248, 1);
} 

/* Hitergrund bei Pop-up-Bildern */
.featherlight .featherlight-content {
  background: none;
} 

/* Pop-up-Bilder Close-Icon */
.featherlight .featherlight-close-icon {
  top: 25px;
  right: 25px;
  background: rgb(255, 246, 0, 1);
}

.cd-tile-v-box {
  max-width: 413px;
  display: grid;
  grid-template-columns: repeat(1, 100%);
  grid-template-rows: auto auto auto auto;
}

/*.cd-menu-item {
  position: relative;
  left: 60%
}*/


:target {
    scroll-margin-top: 60px; /* Standard für kleinere Bildschirme */
}

@media (min-width: 576px) { /* Tablets und größere Bildschirme */
    :target {
        scroll-margin-top: 60px; /* Größerer Abstand für größere Bildschirme */
    }
}

@media (min-width: 1024px) { /* Desktop */
    :target {
        scroll-margin-top: 233px; /* Noch größerer Abstand für große Bildschirme */
    }
}

/* Standardstil für größere Bildschirme (Desktop und iPad) */
.cd-image-wrapper-16_9 {
  width: 75%;
  text-align: left; /* Inhalt links ausrichten */
}

/* Stil für Mobilgeräte */
@media screen and (max-width: 768px) {
  .cd-image-wrapper-16_9 {
    width: 100%;
  }
}


/* Standardstil für größere Bildschirme (Desktop und iPad) */
.cd-news-text {
  width: 66.6%;
  max-width: none;
  margin-left: unset;
  text-align: left; /* Text links ausrichten */
}

/* Stil für Mobilgeräte */
@media screen and (max-width: 768px) {
  .cd-news-text {
  margin-left: unset;    
  width: 100%;
  }
}

/* Standardstil für größere Bildschirme (Desktop und iPad) */
.cd-data-value {
  width: 66.6%;
  text-align: left; /* Text links ausrichten */
}

/* Stil für Mobilgeräte */
@media screen and (max-width: 768px) {
  .cd-data-value  {   
  width: 100%;
  }
}

.cd-col.m6 {
  aspect-ratio: 1 / 1; /* Hält das Element immer quadratisch */
}