Deutschland: Bilder des Tages – Unterhaltung

 

 

.m-links {
z-index: 51;
}

[data-layout=”desktop”] .mod-nav .m-menu–3.is-open,
[data-layout=”tablet”] .mod-nav .m-menu–3.is-open {
left: 33%;
width: auto;
box-shadow: 0 0 50px -10px #454545;
}

[data-layout=”mobile”] .mod-nav .m-menu–3.is-open {
bottom: 0;
}

.cleverpush-confirm-hide,
.cleverpush-panel-close {
color: #777;
}

/* EGM-1262 */
.mod-article .recoTeaser a[data-tags*=”Advertorial”]:before {
content: “Anzeige”;
color: #a5a5a5;
display: block;
height: 15px;
font-size: 0.75rem;
line-height: 1;
position: absolute;
right: 0;
}

[data-layout=”mobile”]
.mod-article
.recoTeaser
a[data-tags*=”Advertorial”]:before {
margin-top: -15px;
}

/* DEV-1605 – Mediathek Anpassung Video Embeds */
[data-layout=”desktop”][data-article-tags*=”Mediathek-video”]
dig-plugin[data-type=”glomex”],
[data-layout=”desktop”][data-article-tags*=”Mediathek-video”]
dig-plugin[data-type=”youtube”] {
margin-left: -35px;
margin-right: -35px;
width: calc(100% + 70px);
}

[data-layout=”mobile”][data-article-tags*=”Mediathek-video”]
dig-plugin[data-type=”glomex”],
[data-layout=”mobile”][data-article-tags*=”Mediathek-video”]
dig-plugin[data-type=”youtube”] {
margin-left: -20px;
margin-right: -20px;
width: calc(100% + 40px);
}

/* DEV-1607 – Fix Medium Teaser Mobile Spezial Ressort-Seiten */
[data-layout=”mobile”] .teaser-medium.plus-articles {
margin: 0;
}

[data-layout=”mobile”]
.teaser-medium.plus-articles
.appetizer
.headline-wrapper:before,
[data-layout=”mobile”]
.grid-row-teaser
.teaser-medium.plus-articles
.item:before {
display: none;
}

[data-layout=”mobile”]
.teaser-medium.plus-articles
.appetizer
.headline-wrapper {
display: block;
}

[data-layout=”mobile”]
.teaser-medium.plus-articles
.appetizer
.headline-wrapper
h3 {
padding-bottom: 0;
position: static;
}

[data-layout=”mobile”]
.teaser-medium.plus-articles
.appetizer
.headline-wrapper
h3
.appetizer-title,
[data-layout=”mobile”]
.teaser-medium.plus-articles
.appetizer
.headline-wrapper
h3
.appetizer-kicker {
padding-left: 8px;
padding-right: 0;
color: var(–color-bodytext);
text-shadow: none;
}

[data-layout=”mobile”]
.teaser-medium.plus-articles
.appetizer
.headline-wrapper
h3
.appetizer-title {
margin-bottom: 5px;
}

[data-layout=”mobile”]
.grid-row-teaser
.teaser-medium.plus-articles
.item:after {
bottom: 0;
background: var(–color-gray);
}

@media (prefers-color-scheme: dark) {
.pwBlur {
background: linear-gradient(
rgba(41, 41, 41, 0.3) 0%,
rgba(41, 41, 41, 0.9) 80%
) !important;
}
}

/* Anpassung Darkmode Themenseiten */
@media (prefers-color-scheme: dark) {
.ec-content-topline .edy-img-header .edy-teaser-txt {
background: #292929;
opacity: 0.9;
}

.ec-content-topline .edy-img-header h1 {
text-shadow: black 0px 1px 0px;
}
}

/* SALE-188 MHS Digital zu swmn Logo umtauschen */
html:not([data-layout=”mobile”]) a.mhsd-partner-link[dark]:before,
html[data-layout=”mobile”] a.mhsd-partner-link[dark]:before {
content: url(/staticcontent/common/svg/swmn_80.svg);
}

html[data-layout=”desktop”] a.mhsd-partner-link {
top: unset;
}

[data-layout=”mobile”] .mod-header .m-wrapper li a.mhsd-partner-link {
margin-right: 200px !important;
}

@media only screen and (max-width: 768px) {
.mod-header > .m-wrapper > .m-logo {
left: 15px;
}
}

/* EGM-1347 – Div. Fehler fixen */
.mod-article
.article-body
.article-bottom
.item
.article-bottom-wrapper
.to-image-slider-wrapper
.to-image-slider
.icon-picture {
line-height: 42px;
}

.mod-article
.article-body
.article-bottom
.item
.article-bottom-wrapper
.to-image-slider-wrapper
.to-image-slider-text {
display: inline-block;
}

.mod-article .article-body .sharewrapper ul li {
background-position: center !important;
}

#article-social-bar.sharewrapper li.perlink {
width: 70px;
}

[data-layout=”mobile”] .sharewrapper li {
width: 40px !important;
}

[data-layout=”mobile”] .sharewrapper ul {
justify-content: space-between;
}

.nat-new figure + h3 .appetizer-kicker {
background-color: #ddd;
padding: 0 3px !important;
}

.mod-nav .m-menu–1 > .m-links > .m-item {
padding: 0 11px;
}

.mod-footer .footercontent .sharewrapper li.telegram a {
background-image: url(https://www.stuttgarter-nachrichten.de/staticcontent/stuttgarter_nachrichten/common-resp18/svg/telegram.svg);
background-repeat: no-repeat;
}

.mod-footer .footercontent .sharewrapper li.google-news a {
background-image: url(https://www.stuttgarter-nachrichten.de/staticcontent/stuttgarter_nachrichten/common-resp18/img/google-news.png);
background-repeat: no-repeat;
}

.sharewrapper li a:hover {
cursor: pointer;
}

@media (prefers-color-scheme: dark) {
#article-social-bar li:hover {
filter: brightness(0) saturate(100%) invert(29%) sepia(16%) saturate(282%)
hue-rotate(160deg) brightness(99%) contrast(87%);
}

.nlphone .preview {
background: url(https://www.stuttgarter-nachrichten.de//media.media.d66507e8-6343-455c-8483-1245d1b2c04f.original.svg)
no-repeat;
}
}

/* Banderole max-height (evtl. verantwortlich für CLS Wert) */
.c1-banderole-target {
height: 90px;
display: inline-block !important;
}

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

/* Anpassung Serienverweis */
[data-layout=”mobile”] .mod-article .article-body .menuTeaser .item {
padding-left: 0px !important;
padding-right: 0px !important;
}

[data-layout=”mobile”]
.mod-article
.article-body
.menuTeaser
.appetizer-linktext {
position: relative;
float: right;
margin-top: 5px;
}

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

[data-layout=”mobile”] .mod-header .m-wrapper li a.mhsd-partner-link {
margin-right: 160px !important;
position: relative;
top: 3px;
}

/* EGM-1422 Umsetzung Rätsel */
.bigMarginTop {
margin-top: 25px;
}

.include-content .h3 {
font-size: 20px;
line-height: 21px;
margin-top: 25px;
margin-bottom: 10px;
font-weight: 700;
}

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

.riddle-site-header {
display: flex;
flex-direction: column;
align-items: center;
padding: 43px 18px;
background-color: var(–riddle-color);
}

.include-content h2.riddle-headline {
font-family: “Roboto Slab”;
font-size: 32px;
line-height: 36px;
margin-bottom: 0;
margin-top: 10px;
font-weight: 700;
color: #fff;
}

.riddle-site-menu {
margin-top: 16px;
padding: 20px;
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;
color: var(–color-bodytext);
}

.riddle-site-menu a.backlink:before {
background-image: url(“/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 .logo + .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;
margin-right: -20px;
margin-left: -20px;
}

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

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

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

.boxitem.games h2,
.boxitem.games h3 {
color: #e5e4de;
font-size: 26px;
font-size: 1.625rem;
font-weight: 500;
color: #757879;
margin-bottom: 10px;
}

@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: #292929;
}

.boxitem.games h2,
.boxitem.games h3 {
color: #e5e4de !important;
}
}

.ressort-boxitem .ressort-headline {
font-family: “Roboto Slab”;
font-weight: 700;
font-size: 24px;
line-height: 39px;
color: var(–color-bodytext);
}

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

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

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

.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% – 20px);
flex-basis: calc(33.3333% – 20px);
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.zumba {
–riddle-color: #615cb3;
}

