.item {
width: 100% !important;
}
.ad-adshop[data-zone-id=”27″] .adshopbanner {
margin-top: 10px !important;
}
.ad-adshop[data-zone-id=”27″] > .item {
width: 50% !important;
padding: 10px !important;
}
.ad-adshop[data-zone-id=”27″] {
margin: 0;
padding: 22px 0 0 0 !important;
}
]]]]]]]]]]>]]]]]]]]>]]]]]]>]]]]>]]>
]]]]]]]]>]]]]]]>]]]]>]]>
]]]]]]]]>]]]]]]>]]]]>]]>
a {
flex: 1;
text-align: center;
}
.registrationwall .registrationwall__header .tabs>a:not(.active) {
color: #bab7ad;
border-color: #bab7ad;
}
.registrationwall .registrationwall__header .steps .step {
font-size: 16px;
line-height: 22px;
display: flex;
align-items: center;
}
.registrationwall .registrationwall__header .steps .step:before {
display: flex;
width: 32px;
height: 32px;
color: #fff;
margin-right: 10px;
border-radius: 5px;
align-items: center;
justify-content: center;
font-size: 20px;
line-height: 22px;
line-height: 29px;
font-weight: 700;
flex-shrink: 0;
}
.registrationwall .registrationwall__header .steps .step.step-1 {
color: #00963F;
margin-right: 35px;
}
[data-layout=”mobile”] .registrationwall .registrationwall__header .steps .step.step-1 {
margin-right: 20px;
}
.registrationwall .registrationwall__header .steps .step.step-2 {
color: #BAB7AD;
}
.registrationwall .registrationwall__header .steps .step.step-1:before {
content: “1”;
background-color: #00963F;
}
.registrationwall .registrationwall__header .steps .step.step-2:before {
content: “2”;
background-color: #BAB7AD;
}
[data-layout=”mobile”] .registrationwall__header {
padding: 20px 18px;
}
[data-layout=”mobile”] .registrationwall .registrationwall__header {
padding: 13px 18px;
}
[data-layout=”mobile”] .registrationwall.onboarding {
margin-top: 0;
}
/* Haupstseiten mit Wrapper – Content */
.registrationwall .registrationwall__content,
.registrationwall .registrationwall__banner {
margin: 0 auto;
padding: 40px 20px;
/* box-shadow: 0px 1px 3px rgba(41, 41, 41, 0.16); */
}
.registrationwall.bookmarks .registrationwall__content {
padding: 0;
}
.registrationwall.news .registrationwall .registrationwall__content {
box-shadow: none;
}
[data-layout=”mobile”] .registrationwall .registrationwall__content {
padding: 32px 0;
}
.registrationwall:not(.onboarding) .registrationwall__content,
.registrationwall:not(.onboarding) .registrationwall__banner {
margin-top: 10px;
width: 100%;
}
[data-alias=”/meinsb/meine-nachrichten”] .registrationwall:not(.onboarding) .registrationwall__banner {
margin-top: 0;
margin-bottom: 10px;
}
.registrationwall .registrationwall__content>div {
width: 100%;
/* max-width: 817px; */
margin: 0 auto;
}
.registrationwall .registrationwall__content>.item-list {
margin-bottom: 0;
}
/* Listen */
.registrationwall .item-list,
.registrationwall .item {
display: block;
line-height: 26px;
}
.registrationwall .item-list>.item {
width: auto;
}
.registrationwall .item-list {
margin-bottom: 41px;
}
.registrationwall .item-list .headline {
font-size: 22px;
line-height: 29px;
font-weight: 700;
margin-top: 60px;
color: #2A2F31;
}
.registrationwall .item-list .subHeadline {
margin-top: 8px;
margin-bottom: 14px;
color: #7C7867;
}
.registrationwall .item.boxItemContainer .item {
width: 160px !important;
height: 150px;
border: 1px solid #2A2F31;
/* border-radius: 5px; */
padding: 0 10px 0 10px;
margin: 0 35px 0 0;
display: flex;
flex-direction: column;
justify-content: space-between;
/* overflow: hidden; */
background-color: #E5F4EC;
margin-top: 12px;
}
.registrationwall .item.boxItemContainer.topics .item {
background-image: url(https://www.schwarzwaelder-bote.de/staticcontent/schwarzwaelder_bote/common/assets/svg/Themenbild_Meine-StZ.svg);
}
.registrationwall .item.boxItemContainer .item img {
object-fit: cover;
width: 68px;
height: 68px;
order: -1;
border-radius: 50%;
position: absolute;
right: 7px;
top: -12px;
border: 1px solid #2A2F31;
}
.registrationwall .item.boxItemContainer .item:last-of-type {
margin-right: 0;
}
.registrationwall .item.boxItemContainer .item .headline {
margin: auto 0 10px;
white-space: initial;
line-height: 22px;
font-size: 22px;
}
.registrationwall .item.boxItemContainer.topics .item .headline {
display: flex;
/* margin: auto 0 40px; */
justify-content: center;
text-align: center;
margin: 43px 0 auto;
}
[data-layout=”mobile”] .registrationwall .headline {
margin-top: 40px;
}
[data-layout=”mobile”] .registrationwall .item.boxItemContainer {
padding-left: 18px;
padding-right: 18px;
}
[data-layout=”mobile”] .registrationwall .item.boxItemContainer .item {
margin-right: 8px;
}
[data-layout=”mobile”] .registrationwall__content>.item-list>.item+.item>.headline {
margin-top: 60px;
}
/* [data-layout=”mobile”] .registrationwall .item.boxItemContainer .item {
width: 144px !important;
height: 134px;
padding: 0 10px;
} */
/* [data-layout=”mobile”] .registrationwall .item.boxItemContainer .item img {
width: 40px;
height: 40px;
} */
/* [data-layout=”mobile”] .registrationwall .item.boxItemContainer .item .headline {
margin: auto 0 10px;
line-height: 23px;
font-size: 18px;
} */
[data-layout=”mobile”] .registrationwall .item.boxItemContainer.topics .item .headline {
margin: auto 0 30px;
}
/* Slider */
.registrationwall .item.slider .item-list.flickity-enabled {
position: relative;
margin-top: 0;
}
.registrationwall .item.slider .item-list.flickity-enabled .arrow {
position: absolute;
top: 50%;
transform: translateY(-50%);
}
.registrationwall .item.slider .item-list.flickity-enabled .arrow:after {
font-family: swiper-icons;
font-size: 15px;
text-transform: none !important;
letter-spacing: 0;
font-variant: initial;
line-height: 1;
font-weight: bold;
}
.registrationwall .item.slider .item-list.flickity-enabled .arrow.left {
left: -50px;
}
.registrationwall .item.slider .item-list.flickity-enabled .arrow.left:after {
content: ‘prev’;
}
.registrationwall .item.slider .item-list.flickity-enabled .arrow.right {
right: -50px;
}
.registrationwall .item.slider .item-list.flickity-enabled .arrow.right:after {
content: ‘next’;
}
.registrationwall .item:not(.slider) .item-list {
display: flex;
flex: 1;
}
.registrationwall .item.slider .item-list:not(.flickity-enabled) {
display: flex;
}
.registrationwall .item.slider .item-list:not(.flickity-enabled) .item:nth-child(n+5) {
display: none;
}
.registrationwall .item.slider .item-list:not(.flickity-enabled) .item:nth-child(4) {
margin-right: 0;
}
[data-layout=”mobile”] .registrationwall .item.slider .item-list:not(.flickity-enabled) .item:nth-child(n+3) {
display: none;
}
[data-layout=”mobile”] .registrationwall .item.slider .item-list:not(.flickity-enabled) .item:nth-child(2) {
margin-right: 0;
}
.registrationwall .flickity-button {
display: none !important;
}
/* Alphabetical List */
.registrationwall .item.alphabeticalList>.item-list {
margin: 0;
/* display: grid; */
/* grid-template-columns: 1fr 1fr; */
gap: 23px 60px;
display: block;
column-count: 2;
}
.registrationwall .item.alphabeticalList>.item-list .item.topicList {
margin-top: 23px;
}
[data-layout=”mobile”] .registrationwall .item.alphabeticalList {
padding-left: 18px;
padding-right: 18px;
}
[data-layout=”mobile”] .registrationwall .item.alphabeticalList>.item-list {
/* grid-template-columns: 1fr; */
column-count: 1;
}
/* Topic List */
.registrationwall .topicList {
margin-top: 0;
}
.registrationwall .topicList .headline {
font-size: 18px;
line-height: 27px;
margin-top: 0;
font-family: ‘Roboto Condensed’;
}
.registrationwall .topicList>.item-list {
margin: 0;
display: flex;
flex-wrap: wrap;
flex-direction: column;
}
.registrationwall .topicList>.item-list .item {
display: flex;
margin-top: 8px;
margin-bottom: 10px;
flex: 1;
align-items: center;
}
.registrationwall .topicList>.item-list button {
margin: 0 0 0 auto;
width: auto;
min-width: 123px;
}
@media (max-width: 365px) {
.registrationwall .topicList>.item-list button {
min-width: 113px;
}
}
.registrationwall .topicList>.item-list .headline {
font-weight: 400;
min-width: 0;
margin-right: 10px;
text-overflow: ellipsis;
overflow: hidden;
}
/* Overlays */
body.onboardingOverlayOpen {
overflow: hidden;
}
body.onboardingInfoOpen .onboardingInfo {
transform: translateY(0);
}
.onboardingInfo {
transform: translateY(100%);
transition: transform 200ms ease 0s;
position: fixed;
bottom: 0;
width: 100%;
text-align: center;
background-color: #E5F4EC;
padding: 20px;
font-size: 18px;
line-height: 27px;
max-width: 1020px;
box-shadow: 0px 0px 4px rgba(41, 41, 41, 0.16);
}
.onboardingInfo button {
line-height: 21px !important;
height: auto !important;
font-size: 18px;
padding: 13px 70px;
margin-top: 15px;
margin-bottom: 15px;
box-shadow: 0px 1px 3px rgba(77, 85, 90, 0.16);
border-radius: 5px;
}
.onboardingInfo button[disabled],
.onboardingInfo button[disabled]:hover {
background: #BAB7AD;
color: #E7E7E7;
cursor: default;
}
.onboardingInfo .container-login {
font-weight: bold;
}
.onboardingInfo .container-login span {
color: #00963F;
cursor: pointer;
}
.onboardingInfo span[data-follow-count-author]:not([data-follow-count-author=”0″]),
.onboardingInfo span[data-follow-count-theme]:not([data-follow-count-theme=”0″]) {
color: #00963F;
}
.registrationwall .configurationInfo span[data-follow-count-author]:not([data-follow-count-author=”0″]):before,
.onboardingInfo span[data-follow-count-author]:not([data-follow-count-author=”0″]):before {
content: attr(data-follow-count-author);
}
.registrationwall .configurationInfo span[data-follow-count-theme]:not([data-follow-count-theme=”0″]):before,
.onboardingInfo span[data-follow-count-theme]:not([data-follow-count-theme=”0″]):before {
content: attr(data-follow-count-theme);
}
.registrationwall .configurationInfo span[data-follow-count-theme]:not([data-follow-count-theme=”0″]):after,
.onboardingInfo span[data-follow-count-theme]:not([data-follow-count-theme=”0″]):after {
content: ” Themen”;
}
.registrationwall .configurationInfo span[data-follow-count-author]:not([data-follow-count-author=”0″]):after,
.onboardingInfo span[data-follow-count-author]:not([data-follow-count-author=”0″]):after {
content: ” Autoren”;
}
.registrationwall .configurationInfo span {
color: #00963F;
}
.onboardingInfo span[data-follow-count-theme=”0″]+span[data-follow-count-author=”0″]:before {
content: “noch keine Themen oder Autoren”;
}
.registrationwall .onboardingInfo span[data-follow-count-theme=”1″]:after,
.registrationwall .configurationInfo span[data-follow-count-theme=”1″]:after {
content: ” Thema” !important;
}
.registrationwall .onboardingInfo span[data-follow-count-author=”1″]:after,
.registrationwall .configurationInfo span[data-follow-count-author=”1″]:after {
content: ” Autor” !important;
}
.registrationwall .configurationInfo span[data-follow-count-theme]:not([data-follow-count-theme=”0″])+span[data-follow-count-author]:not([data-follow-count-author=”0″]):before,
.onboardingInfo span[data-follow-count-theme]:not([data-follow-count-theme=”0″])+span[data-follow-count-author]:not([data-follow-count-author=”0″]):before {
content: ‘ und ‘ attr(data-follow-count-author);
}
.bodyOverlayOpen {
overflow: hidden;
}
body.onboardingOverlayOpen .site-wrapper>.grid.onboardingGrid {
z-index: 1;
}
[data-layout=”mobile”] .onboardingGrid {
margin-top: 10px;
}
body.onboardingOverlayOpen .onboardingOverlayBackground,
body.onboardingOverlayOpen .onboardingOverlay {
display: block;
}
[data-alias=”/meinsb/auswahl-treffen”] .onboardingOverlayOpen .mod-header {
z-index: 1;
}
.onboardingOverlayBackground {
display: none;
position: fixed;
z-index: 999;
width: 100%;
left: 0;
top: 0;
right: 0;
bottom: 0;
min-height: 100vh;
background: rgba(0, 0, 0, 0.35);
overflow: hidden;
}
.onboardingOverlay {
display: none;
overflow: hidden;
padding: 0;
width: 100%;
border-radius: 5px;
box-shadow: 0px -1px 3px rgba(41, 41, 41, 0.16), 0px 1px 3px rgba(41, 41, 41, 0.16);
position: fixed;
top: 50%;
left: 200px;
max-width: 378px;
background-color: white;
z-index: 9999;
transform: translate(321px, -50%);
}
@media (max-width: 1440px) {
.onboardingOverlay {
left: 0;
}
}
.onboardingOverlay .content {
padding: 50px 39px 40px;
display: flex;
flex-direction: column;
}
.onboardingOverlay .content h2 {
font-size: 22px;
font-weight: 700;
margin-bottom: 8px;
line-height: 27px;
color: #2A2F31;
text-align: center;
}
#overlayFollow .onboardingOverlay .content h2 {
margin-bottom: 8px;
}
.onboardingOverlay .content p {
line-height: 24px;
text-align: center;
}
.onboardingOverlay .content picture {
margin-bottom: 20px;
margin-left: auto;
margin-right: auto;
height: 106px;
}
.onboardingOverlay .content .btn {
line-height: 21px;
height: auto;
font-size: 18px;
padding: 13px 28px;
margin-top: 20px;
margin-bottom: 10px;
border-radius: 5px;
}
.onboardingOverlay .content .container-login {
font-weight: 700;
font-size: 18px;
line-height: 27px;
margin-top: 10px;
text-align: center;
}
.onboardingOverlay .content .container-login span {
color: #00963F;
cursor: pointer;
}
.onboardingOverlay .closeIconContainer .closeOverlay {
padding: 17px;
position: absolute;
right: 0;
top: 0;
cursor: pointer;
}
@media (max-width: 560px) {
.onboardingOverlay {
max-width: calc(100% – 36px);
}
.onboardingOverlay .content {
padding: 50px 40px 30px;
display: flex;
flex-direction: column;
}
.onboardingOverlay .content .btn {
padding: 14px 15px;
}
}
@media (max-width: 396px) {
.onboardingOverlay .content {
padding: 50px 30px 30px;
}
.onboardingOverlay .content .btn {
padding: 14px 7px;
}
}
/* Tagsuche / Autocomplete */
.registrationwall__search:before {
content: “Themen & Autoren suchen”;
font-weight: 700;
font-size: 22px;
line-height: 29px;
margin-bottom: 20px;
display: block;
color: #2A2F31;
}
.registrationwall__search form {
margin-bottom: 12px;
display: flex;
overflow: hidden;
}
.registrationwall__search+.item-list {
margin-bottom: 0;
}
.registrationwall__search input {
border: 0px;
caret-color: rgb(113, 115, 127);
-webkit-box-flex: 1;
flex-grow: 1;
font-size: 16px;
line-height: inherit;
background-color: #fff;
color: #2A2F31;
outline: none;
border-left: none;
border-right: none;
border-top: none;
border-bottom: 2px solid #2A2F31;
display: flex;
padding: 10px 5px;
font-size: 18px;
line-height: 27px;
}
.registrationwall__search input::focus-within {
border-bottom: 2px solid #00963F;
}
.registrationwall__search input::placeholder {
opacity: 1;
color: #BAB7AD;
}
.registrationwall__search form {
position: relative;
}
.registrationwall__search input~svg {
width: 24px;
position: absolute;
display: none;
right: 12px;
bottom: 18px;
}
.registrationwall__search input~svg.action-search {
fill: #BAB7AD;
display: none;
bottom: 16px;
}
.registrationwall__search input:placeholder-shown~svg.action-search {
display: flex;
}
.registrationwall__search input~.action-close {
cursor: pointer;
display: flex;
}
.registrationwall__search input:placeholder-shown~svg.action-close {
display: none;
}
.registrationwall__search .autoComplete_wrapper [type=”search”] {
-webkit-appearance: none;
-moz-appearance: none;
-ms-appearance: none;
appearance: none;
}
.registrationwall__search .autoComplete_wrapper [type=”search”] {
-webkit-appearance: textfield;
}
.registrationwall__search input:focus {
border-bottom: 2px solid #00963F;
}
.registrationwall__search input::placeholder {
/* color: rgba(123, 123, 123, 0.5); */
transition: all 0.3s ease;
}
.registrationwall__search .item-list[hidden] {
display: none !important;
}
.registrationwall__search .item-list {
position: relative;
margin-bottom: 10px;
background-color: #fff;
z-index: 0;
outline: none;
}
.registrationwall__search .item-list .item {
padding: 5px 12px 5px 12px;
transition: all 0.1s ease-in-out;
background-color: #fff;
white-space: nowrap;
}
[data-layout=”mobile”] .registrationwall__search .item-list .item {
white-space: normal;
align-items: flex-start;
}
[data-layout=”mobile”] .registrationwall__search .item-list .item:after {
display: none;
}
.registrationwall__search .autoComplete_wrapper .item-list .item::selection {
color: #fff;
background-color: #fff;
}
.registrationwall__search .autoComplete_wrapper .item-list .item:hover {
cursor: pointer;
}
.registrationwall__search .autoComplete_wrapper .item-list .item mark {
background-color: transparent;
color: rgba(#00963F, 1);
font-weight: bold;
}
.registrationwall__search .autoComplete_wrapper .item-list .item mark::selection {
color: rgba(#ffffff, 0);
background-color: rgba(#ffffff, 0);
}
.registrationwall__search .autoComplete_wrapper .item-list .item[aria-selected=”true”] {
background-color: rgba(123, 123, 123, 0.1);
}
.registrationwall__search .item-list .item .headline {
min-width: 0;
overflow: hidden;
text-overflow: ellipsis;
}
[data-layout=”mobile”] .registrationwall__search {
padding: 0 18px;
}
/* Meine Konfiguration – Infotext */
.registrationwall .configurationInfo {
text-align: center;
margin: 60px 0 32px 0;
}
[data-layout=”mobile”] .registrationwall .configurationInfo {
margin: 40px 0 22px 0;
}
.registrationwall .configurationInfo p {
font-size: 18px;
line-height: 27px;
padding: 0 18px;
}
.registrationwall .configurationInfo p+p {
padding-top: 20px;
}
.registrationwall .configurationInfo[data-follow-count=”0″] .follow-text {
display: none;
}
.registrationwall .configurationInfo[data-follow-count=”0″] .no-follow-text {
display: block;
}
.registrationwall .configurationInfo:not([data-follow-count=”0″]) .follow-text {
display: block;
}
.registrationwall .configurationInfo:not([data-follow-count=”0″]) .no-follow-text {
display: none;
}
[data-layout=”mobile”] .registrationwall .configurationInfo:not([data-follow-count=”0″]) .follow-text br {
display: none;
}
/* Meine Konfiguration – Drag&Drop */
.registrationwall .sortable_wrapper {
width: 450px !important;
margin: 0 auto;
margin-top: 32px;
}
[data-layout=”mobile”] .registrationwall .sortable_wrapper {
width: 100% !important;
padding: 0 18px;
}
.registrationwall .sortable_wrapper.item.topicList>.item-list>.item {
padding: 18px;
border: 1px solid;
border-radius: 3px;
cursor: grab;
user-select: none;
align-items: center;
max-width: 100%;
}
.registrationwall .sortable_wrapper.item.topicList>.item-list>.item .bookmark-theme {
margin-top: 1px;
}
.registrationwall .sortable_wrapper.item.topicList>.item-list>.item:before {
content: url(“https://www.schwarzwaelder-bote.de/staticcontent/schwarzwaelder_bote/common/assets/svg/grab-sort-icon.svg”);
margin-right: 29px;
margin-top: 1px;
width: 24px;
}
.registrationwall .sortable_wrapper.item.topicList>.item-list>.item .headline {
order: 0;
}
.registrationwall .sortable_wrapper.item.topicList>.item-list>.item button {
order: 2;
}
.registrationwall .sortable_wrapper.item.topicList>.item-list>.item img {
object-fit: cover;
width: 30px;
height: 30px;
border-radius: 50%;
order: 1;
margin-right: 15px;
margin-left: 5px;
flex-shrink: 0;
}
.registrationwall .sortable-ghost {
opacity: 0;
}
.registrationwall .sortable-chosen {
background: #E5F4EC;
}
.registrationwall .sortable-fallback {
opacity: 1 !important;
background: #E5F4EC;
}
/* Meine StZ – Meine Nachrichten / Merkliste */
/* .registrationwall-article-collection {
content: “”;
display: block;
height: 10px;
background-color: #BAB7AD;
position: relative;
width: 100vw;
left: -40px;
max-width: 1210px;
} */
.registrationwall-article-collection .load-more {
margin: 40px 0 0;
}
[data-layout=”mobile”] .registrationwall-article-collection .load-more {
margin: 30px 0 0;
}
.registrationwall-article-collection .load-more button {
line-height: 21px !important;
height: auto !important;
font-size: 18px;
padding: 13px 70px;
box-shadow: 0px 1px 3px rgba(77, 85, 90, 0.16);
border-radius: 5px;
font-weight: 700;
text-align: center;
min-width: 343px;
transition: color .25s ease, background .25s ease;
}
.registrationwall-article-collection .load-more button:hover {
background-color: #96b90c;
}
[data-layout=”mobile”] .registrationwall-article-collection .load-more button {
min-width: auto;
/* width: calc(100% – 36px); */
}
/* .registrationwall .registrationwall-article-collection .appetizer,
.registrationwall .registrationwall-article-collection .appetizer .appetizer-text {
margin-bottom: 0;
} */
[data-layout=”desktop”] .registrationwall .registrationwall-article-collection .appetizer .appetizer-kicker,
[data-layout=”desktop”] .registrationwall .registrationwall-article-collection .appetizer .appetizer-title,
[data-layout=”tablet”] .registrationwall .registrationwall-article-collection .appetizer .appetizer-kicker,
[data-layout=”tablet”] .registrationwall .registrationwall-article-collection .appetizer .appetizer-title {
width: 100%;
max-width: 387px;
padding: 0 10px;
}
[data-layout=”desktop”] .registrationwall .registrationwall-article-collection .appetizer .appetizer-kicker,
[data-layout=”tablet”] .registrationwall .registrationwall-article-collection .appetizer .appetizer-kicker {
margin-top: 16px;
}
[data-layout=”desktop”] .registrationwall .registrationwall-article-collection .appetizer figure,
[data-layout=”tablet”] .registrationwall .registrationwall-article-collection .appetizer figure {
width: 300px;
padding: 0;
/* margin-bottom: 0; */
}
.registrationwall.bookmarks,
.registrationwall.news,
.registrationwall.myconfig {
background: transparent;
}
.registrationwall.bookmarks .registrationwall__content>div,
.registrationwall.news .registrationwall__content>div {
width: 100%;
max-width: none;
}
[data-layout=”mobile”] .registrationwall.bookmarks .registrationwall__content.boxitem,
[data-layout=”mobile”] .registrationwall.news .registrationwall__content.boxitem {
padding: 20px 18px;
}
.registrationwall.bookmarks .bookmarksInfo {
align-items: center;
margin: 20px auto;
}
[data-layout=”mobile”] .registrationwall.bookmarks .bookmarksInfo {
margin: 10px 0 12px;
}
/* [data-layout=”mobile”] .registrationwall.bookmarks .content .data figure {
float: right;
width: 36%;
margin-bottom: 10px;
} */
/* [data-layout=”mobile”] .registrationwall.bookmarks .content .data figure .image-wrapper {
overflow: hidden;
}
[data-layout=”mobile”] .registrationwall.bookmarks .content .data figure .image-wrapper .image {
padding-bottom: 74.5%;
height: auto;
}
[data-layout=”mobile”] .registrationwall.bookmarks .content .data figure .image-wrapper .image img {
width: 112%;
max-width: unset;
} */
[data-layout=”mobile”] .registrationwall.bookmarks .content .data .appetizer-title,
[data-layout=”mobile”] .registrationwall.bookmarks .content .data .appetizer-kicker {
width: 59%;
hyphens: auto;
}
/* [data-layout=”mobile”] .registrationwall.bookmarks .content .data .appetizer-title {
font-size: 1.0625rem !important;
padding-top: 3px;
} */
/* [data-layout=”mobile”] .registrationwall.bookmarks .content .data .appetizer-kicker {
font-size: .9375rem !important;
} */
/* [data-layout=”mobile”] .registrationwall.bookmarks .content .data .appetizer-text {
display: none;
} */
[data-layout=”tablet”] .registrationwall.news .newsInfo,
[data-layout=”mobile”] .registrationwall.news .newsInfo {
padding-top: 60px;
}
[data-layout=”mobile”] .registrationwall.news .newsInfo {
padding-top: 30px;
}
.registrationwall.news .newsInfo img {
margin: 40px 0;
}
.registrationwall.bookmarks .bookmarksInfo img {
margin: 45px 0 35px;
}
.registrationwall.news .newsInfo .headline,
.registrationwall.bookmarks .bookmarksInfo .headline {
font-weight: 700;
font-size: 22px;
line-height: 29px;
margin-top: 0;
text-align: center;
color: #2A2F31;
}
.registrationwall.news .newsInfo .subHeadline,
.registrationwall.bookmarks .bookmarksInfo .subHeadline {
max-width: 390px;
text-align: center;
font-size: 18px;
line-height: 27px;
}
.registrationwall.news .newsInfo>a {
line-height: 21px !important;
height: auto !important;
font-size: 18px;
padding: 13px 70px;
margin-top: 34px;
box-shadow: 0px 1px 3px rgba(77, 85, 90, 0.16);
border-radius: 5px;
font-weight: 700;
text-align: center;
min-width: 343px;
transition: color .25s ease, background .25s ease;
background-color: #00963F;
color: #fff;
}
.registrationwall.news .newsInfo>a:hover {
background: #96b90c;
color: #fff;
}
.registrationwall-article-collection>.headline {
color: #2A2F31;
font-size: 28px;
line-height: 28px;
font-weight: 700;
/* border-bottom: 2px solid #2A2F31 ;
padding-bottom: 9px; */
padding: 0 20px;
}
[data-layout=”mobile”] .registrationwall-article-collection>.headline {
padding-bottom: 6px;
margin-top: 24px;
font-size: 20px;
}
.registrationwall-article-collection>.item-list {
/* max-width: 727px; */
margin: 24px auto 0;
min-height: 353px;
}
.registrationwall-article-collection>.item-list>div {
display: flex;
}
[data-layout=”mobile”] .registrationwall-article-collection>.item-list>div {
display: block;
}
[data-layout=”mobile”] .registrationwall-article-collection>.item-list {
max-width: 727px;
margin: 40px auto 0;
min-height: 400px;
}
/* .registrationwall-article-collection > .item-list .data + div .article-date-minutes,
.registrationwall-article-collection > .item-list .data + div .article-date-seconds {
color: #D50C2F;
} */
.registrationwall-article-collection>.item-list .data+div .article-found-because:not(:empty) {
padding: 6px 10px;
background-color: #BAB7AD;
border-radius: 5px;
margin-left: 26px;
white-space: nowrap;
flex-shrink: 1;
text-overflow: ellipsis;
overflow: hidden;
}
[data-layout=”mobile”] .registrationwall-article-collection>.item-list {
margin-top: 10px;
}
/* Header – Themenseiten */
.theme-header {
width: 100%;
border-bottom: 1px solid #e5e4de;
padding: 0 20px 18px;
margin-bottom: 30px;
}
.theme-header .headline {
width: 100%;
color: #2A2F31;
font-size: 2rem;
font-weight: 700;
border-bottom: 2px solid #2A2F31;
line-height: 2.5rem;
margin-bottom: 1.5rem;
}
.theme-header .follow-text {
width: 100%;
font-size: 1rem;
line-height: 1.3;
margin-bottom: 20px;
}
/* Buttons – alle */
button[class^=”bookmark-“] {
background-color: transparent !important;
}
/* Buttons – Themen / Autoren */
button.bookmark-theme,
button.bookmark-author {
max-width: 100%;
width: auto;
min-width: 123px;
margin: 0 0 12px;
border: 1px solid #2A2F31;
border-radius: 5px;
background-color: #fff !important;
color: #2A2F31 !important;
font-size: 12px;
line-height: 15px;
height: auto;
padding: 4px 0;
display: flex;
justify-content: center;
transition: none;
position: relative;
font-weight: 700;
}
.item>button.bookmark-theme,
.item button.bookmark-author {
margin: 0 9px 12px;
}
[data-layout=”tablet”] button.bookmark-theme:not([data-follow=”true”]):hover,
[data-layout=”tablet”] button.bookmark-author:not([data-follow=”true”]):hover,
[data-layout=”desktop”] button.bookmark-theme:not([data-follow=”true”]):hover,
[data-layout=”desktop”] button.bookmark-author:not([data-follow=”true”]):hover {
border-color: rgba(77, 85, 90, 0.7);
color: rgba(77, 85, 90, 0.7) !important;
background-color: rgba(255, 255, 255, 0.7);
}
[data-layout=”mobile”] .autorenprofil-content button.bookmark-author {
margin-left: auto;
margin-right: auto;
margin-bottom: 30px;
}
button.bookmark-theme:before,
button.bookmark-author:before {
/* content: “”;
display: inline-block;
background-image: url(https://www.schwarzwaelder-bote.de/staticcontent/schwarzwaelder_bote/common/assets/svg/icon-plus.svg);
margin-right: 4px;
width: 15px;
height: 15px;
background-repeat: no-repeat; */
display: inline-block;
background-image: url(https://www.schwarzwaelder-bote.de/staticcontent/schwarzwaelder_bote/common/assets/svg/icon-plus.svg);
height: 15px;
background-repeat: no-repeat;
padding-left: 19px;
}
button.bookmark-author:before {
content: “Autor folgen”;
width: 68px;
}
button.bookmark-theme:before {
content: “Thema folgen”;
width: 75px;
}
[data-layout=”tablet”] button.bookmark-theme:not([data-follow=”true”]):hover:before,
[data-layout=”tablet”] button.bookmark-author:not([data-follow=”true”]):hover:before,
[data-layout=”desktop”] button.bookmark-theme:not([data-follow=”true”]):hover:before,
[data-layout=”desktop”] button.bookmark-author:not([data-follow=”true”]):hover:before {
background-image: url(https://www.schwarzwaelder-bote.de/staticcontent/schwarzwaelder_bote/common/assets/svg/icon-plus-grey.svg);
/* background-position: 1px 1px; */
/* position: relative;
top: 1px;
left: 1px; */
}
/* EGM-949 */
/* button.bookmark-author[data-type=”follow”]:after,
button.bookmark-theme[data-type=”follow”]:after {
content: “”;
display: block;
width: 40px;
height: 20px;
background-image: url(‘https://www.schwarzwaelder-bote.de/staticcontent/schwarzwaelder_bote/common/assets/svg/flag-new-left.svg’);
position: absolute;
right: -50px;
top: 2px;
pointer-events: none;
} */
/* button.bookmark-theme[data-type=”follow”]:after {
content: “Thema folgen”
}
button.bookmark-author[data-type=”follow”]:after {
content: “Autor folgen”
} */
.registrationwall button.bookmark-theme[data-type=”follow”]:after,
.registrationwall button.bookmark-author[data-type=”follow”]:after {
display: none;
}
button.bookmark-theme[data-type=”follow”][data-follow=”true”],
button.bookmark-author[data-type=”follow”][data-follow=”true”] {
border-color: #2A2F31;
background-color: #2A2F31 !important;
color: #fff !important;
}
/* button.bookmark-theme[data-type=”follow”][data-follow=”true”]:after,
button.bookmark-author[data-type=”follow”][data-follow=”true”]:after {
content: “Folge ich”
} */
[data-layout=”tablet”] button.bookmark-theme[data-type=”follow”][data-follow=”true”]:hover:not(.hideUnfollowHover),
[data-layout=”tablet”] button.bookmark-author[data-type=”follow”][data-follow=”true”]:hover:not(.hideUnfollowHover),
[data-layout=”desktop”] button.bookmark-theme[data-type=”follow”][data-follow=”true”]:hover:not(.hideUnfollowHover),
[data-layout=”desktop”] button.bookmark-author[data-type=”follow”][data-follow=”true”]:hover:not(.hideUnfollowHover) {
border-color: #666666;
background-color: #666666 !important;
color: #fff !important;
}
/* [data-layout=”tablet”] button.bookmark-theme[data-type=”follow”][data-follow=”true”]:hover:not(.hideUnfollowHover):after,
[data-layout=”tablet”] button.bookmark-author[data-type=”follow”][data-follow=”true”]:hover:not(.hideUnfollowHover):after,
[data-layout=”desktop”] button.bookmark-theme[data-type=”follow”][data-follow=”true”]:hover:not(.hideUnfollowHover):after,
[data-layout=”desktop”] button.bookmark-author[data-type=”follow”][data-follow=”true”]:hover:not(.hideUnfollowHover):after {
content: “Entfolgen”;
} */
button.bookmark-theme[data-type=”follow”][data-follow=”true”]:before,
button.bookmark-author[data-type=”follow”][data-follow=”true”]:before {
background-image: url(https://www.schwarzwaelder-bote.de/staticcontent/schwarzwaelder_bote/common/assets/svg/icon-check-white.svg);
/* height: 10px;
width: 12px; */
position: relative;
top: 1px;
content: “Folge ich”;
width: 50px;
background-position-y: -1px;
}
[data-layout=”tablet”] button.bookmark-theme[data-type=”follow”][data-follow=”true”]:hover:not(.hideUnfollowHover):before,
[data-layout=”tablet”] button.bookmark-author[data-type=”follow”][data-follow=”true”]:hover:not(.hideUnfollowHover):before,
[data-layout=”desktop”] button.bookmark-theme[data-type=”follow”][data-follow=”true”]:hover:not(.hideUnfollowHover):before,
[data-layout=”desktop”] button.bookmark-author[data-type=”follow”][data-follow=”true”]:hover:not(.hideUnfollowHover):before {
background-image: url(https://www.schwarzwaelder-bote.de/staticcontent/schwarzwaelder_bote/common/assets/svg/icon-close-white-small.svg);
/* height: 10px;
width: 10px;
position: relative;
top: 3px; */
content: “Entfolgen”;
width: 51px;
}
/* Buttons – Artikel */
button.bookmark-article {
float: right;
width: 44px;
height: 44px;
padding: 0;
min-width: unset;
border: none;
background-color: white;
background-size: 18px 24px !important;
position: relative;
right: -13px;
/* margin-bottom: -30px; */
margin-bottom: -20px;
}
[data-layout=”mobile”] button.bookmark-article {
/* margin-bottom: -20px; */
margin-bottom: -6px;
}
.boxitem>div:not(.tdtArticleOne) .item:only-child button.bookmark-article,
.boxitem>.item:not(.tdtArticleOne):only-child button.bookmark-article {
margin-bottom: -30px;
}
[data-layout=”mobile”] .boxitem>div:not(.tdtArticleOne) .item:only-child button.bookmark-article,
[data-layout=”mobile”] .boxitem>.item:not(.tdtArticleOne):only-child button.bookmark-article {
margin-bottom: -20px;
}
.registrationwall.news button.bookmark-article {
margin-bottom: 0;
}
button.bookmark-article[data-type=”follow”] {
background-size: contain;
background-repeat: no-repeat no-repeat;
background-position: center center;
}
button.bookmark-article[data-type=”follow”] {
/* background-image: url(“data:image/svg+xml,%3Csvg width=”12″ height=”16″ fill=”none” xmlns=”http://www.w3.org/2000/svg” class=”css-pija16″%3E%3Cpath d=’M6.34 12.33 6 12.16l-.34.17-4.91 2.46V2C.75 1.31 1.31.75 2 .75h8c.69 0 1.25.56 1.25 1.25v12.79l-4.91-2.46Z’ stroke=”%23cccbc3″ stroke-width=”1.5″%3E%3C/path%3E%3C/svg%3E”); */
background-image: url(https://www.schwarzwaelder-bote.de/staticcontent/schwarzwaelder_bote/common/assets/svg/icon-bookmark-grey.svg);
}
.mod-gallery ul li.bookmark button.bookmark-article[data-type=”follow”],
.mod-article .article-body ul li.bookmark button.bookmark-article[data-type=”follow”] {
background-image: url(https://www.schwarzwaelder-bote.de/staticcontent/schwarzwaelder_bote/common/assets/svg/icon-bookmark-circle.svg);
background-size: 40px 40px !important;
}
button.bookmark-article[data-type=”follow”][data-follow=”true”] {
/* background-image: url(“data:image/svg+xml,%3Csvg width=”12″ height=”16″ fill=”%234D555A” xmlns=”http://www.w3.org/2000/svg” class=”css-pija16″%3E%3Cpath d=’M6.34 12.33 6 12.16l-.34.17-4.91 2.46V2C.75 1.31 1.31.75 2 .75h8c.69 0 1.25.56 1.25 1.25v12.79l-4.91-2.46Z’ stroke=”%234D555A” stroke-width=”1.5″%3E%3C/path%3E%3C/svg%3E”); */
background-image: url(https://www.schwarzwaelder-bote.de/staticcontent/schwarzwaelder_bote/common/assets/svg/icon-bookmark-grey-full.svg);
}
.mod-gallery ul li.bookmark button.bookmark-article[data-type=”follow”][data-follow=”true”],
.mod-article .article-body ul li.bookmark button.bookmark-article[data-type=”follow”][data-follow=”true”] {
background-image: url(https://www.schwarzwaelder-bote.de/staticcontent/schwarzwaelder_bote/common/assets/svg/icon-bookmark-circle-grey.svg);
}
[data-layout=”mobile”] .teaser-hero button.bookmark-article[data-type=”follow”] {
margin-right: 10px;
margin-bottom: -20px;
}
.mod-gallery li.bookmark button.bookmark-article,
.article-body li.bookmark button.bookmark-article {
/* Abweichung Innerhalb Artikel & Gallery ….. */
text-align: left;
/* border: 2px solid #2A2F31 ; */
display: flex;
justify-content: center;
align-items: center;
width: 40px;
height: 40px;
border-radius: 3px;
background-size: auto 18px !important;
position: static;
margin-bottom: 0;
}
.registrationwall.bookmarks button.bookmark-article {
margin-bottom: 0 !important;
}
.mod-gallery li.bookmark button.bookmark-article:not([data-follow=”true”]):hover,
.article-body li.bookmark button.bookmark-article:not([data-follow=”true”]):hover {
filter: brightness(0) saturate(100%) invert(29%) sepia(16%) saturate(282%) hue-rotate(160deg) brightness(99%) contrast(87%);
}
.mod-gallery ul li.bookmark,
.mod-article .article-body ul li.bookmark {
display: flex;
justify-content: center;
}
/* EGM-949 */
/* .mod-gallery ul li.bookmark:after,
.mod-article .article-body ul li.bookmark:after {
content: “”;
display: block;
width: 40px;
height: 20px;
background-image: url(‘https://www.schwarzwaelder-bote.de/staticcontent/schwarzwaelder_bote/common/assets/svg/flag-new-left.svg’);
position: absolute;
left: 60px;
top: 10px;
pointer-events: none;
} */
/* EGM-949 */
/* [data-layout=”mobile”] .mod-gallery ul li.bookmark:after,
[data-layout=”mobile”] .mod-article .article-body ul li.bookmark:after {
background-image: url(https://www.schwarzwaelder-bote.de/staticcontent/schwarzwaelder_bote/common/assets/svg/flag-new-down.svg);
top: -30px;
left: 13px;
height: 25px;
width: 36px;
background-repeat: no-repeat;
} */
/* Backlink / Configure-Link / Banner */
.registrationwall .backlink:before {
background-image: url(“https://www.schwarzwaelder-bote.de/staticcontent/schwarzwaelder_bote/common/assets/svg/Icon_Pfeil_chevron.svg”);
background-repeat: no-repeat;
content: “”;
width: 16px;
height: 16px;
display: inline-block;
transform: rotate(90deg);
position: relative;
top: 3px;
margin-right: 4px;
}
.registrationwall .backlink:hover:before {
filter: invert(36%) sepia(0%) saturate(1273%) hue-rotate(232deg) brightness(89%) contrast(95%);
}
.registrationwall .backlink {
display: inline-block;
margin-top: 20px;
}
.registrationwall .configureLink {
margin-top: 20px;
font-size: 14px;
line-height: 18px;
font-weight: 700;
display: flex;
background: #00963F;
border-radius: 5px;
color: #fff !important;
margin-left: auto;
padding: 6px 17px;
max-width: fit-content;
max-width: -moz-fit-content;
}
.registrationwall .configureLink:hover {
background: #96b90c;
}
.registrationwall .configureLink {
margin-top: 15px;
}
.registrationwall .registrationwall__banner {
/* border-bottom: 1px solid #BAB7AD; */
flex-direction: row;
display: flex;
padding: 20px 0;
}
/* [data-layout=”mobile”] .registrationwall .registrationwall__banner {
padding: 20px 18px;
} */
.registrationwall .registrationwall__banner>div {
flex: 1;
}
.registrationwall .registrationwall__banner>div a {
background: #E5F4EC;
display: flex;
padding: 20px;
align-items: center;
color: #2A2F31;
}
[data-layout=”mobile”] .registrationwall .registrationwall__banner>div a {
padding: 16px 18px;
display: grid;
}
.registrationwall .registrationwall__banner a,
.registrationwall .registrationwall__banner span {
white-space: nowrap;
}
[data-layout=”mobile”] .registrationwall .registrationwall__banner a,
[data-layout=”mobile”] .registrationwall .registrationwall__banner span {
white-space: normal;
}
.registrationwall .registrationwall__banner .headline {
font-size: 22px;
line-height: 29px;
color: #00963F;
flex: 0;
font-weight: bold;
}
[data-layout=”mobile”] .registrationwall .registrationwall__banner .headline {
grid-column-end: span 2;
margin-top: 0;
padding-bottom: 8px;
}
.registrationwall .registrationwall__banner .subHeadline {
font-size: 17px;
flex: 1;
padding-left: 15px;
line-height: 26px;
}
[data-layout=”mobile”] .registrationwall .registrationwall__banner .subHeadline {
padding-left: 0;
grid-column-start: 1;
padding-right: 15px;
}
.registrationwall .registrationwall__banner .themeLink {
width: auto;
border: 1px solid #2A2F31;
border-radius: 5px;
background-color: transparent !important;
color: #2A2F31 !important;
font-size: 12px;
line-height: 15px;
min-width: auto;
height: auto;
padding: 4px 15px;
flex: 0;
justify-content: center;
font-weight: bold;
}
[data-layout=”mobile”] .registrationwall .registrationwall__banner .themeLink {
white-space: nowrap;
margin-top: auto;
}
/* Snackbar */
.hs-snackbar {
position: fixed;
left: 200px;
bottom: -150px;
transform: translate(calc(510px – 50%), -50%);
width: 575px;
max-width: 85%;
background: #2A2F31;
font-family: “Roboto Condensed”;
font-weight: bold;
color: #fff;
padding: 21px 40px;
border-radius: 5px;
text-align: left;
transition: all 0.8s cubic-bezier(0.25, 0.8, 0.25, 1);
z-index: 5;
box-shadow: -3px -3px 6px rgba(102, 102, 102, 0.15);
line-height: 24px;
}
[data-layout=”mobile”] .hs-snackbar {
padding: 18px;
line-height: 21px;
max-width: calc(100vw – 36px);
transform: translate(18px, -50%);
}
@media(max-width: 1440px) {
.hs-snackbar {
left: 0;
}
}
.hs-snackbar a {
color: #a1c513;
float: right;
text-align: right;
cursor: pointer;
}
[data-layout=”mobile”] .hs-snackbar a {
float: none;
display: block;
margin-top: 19px;
line-height: 21px;
}
.hs-snackbar-show {
-webkit-animation: hsShowAnimation 0.3s ease both;
}
.hs-snackbar-hide {
-webkit-animation: hsHideAnimation 0.2s ease both;
}
@-webkit-keyframes hsHideAnimation {
0% {
opacity: 1;
bottom: 20px;
}
100% {
opacity: 0;
bottom: -100px;
}
}
@-webkit-keyframes hsShowAnimation {
0% {
opacity: 1;
bottom: -100px;
}
100% {
opacity: 1;
bottom: 20px;
}
}
/* Besonderheiten */
[data-alias=”/meinsb/themen-entdecken”] .onboardingInfo,
[data-alias=”/meinsb/themen-entdecken”] .onboardingOverlay,
[data-alias=”/meinsb/themen-entdecken”] .onboardingOverlayBackground,
[data-alias=”/meinsb/themen-entdecken”] .registrationwall__header.auswahl-treffen {
display: none !important;
}
[data-alias=”/meinsb/themen-entdecken”] body {
overflow: visible !important;
}
[data-alias=”/meinsb/auswahl-treffen”] .hs-snackbar,
[data-alias=”/meinsb/auswahl-treffen”] .registrationwall__header.themen-entdecken {
display: none !important;
}
.search-author-image {
object-fit: cover;
width: 30px;
height: 30px;
border-radius: 50%;
margin-right: 15px;
margin-left: 5px;
flex-shrink: 0;
}
/* boxitem für Artikellisten */
.registrationwall.news .newsInfo {
background: #fff;
align-items: center;
}
.registrationwall.news .registrationwall__content {
background: none;
padding: 0;
}
[data-layout=”tablet”] .m-plus-contentbox .compact-brick,
[data-layout=”desktop”] .m-plus-contentbox .compact-brick {
display: flex;
}
[data-layout=”tablet”] .m-plus-contentbox .in–col-2 .item,
[data-layout=”desktop”] .m-plus-contentbox .in–col-2 .item {
display: flex;
flex-direction: column;
}
[data-layout=”tablet”] .m-plus-contentbox .item button.bookmark-article,
[data-layout=”desktop”] .m-plus-contentbox .item button.bookmark-article {
margin-top: auto;
margin-left: auto;
margin-bottom: -15px;
}
[data-layout=”mobile”] .m-plus-contentbox .item button.bookmark-article {
margin-bottom: -20px;
}
[data-layout=”desktop”] .teaser-hero,
[data-layout=”tablet”] .teaser-hero {
padding-bottom: 10px;
}
[data-layout=”desktop”] .teaser-hero button.bookmark-article,
[data-layout=”tablet”] .teaser-hero button.bookmark-article {
right: calc(100% – 31px);
margin-bottom: 0 !important;
}
[data-layout=”desktop”] .autorenprofil .autorenprofil-content .bookmark-author+.global-button.global-button–secondary,
[data-layout=”tablet”] .autorenprofil .autorenprofil-content .bookmark-author+.global-button.global-button–secondary {
margin-top: 28px;
}
[data-layout=”mobile”] .autorenprofil .autorenprofil-content .textflip {
margin-top: 30px;
}
[data-layout=”desktop”] .autorenprofil .autorenprofil-content,
[data-layout=”tablet”] .autorenprofil .autorenprofil-content {
margin-top: -20px;
}
[data-layout=”mobile”] .autorenprofil .autorenprofil-header .author-info .author-name {
line-height: 29px;
}
[data-layout=”mobile”] .autorenprofil .autorenprofil-header .author-info .author-ressort {
line-height: 27px;
}
[data-layout=”mobile”] .autorenprofil .autorenprofil-content {
margin-top: 0;
}
[data-layout=”mobile”] .topics .grid-row-teaser .item {
padding-bottom: 10px;
}
[data-layout=”mobile”] .sharewrapper {
margin-top: 50px;
}
.boxitem .topnews-article-list .item,
.registrationwall .registrationwall-article-collection .item-list .item {
/* padding-bottom: 10px; */
/* margin-bottom: 28px; */
/* border-bottom: 1px solid #e5e4de; */
padding: 0 20px;
flex-basis: 33.3333%;
max-width: 33.3333%;
}
[data-layout=”mobile”] .boxitem .topnews-article-list .item,
[data-layout=”mobile”] .registrationwall .registrationwall-article-collection .item-list .item {
margin-bottom: 20px;
padding: 0;
max-width: none;
}
[data-layout=”tablet”] .boxitem figure,
[data-layout=”desktop”] .boxitem figure,
[data-layout=”tablet”] .boxitem .appetizer,
[data-layout=”desktop”] .boxitem .appetizer,
[data-layout=”tablet”] .boxitem .appetizer-text,
[data-layout=”desktop”] .boxitem .appetizer-text {
margin-bottom: 0;
}
.boxitem .appetizer-text {
display: none;
}
/* Footer */
[data-alias=”/meinsb/auswahl-treffen”] #footer {
/* z-index: -1; */
padding-bottom: 171px;
}
[data-alias=”/meinsb/auswahl-treffen”] .site-wrapper.site {
z-index: 5;
position: relative;
}
[data-alias=”/meinsb/auswahl-treffen”][data-layout=”mobile”] #footer {
padding-bottom: 192px;
}
.topnews-article-list .item .content+div,
.registrationwall-article-collection>.item-list .data+div {
display: flex;
/* width: calc(100% – 340px); */
/* margin-left: auto; */
align-items: center;
padding-left: 10px;
margin-top: auto;
}
[data-layout=”mobile”] .topnews-article-list .item .content+div,
[data-layout=”mobile”] .registrationwall-article-collection>.item-list .data+div {
width: 100%;
padding-left: 0;
}
.searchResults .item .content+div button,
.topnews-article-list .item .content+div button,
.registrationwall-article-collection>.item-list .data+div button {
margin-left: auto;
flex-shrink: 0;
margin-bottom: 0;
}
.topnews-article-list .item .content+div>time,
.registrationwall-article-collection>.item-list .data+div>time,
.registrationwall-article-collection>.item-list .data+div>span {
font-size: 15px;
line-height: 21px;
flex-shrink: 0;
color: #2A2F31;
}
.topnews-article-list .item .content+div>time.article-date-seconds,
.registrationwall-article-collection>.item-list .data+div>time.article-date-seconds,
.topnews-article-list .item .content+div>time.article-date-minutes-red,
.registrationwall-article-collection>.item-list .data+div>time.article-date-minutes-red {
color: #D50C2F;
}
/* Buttons – Artikel – Startseite */
.grid .brick.beliebt {
display: flex;
flex-wrap: wrap;
}
.grid .brick.beliebt .item {
display: flex;
flex-direction: column;
}
.grid .brick.beliebt .item:last-child {
margin-bottom: 30px;
}
.grid .brick.beliebt .item button.bookmark-article {
margin-top: auto;
margin-left: auto;
margin-bottom: -30px;
}
[data-layout=”mobile”] .grid .brick.beliebt .item button.bookmark-article {
margin-bottom: -6px;
}
.registrationwall__content .recommendation-grid .data figure {
padding-right: 0;
}
[data-layout=”mobile”] .registrationwall__content .recommendation-grid .item {
display: flex;
flex-direction: column;
padding-bottom: 10px;
}
[data-layout=”mobile”] .registrationwall__content .recommendation-grid .item figure {
float: right;
width: 33.3%;
margin-bottom: 10px;
}
[data-layout=”mobile”] .registrationwall__content .recommendation-grid .item h3 {
float: inherit;
width: inherit;
padding-right: inherit;
}
[data-layout=”desktop”] .boxitem.grid-row-teaser .recommendation-grid.home .item figure,
[data-layout=”tablet”] .boxitem.grid-row-teaser .recommendation-grid.home .item figure {
width: 347px !important;
}
[data-layout=”desktop”] .recommendation-grid.home .item,
[data-layout=”tablet”] .recommendation-grid.home .item {
width: 347px !important;
padding-bottom: 0 !important;
}
[data-layout=”desktop”] .recommendation-grid.home .item .appetizer-kicker,
[data-layout=”tablet”] .recommendation-grid.home .item .appetizer-kicker {
margin-top: 16px;
line-height: 22px;
}
[data-layout=”desktop”] .recommendation-grid.home .item .appetizer-title,
[data-layout=”tablet”] .recommendation-grid.home .item .appetizer-title {
font-size: 22px;
line-height: 29px;
}
/* StN spezifisch */
#verlagsangebote button.bookmark-article[data-type=”follow”] {
display: none;
}
[data-layout=”desktop”] .registrationwall :not(#collection-wrapper) .item+.item:before {
background: transparent;
height: auto;
min-height: auto;
position: static;
}
[data-layout=”desktop”] .registrationwall #collection-wrapper .item+.item:before {
height: calc(100% – 14px);
}
.onboardingOverlayContainer>.item {
padding: 0 !important;
}
.registrationwall .item {
padding: 0;
}
.registrationwall.onboarding .registrationwall__search {
max-width: 818px;
}
.registrationwall .item.alphabeticalList {
max-width: 818px;
}
/* [data-layout=”desktop”] .myconfigGrid .bottom-nav,
[data-layout=”desktop”] .onboardingGrid .bottom-nav {
padding: 0;
} */
/* .registrationwall__header::before {
content: “Meine StN”;
padding: 0 0 11px 0;
font-size: 1rem;
line-height: 22px;
display: inline-block;
color: #a5a5a5;
border-bottom: 1px solid #BAB7AD;
margin-bottom: 22px;
} */
.registrationwall-article-collection:after {
content: “”;
background-color: #BAB7AD;
height: 1px;
display: block;
width: calc(100% – 40px);
margin: 40px auto;
}
[data-layout=”mobile”] .registrationwall-article-collection:after {
margin: 24px auto 0;
}
.mod-header>.m-wrapper .m-menu–bottom>.m-item-meinsb {
display: flex;
align-items: center;
cursor: pointer;
position: relative;
overflow: hidden;
transition: width .4s ease-in-out;
}
.mod-header>.m-wrapper .m-menu–bottom>.m-item-abo .m-text {
padding: 12px 10px;
}
.mod-header>.m-wrapper .m-menu–bottom>.m-item-meinsb .m-text {
font-size: 1.25rem;
line-height: 1.1;
padding: 12px 10px;
color: #00963f;
font-weight: 700;
margin-bottom: 5px;
}
.followBtnContainer {
padding: 10px 20px;
border-bottom: 1px solid #e7e7e7;
}
[data-layout=”mobile”] .followBtnContainer {
padding: 5px 0px;
border-bottom: none
}
[data-layout=”mobile”] .followBtnContainer:after {
content: “”;
height: 1px;
width: 100%;
display: block;
background-color: #e7e7e7;
}
[data-alias*=”/thema/”] .bottom-nav .breadcrumb {
border-bottom: none;
}
[data-layout=”mobile”][data-alias*=”/thema/”] .article .bottom-nav:after {
display: none;
}
[data-layout=”mobile”] .grid.onboardingGrid,
[data-layout=”mobile”] .grid.myconfigGrid {
padding: 0;
}
[data-layout=”mobile”] .grid.onboardingGrid .include .include-content.ec-content-topline .item,
[data-layout=”mobile”] .grid.myconfigGrid .include .include-content.ec-content-topline .item {
padding: 0 20px;
}
[data-layout=”mobile”] .grid.onboardingGrid .bottom-nav .breadcrumb,
[data-layout=”mobile”] .grid.myconfigGrid .bottom-nav .breadcrumb {
border-bottom: 1px solid #e7e7e7;
}
[data-layout=”mobile”] .registrationwall .registrationwall-article-collection .appetizer figure {
width: 33.3%;
margin-bottom: 10px;
}
[data-layout=”mobile”] .registrationwall .registrationwall-article-collection .appetizer .appetizer-kicker,
[data-layout=”mobile”] .registrationwall .registrationwall-article-collection .appetizer .appetizer-title {
width: 62%;
}
.registrationwall.bookmarks .content,
.registrationwall.news .content {
height: 100%;
display: flex;
flex-direction: column;
}
[data-layout=”mobile”] .registrationwall.news .content {
padding: 0 20px;
}
/* .registrationwall.news .content .data + div {
height: 100%;
} */
[data-layout=”desktop”] .registrationwall-article-collection>.item-list>div+div,
[data-layout=”tablet”] .registrationwall-article-collection>.item-list>div+div {
margin-top: 40px;
}
.item.slider.boxItemContainer.topics {
max-width: 818px;
}
.registrationwall.news #collection-wrapper>.grid-row-teaser .articleTeaser .header h4 {
font-size: 28px;
line-height: 28px;
font-weight: 700;
/* font-family: “Roboto Slab”; */
margin: 0;
color: #2A2F31;
}
[data-layout=”mobile”] .registrationwall.news #collection-wrapper>.grid-row-teaser .articleTeaser .header h4 {
padding-bottom: 6px;
margin-top: 24px;
font-size: 20px;
padding-left: 20px;
padding-right: 20px;
}
.registrationwall.news #collection-wrapper>.grid-row-teaser .articleTeaser #pianoRecoMeineNachrichten {
margin-top: 24px;
}
[data-layout=”mobile”] .registrationwall.news #collection-wrapper>.grid-row-teaser .articleTeaser #pianoRecoMeineNachrichten {
margin-top: 10px;
}
[data-layout=”desktop”] .registrationwall.news #collection-wrapper>.grid-row-teaser .articleTeaser #pianoRecoMeineNachrichten .recommendation-grid.home,
[data-layout=”tablet”] .registrationwall.news #collection-wrapper>.grid-row-teaser .articleTeaser #pianoRecoMeineNachrichten .recommendation-grid.home {
display: flex;
}
[data-layout=”desktop”] .registrationwall.news #collection-wrapper>.grid-row-teaser .articleTeaser #pianoRecoMeineNachrichten .item,
[data-layout=”tablet”] .registrationwall.news #collection-wrapper>.grid-row-teaser .articleTeaser #pianoRecoMeineNachrichten .item {
padding: 0 20px;
width: 340px !important;
display: inline-block;
display: flex;
flex-direction: column;
justify-content: space-between;
}
[data-layout=”desktop”] .registrationwall.news #collection-wrapper>.grid-row-teaser .articleTeaser #pianoRecoMeineNachrichten .item .bookmark-article,
[data-layout=”tablet”] .registrationwall.news #collection-wrapper>.grid-row-teaser .articleTeaser #pianoRecoMeineNachrichten .item .bookmark-article {
margin-left: auto;
}
[data-layout=”desktop”] .registrationwall.news #collection-wrapper>.grid-row-teaser .articleTeaser #pianoRecoMeineNachrichten .item+.item:before,
[data-layout=”tablet”] .registrationwall.news #collection-wrapper>.grid-row-teaser .articleTeaser #pianoRecoMeineNachrichten .item+.item:before {
height: 0;
}
[data-layout=”mobile”] .registrationwall.news #collection-wrapper>.grid-row-teaser .articleTeaser #pianoRecoMeineNachrichten .item {
padding-bottom: 0;
margin-bottom: 20px;
}
[data-layout=”mobile”] .registrationwall.news #collection-wrapper>.grid-row-teaser .articleTeaser #pianoRecoMeineNachrichten .item:after {
display: none;
}
[data-layout=”mobile”] .registrationwall.news #collection-wrapper>.grid-row-teaser .articleTeaser #pianoRecoMeineNachrichten .item .bookmark-article {
margin-left: auto;
margin-right: 20px;
}
.registrationwall.news #collection-wrapper>.grid-row-teaser .articleTeaser #pianoRecoMeineNachrichten:after {
content: “”;
background-color: #BAB7AD;
height: 1px;
display: block;
width: calc(100% – 40px);
margin: 40px auto;
}
[data-layout=”mobile”] .registrationwall.news #collection-wrapper>.grid-row-teaser .articleTeaser #pianoRecoMeineNachrichten:after {
margin: 24px auto 0;
}
[data-layout=”mobile”] .registrationwall.news #collection-wrapper>.grid-row-teaser .articleTeaser .header {
margin-top: 0;
}
.registrationwall.news #collection-wrapper>.grid-row-teaser .articleTeaser #pianoRecoMeineNachrichten figure,
.registrationwall.news #collection-wrapper>.grid-row-teaser .articleTeaser #pianoRecoMeineNachrichten figure {
width: 100% !important;
}
[data-layout=”mobile”] .registrationwall.news #collection-wrapper>.grid-row-teaser .articleTeaser #pianoRecoMeineNachrichten figure {
width: 33.3% !important;
margin-bottom: 10px;
float: left !important;
}
[data-layout=”desktop”] .registrationwall.news #collection-wrapper>.grid-row-teaser .articleTeaser #pianoRecoMeineNachrichten .appetizer-title,
[data-layout=”tablet”] .registrationwall.news #collection-wrapper>.grid-row-teaser .articleTeaser #pianoRecoMeineNachrichten .appetizer-title,
[data-layout=”desktop”] .registrationwall.news #collection-wrapper>.grid-row-teaser .articleTeaser #pianoRecoMeineNachrichten .appetizer-kicker,
[data-layout=”tablet”] .registrationwall.news #collection-wrapper>.grid-row-teaser .articleTeaser #pianoRecoMeineNachrichten .appetizer-kicker {
padding-left: 10px;
}
[data-layout=”mobile”] .registrationwall.news #collection-wrapper>.grid-row-teaser .articleTeaser #pianoRecoMeineNachrichten .appetizer-title,
[data-layout=”mobile”] .registrationwall.news #collection-wrapper>.grid-row-teaser .articleTeaser #pianoRecoMeineNachrichten .appetizer-kicker {
width: 62% !important;
}
[data-layout=”mobile”] .onboardingOverlay {
left: 50%;
transform: translate(-50%, -50%);
}
/* Anpassungen SB */
.meinsb-ec-topline .include .include-content .item,
.meinsb-ec-topline .include .include-content ol {
padding: 0 !important;
}
[data-layout=”mobile”] .grid.onboardingGrid .bottom-nav,
[data-layout=”mobile”] .grid.myconfigGrid .bottom-nav {
padding: 0 20px;
}
[data-layout=”desktop”] .grid-row-teaser.myconfigGrid {
width: 100%;
}
.mod-header>.m-wrapper .m-menu–bottom>.m-item–search>.m-wrapper {
padding-right: 0;
}
.mod-header>.m-wrapper .m-menu–bottom>.m-item–search.is-open {
width: 190px;
}
.mod-header>.m-wrapper .m-menu–top>.m-item–nav {
width: 115px;
padding: 0 55px 0 10px;
}
.bookmark-article[data-config*=”//produkte.”] {
display: none;
}
@media (prefers-color-scheme: dark) {
button.bookmark-theme:before {
filter: brightness(0) saturate(100%) invert(100%) sepia(2%) saturate(849%) hue-rotate(335deg) brightness(95%) contrast(89%);
}
.onboardingOverlay {
background-color: #1c1c1c;
}
.onboardingOverlay .content h2,
.onboardingOverlay .content p,
.onboardingOverlay .content .container-login {
color: #E5E4DE !important;
}
.onboardingOverlay .content .btn {
background-color: #A1C513;
}
.onboardingOverlay .content .container-login span {
color: #A1C513;
}
.onboardingOverlay .closeIconContainer .closeOverlay {
filter: brightness(0) saturate(100%) invert(94%) sepia(0%) saturate(7476%) hue-rotate(318deg) brightness(110%) contrast(106%);
}
.onboardingOverlayBackground {
background: rgba(0, 0, 0, 0.7);
}
}
]]]]]]]]]]>]]]]]]]]>]]]]]]>]]]]>]]>
.m-wrapper
.m-menu–bottom
> .m-item–login.is-open
> .m-wrapper
> .m-loginbox
.m-loginbox-items {
box-shadow: 0 1px 3px rgba(42, 47, 49, 0.16);
}
/* MHSDIG-1117 Hide empty BGs to reduce whitespace */
.grid .brickgroup.is-empty {
display: none;
}
[data-layout=”mobile”] .mod-paywall {
margin-bottom: -20px;
}
/* Fix 16:9 */
[data-layout=”mobile”]
.teaser-medium
.appetizer
.headline-wrapper
h3
.appetizer-title {
padding-right: 100px;
line-height: 1.4;
}
/* DEV-583 Schlagworte nach Artikelende entfernen */
#taboola-below-article-feed,
#taboola-below-article-thumbnails,
#taboola-below-paid-article-thumbnails,
#taboola-feed-below-paid-article {
margin-top: 30px !important;
}
.autorenprofil-artikelliste
.content
a[data-paidcontent=”true”]
.appetizer-kicker:before {
content: “”;
background-image: url(“https://www.schwarzwaelder-bote.de/staticcontent/schwarzwaelder_bote/common/assets/svg/icon_sbplus.svg”);
background-size: 100%;
background-repeat: no-repeat;
display: inline-block;
height: 15px;
width: 33px;
vertical-align: middle;
margin-right: 7px;
margin-top: 1px;
background-color: #fff;
}
/* SQUAD-33 Umsetzung Rätsel */
.bigMarginTop {
margin-top: 25px;
}
.include-content .h3 {
font-size: 20px;
line-height: 21px;
margin-top: 25px;
margin-bottom: 10px;
font-weight: 700;
}
@media (prefers-color-scheme: dark) {
.include .include-content .h3 {
color: #e5e4de !important;
}
#myIframe {
background-color: #efefef !important;
}
}
.riddle-site-header {
display: flex;
flex-direction: column;
align-items: center;
padding: 43px 18px;
background-color: var(–riddle-color);
}
.include-content h2.riddle-headline {
font-family: “Roboto Slab”;
font-size: 32px;
line-height: 36px;
margin-bottom: 0;
margin-top: 10px;
font-weight: 700;
color: #fff;
}
.riddle-site-menu {
margin-top: 16px;
padding: 20px;
background-color: #fff;
display: flex;
justify-content: space-between;
margin-top: 16px;
align-items: center;
}
.riddle-site-menu .additional-functions {
display: flex;
align-items: center;
}
.riddle-site-menu a.backlink {
width: auto;
height: fit-content;
display: flex;
align-items: center;
font-size: 18px;
line-height: 27px;
color: var(–color-bodytext);
}
.riddle-site-menu a.backlink:before {
background-image: url(“https://www.stuttgarter-zeitung.de/staticcontent/schwarzwaelder_bote/common/svg/Icon_Pfeil.svg”);
background-repeat: no-repeat;
content: “”;
width: 16px;
height: 16px;
display: inline-block;
transform: rotate(90deg);
position: relative;
margin-right: 7px;
}
.riddle-site-menu .additional-functions .logo + .archiv-link {
margin-left: 27px;
}
.riddle-site-menu .additional-functions img {
max-width: none;
}
.riddle-site-menu .additional-functions img.logo {
display: none;
/* width: 61px; */
}
.riddle-site-menu .additional-functions img.archiv {
width: 47px;
}
.riddle-site-menu .additional-functions img.statistik {
width: 61px;
}
[data-layout=”mobile”] .include-content h1.riddle-headline {
font-size: 22px;
margin-top: 8px;
}
[data-layout=”mobile”] .riddle-site-header {
padding-top: 20px;
padding-bottom: 13px;
margin-right: -20px;
margin-left: -20px;
}
[data-layout=”mobile”] .riddle-site-header img.riddle-image {
height: 48px;
}
[data-layout=”mobile”] .riddle-site-menu {
padding: 11px 0;
}
[data-layout=”mobile”] .riddle-site-menu .additional-functions .archiv-link {
width: auto;
}
@media (prefers-color-scheme: dark) {
.riddle-site-menu a.backlink:before {
filter: brightness(0) saturate(100%) invert(95%) sepia(9%) saturate(111%)
hue-rotate(14deg) brightness(102%) contrast(82%);
}
.riddle-site-menu {
background-color: #292929;
}
}
.ressort-boxitem .ressort-headline {
font-family: “Roboto Slab”;
font-weight: 700;
font-size: 24px;
line-height: 39px;
color: var(–color-bodytext);
}
.ressort-boxitem {
margin-bottom: 57px;
margin-top: 10px;
}
.riddle-container {
display: flex;
flex-wrap: wrap;
gap: 74px 30px;
padding: 0 41px;
position: relative;
/* top: -68px; */
}
.riddle-name {
font-size: 23px;
line-height: 30px;
font-family: “Roboto Slab”;
margin-top: 15px;
color: #fff;
display: block;
font-weight: 700;
}
.colored-bg .riddle-image {
display: block;
margin-left: auto;
}
.riddle .riddle-description {
color: var(–color-bodytext);
font-size: 16px;
line-height: 24px;
padding: 13px 28px 17px 14px;
height: 150px;
display: flex;
flex-direction: column;
}
.boxitem .riddle-container .riddle {
box-shadow: 6px 6px 9.3px 0px rgba(0, 0, 0, 0.04);
max-width: calc(33.3333% – 20px);
flex-basis: calc(33.3333% – 20px);
border-radius: 9px;
border: 1px solid #eeede9;
display: flex;
flex-direction: column;
}
.riddle.sudoku {
–riddle-color: #77a673;
}
.riddle.kreuzwortraetsel {
–riddle-color: #4f7ca7;
}
.riddle.wordle {
–riddle-color: #e9a94b;
}
.riddle.futoshiki {
–riddle-color: #fa7e7e;
}
.riddle.brueckenraetsel {
–riddle-color: #d35290;
}
.riddle.memory {
–riddle-color: #42cdc5;
}
.riddle.buchstabensalat {
–riddle-color: #ff9466;
}
.riddle.quiz {
–riddle-color: #615cb3;
}
.riddle.sudoku .riddle-description .link img {
filter: brightness(0) saturate(100%) invert(73%) sepia(17%) saturate(734%)
hue-rotate(68deg) brightness(81%) contrast(87%);
}
.riddle.kreuzwortraetsel .riddle-description .link img {
filter: brightness(0) saturate(100%) invert(42%) sepia(69%) saturate(343%)
hue-rotate(168deg) brightness(94%) contrast(85%);
}
.riddle.wordle .riddle-description .link img {
filter: brightness(0) saturate(100%) invert(63%) sepia(91%) saturate(298%)
hue-rotate(354deg) brightness(93%) contrast(95%);
}
.riddle.futoshiki .riddle-description .link img {
filter: brightness(0) saturate(100%) invert(88%) sepia(27%) saturate(4254%)
hue-rotate(301deg) brightness(87%) contrast(131%);
}
.riddle.brueckenraetsel .riddle-description .link img {
filter: brightness(0) saturate(100%) invert(60%) sepia(46%) saturate(6500%)
hue-rotate(303deg) brightness(91%) contrast(80%);
}
.riddle.memory .riddle-description .link img {
filter: brightness(0) saturate(100%) invert(62%) sepia(56%) saturate(422%)
hue-rotate(127deg) brightness(99%) contrast(96%);
}
.riddle.buchstabensalat .riddle-description .link img {
filter: brightness(0) saturate(100%) invert(75%) sepia(60%) saturate(2199%)
hue-rotate(316deg) brightness(104%) contrast(103%);
}
.riddle.quiz .riddle-description .link img {
filter: brightness(0) saturate(100%) invert(35%) sepia(95%) saturate(378%)
hue-rotate(204deg) brightness(90%) contrast(90%);
}
.riddle .riddle-description .link {
font-size: 16px;
line-height: 21px;
font-weight: 700;
color: var(–riddle-color) !important;
display: block;
margin-top: auto;
margin-left: auto;
width: auto;
display: flex;
position: relative;
}
.riddle .riddle-description .link:after {
content: “”;
display: block;
background-color: var(–riddle-color);
height: 2px;
width: 100%;
position: absolute;
bottom: 0;
}
.riddle .colored-bg {
padding: 27px 28px 13px 14px;
background-color: var(–riddle-color);
border-top-left-radius: 9px;
border-top-right-radius: 9px;
flex-grow: 1;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.riddle .riddle-description .link img {
margin-left: 6px;
padding-top: 3px;
}
.riddle .riddle-description .plus-lock {
width: 23px;
height: auto;
margin-right: 7px;
position: relative;
top: 2px;
}
.riddle .riddle-description .logo {
width: 54px;
height: auto;
position: relative;
top: 2px;
}
.riddle .link-container {
display: flex;
margin-top: auto;
align-items: flex-end;
}
[data-layout=”mobile”] .ressort-kicker {
margin-bottom: 6px;
}
[data-layout=”mobile”] .ressort-boxitem .ressort-headline {
font-size: 22px;
line-height: 28px;
}
[data-layout=”mobile”] .ressort-boxitem {
margin-bottom: 40px;
}
[data-layout=”mobile”] .boxitem .riddle-container .riddle {
max-width: calc(50% – 10px);
flex-basis: calc(50% – 10px);
}
[data-layout=”mobile”] .riddle-container {
padding: 0;
gap: 33px 19px;
}
[data-layout=”mobile”] .riddle .riddle-description {
height: 124px;
font-size: 14px;
line-height: 18px;
padding: 13px 9px 16px;
}
[data-layout=”mobile”] .riddle .riddle-description .link {
font-size: 14px;
}
[data-layout=”mobile”] .riddle .riddle-description .plus-lock {
width: 17px;
margin-right: 4px;
top: -2px;
}
[data-layout=”mobile”] .riddle .riddle-description .logo {
width: 40px;
top: 0;
}
[data-layout=”mobile”] .riddle-name {
font-size: 18px;
margin-top: auto;
}
[data-layout=”mobile”] .riddle .colored-bg {
padding: 20px 9px 13px;
height: 150px;
}
[data-layout=”mobile”] .riddle-image {
max-height: 52px;
}
@media (prefers-color-scheme: dark) {
.include-content h2.riddle-headline,
.riddle-site-menu a.backlink,
.riddle-name,
.riddle .riddle-description,
.ressort-boxitem .ressort-headline {
color: #e5e4de !important;
}
.boxitem .riddle-container .riddle {
/* background-color: var(–color-gray-alt); */
background-color: #454545 !important;
border-color: #000;
}
}
/* CON-1646 Anpassung PW */
#paywall.mod-paywall.layout-zwei-angebote
.container-main
.offer
header
.headline-wrap
.price {
flex-shrink: 0;
align-self: flex-start;
}
#paywall.mod-paywall.layout-zwei-angebote
.container-main
.offer
header
.headline-wrap
.price
small {
font-weight: normal;
font-size: 14px;
}
/* Offerpage mit Hintergrundbild */
.aktion .mod-paywall.layout-zwei-angebote {
background: url(/staticcontent/schwarzwaelder_bote/images/offerpage/pw-digitalwochen-sb.svg);
background-color: #e8e8e8;
}
.aktion .mod-paywall.layout-zwei-angebote .container-main {
background: unset !important;
}
[data-layout=”mobile”]
.aktion
.mod-paywall.layout-zwei-angebote
.container-main {
padding-bottom: 0px !important;
}
.aktion .mod-paywall.layout-zwei-angebote .container-login {
background: unset !important;
padding: 25px 1rem 25px !important;
}
/* ############### */
@media screen and (max-width: 380px) {
.countdown-box .countdown p {
font-size: 12px !important;
font-size: 0.75rem !important;
}
}
/* Offerpage mit Störer*/
.aktion .mod-paywall .container-main .offer:nth-child(even) .price:before {
content: “-43%”;
margin-right: 10px;
background-color: #e20613;
padding: 0px 6px;
color: #fff;
font-size: 20px;
vertical-align: bottom;
}
.aktion .mod-paywall .container-main .offer:nth-child(even) .price:after {
content: “statt 34,95 €”;
font-size: 12px;
font-weight: 400;
position: absolute;
top: 20px;
right: 1px;
}
[data-layout=”mobile”]
.aktion
.mod-paywall
.container-main
.offer:nth-child(even)
.price:after {
font-size: 10px;
}
.aktion
.mod-paywall.layout-zwei-angebote
.container-main
.offer
header
.sub-headline {
margin-top: 5px;
}
[data-layout=”mobile”]
.aktion
.mod-paywall
.container-main
.offer:nth-child(even)
.price:before {
padding: 0px 2px;
margin-right: 5px;
font-size: 16px;
margin-left: 4px;
}
/* EGM-644 Share-Overlay umsetzen */
.socialOverlayTemplate .druck,
.socialOverlayTemplate .bookmark {
display: none;
}
#article-social-bar ul {
display: flex;
}
[data-layout=”desktop”] #article-social-bar ul .bookmark,
[data-layout=”tablet”] #article-social-bar ul .bookmark {
margin-left: auto;
}
#article-social-bar ul .bookmark {
order: 10;
}
.socialOverlayBackground {
display: none;
position: fixed;
z-index: 999;
width: 100%;
left: 0;
top: 0;
right: 0;
bottom: 0;
min-height: 100vh;
background: rgba(0, 0, 0, 0.35);
overflow: hidden;
min-width: 100vw;
transform: translate(0);
margin: 0;
padding: 0;
}
.shareOverlayOpen .socialOverlayBackground,
.shareOverlayOpen .socialOverlayContainer {
display: block !important;
}
.shareOverlayOpen .Skyscraper,
.shareOverlayOpen .mod-header-new {
z-index: 0;
}
.shareOverlayOpen .c1-snippet-target {
z-index: 1;
}
.socialOverlayContainer {
display: none;
padding: 20px 16px 40px;
width: 100%;
border-radius: 2px;
box-shadow: 0px -1px 3px rgb(41 41 41 / 16%),
0px 1px 3px rgb(41 41 41 / 16%);
position: fixed;
max-width: 450px;
/* max-height: 840px; */
background-color: white;
z-index: 9999;
transform: translateX(230px);
top: 300px;
}
[data-layout=”mobile”] .socialOverlayContainer {
transform: translateX(-50%);
left: 50%;
top: 125px;
max-width: calc(100% – 40px);
}
.socialOverlayContainer .closeIconContainer .closeSocialOverlay {
padding: 17px;
position: absolute;
right: 0;
top: 0;
cursor: pointer;
}
.shareOverlayOpener {
background: url(https://www.stuttgarter-nachrichten.de/staticcontent/stuttgarter_nachrichten/common-resp18/svg/icon-share-stn.svg);
background-repeat: no-repeat !important;
background-size: 40px !important;
}
.shareOverlayOpener:active,
.shareOverlayOpener:focus,
.shareOverlayOpener:hover {
background: url(https://www.stuttgarter-nachrichten.de/staticcontent/stuttgarter_nachrichten/common-resp18/svg/icon-share-stn-hover.svg);
cursor: pointer;
}
.shareOverlayTemplateWrapper .socialOverlayContainer h3 {
margin-top: 0 !important;
padding-bottom: 6px;
font-size: 22px;
line-height: 29px;
border-bottom: 2px solid #4d555a;
margin-bottom: 10px;
}
.shareOverlayTemplateWrapper .socialOverlayContainer ul {
flex-direction: column;
height: auto;
}
.shareOverlayTemplateWrapper .socialOverlayContainer ul li {
padding: 10px 0;
border-bottom: 1px solid #bab7ad;
width: 100%;
background-position: left center !important;
position: relative;
height: 60px;
background-size: 40px !important;
margin-bottom: 0;
}
.shareOverlayTemplateWrapper .socialOverlayContainer ul li a {
display: flex;
align-items: center;
color: #4d555a;
line-height: 27px;
font-size: 18px;
}
.shareOverlayTemplateWrapper .socialOverlayContainer ul li a:after {
content: attr(id);
text-transform: capitalize;
padding-left: 47px;
}
.shareOverlayTemplateWrapper .socialOverlayContainer ul li.mail a:after {
content: “E-Mail”;
}
/* [data-layout=”mobile”] .sharewrapper ul:not(.shareOverlayList) li + li {
margin-left: 23px;
} */
[data-layout=”mobile”] #article-social-bar.sharewrapper li.perlink {
background-position: center !important;
border: none;
}
[data-layout=”mobile”] .sharewrapper .shareOverlayList li.whatsapp {
width: 100%;
background-position: left center !important;
}
/* Fixes Artikel Reco Mobile */
[data-layout=”mobile”] .articleTeaser .appetizer-title {
font-size: 1rem;
}
[data-layout=”mobile”] .articleTeaser .appetizer-kicker {
font-size: 0.875rem;
}
[data-layout=”mobile”] .articleTeaser figure {
padding-right: 0;
}
[data-layout=”mobile”] figure .image {
padding-bottom: 56.3333333333% !important;
margin-top: 5px;
}
/* DEV-1008 Logo abgeschnitten + MHS Digital Logo zerstückelt */
@media (max-width: 395px) {
html[data-static-baseurl*=”-bote”][data-layout=”mobile”]
.mod-header
> .m-wrapper
> .m-logo
> .m-link
> .m-img {
padding-bottom: 2px;
}
}
/* Navi 2. Ebende Anpassung */
[data-layout=”mobile”] .mod-nav .m-overlay.is-open {
margin-top: -202px;
}
[data-layout=”mobile”] .mod-nav .m-menu–2.is-open {
margin-top: -202px;
}
[data-layout=”mobile”] .rsArrow {
cursor: pointer;
width: 44px;
height: 100%;
position: absolute;
z-index: 20;
top: 0;
transition: visibility 0.125s linear, opacity 0.125s linear;
-webkit-transition: visibility 0.125s linear, opacity 0.125s linear;
}
[data-layout=”mobile”] .rsArrow.rsArrowRight {
right: 0;
}
[data-layout=”mobile”] .rsArrow.rsArrowLeft {
left: 0;
}
[data-layout=”mobile”] .rsArrow.rsArrowLeft .rsArrowIcn:before {
display: block;
transform: rotate(180deg);
}
[data-layout=”mobile”] .rsArrowIcn {
width: 100%;
height: 58px;
cursor: pointer;
position: absolute;
background: rgba(255, 255, 255, 0.75);
top: 50%;
transform: translateY(-50%);
z-index: 2;
font-size: 1.5rem;
color: #2a2f31;
padding: 17px 10px;
text-align: center;
}
/* DEV-1220 – Abstand Fix für Datawrapper*/
p > iframe[id^=”datawrapper”],
.is-empty + iframe[id^=”datawrapper”],
p + iframe[id^=”datawrapper”] {
margin-top: 20px;
}
/* EGM-928 Bug: Druck-PDF StZ, StN + SB wird fehlerhaft erstellt */
@media print {
[data-b-title=”SB-R AdShop Artikel Traffective alternate”],
[data-b-title=”SBO-RSP18 – B – //DESKTOP-TABLET// – Ad Top (Superbanner/Billboard)”],
.mod-header>.m-wrapper .m-menu–top,
.Skyscraper,
.mod-header>.m-wrapper .m-menu–bottom,
.bottom-nav,
#footer {
display: none !important;
}
.site-wrapper {
padding-top: 0 !important;
}
.mod-article {
margin-top: 75px !important;
}
.article .mod-article.mod-article–frm:before {
left: 20px !important;
}
* {
-webkit-print-color-adjust: exact;
print-color-adjust: exact;
}
.mod-header {
border-bottom: none;
}
.articleTeaser {
display: none !important;
}
}
/* CON-1897 Anpassung [mobil]: Umpositionierung Buttons Partner */
[data-layout=”mobile”][data-state=”is-loggedout”]
.m-menu.m-menu–bottom
> .m-icon–cleverpush-container,
[data-layout=”mobile”][data-state=”is-loggedin”]
.m-menu.m-menu–bottom
> .m-icon–cleverpush-container {
/* display: none !important; */
}
.cleverpush-confirm-hide,
.cleverpush-panel-close {
color: #777;
}
@media (prefers-color-scheme: dark) {
[data-layout=”mobile”] .m-icon–cleverpush {
background-size: 68px 37px !important;
}
}
/* [data-layout=”mobile”] .mod-header>.m-wrapper .m-menu–bottom>.m-item-abo {
height: 35px;
position: relative;
} */
[data-layout=”mobile”]
.mod-header
> .m-wrapper
.m-menu–bottom
> .m-item-abo
.m-text {
padding: 12px 0px;
}
[data-layout=”mobile”] .nav-open .mod-header > .m-wrapper .m-menu–bottom {
padding-right: 0px !important;
}
/* [data-layout=”mobile”] .mod-header>.m-wrapper .m-menu–bottom>.m-item-abo span {
background-color: #A1C513;
padding: 0px 9px;
border-radius: 64px;
color: #fff;
font-family: ‘Roboto Condensed’;
font-size: 18px;
} */
/* [data-layout=”mobile”] .m-menu.m-menu–bottom {
right: 52px !important;
} */
[data-layout=”mobile”] .mod-header > .m-wrapper .m-menu–top > .m-item–nav {
padding: 0px 50px 0 8px;
/* width: 40px !important; */
}
[data-layout=”mobile”] .m-logo .m-link img {
width: 170px;
}
@media only screen and (max-width: 768px) {
.mod-header > .m-wrapper > .m-logo {
left: 5px;
}
}
/* DEV-1356 LZ Teaserkachel */
[data-alias=”/ortenau”] [data-tags=”Verlagsangebot”] .appetizer-title {
color: #005c8a;
}
/* EGM-1104 [Google News] Folgen-Button einbauen */
.footercontent .sharewrapper li.google-news a {
background-image: url(https://www.schwarzwaelder-bote.de/staticcontent/schwarzwaelder_bote/common/assets/img/google-news.png);
background-repeat: no-repeat;
}
[data-layout=”mobile”] .footercontent .sharewrapper > ul {
display: flex;
}
.footercontent .sharewrapper li a {
background-position-x: center !important;
}
.m-follow .social.gn a {
width: 100%;
height: 100%;
background-image: url(https://www.schwarzwaelder-bote.de/staticcontent/common/img/social-google-news.png);
background-size: contain;
}
.tp-modal .tp-iframe-wrapper.piano-id-modal-ver-2 .tp-close {
opacity: 1 !important;
height: 54px;
width: 42px;
border: none !important;
padding: 0;
background: url(https://www.schwarzwaelder-bote.de/media.media.9ffb991d-6dbe-4433-a70a-1cfcd49775a5.original.svg);
background-repeat: no-repeat;
background-position: center;
}
/* DEV-1441 – Twitter für SB abschalten */
.m-follow .social.tt a {
width: 100%;
height: 100%;
background-image: url(https://www.schwarzwaelder-bote.de/staticcontent/schwarzwaelder_bote/common/assets/svg/social-tiktok.svg);
background-size: contain;
}
/* Anpassung Navi Höhe */
@media only screen and (max-width: 550px) {
.mod-nav.is-scrollable {
height: 100%;
}
}
/* hide desktop + hide mobile */
[data-layout=”desktop”] .hide-desktop,
[data-layout=”desktop”] .hide-tablet {
display: none;
}
[data-layout=”mobile”] .hide-mobile {
display: none;
}
@media (prefers-color-scheme: dark) {
.pwBlur {
background: linear-gradient(
rgba(41, 41, 41, 0.3) 0%,
rgba(41, 41, 41, 0.9) 80%
) !important;
}
}
/* Anpassungen SALE-188 */
[data-layout=”mobile”]
.m-menu.m-menu–bottom
> .m-icon–cleverpush-container {
border-left: none !important;
width: 40px;
margin-right: -4px;
}
[data-layout=”mobile”] .cleverpush-unread-notifications-count:not(:empty) {
display: none !important;
}
[data-layout=”mobile”] .m-icon–cleverpush {
bottom: 2px;
}
@media (prefers-color-scheme: light) {
[data-layout=”mobile”]
.m-menu.m-menu–bottom
> .m-icon–cleverpush-container {
right: 45px;
top: 5px;
}
}
@media (prefers-color-scheme: dark) {
html[data-layout=”mobile”] .mod-header .m-wrapper li a.mhsd-partner-link {
margin-right: 94px !important;
}
}
@media only screen and (max-width: 375px) {
html[data-layout=”mobile”] .mod-header .m-wrapper li a.mhsd-partner-link {
margin-right: 84px !important;
}
}
@media only screen and (max-width: 350px) {
html[data-layout=”mobile”] .mod-header .m-wrapper li a.mhsd-partner-link {
margin-right: 70px !important;
}
}
/* Banderole max-height (evtl. verantwortlich für CLS Wert) */
.c1-banderole-target {
height: 90px;
display: inline-block !important;
}
[data-layout=”mobile”] .c1-banderole-target {
height: 70px;
max-height: 70px;
}
/* EGM-1370 Fixes div. Fehler */
.mod-article
.article-body
.article-bottom
.item
.article-bottom-wrapper
.to-image-slider-wrapper
.to-image-slider
.icon-picture {
line-height: 42px;
}
[data-layout=”tablet”] .m-logo img,
[data-layout=”desktop”] .m-logo img {
width: 300px;
}
[data-layout=”tablet”] .mod-header > .m-wrapper > .m-logo,
[data-layout=”desktop”] .mod-header > .m-wrapper > .m-logo {
top: 33px;
}
[data-layout=”mobile”] .bottom-nav .breadcrumb {
overflow-y: hidden;
}
/* EGM-1451 SWMN-Logo reduzieren */
[data-layout=”mobile”]
.mod-header
> .m-wrapper
.m-menu–top
a.mhsd-partner-link::before {
content: “” !important;
display: inline-block;
width: 41px;
height: 9px;
background-image: url(“/staticcontent/common/svg/swmn_80_dark.svg”);
background-size: contain;
}
[data-layout=”mobile”] .mod-header .m-wrapper li a.mhsd-partner-link {
position: relative;
margin-right: 100px !important;
top: 8px;
}
@media (prefers-color-scheme: dark) {
[data-layout=”mobile”]
.mod-header
> .m-wrapper
.m-menu–top
a.mhsd-partner-link::before {
content: “” !important;
background-image: url(“/staticcontent/common/svg/swmn_80.svg”);
}
}
/* GROW-345 Eilbanner */
.breaking-news .data figure,
.breaking-news .bookmark-article,
.breaking-news .data .appetizer-text,
.breaking-news .data .appetizer-kicker {
display: none;
}
.breaking-news .data .headline-wrapper {
position: relative;
}
.breaking-news .data .headline-wrapper:after {
content: “”;
display: block;
position: absolute;
height: 1px;
left: 8px;
width: 36px;
bottom: 14px;
background-color: #fff;
}
.breaking-news .data .headline-wrapper h3 {
display: flex;
}
.breaking-news .data .headline-wrapper h3:before {
background-color: var(–color-alert);
font-size: 16px;
font-family: Roboto;
line-height: 22px;
text-transform: uppercase;
color: #fff;
margin: 0;
position: relative;
float: none;
padding: 14px 22px 14px 8px;
content: “Eil”;
display: block;
font-weight: 700;
}
.breaking-news .data .headline-wrapper h3:after {
content: “”;
display: inline-block;
background-image: url(“https://www.stuttgarter-zeitung.de/staticcontent/stuttgarter_zeitung/common/svg/Icon_Pfeile.svg”);
width: 10px;
height: 9px;
background-repeat: no-repeat;
background-size: contain;
filter: brightness(0) saturate(100%) invert(100%) sepia(27%) saturate(0%)
hue-rotate(192deg) brightness(107%) contrast(104%);
position: absolute;
left: 34px;
top: 22px;
}
.breaking-news .data .appetizer-title {
background-color: #c12121;
padding: 16px 10px;
font-size: 14px;
font-weight: 400;
line-height: 16px;
flex-grow: 1;
color: #fff;
align-items: center;
display: flex;
white-space: nowrap;
overflow: hidden;
margin: 0;
font-family: Roboto;
}
.breaking-news .data .appetizer-title span.animate {
animation: move-text 10s linear infinite;
}
#pianoBanderoleContainer {
display: block;
background-color: #fff;
margin: 7px 20px 20px 20px;
}
.eilmeldung-script {
line-height: 0;
}
.eilmeldung-script .item {
padding: 0;
}
[data-layout=”mobile”] .breaking-news .data .headline-wrapper {
flex-shrink: 0;
}
[data-layout=”mobile”] .breaking-news .data .appetizer-title {
padding: 19px 8px;
}
[data-layout=”mobile”] .breaking-news .data .appetizer-title:before {
bottom: 19px;
}
[data-layout=”mobile”] .breaking-news .data .appetizer-text {
padding: 19px 10px;
}
[data-layout=”mobile”] .breaking-news {
margin: 10px -18px;
width: calc(100% + 36px);
}
[data-layout=”mobile”] #pianoBanderoleContainer {
margin: 0;
}
[data-layout=”mobile”] #panoramaBanderole.breaking-news {
min-height: 50px;
}
[data-layout=”mobile”] .breaking-news .item {
padding: 0;
}
@keyframes move-text {
to {
transform: translate(-50%);
}
}
html:not([data-alias=”https://www.schwarzwaelder-bote.de/”]) .breaking-news {
margin-bottom: 10px;
}
/* Anpassung fü VX Checkout */
.tp-iframe-wrapper {
max-width: 400px;
}
.tp-iframe-wrapper .tp-close {
opacity: 1 !important;
height: 42px !important;
width: 42px !important;
border: none !important;
padding: 0 !important;
background: url(“https://www.schwarzwaelder-bote.de/staticcontent/schwarzwaelder_bote/common/svg/icon-close-no_whitepace.svg”)
no-repeat center !important;
background-color: rgba(0, 0, 0, 0);
min-width: auto !important;
background-color: transparent !important;
top: 0;
right: 0;
box-shadow: none !important;
}
.tp-modal {
transform: none !important;
}
/* Anpassungen wegen DEV-1880 */
[data-alias=”/ortenau”][data-layout=”mobile”]
.mod-header
> .m-wrapper
.m-menu–bottom
> .m-item-abo
span,
[data-alias=”/neckarquelle”][data-layout=”mobile”]
.mod-header
> .m-wrapper
.m-menu–bottom
> .m-item-abo
span {
background-color: #005ca8;
}
@media (prefers-color-scheme: dark) {
[data-alias=”/ortenau”][data-layout=”mobile”]
.mod-header
> .m-wrapper
.m-menu–bottom
> .m-item-abo
span,
[data-alias=”/neckarquelle”][data-layout=”mobile”]
.mod-header
> .m-wrapper
.m-menu–bottom
> .m-item-abo
span {
background-color: #4097e0;
}
}
[data-alias=”/ortenau”][data-layout=”mobile”]
.mod-header
> .m-wrapper
.m-menu–bottom,
[data-alias=”/neckarquelle”][data-layout=”mobile”]
.mod-header
> .m-wrapper
.m-menu–bottom {
border-top: unset !important;
}
[data-layout=”mobile”][data-state=”is-loggedin”]:not(
[data-alias=”/neckarquelle”]
)
.mod-nav
.m-overlay.is-open,
[data-layout=”mobile”][data-state=”is-subscribed”]:not(
[data-alias=”/neckarquelle”]
)
.mod-nav
.m-overlay.is-open,
[data-layout=”mobile”][data-state=”is-loggedin”]:not(
[data-alias=”/neckarquelle”]
)
.mod-nav
.m-menu–2.is-open,
[data-layout=”mobile”][data-state=”is-subscribed”]:not(
[data-alias=”/neckarquelle”]
)
.mod-nav
.m-menu–2.is-open {
margin-top: -250px !important;
}
/* DEV-1954 – Newsticker Seite */
[data-layout=”desktop”] .topnews-article-list .appetizer figure .image {
padding-bottom: 56%;
}
/* CON-2502 – Darkmode Piano ID*/
@media (prefers-color-scheme: dark) {
.tp-iframe-wrapper.piano-id-modal-ver-2 .tp-close {
filter: brightness(0) saturate(100%) invert(90%) sepia(6%) saturate(134%)
hue-rotate(14deg) brightness(99%) contrast(98%) !important;
}
}
[data-layout=”mobile”] .mod-header > .m-wrapper .m-menu–top > .m-item–nav {
background-color: transparent;
}
iframe[src*=”youtube”] {
max-width: 100% !important;
width: 100%;
height: auto;
aspect-ratio: 16/9;
}
/* EGM-1582 – Erstellung weiterer Plusbox */
[data-layout=”tablet”] #pianoRecoPlusbox,
[data-layout=”desktop”] #pianoRecoPlusbox {
display: flex;
}
[data-layout=”tablet”] #pianoRecoPlusbox .item,
[data-layout=”desktop”] #pianoRecoPlusbox .item {
display: flex;
flex-direction: column;
}
#pianoRecoPlusbox .item {
flex-shrink: 1;
height: auto;
}
#pianoRecoPlusbox .item .bookmark-article {
margin-top: auto;
margin-left: auto;
}
/* Variante B */
#pos_plusbox.plusbox-b.plusbox {
border: none;
margin: 0;
background-color: transparent;
}
[data-layout=”desktop”] #pos_plusbox.plusbox-b .item + .item::before {
display: none;
}
#pos_plusbox.plusbox-b.plusbox header {
position: static;
padding: 0 0 0 15px;
}
#pos_plusbox.plusbox-b .header {
display: inline;
}
#pos_plusbox.plusbox-b .appetizer {
padding: 0;
}
#pos_plusbox.plusbox-b.plusbox h3 {
display: inline-block;
line-height: 28px;
margin: 0px 0 25px !important;
}
#pos_plusbox.plusbox-b.plusbox .logo-background {
width: auto;
height: auto;
}
#pos_plusbox.plusbox-b.plusbox #pianoRecoPlusbox {
flex-direction: column;
}
#pos_plusbox.plusbox-b .headline-wrapper {
display: flex;
}
#pos_plusbox.plusbox-b #pianoRecoPlusbox figure {
width: 340px !important;
padding: 0 20px 0 0;
flex-shrink: 0;
}
#pos_plusbox.plusbox-b .appetizer-kicker {
background-color: var(–color-primary);
width: fit-content;
padding-right: 2px;
padding-left: 2px;
display: inline;
float: none;
}
#pos_plusbox.plusbox-b
[data-paidcontent=”true”]
.appetizer
h3
.appetizer-kicker
> .paid-icon {
margin-right: 2px;
background-color: #fff !important;
margin-left: -2px;
padding-bottom: 1px;
}
#pos_plusbox.plusbox-b .appetizer h3 .appetizer-kicker:before {
margin-left: -2px;
margin-right: -1px;
padding: 0px 4px;
height: 21px;
}
#pos_plusbox.plusbox-b
[data-tags*=”Kommentar”]
.appetizer
h3
.appetizer-kicker::before,
#pos_plusbox.plusbox-b
[data-tags*=”Meinung”]
.appetizer
h3
.appetizer-kicker::before {
line-height: 1.25;
}
#pos_plusbox.plusbox-b.plusbox .item button.bookmark-article {
margin-right: calc(100% – 325px);
right: 0;
left: 3px;
transform: translateX(100%);
}
[data-layout=”desktop”]
#pos_plusbox.plusbox-b.plusbox
.item
button.bookmark-article,
[data-layout=”tablet”]
#pos_plusbox.plusbox-b.plusbox
.item
button.bookmark-article {
bottom: 35px;
}
#pos_plusbox.plusbox-b .appetizer h3 .appetizer-kicker {
color: #1c1c1c !important;
}
#pos_plusbox.plusbox-b.plusbox h3 {
text-align: left;
}
#pos_plusbox.plusbox-b.plusbox .appetizer-title {
padding: 0;
}
[data-layout=”desktop”]
#pos_plusbox.plusbox-b.plusbox
#pianoRecoPlusbox
.appetizer
figure,
[data-layout=”tablet”]
#pos_plusbox.plusbox-b.plusbox
#pianoRecoPlusbox
.appetizer
figure {
margin-bottom: 0;
}
[data-layout=”mobile”] #pos_plusbox.plusbox-b.plusbox header {
display: block;
text-align: center;
padding: 0;
margin-top: 20px;
}
[data-layout=”mobile”] #pos_plusbox.plusbox-b.plusbox h3 {
text-align: center;
display: block;
}
[data-layout=”mobile”] #pos_plusbox.plusbox-b.plusbox .appetizer h3 {
text-align: left;
}
[data-layout=”mobile”] #pos_plusbox.plusbox-b.plusbox {
padding: 0;
}
[data-layout=”mobile”] #pos_plusbox.plusbox-b .appetizer-kicker {
padding-top: 0 !important;
padding-bottom: 0 !important;
}
[data-layout=”mobile”] #pos_plusbox.plusbox-b.plusbox .header h3 {
display: block;
margin-top: 10px;
margin-bottom: 15px;
}
[data-layout=”mobile”] #pos_plusbox.plusbox-b .headline-wrapper {
flex-direction: column;
}
[data-layout=”mobile”]
#pos_plusbox.plusbox-b.plusbox
.item
button.bookmark-article {
margin-right: 100%;
left: -13px;
margin-bottom: 0;
margin-top: 5px;
}
[data-layout=”mobile”]
#pos_plusbox.plusbox-b
[data-paidcontent=”true”]
.appetizer
h3
.appetizer-kicker
> .paid-icon::before {
float: none;
margin-top: 0;
}
[data-layout=”mobile”]
#pos_plusbox.plusbox-b.plusbox
#pianoRecoPlusbox
.item {
border-bottom: 1px solid #7c7867;
padding: 0 0 10px;
margin-bottom: 30px;
}
[data-layout=”mobile”] #pos_plusbox.plusbox-b #pianoRecoPlusbox figure {
width: auto !important;
padding: 0;
}
[data-layout=”mobile”] #pos_plusbox.plusbox-b.plusbox #pianoRecoPlusbox {
border-top: 1px solid #7c7867;
padding-top: 20px;
margin-bottom: 0;
}
[data-layout=”mobile”] #pos_plusbox.plusbox-b.plusbox .appetizer h3 {
margin-bottom: 0 !important;
}
[data-layout=”mobile”] #pos_plusbox.plusbox-b.plusbox .link-wrap {
text-align: center;
margin: 0 auto 30px;
line-height: 16px;
}
@media (prefers-color-scheme: dark) {
#pos_plusbox.plusbox-b
[data-paidcontent=”true”]
.appetizer
h3
.appetizer-kicker
> .paid-icon {
background-color: #292929 !important;
}
[data-layout=”mobile”] #pos_plusbox.plusbox-b.plusbox #pianoRecoPlusbox {
border-top-color: #545454;
}
[data-layout=”mobile”]
#pos_plusbox.plusbox-b.plusbox
#pianoRecoPlusbox
.item {
border-bottom-color: #545454;
}
}
/* Variante C */
#pos_plusbox.plusbox-c.plusbox {
border: none;
margin: 0;
max-width: none;
padding-right: 0;
padding-left: 20px;
}
#pos_plusbox.plusbox-c.plusbox header {
position: relative;
top: 15px;
left: 0;
padding-left: 0;
}
#pos_plusbox.plusbox-c.plusbox .logo-background {
padding: 1px 3px;
border-radius: 2px;
width: auto;
height: auto;
background-color: #fff !important;
}
#pos_plusbox.plusbox-c.plusbox .logo-background img {
background-color: white;
width: 48px;
height: auto;
}
#pos_plusbox.plusbox-c.plusbox .header {
width: fit-content;
}
#pos_plusbox.plusbox-c.plusbox header + h3 {
text-align: left;
margin-bottom: 30px !important;
color: #fff !important;
font-size: 24px;
line-height: 26px;
display: inline-block;
}
#pos_plusbox.plusbox-c.plusbox #pianoRecoPlusbox .appetizer {
padding: 0;
}
#pos_plusbox.plusbox-c.plusbox #pianoRecoPlusbox .swiper-slide {
background-color: #fff;
display: flex;
flex-wrap: wrap;
margin-bottom: 0;
flex-shrink: 0;
height: 100%;
padding: 0;
}
#pos_plusbox.plusbox-c.plusbox #pianoRecoPlusbox .appetizer-kicker {
padding: 0 10px;
}
#pos_plusbox.plusbox-c.plusbox #pianoRecoPlusbox .appetizer-title {
padding: 0 10px;
margin-bottom: 10px;
}
#pos_plusbox.plusbox-c #pianoRecoPlusbox {
display: flex;
}
#pos_plusbox.plusbox-c {
background-color: #034a21 !important;
border-top: 10px solid #a1c513 !important;
border-bottom: 10px solid #a1c513 !important;
}
#pos_plusbox.plusbox-c .button-wrap {
margin-bottom: 0;
}
#pos_plusbox.plusbox-c .text-button {
color: var(–color-bodytext) !important;
border-bottom-color: var(–color-bodytext) !important;
line-height: 25px;
}
.grid-row-teaser .boxitem #pos_plusbox.plusbox-c .item figure {
padding: 0;
margin-bottom: 7px;
}
#pos_plusbox.plusbox-c.plusbox .item button.bookmark-article {
margin: auto 0 0 auto;
right: 0;
}
#pos_plusbox.plusbox-c .swiper-button-next,
#pos_plusbox.plusbox-c .swiper-button-prev {
width: 22px;
height: 22px;
top: -60px;
}
#pos_plusbox.plusbox-c .swiper-button-prev {
left: auto;
right: 40px;
}
#pos_plusbox.plusbox-c .swiper-button-next {
right: 15px;
}
#pos_plusbox.plusbox-c .swiper-button-next:after,
#pos_plusbox.plusbox-c .swiper-button-prev:after {
font-size: 15px;
color: #fff;
font-weight: 700;
margin: 0;
}
#pos_plusbox.plusbox-c.plusbox .link-wrap a {
color: #fff;
border-bottom-color: #fff;
}
[data-layout=”desktop”] #pos_plusbox.plusbox-c .item + .item::before {
display: none;
}
[data-layout=”mobile”] .plusbox.plusbox-c figure .image {
margin-top: 0;
}
[data-layout=”mobile”] #pos_plusbox.plusbox-c #pianoRecoPlusbox {
margin-left: 0;
display: flex;
}
[data-layout=”mobile”] #pos_plusbox.plusbox-c .swiper-button-prev {
right: 30px;
}
[data-layout=”mobile”] #pos_plusbox.plusbox-c .swiper-button-next {
right: 5px;
}
[data-layout=”mobile”]
#pos_plusbox.plusbox-c.plusbox
.item
button.bookmark-article {
margin-top: auto;
margin-left: auto;
}
[data-layout=”mobile”] #pos_plusbox.plusbox-c.plusbox {
margin-left: -20px;
margin-right: -20px;
width: calc(100% + 40px);
}
[data-layout=”mobile”] #pos_plusbox.plusbox-c.plusbox .link-wrap {
line-height: 16px;
text-align: center;
}
[data-layout=”mobile”] #pos_plusbox.plusbox-c.plusbox header + h3 {
font-size: 24px;
margin-top: 0 !important;
}
[data-layout=”mobile”] #pos_plusbox.plusbox-c.plusbox header {
top: 2px;
}
[data-layout=”mobile”] #pos_plusbox.plusbox-c .swiper-button-next,
[data-layout=”mobile”] #pos_plusbox.plusbox-c .swiper-button-prev {
top: -55px;
}
@media (prefers-color-scheme: dark) {
#pos_plusbox.plusbox-c.plusbox #pianoRecoPlusbox .swiper-slide {
background-color: #292929;
}
}
@font-face {
font-family: swiper-icons;
src: url(“data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA”);
font-weight: 400;
font-style: normal;
}
.swiper {
margin-left: auto;
margin-right: auto;
position: relative;
overflow: hidden;
list-style: none;
padding: 0;
z-index: 1;
}
.swiper-wrapper {
position: relative;
width: 100%;
height: 100%;
z-index: 1;
display: flex;
transition-property: transform;
box-sizing: content-box;
}
.swiper-android .swiper-slide,
.swiper-wrapper {
transform: translate3d(0, 0, 0);
}
.swiper-slide {
flex-shrink: 0;
width: 100%;
height: 100%;
position: relative;
transition-property: transform;
}
.swiper-backface-hidden .swiper-slide {
transform: translateZ(0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
opacity: 0.35;
cursor: auto;
pointer-events: none;
}
.swiper-button-next,
.swiper-button-prev {
position: absolute;
top: 50%;
width: calc(var(–swiper-navigation-size) / 44 * 27);
height: var(–swiper-navigation-size);
margin-top: calc(0px – (var(–swiper-navigation-size) / 2));
z-index: 10;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
color: var(–swiper-navigation-color, var(–swiper-theme-color));
}
.swiper-button-next:after,
.swiper-button-prev:after {
font-family: swiper-icons;
font-size: var(–swiper-navigation-size);
text-transform: none !important;
letter-spacing: 0;
text-transform: none;
font-variant: initial;
line-height: 1;
}
.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
content: “next”;
}
.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
content: “prev”;
}
]]]]]]]]]]>]]]]]]]]>]]]]]]>]]]]>]]>
]]]]]]]]>]]]]]]>]]]]>]]>
]]]]]]]]>]]]]]]>]]]]>]]>
]]]]]]]]>]]]]]]>]]]]>]]>
dpa 26.10.2024 – 01:51 Uhr
Sergio Perez steuert sein Auto vor dem Grand Prix von Mexiko. Foto: Moises Castillo/AP
]]]]]]]]>]]]]]]>]]]]>]]>
]]]]]]]]>]]]]]]>]]]]>]]>
]]]]]]]]>]]]]]]>]]]]>]]>
img {
display: block;
margin: 20px auto 35px;
width: 280px;
}
.footercontent .sharewrapper {
display: flex;
justify-content: center;
align-items: center;
margin-bottom: 35px;
}
.footercontent .sharewrapper li {
display: inline-block;
margin: 0px 10px;
width: auto !important;
padding: 0 0 5px 0;
}
.footercontent .sharewrapper li a {
min-width: 46px;
min-height: 42px;
display: block;
}
.footercontent .sharewrapper li.facebook a {
background: url(https://www.schwarzwaelder-bote.de/media.media.27b2d81d-da4d-4c6b-b5cc-1d3b5465e639.original.png) no-repeat;
}
.footercontent .sharewrapper li.twitter a {
background: url(https://www.schwarzwaelder-bote.de/media.media.0955ec33-6833-47f0-8043-19cf8745e388.original.png) no-repeat;
}
.footercontent .sharewrapper li.youtube a {
background: url(https://www.schwarzwaelder-bote.de/media.media.3ec2fe57-77dd-459e-b033-60ac81312b18.original.png) no-repeat;
}
.footercontent .sharewrapper li.insta a {
background: url(https://www.schwarzwaelder-bote.de/media.media.e1772eb0-324c-4526-ae03-df65c4869570.original.png) no-repeat;
}
.footercontent .sharewrapper li.tiktok a {
background: url(https://www.schwarzwaelder-bote.de/media.media.0d8ce438-9b36-4f4a-b7de-2c942bef4f06.original.svg) no-repeat;
}
.footercontent .footer-links {
text-align: center;
margin: 0px auto 35px;
font-size: 14px;
line-height: 1.5;
display: block;
padding: 0 !important;
}
.mod-footer .footer-links li {
display: inline-block;
}
.mod-footer .footer-links li a {
display: block;
color: #ffffff;
font-weight: 300;
}
[data-layout=”desktop”] .mod-footer .footer-links li a {
padding: 0 20px 9px 0;
font-size: 0.875rem;
font-weight: normal;
line-height: 1;
}
[data-layout=mobile] .mod-footer .footer-links li a {
margin-bottom: 15px;
font-size: 14px;
padding: 0 10px;
}
.footercontent h2.footer-header {
font-size: 15px;
font-weight: 700;
color: #fff;
line-height: 1.5;
margin: 0px auto 12px;
text-align: center;
}
]]]]]]]]]]>]]]]]]]]>]]]]]]>]]]]>]]>
]]]]]]]]>]]]]]]>]]]]>]]>
]]]]]]]]>]]]]]]>]]]]>]]>