Stern - Community

<!DOCTYPE html><html lang="de" dir="ltr"><head><title>Stern - Community</title><meta http-equiv="Content-Security-Policy" content="default-src 'self'; script-src 'self' 'unsafe-eval' 'unsafe-inline' https://service.force.com/embeddedservice/ https://cdn.content.aws-dev2-uswest2.aws.sfdc.cl/ https://cdn.content.aws-prod1-useast1.aws.sfdc.cl/ https://payments.salesforce.com/ https://js.stripe.com/ https://www.paypal.com/sdk/js https://checkoutshopper-live.adyen.com/ https://checkoutshopper-test.adyen.com/ https://pal-test.adyen.com https://www.google.com/recaptcha/ https://www.gstatic.com/recaptcha/ https://pay.google.com import: blob: https://uip.canary.lwc.dev https://baseendpoint.stern.de/wrapperMessagingWithoutDetection.js https://www.googletagmanager.com/gtm.js https://www.google-analytics.com/analytics.js https://*.salesforceliveagent.com https://www.googletagmanager.com/gtag/js https://serviceportal.stern.de; object-src 'self' www.google.com; style-src 'self' 'unsafe-inline' https://service.force.com/embeddedservice/ https://fonts.googleapis.com/css2 https://fonts.googleapis.com/css https://checkoutshopper-live.adyen.com/ https://checkoutshopper-test.adyen.com/ blob: https://dpv.my.site.com https://baseendpoint.einfach-weiterlesen.de https://dpv--c.vf.force.com https://www.toggo.de https://baseendpoint.guj-kids.de https://cdn.consentmanager.net https://d.delivery.consentmanager.net https://stats.g.doubleclick.net https://www.googletagmanager.com https://consentmanager.mgr.consensu.org https://cdn.consentmanager.mgr.consensu.org https://baseendpoint.meinabo.de https://static.kicker.de https://baseendpoint.art-magazin.de https://baseendpoint.capital.de https://baseendpoint.eltern.de https://baseendpoint.brigitte.de https://baseendpoint.guj.de https://baseendpoint.geo.de https://baseendpoint.gala.de https://baseendpoint.stern.de https://*.hotjar.com https://rtlde-customercare.crm4.dynamics.com *.my.salesforce.com https://dpv--c.visualforce.com https://mydpvtest.force.com https://sourcepoint.rtl.de https://app-stable.loyjoy.com https://cdn.loyjoy.com https://stable.loyjoy.com https://app.usercentrics.eu https://api.usercentrics.eu https://consent-api.service.consent.usercentrics.eu https://uct.service.usercentrics.eu https://aggregator.service.usercentrics.eu https://community.plus.rtl.de https://serviceportal.alpin.de https://serviceportal.art-magazin.de https://serviceportal.brigitte.de https://serviceportal.capital.de https://serviceportal.computec.de https://kuendigung.condenast.de https://serviceportal.eltern.de https://serviceportal.essen-und-trinken.de https://serviceportal.gala.de https://serviceportal.geo.de https://serviceportal.guj.de https://serviceportal.guj-kids.de https://serviceportal.jahr-media.de https://serviceportal.kicker.de https://serviceportal.meinabo.de https://serviceportal.n-tv.de https://serviceportal.salon-magazin.de https://serviceportal.sport.de https://kundenportal.spotlight-verlag.de https://serviceportal.stern.de https://abo-serviceportal.stiftung-warentest.de https://kundenportal.zeit-sprachen.de; img-src 'self' data: blob: https://dpv.my.salesforce.com https://dpv.file.force.com https://img.youtube.com https://i.ytimg.com https://i.vimeocdn.com https://login.salesforce.com/icons/ https://payments.salesforce.com/icons/ https://cdn.content.aws-prod1-useast1.aws.sfdc.cl/icons/ https://cdn.content.aws-dev2-uswest2.aws.sfdc.cl/icons/ https://*.adyen.com https://www.sandbox.paypal.com https://www.paypal.com https://www.google.com/recaptcha/ https://www.gstatic.com/recaptcha/ https://deu74.sfdc-yzvdd4.salesforce.com/icons/ https://dpv.my.site.com https://baseendpoint.einfach-weiterlesen.de https://streaming.rtl.de https://dpv--c.vf.force.com https://www.toggo.de https://baseendpoint.guj-kids.de https://cdn.consentmanager.net https://d.delivery.consentmanager.net https://www.google-analytics.com https://stats.g.doubleclick.net https://www.googletagmanager.com https://consentmanager.mgr.consensu.org https://cdn.consentmanager.mgr.consensu.org https://baseendpoint.meinabo.de https://static.kicker.de https://baseendpoint.art-magazin.de https://cdn-dam.guj.de https://baseendpoint.capital.de https://baseendpoint.eltern.de https://baseendpoint.brigitte.de https://baseendpoint.guj.de https://baseendpoint.geo.de https://baseendpoint.gala.de https://baseendpoint.stern.de https://rtlde-customercare.crm4.dynamics.com *.my.salesforce.com https://dpv--c.visualforce.com https://mydpvtest.force.com https://sourcepoint.rtl.de https://app-stable.loyjoy.com https://cdn.loyjoy.com https://stable.loyjoy.com *.analytics.google.com *.google-analytics.com https://app.usercentrics.eu https://api.usercentrics.eu https://consent-api.service.consent.usercentrics.eu https://uct.service.usercentrics.eu https://aggregator.service.usercentrics.eu https://community.plus.rtl.de https://serviceportal.alpin.de https://serviceportal.art-magazin.de https://serviceportal.brigitte.de https://serviceportal.capital.de https://serviceportal.computec.de https://kuendigung.condenast.de https://serviceportal.eltern.de https://serviceportal.essen-und-trinken.de https://serviceportal.gala.de https://serviceportal.geo.de https://serviceportal.guj.de https://serviceportal.guj-kids.de https://serviceportal.jahr-media.de https://serviceportal.kicker.de https://serviceportal.meinabo.de https://serviceportal.n-tv.de https://serviceportal.salon-magazin.de https://serviceportal.sport.de https://kundenportal.spotlight-verlag.de https://serviceportal.stern.de https://abo-serviceportal.stiftung-warentest.de https://kundenportal.zeit-sprachen.de; media-src 'self' blob: https://dpv.my.site.com https://baseendpoint.einfach-weiterlesen.de https://dpv--c.vf.force.com https://www.toggo.de https://baseendpoint.guj-kids.de https://cdn.consentmanager.net https://d.delivery.consentmanager.net https://stats.g.doubleclick.net https://www.googletagmanager.com https://consentmanager.mgr.consensu.org https://cdn.consentmanager.mgr.consensu.org https://baseendpoint.meinabo.de https://static.kicker.de https://baseendpoint.art-magazin.de https://cdn-dam.guj.de https://baseendpoint.capital.de https://baseendpoint.eltern.de https://baseendpoint.brigitte.de https://baseendpoint.guj.de https://baseendpoint.geo.de https://baseendpoint.gala.de https://baseendpoint.stern.de https://rtlde-customercare.crm4.dynamics.com *.my.salesforce.com https://dpv--c.visualforce.com https://mydpvtest.force.com https://sourcepoint.rtl.de https://app-stable.loyjoy.com https://cdn.loyjoy.com https://stable.loyjoy.com https://app.usercentrics.eu https://api.usercentrics.eu https://consent-api.service.consent.usercentrics.eu https://uct.service.usercentrics.eu https://aggregator.service.usercentrics.eu https://community.plus.rtl.de https://serviceportal.alpin.de https://serviceportal.art-magazin.de https://serviceportal.brigitte.de https://serviceportal.capital.de https://serviceportal.computec.de https://kuendigung.condenast.de https://serviceportal.eltern.de https://serviceportal.essen-und-trinken.de https://serviceportal.gala.de https://serviceportal.geo.de https://serviceportal.guj.de https://serviceportal.guj-kids.de https://serviceportal.jahr-media.de https://serviceportal.kicker.de https://serviceportal.meinabo.de https://serviceportal.n-tv.de https://serviceportal.salon-magazin.de https://serviceportal.sport.de https://kundenportal.spotlight-verlag.de https://serviceportal.stern.de https://abo-serviceportal.stiftung-warentest.de https://kundenportal.zeit-sprachen.de https://*.vonage.com https://*.newvoicemedia.com; frame-src 'self' https://service.force.com/embeddedservice/ https://deu74.sfdc-yzvdd4.salesforce.com https://sfdc-link-preview-staging.sfdc.sh https://sfdc-link-preview.hk.salesforce.com https://cdn.embedly.com https://www.youtube.com https://player.vimeo.com https://play.vidyard.com https://player.cloudinary.com https://fast.wistia.net https://players.brightcove.net https://s1.adis.ws https://scormanywhere.secure.force.com https://appiniummastertrial.secure.force.com https://js.stripe.com/ https://www.paypal.com https://www.sandbox.paypal.com https://checkoutshopper-live.adyen.com/ https://checkoutshopper-test.adyen.com/ https://pal-test.adyen.com https://www.google.com/recaptcha/ https://www.gstatic.com/recaptcha/ https://pay.google.com https://*.a.forceusercontent.com/lightningmaps/ https://*.a.forceusercontent.com https://location.force.com https://dpv.file.force.com https://dpv.my.site.com https://baseendpoint.einfach-weiterlesen.de https://streaming.rtl.de https://dpv--c.vf.force.com https://www.toggo.de https://baseendpoint.guj-kids.de https://cdn.consentmanager.net https://d.delivery.consentmanager.net https://stats.g.doubleclick.net https://www.googletagmanager.com https://consentmanager.mgr.consensu.org https://cdn.consentmanager.mgr.consensu.org https://baseendpoint.meinabo.de https://static.kicker.de https://baseendpoint.art-magazin.de https://baseendpoint.capital.de https://baseendpoint.eltern.de https://baseendpoint.brigitte.de https://baseendpoint.guj.de https://baseendpoint.geo.de https://baseendpoint.gala.de https://baseendpoint.stern.de https://*.hotjar.com https://rtlde-customercare.crm4.dynamics.com *.my.salesforce.com https://dpv--c.visualforce.com https://mydpvtest.force.com https://sourcepoint.rtl.de https://app-stable.loyjoy.com https://cdn.loyjoy.com https://stable.loyjoy.com https://app.usercentrics.eu https://api.usercentrics.eu https://consent-api.service.consent.usercentrics.eu https://uct.service.usercentrics.eu https://aggregator.service.usercentrics.eu https://community.plus.rtl.de https://serviceportal.alpin.de https://serviceportal.art-magazin.de https://serviceportal.brigitte.de https://serviceportal.capital.de https://serviceportal.computec.de https://kuendigung.condenast.de https://serviceportal.eltern.de https://serviceportal.essen-und-trinken.de https://serviceportal.gala.de https://serviceportal.geo.de https://serviceportal.guj.de https://serviceportal.guj-kids.de https://serviceportal.jahr-media.de https://serviceportal.kicker.de https://serviceportal.meinabo.de https://serviceportal.n-tv.de https://serviceportal.salon-magazin.de https://serviceportal.sport.de https://kundenportal.spotlight-verlag.de https://serviceportal.stern.de https://abo-serviceportal.stiftung-warentest.de https://kundenportal.zeit-sprachen.de https://*.vonage.com https://*.newvoicemedia.com; font-src 'self' data: https://fonts.gstatic.com/ https://dpv.my.site.com https://baseendpoint.einfach-weiterlesen.de https://dpv--c.vf.force.com https://www.toggo.de https://baseendpoint.guj-kids.de https://cdn.consentmanager.net https://d.delivery.consentmanager.net https://stats.g.doubleclick.net https://www.googletagmanager.com https://consentmanager.mgr.consensu.org https://cdn.consentmanager.mgr.consensu.org https://baseendpoint.meinabo.de https://static.kicker.de https://baseendpoint.art-magazin.de https://baseendpoint.capital.de https://baseendpoint.eltern.de https://baseendpoint.brigitte.de https://baseendpoint.guj.de https://baseendpoint.geo.de https://baseendpoint.gala.de https://baseendpoint.stern.de https://rtlde-customercare.crm4.dynamics.com *.my.salesforce.com https://dpv--c.visualforce.com https://mydpvtest.force.com https://sourcepoint.rtl.de https://app-stable.loyjoy.com https://cdn.loyjoy.com https://stable.loyjoy.com https://app.usercentrics.eu https://api.usercentrics.eu https://consent-api.service.consent.usercentrics.eu https://uct.service.usercentrics.eu https://aggregator.service.usercentrics.eu https://community.plus.rtl.de https://serviceportal.alpin.de https://serviceportal.art-magazin.de https://serviceportal.brigitte.de https://serviceportal.capital.de https://serviceportal.computec.de https://kuendigung.condenast.de https://serviceportal.eltern.de https://serviceportal.essen-und-trinken.de https://serviceportal.gala.de https://serviceportal.geo.de https://serviceportal.guj.de https://serviceportal.guj-kids.de https://serviceportal.jahr-media.de https://serviceportal.kicker.de https://serviceportal.meinabo.de https://serviceportal.n-tv.de https://serviceportal.salon-magazin.de https://serviceportal.sport.de https://kundenportal.spotlight-verlag.de https://serviceportal.stern.de https://abo-serviceportal.stiftung-warentest.de https://kundenportal.zeit-sprachen.de; connect-src 'self' https://www.paypal.com https://www.sandbox.paypal.com https://dpv.my.salesforce-scrt.com https://fonts.googleapis.com/css2 https://payments.salesforce.com/ https://cdn.content.aws-dev2-uswest2.aws.sfdc.cl/ https://checkoutshopper-live.adyen.com/ https://checkoutshopper-test.adyen.com/ https://o11y.sfproxy-core1.sfdc-yzvdd4.svc.sfdcfc.net/ui-telemetry https://dpv.my.site.com https://baseendpoint.einfach-weiterlesen.de https://dpv--c.vf.force.com https://www.toggo.de https://baseendpoint.guj-kids.de https://cdn.consentmanager.net https://d.delivery.consentmanager.net https://www.google-analytics.com https://stats.g.doubleclick.net https://www.googletagmanager.com https://consentmanager.mgr.consensu.org https://cdn.consentmanager.mgr.consensu.org https://baseendpoint.meinabo.de https://static.kicker.de https://baseendpoint.art-magazin.de https://baseendpoint.capital.de https://baseendpoint.eltern.de https://baseendpoint.brigitte.de https://baseendpoint.guj.de https://baseendpoint.geo.de https://baseendpoint.gala.de https://baseendpoint.stern.de https://*.hotjar.com wss://*.hotjar.com https://*.hotjar.io https://rtlde-customercare.crm4.dynamics.com *.my.salesforce.com https://dpv--c.visualforce.com https://mydpvtest.force.com https://sourcepoint.rtl.de https://app-stable.loyjoy.com https://cdn.loyjoy.com https://stable.loyjoy.com https://www.analytics.google.com *.analytics.google.com *.google-analytics.com https://app.usercentrics.eu https://api.usercentrics.eu https://consent-api.service.consent.usercentrics.eu https://uct.service.usercentrics.eu https://aggregator.service.usercentrics.eu https://community.plus.rtl.de https://serviceportal.alpin.de https://serviceportal.art-magazin.de https://serviceportal.brigitte.de https://serviceportal.capital.de https://serviceportal.computec.de https://kuendigung.condenast.de https://serviceportal.eltern.de https://serviceportal.essen-und-trinken.de https://serviceportal.gala.de https://serviceportal.geo.de https://serviceportal.guj.de https://serviceportal.guj-kids.de https://serviceportal.jahr-media.de https://serviceportal.kicker.de https://serviceportal.meinabo.de https://serviceportal.n-tv.de https://serviceportal.salon-magazin.de https://serviceportal.sport.de https://kundenportal.spotlight-verlag.de https://serviceportal.stern.de https://abo-serviceportal.stiftung-warentest.de https://kundenportal.zeit-sprachen.de"> <script type="text/javascript"> !function () { var e = function () { var e, t = "__tcfapiLocator", a = [], n = window; for (; n;) { try { if (n.frames[t]) { e = n; break } } catch (e) { } if (n === window.top) break; n = n.parent } e || (!function e() { var a = n.document, r = !!n.frames[t]; if (!r) if (a.body) { var i = a.createElement("iframe"); i.style.cssText = "display:none", i.name = t, a.body.appendChild(i) } else setTimeout(e, 5); return !r }(), n.__tcfapi = function () { for (var e, t = arguments.length, n = new Array(t), r = 0; r < t; r++)n[r] = arguments[r]; if (!n.length) return a; if ("setGdprApplies" === n[0]) n.length > 3 && 2 === parseInt(n[1], 10) && "boolean" == typeof n[3] && (e = n[3], "function" == typeof n[2] && n[2]("set", !0)); else if ("ping" === n[0]) { var i = { gdprApplies: e, cmpLoaded: !1, cmpStatus: "stub" }; "function" == typeof n[2] && n[2](i) } else a.push(n) }, n.addEventListener("message", (function (e) { var t = "string" == typeof e.data, a = {}; try { a = t ? JSON.parse(e.data) : e.data } catch (e) { } var n = a.__tcfapiCall; n && window.__tcfapi(n.command, n.version, (function (a, r) { var i = { __tcfapiReturn: { returnValue: a, success: r, callId: n.callId } }; t && (i = JSON.stringify(i)), e.source.postMessage(i, "*") }), n.parameter) }), !1)) }; "undefined" != typeof module ? module.exports = e : e() }(); </script> <script> window._sp_ = { config: { accountId: 212, baseEndpoint: 'https://baseendpoint.stern.de', } } </script> <script src="https://baseendpoint.stern.de/wrapperMessagingWithoutDetection.js"></script>   <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-594N24J');</script>   <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-594N24J" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>   <script> window.addEventListener("load", (event) => { setTimeout(timeoutFunc, 2000); observeUrlChange(); }); var timeoutFunc = function() { var hero = document.getElementsByClassName('hero')[0]; var contentArea = document.getElementsByClassName('siteforceContentArea')[0]; if (hero) { contentArea.style.minHeight = (window.innerHeight - 562) + "px"; } else { contentArea.style.minHeight = (window.innerHeight - 305) + "px";//'calc(100vh - 288px) !important;'; } } var observeUrlChange = () => { let oldHref = document.location.href; const body = document.querySelector("body"); const observer = new MutationObserver(mutations => { if (oldHref !== document.location.href) { oldHref = document.location.href; setTimeout(timeoutFunc, 500); } }); observer.observe(body, { childList: true, subtree: true }); }; </script> <meta name="viewport" content="initial-scale=1.0, maximum-scale=5.0, minimum-scale=1.0, minimal-ui"/> <style> .auraMsgMask, #auraErrorMask, body .auraLoadingBox { display: none; } .spaError { padding: 10px; } .spaErrorLink { padding: 10px 0; display: block } </style><style></style><link data-href="/s/sfsites/l/%7B%22mode%22%3A%22PROD%22%2C%22dfs%22%3A%228%22%2C%22app%22%3A%22siteforce%3AcommunityApp%22%2C%22loaded%22%3A%7B%22APPLICATION%40markup%3A%2F%2Fsiteforce%3AcommunityApp%22%3A%221232_i1u-juBSAcYeYnyHhRNT-Q%22%7D%2C%22styleContext%22%3A%7B%22c%22%3A%22ie7%22%2C%22x%22%3A%5B%223%22%2C%22SLDS%22%2C%22isDesktop%22%5D%2C%22tokens%22%3A%5B%22markup%3A%2F%2Fsiteforce%3AserializedTokens%22%2C%22markup%3A%2F%2Fforce%3AsldsTokens%22%2C%22markup%3A%2F%2Fsiteforce%3AcommunityTokens%22%2C%22markup%3A%2F%2Fforce%3AformFactorLarge%22%2C%22markup%3A%2F%2Fsiteforce%3AcommunityFormFactorLarge%22%2C%22markup%3A%2F%2Fsiteforce%3AauraDynamicTokens%22%2C%22markup%3A%2F%2Fsiteforce%3AsldsFontOverride%22%5D%2C%22tuid%22%3A%22C87jXHjBIbODPV08DFhLUQ%22%2C%22cuid%22%3A1527243765%7D%2C%22pathPrefix%22%3A%22%22%7D/app.css?3=&aura.attributes=%7B%22ac%22%3A%22%22%2C%22authenticated%22%3A%22false%22%2C%22brandingSetId%22%3A%22455f9d55-d241-4d20-aadc-8a4c92015357%22%2C%22formFactor%22%3A%22LARGE%22%2C%22isHybrid%22%3A%22false%22%2C%22language%22%3A%22de%22%2C%22pageId%22%3A%22793bc10b-a1c2-42ab-a358-66dc4d58b9a3%22%2C%22publishedChangelistNum%22%3A%22124%22%2C%22schema%22%3A%22Published%22%2C%22themeLayoutType%22%3A%22Inner%22%2C%22uds%22%3A%22true%22%2C%22viewType%22%3A%22Published%22%7D" class="auraCss" rel="stylesheet" type="text/css"/> <link rel="stylesheet" id="siteforce_fontStyleSheet" href="/s/sfsites/runtimedownload/fonts.css?lastMod=1737554437000&brandSet=455f9d55-d241-4d20-aadc-8a4c92015357" type="text/css"/> <style id="themeCSS"></style><style id="customCSS">/* general styles */ .slds-col--padded.comm-content-header.comm-layout-column { /*padding-left: 0; padding-right: 0;*/ } .slds-col--padded.comm-content-footer.comm-layout-column { /* padding before the footer page */ padding-bottom: 4.8rem !important; } .wegweiser-banner { background-color:#cc0000; border:1px solid #cc0000; border-radius: 5px; text-align: left; color: white; font-size: 14px; padding: 20px 20px; margin-top:40px; } /* general styles end */ /*Login guy styles start*/ .slds-dropdown__item{ font-size: 1.0rem; /* set font size in navigation items */ font-weight: 600; /* make font bold in navigation items */ line-height: 2.5rem; } .slds-dropdown__item a .slds-truncate:hover{ color:rgb(204, 0, 0); } .slds-dropdown__item a .slds-truncate{ margin-left:10px; } span.slds-avatar_x-small { display: block; -moz-box-sizing: border-box; box-sizing: border-box; background: url(https://cdn-dam.guj.de/im/brand/general/login_guy_meinkonto.png) no-repeat; background-size: contain; width: 82px; /* Width of new image */ height: 52px; /* Height of new image */ } @media only screen and (max-width: 47.9375em) { span.slds-avatar_x-small { display: block; -moz-box-sizing: border-box; box-sizing: border-box; background: url(https://cdn-dam.guj.de/im/brand/general/login_guy_meinkonto.png) no-repeat; background-size: contain; width: 53px; /* Width of new image */ height: 32px; /* Height of new image */ } } span.slds-avatar_x-small img { display:none; } .slds-avatar_circle { border-radius: 0%; } .comm-user-profile-menu__login-button { background-image: url(https://cdn-dam.guj.de/im/brand/general/login_guy_anmelden.png)!important; background: no-repeat; background-size: contain; width: 76px; height: 52px; border-radius: 0!important; text-indent: -9999px; } @media only screen and (max-width: 47.9375em) { .comm-user-profile-menu__login-button { background-image: url(https://cdn-dam.guj.de/im/brand/general/login_guy_anmelden.png)!important; background: no-repeat; background-size: contain; width: 47px; height: 32px; border-radius: 0!important; text-indent: -9999px; } .forceSearchResultsRegion .articleMetaData { /*hides the details of the faq-article */ display: none; } } .spacer { height: 102px!important; } .themeUtil .slds-button { border-color: transparent !important; } .themeUtil .slds-button:focus, .slds-button:hover { box-shadow: none !important; } /*Login guy styles end*/ /* Navigation styles */ .forceCommunityThemeHeaderBase .themeBgImage { -webkit-box-shadow: 0 1px 5px 0 rgba(213,213,213,1); -moz-box-shadow: 0 1px 5px 0 rgba(213,213,213,1); box-shadow: 0 1px 5px 0 rgba(213,213,213,1); } .forceCommunityThemeHeaderBase .themeBgImage + .themeBottomBorder { display: none; } .mainNavItem.comm-navigation__top-level-item.comm-navigation__menu-item { font-size: 1.0rem; /* set font size in navigation items */ font-weight: 600; /* make font bold in navigation items */ line-height: 2.5rem; } .forceCommunityThemeNav.navMenuType-expanded .mainNavItem .linkBtn.comm-navigation__top-level-item-link--active { border: none !important; /* remove underline from navigation item when it is active/selected */ color: rgb(204, 0, 0) !important; /* set the hover color as indicator for active/selected */ } .forceCommunityThemeNav .mainNavItem .linkBtn:hover, .forceCommunityThemeNav.websterHomeHeader .mainNavItem .comm-navigation__top-level-item-link.linkBtn:hover, .forceCommunityThemeNav.websterInnerHeader .mainNavItem .comm-navigation__top-level-item-link.linkBtn:hover { color: rgb(204, 0, 0) !important; } .forceCommunityThemeNav.websterHomeHeader .mainNavItem .comm-navigation__top-level-item-link.linkBtn:hover svg, .forceCommunityThemeNav.websterInnerHeader .mainNavItem .comm-navigation__top-level-item-link.linkBtn:hoversvg { fill: rgb(204, 0, 0) !important; } @media only screen and (min-width: 48em) { .forceCommunityThemeNav .mainNavItem .linkBtn:hover, .forceCommunityThemeNav.websterHomeHeader .mainNavItem .comm-navigation__top-level-item-link.linkBtn:hover, .forceCommunityThemeNav.websterInnerHeader .mainNavItem .comm-navigation__top-level-item-link.linkBtn:hover { color: rgb(204, 0, 0) !important; } .forceCommunityThemeNav.websterHomeHeader .mainNavItem .comm-navigation__top-level-item-link.linkBtn:hover svg, .forceCommunityThemeNav.websterInnerHeader .mainNavItem .comm-navigation__top-level-item-link.linkBtn:hover svg { fill: rgb(204, 0, 0) !important; } } /* Navigation styles end */ /*Digital files styles begin*/ .siteforceThemeLayoutStarter .cDigitalFiles .alter_download { color: var(--lwc-colorBackgroundButtonBrand, rgb(228, 0, 37)); } .actual_header{ background-color: #000000; } /*Digital files styles end*/ /* Hero component styles */ .dummyCommThemeGroupId.commThemeCmp.comm-is-relative.forceCommunityThemeHeroBase.forceCommunityThemeHeroStarter { /*margin-bottom: 30px;*/ padding-bottom: 70px !important; } .forceCommunityThemeHeroBase .contentTitle { font-size: 2.2rem !important; /* text on startseite 'wie können wir....' */ font-weight: bold; } /* Hero component styles end */ /* Trending articles nach Thema component styles */ .comm-topic-trending-articles.selfServiceTopicTrendingArticles42 ul { /* limit the width of the area */ margin: 0 auto; max-width: 936px; } .comm-topic-trending-articles.selfServiceTopicTrendingArticles42 ul { margin-bottom: 45px; /* margin from the last topic */ } .comm-topic-trending-articles.selfServiceTopicTrendingArticles42 ul li:last-child a.slds-border_bottom { border: none; /* no border for separating for last topic */ } .forceCommunityTopArticleList { background-color: #FFFFFF; /* background color for the Top Article Component */ padding: 1rem; } .comm-topic-trending-articles.selfServiceTopicTrendingArticles42 h2 { font-size: 1.8rem; /* font size for the item title texts in Top Article Component */ font-weight: 800; margin-bottom: 40px; margin-right: 0; padding-top: 2.4rem; text-align: center; } .body .siteforceContentArea .comm-layout-column:nth-child(2) .comm-topic-trending-articles.selfServiceTopicTrendingArticles42 h2 { text-align: left; } .comm-topic-trending-articles__item a span, .comm-case-deflection__item a span { font-size: .95rem !important; /* font size for the item texts in Top Article Component */ font-weight: bold; } /* Trending articles nach Thema component styles end */ /* Artikelinhalt Component styles */ .selfServiceArticleLayout.zoom.article-column { padding-left: 0 !important; padding-right: 0 !important; padding-top: 2.4rem !important; } .selfServiceArticleTopicList.slds-pill_container--bare { padding-left: 0 !important; padding-right: 0 !important; } .selfServiceArticleLayout.zoom .article-head { font-size: 1.8rem !important; /* text for the question */ margin-top: 0; font-weight: 800; } .selfServiceArticleLayout.zoom .article-summary { font-size: .95rem !important; /* text of the answer */ margin-top: 48px; /* padding from the question to the answer */ } .article-item.selfServiceArticleListItem .summary .footer span:not(:first-child) { display: none; } .body .siteforceContentArea div .comm-layout-column .ui-widget:nth-child(2) { /* kontaktbutton box */ /*border-top: 2px solid #d5d5d5; border-top-left-radius: 5px; border-top-right-radius: 5px;*/ margin-top: 30px; margin-bottom: 0; padding-top: 20px; } @media only screen and (min-width: 481px) { .body .siteforceContentArea div .comm-layout-column .ui-widget:nth-child(2) { margin-top: 60px; } } .body .siteforceContentArea div .comm-layout-column .ui-widget:nth-child(2), .body .siteforceContentArea div .comm-layout-column .ui-widget:nth-child(3) { /* kontaktbutton box */ /*border-left: 2px solid #d5d5d5; border-right: 2px solid #d5d5d5;*/ } .body .siteforceContentArea div .comm-layout-column .ui-widget:nth-child(3) { /* kontaktbutton box */ /*border-bottom: 2px solid #d5d5d5; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px;*/ margin-bottom: 2.5rem; padding-bottom: 45px; } .body .siteforceSldsTwoCol84Layout.siteforceContentArea .comm-layout-column:first-child .ui-widget, .body .siteforceSldsTwoCol66Layout.siteforceContentArea .comm-layout-column:first-child .ui-widget { margin-right: 0; } @media only screen and (min-width: 481px) { .body .siteforceSldsTwoCol84Layout.siteforceContentArea .comm-layout-column:first-child .ui-widget, .body .siteforceSldsTwoCol66Layout.siteforceContentArea .comm-layout-column:first-child .ui-widget { margin-right: 40px; /* gap between columns layout */ } } .forceCommunityContactSupportButton.contactSupportButton { font-size: .95rem !important; /* text 'zum kontaktformaular' */ font-weight:600; width: auto !important; } @media only screen and (max-width: 769px) { .forceCommunityContactSupportButton.contactSupportButton { width: auto !important; } } .selfServiceArticleLayout .content .slds-form .slds-grid.slds-gutters_small.full.cols-1.forcePageBlockSectionRow:nth-child(1) { display: none; } .selfServiceArticleLayout .content .slds-form .slds-grid.slds-gutters_small.full.cols-1.forcePageBlockSectionRow:nth-child(2) { display: none; } /*eingefügt h2.selfServiceArticleHeaderDetail { display: none; } eingefügt*/ h2.selfServiceArticleHeaderDetail .meta { display: none; } h2.article-head.selfServiceArticleHeaderDetail { margin-bottom: 20px; } .selfServiceArticleHeaderDetail .article-summary { display: none; } /*.selfServiceArticleLayout .content .slds-form .slds-grid.slds-gutters_small.full.cols-1.forcePageBlockSectionRow:nth-child(3) { display: none; }*/ /*this is hiding the label*/ .selfServiceArticleLayout .content .slds-form .slds-grid.slds-gutters_small.full.cols-1.forcePageBlockSectionRow:nth-child(3) .forcePageBlockItemView .slds-form-element .slds-form-element__label { display:none; } .selfServiceArticleLayout .content .forceRecordLayout .slds-section:nth-child(1){ } .selfServiceArticleLayout .content .forceRecordLayout .slds-section:nth-child(2){ display:none; } .slds-pill_container--bare.selfServiceArticleTopicList.selfServiceArticleLayout{ display:none; } /*.voting.selfServiceArticleLayout{ display:none; }*/ .selfServiceArticleLayout p.article-summary.selfServiceArticleHeaderDetail { display:none; } .selfServiceArticleLayout .meta.selfServiceArticleHeaderDetail{ display:none; } .selfServiceArticleLayout .slds-form-element_readonly { border-bottom: 0; } .PHONE .uiPanel .selfServiceArticleLayout .summary .article-head, .DESKTOP .panel .selfServiceArticleLayout .summary .article-head { font-size: 1.2rem !important; } .PHONE .uiPanel .selfServiceArticleLayout .summary .article-summary, .DESKTOP .panel .selfServiceArticleLayout .summary .article-summary { font-size: .95rem; } .selfServiceTopicTrendingArticles42 .slds-grid--vertical a:focus { box-shadow: none !important; } /* Artikeinhalt Component Styles end */ /* Search results Component styles */ .forceCommunityResultsList.uiTabset .uiTabBar .uiTabItem:first-child { /* hide first tab (discussions) */ display: none; } .forceCommunityResultsList.uiTabset .uiTabBar .uiTabItem:nth-child(2) { /* since first tab is hided,move the next to the left */ margin-left: 0; } .forceCommunityResultsList.uiTabset .uiTabBar { /* hide 'artikel' tab and line */ display: none; } .forceCommunityHeadline .headlineTitle { font-weight: 800 !important; padding-top: 7.2rem !important; } .forceSearchResultsRegion mark { font-weight: bold; background-color: transparent; } @media only screen and (min-width: 769px) { .forceCommunityHeadline .headlineTitle { padding-top: 2.4em !important; } } /* add text "Alle Artikel zum Thema" */ .forceCommunityHeadline .headlineTitle { font-size: 1.8rem !important; } .forceCommunityHeadline .headlineTitle .headlineTitleText, .forceCommunityHeadline .headlineTitle .headlineTitleText span { position: relative; } .forceCommunityHeadline .headlineTitle .headlineTitleText:before { bottom: 100%; content: 'Alle Artikel zum Thema'; left: 50%; max-width: 300px; position: absolute; transform: translateX(-50%); width: max-content; } @media only screen and (min-width: 769px) { .forceCommunityHeadline .headlineTitle .headlineTitleText:before { max-width: 390px; } } .forceCommunityHeadline .headlineTitle .headlineTitleText span:before { content: '"'; position: absolute; right: 100%; } .forceCommunityHeadline .headlineTitle .headlineTitleText span:after { content: '"'; position: absolute; left: 100%; } /* add text "Alle Artikel zum Thema" end */ .forceCommunityResultsList.uiTabset .uiTab .listContent li.selfServiceArticleListItem:last-of-type { border-bottom: none; } .forceCommunityResultsList.uiTabset .uiTab .listContent li.selfServiceArticleListItem .footer { /* hide amount of views */ display: none; } .forceCommunityResultsList.uiTabset .uiTab .listContent li.selfServiceArticleListItem .article-summary { font-size: .95rem; /* font-size of the answer to the question */ } /* Search results Component styles end */ /* Ergebnisse der globalen Suche */ .forceCommunitySearch { display: flex !important; flex-direction: column; padding-top: 2.4rem; } .forceCommunitySearch .slds-border_right { border: none; } @media only screen and (min-width: 48em) { .forceCommunitySearch { flex-direction: row; } .forceCommunitySearch .slds-border_right { border-right: 1px solid rgb(212, 212, 212); } } /* change text from 'Suchergebnisse' to 'Kategorie' in the left column */ .forceCommunitySearch .forceSearchScopesList h1 { position: relative; visibility: hidden; } .forceCommunitySearch .forceSearchScopesList h1:after { content: 'Kategorie'; display: block; left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%); visibility: visible; } /* change text from 'Suchergebnisse' to 'Kategorie' in the left column end */ /* change text from 'Artikel' to 'Suchergebnisse' */ .forceSearchResultsRegion .searchResultsGridHeader .gridTitle { font-size: 1.8rem !important; font-weight: 800 !important; position: relative; visibility: hidden; } /*@media only screen and (min-width: 48em) { .forceSearchResultsRegion .searchResultsGridHeader .gridTitle { font-size: 2.4rem !important; } }*/ .forceSearchResultsRegion .searchResultsGridHeader .gridTitle:after { content: 'Suchergebnisse'; display: block; left: 0; position: absolute; top: 0; visibility: visible; } /* change text from 'Artikel' to 'Suchergebnisse' end */ .forceSearchResultsRegion .forceSearchSearchResultsGridHeader { padding-bottom: 65px !important; /*40px !important */ } @media only screen and (min-width: 48em) { .forceSearchResultsRegion .forceSearchSearchResultsGridHeader { padding-bottom: 18px !important; padding-left: 1.5rem !important; padding-right: 1.5rem !important; } } .forceSearchResultsRegion .searchResultsGridHeader .leftContent .searchResultsSummaryText .searchResultsSummary { display: none; font-size: .95rem !important; } .forceSearchResultsRegion .searchResultsGridHeader .leftContent .searchResultsSummaryText { /* place near the title */ font-size: .95rem; left: 16px; position: absolute; top: 70px; /*45px;*/ } @media only screen and (min-width: 48em) { .forceSearchResultsRegion .searchResultsGridHeader .leftContent .searchResultsSummaryText { /* place near the title */ left: 250px; /*175px;*/ top: 50%; transform: translateY(-50%); } } /* change text Sortiert nach + Rahmen */ .forceSearchResultsRegion .searchResultsGridHeader .searchResultsSummaryText .sortingInfo > span { display: none; } .forceSearchResultsRegion .searchResultsGridHeader .searchResultsSummaryText .sortingInfo { padding-right: 20px; position: relative; visibility: hidden; } .forceSearchResultsRegion .searchResultsGridHeader .searchResultsSummaryText .sortingInfo:after { content: 'Sortieren nach Relevanz'; display: block; left: 0; position: absolute; top: 50%; transform: translateY(-48%); visibility: visible; } @media only screen and (min-width: 48em) { .forceSearchResultsRegion .searchResultsGridHeader .searchResultsSummaryText .sortingInfo:after { content: 'Sortieren nach'; left: 13px; } } .forceSearchResultsRegion .searchResultsGridHeader .searchResultsSummaryText .sortingInfo * { visibility: visible; } @media only screen and (min-width: 48em) { .forceSearchResultsRegion .searchResultsGridHeader .searchResultsSummaryText .sortingInfo { position: relative; visibility: hidden; z-index: 1288634; } .forceSearchResultsRegion .searchResultsGridHeader .leftContent { z-index: 1288634; } .forceSearchResultsRegion .searchResultsGridHeader .searchResultsSummaryText .sortingInfo:after { content: 'Sortieren nach'; display: block; left: 13px; position: absolute; top: 50%; transform: translateY(-50%); visibility: visible; } .forceSearchResultsRegion .searchResultsGridHeader .searchResultsSummaryText .sortingInfo * { visibility: visible; } /*.forceSearchResultsRegion .searchResultsGridHeader .searchResultsSummaryText .sortingInfo span { display: inline; margin-right: 10px; }*/ .forceSearchResultsRegion .searchResultsGridHeader .searchResultsSummaryText .sortingInfo .sortMenuLink { border: 1px solid #d5d5d5; border-radius: 3px; margin-left: 30px; padding: 0 5px; } .forceSearchResultsRegion .searchResultsGridHeader .searchResultsSummaryText .sortingInfo .sortMenuLink .slds-button:focus { box-shadow: none !important; outline: none !important; } .forceSearchResultsRegion .forceSearchResultsGridView:nth-of-type(1) { /* for table layout */ z-index: 1288634; } } /* change text Sortiert nach + Rahmen end */ .forceSearchResultsRegion .searchResultsGridHeader .searchResultsSummaryText .sortingInfo .sortMenuLink .slds-dropdown { min-width: 136px; } .forceSearchResultsRegion .searchResultsGridHeader .searchResultsSummaryText .sortingInfo .sortMenuLink .sortMenuItem:not(:nth-of-type(-n+2)) { /* hide unnecessary sort options */ display: none; } .forceSearchResultsRegion .forceRecordLayout { border-bottom: none !important; padding-left: 0 !important; padding-right: 0 !important; } @media only screen and (min-width: 768px) { .forceSearchResultsRegion .forceRecordLayout { padding-left: 1.5rem !important; padding-right: 1.5rem !important; } } .forceSearchResultsRegion .forceRecordLayout th:not(:nth-child(-n+2)), .forceSearchResultsRegion .forceRecordLayout td:not(:nth-child(-n+2)) { /* hide artikelnummer datum, status... */ display: none; } .forceSearchResultsRegion .forceRecordLayout thead { /* hide die überschrift artikeltitel und übersicht */ display: none; } .forceSearchResultsRegion .forceRecordLayout td:nth-child(-n+2), .forceSearchResultsRegion .forceSearchResultsGridView.grid tbody td:nth-child(-n+2) { color: rgba(0, 0, 0, .8); display: block; max-width: 100%; padding-left: 1rem !important; overflow: visible; white-space: normal !important; } .forceSearchResultsRegion .forceRecordLayout td:nth-child(-n+2) a, .forceSearchResultsRegion .forceRecordLayout td:nth-child(-n+2) span, .forceSearchResultsRegion .forceSearchResultsGridView.grid tbody td:nth-child(-n+2) a, .forceSearchResultsRegion .forceSearchResultsGridView.grid tbody td:nth-child(-n+2) span, .forceSearchResultsRegion .forceRecordLayout p a { white-space: normal !important; } .forceSearchResultsRegion .forceSearchResultsGridView.grid tbody tr:hover td { background: none !important; box-shadow: none !important; } /* (Frage oben, Antwort darunter), table layout */ .forceSearchResultsRegion .forceRecordLayout td:first-child { color: rgba(0, 0, 0, 0.8); font-size: 1rem; font-weight: bold; line-height: 1.5; padding-bottom: 10px; padding-top: 20px; } .forceSearchResultsRegion .forceRecordLayout td:nth-child(2) { border-top: none !important; font-size: .95rem; /*.8125rem;*/ font-weight: 300; line-height: 1.5em; padding-bottom: 20px; padding-top: 0; } @media only screen and (min-width: 48em) { .forceSearchResultsRegion .forceRecordLayout td:first-child { font-size: 1.25rem; padding-top: 25px; } .forceSearchResultsRegion .forceRecordLayout td:nth-child(2) { padding-bottom: 25px; } } .forceSearchResultsRegion .forceRecordLayout td:nth-child(2) .uiOutputTextArea { white-space: normal !important; } /* (Frage oben, Antwort darunter), table layout end */ .forceSearchResultsRegion .forceRecordLayout > div { max-width: 100% !important; } /* (Frage oben, Antwort darunter), block layout */ .forceSearchResultsRegion .forceRecordLayout p { /* frage */ color: rgba(0, 0, 0, 0.8); font-size: 1rem; font-weight: bold; line-height: 1.5; padding-bottom: 10px; padding-top: 10px; } .forceSearchResultsRegion .forceRecordLayout .slds-tile div:first-of-type { /* hide number, zuletzt geändert... */ /* display: none; */ } .forceSearchResultsList .articleMetaData { /*hides the details of the article */ display: none; } .forceSearchResultsRegion .forceRecordLayout .slds-tile div:last-of-type { /* answer */ font-size: 1rem; /*.8125rem;*/ font-weight: 300; line-height: 1.5em; padding-top: 0; } @media only screen and (min-width: 48em) { .forceSearchResultsRegion .forceRecordLayout p, .forceSearchResultsRegion .forceRecordLayout .slds-tile div:last-of-type { font-size: 1.25rem; } } /* (Frage oben, Antwort darunter), block layout end */ /* no results icon */ .forceCommunitySearch .resultsWrapper { margin-bottom: 0 !important; min-height: 100% !important; } .forceSearchResultsRegion .forceSearchNoResults .noResults { margin-top: 60px !important; padding: 0 !important; } .forceSearchResultsRegion .forceSearchNoResults .noResults figure span { /*background-image: url(https://dpv--partial--c.visualforce.com/resource/1594898208000/NoSearchResult_Icon?);*/ background-image: url('/resource/NoSearchResult_Icon'); background-repeat: no-repeat; background-position: center center; background-size: 150px; display: block; height: 150px; } .forceSearchResultsRegion .forceSearchNoResults .noResults figure span img { visibility: hidden; } /* no results icon end */ .forceCommunitySearch .selectorContainer li.forceSearchScopeItem { margin-left: 0 !important; } /* Ergebnisse der globalen Suche end */ /* Kontakt Formular styles */ .forceCommunityContactSupportForm .slds-gutters_small .slds-col { padding-left: 0px; padding-right: 0px; } .forceCommunityContactSupportForm .slds-form-element_stacked:not(.slds-is-editing), .slds-form_stacked .slds-form-element:not(.slds-is-editing), .slds-form_horizontal .slds-form-element_stacked:not(.slds-is-editing) { padding-left: 0px; } .forceCommunityContactSupportForm .forcePageBlockItemEdit .tooltipIcon { display:none; } .forceCommunityContactSupportForm .genericNotification { display:none; } .forceCommunityContactSupportForm .errorsList { display:none; } .forceCommunityContactSupportForm .form-element__help { position: relative; visibility: hidden; } .forceCommunityContactSupportForm .form-element__help:after { color: inherit; content: 'Bitte füllen Sie dieses Feld aus.'; display: block; position: absolute; top: 0; visibility: visible; width: max-content; } .forceCommunityContactSupportForm { margin-bottom: 3.8rem; padding-top: 1.88rem; } .forceCommunityContactSupportForm div:first-child { text-align: left; } .forceCommunityContactSupportForm .slds-page-header__title { font-size: 1.8rem; /* form title */ font-weight: 800; margin-bottom: 15px; } .forceCommunityContactSupportForm .subtitle { font-size: 1.15em; /* form subtitle */ line-height: 1.4em; } .forceCommunityContactSupportForm .supportQuickActionLayout .slds-form-element__control, .forceCommunityContactSupportForm .supportQuickActionLayout .slds-form-element__label { width: 100%; } .forceCommunityContactSupportForm .supportQuickActionLayout .slds-form-element__label { color: rgba(0, 0, 0, 0.8); font-size: 1.15em; /* form label */ line-height: 1.4em; max-width: 100%; padding-top: 7px; vertical-align: top; } .forceCommunityContactSupportForm .supportQuickActionLayout .slds-form-element__control { max-width: 100%; } @media only screen and (min-width: 769px) { .forceCommunityContactSupportForm .supportQuickActionLayout .slds-form-element__label { max-width: 25%; } .forceCommunityContactSupportForm .supportQuickActionLayout .slds-form-element__control { display: inline-block; max-width: 75%; } } .forceCommunityContactSupportForm > div:nth-child(2) { margin-top: 30px; } /* change button text */ .forceCommunityContactSupportForm .contactSupportButton { visibility: hidden; font-size: .95rem !important; } .forceCommunityContactSupportForm .contactSupportButton:after { background-color: inherit; border-radius: 3px; content: 'Anfrage senden'; display: block; padding: 5px 24px; position: absolute; right: 0; top: 0; visibility: visible; width: -moz-max-content; /* Firefox/Gecko */ width: -webkit-max-content; /* Chrome */ width: max-content; width: intrinsic; /* Safari/WebKit uses a non-standard name */ font-weight:600; } @media only screen and (min-width: 769px) { .forceCommunityContactSupportForm .contactSupportButton:after { width: auto; } } /*change button text end */ /* change label texts */ #DPV_CommunityKontaktgrund__c label, #DPV_CommunityAnrede__c label, #SuppliedEmail label, #SuppliedName label, .inputTextArea label { visibility: hidden; } #DPV_CommunityKontaktgrund__c label:after, #DPV_CommunityAnrede__c label:after, #SuppliedEmail label:after, #SuppliedName label:after, .inputTextArea label:after { color: inherit; display: block; position: absolute; top: 7px; visibility: visible; width: max-content; } #DPV_CommunityKontaktgrund__c label:after { content: 'Kontaktgrund*'; } #DPV_CommunityAnrede__c label:after { content: 'Anrede*'; } #SuppliedEmail label:after { content: 'E-Mail*'; } #SuppliedName label:after { content: 'Nachname*'; } .inputTextArea label:after { content: 'Beschreibung*'; } /* change label texts end */ /* tooltip for Kundennummer */ #DPV_CommunityKundennummer__c label { position: relative; /*transition: all 2s ease-in;*/ } #DPV_CommunityKundennummer__c label:before { /*background: url('https://dpv--partial--c.visualforce.com/resource/1594214195000/TooltipIcon?') no-repeat;*/ background: url('/resource/TooltipIcon') no-repeat; background-size: 20px; content: ''; height: 20px; position: absolute; left: 130px; transform: translateX(-50%); width: 20px; } @media only screen and (min-width: 48em) { #DPV_CommunityKundennummer__c label:before { left: 90%; } } #DPV_CommunityKundennummer__c label:after { bottom: 100%; background-color: rgba(0,0,0,.85); color: #ffffff; content: 'Ihre zwölfstellige Kundennummer (Abonnement-Nummer) finden Sie in jedem Anschreiben (auch E-Mail), sowie auf dem Adress-Etikett jeder Ausgabe. Sollten Sie Ihre Abonnenten-Nummer nicht finden, wenden Sie sich bitte telefonisch an unseren Kundenservice: +(49) 40 - 5555 78 09 (Mo 7:00 - 20:00, Di – Fr 7:30 – 20:00 Uhr und Sa 9:00 – 14:00 Uhr).'; /* here you can change the text of tooltip*/ display: none; left: 50%; max-width: 300px; width: max-content; padding: 5px 10px; position: absolute; transform: translateX(-50%); transition: all 2s ease-in; z-index: 10; } #DPV_CommunityKundennummer__c label:hover:after { display: block; } /* tooltip for Kundennumer end */ .forceCommunityContactSupportForm .supportQuickActionLayout .slds-form-element__control input, .forceCommunityContactSupportForm .supportQuickActionLayout .slds-form-element__control textarea { -webkit-appearance: none; border: 1px solid #d5d5d5; /* border for inputs */ font-size: 1.15em; line-height: 1.4em; padding-bottom: 5px; padding-top: 5px; } .forceCommunityContactSupportForm .supportQuickActionLayout .slds-form-element__control textarea { min-height: 130px; } .forceCommunityContactSupportForm > div > div.slds-text-color_error:first-child { /* hide text "Einige Dinge erfordern Ihr Eingreifen." */ display: none; } /* change error text messages */ .forceCommunityContactSupportForm .slds-form-element div[id^="help-message"], .forceCommunityContactSupportForm .slds-form-element div[id^="help-text"] { position: relative; visibility: hidden; } .forceCommunityContactSupportForm .slds-form-element div[id^="help-message"]:after, .forceCommunityContactSupportForm .slds-form-element div[id^="help-text"]:after { color: inherit; content: 'Bitte füllen Sie dieses Feld aus.'; display: block; position: absolute; top: 0; visibility: visible; width: max-content; } /* change error text messages end */ /* required field text */ .forceCommunityContactSupportForm { position: relative; } .forceCommunityContactSupportForm > div[id="submitButton"]:last-child:after { bottom: -43px; color: rgb(136, 136, 136);; content: '* Pflichtfeld'; display: block; font-size: inherit; left: 0; position: absolute; visibility: visible; width: max-content; } /* required field text end */ .forceCommunityContactSupportForm .forceCommunityContactSupportConfirmation:nth-of-type(2) .slds-grid { flex-direction: column; } .forceCommunityContactSupportForm .forceCommunityContactSupportConfirmation:nth-of-type(2) .slds-grid > div { width: auto; } @media only screen and (min-width: 769px) { .forceCommunityContactSupportForm .forceCommunityContactSupportConfirmation:nth-of-type(2) .slds-grid { flex-direction: row; } .forceCommunityContactSupportForm .forceCommunityContactSupportConfirmation:nth-of-type(2) .slds-grid > div:first-child { width: 25%; } .forceCommunityContactSupportForm .forceCommunityContactSupportConfirmation:nth-of-type(2) .slds-grid > div:last-child { width: 75%; } } /* suggested topics on kontaktformular page */ .forceCommunityCaseDeflection { padding-left: 30px; padding-top: 2.4rem; } @media only screen and (max-width: 769px) { .forceCommunityCaseDeflection { padding-left: 0; } } .forceCommunityCaseDeflection div:first-child { margin-bottom: 20px; text-align: left; } .forceCommunityCaseDeflection .slds-page-header__title { font-weight: 800; font-size:1.3rem; } .forceCommunityCaseDeflection .comm-topic-trending-articles__item span:last-child, .forceCommunityCaseDeflection .comm-case-deflection__item ul { display: none; } .forceCommunityContactSupportConfirmation { padding-top: 0.67rem !important; } .forceCommunityContactSupportConfirmation div { font-size: .95rem !important; /* confirmation text (wir haben...) */ } /* Kontakt Formular styles end */ /* Error Page */ .dpvComponent__404 { margin-bottom: 40px; margin-top: 40px; } @media only screen and (min-width: 768px) { .dpvComponent__404 { margin-bottom: 48px; margin-top: 48px; } } .dpvComponent__404__container { margin-left: auto; margin-right: auto; max-width: 1440px; padding-left: 16px; padding-right: 16px; } @media only screen and (min-width: 768px) { .dpvComponent__404__container { padding-left: 32px; padding-right: 32px; } } @media only screen and (min-width: 992px) { .dpvComponent__404__container { padding-left: 48px; padding-right: 48px; } } @media only screen and (min-width: 1200px) { .dpvComponent__404__container { padding-left: 80px; padding-right: 80px; } } .dpvComponent__404__heading { color: rgba(0, 0, 0, .8); font-size: 22px !important; font-weight: 800 !important; line-height: 34px; margin-bottom: 30px; margin-top: 0; text-align: center; } @media only screen and (min-width: 992px) { .dpvComponent__404__heading { margin-left: auto; margin-right: auto; max-width: 650px; } } .dpvComponent__404__subheading { font-size: 16px; line-height: 25px; margin-bottom: 40px; margin-top: -16px; text-align: center; } @media only screen and (min-width: 992px) { .dpvComponent__404__subheading { margin-left: auto; margin-right: auto; max-width: 650px; } } .dpvComponent__404__buttonWrapper { margin-top: 40px; text-align: center; } .dpvComponent__404__buttonWrapper .button { background-color: rgb(204, 0, 0); border-color: rgb(204, 0, 0); border-radius: 3px; border-width: 2px; border-style: solid; color: #ffffff; display: block; font-size: .95rem; line-height: 1.875rem; margin: 0 auto; min-width: 135px; padding: 5px 24px; position: relative; text-decoration: none; text-transform: none; transition: all .2s; white-space: normal; width: -moz-fit-content; width: fit-content; } .dpvComponent__404__buttonWrapper .button:hover, .dpvComponent__404__buttonWrapper .button:focus { background-color: #b30000; border-color: #b30000; color: #ffffff; text-decoration: none; } /* Error Page end */ /* 4 and 3 Column - FAQ, Kontakt, Shop, Umfrage */ .dpvComponent__FourColumnWrapper-general, .dpvComponent__ThreeColumnWrapper-general { border-top: 1px solid rgb(212, 212, 212); } .dpvComponent__FourColumnWrapper, .dpvComponent__ThreeColumnWrapper { margin: 0 auto; max-width: 1280px; } .dpvComponent__FourColumnWrapper, .dpvComponent__FourColumn_half, .dpvComponent__ThreeColumnWrapper { display: flex; flex: 1 1; font-family: Arial, Helvetica, sans-serif; /* change font here if needed */ -webkit-font-smoothing: antialiased; justify-content: space-between; width: 100%; } .dpvComponent__FourColumnWrapper, .dpvComponent__ThreeColumnWrapper { flex-direction: column; } @media (min-width: 768px) { .dpvComponent__ThreeColumnWrapper { flex-direction: row; } } @media (min-width: 1024px) { .dpvComponent__FourColumnWrapper { flex-direction: row; } } .dpvComponent__FourColumnWrapper .title, .dpvComponent__ThreeColumnWrapper .title { font-size: 1.3rem; font-weight: bold; margin: 30px auto; margin-top: 70px; } .dpvComponent__FourColumn_half { flex-direction: column; } @media (min-width: 650px) { .dpvComponent__FourColumn_half { flex-direction: row; } } .dpvComponent__FourColumn_half:not(:last-child), .dpvComponent__ThreeColumn_col:not(:last-child) { margin-bottom: 20px; } @media (min-width: 768px) { .dpvComponent__ThreeColumn_col:not(:last-child) { margin-bottom: 0; } } @media (min-width: 1024px) { .dpvComponent__FourColumn_half:not(:last-child) { margin-bottom: 0; } } .dpvComponent__FourColumn_half:first-child { margin-right: 20px; } .dpvComponent__FourColumn_col, .dpvComponent__ThreeColumn_col { background-color: #fff; /* background for each item */ padding: 16px 32px; width: 100%; border: 1.5px solid; border-color: rgb(205,205,205); } .dpvComponent__FourColumn_col:first-child, .dpvComponent__ThreeColumn_col:first-child { margin-bottom: 20px; margin-right: 0; } .dpvComponent__FourColumn_col:last-child, .dpvComponent__ThreeColumn_col:last-child { margin-left: 0; } @media (min-width: 650px) { .dpvComponent__FourColumn_col { width: 50%; } .dpvComponent__FourColumn_col:first-child { margin-bottom: 0; margin-right: 10px; } .dpvComponent__FourColumn_col:last-child { margin-left: 10px; } } @media (min-width: 768px) { .dpvComponent__ThreeColumn_col { margin-bottom: 0; } .dpvComponent__ThreeColumn_col:first-child { margin-bottom: 0; margin-right: 20px; } .dpvComponent__ThreeColumn_col:last-child { margin-left: 20px; } } .forceCommunityRichText .dpvComponent__FourColumn_itemLink, .dpvComponent__FourColumn_itemLink, .forceCommunityRichText .dpvComponent__ThreeColumn_itemLink, .dpvComponent__ThreeColumn_itemLink { border: none; color: rgb(0, 0, 0); /* normal color for the text */ display: block; font-size: 16px; /* font-size for the text */ font-weight: bold; text-align: center; text-decoration: none; } .forceCommunityRichText .dpvComponent__FourColumn_col:hover .dpvComponent__FourColumn_itemLink, .dpvComponent__FourColumn_col:hover .dpvComponent__FourColumn_itemLink, .forceCommunityRichText .dpvComponent__ThreeColumn_col:hover .dpvComponent__ThreeColumn_itemLink, .dpvComponent__ThreeColumn_col:hover .dpvComponent__ThreeColumn_itemLink { color: rgb(228, 0, 37); /* hover color for the text */ } .forceCommunityRichText .dpvComponent__FourColumn_itemLink:hover, .forceCommunityRichText .dpvComponent__FourColumn_itemLink:active, .forceCommunityRichText .dpvComponent__FourColumn_itemLink:focus, .forceCommunityRichText .dpvComponent__ThreeColumn_itemLink:hover, .forceCommunityRichText .dpvComponent__ThreeColumn_itemLink:active, .forceCommunityRichText .dpvComponent__ThreeColumn_itemLink:focus { color: rgb(228, 0, 37); /* hover color for the text */ text-decoration: none; /* no underline on hover for the text */ } .dpvComponent__FourColumn_col .img, .dpvComponent__ThreeColumn_col .img { background-position: center center; height: 115px; /* adjust height for the images if needed, padding is included here */ width: 100%; } .dpvComponent__FourColumn_col .img--1, .dpvComponent__ThreeColumn_col .img--1 { /*background: url("https://dpv--partial--c.visualforce.com/resource/1633679318000/Stern_icon_FAQ") no-repeat; /* specify url for FAQ normal image */ background: url('/resource/stern_kachel_faq') no-repeat; background-position: center center; } .dpvComponent__FourColumn_col:hover .img--1, .dpvComponent__ThreeColumn_col:hover .img--1 { /*background: url("https://dpv--partial--c.visualforce.com/resource/1633679480000/Stern_icon_FAQ_Hover?") no-repeat; /* specify url for FAQ hover image */ background: url('/resource/stern_kachel_faq_hover') no-repeat; background-position: center center; } .dpvComponent__FourColumn_col .img--2, .dpvComponent__ThreeColumn_col .img--2 { /*background: url("https://dpv--partial--c.visualforce.com/resource/1633679358000/Stern_icon_Kontakt?") no-repeat; /* specify url for Kontakt normal image */ background: url('/resource/stern_kachel_kontakt') no-repeat; background-position: center center; } .dpvComponent__FourColumn_col:hover .img--2, .dpvComponent__ThreeColumn_col:hover .img--2 { /*background: url("https://dpv--partial--c.visualforce.com/resource/1633679523000/Stern_icon_Kontakt_Hover?") no-repeat; /* specify url for Kontakt hover image */ background: url('/resource/stern_kachel_kontakt_hover') no-repeat; background-position: center center; } .dpvComponent__FourColumn_col .img--3, .dpvComponent__ThreeColumn_col .img--3 { /*background: url("https://dpv--partial--c.visualforce.com/resource/1633679433000/Stern_icon_Abo_kaufen?") no-repeat; /* specify url for Abo Kaufen normal image */ background: url('/resource/stern_kachel_abo_kaufen') no-repeat; background-position: center center; } .dpvComponent__FourColumn_col:hover .img--3, .dpvComponent__ThreeColumn_col:hover .img--3 { /*background: url("https://dpv--partial--c.visualforce.com/resource/1633679565000/Stern_icon_Abo_kaufen_Hover?") no-repeat; /* specify url for Abo Kaufen hover image */ background: url('/resource/stern_kachel_abo_kaufen_hover') no-repeat; background-position: center center; } .dpvComponent__FourColumn_col .img--4 { /*background: url("https://dpv--partial--c.visualforce.com/resource/1633679395000/Stern_icon_Meine_Abos?") no-repeat; /* specify url for Umfrage normal image */ background: url('/resource/stern_kachel_meine_abos') no-repeat; background-position: center center; } .dpvComponent__FourColumn_col:hover .img--4 { /*background: url("https://dpv--partial--c.visualforce.com/resource/1633679619000/Stern_icon_Meine_Abos_Hover?") no-repeat; /* specify url for Umfrage hover image */ background: url('/resource/stern_kachel_meine_abos_hover') no-repeat; background-position: center center; } /* 4 and 3 Column - FAQ, Kontakt, Shop, Umfrage end */ /* Footer styles */ .dpvComponent__footerWrapper { background-color: #323232; /* footer background color */ color: #f3f3f3; /* footer text color */ -webkit-font-smoothing: antialiased; } .dpvComponent__footer { margin: 0 auto; max-width: 850px; padding: 16px 32px; width: 100%; } .dpvComponent__footer .hover:hover { color: #e40025; /* footer hover color */ text-decoration: none; } .dpvComponent__footer .dpvComponent__footerPart:not(:last-child) { border-bottom: 1px solid #aaaaaa; /* footer line style: color, style, width */ } .dpvComponent__footer .dpvComponent__footer_heading, .dpvComponent__footer .dpvComponent__footer_content, .dpvComponent__footer .dpvComponent__footer_linksList { font-family: Arial, Helvetica, sans-serif; font-size: 15px; font-weight: 300; line-height: 23.5px; margin: 0; text-align: center; } .dpvComponent__footer .dpvComponent__footer_heading, .dpvComponent__footer .dpvComponent__footer_linksList { padding: 16px 32px; } .dpvComponent__footer .dpvComponent__footer_heading, .dpvComponent__footer .dpvComponent__footer_content { display: flex; flex-direction: column; justify-content: space-between; } .dpvComponent__footer .dpvComponent__footer_heading { font-weight: 600; text-transform: uppercase; } @media (min-width: 768px) { .dpvComponent__footer .dpvComponent__footer_content { flex-direction: row; text-align: left; } } .dpvComponent__footer .dpvComponent__footer_col_heading { font-weight: 600; margin-bottom: 16px; } .dpvComponent__footer .dpvComponent__footer_link { color: currentColor; display: block; text-decoration: none; -webkit-transition: color .25s cubic-bezier(.19,1,.22,1),opacity .25s cubic-bezier(.19,1,.22,1); transition: color .25s cubic-bezier(.19,1,.22,1),opacity .25s cubic-bezier(.19,1,.22,1); } .dpvComponent__footer .dpvComponent__footer_link:not(:last-child) { padding-right: 20px; } .dpvComponent__footer .dpvComponent__footer_col { flex: 1 1 0; flex-grow: 2; padding-bottom: 24px; } .dpvComponent__footer .dpvComponent__footer_col:last-child { flex-grow: 1; } .dpvComponent__footer .dpvComponent__footer_contact_row { font-size: 14px; margin-bottom: 4px; } .dpvComponent__footer .dpvComponent__footer_contact_row.dpvComponent__footer_contact_row--phone { font-size: 16px; font-weight: 600; } .dpvComponent__footer .dpvComponent__footer_linksList { display: flex; justify-content: center; } /* FAQ Themenkacheln groesse und ausrichtung und Trennlinie */ .siteforceContentArea .contentRegion .ui-widget .forceCommunityRichText.forceCommunityRichTextInline, .siteforceContentArea .comm-content-footer .ui-widget .forceCommunityRichText.forceCommunityRichTextInline { border-top: 1px solid rgb(212, 212, 212); padding-top: 70px; } li.topicItem.forceTopicFeaturedTopicItem{ width: 300px; padding: 2px !important; height: 300px; } li.topicItem.forceTopicFeaturedTopicItem .topicContent{ border: 1.5px solid; border-color: rgb(205,205,205); } .forceTopicFeaturedTopics .topicList { margin: 0 auto !important; max-width: 900px; /* width of li.topicItem.forceTopicFeaturedTopicItem * 3 */ } /* FAQ Themenkacheln groesse und ausrichtung und Trennlinie ENDE*/ /* Kontakt Formular styles */ .forceCommunityContactSupportForm { margin-bottom: 3.8rem; padding-top: 1.88rem; } .forceCommunityContactSupportForm div:first-child { text-align: left; } .forceCommunityContactSupportForm .slds-page-header__title { font-size: 1.8rem; /* form title */ font-weight: 800; margin-bottom: 15px; } .forceCommunityContactSupportForm .subtitle { font-size: 1.15em; /* form subtitle */ line-height: 1.4em; } .forceCommunityContactSupportForm .forceQuickActionLayout .label.inputLabel { display: inline-block; } .forceCommunityContactSupportForm .supportQuickActionLayout .slds-form-element__control, .forceCommunityContactSupportForm .supportQuickActionLayout .slds-form-element__label, .forceCommunityContactSupportForm .forceQuickActionLayout .input, .forceCommunityContactSupportForm .forceQuickActionLayout .uiMenu, .forceCommunityContactSupportForm .forceQuickActionLayout .textarea, .forceCommunityContactSupportForm .forceQuickActionLayout .label.inputLabel { width: 100%; } .forceCommunityContactSupportForm .supportQuickActionLayout .slds-form-element__label, .forceCommunityContactSupportForm .forceQuickActionLayout .label.inputLabel { color: rgba(0, 0, 0, 0.8); font-size: 1.15em; /* form label */ line-height: 1.4em; max-width: 100%; padding-top: 7px; vertical-align: top; } .forceCommunityContactSupportForm .supportQuickActionLayout .slds-form-element__control, .forceCommunityContactSupportForm .forceQuickActionLayout .input, .forceCommunityContactSupportForm .forceQuickActionLayout .uiMenu, .forceCommunityContactSupportForm .forceQuickActionLayout .textarea { max-width: 100%; } @media only screen and (min-width: 769px) { .forceCommunityContactSupportForm .supportQuickActionLayout .slds-form-element__label, .forceCommunityContactSupportForm .forceQuickActionLayout .label.inputLabel { max-width: 25%; } .forceCommunityContactSupportForm .supportQuickActionLayout .slds-form-element__control, .forceCommunityContactSupportForm .forceQuickActionLayout .input, .forceCommunityContactSupportForm .forceQuickActionLayout .uiMenu, .forceCommunityContactSupportForm .forceQuickActionLayout .textarea { display: inline-block; max-width: 75%; } } .forceCommunityContactSupportForm > div:nth-child(2) { margin-top: 30px; } /* change button text */ .forceCommunityContactSupportForm .contactSupportButton { visibility: hidden; font-size: .95rem !important; } .forceCommunityContactSupportForm .contactSupportButton:after { background-color: inherit; border-radius: 3px; content: 'Anfrage senden'; display: block; padding: 5px 24px; position: absolute; right: 0; top: 0; visibility: visible; width: -moz-max-content; /* Firefox/Gecko */ width: -webkit-max-content; /* Chrome */ width: max-content; width: intrinsic; /* Safari/WebKit uses a non-standard name */ font-weight:600; } @media only screen and (min-width: 769px) { .forceCommunityContactSupportForm .contactSupportButton:after { width: auto; } } /*change button text end */ /* change label texts */ #DPV_CommunityKontaktgrund__c label, #DPV_CommunityAnrede__c label, #SuppliedEmail label, #SuppliedName label, .inputTextArea label, .forcePageBlockSectionRow:first-child .uiInputSelect.forceInputPicklist .label.inputLabel, .forcePageBlockSectionRow:nth-child(2) .uiInputSelect.forceInputPicklist .label.inputLabel, .forcePageBlockSectionRow:nth-child(3) .uiInput.uiInputText .label.inputLabel, .forcePageBlockSectionRow:last-child .uiInput.uiInputTextArea .label.inputLabel, .forcePageBlockSectionRow:nth-child(4) .uiInput.uiInputEmail .label.inputLabel { visibility: hidden; } #DPV_CommunityKontaktgrund__c label:after, #DPV_CommunityAnrede__c label:after, #SuppliedEmail label:after, #SuppliedName label:after, .inputTextArea label:after, .forcePageBlockSectionRow:first-child .uiInputSelect.forceInputPicklist .label.inputLabel:after, .forcePageBlockSectionRow:nth-child(2) .uiInputSelect.forceInputPicklist .label.inputLabel:after, .forcePageBlockSectionRow:nth-child(3) .uiInput.uiInputText .label.inputLabel:after, .forcePageBlockSectionRow:last-child .uiInput.uiInputTextArea .label.inputLabel:after, .forcePageBlockSectionRow:nth-child(4) .uiInput.uiInputEmail .label.inputLabel:after { color: inherit; display: block; position: absolute; top: 7px; visibility: visible; width: max-content; } #DPV_CommunityKontaktgrund__c label:after, .forcePageBlockSectionRow:first-child .uiInputSelect.forceInputPicklist .label.inputLabel:after { content: 'Kontaktgrund*'; } #DPV_CommunityAnrede__c label:after, .forcePageBlockSectionRow:nth-child(2) .uiInputSelect.forceInputPicklist .label.inputLabel:after { content: 'Anrede*'; } #SuppliedEmail label:after, .forcePageBlockSectionRow:nth-child(4) .uiInput.uiInputEmail .label.inputLabel:after { content: 'E-Mail*'; } #SuppliedName label:after, .forcePageBlockSectionRow:nth-child(3) .uiInput.uiInputText .label.inputLabel:after { content: 'Nachname*'; } .inputTextArea label:after, .forcePageBlockSectionRow:last-child .uiInput.uiInputTextArea .label.inputLabel:after { content: 'Beschreibung*'; } /* change label texts end */ /* tooltip for Kundennummer */ .forcePageBlockSectionRow:nth-child(5) .uiInput.uiInputText .label.inputLabel .tooltipIcon { display: none; } #DPV_CommunityKundennummer__c label, .forcePageBlockSectionRow:nth-child(5) .uiInput.uiInputText .label.inputLabel { position: relative; /*transition: all 2s ease-in;*/ } #DPV_CommunityKundennummer__c label:before, .forcePageBlockSectionRow:nth-child(5) .uiInput.uiInputText .label.inputLabel:before { /*background: url('https://dpv--partial--c.visualforce.com/resource/1594214195000/TooltipIcon?') no-repeat;*/ background: url('/resource/TooltipIcon') no-repeat; background-size: 20px; content: ''; height: 20px; position: absolute; left: 130px; transform: translateX(-50%); width: 20px; } @media only screen and (min-width: 48em) { #DPV_CommunityKundennummer__c label:before, .forcePageBlockSectionRow:nth-child(5) .uiInput.uiInputText .label.inputLabel:before { left: 90%; } } #DPV_CommunityKundennummer__c label:after, .forcePageBlockSectionRow:nth-child(5) .uiInput.uiInputText .label.inputLabel:after { bottom: 100%; background-color: rgba(0,0,0,.85); color: #ffffff; content: 'Ihre zwölfstellige Kundennummer (Abonnement-Nummer) finden Sie in jedem Anschreiben (auch E-Mail), sowie auf dem Adress-Etikett jeder Ausgabe. Sollten Sie Ihre Abonnenten-Nummer nicht finden, wenden Sie sich bitte telefonisch an unseren Kundenservice: +(49) 40 - 5555 78 09 (Mo 7:00 - 20:00, Di – Fr 7:30 – 20:00 Uhr und Sa 9:00 – 14:00 Uhr).'; /* here you can change the text of tooltip*/ display: none; left: 50%; max-width: 300px; width: max-content; padding: 5px 10px; position: absolute; transform: translateX(-50%); transition: all 2s ease-in; z-index: 10; } #DPV_CommunityKundennummer__c label:hover:after, .forcePageBlockSectionRow:nth-child(5) .uiInput.uiInputText .label.inputLabel:hover:after { display: block; } /* tooltip for Kundennumer end */ .forceCommunityContactSupportForm .supportQuickActionLayout .slds-form-element__control input, .forceCommunityContactSupportForm .supportQuickActionLayout .slds-form-element__control textarea, .forceCommunityContactSupportForm .forceQuickActionLayout .input, .forceCommunityContactSupportForm .forceQuickActionLayout .textarea{ -webkit-appearance: none; border: 1px solid #d5d5d5; /* border for inputs */ font-size: 1.15em; line-height: 1.4em; padding-bottom: 5px; padding-top: 5px; } .forceCommunityContactSupportForm .supportQuickActionLayout .slds-form-element__control textarea, .forceCommunityContactSupportForm .forceQuickActionLayout .textarea { min-height: 130px; } .forceCommunityContactSupportForm > div > div.slds-text-color_error:first-child { /* hide text "Einige Dinge erfordern Ihr Eingreifen." */ display: none; } /* change error text messages */ .forceCommunityContactSupportForm .slds-form-element div[id^="help-message"], .forceCommunityContactSupportForm .slds-form-element div[id^="help-text"] { position: relative; visibility: hidden; } .forceCommunityContactSupportForm .slds-form-element div[id^="help-message"]:after, .forceCommunityContactSupportForm .slds-form-element div[id^="help-text"]:after { color: inherit; content: 'Bitte füllen Sie dieses Feld aus.'; display: block; position: absolute; top: 0; visibility: visible; width: max-content; } /* change error text messages end */ /* required field text */ .forceCommunityContactSupportForm { position: relative; } .forceCommunityContactSupportForm > div[id="submitButton"]:last-child:after { bottom: -43px; color: rgb(136, 136, 136);; content: '* Pflichtfeld'; display: block; font-size: inherit; left: 0; position: absolute; visibility: visible; width: max-content; } /* required field text end */ .forceCommunityContactSupportForm .forceCommunityContactSupportConfirmation:nth-of-type(2) .slds-grid { flex-direction: column; } .forceCommunityContactSupportForm .forceCommunityContactSupportConfirmation:nth-of-type(2) .slds-grid > div { width: auto; } @media only screen and (min-width: 769px) { .forceCommunityContactSupportForm .forceCommunityContactSupportConfirmation:nth-of-type(2) .slds-grid { flex-direction: row; } .forceCommunityContactSupportForm .forceCommunityContactSupportConfirmation:nth-of-type(2) .slds-grid > div:first-child { width: 25%; } .forceCommunityContactSupportForm .forceCommunityContactSupportConfirmation:nth-of-type(2) .slds-grid > div:last-child { width: 75%; } } /* suggested topics on kontaktformular page */ .forceCommunityCaseDeflection { padding-left: 30px; padding-top: 2.4rem; } @media only screen and (max-width: 769px) { .forceCommunityCaseDeflection { padding-left: 0; } } .forceCommunityCaseDeflection div:first-child { margin-bottom: 20px; text-align: left; } .forceCommunityCaseDeflection .slds-page-header__title { font-weight: 800; font-size:1.3rem; } .forceCommunityCaseDeflection .comm-topic-trending-articles__item span:last-child, .forceCommunityCaseDeflection .comm-case-deflection__item ul { display: none; } .forceCommunityContactSupportConfirmation { padding-top: 0.67rem !important; } .forceCommunityContactSupportConfirmation div { font-size: .95rem !important; /* confirmation text (wir haben...) */ } /* Kontakt Formular styles end */ /* Footer styles end */ /* Vote */ .forceKnowledgeArticleThumbVote .slds-media__body.slds-truncate { font-size: 0 !important; } .forceKnowledgeArticleThumbVote .slds-media__body.slds-truncate::before { content: 'War dieser Artikel hilfreich?'; font-size: 14px; font-weight: 700; line-height: 17px; margin-top: 10px; } .forceKnowledgeArticleThumbVote .slds-card__body .slds-m-bottom--xx-small.slds-m-right--large.slds-m-left--x-small { display: flex; align-items: center; } .forceKnowledgeArticleThumbVote .slds-card .slds-box--x-small { align-items: center; font-size: 14px; gap: 10px; padding-right: 0 !important; padding-left: 0 !important; } .forceCommunityArticleThumbVote .slds-card__body+.slds-card__body { float: left!important; } .forceKnowledgeArticleThumbVote button { border: none; } .forceKnowledgeArticleThumbVote article { border: none; } @media only screen and (max-width: 425px) { .forceKnowledgeArticleThumbVote .slds-card .slds-box--x-small { flex-wrap: wrap; } } .forceCommunityArticleThumbVote .slds-card__body + .slds-card__body { margin: 0 !important; margin-top: 10px!important; } .forceCommunityArticleThumbVote .slds-card__body .slds-card__body lightning-button-icon-stateful .slds-button:focus { box-shadow: none; } .forceCommunityArticleThumbVote .slds-card__body .slds-card__body lightning-button-icon-stateful .slds-button .slds-button__icon { width: 42px; height: 24px; fill: rgb(170,170,170); stroke-width: 3px; } .forceCommunityArticleThumbVote .slds-card__body .slds-card__body lightning-button-icon-stateful .slds-button.slds-is-selected { background-color: #000; } .forceCommunityArticleThumbVote .slds-card__body .slds-card__body lightning-button-icon-stateful .slds-button.slds-is-selected .slds-button__icon { border: none; fill: #000; stroke: none; stroke-width: 0; } .forceCommunityArticleThumbVote .slds-card__body .slds-card__body lightning-button-icon-stateful .slds-button.slds-is-selected { background-color: unset; } .forceCommunityArticleThumbVote .slds-card__body .slds-float--left.slds-m-right--medium lightning-formatted-number { display: none; } .forceCommunityArticleThumbVote .slds-card__body .slds-float--left.slds-m-right--medium::after { display: inline-block; content: 'Ja'; color: black; font-size: 14px; font-weight: 600; position: absolute; top: 80px; left: 24px; } .forceCommunityArticleThumbVote .slds-card__body .slds-float--left.slds-m-right--x-small:first-of-type { margin-right: 50px; margin-left: 13px; } .forceCommunityArticleThumbVote .slds-card__body .slds-float--left.slds-m-right--x-small button[title="Gefällt mir"] { background: white url(/sfsites/c/resource/Community_Icons/vote_up.png) 0 0 no-repeat; } .forceCommunityArticleThumbVote .slds-card__body .slds-float--left.slds-m-right--x-small button[title="Unbeliebt"] { background: white url(/sfsites/c/resource/Community_Icons/vote_down.png) 0 0 no-repeat; } .forceCommunityArticleThumbVote .slds-card__body .slds-float--left.slds-m-right--x-small button.slds-is-selected[title="Unbeliebt"] { background: white url(/sfsites/c/resource/Community_Icons/vote_down_selected.png) 0 0 no-repeat; } .forceCommunityArticleThumbVote .slds-card__body .slds-float--left.slds-m-right--x-small button.slds-is-selected[title="Gefällt mir"] { background: white url(/sfsites/c/resource/Community_Icons/vote_up_selected.png) 0 0 no-repeat; } .forceCommunityArticleThumbVote .slds-card__body .slds-float--left.slds-m-right--x-small button lightning-primitive-icon { display: none; } .forceCommunityArticleThumbVote .slds-card__body .slds-float--left.slds-m-right--medium::before { display: none !important; } .forceCommunityArticleThumbVote .slds-card__body .slds-float--left.slds-p-top--xx-small lightning-formatted-number { display: none; } .forceCommunityArticleThumbVote .slds-card__body .slds-float--left.slds-p-top--xx-small::before { display: inline-block; content: 'Nein'; color: black; font-size: 14px; font-weight: 600; position: absolute; top: 80px; left: 115px; } .forceKnowledgeArticleThumbVote .slds-button:focus { box-shadow: none; } /* Vote END */ /*DPVCRMDEV-12721 search bar & autocomplete*/ .forceCommunityThemeSearch .search-deflectionContainer { margin: 0 1px !important; margin-top: 0 !important; transform: translateY(-1px); font-size: 15px; font-weight: bold; line-height: 30px; color: #020203; width: 99.8% !important; } .slds-popover { border: none; border-top: 1px solid #cdcdcd; border-radius: 0 !important; box-shadow: none !important; } .slds-popover li:first-of-type { display: none; } .slds-popover li { background-color: #f1f2f4; } .slds-popover li:hover { background-color: #f1f2f4; } .search-deflectionItem.search-deflectionItemResult .search-deflectionItemDetail { display: none !important; } .search-deflectionItem.search-deflectionItemResult .search-deflectionItemDetail { white-space: nowrap; width: 85px; overflow: hidden; color: #515258; margin-top: 4px; text-overflow: clip; } .search-deflectionItem:hover { background-color: #f1f2f4 !important; } /*DPVCRMDEV-12721 search bar & autocomplete*/</style><style>.siteforceContentArea .comm-layout-column .ui-widget:not(:last-child),.siteforceContentArea .cb-section_column .ui-widget:not(:last-child){margin-bottom:var(--lwc-uiWidgetMarginBottom,1.5rem)}.siteforceContentArea .comm-layout-column:not(:empty){padding-top:var(--lwc-layoutVerticalPadding,0.75rem);padding-bottom:var(--lwc-layoutVerticalPadding,0.75rem)}:root{--dxp-g-root:var(--lwc-dxpGRoot,#FFFFFF);--dxp-g-root-1:var(--lwc-dxpGRoot1,rgb(235, 235, 235));--dxp-g-root-2:var(--lwc-dxpGRoot2,rgb(194, 194, 194));--dxp-g-root-3:var(--lwc-dxpGRoot3,rgb(133, 133, 133));--dxp-g-root-contrast:var(--lwc-dxpGRootContrast,rgba(0, 0, 0, 0.8));--dxp-g-root-contrast-1:var(--lwc-dxpGRootContrast1,rgba(0, 0, 0, 0.8));--dxp-g-root-contrast-2:var(--lwc-dxpGRootContrast2,rgba(0, 0, 0, 0.8));--dxp-g-root-contrast-3:var(--lwc-dxpGRootContrast3,rgba(0, 0, 0, 0.8));--dxp-g-neutral:var(--lwc-dxpGNeutral,#ecebea);--dxp-g-neutral-1:var(--lwc-dxpGNeutral1,rgb(217, 215, 213));--dxp-g-neutral-2:var(--lwc-dxpGNeutral2,rgb(178, 174, 170));--dxp-g-neutral-3:var(--lwc-dxpGNeutral3,rgb(118, 113, 107));--dxp-g-neutral-contrast:var(--lwc-dxpGNeutralContrast,#000);--dxp-g-neutral-contrast-1:var(--lwc-dxpGNeutralContrast1,#000);--dxp-g-neutral-contrast-2:var(--lwc-dxpGNeutralContrast2,#000);--dxp-g-neutral-contrast-3:var(--lwc-dxpGNeutralContrast3,#fff);--dxp-g-brand:var(--lwc-dxpGBrand,rgb(204, 0, 0));--dxp-g-brand-1:var(--lwc-dxpGBrand1,rgb(163, 0, 0));--dxp-g-brand-2:var(--lwc-dxpGBrand2,rgb(82, 0, 0));--dxp-g-brand-3:var(--lwc-dxpGBrand3,rgb(0, 0, 0));--dxp-g-brand-contrast:var(--lwc-dxpGBrandContrast,#FFFFFF);--dxp-g-brand-contrast-1:var(--lwc-dxpGBrandContrast1,rgb(255, 255, 255));--dxp-g-brand-contrast-2:var(--lwc-dxpGBrandContrast2,rgb(255, 255, 255));--dxp-g-brand-contrast-3:var(--lwc-dxpGBrandContrast3,rgb(255, 255, 255));--dxp-g-success:#4bca81;--dxp-g-success-1:#36b66c;--dxp-g-success-2:#237747;--dxp-g-success-3:#07190f;--dxp-g-success-contrast:#000;--dxp-g-success-contrast-1:#000;--dxp-g-success-contrast-2:#fff;--dxp-g-success-contrast-3:#fff;--dxp-g-destructive:#c23934;--dxp-g-destructive-1:#a2302b;--dxp-g-destructive-2:#611d1a;--dxp-g-destructive-3:#010000;--dxp-g-destructive-contrast:#fff;--dxp-g-destructive-contrast-1:#fff;--dxp-g-destructive-contrast-2:#fff;--dxp-g-destructive-contrast-3:#fff;--dxp-g-warning:#ffb75d;--dxp-g-warning-1:#ffa534;--dxp-g-warning-2:#e27d00;--dxp-g-warning-3:#673900;--dxp-g-warning-contrast:#000;--dxp-g-warning-contrast-1:#000;--dxp-g-warning-contrast-2:#000;--dxp-g-warning-contrast-3:#fff;--dxp-g-info:#16325c;--dxp-g-info-1:#0e203b;--dxp-g-info-2:#000000;--dxp-g-info-3:#000000;--dxp-g-info-contrast:#fff;--dxp-g-info-contrast-1:#fff;--dxp-g-info-contrast-2:#fff;--dxp-g-info-contrast-3:#fff;--dxp-g-offline:#444;--dxp-g-offline-1:#303030;--dxp-g-offline-2:#070707;--dxp-g-offline-3:#000000;--dxp-g-offline-contrast:#fff;--dxp-g-offline-contrast-1:#fff;--dxp-g-offline-contrast-2:#fff;--dxp-g-offline-contrast-3:#fff;--dxp-g-spacing-none:0!important;--dxp-g-spacing-xxxsmall:.125rem;--dxp-g-spacing-xxsmall:.25rem;--dxp-g-spacing-xsmall:.5rem;--dxp-g-spacing-small:.75rem;--dxp-g-spacing-medium:1rem;--dxp-g-spacing-large:1.5rem;--dxp-g-spacing-xlarge:2rem;--dxp-g-spacing-xxlarge:3rem;--dxp-g-root-font-family:var(--lwc-fontFamily,Open Sans);--dxp-g-heading-font-family:var(--lwc-fontFamilyHeader,Open Sans);--dxp-g-font-size-1:.625rem;--dxp-g-font-size-2:.75rem;--dxp-g-font-size-3:.8125rem;--dxp-g-font-size-4:.875rem;--dxp-g-font-size-5:1rem;--dxp-g-font-size-6:1.125rem;--dxp-g-font-size-7:1.25rem;--dxp-g-font-size-8:1.5rem;--dxp-g-font-size-9:1.75rem;--dxp-g-font-size-10:2rem;--dxp-g-font-size-11:2.625rem;--dxp-s-html-font-size:16px;--dxp-s-text-heading-extra-large-font-family:var(--lwc-fontFamilyHeader,Open Sans);--dxp-s-text-heading-extra-large-font-size:2.5rem;--dxp-s-text-heading-extra-large-font-style:normal;--dxp-s-text-heading-extra-large-font-weight:300;--dxp-s-text-heading-extra-large-text-decoration:none;--dxp-s-text-heading-extra-large-text-transform:var(--lwc-textTransform,none);--dxp-s-text-heading-extra-large-line-height:1.25;--dxp-s-text-heading-extra-large-letter-spacing:0;--dxp-s-text-heading-large-font-family:var(--lwc-fontFamilyHeader,Open Sans);--dxp-s-text-heading-large-font-size:1.75rem;--dxp-s-text-heading-large-font-style:normal;--dxp-s-text-heading-large-font-weight:300;--dxp-s-text-heading-large-text-decoration:none;--dxp-s-text-heading-large-text-transform:var(--lwc-textTransform,none);--dxp-s-text-heading-large-line-height:1.25;--dxp-s-text-heading-large-letter-spacing:0;--dxp-s-text-heading-medium-font-family:var(--lwc-fontFamilyHeader,Open Sans);--dxp-s-text-heading-medium-font-size:1.25rem;--dxp-s-text-heading-medium-font-style:normal;--dxp-s-text-heading-medium-font-weight:300;--dxp-s-text-heading-medium-text-decoration:none;--dxp-s-text-heading-medium-text-transform:var(--lwc-textTransform,none);--dxp-s-text-heading-medium-line-height:1.25;--dxp-s-text-heading-medium-letter-spacing:0;--dxp-s-text-heading-small-font-family:var(--lwc-fontFamilyHeader,Open Sans);--dxp-s-text-heading-small-font-size:1.125rem;--dxp-s-text-heading-small-font-style:normal;--dxp-s-text-heading-small-font-weight:300;--dxp-s-text-heading-small-text-decoration:none;--dxp-s-text-heading-small-text-transform:var(--lwc-textTransform,none);--dxp-s-text-heading-small-line-height:1.25;--dxp-s-text-heading-small-letter-spacing:0;--dxp-s-body-font-family:var(--lwc-fontFamily,Open Sans);--dxp-s-body-font-size:1rem;--dxp-s-body-font-style:normal;--dxp-s-body-font-weight:400;--dxp-s-body-text-decoration:none;--dxp-s-body-text-transform:none;--dxp-s-body-line-height:1.5;--dxp-s-body-letter-spacing:0;--dxp-s-body-small-font-family:var(--lwc-fontFamily,Open Sans);--dxp-s-body-small-font-size:.75rem;--dxp-s-body-small-font-style:normal;--dxp-s-body-small-font-weight:400;--dxp-s-body-small-text-decoration:none;--dxp-s-body-small-text-transform:none;--dxp-s-body-small-line-height:1.25;--dxp-s-body-small-letter-spacing:0;--dxp-s-button-font-family:var(--lwc-fontFamily,Open Sans);--dxp-s-button-font-size:1rem;--dxp-s-button-font-style:normal;--dxp-s-button-font-weight:400;--dxp-s-button-text-transform:var(--lwc-textTransform,none);--dxp-s-button-line-height:2;--dxp-s-button-letter-spacing:0;--dxp-s-link-text-decoration:none;--dxp-s-link-text-decoration-focus:underline;--dxp-s-link-text-decoration-hover:underline;--dxp-s-site-logo-path:var(--lwc-brandLogoImage,/file-asset/stern_Bildmarke_sRGB2?v=1);--dxp-s-site-logo-url:var(--lwc-brandLogoImage,url(/file-asset/stern_Bildmarke_sRGB2?v=1));--dxp-s-section-columns-max-width:1800px;--dxp-s-header-content-max-width:1rem;--dxp-s-footer-content-max-width:1rem;--dxp-s-section-content-spacing-block-start:1rem;--dxp-s-section-content-spacing-block-end:1rem;--dxp-s-column-spacer-size:1rem;--dxp-s-component-wrapper-spacer-size:1.5rem;--dxp-s-section-columns-max-width-mobile:none;--dxp-s-header-content-max-width-mobile:none;--dxp-s-footer-content-max-width-mobile:none;--dxp-s-section-content-spacing-block-start-mobile:.75rem;--dxp-s-section-content-spacing-block-end-mobile:.75rem;--dxp-s-column-spacer-size-mobile:.75rem;--dxp-s-component-wrapper-spacer-size-mobile:1.5rem}</style></head><body class="null loading"><div class="auraMsgBox auraLoadingBox" id="auraLoadingBox"><div class="logo"></div><div class="spinner"></div><span>Loading</span></div><div class="" id="auraErrorMask"><div class="auraErrorBox" id="auraError"><span><a id="dismissError" class="close">×</a>Sorry to interrupt</span><div id="auraErrorMessage">CSS Error</div><div id="auraErrorStack"></div><div class="auraErrorFooter"><a href="?" id="auraErrorReload">Refresh</a></div></div></div><script data-src="/jslibrary/1739659344000/canvas/CanvasRendering.js"></script><script data-src="/jslibrary/1739659344000/ui-analytics-reporting/EclairNG.js"></script><script src="/s/sfsites/l/%7B%22mode%22%3A%22PROD%22%2C%22dfs%22%3A%228%22%2C%22app%22%3A%22siteforce%3AcommunityApp%22%2C%22fwuid%22%3A%22Zm9LbDZETkxUclI3TmZfamRYSmpzUWg5TGxiTHU3MEQ5RnBMM0VzVXc1cmcxMS4zMjc2OC4w%22%2C%22loaded%22%3A%7B%22APPLICATION%40markup%3A%2F%2Fsiteforce%3AcommunityApp%22%3A%221232_i1u-juBSAcYeYnyHhRNT-Q%22%7D%2C%22apce%22%3A1%2C%22apck%22%3A%22JHt0aW1lc3RhbXB9MDAwMDAwMDAwMDBkZQ%22%2C%22mlr%22%3A1%2C%22pathPrefix%22%3A%22%22%2C%22dns%22%3A%22c%22%2C%22ls%22%3A1%2C%22lrmc%22%3A%22-386269907%22%7D/inline.js?aura.attributes=%7B%22ac%22%3A%22%22%2C%22authenticated%22%3A%22false%22%2C%22brandingSetId%22%3A%22455f9d55-d241-4d20-aadc-8a4c92015357%22%2C%22formFactor%22%3A%22LARGE%22%2C%22isHybrid%22%3A%22false%22%2C%22language%22%3A%22de%22%2C%22pageId%22%3A%22793bc10b-a1c2-42ab-a358-66dc4d58b9a3%22%2C%22publishedChangelistNum%22%3A%22124%22%2C%22schema%22%3A%22Published%22%2C%22themeLayoutType%22%3A%22Inner%22%2C%22uds%22%3A%22true%22%2C%22viewType%22%3A%22Published%22%7D"></script><script src="/s/sfsites/l/%7B%22mode%22%3A%22PROD%22%2C%22dfs%22%3A%228%22%2C%22app%22%3A%22siteforce%3AcommunityApp%22%2C%22fwuid%22%3A%22Zm9LbDZETkxUclI3TmZfamRYSmpzUWg5TGxiTHU3MEQ5RnBMM0VzVXc1cmcxMS4zMjc2OC4w%22%2C%22loaded%22%3A%7B%22APPLICATION%40markup%3A%2F%2Fsiteforce%3AcommunityApp%22%3A%221232_i1u-juBSAcYeYnyHhRNT-Q%22%7D%2C%22apce%22%3A1%2C%22apck%22%3A%22JHt0aW1lc3RhbXB9MDAwMDAwMDAwMDBkZQ%22%2C%22mlr%22%3A1%2C%22pathPrefix%22%3A%22%22%2C%22dns%22%3A%22c%22%2C%22ls%22%3A1%2C%22lrmc%22%3A%22-386269907%22%7D/resources.js?pu=1&pv=1739748542000-1907802787&rv=1739447179000"></script><script src="/s/sfsites/auraFW/javascript/Zm9LbDZETkxUclI3TmZfamRYSmpzUWg5TGxiTHU3MEQ5RnBMM0VzVXc1cmcxMS4zMjc2OC4w/aura_prod.js"></script><script src="/s/sfsites/l/%7B%22mode%22%3A%22PROD%22%2C%22dfs%22%3A%228%22%2C%22app%22%3A%22siteforce%3AcommunityApp%22%2C%22serializationVersion%22%3A%221-11.32768.0-b%22%2C%22parts%22%3A%22f%22%2C%22loaded%22%3A%7B%22APPLICATION%40markup%3A%2F%2Fsiteforce%3AcommunityApp%22%3A%221232_i1u-juBSAcYeYnyHhRNT-Q%22%7D%2C%22dns%22%3A%22c%22%2C%22ls%22%3A1%2C%22lrmc%22%3A%22-386269907%22%7D/app.js?3="></script><script src="/s/sfsites/l/%7B%22mode%22%3A%22PROD%22%2C%22dfs%22%3A%228%22%2C%22app%22%3A%22siteforce%3AcommunityApp%22%2C%22fwuid%22%3A%22Zm9LbDZETkxUclI3TmZfamRYSmpzUWg5TGxiTHU3MEQ5RnBMM0VzVXc1cmcxMS4zMjc2OC4w%22%2C%22loaded%22%3A%7B%22APPLICATION%40markup%3A%2F%2Fsiteforce%3AcommunityApp%22%3A%221232_i1u-juBSAcYeYnyHhRNT-Q%22%7D%2C%22apce%22%3A1%2C%22apck%22%3A%22JHt0aW1lc3RhbXB9MDAwMDAwMDAwMDBkZQ%22%2C%22mlr%22%3A1%2C%22pathPrefix%22%3A%22%22%2C%22dns%22%3A%22c%22%2C%22ls%22%3A1%2C%22lrmc%22%3A%22-386269907%22%7D/bootstrap.js?aura.attributes=%7B%22ac%22%3A%22%22%2C%22authenticated%22%3A%22false%22%2C%22brandingSetId%22%3A%22455f9d55-d241-4d20-aadc-8a4c92015357%22%2C%22formFactor%22%3A%22LARGE%22%2C%22isHybrid%22%3A%22false%22%2C%22language%22%3A%22de%22%2C%22pageId%22%3A%22793bc10b-a1c2-42ab-a358-66dc4d58b9a3%22%2C%22publishedChangelistNum%22%3A%22124%22%2C%22schema%22%3A%22Published%22%2C%22themeLayoutType%22%3A%22Inner%22%2C%22uds%22%3A%22true%22%2C%22viewType%22%3A%22Published%22%7D"></script></body></html>

CINXE.COM

Stern - Community