Schlagwort: Stuttgart..

<![CDATA[<![CDATA[<![CDATA[<![CDATA[]]]]]]]]>]]]]]]>]]]]>]]>

 

 

<![CDATA[<![CDATA[<![CDATA[<![CDATA[ ul a,
.mod-article .article-body > ul a {
color: #292929;
display: inline;
width: auto;
border-bottom: 2px solid #e8a901;
font-weight: 700 !important;
}

/* Autorenkennzeichnung im Teaser EGM-1555 */
.appetizer-bottom-wrapper {
position: relative;
}
.appetizer-author {
font-family: “Source Sans”;
font-size: 17px;
font-style: italic;
color: #1c1c1c;
position: absolute;
}

@media (prefers-color-scheme: dark) {
.appetizer-author {
color: var(–color-bodytext-darkmode);
}
}

[data-layout=”mobile”] .appetizer-author {
font-size: 15px;
white-space: nowrap;
overflow-x: clip;
text-overflow: ellipsis;
max-width: 235px;
}

[data-layout=”tablet”] .appetizer-author,
[data-layout=”desktop”] .appetizer-author {
white-space: nowrap;
overflow-x: clip;
text-overflow: ellipsis;
max-width: 250px;
}

.teaser-hero .appetizer-author {
margin-bottom: 0 !important;
width: 200px;
left: 33px;
top: 22px;
}
[data-layout=”mobile”] .teaser-hero .appetizer-author {
left: 18px;
}
.swiper .appetizer-author {
bottom: 8px;
left: 15px;
}
[data-layout=”mobile”] .swiper .appetizer-author {
bottom: -22px;
left: 0;
}

.grid-row-teaser .boxitem .appetizer-author,
.grid-row-teaser.mod-block-ressort .appetizer-author,
.boxitem.sgle .appetizer-author,
.mod-block-ressort .appetizer-author,
.grid-row-teaser.boxitem .appetizer-author {
bottom: -20px;
width: 100%;
left: 340px;
}

#pos_stzplus .appetizer-author {
left: 15px;
bottom: 15px;
}

[data-layout=”mobile”] .grid-row-teaser .boxitem .appetizer-author,
[data-layout=”mobile”] .grid-row-teaser.mod-block-ressort .appetizer-author,
[data-layout=”mobile”] .boxitem.sgle .appetizer-author,
[data-layout=”mobile”] .mod-block-ressort .appetizer-author,
[data-layout=”mobile”] .grid-row-teaser.boxitem .appetizer-author {
width: 100%;
left: 0;
}

.grid-row-teaser.mod-block-ressort.boxitem .beliebt .appetizer-author {
left: 0;
bottom: -10px;
}

[data-layout=”mobile”]
.grid-row-teaser.mod-block-ressort.boxitem
.beliebt
.appetizer-author {
bottom: 15px;
}

.brickgroup.grid-row-teaser.ressortblock
.boxitem
.topnews-article-list
.appetizer-author {
left: 0;
bottom: 25px;
}

.brickgroup.grid-row-teaser.ressortblock .boxitem .topnews-article-list time {
margin-bottom: -35px;
}

[data-layout=”mobile”] .teaser-hero .appetizer .headline-wrapper .image {
padding-bottom: 66%;
}

.brick.boxitem.sgle.world-news .appetizer-author {
display: none;
}

/* Fix 16:9 Medium-Teaser Bild Mobile */
[data-layout=”mobile”] figure .image img {
height: auto;
}

.data:not(.no-img) .image {
padding-bottom: unset !important;
height: auto;
}

[data-layout=”mobile”]
.mod-article
.artikelbildwrapper
.image-wrapper
.image {
padding-bottom: unset;
}

/* Fix Badge Icon */
[data-layout=”desktop”] .teaser-hero .appetizer .badges,
[data-layout=”tablet”] .teaser-hero .appetizer .badges {
bottom: 16px;
}

[data-layout=”mobile”] .teaser-hero .appetizer .badges {
bottom: 49px;
}

/* EGM-1155 – Bei uns daheim Anpassungen */
[data-tags*=”Bei_uns_daheim”] .article-kicker:before,
[data-tags*=”Bei_uns_daheim”] .appetizer-kicker:before,
[data-tags*=”Bei uns daheim”] .appetizer-kicker:before,
.ressort-bei-uns-daheim .header h4 a:before {
content: “”;
background-image: url(
background-size: contain;
background-repeat: no-repeat;
position: relative;
top: 5px;
height: 22px;
width: 100px;
display: inline-block;
margin-right: 5px;
}

.ressort-bei-uns-daheim .header h4 a:before {
width: 120px;
height: 30px;
}

[data-layout=”mobile”] .ressort-bei-uns-daheim .header h4 a:before {
height: 25px;
}

.ressort-bei-uns-daheim .header h4 a {
color: #adc32b !important;
}

.ressort-bei-uns-daheim .header h4 a:hover {
color: #adc32b !important;
}

.ressort-bei-uns-daheim .header h4,
.ressort-bei-uns-daheim .ress-more a,
.ressort-bei-uns-daheim .ress-more a:hover {
border-color: #adc32b !important;
}

.ressort-bei-uns-daheim .ress-more a {
color: #adc32b !important;
}

.ressort-bei-uns-daheim .ress-more a img {
filter: invert(70%) sepia(100%) saturate(358%) hue-rotate(19deg)
brightness(91%) contrast(86%);
}

@media (prefers-color-scheme: dark) {
.ressort-bei-uns-daheim .ress-more a:after,
.ressort-bei-uns-daheim .ress-more a {
color: #adc32b !important;
}

.ressort-bei-uns-daheim .ress-more a img {
filter: none;
}
}

[data-tags*=”Bei_uns_daheim”] .appetizer-kicker:before,
[data-tags*=”Bei uns daheim”] .appetizer-kicker:before {
top: 6px;
}

/* ############## Ende Bei uns daheim Anpassungen */

[data-tags*=”hilfe_für_den_nachbarn”] .appetizer-kicker:before,
[data-tags*=”hilfe_für_den_nachbarn”] .article-kicker:before {
content: “” !important;
background: url(/media.media.34ad5d07-3c5b-4076-94d5-71831bc4806c.original.svg);
background-repeat: no-repeat !important;
width: 23px;
height: 23px;
display: inline-block;
margin-right: 3px;
margin-bottom: -7px;
background-color: transparent !important;
background-size: contain !important;
}

/* Anpassung Infobox Überschrift */
@media (prefers-color-scheme: dark) {
.mod-article .article-body h2.infobox {
color: #e8a901 !important;
}
}

[data-layout=”desktop”]
.beliebt
.item
.content
.headline-wrapper
figure
.image,
[data-layout=”tablet”]
.beliebt
.item
.content
.headline-wrapper
figure
.image {
height: auto;
}

/* EGM-1262 */
.mod-article .recoTeaser a[data-tags*=”Advertorial”]:before,
#pianoRecoPlusbox a[data-tags*=”Advertorial”]:before,
#pianoRecoTaboola a[data-tags*=”Advertorial”]:before,
#pianoRecoHome a[data-tags*=”Advertorial”]:before {
content: “Anzeige”;
color: #292929;
display: block;
height: 15px;
font-size: 13px;
position: absolute;
right: 0;
}

[data-layout=”desktop”] #pianoRecoPlusbox a[data-tags*=”Advertorial”]:before,
[data-layout=”tablet”] #pianoRecoPlusbox a[data-tags*=”Advertorial”]:before {
right: 15px;
}

[data-layout=”mobile”]
.mod-article
.recoTeaser
a[data-tags*=”Advertorial”]:before,
#pianoRecoPlusbox a[data-tags*=”Advertorial”]:before,
#pianoRecoTaboola a[data-tags*=”Advertorial”]:before,
#pianoRecoHome a[data-tags*=”Advertorial”]:before {
margin-top: -20px;
}

[data-layout=”mobile”]
#pianoRecoTaboola
.item:first-child
a[data-tags*=”Advertorial”] {
margin-top: 5px;
}

@media (prefers-color-scheme: dark) {
.mod-article .recoTeaser a[data-tags*=”Advertorial”]:before,
#pianoRecoPlusbox a[data-tags*=”Advertorial”]:before,
#pianoRecoTaboola a[data-tags*=”Advertorial”]:before,
#pianoRecoHome a[data-tags*=”Advertorial”]:before {
color: #e5e4de;
}
}

/* GROW-309 – Weißraum bei leeren Werbeblöcken entfernen */
.ad {
line-height: 0;
}

[data-layout=”desktop”] .article-body .ad .item,
[data-layout=”tablet”] .article-body .ad .item {
padding-top: 0;
}

[data-layout=”mobile”] .ad {
margin: 0;
}

[data-layout=”mobile”] .article-body .ad .item {
margin-top: 0;
}

/* EGM-1334 – Div. Fehler auf StZ-Webseite beseitigen */

@media (prefers-color-scheme: dark) {
[data-layout=”mobile”] .mod-header-new .header-top .header-logo > a img {
padding: 5px 0;
}

#myIframe,
[data-alias=”
.mod-header-new
.header-bottom
.swiper-button-next:before,
[data-alias=”
.mod-header-new
.header-bottom
.swiper-button-prev:before,
[data-alias=”
.mod-header-new
.header-bottom
> div:after,
[data-alias=”
.mod-header-new
.header-bottom
> div:before {
background-color: #eeede9 !important;
}

[data-layout=”mobile”][data-alias=”
.mod-header-new
.header-bottom
.swiper-button-next:before,
[data-layout=”mobile”][data-alias=”
.mod-header-new
.header-bottom
.swiper-button-prev:before {
bottom: 0px;
}

.mod-header-new
.header-bottom
> div
.slider-header-navigation-wrapper
.swiper-button-next {
background: linear-gradient(
to right,
rgba(255, 255, 255, 0),
var(–color-bodytext) 40%
) !important;
}

.mod-header-new
.header-bottom
> div
.slider-header-navigation-wrapper
.swiper-button-prev {
background: linear-gradient(
to left,
rgba(255, 255, 255, 0),
var(–color-bodytext) 40%
) !important;
}

[data-layout=”mobile”]
.mod-header-new
.header-bottom
> div
.swiper-button-next::after {
padding: 0;
margin-right: 0;
}

[data-layout=”mobile”]
.mod-header-new
.header-bottom
> div
.swiper-button-prev::after {
padding: 0;
margin-left: 0;
}

[data-layout=”mobile”] .schlagzeilenBlurStart {
background: linear-gradient(
270deg,
var(–color-bodytext) 50%,
rgba(255, 255, 255, 0) 169.64%
) !important;
}

[data-layout=”mobile”] .schlagzeilenBlurEnd {
background: linear-gradient(
270deg,
var(–color-bodytext) 68.07%,
rgba(255, 255, 255, 0) 169.64%
) !important;
}

[data-layout=”desktop”] .mod-header-new .header-top,
[data-layout=”tablet”] .mod-header-new .header-top {
padding-bottom: 3px;
}

[data-layout=”desktop”] .mod-header-new .header-top .header-logo,
[data-layout=”tablet”] .mod-header-new .header-top .header-logo {
padding: 10px 0;
}

.mod-header-new .header-bottom > div .swiper-button-prev::after {
padding-left: 0;
margin-left: 0;
}

.mod-header-new .header-bottom > div .swiper-button-next::after {
padding-right: 0;
margin-right: 0;
}

.slider-breadcrumb-navigation .swiper-button-prev {
background: linear-gradient(
to left,
rgba(255, 255, 255, 0),
var(–color-bodytext) 40%
) !important;
}

.slider-breadcrumb-navigation .swiper-button-next {
background: linear-gradient(
to right,
rgba(255, 255, 255, 0),
var(–color-bodytext) 40%
) !important;
}

.slider-breadcrumb-navigation .swiper-button-next::after {
padding-right: 0;
padding-left: 0;
margin-right: 0;
}

.slider-breadcrumb-navigation .swiper-button-prev::after {
padding-right: 0;
padding-left: 0;
margin-left: 0;
}

[data-layout=”mobile”] .bottom-nav .swiper-button-next::after {
margin-right: 0;
}

.slider-breadcrumb-navigation
.slider-breadcrumb-item
a[title=”Fellbacher Zeitung”] {
background-image: url(“/staticcontent/stuttgarter_zeitung/common/svg/icon-fz-dm.svg”) !important;
background-size: 16px auto !important;
background-position-x: 2px !important;
background-position-y: 10px !important;
}

.slider-breadcrumb-navigation
.slider-breadcrumb-item
a[title=”Kornwestheimer Zeitung”] {
background-image: url(“/staticcontent/stuttgarter_zeitung/common/svg/icon-kwz-dm.svg”) !important;
background-size: 26px auto !important;
background-position-x: 2px !important;
background-position-y: 10px !important;
}

.slider-breadcrumb-navigation
.slider-breadcrumb-item
a[title=”Marbacher Zeitung”] {
background-image: url(“/staticcontent/stuttgarter_zeitung/common/svg/icon-mz-dm.svg”) !important;
background-size: 20px auto !important;
background-position-x: 2px !important;
background-position-y: 10px !important;
}

.slider-breadcrumb-navigation
.slider-breadcrumb-item
a[title=”Leonberger Kreiszeitung”] {
background-image: url(“/staticcontent/stuttgarter_zeitung/common/svg/icon-lkz-dm.svg”) !important;
background-size: 26px auto !important;
background-position-x: 2px !important;
background-position-y: 10px !important;
}

.sharewrapper ul .twitter:hover {
background-size: contain;
filter: brightness(0) saturate(100%) invert(59%) sepia(1%) saturate(0%)
hue-rotate(288deg) brightness(97%) contrast(93%);
}

.sharewrapper ul li:hover {
filter: brightness(0) saturate(100%) invert(59%) sepia(1%) saturate(0%)
hue-rotate(288deg) brightness(97%) contrast(93%);
}

button.bookmark-author[data-type=”follow”][data-follow=”true”]::before,
button.bookmark-theme[data-type=”follow”][data-follow=”true”]::before {
background-image: url(” !important;
}

[data-layout=”tablet”]
button.bookmark-theme[data-type=”follow”][data-follow=”true”]:hover:not(
.hideUnfollowHover
)::before,
[data-layout=”tablet”]
button.bookmark-author[data-type=”follow”][data-follow=”true”]:hover:not(
.hideUnfollowHover
)::before,
[data-layout=”desktop”]
button.bookmark-theme[data-type=”follow”][data-follow=”true”]:hover:not(
.hideUnfollowHover
)::before,
[data-layout=”desktop”]
button.bookmark-author[data-type=”follow”][data-follow=”true”]:hover:not(
.hideUnfollowHover
)::before {
background-image: url(” !important;
}

.mod-gallery ul li.bookmark button.bookmark-article[data-type=”follow”] {
background-image: url( !important;
background-size: contain !important;
border: none;
}

.mod-article
.article-body
ul
li.bookmark
button.bookmark-article[data-type=”follow”] {
background-size: contain !important;
}

.m-icon–search:hover::before {
background-color: var(–color-bodytext) !important;
}

.boxitem .ress-more a img {
filter: brightness(0) saturate(100%) invert(96%) sepia(5%) saturate(171%)
hue-rotate(14deg) brightness(94%) contrast(94%);
}

.boxitem .ress-more a:after {
display: none;
}

.header-explore-nav .m-icon–cleverpush.cp-has-unread-notifications {
background-image: url(” !important;
}
}

[data-layout=”desktop”]
.boxitem:not(.teaser-hero):not(.recommendation-grid):not(
[data-lt=”pos_stzplus”]
)
.item
.appetizer-text {
padding-left: 340px;
}

[data-alias=”
.mod-header-new
.header-bottom
> div::before {
width: 70px;
z-index: 20;
}

[data-alias=”
.mod-header-new
.header-bottom
> div::after {
width: 44px;
z-index: 20;
}

[data-alias=”
.mod-header-new
.header-bottom
.swiper-button-next::before,
[data-alias=”
.mod-header-new
.header-bottom
.swiper-button-prev::before {
display: none;
}

[data-layout=”desktop”][data-alias=”
.mod-header-new
.header-bottom
> div
.slider-header-navigation-wrapper,
[data-layout=”tablet”][data-alias=”
.mod-header-new
.header-bottom
> div
.slider-header-navigation-wrapper {
height: 59px;
}

[data-layout=”mobile”][data-alias=”
.mod-header-new
.header-bottom
> div
.slider-header-navigation-wrapper {
height: 49px;
}

[data-layout=”mobile”][data-alias=”
.mod-header-new
.header-bottom
> div::after {
width: 54px;
}

.recommendation-grid .item .content .image-wrapper .image img {
aspect-ratio: 16/9;
}

.sharewrapper ul .twitter:hover {
background-size: contain;
}

/* Themenseiten Klasse h1 */

.include-content .h1 {
margin-bottom: 12px;
}

.ec-content-topline .grid-col-6 .h1 {
margin-bottom: 1rem;
margin-top: 0.5rem;
font-size: 22px;
font-size: 1.375rem;
font-weight: 700;
font-family: “PT Serif”;
text-align: left;
}

[data-layout=”mobile”]
.ec-content-topline
.edy-img-header
.edy-teaser-txt
.h1 {
font-size: 22px;
}

[data-layout=”mobile”] .ec-content-topline .grid-col-6 .h1 {
font-size: 17px;
line-height: 29px;
margin-bottom: 0px;
width: 100%;
}

@media (prefers-color-scheme: dark) {
.include-content .h1 {
color: #e5e4de;
}
}

/* SALE-188 MHS Digital zu swmn Logo umtauschen */
.mod-header-new .header-top .header-partner-link[dark]::before {
content: url(/staticcontent/common/svg/swmn_80_dark.svg);
}

@media only screen and (max-width: 720px) {
.mod-header-new .header-top .header-partner-link {
right: 15px;
}
}

@media (prefers-color-scheme: dark) {
.mod-header-new .header-top .header-partner-link[dark]:before {
content: url(/staticcontent/common/svg/swmn_80.svg) !important;
}
}

/* Fix Online-only Artikel Höhe für Plusbox Reco */
#pianoRecoPlusbox .image img {
aspect-ratio: 16/9;
object-fit: cover;
}

/* Anpassung Serienverweis */
[data-layout=”mobile”]
.mod-article
.article-body
.menuTeaser
.appetizer-linktext {
position: relative;
float: right;
}

/* EGM-1452 Styling Schlagzeilenbox anpassen */
.ticker .ticker-list .appetizer-title .appetizer-title {
font-size: 14px;
}

.schlagzeile .ticker .ticker-list .appetizer-title time,
.ticker .ticker-list .appetizer-title .appetizer-kicker {
font-size: 12px;
}

.boxitem.schlagzeile,
[data-layout=”mobile”] .boxitem.schlagzeile {
padding-top: 14px;
padding-bottom: 10px;
}

[data-layout=”mobile”] .schlagzeile .ticker-list-item .data .appetizer,
.schlagzeile .ticker-list-item:not(:last-child) .data .appetizer {
padding-right: 10px;
}

[data-layout=”mobile”] .schlagzeile .ticker-list-item:not(:first-child) .data,
.schlagzeile .ticker-list-item:not(:first-child) .data {
padding-left: 10px;
}

.schlagzeile
.ticker-list-item
.data[data-paidcontent=”true”]
.appetizer-kicker::before {
height: 12px;
width: 38px;
}

.schlagzeile .ticker-more a {
font-size: 14px;
}

/* EGM-1451 SWMN-Logo reduzieren */
[data-layout=”mobile”]
.mod-header-new
.header-top
.header-partner-link[dark]::before {
content: “”;
display: inline-block;
width: 41px;
height: 9px;
background-image: url(“/staticcontent/common/svg/swmn_80_dark.svg”);
background-size: contain;
}

@media (prefers-color-scheme: dark) {
[data-layout=”mobile”]
.mod-header-new
.header-top
.header-partner-link[dark]::before {
content: “” !important;
background-image: url(“/staticcontent/common/svg/swmn_80.svg”);
}
}

/* Anpassung fü VX Checkout */
.tp-iframe-wrapper {
max-width: 400px;
}

.tp-iframe-wrapper .tp-close {
opacity: 1 !important;
height: 42px !important;
width: 42px !important;
border: none !important;
padding: 0 !important;
background: url(
no-repeat center !important;
background-color: rgba(0, 0, 0, 0);
min-width: auto !important;
background-color: transparent !important;
top: 0;
right: 0;
box-shadow: none !important;
}

/* EGM-1422 Umsetzung Rätsel */
.riddle-site-header {
display: flex;
flex-direction: column;
align-items: center;
padding: 43px 18px;
background-color: var(–riddle-color);
}

.include-content h1.riddle-headline {
font-family: “PT Serif”;
font-size: 32px;
line-height: 30px;
margin-bottom: 0;
margin-top: 18px;
color: #fff;
}

.riddle-site-menu {
margin-top: 16px;
padding: 20px 30px;
background-color: #fff;
display: flex;
justify-content: space-between;
margin-top: 16px;
align-items: center;
}

.riddle-site-menu .additional-functions {
display: flex;
align-items: center;
}

.riddle-site-menu a.backlink {
width: auto;
height: fit-content;
display: flex;
align-items: center;
font-size: 18px;
line-height: 27px;
}

.riddle-site-menu a.backlink:before {
background-image: url(”
background-repeat: no-repeat;
content: “”;
width: 16px;
height: 16px;
display: inline-block;
transform: rotate(90deg);
position: relative;
margin-right: 7px;
}

.riddle-site-menu .additional-functions picture + .archiv-link {
margin-left: 27px;
}

.riddle-site-menu .additional-functions img {
max-width: none;
}

.riddle-site-menu .additional-functions img.logo {
width: 61px;
}

/* remove once paid riddles are live */
.riddle-site-menu .additional-functions img.logo {
display: none;
}

.riddle-site-menu .additional-functions img.archiv {
width: 47px;
}

.riddle-site-menu .additional-functions img.statistik {
width: 61px;
}

[data-layout=”mobile”] .include-content h1.riddle-headline {
font-size: 22px;
margin-top: 8px;
}

[data-layout=”mobile”] .riddle-site-header {
padding-top: 20px;
padding-bottom: 13px;
}

[data-layout=”mobile”] .riddle-site-header img.riddle-image {
height: 48px;
}

[data-layout=”mobile”] .riddle-site-menu {
padding: 11px 18px;
}

[data-layout=”mobile”] .riddle-site-menu .additional-functions .archiv-link {
width: auto;
}

@media (prefers-color-scheme: dark) {
.riddle-site-menu a.backlink:before {
filter: brightness(0) saturate(100%) invert(95%) sepia(9%) saturate(111%)
hue-rotate(14deg) brightness(102%) contrast(82%);
}

.riddle-site-menu {
background-color: var(–color-bodytext);
}
}

.ressort-boxitem .ressort-headline {
font-size: 32px;
line-height: 42px;
color: var(–color-bodytext);
}

.ressort-boxitem {
margin-bottom: 57px;
}

.riddle-container {
display: flex;
flex-wrap: wrap;
gap: 74px 57px;
padding: 0 41px;
position: relative;
top: -68px;
}

.riddle-name {
font-size: 23px;
line-height: 30px;
font-family: “PT Serif”;
margin-top: 15px;
color: #fff;
display: block;
}

.colored-bg .riddle-image {
display: block;
margin-left: auto;
}

.riddle .riddle-description {
color: var(–color-bodytext);
font-size: 16px;
line-height: 24px;
padding: 13px 28px 17px 14px;
height: 150px;
display: flex;
flex-direction: column;
}

.boxitem .riddle-container .riddle {
box-shadow: 6px 6px 9.3px 0px rgba(0, 0, 0, 0.04);
max-width: calc(33.3333% – 38px);
flex-basis: calc(33.3333% – 38px);
border-radius: 9px;
border: 1px solid #eeede9;
display: flex;
flex-direction: column;
}

.riddle.sudoku {
–riddle-color: #77a673;
}

.riddle.kreuzwortraetsel {
–riddle-color: #4f7ca7;
}

.riddle.wordle {
–riddle-color: #e9a94b;
}

.riddle.futoshiki {
–riddle-color: #fa7e7e;
}

.riddle.brueckenraetsel {
–riddle-color: #d35290;
}

.riddle.memory {
–riddle-color: #42cdc5;
}

.riddle.buchstabensalat {
–riddle-color: #ff9466;
}

.riddle.quiz {
–riddle-color: #615cb3;
}

.riddle.sudoku .riddle-description .link img {
filter: brightness(0) saturate(100%) invert(73%) sepia(17%) saturate(734%)
hue-rotate(68deg) brightness(81%) contrast(87%);
}

.riddle.kreuzwortraetsel .riddle-description .link img {
filter: brightness(0) saturate(100%) invert(42%) sepia(69%) saturate(343%)
hue-rotate(168deg) brightness(94%) contrast(85%);
}

.riddle.wordle .riddle-description .link img {
filter: brightness(0) saturate(100%) invert(63%) sepia(91%) saturate(298%)
hue-rotate(354deg) brightness(93%) contrast(95%);
}

.riddle.futoshiki .riddle-description .link img {
filter: brightness(0) saturate(100%) invert(88%) sepia(27%) saturate(4254%)
hue-rotate(301deg) brightness(87%) contrast(131%);
}

.riddle.brueckenraetsel .riddle-description .link img {
filter: brightness(0) saturate(100%) invert(60%) sepia(46%) saturate(6500%)
hue-rotate(303deg) brightness(91%) contrast(80%);
}

.riddle.memory .riddle-description .link img {
filter: brightness(0) saturate(100%) invert(62%) sepia(56%) saturate(422%)
hue-rotate(127deg) brightness(99%) contrast(96%);
}

.riddle.buchstabensalat .riddle-description .link img {
filter: brightness(0) saturate(100%) invert(75%) sepia(60%) saturate(2199%)
hue-rotate(316deg) brightness(104%) contrast(103%);
}

.riddle.quiz .riddle-description .link img {
filter: brightness(0) saturate(100%) invert(35%) sepia(95%) saturate(378%)
hue-rotate(204deg) brightness(90%) contrast(90%);
}

.riddle .riddle-description .link {
font-size: 18px;
line-height: 27px;
font-weight: 700;
color: var(–riddle-color) !important;
display: block;
margin-top: auto;
margin-left: auto;
width: auto;
display: flex;
position: relative;
}

.riddle .riddle-description .link:after {
content: “”;
display: block;
background-color: var(–riddle-color);
height: 2px;
width: 100%;
position: absolute;
bottom: 0;
}

.riddle .colored-bg {
padding: 27px 28px 13px 14px;
background-color: var(–riddle-color);
border-top-left-radius: 9px;
border-top-right-radius: 9px;
flex-grow: 1;
display: flex;
flex-direction: column;
justify-content: space-between;
}

.riddle .riddle-description .link img {
margin-left: 6px;
padding-top: 3px;
}

.riddle .riddle-description .plus-lock {
width: 23px;
height: auto;
margin-right: 11px;
position: relative;
top: 2px;
}

.riddle .riddle-description .logo {
width: 61px;
height: auto;
position: relative;
top: 4px;
}

.riddle .link-container {
display: flex;
margin-top: auto;
align-items: flex-end;
}

.riddle-ressort.mod-breadcrumb.ressort {
margin-bottom: 20px;
}

.include-content .riddle-ressort h1 {
margin-bottom: 0;
}

[data-layout=”mobile”] .riddle-ressort.mod-breadcrumb.ressort {
margin-bottom: 10px;
}

[data-layout=”mobile”] .ressort-kicker {
margin-bottom: 6px;
}

[data-layout=”mobile”] .ressort-boxitem .ressort-headline {
font-size: 22px;
line-height: 28px;
}

[data-layout=”mobile”] .ressort-boxitem {
margin-bottom: 77px;
}

[data-layout=”mobile”] .boxitem .riddle-container .riddle {
max-width: calc(50% – 10px);
flex-basis: calc(50% – 10px);
}

[data-layout=”mobile”] .riddle-container {
padding: 0;
gap: 33px 19px;
}

[data-layout=”mobile”] .riddle .riddle-description {
height: 124px;
font-size: 14px;
line-height: 18px;
padding: 13px 9px 16px;
}

[data-layout=”mobile”] .riddle .riddle-description .link {
font-size: 14px;
}

[data-layout=”mobile”] .riddle .riddle-description .plus-lock {
width: 17px;
margin-right: 4px;
top: -2px;
}

[data-layout=”mobile”] .riddle .riddle-description .logo {
width: 40px;
top: 0;
}

[data-layout=”mobile”] .riddle-name {
font-size: 18px;
margin-top: auto;
}

[data-layout=”mobile”] .riddle .colored-bg {
padding: 20px 9px 13px;
height: 150px;
}

[data-layout=”mobile”] .riddle-image {
max-height: 52px;
}

@media (prefers-color-scheme: dark) {
.riddle-name,
.riddle .riddle-description {
color: var(–color-bodytext-darkmode);
}

.boxitem .riddle-container .riddle {
background-color: var(–color-gray-alt);
border-color: #000;
}
}

/* GROW-345 Eilbanner */
.breaking-news .data figure,
.breaking-news .bookmark-article,
.breaking-news .data .appetizer-text,
.breaking-news .data .appetizer-kicker {
display: none;
}

.breaking-news .data .headline-wrapper {
position: relative;
}

.breaking-news .data .headline-wrapper:after {
content: “”;
display: block;
position: absolute;
height: 1px;
left: 8px;
width: 36px;
bottom: 14px;
background-color: #fff;
}

.breaking-news .data .headline-wrapper h3 {
display: flex;
}

.breaking-news .data .headline-wrapper h3:before {
background-color: var(–color-alert);
font-size: 16px;
font-family: “Source Sans Pro”;
line-height: 22px;
text-transform: uppercase;
color: #fff;
margin: 0;
position: relative;
float: none;
padding: 14px 22px 14px 8px;
content: “Eil”;
display: block;
font-weight: 700;
}

.breaking-news .data .headline-wrapper h3:after {
content: “”;
display: inline-block;
background-image: url(”
width: 10px;
height: 9px;
background-repeat: no-repeat;
background-size: contain;
filter: brightness(0) saturate(100%) invert(100%) sepia(27%) saturate(0%)
hue-rotate(192deg) brightness(107%) contrast(104%);
position: absolute;
left: 34px;
top: 22px;
}

.breaking-news .data .appetizer .appetizer-title {
background-color: #c12121;
padding: 16px 10px;
font-size: 14px;
font-weight: 400;
line-height: 16px;
flex-grow: 1;
color: #fff;
align-items: center;
display: flex;
white-space: nowrap;
overflow: hidden;
margin: 0;
font-family: “Source Sans Pro”;
}

.c1-banderole-target {
height: 90px;
display: inline-block !important;
}

.breaking-news .data .appetizer-title span.animate {
animation: move-text 10s linear infinite;
}

[data-layout=”mobile”] .breaking-news .data .headline-wrapper {
flex-shrink: 0;
}

[data-layout=”mobile”] .breaking-news .data .appetizer .appetizer-title {
padding: 19px 8px;
}

[data-layout=”mobile”] .breaking-news .data .appetizer-title:before {
bottom: 19px;
}

[data-layout=”mobile”] .breaking-news .data .appetizer-text {
padding: 19px 10px;
}

[data-layout=”mobile”] .c1-banderole-target {
height: 60px;
max-height: 60px;
}

@keyframes move-text {
to {
transform: translate(-50%);
}
}

html:not([data-alias=”) .breaking-news {
margin-bottom: 10px;
}

/* EGM-1383 Anpassung Burgermenü */
.burger-nav-bar ul li a[data-title=”Instagram”]::before,
.burger-nav-bar ul li a[data-title=”Youtube”]::before,
.burger-nav-bar ul li a[data-title=”WhatsApp”]::before,
.burger-nav-bar ul li a[data-title=”Facebook”]::before {
content: “”;
display: inline-block;
width: 17px;
height: 17px;
background: #292929;
vertical-align: bottom;
margin-right: 5px;
}

.burger-nav-bar ul li a[data-title=”Instagram”]::before {
mask: url(
no-repeat 50% 51% !important;
mask-size: contain !important;
}

.burger-nav-bar ul li a[data-title=”Youtube”]::before {
mask: url(
no-repeat 50% 51% !important;
mask-size: contain !important;
}

.burger-nav-bar ul li a[data-title=”WhatsApp”]::before {
mask: url(
no-repeat 50% 51% !important;
mask-size: contain !important;
}

.burger-nav-bar ul li a[data-title=”Facebook”]::before {
mask: url(
no-repeat 50% 51% !important;
mask-size: contain !important;
}

@media (prefers-color-scheme: dark) {
.burger-nav-bar ul li a[data-title=”Instagram”]::before,
.burger-nav-bar ul li a[data-title=”Youtube”]::before,
.burger-nav-bar ul li a[data-title=”WhatsApp”]::before,
.burger-nav-bar ul li a[data-title=”Facebook”]::before {
background: #e5e4de;
}
}

/* DEV-1931 – min. heights ergänzen */
.OutOfPage {
line-height: 0;
}

#pianoRecoPlusbox {
min-height: 344px;
}

[data-layout=”mobile”] #pianoRecoPlusbox {
min-height: 682px;
}

#pianoEpbContainer {
min-height: 263px;
}

[data-layout=”mobile”] #pianoEpbContainer {
min-height: calc(((100vw – 36px) * 0.92) + 48px);
}

.smartad {
min-height: 370px;
}

[data-layout=”mobile”] .smartad {
min-height: 409px;
}

#pianoRecoHomePopular,
#pianoRecoHome {
min-height: 332px;
}

[data-layout=”mobile”] #pianoRecoHomePopular,
[data-layout=”mobile”] #pianoRecoHome {
min-height: 476px;
}

.boxitem.anzeige.transmatico {
min-height: 844px;
}

[data-layout=”mobile”] .boxitem.anzeige.transmatico {
min-height: 504px;
}

html:not([data-state=”is-subscribed”]) #traffective-ad-Superbanner,
html:not([data-state=”is-subscribed”]) #traffective-ad-Content_2,
#traffective-ad-Content_1,
html:not([data-state=”is-subscribed”]) #traffective-ad-Billboard_2,
html:not([data-state=”is-subscribed”]) #traffective-ad-Billboard_1,
html:not([data-state=”is-subscribed”]) #traffective-ad-Rectangle_4,
html:not([data-state=”is-subscribed”]) #traffective-ad-Rectangle_3,
html:not([data-state=”is-subscribed”]) #traffective-ad-Rectangle_2,
#traffective-ad-Rectangle_1 {
min-height: 270px;
}

[data-layout=”mobile”]:not([data-state=”is-subscribed”])
#traffective-ad-Mobile_Pos6,
[data-layout=”mobile”]:not([data-state=”is-subscribed”])
#traffective-ad-Mobile_Pos5,
[data-layout=”mobile”]:not([data-state=”is-subscribed”])
#traffective-ad-Mobile_Pos4,
[data-layout=”mobile”]:not([data-state=”is-subscribed”])
#traffective-ad-Mobile_Pos3,
[data-layout=”mobile”] #traffective-ad-Mobile_Pos2 {
min-height: 290px;
}

html:not([data-state=”is-subscribed”]) #traffective-ad-Native_1 {
min-height: 300px;
}

html:not([data-state=”is-subscribed”]) #nativendo-oms-zone-placement {
min-height: 220px;
}

[data-layout=”mobile”]:not([data-state=”is-subscribed”])
#nativendo-oms-zone-placement {
min-height: 380px;
}

html:not([data-state=”is-subscribed”]) #nativendo-placement-article {
min-height: 320px;
}

.portraitvideo {
min-height: 534px;
}

[data-layout=”mobile”] .portraitvideo {
min-height: 514px;
}

#pianoTeaserkachelContainer {
min-height: 292px;
}

.tp-modal {
transform: none !important;
}

/* CON-2502 – Darkmode Piano ID*/
@media (prefers-color-scheme: dark) {
.tp-iframe-wrapper.piano-id-modal-ver-2 .tp-close {
filter: brightness(0) saturate(100%) invert(90%) sepia(6%) saturate(134%)
hue-rotate(14deg) brightness(99%) contrast(98%) !important;
}
}

/* EGM-1449 Überregionale Themen */
.grid-row-teaser .boxitem.world-news .item:not(:last-child) {
margin-bottom: 21px;
}

.grid-row-teaser .boxitem.world-news .item .bookmark-article,
.grid-row-teaser .boxitem .item .data.teaser-without-pic figure,
.data.teaser-without-pic .appetizer-text {
display: none;
}

.grid-row-teaser .boxitem.world-news .header h4 {
border-bottom: none;
font-family: “PT Serif”;
margin-bottom: 19px;
}

.grid-row-teaser .boxitem .item .data.teaser-without-pic .appetizer-title,
.grid-row-teaser .boxitem .item .data.teaser-without-pic .appetizer-kicker {
/* float: none; */
max-width: none;
display: inline;
}

.grid-row-teaser .boxitem .item .data.teaser-without-pic .appetizer-kicker {
/* font-weight: 700; */
width: auto;
flex-shrink: 0;
color: var(–color-bodytext);
}

/* .grid-row-teaser .boxitem .item .data.teaser-without-pic .appetizer-kicker:after {
content: “:”;
margin-right: 4px;
} */

[data-layout=”mobile”] .ressort .grid-row-teaser .boxitem.world-news .item,
.grid-row-teaser .boxitem.world-news .item {
border-bottom: none;
padding-bottom: 0;
}

.grid-row-teaser .boxitem .item .data.teaser-without-pic .appetizer-title {
/* font-family: “Source Sans”; */
line-height: 29px;
font-size: 22px;
margin: 0;
}

[data-layout=”mobile”]
.grid-row-teaser
.boxitem
.item
.data.teaser-without-pic
.appetizer-title {
font-size: 17px !important;
}

.boxitem.world-news {
background-color: #bab7ad;
border-left: 10px solid var(–color-primary);
}

@media (prefers-color-scheme: dark) {
.boxitem.world-news {
background-color: #726e5d !important;
}

.grid-row-teaser .boxitem .item .data.teaser-without-pic .appetizer-kicker {
color: var(–color-bodytext-darkmode) !important;
}
}

/* DEV-1894 – Bildanpassungen Retina */
[data-layout=”desktop”] [data-layout-desktop*=”if12-“] .appetizer-title,
[data-layout=”tablet”] [data-layout-desktop*=”if12-“] .appetizer-title {
padding: 0;
}

[data-layout=”mobile”]
.topnews-article-list
.appetizer
figure
.image-wrapper
.image
img {
width: 100% !important;
}

/* EGM-1533 – Topthemen Reco */
#pianoRecoTopthemaEins,
#pianoRecoTopthemaZwei {
min-height: 572px;
}

[data-layout=”mobile”] #pianoRecoTopthemaEins,
[data-layout=”mobile”] #pianoRecoTopthemaZwei {
min-height: 935px;
}

#pianoRecoPlusbox figure {
width: auto !important;
}

#pianoRecoPlusbox button.bookmark-article {
right: 2px;
}

/* MHSDIG-1541 – Bildservice */
.image.lazyloaded {
background-image: none !important;
}

.mod-gallery .onepager-gallery__image .image {
width: 100%;
}

.mod-gallery .onepager-gallery__image .image img {
opacity: 1;
}

[data-layout=”mobile”] .mod-gallery .onepager-gallery__image .image img {
width: 100%;
object-fit: contain;
}

iframe[src*=”youtube”] {
max-width: 100% !important;
width: 100%;
height: auto;
aspect-ratio: 16/9;
}

.beliebt .item .content .headline-wrapper figure .image img,
#article-image {
aspect-ratio: 16/9;
object-fit: cover;
}

/* EGM-1582 – Erstellung weiterer Plusbox */
#pianoRecoPlusbox figure {
width: auto !important;
}

#pianoRecoPlusbox button.bookmark-article {
right: 2px;
}

[data-layout=”tablet”] .m-plus-contentbox #pianoRecoPlusbox,
[data-layout=”desktop”] .m-plus-contentbox #pianoRecoPlusbox {
display: flex;
}

.m-plus-contentbox #pianoRecoPlusbox .item {
border-bottom: unset;
padding-bottom: unset;
margin-bottom: 30px;
flex-shrink: 1;
height: auto;
}

[data-layout=”desktop”] .m-plus-contentbox #pianoRecoPlusbox .appetizer,
[data-layout=”tablet”] .m-plus-contentbox #pianoRecoPlusbox .appetizer {
padding: 0 15px;
}

[data-layout=”desktop”]
.m-plus-contentbox
#pianoRecoPlusbox
.appetizer
figure,
[data-layout=”tablet”]
.m-plus-contentbox
#pianoRecoPlusbox
.appetizer
figure {
margin-bottom: 1rem;
max-width: 100%;
}

[data-layout=”desktop”]
.m-plus-contentbox
#pianoRecoPlusbox
.appetizer
.appetizer-title,
[data-layout=”tablet”]
.m-plus-contentbox
#pianoRecoPlusbox
.appetizer
.appetizer-title {
padding: 0;
}

[data-layout=”desktop”]
.m-plus-contentbox
#pianoRecoPlusbox
.appetizer
.appetizer-text,
[data-layout=”tablet”]
.m-plus-contentbox
#pianoRecoPlusbox
.appetizer
.appetizer-text {
margin-bottom: 0;
}

[data-layout=”mobile”] .m-plus-contentbox #pianoRecoPlusbox .item {
padding-bottom: 0;
}

[data-layout=”tablet”] .m-plus-contentbox #pianoRecoPlusbox .item,
[data-layout=”desktop”] .m-plus-contentbox #pianoRecoPlusbox .item {
display: flex;
flex-direction: column;
}

/* Variante B */
#pos_stzplus.plusbox-b.m-plus-contentbox {
border: none;
margin: 0;
padding: 0;
}

#pos_stzplus.plusbox-b.m-plus-contentbox header {
position: static;
}

#pos_stzplus.plusbox-b .header {
display: inline;
}

#pos_stzplus.plusbox-b .appetizer {
padding: 0;
}

