/* Approved service workflow and Kress heading layout. */
body[data-presentation="selected"] .website #leistungen #zusammenarbeit {
  grid-column: span 2;
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-width: 0;
  margin: 0 0 16px 12px;
  padding: 0 0 0 28px;
  border-top: 0;
  border-inline-start: 1px solid var(--rs-border);
}
body[data-presentation="selected"] .website #leistungen #zusammenarbeit .expanded-heading { display: block; padding: 0; }
body[data-presentation="selected"] .website #leistungen #zusammenarbeit h2 {
  max-width: 24ch;
  padding: 0;
  font-family: Manrope,Arial,sans-serif;
  font-size: clamp(32px,2.8vw,44px);
  font-weight: 800;
  line-height: 1.12;
  letter-spacing: -.035em;
}
body[data-presentation="selected"] .website #leistungen #zusammenarbeit .expanded-heading > p {
  max-width: 64ch;
  margin: 16px 0 0;
  font-size: 16px;
  line-height: 1.5;
}
body[data-presentation="selected"] .website #leistungen #zusammenarbeit .cooperation-steps { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 20px; margin: 24px 0 0; }
body[data-presentation="selected"] .website #leistungen #zusammenarbeit .cooperation-steps li { display: block; min-width: 0; border-top: 1px solid var(--rs-border); padding: 14px 0 0; }
body[data-presentation="selected"] .website #leistungen #zusammenarbeit .step-number { display: block; margin-bottom: 10px; font-size: 20px; line-height: 1.2; }
body[data-presentation="selected"] .website #leistungen #zusammenarbeit .cooperation-steps h3 { font-size: 20px; line-height: 1.25; margin-bottom: 10px; }
body[data-presentation="selected"] .website #leistungen #zusammenarbeit .cooperation-steps p { max-width: none; margin: 0; font-size: 16px; line-height: 1.5; }
@media (min-width:761px) and (max-width:1000px) {
 body[data-presentation="selected"] .website #leistungen #zusammenarbeit { grid-column: span 1; padding-inline-start: 22px; margin-inline-start: 0; justify-content: start; }
 body[data-presentation="selected"] .website #leistungen #zusammenarbeit h2 { font-size: 30px; }
 body[data-presentation="selected"] .website #leistungen #zusammenarbeit .expanded-heading > p { font-size: 15px; }
 body[data-presentation="selected"] .website #leistungen #zusammenarbeit .cooperation-steps { display: block; margin-top: 18px; }
 body[data-presentation="selected"] .website #leistungen #zusammenarbeit .cooperation-steps li { display: grid; grid-template-columns: 24px 1fr; gap: 12px; padding: 12px 0; }
 body[data-presentation="selected"] .website #leistungen #zusammenarbeit .step-number { font-size: 18px; margin: 0; }
 body[data-presentation="selected"] .website #leistungen #zusammenarbeit .cooperation-steps h3 { font-size: 18px; margin-bottom: 8px; }
 body[data-presentation="selected"] .website #leistungen #zusammenarbeit .cooperation-steps p { font-size: 15px; }
}
@media (max-width:760px) {
 body[data-presentation="selected"] .website #leistungen #zusammenarbeit { grid-column: 1; display: block; padding: 24px 0 16px; margin: 0; border-inline-start: 0; border-top: 1px solid var(--rs-border); }
 body[data-presentation="selected"] .website #leistungen #zusammenarbeit h2 { font-size: 32px; }
 body[data-presentation="selected"] .website #leistungen #zusammenarbeit .cooperation-steps { display: block; margin-top: 22px; }
 body[data-presentation="selected"] .website #leistungen #zusammenarbeit .cooperation-steps li { display: grid; grid-template-columns: 28px 1fr; gap: 14px; padding: 14px 0; }
 body[data-presentation="selected"] .website #leistungen #zusammenarbeit .step-number { margin: 0; }
}

