.m-content-hero__content {
    background-color: rgba(0, 155, 172, .85);
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
    padding: 30px 40px 30px 80px;
}

.m-search-tiles__item .ph-button--cta {
    box-shadow: 0 5px 18px -10px rgba(0, 155, 172, .5);
    background-color: rgb(0, 155, 172);
    color: #fff;
}



.no-touch .m-search-tiles__item-link:hover~.m-search-tiles__item-content-wrapper .ph-button {
    border-color: #dadada;
    background-color: #dadada;
    color: #636363;
    font-weight: 600;
}

.m-search-tiles__item .no-touch .ph-button--cta:hover,.ph-button--cta:focus {
    border-color: #dadada;
    background-color: #dadada
}

.gpm-blog .section--dark .m-text-media__text, .gpm-blog .section--dark .m-text-media__title, .gpm-blog .section--image-dark .m-text-media__text, .gpm-blog .section--image-dark .m-text-media__title {
    padding: 2rem;
}

.gpm-blog-list .m-search-tiles__item-meta {
    text-transform: unset;
}

.gpm-blog .news-detail__right > h2 {
    margin-top: 30px;
}


.gpm-blog .news-detail__right {
    top: 88px;
}


.gpm-blog .news-detail__contact {
    position: static;
    top: auto;
}

.gpm-blog .news-detail__right {
    top: 88px;
    align-self: flex-start;
}

.gpm-blog .news-detail__contact img {
    display: block;
    width: 100%;
    height: auto;
    object-fit: cover;
}
.gpm-blog .news-detail section:not(.m-breadcrumb):not(.m-shariff-1) {
    padding-top: 10px;
}

/* Zitat-Box im Blog */
.gpm-blog blockquote,
.gpm-blog blockqoute {
    margin: 1.25rem 0;
    padding: 1rem 1.25rem;
    background: #f5f5f5;           /* hellgraue Fläche */
    border: 1px solid #e0e0e0;      /* feine graue Kontur */
    border-left: 4px solid #9e9e9e; /* graue Akzentlinie links */
    border-radius: 8px;
    color: inherit;
    font-style: normal;
    line-height: 1.6;
}

   .gpm-blog blockquote p:last-child,
   .gpm-blog blockqoute p:last-child {
       margin-bottom: 0;
   }

   .gpm-blog blockquote cite,
   .gpm-blog blockqoute cite {
       display: block;
       margin-top: 0.5rem;
       color: #777777;                 /* grauer Zitat-Quellentext */
       font-weight: 500;
       font-style: normal;
   }

.gpm-blog blockquote cite::before,
.gpm-blog blockqoute cite::before {
    content: "— ";
    color: #777777;                 /* grauer Gedankenstrich */
}


/* Layout: Autor-Block (Bild links, Text rechts) */
/* Container-Struktur laut Template:
   .m-single-author > .container > .inner-wrapper
   mit Bild-Links (img.author-image) und .text-wrapper (Name + Bio)
*/
.m-single-author {
    margin-top: 5rem;
}
.m-single-author .inner-wrapper {
    display: flex;
    align-items: flex-start;
    gap: 2rem;
}

.m-single-author .author-image {
    display: block;
    width: 220px;      /* feste Breite wie im Template */
    height: auto;
    object-fit: cover;
    flex: 0 0 220px;   /* fixierte linke Spalte */
}

.m-single-author .text-wrapper {
    flex: 1 1 auto;
    min-width: 0;
}

.m-single-author .text-wrapper .h1-title,
.m-single-author .text-wrapper .title,
.m-single-author .text-wrapper h1,
.m-single-author .text-wrapper h2,
.m-single-author .text-wrapper h3 {
    margin-top: 0;
    margin-bottom: 0.5rem;
}

.m-single-author .text-wrapper .copy,
.m-single-author .text-wrapper p {
    margin: 0;
    line-height: 1.6;
    color: inherit;
}

/* Responsiv: untereinander auf schmalen Screens */
@media (max-width: 768px) {
    .m-single-author .inner-wrapper {
        flex-direction: column;
        gap: 1rem;
    }
    .m-single-author .author-image {
        width: 100%;
        max-width: 360px;  /* optional: begrenzen */
        flex: 0 0 auto;
    }
}

