{"id":644397,"date":"2025-12-14T00:00:39","date_gmt":"2025-12-14T00:00:39","guid":{"rendered":"https:\/\/www.europesays.com\/de\/644397\/"},"modified":"2025-12-14T00:00:39","modified_gmt":"2025-12-14T00:00:39","slug":"auto-kollidiert-mit-krankenwagen-in-stuttgart","status":"publish","type":"post","link":"https:\/\/www.europesays.com\/de\/644397\/","title":{"rendered":"Auto kollidiert mit Krankenwagen in Stuttgart"},"content":{"rendered":"


\n <\/p>\n

\u00a0<\/p>\n

\u00a0<\/p>\n


\n\t\t\t
\n\t\t\t
\n\t\t\t <\/p>\n


\n\t\t\t .m-links {
\n z-index: 51;
\n }<\/p>\n

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

[data-layout=“mobile“] .mod-nav .m-menu–3.is-open {
\n bottom: 0;
\n }<\/p>\n

.cleverpush-confirm-hide,
\n .cleverpush-panel-close {
\n color: #777;
\n }<\/p>\n

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

[data-layout=“mobile“]
\n .mod-article
\n .recoTeaser
\n a[data-tags*=“Advertorial“]:before {
\n margin-top: -15px;
\n }<\/p>\n

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

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

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

[data-layout=“mobile“]
\n .teaser-medium.plus-articles
\n .appetizer
\n .headline-wrapper:before,
\n [data-layout=“mobile“]
\n .grid-row-teaser
\n .teaser-medium.plus-articles
\n .item:before {
\n display: none;
\n }<\/p>\n

[data-layout=“mobile“]
\n .teaser-medium.plus-articles
\n .appetizer
\n .headline-wrapper {
\n display: block;
\n }<\/p>\n

[data-layout=“mobile“]
\n .teaser-medium.plus-articles
\n .appetizer
\n .headline-wrapper
\n h3 {
\n padding-bottom: 0;
\n position: static;
\n }<\/p>\n

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

[data-layout=“mobile“]
\n .teaser-medium.plus-articles
\n .appetizer
\n .headline-wrapper
\n h3
\n .appetizer-title {
\n margin-bottom: 5px;
\n }<\/p>\n

[data-layout=“mobile“]
\n .grid-row-teaser
\n .teaser-medium.plus-articles
\n .item:after {
\n bottom: 0;
\n background: var(–color-gray);
\n }<\/p>\n

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

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

.ec-content-topline .edy-img-header h1 {
\n text-shadow: black 0px 1px 0px;
\n }
\n }<\/p>\n

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

html[data-layout=“desktop“] a.mhsd-partner-link {
\n top: unset;
\n }<\/p>\n

[data-layout=“mobile“] .mod-header .m-wrapper li a.mhsd-partner-link {
\n margin-right: 200px !important;
\n }<\/p>\n

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

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

.mod-article
\n .article-body
\n .article-bottom
\n .item
\n .article-bottom-wrapper
\n .to-image-slider-wrapper
\n .to-image-slider-text {
\n display: inline-block;
\n }<\/p>\n

.mod-article .article-body .sharewrapper ul li {
\n background-position: center !important;
\n }<\/p>\n

#article-social-bar.sharewrapper li.perlink {
\n width: 70px;
\n }<\/p>\n

[data-layout=“mobile“] .sharewrapper li {
\n width: 40px !important;
\n }<\/p>\n

[data-layout=“mobile“] .sharewrapper ul {
\n justify-content: space-between;
\n }<\/p>\n

.nat-new figure + h3 .appetizer-kicker {
\n background-color: #ddd;
\n padding: 0 3px !important;
\n }<\/p>\n

.mod-nav .m-menu–1 > .m-links > .m-item {
\n padding: 0 11px;
\n }<\/p>\n

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

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

.sharewrapper li a:hover {
\n cursor: pointer;
\n }<\/p>\n

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

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

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

[data-layout=“mobile“] .c1-banderole-target {
\n height: 70px;
\n max-height: 70px;
\n }<\/p>\n

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

[data-layout=“mobile“]
\n .mod-article
\n .article-body
\n .menuTeaser
\n .appetizer-linktext {
\n position: relative;
\n float: right;
\n margin-top: 5px;
\n }<\/p>\n

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

[data-layout=“mobile“] .mod-header .m-wrapper li a.mhsd-partner-link {
\n margin-right: 160px !important;
\n position: relative;
\n top: 3px;
\n }<\/p>\n