#pos_stzplus.plusbox-b.m-plus-contentbox .header h3 {
display: inline-block;
line-height: 28px;
margin-bottom: 25px;
}

#pos_stzplus.plusbox-b.m-plus-contentbox #pianoRecoPlusbox {
flex-direction: column;
}

#pos_stzplus.plusbox-b .headline-wrapper {
display: flex;
}

#pos_stzplus.plusbox-b #pianoRecoPlusbox figure {
width: 340px !important;
padding: 0 20px 0 0;
flex-shrink: 0;
}

#pos_stzplus.plusbox-b .appetizer-kicker {
background-color: var(–color-primary);
width: fit-content;
padding-right: 2px;
padding-left: 2px;
display: inline;
float: none;
}

#pos_stzplus.plusbox-b
[data-paidcontent=”true”]
.appetizer
h3
.appetizer-kicker
> .paid-icon {
margin-right: 2px;
background-color: #fff;
margin-left: -2px;
padding-bottom: 1px;
}

#pos_stzplus.plusbox-b .appetizer h3 .appetizer-kicker:before {
margin-left: -2px;
margin-right: -1px;
padding: 0px 4px;
height: 21px;
}

#pos_stzplus.plusbox-b
[data-tags*=”Kommentar”]
.appetizer
h3
.appetizer-kicker::before,
#pos_stzplus.plusbox-b
[data-tags*=”Meinung”]
.appetizer
h3
.appetizer-kicker::before {
line-height: 1.25;
}