.riddle.bowling {
–riddle-color: #cbb746;
}

.riddle.dart {
–riddle-color: #7caeea;
}

.riddle.airhockey {
–riddle-color: #d64b4b;
}

.riddle.brettspiele {
–riddle-color: #885494;
}

.riddle.geoguessing {
–riddle-color: #4dcfe9;
}

.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.zumba .riddle-description .link img {
filter: brightness(0) saturate(100%) invert(39%) sepia(81%) saturate(466%)
hue-rotate(204deg) brightness(81%) contrast(85%);
}

.riddle.bowling .riddle-description .link img {
filter: brightness(0) saturate(100%) invert(78%) sepia(53%) saturate(512%)
hue-rotate(3deg) brightness(88%) contrast(85%);
}

.riddle.dart .riddle-description .link img {
filter: brightness(0) saturate(100%) invert(64%) sepia(41%) saturate(461%)
hue-rotate(174deg) brightness(97%) contrast(88%);
}

.riddle.airhockey .riddle-description .link img {
filter: brightness(0) saturate(100%) invert(33%) sepia(98%) saturate(635%)
hue-rotate(319deg) brightness(98%) contrast(91%);
}

.riddle.brettspiele .riddle-description .link img {
filter: brightness(0) saturate(100%) invert(43%) sepia(8%) saturate(3046%)
hue-rotate(243deg) brightness(85%) contrast(85%);
}

.riddle.geoguessing .riddle-description .link img {
filter: brightness(0) saturate(100%) invert(86%) sepia(11%) saturate(5426%)
hue-rotate(156deg) brightness(97%) contrast(88%);
}

.riddle .riddle-description .link {
font-size: 16px;
line-height: 21px;
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: 7px;
position: relative;
top: 2px;
}

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

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

[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: 40px;
}

[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) {
.include-content h2.riddle-headline,
.riddle-site-menu a.backlink,
.riddle-name,
.riddle .riddle-description,
.ressort-boxitem .ressort-headline {
color: #e5e4de !important;
}

.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: “Roboto Condensed”;
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-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: “Roboto Condensed”;
}

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

#pianoBanderoleContainer {
display: block;
background-color: #fff;
margin: 20px;
}

.eilmeldung-script {
line-height: 0;
}

.eilmeldung-script .item {
padding: 0;
}

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

[data-layout=”mobile”] .breaking-news .data .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”] .breaking-news {
margin: 10px -20px;
width: calc(100% + 40px);
}

[data-layout=”mobile”] #pianoBanderoleContainer {
margin: 0;
}

[data-layout=”mobile”] #panoramaBanderole.breaking-news {
min-height: 50px;
}

[data-layout=”mobile”] .breaking-news .item {
padding: 0;
}

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

html:not([data-alias=”https://www.stuttgarter-nachrichten.de/”]) .breaking-news {
margin-bottom: 10px;
}

/* Fix für Main.css – das kann nicht nur für DM nötig sein */
@media (prefers-color-scheme: dark) {
.tp-container-inner {
margin-top: 0;
}
}

.OutOfPage {
line-height: 0;
}

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

/* 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-nachrichten.de/staticcontent/stuttgarter_nachrichten/common/svg/icon-close-no_whitepace.svg”)
no-repeat center !important;
background-color: rgba(0, 0, 0, 0);
min-width: auto !important;
background-color: transparent !important;
top: 0;
right: 24px;
box-shadow: none !important;
}

.tp-iframe-wrapper[class*=”piano-id-modal-ver”] .tp-close {
right: 0;
}

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

@media (prefers-color-scheme: dark) {
.tp-iframe-wrapper .tp-close {
filter: brightness(0) saturate(100%) invert(97%) sepia(39%) saturate(331%)
hue-rotate(186deg) brightness(109%) contrast(100%);
}
}

/* Anpassung Höhe 2. Layer nach Anpassung von DEV-1880 */
[data-state=”is-subscribed”][data-layout=”mobile”]
.mod-nav
.m-menu–1.is-open
.m-menu–2.is-open {
margin-top: -190px;
}

/* 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;
}
}

/* CON-2624 – Fix Abo Buton Safari*/
[data-layout=”mobile”] .m-menu.m-menu–bottom {
transform: translateX(0);
top: 0;
right: 61px;
width: 44px;
padding-right: 0;
border-top: none;
height: 45px;
background-color: transparent;
}

[data-layout=”mobile”] .mod-header > .m-wrapper .m-menu–top > .m-item–ok {
z-index: 0;
}

[data-layout=”mobile”] .mod-header > .m-wrapper .m-menu–top > .m-item–nav {
width: 61px;
}

html[data-layout=”mobile”] a.mhsd-partner-link {
margin-left: 0 !important;
display: flex;
top: -3px;
}

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

/* EGM-1582 – Erstellung weiterer Plusbox */
[data-layout=”tablet”] #pianoRecoPlusbox,
[data-layout=”desktop”] #pianoRecoPlusbox {
display: flex;
}

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

#pianoRecoPlusbox .item {
flex-shrink: 1;
height: auto;
}

#pianoRecoPlusbox .item .bookmark-article {
margin-top: auto;
margin-left: auto;
}

[data-layout=”mobile”] #pianoRecoPlusbox .item .bookmark-article {
margin-bottom: 10px;
}

/* Variante B */
#pos_plusbox.plusbox-b.plusbox {
border: none;
margin: 0;
background-color: transparent;
max-width: none;
}

[data-layout=”desktop”] #pos_plusbox.plusbox-b .item + .item::before {
display: none;
}

#pos_plusbox.plusbox-b.plusbox header {
position: static;
padding: 0 0 0 15px;
}

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

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

#pos_plusbox.plusbox-b.plusbox h3 {
display: inline-block;
line-height: 28px;
margin: 8px 0 25px !important;
}

#pos_plusbox.plusbox-b.plusbox .logo-background {
width: auto;
height: auto;
}

#pos_plusbox.plusbox-b.plusbox #pianoRecoPlusbox {
flex-direction: column;
}

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

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

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

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

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

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

#pos_plusbox.plusbox-b.plusbox .item button.bookmark-article {
/* margin-right: calc(100% – 325px); */
right: -13px;
/* left: 3px; */
/* transform: translateX(100%); */
}

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

#pos_plusbox.plusbox-b .appetizer h3 .appetizer-kicker {
color: #fff !important;
}

#pos_plusbox.plusbox-b.plusbox h3 {
text-align: left;
}

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

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

[data-layout=”mobile”] #pos_plusbox.plusbox-b.plusbox header {
display: block;
text-align: center;
padding: 0;
margin-top: 20px;
}

[data-layout=”mobile”] #pos_plusbox.plusbox-b.plusbox h3 {
text-align: center;
display: block;
}

[data-layout=”mobile”] #pos_plusbox.plusbox-b.plusbox .appetizer h3 {
text-align: left;
}

[data-layout=”mobile”] #pos_plusbox.plusbox-b.plusbox {
padding: 0;
}

[data-layout=”mobile”] #pos_plusbox.plusbox-b .appetizer-kicker {
padding-top: 0 !important;
padding-bottom: 0 !important;
}

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

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

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

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

[data-layout=”mobile”]
#pos_plusbox.plusbox-b.plusbox
#pianoRecoPlusbox
.item {
border-bottom: 1px solid #7c7867;
padding: 0 0 10px;
margin-bottom: 30px;
}

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

[data-layout=”mobile”] #pos_plusbox.plusbox-b.plusbox #pianoRecoPlusbox {
border-top: 1px solid #7c7867;
padding-top: 20px;
margin-bottom: 0;
}

[data-layout=”mobile”] #pos_plusbox.plusbox-b.plusbox .appetizer h3 {
margin-bottom: 0 !important;
}

[data-layout=”mobile”] #pos_plusbox.plusbox-b.plusbox .link-wrap {
margin: 0 auto 30px;
text-align: center;
line-height: 16px;
}

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

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

[data-layout=”mobile”]
#pos_plusbox.plusbox-b.plusbox
#pianoRecoPlusbox
.item {
border-bottom-color: #545454;
}
}

/* Variante C */
#pos_plusbox.plusbox-c.plusbox {
border: none;
margin: 0;
max-width: none;
padding-right: 0;
padding-left: 20px;
}

