.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;
}
/* 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;
}
]]]]]]]]]]>]]]]]]]]>]]]]]]>]]]]>]]>
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;
}
.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: white;
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 img {
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;
}
]]]]]]]]]]>]]]]]]]]>]]]]]]>]]]]>]]>
]]]]]]]]>]]]]]]>]]]]>]]>
Deutschland Bilder des Tages
dpa 06.12.2023 – 01:04 Uhr
Der Weihnachtsmarkt am Berliner Alexanderplatz wurde nach einem Brand geräumt und vorzeitig geschlossen. Foto: Paul Zinken/dpa
]]]]]]]]>]]]]]]>]]]]>]]>
]]]]]]]]>]]]]]]>]]]]>]]>
]]]]]]]]>]]]]]]>]]]]>]]>
]]]]]]]]>]]]]]]>]]]]>]]>
]]]]]]]]>]]]]]]>]]]]>]]>
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;
}*/
]]]]]]]]]]>]]]]]]]]>]]]]]]>]]]]>]]>
]]]]]]]]>]]]]]]>]]]]>]]>
]]]]]]]]>]]]]]]>]]]]>]]>
