{"id":407751,"date":"2025-09-09T00:35:17","date_gmt":"2025-09-09T00:35:17","guid":{"rendered":"https:\/\/www.europesays.com\/de\/407751\/"},"modified":"2025-09-09T00:35:17","modified_gmt":"2025-09-09T00:35:17","slug":"deutschland-bilder-des-tages-unterhaltung-20","status":"publish","type":"post","link":"https:\/\/www.europesays.com\/de\/407751\/","title":{"rendered":"Deutschland: Bilder des Tages – Unterhaltung"},"content":{"rendered":"


\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n\t
\n\t
\n\t\t
\n\t\t\t
\n\t\t\t
\n\t
\n\t
\n\t
\n\t
\n\t\t
\n\t\t\t .item {
\n width: 100% !important;
\n}<\/p>\n

.ad-adshop[data-zone-id=“27″] .adshopbanner {
\n margin-top: 10px !important;
\n}<\/p>\n

.ad-adshop[data-zone-id=“27″] > .item {
\n width: 50% !important;
\n \t padding: 10px !important;
\n}<\/p>\n

.ad-adshop[data-zone-id=“27″] {
\n margin: 0;
\n padding: 22px 0 0 0 !important;
\n}
\n]]]]]]]]]]>]]]]]]]]>]]]]]]>]]]]>]]>
\n]]]]]]]]>]]]]]]>]]]]>]]>
\n
\n\t\t\t
\n\t
\n\t
\n\t
\n\t
\n\t\t <\/p>\n

\u00a0<\/p>\n

\u00a0<\/p>\n


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


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


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


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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.registrationwall .item-list .headline {
\n font-size: 22px;
\n line-height: 29px;
\n font-weight: 700;
\n margin-top: 60px;
\n color: #2A2F31;
\n }<\/p>\n

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

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

.registrationwall .item.boxItemContainer.topics .item {
\n background-image: url(https:\/\/www.schwarzwaelder-bote.de\/staticcontent\/schwarzwaelder_bote\/common\/assets\/svg\/Themenbild_Meine-StZ.svg);
\n }<\/p>\n

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.mod-header>.m-wrapper .m-menu–bottom>.m-item-meinsb {
\n display: flex;
\n align-items: center;
\n cursor: pointer;
\n position: relative;
\n overflow: hidden;
\n transition: width .4s ease-in-out;
\n }<\/p>\n

.mod-header>.m-wrapper .m-menu–bottom>.m-item-abo .m-text {
\n padding: 12px 10px;
\n }<\/p>\n

.mod-header>.m-wrapper .m-menu–bottom>.m-item-meinsb .m-text {
\n font-size: 1.25rem;
\n line-height: 1.1;
\n padding: 12px 10px;
\n color: #00963f;
\n font-weight: 700;
\n margin-bottom: 5px;
\n }<\/p>\n

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