#pos_plusbox.plusbox-c.plusbox header {
display: none;
}

#pos_plusbox.plusbox-c.plusbox .header {
width: fit-content;
}

#pos_plusbox.plusbox-c.plusbox header + h3 {
text-align: left;
margin-bottom: 30px !important;
color: #fff !important;
font-size: 32px;
line-height: 42px;
display: inline-block;
}

#pos_plusbox.plusbox-c.plusbox #pianoRecoPlusbox .appetizer {
padding: 0;
}

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

#pos_plusbox.plusbox-c.plusbox #pianoRecoPlusbox .appetizer-kicker {
padding: 0 10px;
}

#pos_plusbox.plusbox-c.plusbox #pianoRecoPlusbox .appetizer-title {
padding: 0 10px;
margin-bottom: 10px;
}

#pos_plusbox.plusbox-c #pianoRecoPlusbox {
display: flex;
}

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

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

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

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

#pos_plusbox.plusbox-c.plusbox .item button.bookmark-article {
margin: auto 0 0 auto;
right: 0;
}

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

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

#pos_plusbox.plusbox-c .swiper-button-next {
right: 15px;
}

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

#pos_plusbox.plusbox-c.plusbox .link-wrap a {
color: #fff;
border-bottom-color: #fff;
}

[data-layout=”desktop”] #pos_plusbox.plusbox-c .item + .item::before {
display: none;
}

[data-layout=”mobile”] #pos_plusbox.plusbox-c #pianoRecoPlusbox {
margin-left: 0;
display: flex;
}

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

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

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

[data-layout=”mobile”] #pos_plusbox.plusbox-c.plusbox {
margin-left: -20px;
margin-right: -20px;
width: calc(100% + 40px);
}

[data-layout=”mobile”] #pos_plusbox.plusbox-c.plusbox .link-wrap {
line-height: 16px;
text-align: center;
}

[data-layout=”mobile”] #pos_plusbox.plusbox-c.plusbox header + h3 {
font-size: 24px;
margin-top: 0 !important;
}

@media (prefers-color-scheme: dark) {
#pos_plusbox.plusbox-c.plusbox #pianoRecoPlusbox .swiper-slide {
background-color: #292929;
}
}

@font-face {
font-family: swiper-icons;
src: url(“data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA”);
font-weight: 400;
font-style: normal;
}

.swiper {
margin-left: auto;
margin-right: auto;
position: relative;
overflow: hidden;
list-style: none;
padding: 0;
z-index: 1;
}

.swiper-wrapper {
position: relative;
width: 100%;
height: 100%;
z-index: 1;
display: flex;
transition-property: transform;
box-sizing: content-box;
}

.swiper-android .swiper-slide,
.swiper-wrapper {
transform: translate3d(0, 0, 0);
}

.swiper-slide {
flex-shrink: 0;
width: 100%;
height: 100%;
position: relative;
transition-property: transform;
}

.swiper-backface-hidden .swiper-slide {
transform: translateZ(0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
opacity: 0.35;
cursor: auto;
pointer-events: none;
}

.swiper-button-next,
.swiper-button-prev {
position: absolute;
top: 50%;
width: calc(var(–swiper-navigation-size) / 44 * 27);
height: var(–swiper-navigation-size);
margin-top: calc(0px – (var(–swiper-navigation-size) / 2));
z-index: 10;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
color: var(–swiper-navigation-color, var(–swiper-theme-color));
}

.swiper-button-next:after,
.swiper-button-prev:after {
font-family: swiper-icons;
font-size: var(–swiper-navigation-size);
text-transform: none !important;
letter-spacing: 0;
text-transform: none;
font-variant: initial;
line-height: 1;
}

.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
content: “next”;
}

.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
content: “prev”;
}

/* Automobile Header Anfang */

[data-alias=”/wirtschaft/autoindustrie”] .mod-header {
background-color: #405952;
}

[data-alias=”/wirtschaft/autoindustrie”]
.mod-header
> .m-wrapper
.m-menu–top {
background: 0 0;
}

[data-alias=”/wirtschaft/autoindustrie”]
.mod-header
> .m-wrapper
.m-menu–top::after {
background: 0 0;
}

[data-alias=”/wirtschaft/autoindustrie”]
.mod-header
> .m-wrapper
.m-menu–top::before {
background-image: none;
}

[data-alias=”/wirtschaft/autoindustrie”]
.mod-header
> .m-wrapper
.m-menu–top
> .m-item–ok {
background: 0 0;
border-left: none;
}

[data-alias=”/wirtschaft/autoindustrie”]
.mod-header
> .m-wrapper
.m-menu–bottom
> .m-item–search
> .m-wrapper::after {
background: #405952;
}

[data-alias=”/wirtschaft/autoindustrie”]
.mod-header
> .m-wrapper
.m-menu–bottom
> .m-item–search
> .m-wrapper
> .m-form
> .m-button::before {
filter: brightness(0) saturate(100%) invert(7%) sepia(76%) saturate(7448%)
hue-rotate(0) brightness(84%) contrast(105%);
}

[data-alias=”/wirtschaft/autoindustrie”]
.mod-header
> .m-wrapper
.m-menu–bottom
> .m-item–search.is-open
+ .item.m-item-vfb {
display: none;
}

[data-alias=”/wirtschaft/autoindustrie”]
.mod-header
> .m-wrapper
.m-menu–bottom
> .m-item–search
.m-wrapper
> .m-form
> .m-input {
color: #405952;
}

[data-alias=”/wirtschaft/autoindustrie”]
.mod-header
> .m-wrapper
.m-menu–bottom
> .m-item–search
.m-wrapper
> .m-form
> .m-input::placeholder {
color: #405952;
}

[data-alias=”/wirtschaft/autoindustrie”]
.mod-header
> .m-wrapper
.m-menu–bottom
> .m-item–login
> .m-wrapper
> .m-loginbox
.m-loginbox-items
ul
li {
border-color: #405952;
}

[data-alias=”/wirtschaft/autoindustrie”]
.mod-header
> .m-wrapper
.m-menu–bottom
> .m-item–login
> .m-wrapper
> .m-loginbox
.m-loginbox-items
ul
li
a {
color: #405952;
}

[data-alias=”/wirtschaft/autoindustrie”]
.mod-header
> .m-wrapper
.m-menu–bottom
> .m-item–login
> .m-wrapper::after {
background: #405952;
}

[data-alias=”/wirtschaft/autoindustrie”] .mod-nav {
border-color: #405952;
}

[data-alias=”/wirtschaft/autoindustrie”]
.mod-nav
.m-menu
> .m-item:not(:hover):not(.is-active),
[data-alias=”/wirtschaft/autoindustrie”]
.mod-nav
.m-menu
> .m-item:not(:hover)
> .m-link:not(:hover) {
color: #405952;
}

[data-alias=”/wirtschaft/autoindustrie”]
.mod-nav
.m-menu
> .m-item–more:not(:hover):not(.is-active):after {
filter: brightness(0) saturate(100%) invert(7%) sepia(76%) saturate(7448%)
hue-rotate(0) brightness(84%) contrast(105%);
}

[data-alias=”/wirtschaft/autoindustrie”] .mod-nav .m-menu > .m-item a:hover,
[data-alias=”/wirtschaft/autoindustrie”] .mod-nav .m-menu > .m-item:hover {
background: #405952;
}

[data-alias=”/wirtschaft/autoindustrie”]
.mod-nav
.m-menu
> .m-item.is-active {
background: #405952;
}

[data-alias=”/wirtschaft/autoindustrie”] .mod-nav .m-menu–1 > .m-sidebar,
[data-alias=”/wirtschaft/autoindustrie”] .mod-nav .m-menu–2,
[data-alias=”/wirtschaft/autoindustrie”] .mod-nav .m-menu–3 {
border-color: #405952;
}

[data-alias=”/wirtschaft/autoindustrie”] .mod-nav .m-menu–1 > .m-links {
border-color: #405952;
background: #ddb3b3;
}

[data-alias=”/wirtschaft/autoindustrie”]
.mod-nav
.m-menu–1
> .m-links
.m-item {
border-color: #405952;
}

[data-alias=”/wirtschaft/autoindustrie”]
.mod-nav
.m-menu–1
> .m-links
.m-item
> .m-link {
color: #405952;
}