#pos_stzplus.plusbox-b.m-plus-contentbox .item button.bookmark-article {
/* margin-right: calc(100% – 340px); */
right: -13px;
left: auto;
/* transform: translateX(100%); */
}

[data-layout=”desktop”]
#pos_stzplus.plusbox-b.m-plus-contentbox
.item
button.bookmark-article,
[data-layout=”tablet”]
#pos_stzplus.plusbox-b.m-plus-contentbox
.item
button.bookmark-article {
bottom: 35px;
}

#pos_stzplus.plusbox-b .appetizer h3 .appetizer-kicker {
color: #1c1c1c !important;
}

[data-layout=”desktop”]
#pos_stzplus.plusbox-b.m-plus-contentbox
#pianoRecoPlusbox
.appetizer
figure,
[data-layout=”tablet”]
#pos_stzplus.plusbox-b.m-plus-contentbox
#pianoRecoPlusbox
.appetizer
figure {
margin-bottom: 0;
}

[data-layout=”mobile”] #pos_stzplus.plusbox-b.m-plus-contentbox header {
display: block;
text-align: center;
}

[data-layout=”mobile”] #pos_stzplus.plusbox-b.m-plus-contentbox .header h3 {
display: block;
margin-top: 10px;
margin-bottom: 15px;
}

[data-layout=”mobile”] #pos_stzplus.plusbox-b .headline-wrapper {
flex-direction: column;
}

