/* Gemeinsame Bereichsgestaltung. Inhalte und Navigation stammen aus dem jeweiligen Bereich. */
.division-site .group-brand > span {
  letter-spacing: .02em;
  font-size: 13px;
  text-transform: none;
  white-space: nowrap;
}
.division-site .group-hero-note { color: #cfdae0; }
.energy-button-light { color: #fff; border-color: #8faab4; }
.energy-button-light:hover { background: #1f3a56; }
.division-site .energy-hero h1 { max-width: 22ch; }
.division-site .energy-hero .group-intro { max-width: 55ch !important; }
.division-site .energy-diagram strong { font-size: 19px; }
.division-site .group-proof p { display: block; }
.division-site .group-button--outline { color: #fff; border: 1px solid #8faab4; background: transparent; }
.division-site .group-button--outline:hover { background: #1f3a56; }
.division-hero-image { margin: 0; position: relative; border-radius: 12px; overflow: hidden; }
.division-hero-image img { display: block; width: 100%; height: 340px; object-fit: cover; }
.division-hero-image figcaption { position: absolute; bottom: 12px; left: 12px; max-width: calc(100% - 24px); padding: 5px 9px; background: #0d2b45; color: #fff; font-size: 11px; border-radius: 4px; }
.division-case-wrap { max-width: 780px; }
.division-task-list p { font-size: 16px; margin-top: 0; }
.division-examples-intro { max-width: 70ch; color: #52636f; }
.division-examples { display: grid; grid-template-columns: repeat(auto-fit,minmax(min(100%,280px),1fr)); gap: 24px; margin-top: 28px; }
.division-examples article { padding: 24px; border-top: 3px solid #f26d21; background: #edf2ee; border-radius: 5px; min-width: 0; }
.division-examples h3 { font-size: 21px; line-height: 1.3; overflow-wrap: anywhere; }
.division-examples p { font-size: 16px; color: #52636f; margin-bottom: 0; }
.division-skip { position: fixed; top: 8px; left: 8px; z-index: 9999; background: #fff; color: #0d2b45; padding: 14px 18px; border: 2px solid #006d70; transform: translateY(-150%); }
.division-skip:focus { transform: none; }
.division-site .energy-service-list article > div > h2 { font-size: clamp(28px, 3vw, 38px); }
.energy-service-list article { display: grid; grid-template-columns: 1fr 1.2fr; gap: 70px; border-bottom: 1px solid #d4e0df; padding: 45px 0; scroll-margin-top: 100px; }
.energy-service-list article:first-child { padding-top: 0; }
.energy-service-list article:last-child { border-bottom: 0; padding-bottom: 0; }
.energy-service-list article > div > p:not(.group-eyebrow) { color: #52636f; font-size: 16px; }
.energy-service-list article ul { margin: 18px 0; padding-left: 20px; list-style: disc; font-size: 15px; }
.energy-service-list article li { margin: 8px 0; }
.energy-jumpnav { background: #edf2ee; border-bottom: 1px solid #d4e0df; }
.energy-jumpnav .group-wrap { display: flex; flex-wrap: wrap; gap: 10px 22px; padding-block: 12px; }
.energy-jumpnav a { display: inline-flex; align-items: center; min-height: 44px; color: #0d2b45; font-size: 14px; font-weight: 700; text-underline-offset: 5px; }
.energy-deliverable { padding: 18px 20px; background: #edf2ee; border-left: 3px solid #f26d21; color: #0d2b45 !important; border-radius: 5px; }
.energy-person-grid { display: grid; grid-template-columns: 330px 1fr; gap: 70px; align-items: center; }
.energy-person-grid figure { margin: 0; padding: 20px 20px 0; background: #e3eeee; border-radius: 12px; }
.energy-person-grid img { width: 100%; height: 330px; object-fit: contain; object-position: bottom; }
.energy-person-grid figcaption { padding: 13px 0; font-size: 12px; text-align: center; }
.energy-person-grid h2 { margin-bottom: 25px; }
.energy-person-grid p { color: #52636f; font-size: 17px; }
.energy-group-footer { padding-top: 22px; border-top: 1px solid #52636f; margin-top: 20px; font-size: 12px; }
.energy-group-footer a { color: #cbdbe3; text-underline-offset: 4px; }
.energy-contact-grid { display: grid; grid-template-columns: .8fr 1.2fr; gap: 75px; align-items: start; }
.energy-contact-person img { width: 165px; height: 175px; object-fit: cover; object-position: center 17%; border-radius: 11px; background: #e3eeee; margin-bottom: 22px; }
.energy-contact-person h2 { font-size: 28px; margin-bottom: 12px; }
.energy-contact-person p { color: #52636f; font-size: 15px; }
.energy-contact-person > a { display: flex; align-items: center; min-height: 44px; width: fit-content; color: #006d70; font-size: 18px; text-underline-offset: 5px; }
.energy-contact-location { margin-top: 25px; }
.energy-contact-grid > div > h2 { margin-bottom: 18px; }
.energy-form-row { display: grid; grid-template-columns: repeat(2,1fr); gap: 20px; }
.energy-form label { display: block; margin: 17px 0 7px; font-size: 14px; font-weight: 700; }
.energy-form input, .energy-form select, .energy-form textarea { width: 100%; border: 1px solid #8a9fa8; border-radius: 8px; background: #fff; padding: 12px; color: #0d2b45; font: inherit; min-height: 48px; }
.energy-form textarea { resize: vertical; }
.energy-form input:focus-visible, .energy-form select:focus-visible, .energy-form textarea:focus-visible { outline: 3px solid #006d70; outline-offset: 2px; }
.energy-form-meta { font-size: 12px; color: #52636f; margin-top: 16px; }
.energy-form button:disabled { color: #fff; background: #45596e; opacity: 1; cursor: default; }
@media (max-width:1100px) {
  .energy-service-list article, .energy-person-grid, .energy-contact-grid { gap: 40px; }
}
@media (max-width:700px) {
  .division-site .group-brand { gap: 7px; }
  .division-site .group-brand > span { font-size: 12px; padding-left: 8px; }
  .division-site .logo img { height: 31px; }
  .division-site .group-proof strong { font-size: 15px; }
  .division-site .group-proof span { font-size: 12px; }
  .division-hero-image img { height: 220px; }
  .energy-service-list article, .energy-person-grid, .energy-contact-grid { grid-template-columns: 1fr; gap: 25px; }
  .energy-service-list article { padding: 32px 0; }
  .energy-person-grid figure { width: min(330px,100%); margin-inline: auto; }
  .energy-contact-person { border-bottom: 1px solid #d4e0df; padding-bottom: 25px; }
  .energy-form-row { grid-template-columns: 1fr; gap: 0; }
  .division-site .energy-hero .group-actions { gap: 10px; }
}