@media (min-width: 1001px) {
  body[data-presentation="selected"] .website #leistungen #zusammenarbeit {
    justify-content: flex-start;
    padding-top: 4px;
  }
  body[data-presentation="selected"] .website #leistungen #zusammenarbeit .cooperation-steps {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 0;
    margin-top: 26px;
    flex: 1;
  }
  body[data-presentation="selected"] .website #leistungen #zusammenarbeit .cooperation-steps li {
    display: grid;
    grid-template-columns: 40px minmax(0, 1fr);
    gap: 16px;
    align-items: start;
    padding: 20px 0;
  }
  body[data-presentation="selected"] .website #leistungen #zusammenarbeit .step-number {
    font-size: 27px;
    margin: 0;
    line-height: 1.16;
  }
  body[data-presentation="selected"] .website #leistungen #zusammenarbeit .cooperation-steps li > div {
    display: grid;
    grid-template-columns: minmax(160px, .8fr) minmax(0, 1.8fr);
    gap: 22px;
  }
  body[data-presentation="selected"] .website #leistungen #zusammenarbeit .cooperation-steps h3 {
    margin: 3px 0 0;
    font-size: 21px;
  }
  body[data-presentation="selected"] .website #leistungen #zusammenarbeit .cooperation-steps p {
    margin: 3px 0 0;
    max-width: 56ch;
  }
  body[data-presentation="selected"] .website #leistungen {
    padding-bottom: 18px;
  }
  body[data-presentation="selected"] .website #akkutechnik {
    padding-top: 28px;
  }
}
@media (min-width: 1001px) and (max-width: 1199px) {
  body[data-presentation="selected"] .website #leistungen #zusammenarbeit .cooperation-steps li {
    padding: 15px 0;
    grid-template-columns: 32px minmax(0, 1fr);
    gap: 14px;
  }
  body[data-presentation="selected"] .website #leistungen #zusammenarbeit .cooperation-steps li > div {
    display: block;
  }
  body[data-presentation="selected"] .website #leistungen #zusammenarbeit .cooperation-steps h3 {
    margin: 0 0 6px;
    font-size: 19px;
  }
}
body[data-presentation="selected"] .website #akkutechnik .rs-akku-header {
  display: grid;
  grid-template-columns: minmax(0, 1.85fr) minmax(0, .9fr);
  gap: clamp(28px, 3.5vw, 64px);
  align-items: end;
  margin-bottom: clamp(28px, 2.8vw, 44px);
}
body[data-presentation="selected"] .website #akkutechnik .rs-akku-header .rs-akku-heading {
  margin: 0;
}
body[data-presentation="selected"] .website #akkutechnik .rs-akku-header .rs-akku-intro {
  margin: 0 0 3px;
  text-align: left;
}
body[data-presentation="selected"] .website #akkutechnik .rs-akku-impact {
  padding-top: 0;
}
@media (max-width: 1000px) {
  body[data-presentation="selected"] .website #akkutechnik .rs-akku-header {
    display: block;
  }
  body[data-presentation="selected"] .website #akkutechnik .rs-akku-header .rs-akku-intro {
    max-width: 55ch;
    margin-top: 16px;
    font-size: 20px;
  }
  body[data-presentation="selected"] .website #leistungen {
    padding-bottom: 24px;
  }
  body[data-presentation="selected"] .website #akkutechnik {
    padding-top: 28px;
  }
}

/* Homepage spacing refinement. Copy, font sizes, photos and interactive controls stay unchanged. */
body[data-presentation="selected"] .website .dark-hero {
  min-height: clamp(580px, 80svh, 760px);
}
body[data-presentation="selected"] .website .hero {
  padding-block: clamp(64px, 8svh, 104px) 36px;
}
body[data-presentation="selected"] .website #leistungen { padding-block: 32px 16px; }
body[data-presentation="selected"] .website #leistungen .services-heading { margin-bottom: 24px; }
body[data-presentation="selected"] .website #leistungen .service-grid { row-gap: 20px; }
body[data-presentation="selected"] .website #leistungen .service-card { gap: 10px; padding-bottom: 12px; }
body[data-presentation="selected"] .website #leistungen .service-details > summary { min-height: 44px; padding-block: 10px; }
body[data-presentation="selected"] .website #akkutechnik { padding-block: 24px 32px; }
body[data-presentation="selected"] .website #akkutechnik .rs-akku-header { margin-bottom: 24px; }
body[data-presentation="selected"] .website #akkutechnik .rs-akku-layout { row-gap: 18px; }
body[data-presentation="selected"] .website #partner { padding-block: 32px; }
body[data-presentation="selected"] .website #partner .rs-partner-grid { margin-top: 18px; }
body[data-presentation="selected"] .website #partner .rs-partner-tile { height: 88px; padding-block: 16px; }
body[data-presentation="selected"] .website #einsatzgebiet { padding-block: 36px; }
body[data-presentation="selected"] .website #einsatzgebiet .rs-area-map__canvas { height: 400px; }
body[data-presentation="selected"] .website #fragen { padding-top: 36px; }
body[data-presentation="selected"] .website #fragen .faq-item > summary { min-height: 52px; padding-block: 12px; }
body[data-presentation="selected"] .website #kontakt { padding-block: 28px; }
body[data-presentation="selected"] .website .site-footer { padding-block: 20px; }