[data-layout=”mobile”]
#pos_stzplus.plusbox-b.m-plus-contentbox
.item
button.bookmark-article {
/* margin-right: 100%;
left: -13px; */
margin-bottom: 0;
/* margin-top: 5px; */
}

[data-layout=”mobile”]
#pos_stzplus.plusbox-b
[data-paidcontent=”true”]
.appetizer
h3
.appetizer-kicker
> .paid-icon::before {
float: none;
margin-top: 0;
}

[data-layout=”mobile”]
#pos_stzplus.plusbox-b.m-plus-contentbox
#pianoRecoPlusbox
.item {
border-bottom: 1px solid #7c7867;
padding-bottom: 10px;
}

[data-layout=”mobile”] #pos_stzplus.plusbox-b #pianoRecoPlusbox figure {
width: auto !important;
padding: 0;
}

[data-layout=”mobile”]
#pos_stzplus.plusbox-b.m-plus-contentbox
#pianoRecoPlusbox {
border-top: 1px solid #7c7867;
padding-top: 20px;
}

[data-layout=”mobile”] #pos_stzplus.plusbox-b.m-plus-contentbox .button-wrap {
margin-top: 1rem;
}

@media (prefers-color-scheme: dark) {
#pos_stzplus.plusbox-b
[data-paidcontent=”true”]
.appetizer
h3
.appetizer-kicker
> .paid-icon {
background-color: #292929;
}

[data-layout=”mobile”]
#pos_stzplus.plusbox-b.m-plus-contentbox
#pianoRecoPlusbox {
border-top-color: #545454;
}
}

/* Variante C */
#pos_stzplus.plusbox-c.m-plus-contentbox {
border: none;
margin: 0;
padding: 0;
}

#pos_stzplus.plusbox-c.m-plus-contentbox header {
display: none;
}

#pos_stzplus.plusbox-c.m-plus-contentbox .header {
width: fit-content;
}

#pos_stzplus.plusbox-c.m-plus-contentbox .header h3 {
text-align: left;
margin-bottom: 30px;
color: var(–color-bodytext) !important;
font-size: 32px;
line-height: 42px;
display: inline-block;
}

#pos_stzplus.plusbox-c.m-plus-contentbox #pianoRecoPlusbox .appetizer {
padding: 0;
}

#pos_stzplus.plusbox-c.m-plus-contentbox #pianoRecoPlusbox .swiper-slide {
background-color: #fff;
display: flex;
flex-wrap: wrap;
margin-bottom: 0;
flex-shrink: 0;
height: 100%;
}

#pos_stzplus.plusbox-c.m-plus-contentbox #pianoRecoPlusbox .appetizer-kicker {
padding: 0 10px;
}

#pos_stzplus.plusbox-c.m-plus-contentbox #pianoRecoPlusbox .appetizer-title {
padding: 0 10px;
margin-bottom: 10px;
}

#pos_stzplus.plusbox-c #pianoRecoPlusbox {
margin-left: -28px;
width: calc(100% + 68px);
}

.plusbox-c-container {
background-color: var(–color-primary) !important;
}

#pos_stzplus.plusbox-c .button-wrap {
margin-bottom: 0;
}

#pos_stzplus.plusbox-c .text-button {
color: var(–color-bodytext) !important;
border-bottom-color: var(–color-bodytext) !important;
line-height: 25px;
}

.grid-row-teaser .boxitem #pos_stzplus.plusbox-c .item figure {
padding: 0;
margin-bottom: 7px;
}

#pos_stzplus.plusbox-c.m-plus-contentbox .item button.bookmark-article {
margin-bottom: 0;
}

#pos_stzplus.plusbox-c .swiper-button-next,
#pos_stzplus.plusbox-c .swiper-button-prev {
width: 22px;
height: 22px;
top: -40px;
}

#pos_stzplus.plusbox-c .swiper-button-prev {
left: auto;
right: 5px;
}

#pos_stzplus.plusbox-c .swiper-button-next {
right: -30px;
}

#pos_stzplus.plusbox-c .swiper-button-next:after,
#pos_stzplus.plusbox-c .swiper-button-prev:after {
font-size: 22px;
color: #fff;
font-weight: 700;
margin: 0;
}

[data-layout=”mobile”] #pos_stzplus.plusbox-c.m-plus-contentbox .header h3 {
font-size: 24px;
}

[data-layout=”mobile”] #pos_stzplus.plusbox-c #pianoRecoPlusbox {
margin-left: 0;
width: calc(100% + 18px);
display: flex;
min-height: 375px;
}

[data-layout=”mobile”] #pos_stzplus.plusbox-c .swiper-button-prev {
right: 25px;
}

[data-layout=”mobile”] #pos_stzplus.plusbox-c .swiper-button-next {
right: -10px;
}

[data-layout=”mobile”]
#pos_stzplus.plusbox-c.m-plus-contentbox
.item
button.bookmark-article {
margin-top: auto;
margin-left: auto;
}

@media (prefers-color-scheme: dark) {
#pos_stzplus.plusbox-c.m-plus-contentbox #pianoRecoPlusbox .swiper-slide {
background-color: var(–color-bodytext);
}
}

/* iOS 18 Fix Schlagzeilen */
[data-layout=”mobile”] .topnews-article-list .appetizer h3 {
width: auto;
}

[data-layout=”mobile”] .topnews-article-list .appetizer h3 .appetizer-kicker,
[data-layout=”mobile”] .topnews-article-list .appetizer h3 .appetizer-title {
width: 59%;
}

/* EGM-1649 – Artikel Reco A/B/C Test */
.articleTeaser.recoTeaser.article-reco-d,
.articleTeaser.recoTeaser.article-reco-c {
border: none;
padding: 0;
}

.articleTeaser.recoTeaser.article-reco-e .header h4,
.articleTeaser.recoTeaser.article-reco-d .header h4,
.articleTeaser.recoTeaser.article-reco-c .header h4 {
font-size: 18px;
color: var(–color-primary) !important;
margin-bottom: 6px;
border-bottom: none;
}

.articleTeaser.recoTeaser.article-reco-d
.recommendation-grid
.item
.content
.image-wrapper
.image
img,
.articleTeaser.recoTeaser.article-reco-c
.recommendation-grid
.item
.content
.image-wrapper
.image
img {
aspect-ratio: 16 / 9;
}

[data-layout=”desktop”]
.grid-row-teaser.recart
.article-reco-d
.recommendation-grid
.item,
[data-layout=”tablet”]
.grid-row-teaser.recart
.article-reco-d
.recommendation-grid
.item,
[data-layout=”desktop”]
.grid-row-teaser.recart
.article-reco-c
.recommendation-grid
.item,
[data-layout=”tablet”]
.grid-row-teaser.recart
.article-reco-c
.recommendation-grid
.item {
width: 100% !important;
}

[data-layout=”desktop”]
.mod-article
.article-body
.articleTeaser.article-reco-d
.appetizer
h3,
[data-layout=”tablet”]
.mod-article
.article-body
.articleTeaser.article-reco-d
.appetizer
h3,
[data-layout=”desktop”]
.mod-article
.article-body
.articleTeaser.article-reco-c
.appetizer
h3,
[data-layout=”tablet”]
.mod-article
.article-body
.articleTeaser.article-reco-c
.appetizer
h3,
[data-layout=”desktop”]
.article-reco-c
.recommendation-grid
.item
.appetizer-kicker,
[data-layout=”tablet”]
.article-reco-c
.recommendation-grid
.item
.appetizer-kicker {
margin-top: 0 !important;
}

[data-layout=”tablet”]
.articleTeaser.recoTeaser.article-reco-c
#pianoRecoArticle,
[data-layout=”desktop”]
.articleTeaser.recoTeaser.article-reco-c
#pianoRecoArticle {
padding: 26px 0;
border-bottom: 1px solid #e5e4de;
border-top: 1px solid #e5e4de;
}

[data-layout=”tablet”] .article-reco-c .recommendation-grid,
[data-layout=”desktop”] .article-reco-c .recommendation-grid {
flex-direction: column;
}

[data-layout=”desktop”]
.articleTeaser.recoTeaser.article-reco-c
.headline-wrapper,
[data-layout=”tablet”]
.articleTeaser.recoTeaser.article-reco-c
.headline-wrapper {
display: flex;
gap: 0 20px;
}

[data-layout=”desktop”]
.grid-row-teaser.recart
.article-reco-c
.recommendation-grid
.item
.headline-wrapper
figure,
[data-layout=”tablet”]
.grid-row-teaser.recart
.article-reco-c
.recommendation-grid
.item
.headline-wrapper
figure {
max-width: 232px;
}

[data-layout=”desktop”] .article-reco-c .recommendation-grid .item + .item,
[data-layout=”tablet”] .article-reco-c .recommendation-grid .item + .item {
margin-top: 30px;
}

[data-layout=”tablet”]
.articleTeaser.recoTeaser.article-reco-d
#pianoRecoArticle,
[data-layout=”desktop”]
.articleTeaser.recoTeaser.article-reco-d
#pianoRecoArticle {
padding: 22px 0 14px;
border-bottom: 1px solid #e5e4de;
border-top: 1px solid #e5e4de;
}

[data-layout=”tablet”] .article-reco-d .recommendation-grid,
[data-layout=”desktop”] .article-reco-d .recommendation-grid {
gap: 25px;
}

[data-layout=”tablet”] .articleTeaser.recoTeaser.article-reco-e,
[data-layout=”desktop”] .articleTeaser.recoTeaser.article-reco-e {
background-color: rgba(248, 229, 179, 0.2);
margin-left: -95px;
margin-right: -95px;
width: calc(100% + 190px);
}

[data-layout=”tablet”][data-state=”is-subscribed”]
.articleTeaser.recoTeaser.article-reco-e,
[data-layout=”desktop”][data-state=”is-subscribed”]
.articleTeaser.recoTeaser.article-reco-e {
margin-left: -253px;
margin-right: -253px;
width: calc(100% + 506px);
}

[data-layout=”tablet”] .articleTeaser.recoTeaser.article-reco-e .header,
[data-layout=”desktop”] .articleTeaser.recoTeaser.article-reco-e .header,
[data-layout=”tablet”]
.articleTeaser.recoTeaser.article-reco-e
#pianoRecoArticle,
[data-layout=”desktop”]
.articleTeaser.recoTeaser.article-reco-e
#pianoRecoArticle {
max-width: 610px;
margin-left: auto;
margin-right: auto;
}

[data-layout=”tablet”][data-state=”is-subscribed”]
.articleTeaser.recoTeaser.article-reco-e
.header,
[data-layout=”desktop”][data-state=”is-subscribed”]
.articleTeaser.recoTeaser.article-reco-e
.header,
[data-layout=”tablet”][data-state=”is-subscribed”]
.articleTeaser.recoTeaser.article-reco-e
#pianoRecoArticle,
[data-layout=”desktop”][data-state=”is-subscribed”]
.articleTeaser.recoTeaser.article-reco-e
#pianoRecoArticle {
max-width: 694px;
}

.recoTeaserContainer
.article-reco-e
.recommendation-grid
button.bookmark-article,
.grid-row-teaser.recart
.article-reco-e
.recommendation-grid
.item
.headline-wrapper
figure,
.grid-row-teaser.recart
.article-reco-e
.recommendation-grid
.item
.headline-wrapper
figure {
display: none;
}

.mod-article
.article-body
.articleTeaser.recoTeaser.article-reco-e
.appetizer
.appetizer-kicker {
line-height: 0;
font-size: 0;
margin-top: 4px;
width: auto;
}

.articleTeaser.recoTeaser.article-reco-e .header h4 {
margin-top: 24px;
padding-left: 20px;
margin-bottom: -9px;
}

.mod-article
.article-body
.articleTeaser.recoTeaser.article-reco-e
.appetizer
.appetizer-title {
font-family: “Source Sans Pro”;
font-size: 18px !important;
flex-shrink: 0;
padding-top: 0;
margin-top: 0;
line-height: 25px;
display: inline;
float: none;
}

.grid-row-teaser.recart
.articleTeaser.recoTeaser.article-reco-e
.recommendation-grid
.item {
width: auto !important;
position: relative;
padding-left: 20px;
border-bottom: none;
padding-bottom: 0;
}

.recoTeaserContainer .article-reco-e .recommendation-grid {
flex-direction: column;
}

.mod-article
.article-body
.articleTeaser.recoTeaser.article-reco-e
.appetizer
h3 {
margin-top: 23px !important;
}

.articleTeaser.recoTeaser.article-reco-e #pianoRecoArticle {
margin-bottom: 24px;
}

.grid-row-teaser.recart
.articleTeaser.recoTeaser.article-reco-e
.recommendation-grid
.item:before {
background-image: url(”
background-repeat: no-repeat;
content: “”;
width: 20px;
height: 20px;
transform: rotate(-90deg);
background-size: cover;
position: absolute;
left: -6px;
top: 26px;
filter: brightness(0) saturate(100%) invert(68%) sepia(21%) saturate(4495%)
hue-rotate(8deg) brightness(100%) contrast(99%);
}

.articleTeaser.recoTeaser.article-reco-e
[data-paidcontent=”true”]
.appetizer
h3
.appetizer-kicker
> .paid-icon:before {
margin-top: 0;
}

[data-layout=”mobile”] .articleTeaser.recoTeaser.article-reco-e {
background-color: rgba(248, 229, 179, 0.2);
margin-left: -18px;
margin-right: -18px;
width: calc(100% + 36px);
}

[data-layout=”mobile”]
.grid-row-teaser.recart
.articleTeaser.recoTeaser.article-reco-e
.recommendation-grid
.item {
padding-left: 41px;
margin-bottom: 0;
}

[data-layout=”mobile”]
.grid-row-teaser.recart
.articleTeaser.recoTeaser.article-reco-e
.recommendation-grid
.item:before {
left: 12px;
}

[data-layout=”mobile”] .articleTeaser.recoTeaser.article-reco-e .header h4 {
padding-left: 41px;
padding-top: 0;
}

[data-layout=”mobile”]
.mod-article
.article-body
.articleTeaser.recoTeaser.article-reco-e
.appetizer
h3 {
width: auto;
float: none;
padding-right: 18px;
}

[data-layout=”mobile”]
.articleTeaser.recoTeaser.article-reco-d
#pianoRecoArticle,
[data-layout=”mobile”]
.articleTeaser.recoTeaser.article-reco-c
#pianoRecoArticle {
padding: 34px 0 27px;
}

[data-layout=”mobile”]
.articleTeaser.recoTeaser.article-reco-d
#pianoRecoArticle:before,
[data-layout=”mobile”]
.articleTeaser.recoTeaser.article-reco-d
#pianoRecoArticle:after,
[data-layout=”mobile”]
.articleTeaser.recoTeaser.article-reco-c
#pianoRecoArticle:before,
[data-layout=”mobile”]
.articleTeaser.recoTeaser.article-reco-c
#pianoRecoArticle:after {
content: “”;
display: block;
width: 100%;
height: 1px;
background-color: #e5e4de;
position: relative;
}

