/* Allgemeine Stile */
.content-area-primary{
    margin-top: 160px;
}
.content-area-presse{
    max-width: 1140px;
    margin:auto;
}


.externe-event-detail {
    width: 100%;
}

.externe-post-image img {
    height: 356px;
    width: 356px;
    max-width: 356px;
    object-fit: cover;
    border-radius: 4px;
}

.externe-post-readmore{
    margin-top: 16px;
}

.externe-post-readmore .button {
    display: flex;
    height: 48px;
    padding: 8px 6px;
    justify-content: center;
    align-items: center;
    border-radius: 4px;
    border: 1px solid #BFBFBF;
    background: #FCFCFC;
    max-width: 160px;
    color: #333;
    font-size: 16px;
    font-weight: 700;
    text-decoration: none;
}

.externe-posts {

}

.externe-post-heading {
    /*color: #333;*/
    text-align: center;
  /*font-family: "Roboto Slab";*/
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 32px; /* 133.333% */
    letter-spacing: -0.48px;
    margin-bottom: 16px;
    margin-top: 124px;
}

.externe-posts .externe-post {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 32px 0;
    gap: 32px;
}

.externe-post-date {
    color: #666;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    text-decoration: none;
}

.externe-post-category {
    display: flex;
    padding: 4px 8px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    border-radius: 4px;
    background: #EEE5FF;
    max-width: fit-content;
}

.externe-post-category a, .externe-post-category span {
    /*color: #333;*/
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    text-decoration: none;
    text-transform: uppercase;
}

.externe-post-title {
    margin: 0;
    margin-bottom: 16px;
}

.externe-post-title a {
  /*color: #333;*/
    font-size: 20px;
    font-weight: 600;
    line-height: 28px;
    letter-spacing: -0.4px;
    text-decoration: none;
}

.externe-post-excerpt {
    color: #666;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
}

.externe-post-meta {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 16px;
}

/* Event-Bereich */
.externe-event-main-content {
    display: flex;
    flex-direction: column;
    gap: 32px;
}

.externe-event-main-image{
    display: flex;
    justify-content: center;
    margin-bottom: 16px;
}

.externe-event-image{
    max-width: min-content;
}

.externe-event-image img {
    /*height: 494px;*/
    width: 356px;
    min-width: 356px;
    object-fit: cover;
}

.externe-event-title {
  /*color: #333;*/
    font-size: 36px;
    font-weight: 700;
    line-height: 44px;
    letter-spacing: -1px;
    text-transform: capitalize;
    margin-top: 8px;
}

.externe-event-content p {
  /*color: #666;*/
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  margin-top: 16px;
  margin-bottom: 16px;
}

.externe-event-image p,
.externe-event-image-title {
  color: #666;
  text-align: center;
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
}

.print-main-con{
  display: flex;
  align-items: center;
  gap: 20px;
  border-radius: 4px;
  background: #FFF;
  max-height: 92px;
  padding: 4px 10px 4px 10px;
  margin-bottom: 16px;
}

.print-detail-con{
  display: flex;
  padding: 24px;
  align-items: center;
  gap: 24px;
  align-self: stretch;
  flex-wrap: nowrap;
}
.print-detail-con p{
  color: #666;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  text-align: left;
}

.pdf-download-btn,.externe-event-image-open{
  display: flex!important;
  width: 48px!important;
  height: 48px;
  min-width: 48px;
  min-height: 48px;
  justify-content: center!important;
  align-items: center!important;
  border-radius: 4px;
  background: #636362;
  padding: 0px!important;
}

.externe-event-image-con{
  position: relative;
}

.externe-event-image-open{
  position: absolute;
  bottom: 24px;
  right: 16px;
}

.content-area-presse #breadcrumbs{
  /*color: #666;
  font-family: Roboto;*/
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-bottom: 34px;
}

.content-area-presse #breadcrumbs a{
    text-decoration: none;
}

.disclaimer-container{
    color: #666;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    margin-bottom: 16px;
}

/* Responsive Design */
@media (min-width: 768px) {
    .externe-posts .externe-post {
        flex-direction: row;
        align-items: center;
        gap: 64px;
    }

    .externe-event-main-content {
        flex-direction: row;
        gap: 64px;
    }
}

@media (max-width: 1240px) {
    .content-area-presse{
        padding-left: 24px;
        padding-right: 24px;
    }

    .externe-posts{
        padding-left: 24px;
        padding-right: 24px;
    }

    .content-area-presse .externe-posts{
        padding-left: 0px;
        padding-right: 0px;
    }

}

@media (max-width: 768px) {
    .externe-event-image img  {
        min-width: 256px;
    }

    .externe-post-image img {
        height: 100%;
        width: 100%;
        max-width: 100%;
    }

    .externe-post-readmore .button{
        min-width: -webkit-fill-available;
    }
}

@media (max-width: 400px) {

    .externe-event-image img  {
        min-width: 156px;
    }

    .externe-post-image img {
        max-width: 100%;
    }

}



.externe-post-category {
    background-color: var(--e-global-color-bg_cta_subtle);
}

.externe-post-image img,
.externe-post-readmore .button,
.externe-post-category,
.print-main-con,
.pdf-download-btn,
.externe-event-image-open  {
    border-radius: var(--sizes-button-button-radius);
}

.externe-post-readmore .button{
    background-color: var(--bg-subtle);
}