„Sie sind nicht unser König”

 

 

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

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

(data-layout=“mobile“) .mod-nav .m-menu–3.is-open {
bottom: 0;
}

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

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

(data-layout=“mobile“) .mod-article .recoTeaser a(data-tags*=“Advertorial“):before {
margin-top: -15px;
}

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

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

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

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

(data-layout=“mobile“) .teaser-medium.plus-articles .appetizer .headline-wrapper {
display: block;
}

(data-layout=“mobile“) .teaser-medium.plus-articles .appetizer .headline-wrapper h3 {
padding-bottom: 0;
position: static;
}

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

(data-layout=“mobile“) .teaser-medium.plus-articles .appetizer .headline-wrapper h3 .appetizer-title {
margin-bottom: 5px;
}

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

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

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

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

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

html(data-layout=“desktop“) a.mhsd-partner-link {
top: unset;
}

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

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

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

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

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

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

(data-layout=“mobile“) .sharewrapper li {
width: 40px !important;
}

(data-layout=“mobile“) .sharewrapper ul {
justify-content: space-between;
}

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

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

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

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

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

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

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

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

(data-layout=mobile) .c1-banderole-target {
height: 70px;
max-height: 70px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

(data-layout=“mobile“) .include-content h1.riddle-headline {
font-size: 22px;
margin-top: 8px;
}

(data-layout=“mobile“) .riddle-site-header {
padding-top: 20px;
padding-bottom: 13px;
margin-right: -20px;
margin-left: -20px;
}

(data-layout=“mobile“) .riddle-site-header img.riddle-image {
height: 48px;
}

(data-layout=“mobile“) .riddle-site-menu {
padding: 11px 0;
}

(data-layout=“mobile“) .riddle-site-menu .additional-functions .archiv-link {
width: auto;
}

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

.riddle-site-menu {
background-color: #292929;
}
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

(data-layout=“mobile“) .ressort-kicker {
margin-bottom: 6px;
}

(data-layout=“mobile“) .ressort-boxitem .ressort-headline {
font-size: 22px;
line-height: 28px;
}

(data-layout=“mobile“) .ressort-boxitem {
margin-bottom: 40px;
}

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

(data-layout=“mobile“) .riddle-container {
padding: 0;
gap: 33px 19px;
}

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

(data-layout=“mobile“) .riddle .riddle-description .link {
font-size: 14px;
}

(data-layout=“mobile“) .riddle .riddle-description .plus-lock {
width: 17px;
margin-right: 4px;
top: -2px;
}

(data-layout=“mobile“) .riddle .riddle-description .logo {
width: 40px;
top: 0;
}

(data-layout=“mobile“) .riddle-name {
font-size: 18px;
margin-top: auto;
}

(data-layout=“mobile“) .riddle .colored-bg {
padding: 20px 9px 13px;
height: 150px;
}

(data-layout=“mobile“) .riddle-image {
max-height: 52px;
}

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

.include-content h2.riddle-headline,
.riddle-site-menu a.backlink,
.riddle-name,
.riddle .riddle-description,
.ressort-boxitem .ressort-headline {
color: #E5E4DE !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

(data-layout=“mobile“) .breaking-news .data .headline-wrapper {
flex-shrink: 0;
}

(data-layout=“mobile“) .breaking-news .data .appetizer-title {
padding: 19px 8px;
}

(data-layout=“mobile“) .breaking-news .data .appetizer-title:before {
bottom: 19px;
}

(data-layout=“mobile“) .breaking-news .data .appetizer-text {
padding: 19px 10px;
}

(data-layout=“mobile“) .breaking-news {
margin: 10px -20px;
width: calc(100% + 40px);
}

(data-layout=“mobile“) #pianoBanderoleContainer {
margin: 0;
}

(data-layout=“mobile“) #panoramaBanderole.breaking-news {
min-height: 50px;
}

(data-layout=“mobile“) .breaking-news .item {
padding: 0;
}

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

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

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