[data-alias=”/wirtschaft/autoindustrie”] .mod-nav ul li.userstate {
border-color: #405952;
}

[data-alias=”/wirtschaft/autoindustrie”] .mod-nav ul li.userstate a.link {
color: #405952;
}

[data-alias=”/wirtschaft/autoindustrie”][data-layout=”desktop”]
.mod-header
> .m-wrapper
.m-menu–bottom
> .m-item-vfb {
display: block;
order: -1;
background-image: url(https://www.stuttgarter-nachrichten.de/staticcontent/stuttgarter_nachrichten/common/img/logos/meinvfb-neg.svg);
width: 45px;
height: 45px;
position: relative;
top: -12px;
margin-right: 15px;
background-repeat: no-repeat;
}

[data-alias=”/wirtschaft/autoindustrie”][data-layout=”mobile”] #search-form {
background-color: #ddb3b3;
}

[data-alias=”/wirtschaft/autoindustrie”][data-layout=”mobile”]
#search-form
.search-field {
border-color: #405952;
}

/* Automobile Header Ende */

/* EGM-1718 – Themenlinks */
.art-tags {
border-top: 1px solid #cdcdcd;
border-bottom: 1px solid #cdcdcd;
padding-top: 16px !important;
margin: 16px 0;
max-width: calc(100% – 40px);
position: relative;
left: 20px;
}

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

[data-layout=”mobile”] .art-tags {
max-width: 100%;
left: 0;
}

@media (prefers-color-scheme: dark) {
.art-tags a {
color: #e5e4de !important;
}
}

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

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

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

.most-read .item:after,
.most-read .item + .item:before {
display: none !important;
}

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

.most-read .appetizer-kicker {
font-size: 17px !important;
line-height: 25px !important;
width: 100% !important;
padding-left: 0 !important;
padding-right: 0 !important;
margin-top: 0 !important;
}

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

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

#pianoRecoPlusbox {
min-height: 390px;
}

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

#pianoEpbContainer {
min-height: 290px;
}

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

.smartad {
min-height: 350px;
}

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

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

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

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

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

html #traffective-ad-Superbanner,
html #traffective-ad-Content_2,
#traffective-ad-Content_1,
html #traffective-ad-Billboard_2,
html #traffective-ad-Billboard_1,
html #traffective-ad-Rectangle_4,
html #traffective-ad-Rectangle_3,
html #traffective-ad-Rectangle_2,
#traffective-ad-Rectangle_1 {
min-height: 270px;
}

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

html #traffective-ad-Native_1 {
min-height: 300px;
}

html #nativendo-oms-zone-placement-resp {
min-height: 220px;
}

[data-layout=”mobile”] #nativendo-oms-zone-placement-resp {
min-height: 62px;
}

html #nativendo-placement-article {
min-height: 292px;
}

#pianoTeaserkachelContainer {
min-height: 292px;
}

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

[data-layout=”mobile”] .recommendation-grid.home .item {
padding-left: 0;
padding-right: 0;
}

[data-layout=”mobile”] .recommendation-grid.home .item figure {
width: 33.3%;
}

[data-layout=”mobile”] .recommendation-grid.home .item .appetizer-kicker,
[data-layout=”mobile”] .recommendation-grid.home .item .appetizer-title {
width: 62%;
padding-top: 3px;
padding-left: 8px;
}

/* EGM-1859 Textreco anpassen */
.articleTeaser.recoTeaser {
margin: 18px 0 10px !important;
padding: 15px 0 0px !important;
border-bottom: 1px solid #e5e4de !important;
border-top: 1px solid #e5e4de;
}
.articleTeaser .recoplain .item,
[data-layout=”desktop”] .recart .recommendation-grid.recoplain .item,
[data-layout=”tablet”] .recart .recommendation-grid.recoplain .item {
border-bottom: none;
padding: 0 !important;
margin-bottom: 8px;
width: 100% !important;
}
.mod-article .article-body .articleTeaser .recoplain .appetizer h3 {
margin-top: 0px !important;
}
.articleTeaser .recoplain .appetizer .appetizer-title,
[data-layout=”mobile”] .articleTeaser .recoplain .appetizer .appetizer-title {
padding-left: 0;
font-size: 18px !important;
margin-top: 0;
margin-bottom: 12px;
}
.articleTeaser .recoplain .appetizer .appetizer-kicker,
[data-layout=”mobile”]
.articleTeaser
.recoplain
.appetizer
.appetizer-kicker {
font-size: 16px !important;
color: #666;
margin-top: 0;
padding: 0 !important;
}
[data-layout=”mobile”] .articleTeaser .recoplain .appetizer .appetizer-title {
margin-top: 3px;
}

[data-layout=”mobile”] .articleTeaser .recoplain .appetizer .appetizer-kicker,
[data-layout=”mobile”] .articleTeaser .recoplain .appetizer .appetizer-title {
width: 100%;
}

[data-layout=”mobile”] .articleTeaser .recoplain .item,
[data-layout=”mobile”] .articleTeaser .recoplain .item:last-child {
margin-bottom: 12px;
}
[data-layout=”mobile”]
.articleTeaser
.recommendation-grid.recoplain
.item
h3 {
width: 100%;
}

.recart.articleRecart {
margin-bottom: 0 !important;
}

[data-layout=”desktop”] .recommendation-grid.recoplain,
[data-layout=”tablet”] .recommendation-grid.recoplain {
display: block;
}

.article-bottom-reco {
flex-wrap: wrap;
}

[data-layout=”tablet”] .article-bottom-reco .item:nth-child(n + 4),
[data-layout=”desktop”] .article-bottom-reco .item:nth-child(n + 4) {
margin-top: 40px;
}

.article-bottom-reco figure {
padding: 0;
}

[data-layout=”mobile”] .article-bottom-reco .appetizer-text {
display: none;
}

[data-layout=”desktop”]
#pianoRecoTaboola
.boxitem.grid-row-teaser
.item
figure,
[data-layout=”desktop”]
#pianoRecoTaboola
.grid-row-teaser
.boxitem
.item
figure {
width: 100% !important;
}

[data-layout=”mobile”] .grid-row-teaser .recoplain .item::after,
[data-layout=”desktop”] .recoplain .item + .item::before {
display: none;
}

[data-layout=”desktop”]
.registrationwall.news
#collection-wrapper
> .grid-row-teaser
.articleTeaser
#pianoRecoMeineNachrichten
.item,
[data-layout=”tablet”]
.registrationwall.news
#collection-wrapper
> .grid-row-teaser
.articleTeaser
#pianoRecoMeineNachrichten
.item {
height: auto;
}

[data-layout=”tablet”]
.registrationwall.news
#collection-wrapper
> .grid-row-teaser
.articleTeaser
#pianoRecoMeineNachrichten,
[data-layout=”desktop”]
.registrationwall.news
#collection-wrapper
> .grid-row-teaser
.articleTeaser
#pianoRecoMeineNachrichten {
display: flex;
}

[data-layout=”mobile”]
.registrationwall.news
#collection-wrapper
> .grid-row-teaser
.articleTeaser
#pianoRecoMeineNachrichten::after {
margin: 50px auto 0 !important;
}

#pianoReco404 {
margin-top: 20px;
}

[data-layout=”tablet”] #pianoReco404,
[data-layout=”desktop”] #pianoReco404 {
margin-left: -20px;
margin-right: -20px;
width: calc(100% + 40px);
display: flex;
}

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

.recoBoxHome {
margin-top: 20px;
}

[data-layout=”mobile”] #pianoReco404.recommendation-grid .item {
padding-left: 0;
padding-right: 0;
}

[data-layout=”mobile”] #pianoReco404.recommendation-grid .item figure {
width: 33.3%;
}

[data-layout=”mobile”] #pianoReco404 .item {
padding: 10px 0;
}

[data-layout=”mobile”]
#pianoReco404.recommendation-grid
.item
.appetizer-kicker,
[data-layout=”mobile”]
#pianoReco404.recommendation-grid
.item
.appetizer-title {
width: 62%;
padding-left: 8px;
}

[data-layout=”tablet”] #pianoReco404.recommendation-grid.home,
[data-layout=”desktop”] #pianoReco404.recommendation-grid.home {
display: flex;
}

[data-layout=”tablet”] #pianoReco404,
[data-layout=”desktop”] #pianoReco404 {
margin-bottom: 20px;
}