\/* Anpassungen SB *\/
\n .meinsb-ec-topline .include .include-content .item,
\n .meinsb-ec-topline .include .include-content ol {
\n padding: 0 !important;
\n }<\/p>\n

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

[data-layout=“desktop“] .grid-row-teaser.myconfigGrid {
\n width: 100%;
\n }<\/p>\n

.mod-header>.m-wrapper .m-menu–bottom>.m-item–search>.m-wrapper {
\n padding-right: 0;
\n }<\/p>\n

.mod-header>.m-wrapper .m-menu–bottom>.m-item–search.is-open {
\n width: 190px;
\n }<\/p>\n

.mod-header>.m-wrapper .m-menu–top>.m-item–nav {
\n width: 115px;
\n padding: 0 55px 0 10px;
\n }<\/p>\n

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

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

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

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

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

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

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

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

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


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


\n\t\t
\n\t\t\t .m-wrapper
\n .m-menu–bottom
\n > .m-item–login.is-open
\n > .m-wrapper
\n > .m-loginbox
\n .m-loginbox-items {
\n box-shadow: 0 1px 3px rgba(42, 47, 49, 0.16);
\n }<\/p>\n

\/* MHSDIG-1117 Hide empty BGs to reduce whitespace *\/
\n .grid .brickgroup.is-empty {
\n display: none;
\n }<\/p>\n

[data-layout=“mobile“] .mod-paywall {
\n margin-bottom: -20px;
\n }<\/p>\n

\/* Fix 16:9 *\/
\n [data-layout=“mobile“]
\n .teaser-medium
\n .appetizer
\n .headline-wrapper
\n h3
\n .appetizer-title {
\n padding-right: 100px;
\n line-height: 1.4;
\n }<\/p>\n

\/* DEV-583 Schlagworte nach Artikelende entfernen *\/
\n #taboola-below-article-feed,
\n #taboola-below-article-thumbnails,
\n #taboola-below-paid-article-thumbnails,
\n #taboola-feed-below-paid-article {
\n margin-top: 30px !important;
\n }<\/p>\n

.autorenprofil-artikelliste
\n .content
\n a[data-paidcontent=“true“]
\n .appetizer-kicker:before {
\n content: „“;
\n background-image: url(„https:\/\/www.schwarzwaelder-bote.de\/staticcontent\/schwarzwaelder_bote\/common\/assets\/svg\/icon_sbplus.svg“);
\n background-size: 100%;
\n background-repeat: no-repeat;
\n display: inline-block;
\n height: 15px;
\n width: 33px;
\n vertical-align: middle;
\n margin-right: 7px;
\n margin-top: 1px;
\n background-color: #fff;
\n }<\/p>\n

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

\/* CON-1646 Anpassung PW *\/
\n #paywall.mod-paywall.layout-zwei-angebote
\n .container-main
\n .offer
\n header
\n .headline-wrap
\n .price {
\n flex-shrink: 0;
\n align-self: flex-start;
\n }<\/p>\n

#paywall.mod-paywall.layout-zwei-angebote
\n .container-main
\n .offer
\n header
\n .headline-wrap
\n .price
\n small {
\n font-weight: normal;
\n font-size: 14px;
\n }<\/p>\n

\/* Offerpage mit Hintergrundbild *\/
\n .aktion .mod-paywall.layout-zwei-angebote {
\n background: url(\/staticcontent\/schwarzwaelder_bote\/images\/offerpage\/pw-digitalwochen-sb.svg);
\n background-color: #e8e8e8;
\n }<\/p>\n

.aktion .mod-paywall.layout-zwei-angebote .container-main {
\n background: unset !important;
\n }<\/p>\n

[data-layout=“mobile“]
\n .aktion
\n .mod-paywall.layout-zwei-angebote
\n .container-main {
\n padding-bottom: 0px !important;
\n }<\/p>\n

.aktion .mod-paywall.layout-zwei-angebote .container-login {
\n background: unset !important;
\n padding: 25px 1rem 25px !important;
\n }<\/p>\n

\/* ############### *\/<\/p>\n

@media screen and (max-width: 380px) {
\n .countdown-box .countdown p {
\n font-size: 12px !important;
\n font-size: 0.75rem !important;
\n }
\n }<\/p>\n

\/* Offerpage mit Störer*\/<\/p>\n

.aktion .mod-paywall .container-main .offer:nth-child(even) .price:before {
\n content: „-43%“;
\n margin-right: 10px;
\n background-color: #e20613;
\n padding: 0px 6px;
\n color: #fff;
\n font-size: 20px;
\n vertical-align: bottom;
\n }<\/p>\n

.aktion .mod-paywall .container-main .offer:nth-child(even) .price:after {
\n content: „statt 34,95 €“;
\n font-size: 12px;
\n font-weight: 400;
\n position: absolute;
\n top: 20px;
\n right: 1px;
\n }<\/p>\n

[data-layout=“mobile“]
\n .aktion
\n .mod-paywall
\n .container-main
\n .offer:nth-child(even)
\n .price:after {
\n font-size: 10px;
\n }<\/p>\n

.aktion
\n .mod-paywall.layout-zwei-angebote
\n .container-main
\n .offer
\n header
\n .sub-headline {
\n margin-top: 5px;
\n }<\/p>\n

[data-layout=“mobile“]
\n .aktion
\n .mod-paywall
\n .container-main
\n .offer:nth-child(even)
\n .price:before {
\n padding: 0px 2px;
\n margin-right: 5px;
\n font-size: 16px;
\n margin-left: 4px;
\n }<\/p>\n

\/* EGM-644 Share-Overlay umsetzen *\/
\n .socialOverlayTemplate .druck,
\n .socialOverlayTemplate .bookmark {
\n display: none;
\n }<\/p>\n

#article-social-bar ul {
\n display: flex;
\n }<\/p>\n

[data-layout=“desktop“] #article-social-bar ul .bookmark,
\n [data-layout=“tablet“] #article-social-bar ul .bookmark {
\n margin-left: auto;
\n }<\/p>\n

#article-social-bar ul .bookmark {
\n order: 10;
\n }<\/p>\n

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

.shareOverlayOpen .socialOverlayBackground,
\n .shareOverlayOpen .socialOverlayContainer {
\n display: block !important;
\n }<\/p>\n

.shareOverlayOpen .Skyscraper,
\n .shareOverlayOpen .mod-header-new {
\n z-index: 0;
\n }<\/p>\n

.shareOverlayOpen .c1-snippet-target {
\n z-index: 1;
\n }<\/p>\n

.socialOverlayContainer {
\n display: none;
\n padding: 20px 16px 40px;
\n width: 100%;
\n border-radius: 2px;
\n box-shadow: 0px -1px 3px rgb(41 41 41 \/ 16%),
\n 0px 1px 3px rgb(41 41 41 \/ 16%);
\n position: fixed;
\n max-width: 450px;
\n \/* max-height: 840px; *\/
\n background-color: white;
\n z-index: 9999;
\n transform: translateX(230px);
\n top: 300px;
\n }<\/p>\n

[data-layout=“mobile“] .socialOverlayContainer {
\n transform: translateX(-50%);
\n left: 50%;
\n top: 125px;
\n max-width: calc(100% – 40px);
\n }<\/p>\n

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

.shareOverlayOpener {
\n background: url(https:\/\/www.stuttgarter-nachrichten.de\/staticcontent\/stuttgarter_nachrichten\/common-resp18\/svg\/icon-share-stn.svg);
\n background-repeat: no-repeat !important;
\n background-size: 40px !important;
\n }<\/p>\n

.shareOverlayOpener:active,
\n .shareOverlayOpener:focus,
\n .shareOverlayOpener:hover {
\n background: url(https:\/\/www.stuttgarter-nachrichten.de\/staticcontent\/stuttgarter_nachrichten\/common-resp18\/svg\/icon-share-stn-hover.svg);
\n cursor: pointer;
\n }<\/p>\n

.shareOverlayTemplateWrapper .socialOverlayContainer h3 {
\n margin-top: 0 !important;
\n padding-bottom: 6px;
\n font-size: 22px;
\n line-height: 29px;
\n border-bottom: 2px solid #4d555a;
\n margin-bottom: 10px;
\n }<\/p>\n

.shareOverlayTemplateWrapper .socialOverlayContainer ul {
\n flex-direction: column;
\n height: auto;
\n }<\/p>\n

.shareOverlayTemplateWrapper .socialOverlayContainer ul li {
\n padding: 10px 0;
\n border-bottom: 1px solid #bab7ad;
\n width: 100%;
\n background-position: left center !important;
\n position: relative;
\n height: 60px;
\n background-size: 40px !important;
\n margin-bottom: 0;
\n }<\/p>\n

.shareOverlayTemplateWrapper .socialOverlayContainer ul li a {
\n display: flex;
\n align-items: center;
\n color: #4d555a;
\n line-height: 27px;
\n font-size: 18px;
\n }<\/p>\n

.shareOverlayTemplateWrapper .socialOverlayContainer ul li a:after {
\n content: attr(id);
\n text-transform: capitalize;
\n padding-left: 47px;
\n }<\/p>\n

.shareOverlayTemplateWrapper .socialOverlayContainer ul li.mail a:after {
\n content: „E-Mail“;
\n }<\/p>\n

\/* [data-layout=“mobile“] .sharewrapper ul:not(.shareOverlayList) li + li {
\n margin-left: 23px;
\n } *\/<\/p>\n

[data-layout=“mobile“] #article-social-bar.sharewrapper li.perlink {
\n background-position: center !important;
\n border: none;
\n }<\/p>\n

[data-layout=“mobile“] .sharewrapper .shareOverlayList li.whatsapp {
\n width: 100%;
\n background-position: left center !important;
\n }<\/p>\n

\/* Fixes Artikel Reco Mobile *\/
\n [data-layout=“mobile“] .articleTeaser .appetizer-title {
\n font-size: 1rem;
\n }<\/p>\n

[data-layout=“mobile“] .articleTeaser .appetizer-kicker {
\n font-size: 0.875rem;
\n }<\/p>\n

[data-layout=“mobile“] .articleTeaser figure {
\n padding-right: 0;
\n }<\/p>\n

[data-layout=“mobile“] figure .image {
\n padding-bottom: 56.3333333333% !important;
\n margin-top: 5px;
\n }<\/p>\n

\/* DEV-1008 Logo abgeschnitten + MHS Digital Logo zerstückelt *\/
\n @media (max-width: 395px) {
\n html[data-static-baseurl*=“-bote“][data-layout=“mobile“]
\n .mod-header
\n > .m-wrapper
\n > .m-logo
\n > .m-link
\n > .m-img {
\n padding-bottom: 2px;
\n }
\n }<\/p>\n

\/* Navi 2. Ebende Anpassung *\/
\n [data-layout=“mobile“] .mod-nav .m-overlay.is-open {
\n margin-top: -202px;
\n }<\/p>\n

[data-layout=“mobile“] .mod-nav .m-menu–2.is-open {
\n margin-top: -202px;
\n }<\/p>\n

[data-layout=“mobile“] .rsArrow {
\n cursor: pointer;
\n width: 44px;
\n height: 100%;
\n position: absolute;
\n z-index: 20;
\n top: 0;
\n transition: visibility 0.125s linear, opacity 0.125s linear;
\n -webkit-transition: visibility 0.125s linear, opacity 0.125s linear;
\n }<\/p>\n

[data-layout=“mobile“] .rsArrow.rsArrowRight {
\n right: 0;
\n }<\/p>\n

[data-layout=“mobile“] .rsArrow.rsArrowLeft {
\n left: 0;
\n }<\/p>\n

[data-layout=“mobile“] .rsArrow.rsArrowLeft .rsArrowIcn:before {
\n display: block;
\n transform: rotate(180deg);
\n }<\/p>\n

[data-layout=“mobile“] .rsArrowIcn {
\n width: 100%;
\n height: 58px;
\n cursor: pointer;
\n position: absolute;
\n background: rgba(255, 255, 255, 0.75);
\n top: 50%;
\n transform: translateY(-50%);
\n z-index: 2;
\n font-size: 1.5rem;
\n color: #2a2f31;
\n padding: 17px 10px;
\n text-align: center;
\n }<\/p>\n

\/* DEV-1220 – Abstand Fix für Datawrapper*\/
\n p > iframe[id^=“datawrapper“],
\n .is-empty + iframe[id^=“datawrapper“],
\n p + iframe[id^=“datawrapper“] {
\n margin-top: 20px;
\n }<\/p>\n

\/* EGM-928 Bug: Druck-PDF StZ, StN + SB wird fehlerhaft erstellt *\/
\n @media print {
\n [data-b-title=“SB-R AdShop Artikel Traffective alternate“],
\n [data-b-title=“SBO-RSP18 – B – \/\/DESKTOP-TABLET\/\/ – Ad Top (Superbanner\/Billboard)“],
\n .mod-header>.m-wrapper .m-menu–top,
\n .Skyscraper,
\n .mod-header>.m-wrapper .m-menu–bottom,
\n .bottom-nav,
\n #footer {
\n display: none !important;
\n }<\/p>\n

.site-wrapper {
\n padding-top: 0 !important;
\n }<\/p>\n

.mod-article {
\n margin-top: 75px !important;
\n }<\/p>\n

.article .mod-article.mod-article–frm:before {
\n left: 20px !important;
\n }<\/p>\n

* {
\n -webkit-print-color-adjust: exact;
\n print-color-adjust: exact;
\n }<\/p>\n

.mod-header {
\n border-bottom: none;
\n }<\/p>\n

.articleTeaser {
\n display: none !important;
\n }
\n }<\/p>\n

\/* CON-1897 Anpassung [mobil]: Umpositionierung Buttons Partner *\/
\n [data-layout=“mobile“][data-state=“is-loggedout“]
\n .m-menu.m-menu–bottom
\n > .m-icon–cleverpush-container,
\n [data-layout=“mobile“][data-state=“is-loggedin“]
\n .m-menu.m-menu–bottom
\n > .m-icon–cleverpush-container {
\n \/* display: none !important; *\/
\n }<\/p>\n

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

@media (prefers-color-scheme: dark) {
\n [data-layout=“mobile“] .m-icon–cleverpush {
\n background-size: 68px 37px !important;
\n }
\n }<\/p>\n

\/* [data-layout=“mobile“] .mod-header>.m-wrapper .m-menu–bottom>.m-item-abo {
\n height: 35px;
\n position: relative;
\n } *\/<\/p>\n

[data-layout=“mobile“]
\n .mod-header
\n > .m-wrapper
\n .m-menu–bottom
\n > .m-item-abo
\n .m-text {
\n padding: 12px 0px;
\n }<\/p>\n

[data-layout=“mobile“] .nav-open .mod-header > .m-wrapper .m-menu–bottom {
\n padding-right: 0px !important;
\n }<\/p>\n

\/* [data-layout=“mobile“] .mod-header>.m-wrapper .m-menu–bottom>.m-item-abo span {
\n background-color: #A1C513;
\n padding: 0px 9px;
\n border-radius: 64px;
\n color: #fff;
\n font-family: ‚Roboto Condensed‘;
\n font-size: 18px;
\n } *\/<\/p>\n

\/* [data-layout=“mobile“] .m-menu.m-menu–bottom {
\n right: 52px !important;
\n } *\/<\/p>\n

[data-layout=“mobile“] .mod-header > .m-wrapper .m-menu–top > .m-item–nav {
\n padding: 0px 50px 0 8px;
\n \/* width: 40px !important; *\/
\n }<\/p>\n

[data-layout=“mobile“] .m-logo .m-link img {
\n width: 170px;
\n }<\/p>\n

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

\/* DEV-1356 LZ Teaserkachel *\/
\n [data-alias=“\/ortenau“] [data-tags=“Verlagsangebot“] .appetizer-title {
\n color: #005c8a;
\n }
\n [data-alias=“\/loerrach“] [data-tags=“Verlagsangebot“] .appetizer-title {
\n color: #004f9f;
\n }<\/p>\n

\/* EGM-1104 [Google News] Folgen-Button einbauen *\/
\n .footercontent .sharewrapper li.google-news a {
\n background-image: url(https:\/\/www.schwarzwaelder-bote.de\/staticcontent\/schwarzwaelder_bote\/common\/assets\/img\/google-news.png);
\n background-repeat: no-repeat;
\n }<\/p>\n

[data-layout=“mobile“] .footercontent .sharewrapper > ul {
\n display: flex;
\n }<\/p>\n

.footercontent .sharewrapper li a {
\n background-position-x: center !important;
\n }<\/p>\n

.m-follow .social.gn a {
\n width: 100%;
\n height: 100%;
\n background-image: url(https:\/\/www.schwarzwaelder-bote.de\/staticcontent\/common\/img\/social-google-news.png);
\n background-size: contain;
\n }<\/p>\n

.tp-modal .tp-iframe-wrapper.piano-id-modal-ver-2 .tp-close {
\n opacity: 1 !important;
\n height: 54px;
\n width: 42px;
\n border: none !important;
\n padding: 0;
\n background: url(https:\/\/www.schwarzwaelder-bote.de\/media.media.9ffb991d-6dbe-4433-a70a-1cfcd49775a5.original.svg);
\n background-repeat: no-repeat;
\n background-position: center;
\n }<\/p>\n

\/* DEV-1441 – Twitter für SB abschalten *\/
\n .m-follow .social.tt a {
\n width: 100%;
\n height: 100%;
\n background-image: url(https:\/\/www.schwarzwaelder-bote.de\/staticcontent\/schwarzwaelder_bote\/common\/assets\/svg\/social-tiktok.svg);
\n background-size: contain;
\n }<\/p>\n

\/* Anpassung Navi Höhe *\/
\n @media only screen and (max-width: 550px) {
\n .mod-nav.is-scrollable {
\n height: 100%;
\n }
\n }<\/p>\n

\/* hide desktop + hide mobile *\/
\n [data-layout=“desktop“] .hide-desktop,
\n [data-layout=“desktop“] .hide-tablet {
\n display: none;
\n }<\/p>\n

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

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

\/* Anpassungen SALE-188 *\/<\/p>\n

[data-layout=“mobile“]
\n .m-menu.m-menu–bottom
\n > .m-icon–cleverpush-container {
\n border-left: none !important;
\n width: 40px;
\n margin-right: -4px;
\n }<\/p>\n

[data-layout=“mobile“] .cleverpush-unread-notifications-count:not(:empty) {
\n display: none !important;
\n }<\/p>\n

[data-layout=“mobile“] .m-icon–cleverpush {
\n bottom: 2px;
\n }<\/p>\n

@media (prefers-color-scheme: light) {
\n [data-layout=“mobile“]
\n .m-menu.m-menu–bottom
\n > .m-icon–cleverpush-container {
\n right: 45px;
\n top: 5px;
\n }
\n }<\/p>\n

@media (prefers-color-scheme: dark) {
\n html[data-layout=“mobile“] .mod-header .m-wrapper li a.mhsd-partner-link {
\n margin-right: 94px !important;
\n }
\n }<\/p>\n

@media only screen and (max-width: 375px) {
\n html[data-layout=“mobile“] .mod-header .m-wrapper li a.mhsd-partner-link {
\n margin-right: 84px !important;
\n }
\n }<\/p>\n

@media only screen and (max-width: 350px) {
\n html[data-layout=“mobile“] .mod-header .m-wrapper li a.mhsd-partner-link {
\n margin-right: 70px !important;
\n }
\n }<\/p>\n

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

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

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

[data-layout=“tablet“] .m-logo img,
\n [data-layout=“desktop“] .m-logo img {
\n width: 300px;
\n }<\/p>\n

[data-layout=“tablet“] .mod-header > .m-wrapper > .m-logo,
\n [data-layout=“desktop“] .mod-header > .m-wrapper > .m-logo {
\n top: 33px;
\n }<\/p>\n

[data-layout=“mobile“] .bottom-nav .breadcrumb {
\n overflow-y: hidden;
\n }<\/p>\n

\/* EGM-1451 SWMN-Logo reduzieren *\/
\n [data-layout=“mobile“]
\n .mod-header
\n > .m-wrapper
\n .m-menu–top
\n a.mhsd-partner-link::before {
\n content: „“ !important;
\n display: inline-block;
\n width: 41px;
\n height: 9px;
\n background-image: url(„\/staticcontent\/common\/svg\/swmn_80_dark.svg“);
\n background-size: contain;
\n }<\/p>\n

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

@media (prefers-color-scheme: dark) {
\n [data-layout=“mobile“]
\n .mod-header
\n > .m-wrapper
\n .m-menu–top
\n a.mhsd-partner-link::before {
\n content: „“ !important;
\n background-image: url(„\/staticcontent\/common\/svg\/swmn_80.svg“);
\n }
\n }<\/p>\n

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

\/* Anpassungen wegen DEV-1880 *\/
\n [data-alias=“\/ortenau“][data-layout=“mobile“]
\n .mod-header
\n > .m-wrapper
\n .m-menu–bottom
\n > .m-item-abo
\n span,
\n [data-alias=“\/neckarquelle“][data-layout=“mobile“]
\n .mod-header
\n > .m-wrapper
\n .m-menu–bottom
\n > .m-item-abo
\n span {
\n background-color: #005ca8;
\n }
\n [data-alias=“\/loerrach“][data-layout=“mobile“]
\n .mod-header
\n > .m-wrapper
\n .m-menu–bottom
\n > .m-item-abo
\n span {
\n background-color: #004f9f;
\n }<\/p>\n

@media (prefers-color-scheme: dark) {
\n [data-alias=“\/ortenau“][data-layout=“mobile“]
\n .mod-header
\n > .m-wrapper
\n .m-menu–bottom
\n > .m-item-abo
\n span,
\n [data-alias=“\/loerrach“][data-layout=“mobile“]
\n .mod-header
\n > .m-wrapper
\n .m-menu–bottom
\n > .m-item-abo
\n span,
\n [data-alias=“\/neckarquelle“][data-layout=“mobile“]
\n .mod-header
\n > .m-wrapper
\n .m-menu–bottom
\n > .m-item-abo
\n span {
\n background-color: #4097e0;
\n }
\n }<\/p>\n

[data-alias=“\/ortenau“][data-layout=“mobile“]
\n .mod-header
\n > .m-wrapper
\n .m-menu–bottom,
\n [data-alias=“\/loerrach“][data-layout=“mobile“]
\n .mod-header
\n > .m-wrapper
\n .m-menu–bottom,
\n [data-alias=“\/neckarquelle“][data-layout=“mobile“]
\n .mod-header
\n > .m-wrapper
\n .m-menu–bottom {
\n border-top: unset !important;
\n }<\/p>\n

[data-layout=“mobile“][data-state=“is-loggedin“]:not(
\n [data-alias=“\/neckarquelle“]
\n )
\n .mod-nav
\n .m-overlay.is-open,
\n [data-layout=“mobile“][data-state=“is-subscribed“]:not(
\n [data-alias=“\/neckarquelle“]
\n )
\n .mod-nav
\n .m-overlay.is-open,
\n [data-layout=“mobile“][data-state=“is-loggedin“]:not(
\n [data-alias=“\/neckarquelle“]
\n )
\n .mod-nav
\n .m-menu–2.is-open,
\n [data-layout=“mobile“][data-state=“is-subscribed“]:not(
\n [data-alias=“\/neckarquelle“]
\n )
\n .mod-nav
\n .m-menu–2.is-open {
\n margin-top: -250px !important;
\n }<\/p>\n

\/* DEV-1954 – Newsticker Seite *\/
\n [data-layout=“desktop“] .topnews-article-list .appetizer figure .image {
\n padding-bottom: 56%;
\n }<\/p>\n

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

#pos_plusbox.plusbox-c.plusbox header {
\n position: relative;
\n top: 15px;
\n left: 0;
\n padding-left: 0;
\n }<\/p>\n

#pos_plusbox.plusbox-c.plusbox .logo-background {
\n padding: 1px 3px;
\n border-radius: 2px;
\n width: auto;
\n height: auto;
\n background-color: #fff !important;
\n }<\/p>\n

#pos_plusbox.plusbox-c.plusbox .logo-background img {
\n background-color: white;
\n width: 48px;
\n height: auto;
\n }<\/p>\n

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

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

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

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

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

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

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

#pos_plusbox.plusbox-c {
\n background-color: #034a21 !important;
\n border-top: 10px solid #a1c513 !important;
\n border-bottom: 10px solid #a1c513 !important;
\n }<\/p>\n

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

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

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

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

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

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

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

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

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

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

[data-layout=“mobile“] .plusbox.plusbox-c figure .image {
\n margin-top: 0;
\n }<\/p>\n

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

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

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

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

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

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

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

[data-layout=“mobile“] #pos_plusbox.plusbox-c.plusbox header {
\n top: 2px;
\n }<\/p>\n

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.registrationwall.news #collection-wrapper > .grid-row-teaser .articleTeaser #pianoRecoMeineNachrichten::after {
\n display: none !important;
\n }<\/p>\n

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

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

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

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

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

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


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

\"Schwarzw\u00e4lder <\/a><\/p>\n


\n\t\t\t a {\t display: inline-block; \t background: none;\t color: unset;\t -webkit-transition: none;\t display: flex;\t width: 85%;\t}]]]]]]]]]]>]]]]]]]]>]]]]]]>]]]]>]]>
\n\t
\n\t
\n
\n
\n
\n <\/p>\n

\u00a0<\/p>\n

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


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


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


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

\t\t\t\t\t\t\t\t\t\t\t\t\tDeutschland\t\t\t\tBilder des Tages\t\t\t\t\t\t\t\t\t<\/p>\n

\t\tdpa\t\t09.09.2025 – 01:06 Uhr\t \t<\/p>\n

\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t \t\t\t\t\t\t\t \t\t\t\t \"Deutschland:\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tDer franz\u00f6sische Premierminister Francois Bayrou verl\u00e4sst die Nationalversammlung, nachdem er eine Vertrauensabstimmung im Parlament verloren hat.\u00a0Foto: Christophe Ena\/AP\/dpa\t\t\t<\/p>\n

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

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

Weitere Themen <\/p>\n

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

<\/a> \"Schwarzw\u00e4lder <\/a><\/p>\n

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

img {
\n display: block;
\n margin: 20px auto 35px;
\n width: 280px;
\n }<\/p>\n

.footercontent .sharewrapper {
\n display: flex;
\n justify-content: center;
\n align-items: center;
\n margin-bottom: 35px;
\n }<\/p>\n

.footercontent .sharewrapper li {
\n display: inline-block;
\n margin: 0px 10px;
\n width: auto !important;
\n padding: 0 0 5px 0;
\n }<\/p>\n

.footercontent .sharewrapper li a {
\n min-width: 46px;
\n min-height: 42px;
\n display: block;
\n }<\/p>\n

.footercontent .sharewrapper li.facebook a {
\n background: url(https:\/\/www.schwarzwaelder-bote.de\/media.media.27b2d81d-da4d-4c6b-b5cc-1d3b5465e639.original.png) no-repeat;
\n }<\/p>\n

.footercontent .sharewrapper li.twitter a {
\n background: url(https:\/\/www.schwarzwaelder-bote.de\/media.media.0955ec33-6833-47f0-8043-19cf8745e388.original.png) no-repeat;
\n }<\/p>\n

.footercontent .sharewrapper li.youtube a {
\n background: url(https:\/\/www.schwarzwaelder-bote.de\/media.media.3ec2fe57-77dd-459e-b033-60ac81312b18.original.png) no-repeat;
\n }<\/p>\n

.footercontent .sharewrapper li.insta a {
\n background: url(https:\/\/www.schwarzwaelder-bote.de\/media.media.e1772eb0-324c-4526-ae03-df65c4869570.original.png) no-repeat;
\n }<\/p>\n

.footercontent .sharewrapper li.tiktok a {
\n background: url(https:\/\/www.schwarzwaelder-bote.de\/media.media.0d8ce438-9b36-4f4a-b7de-2c942bef4f06.original.svg) no-repeat;
\n }<\/p>\n

.footercontent .footer-links {
\n text-align: center;
\n margin: 0px auto 35px;
\n font-size: 14px;
\n line-height: 1.5;
\n display: block;
\n padding: 0 !important;
\n }<\/p>\n

.mod-footer .footer-links li {
\n display: inline-block;
\n }<\/p>\n

.mod-footer .footer-links li a {
\n display: block;
\n color: #ffffff;
\n font-weight: 300;
\n }<\/p>\n

[data-layout=“desktop“] .mod-footer .footer-links li a {
\n padding: 0 20px 9px 0;
\n font-size: 0.875rem;
\n font-weight: normal;
\n line-height: 1;
\n }<\/p>\n

[data-layout=mobile] .mod-footer .footer-links li a {
\n margin-bottom: 15px;
\n font-size: 14px;
\n padding: 0 10px;
\n }<\/p>\n

.footercontent h2.footer-header {
\n font-size: 15px;
\n font-weight: 700;
\n color: #fff;
\n line-height: 1.5;
\n margin: 0px auto 12px;
\n text-align: center;
\n }
\n]]]]]]]]]]>]]]]]]]]>]]]]]]>]]]]>]]><\/p>\n


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

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

]]]]]]]]>]]]]]]>]]]]>]]>
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n <\/p>\n","protected":false},"excerpt":{"rendered":" …\n","protected":false},"author":2,"featured_media":407752,"comment_status":"","ping_status":"","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[2],"tags":[331,3924,332,3922,3364,29,1885,30,13,14,3923,15,3921,12],"class_list":{"0":"post-407751","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","7":"category-deutschland","8":"tag-aktuelle-nachrichten","9":"tag-aktuelle-nachrichten-aus-deutschland","10":"tag-aktuelle-news","11":"tag-aktuelle-news-aus-deutschland","12":"tag-de","13":"tag-deutschland","14":"tag-fotografie","15":"tag-germany","16":"tag-headlines","17":"tag-nachrichten","18":"tag-nachrichten-aus-deutschland","19":"tag-news","20":"tag-news-aus-deutschland","21":"tag-schlagzeilen"},"share_on_mastodon":{"url":"https:\/\/pubeurope.com\/@de\/115171539659189283","error":""},"_links":{"self":[{"href":"https:\/\/www.europesays.com\/de\/wp-json\/wp\/v2\/posts\/407751","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.europesays.com\/de\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.europesays.com\/de\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.europesays.com\/de\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.europesays.com\/de\/wp-json\/wp\/v2\/comments?post=407751"}],"version-history":[{"count":0,"href":"https:\/\/www.europesays.com\/de\/wp-json\/wp\/v2\/posts\/407751\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.europesays.com\/de\/wp-json\/wp\/v2\/media\/407752"}],"wp:attachment":[{"href":"https:\/\/www.europesays.com\/de\/wp-json\/wp\/v2\/media?parent=407751"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.europesays.com\/de\/wp-json\/wp\/v2\/categories?post=407751"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.europesays.com\/de\/wp-json\/wp\/v2\/tags?post=407751"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}