.OutOfPage {
line-height: 0;
}

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

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

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

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

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

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

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

(data-layout=“mobile“) .mod-header>.m-wrapper .m-menu–top>.m-item–ok {
z-index: 0;
}

(data-layout=“mobile“) .mod-header>.m-wrapper .m-menu–top>.m-item–nav {
width: 61px;
}

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

iframe(src*=’youtube‘) {
max-width: 100% !important;
width: 100%;
height: auto;
aspect-ratio: 16/9;
}

/* EGM-1582 – Erstellung weiterer Plusbox */
(data-layout=“tablet“) #pianoRecoPlusbox,
(data-layout=“desktop“) #pianoRecoPlusbox {
display: flex;
}

(data-layout=“tablet“) #pianoRecoPlusbox .item,
(data-layout=“desktop“) #pianoRecoPlusbox .item {
display: flex;
flex-direction: column;
}

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

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

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

(data-layout=“desktop“) #pos_plusbox.plusbox-b .item+.item::before {
display: none;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

(data-layout=“desktop“) #pos_plusbox.plusbox-b.plusbox .item button.bookmark-article,
(data-layout=“tablet“) #pos_plusbox.plusbox-b.plusbox .item button.bookmark-article {
bottom: 35px;
}

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

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

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

(data-layout=“desktop“) #pos_plusbox.plusbox-b.plusbox #pianoRecoPlusbox .appetizer figure,
(data-layout=“tablet“) #pos_plusbox.plusbox-b.plusbox #pianoRecoPlusbox .appetizer figure {
margin-bottom: 0;
}

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

(data-layout=“mobile“) #pos_plusbox.plusbox-b.plusbox h3 {
text-align: center;
display: block;
}

(data-layout=“mobile“) #pos_plusbox.plusbox-b.plusbox .appetizer h3 {
text-align: left;
}

(data-layout=“mobile“) #pos_plusbox.plusbox-b.plusbox {
padding: 0;
}

(data-layout=“mobile“) #pos_plusbox.plusbox-b .appetizer-kicker {
padding-top: 0 !important;
padding-bottom: 0 !important;
}

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

(data-layout=“mobile“) #pos_plusbox.plusbox-b .headline-wrapper {
flex-direction: column;
}

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

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

(data-layout=“mobile“) #pos_plusbox.plusbox-b.plusbox #pianoRecoPlusbox .item {
border-bottom: 1px solid #7C7867;
padding: 0 0 10px;
margin-bottom: 30px;
}

(data-layout=“mobile“) #pos_plusbox.plusbox-b #pianoRecoPlusbox figure {
width: auto !important;
padding: 0;
}

(data-layout=“mobile“) #pos_plusbox.plusbox-b.plusbox #pianoRecoPlusbox {
border-top: 1px solid #7C7867;
padding-top: 20px;
margin-bottom: 0;
}

(data-layout=“mobile“) #pos_plusbox.plusbox-b.plusbox .appetizer h3 {
margin-bottom: 0 !important;
}

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

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

(data-layout=“mobile“) #pos_plusbox.plusbox-b.plusbox #pianoRecoPlusbox {
border-top-color: #545454;
}

(data-layout=“mobile“) #pos_plusbox.plusbox-b.plusbox #pianoRecoPlusbox .item {
border-bottom-color: #545454;
}
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

(data-layout=“desktop“) #pos_plusbox.plusbox-c .item+.item::before {
display: none;
}

(data-layout=“mobile“) #pos_plusbox.plusbox-c #pianoRecoPlusbox {
margin-left: 0;
display: flex;
}

(data-layout=“mobile“) #pos_plusbox.plusbox-c .swiper-button-prev {
right: 40px;
}

(data-layout=“mobile“) #pos_plusbox.plusbox-c .swiper-button-next {
right: 5px;
}

(data-layout=“mobile“) #pos_plusbox.plusbox-c.plusbox .item button.bookmark-article {
margin-top: auto;
margin-left: auto;
}

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