#pianoReco404.recommendation-grid.home .item {
display: flex;
flex-direction: column;
}

#pianoReco404.recommendation-grid.home .item .bookmark-article {
margin-left: auto;
margin-top: auto;
}

[data-layout=”tablet”] #pianoReco404 figure,
[data-layout=”desktop”] #pianoReco404 figure {
width: 100%;
padding-right: 0;
}

[data-layout=”desktop”] #pianoReco404 .appetizer {
height: 292px;
}

[data-layout=”desktop”] #pianoReco404 .appetizer-kicker,
[data-layout=”desktop”] #pianoReco404 .appetizer-title {
padding-left: 10px;
}

#pianoReco404 .appetizer-text {
display: none;
}

[data-layout=”tablet”] #pianoRecoRaetsel,
[data-layout=”desktop”] #pianoRecoRaetsel {
margin-left: -20px !important;
margin-right: -20px !important;
display: flex;
padding-bottom: 30px !important;
}

#pianoRecoRaetsel .item {
display: flex;
}

[data-layout=”mobile”] #pianoRecoRaetsel.recommendation-grid .item {
padding-left: 0;
padding-right: 0;
}

[data-layout=”mobile”] #pianoRecoRaetsel.recommendation-grid .item figure {
width: 33.3%;
}

[data-layout=”mobile”]
#pianoRecoRaetsel.recommendation-grid
.item
.appetizer-kicker,
[data-layout=”mobile”]
#pianoRecoRaetsel.recommendation-grid
.item
.appetizer-title {
width: 62%;
padding-top: 0px;
padding-left: 8px;
}

[data-layout=”mobile”] #pianoRecoRaetsel.recommendation-grid.home .item,
[data-layout=”desktop”] #pianoRecoRaetsel.recommendation-grid.home .item,
[data-layout=”tablet”] #pianoRecoRaetsel.recommendation-grid.home .item {
height: auto;
display: flex;
flex-direction: column;
}

#pianoRecoRaetsel button.bookmark-article[data-type=”follow”] {
margin-left: auto;
margin-top: auto;
}

/* EGM-1878 – BiGa Piano Reco */
.recart #pianoRecoBiga {
display: flex;
justify-content: space-between;
gap: 20px;
}

[data-layout=”mobile”] .recart #pianoRecoBiga {
flex-direction: column;
}

[data-layout=”mobile”] #pianoRecoBiga .item {
padding-left: 0;
padding-right: 0;
}

[data-layout=”mobile”] #pianoRecoBiga .item figure {
width: 33.3%;
}

[data-layout=”mobile”] .recart #pianoRecoBiga .item .appetizer-kicker,
[data-layout=”mobile”] .recart #pianoRecoBiga .item .appetizer-title {
padding-top: 3px;
padding-left: 8px;
}

[data-layout=”mobile”] #pianoRecoBiga .item .headline-wrapper {
display: flex;
}

[data-layout=”mobile”] #pianoRecoBiga .item .headline-wrapper h3 {
width: 62%;
margin-top: 0;
}

.recoTeaserContainer #pianoRecoBiga button.bookmark-article {
margin-bottom: -10px;
}

#pianoRecoBiga .bookmark-article {
margin-left: auto;
margin-top: auto;
}

#pianoRecoBiga .item {
flex-shrink: 1;
height: auto;
}

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

.slider-gallery .item-list .rsOverflow .rsContainer .rsSlide .header h4,
.slider-gallery .item-list .rsOverflow .rsContainer .rsSlide #pianoRecoBiga {
text-align: left;
}

[data-layout=”mobile”]
.slider-gallery
.item-list
.rsOverflow
.rsContainer
.rsSlide
.recoTeaserContainer {
padding: 15px;
}

#slider-gallery .recart .recoTeaser .header {
padding: 0;
}

#slider-gallery .recart .recoTeaser .header h4 {
font-size: 22px;
line-height: 26px;
display: block;
}

[data-layout=”mobile”] #slider-gallery .recart .recoTeaser .header {
margin-top: 0;
}

[data-layout=”desktop”] #slider-gallery .recart .recoTeaser .header h4,
[data-layout=”tablet”] #slider-gallery .recart .recoTeaser .header h4 {
text-align: center;
}

[data-layout=”desktop”] #slider-gallery .recoTeaser,
[data-layout=”tablet”] #slider-gallery .recoTeaser {
height: 475px;
display: flex;
flex-direction: column;
justify-content: center;
}

/* EGM-1612 – Topthemen Reco */
[id^=”pianoRecoHome”] {
display: flex;
flex-wrap: wrap;
}

[id^=”pianoRecoHome”] .item {
display: flex;
flex-direction: column;
height: auto !important;
}

[id^=”pianoRecoHome”] button.bookmark-article {
margin-top: auto;
margin-left: auto;
}

/* UXUI-419 – Designanpassung Videofeed */
.video-feed-container {
background-color: #cce5f3;
margin: 20px 0;
}

.video-feed-container .video-feed {
margin: 8px 0;
}

.video-feed-container .video-feed .header {
display: flex;
align-items: center;
margin-bottom: 20px;
}

.video-feed-container .video-feed h4 {
color: var(–color-bodytext) !important;
font-weight: 500;
margin-bottom: 0;
}

.video-feed-container .video-feed .flag {
color: #fff !important;
font-size: 1.25rem;
line-height: 1.25rem;
padding: 11px 20px;
border-radius: 6px;
background-color: var(–color-primary);
margin-right: 16px;
margin-bottom: 0;
font-weight: 700;
}

.video-feed-container .feedback-text {
color: var(–color-gray-alt) !important;
font-size: 1.125rem;
line-height: 2.375rem;
font-weight: 500;
margin-top: 16px;
display: flex;
align-items: center;
padding-left: 32px;
position: relative;
}

.video-feed-container .feedback-text:before {
content: “”;
display: block;
background-image: url(“https://www.stuttgarter-nachrichten.de/staticcontent/stuttgarter_nachrichten/common-resp18/svg/icon-feedback.svg”);
width: 24px;
height: 24px;
position: absolute;
left: 0;
}

.video-feed-container .video-feed .feedback-text a {
color: var(–color-gray-alt) !important;
text-decoration: underline;
font-weight: 700;
text-decoration-thickness: 2px;
text-underline-offset: 5px;
margin-left: 4px;
}

[data-layout=”desktop”] .video-feed .header {
padding: 0;
}

[data-layout=”tablet”] .video-feed-container,
[data-layout=”desktop”] .video-feed-container {
min-height: 420px;
}

[data-layout=”mobile”] .video-feed-container {
min-height: 320px;
margin-left: -20px;
margin-right: -20px;
width: calc(100% + 40px);
}

[data-layout=”mobile”] .video-feed-container .video-feed {
margin-bottom: 18px;
}

[data-layout=”mobile”] .video-feed-container .video-feed .header {
margin-top: 18px;
}

[data-layout=”mobile”] .video-feed-container .video-feed h4 {
font-size: 2rem;
}

[data-layout=”mobile”] .video-feed-container .video-feed .flag {
padding: 9px 13px;
margin-right: 8px;
}

[data-layout=”mobile”] .video-feed-container .video-feed .feedback-text {
font-size: 1rem;
line-height: 1.125rem;
flex-wrap: wrap;
}

[data-layout=”mobile”]
.video-feed-container
.video-feed
.feedback-text:before {
top: 0;
}

[data-layout=”mobile”] .video-feed-container .video-feed .feedback-text a {
margin-left: 0;
width: 100%;
}

/* #traffective-ad-OutOfPage {
display: none !important;
} */

/* EGM-1936 – Abo-Button mobil ausblenden */
[data-alias=”https://www.stuttgarter-nachrichten.de/impressum”][data-layout=”mobile”] .m-item-abo {
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: 5px;
align-items: center;
justify-content: center;
font-size: 20px;
line-height: 22px;
line-height: 29px;
font-weight: 700;
flex-shrink: 0;
}

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

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

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

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

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

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

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

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

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

.registrationwall.bookmarks .registrationwall__content {
padding: 0;
}

.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=”/meinestn/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;
font-family: ‘Roboto Slab’;
color: #4D555A;
}

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

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

/* .registrationwall .item.boxItemContainer.topics .item {
background-image: url(https://www.stuttgarter-nachrichten.de/staticcontent/stuttgarter_nachrichten/common-resp18/svg/Themenbild_Meine-StZ.svg);
} */