@media (min-width: 761px) {
  body[data-presentation="selected"] .website .selected-preview-notice { padding-bottom: 24px; }
}
@media (min-width: 761px) and (max-width: 1000px) {
  body[data-presentation="selected"] .website #einsatzgebiet .rs-area-map__canvas { height: 340px; }
}
@media (min-width: 761px) and (max-height: 650px) {
  body[data-presentation="selected"] .website .dark-hero { min-height: 580px; }
  body[data-presentation="selected"] .website .hero { padding-block: 64px 36px; }
}
@media (max-width: 760px) {
  body[data-presentation="selected"] .website .dark-hero { min-height: 0; }
  body[data-presentation="selected"] .website .hero { padding-block: 72px 28px; }
  body[data-presentation="selected"] .website #leistungen { padding-block: 28px 16px; }
  body[data-presentation="selected"] .website #leistungen .service-intro { margin-top: 12px; }
  body[data-presentation="selected"] .website #leistungen #zusammenarbeit { padding-block: 16px 8px; }
  body[data-presentation="selected"] .website #leistungen #zusammenarbeit .cooperation-steps { margin-top: 16px; }
  body[data-presentation="selected"] .website #leistungen #zusammenarbeit .cooperation-steps li { padding-block: 10px; }
  body[data-presentation="selected"] .website #akkutechnik { padding-block: 20px 24px; }
  body[data-presentation="selected"] .website #akkutechnik .rs-akku-header { margin-bottom: 20px; }
  body[data-presentation="selected"] .website #akkutechnik .rs-akku-stat { padding-top: 20px; }
  body[data-presentation="selected"] .website #partner { padding-block: 28px; }
  body[data-presentation="selected"] .website #partner .rs-partner-grid { gap: 10px; margin-top: 16px; }
  body[data-presentation="selected"] .website #partner .rs-partner-tile { height: 80px; padding-block: 16px; }
  body[data-presentation="selected"] .website #einsatzgebiet { padding-block: 28px; }
  body[data-presentation="selected"] .website #einsatzgebiet .rs-service-area-layout { gap: 20px; }
  body[data-presentation="selected"] .website #einsatzgebiet .rs-area-map__canvas { height: 300px; }
  body[data-presentation="selected"] .website #fragen { padding-top: 28px; }
  body[data-presentation="selected"] .website #fragen .expanded-heading > p { margin-top: 16px; }
  body[data-presentation="selected"] .website #kontakt { padding-block: 24px; }
  body[data-presentation="selected"] .website #kontakt .contact-details { padding-top: 18px; }
}

/* Give the service-area heading, explanation and map their own compact columns. */
body[data-presentation="selected"] .website #einsatzgebiet[data-map-enabled="true"] { padding-block: 28px; }
body[data-presentation="selected"] .website #einsatzgebiet[data-map-enabled="true"] .area-heading {
  display: flex;
  align-items: flex-start;
  gap: 12px;
}
body[data-presentation="selected"] .website #einsatzgebiet[data-map-enabled="true"] .area-icon {
  flex: none;
  margin: 4px 0 0;
}
body[data-presentation="selected"] .website #einsatzgebiet[data-map-enabled="true"] .area-copy p { margin-top: 16px; }
body[data-presentation="selected"] .website #einsatzgebiet[data-map-enabled="true"] .area-link { margin-top: 12px; }
body[data-presentation="selected"] .website #einsatzgebiet .rs-area-map__credits { margin-top: 8px; }
@media (min-width: 1200px) {
  body[data-presentation="selected"] .website #einsatzgebiet .rs-service-area-layout {
    grid-template-columns: minmax(0,.95fr) minmax(0,1fr) minmax(0,1.05fr);
    gap: 28px;
  }
  body[data-presentation="selected"] .website #einsatzgebiet .rs-service-area-copy { display: contents; }
  body[data-presentation="selected"] .website #einsatzgebiet[data-map-enabled="true"] .area-copy p { margin-top: 0; }
  body[data-presentation="selected"] .website #einsatzgebiet .rs-area-map__canvas { height: 300px; }
}
@media (min-width: 761px) and (max-width: 1199px) {
  body[data-presentation="selected"] .website #einsatzgebiet .rs-service-area-layout { grid-template-columns: minmax(0,1fr) minmax(0,1fr); gap: 24px; }
  body[data-presentation="selected"] .website #einsatzgebiet .rs-area-map__canvas { height: 300px; }
}
@media (max-width: 760px) {
  body[data-presentation="selected"] .website #einsatzgebiet .rs-service-area-layout { gap: 16px; }
  body[data-presentation="selected"] .website #einsatzgebiet .rs-area-map__canvas { height: 260px; }
}