/* Help centre uses shared portal identity and native, accessible FAQ disclosure. */
body.jd-service { background: #fff; }
.jd-service .jd-service-width { width: min(1180px, calc(100% - 64px)); }
.jd-service [hidden] { display: none !important; }
.jd-service .jd-service-eyebrow { display: block; color: #4a7c29; font-size: 12px; font-weight: 900; text-transform: uppercase; letter-spacing: 1.25px; }
.jd-service .jd-service-hero { padding: 22px 0 66px; background: radial-gradient(ellipse at 80% 40%, #e0edcf, transparent 55%), #f3f7ed; border-bottom: 1px solid #e0e8d8; }
.jd-service .jd-service-breadcrumb { display: flex; flex-wrap: wrap; gap: 9px; height: auto; margin: 0 0 30px; padding: 0; border: 0; background: none; box-shadow: none; font: 400 13px/1.5 var(--jd-font); text-shadow: none; color: #65765e; }
.jd-service .jd-service-breadcrumb a:hover { text-decoration: underline; }
.jd-service .jd-service-hero-grid { display: grid; grid-template-columns: minmax(0,1.4fr) minmax(0,1fr); gap: 62px; align-items: center; }
.jd-service .jd-service-hero h1 { font-size: clamp(39px,4.5vw,64px); font-weight: 900; line-height: 1.03; letter-spacing: -2px; margin: 12px 0 22px; }
.jd-service .jd-service-hero h1 > span { color: #4b8a08; }
.jd-service .jd-service-lead { max-width: 580px; font-size: 18px; line-height: 1.7; color: #5d7156; }
.jd-service .jd-service-search { margin-top: 26px; }
.jd-service .jd-service-search label { display: block; font: 800 14px/1.5 var(--jd-font); color: #3e5b34; margin-bottom: 9px; }
.jd-service .jd-service-search > div { display: flex; align-items: center; gap: 9px; padding: 7px; border: 1px solid #cddcc1; border-radius: 14px; background: #fff; box-shadow: 0 4px 15px #1b3f1910; }
.jd-service .jd-service-search > div > .jd-icon { flex-shrink: 0; color: #769a5d; margin-left: 7px; width: 21px; height: 21px; }
.jd-service .jd-service-search input { width: 100%; min-width: 0; padding: 9px 0; border: 0; border-radius: 4px; box-shadow: none; background: #fff; font: 400 15px/1.5 var(--jd-font); color: #264a31; }
.jd-service .jd-service-search .jd-button { flex-shrink: 0; padding: 11px 15px; font-size: 14px; min-height: 44px; border-radius: 9px; }
.jd-service .jd-service-hero-link { display: inline-flex; align-items: center; gap: 8px; margin-top: 17px; color: #4a7433; font-size: 13px; font-weight: 700; }
.jd-service .jd-service-hero-link .jd-icon { width: 17px; height: 17px; }
.jd-service .jd-service-welcome { position: relative; overflow: hidden; background: linear-gradient(145deg,#2c6047,#0c3329); border: 1px solid #537854; border-radius: 28px; box-shadow: 0 16px 36px #1f4b241b; padding: 24px 30px 30px; color: #fff; }
.jd-service .jd-service-art { display: grid; place-items: center; position: relative; height: 185px; margin-bottom: 14px; }
.jd-service .jd-service-art::before, .jd-service .jd-service-art::after, .jd-service .jd-service-art > span { content: ''; position: absolute; width: 160px; height: 160px; border: 1px solid #b4da8540; border-radius: 50%; }
.jd-service .jd-service-art::after { width: 120px; height: 120px; background: #c2e89612; border-color: #b4da8560; }
.jd-service .jd-service-art > span { width: 210px; height: 210px; border-style: dashed; border-color: #b4da8520; }
.jd-service .jd-service-art > .jd-icon { z-index: 1; width: 78px; height: 78px; stroke-width: 1.5; color: #c2e896; }
.jd-service .jd-service-welcome-label { color: #b9d8a9; font-size: 12px; }
.jd-service .jd-service-welcome h2 { font-size: 27px; font-weight: 900; margin: 7px 0 10px; }
.jd-service .jd-service-welcome p { color: #d0dfc8; font-size: 14px; line-height: 1.7; }
.jd-service .jd-service-welcome a { display: inline-flex; align-items: center; gap: 9px; color: #c4eb9d; font-size: 14px; font-weight: 800; margin-top: 20px; }
.jd-service .jd-service-welcome a .jd-icon { width: 19px; height: 19px; }
.jd-service .jd-service-shortcuts { position: relative; display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 18px; margin-top: -28px; }
.jd-service .jd-service-shortcuts > a { display: flex; align-items: center; gap: 13px; padding: 22px 18px; min-width: 0; }
.jd-service .jd-service-icon { display: inline-grid; flex-shrink: 0; place-items: center; width: 46px; height: 46px; border-radius: 13px; background: #edf5e4; color: #65943a; }
.jd-service .jd-service-shortcuts > a > div { flex: 1; min-width: 0; }
.jd-service .jd-service-shortcuts h2 { font-size: 16px; font-weight: 900; margin-bottom: 6px; }
.jd-service .jd-service-shortcuts p { font-size: 11px; color: #6e7e65; line-height: 1.6; }
.jd-service .jd-service-shortcuts > a > .jd-icon { width: 19px; height: 19px; color: #719451; }
.jd-service .jd-service-section { padding-block: 46px; }
.jd-service #service-bestellung, .jd-service #service-fragen, .jd-service #service-kontakt, .jd-service [data-service-faq] { scroll-margin-top: 24px; }
.jd-service .jd-service-heading { max-width: 710px; margin-bottom: 30px; }
.jd-service .jd-service-heading h2, .jd-service .jd-service-order h2 { font-size: clamp(27px,3vw,38px); font-weight: 900; line-height: 1.15; letter-spacing: -.8px; margin: 10px 0 16px; }
.jd-service .jd-service-heading > p { font-size: 16px; color: #66775f; line-height: 1.75; }
.jd-service .jd-service-order { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1.1fr); column-gap: 42px; row-gap: 24px; padding: 34px; border: 1px solid #e7dfc6; border-radius: 22px; background: #fffbef; }
.jd-service .jd-service-order-intro > p { color: #74735d; font-size: 15px; line-height: 1.75; }
.jd-service .jd-service-order ol { display: grid; gap: 20px; padding: 0; margin: 0; list-style: none; }
.jd-service .jd-service-order li { display: flex; align-items: flex-start; gap: 12px; }
.jd-service .jd-service-order li > span { flex-shrink: 0; display: grid; place-items: center; width: 28px; height: 28px; border-radius: 50%; background: #ece9d9; color: #4c6940; font-size: 13px; font-weight: 900; }
.jd-service .jd-service-order li strong { display: block; font-size: 15px; margin-bottom: 5px; }
.jd-service .jd-service-order li p { font-size: 13px; color: #777762; line-height: 1.7; }
.jd-service .jd-service-order-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; grid-column: 1 / -1; }
.jd-service .jd-service-faq-section { padding: 52px 0; border-block: 1px solid #e3eadc; background: #f5f8f0; }
.jd-service .jd-service-faq-grid { display: grid; grid-template-columns: 260px minmax(0,1fr); gap: 35px; align-items: start; }
.jd-service .jd-service-topics > div > p { color: #7a8870; font-size: 12px; font-weight: 800; margin-bottom: 13px; }
.jd-service .jd-service-topics [role="group"] { display: grid; gap: 7px; }
.jd-service .jd-service-topics button { display: flex; align-items: center; gap: 9px; width: 100%; padding: 12px 14px; border: 1px solid transparent; border-radius: 10px; background: transparent; color: #526b46; font: 700 13px/1.5 var(--jd-font); text-align: left; cursor: pointer; }
.jd-service .jd-service-topics button .jd-icon { width: 19px; height: 19px; }
.jd-service .jd-service-topics button[aria-pressed="true"] { color: #36670e; background: #e6f0da; border-color: #ccdfb5; }
.jd-service .jd-service-topics button:hover { background: #e9f1e0; }
.jd-service .jd-service-topic-contact { display: grid; gap: 10px; margin-top: 25px; padding: 20px; border: 1px solid #d9e4cd; border-radius: 14px; background: #fff; }
.jd-service .jd-service-topic-contact > .jd-icon { color: #6f9e4a; }
.jd-service .jd-service-topic-contact strong { font-size: 15px; }
.jd-service .jd-service-topic-contact > span { color: #6b7a61; font-size: 12px; line-height: 1.65; }
.jd-service .jd-service-faq-toolbar { display: flex; align-items: center; flex-wrap: wrap; justify-content: space-between; gap: 12px; margin-bottom: 14px; min-height: 26px; }
.jd-service .jd-service-faq-toolbar p { color: #7a8771; font-size: 12px; }
.jd-service .jd-service-reset { border: 0; padding: 3px 0; background: none; color: #48762b; font: 800 12px/1.5 var(--jd-font); cursor: pointer; text-decoration: underline; }
.jd-service .jd-service-faq { margin-bottom: 11px; border: 1px solid #dfe7d6; border-radius: 13px; background: #fff; overflow: hidden; }
.jd-service .jd-service-faq summary { padding: 20px 22px; font-size: 15px; font-weight: 800; line-height: 1.5; cursor: pointer; }
.jd-service .jd-service-faq[open] { border-color: #b5d294; box-shadow: 0 4px 12px #20441908; }
.jd-service .jd-service-faq[open] summary { color: #48782b; }
.jd-service .jd-service-answer { padding: 0 22px 22px; }
.jd-service .jd-service-answer > p { color: #64745c; font-size: 14px; line-height: 1.85; }
.jd-service .jd-service-answer > a, .jd-service .jd-service-text-button { display: inline-flex; align-items: center; gap: 7px; margin-top: 16px; border: 0; padding: 0; background: none; color: #47762c; font: 800 13px/1.5 var(--jd-font); cursor: pointer; }
.jd-service .jd-service-answer .jd-icon { width: 17px; height: 17px; }
.jd-service .jd-service-empty { padding: 32px; border: 1px dashed #baccaa; border-radius: 16px; background: #fff; text-align: center; }
.jd-service .jd-service-empty > .jd-icon { width: 35px; height: 35px; color: #85a76b; margin-bottom: 15px; }
.jd-service .jd-service-empty h3 { font-size: 20px; margin-bottom: 10px; }
.jd-service .jd-service-empty p { font-size: 14px; color: #6b7b60; margin-bottom: 20px; }
.jd-service .jd-service-cms { padding: 28px; color: #5c7057; font-size: 15px; line-height: 1.8; overflow-wrap: anywhere; overflow-x: auto; }
.jd-service .jd-service-cms * { max-width: 100%; }
.jd-service .jd-service-cms p + p, .jd-service .jd-service-cms h2, .jd-service .jd-service-cms h3 { margin-top: 18px; }
.jd-service .jd-service-cms h1, .jd-service .jd-service-cms h2 { font-size: 23px; line-height: 1.3; color: #284b32; }
.jd-service .jd-service-cms a { color: #4b7c2b; text-decoration: underline; }
.jd-service .jd-service-cms ul, .jd-service .jd-service-cms ol { padding-left: 24px; }
.jd-service .jd-service-contact-section { padding: 50px 0; background: linear-gradient(135deg,#295f43,#0b3027); color: #fff; }
.jd-service .jd-service-contact-section .jd-service-eyebrow { color: #b5da8b; }
.jd-service .jd-service-contact-section .jd-service-heading p { color: #c8dcc0; }
.jd-service .jd-service-contact-grid { display: grid; grid-template-columns: repeat(auto-fit,minmax(250px,1fr)); gap: 20px; }
.jd-service .jd-service-contact-card { display: flex; flex-direction: column; align-items: flex-start; min-width: 0; padding: 26px; color: #244732; overflow-wrap: anywhere; }
.jd-service .jd-service-contact-card h3 { font-size: 21px; font-weight: 900; margin: 18px 0 12px; }
.jd-service .jd-service-contact-card p { font-size: 14px; color: #6b7b62; line-height: 1.75; margin-bottom: 22px; }
.jd-service .jd-service-card-action { display: inline-flex; align-items: center; gap: 8px; font-size: 13px; font-weight: 800; color: #4c7b2f; margin-top: auto; overflow-wrap: anywhere; }
.jd-service .jd-service-card-action .jd-icon { width: 17px; height: 17px; }
.jd-service .jd-service-contact-card ul { display: grid; gap: 12px; padding: 0; margin: auto 0 0; list-style: none; }
.jd-service .jd-service-partner { display: flex; align-items: center; gap: 18px; padding-block: 32px; }
.jd-service .jd-service-partner > div { flex: 1; }
.jd-service .jd-service-partner h2 { font-size: 20px; font-weight: 900; margin-bottom: 6px; }
.jd-service .jd-service-partner p { color: #728168; font-size: 13px; }
.jd-service a:hover .jd-service-card-action { text-decoration: underline; }
@media (max-width:1050px) {
 .jd-service .jd-service-hero-grid { gap: 28px; }
 .jd-service .jd-service-search > div { flex-wrap: wrap; }
 .jd-service .jd-service-search input { width: calc(100% - 45px); }
 .jd-service .jd-service-search .jd-button { width: 100%; }
 .jd-service .jd-service-shortcuts { gap: 12px; }
 .jd-service .jd-service-shortcuts > a { flex-wrap: wrap; padding: 18px; }
 .jd-service .jd-service-shortcuts > a > div { flex-basis: calc(100% - 60px); }
 .jd-service .jd-service-shortcuts > a > .jd-icon { display: none; }
}
@media (max-width:800px) {
 .jd-service .jd-service-width { width: calc(100% - 32px); }
 .jd-service .jd-service-hero-grid { grid-template-columns: minmax(0,1fr); }
 .jd-service .jd-service-hero h1 { font-size: clamp(39px,7vw,55px); }
 .jd-service .jd-service-welcome { display: flex; align-items: center; gap: 25px; padding: 24px; }
 .jd-service .jd-service-art { flex-shrink: 0; width: 160px; height: 160px; margin: 0; }
 .jd-service .jd-service-art > span { width: 160px; height: 160px; }
 .jd-service .jd-service-art::before { width: 130px; height: 130px; }
 .jd-service .jd-service-art::after { width: 100px; height: 100px; }
 .jd-service .jd-service-art > .jd-icon { width: 60px; height: 60px; }
 .jd-service .jd-service-shortcuts { grid-template-columns: minmax(0,1fr); }
 .jd-service .jd-service-shortcuts > a { padding: 17px; flex-wrap: nowrap; }
 .jd-service .jd-service-shortcuts > a > div { flex-basis: auto; }
 .jd-service .jd-service-shortcuts > a > .jd-icon { display: block; }
 .jd-service .jd-service-order { grid-template-columns: minmax(0,1fr); padding: 26px; gap: 26px; }
 .jd-service .jd-service-faq-grid { grid-template-columns: minmax(0,1fr); gap: 22px; }
 .jd-service .jd-service-topics [role="group"] { display: flex; flex-wrap: wrap; gap: 6px; }
 .jd-service .jd-service-topics button { width: auto; }
 .jd-service .jd-service-topic-contact { display: none; }
 .jd-service .jd-service-partner { flex-wrap: wrap; }
}
@media (max-width:520px) {
 .jd-service .jd-service-hero { padding-bottom: 50px; }
 .jd-service .jd-service-lead { font-size: 16px; }
 .jd-service .jd-service-welcome { align-items: flex-start; gap: 15px; padding: 23px 20px; }
 .jd-service .jd-service-art { width: 65px; height: 75px; }
 .jd-service .jd-service-art::before { width: 62px; height: 62px; }
 .jd-service .jd-service-art::after, .jd-service .jd-service-art > span { display: none; }
 .jd-service .jd-service-art > .jd-icon { width: 38px; height: 38px; }
 .jd-service .jd-service-welcome h2 { font-size: 21px; }
 .jd-service .jd-service-welcome p { font-size: 12px; }
 .jd-service .jd-service-welcome a { font-size: 12px; }
 .jd-service .jd-service-welcome-label { font-size: 10px; }
 .jd-service .jd-service-hero-link { align-items: flex-start; font-size: 12px; }
 .jd-service .jd-service-section { padding-block: 32px; }
 .jd-service .jd-service-order { padding: 23px; }
 .jd-service .jd-service-order-actions { align-items: stretch; flex-direction: column; }
 .jd-service .jd-service-faq-section, .jd-service .jd-service-contact-section { padding-block: 36px; }
 .jd-service .jd-service-faq summary { padding: 17px; font-size: 14px; }
 .jd-service .jd-service-answer { padding: 0 17px 20px; }
 .jd-service .jd-service-topics button { padding: 9px 10px; font-size: 12px; gap: 6px; }
 .jd-service .jd-service-topics button .jd-icon { width: 16px; height: 16px; }
 .jd-service .jd-service-cms { padding: 21px; }
 .jd-service .jd-service-partner > .jd-icon, .jd-service .jd-service-partner > .jd-service-icon { display: none; }
 .jd-service .jd-service-partner .jd-button { width: 100%; }
}