.registrationwall .item.boxItemContainer.topics .item {
border: none;
}

.registrationwall .item.boxItemContainer.topics .item.thema-vfb {
background-image: url(https://www.stuttgarter-nachrichten.de/staticcontent/stuttgarter_nachrichten/common-resp18/img/themenbild_vfb.png);
}

.registrationwall .item.boxItemContainer.topics .item.thema-wohnen {
background-image: url(https://www.stuttgarter-nachrichten.de/staticcontent/stuttgarter_nachrichten/common-resp18/img/themenbild_wohnen.png);
}

.registrationwall .item.boxItemContainer.topics .item.thema-baustellen {
background-image: url(https://www.stuttgarter-nachrichten.de/staticcontent/stuttgarter_nachrichten/common-resp18/img/themenbild_baustellen.png);
}

.registrationwall .item.boxItemContainer.topics .item.thema-1942 {
background-image: url(https://www.stuttgarter-nachrichten.de/staticcontent/stuttgarter_nachrichten/common-resp18/img/themenbild_1942.png);
}

.registrationwall .item.boxItemContainer.topics .item.thema-polizei {
background-image: url(https://www.stuttgarter-nachrichten.de/staticcontent/stuttgarter_nachrichten/common-resp18/img/themenbild_polizei.png);
}

.registrationwall .item.boxItemContainer.topics .item[class*=”thema-“] {
background-size: cover;
}

.registrationwall .item.boxItemContainer .item img {
object-fit: cover;
width: 68px;
height: 68px;
order: -1;
border-radius: 50%;
position: absolute;
right: 7px;
top: -12px;
border: 1px solid #4D555A;
}

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

.registrationwall .item.boxItemContainer .item .headline {
margin: auto 0 16px;
white-space: initial;
line-height: 22px;
font-size: 22px;
font-family: ‘Roboto Slab’;
}

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

[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: 8px;
}

[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;
}

[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;
font-family: ‘Roboto Condensed’;
}

.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: #CCE5F3;
padding: 20px;
font-size: 18px;
line-height: 27px;
max-width: 1020px;
box-shadow: 0px 0px 4px rgba(41, 41, 41, 0.16);
}

.onboardingInfo button {
line-height: 21px !important;
height: auto !important;
font-size: 18px;
padding: 13px 70px;
margin-top: 15px;
margin-bottom: 15px;
box-shadow: 0px 1px 3px rgba(77, 85, 90, 0.16);
border-radius: 5px;
}

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

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

.onboardingInfo .container-login span {
color: #007bc4;
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: #007BC4;
}

.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: #007BC4;
}

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

[data-alias=”/meinestn/auswahl-treffen”] .onboardingOverlayOpen .mod-header {
z-index: 1;
}

.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: 5px;
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: 378px;
background-color: #fff;
z-index: 9999;
transform: translate(321px, -50%);
}

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

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

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

.onboardingOverlay .content h2 {
font-size: 22px;
font-weight: 700;
margin-bottom: 8px;
line-height: 27px;
color: #4D555A;
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: 106px;
}

.onboardingOverlay .content .btn {
line-height: 21px;
height: auto;
font-size: 18px;
padding: 13px 28px;
margin-top: 20px;
margin-bottom: 10px;
border-radius: 5px;
}

.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: #007BC4;
cursor: pointer;
}

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

@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-family: ‘Roboto Slab’;
font-weight: 700;
font-size: 22px;
line-height: 29px;
margin-bottom: 20px;
display: block;
color: #4D555A;
}

.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: #4D555A;
outline: none;
border-left: none;
border-right: none;
border-top: none;
border-bottom: 2px solid #4D555A;
display: flex;
padding: 10px 5px;
font-size: 18px;
line-height: 27px;
}

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

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

.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: #A5A5A5;
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 #007BC4;
}

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

[data-layout=”mobile”] .registrationwall__search .item-list .item:after {
display: none;
}

.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(#007BC4, 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(“https://www.stuttgarter-nachrichten.de/staticcontent/stuttgarter_nachrichten/common-resp18/svg/grab-sort-icon.svg”);
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-ghost {
opacity: 0;
}

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

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

/* Meine StZ – Meine Nachrichten / Merkliste */
/* .registrationwall-article-collection {
content: “”;
display: block;
height: 10px;
background-color: #A5A5A5;
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 {
line-height: 21px !important;
height: auto !important;
font-size: 18px;
padding: 13px 70px;
box-shadow: 0px 1px 3px rgba(77, 85, 90, 0.16);
border-radius: 5px;
font-weight: 700;
text-align: center;
min-width: 343px;
transition: color .25s ease, background .25s ease;
}

.registrationwall-article-collection .load-more button:hover {
background-color: #4097e0;
}

[data-layout=”mobile”] .registrationwall-article-collection .load-more button {
min-width: auto;
width: calc(100% – 36px);
}

/* .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;
padding: 0 10px;
}

[data-layout=”desktop”] .registrationwall .registrationwall-article-collection .appetizer .appetizer-kicker,
[data-layout=”tablet”] .registrationwall .registrationwall-article-collection .appetizer .appetizer-kicker {
margin-top: 16px;
}

[data-layout=”desktop”] .registrationwall .registrationwall-article-collection .appetizer figure,
[data-layout=”tablet”] .registrationwall .registrationwall-article-collection .appetizer figure {
width: 300px;
padding: 0;
/* 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: 45px 0 35px;
}

.registrationwall.news .newsInfo .headline,
.registrationwall.bookmarks .bookmarksInfo .headline {
font-weight: 700;
font-size: 22px;
line-height: 29px;
margin-top: 0;
text-align: center;
color: #4D555A;
font-family: “Roboto Slab”;
}

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

.registrationwall.news .newsInfo>a {
line-height: 21px !important;
height: auto !important;
font-size: 18px;
padding: 13px 70px;
margin-top: 34px;
box-shadow: 0px 1px 3px rgba(77, 85, 90, 0.16);
border-radius: 5px;
font-weight: 700;
text-align: center;
min-width: 343px;
transition: color .25s ease, background .25s ease;
background-color: #007BC4;
color: #fff;
}

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

.registrationwall-article-collection>.headline {
color: #4D555A;
font-size: 28px;
line-height: 28px;
font-weight: 700;
/* border-bottom: 2px solid #4D555A ;
padding-bottom: 9px; */
padding: 0 20px;
font-family: “Roboto Slab”;
}

[data-layout=”mobile”] .registrationwall-article-collection>.headline {
padding-bottom: 6px;
margin-top: 24px;
font-size: 20px;
}

.registrationwall-article-collection>.item-list {
/* max-width: 727px; */
margin: 24px auto 0;
min-height: 353px;
}

.registrationwall-article-collection>.item-list>div {
display: flex;
}

[data-layout=”mobile”] .registrationwall-article-collection>.item-list>div {
display: block;
}

[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: #990000;
} */

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

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

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

.theme-header .headline {
width: 100%;
color: #4D555A;
font-size: 2rem;
font-weight: 700;
border-bottom: 2px solid #4D555A;
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;
border: 1px solid #4D555A;
border-radius: 5px;
background-color: #fff !important;
color: #4D555A !important;
font-size: 12px;
line-height: 15px;
height: auto;
padding: 4px 0;
display: flex;
justify-content: center;
transition: none;
position: relative;
}

.item>button.bookmark-theme,
.item button.bookmark-author {
margin: 0 9px 12px;
}

[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: rgba(77, 85, 90, 0.7);
color: rgba(77, 85, 90, 0.7) !important;
background-color: rgba(255, 255, 255, 0.7);
}

[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-nachrichten.de/staticcontent/stuttgarter_nachrichten/common-resp18/svg/icon-plus.svg);
margin-right: 4px;
width: 15px;
height: 15px;
background-repeat: no-repeat; */
display: inline-block;
background-image: url(https://www.stuttgarter-nachrichten.de/staticcontent/stuttgarter_nachrichten/common-resp18/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-nachrichten.de/staticcontent/stuttgarter_nachrichten/common-resp18/svg/icon-plus-grey.svg);
/* background-position: 1px 1px; */
/* position: relative;
top: 1px;
left: 1px; */
}