[data-layout=”mobile”]
.articleTeaser.recoTeaser.article-reco-d
#pianoRecoArticle:before,
[data-layout=”mobile”]
.articleTeaser.recoTeaser.article-reco-c
#pianoRecoArticle:before {
top: -34px;
}

[data-layout=”mobile”]
.articleTeaser.recoTeaser.article-reco-d
#pianoRecoArticle:after,
[data-layout=”mobile”]
.articleTeaser.recoTeaser.article-reco-c
#pianoRecoArticle:after {
bottom: -27px;
}

[data-layout=”mobile”]
.boxitem
.articleTeaser.recoTeaser.article-reco-d
.item,
[data-layout=”mobile”]
.boxitem
.articleTeaser.recoTeaser.article-reco-c
.item {
border-bottom: none;
}

[data-layout=”mobile”]
.boxitem
.articleTeaser.recoTeaser.article-reco-d
.item
+ .item:before,
[data-layout=”mobile”]
.boxitem
.articleTeaser.recoTeaser.article-reco-c
.item
+ .item:before {
content: “”;
display: block;
width: 100%;
height: 1px;
background-color: #e5e4de;
position: relative;
top: -30px;
}

[data-layout=”mobile”] .article-reco-d .recommendation-grid .item figure,
[data-layout=”mobile”] .article-reco-c .recommendation-grid .item figure {
float: none;
width: 100%;
max-width: 286px;
}

[data-layout=”mobile”]
.article-reco-d
.recommendation-grid
figure
.image-wrapper
.image
img,
[data-layout=”mobile”]
.article-reco-c
.recommendation-grid
figure
.image-wrapper
.image
img {
width: 100%;
height: auto;
aspect-ratio: 16/9;
}

[data-layout=”mobile”] .article-reco-d .recommendation-grid .item h3,
[data-layout=”mobile”] .article-reco-d .recommendation-grid .item h3 {
float: none;
width: auto;
max-width: 286px;
}

/* EGM-1718 – Themenlinks */
.art-tags {
border-top: 1px solid #cdcdcd;
border-bottom: 1px solid #cdcdcd;
padding-top: 16px;
margin: 16px 0;
}

.art-tags a {
color: var(–color-bodytext);
font-size: 16px;
line-height: 26px;
background-color: transparent !important;
margin: 0 20px 20px 0 !important;
padding: 0;
border-bottom: 3px solid var(–color-primary);
}

/* GROW-436 – Themenlinks */
.most-read {
gap: 14px !important;
margin: 30px 0 0;
display: flex !important;
flex-direction: column;
}

.most-read .appetizer-bottom-wrapper,
.most-read figure {
display: none;
}

.most-read .item {
width: 100% !important;
margin-bottom: 0 !important;
border-bottom: none;
}

.most-read .appetizer-title {
font-size: 18px !important;
line-height: 23px !important;
margin-bottom: 0 !important;
width: 100% !important;
}

.most-read .appetizer-kicker {
font-size: 17px !important;
line-height: 25px !important;
width: 100% !important;
}

.most-read h4 {
color: var(–color-bodytext);
font-size: 16px !important;
font-weight: 700;
line-height: 26px;
margin-bottom: 2px;
border-bottom: none;
padding-bottom: 16px;
border-bottom: 1px solid #cdcdcd;
}
]]]]]]]]]]>]]]]]]]]>]]]]]]>]]]]>]]>