(data-layout=“mobile“) #pos_plusbox.plusbox-c.plusbox .link-wrap {
line-height: 16px;
text-align: center;
}

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

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

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

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

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

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

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

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

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

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

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

.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
content: ’next‘;
}

.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
content: ‚prev‘;
}

/* Automobile Header Anfang */

(data-alias=“/wirtschaft/autoindustrie“) .mod-header {
background-color: #405952;
}

(data-alias=“/wirtschaft/autoindustrie“) .mod-header>.m-wrapper .m-menu–top {
background: 0 0
}

(data-alias=“/wirtschaft/autoindustrie“) .mod-header>.m-wrapper .m-menu–top::after {
background: 0 0
}

(data-alias=“/wirtschaft/autoindustrie“) .mod-header>.m-wrapper .m-menu–top::before {
background-image: none
}

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

(data-alias=“/wirtschaft/autoindustrie“) .mod-header>.m-wrapper .m-menu–bottom>.m-item–search>.m-wrapper::after {
background: #405952
}

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

(data-alias=“/wirtschaft/autoindustrie“) .mod-header>.m-wrapper .m-menu–bottom>.m-item–search.is-open+.item.m-item-vfb {
display: none
}

(data-alias=“/wirtschaft/autoindustrie“) .mod-header>.m-wrapper .m-menu–bottom>.m-item–search .m-wrapper>.m-form>.m-input {
color: #405952
}

(data-alias=“/wirtschaft/autoindustrie“) .mod-header>.m-wrapper .m-menu–bottom>.m-item–search .m-wrapper>.m-form>.m-input::placeholder {
color: #405952
}

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

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

(data-alias=“/wirtschaft/autoindustrie“) .mod-header>.m-wrapper .m-menu–bottom>.m-item–login>.m-wrapper::after {
background: #405952
}

(data-alias=“/wirtschaft/autoindustrie“) .mod-nav {
border-color: #405952
}

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

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

(data-alias=“/wirtschaft/autoindustrie“) .mod-nav .m-menu>.m-item a:hover,(data-alias=“/wirtschaft/autoindustrie“) .mod-nav .m-menu>.m-item:hover {
background: #405952
}

(data-alias=“/wirtschaft/autoindustrie“) .mod-nav .m-menu>.m-item.is-active {
background: #405952
}

(data-alias=“/wirtschaft/autoindustrie“) .mod-nav .m-menu–1>.m-sidebar,(data-alias=“/wirtschaft/autoindustrie“) .mod-nav .m-menu–2,(data-alias=“/wirtschaft/autoindustrie“) .mod-nav .m-menu–3 {
border-color: #405952
}

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

(data-alias=“/wirtschaft/autoindustrie“) .mod-nav .m-menu–1>.m-links .m-item {
border-color: #405952
}

(data-alias=“/wirtschaft/autoindustrie“) .mod-nav .m-menu–1>.m-links .m-item>.m-link {
color: #405952
}

(data-alias=“/wirtschaft/autoindustrie“) .mod-nav ul li.userstate {
border-color: #405952
}

(data-alias=“/wirtschaft/autoindustrie“) .mod-nav ul li.userstate a.link {
color: #405952
}

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

(data-alias=“/wirtschaft/autoindustrie“)(data-layout=mobile) #search-form {
background-color: #ddb3b3
}

(data-alias=“/wirtschaft/autoindustrie“)(data-layout=mobile) #search-form .search-field {
border-color: #405952
}

/* Automobile Header Ende */

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

a {
flex: 1;
text-align: center;
}

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

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

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

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

(data-layout=“mobile“) .registrationwall .registrationwall__header .steps .step.step-1 {
margin-right: 20px;
}

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

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

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

(data-layout=“mobile“) .registrationwall__header {
padding: 20px 18px;
}

(data-layout=“mobile“) .registrationwall .registrationwall__header {
padding: 13px 18px;
}

