/* Topic List */
.forceTopicFeaturedTopics {
    margin-top: 0 !important;
}

.forceTopicFeaturedTopics .topicList {
    background-color: #efefef;
    border: 1px solid#c4c4c4;
}

/* Topic Item */
.forceTopicFeaturedTopicItem.topicItem {
    padding: 1vw !important;
}

/* Topic Link */
.forceTopicFeaturedTopicItem .topicLink {
    border: 1px solid #c4c4c4;
    box-sizing: border-box !important;
}

/* Topic Image */
/* Removes Default Background Images */
.forceTopicFeaturedTopicItem .topicLink .topicImage {
    background-image: none !important;
    background-color: #ffffff;
    background-size: 4vw;
    background-repeat: no-repeat;
    background-position: 0.5em center;
}

/* Add Custom Images */
.forceTopicFeaturedTopicItem:nth-of-type(1) .topicLink .topicImage {
    background-image: url("/s/sfsites/c/resource/OBCIconModuleDashboard") !important;
}

.forceTopicFeaturedTopicItem:nth-of-type(2) .topicLink .topicImage {
    background-image: url("/s/sfsites/c/resource/OBCIconModulePLM") !important;
}

.forceTopicFeaturedTopicItem:nth-of-type(3) .topicLink .topicImage {
    background-image: url("/s/sfsites/c/resource/OBCIconModuleProducts") !important;
}

.forceTopicFeaturedTopicItem:nth-of-type(4) .topicLink .topicImage {
    background-image: url("/s/sfsites/c/resource/OBCIconModuleOrders") !important;
}

.forceTopicFeaturedTopicItem:nth-of-type(5) .topicLink .topicImage {
    background-image: url("/s/sfsites/c/resource/OBCIconModuleInvoicing") !important;
}

.forceTopicFeaturedTopicItem:nth-of-type(6) .topicLink .topicImage {
    background-image: url("/s/sfsites/c/resource/OBCIconModuleAnalytics") !important;
}

.forceTopicFeaturedTopicItem:nth-of-type(7) .topicLink .topicImage {
    background-image: url("/s/sfsites/c/resource/OBCIconModuleServices") !important;
}

.forceTopicFeaturedTopicItem:nth-of-type(8) .topicLink .topicImage {
    background-image: url("/s/sfsites/c/resource/OBCIconModuleCommunication") !important;
}

.forceTopicFeaturedTopicItem:nth-of-type(9) .topicLink .topicImage {
    background-image: url("/s/sfsites/c/resource/OBCIconModuleAdministration") !important;
}

.forceTopicFeaturedTopicItem:nth-of-type(10) .topicLink .topicImage {
    background-image: url("/s/sfsites/c/resource/OBCIconModuleSettings") !important;
}

.forceTopicFeaturedTopicItem:nth-of-type(11) .topicLink .topicImage {
    background-image: url("/s/sfsites/c/resource/OPCIconModuleSupport") !important;
}

.forceTopicFeaturedTopicItem:nth-of-type(12) .topicLink .topicImage {
    background-image: url("/s/sfsites/c/resource/OPCIconModuleFAQ") !important;
}

/* Topic Content */
.forceTopicFeaturedTopics .topicLink .topicContent {
    padding: 15px;
}
/*Override Default Hover Background*/
.forceTopicFeaturedTopics .stylingOverrideHook_202a .topicContent {
    background-color: transparent !important;
}

/* Topic Label */
.forceTopicFeaturedTopics .topicContent .topicLabel {
    width: auto !important;
    font-weight: inherit;
}

.forceTopicFeaturedTopics .topicLabel {
    min-width: unset;
    vertical-align: middle;
    overflow: auto;
    text-overflow: inherit;
    padding: 8px;
    word-wrap: break-word;
    display: flex;
    flex-wrap: wrap;
    font-size: 18px !important;
}

/* Add Custom Sublabels */
forceTopicFeaturedTopics .topicLabel:after {
    font-size: 14px !important;
    overflow: auto;
    text-overflow: inherit;
    word-wrap: break-word;
    width: 100% !important;
}