<![CDATA[<![CDATA[<![CDATA[<![CDATA[a {
flex: 1;
text-align: center;
}

.registrationwall .registrationwall__header .tabs>a:not(.active) {
color: #bab7ad;
border-color: #bab7ad;
}

.registrationwall .registrationwall__header .steps .step {
font-size: 16px;
line-height: 22px;
display: flex;
align-items: center;
}

.registrationwall .registrationwall__header .steps .step:before {
display: flex;
width: 32px;
height: 32px;
color: #fff;
margin-right: 10px;
border-radius: 2px;
align-items: center;
justify-content: center;
font-size: 18px;
line-height: 29px;
font-weight: 700;
flex-shrink: 0;
}

.registrationwall .registrationwall__header .steps .step.step-1 {
color: #E8A901;
margin-right: 35px;
}

[data-layout=”mobile”] .registrationwall .registrationwall__header .steps .step.step-1 {
margin-right: 20px;
}

.registrationwall .registrationwall__header .steps .step.step-2 {
color: #BAB7AD;
}

.registrationwall .registrationwall__header .steps .step.step-1:before {
content: “1”;
background-color: #E8A901;
}

.registrationwall .registrationwall__header .steps .step.step-2:before {
content: “2”;
background-color: #CCCBC3;
}

[data-layout=”mobile”] .registrationwall__header {
padding: 20px 18px;
}

[data-layout=”mobile”] .registrationwall .registrationwall__header {
padding: 20px 18px;
}

/* Haupstseiten mit Wrapper – Content */
.registrationwall .registrationwall__content,
.registrationwall .registrationwall__banner {
margin: 0 auto;
padding: 40px;
box-shadow: 0px 1px 3px rgba(41, 41, 41, 0.16);
}

.registrationwall.news .registrationwall .registrationwall__content {
box-shadow: none;
}

[data-layout=”mobile”] .registrationwall .registrationwall__content {
padding: 32px 0;
}

.registrationwall:not(.onboarding) .registrationwall__content,
.registrationwall:not(.onboarding) .registrationwall__banner {
margin-top: 10px;
width: 100%;
}

[data-alias=”/meinestz/meine-nachrichten”] .registrationwall:not(.onboarding) .registrationwall__banner {
margin-top: 0;
margin-bottom: 10px;
}

.registrationwall .registrationwall__content>div {
width: 100%;
max-width: 817px;
margin: 0 auto;
}

.registrationwall .registrationwall__content>.item-list {
margin-bottom: 0;
}

/* Listen */
.registrationwall .item-list,
.registrationwall .item {
display: block;
line-height: 26px;
}

.registrationwall .item-list>.item {
width: auto;
}

.registrationwall .item-list {
margin-bottom: 41px;
}

.registrationwall .item-list .headline {
font-size: 22px;
line-height: 29px;
font-weight: 700;
margin-top: 60px;
}

.registrationwall .item-list .subHeadline {
margin-top: 8px;
margin-bottom: 14px;
color: #7C7867;
}

.registrationwall .item.boxItemContainer .item {
width: 160px !important;
height: 150px;
/* border: 1px solid #1C1C1C; */
border-radius: 2px;
padding: 0 19px 0 18px;
margin: 0 59px 0 0;
display: flex;
flex-direction: column;
justify-content: space-between;
overflow: hidden;
background-color: #FAEECC;
}

.registrationwall .item.boxItemContainer.topics .item {
background-size: cover;
}

.registrationwall .item.boxItemContainer.topics .item:nth-child(1) {
background-image: url(
}

.registrationwall .item.boxItemContainer.topics .item:nth-child(2) {
background-image: url(
}

.registrationwall .item.boxItemContainer.topics .item:nth-child(3) {
background-image: url(
}

.registrationwall .item.boxItemContainer.topics .item:nth-child(3) .headline {
color: transparent;
}

.registrationwall .item.boxItemContainer.topics .item:nth-child(4) {
background-image: url(
}

.registrationwall .item.boxItemContainer .item img {
object-fit: cover;
width: 45px;
height: 45px;
order: -1;
border-radius: 50%;
position: absolute;
right: 5px;
top: 5px;
}

.registrationwall .item.boxItemContainer .item:last-of-type {
margin-right: 0;
}

.registrationwall .item.boxItemContainer .item .headline {
margin: auto 0 16px;
white-space: initial;
line-height: 26px;
font-size: 20px;

}

.registrationwall .item.boxItemContainer.topics .item .headline {
display: flex;
/* margin: auto 0 40px; */
justify-content: center;
text-align: center;
margin: 43px 0 auto;
color: #fff;
text-align: center;
}

@media (prefers-color-scheme: dark) {
.registrationwall .item.boxItemContainer.topics .item .headline {
color: #fff !important;
}

.registrationwall .item.boxItemContainer.topics .item:nth-child(3) .headline {
color: transparent !important;
}
}

[data-layout=”mobile”] .registrationwall .headline {
margin-top: 40px;
}

[data-layout=”mobile”] .registrationwall .item.boxItemContainer {
padding-left: 18px;
padding-right: 18px;
}

[data-layout=”mobile”] .registrationwall .item.boxItemContainer .item {
margin-right: 18px;
}

[data-layout=”mobile”] .registrationwall .item.boxItemContainer .item {
margin-right: 18px;
}

[data-layout=”mobile”] .registrationwall__content>.item-list>.item+.item>.headline {
margin-top: 60px;
}

[data-layout=”mobile”] .registrationwall .item.boxItemContainer .item {
width: 144px !important;
height: 134px;
padding: 0 10px;
}

[data-layout=”mobile”] .registrationwall .item.boxItemContainer .item img {
width: 40px;
height: 40px;
}

[data-layout=”mobile”] .registrationwall .item.boxItemContainer .item .headline {
margin: auto 0 10px;
line-height: 23px;
font-size: 18px;
}

[data-layout=”mobile”] .registrationwall .item.boxItemContainer.topics .item .headline {
margin: auto 0 30px;
}

/* Slider */
.registrationwall .item.slider .item-list.flickity-enabled {
position: relative;
margin-top: 0;
}

.registrationwall .item.slider .item-list.flickity-enabled .arrow {
position: absolute;
top: 50%;
transform: translateY(-50%);
}

.registrationwall .item.slider .item-list.flickity-enabled .arrow:after {
font-family: swiper-icons;
font-size: 15px;
text-transform: none !important;
letter-spacing: 0;
font-variant: initial;
line-height: 1;
font-weight: bold;
}

.registrationwall .item.slider .item-list.flickity-enabled .arrow.left {
left: -50px;
}

.registrationwall .item.slider .item-list.flickity-enabled .arrow.left:after {
content: ‘prev’;
}

.registrationwall .item.slider .item-list.flickity-enabled .arrow.right {
right: -50px;
}

.registrationwall .item.slider .item-list.flickity-enabled .arrow.right:after {
content: ‘next’;
}

.registrationwall .item:not(.slider) .item-list {
display: flex;
flex: 1;
}

.registrationwall .item.slider .item-list:not(.flickity-enabled) {
display: flex;
}

.registrationwall .item.slider .item-list:not(.flickity-enabled) .item:nth-child(n+5) {
display: none;
}

.registrationwall .item.slider .item-list:not(.flickity-enabled) .item:nth-child(4) {
margin-right: 0;
}

[data-layout=”mobile”] .registrationwall .item.slider .item-list:not(.flickity-enabled) .item:nth-child(n+3) {
display: none;
}

[data-layout=”mobile”] .registrationwall .item.slider .item-list:not(.flickity-enabled) .item:nth-child(2) {
margin-right: 0;
}

.registrationwall .flickity-button {
display: none !important;
}

/* Alphabetical List */
.registrationwall .item.alphabeticalList>.item-list {
margin: 0;
/* display: grid; */
/* grid-template-columns: 1fr 1fr; */
gap: 23px 60px;
display: block;
column-count: 2;
}

.registrationwall .item.alphabeticalList>.item-list .item.topicList {
margin-top: 23px;
display: inline-block;
width: 100%;
}

[data-layout=”mobile”] .registrationwall .item.alphabeticalList {
padding-left: 18px;
padding-right: 18px;
}

[data-layout=”mobile”] .registrationwall .item.alphabeticalList>.item-list {
/* grid-template-columns: 1fr; */
column-count: 1;
}

/* Topic List */
.registrationwall .topicList {
margin-top: 0;
}

.registrationwall .topicList .headline {
font-size: 18px;
line-height: 27px;
margin-top: 0;
}

.registrationwall .topicList>.item-list {
margin: 0;
display: flex;
flex-wrap: wrap;
flex-direction: column;
}

.registrationwall .topicList>.item-list .item {
display: flex;
margin-top: 8px;
margin-bottom: 10px;
flex: 1;
align-items: center;
}

.registrationwall .topicList>.item-list button {
margin: 0 0 0 auto;
width: auto;
min-width: 123px;
}

@media (max-width: 365px) {
.registrationwall .topicList>.item-list button {
min-width: 113px;
}
}

.registrationwall .topicList>.item-list .headline {
font-weight: 400;
min-width: 0;
margin-right: 10px;
text-overflow: ellipsis;
overflow: hidden;
}

/* Overlays */
body.onboardingOverlayOpen {
overflow: hidden;
}

body.onboardingInfoOpen .onboardingInfo {
transform: translateY(0);
}

.onboardingInfo {
transform: translateY(100%);
transition: transform 200ms ease 0s;
position: fixed;
bottom: 0;
width: 100%;
text-align: center;
background-color: #FAEECC;
padding: 20px;
font-size: 18px;
line-height: 27px;
max-width: 1200px;
box-shadow: 0px 1px 3px rgb(41 41 41 / 16%);
}

.onboardingInfo button {
line-height: 16px !important;
height: auto !important;
font-size: 18px;
padding: 20px 70px;
margin-top: 15px;
margin-bottom: 15px;
}

.onboardingInfo button[disabled],
.onboardingInfo button[disabled]:hover {
background: #BABAAD;
cursor: default;
}

.onboardingInfo .container-login {
font-weight: bold;
}

.onboardingInfo .container-login span {
color: #E8A901;
cursor: pointer;
}

.onboardingInfo span[data-follow-count-author]:not([data-follow-count-author=”0″]),
.onboardingInfo span[data-follow-count-theme]:not([data-follow-count-theme=”0″]) {
color: #E8A901;
}

.registrationwall .configurationInfo span[data-follow-count-author]:not([data-follow-count-author=”0″]):before,
.onboardingInfo span[data-follow-count-author]:not([data-follow-count-author=”0″]):before {
content: attr(data-follow-count-author);
}

.registrationwall .configurationInfo span[data-follow-count-theme]:not([data-follow-count-theme=”0″]):before,
.onboardingInfo span[data-follow-count-theme]:not([data-follow-count-theme=”0″]):before {
content: attr(data-follow-count-theme);
}

.registrationwall .configurationInfo span[data-follow-count-theme]:not([data-follow-count-theme=”0″]):after,
.onboardingInfo span[data-follow-count-theme]:not([data-follow-count-theme=”0″]):after {
content: ” Themen”;
}

.registrationwall .configurationInfo span[data-follow-count-author]:not([data-follow-count-author=”0″]):after,
.onboardingInfo span[data-follow-count-author]:not([data-follow-count-author=”0″]):after {
content: ” Autoren”;
}

.registrationwall .configurationInfo span {
color: #E8A901;
}

.onboardingInfo span[data-follow-count-theme=”0″]+span[data-follow-count-author=”0″]:before {
content: “noch keine Themen oder Autoren”;
}

.registrationwall .onboardingInfo span[data-follow-count-theme=”1″]:after,
.registrationwall .configurationInfo span[data-follow-count-theme=”1″]:after {
content: ” Thema” !important;
}

.registrationwall .onboardingInfo span[data-follow-count-author=”1″]:after,
.registrationwall .configurationInfo span[data-follow-count-author=”1″]:after {
content: ” Autor” !important;
}

.registrationwall .configurationInfo span[data-follow-count-theme]:not([data-follow-count-theme=”0″])+span[data-follow-count-author]:not([data-follow-count-author=”0″]):before,
.onboardingInfo span[data-follow-count-theme]:not([data-follow-count-theme=”0″])+span[data-follow-count-author]:not([data-follow-count-author=”0″]):before {
content: ‘ und ‘ attr(data-follow-count-author);
}

.bodyOverlayOpen {
overflow: hidden;
}

body.onboardingOverlayOpen .site-wrapper>.grid.onboardingGrid {
z-index: 1;
}

[data-layout=”mobile”] .onboardingGrid {
margin-top: 10px;
}

body.onboardingOverlayOpen .onboardingOverlayBackground,
body.onboardingOverlayOpen .onboardingOverlay {
display: block;
}

.onboardingOverlayBackground {
display: none;
position: fixed;
z-index: 999;
width: 100%;
left: 0;
top: 0;
right: 0;
bottom: 0;
min-height: 100vh;
background: rgba(0, 0, 0, 0.35);
overflow: hidden;
}

.onboardingOverlay {
display: none;
overflow: hidden;
padding: 0;
width: 100%;
border-radius: 2px;
box-shadow: 0px -1px 3px rgba(41, 41, 41, 0.16), 0px 1px 3px rgba(41, 41, 41, 0.16);
position: fixed;
top: 50%;
left: 200px;
max-width: 515px;
background-color: white;
z-index: 9999;
transform: translate(343px, -50%);
}

@media (max-width: 1740px) {
.onboardingOverlay {
left: 0;
}
}

.onboardingOverlay .content {
padding: 40px 105px 30px;
display: flex;
flex-direction: column;
}

.onboardingOverlay .content h2 {
font-size: 22px;
font-weight: 700;
margin-bottom: 20px;
line-height: 27px;
color: #292929;
text-align: center;
}

#overlayFollow .onboardingOverlay .content h2 {
margin-bottom: 8px;
}

.onboardingOverlay .content p {
line-height: 24px;
text-align: center;
}

.onboardingOverlay .content picture {
margin-bottom: 20px;
margin-left: auto;
margin-right: auto;
height: 100px;
}

.onboardingOverlay .content picture img {
height: 100px;
}

.onboardingOverlay .content .btn {
line-height: 27px;
height: auto;
font-size: 18px;
padding: 14px 28px;
margin-top: 30px;
margin-bottom: 10px;
}

.onboardingOverlay .content .container-login {
font-weight: 700;
font-size: 18px;
line-height: 27px;
margin-top: 10px;
text-align: center;
}

.onboardingOverlay .content .container-login span {
color: #E8A901;
cursor: pointer;
}

.onboardingOverlay .closeIconContainer .closeOverlay {
padding: 17px;
position: absolute;
right: 0;
top: 0;
cursor: pointer;
}

[data-layout=”mobile”] .onboardingOverlay {
left: 50%;
transform: translate(-50%, -50%);
}

@media (max-width: 560px) {
.onboardingOverlay {
max-width: calc(100% – 36px);
}

.onboardingOverlay .content {
padding: 50px 40px 30px;
display: flex;
flex-direction: column;
}

.onboardingOverlay .content .btn {
padding: 14px 15px;
}
}

@media (max-width: 396px) {

.onboardingOverlay .content {
padding: 50px 30px 30px;
}

.onboardingOverlay .content .btn {
padding: 14px 7px;
}
}

/* Tagsuche / Autocomplete */
.registrationwall__search:before {
content: “Themen & Autoren suchen”;
font-weight: 700;
font-size: 22px;
line-height: 29px;
margin-bottom: 20px;
display: block;
}

.registrationwall__search form {
margin-bottom: 12px;
display: flex;
overflow: hidden;
}

.registrationwall__search+.item-list {
margin-bottom: 0;
}

.registrationwall__search input {
border: 0px;
caret-color: rgb(113, 115, 127);
-webkit-box-flex: 1;
flex-grow: 1;
font-size: 16px;
line-height: inherit;
background-color: #fff;
color: #1C1C1C;
outline: none;
border-left: none;
border-right: none;
border-top: none;
border-bottom: 2px solid #1C1C1C;
display: flex;
padding: 10px 5px;
font-size: 18px;
line-height: 27px;
}

.registrationwall__search input::focus-within {
border-bottom: 2px solid #E8A901;
}

.registrationwall__search input::placeholder {
opacity: 1;
color: #BAB7AD;
}

.registrationwall__search form {
position: relative;
}

.registrationwall__search input~svg {
width: 24px;
position: absolute;
display: none;
right: 12px;
bottom: 18px;
}

.registrationwall__search input~svg.action-search {
fill: #BAB7AD;
display: none;
bottom: 16px;
}

.registrationwall__search input:placeholder-shown~svg.action-search {
display: flex;
}

.registrationwall__search input~.action-close {
cursor: pointer;
display: flex;
}

.registrationwall__search input:placeholder-shown~svg.action-close {
display: none;
}

.registrationwall__search .autoComplete_wrapper [type=”search”] {
-webkit-appearance: none;
-moz-appearance: none;
-ms-appearance: none;
appearance: none;
}

.registrationwall__search .autoComplete_wrapper [type=”search”] {
-webkit-appearance: textfield;
}

.registrationwall__search input:focus {
border-bottom: 2px solid #E8A901;
}

.registrationwall__search input::placeholder {
color: rgba(123, 123, 123, 0.5);
transition: all 0.3s ease;
}

.registrationwall__search .item-list[hidden] {
display: none !important;
}

.registrationwall__search .item-list {
position: relative;
margin-bottom: 10px;
background-color: #fff;
z-index: 0;
outline: none;
}

.registrationwall__search .item-list .item {
padding: 5px 12px 5px 12px;
transition: all 0.1s ease-in-out;
background-color: #fff;
white-space: nowrap;
}

[data-layout=”mobile”] .registrationwall__search .item-list .item {
white-space: normal;
align-items: flex-start;
}

.registrationwall__search .autoComplete_wrapper .item-list .item::selection {
color: #fff;
background-color: #fff;
}

.registrationwall__search .autoComplete_wrapper .item-list .item:hover {
cursor: pointer;
}

.registrationwall__search .autoComplete_wrapper .item-list .item mark {
background-color: transparent;
color: rgba(#E8A901, 1);
font-weight: bold;
}

.registrationwall__search .autoComplete_wrapper .item-list .item mark::selection {
color: rgba(#ffffff, 0);
background-color: rgba(#ffffff, 0);
}

.registrationwall__search .autoComplete_wrapper .item-list .item[aria-selected=”true”] {
background-color: rgba(123, 123, 123, 0.1);
}

.registrationwall__search .item-list .item .headline {
min-width: 0;
overflow: hidden;
text-overflow: ellipsis;
}

[data-layout=”mobile”] .registrationwall__search {
padding: 0 18px;
}

/* Meine Konfiguration – Infotext */
.registrationwall .configurationInfo {
text-align: center;
margin: 60px 0 32px 0;
}

[data-layout=”mobile”] .registrationwall .configurationInfo {
margin: 40px 0 22px 0;
}

.registrationwall .configurationInfo p {
font-size: 18px;
line-height: 27px;
padding: 0 18px;
}

.registrationwall .configurationInfo p+p {
padding-top: 20px;
}

.registrationwall .configurationInfo[data-follow-count=”0″] .follow-text {
display: none;
}

.registrationwall .configurationInfo[data-follow-count=”0″] .no-follow-text {
display: block;
}

.registrationwall .configurationInfo:not([data-follow-count=”0″]) .follow-text {
display: block;
}

.registrationwall .configurationInfo:not([data-follow-count=”0″]) .no-follow-text {
display: none;
}

[data-layout=”mobile”] .registrationwall .configurationInfo:not([data-follow-count=”0″]) .follow-text br {
display: none;
}

/* Meine Konfiguration – Drag&Drop */
.registrationwall .sortable_wrapper {
width: 450px !important;
margin: 0 auto;
margin-top: 32px;
}

[data-layout=”mobile”] .registrationwall .sortable_wrapper {
width: 100% !important;
padding: 0 18px;
}

.registrationwall .sortable_wrapper.item.topicList>.item-list>.item {
padding: 18px;
border: 1px solid;
border-radius: 3px;
cursor: grab;
user-select: none;
align-items: center;
max-width: 100%;
}

.registrationwall .sortable_wrapper.item.topicList>.item-list>.item .bookmark-theme {
margin-top: 1px;
}

.registrationwall .sortable_wrapper.item.topicList>.item-list>.item:before {
content: url(“data:image/svg+xml,%3Csvg xmlns=” viewBox=’0 0 22 12′ height=”12″ class=”css-yuntxy”%3E%3Ctitle%3EVerschieben%3C/title%3E%3Cline y1=’1′ x2=’22’ y2=’1′ stroke=”%23BAB7AD”%3E%3C/line%3E%3Cline y1=’6′ x2=’22’ y2=’6′ stroke=”%23BAB7AD”%3E%3C/line%3E%3Cline y1=’11’ x2=’22’ y2=’11’ stroke=”%23BAB7AD”%3E%3C/line%3E%3C/svg%3E”);
margin-right: 29px;
margin-top: 1px;
width: 24px;
}

.registrationwall .sortable_wrapper.item.topicList>.item-list>.item .headline {
order: 0;
}

.registrationwall .sortable_wrapper.item.topicList>.item-list>.item button {
order: 2;
}

.registrationwall .sortable_wrapper.item.topicList>.item-list>.item img {
object-fit: cover;
width: 30px;
height: 30px;
border-radius: 50%;
order: 1;
margin-right: 15px;
margin-left: 5px;
flex-shrink: 0;
}

.registrationwall .sortable-chosen {
background: #faeecc;
}

.registrationwall .sortable-ghost {
opacity: 0;
}

.registrationwall .sortable-fallback {
opacity: 1 !important;
background: #faeecc;
}

/* Meine StZ – Meine Nachrichten / Merkliste */
/* .registrationwall-article-collection {
content: “”;
display: block;
height: 10px;
background-color: #eeede9;
position: relative;
width: 100vw;
left: -40px;
max-width: 1210px;
} */

.registrationwall-article-collection .load-more {
margin: 40px 0 0;
}

[data-layout=”mobile”] .registrationwall-article-collection .load-more {
margin: 30px 0 0;
}

.registrationwall-article-collection .load-more button {
min-width: 376px;
}

[data-layout=”mobile”] .registrationwall-article-collection .load-more button {
min-width: auto;
}

/* .registrationwall .registrationwall-article-collection .appetizer,
.registrationwall .registrationwall-article-collection .appetizer .appetizer-text {
margin-bottom: 0;
} */

[data-layout=”desktop”] .registrationwall .registrationwall-article-collection .appetizer .appetizer-kicker,
[data-layout=”desktop”] .registrationwall .registrationwall-article-collection .appetizer .appetizer-title,
[data-layout=”tablet”] .registrationwall .registrationwall-article-collection .appetizer .appetizer-kicker,
[data-layout=”tablet”] .registrationwall .registrationwall-article-collection .appetizer .appetizer-title {
width: 100%;
max-width: 387px;
}

[data-layout=”desktop”] .registrationwall .registrationwall-article-collection .appetizer figure,
[data-layout=”tablet”] .registrationwall .registrationwall-article-collection .appetizer figure {
width: 340px;
/* margin-bottom: 0; */
}

.registrationwall.bookmarks,
.registrationwall.news,
.registrationwall.myconfig {
background: transparent;
}

.registrationwall.bookmarks .registrationwall__content>div,
.registrationwall.news .registrationwall__content>div {
width: 100%;
max-width: none;
}

[data-layout=”mobile”] .registrationwall.bookmarks .registrationwall__content.boxitem,
[data-layout=”mobile”] .registrationwall.news .registrationwall__content.boxitem {
padding: 20px 18px;
}

.registrationwall.bookmarks .bookmarksInfo {
align-items: center;
margin: 20px auto;
}

[data-layout=”mobile”] .registrationwall.bookmarks .bookmarksInfo {
margin: 10px 0 12px;
}

[data-layout=”mobile”] .registrationwall.bookmarks .content .data figure {
float: right;
width: 36%;
margin-bottom: 10px;
}

/* [data-layout=”mobile”] .registrationwall.bookmarks .content .data figure .image-wrapper {
overflow: hidden;
}

[data-layout=”mobile”] .registrationwall.bookmarks .content .data figure .image-wrapper .image {
padding-bottom: 74.5%;
height: auto;
}

[data-layout=”mobile”] .registrationwall.bookmarks .content .data figure .image-wrapper .image img {
width: 112%;
max-width: unset;
} */

[data-layout=”mobile”] .registrationwall.bookmarks .content .data .appetizer-title,
[data-layout=”mobile”] .registrationwall.bookmarks .content .data .appetizer-kicker {
width: 59%;
hyphens: auto;
}

/* [data-layout=”mobile”] .registrationwall.bookmarks .content .data .appetizer-title {
font-size: 1.0625rem !important;
padding-top: 3px;
} */

/* [data-layout=”mobile”] .registrationwall.bookmarks .content .data .appetizer-kicker {
font-size: .9375rem !important;
} */

/* [data-layout=”mobile”] .registrationwall.bookmarks .content .data .appetizer-text {
display: none;
} */

[data-layout=”tablet”] .registrationwall.news .newsInfo,
[data-layout=”mobile”] .registrationwall.news .newsInfo {
padding-top: 60px;
}

[data-layout=”mobile”] .registrationwall.news .newsInfo {
padding-top: 30px;
}

.registrationwall.news .newsInfo img {
margin: 40px 0;
}

.registrationwall.bookmarks .bookmarksInfo img {
margin: 40px 0 30px;
}

.registrationwall.news .newsInfo .headline,
.registrationwall.bookmarks .bookmarksInfo .headline {
font-weight: 700;
font-size: 22px;
line-height: 29px;
margin-top: 0;
text-align: center;
}

.registrationwall.news .newsInfo .subHeadline,
.registrationwall.bookmarks .bookmarksInfo .subHeadline {
max-width: 342px;
text-align: center;
font-size: 18px;
line-height: 27px;
}

.registrationwall.news .newsInfo>a {
display: inline-block;
background: #e8a901;
color: #fff;
border: none;
border-radius: 2px;
font-family: “Source Sans”;
font-size: 18px;
font-weight: 700;
cursor: pointer;
text-align: center;
vertical-align: middle;
min-width: 305px;
transition: color .25s ease, background .25s ease;
line-height: 27px;
height: auto;
padding: 14px 28px;
margin-top: 30px;
}

.registrationwall.news .newsInfo>a:hover {
background: #ebb627;
color: #fff;
}

.registrationwall-article-collection>.headline {
color: #292929;
font-size: 32px;
line-height: 42px;
font-weight: 700;
border-bottom: 2px solid #292929;
padding-bottom: 9px;
}

[data-layout=”mobile”] .registrationwall-article-collection>.headline {
font-size: 22px;
line-height: 29px;
padding-bottom: 6px;
margin-top: 0;
}

.registrationwall-article-collection>.item-list {
max-width: 727px;
margin: 40px auto 0;
min-height: 600px;
}

[data-layout=”mobile”] .registrationwall-article-collection>.item-list {
max-width: 727px;
margin: 40px auto 0;
min-height: 400px;
}

/* .registrationwall-article-collection > .item-list .data + div .article-date-minutes,
.registrationwall-article-collection > .item-list .data + div .article-date-seconds {
color: #E00000;
} */

.registrationwall-article-collection>.item-list .data+div .article-found-because:not(:empty) {
padding: 6px 10px;
background-color: #EEEDE9;
border-radius: 2px;
margin-left: 26px;
white-space: nowrap;
flex-shrink: 1;
text-overflow: ellipsis;
overflow: hidden;
}

[data-layout=”mobile”] .registrationwall-article-collection>.item-list {
margin-top: 30px;
}

/* Header – Themenseiten */
.theme-header {
width: 100%;
border-bottom: 1px solid #e5e4de;
padding-bottom: 18px;
margin-bottom: 30px;
}

.theme-header .headline {
width: 100%;
color: #1c1c1c;
font-size: 2rem;
font-weight: 700;
border-bottom: 2px solid #1c1c1c;
line-height: 2.5rem;
margin-bottom: 1.5rem;
}

.theme-header .follow-text {
width: 100%;
font-size: 1rem;
line-height: 1.3;
margin-bottom: 20px;
}

/* Buttons – alle */
button[class^=”bookmark-“] {
background-color: transparent !important;
}

/* Buttons – Themen / Autoren */
button.bookmark-theme,
button.bookmark-author {
max-width: 100%;
width: auto;
min-width: 123px;
margin: 0 0 12px 0;
border: 1px solid #292929;
border-radius: 2px;
background-color: transparent !important;
/* background-color: #FAEECC !important; */
color: #292929 !important;
font-size: 12px;
line-height: 15px;
height: auto;
padding: 4px 0;
display: flex;
justify-content: center;
transition: none;
position: relative;
font-weight: 700;
font-family: “Source Sans”;
}

.registrationwall .topics button.bookmark-theme {
background-color: #FAEECC !important;
}

[data-layout=”tablet”] button.bookmark-theme:not([data-follow=”true”]):hover,
[data-layout=”tablet”] button.bookmark-author:not([data-follow=”true”]):hover,
[data-layout=”desktop”] button.bookmark-theme:not([data-follow=”true”]):hover,
[data-layout=”desktop”] button.bookmark-author:not([data-follow=”true”]):hover {
border-color: #6C6C6C;
color: #6C6C6C !important;
}

[data-layout=”mobile”] .autorenprofil-content button.bookmark-author {
margin-left: auto;
margin-right: auto;
margin-bottom: 30px;
}

button.bookmark-theme:before,
button.bookmark-author:before {
/* content: “”;
display: inline-block;
background-image: url(
margin-right: 4px;
width: 15px;
height: 15px;
background-repeat: no-repeat; */
display: inline-block;
background-image: url(
height: 15px;
background-repeat: no-repeat;
padding-left: 19px;
}

button.bookmark-author:before {
content: “Autor folgen”;
width: 66px;
}

button.bookmark-theme:before {
content: “Thema folgen”;
width: 73px;
}

[data-layout=”tablet”] button.bookmark-theme:not([data-follow=”true”]):hover:before,
[data-layout=”tablet”] button.bookmark-author:not([data-follow=”true”]):hover:before,
[data-layout=”desktop”] button.bookmark-theme:not([data-follow=”true”]):hover:before,
[data-layout=”desktop”] button.bookmark-author:not([data-follow=”true”]):hover:before {
background-image: url(
background-position: 1px 1px;
/* position: relative;
top: 1px;
left: 1px; */
}

/* button.bookmark-author[data-type=”follow”]:after,
button.bookmark-theme[data-type=”follow”]:after {
content: “”;
display: block;
width: 40px;
height: 20px;
background-image: url(‘
position: absolute;
right: -50px;
top: 2px;
pointer-events: none;
} */

/* button.bookmark-theme[data-type=”follow”]:after {
content: “Thema folgen”
}

button.bookmark-author[data-type=”follow”]:after {
content: “Autor folgen”
} */

.registrationwall button.bookmark-theme[data-type=”follow”]:after,
.registrationwall button.bookmark-author[data-type=”follow”]:after {
display: none;
}

button.bookmark-theme[data-type=”follow”][data-follow=”true”],
button.bookmark-author[data-type=”follow”][data-follow=”true”] {
border-color: #292929;
background-color: #292929 !important;
color: #fff !important;
}

/* button.bookmark-theme[data-type=”follow”][data-follow=”true”]:after,
button.bookmark-author[data-type=”follow”][data-follow=”true”]:after {
content: “Folge ich”
} */

[data-layout=”tablet”] button.bookmark-theme[data-type=”follow”][data-follow=”true”]:hover:not(.hideUnfollowHover),
[data-layout=”tablet”] button.bookmark-author[data-type=”follow”][data-follow=”true”]:hover:not(.hideUnfollowHover),
[data-layout=”desktop”] button.bookmark-theme[data-type=”follow”][data-follow=”true”]:hover:not(.hideUnfollowHover),
[data-layout=”desktop”] button.bookmark-author[data-type=”follow”][data-follow=”true”]:hover:not(.hideUnfollowHover) {
border-color: #6C6C6C;
background-color: #6C6C6C !important;
color: #fff !important;
}

/* [data-layout=”tablet”] button.bookmark-theme[data-type=”follow”][data-follow=”true”]:hover:not(.hideUnfollowHover):after,
[data-layout=”tablet”] button.bookmark-author[data-type=”follow”][data-follow=”true”]:hover:not(.hideUnfollowHover):after,
[data-layout=”desktop”] button.bookmark-theme[data-type=”follow”][data-follow=”true”]:hover:not(.hideUnfollowHover):after,
[data-layout=”desktop”] button.bookmark-author[data-type=”follow”][data-follow=”true”]:hover:not(.hideUnfollowHover):after {
content: “Entfolgen”;
} */

button.bookmark-theme[data-type=”follow”][data-follow=”true”]:before,
button.bookmark-author[data-type=”follow”][data-follow=”true”]:before {
background-image: url(
/* height: 10px;
width: 12px;
position: relative;
top: 3px; */
content: “Folge ich”;
width: 47px;
background-position-y: 3px;
}

[data-layout=”tablet”] button.bookmark-theme[data-type=”follow”][data-follow=”true”]:hover:not(.hideUnfollowHover):before,
[data-layout=”tablet”] button.bookmark-author[data-type=”follow”][data-follow=”true”]:hover:not(.hideUnfollowHover):before,
[data-layout=”desktop”] button.bookmark-theme[data-type=”follow”][data-follow=”true”]:hover:not(.hideUnfollowHover):before,
[data-layout=”desktop”] button.bookmark-author[data-type=”follow”][data-follow=”true”]:hover:not(.hideUnfollowHover):before {
background-image: url(
/* height: 10px;
width: 10px;
position: relative;
top: 3px; */
content: “Entfolgen”;
width: 52px;
}

/* Buttons – Artikel */
button.bookmark-article {
float: right;
width: 44px;
height: 44px;
padding: 0;
min-width: unset;
border: none;
background-color: white;
background-size: 18px 24px !important;
position: relative;
right: -13px;
/* margin-bottom: -30px; */
margin-bottom: -20px;
}

[data-layout=”mobile”] button.bookmark-article {
/* margin-bottom: -20px; */
margin-bottom: -6px;
}

.boxitem>div:not(.tdtArticleOne) .item:only-child button.bookmark-article,
.boxitem>.item:not(.tdtArticleOne):only-child button.bookmark-article {
margin-bottom: -30px;
}

[data-layout=”mobile”] .boxitem>div:not(.tdtArticleOne) #pianoRecoArticle .item:only-child button.bookmark-article,
[data-layout=”mobile”] .boxitem>.item:not(.tdtArticleOne):only-child button.bookmark-article {
margin-bottom: -20px;
}

[data-layout=”mobile”] .boxitem>div:not(.tdtArticleOne) #pianoRecoArticle .item:only-child button.bookmark-article {
margin-bottom: 5px;
}

.registrationwall.news button.bookmark-article {
margin-bottom: 0;
}

button.bookmark-article[data-type=”follow”] {
background-size: contain;
background-repeat: no-repeat no-repeat;
background-position: center center;
}

button.bookmark-article[data-type=”follow”] {
/* background-image: url(“data:image/svg+xml,%3Csvg width=”12″ height=”16″ fill=”none” xmlns=” class=”css-pija16″%3E%3Cpath d=’M6.34 12.33 6 12.16l-.34.17-4.91 2.46V2C.75 1.31 1.31.75 2 .75h8c.69 0 1.25.56 1.25 1.25v12.79l-4.91-2.46Z’ stroke=”%23cccbc3″ stroke-width=”1.5″%3E%3C/path%3E%3C/svg%3E”); */
background-image: url(
}

.mod-gallery ul li.bookmark button.bookmark-article[data-type=”follow”],
.mod-article .article-body ul li.bookmark button.bookmark-article[data-type=”follow”] {
background-image: url(
}

.mod-gallery ul li.bookmark button.bookmark-article[data-type=”follow”][data-follow=”true”],
.mod-article .article-body ul li.bookmark button.bookmark-article[data-type=”follow”][data-follow=”true”],
button.bookmark-article[data-type=”follow”][data-follow=”true”] {
/* background-image: url(“data:image/svg+xml,%3Csvg width=”12″ height=”16″ fill=”%23292929″ xmlns=” class=”css-pija16″%3E%3Cpath d=’M6.34 12.33 6 12.16l-.34.17-4.91 2.46V2C.75 1.31 1.31.75 2 .75h8c.69 0 1.25.56 1.25 1.25v12.79l-4.91-2.46Z’ stroke=”%23292929″ stroke-width=”1.5″%3E%3C/path%3E%3C/svg%3E”); */
background-image: url(
}

[data-layout=”mobile”] .teaser-hero button.bookmark-article[data-type=”follow”] {
margin-right: 10px;
margin-bottom: -20px;
}

.mod-gallery li.bookmark button.bookmark-article,
.article-body li.bookmark button.bookmark-article {
/* Abweichung Innerhalb Artikel & Gallery ….. */
text-align: left;
border: 2px solid #292929;
display: flex;
justify-content: center;
align-items: center;
width: 40px;
height: 40px;
border-radius: 3px;
background-size: auto 18px !important;
position: static;
margin-bottom: 0;
}

.registrationwall.bookmarks button.bookmark-article {
margin-bottom: 0 !important;
}

.mod-gallery li.bookmark button.bookmark-article:not([data-follow=”true”]):hover,
.article-body li.bookmark button.bookmark-article:not([data-follow=”true”]):hover {
filter: brightness(0) saturate(100%) invert(59%) sepia(1%) saturate(0%) hue-rotate(288deg) brightness(97%) contrast(93%);
}

.mod-gallery ul li.bookmark,
.mod-article .article-body ul li.bookmark {
display: flex;
justify-content: center;
}

/* .mod-gallery ul li.bookmark:after,
.mod-article .article-body ul li.bookmark:after {
content: “”;
display: block;
width: 40px;
height: 20px;
background-image: url(‘
position: absolute;
left: 60px;
top: 10px;
pointer-events: none;
} */

/* [data-layout=”mobile”] .mod-gallery ul li.bookmark:after,
[data-layout=”mobile”] .mod-article .article-body ul li.bookmark:after {
background-image: url(
top: -30px;
left: 2px;
height: 25px;
} */

/* Backlink / Configure-Link / Banner */
.registrationwall .backlink:before {
background-image: url(”
background-repeat: no-repeat;
content: “”;
width: 16px;
height: 16px;
display: inline-block;
transform: rotate(90deg);
position: relative;
top: 3px;
margin-right: 4px;
}

.registrationwall .backlink:hover:before {
filter: invert(36%) sepia(0%) saturate(1273%) hue-rotate(232deg) brightness(89%) contrast(95%);
}

.registrationwall .backlink {
display: inline-block;
margin-top: 20px;
}

.registrationwall .configureLink {
margin-top: 20px;
font-size: 14px;
line-height: 18px;
font-weight: 700;
display: flex;
background: #E8A901;
border-radius: 2px;
color: #fff !important;
margin-left: auto;
padding: 6px 13px 6px 10px;
max-width: fit-content;
max-width: -moz-fit-content;
}

.registrationwall .configureLink:hover {
background: #ebb627;
}

.registrationwall .registrationwall__banner {
border-bottom: 1px solid #EEEDE9;
flex-direction: row;
display: flex;
padding: 40px;
}

[data-layout=”mobile”] .registrationwall .registrationwall__banner {
padding: 20px 18px;
}

.registrationwall .registrationwall__banner>div {
flex: 1;
}

.registrationwall .registrationwall__banner>div a {
background: #faeecc;
display: flex;
padding: 20px 40px;
align-items: center;
}

[data-layout=”mobile”] .registrationwall .registrationwall__banner>div a {
padding: 16px 18px;
display: grid;
}

.registrationwall .registrationwall__banner a,
.registrationwall .registrationwall__banner span {
white-space: nowrap;
}

[data-layout=”mobile”] .registrationwall .registrationwall__banner a,
[data-layout=”mobile”] .registrationwall .registrationwall__banner span {
white-space: normal;
}

.registrationwall .registrationwall__banner .headline {
font-size: 22px;
line-height: 29px;
color: #E8A901;
flex: 0;
font-weight: bold;
}

[data-layout=”mobile”] .registrationwall .registrationwall__banner .headline {
grid-column-end: span 2;
margin-top: 0;
padding-bottom: 8px;
}

.registrationwall .registrationwall__banner .subHeadline {
font-size: 17px;
flex: 1;
padding-left: 15px;
line-height: 26px;
}

[data-layout=”mobile”] .registrationwall .registrationwall__banner .subHeadline {
padding-left: 0;
grid-column-start: 1;
padding-right: 15px;
}

.registrationwall .registrationwall__banner .themeLink {
width: auto;
border: 1px solid #292929;
border-radius: 2px;
background-color: transparent !important;
color: #292929 !important;
font-size: 12px;
line-height: 15px;
min-width: auto;
height: auto;
padding: 4px 11px;
flex: 0;
justify-content: center;
font-weight: bold;
}

[data-layout=”mobile”] .registrationwall .registrationwall__banner .themeLink {
white-space: nowrap;
margin-top: auto;
}

/* Snackbar */
.hs-snackbar {
position: fixed;
left: 200px;
bottom: -150px;
transform: translate(calc(600px – 50%), -50%);
width: 575px;
max-width: 85%;
/* — */
background: #292929;
font-family: “Source Sans”;
font-weight: bold;
color: #fff;
padding: 20px 40px;
border-radius: 5px;
text-align: left;
/* — */
transition: all 0.8s cubic-bezier(0.25, 0.8, 0.25, 1);
z-index: 2;
box-shadow: -3px -3px 6px rgba(102, 102, 102, 0.15);
line-height: 24px;
}

@media (max-width: 1740px) {
.hs-snackbar {
left: 0;
}
}

[data-layout=”mobile”] .hs-snackbar {
padding: 18px;
line-height: 21px;
max-width: calc(100vw – 36px);
left: 50%;
transform: translate(-50%, -50%);
}

.hs-snackbar a {
color: #e8a901;
float: right;
text-align: right;
cursor: pointer;
}

[data-layout=”mobile”] .hs-snackbar a {
color: #e8a901;
float: none;
text-align: right;
display: block;
margin-top: 19px;
line-height: 21px;
}

.hs-snackbar-show {
-webkit-animation: hsShowAnimation 0.3s ease both;
}

.hs-snackbar-hide {
-webkit-animation: hsHideAnimation 0.2s ease both;
}

@-webkit-keyframes hsHideAnimation {
0% {
opacity: 1;
bottom: 20px;
}

100% {
opacity: 0;
bottom: -100px;
}
}

@-webkit-keyframes hsShowAnimation {
0% {
opacity: 1;
bottom: -100px;
}

100% {
opacity: 1;
bottom: 20px;
}
}

/* Besonderheiten */
[data-alias=”/meinestz/themen-entdecken”] .onboardingInfo,
[data-alias=”/meinestz/themen-entdecken”] .onboardingOverlay,
[data-alias=”/meinestz/themen-entdecken”] .onboardingOverlayBackground,
[data-alias=”/meinestz/themen-entdecken”] .registrationwall__header.auswahl-treffen {
display: none !important;
}

[data-alias=”/meinestz/themen-entdecken”] body {
overflow: visible !important;
}

[data-alias=”/meinestz/auswahl-treffen”] .hs-snackbar,
[data-alias=”/meinestz/auswahl-treffen”] .registrationwall__header.themen-entdecken {
display: none !important;
}

.burger-nav-bar ul li a[data-title=”Meine Nachrichten (Meine StZ)”]:before {
margin-right: 10px;
width: 20px;
height: 20px;
display: inline-block;
content: ”;
/* -webkit-mask: url( no-repeat 50% 50%;
mask: url( no-repeat 50% 50%;
-webkit-mask-size: cover;
mask-size: cover;
background: #1c1c1c; */
background-image: url(;
position: relative;
top: 3px;
}

.burger-nav-bar ul li a[data-title=”Merkliste (Meine StZ)”]:before {
margin-right: 10px;
width: 14px;
height: 18px;
display: inline-block;
content: ”;
-webkit-mask: url( no-repeat 50% 50%;
mask: url( no-repeat 50% 50%;
-webkit-mask-size: contain;
mask-size: contain;
background: #1c1c1c;
padding-left: 6px;
position: relative;
top: 3px;
}

[data-widget-count=”0″] .burger-nav-bar ul li a[data-title=”Merkliste (Meine StZ)”] {
display: none;
}

.burger-nav-bar .burger-deep-nav ul li a[data-title=”Meine Nachrichten (Meine StZ)”] {
display: none;
}

.search-author-image {
object-fit: cover;
width: 30px;
height: 30px;
border-radius: 50%;
margin-right: 15px;
margin-left: 5px;
flex-shrink: 0;
}

/* boxitem für Artikellisten */
.registrationwall.news .newsInfo {
background: #fff;
align-items: center;
}

.registrationwall.news .registrationwall__content {
background: none;
padding: 0;
}

[data-layout=”tablet”] .m-plus-contentbox .compact-brick,
[data-layout=”desktop”] .m-plus-contentbox .compact-brick {
display: flex;
}

[data-layout=”tablet”] .m-plus-contentbox .in–col-2 .item,
[data-layout=”desktop”] .m-plus-contentbox .in–col-2 .item {
display: flex;
flex-direction: column;
}

[data-layout=”tablet”] .m-plus-contentbox .item button.bookmark-article,
[data-layout=”desktop”] .m-plus-contentbox .item button.bookmark-article {
margin-top: auto;
margin-left: auto;
margin-bottom: -15px;
}

[data-layout=”mobile”] .m-plus-contentbox .item button.bookmark-article {
margin-bottom: -20px;
}

[data-layout=”desktop”] .teaser-hero,
[data-layout=”tablet”] .teaser-hero {
padding-bottom: 10px;
}

[data-layout=”desktop”] .teaser-hero button.bookmark-article,
[data-layout=”tablet”] .teaser-hero button.bookmark-article {
right: calc(100% – 31px);
margin-bottom: 0 !important;
}

[data-layout=”desktop”] .autorenprofil .autorenprofil-content .bookmark-author+.global-button.global-button–secondary,
[data-layout=”tablet”] .autorenprofil .autorenprofil-content .bookmark-author+.global-button.global-button–secondary {
margin-top: 28px;
}

[data-layout=”mobile”] .autorenprofil .autorenprofil-content .textflip {
margin-top: 30px;
}

[data-layout=”desktop”] .autorenprofil .autorenprofil-content,
[data-layout=”tablet”] .autorenprofil .autorenprofil-content {
margin-top: -20px;
}

[data-layout=”mobile”] .autorenprofil .autorenprofil-header .author-info .author-name {
line-height: 29px;
}

[data-layout=”mobile”] .autorenprofil .autorenprofil-header .author-info .author-ressort {
line-height: 27px;
}

[data-layout=”mobile”] .autorenprofil .autorenprofil-content {
margin-top: 0;
}

[data-layout=”mobile”] .topics .grid-row-teaser .item {
padding-bottom: 10px;
}

[data-layout=”mobile”] .sharewrapper {
margin-top: 50px;
}

.boxitem .topnews-article-list .item,
.registrationwall .registrationwall-article-collection .item-list .item,
.registrationwall .registrationwall-article-collection .item-list .item {
padding-bottom: 10px;
margin-bottom: 28px;
border-bottom: 1px solid #e5e4de;
}

[data-layout=”tablet”] .boxitem figure,
[data-layout=”desktop”] .boxitem figure,
[data-layout=”tablet”] .boxitem .appetizer,
[data-layout=”desktop”] .boxitem .appetizer,
[data-layout=”tablet”] .boxitem .appetizer-text,
[data-layout=”desktop”] .boxitem .appetizer-text {
margin-bottom: 0;
}

/* Footer */
[data-alias=”/meinestz/auswahl-treffen”] #footer {
/* z-index: -1; */
padding-bottom: 180px;
}

[data-alias=”/meinestz/auswahl-treffen”] :not(.onboardingOverlayOpen) .mod-header-new {
z-index: 10;
}

[data-alias=”/meinestz/auswahl-treffen”] .site-wrapper.site {
z-index: 5;
position: relative;
}

[data-alias=”/meinestz/auswahl-treffen”][data-layout=”mobile”] #footer {
padding-bottom: 223px;
}

.topnews-article-list .item .content+div,
.registrationwall-article-collection>.item-list .data+div {
display: flex;
width: calc(100% – 340px);
margin-left: auto;
align-items: center;
}

[data-layout=”mobile”] .topnews-article-list .item .content+div,
[data-layout=”mobile”] .registrationwall-article-collection>.item-list .data+div {
width: 100%;
}

.searchResults .item .content+div button,
.topnews-article-list .item .content+div button,
.registrationwall-article-collection>.item-list .data+div button {
margin-left: auto;
flex-shrink: 0;
margin-bottom: 0;
}

.topnews-article-list .item .content+div>time,
.registrationwall-article-collection>.item-list .data+div>time,
.registrationwall-article-collection>.item-list .data+div>span {
font-size: 15px;
line-height: 21px;
flex-shrink: 0;
}

.topnews-article-list .item .content+div>time.article-date-seconds,
.registrationwall-article-collection>.item-list .data+div>time.article-date-seconds,
.topnews-article-list .item .content+div>time.article-date-minutes-red,
.registrationwall-article-collection>.item-list .data+div>time.article-date-minutes-red {
color: #E00000;
}

/* Buttons – Artikel – Startseite */
.grid .brick.beliebt {
display: flex;
flex-wrap: wrap;
}

.grid .brick.beliebt .item {
display: flex;
flex-direction: column;
}

.grid .brick.beliebt .item:last-child {
margin-bottom: 30px;
}

.grid .brick.beliebt .item button.bookmark-article {
margin-top: auto;
margin-left: auto;
margin-bottom: -30px;
}

[data-layout=”mobile”] .grid .brick.beliebt .item button.bookmark-article {
margin-bottom: -6px;
}

.burger-nav-bar .burger-deep-nav ul li a[data-title=”Meine StZ”] {
display: none;
}

[data-alias=”/stz-plus”][data-layout=”tablet”] .m-plus-contentbox .brick.in–col-2,
[data-alias=”/stz-plus”][data-layout=”desktop”] .m-plus-contentbox .brick.in–col-2 {
display: flex;
flex-wrap: wrap;
}

[data-alias=”/stz-plus”][data-layout=”tablet”] .m-plus-contentbox .item button.bookmark-article,
[data-alias=”/stz-plus”][data-layout=”desktop”] .m-plus-contentbox .item button.bookmark-article {
margin-bottom: -10px;
}

[data-layout=”mobile”] .ressortseite .boxitem .compact-brick .item:last-child:not(:only-child) {
margin-bottom: -20px;
}

[data-layout=”mobile”] .ressortseite .boxitem .compact-brick .item:last-child:only-child {
margin-bottom: 0;
}

[data-layout=”mobile”] .ressort .boxitem .item:not(:last-child) {
padding-bottom: 16px;
}

[data-layout=”tablet”] .m-series .button-wrap-teaser,
[data-layout=”desktop”] .m-series .button-wrap-teaser {
margin-bottom: 6rem;
}

.ressortseite .boxitem .m-series .item {
padding-bottom: 30px;
}

[data-layout=”mobile”] .m-series .appetizer .headline-wrapper h3 .appetizer-kicker {
line-height: 23px;
}

.registrationwall__content .recommendation-grid .data figure {
padding-right: 0;
}

[data-layout=”mobile”] .registrationwall__content .recommendation-grid .item {
display: flex;
flex-direction: column;
padding-bottom: 10px;
}

[data-layout=”mobile”] .registrationwall__content .recommendation-grid .item figure {
float: right;
width: 33.3%;
margin-bottom: 10px;
}

[data-layout=”mobile”] .registrationwall__content .recommendation-grid .item h3 {
float: inherit;
width: inherit;
padding-right: inherit;
}

[data-layout=”desktop”] .boxitem.grid-row-teaser .recommendation-grid.home .item figure,
[data-layout=”tablet”] .boxitem.grid-row-teaser .recommendation-grid.home .item figure {
width: 347px !important;
}

[data-layout=”desktop”] .recommendation-grid.home .item,
[data-layout=”tablet”] .recommendation-grid.home .item {
width: 347px !important;
padding-bottom: 0 !important;
}

[data-layout=”desktop”] .recommendation-grid.home .item .appetizer-kicker,
[data-layout=”tablet”] .recommendation-grid.home .item .appetizer-kicker {
margin-top: 16px;
line-height: 22px;
}

[data-layout=”desktop”] .recommendation-grid.home .item .appetizer-title,
[data-layout=”tablet”] .recommendation-grid.home .item .appetizer-title {
font-size: 22px;
line-height: 29px;
}

@media (prefers-color-scheme: dark) {

.mod-gallery ul li.bookmark button.bookmark-article[data-type=”follow”][data-follow=”true”],
.mod-article .article-body ul li.bookmark button.bookmark-article[data-type=”follow”][data-follow=”true”],
button.bookmark-article[data-type=”follow”][data-follow=”true”] {
background-image: url( !important;
}

.theme-header button.bookmark-theme:not([data-follow=”true”])::before {
background-image: url( !important;
}

.theme-header button.bookmark-theme[data-type=”follow”][data-follow=”true”] {
background-color: #1c1c1c !important;
border-color: #e5e4de !important;
}

.theme-header .headline {
color: #e5e4de !important;
border-bottom-color: #e5e4de;
}

.registrationwall .autoComplete_wrapper button.bookmark-author[data-type=”follow”][data-follow=”true”]:before,
.registrationwall .autoComplete_wrapper button.bookmark-theme[data-type=”follow”][data-follow=”true”]:before {
background-image: url( !important;
}

.registrationwall .autoComplete_wrapper button.bookmark-author[data-type=”follow”][data-follow=”true”]:hover:not(.hideUnfollowHover):before,
.registrationwall .autoComplete_wrapper button.bookmark-theme[data-type=”follow”][data-follow=”true”]:hover:not(.hideUnfollowHover):before {
background-image: url( !important;
}
}

.searchResults .item .content+div>time,
.registrationwall-article-collection>.item-list .data+div>time,
.registrationwall-article-collection>.item-list .data+div>span {
font-size: 15px;
line-height: 21px;
flex-shrink: 0;
}

.searchResults .item .content+div>time.article-date-seconds,
.registrationwall-article-collection>.item-list .data+div>time.article-date-seconds,
.searchResults .item .content+div>time.article-date-minutes-red,
.registrationwall-article-collection>.item-list .data+div>time.article-date-minutes-red {
color: #E00000;
}

.searchResults .item .content+div,
.registrationwall-article-collection>.item-list .data+div {
display: flex;
width: calc(100% – 340px);
margin-left: auto;
align-items: center;
height: 44px;
}

[data-layout=”mobile”] .searchResults .item .content+div,
[data-layout=”mobile”] .registrationwall-article-collection>.item-list .data+div {
width: 100%;
}

.boxitem.searchResults .item-list .item,
.registrationwall .registrationwall-article-collection .item-list .item,
.registrationwall .registrationwall-article-collection .item-list .item {
padding-bottom: 10px;
margin-bottom: 28px;
border-bottom: 1px solid #e5e4de;
}

.verlagsangebot .bookmark-article {
display: none;
}

@media (prefers-color-scheme: dark) {
[data-layout=”tablet”] button.bookmark-theme:not([data-follow=”true”]):hover:before,
[data-layout=”tablet”] button.bookmark-author:not([data-follow=”true”]):hover:before,
[data-layout=”desktop”] button.bookmark-theme:not([data-follow=”true”]):hover:before,
[data-layout=”desktop”] button.bookmark-author:not([data-follow=”true”]):hover:before {
background-image: url(
}

.onboardingOverlay {
background-color: #1c1c1c;
}

.onboardingOverlay .content h2,
.onboardingOverlay .content p,
.content .onboardingOverlay .content .container-login {
color: #E5E4DE !important;
}

.onboardingOverlay .content .btn {
background-color: var(–color-primary-darkmode);
}

.onboardingOverlay .content .container-login span {
color: var(–color-primary-darkmode);
}

.onboardingOverlay .closeIconContainer .closeOverlay {
filter: brightness(0) saturate(100%) invert(94%) sepia(0%) saturate(7476%) hue-rotate(318deg) brightness(110%) contrast(106%);
}

.onboardingOverlayBackground {
background: rgba(0, 0, 0, 0.7);
}
}

]]]]]]]]]]>]]]]]]]]>]]]]]]>]]]]>]]>

<!–

 

<![CDATA[<![CDATA[<![CDATA[<![CDATA[]]]]]]]]>]]]]]]>]]]]>]]>