/* Leistungen content only. Breakpoint families match AOResponsive; shared chrome is untouched. */
@media (max-width: 1199px) and (orientation: portrait), (max-width: 950px), (orientation: landscape) and (max-width: 1023px) and (max-height: 500px) {
  :is(body.leistungen-page, body.service-detail-page) {
    --service-gutter: var(--ao-page-gutter, 24px);
    --service-space: var(--ao-section-space, 64px);
    --service-title: clamp(30px, 4.8vw, 46px);
    --service-heading: clamp(34px, 5.8vw, 54px);
    --service-card-padding: clamp(24px, 4vw, 40px);
  }
  :is(body.leistungen-page, body.service-detail-page) main > :not(.direct-contacts) :is(h1, h2, h3, p, li, dt, dd) { overflow-wrap: break-word; }
  :is(body.leistungen-page, body.service-detail-page) main > :not(.direct-contacts) :is(h1, h2, h3) { text-wrap: balance; hyphens: auto; }
  body.service-detail-page .detail-grid { width: calc(100% - 2 * var(--service-gutter)); }
  body.leistungen-page .leistungen-hero { height: auto; }
  body.leistungen-page .leistungen-hero-inner { display: flex; flex-direction: column; margin: 0 var(--service-gutter); padding-top: var(--service-space); }
  body.leistungen-page :is(.leistungen-hero-eyebrow, .leistungen-hero h1, .leistungen-hero-copy) { position: static; width: 100%; }
  body.leistungen-page .leistungen-hero h1 { margin-top: 16px; font-size: var(--service-heading); line-height: 1.14; letter-spacing: -.025em; }
  body.leistungen-page .leistungen-hero h1 br { display: none; }
  body.leistungen-page .leistungen-hero-copy { margin-top: 24px; max-width: 720px; font-size: 17px; line-height: 1.65; }
  body.leistungen-page .leistungen-hero-art { position: relative; inset: auto; order: 1; align-self: center; width: 402px; height: 453px; margin-top: 16px; margin-bottom: -23px; zoom: .85; transform: none; }
  body.leistungen-page .leistungen-hero-portrait { object-fit: contain; }
  body.leistungen-page .leistungen-overview { height: auto; padding-bottom: 8px; }
  body.leistungen-page .leistungen-overview-inner { padding: 0 var(--service-gutter); }
  body.leistungen-page .leistungen-overview-header { height: auto; padding: var(--service-space) 0 32px; }
  body.leistungen-page :is(.leistungen-eyebrow, .leistungen-overview h2, .leistungen-intro) { position: static; }
  body.leistungen-page .leistungen-overview h2 { margin-top: 12px; font-size: var(--service-title); line-height: 1.2; }
  body.leistungen-page .leistungen-intro { margin-top: 16px; font-size: 16px; line-height: 1.65; }
  body.leistungen-page .leistungen-row { display: grid; grid-template-columns: 36px minmax(0, 1fr) 56px; align-items: start; gap: 12px 20px; height: auto; min-height: 0; padding: 28px 0; }
  body.leistungen-page :is(.leistungen-number, .leistungen-service-name, .leistungen-description, .leistungen-arrow) { position: relative; inset: auto; width: auto; padding: 0; }
  body.leistungen-page .leistungen-number { font-size: 24px; line-height: 32px; }
  body.leistungen-page .leistungen-service-name { grid-column: 2; }
  body.leistungen-page .leistungen-service-name h3 { font-size: clamp(20px, 2.8vw, 26px); line-height: 1.3; }
  body.leistungen-page .leistungen-service-name p { font-size: 13px; line-height: 1.6; }
  body.leistungen-page .leistungen-description { grid-column: 2; font-size: 16px; line-height: 1.6; }
  body.leistungen-page .leistungen-arrow { grid-column: 3; grid-row: 1 / 3; width: 56px; height: 56px; margin: 0; }
  body.leistungen-page .leistungen-faq { padding: var(--service-space) var(--service-gutter); }
  body.leistungen-page .leistungen-faq > h2 { font-size: var(--service-title); line-height: 1.25; }
  body.leistungen-page .leistungen-faq-list { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; margin-top: 32px; }
  body.leistungen-page .leistungen-faq-toggle { height: auto; min-height: 100px; }
  body.leistungen-page .leistungen-faq-item { height: var(--service-toggle-height, 100px); }
  body.leistungen-page .leistungen-faq-item .leistungen-faq-answer { top: calc(var(--service-toggle-height, 100px) + 12px); }
  body.leistungen-page .leistungen-faq-item.is-open { height: var(--faq-open-height, 220px); }

  body.service-detail-page .detail-hero { height: auto; min-height: 0; }
  body.service-detail-page :is(.detail-hero-photo, .detail-hero-shade) { height: 100%; }
  body.service-detail-page .detail-hero-inner { height: auto; padding-block: var(--service-space); }
  body.service-detail-page :is(.detail-hero-eyebrow, .detail-hero h1, .detail-hero-copy) { position: static; width: 100%; max-width: 900px; }
  body.service-detail-page .detail-hero h1 { margin-top: 24px; font-size: var(--service-heading); line-height: 1.15; letter-spacing: -.025em; }
  body.service-detail-page .detail-hero h1 br { display: none; }
  body.service-detail-page .detail-hero-copy { margin-top: 24px; font-size: 17px; line-height: 1.65; max-width: 760px; }
  body.service-detail-page.detail-geo .detail-hero-photo { inset: 0; height: 100%; object-fit: cover; object-position: center; }
  body.service-detail-page :is(.detail-intro, .detail-services, .detail-feature-wrap, .detail-comparison, .detail-monitoring, .detail-workshop-topics, .detail-workshop-process, .detail-values-wrap, .detail-faq, .detail-offer-intro, .detail-offers, .detail-funding-process) { height: auto; min-height: 0; padding-block: var(--service-space); }
  body.service-detail-page :is(.detail-intro-grid, .detail-offer-intro-grid, .detail-values, .detail-feature) { grid-template-columns: minmax(0, 1fr); gap: 32px; }
  body.service-detail-page :is(.detail-intro-title, .detail-marketing-social-media .detail-intro-title) { width: auto; max-width: 100%; font-size: var(--service-title); line-height: 1.2; }
  body.service-detail-page .detail-intro-title br { display: none; }
  body.service-detail-page .detail-intro-body { position: static; margin-top: 24px !important; max-width: 680px; font-size: 17px; line-height: 1.65; }
  body.service-detail-page .detail-why-card { min-height: 0; padding: var(--service-card-padding); border-radius: var(--ao-radius-container); }
  body.service-detail-page :is(.detail-why-title, .detail-why-body) { position: static; width: auto; margin-top: 24px !important; }
  body.service-detail-page .detail-why-title { font-size: clamp(26px, 3.8vw, 34px); line-height: 1.25; }
  body.service-detail-page .detail-why-title br { display: none; }
  body.service-detail-page :is(.detail-section-title, .detail-offers-title, .detail-offer-intro-title, .detail-values-title) { font-size: var(--service-title); line-height: 1.2; }
  body.service-detail-page .detail-service-columns { grid-template-columns: minmax(0, 1fr); gap: 14px; }
  body.service-detail-page .detail-service-item { height: calc(var(--service-toggle-height, 130px) + 2px); }
  body.service-detail-page .detail-service-item.is-open { height: var(--detail-open-height, 234px); }
  body.service-detail-page .detail-service-toggle { display: grid; grid-template-columns: 24px minmax(0, 1fr) 44px; grid-template-rows: auto auto; align-items: center; gap: 8px 12px; height: auto; min-height: 108px; padding: 20px 16px; }
  body.service-detail-page .detail-service-toggle > :is(.detail-service-number, .detail-service-title, .detail-service-summary) { position: static; width: auto; transform: none; }
  body.service-detail-page .detail-service-number { grid-column: 1; grid-row: 1; align-self: start; padding-top: 4px; font-size: 12px; }
  body.service-detail-page .detail-service-title { grid-column: 2; font-size: clamp(16px, 2.4vw, 20px); line-height: 1.4; }
  body.service-detail-page .detail-service-summary { grid-column: 2; font-size: 14px; line-height: 1.5; }
  body.service-detail-page .detail-service-arrow { position: relative; inset: auto; grid-column: 3; grid-row: 1 / 3; width: 44px; height: 44px; }
  body.service-detail-page .detail-service-arrow img { width: 40px; height: 40px; }
  body.service-detail-page .detail-service-divider { top: auto; bottom: 0; left: 52px; right: 16px; }
  body.service-detail-page .detail-service-answer { top: calc(var(--service-toggle-height, 130px) + 12px); left: 20px; width: calc(100% - 40px); font-size: 15px; line-height: 1.65; }
  body.service-detail-page .detail-feature { gap: 0; }
  body.service-detail-page .detail-feature-side { min-height: 0; padding: var(--service-card-padding); }
  body.service-detail-page :is(.detail-feature-title, .detail-feature-body) { position: static; width: auto; margin-top: 24px !important; }
  body.service-detail-page .detail-feature-title, body.service-detail-page .detail-feature-side + .detail-feature-side .detail-feature-title { font-size: clamp(26px, 3.8vw, 36px); line-height: 1.25; }
  body.service-detail-page .detail-feature-title br { display: none; }
  body.service-detail-page .detail-geo-cards { grid-template-columns: minmax(0, 1fr); }
  body.service-detail-page .detail-monitoring .detail-geo-cards, body.service-detail-page .detail-workshop-cards { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; }
  body.service-detail-page :is(.detail-comparison-card, .detail-monitor-card, .detail-workshop-card) { min-height: 0; padding: var(--service-card-padding); }
  body.service-detail-page :is(.detail-comparison-card, .detail-monitor-card, .detail-workshop-card) > :not(.detail-card-surface) { position: relative; inset: auto; margin: 0; }
  body.service-detail-page :is(.detail-comparison-card, .detail-monitor-card, .detail-workshop-card) h3 { font-size: 23px; line-height: 1.3; }
  body.service-detail-page .detail-monitor-card h3 { margin-top: 16px !important; }
  body.service-detail-page :is(.detail-comparison-card, .detail-monitor-card, .detail-workshop-card) .detail-card-copy { margin-top: 20px !important; font-size: 16px; line-height: 1.65; }
  body.service-detail-page .detail-process-steps { gap: 24px; margin-top: 32px; }
  body.service-detail-page .detail-process-steps article { max-width: none; }
  body.service-detail-page :is(.detail-values-left, .detail-values-right) { min-height: 0; padding: var(--service-card-padding); }
  body.service-detail-page .detail-values { gap: 0; }
  body.service-detail-page .detail-values-credit { position: static; margin-top: 24px !important; }
  body.service-detail-page .detail-faq-title { font-size: clamp(25px, 3.6vw, 34px); line-height: 1.3; }
  body.service-detail-page .detail-faq-list { margin-top: 32px; }
  body.service-detail-page .detail-faq-toggle { height: auto; min-height: 90px; padding: 20px; font-size: 16px; line-height: 1.5; gap: 20px; }
  body.service-detail-page .detail-faq-item { height: calc(var(--service-toggle-height, 90px) + 2px); }
  body.service-detail-page .detail-faq-item.is-open { height: var(--detail-open-height, 158px); }
  body.service-detail-page .detail-faq-answer { left: 20px; right: 20px; top: calc(var(--service-toggle-height, 90px) + 12px); font-size: 15px; line-height: 1.65; }
  body.service-detail-page .detail-offer-intro-grid { height: auto; }
  body.service-detail-page :is(.detail-offer-intro-copy, .detail-offer-intro-card) > * { position: static !important; max-width: 100%; }
  body.service-detail-page .detail-offer-intro-title { margin-top: 18px !important; }
  body.service-detail-page :is(.detail-offer-intro-body, .detail-offer-intro-note) { margin-top: 24px !important; }
  body.service-detail-page .detail-offer-intro-card { height: auto; margin-top: 0; padding: var(--service-card-padding); }
  body.service-detail-page :is(.detail-offer-intro-card-title, .detail-offer-intro-card-copy) { margin-top: 24px !important; }
  body.service-detail-page .detail-offer-intro-card-title { font-size: clamp(26px, 3.8vw, 34px); line-height: 1.25; }
  body.service-detail-page .detail-offer-cards { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; margin-top: 32px; }
  body.service-detail-page .detail-offer-card { height: auto; min-height: 0; padding: var(--service-card-padding); }
  body.service-detail-page .detail-offer-card > :not(.detail-card-surface), body.service-detail-page .detail-funding-definition { position: relative; inset: auto !important; }
  body.service-detail-page .detail-offer-pill { width: fit-content; max-width: 100%; height: auto; min-height: 32px; padding: 6px 14px; }
  body.service-detail-page .detail-offer-card-title { margin-top: 22px !important; font-size: clamp(26px, 3.5vw, 32px); line-height: 1.25; text-wrap: wrap; }
  body.service-detail-page .detail-package-copy { margin-top: 18px !important; }
  body.service-detail-page .detail-package-divider { display: block; margin-top: 22px; }
  body.service-detail-page :is(.detail-package-label, .detail-package-list) { margin-top: 22px !important; }
  body.service-detail-page .detail-funding-definition { margin-top: 24px; }
  body.service-detail-page .detail-funding-definition:not(:last-child) { padding-bottom: 22px; border-bottom: 1px solid #cfdce8; }
  body.service-detail-page .detail-funding-definition::after { display: none; }
  body.service-detail-page .detail-funding-steps { width: 100%; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; }
}

@media (orientation: portrait) and (min-width: 701px) and (max-width: 1024px) {
  body.service-detail-page .detail-service-columns, body.service-detail-page .detail-feature { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  body.service-detail-page .detail-service-columns { gap: 20px; }
  body.service-detail-page .detail-service-toggle { grid-template-columns: minmax(0, 1fr) 44px; }
  body.service-detail-page .detail-service-number { grid-column: 1; grid-row: 1; padding-top: 0; }
  body.service-detail-page .detail-service-title { grid-column: 1; grid-row: 2; }
  body.service-detail-page .detail-service-summary { grid-column: 1; grid-row: 3; }
  body.service-detail-page .detail-service-arrow { position: relative; inset: auto; grid-column: 2; grid-row: 1 / 4; }
}
@media (max-width: 700px) and (orientation: portrait) {
  body.leistungen-page .leistungen-hero h1 { font-size: clamp(28px, 7.8vw, 38px); }
  body.leistungen-page .leistungen-hero-art { zoom: .65; }
  body.leistungen-page .leistungen-row { grid-template-columns: 28px minmax(0, 1fr) 44px; gap: 12px; }
  body.leistungen-page .leistungen-number { font-size: 22px; }
  body.leistungen-page .leistungen-description { grid-column: 2 / -1; }
  body.leistungen-page .leistungen-arrow { width: 44px; height: 44px; }
  body.leistungen-page .leistungen-arrow > img { width: 40px; height: 40px; }
  body.leistungen-page .leistungen-arrow > span { width: 44px; top: 6px; }
  body.leistungen-page .leistungen-arrow::before { width: 40px; height: 40px; }
  body.leistungen-page .leistungen-faq-list { grid-template-columns: minmax(0, 1fr); gap: 16px; }
  body.service-detail-page .detail-hero-copy { font-size: 16px; }
  body.service-detail-page :is(.detail-monitoring .detail-geo-cards, .detail-workshop-cards, .detail-process-steps, .detail-offer-cards, .detail-funding-steps) { grid-template-columns: minmax(0, 1fr); }
  body.service-detail-page .detail-funding-steps { gap: 32px; text-align: left; }
  body.service-detail-page .detail-funding-steps::before, body.service-detail-page .detail-funding-step-dot { display: none; }
  body.service-detail-page .detail-funding-step-title { margin-top: 12px !important; }
}

/* Short phone viewports use the available width, without a viewport-height hero. */
@media (orientation: landscape) and (max-width: 1023px) and (max-height: 500px) {
  :is(body.leistungen-page, body.service-detail-page) { --service-heading: clamp(34px, 4.8vw, 44px); --service-title: clamp(28px, 3.8vw, 36px); }
  body.leistungen-page .leistungen-hero-inner { display: grid; grid-template-columns: minmax(0, 1fr) 220px; gap: 16px 24px; padding-top: 32px; align-items: start; }
  body.leistungen-page .leistungen-hero h1, body.leistungen-page .leistungen-hero-copy { margin-top: 0; }
  body.leistungen-page .leistungen-hero-art { grid-column: 2; grid-row: 1 / 4; align-self: end; zoom: .54; margin-top: 0; }
  body.leistungen-page .leistungen-hero-copy { margin-bottom: 32px; font-size: 16px; }
  body.service-detail-page .detail-hero-inner { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px 32px; padding-block: 40px; }
  body.service-detail-page .detail-hero-eyebrow { grid-column: 1 / -1; }
  body.service-detail-page .detail-hero h1 { grid-column: 1; grid-row: 2 / 4; margin-top: 0; }
  body.service-detail-page .detail-hero-copy { grid-column: 2; margin-top: 0; font-size: 16px; }
  body.service-detail-page .detail-feature { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  body.service-detail-page .detail-funding-steps::before, body.service-detail-page .detail-funding-step-dot { display: none; }
  body.service-detail-page .detail-funding-step-title { margin-top: 12px !important; }
}

/* Tablet landscape keeps the existing desktop composition, with content-driven editorial panels. */
@media (orientation: landscape) and (min-width: 951px) and (max-width: 1199px) and (min-height: 501px), (orientation: landscape) and (min-width: 1024px) and (max-width: 1400px) and (min-height: 501px) and (any-pointer: coarse) {
  body.service-detail-page :is(.detail-intro-body, .detail-why-title, .detail-feature-title, .detail-feature-body) { position: static; width: auto; margin-top: 24px !important; }
  body.service-detail-page .detail-why-body { margin-top: 24px !important; }
  body.service-detail-page .detail-marketing-social-media .detail-intro-title { width: auto; }
  body.service-detail-page .detail-why-title { font-size: 30px; line-height: 1.25; }
  body.service-detail-page .detail-feature-side { min-height: 0; padding-block: 40px; }
  body.service-detail-page .detail-service-columns { gap: 24px; }
  body.service-detail-page .detail-service-toggle { height: auto; min-height: 108px; display: grid; grid-template-columns: minmax(0, 1fr) 44px; gap: 8px 12px; padding: 20px; }
  body.service-detail-page .detail-service-toggle > :is(.detail-service-number, .detail-service-title, .detail-service-summary) { position: static; width: auto; transform: none; }
  body.service-detail-page .detail-service-number, body.service-detail-page .detail-service-title, body.service-detail-page .detail-service-summary { grid-column: 1; }
  body.service-detail-page .detail-service-arrow { position: relative; inset: auto; grid-column: 2; grid-row: 1 / 4; width: 44px; height: 44px; }
  body.service-detail-page .detail-service-arrow img { width: 40px; height: 40px; }
  body.service-detail-page .detail-service-item { height: calc(var(--service-toggle-height, 130px) + 2px); }
  body.service-detail-page .detail-service-item.is-open { height: var(--detail-open-height, 234px); }
  body.service-detail-page .detail-service-answer { top: calc(var(--service-toggle-height, 130px) + 12px); left: 24px; width: calc(100% - 48px); }
  body.service-detail-page .detail-service-divider { display: none; }
  body.service-detail-page .detail-faq-answer { top: calc(var(--service-toggle-height, 90px) + 12px); }
  body.service-detail-page :is(.detail-comparison-card, .detail-monitor-card, .detail-workshop-card) { padding: 24px; min-height: 0; }
  body.service-detail-page :is(.detail-comparison-card, .detail-monitor-card, .detail-workshop-card) > :not(.detail-card-surface) { position: relative; inset: auto; margin: 0; }
  body.service-detail-page :is(.detail-comparison-card, .detail-monitor-card, .detail-workshop-card) .detail-card-copy { margin-top: 20px; }
  body.service-detail-page .detail-monitor-card h3 { margin-top: 16px; }
  body.service-detail-page .detail-workshop-cards { gap: 20px; }
  body.service-detail-page .detail-values-credit { position: static; margin-top: 24px !important; }
  body.service-detail-page .detail-funding-process { height: auto; }
}
@media (hover: none) {
  :is(body.leistungen-page, body.service-detail-page) main button:active { background-color: var(--ao-light-blue); }
  body.leistungen-page .leistungen-row:active { background-color: rgba(16,42,67,.04); }
  body.service-detail-page :is(.detail-comparison-card, .detail-monitor-card, .detail-workshop-card, .detail-offer-card):hover .detail-card-surface { inset: 6px; box-shadow: none; }
}

/* Desktop FAQ shares the contact cards' outer gutters and content width. */
@media (min-width: 1200px) {
  body.leistungen-page .leistungen-faq { padding-inline: var(--ao-page-gutter, 56px); }
  body.leistungen-page .leistungen-faq > :is(h2, .leistungen-faq-list) {
    width: 100%; max-width: var(--ao-content-width, 1328px); margin-inline: auto;
  }
  body.leistungen-page .leistungen-faq-list { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}

/* Phone and portrait-tablet lists share the simplified content structure. */
@media (max-width: 700px) and (orientation: portrait), (orientation: portrait) and (min-width: 701px) and (max-width: 1024px), (orientation: landscape) and (max-width: 1023px) and (max-height: 500px) {
  body.leistungen-page .leistungen-row { grid-template-columns: minmax(0, 1fr) 56px; gap: 12px 24px; padding-block: 32px; }
  body.leistungen-page .leistungen-number { grid-column: 1; grid-row: 1; }
  body.leistungen-page .leistungen-service-name { grid-column: 1; grid-row: 2; }
  body.leistungen-page .leistungen-service-name p { display: none; }
  body.leistungen-page .leistungen-description { grid-column: 1; grid-row: 3; }
  body.leistungen-page .leistungen-arrow { grid-column: 2; grid-row: 1 / 4; align-self: center; justify-self: end; }
  body.leistungen-page .leistungen-intro { display: none; }
  body.service-detail-page .detail-service-toggle { grid-template-columns: minmax(0, 1fr) 44px; }
  body.service-detail-page .detail-service-toggle > .detail-service-number { grid-column: 1; grid-row: 1; padding-top: 0; }
  body.service-detail-page .detail-service-toggle > .detail-service-title { grid-column: 1; grid-row: 2; text-wrap: wrap; }
  body.service-detail-page .detail-service-toggle > .detail-service-summary { grid-column: 1; grid-row: 3; }
  body.service-detail-page .detail-service-toggle > .detail-service-arrow { grid-column: 2; grid-row: 1 / 4; align-self: center; }
}
@media (max-width: 700px) and (orientation: portrait), (orientation: portrait) and (min-width: 701px) and (max-width: 1024px), (orientation: landscape) and (max-width: 1023px) and (max-height: 500px) {
  body.leistungen-page .leistungen-hero-art { display: none; }
  body.leistungen-page .leistungen-hero-inner { padding-bottom: var(--service-space); }
}

@media (orientation: landscape) and (max-width: 1023px) and (max-height: 500px) {
  body.leistungen-page .leistungen-hero-inner { grid-template-columns: minmax(0, 1fr); }
  body.leistungen-page .leistungen-hero-copy { margin-bottom: 0; }
}

/* Match the homepage's padded sections and centered 1328px inner containers.
   Shared AO tokens already select phone, portrait-tablet and desktop-family gutters. */
body.service-detail-page main > section:not(.direct-contacts),
body.leistungen-page :is(.leistungen-hero, .leistungen-overview, .leistungen-faq) {
  padding-inline: var(--ao-page-gutter, var(--ao-responsive-gutter, 56px));
}
body.service-detail-page .detail-grid,
body.leistungen-page :is(.leistungen-hero-inner, .leistungen-overview-inner),
body.leistungen-page .leistungen-faq > :is(h2, .leistungen-faq-list) {
  width: 100%; max-width: 1328px; margin-inline: auto; padding-inline: 0;
}
body.leistungen-page :is(.leistungen-hero-eyebrow, .leistungen-hero h1, .leistungen-hero-copy) { left: 0; }
body.leistungen-page .leistungen-hero-art { left: auto; right: 0; }
body.leistungen-page .leistungen-row > .leistungen-arrow { left: auto; right: 0; }
@media (min-width: 1201px) {
  /* The 52px arrow includes a 56px interactive surface. */
  body.leistungen-page .leistungen-row > .leistungen-arrow { right: 4px; }
}

@media (min-width: 1201px), (orientation: landscape) and (min-width: 951px) and (max-width: 1199px) and (min-height: 501px), (orientation: landscape) and (min-width: 1024px) and (max-width: 1400px) and (min-height: 501px) and (any-pointer: coarse) {
  body.service-detail-page .detail-intro-grid { grid-template-columns: minmax(0, 600fr) minmax(0, 604fr); }
  body.service-detail-page .detail-workshop-cards { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  body.service-detail-page .detail-monitoring .detail-geo-cards { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  /* Keep the existing inset while allowing extra text lines at the shared width. */
  body.detail-starterpakete .detail-offer-intro-card { height: auto; min-height: 278px; padding: 25px 42.5px; }
  body.detail-starterpakete .detail-offer-intro-card > * { position: static; }
  body.detail-starterpakete .detail-offer-intro-card-title { margin-top: 20px; }
  body.detail-starterpakete .detail-offer-intro-card-copy { margin-top: 12px; }
}