Tag „Anzeigenkennung“ */
[data-article-tags*=Anzeigenkennung] .article-header .article-kicker:before {
content: „Anzeige“;
background-color: #999;
font-size: .8125rem;
color: #fff;
line-height: 1.1;
padding: 1px 3px 0 3px;
display: inline-flex;
margin-right: 5px;
justify-content: center;
text-transform: uppercase;
}
[data-tags*=Anzeigenkennung] .appetizer h3 .appetizer-kicker:before {
content: „Anzeige“;
background-color: #999;
font-size: .8125rem;
color: #fff;
line-height: 1.1;
padding: 1px 3px 0 3px;
display: inline-flex;
margin-right: 5px;
justify-content: center;
text-transform: uppercase;
}
/* MHSD-1966 Einheitliche Listendarstellung */
.article-text .item .content hr {
margin: 16px 0;
}
.article-text .item .content ul li {
margin-bottom: 1rem;
}
.article-text .item .content ul li:first-child {
margin-top: 1rem;
}
/* MHSD-2073 Anpassung inline Bilder */
.item .content figure.fltlft.inlineImage img {
width: 100%;
}
.item .content figure.fltlft.inlineImage {
margin: 20px 0;
}
.article-text .item .content h2 {
margin-top: 20px;
}
/* Paywall Anpassung PH-85 */
#paywall.layout-zwei-angebote * {
font-family: ‚Roboto‘ !important;
color: #333;
}
#paywall.mod-paywall.layout-zwei-angebote .container-main .offer .headline svg {
margin-right: 9px !important;
}
#paywall.mod-paywall.layout-zwei-angebote .container-main .offer section ul li {
color: #333 !important;
align-items: flex-start !important;
}
#paywall.mod-paywall.layout-zwei-angebote .container-main .offer section ul li::before {
background: #333 !important;
min-width: 5px;
margin-top: 11px;
}
#paywall.mod-paywall.layout-zwei-angebote .container-main .offer section .button-section .subline {
line-height: 1.3 !important;
color: #333 !important;
}
#paywall.mod-paywall.layout-zwei-angebote .container-main .button-section a {
line-height: 1.3 !important;
padding: 12px;
}
#paywall.mod-paywall.layout-zwei-angebote .container-login {
color: #333 !important;
line-height: 1.5;
padding: 10px 0px 40px !important;
}
#paywall.mod-paywall.layout-zwei-angebote .container-main .button-section a {
color: #fff !important;
}
#paywall.mod-paywall.layout-zwei-angebote .container-main .button-section.compare a {
color: var(–accent-paywall) !important;
}
@media screen and (max-width: 550px) {
#paywall.mod-paywall.layout-zwei-angebote {
margin-left: -5px !important;
margin-right: -5px !important;
}
}
[data-layout=mobile] .mod-paywall {
max-width: unset !important;
}
[data-layout=mobile] .countdown p span.minutes,
[data-layout=mobile] .countdown p span.hours {
display: none;
}
[data-layout=mobile] .countdown p span.minutes-count:after {
content: „\a Min\A“;
color: #333 !important;
}
[data-layout=mobile] .countdown p span.hours-count:after {
content: „\a Std“;
color: #333 !important;
font-weight: normal;
}
/* 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(/staticcontent/nordbayerischer_kurier/common/svg/icon-share-stn.svg);
background-repeat: no-repeat !important;
}
.shareOverlayOpener:active,
.shareOverlayOpener:focus,
.shareOverlayOpener:hover {
background: url(/staticcontent/nordbayerischer_kurier/common/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;
font-weight: 700;
font-family: „Roboto Condensed“;
}
.shareOverlayTemplateWrapper .socialOverlayContainer ul {
flex-direction: column;
height: auto;
font-size: 18px;
line-height: 27px;
font-family: „Roboto Condensed“;
}
.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;
}
.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 {
width: 17.5%;
background-position: center !important;
border: none;
}
[data-layout=“mobile“] .sharewrapper .shareOverlayList li.whatsapp {
width: 100%;
background-position: left center !important;
}
/* SALE-188 MHSD Logo zu SWMN austauschen */
.mod-header-new .header-top .header-partner-link[dark]:before {
content: url(https://www.frankenpost.de/staticcontent/common/svg/swmn_80_dark.svg);
}
/* EGM-1451 SWMN-Logo reduzieren */
[data-layout=“mobile“] .mod-header-new .header-top .header-partner-link[dark]:before {
content: „“;
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-new .header-top .header-partner-link {
top: 3px;
}
]]>
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;
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: #009330;
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: #009330;
}
.registrationwall .registrationwall__header .steps .step.step-2:before {
content: „2“;
background-color: #BAB7AD;
}
[data-layout=“mobile“] .registrationwall__header {
padding: 20px 0;
}
[data-layout=“mobile“] .registrationwall .registrationwall__header {
padding: 13px 0;
}
[data-layout=“mobile“] .registrationwall.onboarding {
margin-top: 0;
}
/* Haupstseiten mit Wrapper – Content */
.registrationwall .registrationwall__content,
.registrationwall .registrationwall__banner {
margin: 0 auto;
padding: 40px 0px;
/* 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=“/meinis/meine-nachrichten“] .registrationwall:not(.onboarding) .registrationwall__banner {
margin-top: 0;
margin-bottom: 10px;
}
[data-layout=“desktop“] .registrationwall:not(.onboarding) .registrationwall__banner {
width: calc(100% + 60px);
margin-left: -30px;
}
[data-layout=“tablet“] .registrationwall:not(.onboarding) .registrationwall__banner,
[data-layout=“mobile“] .registrationwall:not(.onboarding) .registrationwall__banner {
width: calc(100% + 30px);
margin-left: -15px;
}
.registrationwall .registrationwall__content > div {
width: 100%;
/* max-width: 817px; */
margin: 0 auto;
}
.registrationwall .registrationwall__content> .item-list {
margin-bottom: 0;
}
/* Listen */
.registrationwall .item-list,
.registrationwall .item {
display: block;
line-height: 26px;
}
.registrationwall .item-list>.item {
width: auto;
}
.registrationwall .item-list {
margin-bottom: 41px;
}
.registrationwall .item-list .headline {
font-size: 22px;
line-height: 29px;
font-weight: 700;
margin-top: 60px;
/* font-family: ‚Roboto Slab‘; */
color: #4D555A;
}
/* .registrationwall .item-list .boxItemContainer.authors .item-list .headline {
color: #fff;
} */
.registrationwall .item-list .subHeadline {
margin-top: 8px;
margin-bottom: 14px;
color: #7C7867;
font-size: 17px;
line-height: 26px;
font-family: „Roboto Condensed“;
}
.registrationwall .item.boxItemContainer .item {
width: 160px !important;
height: 150px;
border: 1px solid #4D555A ;
/* border-radius: 2px; */
padding: 0 10px 0 10px;
margin: 0 59px 0 0;
display: flex;
flex-direction: column;
justify-content: space-between;
/* overflow: hidden; */
background-color: #f2f9f5;
margin-top: 12px;
}
/* .registrationwall .item.boxItemContainer.topics .item {
background-image: url(/staticcontent/insuedthueringen/common/svg/Themenbild_Meine-StZ.svg);
} */
.registrationwall .item.boxItemContainer.topics .item {
border: none;
}
.registrationwall .item.boxItemContainer.topics .item.thema-vfb {
background-image: url(/staticcontent/insuedthueringen/common/img/themenbild_vfb.png);
}
.registrationwall .item.boxItemContainer.topics .item.thema-wohnen {
background-image: url(/staticcontent/insuedthueringen/common/img/themenbild_wohnen.png);
}
.registrationwall .item.boxItemContainer.topics .item.thema-baustellen {
background-image: url(/staticcontent/insuedthueringen/common/img/themenbild_baustellen.png);
}
.registrationwall .item.boxItemContainer.topics .item.thema-1942 {
background-image: url(/staticcontent/insuedthueringen/common/img/themenbild_1942.png);
}
.registrationwall .item.boxItemContainer.topics .item.thema-polizei {
background-image: url(/staticcontent/insuedthueringen/common/img/themenbild_polizei.png);
}
.registrationwall .item.boxItemContainer.topics .item[class*=“thema-„] {
background-size: cover;
}
.registrationwall .item.boxItemContainer .item img {
object-fit: cover;
width: 68px;
height: 68px;
order: -1;
border-radius: 50%;
position: absolute;
right: 7px;
top: -12px;
}
.registrationwall .item.boxItemContainer .item:last-of-type {
margin-right: 0;
}
.registrationwall .item.boxItemContainer .item .headline {
margin: auto 0 8px;
white-space: initial;
line-height: 22px;
font-size: 22px;
/* font-family: ‚Roboto Slab‘; */
}
.registrationwall .item.boxItemContainer.topics .item .headline {
display: flex;
/* margin: auto 0 40px; */
justify-content: center;
text-align: center;
margin: auto 0 8px;
/* color: #fff; */
}
[data-layout=“mobile“] .registrationwall .headline {
margin-top: 40px;
}
/* [data-layout=“mobile“] .registrationwall .item.boxItemContainer {
padding-left: 18px;
padding-right: 18px;
} */
[data-layout=“mobile“] .registrationwall .item.boxItemContainer .item {
margin-right: 8px;
}
[data-layout=“mobile“] .registrationwall__content>.item-list>.item+.item>.headline {
margin-top: 60px;
}
/* [data-layout=“mobile“] .registrationwall .item.boxItemContainer .item {
width: 144px !important;
height: 134px;
padding: 0 10px;
} */
/* [data-layout=“mobile“] .registrationwall .item.boxItemContainer .item img {
width: 40px;
height: 40px;
} */
/* [data-layout=“mobile“] .registrationwall .item.boxItemContainer .item .headline {
margin: auto 0 10px;
line-height: 23px;
font-size: 18px;
} */
/* [data-layout=“mobile“] .registrationwall .item.boxItemContainer.topics .item .headline {
margin: auto 0 30px;
} */
/* Slider */
.registrationwall .item.slider .item-list.flickity-enabled {
position: relative;
margin-top: 0;
}
.registrationwall .item.slider .item-list.flickity-enabled .arrow {
position: absolute;
top: 50%;
transform: translateY(-50%);
}
.registrationwall .item.slider .item-list.flickity-enabled .arrow:after {
font-family: swiper-icons;
font-size: 15px;
text-transform: none !important;
letter-spacing: 0;
font-variant: initial;
line-height: 1;
font-weight: bold;
}
.registrationwall .item.slider .item-list.flickity-enabled .arrow.left {
left: -50px;
}
.registrationwall .item.slider .item-list.flickity-enabled .arrow.left:after {
content: ‚prev‘;
}
.registrationwall .item.slider .item-list.flickity-enabled .arrow.right {
right: -50px;
}
.registrationwall .item.slider .item-list.flickity-enabled .arrow.right:after {
content: ’next‘;
}
.registrationwall .item:not(.slider) .item-list {
display: flex;
flex: 1;
}
.registrationwall .item.slider .item-list:not(.flickity-enabled) {
display: flex;
}
.registrationwall .item.slider .item-list:not(.flickity-enabled) .item:nth-child(n+5) {
display: none;
}
.registrationwall .item.slider .item-list:not(.flickity-enabled) .item:nth-child(4) {
margin-right: 0;
}
[data-layout=“mobile“] .registrationwall .item.slider .item-list:not(.flickity-enabled) .item:nth-child(n+3) {
display: none;
}
[data-layout=“mobile“] .registrationwall .item.slider .item-list:not(.flickity-enabled) .item:nth-child(2) {
margin-right: 0;
}
.registrationwall .flickity-button {
display: none !important;
}
/* Alphabetical List */
.registrationwall .item.alphabeticalList > .item-list {
margin: 0;
/* display: grid; */
/* grid-template-columns: 1fr 1fr; */
gap: 23px 60px;
display: block;
column-count: 2;
}
.registrationwall .item.alphabeticalList > .item-list .item.topicList {
margin-top: 23px;
}
/* [data-layout=“mobile“] .registrationwall .item.alphabeticalList {
padding-left: 18px;
padding-right: 18px;
} */
[data-layout=“mobile“] .registrationwall .item.alphabeticalList > .item-list {
/* grid-template-columns: 1fr; */
column-count: 1;
}
/* Topic List */
.registrationwall .topicList {
margin-top: 0;
}
.registrationwall .topicList .headline {
font-size: 18px;
line-height: 27px;
margin-top: 0;
font-family: ‚Roboto Condensed‘;
}
.registrationwall .topicList > .item-list {
margin: 0;
display: flex;
flex-wrap: wrap;
flex-direction: column;
}
.registrationwall .topicList > .item-list .item {
display: flex;
margin-top: 8px;
margin-bottom: 10px;
flex: 1;
align-items: center;
}
.registrationwall .topicList > .item-list button {
margin: 0 0 0 auto;
width: auto;
min-width: 123px;
}
@media (max-width: 365px) {
.registrationwall .topicList > .item-list button {
min-width: 113px;
}
}
.registrationwall .topicList>.item-list .headline {
font-weight: 400;
min-width: 0;
margin-right: 10px;
text-overflow: ellipsis;
overflow: hidden;
}
/* Overlays */
body.onboardingOverlayOpen {
overflow: hidden;
}
body.onboardingInfoOpen .onboardingInfo {
transform: translateY(0);
}
.onboardingInfo {
transform: translateY(100%);
transition: transform 200ms ease 0s;
position: fixed;
bottom: 0;
width: calc(100% + 30px);
text-align: center;
background-color: #f2f9f5;
padding: 20px;
font-size: 18px;
line-height: 27px;
max-width: 1200px;
box-shadow: 0px 0px 4px rgba(41, 41, 41, 0.16);
/* color: #fff; */
margin-left: -30px;
}
.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;
font-family: „Roboto Condensed“;
background-color: #009330;
color: #fff;
border: none;
box-shadow: 0px 1px 3px rgb(0 0 0 / 16%);
border-radius: 0;
}
.onboardingInfo button[disabled],
.onboardingInfo button[disabled]:hover {
background: #BAB7AD;
color: #E7E7E7;
cursor: default;
}
.onboardingInfo .container-login {
font-weight: bold;
}
.onboardingInfo .container-login span {
color: #009330;
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: #009330;
}
.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: #009330;
}
.onboardingInfo span[data-follow-count-theme=“0″] + span[data-follow-count-author=“0″]:before {
content: „noch keine Themen oder Autoren“;
}
.registrationwall .onboardingInfo span[data-follow-count-theme=“1″]:after,
.registrationwall .configurationInfo span[data-follow-count-theme=“1″]:after {
content: “ Thema“ !important;
}
.registrationwall .onboardingInfo span[data-follow-count-author=“1″]:after,
.registrationwall .configurationInfo span[data-follow-count-author=“1″]:after {
content: “ Autor“ !important;
}
.registrationwall .configurationInfo span[data-follow-count-theme]:not([data-follow-count-theme=“0″]) + span[data-follow-count-author]:not([data-follow-count-author=“0″]):before,
.onboardingInfo span[data-follow-count-theme]:not([data-follow-count-theme=“0″]) + span[data-follow-count-author]:not([data-follow-count-author=“0″]):before {
content: ‚ und ‚ attr(data-follow-count-author);
}
.bodyOverlayOpen {
overflow: hidden;
}
body.onboardingOverlayOpen .site-wrapper>.grid.onboardingGrid {
z-index: 1;
}
[data-layout=“mobile“] .onboardingGrid {
margin-top: 10px;
}
body.onboardingOverlayOpen .onboardingOverlayBackground,
body.onboardingOverlayOpen .onboardingOverlay {
display: block;
}
.onboardingOverlayBackground {
display: none;
position: fixed;
z-index: 999;
width: 100%;
left: 0;
top: 0;
right: 0;
bottom: 0;
min-height: 100vh;
background: rgba(0, 0, 0, 0.35);
overflow: hidden;
}
.onboardingOverlay {
display: none;
overflow: hidden;
padding: 0;
width: 100%;
border-radius: 5px;
box-shadow: 0px -1px 3px rgba(41, 41, 41, 0.16), 0px 1px 3px rgba(41, 41, 41, 0.16);
position: fixed;
top: 50%;
left: 50%;
max-width: 378px;
background-color: white;
z-index: 9999;
transform: translate(-50%, -50%);
}
.onboardingOverlay .content {
padding: 50px 39px 40px;
display: flex;
flex-direction: column;
font-family: „Roboto Condensed“;
}
.onboardingOverlay .content h2 {
font-size: 22px;
font-weight: 700;
margin-bottom: 8px;
line-height: 27px;
color: #4D555A ;
text-align: center;
}
#overlayFollow .onboardingOverlay .content h2 {
margin-bottom: 8px;
}
.onboardingOverlay .content p {
line-height: 24px;
text-align: center;
}
.onboardingOverlay .content img {
margin-bottom: 20px;
margin-left: auto;
margin-right: auto;
height: 106px;
}
.onboardingOverlay .content .btn {
line-height: 21px;
height: auto;
font-size: 18px;
padding: 13px 28px;
margin-top: 20px;
margin-bottom: 10px;
border-radius: 5px;
font-family: „Roboto Condensed“;
background-color: #009330;
color: #fff;
border: none;
box-shadow: 0px 1px 3px rgb(0 0 0 / 16%);
border-radius: 0;
}
.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: #009330;
cursor: pointer;
}
.onboardingOverlay .closeIconContainer .closeOverlay {
padding: 17px;
position: absolute;
right: 0;
top: 0;
cursor: pointer;
}
@media (max-width: 560px) {
.onboardingOverlay {
max-width: calc(100% – 36px);
}
.onboardingOverlay .content {
padding: 50px 40px 30px;
display: flex;
flex-direction: column;
}
.onboardingOverlay .content .btn {
padding: 14px 15px;
}
}
@media (max-width: 396px) {
.onboardingOverlay .content {
padding: 50px 30px 30px;
}
.onboardingOverlay .content .btn {
padding: 14px 7px;
}
}
/* Tagsuche / Autocomplete */
.registrationwall__search:before {
content: „Themen & Autoren suchen“;
/* font-family: ‚Roboto Slab‘; */
font-weight: 700;
font-size: 22px;
line-height: 29px;
margin-bottom: 20px;
display: block;
color: #4D555A;
}
.registrationwall__search form {
margin-bottom: 12px;
display: flex;
overflow: hidden;
}
.registrationwall__search + .item-list {
margin-bottom: 0;
}
.registrationwall__search input {
border: 0px;
caret-color: rgb(113, 115, 127);
-webkit-box-flex: 1;
flex-grow: 1;
font-size: 16px;
line-height: inherit;
background-color: #fff;
color: #4D555A;
outline: none;
border-left: none;
border-right: none;
border-top: none;
border-bottom: 2px solid #4D555A;
display: flex;
padding: 10px 5px;
font-size: 18px;
line-height: 27px;
}
.registrationwall__search input::focus-within {
border-bottom: 2px solid #009330;
}
.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 #009330;
}
.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(#009330, 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(„/staticcontent/insuedthueringen/common/svg/grab-sort-icon.svg“);
margin-right: 29px;
margin-top: 1px;
width: 24px;
height: 13px;
}
.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: #f2f9f5;
}
.registrationwall .sortable-fallback {
opacity: 1 !important;
background: #f2f9f5;
}
/* 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;
background-color: #009330;
color: #fff;
font-family: „Roboto Condensed“;
border: none;
}
.registrationwall-article-collection[data-load-more=“true“] .load-more {
justify-content: center;
}
/* .registrationwall-article-collection .load-more button:hover {
background-color: #4097e0;
} */
[data-layout=“mobile“] .registrationwall-article-collection .load-more button {
min-width: auto;
/* width: calc(100% – 36px); */
width: 100%;
}
/* .registrationwall .registrationwall-article-collection .appetizer,
.registrationwall .registrationwall-article-collection .appetizer .appetizer-text {
margin-bottom: 0;
} */
.registrationwall .registrationwall-article-collection .appetizer .appetizer-kicker {
font-size: 18px;
font-family: RobotoCondensed,sans-serif;
color: #009330;
}
.registrationwall .registrationwall-article-collection .appetizer .appetizer-title {
font-size: 23px;
}
[data-layout=“mobile“] .registrationwall .registrationwall-article-collection .appetizer {
border-bottom: none;
}
[data-layout=“mobile“] .registrationwall .registrationwall-article-collection .appetizer .appetizer-kicker {
line-height: 1.25;
}
[data-layout=“mobile“] .registrationwall .registrationwall-article-collection .appetizer .appetizer-title {
font-size: 18px;
font-weight: 400;
}
[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: 100%;
/* 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 50px;
}
[data-layout=“mobile“] .registrationwall.bookmarks .bookmarksInfo {
margin: 10px 0 12px;
}
/* [data-layout=“mobile“] .registrationwall.bookmarks .content .data figure {
float: right;
width: 36%;
margin-bottom: 10px;
} */
/* [data-layout=“mobile“] .registrationwall.bookmarks .content .data figure .image-wrapper {
overflow: hidden;
}
[data-layout=“mobile“] .registrationwall.bookmarks .content .data figure .image-wrapper .image {
padding-bottom: 74.5%;
height: auto;
}
[data-layout=“mobile“] .registrationwall.bookmarks .content .data figure .image-wrapper .image img {
width: 112%;
max-width: unset;
} */
[data-layout=“mobile“] .registrationwall.bookmarks .content .data .appetizer-title,
[data-layout=“mobile“] .registrationwall.bookmarks .content .data .appetizer-kicker {
width: 59%;
hyphens: auto;
}
/* [data-layout=“mobile“] .registrationwall.bookmarks .content .data .appetizer-title {
font-size: 1.0625rem !important;
padding-top: 3px;
} */
/* [data-layout=“mobile“] .registrationwall.bookmarks .content .data .appetizer-kicker {
font-size: .9375rem !important;
} */
/* [data-layout=“mobile“] .registrationwall.bookmarks .content .data .appetizer-text {
display: none;
} */
[data-layout=“tablet“] .registrationwall.news .newsInfo,
[data-layout=“mobile“] .registrationwall.news .newsInfo {
padding-top: 60px;
}
[data-layout=“mobile“] .registrationwall.news .newsInfo {
padding-top: 30px;
}
.registrationwall.news .newsInfo img {
margin: 40px 0;
}
.registrationwall.bookmarks .bookmarksInfo img {
margin: 45px 0 35px;
}
.registrationwall.news .newsInfo .headline,
.registrationwall.bookmarks .bookmarksInfo .headline {
font-weight: 700;
font-size: 22px;
line-height: 29px;
margin-top: 0;
text-align: center;
color: #4D555A;
/* font-family: „Roboto Slab“; */
}
.registrationwall.news .newsInfo .subHeadline,
.registrationwall.bookmarks .bookmarksInfo .subHeadline {
max-width: 390px;
text-align: center;
font-size: 18px;
line-height: 27px;
}
.registrationwall.news .newsInfo > a {
line-height: 21px !important;
height: auto !important;
font-size: 18px;
padding: 13px 70px;
margin-top: 34px;
box-shadow: 0px 1px 3px rgba(77, 85, 90, 0.16);
/* border-radius: 5px; */
font-weight: 700;
text-align: center;
min-width: 343px;
transition: color .25s ease, background .25s ease;
background-color: #009330;
color: #fff;
}
/* .registrationwall.news .newsInfo > a:hover {
background: #4097e0;
color: #fff;
} */
.registrationwall-article-collection > .headline {
color: #4D555A;
font-size: 28px;
line-height: 28px;
font-weight: 700;
/* border-bottom: 2px solid #4D555A ;
padding-bottom: 9px; */
padding: 0;
/* font-family: „Roboto Slab“; */
font-family: „Roboto Condensed“;
}
[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 -20px 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 -15px 0;
min-height: 400px;
}
/* .registrationwall-article-collection > .item-list .data + div .article-date-minutes,
.registrationwall-article-collection > .item-list .data + div .article-date-seconds {
color: #990000;
} */
.registrationwall-article-collection > .item-list .data + div .article-found-because:not(:empty) {
padding: 6px 10px;
background-color: #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: #4D555A ;
font-size: 2rem;
font-weight: 700;
border-bottom: 2px solid #4D555A ;
line-height: 2.5rem;
margin-bottom: 1.5rem;
}
.theme-header .follow-text {
width: 100%;
font-size: 1rem;
line-height: 1.3;
margin-bottom: 20px;
}
/* Buttons – alle */
button[class^=“bookmark-„] {
background-color: transparent !important;
}
/* Buttons – Themen / Autoren */
button.bookmark-theme,
button.bookmark-author {
max-width: 100%;
width: auto;
min-width: 123px;
margin: 0 0 12px;
border: 1px solid #4D555A;
/* border-radius: 5px; */
background-color: #fff !important;
color: #4D555A !important;
font-size: 12px;
line-height: 16px;
height: auto;
padding: 4px 0;
display: flex;
justify-content: center;
transition: none;
position: relative;
font-family: „Roboto Condensed“;
font-weight: 700;
}
.item > button.bookmark-theme,
.item button.bookmark-author {
margin: 12px 0;
}
[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(/staticcontent/insuedthueringen/common/svg/icon-plus.svg);
margin-right: 4px;
width: 15px;
height: 15px;
background-repeat: no-repeat; */
display: inline-block;
background-image: url(/staticcontent/insuedthueringen/common/svg/icon-plus.svg);
height: 15px;
background-repeat: no-repeat;
padding-left: 19px;
top: -1px;
position: relative;
background-position-y: 1px;
}
button.bookmark-author:before {
content: „Autor folgen“;
width: 66px;
}
button.bookmark-theme:before {
content: „Thema folgen“;
width: 73px;
}
[data-layout=“tablet“] button.bookmark-theme:not([data-follow=“true“]):hover:before,
[data-layout=“tablet“] button.bookmark-author:not([data-follow=“true“]):hover:before,
[data-layout=“desktop“] button.bookmark-theme:not([data-follow=“true“]):hover:before,
[data-layout=“desktop“] button.bookmark-author:not([data-follow=“true“]):hover:before {
background-image: url(/staticcontent/insuedthueringen/common/svg/icon-plus-grey.svg);
/* background-position: 1px 1px; */
/* position: relative;
top: 1px;
left: 1px; */
}
button.bookmark-author[data-type=“follow“]:after,
button.bookmark-theme[data-type=“follow“]:after {
content: „“;
display: block;
width: 40px;
height: 20px;
background-image: url(‚/staticcontent/insuedthueringen/common/svg/flag-new-left.svg‘);
position: absolute;
right: -50px;
top: 2px;
pointer-events: none;
}
/* button.bookmark-theme[data-type=“follow“]:after {
content: „Thema folgen“
}
button.bookmark-author[data-type=“follow“]:after {
content: „Autor folgen“
} */
.registrationwall button.bookmark-theme[data-type=“follow“]:after,
.registrationwall button.bookmark-author[data-type=“follow“]:after {
display: none;
}
button.bookmark-theme[data-type=“follow“][data-follow=“true“],
button.bookmark-author[data-type=“follow“][data-follow=“true“] {
border-color: #4D555A;
background-color: #4D555A !important;
color: #fff !important;
}
/* button.bookmark-theme[data-type=“follow“][data-follow=“true“]:after,
button.bookmark-author[data-type=“follow“][data-follow=“true“]:after {
content: „Folge ich“
} */
[data-layout=“tablet“] button.bookmark-theme[data-type=“follow“][data-follow=“true“]:hover:not(.hideUnfollowHover),
[data-layout=“tablet“] button.bookmark-author[data-type=“follow“][data-follow=“true“]:hover:not(.hideUnfollowHover),
[data-layout=“desktop“] button.bookmark-theme[data-type=“follow“][data-follow=“true“]:hover:not(.hideUnfollowHover),
[data-layout=“desktop“] button.bookmark-author[data-type=“follow“][data-follow=“true“]:hover:not(.hideUnfollowHover) {
border-color: #666666;
background-color: #666666 !important;
color: #fff !important;
}
/* [data-layout=“tablet“] button.bookmark-theme[data-type=“follow“][data-follow=“true“]:hover:not(.hideUnfollowHover):after,
[data-layout=“tablet“] button.bookmark-author[data-type=“follow“][data-follow=“true“]:hover:not(.hideUnfollowHover):after,
[data-layout=“desktop“] button.bookmark-theme[data-type=“follow“][data-follow=“true“]:hover:not(.hideUnfollowHover):after,
[data-layout=“desktop“] button.bookmark-author[data-type=“follow“][data-follow=“true“]:hover:not(.hideUnfollowHover):after {
content: „Entfolgen“;
} */
button.bookmark-theme[data-type=“follow“][data-follow=“true“]:before,
button.bookmark-author[data-type=“follow“][data-follow=“true“]:before {
background-image: url(/staticcontent/insuedthueringen/common/svg/icon-check-white.svg);
/* height: 10px;
width: 12px; */
position: relative;
top: -1px;
content: „Folge ich“;
width: 47px;
background-position-y: 1px;
}
[data-layout=“tablet“] button.bookmark-theme[data-type=“follow“][data-follow=“true“]:hover:not(.hideUnfollowHover):before,
[data-layout=“tablet“] button.bookmark-author[data-type=“follow“][data-follow=“true“]:hover:not(.hideUnfollowHover):before,
[data-layout=“desktop“] button.bookmark-theme[data-type=“follow“][data-follow=“true“]:hover:not(.hideUnfollowHover):before,
[data-layout=“desktop“] button.bookmark-author[data-type=“follow“][data-follow=“true“]:hover:not(.hideUnfollowHover):before {
background-image: url(/staticcontent/insuedthueringen/common/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(/staticcontent/insuedthueringen/common/svg/icon-bookmark-grey.svg);
}
/* .mod-gallery ul li.bookmark button.bookmark-article[data-type=“follow“], */
.article .body ul li.bookmark button.bookmark-article[data-type=“follow“] {
background-image: url(/staticcontent/insuedthueringen/common/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(/staticcontent/insuedthueringen/common/svg/icon-bookmark-grey-full.svg);
}
/* .mod-gallery ul li.bookmark button.bookmark-article[data-type=“follow“][data-follow=“true“], */
.article .body ul li.bookmark button.bookmark-article[data-type=“follow“][data-follow=“true“] {
background-image: url(/staticcontent/insuedthueringen/common/svg/icon-bookmark-circle-grey.svg);
}
[data-layout=“mobile“] .teaser-hero button.bookmark-article[data-type=“follow“] {
margin-right: 10px;
margin-bottom: -20px;
}
.mod-gallery li.bookmark button.bookmark-article,
.article .body li.bookmark button.bookmark-article {
/* Abweichung Innerhalb Artikel & Gallery ….. */
text-align: left;
/* border: 2px solid #4D555A ; */
display: flex;
justify-content: center;
align-items: center;
width: 40px;
height: 40px;
border-radius: 3px;
background-size: auto 18px !important;
position: static;
margin-bottom: 0;
}
.registrationwall.bookmarks button.bookmark-article {
margin-bottom: 0 !important;
}
/* .mod-gallery li.bookmark button.bookmark-article:not([data-follow=“true“]):hover, */
.article .body li.bookmark button.bookmark-article:not([data-follow=“true“]):hover {
filter: brightness(0) saturate(100%) invert(29%) sepia(16%) saturate(282%) hue-rotate(160deg) brightness(99%) contrast(87%);
}
/* .mod-gallery ul li.bookmark, */
.article .body ul li.bookmark {
display: flex;
justify-content: center;
}
/* .mod-gallery ul li.bookmark:after, */
.article .body ul li.bookmark:after {
content: „“;
display: block;
/* width: 40px;
height: 20px; */
background-image: url(‚/staticcontent/insuedthueringen/common/svg/flag-new-down.svg‘);
position: absolute;
left: 50%;
/* top: 10px; */
top: -30px;
height: 25px;
width: 36px;
pointer-events: none;
transform: translateX(-50%);
background-repeat: no-repeat;
}
/* [data-layout=“mobile“] .mod-gallery ul li.bookmark:after, */
/* [data-layout=“mobile“] .article .body ul li.bookmark:after {
background-image: url(/staticcontent/insuedthueringen/common/svg/flag-new-down.svg);
} */
/* Backlink / Configure-Link / Banner */
.registrationwall .backlink:before {
background-image: url(„/staticcontent/insuedthueringen/common/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: #009330;
/* border-radius: 5px; */
color: #fff !important;
margin-left: auto;
padding: 6px 17px;
max-width: fit-content;
max-width: -moz-fit-content;
}
/* .registrationwall .configureLink:hover {
background: #4097e0;
} */
.registrationwall .configureLink {
margin-top: 15px;
}
.registrationwall .registrationwall__banner {
/* border-bottom: 1px solid #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: #f2f9f5;
display: flex;
padding: 20px 30px;
align-items: center;
color: #4D555A;
}
[data-layout=“mobile“] .registrationwall .registrationwall__banner > div a {
padding: 16px 18px;
display: grid;
}
.registrationwall .registrationwall__banner a,
.registrationwall .registrationwall__banner span {
white-space: nowrap;
}
[data-layout=“mobile“] .registrationwall .registrationwall__banner a,
[data-layout=“mobile“] .registrationwall .registrationwall__banner span {
white-space: normal;
}
.registrationwall .registrationwall__banner .headline {
font-size: 22px;
line-height: 29px;
color:#009330;
flex: 0;
font-weight: bold;
}
[data-layout=“mobile“] .registrationwall .registrationwall__banner .headline {
grid-column-end: span 2;
margin-top: 0;
padding-bottom: 8px;
}
.registrationwall .registrationwall__banner .subHeadline {
font-size: 17px;
flex: 1;
padding-left: 15px;
line-height: 26px;
}
[data-layout=“mobile“] .registrationwall .registrationwall__banner .subHeadline {
padding-left: 0;
grid-column-start: 1;
padding-right: 15px;
}
.registrationwall .registrationwall__banner .themeLink {
width: auto;
border: 1px solid #4D555A;
/* border-radius: 5px; */
background-color: transparent !important;
color: #4D555A !important;
font-size: 12px;
line-height: 15px;
min-width: auto;
height: auto;
padding: 4px 15px;
flex: 0;
justify-content: center;
font-weight: bold;
}
[data-layout=“mobile“] .registrationwall .registrationwall__banner .themeLink {
white-space: nowrap;
margin-top: auto;
}
/* Snackbar */
.hs-snackbar {
position: fixed;
left: 200px;
bottom: -150px;
transform: translate(calc(600px – 50%), -50%);
width: 575px;
max-width: 85%;
background: #4D555A;
font-family: „Roboto Condensed“;
font-weight: bold;
color: #fff;
padding: 21px 40px;
border-radius: 5px;
text-align: left;
transition: all 0.8s cubic-bezier(0.25, 0.8, 0.25, 1);
z-index: 5;
box-shadow: -3px -3px 6px rgba(102, 102, 102, 0.15);
line-height: 24px;
}
[data-layout=“mobile“] .hs-snackbar {
padding: 18px;
line-height: 21px;
max-width: calc(100vw – 36px);
transform: translate(18px, -50%);
left: 0;
}
/* @media(max-width: 1440px) {
.hs-snackbar {
left: 0;
}
} */
.hs-snackbar a {
color: #f2f9f5 !important;
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=“/meinis/themen-entdecken“] .onboardingInfo,
[data-alias=“/meinis/themen-entdecken“] .onboardingOverlay,
[data-alias=“/meinis/themen-entdecken“] .onboardingOverlayBackground,
[data-alias=“/meinis/themen-entdecken“] .registrationwall__header.auswahl-treffen {
display: none !important;
}
[data-alias=“/meinis/themen-entdecken“] body {
overflow: visible !important;
}
[data-alias=“/meinis/auswahl-treffen“] .hs-snackbar,
[data-alias=“/meinis/auswahl-treffen“] .registrationwall__header.themen-entdecken {
display: none !important;
}
.burger-nav-bar ul li a[data-title=“Meine Nachrichten (Meine StZ)“]:before {
margin-right: 10px;
width: 20px;
height: 20px;
display: inline-block;
content: “;
/* -webkit-mask: url(/staticcontent/insuedthueringen/common/svg/icon-meine-stz.svg) no-repeat 50% 50%;
mask: url(/staticcontent/insuedthueringen/common/svg/icon-meine-stz.svg) no-repeat 50% 50%;
-webkit-mask-size: cover;
mask-size: cover;
background: #4D555A ; */
background-image: url(/staticcontent/insuedthueringen/common/svg/icon-meine-stz.svg);
position: relative;
top: 3px;
}
.burger-nav-bar ul li a[data-title=“Merkliste (Meine StZ)“]:before {
margin-right: 10px;
width: 14px;
height: 18px;
display: inline-block;
content: “;
-webkit-mask: url(/staticcontent/insuedthueringen/common/svg/icon-bookmark.svg) no-repeat 50% 50%;
mask: url(/staticcontent/insuedthueringen/common/svg/icon-bookmark.svg) no-repeat 50% 50%;
-webkit-mask-size: contain;
mask-size: contain;
background: #4D555A ;
padding-left: 6px;
position: relative;
top: 3px;
}
[data-widget-count=“0″] .burger-nav-bar ul li a[data-title=“Merkliste (Meine StZ)“] {
display: none;
}
.burger-nav-bar .burger-deep-nav ul li a[data-title=“Meine Nachrichten (Meine StZ)“] {
display: none;
}
.search-author-image {
object-fit: cover;
width: 30px;
height: 30px;
border-radius: 50%;
margin-right: 15px;
margin-left: 5px;
flex-shrink: 0;
}
/* boxitem für Artikellisten */
.registrationwall.news .newsInfo {
background: #fff;
align-items: center;
margin: 20px auto 50px;
}
.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=“mobile“] .boxitem .topnews-article-list .item:after,
[data-layout=“mobile“] .registrationwall .registrationwall-article-collection .item-list .item:after {
content: „“;
height: 1px;
width: calc(100% – 40px);
background-color: #eee;
margin: 10px 0 0 20px;
display: block;
}
[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=“/meinis/auswahl-treffen“] #footer {
display: none;
}
.topnews-article-list .item .content + div,
.registrationwall-article-collection > .item-list .data + div {
display: flex;
/* width: calc(100% – 340px); */
/* margin-left: auto; */
align-items: center;
padding-left: 10px;
margin-top: auto;
}
[data-layout=“mobile“] .topnews-article-list .item .content + div,
[data-layout=“mobile“] .registrationwall-article-collection > .item-list .data + div {
width: 100%;
padding-left: 0;
}
.searchResults .item .content + div button,
.topnews-article-list .item .content + div button,
.registrationwall-article-collection > .item-list .data + div button {
margin-left: auto;
flex-shrink: 0;
margin-bottom: 0;
}
.topnews-article-list .item .content + div > time,
.registrationwall-article-collection > .item-list .data + div > time,
.registrationwall-article-collection > .item-list .data + div > span {
font-size: 15px;
line-height: 21px;
flex-shrink: 0;
color: #4D555A;
}
.topnews-article-list .item .content + div > time.article-date-seconds,
.registrationwall-article-collection > .item-list .data + div > time.article-date-seconds,
.topnews-article-list .item .content + div > time.article-date-minutes-red,
.registrationwall-article-collection > .item-list .data + div > time.article-date-minutes-red {
color: #990000;
}
/* Buttons – Artikel – Startseite */
.grid .brick.beliebt {
display: flex;
flex-wrap: wrap;
}
.grid .brick.beliebt .item {
display: flex;
flex-direction: column;
}
.grid .brick.beliebt .item:last-child {
margin-bottom: 30px;
}
.grid .brick.beliebt .item button.bookmark-article {
margin-top: auto;
margin-left: auto;
margin-bottom: -30px;
}
[data-layout=“mobile“] .grid .brick.beliebt .item button.bookmark-article {
margin-bottom: -6px;
}
.registrationwall__content .recommendation-grid .data figure {
padding-right: 0;
}
[data-layout=“mobile“] .registrationwall__content .recommendation-grid .item {
display: flex;
flex-direction: column;
padding-bottom: 10px;
}
[data-layout=“mobile“] .registrationwall__content .recommendation-grid .item figure {
float: right;
width: 33.3%;
margin-bottom: 10px;
}
[data-layout=“mobile“] .registrationwall__content .recommendation-grid .item h3 {
float: inherit;
width: inherit;
padding-right: inherit;
}
[data-layout=“desktop“] .boxitem.grid-row-teaser .recommendation-grid.home .item figure,
[data-layout=“tablet“] .boxitem.grid-row-teaser .recommendation-grid.home .item figure {
width: 347px !important;
}
[data-layout=“desktop“] .recommendation-grid.home .item,
[data-layout=“tablet“] .recommendation-grid.home .item {
width: 347px !important;
padding-bottom: 0 !important;
}
[data-layout=“desktop“] .recommendation-grid.home .item .appetizer-kicker,
[data-layout=“tablet“] .recommendation-grid.home .item .appetizer-kicker {
margin-top: 16px;
line-height: 22px;
}
[data-layout=“desktop“] .recommendation-grid.home .item .appetizer-title,
[data-layout=“tablet“] .recommendation-grid.home .item .appetizer-title {
font-size: 22px;
line-height: 29px;
}
/* StN spezifisch */
#verlagsangebote button.bookmark-article[data-type=“follow“] {
display: none;
}
[data-layout=“desktop“] .registrationwall :not(#collection-wrapper) .item + .item:before {
background: transparent;
/* height: auto; */
min-height: auto;
position: static;
}
[data-layout=“desktop“] .registrationwall #collection-wrapper .item + .item:before {
height: calc(100% – 14px);
}
.onboardingOverlayContainer > .item {
padding: 0 !important;
}
.registrationwall .item {
padding: 0;
}
.registrationwall.onboarding .registrationwall__search {
max-width: 818px;
}
.registrationwall .item.alphabeticalList {
max-width: 818px;
padding-bottom: 140px;
}
[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: 100%;
margin: 40px auto;
}
[data-layout=“mobile“] .registrationwall-article-collection:after {
margin: 24px auto 0;
}
.mod-header > .m-wrapper .m-menu–bottom > .m-item-meinestn {
display: flex;
align-items: center;
border-right: 1px solid rgba(255,255,255,.3);
cursor: pointer;
position: relative;
overflow: hidden;
transition: width .4s ease-in-out;
}
.mod-header > .m-wrapper .m-menu–bottom > .m-item-meinestn .m-text {
font-size: 18px;
padding: 13px 32px;
color: #fff;
font-weight: 700;
}
.followBtnContainer {
padding: 10px 20px;
border-bottom: 1px solid #e7e7e7;
}
[data-layout=“mobile“] .followBtnContainer {
padding: 5px 0px;
border-bottom: none
}
[data-layout=“mobile“] .followBtnContainer:after {
content: „“;
height: 1px;
width: 100%;
display: block;
background-color: #e7e7e7;
}
[data-alias*=“/thema/“] .bottom-nav .breadcrumb {
border-bottom: none;
}
[data-layout=“mobile“][data-alias*=“/thema/“] .article .bottom-nav:after {
display: none;
}
/* [data-layout=“mobile“] .grid.onboardingGrid,
[data-layout=“mobile“] .grid.myconfigGrid {
padding: 0;
} */
[data-layout=“mobile“] .grid.onboardingGrid .include .include-content.ec-content-topline .item,
[data-layout=“mobile“] .grid.myconfigGrid .include .include-content.ec-content-topline .item {
padding: 0 20px;
}
[data-layout=“mobile“] .grid.onboardingGrid .bottom-nav .breadcrumb,
[data-layout=“mobile“] .grid.myconfigGrid .bottom-nav .breadcrumb {
border-bottom: 1px solid #e7e7e7;
}
[data-layout=“mobile“] .registrationwall .registrationwall-article-collection .appetizer figure {
width: 33.3%;
margin-bottom: 10px;
}
[data-layout=“mobile“] .registrationwall .registrationwall-article-collection .appetizer .appetizer-kicker,
[data-layout=“mobile“] .registrationwall .registrationwall-article-collection .appetizer .appetizer-title {
width: 62%;
}
.registrationwall.bookmarks .content,
.registrationwall.news .content {
height: 100%;
display: flex;
flex-direction: column;
}
[data-layout=“mobile“] .registrationwall.news .content {
padding: 0 20px;
}
/* .registrationwall.news .content .data + div {
height: 100%;
} */
[data-layout=“desktop“] .registrationwall-article-collection > .item-list > div + div,
[data-layout=“tablet“] .registrationwall-article-collection > .item-list > div + div {
margin-top: 40px;
}
.item.slider.boxItemContainer.topics {
max-width: 818px;
}
/* HCSB spezifisch */
@media only screen and (max-width: 3840px) {
[data-layout=“desktop“] .hs-snackbar {
left: 1238.5px;
}
}
@media only screen and (max-width: 3440px) {
[data-layout=“desktop“] .hs-snackbar {
left: 1038.5px;
}
}
@media only screen and (max-width: 2560px) {
[data-layout=“desktop“] .hs-snackbar {
left: 598.5px;
}
}
@media only screen and (max-width: 2048px) {
[data-layout=“desktop“] .hs-snackbar {
left: 342.5px;
}
}
@media only screen and (max-width: 1920px) {
[data-layout=“desktop“] .hs-snackbar {
left: 278.5px;
}
}
@media only screen and (max-width: 1600px) {
[data-layout=“desktop“] .hs-snackbar {
left: 118.5px;
}
}
@media only screen and (max-width: 1440px) {
[data-layout=“desktop“] .hs-snackbar {
left: 38.5px;
}
}
@media only screen and (max-width: 1400px) {
[data-layout=“desktop“] .hs-snackbar {
left: 18.5px;
}
}
[data-layout=“desktop“] [data-layout-desktop*=“notxt“] .appetizer-title {
margin-bottom: 6px;
}
[data-layout=“tablet“][data-alias=“https://www.insuedthueringen.de/“] .appetizer,
[data-layout=“desktop“][data-alias=“https://www.insuedthueringen.de/“] .appetizer {
border-bottom: none !important;
}
[data-layout=desktop] [data-b-title=“HCSB LokalAufmacher Art 4″] .item:after, [data-layout=desktop] [data-b-title=“HCSB LokalAufmacher Art 5″] .item:after, [data-layout=desktop] [data-b-title=“HCSB LokalAufmacher Art 6″] .item:after, [data-layout=desktop] [data-b-title=“HCSB-Nativendo Infeed“] .item:after, [data-layout=tablet] [data-b-title=“HCSB LokalAufmacher Art 4″] .item:after, [data-layout=tablet] [data-b-title=“HCSB LokalAufmacher Art 5″] .item:after, [data-layout=tablet] [data-b-title=“HCSB LokalAufmacher Art 6″] .item:after, [data-layout=tablet] [data-b-title=“HCSB-Nativendo Infeed“] .item:after, [data-layout=desktop] [data-b-title=“HCSB Lokal Aufmacher Art 7-14″] .item:after, [data-layout=tablet] [data-b-title=“HCSB Lokal Aufmacher Art 7-14″] .item:after, [data-layout=desktop] [data-b-title=“HCSB Block Region 3 Artikel mit Bild“] .item:after, [data-layout=tablet] [data-b-title=“HCSB Block Region 3 Artikel mit Bild“] .item:after, [data-layout=desktop] [data-b-title=“HCSB Block Region 3 Artikel ohne Bild“] .item:after, [data-layout=tablet] [data-b-title=“HCSB Block Region 3 Artikel ohne Bild“] .item:after, [data-layout=desktop] [data-b-title=“HCSB Block 2 Artikel mit Bild“] .item:after, [data-layout=desktop] [data-b-title=“HCSB Block Sport 2 Artikel mit Bild“] .item:after, [data-layout=tablet] [data-b-title=“HCSB Block 2 Artikel mit Bild“] .item:after, [data-layout=tablet] [data-b-title=“HCSB Block Sport 2 Artikel mit Bild“] .item:after {
content: „“;
display: block;
background-color: #eee;
height: 1px;
width: 100%;
clear: both;
}
]]>