/* EGM-949 */
/* 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-nachrichten.de/staticcontent/stuttgarter_nachrichten/common-resp18/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: #4D555A;
background-color: #4D555A !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: #666666;
background-color: #666666 !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-nachrichten.de/staticcontent/stuttgarter_nachrichten/common-resp18/svg/icon-check-white.svg);
/* height: 10px;
width: 12px; */
position: relative;
/* top: 1px; */
content: “Folge ich”;
width: 47px;
/* background-position-y: -1px; */
}

[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-nachrichten.de/staticcontent/stuttgarter_nachrichten/common-resp18/svg/icon-close-white-small.svg);
/* height: 10px;
width: 10px;
position: relative;
top: 3px; */
content: “Entfolgen”;
width: 51px;
}

/* 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) .item:only-child button.bookmark-article,
[data-layout=”mobile”] .boxitem>.item:not(.tdtArticleOne):only-child button.bookmark-article {
margin-bottom: -20px;
}

.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-nachrichten.de/staticcontent/stuttgarter_nachrichten/common-resp18/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-nachrichten.de/staticcontent/stuttgarter_nachrichten/common-resp18/svg/icon-bookmark-circle.svg);
background-size: 40px 40px !important;
}

button.bookmark-article[data-type=”follow”][data-follow=”true”] {
/* background-image: url(“data:image/svg+xml,%3Csvg width=”12″ height=”16″ fill=”%234D555A” 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=”%234D555A” stroke-width=”1.5″%3E%3C/path%3E%3C/svg%3E”); */
background-image: url(https://www.stuttgarter-nachrichten.de/staticcontent/stuttgarter_nachrichten/common-resp18/svg/icon-bookmark-grey-full.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”] {
background-image: url(https://www.stuttgarter-nachrichten.de/staticcontent/stuttgarter_nachrichten/common-resp18/svg/icon-bookmark-circle-grey.svg);
}

[data-layout=”mobile”] .teaser-hero button.bookmark-article[data-type=”follow”] {
margin-right: 20px;
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 #4D555A ; */
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(29%) sepia(16%) saturate(282%) hue-rotate(160deg) brightness(99%) contrast(87%);
}

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

/* EGM-949 */
/* .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-nachrichten.de/staticcontent/stuttgarter_nachrichten/common-resp18/svg/flag-new-left.svg’);
position: absolute;
left: 60px;
top: 10px;
pointer-events: none;
} */

/* EGM-949 */
/* [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-nachrichten.de/staticcontent/stuttgarter_nachrichten/common-resp18/svg/flag-new-down.svg);
top: -30px;
left: 13px;
height: 25px;
width: 36px;
background-repeat: no-repeat;
} */

/* Backlink / Configure-Link / Banner */
.registrationwall .backlink:before {
background-image: url(“https://www.stuttgarter-nachrichten.de/staticcontent/stuttgarter_nachrichten/common-resp18/svg/Icon_Pfeil_chevron.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: #007BC4;
border-radius: 5px;
color: #fff !important;
margin-left: auto;
padding: 6px 17px;
max-width: fit-content;
max-width: -moz-fit-content;
}

.registrationwall .configureLink:hover {
background: #4097e0;
}

.registrationwall .configureLink {
margin-top: 15px;
}

.registrationwall .registrationwall__banner {
/* border-bottom: 1px solid #A5A5A5; */
flex-direction: row;
display: flex;
padding: 20px 0;
}

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

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

.registrationwall .registrationwall__banner>div a {
background: #CCE5F3;
display: flex;
padding: 20px;
align-items: center;
color: #4D555A;
}

[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: #007BC4;
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 #4D555A;
border-radius: 5px;
background-color: transparent !important;
color: #4D555A !important;
font-size: 12px;
line-height: 15px;
min-width: auto;
height: auto;
padding: 4px 15px;
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(510px – 50%), -50%);
width: 575px;
max-width: 85%;
background: #4D555A;
font-family: “Roboto Condensed”;
font-weight: bold;
color: #fff;
padding: 21px 40px;
border-radius: 5px;
text-align: left;
transition: all 0.8s cubic-bezier(0.25, 0.8, 0.25, 1);
z-index: 5;
box-shadow: -3px -3px 6px rgba(102, 102, 102, 0.15);
line-height: 24px;
}

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

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

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

[data-layout=”mobile”] .hs-snackbar a {
float: none;
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=”/meinestn/themen-entdecken”] .onboardingInfo,
[data-alias=”/meinestn/themen-entdecken”] .onboardingOverlay,
[data-alias=”/meinestn/themen-entdecken”] .onboardingOverlayBackground,
[data-alias=”/meinestn/themen-entdecken”] .registrationwall__header.auswahl-treffen {
display: none !important;
}

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

[data-alias=”/meinestn/auswahl-treffen”] .hs-snackbar,
[data-alias=”/meinestn/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-nachrichten.de/staticcontent/stuttgarter_nachrichten/common-resp18/svg/icon-meine-stz.svg) no-repeat 50% 50%;
mask: url(https://www.stuttgarter-nachrichten.de/staticcontent/stuttgarter_nachrichten/common-resp18/svg/icon-meine-stz.svg) no-repeat 50% 50%;
-webkit-mask-size: cover;
mask-size: cover;
background: #4D555A ; */
background-image: url(https://www.stuttgarter-nachrichten.de/staticcontent/stuttgarter_nachrichten/common-resp18/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-nachrichten.de/staticcontent/stuttgarter_nachrichten/common-resp18/svg/icon-bookmark.svg) no-repeat 50% 50%;
mask: url(https://www.stuttgarter-nachrichten.de/staticcontent/stuttgarter_nachrichten/common-resp18/svg/icon-bookmark.svg) no-repeat 50% 50%;
-webkit-mask-size: contain;
mask-size: contain;
background: #4D555A;
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: -13px;
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 {
/* padding-bottom: 10px; */
/* margin-bottom: 28px; */
/* border-bottom: 1px solid #e5e4de; */
padding: 0 20px;
flex-basis: 33.3333%;
max-width: 33.3333%;
}

[data-layout=”mobile”] .boxitem .topnews-article-list .item,
[data-layout=”mobile”] .registrationwall .registrationwall-article-collection .item-list .item {
margin-bottom: 20px;
padding: 0;
max-width: none;
}

[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;
}

.boxitem .appetizer-text {
display: none;
}

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

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

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

.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;
padding-left: 10px;
margin-top: auto;
}

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

.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;
color: #4D555A;
}

.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: #990000;
}

/* 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;
}

.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: 340px !important;
}

[data-layout=”desktop”] .recommendation-grid.home .item,
[data-layout=”tablet”] .recommendation-grid.home .item {
width: 340px !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;
}

/* StN spezifisch */
#verlagsangebote button.bookmark-article[data-type=”follow”] {
display: none;
}

[data-layout=”desktop”] .registrationwall :not(#collection-wrapper) .item+.item:before {
background: transparent;
height: auto;
min-height: auto;
position: static;
}

[data-layout=”desktop”] .registrationwall #collection-wrapper .item+.item:before {
height: calc(100% – 14px);
}

.onboardingOverlayContainer>.item {
padding: 0 !important;
}

.registrationwall .item {
padding: 0;
}

.registrationwall.onboarding .registrationwall__search {
max-width: 818px;
}

.registrationwall .item.alphabeticalList {
max-width: 818px;
}

[data-layout=”desktop”] .myconfigGrid .bottom-nav,
[data-layout=”desktop”] .onboardingGrid .bottom-nav {
padding: 0;
}

/* .registrationwall__header::before {
content: “Meine StN”;
padding: 0 0 11px 0;
font-size: 1rem;
line-height: 22px;
display: inline-block;
color: #a5a5a5;
border-bottom: 1px solid #A5A5A5;
margin-bottom: 22px;
} */

.registrationwall-article-collection:after {
content: “”;
background-color: #A5A5A5;
height: 1px;
display: block;
width: calc(100% – 40px);
margin: 40px auto;
}

[data-layout=”mobile”] .registrationwall-article-collection:after {
margin: 24px auto 0;
}

.mod-header>.m-wrapper .m-menu–bottom>.m-item-meinestn {
display: flex;
align-items: center;
border-right: 1px solid rgba(255, 255, 255, .3);
cursor: pointer;
position: relative;
overflow: hidden;
transition: width .4s ease-in-out;
}

