Jennifer Lopez hat Scheidung von Ben Affleck eingereicht

))))))))>))))))>))))>))>

 

 

a img {
padding: 5px 0;
}

#myIframe,
(data-alias=“https://www.stuttgarter-zeitung.de/“):not(.sticky-nav) .mod-header-new .header-bottom .swiper-button-next:before,
(data-alias=“https://www.stuttgarter-zeitung.de/“):not(.sticky-nav) .mod-header-new .header-bottom .swiper-button-prev:before,
(data-alias=“https://www.stuttgarter-zeitung.de/“):not(.sticky-nav) .mod-header-new .header-bottom>div:after,
(data-alias=“https://www.stuttgarter-zeitung.de/“):not(.sticky-nav) .mod-header-new .header-bottom>div:before {
background-color: #eeede9 !important;
}

(data-layout=“mobile“)(data-alias=“https://www.stuttgarter-zeitung.de/“):not(.sticky-nav) .mod-header-new .header-bottom .swiper-button-next:before,
(data-layout=“mobile“)(data-alias=“https://www.stuttgarter-zeitung.de/“):not(.sticky-nav) .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(„https://www.stuttgarter-zeitung.de/staticcontent/stuttgarter_zeitung/common/svg/icon-check-white.svg“) !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(„https://www.stuttgarter-zeitung.de/staticcontent/stuttgarter_zeitung/common/svg/icon-close-white.svg“) !important;
}

.mod-gallery ul li.bookmark button.bookmark-article(data-type=“follow“) {
background-image: url(https://www.stuttgarter-zeitung.de/staticcontent/stuttgarter_zeitung/common/svg/i_bookmark-dm.svg) !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(„https://www.stuttgarter-zeitung.de/staticcontent/stuttgarter_zeitung/common/svg/darkmode/cleverpush_darkmode.svg“) !important;
}

}

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

(data-alias=“https://www.stuttgarter-zeitung.de/“):not(.sticky-nav) .mod-header-new .header-bottom>div::before {
width: 70px;
z-index: 20;
}

(data-alias=“https://www.stuttgarter-zeitung.de/“):not(.sticky-nav) .mod-header-new .header-bottom>div::after {
width: 44px;
z-index: 20;
}

(data-alias=“https://www.stuttgarter-zeitung.de/“):not(.sticky-nav) .mod-header-new .header-bottom .swiper-button-next::before,
(data-alias=“https://www.stuttgarter-zeitung.de/“):not(.sticky-nav) .mod-header-new .header-bottom .swiper-button-prev::before {
display: none;
}

(data-layout=“desktop“)(data-alias=“https://www.stuttgarter-zeitung.de/“) .mod-header-new .header-bottom>div .slider-header-navigation-wrapper,
(data-layout=“tablet“)(data-alias=“https://www.stuttgarter-zeitung.de/“) .mod-header-new .header-bottom>div .slider-header-navigation-wrapper {
height: 59px;
}

(data-layout=“mobile“)(data-alias=“https://www.stuttgarter-zeitung.de/“) .mod-header-new .header-bottom>div .slider-header-navigation-wrapper {
height: 49px;
}

(data-layout=“mobile“)(data-alias=“https://www.stuttgarter-zeitung.de/“):not(.sticky-nav) .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(https://www.stuttgarter-zeitung.de/staticcontent/stuttgarter_zeitung/images/snippets/Schlie%C3%9Fen_stz.svg) 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(„https://www.stuttgarter-zeitung.de/staticcontent/stuttgarter_zeitung/common/svg/Icon_Pfeil.svg“);
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(„https://www.stuttgarter-zeitung.de/staticcontent/stuttgarter_zeitung/common/svg/Icon_Pfeile.svg“);
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=“https://www.stuttgarter-zeitung.de/“)) .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(https://www.stuttgarter-zeitung.de/staticcontent/stuttgarter_zeitung/common/svg/insta_ohnerand.svg) no-repeat 50% 51% !important;
mask-size: contain !important;
}

.burger-nav-bar ul li a(data-title=Youtube)::before {
mask: url(https://www.stuttgarter-zeitung.de/staticcontent/stuttgarter_zeitung/common/svg/youtube_ohnerand.svg) no-repeat 50% 51% !important;
mask-size: contain !important;
}

.burger-nav-bar ul li a(data-title=WhatsApp)::before {
mask: url(https://www.stuttgarter-zeitung.de/staticcontent/stuttgarter_zeitung/common/svg/whatsapp_ohnerand.svg) no-repeat 50% 51% !important;
mask-size: contain !important;
}

.burger-nav-bar ul li a(data-title=Facebook)::before {
mask: url(https://www.stuttgarter-zeitung.de/staticcontent/stuttgarter_zeitung/common/svg/fb_ohnerand.svg) 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(„https://www.stuttgarter-zeitung.de/staticcontent/stuttgarter_zeitung/common/svg/Icon_Pfeil.svg“);
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;
}

/* CON-2758 Entfernen der Pluskennzeichnung */
.no-plus-logo .paid-icon,
.no-plus-logo .data(data-paidcontent=“true“) .appetizer-kicker:before {
display: none !important;
}
))))))))))>))))))))>))))))>))))>))>

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(https://www.stuttgarter-zeitung.de/staticcontent/stuttgarter_zeitung/common/img/buttons/meinestz-energiekrise.png);
}

