/******************************************************************
    01. News - pcs_pcmloop_news_grid.php
*******************************************************************/

.post-image.vertical{
    aspect-ratio: 2 / 3;
}

.post-image.horizontal{
    aspect-ratio: 3 / 2;
}

.post-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.clamped {
   overflow: hidden;
   display: -webkit-box;
   -webkit-line-clamp: 4;
   -webkit-box-orient: vertical;
}
.fade-out {
   position: absolute;
   bottom: 0;
   left: 0;
   width: 100%;
   height: 35%;
   background: -webkit-linear-gradient(rgba(255,255,255,0) 0%, rgba(255, 255, 255, 0.95) 100%);
   background-image: -ms-linear-gradient(rgba(255,255,255,0) 0%, rgba(255, 255, 255, 0.95) 100%);
   background-image: linear-gradient(rgba(255,255,255,0) 0%, rgba(255, 255, 255, 0.95) 100%);
   background-image: -moz-linear-gradient(rgba(255,255,255,0) 0%, rgba(255, 255, 255, 0.95) 100%);
   background-image: -o-linear-gradient(rgba(255,255,255,0) 0%, rgba(255, 255, 255, 0.95) 100%);
   pointer-events: none;
}

.column-white .fade-out{
   position: absolute;
   bottom: 0;
   left: 0;
   width: 100%;
   height: 35%;
   background: -webkit-linear-gradient(rgba(255,255,255,0) 0%, rgba(255, 255, 255, 0.95) 100%);
   background-image: -ms-linear-gradient(rgba(255,255,255,0) 0%, rgba(255, 255, 255, 0.95) 100%);
   background-image: linear-gradient(rgba(255,255,255,0) 0%, rgba(255, 255, 255, 0.95) 100%);
   background-image: -moz-linear-gradient(rgba(255,255,255,0) 0%, rgba(255, 255, 255, 0.95) 100%);
   background-image: -o-linear-gradient(rgba(255,255,255,0) 0%, rgba(255, 255, 255, 0.95) 100%);
   pointer-events: none;
}

.column-grey .fade-out{
   position: absolute;
   bottom: 0;
   left: 0;
   width: 100%;
   height: 35%;
   background: -webkit-linear-gradient(rgba(249,249,249,0) 0%, rgba(249, 249, 249, 0.9) 100%);
   background-image: -ms-linear-gradient(rgba(249,249,249,0) 0%, rgba(249, 249, 249, 0.9) 100%);
   background-image: linear-gradient(rgba(249,249,249,0) 0%, rgba(249, 249, 249, 0.9) 100%);
   background-image: -moz-linear-gradient(rgba(249,249,249,0) 0%, rgba(249, 249, 249, 0.9) 100%);
   background-image: -o-linear-gradient(rgba(249,249,249,0) 0%, rgba(249, 249, 249, 0.9) 100%);
   pointer-events: none;
}

.read-more{
    font-weight: 400;
    border-bottom: 1px solid;
}
.read-more.ext-link{
    font-weight: 400;
    border-bottom: 0px solid;
}


/******************************************************************
    02. News - pcs_pcmloop_news_grid.php
*******************************************************************/

.et_pb_column.member-col-1,
.et-db #et-boc .et-l .et_pb_column.member-col-1{
  width: 40% !important;
}
.et_pb_column.member-col-2,
.et-db #et-boc .et-l .et_pb_column.member-col-2{
  width: 60% !important;
}

@media all and (min-width: 768px) and (max-width: 1300px) {
.et_pb_column.member-col-1,
.et-db #et-boc .et-l .et_pb_column.member-col-1{
    width: 40% !important;
  }
.et_pb_column.member-col-2,
.et-db #et-boc .et-l .et_pb_column.member-col-2{
    width: 60% !important;
  }
}

@media all and (min-width: 480px) and (max-width: 767px) {
.et_pb_column.member-col-1,
.et-db #et-boc .et-l .et_pb_column.member-col-1{
    width: 25% !important;
  }
.et_pb_column.member-col-2,
.et-db #et-boc .et-l .et_pb_column.member-col-2{
    width: 75% !important;
  }
}

@media all and (max-width: 479px) {
.et_pb_column.member-col-1,
.et-db #et-boc .et-l .et_pb_column.member-col-1{
    width: 40% !important;
  }
.et_pb_column.member-col-2,
.et-db #et-boc .et-l .et_pb_column.member-col-2{
    width: 60% !important;
  }
}


.post-image.horizontal.logo {
    position: relative;
}

.post-image.horizontal.logo .hover-image {
    display: none;
}

.post-image.horizontal.logo:hover .hover-image {
    display: block;
}

.post-image.horizontal.logo:hover img:not(.hover-image) {
    display: none;
}


.post-image.circle{
    width: 100%;
    height: 100%;
}

.post-image.circle img{
    padding: 5px;
    border: 2px solid #8f0a0b;
    border-radius: 100%;
    transition-duration: 0.2s;
}



/******************************************************************
    02. Institutionen - pcs_pcmloop_institution_list.php
*******************************************************************/

/* Nur für Screenreader sichtbar */
.sr-only {
  position: absolute;
  width: 1px; height: 1px;
  padding: 0; margin: -1px;
  overflow: hidden; clip: rect(0,0,0,0);
  white-space: nowrap; border: 0;
}

/* Alles in einer Zeile; mehrere Links per Komma trennen */
.link-list--inline { display: inline; list-style: none; padding-left: 0; margin: 0; }
.link-list--inline li { display: inline; }
.link-list--inline li + li::before { content: ", "; }

/* Abstand zwischen Text und Icon; Fokus sichtbar */
.ext-link i { margin-left: .35rem; }
.ext-link:focus { outline: 2px solid #8f0a0b; outline-offset: 2px; }

.fa-up-right-from-square::before {
  font-size: 12px !important;
}