(data-layout=“mobile“) .registrationwall.onboarding {
margin-top: 0;
}

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

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

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

(data-layout=“mobile“) .registrationwall .registrationwall__content {
padding: 32px 0;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.registrationwall .item.boxItemContainer.topics .item(class*=“thema-„) {
background-size: cover;
}

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

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

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

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

(data-layout=“mobile“) .registrationwall .headline {
margin-top: 40px;
}

(data-layout=“mobile“) .registrationwall .item.boxItemContainer {
padding-left: 18px;
padding-right: 18px;
}

(data-layout=“mobile“) .registrationwall .item.boxItemContainer .item {
margin-right: 8px;
}

(data-layout=“mobile“) .registrationwall__content>.item-list>.item+.item>.headline {
margin-top: 60px;
}

/* (data-layout=“mobile“) .registrationwall .item.boxItemContainer .item {
width: 144px !important;
height: 134px;
padding: 0 10px;
} */

/* (data-layout=“mobile“) .registrationwall .item.boxItemContainer .item img {
width: 40px;
height: 40px;
} */

/* (data-layout=“mobile“) .registrationwall .item.boxItemContainer .item .headline {
margin: auto 0 10px;
line-height: 23px;
font-size: 18px;
} */

/* (data-layout=“mobile“) .registrationwall .item.boxItemContainer.topics .item .headline {
margin: auto 0 30px;
} */

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.registrationwall .item.alphabeticalList>.item-list .item.topicList {
margin-top: 23px;
}

(data-layout=“mobile“) .registrationwall .item.alphabeticalList {
padding-left: 18px;
padding-right: 18px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.onboardingInfo span(data-follow-count-author):not((data-follow-count-author=“0″)),
.onboardingInfo span(data-follow-count-theme):not((data-follow-count-theme=“0″)) {
color: #007BC4;
}

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

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

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

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

.registrationwall .configurationInfo span {
color: #007BC4;
}

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

.registrationwall .onboardingInfo span(data-follow-count-theme=“1″):after,
.registrationwall .configurationInfo span(data-follow-count-theme=“1″):after {
content: “ Thema“ !important;
}

.registrationwall .onboardingInfo span(data-follow-count-author=“1″):after,
.registrationwall .configurationInfo span(data-follow-count-author=“1″):after {
content: “ Autor“ !important;
}

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

.bodyOverlayOpen {
overflow: hidden;
}

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

(data-layout=“mobile“) .onboardingGrid {
margin-top: 10px;
}

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

(data-alias=“/meinestn/auswahl-treffen“) .onboardingOverlayOpen .mod-header {
z-index: 1;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media (max-width: 396px) {

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

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

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

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

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

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

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

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

.registrationwall__search form {
position: relative;
}

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

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

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

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

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

.registrationwall__search .autoComplete_wrapper (type=“search“) {
-webkit-appearance: none;
-moz-appearance: none;
-ms-appearance: none;
appearance: none;
}

.registrationwall__search .autoComplete_wrapper (type=“search“) {
-webkit-appearance: textfield;
}

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

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

.registrationwall__search .item-list(hidden) {
display: none !important;
}

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

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

(data-layout=“mobile“) .registrationwall__search .item-list .item {
white-space: normal;
align-items: flex-start;
}

(data-layout=“mobile“) .registrationwall__search .item-list .item:after {
display: none;
}

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

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

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

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

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

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

(data-layout=“mobile“) .registrationwall__search {
padding: 0 18px;
}

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

(data-layout=“mobile“) .registrationwall .configurationInfo {
margin: 40px 0 22px 0;
}

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

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

.registrationwall .configurationInfo(data-follow-count=“0″) .follow-text {
display: none;
}

.registrationwall .configurationInfo(data-follow-count=“0″) .no-follow-text {
display: block;
}

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

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

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

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

(data-layout=“mobile“) .registrationwall .sortable_wrapper {
width: 100% !important;
padding: 0 18px;
}

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

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

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

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

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

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

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

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

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

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

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

(data-layout=“mobile“) .registrationwall-article-collection .load-more {
margin: 30px 0 0;
}

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

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

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

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

(data-layout=“desktop“) .registrationwall .registrationwall-article-collection .appetizer .appetizer-kicker,
(data-layout=“desktop“) .registrationwall .registrationwall-article-collection .appetizer .appetizer-title,
(data-layout=“tablet“) .registrationwall .registrationwall-article-collection .appetizer .appetizer-kicker,
(data-layout=“tablet“) .registrationwall .registrationwall-article-collection .appetizer .appetizer-title {
width: 100%;
max-width: 387px;
padding: 0 10px;
}

(data-layout=“desktop“) .registrationwall .registrationwall-article-collection .appetizer .appetizer-kicker,
(data-layout=“tablet“) .registrationwall .registrationwall-article-collection .appetizer .appetizer-kicker {
margin-top: 16px;
}

(data-layout=“desktop“) .registrationwall .registrationwall-article-collection .appetizer figure,
(data-layout=“tablet“) .registrationwall .registrationwall-article-collection .appetizer figure {
width: 300px;
padding: 0;
/* margin-bottom: 0; */
}

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

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

(data-layout=“mobile“) .registrationwall.bookmarks .registrationwall__content.boxitem,
(data-layout=“mobile“) .registrationwall.news .registrationwall__content.boxitem {
padding: 20px 18px;
}

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

(data-layout=“mobile“) .registrationwall.bookmarks .bookmarksInfo {
margin: 10px 0 12px;
}

/* (data-layout=“mobile“) .registrationwall.bookmarks .content .data figure {
float: right;
width: 36%;
margin-bottom: 10px;
} */

/* (data-layout=“mobile“) .registrationwall.bookmarks .content .data figure .image-wrapper {
overflow: hidden;
}

(data-layout=“mobile“) .registrationwall.bookmarks .content .data figure .image-wrapper .image {
padding-bottom: 74.5%;
height: auto;
}

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

(data-layout=“mobile“) .registrationwall.bookmarks .content .data .appetizer-title,
(data-layout=“mobile“) .registrationwall.bookmarks .content .data .appetizer-kicker {
width: 59%;
hyphens: auto;
}

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

/* (data-layout=“mobile“) .registrationwall.bookmarks .content .data .appetizer-kicker {
font-size: .9375rem !important;
} */

/* (data-layout=“mobile“) .registrationwall.bookmarks .content .data .appetizer-text {
display: none;
} */

(data-layout=“tablet“) .registrationwall.news .newsInfo,
(data-layout=“mobile“) .registrationwall.news .newsInfo {
padding-top: 60px;
}

(data-layout=“mobile“) .registrationwall.news .newsInfo {
padding-top: 30px;
}

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

.registrationwall.bookmarks .bookmarksInfo img {
margin: 45px 0 35px;
}

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

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

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

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

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

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

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

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

(data-layout=“mobile“) .registrationwall-article-collection>.item-list>div {
display: block;
}

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

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

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

(data-layout=“mobile“) .registrationwall-article-collection>.item-list {
margin-top: 10px;
}

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

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

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

/* Buttons – alle */
button(class^=“bookmark-„) {
background-color: transparent !important;
}

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

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

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

(data-layout=“mobile“) .autorenprofil-content button.bookmark-author {
margin-left: auto;
margin-right: auto;
margin-bottom: 30px;
}

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

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

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

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

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

/* button.bookmark-theme(data-type=“follow“):after {
content: „Thema folgen“
}

button.bookmark-author(data-type=“follow“):after {
content: „Autor folgen“
} */

.registrationwall button.bookmark-theme(data-type=“follow“):after,
.registrationwall button.bookmark-author(data-type=“follow“):after {
display: none;
}

button.bookmark-theme(data-type=“follow“)(data-follow=“true“),
button.bookmark-author(data-type=“follow“)(data-follow=“true“) {
border-color: #4D555A;
background-color: #4D555A !important;
color: #fff !important;
}

/* button.bookmark-theme(data-type=“follow“)(data-follow=“true“):after,
button.bookmark-author(data-type=“follow“)(data-follow=“true“):after {
content: „Folge ich“
} */

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

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

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

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

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

(data-layout=“mobile“) button.bookmark-article {
/* margin-bottom: -20px; */
margin-bottom: -6px;
}

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

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

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

button.bookmark-article(data-type=“follow“) {
background-size: contain;
background-repeat: no-repeat no-repeat;
background-position: center center;
}

button.bookmark-article(data-type=“follow“) {
/* background-image: url(„data:image/svg+xml,%3Csvg width=“12″ height=“16″ fill=“none“ xmlns=“http://www.w3.org/2000/svg“ class=“css-pija16″%3E%3Cpath d=’M6.34 12.33 6 12.16l-.34.17-4.91 2.46V2C.75 1.31 1.31.75 2 .75h8c.69 0 1.25.56 1.25 1.25v12.79l-4.91-2.46Z‘ stroke=“%23cccbc3″ stroke-width=“1.5″%3E%3C/path%3E%3C/svg%3E“); */
background-image: url(https://www.stuttgarter-nachrichten.de/staticcontent/stuttgarter_nachrichten/common-resp18/svg/icon-bookmark-grey.svg);
}

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

button.bookmark-article(data-type=“follow“)(data-follow=“true“) {
/* background-image: url(„data:image/svg+xml,%3Csvg width=“12″ height=“16″ fill=“%234D555A“ xmlns=“http://www.w3.org/2000/svg“ class=“css-pija16″%3E%3Cpath d=’M6.34 12.33 6 12.16l-.34.17-4.91 2.46V2C.75 1.31 1.31.75 2 .75h8c.69 0 1.25.56 1.25 1.25v12.79l-4.91-2.46Z‘ stroke=“%234D555A“ stroke-width=“1.5″%3E%3C/path%3E%3C/svg%3E“); */
background-image: url(https://www.stuttgarter-nachrichten.de/staticcontent/stuttgarter_nachrichten/common-resp18/svg/icon-bookmark-grey-full.svg)
}

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

(data-layout=“mobile“) .teaser-hero button.bookmark-article(data-type=“follow“) {
margin-right: 10px;
margin-bottom: -20px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

/* (data-layout=“mobile“) .registrationwall .registrationwall__banner {
padding: 20px 18px;
} */

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

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

(data-layout=“mobile“) .registrationwall .registrationwall__banner>div a {
padding: 16px 18px;
display: grid;
}

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

(data-layout=“mobile“) .registrationwall .registrationwall__banner a,
(data-layout=“mobile“) .registrationwall .registrationwall__banner span {
white-space: normal;
}

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

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

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

(data-layout=“mobile“) .registrationwall .registrationwall__banner .subHeadline {
padding-left: 0;
grid-column-start: 1;
padding-right: 15px;
}

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

(data-layout=“mobile“) .registrationwall .registrationwall__banner .themeLink {
white-space: nowrap;
margin-top: auto;
}

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

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

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

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

(data-layout=“mobile“) .hs-snackbar a {
float: none;
display: block;
margin-top: 19px;
line-height: 21px;
}

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

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

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

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

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

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

/* Besonderheiten */
(data-alias=“/meinestn/themen-entdecken“) .onboardingInfo,
(data-alias=“/meinestn/themen-entdecken“) .onboardingOverlay,
(data-alias=“/meinestn/themen-entdecken“) .onboardingOverlayBackground,
(data-alias=“/meinestn/themen-entdecken“) .registrationwall__header.auswahl-treffen {
display: none !important;
}

(data-alias=“/meinestn/themen-entdecken“) body {
overflow: visible !important;
}

(data-alias=“/meinestn/auswahl-treffen“) .hs-snackbar,
(data-alias=“/meinestn/auswahl-treffen“) .registrationwall__header.themen-entdecken {
display: none !important;
}

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

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

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

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

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

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

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

(data-layout=“tablet“) .m-plus-contentbox .compact-brick,
(data-layout=“desktop“) .m-plus-contentbox .compact-brick {
display: flex;
}

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

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

(data-layout=“mobile“) .m-plus-contentbox .item button.bookmark-article {
margin-bottom: -20px;
}

(data-layout=“desktop“) .teaser-hero,
(data-layout=“tablet“) .teaser-hero {
padding-bottom: 10px;
}

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

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

(data-layout=“mobile“) .autorenprofil .autorenprofil-content .textflip {
margin-top: 30px;
}

(data-layout=“desktop“) .autorenprofil .autorenprofil-content,
(data-layout=“tablet“) .autorenprofil .autorenprofil-content {
margin-top: -20px;
}

(data-layout=“mobile“) .autorenprofil .autorenprofil-header .author-info .author-name {
line-height: 29px;
}

(data-layout=“mobile“) .autorenprofil .autorenprofil-header .author-info .author-ressort {
line-height: 27px;
}

(data-layout=“mobile“) .autorenprofil .autorenprofil-content {
margin-top: 0;
}

(data-layout=“mobile“) .topics .grid-row-teaser .item {
padding-bottom: 10px;
}

(data-layout=“mobile“) .sharewrapper {
margin-top: 50px;
}

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

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

(data-layout=“tablet“) .boxitem figure,
(data-layout=“desktop“) .boxitem figure,
(data-layout=“tablet“) .boxitem .appetizer,
(data-layout=“desktop“) .boxitem .appetizer,
(data-layout=“tablet“) .boxitem .appetizer-text,
(data-layout=“desktop“) .boxitem .appetizer-text {
margin-bottom: 0;
}

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

/* Footer */
(data-alias=“/meinestn/auswahl-treffen“) #footer {
/* z-index: -1; */
padding-bottom: 131px;
}

(data-alias=“/meinestn/auswahl-treffen“) .site-wrapper.site {
z-index: 5;
position: relative;
}

(data-alias=“/meinestn/auswahl-treffen“)(data-layout=“mobile“) #footer {
padding-bottom: 198px;
}

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

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

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

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

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

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

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

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

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

(data-layout=“mobile“) .grid .brick.beliebt .item button.bookmark-article {
margin-bottom: -6px;
}

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

(data-layout=“mobile“) .registrationwall__content .recommendation-grid .item {
display: flex;
flex-direction: column;
padding-bottom: 10px;
}

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

(data-layout=“mobile“) .registrationwall__content .recommendation-grid .item h3 {
float: inherit;
width: inherit;
padding-right: inherit;
}

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

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

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

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

/* StN spezifisch */
#verlagsangebote button.bookmark-article(data-type=“follow“) {
display: none;
}

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

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

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

.registrationwall .item {
padding: 0;
}

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

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

(data-layout=“desktop“) .myconfigGrid .bottom-nav,
(data-layout=“desktop“) .onboardingGrid .bottom-nav {
padding: 0;
}

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

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

(data-layout=“mobile“) .registrationwall-article-collection:after {
margin: 24px auto 0;
}

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

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

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

(data-layout=“mobile“) .followBtnContainer {
padding: 5px 0px;
border-bottom: none
}

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

(data-alias*=“/thema/“) .bottom-nav .breadcrumb {
border-bottom: none;
}

(data-layout=“mobile“)(data-alias*=“/thema/“) .article .bottom-nav:after {
display: none;
}

(data-layout=“mobile“) .grid.onboardingGrid,
(data-layout=“mobile“) .grid.myconfigGrid {
padding: 0;
}

(data-layout=“mobile“) .grid.onboardingGrid .include .include-content.ec-content-topline .item,
(data-layout=“mobile“) .grid.myconfigGrid .include .include-content.ec-content-topline .item {
padding: 0 20px;
}

(data-layout=“mobile“) .grid.onboardingGrid .bottom-nav .breadcrumb,
(data-layout=“mobile“) .grid.myconfigGrid .bottom-nav .breadcrumb {
border-bottom: 1px solid #e7e7e7;
}

(data-layout=“mobile“) .registrationwall .registrationwall-article-collection .appetizer figure {
width: 33.3%;
margin-bottom: 10px;
}

(data-layout=“mobile“) .registrationwall .registrationwall-article-collection .appetizer .appetizer-kicker,
(data-layout=“mobile“) .registrationwall .registrationwall-article-collection .appetizer .appetizer-title {
width: 62%;
}

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

(data-layout=“mobile“) .registrationwall.news .content {
padding: 0 20px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.bookmark-article(data-config*=“//produkte.“) {
display: none;
}

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

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

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

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

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

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

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

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

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

 

MENÜ

MENÜ SCHLIESSEN

 

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

Stars & Celebrities Australische Senatorin zu König Charles: „Sie sind nicht unser König”

red 21.10.2024 – 11:02 Uhr

Gegenwind für König Charles III. bei seiner Rede im australischen Parlament. Die indigene Senatorin Lidia Thorpe war mit dem Auftritt des offiziellen Staatsoberhauptes nicht einverstanden und rief: „Sie sind nicht unser König”.

img {
display: block;
margin: 20px auto 45px;
}

.footercontent .sharewrapper {
display: flex;
justify-content: center;
align-items: center;
margin-bottom: 45px;
}

.footercontent .sharewrapper li {
display: inline-block;
margin: 0px 10px;
width: auto !important;
}

.footercontent .sharewrapper li a {
min-width: 41px;
min-height: 41px;
display: block;
}

.footercontent .sharewrapper li.facebook a {
background: url(https://www.stuttgarter-nachrichten.de/staticcontent/stuttgarter_nachrichten/common-resp18/svg/stn-fb-kreis.svg);
}

.footercontent .sharewrapper li.twitter a {
background: url(https://www.stuttgarter-nachrichten.de/staticcontent/stuttgarter_nachrichten/common-resp18/svg/stn-twitter.svg);
}

.footercontent .sharewrapper li.youtube a {
background: url(https://www.stuttgarter-nachrichten.de/staticcontent/stuttgarter_nachrichten/common-resp18/svg/stn-youtube.svg);
}

.footercontent .sharewrapper li.insta a {
background: url(https://www.stuttgarter-nachrichten.de/staticcontent/stuttgarter_nachrichten/common-resp18/svg/stn-insta.svg);
}

.footercontent h2.footer-header {
font-size: 15px;
font-weight: 700;
color: #fff;
line-height: 1.5;
margin: 0px auto 15px;
text-align: center;
}

.footercontent .footer-links {
text-align: center;
margin: 0px auto 30px;
font-size: 14px;
line-height: 1.5;
}

.footercontent .footer-links.with-ads {
margin-bottom: 20px;
}

.mod-footer .footercontent .portale.with-ads li {
margin-bottom: 20px;
}

.footercontent .footer-links.bottom li a {
padding-right: 5px;
padding-left: 0px;
}

.footercontent .footer-links.bottom li a span {
padding-left: 5px;
}

(data-layout=mobile) .mod-footer .footer-links li a {
margin-bottom: 15px;
font-size: 14px;
}

(data-layout=“mobile“) .mod-footer .footercontent .portale.with-ads li {
margin-bottom: 0px;
}

(data-layout=“mobile“) .footercontent .footer-links.with-ads br {
display: none;
}

/* (data-layout=mobile) .sharewrapper li {
width: 16.5% !important;
}*/
))))))))))>))))))))>))))))>))))>))>

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

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

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

Source link