\/* EGM-1422 Umsetzung Rätsel *\/
\n .bigMarginTop {
\n margin-top: 25px;
\n }<\/p>\n

.include-content .h3 {
\n font-size: 20px;
\n line-height: 21px;
\n margin-top: 25px;
\n margin-bottom: 10px;
\n font-weight: 700;
\n }<\/p>\n

@media (prefers-color-scheme: dark) {
\n .include .include-content .h3 {
\n color: #e5e4de !important;
\n }
\n }<\/p>\n

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

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

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

.riddle-site-menu .additional-functions {
\n display: flex;
\n align-items: center;
\n }<\/p>\n

.riddle-site-menu a.backlink {
\n width: auto;
\n height: fit-content;
\n display: flex;
\n align-items: center;
\n font-size: 18px;
\n line-height: 27px;
\n color: var(–color-bodytext);
\n }<\/p>\n

.riddle-site-menu a.backlink:before {
\n background-image: url(„\/staticcontent\/stuttgarter_zeitung\/common\/svg\/Icon_Pfeil.svg“);
\n background-repeat: no-repeat;
\n content: „“;
\n width: 16px;
\n height: 16px;
\n display: inline-block;
\n transform: rotate(90deg);
\n position: relative;
\n margin-right: 7px;
\n }<\/p>\n

.riddle-site-menu .additional-functions .logo + .archiv-link {
\n margin-left: 27px;
\n }<\/p>\n

.riddle-site-menu .additional-functions img {
\n max-width: none;
\n }<\/p>\n

.riddle-site-menu .additional-functions img.logo {
\n width: 61px;
\n }<\/p>\n

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

.riddle-site-menu .additional-functions img.archiv {
\n width: 47px;
\n }<\/p>\n

.riddle-site-menu .additional-functions img.statistik {
\n width: 61px;
\n }<\/p>\n

[data-layout=“mobile“] .include-content h1.riddle-headline {
\n font-size: 22px;
\n margin-top: 8px;
\n }<\/p>\n

[data-layout=“mobile“] .riddle-site-header {
\n padding-top: 20px;
\n padding-bottom: 13px;
\n margin-right: -20px;
\n margin-left: -20px;
\n }<\/p>\n

[data-layout=“mobile“] .riddle-site-header img.riddle-image {
\n height: 48px;
\n }<\/p>\n

[data-layout=“mobile“] .riddle-site-menu {
\n padding: 11px 0;
\n }<\/p>\n

[data-layout=“mobile“] .riddle-site-menu .additional-functions .archiv-link {
\n width: auto;
\n }<\/p>\n

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

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

.riddle-site-menu {
\n background-color: #292929;
\n }<\/p>\n

.boxitem.games h2,
\n .boxitem.games h3 {
\n color: #e5e4de !important;
\n }
\n }<\/p>\n

.ressort-boxitem .ressort-headline {
\n font-family: „Roboto Slab“;
\n font-weight: 700;
\n font-size: 24px;
\n line-height: 39px;
\n color: var(–color-bodytext);
\n }<\/p>\n

.ressort-boxitem {
\n margin-bottom: 57px;
\n margin-top: 10px;
\n }<\/p>\n

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

.riddle-name {
\n font-size: 23px;
\n line-height: 30px;
\n font-family: „Roboto Slab“;
\n margin-top: 15px;
\n color: #fff;
\n display: block;
\n font-weight: 700;
\n }<\/p>\n

.colored-bg .riddle-image {
\n display: block;
\n margin-left: auto;
\n }<\/p>\n

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

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

.riddle.sudoku {
\n –riddle-color: #77a673;
\n }<\/p>\n

.riddle.kreuzwortraetsel {
\n –riddle-color: #4f7ca7;
\n }<\/p>\n

.riddle.wordle {
\n –riddle-color: #e9a94b;
\n }<\/p>\n

.riddle.futoshiki {
\n –riddle-color: #fa7e7e;
\n }<\/p>\n

.riddle.brueckenraetsel {
\n –riddle-color: #d35290;
\n }<\/p>\n

.riddle.memory {
\n –riddle-color: #42cdc5;
\n }<\/p>\n

.riddle.buchstabensalat {
\n –riddle-color: #ff9466;
\n }<\/p>\n

.riddle.quiz {
\n –riddle-color: #615cb3;
\n }<\/p>\n

.riddle.zumba {
\n –riddle-color: #615cb3;
\n }<\/p>\n

.riddle.bowling {
\n –riddle-color: #cbb746;
\n }<\/p>\n

.riddle.dart {
\n –riddle-color: #7caeea;
\n }<\/p>\n

.riddle.airhockey {
\n –riddle-color: #d64b4b;
\n }<\/p>\n

.riddle.brettspiele {
\n –riddle-color: #885494;
\n }<\/p>\n

.riddle.geoguessing {
\n –riddle-color: #4dcfe9;
\n }<\/p>\n

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

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

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

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

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

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

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

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

.riddle.zumba .riddle-description .link img {
\n filter: brightness(0) saturate(100%) invert(39%) sepia(81%) saturate(466%)
\n hue-rotate(204deg) brightness(81%) contrast(85%);
\n }<\/p>\n

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

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

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

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

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

.riddle .riddle-description .link {
\n font-size: 16px;
\n line-height: 21px;
\n font-weight: 700;
\n color: var(–riddle-color) !important;
\n display: block;
\n margin-top: auto;
\n margin-left: auto;
\n width: auto;
\n display: flex;
\n position: relative;
\n }<\/p>\n

.riddle .riddle-description .link:after {
\n content: „“;
\n display: block;
\n background-color: var(–riddle-color);
\n height: 2px;
\n width: 100%;
\n position: absolute;
\n bottom: 0;
\n }<\/p>\n

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

.riddle .riddle-description .link img {
\n margin-left: 6px;
\n padding-top: 3px;
\n }<\/p>\n

.riddle .riddle-description .plus-lock {
\n width: 23px;
\n height: auto;
\n margin-right: 7px;
\n position: relative;
\n top: 2px;
\n }<\/p>\n

.riddle .riddle-description .logo {
\n width: 54px;
\n height: auto;
\n position: relative;
\n top: 2px;
\n }<\/p>\n

.riddle .link-container {
\n display: flex;
\n margin-top: auto;
\n align-items: flex-end;
\n }<\/p>\n

[data-layout=“mobile“] .ressort-kicker {
\n margin-bottom: 6px;
\n }<\/p>\n

[data-layout=“mobile“] .ressort-boxitem .ressort-headline {
\n font-size: 22px;
\n line-height: 28px;
\n }<\/p>\n

[data-layout=“mobile“] .ressort-boxitem {
\n margin-bottom: 40px;
\n }<\/p>\n

[data-layout=“mobile“] .boxitem .riddle-container .riddle {
\n max-width: calc(50% – 10px);
\n flex-basis: calc(50% – 10px);
\n }<\/p>\n

[data-layout=“mobile“] .riddle-container {
\n padding: 0;
\n gap: 33px 19px;
\n }<\/p>\n

[data-layout=“mobile“] .riddle .riddle-description {
\n height: 124px;
\n font-size: 14px;
\n line-height: 18px;
\n padding: 13px 9px 16px;
\n }<\/p>\n

[data-layout=“mobile“] .riddle .riddle-description .link {
\n font-size: 14px;
\n }<\/p>\n

[data-layout=“mobile“] .riddle .riddle-description .plus-lock {
\n width: 17px;
\n margin-right: 4px;
\n top: -2px;
\n }<\/p>\n

[data-layout=“mobile“] .riddle .riddle-description .logo {
\n width: 40px;
\n top: 0;
\n }<\/p>\n

[data-layout=“mobile“] .riddle-name {
\n font-size: 18px;
\n margin-top: auto;
\n }<\/p>\n

[data-layout=“mobile“] .riddle .colored-bg {
\n padding: 20px 9px 13px;
\n height: 150px;
\n }<\/p>\n

[data-layout=“mobile“] .riddle-image {
\n max-height: 52px;
\n }<\/p>\n

@media (prefers-color-scheme: dark) {
\n .include-content h2.riddle-headline,
\n .riddle-site-menu a.backlink,
\n .riddle-name,
\n .riddle .riddle-description,
\n .ressort-boxitem .ressort-headline {
\n color: #e5e4de !important;
\n }<\/p>\n

.boxitem .riddle-container .riddle {
\n background-color: var(–color-gray-alt);
\n border-color: #000;
\n }
\n }<\/p>\n

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

.breaking-news .data .headline-wrapper {
\n position: relative;
\n }<\/p>\n

.breaking-news .data .headline-wrapper:after {
\n content: „“;
\n display: block;
\n position: absolute;
\n height: 1px;
\n left: 8px;
\n width: 36px;
\n bottom: 14px;
\n background-color: #fff;
\n }<\/p>\n

.breaking-news .data .headline-wrapper h3 {
\n display: flex;
\n }<\/p>\n

.breaking-news .data .headline-wrapper h3:before {
\n background-color: var(–color-alert);
\n font-size: 16px;
\n font-family: „Roboto Condensed“;
\n line-height: 22px;
\n text-transform: uppercase;
\n color: #fff;
\n margin: 0;
\n position: relative;
\n float: none;
\n padding: 14px 22px 14px 8px;
\n content: „Eil“;
\n display: block;
\n font-weight: 700;
\n }<\/p>\n

.breaking-news .data .headline-wrapper h3:after {
\n content: „“;
\n display: inline-block;
\n background-image: url(„https:\/\/www.stuttgarter-zeitung.de\/staticcontent\/stuttgarter_zeitung\/common\/svg\/Icon_Pfeile.svg“);
\n width: 10px;
\n height: 9px;
\n background-repeat: no-repeat;
\n background-size: contain;
\n filter: brightness(0) saturate(100%) invert(100%) sepia(27%) saturate(0%)
\n hue-rotate(192deg) brightness(107%) contrast(104%);
\n position: absolute;
\n left: 34px;
\n top: 22px;
\n }<\/p>\n

.breaking-news .data .appetizer-title {
\n background-color: #c12121;
\n padding: 16px 10px;
\n font-size: 14px;
\n font-weight: 400;
\n line-height: 16px;
\n flex-grow: 1;
\n color: #fff;
\n align-items: center;
\n display: flex;
\n white-space: nowrap;
\n overflow: hidden;
\n margin: 0;
\n font-family: „Roboto Condensed“;
\n }<\/p>\n

.breaking-news .data .appetizer-title span.animate {
\n animation: move-text 10s linear infinite;
\n }<\/p>\n

#pianoBanderoleContainer {
\n display: block;
\n background-color: #fff;
\n margin: 20px;
\n }<\/p>\n

.eilmeldung-script {
\n line-height: 0;
\n }<\/p>\n

.eilmeldung-script .item {
\n padding: 0;
\n }<\/p>\n

[data-layout=“mobile“] .breaking-news .data .headline-wrapper {
\n flex-shrink: 0;
\n }<\/p>\n

[data-layout=“mobile“] .breaking-news .data .appetizer-title {
\n padding: 19px 8px;
\n }<\/p>\n

[data-layout=“mobile“] .breaking-news .data .appetizer-title:before {
\n bottom: 19px;
\n }<\/p>\n

[data-layout=“mobile“] .breaking-news .data .appetizer-text {
\n padding: 19px 10px;
\n }<\/p>\n

[data-layout=“mobile“] .breaking-news {
\n margin: 10px -20px;
\n width: calc(100% + 40px);
\n }<\/p>\n

[data-layout=“mobile“] #pianoBanderoleContainer {
\n margin: 0;
\n }<\/p>\n

[data-layout=“mobile“] #panoramaBanderole.breaking-news {
\n min-height: 50px;
\n }<\/p>\n

[data-layout=“mobile“] .breaking-news .item {
\n padding: 0;
\n }<\/p>\n

@keyframes move-text {
\n to {
\n transform: translate(-50%);
\n }
\n }<\/p>\n

html:not([data-alias=“https:\/\/www.stuttgarter-nachrichten.de\/“]) .breaking-news {
\n margin-bottom: 10px;
\n }<\/p>\n

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

.OutOfPage {
\n line-height: 0;
\n }<\/p>\n

.tp-modal {
\n transform: none !important;
\n }<\/p>\n

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

.tp-iframe-wrapper .tp-close {
\n opacity: 1 !important;
\n height: 42px !important;
\n width: 42px !important;
\n border: none !important;
\n padding: 0 !important;
\n background: url(„https:\/\/www.stuttgarter-nachrichten.de\/staticcontent\/stuttgarter_nachrichten\/common\/svg\/icon-close-no_whitepace.svg“)
\n no-repeat center !important;
\n background-color: rgba(0, 0, 0, 0);
\n min-width: auto !important;
\n background-color: transparent !important;
\n top: 0;
\n right: 24px;
\n box-shadow: none !important;
\n }<\/p>\n

.tp-iframe-wrapper[class*=“piano-id-modal-ver“] .tp-close {
\n right: 0;
\n }<\/p>\n

.tp-modal {
\n transform: none !important;
\n }<\/p>\n

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

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

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

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

[data-layout=“mobile“] .mod-header > .m-wrapper .m-menu–top > .m-item–ok {
\n z-index: 0;
\n }<\/p>\n

[data-layout=“mobile“] .mod-header > .m-wrapper .m-menu–top > .m-item–nav {
\n width: 61px;
\n }<\/p>\n

html[data-layout=“mobile“] a.mhsd-partner-link {
\n margin-left: 0 !important;
\n display: flex;
\n top: -3px;
\n }<\/p>\n

iframe[src*=“youtube“] {
\n max-width: 100% !important;
\n width: 100%;
\n height: auto;
\n aspect-ratio: 16\/9;
\n }<\/p>\n

\/* EGM-1582 – Erstellung weiterer Plusbox *\/
\n [data-layout=“tablet“] #pianoRecoPlusbox,
\n [data-layout=“desktop“] #pianoRecoPlusbox {
\n display: flex;
\n }<\/p>\n

[data-layout=“tablet“] #pianoRecoPlusbox .item,
\n [data-layout=“desktop“] #pianoRecoPlusbox .item {
\n display: flex;
\n flex-direction: column;
\n }<\/p>\n

#pianoRecoPlusbox .item {
\n flex-shrink: 1;
\n height: auto;
\n }<\/p>\n

#pianoRecoPlusbox .item .bookmark-article {
\n margin-top: auto;
\n margin-left: auto;
\n }<\/p>\n

[data-layout=“mobile“] #pianoRecoPlusbox .item .bookmark-article {
\n margin-bottom: 10px;
\n }<\/p>\n

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

[data-layout=“desktop“] #pos_plusbox.plusbox-b .item + .item::before {
\n display: none;
\n }<\/p>\n

#pos_plusbox.plusbox-b.plusbox header {
\n position: static;
\n padding: 0 0 0 15px;
\n }<\/p>\n

#pos_plusbox.plusbox-b .header {
\n display: inline;
\n }<\/p>\n

#pos_plusbox.plusbox-b .appetizer {
\n padding: 0;
\n }<\/p>\n

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

#pos_plusbox.plusbox-b.plusbox .logo-background {
\n width: auto;
\n height: auto;
\n }<\/p>\n

#pos_plusbox.plusbox-b.plusbox #pianoRecoPlusbox {
\n flex-direction: column;
\n }<\/p>\n

#pos_plusbox.plusbox-b .headline-wrapper {
\n display: flex;
\n }<\/p>\n

#pos_plusbox.plusbox-b #pianoRecoPlusbox figure {
\n width: 340px !important;
\n padding: 0 20px 0 0;
\n flex-shrink: 0;
\n }<\/p>\n

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

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

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

#pos_plusbox.plusbox-b
\n [data-tags*=“Kommentar“]
\n .appetizer
\n h3
\n .appetizer-kicker::before,
\n #pos_plusbox.plusbox-b
\n [data-tags*=“Meinung“]
\n .appetizer
\n h3
\n .appetizer-kicker::before {
\n line-height: 1.25;
\n }<\/p>\n

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

[data-layout=“desktop“]
\n #pos_plusbox.plusbox-b.plusbox
\n .item
\n button.bookmark-article,
\n [data-layout=“tablet“]
\n #pos_plusbox.plusbox-b.plusbox
\n .item
\n button.bookmark-article {
\n bottom: 35px;
\n }<\/p>\n

#pos_plusbox.plusbox-b .appetizer h3 .appetizer-kicker {
\n color: #fff !important;
\n }<\/p>\n

#pos_plusbox.plusbox-b.plusbox h3 {
\n text-align: left;
\n }<\/p>\n

#pos_plusbox.plusbox-b.plusbox .appetizer-title {
\n padding: 0;
\n }<\/p>\n

[data-layout=“desktop“]
\n #pos_plusbox.plusbox-b.plusbox
\n #pianoRecoPlusbox
\n .appetizer
\n figure,
\n [data-layout=“tablet“]
\n #pos_plusbox.plusbox-b.plusbox
\n #pianoRecoPlusbox
\n .appetizer
\n figure {
\n margin-bottom: 0;
\n }<\/p>\n

[data-layout=“mobile“] #pos_plusbox.plusbox-b.plusbox header {
\n display: block;
\n text-align: center;
\n padding: 0;
\n margin-top: 20px;
\n }<\/p>\n

[data-layout=“mobile“] #pos_plusbox.plusbox-b.plusbox h3 {
\n text-align: center;
\n display: block;
\n }<\/p>\n

[data-layout=“mobile“] #pos_plusbox.plusbox-b.plusbox .appetizer h3 {
\n text-align: left;
\n }<\/p>\n

[data-layout=“mobile“] #pos_plusbox.plusbox-b.plusbox {
\n padding: 0;
\n }<\/p>\n

[data-layout=“mobile“] #pos_plusbox.plusbox-b .appetizer-kicker {
\n padding-top: 0 !important;
\n padding-bottom: 0 !important;
\n }<\/p>\n

[data-layout=“mobile“] #pos_plusbox.plusbox-b.plusbox .header h3 {
\n display: block;
\n margin-top: 10px;
\n margin-bottom: 15px;
\n }<\/p>\n

[data-layout=“mobile“] #pos_plusbox.plusbox-b .headline-wrapper {
\n flex-direction: column;
\n }<\/p>\n

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

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

[data-layout=“mobile“]
\n #pos_plusbox.plusbox-b.plusbox
\n #pianoRecoPlusbox
\n .item {
\n border-bottom: 1px solid #7c7867;
\n padding: 0 0 10px;
\n margin-bottom: 30px;
\n }<\/p>\n

[data-layout=“mobile“] #pos_plusbox.plusbox-b #pianoRecoPlusbox figure {
\n width: auto !important;
\n padding: 0;
\n }<\/p>\n

[data-layout=“mobile“] #pos_plusbox.plusbox-b.plusbox #pianoRecoPlusbox {
\n border-top: 1px solid #7c7867;
\n padding-top: 20px;
\n margin-bottom: 0;
\n }<\/p>\n

[data-layout=“mobile“] #pos_plusbox.plusbox-b.plusbox .appetizer h3 {
\n margin-bottom: 0 !important;
\n }<\/p>\n

[data-layout=“mobile“] #pos_plusbox.plusbox-b.plusbox .link-wrap {
\n margin: 0 auto 30px;
\n text-align: center;
\n line-height: 16px;
\n }<\/p>\n

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

[data-layout=“mobile“] #pos_plusbox.plusbox-b.plusbox #pianoRecoPlusbox {
\n border-top-color: #545454;
\n }<\/p>\n

[data-layout=“mobile“]
\n #pos_plusbox.plusbox-b.plusbox
\n #pianoRecoPlusbox
\n .item {
\n border-bottom-color: #545454;
\n }
\n }<\/p>\n

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

#pos_plusbox.plusbox-c.plusbox header {
\n display: none;
\n }<\/p>\n

#pos_plusbox.plusbox-c.plusbox .header {
\n width: fit-content;
\n }<\/p>\n

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

#pos_plusbox.plusbox-c.plusbox #pianoRecoPlusbox .appetizer {
\n padding: 0;
\n }<\/p>\n

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

#pos_plusbox.plusbox-c.plusbox #pianoRecoPlusbox .appetizer-kicker {
\n padding: 0 10px;
\n }<\/p>\n

#pos_plusbox.plusbox-c.plusbox #pianoRecoPlusbox .appetizer-title {
\n padding: 0 10px;
\n margin-bottom: 10px;
\n }<\/p>\n

#pos_plusbox.plusbox-c #pianoRecoPlusbox {
\n display: flex;
\n }<\/p>\n

#pos_plusbox.plusbox-c {
\n background-color: var(–color-primary) !important;
\n }<\/p>\n

#pos_plusbox.plusbox-c .button-wrap {
\n margin-bottom: 0;
\n }<\/p>\n

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

.grid-row-teaser .boxitem #pos_plusbox.plusbox-c .item figure {
\n padding: 0;
\n margin-bottom: 7px;
\n }<\/p>\n

#pos_plusbox.plusbox-c.plusbox .item button.bookmark-article {
\n margin: auto 0 0 auto;
\n right: 0;
\n }<\/p>\n

#pos_plusbox.plusbox-c .swiper-button-next,
\n #pos_plusbox.plusbox-c .swiper-button-prev {
\n width: 22px;
\n height: 22px;
\n top: -60px;
\n }<\/p>\n

#pos_plusbox.plusbox-c .swiper-button-prev {
\n left: auto;
\n right: 50px;
\n }<\/p>\n

#pos_plusbox.plusbox-c .swiper-button-next {
\n right: 15px;
\n }<\/p>\n

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

#pos_plusbox.plusbox-c.plusbox .link-wrap a {
\n color: #fff;
\n border-bottom-color: #fff;
\n }<\/p>\n

[data-layout=“desktop“] #pos_plusbox.plusbox-c .item + .item::before {
\n display: none;
\n }<\/p>\n

[data-layout=“mobile“] #pos_plusbox.plusbox-c #pianoRecoPlusbox {
\n margin-left: 0;
\n display: flex;
\n }<\/p>\n

[data-layout=“mobile“] #pos_plusbox.plusbox-c .swiper-button-prev {
\n right: 40px;
\n }<\/p>\n

[data-layout=“mobile“] #pos_plusbox.plusbox-c .swiper-button-next {
\n right: 5px;
\n }<\/p>\n

[data-layout=“mobile“]
\n #pos_plusbox.plusbox-c.plusbox
\n .item
\n button.bookmark-article {
\n margin-top: auto;
\n margin-left: auto;
\n }<\/p>\n

[data-layout=“mobile“] #pos_plusbox.plusbox-c.plusbox {
\n margin-left: -20px;
\n margin-right: -20px;
\n width: calc(100% + 40px);
\n }<\/p>\n

[data-layout=“mobile“] #pos_plusbox.plusbox-c.plusbox .link-wrap {
\n line-height: 16px;
\n text-align: center;
\n }<\/p>\n

[data-layout=“mobile“] #pos_plusbox.plusbox-c.plusbox header + h3 {
\n font-size: 24px;
\n margin-top: 0 !important;
\n }<\/p>\n

@media (prefers-color-scheme: dark) {
\n #pos_plusbox.plusbox-c.plusbox #pianoRecoPlusbox .swiper-slide {
\n background-color: #292929;
\n }
\n }<\/p>\n

@font-face {
\n font-family: swiper-icons;
\n 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“);
\n font-weight: 400;
\n font-style: normal;
\n }<\/p>\n

.swiper {
\n margin-left: auto;
\n margin-right: auto;
\n position: relative;
\n overflow: hidden;
\n list-style: none;
\n padding: 0;
\n z-index: 1;
\n }<\/p>\n

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

.swiper-android .swiper-slide,
\n .swiper-wrapper {
\n transform: translate3d(0, 0, 0);
\n }<\/p>\n

.swiper-slide {
\n flex-shrink: 0;
\n width: 100%;
\n height: 100%;
\n position: relative;
\n transition-property: transform;
\n }<\/p>\n

.swiper-backface-hidden .swiper-slide {
\n transform: translateZ(0);
\n -webkit-backface-visibility: hidden;
\n backface-visibility: hidden;
\n }<\/p>\n

.swiper-button-next.swiper-button-disabled,
\n .swiper-button-prev.swiper-button-disabled {
\n opacity: 0.35;
\n cursor: auto;
\n pointer-events: none;
\n }<\/p>\n

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

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

.swiper-button-next:after,
\n .swiper-rtl .swiper-button-prev:after {
\n content: „next“;
\n }<\/p>\n

.swiper-button-prev:after,
\n .swiper-rtl .swiper-button-next:after {
\n content: „prev“;
\n }<\/p>\n

\/* Automobile Header Anfang *\/<\/p>\n

[data-alias=“\/wirtschaft\/autoindustrie“] .mod-header {
\n background-color: #405952;
\n }<\/p>\n

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

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

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

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

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

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

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

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

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

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

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

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

[data-alias=“\/wirtschaft\/autoindustrie“] .mod-nav {
\n border-color: #405952;
\n }<\/p>\n

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

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

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

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

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

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

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

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

[data-alias=“\/wirtschaft\/autoindustrie“] .mod-nav ul li.userstate {
\n border-color: #405952;
\n }<\/p>\n

[data-alias=“\/wirtschaft\/autoindustrie“] .mod-nav ul li.userstate a.link {
\n color: #405952;
\n }<\/p>\n

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

[data-alias=“\/wirtschaft\/autoindustrie“][data-layout=“mobile“] #search-form {
\n background-color: #ddb3b3;
\n }<\/p>\n

[data-alias=“\/wirtschaft\/autoindustrie“][data-layout=“mobile“]
\n #search-form
\n .search-field {
\n border-color: #405952;
\n }<\/p>\n

\/* Automobile Header Ende *\/<\/p>\n

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

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

[data-layout=“mobile“] .art-tags {
\n max-width: 100%;
\n left: 0;
\n }<\/p>\n

@media (prefers-color-scheme: dark) {
\n .art-tags a {
\n color: #e5e4de !important;
\n }
\n }<\/p>\n

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

.most-read .appetizer-bottom-wrapper,
\n .most-read figure {
\n display: none;
\n }<\/p>\n

.most-read .item {
\n width: 100% !important;
\n margin-bottom: 0 !important;
\n border-bottom: none;
\n padding-top: 0 !important;
\n padding-bottom: 0 !important;
\n }<\/p>\n

.most-read .item:after,
\n .most-read .item + .item:before {
\n display: none !important;
\n }<\/p>\n

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

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

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

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

#pianoRecoPlusbox {
\n min-height: 390px;
\n }<\/p>\n

[data-layout=“mobile“] #pianoRecoPlusbox {
\n min-height: 550px;
\n }<\/p>\n

#pianoEpbContainer {
\n min-height: 290px;
\n }<\/p>\n

[data-layout=“mobile“] #pianoEpbContainer {
\n min-height: calc(((100vw – 40px) * 0.92));
\n }<\/p>\n

.smartad {
\n min-height: 350px;
\n }<\/p>\n

[data-layout=“mobile“] .smartad {
\n min-height: 396px;
\n }<\/p>\n

#pianoRecoHomePopular,
\n #pianoRecoHome {
\n min-height: 329px;
\n }<\/p>\n

[data-layout=“mobile“] #pianoRecoHomePopular,
\n [data-layout=“mobile“] #pianoRecoHome {
\n min-height: 401px;
\n }<\/p>\n

.boxitem.anzeige.transmatico {
\n min-height: 844px;
\n }<\/p>\n

[data-layout=“mobile“] .boxitem.anzeige.transmatico {
\n min-height: 504px;
\n }<\/p>\n

html #traffective-ad-Superbanner,
\n html #traffective-ad-Content_2,
\n #traffective-ad-Content_1,
\n html #traffective-ad-Billboard_2,
\n html #traffective-ad-Billboard_1,
\n html #traffective-ad-Rectangle_4,
\n html #traffective-ad-Rectangle_3,
\n html #traffective-ad-Rectangle_2,
\n #traffective-ad-Rectangle_1 {
\n min-height: 270px;
\n }<\/p>\n

[data-layout=“mobile“] #traffective-ad-Mobile_Pos6,
\n [data-layout=“mobile“] #traffective-ad-Mobile_Pos5,
\n [data-layout=“mobile“] #traffective-ad-Mobile_Pos4,
\n [data-layout=“mobile“] #traffective-ad-Mobile_Pos3,
\n [data-layout=“mobile“] #traffective-ad-Mobile_Pos2 {
\n min-height: 290px;
\n }<\/p>\n

html #traffective-ad-Native_1 {
\n min-height: 300px;
\n }<\/p>\n

html #nativendo-oms-zone-placement-resp {
\n min-height: 220px;
\n }<\/p>\n

[data-layout=“mobile“] #nativendo-oms-zone-placement-resp {
\n min-height: 62px;
\n }<\/p>\n

html #nativendo-placement-article {
\n min-height: 292px;
\n }<\/p>\n

#pianoTeaserkachelContainer {
\n min-height: 292px;
\n }<\/p>\n

[data-layout=“mobile“] #pianoTeaserkachelContainer {
\n min-height: 67px;
\n }<\/p>\n

[data-layout=“mobile“] .recommendation-grid.home .item {
\n padding-left: 0;
\n padding-right: 0;
\n }<\/p>\n

[data-layout=“mobile“] .recommendation-grid.home .item figure {
\n width: 33.3%;
\n }<\/p>\n

[data-layout=“mobile“] .recommendation-grid.home .item .appetizer-kicker,
\n [data-layout=“mobile“] .recommendation-grid.home .item .appetizer-title {
\n width: 62%;
\n padding-top: 3px;
\n padding-left: 8px;
\n }<\/p>\n

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

[data-layout=“mobile“] .articleTeaser .recoplain .appetizer .appetizer-kicker,
\n [data-layout=“mobile“] .articleTeaser .recoplain .appetizer .appetizer-title {
\n width: 100%;
\n }<\/p>\n

[data-layout=“mobile“] .articleTeaser .recoplain .item,
\n [data-layout=“mobile“] .articleTeaser .recoplain .item:last-child {
\n margin-bottom: 12px;
\n }
\n [data-layout=“mobile“]
\n .articleTeaser
\n .recommendation-grid.recoplain
\n .item
\n h3 {
\n width: 100%;
\n }<\/p>\n

.recart.articleRecart {
\n margin-bottom: 0 !important;
\n }<\/p>\n

[data-layout=“desktop“] .recommendation-grid.recoplain,
\n [data-layout=“tablet“] .recommendation-grid.recoplain {
\n display: block;
\n }<\/p>\n

.article-bottom-reco {
\n flex-wrap: wrap;
\n }<\/p>\n

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

.article-bottom-reco figure {
\n padding: 0;
\n }<\/p>\n

[data-layout=“mobile“] .article-bottom-reco .appetizer-text {
\n display: none;
\n }<\/p>\n

[data-layout=“desktop“]
\n #pianoRecoTaboola
\n .boxitem.grid-row-teaser
\n .item
\n figure,
\n [data-layout=“desktop“]
\n #pianoRecoTaboola
\n .grid-row-teaser
\n .boxitem
\n .item
\n figure {
\n width: 100% !important;
\n }<\/p>\n

[data-layout=“mobile“] .grid-row-teaser .recoplain .item::after,
\n [data-layout=“desktop“] .recoplain .item + .item::before {
\n display: none;
\n }<\/p>\n

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

[data-layout=“tablet“]
\n .registrationwall.news
\n #collection-wrapper
\n > .grid-row-teaser
\n .articleTeaser
\n #pianoRecoMeineNachrichten,
\n [data-layout=“desktop“]
\n .registrationwall.news
\n #collection-wrapper
\n > .grid-row-teaser
\n .articleTeaser
\n #pianoRecoMeineNachrichten {
\n display: flex;
\n }<\/p>\n

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

#pianoReco404 {
\n margin-top: 20px;
\n }<\/p>\n

[data-layout=“tablet“] #pianoReco404,
\n [data-layout=“desktop“] #pianoReco404 {
\n margin-left: -20px;
\n margin-right: -20px;
\n width: calc(100% + 40px);
\n display: flex;
\n }<\/p>\n

[data-layout=“desktop“] #pianoReco404.recommendation-grid.home .item,
\n [data-layout=“tablet“] #pianoReco404.recommendation-grid.home .item {
\n width: 340px !important;
\n padding-bottom: 0 !important;
\n }<\/p>\n

.recoBoxHome {
\n margin-top: 20px;
\n }<\/p>\n

[data-layout=“mobile“] #pianoReco404.recommendation-grid .item {
\n padding-left: 0;
\n padding-right: 0;
\n }<\/p>\n

[data-layout=“mobile“] #pianoReco404.recommendation-grid .item figure {
\n width: 33.3%;
\n }<\/p>\n

[data-layout=“mobile“] #pianoReco404 .item {
\n padding: 10px 0;
\n }<\/p>\n

[data-layout=“mobile“]
\n #pianoReco404.recommendation-grid
\n .item
\n .appetizer-kicker,
\n [data-layout=“mobile“]
\n #pianoReco404.recommendation-grid
\n .item
\n .appetizer-title {
\n width: 62%;
\n padding-left: 8px;
\n }<\/p>\n

[data-layout=“tablet“] #pianoReco404.recommendation-grid.home,
\n [data-layout=“desktop“] #pianoReco404.recommendation-grid.home {
\n display: flex;
\n }<\/p>\n

[data-layout=“tablet“] #pianoReco404,
\n [data-layout=“desktop“] #pianoReco404 {
\n margin-bottom: 20px;
\n }<\/p>\n

#pianoReco404.recommendation-grid.home .item {
\n display: flex;
\n flex-direction: column;
\n }<\/p>\n

#pianoReco404.recommendation-grid.home .item .bookmark-article {
\n margin-left: auto;
\n margin-top: auto;
\n }<\/p>\n

[data-layout=“tablet“] #pianoReco404 figure,
\n [data-layout=“desktop“] #pianoReco404 figure {
\n width: 100%;
\n padding-right: 0;
\n }<\/p>\n

[data-layout=“desktop“] #pianoReco404 .appetizer {
\n height: 292px;
\n }<\/p>\n

[data-layout=“desktop“] #pianoReco404 .appetizer-kicker,
\n [data-layout=“desktop“] #pianoReco404 .appetizer-title {
\n padding-left: 10px;
\n }<\/p>\n

#pianoReco404 .appetizer-text {
\n display: none;
\n }<\/p>\n

[data-layout=“tablet“] #pianoRecoRaetsel,
\n [data-layout=“desktop“] #pianoRecoRaetsel {
\n margin-left: -20px !important;
\n margin-right: -20px !important;
\n display: flex;
\n padding-bottom: 30px !important;
\n }<\/p>\n

#pianoRecoRaetsel .item {
\n display: flex;
\n }<\/p>\n

[data-layout=“mobile“] #pianoRecoRaetsel.recommendation-grid .item {
\n padding-left: 0;
\n padding-right: 0;
\n }<\/p>\n

[data-layout=“mobile“] #pianoRecoRaetsel.recommendation-grid .item figure {
\n width: 33.3%;
\n }<\/p>\n

[data-layout=“mobile“]
\n #pianoRecoRaetsel.recommendation-grid
\n .item
\n .appetizer-kicker,
\n [data-layout=“mobile“]
\n #pianoRecoRaetsel.recommendation-grid
\n .item
\n .appetizer-title {
\n width: 62%;
\n padding-top: 0px;
\n padding-left: 8px;
\n }<\/p>\n

[data-layout=“mobile“] #pianoRecoRaetsel.recommendation-grid.home .item,
\n [data-layout=“desktop“] #pianoRecoRaetsel.recommendation-grid.home .item,
\n [data-layout=“tablet“] #pianoRecoRaetsel.recommendation-grid.home .item {
\n height: auto;
\n display: flex;
\n flex-direction: column;
\n }<\/p>\n

#pianoRecoRaetsel button.bookmark-article[data-type=“follow“] {
\n margin-left: auto;
\n margin-top: auto;
\n }<\/p>\n

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

[data-layout=“mobile“] .recart #pianoRecoBiga {
\n flex-direction: column;
\n }<\/p>\n

[data-layout=“mobile“] #pianoRecoBiga .item {
\n padding-left: 0;
\n padding-right: 0;
\n }<\/p>\n

[data-layout=“mobile“] #pianoRecoBiga .item figure {
\n width: 33.3%;
\n }<\/p>\n

[data-layout=“mobile“] .recart #pianoRecoBiga .item .appetizer-kicker,
\n [data-layout=“mobile“] .recart #pianoRecoBiga .item .appetizer-title {
\n padding-top: 3px;
\n padding-left: 8px;
\n }<\/p>\n

[data-layout=“mobile“] #pianoRecoBiga .item .headline-wrapper {
\n display: flex;
\n }<\/p>\n

[data-layout=“mobile“] #pianoRecoBiga .item .headline-wrapper h3 {
\n width: 62%;
\n margin-top: 0;
\n }<\/p>\n

.recoTeaserContainer #pianoRecoBiga button.bookmark-article {
\n margin-bottom: -10px;
\n }<\/p>\n

#pianoRecoBiga .bookmark-article {
\n margin-left: auto;
\n margin-top: auto;
\n }<\/p>\n

#pianoRecoBiga .item {
\n flex-shrink: 1;
\n height: auto;
\n }<\/p>\n

[data-layout=“desktop“] #pianoRecoBiga .item,
\n [data-layout=“tablet“] #pianoRecoBiga .item {
\n display: flex;
\n flex-direction: column;
\n }<\/p>\n

.slider-gallery .item-list .rsOverflow .rsContainer .rsSlide .header h4,
\n .slider-gallery .item-list .rsOverflow .rsContainer .rsSlide #pianoRecoBiga {
\n text-align: left;
\n }<\/p>\n

[data-layout=“mobile“]
\n .slider-gallery
\n .item-list
\n .rsOverflow
\n .rsContainer
\n .rsSlide
\n .recoTeaserContainer {
\n padding: 15px;
\n }<\/p>\n

#slider-gallery .recart .recoTeaser .header {
\n padding: 0;
\n }<\/p>\n

#slider-gallery .recart .recoTeaser .header h4 {
\n font-size: 22px;
\n line-height: 26px;
\n display: block;
\n }<\/p>\n

[data-layout=“mobile“] #slider-gallery .recart .recoTeaser .header {
\n margin-top: 0;
\n }<\/p>\n

[data-layout=“desktop“] #slider-gallery .recart .recoTeaser .header h4,
\n [data-layout=“tablet“] #slider-gallery .recart .recoTeaser .header h4 {
\n text-align: center;
\n }<\/p>\n

[data-layout=“desktop“] #slider-gallery .recoTeaser,
\n [data-layout=“tablet“] #slider-gallery .recoTeaser {
\n height: 475px;
\n display: flex;
\n flex-direction: column;
\n justify-content: center;
\n }<\/p>\n

\/* EGM-1612 – Topthemen Reco *\/
\n [id^=“pianoRecoHome“] {
\n display: flex;
\n flex-wrap: wrap;
\n }<\/p>\n

[id^=“pianoRecoHome“] .item {
\n display: flex;
\n flex-direction: column;
\n height: auto !important;
\n }<\/p>\n

[id^=“pianoRecoHome“] button.bookmark-article {
\n margin-top: auto;
\n margin-left: auto;
\n }<\/p>\n

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

.video-feed-container .video-feed {
\n margin: 8px 0;
\n }<\/p>\n

.video-feed-container .video-feed .header {
\n display: flex;
\n align-items: center;
\n margin-bottom: 20px;
\n }<\/p>\n

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

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

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

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

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

[data-layout=“desktop“] .video-feed .header {
\n padding: 0;
\n }<\/p>\n

[data-layout=“tablet“] .video-feed-container,
\n [data-layout=“desktop“] .video-feed-container {
\n min-height: 420px;
\n }<\/p>\n

[data-layout=“mobile“] .video-feed-container {
\n min-height: 320px;
\n margin-left: -20px;
\n margin-right: -20px;
\n width: calc(100% + 40px);
\n }<\/p>\n

[data-layout=“mobile“] .video-feed-container .video-feed {
\n margin-bottom: 18px;
\n }<\/p>\n

[data-layout=“mobile“] .video-feed-container .video-feed .header {
\n margin-top: 18px;
\n }<\/p>\n

[data-layout=“mobile“] .video-feed-container .video-feed h4 {
\n font-size: 2rem;
\n }<\/p>\n

[data-layout=“mobile“] .video-feed-container .video-feed .flag {
\n padding: 9px 13px;
\n margin-right: 8px;
\n }<\/p>\n

[data-layout=“mobile“] .video-feed-container .video-feed .feedback-text {
\n font-size: 1rem;
\n line-height: 1.125rem;
\n flex-wrap: wrap;
\n }<\/p>\n

[data-layout=“mobile“]
\n .video-feed-container
\n .video-feed
\n .feedback-text:before {
\n top: 0;
\n }<\/p>\n

[data-layout=“mobile“] .video-feed-container .video-feed .feedback-text a {
\n margin-left: 0;
\n width: 100%;
\n }<\/p>\n

\/* #traffective-ad-OutOfPage {
\n display: none !important;
\n } *\/<\/p>\n

\/* EGM-1936 – Abo-Button auf Impressum ausblenden *\/
\n [data-alias=“https:\/\/www.stuttgarter-nachrichten.de\/impressum“] .m-item-abo {
\n display: none !important;
\n }<\/p>\n

\/* CON-3397 – Churn prevention *\/
\n [data-alias=“\/user-account“]
\n .tp-modal:has(iframe[id^=“piano-id-form“])
\n .tp-close {
\n display: none;
\n }<\/p>\n

body:not(.tp-modal-close) .tp-modal:has(.tp-iframe-wrapper:not(.tp-active)) {
\n display: none !important;
\n }
\n]]]]]]]]]]>]]]]]]]]>]]]]]]>]]]]>]]>\n<\/p>\n


\n\t\t\ta {
\n flex: 1;
\n text-align: center;
\n}<\/p>\n

.registrationwall .registrationwall__header .tabs>a:not(.active) {
\n color: #bab7ad;
\n border-color: #bab7ad;
\n}<\/p>\n

.registrationwall .registrationwall__header .steps .step {
\n font-size: 16px;
\n line-height: 22px;
\n display: flex;
\n align-items: center;
\n}<\/p>\n

.registrationwall .registrationwall__header .steps .step:before {
\n display: flex;
\n width: 32px;
\n height: 32px;
\n color: #fff;
\n margin-right: 10px;
\n border-radius: 5px;
\n align-items: center;
\n justify-content: center;
\n font-size: 20px;
\n line-height: 22px;
\n line-height: 29px;
\n font-weight: 700;
\n flex-shrink: 0;
\n}<\/p>\n

.registrationwall .registrationwall__header .steps .step.step-1 {
\n color: #007BC4;
\n margin-right: 35px;
\n}<\/p>\n

[data-layout=“mobile“] .registrationwall .registrationwall__header .steps .step.step-1 {
\n margin-right: 20px;
\n}<\/p>\n

.registrationwall .registrationwall__header .steps .step.step-2 {
\n color: #A5A5A5;
\n}<\/p>\n

.registrationwall .registrationwall__header .steps .step.step-1:before {
\n content: „1“;
\n background-color: #007BC4;
\n}<\/p>\n

.registrationwall .registrationwall__header .steps .step.step-2:before {
\n content: „2“;
\n background-color: #A5A5A5;
\n}<\/p>\n

[data-layout=“mobile“] .registrationwall__header {
\n padding: 20px 18px;
\n}<\/p>\n

[data-layout=“mobile“] .registrationwall .registrationwall__header {
\n padding: 13px 18px;
\n}<\/p>\n

[data-layout=“mobile“] .registrationwall.onboarding {
\n margin-top: 0;
\n}<\/p>\n

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

.registrationwall.bookmarks .registrationwall__content {
\n padding: 0;
\n}<\/p>\n

.registrationwall.news .registrationwall .registrationwall__content {
\n box-shadow: none;
\n}<\/p>\n

[data-layout=“mobile“] .registrationwall .registrationwall__content {
\n padding: 32px 0;
\n}<\/p>\n

.registrationwall:not(.onboarding) .registrationwall__content,
\n.registrationwall:not(.onboarding) .registrationwall__banner {
\n margin-top: 10px;
\n width: 100%;
\n}<\/p>\n

[data-alias=“\/meinestn\/meine-nachrichten“] .registrationwall:not(.onboarding) .registrationwall__banner {
\n margin-top: 0;
\n margin-bottom: 10px;
\n}<\/p>\n

.registrationwall .registrationwall__content>div {
\n width: 100%;
\n \/* max-width: 817px; *\/
\n margin: 0 auto;
\n}<\/p>\n

.registrationwall .registrationwall__content>.item-list {
\n margin-bottom: 0;
\n}<\/p>\n

\/* Listen *\/
\n.registrationwall .item-list,
\n.registrationwall .item {
\n display: block;
\n line-height: 26px;
\n}<\/p>\n

.registrationwall .item-list>.item {
\n width: auto;
\n}<\/p>\n

.registrationwall .item-list {
\n margin-bottom: 41px;
\n}<\/p>\n

.registrationwall .item-list .headline {
\n font-size: 22px;
\n line-height: 29px;
\n font-weight: 700;
\n margin-top: 60px;
\n font-family: ‚Roboto Slab‘;
\n color: #4D555A;
\n}<\/p>\n

.registrationwall .item-list .subHeadline {
\n margin-top: 8px;
\n margin-bottom: 14px;
\n color: #A5A5A5;
\n}<\/p>\n

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

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

.registrationwall .item.boxItemContainer.topics .item {
\n border: none;
\n}<\/p>\n

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

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

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

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

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

.registrationwall .item.boxItemContainer.topics .item[class*=“thema-„] {
\n background-size: cover;
\n}<\/p>\n

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

.registrationwall .item.boxItemContainer .item:last-of-type {
\n margin-right: 0;
\n}<\/p>\n

.registrationwall .item.boxItemContainer .item .headline {
\n margin: auto 0 16px;
\n white-space: initial;
\n line-height: 22px;
\n font-size: 22px;
\n font-family: ‚Roboto Slab‘;
\n}<\/p>\n

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

[data-layout=“mobile“] .registrationwall .headline {
\n margin-top: 40px;
\n}<\/p>\n

[data-layout=“mobile“] .registrationwall .item.boxItemContainer {
\n padding-left: 18px;
\n padding-right: 18px;
\n}<\/p>\n

[data-layout=“mobile“] .registrationwall .item.boxItemContainer .item {
\n margin-right: 8px;
\n}<\/p>\n

[data-layout=“mobile“] .registrationwall__content>.item-list>.item+.item>.headline {
\n margin-top: 60px;
\n}<\/p>\n

\/* [data-layout=“mobile“] .registrationwall .item.boxItemContainer .item {
\n width: 144px !important;
\n height: 134px;
\n padding: 0 10px;
\n } *\/<\/p>\n

\/* [data-layout=“mobile“] .registrationwall .item.boxItemContainer .item img {
\n width: 40px;
\n height: 40px;
\n } *\/<\/p>\n

\/* [data-layout=“mobile“] .registrationwall .item.boxItemContainer .item .headline {
\n margin: auto 0 10px;
\n line-height: 23px;
\n font-size: 18px;
\n } *\/<\/p>\n

\/* [data-layout=“mobile“] .registrationwall .item.boxItemContainer.topics .item .headline {
\n margin: auto 0 30px;
\n } *\/<\/p>\n

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

.registrationwall .item.slider .item-list.flickity-enabled .arrow {
\n position: absolute;
\n top: 50%;
\n transform: translateY(-50%);
\n}<\/p>\n

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

.registrationwall .item.slider .item-list.flickity-enabled .arrow.left {
\n left: -50px;
\n}<\/p>\n

.registrationwall .item.slider .item-list.flickity-enabled .arrow.left:after {
\n content: ‚prev‘;
\n}<\/p>\n

.registrationwall .item.slider .item-list.flickity-enabled .arrow.right {
\n right: -50px;
\n}<\/p>\n

.registrationwall .item.slider .item-list.flickity-enabled .arrow.right:after {
\n content: ’next‘;
\n}<\/p>\n

.registrationwall .item:not(.slider) .item-list {
\n display: flex;
\n flex: 1;
\n}<\/p>\n

.registrationwall .item.slider .item-list:not(.flickity-enabled) {
\n display: flex;
\n}<\/p>\n

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

.registrationwall .item.slider .item-list:not(.flickity-enabled) .item:nth-child(4) {
\n margin-right: 0;
\n}<\/p>\n

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

[data-layout=“mobile“] .registrationwall .item.slider .item-list:not(.flickity-enabled) .item:nth-child(2) {
\n margin-right: 0;
\n}<\/p>\n

.registrationwall .flickity-button {
\n display: none !important;
\n}<\/p>\n

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

.registrationwall .item.alphabeticalList>.item-list .item.topicList {
\n margin-top: 23px;
\n}<\/p>\n

[data-layout=“mobile“] .registrationwall .item.alphabeticalList {
\n padding-left: 18px;
\n padding-right: 18px;
\n}<\/p>\n

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

\/* Topic List *\/
\n.registrationwall .topicList {
\n margin-top: 0;
\n}<\/p>\n

.registrationwall .topicList .headline {
\n font-size: 18px;
\n line-height: 27px;
\n margin-top: 0;
\n font-family: ‚Roboto Condensed‘;
\n}<\/p>\n

.registrationwall .topicList>.item-list {
\n margin: 0;
\n display: flex;
\n flex-wrap: wrap;
\n flex-direction: column;
\n}<\/p>\n

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

.registrationwall .topicList>.item-list button {
\n margin: 0 0 0 auto;
\n width: auto;
\n min-width: 123px;
\n}<\/p>\n

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

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

\/* Overlays *\/
\nbody.onboardingOverlayOpen {
\n overflow: hidden;
\n}<\/p>\n

body.onboardingInfoOpen .onboardingInfo {
\n transform: translateY(0);
\n}<\/p>\n

.onboardingInfo {
\n transform: translateY(100%);
\n transition: transform 200ms ease 0s;
\n position: fixed;
\n bottom: 0;
\n width: 100%;
\n text-align: center;
\n background-color: #CCE5F3;
\n padding: 20px;
\n font-size: 18px;
\n line-height: 27px;
\n max-width: 1020px;
\n box-shadow: 0px 0px 4px rgba(41, 41, 41, 0.16);
\n}<\/p>\n

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

.onboardingInfo button[disabled],
\n.onboardingInfo button[disabled]:hover {
\n background: #A5A5A5;
\n color: #E7E7E7;
\n cursor: default;
\n}<\/p>\n

.onboardingInfo .container-login {
\n font-weight: bold;
\n}<\/p>\n

.onboardingInfo .container-login span {
\n color: #007bc4;
\n cursor: pointer;
\n}<\/p>\n

.onboardingInfo span[data-follow-count-author]:not([data-follow-count-author=“0″]),
\n.onboardingInfo span[data-follow-count-theme]:not([data-follow-count-theme=“0″]) {
\n color: #007BC4;
\n}<\/p>\n

.registrationwall .configurationInfo span[data-follow-count-author]:not([data-follow-count-author=“0″]):before,
\n.onboardingInfo span[data-follow-count-author]:not([data-follow-count-author=“0″]):before {
\n content: attr(data-follow-count-author);
\n}<\/p>\n

.registrationwall .configurationInfo span[data-follow-count-theme]:not([data-follow-count-theme=“0″]):before,
\n.onboardingInfo span[data-follow-count-theme]:not([data-follow-count-theme=“0″]):before {
\n content: attr(data-follow-count-theme);
\n}<\/p>\n

.registrationwall .configurationInfo span[data-follow-count-theme]:not([data-follow-count-theme=“0″]):after,
\n.onboardingInfo span[data-follow-count-theme]:not([data-follow-count-theme=“0″]):after {
\n content: “ Themen“;
\n}<\/p>\n

.registrationwall .configurationInfo span[data-follow-count-author]:not([data-follow-count-author=“0″]):after,
\n.onboardingInfo span[data-follow-count-author]:not([data-follow-count-author=“0″]):after {
\n content: “ Autoren“;
\n}<\/p>\n

.registrationwall .configurationInfo span {
\n color: #007BC4;
\n}<\/p>\n

.onboardingInfo span[data-follow-count-theme=“0″]+span[data-follow-count-author=“0″]:before {
\n content: „noch keine Themen oder Autoren“;
\n}<\/p>\n

.registrationwall .onboardingInfo span[data-follow-count-theme=“1″]:after,
\n.registrationwall .configurationInfo span[data-follow-count-theme=“1″]:after {
\n content: “ Thema“ !important;
\n}<\/p>\n

.registrationwall .onboardingInfo span[data-follow-count-author=“1″]:after,
\n.registrationwall .configurationInfo span[data-follow-count-author=“1″]:after {
\n content: “ Autor“ !important;
\n}<\/p>\n

.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,
\n.onboardingInfo span[data-follow-count-theme]:not([data-follow-count-theme=“0″])+span[data-follow-count-author]:not([data-follow-count-author=“0″]):before {
\n content: ‚ und ‚ attr(data-follow-count-author);
\n}<\/p>\n

.bodyOverlayOpen {
\n overflow: hidden;
\n}<\/p>\n

body.onboardingOverlayOpen .site-wrapper>.grid.onboardingGrid {
\n z-index: 1;
\n}<\/p>\n

[data-layout=“mobile“] .onboardingGrid {
\n margin-top: 10px;
\n}<\/p>\n

body.onboardingOverlayOpen .onboardingOverlayBackground,
\nbody.onboardingOverlayOpen .onboardingOverlay {
\n display: block;
\n}<\/p>\n

[data-alias=“\/meinestn\/auswahl-treffen“] .onboardingOverlayOpen .mod-header {
\n z-index: 1;
\n}<\/p>\n

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

.onboardingOverlay {
\n display: none;
\n overflow: hidden;
\n padding: 0;
\n width: 100%;
\n border-radius: 5px;
\n box-shadow: 0px -1px 3px rgba(41, 41, 41, 0.16), 0px 1px 3px rgba(41, 41, 41, 0.16);
\n position: fixed;
\n top: 50%;
\n left: 200px;
\n max-width: 378px;
\n background-color: #fff;
\n z-index: 9999;
\n transform: translate(321px, -50%);
\n}<\/p>\n

@media (max-width: 1440px) {
\n .onboardingOverlay {
\n left: 0;
\n }
\n}<\/p>\n

[data-layout=“mobile“] .onboardingOverlay {
\n left: 50%;
\n transform: translate(-50%, -50%);
\n}<\/p>\n

.onboardingOverlay .content {
\n padding: 50px 39px 40px;
\n display: flex;
\n flex-direction: column;
\n}<\/p>\n

.onboardingOverlay .content h2 {
\n font-size: 22px;
\n font-weight: 700;
\n margin-bottom: 8px;
\n line-height: 27px;
\n color: #4D555A;
\n text-align: center;
\n}<\/p>\n

#overlayFollow .onboardingOverlay .content h2 {
\n margin-bottom: 8px;
\n}<\/p>\n

.onboardingOverlay .content p {
\n line-height: 24px;
\n text-align: center;
\n}<\/p>\n

.onboardingOverlay .content picture {
\n margin-bottom: 20px;
\n margin-left: auto;
\n margin-right: auto;
\n height: 106px;
\n}<\/p>\n

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

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

.onboardingOverlay .content .container-login span {
\n color: #007BC4;
\n cursor: pointer;
\n}<\/p>\n

.onboardingOverlay .closeIconContainer .closeOverlay {
\n padding: 17px;
\n position: absolute;
\n right: 0;
\n top: 0;
\n cursor: pointer;
\n}<\/p>\n

@media (max-width: 560px) {
\n .onboardingOverlay {
\n max-width: calc(100% – 36px);
\n }<\/p>\n

.onboardingOverlay .content {
\n padding: 50px 40px 30px;
\n display: flex;
\n flex-direction: column;
\n }<\/p>\n

.onboardingOverlay .content .btn {
\n padding: 14px 15px;
\n }
\n}<\/p>\n

@media (max-width: 396px) {<\/p>\n

.onboardingOverlay .content {
\n padding: 50px 30px 30px;
\n }<\/p>\n

.onboardingOverlay .content .btn {
\n padding: 14px 7px;
\n }
\n}<\/p>\n

\/* Tagsuche \/ Autocomplete *\/
\n.registrationwall__search:before {
\n content: „Themen & Autoren suchen“;
\n font-family: ‚Roboto Slab‘;
\n font-weight: 700;
\n font-size: 22px;
\n line-height: 29px;
\n margin-bottom: 20px;
\n display: block;
\n color: #4D555A;
\n}<\/p>\n

.registrationwall__search form {
\n margin-bottom: 12px;
\n display: flex;
\n overflow: hidden;
\n}<\/p>\n

.registrationwall__search+.item-list {
\n margin-bottom: 0;
\n}<\/p>\n

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

.registrationwall__search input::focus-within {
\n border-bottom: 2px solid #007BC4;
\n}<\/p>\n

.registrationwall__search input::placeholder {
\n opacity: 1;
\n color: #A5A5A5;
\n}<\/p>\n

.registrationwall__search form {
\n position: relative;
\n}<\/p>\n

.registrationwall__search input~svg {
\n width: 24px;
\n position: absolute;
\n display: none;
\n right: 12px;
\n bottom: 18px;
\n}<\/p>\n

.registrationwall__search input~svg.action-search {
\n fill: #A5A5A5;
\n display: none;
\n bottom: 16px;
\n}<\/p>\n

.registrationwall__search input:placeholder-shown~svg.action-search {
\n display: flex;
\n}<\/p>\n

.registrationwall__search input~.action-close {
\n cursor: pointer;
\n display: flex;
\n}<\/p>\n

.registrationwall__search input:placeholder-shown~svg.action-close {
\n display: none;
\n}<\/p>\n

.registrationwall__search .autoComplete_wrapper [type=“search“] {
\n -webkit-appearance: none;
\n -moz-appearance: none;
\n -ms-appearance: none;
\n appearance: none;
\n}<\/p>\n

.registrationwall__search .autoComplete_wrapper [type=“search“] {
\n -webkit-appearance: textfield;
\n}<\/p>\n

.registrationwall__search input:focus {
\n border-bottom: 2px solid #007BC4;
\n}<\/p>\n

.registrationwall__search input::placeholder {
\n \/* color: rgba(123, 123, 123, 0.5); *\/
\n transition: all 0.3s ease;
\n}<\/p>\n

.registrationwall__search .item-list[hidden] {
\n display: none !important;
\n}<\/p>\n

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

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

[data-layout=“mobile“] .registrationwall__search .item-list .item {
\n white-space: normal;
\n align-items: flex-start;
\n}<\/p>\n

[data-layout=“mobile“] .registrationwall__search .item-list .item:after {
\n display: none;
\n}<\/p>\n

.registrationwall__search .autoComplete_wrapper .item-list .item::selection {
\n color: #fff;
\n background-color: #fff;
\n}<\/p>\n

.registrationwall__search .autoComplete_wrapper .item-list .item:hover {
\n cursor: pointer;
\n}<\/p>\n

.registrationwall__search .autoComplete_wrapper .item-list .item mark {
\n background-color: transparent;
\n color: rgba(#007BC4, 1);
\n font-weight: bold;
\n}<\/p>\n

.registrationwall__search .autoComplete_wrapper .item-list .item mark::selection {
\n color: rgba(#ffffff, 0);
\n background-color: rgba(#ffffff, 0);
\n}<\/p>\n

.registrationwall__search .autoComplete_wrapper .item-list .item[aria-selected=“true“] {
\n background-color: rgba(123, 123, 123, 0.1);
\n}<\/p>\n

.registrationwall__search .item-list .item .headline {
\n min-width: 0;
\n overflow: hidden;
\n text-overflow: ellipsis;
\n}<\/p>\n

[data-layout=“mobile“] .registrationwall__search {
\n padding: 0 18px;
\n}<\/p>\n

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

[data-layout=“mobile“] .registrationwall .configurationInfo {
\n margin: 40px 0 22px 0;
\n}<\/p>\n

.registrationwall .configurationInfo p {
\n font-size: 18px;
\n line-height: 27px;
\n padding: 0 18px;
\n}<\/p>\n

.registrationwall .configurationInfo p+p {
\n padding-top: 20px;
\n}<\/p>\n

.registrationwall .configurationInfo[data-follow-count=“0″] .follow-text {
\n display: none;
\n}<\/p>\n

.registrationwall .configurationInfo[data-follow-count=“0″] .no-follow-text {
\n display: block;
\n}<\/p>\n

.registrationwall .configurationInfo:not([data-follow-count=“0″]) .follow-text {
\n display: block;
\n}<\/p>\n

.registrationwall .configurationInfo:not([data-follow-count=“0″]) .no-follow-text {
\n display: none;
\n}<\/p>\n

[data-layout=“mobile“] .registrationwall .configurationInfo:not([data-follow-count=“0″]) .follow-text br {
\n display: none;
\n}<\/p>\n

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

[data-layout=“mobile“] .registrationwall .sortable_wrapper {
\n width: 100% !important;
\n padding: 0 18px;
\n}<\/p>\n

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

.registrationwall .sortable_wrapper.item.topicList>.item-list>.item .bookmark-theme {
\n margin-top: 1px;
\n}<\/p>\n

.registrationwall .sortable_wrapper.item.topicList>.item-list>.item:before {
\n content: url(„https:\/\/www.stuttgarter-nachrichten.de\/staticcontent\/stuttgarter_nachrichten\/common-resp18\/svg\/grab-sort-icon.svg“);
\n margin-right: 29px;
\n margin-top: 1px;
\n width: 24px;
\n}<\/p>\n

.registrationwall .sortable_wrapper.item.topicList>.item-list>.item .headline {
\n order: 0;
\n}<\/p>\n

.registrationwall .sortable_wrapper.item.topicList>.item-list>.item button {
\n order: 2;
\n}<\/p>\n

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

.registrationwall .sortable-ghost {
\n opacity: 0;
\n}<\/p>\n

.registrationwall .sortable-chosen {
\n background: #CCE5F3;
\n}<\/p>\n

.registrationwall .sortable-fallback {
\n opacity: 1 !important;
\n background: #CCE5F3;
\n}<\/p>\n

\/* Meine StZ – Meine Nachrichten \/ Merkliste *\/
\n\/* .registrationwall-article-collection {
\n content: „“;
\n display: block;
\n height: 10px;
\n background-color: #A5A5A5;
\n position: relative;
\n width: 100vw;
\n left: -40px;
\n max-width: 1210px;
\n } *\/<\/p>\n

.registrationwall-article-collection .load-more {
\n margin: 40px 0 0;
\n}<\/p>\n

[data-layout=“mobile“] .registrationwall-article-collection .load-more {
\n margin: 30px 0 0;
\n}<\/p>\n

.registrationwall-article-collection .load-more button {
\n line-height: 21px !important;
\n height: auto !important;
\n font-size: 18px;
\n padding: 13px 70px;
\n box-shadow: 0px 1px 3px rgba(77, 85, 90, 0.16);
\n border-radius: 5px;
\n font-weight: 700;
\n text-align: center;
\n min-width: 343px;
\n transition: color .25s ease, background .25s ease;
\n}<\/p>\n

.registrationwall-article-collection .load-more button:hover {
\n background-color: #4097e0;
\n}<\/p>\n

[data-layout=“mobile“] .registrationwall-article-collection .load-more button {
\n min-width: auto;
\n width: calc(100% – 36px);
\n}<\/p>\n

\/* .registrationwall .registrationwall-article-collection .appetizer,
\n .registrationwall .registrationwall-article-collection .appetizer .appetizer-text {
\n margin-bottom: 0;
\n } *\/<\/p>\n

[data-layout=“desktop“] .registrationwall .registrationwall-article-collection .appetizer .appetizer-kicker,
\n[data-layout=“desktop“] .registrationwall .registrationwall-article-collection .appetizer .appetizer-title,
\n[data-layout=“tablet“] .registrationwall .registrationwall-article-collection .appetizer .appetizer-kicker,
\n[data-layout=“tablet“] .registrationwall .registrationwall-article-collection .appetizer .appetizer-title {
\n width: 100%;
\n max-width: 387px;
\n padding: 0 10px;
\n}<\/p>\n

[data-layout=“desktop“] .registrationwall .registrationwall-article-collection .appetizer .appetizer-kicker,
\n[data-layout=“tablet“] .registrationwall .registrationwall-article-collection .appetizer .appetizer-kicker {
\n margin-top: 16px;
\n}<\/p>\n

[data-layout=“desktop“] .registrationwall .registrationwall-article-collection .appetizer figure,
\n[data-layout=“tablet“] .registrationwall .registrationwall-article-collection .appetizer figure {
\n width: 300px;
\n padding: 0;
\n \/* margin-bottom: 0; *\/
\n}<\/p>\n

.registrationwall.bookmarks,
\n.registrationwall.news,
\n.registrationwall.myconfig {
\n background: transparent;
\n}<\/p>\n

.registrationwall.bookmarks .registrationwall__content>div,
\n.registrationwall.news .registrationwall__content>div {
\n width: 100%;
\n max-width: none;
\n}<\/p>\n

[data-layout=“mobile“] .registrationwall.bookmarks .registrationwall__content.boxitem,
\n[data-layout=“mobile“] .registrationwall.news .registrationwall__content.boxitem {
\n padding: 20px 18px;
\n}<\/p>\n

.registrationwall.bookmarks .bookmarksInfo {
\n align-items: center;
\n margin: 20px auto;
\n}<\/p>\n

[data-layout=“mobile“] .registrationwall.bookmarks .bookmarksInfo {
\n margin: 10px 0 12px;
\n}<\/p>\n

\/* [data-layout=“mobile“] .registrationwall.bookmarks .content .data figure {
\n float: right;
\n width: 36%;
\n margin-bottom: 10px;
\n } *\/<\/p>\n

\/* [data-layout=“mobile“] .registrationwall.bookmarks .content .data figure .image-wrapper {
\n overflow: hidden;
\n }<\/p>\n

[data-layout=“mobile“] .registrationwall.bookmarks .content .data figure .image-wrapper .image {
\n padding-bottom: 74.5%;
\n height: auto;
\n }<\/p>\n

[data-layout=“mobile“] .registrationwall.bookmarks .content .data figure .image-wrapper .image img {
\n width: 112%;
\n max-width: unset;
\n } *\/<\/p>\n

[data-layout=“mobile“] .registrationwall.bookmarks .content .data .appetizer-title,
\n[data-layout=“mobile“] .registrationwall.bookmarks .content .data .appetizer-kicker {
\n width: 59%;
\n hyphens: auto;
\n}<\/p>\n

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

\/* [data-layout=“mobile“] .registrationwall.bookmarks .content .data .appetizer-kicker {
\n font-size: .9375rem !important;
\n } *\/<\/p>\n

\/* [data-layout=“mobile“] .registrationwall.bookmarks .content .data .appetizer-text {
\n display: none;
\n } *\/<\/p>\n

[data-layout=“tablet“] .registrationwall.news .newsInfo,
\n[data-layout=“mobile“] .registrationwall.news .newsInfo {
\n padding-top: 60px;
\n}<\/p>\n

[data-layout=“mobile“] .registrationwall.news .newsInfo {
\n padding-top: 30px;
\n}<\/p>\n

.registrationwall.news .newsInfo img {
\n margin: 40px 0;
\n}<\/p>\n

.registrationwall.bookmarks .bookmarksInfo img {
\n margin: 45px 0 35px;
\n}<\/p>\n

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

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

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

.registrationwall.news .newsInfo>a:hover {
\n background: #4097e0;
\n color: #fff;
\n}<\/p>\n

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

[data-layout=“mobile“] .registrationwall-article-collection>.headline {
\n padding-bottom: 6px;
\n margin-top: 24px;
\n font-size: 20px;
\n}<\/p>\n

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

.registrationwall-article-collection>.item-list>div {
\n display: flex;
\n}<\/p>\n

[data-layout=“mobile“] .registrationwall-article-collection>.item-list>div {
\n display: block;
\n}<\/p>\n

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

\/* .registrationwall-article-collection > .item-list .data + div .article-date-minutes,
\n .registrationwall-article-collection > .item-list .data + div .article-date-seconds {
\n color: #990000;
\n } *\/<\/p>\n

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

[data-layout=“mobile“] .registrationwall-article-collection>.item-list {
\n margin-top: 10px;
\n}<\/p>\n

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

.theme-header .headline {
\n width: 100%;
\n color: #4D555A;
\n font-size: 2rem;
\n font-weight: 700;
\n border-bottom: 2px solid #4D555A;
\n line-height: 2.5rem;
\n margin-bottom: 1.5rem;
\n}<\/p>\n

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

\/* Buttons – alle *\/
\nbutton[class^=“bookmark-„] {
\n background-color: transparent !important;
\n}<\/p>\n

\/* Buttons – Themen \/ Autoren *\/
\nbutton.bookmark-theme,
\nbutton.bookmark-author {
\n max-width: 100%;
\n width: auto;
\n min-width: 123px;
\n margin: 0 0 12px;
\n border: 1px solid #4D555A;
\n border-radius: 5px;
\n background-color: #fff !important;
\n color: #4D555A !important;
\n font-size: 12px;
\n line-height: 15px;
\n height: auto;
\n padding: 4px 0;
\n display: flex;
\n justify-content: center;
\n transition: none;
\n position: relative;
\n}<\/p>\n

.item>button.bookmark-theme,
\n.item button.bookmark-author {
\n margin: 0 9px 12px;
\n}<\/p>\n

[data-layout=“tablet“] button.bookmark-theme:not([data-follow=“true“]):hover,
\n[data-layout=“tablet“] button.bookmark-author:not([data-follow=“true“]):hover,
\n[data-layout=“desktop“] button.bookmark-theme:not([data-follow=“true“]):hover,
\n[data-layout=“desktop“] button.bookmark-author:not([data-follow=“true“]):hover {
\n border-color: rgba(77, 85, 90, 0.7);
\n color: rgba(77, 85, 90, 0.7) !important;
\n background-color: rgba(255, 255, 255, 0.7);
\n}<\/p>\n

[data-layout=“mobile“] .autorenprofil-content button.bookmark-author {
\n margin-left: auto;
\n margin-right: auto;
\n margin-bottom: 30px;
\n}<\/p>\n

button.bookmark-theme:before,
\nbutton.bookmark-author:before {
\n \/* content: „“;
\n display: inline-block;
\n background-image: url(https:\/\/www.stuttgarter-nachrichten.de\/staticcontent\/stuttgarter_nachrichten\/common-resp18\/svg\/icon-plus.svg);
\n margin-right: 4px;
\n width: 15px;
\n height: 15px;
\n background-repeat: no-repeat; *\/
\n display: inline-block;
\n background-image: url(https:\/\/www.stuttgarter-nachrichten.de\/staticcontent\/stuttgarter_nachrichten\/common-resp18\/svg\/icon-plus.svg);
\n height: 15px;
\n background-repeat: no-repeat;
\n padding-left: 19px;
\n}<\/p>\n

button.bookmark-author:before {
\n content: „Autor folgen“;
\n width: 66px;
\n}<\/p>\n

button.bookmark-theme:before {
\n content: „Thema folgen“;
\n width: 73px;
\n}<\/p>\n

[data-layout=“tablet“] button.bookmark-theme:not([data-follow=“true“]):hover:before,
\n[data-layout=“tablet“] button.bookmark-author:not([data-follow=“true“]):hover:before,
\n[data-layout=“desktop“] button.bookmark-theme:not([data-follow=“true“]):hover:before,
\n[data-layout=“desktop“] button.bookmark-author:not([data-follow=“true“]):hover:before {
\n background-image: url(https:\/\/www.stuttgarter-nachrichten.de\/staticcontent\/stuttgarter_nachrichten\/common-resp18\/svg\/icon-plus-grey.svg);
\n \/* background-position: 1px 1px; *\/
\n \/* position: relative;
\n top: 1px;
\n left: 1px; *\/
\n}<\/p>\n

\/* EGM-949 *\/
\n\/* button.bookmark-author[data-type=“follow“]:after,
\n button.bookmark-theme[data-type=“follow“]:after {
\n content: „“;
\n display: block;
\n width: 40px;
\n height: 20px;
\n background-image: url(‚https:\/\/www.stuttgarter-nachrichten.de\/staticcontent\/stuttgarter_nachrichten\/common-resp18\/svg\/flag-new-left.svg‘);
\n position: absolute;
\n right: -50px;
\n top: 2px;
\n pointer-events: none;
\n } *\/<\/p>\n

\/* button.bookmark-theme[data-type=“follow“]:after {
\n content: „Thema folgen“
\n }<\/p>\n

button.bookmark-author[data-type=“follow“]:after {
\n content: „Autor folgen“
\n } *\/<\/p>\n

.registrationwall button.bookmark-theme[data-type=“follow“]:after,
\n.registrationwall button.bookmark-author[data-type=“follow“]:after {
\n display: none;
\n}<\/p>\n

button.bookmark-theme[data-type=“follow“][data-follow=“true“],
\nbutton.bookmark-author[data-type=“follow“][data-follow=“true“] {
\n border-color: #4D555A;
\n background-color: #4D555A !important;
\n color: #fff !important;
\n}<\/p>\n

\/* button.bookmark-theme[data-type=“follow“][data-follow=“true“]:after,
\n button.bookmark-author[data-type=“follow“][data-follow=“true“]:after {
\n content: „Folge ich“
\n } *\/<\/p>\n

[data-layout=“tablet“] button.bookmark-theme[data-type=“follow“][data-follow=“true“]:hover:not(.hideUnfollowHover),
\n[data-layout=“tablet“] button.bookmark-author[data-type=“follow“][data-follow=“true“]:hover:not(.hideUnfollowHover),
\n[data-layout=“desktop“] button.bookmark-theme[data-type=“follow“][data-follow=“true“]:hover:not(.hideUnfollowHover),
\n[data-layout=“desktop“] button.bookmark-author[data-type=“follow“][data-follow=“true“]:hover:not(.hideUnfollowHover) {
\n border-color: #666666;
\n background-color: #666666 !important;
\n color: #fff !important;
\n}<\/p>\n

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

button.bookmark-theme[data-type=“follow“][data-follow=“true“]:before,
\nbutton.bookmark-author[data-type=“follow“][data-follow=“true“]:before {
\n background-image: url(https:\/\/www.stuttgarter-nachrichten.de\/staticcontent\/stuttgarter_nachrichten\/common-resp18\/svg\/icon-check-white.svg);
\n \/* height: 10px;
\n width: 12px; *\/
\n position: relative;
\n \/* top: 1px; *\/
\n content: „Folge ich“;
\n width: 47px;
\n \/* background-position-y: -1px; *\/
\n}<\/p>\n

[data-layout=“tablet“] button.bookmark-theme[data-type=“follow“][data-follow=“true“]:hover:not(.hideUnfollowHover):before,
\n[data-layout=“tablet“] button.bookmark-author[data-type=“follow“][data-follow=“true“]:hover:not(.hideUnfollowHover):before,
\n[data-layout=“desktop“] button.bookmark-theme[data-type=“follow“][data-follow=“true“]:hover:not(.hideUnfollowHover):before,
\n[data-layout=“desktop“] button.bookmark-author[data-type=“follow“][data-follow=“true“]:hover:not(.hideUnfollowHover):before {
\n background-image: url(https:\/\/www.stuttgarter-nachrichten.de\/staticcontent\/stuttgarter_nachrichten\/common-resp18\/svg\/icon-close-white-small.svg);
\n \/* height: 10px;
\n width: 10px;
\n position: relative;
\n top: 3px; *\/
\n content: „Entfolgen“;
\n width: 51px;
\n}<\/p>\n

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

[data-layout=“mobile“] button.bookmark-article {
\n \/* margin-bottom: -20px; *\/
\n margin-bottom: -6px;
\n}<\/p>\n

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

[data-layout=“mobile“] .boxitem>div:not(.tdtArticleOne) .item:only-child button.bookmark-article,
\n[data-layout=“mobile“] .boxitem>.item:not(.tdtArticleOne):only-child button.bookmark-article {
\n margin-bottom: -20px;
\n}<\/p>\n

.registrationwall.news button.bookmark-article {
\n margin-bottom: 0;
\n}<\/p>\n

button.bookmark-article[data-type=“follow“] {
\n background-size: contain;
\n background-repeat: no-repeat no-repeat;
\n background-position: center center;
\n}<\/p>\n

button.bookmark-article[data-type=“follow“] {
\n \/* 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“); *\/
\n background-image: url(https:\/\/www.stuttgarter-nachrichten.de\/staticcontent\/stuttgarter_nachrichten\/common-resp18\/svg\/icon-bookmark-grey.svg);
\n}<\/p>\n

.mod-gallery ul li.bookmark button.bookmark-article[data-type=“follow“],
\n.mod-article .article-body ul li.bookmark button.bookmark-article[data-type=“follow“] {
\n background-image: url(https:\/\/www.stuttgarter-nachrichten.de\/staticcontent\/stuttgarter_nachrichten\/common-resp18\/svg\/icon-bookmark-circle.svg);
\n background-size: 40px 40px !important;
\n}<\/p>\n

button.bookmark-article[data-type=“follow“][data-follow=“true“] {
\n \/* 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“); *\/
\n background-image: url(https:\/\/www.stuttgarter-nachrichten.de\/staticcontent\/stuttgarter_nachrichten\/common-resp18\/svg\/icon-bookmark-grey-full.svg)
\n}<\/p>\n

.mod-gallery ul li.bookmark button.bookmark-article[data-type=“follow“][data-follow=“true“],
\n.mod-article .article-body ul li.bookmark button.bookmark-article[data-type=“follow“][data-follow=“true“] {
\n background-image: url(https:\/\/www.stuttgarter-nachrichten.de\/staticcontent\/stuttgarter_nachrichten\/common-resp18\/svg\/icon-bookmark-circle-grey.svg);
\n}<\/p>\n

[data-layout=“mobile“] .teaser-hero button.bookmark-article[data-type=“follow“] {
\n margin-right: 20px;
\n margin-bottom: -20px;
\n}<\/p>\n

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

.registrationwall.bookmarks button.bookmark-article {
\n margin-bottom: 0 !important;
\n}<\/p>\n

.mod-gallery li.bookmark button.bookmark-article:not([data-follow=“true“]):hover,
\n.article-body li.bookmark button.bookmark-article:not([data-follow=“true“]):hover {
\n filter: brightness(0) saturate(100%) invert(29%) sepia(16%) saturate(282%) hue-rotate(160deg) brightness(99%) contrast(87%);
\n}<\/p>\n

.mod-gallery ul li.bookmark,
\n.mod-article .article-body ul li.bookmark {
\n display: flex;
\n justify-content: center;
\n}<\/p>\n

\/* EGM-949 *\/
\n\/* .mod-gallery ul li.bookmark:after,
\n .mod-article .article-body ul li.bookmark:after {
\n content: „“;
\n display: block;
\n width: 40px;
\n height: 20px;
\n background-image: url(‚https:\/\/www.stuttgarter-nachrichten.de\/staticcontent\/stuttgarter_nachrichten\/common-resp18\/svg\/flag-new-left.svg‘);
\n position: absolute;
\n left: 60px;
\n top: 10px;
\n pointer-events: none;
\n } *\/<\/p>\n

\/* EGM-949 *\/
\n\/* [data-layout=“mobile“] .mod-gallery ul li.bookmark:after,
\n [data-layout=“mobile“] .mod-article .article-body ul li.bookmark:after {
\n background-image: url(https:\/\/www.stuttgarter-nachrichten.de\/staticcontent\/stuttgarter_nachrichten\/common-resp18\/svg\/flag-new-down.svg);
\n top: -30px;
\n left: 13px;
\n height: 25px;
\n width: 36px;
\n background-repeat: no-repeat;
\n } *\/<\/p>\n

\/* Backlink \/ Configure-Link \/ Banner *\/
\n.registrationwall .backlink:before {
\n background-image: url(„https:\/\/www.stuttgarter-nachrichten.de\/staticcontent\/stuttgarter_nachrichten\/common-resp18\/svg\/Icon_Pfeil_chevron.svg“);
\n background-repeat: no-repeat;
\n content: „“;
\n width: 16px;
\n height: 16px;
\n display: inline-block;
\n transform: rotate(90deg);
\n position: relative;
\n top: 3px;
\n margin-right: 4px;
\n}<\/p>\n

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

.registrationwall .backlink {
\n display: inline-block;
\n margin-top: 20px;
\n}<\/p>\n

.registrationwall .configureLink {
\n margin-top: 20px;
\n font-size: 14px;
\n line-height: 18px;
\n font-weight: 700;
\n display: flex;
\n background: #007BC4;
\n border-radius: 5px;
\n color: #fff !important;
\n margin-left: auto;
\n padding: 6px 17px;
\n max-width: fit-content;
\n max-width: -moz-fit-content;
\n}<\/p>\n

.registrationwall .configureLink:hover {
\n background: #4097e0;
\n}<\/p>\n

.registrationwall .configureLink {
\n margin-top: 15px;
\n}<\/p>\n

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

\/* [data-layout=“mobile“] .registrationwall .registrationwall__banner {
\n padding: 20px 18px;
\n } *\/<\/p>\n

.registrationwall .registrationwall__banner>div {
\n flex: 1;
\n}<\/p>\n

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

[data-layout=“mobile“] .registrationwall .registrationwall__banner>div a {
\n padding: 16px 18px;
\n display: grid;
\n}<\/p>\n

.registrationwall .registrationwall__banner a,
\n.registrationwall .registrationwall__banner span {
\n white-space: nowrap;
\n}<\/p>\n

[data-layout=“mobile“] .registrationwall .registrationwall__banner a,
\n[data-layout=“mobile“] .registrationwall .registrationwall__banner span {
\n white-space: normal;
\n}<\/p>\n

.registrationwall .registrationwall__banner .headline {
\n font-size: 22px;
\n line-height: 29px;
\n color: #007BC4;
\n flex: 0;
\n font-weight: bold;
\n}<\/p>\n

[data-layout=“mobile“] .registrationwall .registrationwall__banner .headline {
\n grid-column-end: span 2;
\n margin-top: 0;
\n padding-bottom: 8px;
\n}<\/p>\n

.registrationwall .registrationwall__banner .subHeadline {
\n font-size: 17px;
\n flex: 1;
\n padding-left: 15px;
\n line-height: 26px;
\n}<\/p>\n

[data-layout=“mobile“] .registrationwall .registrationwall__banner .subHeadline {
\n padding-left: 0;
\n grid-column-start: 1;
\n padding-right: 15px;
\n}<\/p>\n

.registrationwall .registrationwall__banner .themeLink {
\n width: auto;
\n border: 1px solid #4D555A;
\n border-radius: 5px;
\n background-color: transparent !important;
\n color: #4D555A !important;
\n font-size: 12px;
\n line-height: 15px;
\n min-width: auto;
\n height: auto;
\n padding: 4px 15px;
\n flex: 0;
\n justify-content: center;
\n font-weight: bold;
\n}<\/p>\n

[data-layout=“mobile“] .registrationwall .registrationwall__banner .themeLink {
\n white-space: nowrap;
\n margin-top: auto;
\n}<\/p>\n

\/* Snackbar *\/
\n.hs-snackbar {
\n position: fixed;
\n left: 200px;
\n bottom: -150px;
\n transform: translate(calc(510px – 50%), -50%);
\n width: 575px;
\n max-width: 85%;
\n background: #4D555A;
\n font-family: „Roboto Condensed“;
\n font-weight: bold;
\n color: #fff;
\n padding: 21px 40px;
\n border-radius: 5px;
\n text-align: left;
\n transition: all 0.8s cubic-bezier(0.25, 0.8, 0.25, 1);
\n z-index: 5;
\n box-shadow: -3px -3px 6px rgba(102, 102, 102, 0.15);
\n line-height: 24px;
\n}<\/p>\n

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

@media(max-width: 1440px) {
\n .hs-snackbar {
\n left: 0;
\n }
\n}<\/p>\n

.hs-snackbar a {
\n color: #CCE5F3;
\n float: right;
\n text-align: right;
\n cursor: pointer;
\n}<\/p>\n

[data-layout=“mobile“] .hs-snackbar a {
\n float: none;
\n display: block;
\n margin-top: 19px;
\n line-height: 21px;
\n}<\/p>\n

.hs-snackbar-show {
\n -webkit-animation: hsShowAnimation 0.3s ease both;
\n}<\/p>\n

.hs-snackbar-hide {
\n -webkit-animation: hsHideAnimation 0.2s ease both;
\n}<\/p>\n

@-webkit-keyframes hsHideAnimation {
\n 0% {
\n opacity: 1;
\n bottom: 20px;
\n }<\/p>\n

100% {
\n opacity: 0;
\n bottom: -100px;
\n }
\n}<\/p>\n

@-webkit-keyframes hsShowAnimation {
\n 0% {
\n opacity: 1;
\n bottom: -100px;
\n }<\/p>\n

100% {
\n opacity: 1;
\n bottom: 20px;
\n }
\n}<\/p>\n

\/* Besonderheiten *\/
\n[data-alias=“\/meinestn\/themen-entdecken“] .onboardingInfo,
\n[data-alias=“\/meinestn\/themen-entdecken“] .onboardingOverlay,
\n[data-alias=“\/meinestn\/themen-entdecken“] .onboardingOverlayBackground,
\n[data-alias=“\/meinestn\/themen-entdecken“] .registrationwall__header.auswahl-treffen {
\n display: none !important;
\n}<\/p>\n

[data-alias=“\/meinestn\/themen-entdecken“] body {
\n overflow: visible !important;
\n}<\/p>\n

[data-alias=“\/meinestn\/auswahl-treffen“] .hs-snackbar,
\n[data-alias=“\/meinestn\/auswahl-treffen“] .registrationwall__header.themen-entdecken {
\n display: none !important;
\n}<\/p>\n

.burger-nav-bar ul li a[data-title=“Meine Nachrichten (Meine StZ)“]:before {
\n margin-right: 10px;
\n width: 20px;
\n height: 20px;
\n display: inline-block;
\n content: “;
\n \/* -webkit-mask: url(https:\/\/www.stuttgarter-nachrichten.de\/staticcontent\/stuttgarter_nachrichten\/common-resp18\/svg\/icon-meine-stz.svg) no-repeat 50% 50%;
\n mask: url(https:\/\/www.stuttgarter-nachrichten.de\/staticcontent\/stuttgarter_nachrichten\/common-resp18\/svg\/icon-meine-stz.svg) no-repeat 50% 50%;
\n -webkit-mask-size: cover;
\n mask-size: cover;
\n background: #4D555A ; *\/
\n background-image: url(https:\/\/www.stuttgarter-nachrichten.de\/staticcontent\/stuttgarter_nachrichten\/common-resp18\/svg\/icon-meine-stz.svg);
\n position: relative;
\n top: 3px;
\n}<\/p>\n

.burger-nav-bar ul li a[data-title=“Merkliste (Meine StZ)“]:before {
\n margin-right: 10px;
\n width: 14px;
\n height: 18px;
\n display: inline-block;
\n content: “;
\n -webkit-mask: url(https:\/\/www.stuttgarter-nachrichten.de\/staticcontent\/stuttgarter_nachrichten\/common-resp18\/svg\/icon-bookmark.svg) no-repeat 50% 50%;
\n mask: url(https:\/\/www.stuttgarter-nachrichten.de\/staticcontent\/stuttgarter_nachrichten\/common-resp18\/svg\/icon-bookmark.svg) no-repeat 50% 50%;
\n -webkit-mask-size: contain;
\n mask-size: contain;
\n background: #4D555A;
\n padding-left: 6px;
\n position: relative;
\n top: 3px;
\n}<\/p>\n

[data-widget-count=“0″] .burger-nav-bar ul li a[data-title=“Merkliste (Meine StZ)“] {
\n display: none;
\n}<\/p>\n

.burger-nav-bar .burger-deep-nav ul li a[data-title=“Meine Nachrichten (Meine StZ)“] {
\n display: none;
\n}<\/p>\n

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

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

.registrationwall.news .registrationwall__content {
\n background: none;
\n padding: 0;
\n}<\/p>\n

[data-layout=“tablet“] .m-plus-contentbox .compact-brick,
\n[data-layout=“desktop“] .m-plus-contentbox .compact-brick {
\n display: flex;
\n}<\/p>\n

[data-layout=“tablet“] .m-plus-contentbox .in–col-2 .item,
\n[data-layout=“desktop“] .m-plus-contentbox .in–col-2 .item {
\n display: flex;
\n flex-direction: column;
\n}<\/p>\n

[data-layout=“tablet“] .m-plus-contentbox .item button.bookmark-article,
\n[data-layout=“desktop“] .m-plus-contentbox .item button.bookmark-article {
\n margin-top: auto;
\n margin-left: auto;
\n margin-bottom: -15px;
\n}<\/p>\n

[data-layout=“mobile“] .m-plus-contentbox .item button.bookmark-article {
\n margin-bottom: -20px;
\n}<\/p>\n

[data-layout=“desktop“] .teaser-hero,
\n[data-layout=“tablet“] .teaser-hero {
\n padding-bottom: 10px;
\n}<\/p>\n

[data-layout=“desktop“] .teaser-hero button.bookmark-article,
\n[data-layout=“tablet“] .teaser-hero button.bookmark-article {
\n right: -13px;
\n margin-bottom: 0 !important;
\n}<\/p>\n

[data-layout=“desktop“] .autorenprofil .autorenprofil-content .bookmark-author+.global-button.global-button–secondary,
\n[data-layout=“tablet“] .autorenprofil .autorenprofil-content .bookmark-author+.global-button.global-button–secondary {
\n margin-top: 28px;
\n}<\/p>\n

[data-layout=“mobile“] .autorenprofil .autorenprofil-content .textflip {
\n margin-top: 30px;
\n}<\/p>\n

[data-layout=“desktop“] .autorenprofil .autorenprofil-content,
\n[data-layout=“tablet“] .autorenprofil .autorenprofil-content {
\n margin-top: -20px;
\n}<\/p>\n

[data-layout=“mobile“] .autorenprofil .autorenprofil-header .author-info .author-name {
\n line-height: 29px;
\n}<\/p>\n

[data-layout=“mobile“] .autorenprofil .autorenprofil-header .author-info .author-ressort {
\n line-height: 27px;
\n}<\/p>\n

[data-layout=“mobile“] .autorenprofil .autorenprofil-content {
\n margin-top: 0;
\n}<\/p>\n

[data-layout=“mobile“] .topics .grid-row-teaser .item {
\n padding-bottom: 10px;
\n}<\/p>\n

[data-layout=“mobile“] .sharewrapper {
\n margin-top: 50px;
\n}<\/p>\n

.boxitem .topnews-article-list .item,
\n.registrationwall .registrationwall-article-collection .item-list .item {
\n \/* padding-bottom: 10px; *\/
\n \/* margin-bottom: 28px; *\/
\n \/* border-bottom: 1px solid #e5e4de; *\/
\n padding: 0 20px;
\n flex-basis: 33.3333%;
\n max-width: 33.3333%;
\n}<\/p>\n

[data-layout=“mobile“] .boxitem .topnews-article-list .item,
\n[data-layout=“mobile“] .registrationwall .registrationwall-article-collection .item-list .item {
\n margin-bottom: 20px;
\n padding: 0;
\n max-width: none;
\n}<\/p>\n

[data-layout=“tablet“] .boxitem figure,
\n[data-layout=“desktop“] .boxitem figure,
\n[data-layout=“tablet“] .boxitem .appetizer,
\n[data-layout=“desktop“] .boxitem .appetizer,
\n[data-layout=“tablet“] .boxitem .appetizer-text,
\n[data-layout=“desktop“] .boxitem .appetizer-text {
\n margin-bottom: 0;
\n}<\/p>\n

.boxitem .appetizer-text {
\n display: none;
\n}<\/p>\n

\/* Footer *\/
\n[data-alias=“\/meinestn\/auswahl-treffen“] #footer {
\n \/* z-index: -1; *\/
\n padding-bottom: 131px;
\n}<\/p>\n

[data-alias=“\/meinestn\/auswahl-treffen“] .site-wrapper.site {
\n z-index: 5;
\n position: relative;
\n}<\/p>\n

[data-alias=“\/meinestn\/auswahl-treffen“][data-layout=“mobile“] #footer {
\n padding-bottom: 198px;
\n}<\/p>\n

.topnews-article-list .item .content+div,
\n.registrationwall-article-collection>.item-list .data+div {
\n display: flex;
\n \/* width: calc(100% – 340px); *\/
\n \/* margin-left: auto; *\/
\n align-items: center;
\n padding-left: 10px;
\n margin-top: auto;
\n}<\/p>\n

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

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

.topnews-article-list .item .content+div>time,
\n.registrationwall-article-collection>.item-list .data+div>time,
\n.registrationwall-article-collection>.item-list .data+div>span {
\n font-size: 15px;
\n line-height: 21px;
\n flex-shrink: 0;
\n color: #4D555A;
\n}<\/p>\n

.topnews-article-list .item .content+div>time.article-date-seconds,
\n.registrationwall-article-collection>.item-list .data+div>time.article-date-seconds,
\n.topnews-article-list .item .content+div>time.article-date-minutes-red,
\n.registrationwall-article-collection>.item-list .data+div>time.article-date-minutes-red {
\n color: #990000;
\n}<\/p>\n

\/* Buttons – Artikel – Startseite *\/
\n.grid .brick.beliebt {
\n display: flex;
\n flex-wrap: wrap;
\n}<\/p>\n

.grid .brick.beliebt .item {
\n display: flex;
\n flex-direction: column;
\n}<\/p>\n

.grid .brick.beliebt .item:last-child {
\n margin-bottom: 30px;
\n}<\/p>\n

.grid .brick.beliebt .item button.bookmark-article {
\n margin-top: auto;
\n margin-left: auto;
\n margin-bottom: -30px;
\n}<\/p>\n

[data-layout=“mobile“] .grid .brick.beliebt .item button.bookmark-article {
\n margin-bottom: -6px;
\n}<\/p>\n

.registrationwall__content .recommendation-grid .data figure {
\n padding-right: 0;
\n}<\/p>\n

[data-layout=“mobile“] .registrationwall__content .recommendation-grid .item {
\n display: flex;
\n flex-direction: column;
\n padding-bottom: 10px;
\n}<\/p>\n

[data-layout=“mobile“] .registrationwall__content .recommendation-grid .item figure {
\n float: right;
\n width: 33.3%;
\n margin-bottom: 10px;
\n}<\/p>\n

[data-layout=“mobile“] .registrationwall__content .recommendation-grid .item h3 {
\n float: inherit;
\n width: inherit;
\n padding-right: inherit;
\n}<\/p>\n

[data-layout=“desktop“] .boxitem.grid-row-teaser .recommendation-grid.home .item figure,
\n[data-layout=“tablet“] .boxitem.grid-row-teaser .recommendation-grid.home .item figure {
\n width: 340px !important;
\n}<\/p>\n

[data-layout=“desktop“] .recommendation-grid.home .item,
\n[data-layout=“tablet“] .recommendation-grid.home .item {
\n width: 340px !important;
\n padding-bottom: 0 !important;
\n}<\/p>\n

[data-layout=“desktop“] .recommendation-grid.home .item .appetizer-kicker,
\n[data-layout=“tablet“] .recommendation-grid.home .item .appetizer-kicker {
\n margin-top: 16px;
\n line-height: 22px;
\n}<\/p>\n

[data-layout=“desktop“] .recommendation-grid.home .item .appetizer-title,
\n[data-layout=“tablet“] .recommendation-grid.home .item .appetizer-title {
\n font-size: 22px;
\n line-height: 29px;
\n}<\/p>\n

\/* StN spezifisch *\/
\n#verlagsangebote button.bookmark-article[data-type=“follow“] {
\n display: none;
\n}<\/p>\n

[data-layout=“desktop“] .registrationwall :not(#collection-wrapper) .item+.item:before {
\n background: transparent;
\n height: auto;
\n min-height: auto;
\n position: static;
\n}<\/p>\n

[data-layout=“desktop“] .registrationwall #collection-wrapper .item+.item:before {
\n height: calc(100% – 14px);
\n}<\/p>\n

.onboardingOverlayContainer>.item {
\n padding: 0 !important;
\n}<\/p>\n

.registrationwall .item {
\n padding: 0;
\n}<\/p>\n

.registrationwall.onboarding .registrationwall__search {
\n max-width: 818px;
\n}<\/p>\n

.registrationwall .item.alphabeticalList {
\n max-width: 818px;
\n}<\/p>\n

[data-layout=“desktop“] .myconfigGrid .bottom-nav,
\n[data-layout=“desktop“] .onboardingGrid .bottom-nav {
\n padding: 0;
\n}<\/p>\n

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

.registrationwall-article-collection:after {
\n content: „“;
\n background-color: #A5A5A5;
\n height: 1px;
\n display: block;
\n width: calc(100% – 40px);
\n margin: 40px auto;
\n}<\/p>\n

[data-layout=“mobile“] .registrationwall-article-collection:after {
\n margin: 24px auto 0;
\n}<\/p>\n

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

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

.followBtnContainer {
\n padding: 10px 20px;
\n border-bottom: 1px solid #e7e7e7;
\n}<\/p>\n

[data-layout=“mobile“] .followBtnContainer {
\n padding: 5px 0px;
\n border-bottom: none
\n}<\/p>\n

[data-layout=“mobile“] .followBtnContainer:after {
\n content: „“;
\n height: 1px;
\n width: 100%;
\n display: block;
\n background-color: #e7e7e7;
\n}<\/p>\n

[data-alias*=“\/thema\/“] .bottom-nav .breadcrumb {
\n border-bottom: none;
\n}<\/p>\n

[data-layout=“mobile“][data-alias*=“\/thema\/“] .article .bottom-nav:after {
\n display: none;
\n}<\/p>\n

[data-layout=“mobile“] .grid.onboardingGrid,
\n[data-layout=“mobile“] .grid.myconfigGrid {
\n padding: 0;
\n}<\/p>\n

[data-layout=“mobile“] .grid.onboardingGrid .include .include-content.ec-content-topline .item,
\n[data-layout=“mobile“] .grid.myconfigGrid .include .include-content.ec-content-topline .item {
\n padding: 0 20px;
\n}<\/p>\n

[data-layout=“mobile“] .grid.onboardingGrid .bottom-nav .breadcrumb,
\n[data-layout=“mobile“] .grid.myconfigGrid .bottom-nav .breadcrumb {
\n border-bottom: 1px solid #e7e7e7;
\n}<\/p>\n

[data-layout=“mobile“] .registrationwall .registrationwall-article-collection .appetizer figure {
\n width: 33.3%;
\n margin-bottom: 10px;
\n}<\/p>\n

[data-layout=“mobile“] .registrationwall .registrationwall-article-collection .appetizer .appetizer-kicker,
\n[data-layout=“mobile“] .registrationwall .registrationwall-article-collection .appetizer .appetizer-title {
\n width: 62%;
\n}<\/p>\n

.registrationwall.bookmarks .content,
\n.registrationwall.news .content {
\n height: 100%;
\n display: flex;
\n flex-direction: column;
\n}<\/p>\n

[data-layout=“mobile“] .registrationwall.news .content {
\n padding: 0 20px;
\n}<\/p>\n

\/* .registrationwall.news .content .data + div {
\n height: 100%;
\n } *\/<\/p>\n

[data-layout=“desktop“] .registrationwall-article-collection>.item-list>div+div,
\n[data-layout=“tablet“] .registrationwall-article-collection>.item-list>div+div {
\n margin-top: 40px;
\n}<\/p>\n

.item.slider.boxItemContainer.topics {
\n max-width: 818px;
\n}<\/p>\n

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

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

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

[data-layout=“mobile“] .registrationwall.news #collection-wrapper>.grid-row-teaser .articleTeaser #pianoRecoMeineNachrichten {
\n margin-top: 10px;
\n}<\/p>\n

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

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

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

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

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

[data-layout=“mobile“] .registrationwall.news #collection-wrapper>.grid-row-teaser .articleTeaser #pianoRecoMeineNachrichten .item:after {
\n display: none;
\n}<\/p>\n

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

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

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

[data-layout=“mobile“] .registrationwall.news #collection-wrapper>.grid-row-teaser .articleTeaser .header {
\n margin-top: 0;
\n}<\/p>\n

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

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

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

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

.bookmark-article[data-config*=“\/\/produkte.“] {
\n display: none;
\n}<\/p>\n

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

button.bookmark-author,
\n button.bookmark-theme {
\n background-color: transparent !important;
\n }<\/p>\n

.onboardingOverlay {
\n background-color: #1c1c1c;
\n }<\/p>\n

.onboardingOverlay .content h2,
\n .onboardingOverlay .content p,
\n .onboardingOverlay .content .container-login {
\n color: #E5E4DE !important;
\n }<\/p>\n

.onboardingOverlay .content .btn {
\n background-color: #4097E0;
\n }<\/p>\n

.onboardingOverlay .content .container-login span {
\n color: #4097E0;
\n }<\/p>\n

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

.onboardingOverlayBackground {
\n background: rgba(0, 0, 0, 0.7);
\n }
\n}<\/p>\n

]]]]]]]]]]>]]]]]]]]>]]]]]]>]]]]>]]><\/p>\n

\"Stuttgarter <\/a><\/p>\n