.forceTopicFeaturedTopicItem:nth-of-type(1) .topicLink .topicLabel:after {
    content: "Verschaffen Sie sich einen schnellen Überblick.";
}

.forceTopicFeaturedTopicItem:nth-of-type(2) .topicLink .topicLabel:after {
    content: "So werden Sie Partner von OTTO Market.";
}

.forceTopicFeaturedTopicItem:nth-of-type(3) .topicLink .topicLabel:after {
    content: "Erfahren Sie, wie Sie Produkte einstellen und verwalten.";
}

.forceTopicFeaturedTopicItem:nth-of-type(4) .topicLink .topicLabel:after {
    content: "Alles rund um die Abwicklung von Aufträgen und Retouren.";
}

.forceTopicFeaturedTopicItem:nth-of-type(5) .topicLink .topicLabel:after {
    content: "Hier finden Sie alles über die Zahlungsabwicklungen.";
}

.forceTopicFeaturedTopicItem:nth-of-type(6) .topicLink .topicLabel:after {
    content: "Erfahren Sie mehr zu den Möglichkeiten der Kennzahlenanalyse";
}

.forceTopicFeaturedTopicItem:nth-of-type(7) .topicLink .topicLabel:after {
    content: "Hier finden Sie alles rund um buchbare Services.";
}

.forceTopicFeaturedTopicItem:nth-of-type(8) .topicLink .topicLabel:after {
    content: "So kommunizieren Sie mit Kunden von OTTO.";
}

.forceTopicFeaturedTopicItem:nth-of-type(9) .topicLink .topicLabel:after {
    content: "Alles rund um Ihr Profil, Ihre Einstellungen sowie rechtliche Themen.";
}

.forceTopicFeaturedTopicItem:nth-of-type(10) .topicLink .topicLabel:after {
    content: "So können Sie sich über eine API an OTTO Market anbinden.";
}

.forceTopicFeaturedTopicItem:nth-of-type(11) .topicLink .topicLabel:after {
    content: "Informationen rund um den OTTO Partnersupport.";
}

.forceTopicFeaturedTopicItem:nth-of-type(12) .topicLink .topicLabel:after {
    content: "Sammlung der besonders häufig gestellten Fragen.";
}

/* Attachments Additional Text */
.forceCommunityContactSupportForm .slds-p-horizontal_medium:after {
    content: "Laden Sie hier Dateien hoch, die Ihr Anliegen näher beschreiben.";
    display: flex;
    color: #777777;
}

/* FAQ */
.comm-page-custom-helpdesk1 .selfServiceTopicRelatedArticle {
    background-color: #eee;
    border: 1px solid #c4c4c4;
    padding: 15px;
}

.comm-page-custom-helpdesk1 .selfServiceTopicRelatedArticle label.headerLabel.uiLabel {
    font-size: 16px;
    font-family: "OTTOsansboldwoff";
}

.comm-page-custom-helpdesk1 .selfServiceTopicRelatedArticle .selfServiceTopicArticleList .selfServiceArticleListItem {
    background-color: #eee;
}

.comm-page-custom-helpdesk1 .selfServiceTopicRelatedArticle .selfServiceArticleListItem .footer {
    display: none;
}

.comm-page-topic .selfServiceTopicRelatedArticle label.headerLabel.uiLabel {
    font-size: 16px;
    font-family: "OTTOsansboldwoff";
}

.comm-page-topic .selfServiceTopicRelatedArticle .selfServiceArticleListItem .footer {
    display: none;
}

.comm-page-topic .selfServiceTopicRelatedArticle .selfServiceArticleHeaderDetail h2 {
    font-size: 14px;
    font-family: "OTTOsansttf";
    border-bottom: 1px solid #ddd;
    padding-bottom: 10px;
}

.selfServiceArticleHeaderDetail h3.article-head {
    font-size: 14px;
    font-family: "OTTOsansttf";
    text-decoration: underline;
}

.selfServiceTopicArticleList li.article-item.selfServiceArticleListItem {
    padding: 0px;
    border-bottom: 0;
}