.registrationwall .item.boxItemContainer.topics .item:nth-child(2) {
background-image: url(https://www.stuttgarter-zeitung.de/staticcontent/stuttgarter_zeitung/common/img/buttons/meinestz-wohnen.png);
}

.registrationwall .item.boxItemContainer.topics .item:nth-child(3) {
background-image: url(https://www.stuttgarter-zeitung.de/staticcontent/stuttgarter_zeitung/common/img/buttons/meinestz-stadtkind.png);
}

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

.registrationwall .item.boxItemContainer.topics .item:nth-child(4) {
background-image: url(https://www.stuttgarter-zeitung.de/staticcontent/stuttgarter_zeitung/common/img/buttons/meinestz-1942.png);
}

.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=“http://www.w3.org/2000/svg“ 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(https://www.stuttgarter-zeitung.de/staticcontent/stuttgarter_zeitung/common/svg/icon-plus.svg);
margin-right: 4px;
width: 15px;
height: 15px;
background-repeat: no-repeat; */
display: inline-block;
background-image: url(https://www.stuttgarter-zeitung.de/staticcontent/stuttgarter_zeitung/common/svg/icon-plus.svg);
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(https://www.stuttgarter-zeitung.de/staticcontent/stuttgarter_zeitung/common/svg/icon-plus-grey.svg);
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(‚https://www.stuttgarter-zeitung.de/staticcontent/stuttgarter_zeitung/common/svg/flag-new-left.svg‘);
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(https://www.stuttgarter-zeitung.de/staticcontent/stuttgarter_zeitung/common/svg/icon-check-white.svg);
/* 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(https://www.stuttgarter-zeitung.de/staticcontent/stuttgarter_zeitung/common/svg/icon-close-white.svg);
/* 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=“http://www.w3.org/2000/svg“ 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(https://www.stuttgarter-zeitung.de/staticcontent/stuttgarter_zeitung/common/svg/icon-bookmark-grey.svg);
}

.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(https://www.stuttgarter-zeitung.de/staticcontent/stuttgarter_zeitung/common/svg/icon-bookmark.svg);
}

.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=“http://www.w3.org/2000/svg“ 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(https://www.stuttgarter-zeitung.de/staticcontent/stuttgarter_zeitung/common/svg/icon-bookmark-full.svg);
}

(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(‚https://www.stuttgarter-zeitung.de/staticcontent/stuttgarter_zeitung/common/svg/flag-new-left.svg‘);
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(https://www.stuttgarter-zeitung.de/staticcontent/stuttgarter_zeitung/common/svg/flag-new-down.svg);
top: -30px;
left: 2px;
height: 25px;
} */

/* Backlink / Configure-Link / Banner */
.registrationwall .backlink:before {
background-image: url(„https://www.stuttgarter-zeitung.de/staticcontent/stuttgarter_zeitung/common/svg/Icon_Pfeil.svg“);
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(https://www.stuttgarter-zeitung.de/staticcontent/stuttgarter_zeitung/common/svg/icon-meine-stz.svg) no-repeat 50% 50%;
mask: url(https://www.stuttgarter-zeitung.de/staticcontent/stuttgarter_zeitung/common/svg/icon-meine-stz.svg) no-repeat 50% 50%;
-webkit-mask-size: cover;
mask-size: cover;
background: #1c1c1c; */
background-image: url(https://www.stuttgarter-zeitung.de/staticcontent/stuttgarter_zeitung/common/svg/icon-meine-stz.svg);
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(https://www.stuttgarter-zeitung.de/staticcontent/stuttgarter_zeitung/common/svg/icon-bookmark.svg) no-repeat 50% 50%;
mask: url(https://www.stuttgarter-zeitung.de/staticcontent/stuttgarter_zeitung/common/svg/icon-bookmark.svg) 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(https://www.stuttgarter-zeitung.de/staticcontent/stuttgarter_zeitung/common/svg/icon-bookmark-full-dm.svg) !important;
}

.theme-header button.bookmark-theme:not((data-follow=“true“))::before {
background-image: url(https://www.stuttgarter-zeitung.de/staticcontent/stuttgarter_zeitung/common/svg/i_plus-dm.svg) !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(https://www.stuttgarter-zeitung.de/staticcontent/stuttgarter_zeitung/common/svg/icon-check-white.svg) !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(https://www.stuttgarter-zeitung.de/staticcontent/stuttgarter_zeitung/common/svg/icon-close-white.svg) !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(https://www.stuttgarter-zeitung.de/staticcontent/stuttgarter_zeitung/common/svg/icon-plus.svg);
}

.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);
}
}

))))))))))>))))))))>))))))>))))>))>

))))))))>))))))>))))>))>

Stars & Celebrities Jennifer Lopez hat Scheidung von Ben Affleck eingereicht

21.08.2024 – 08:34 Uhr

Jetzt ist das Liebes-Aus offiziell!

))))))))>))))))>))))>))>

 

))))))))>))))))>))))>))>

))))))))>))))))>))))>))>

Source link