/* Abstände zum folgenden Bereich "Alle Beiträge dieses Autors" */
.m-single-author + .m-three-columns-list,
.m-single-author + .m-three-columns-list .h2-title,
.m-three-columns-list .h2-title {
    margin-top: 2rem;
}

/* Grid für die Beitragsliste (ähnliches Layout wie "m-search-tiles") */
.m-three-columns-list .articles-wrapper {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 24px;
}

@media (max-width: 1024px) {
    .m-three-columns-list .articles-wrapper {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}
@media (max-width: 640px) {
    .m-three-columns-list .articles-wrapper {
        grid-template-columns: 1fr;
    }
}

/* Optional: Kartenoptik für einzelne Kacheln (falls nicht schon vorhanden)
.m-three-columns-list .articles-wrapper > * {
    background: #fff;
    border: 1px solid #e6e6e6;
    border-radius: 10px;
    overflow: hidden;
}

.m-three-columns-list .articles-wrapper > * a {
    text-decoration: none;
    color: inherit;
}

.m-three-columns-list .articles-wrapper > * .teaser,
.m-three-columns-list .articles-wrapper > * .content,
.m-three-columns-list .articles-wrapper > * .inner,
.m-three-columns-list .articles-wrapper > * .m-search-tiles__item-inner {
    display: block;
    padding: 16px;
}

*/
/* Karten-Grid für die Autoren-Beitragsliste */
.m-three-columns-list .articles-wrapper {
    display: grid !important;                         /* erzwingt Grid statt evtl. vererbtem Flex/Block */
    grid-template-columns: repeat(3, minmax(0, 1fr)); /* 3 Spalten Desktop */
    gap: 24px;
    align-items: stretch;
}

/* Responsive: 2 / 1 Spalte */
@media (max-width: 1024px) {
    .m-three-columns-list .articles-wrapper {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}
@media (max-width: 640px) {
    .m-three-columns-list .articles-wrapper {
        grid-template-columns: 1fr;
    }
}

/* Grid-Items: Breiten-Restriktionen entfernen, volle Kartenbreite nutzen */
.m-three-columns-list .articles-wrapper > * {
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
}

/* Kartenoptik (falls noch nicht vorhanden) */
.m-three-columns-list .articles-wrapper > * {
    padding: 0;
}

/* Innerer Padding-Wrapper – mehrere mögliche Klassennamen abdecken */
.m-three-columns-list .articles-wrapper > * .m-search-tiles__item-inner,
.m-three-columns-list .articles-wrapper > * .inner,
.m-three-columns-list .articles-wrapper > * .content,
.m-three-columns-list .articles-wrapper > * .teaser {
    display: block;
    padding: 16px;
}

/* Bild responsiv */
.m-three-columns-list .articles-wrapper img {
    display: block;
    width: 100%;
    height: auto;
}

/* Überschrift/Text in den Karten: normales Zeilen-Layout erzwingen */
.m-three-columns-list .articles-wrapper h3,
.m-three-columns-list .articles-wrapper h2,
.m-three-columns-list .articles-wrapper p,
.m-three-columns-list .articles-wrapper a {
    writing-mode: horizontal-tb !important;  /* gegen vertikale Darstellung */
    text-orientation: mixed !important;
    white-space: normal !important;
    word-break: normal !important;
    overflow-wrap: anywhere;                  /* lange Wörter sauber umbrechen */
}

/* Abstände der Überschrift über der Liste */
.m-three-columns-list .h2-title {
    margin: 1.5rem 0 1rem;
}

/* Falls du das Optik-Muster der Suchkacheln nutzen willst */
.m-three-columns-list .articles-wrapper > .m-search-tiles__item {
    display: block;
    height: 100%;
}
.m-three-columns-list .articles-wrapper > .m-search-tiles__item .m-search-tiles__item-inner {
    height: 100%;
    display: flex;
    flex-direction: column;
}
.m-single-author .author-contacts-inline {
    margin-top: 0.75rem;
    display: flex;
    align-items: center;
    gap: 0.5rem; /* Grundabstand */
    flex-wrap: wrap;
}

.m-single-author .author-contacts-inline .sep {
    margin: 0 0.25rem; /* Trennpunkt-Abstand */
    color: #9aa3ab;
}

.m-single-author .author-contacts-inline a {
    color: #0073aa;
    text-decoration: none;
}

.m-single-author .author-contacts-inline a:hover,
.m-single-author .author-contacts-inline a:focus {
    text-decoration: underline;
}