.mod-header>.m-wrapper .m-menu–bottom>.m-item-meinestn .m-text {
padding: 13px 32px;
color: #fff;
font-weight: 700;
}

.followBtnContainer {
padding: 10px 20px;
border-bottom: 1px solid #e7e7e7;
}

[data-layout=”mobile”] .followBtnContainer {
padding: 5px 0px;
border-bottom: none
}

[data-layout=”mobile”] .followBtnContainer:after {
content: “”;
height: 1px;
width: 100%;
display: block;
background-color: #e7e7e7;
}

[data-alias*=”/thema/”] .bottom-nav .breadcrumb {
border-bottom: none;
}

[data-layout=”mobile”][data-alias*=”/thema/”] .article .bottom-nav:after {
display: none;
}

[data-layout=”mobile”] .grid.onboardingGrid,
[data-layout=”mobile”] .grid.myconfigGrid {
padding: 0;
}

[data-layout=”mobile”] .grid.onboardingGrid .include .include-content.ec-content-topline .item,
[data-layout=”mobile”] .grid.myconfigGrid .include .include-content.ec-content-topline .item {
padding: 0 20px;
}

[data-layout=”mobile”] .grid.onboardingGrid .bottom-nav .breadcrumb,
[data-layout=”mobile”] .grid.myconfigGrid .bottom-nav .breadcrumb {
border-bottom: 1px solid #e7e7e7;
}

[data-layout=”mobile”] .registrationwall .registrationwall-article-collection .appetizer figure {
width: 33.3%;
margin-bottom: 10px;
}

[data-layout=”mobile”] .registrationwall .registrationwall-article-collection .appetizer .appetizer-kicker,
[data-layout=”mobile”] .registrationwall .registrationwall-article-collection .appetizer .appetizer-title {
width: 62%;
}

.registrationwall.bookmarks .content,
.registrationwall.news .content {
height: 100%;
display: flex;
flex-direction: column;
}

[data-layout=”mobile”] .registrationwall.news .content {
padding: 0 20px;
}

/* .registrationwall.news .content .data + div {
height: 100%;
} */

[data-layout=”desktop”] .registrationwall-article-collection>.item-list>div+div,
[data-layout=”tablet”] .registrationwall-article-collection>.item-list>div+div {
margin-top: 40px;
}

.item.slider.boxItemContainer.topics {
max-width: 818px;
}

.registrationwall.news #collection-wrapper>.grid-row-teaser .articleTeaser .header h4 {
font-size: 28px;
line-height: 28px;
font-weight: 700;
font-family: “Roboto Slab”;
margin: 0;
}

[data-layout=”mobile”] .registrationwall.news #collection-wrapper>.grid-row-teaser .articleTeaser .header h4 {
padding-bottom: 6px;
margin-top: 24px;
font-size: 20px;
padding-left: 20px;
padding-right: 20px;
}

.registrationwall.news #collection-wrapper>.grid-row-teaser .articleTeaser #pianoRecoMeineNachrichten {
margin-top: 24px;
}

[data-layout=”mobile”] .registrationwall.news #collection-wrapper>.grid-row-teaser .articleTeaser #pianoRecoMeineNachrichten {
margin-top: 10px;
}

[data-layout=”desktop”] .registrationwall.news #collection-wrapper>.grid-row-teaser .articleTeaser #pianoRecoMeineNachrichten .recommendation-grid.home,
[data-layout=”tablet”] .registrationwall.news #collection-wrapper>.grid-row-teaser .articleTeaser #pianoRecoMeineNachrichten .recommendation-grid.home {
display: flex;
}

[data-layout=”desktop”] .registrationwall.news #collection-wrapper>.grid-row-teaser .articleTeaser #pianoRecoMeineNachrichten .item,
[data-layout=”tablet”] .registrationwall.news #collection-wrapper>.grid-row-teaser .articleTeaser #pianoRecoMeineNachrichten .item {
padding: 0 20px;
width: 340px !important;
display: inline-block;
display: flex;
flex-direction: column;
justify-content: space-between;
}

[data-layout=”desktop”] .registrationwall.news #collection-wrapper>.grid-row-teaser .articleTeaser #pianoRecoMeineNachrichten .item .bookmark-article,
[data-layout=”tablet”] .registrationwall.news #collection-wrapper>.grid-row-teaser .articleTeaser #pianoRecoMeineNachrichten .item .bookmark-article {
margin-left: auto;
}

[data-layout=”desktop”] .registrationwall.news #collection-wrapper>.grid-row-teaser .articleTeaser #pianoRecoMeineNachrichten .item+.item:before,
[data-layout=”tablet”] .registrationwall.news #collection-wrapper>.grid-row-teaser .articleTeaser #pianoRecoMeineNachrichten .item+.item:before {
height: 0;
}

[data-layout=”mobile”] .registrationwall.news #collection-wrapper>.grid-row-teaser .articleTeaser #pianoRecoMeineNachrichten .item {
padding-bottom: 0;
margin-bottom: 20px;
}

[data-layout=”mobile”] .registrationwall.news #collection-wrapper>.grid-row-teaser .articleTeaser #pianoRecoMeineNachrichten .item:after {
display: none;
}

[data-layout=”mobile”] .registrationwall.news #collection-wrapper>.grid-row-teaser .articleTeaser #pianoRecoMeineNachrichten .item .bookmark-article {
margin-left: auto;
margin-right: 20px;
}

.registrationwall.news #collection-wrapper>.grid-row-teaser .articleTeaser #pianoRecoMeineNachrichten:after {
content: “”;
background-color: #A5A5A5;
height: 1px;
display: block;
width: calc(100% – 40px);
margin: 40px auto;
}

[data-layout=”mobile”] .registrationwall.news #collection-wrapper>.grid-row-teaser .articleTeaser #pianoRecoMeineNachrichten:after {
margin: 24px auto 0;
}

[data-layout=”mobile”] .registrationwall.news #collection-wrapper>.grid-row-teaser .articleTeaser .header {
margin-top: 0;
}

.registrationwall.news #collection-wrapper>.grid-row-teaser .articleTeaser #pianoRecoMeineNachrichten figure,
.registrationwall.news #collection-wrapper>.grid-row-teaser .articleTeaser #pianoRecoMeineNachrichten figure {
width: 100% !important;
}

[data-layout=”mobile”] .registrationwall.news #collection-wrapper>.grid-row-teaser .articleTeaser #pianoRecoMeineNachrichten figure {
width: 33.3% !important;
margin-bottom: 10px;
float: left !important;
}

[data-layout=”desktop”] .registrationwall.news #collection-wrapper>.grid-row-teaser .articleTeaser #pianoRecoMeineNachrichten .appetizer-title,
[data-layout=”tablet”] .registrationwall.news #collection-wrapper>.grid-row-teaser .articleTeaser #pianoRecoMeineNachrichten .appetizer-title,
[data-layout=”desktop”] .registrationwall.news #collection-wrapper>.grid-row-teaser .articleTeaser #pianoRecoMeineNachrichten .appetizer-kicker,
[data-layout=”tablet”] .registrationwall.news #collection-wrapper>.grid-row-teaser .articleTeaser #pianoRecoMeineNachrichten .appetizer-kicker {
padding-left: 10px;
}

[data-layout=”mobile”] .registrationwall.news #collection-wrapper>.grid-row-teaser .articleTeaser #pianoRecoMeineNachrichten .appetizer-title,
[data-layout=”mobile”] .registrationwall.news #collection-wrapper>.grid-row-teaser .articleTeaser #pianoRecoMeineNachrichten .appetizer-kicker {
width: 62% !important;
}

.bookmark-article[data-config*=”//produkte.”] {
display: none;
}

@media (prefers-color-scheme: dark) {
button.bookmark-author::before,
button.bookmark-theme:before {
filter: brightness(0) saturate(100%) invert(100%) sepia(2%) saturate(849%) hue-rotate(335deg) brightness(95%) contrast(89%);
}

button.bookmark-author,
button.bookmark-theme {
background-color: transparent !important;
}

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

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

.onboardingOverlay .content .btn {
background-color: #4097E0;
}

.onboardingOverlay .content .container-login span {
color: #4097E0;
}

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

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

a { display: inline-block; background: none; color: unset; -webkit-transition: none; display: flex; width: 85%; }]]]]]]]]]]>]]]]]]]]>]]]]]]>]]]]>]]>

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

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