/* Global section components.
   Section CSS uses semantic hooks only; legacy builder classes remain in HTML
   for theme/runtime compatibility. */
/* section-hero-crisis: Hero: Crisis Support */
/* section-legal-help: Legal Help When It Matters */
/* section-attorney-about: About Peter Oliver Zink */
/* section-vision-execution: Home-5 Vision and Execution */
/* section-about-timeline: Home-3 About and Timeline */
/* section-feature-grid: Home-3 Feature Grid */
/* section-image-services: Home-3 Image Services */
/* section-image-services-dark: Home-4 Image Services */
/* section-case-list: Home-3 Case List */
/* section-stats-team-image: Home-2 Stats and Team Image */
/* section-legal-services: Legal Services */
/* section-case-cards: Home-2 Cases */
/* section-deadline-cta: Three-Week Deadline CTA */
/* section-fees-costs: Fees and Costs */
/* section-digital-support: Direct Digital Support */
/* section-faq-accordion: Home-2 FAQ Accordion */
/* section-contact-cta: Contact CTA */
/* section-page-hero: Inner Page Hero */
/* section-contact-details: Contact Details */
/* section-image-cta: Image CTA */

/* ─── Elementor engine overrides ─────────────────────────────────────── */
/* e-con-inner inside e-con-boxed flex containers inherits a default 20px
   row-gap from .e-con>.e-con-inner; this pushes sticky-part down and
   misplaces the angle::after triangle. Override it here. */
.e-con.e-flex > .e-con-inner { gap: 0; }

/* ─── Site Color Palette ─────────────────────────────────────────────── */
:root {
  /* Core dark tones */
  --clr-dark:          #242F35; /* primary dark — headings, overlays, footer-bottom bg */
  --clr-dark-mid:      #2E3C44; /* secondary dark — dark-form inputs, disabled states */

  /* Text */
  --clr-text-muted:    #5f6b71; /* secondary text, footer credits */
  --clr-text-subtle:   #A3A9AB; /* muted text, placeholders, dividers */

  /* Surface / section backgrounds */
  --clr-surface-teal:  #E2EEEE; /* teal-gray highlight sections */
  --clr-surface-light: #F3F7F8; /* off-white body / light sections */
  --clr-white:         #FFFFFF;

  /* Accent */
  --clr-accent:        #F2A73D; /* amber — buttons, hover, scrollbar */
}
/* ─────────────────────────────────────────────────────────────────────── */

.fa,
.fas,
.far,
.fal {
  font-family: "Font Awesome 5 Free";
}

.fa,
.fas,
.fal {
  font-weight: 900;
}

.fab {
  font-family: "Font Awesome 5 Brands";
  font-weight: 400;
}
.section-stats-team-image.section-stats-team-image {
  --display: flex;
  --flex-direction: row;
  --container-widget-width: initial;
  --container-widget-height: 100%;
  --container-widget-flex-grow: 1;
  --container-widget-align-self: stretch;
  --flex-wrap-mobile: wrap;
  --gap: 0px 0px;
  --row-gap: 0px;
  --column-gap: 0px;
  --padding-top: 0px;
  --padding-bottom: 0px;
  --padding-left: 0px;
  --padding-right: 0px;
}
.section-stats-team-image .stats-copy {
  --display: flex;
  --align-items: flex-end;
  --container-widget-width: calc((1 - var(--container-widget-flex-grow)) * 100%);
  --gap: 0px 0px;
  --row-gap: 0px;
  --column-gap: 0px;
  --padding-top: 5rem;
  --padding-bottom: 5rem;
  --padding-left: 0rem;
  --padding-right: 0rem;
}
.section-stats-team-image .stats-copy-inner {
  --display: flex;
  --gap: 0px 0px;
  --row-gap: 0px;
  --column-gap: 0px;
  --margin-top: 0px;
  --margin-bottom: 0px;
  --margin-left: 0px;
  --margin-right: -20px;
  --padding-top: 0rem;
  --padding-bottom: 0rem;
  --padding-left: 0rem;
  --padding-right: 22rem;
}
.section-stats-team-image .stats-grid {
  --display: flex;
  --flex-direction: row;
  --container-widget-width: initial;
  --container-widget-height: 100%;
  --container-widget-flex-grow: 1;
  --container-widget-align-self: stretch;
  --flex-wrap-mobile: wrap;
  --margin-top: 5rem;
  --margin-bottom: 0rem;
  --margin-left: 0rem;
  --margin-right: 0rem;
  --padding-top: 0px;
  --padding-bottom: 0px;
  --padding-left: 0px;
  --padding-right: 0px;
}
.section-stats-team-image .stats-card-primary {
  --display: flex;
  --padding-top: 0px;
  --padding-bottom: 0px;
  --padding-left: 0px;
  --padding-right: 0px;
}
.section-stats-team-image .stats-primary {
  text-align: left;
}
.section-stats-team-image .stats-card-secondary {
  --display: flex;
  --padding-top: 0px;
  --padding-bottom: 0px;
  --padding-left: 0px;
  --padding-right: 0px;
}
.section-stats-team-image .stats-secondary {
  text-align: left;
}
.section-stats-team-image .stats-divider {
  --divider-border-style: dashed;
  --divider-color: var(--clr-text-subtle);
  --divider-border-width: 1px;
}
.section-stats-team-image .stats-divider > .widget-content {
  margin: 4rem 0rem 4rem 0rem;
}
.section-stats-team-image .stats-divider .divider-line {
  width: 12rem;
}
.section-stats-team-image .stats-divider .divider-wrap {
  padding-block-start: 0;
  padding-block-end: 0;
}
.section-stats-team-image .stats-text {
  text-align: left;
}
.section-stats-team-image .stats-media {
  --display: flex;
  --padding-top: 0px;
  --padding-bottom: 0px;
  --padding-left: 0px;
  --padding-right: 0px;
}
.section-case-cards.section-case-cards {
  --display: flex;
  --flex-direction: column;
  --container-widget-width: 100%;
  --container-widget-height: initial;
  --container-widget-flex-grow: 0;
  --container-widget-align-self: initial;
  --flex-wrap-mobile: wrap;
  --gap: 0px 0px;
  --row-gap: 0px;
  --column-gap: 0px;
  --padding-top: 10rem;
  --padding-bottom: 8rem;
  --padding-left: 0rem;
  --padding-right: 0rem;
}
.section-case-cards.section-case-cards {
  background-color: var(--clr-surface-teal);
}
.section-case-cards .case-cards-header {
  --display: flex;
  --flex-direction: row;
  --container-widget-width: initial;
  --container-widget-height: 100%;
  --container-widget-flex-grow: 1;
  --container-widget-align-self: stretch;
  --flex-wrap-mobile: wrap;
  --margin-top: 0rem;
  --margin-bottom: 5rem;
  --margin-left: 0rem;
  --margin-right: 0rem;
  --padding-top: 0px;
  --padding-bottom: 0px;
  --padding-left: 10px;
  --padding-right: 10px;
}
.section-case-cards .case-cards-title-column {
  --display: flex;
  --padding-top: 0px;
  --padding-bottom: 0px;
  --padding-left: 0px;
  --padding-right: 0px;
}
.section-case-cards .case-cards-title {
  text-align: left;
}
.section-case-cards .case-cards-copy-column {
  --display: flex;
  --align-items: flex-end;
  --container-widget-width: calc((1 - var(--container-widget-flex-grow)) * 100%);
  --gap: 0px 0px;
  --row-gap: 0px;
  --column-gap: 0px;
  --padding-top: 65px;
  --padding-bottom: 0px;
  --padding-left: 0px;
  --padding-right: 0px;
}
.section-case-cards .case-cards-copy {
  text-align: left;
}
.section-case-cards .case-cards-header-actions > .widget-content {
  margin: -2rem 0rem 0rem 0rem;
}
.section-case-cards .case-cards-header-actions .btns {
  text-align: left;
}
.section-case-cards .case-card-grid {
  --display: flex;
  --flex-direction: row;
  --container-widget-width: initial;
  --container-widget-height: 100%;
  --container-widget-flex-grow: 1;
  --container-widget-align-self: stretch;
  --flex-wrap-mobile: wrap;
  --gap: 0px 0px;
  --row-gap: 0px;
  --column-gap: 0px;
  --padding-top: 0px;
  --padding-bottom: 0px;
  --padding-left: 10px;
  --padding-right: 10px;
}
.section-case-cards .case-cards-footer {
  --display: flex;
  --flex-direction: row;
  --container-widget-width: calc((1 - var(--container-widget-flex-grow)) * 100%);
  --container-widget-height: 100%;
  --container-widget-flex-grow: 1;
  --container-widget-align-self: stretch;
  --flex-wrap-mobile: wrap;
  --align-items: center;
  --margin-top: 1rem;
  --margin-bottom: 0rem;
  --margin-left: 0rem;
  --margin-right: 0rem;
  --padding-top: 0px;
  --padding-bottom: 0px;
  --padding-left: 10px;
  --padding-right: 10px;
}
.section-case-cards .case-cards-footer-copy {
  --display: flex;
  --padding-top: 0px;
  --padding-bottom: 0px;
  --padding-left: 0px;
  --padding-right: 0px;
}
.section-case-cards .case-cards-footer-title > .widget-content {
  margin: 5rem 0rem 0rem 0rem;
}
.section-case-cards .case-cards-footer-title {
  text-align: left;
}
.section-case-cards .case-cards-footer-actions {
  --display: flex;
  --align-items: flex-end;
  --container-widget-width: calc((1 - var(--container-widget-flex-grow)) * 100%);
  --gap: 0px 0px;
  --row-gap: 0px;
  --column-gap: 0px;
  --padding-top: 0px;
  --padding-bottom: 0px;
  --padding-left: 0px;
  --padding-right: 0px;
}
.section-case-cards .case-cards-actions .btns {
  text-align: left;
}
.section-faq-accordion.section-faq-accordion {
  --display: flex;
  --flex-direction: row;
  --container-widget-width: initial;
  --container-widget-height: 100%;
  --container-widget-flex-grow: 1;
  --container-widget-align-self: stretch;
  --flex-wrap-mobile: wrap;
  --gap: 0px 0px;
  --row-gap: 0px;
  --column-gap: 0px;
  --padding-top: 0px;
  --padding-bottom: 0px;
  --padding-left: 0px;
  --padding-right: 0px;
}
.section-faq-accordion .faq-intro {
  --display: flex;
  --gap: 0px 0px;
  --row-gap: 0px;
  --column-gap: 0px;
  --padding-top: 10rem;
  --padding-bottom: 10rem;
  --padding-left: 0rem;
  --padding-right: 0rem;
}

.section-faq-accordion .faq-actions .btns {
  text-align: left;
}
.section-faq-accordion .faq-questions {
  --display: flex;
  --gap: 0px 0px;
  --row-gap: 0px;
  --column-gap: 0px;
  --padding-top: 10rem;
  --padding-bottom: 10rem;
  --padding-left: 0rem;
  --padding-right: 0rem;
}
.section-faq-accordion .faq-question-list {
  --display: flex;
  --gap: 0px 0px;
  --row-gap: 0px;
  --column-gap: 0px;
  --padding-top: 0rem;
  --padding-bottom: 0rem;
  --padding-left: 10rem;
  --padding-right: 0rem;
}
@media (max-width: 992px) {
  .section-stats-team-image.section-stats-team-image {
    --flex-direction: column;
    --container-widget-width: 100%;
    --container-widget-height: initial;
    --container-widget-flex-grow: 0;
    --container-widget-align-self: initial;
    --flex-wrap-mobile: wrap;
  }
  .section-stats-team-image .stats-copy-inner {
    --margin-top: 0px;
    --margin-bottom: 0px;
    --margin-left: 0px;
    --margin-right: 0px;
    --padding-top: 0rem;
    --padding-bottom: 0rem;
    --padding-left: 2rem;
    --padding-right: 2rem;
  }
  .section-case-cards.section-case-cards {
    --gap: 0px 0px;
    --row-gap: 0px;
    --column-gap: 0px;
    --padding-top: 10rem;
    --padding-bottom: 8rem;
    --padding-left: 2rem;
    --padding-right: 2rem;
  }
  .section-case-cards .case-cards-header {
    --padding-top: 0px;
    --padding-bottom: 0px;
    --padding-left: 0px;
    --padding-right: 0px;
  }
  .section-case-cards .case-card-grid {
    --padding-top: 0px;
    --padding-bottom: 0px;
    --padding-left: 0px;
    --padding-right: 0px;
  }
  .section-case-cards .case-cards-footer {
    --padding-top: 0px;
    --padding-bottom: 0px;
    --padding-left: 0px;
    --padding-right: 0px;
  }
  .section-faq-accordion.section-faq-accordion {
    --flex-direction: column;
    --container-widget-width: 100%;
    --container-widget-height: initial;
    --container-widget-flex-grow: 0;
    --container-widget-align-self: initial;
    --flex-wrap-mobile: wrap;
    --gap: 0px 0px;
    --row-gap: 0px;
    --column-gap: 0px;
  }
  .section-faq-accordion .faq-intro {
    --padding-top: 10rem;
    --padding-bottom: 0rem;
    --padding-left: 2rem;
    --padding-right: 2rem;
  }
  .section-faq-accordion .faq-intro-copy {
    --padding-top: 0%;
    --padding-bottom: 0%;
    --padding-left: 0%;
    --padding-right: 0%;
  }
  .section-faq-accordion .faq-title {
    width: 100%;
    max-width: 100%;
  }
  .section-faq-accordion .faq-text {
    width: 100%;
    max-width: 100%;
  }
  .section-faq-accordion .faq-questions {
    --padding-top: 10rem;
    --padding-bottom: 10rem;
    --padding-left: 2rem;
    --padding-right: 2rem;
  }
  .section-faq-accordion .faq-question-list {
    --padding-top: 0rem;
    --padding-bottom: 0rem;
    --padding-left: 0rem;
    --padding-right: 0rem;
  }
}
@media (max-width: 767px) {
  .section-case-cards .case-cards-header {
    --gap: 0px 0px;
    --row-gap: 0px;
    --column-gap: 0px;
  }
  .section-case-cards .case-cards-copy-column {
    --align-items: flex-start;
    --container-widget-width: calc((1 - var(--container-widget-flex-grow)) * 100%);
    --padding-top: 0px;
    --padding-bottom: 0px;
    --padding-left: 0px;
    --padding-right: 0px;
  }
  .section-case-cards .case-cards-footer {
    --flex-direction: column;
    --container-widget-width: 100%;
    --container-widget-height: initial;
    --container-widget-flex-grow: 0;
    --container-widget-align-self: initial;
    --flex-wrap-mobile: wrap;
    --gap: 0px 0px;
    --row-gap: 0px;
    --column-gap: 0px;
  }
  .section-case-cards .case-cards-footer-actions {
    --align-items: flex-start;
    --container-widget-width: calc((1 - var(--container-widget-flex-grow)) * 100%);
  }
}
@media (min-width: 768px) {
  .section-stats-team-image .stats-copy {
    --width: 50%;
  }
  .section-stats-team-image .stats-media {
    --width: 50%;
  }
  .section-case-cards.section-case-cards {
    --content-width: 1300px;
  }
  .section-case-cards .case-cards-footer-copy {
    --width: 66%;
  }
  .section-case-cards .case-cards-footer-actions {
    --width: 33%;
  }
  .section-faq-accordion.section-faq-accordion {
    --content-width: 1280px;
  }
  .section-faq-accordion .faq-intro {
    --width: 50%;
  }
  .section-faq-accordion .faq-questions {
    --width: 50%;
  }
}
@media (max-width: 1200px) and (min-width: 768px) {
  .section-case-cards.section-case-cards {
    --content-width: 960px;
  }
  .section-faq-accordion.section-faq-accordion {
    --content-width: 940px;
  }
}
@media (max-width: 992px) and (min-width: 768px) {
  .section-stats-team-image .stats-copy {
    --width: 100%;
  }
  .section-stats-team-image .stats-media {
    --width: 100%;
  }
  .section-faq-accordion .faq-questions {
    --width: 100%;
  }
}
.section-about-timeline.section-about-timeline {
  --display: flex;
  --flex-direction: row;
  --container-widget-width: initial;
  --container-widget-height: 100%;
  --container-widget-flex-grow: 1;
  --container-widget-align-self: stretch;
  --flex-wrap-mobile: wrap;
  --padding-top: 0rem;
  --padding-bottom: 0rem;
  --padding-left: 0rem;
  --padding-right: 0rem;
}
.section-about-timeline .timeline-intro {
  --display: flex;
  --gap: 0px 0px;
  --row-gap: 0px;
  --column-gap: 0px;
  --padding-top: 10rem;
  --padding-bottom: 10rem;
  --padding-left: 0rem;
  --padding-right: 20rem;
}
.section-about-timeline .timeline-intro-copy {
  --display: flex;
  --gap: 0px 0px;
  --row-gap: 0px;
  --column-gap: 0px;
  --padding-top: 0px;
  --padding-bottom: 0px;
  --padding-left: 0px;
  --padding-right: 0px;
}
.section-about-timeline .timeline-title {
  text-align: left;
}
.section-about-timeline .timeline-summary {
  width: var(--container-widget-width, 85%);
  max-width: 85%;
  --container-widget-width: 85%;
  --container-widget-flex-grow: 0;
  text-align: left;
}
.section-about-timeline .timeline-stat > .widget-content {
  margin: -2rem 0rem 0rem 0rem;
}
.section-about-timeline .timeline-stat {
  text-align: left;
}
.section-about-timeline .timeline-story {
  --display: flex;
  --gap: 0px 0px;
  --row-gap: 0px;
  --column-gap: 0px;
  --padding-top: 10rem;
  --padding-bottom: 10rem;
  --padding-left: 0rem;
  --padding-right: 0rem;
}
.section-about-timeline .timeline-story-inner {
  --display: flex;
  --gap: 0px 0px;
  --row-gap: 0px;
  --column-gap: 0px;
  --padding-top: 0px;
  --padding-bottom: 0px;
  --padding-left: 0px;
  --padding-right: 0px;
}
.section-about-timeline .timeline-lead {
  text-align: left;
}
.section-about-timeline .timeline-text {
  text-align: left;
}
.section-about-timeline .timeline-note {
  text-align: left;
}
.section-about-timeline .timeline-actions .btns {
  text-align: left;
}
.section-feature-grid.section-feature-grid {
  --display: flex;
  --flex-direction: column;
  --container-widget-width: 100%;
  --container-widget-height: initial;
  --container-widget-flex-grow: 0;
  --container-widget-align-self: initial;
  --flex-wrap-mobile: wrap;
  --gap: 0px 0px;
  --row-gap: 0px;
  --column-gap: 0px;
  --padding-top: 11rem;
  --padding-bottom: 11rem;
  --padding-left: 0rem;
  --padding-right: 0rem;
}
.section-feature-grid.section-feature-grid {
  background-color: var(--clr-surface-teal);
}
.section-feature-grid .features-header {
  --display: flex;
  --flex-direction: row;
  --container-widget-width: initial;
  --container-widget-height: 100%;
  --container-widget-flex-grow: 1;
  --container-widget-align-self: stretch;
  --flex-wrap-mobile: wrap;
  --margin-top: 0rem;
  --margin-bottom: 5rem;
  --margin-left: 0rem;
  --margin-right: 0rem;
  --padding-top: 0px;
  --padding-bottom: 0px;
  --padding-left: 10px;
  --padding-right: 10px;
}
.section-feature-grid .features-title-column {
  --display: flex;
  --gap: 0px 0px;
  --row-gap: 0px;
  --column-gap: 0px;
  --padding-top: 0px;
  --padding-bottom: 0px;
  --padding-left: 0px;
  --padding-right: 0px;
}
.section-feature-grid .features-title {
  text-align: left;
}
.section-feature-grid .features-copy-column {
  --display: flex;
  --align-items: flex-end;
  --container-widget-width: calc((1 - var(--container-widget-flex-grow)) * 100%);
  --gap: 0px 0px;
  --row-gap: 0px;
  --column-gap: 0px;
  --padding-top: 70px;
  --padding-bottom: 0px;
  --padding-left: 0px;
  --padding-right: 0px;
}
.section-feature-grid .features-copy {
  text-align: left;
}
.section-feature-grid .features-actions > .widget-content {
  margin: -2rem 0rem 0rem 0rem;
}
.section-feature-grid .features-actions .btns {
  text-align: left;
}
.section-feature-grid .features-grid .card {
  height: 100%;
}
.section-feature-grid .features-grid a.card {
  text-decoration: none;
  transition: border-color 0.2s, transform 0.2s;
}
.section-feature-grid .features-grid a.card:hover {
  border-color: var(--clr-accent);
  transform: translateY(-3px);
}
.section-feature-grid .features-grid [class*="widget-container"],
.section-feature-grid .features-grid .widget-content {
  height: 100%;
}

.section-feature-grid .features-grid {
  --display: grid;
  --e-con-grid-template-columns: repeat(3, 1fr);
  --e-con-grid-template-rows: repeat(2, 1fr);
  --gap: 0rem 2rem;
  --row-gap: 0rem;
  --column-gap: 2rem;
  --grid-auto-flow: row;
  --padding-top: 0px;
  --padding-bottom: 0px;
  --padding-left: 10px;
  --padding-right: 10px;
  column-gap: 2rem;
  row-gap: 2rem;
}
.section-image-services.section-image-services {
  --display: flex;
  --flex-direction: column;
  --container-widget-width: 100%;
  --container-widget-height: initial;
  --container-widget-flex-grow: 0;
  --container-widget-align-self: initial;
  --flex-wrap-mobile: wrap;
  --gap: 0px 0px;
  --row-gap: 0px;
  --column-gap: 0px;
  --padding-top: 10rem;
  --padding-bottom: 0rem;
  --padding-left: 0rem;
  --padding-right: 0rem;
}
.section-image-services .services-header {
  --display: flex;
  --flex-direction: row;
  --container-widget-width: initial;
  --container-widget-height: 100%;
  --container-widget-flex-grow: 1;
  --container-widget-align-self: stretch;
  --flex-wrap-mobile: wrap;
  --gap: 0px 0px;
  --row-gap: 0px;
  --column-gap: 0px;
  --margin-top: 0rem;
  --margin-bottom: 5rem;
  --margin-left: 0rem;
  --margin-right: 0rem;
  --padding-top: 0px;
  --padding-bottom: 0px;
  --padding-left: 10px;
  --padding-right: 10px;
}
.section-image-services .services-title-column {
  --display: flex;
  --gap: 0px 0px;
  --row-gap: 0px;
  --column-gap: 0px;
  --padding-top: 0px;
  --padding-bottom: 0px;
  --padding-left: 0px;
  --padding-right: 0px;
}
.section-image-services .services-title {
  text-align: left;
}
.section-image-services .services-copy-column {
  --display: flex;
  --align-items: flex-end;
  --container-widget-width: calc((1 - var(--container-widget-flex-grow)) * 100%);
  --gap: 0px 0px;
  --row-gap: 0px;
  --column-gap: 0px;
  --padding-top: 70px;
  --padding-bottom: 0px;
  --padding-left: 0px;
  --padding-right: 0px;
}
.section-image-services .services-copy {
  text-align: left;
}
.section-image-services .services-actions > .widget-content {
  margin: -2rem 0rem 0rem 0rem;
}
.section-image-services .services-actions .btns {
  text-align: left;
}
.section-image-services .services-showcase {
  --display: flex;
  --padding-top: 0px;
  --padding-bottom: 0px;
  --padding-left: 0px;
  --padding-right: 0px;
}
.section-case-list.section-case-list {
  --display: flex;
  --flex-direction: column;
  --container-widget-width: 100%;
  --container-widget-height: initial;
  --container-widget-flex-grow: 0;
  --container-widget-align-self: initial;
  --flex-wrap-mobile: wrap;
  --gap: 0px 0px;
  --row-gap: 0px;
  --column-gap: 0px;
  --padding-top: 10rem;
  --padding-bottom: 8rem;
  --padding-left: 0rem;
  --padding-right: 0rem;
}
.section-case-list.section-case-list {
  background-color: var(--clr-surface-teal);
}
.section-case-list .case-list-header {
  --display: flex;
  --flex-direction: row;
  --container-widget-width: initial;
  --container-widget-height: 100%;
  --container-widget-flex-grow: 1;
  --container-widget-align-self: stretch;
  --flex-wrap-mobile: wrap;
  --margin-top: 0rem;
  --margin-bottom: 5rem;
  --margin-left: 0rem;
  --margin-right: 0rem;
  --padding-top: 0px;
  --padding-bottom: 0px;
  --padding-left: 10px;
  --padding-right: 10px;
}
.section-case-list .case-list-title-column {
  --display: flex;
  --padding-top: 0px;
  --padding-bottom: 0px;
  --padding-left: 0px;
  --padding-right: 0px;
}
.section-case-list .case-list-title {
  text-align: left;
}
.section-case-list .case-list-metric-column {
  --display: flex;
  --align-items: flex-end;
  --container-widget-width: calc((1 - var(--container-widget-flex-grow)) * 100%);
  --gap: 0px 0px;
  --row-gap: 0px;
  --column-gap: 0px;
  --padding-top: 45px;
  --padding-bottom: 0px;
  --padding-left: 0px;
  --padding-right: 0px;
}
.section-case-list .case-list-metric {
  text-align: right;
}
.section-case-list .case-list-items {
  --display: flex;
  --flex-direction: row;
  --container-widget-width: initial;
  --container-widget-height: 100%;
  --container-widget-flex-grow: 1;
  --container-widget-align-self: stretch;
  --flex-wrap-mobile: wrap;
  --gap: 0px 0px;
  --row-gap: 0px;
  --column-gap: 0px;
  --padding-top: 0px;
  --padding-bottom: 0px;
  --padding-left: 10px;
  --padding-right: 10px;
}
.section-case-list .case-list-footer {
  --display: flex;
  --flex-direction: row;
  --container-widget-width: calc((1 - var(--container-widget-flex-grow)) * 100%);
  --container-widget-height: 100%;
  --container-widget-flex-grow: 1;
  --container-widget-align-self: stretch;
  --flex-wrap-mobile: wrap;
  --align-items: center;
  --margin-top: 4rem;
  --margin-bottom: 0rem;
  --margin-left: 0rem;
  --margin-right: 0rem;
  --padding-top: 0px;
  --padding-bottom: 0px;
  --padding-left: 10px;
  --padding-right: 10px;
}
.section-case-list .case-list-footer-copy {
  --display: flex;
  --padding-top: 0px;
  --padding-bottom: 0px;
  --padding-left: 0px;
  --padding-right: 0px;
}
.section-case-list .case-list-footer-title > .widget-content {
  margin: 5rem 0rem 0rem 0rem;
}
.section-case-list .case-list-footer-title {
  text-align: left;
}
.section-case-list .case-list-footer-actions {
  --display: flex;
  --align-items: flex-end;
  --container-widget-width: calc((1 - var(--container-widget-flex-grow)) * 100%);
  --gap: 0px 0px;
  --row-gap: 0px;
  --column-gap: 0px;
  --padding-top: 0px;
  --padding-bottom: 0px;
  --padding-left: 0px;
  --padding-right: 0px;
}
.section-case-list .case-list-actions .btns {
  text-align: left;
}
@media (max-width: 1200px) {
  .section-feature-grid .features-grid {
    --grid-auto-flow: row;
  }
}
@media (min-width: 768px) {
  .section-about-timeline.section-about-timeline {
    --content-width: 1280px;
  }
  .section-about-timeline .timeline-intro {
    --width: 50%;
  }
  .section-about-timeline .timeline-story {
    --width: 50%;
  }
  .section-feature-grid.section-feature-grid {
    --content-width: 1300px;
  }
  .section-image-services .services-header {
    --content-width: 1280px;
  }
  .section-case-list.section-case-list {
    --content-width: 1300px;
  }
  .section-case-list .case-list-footer-copy {
    --width: 66%;
  }
  .section-case-list .case-list-footer-actions {
    --width: 33%;
  }
}
@media (max-width: 1200px) and (min-width: 768px) {
  .section-about-timeline.section-about-timeline {
    --content-width: 940px;
  }
  .section-feature-grid.section-feature-grid {
    --content-width: 960px;
  }
  .section-image-services .services-header {
    --content-width: 940px;
  }
  .section-case-list.section-case-list {
    --content-width: 960px;
  }
}
@media (max-width: 992px) and (min-width: 768px) {
  .section-about-timeline .timeline-intro {
    --width: 100%;
  }
  .section-about-timeline .timeline-story {
    --width: 100%;
  }
}
@media (max-width: 992px) {
  .section-about-timeline.section-about-timeline {
    --flex-direction: column;
    --container-widget-width: 100%;
    --container-widget-height: initial;
    --container-widget-flex-grow: 0;
    --container-widget-align-self: initial;
    --flex-wrap-mobile: wrap;
    --gap: 0px 0px;
    --row-gap: 0px;
    --column-gap: 0px;
    --padding-top: 0rem;
    --padding-bottom: 0rem;
    --padding-left: 2rem;
    --padding-right: 2rem;
  }
  .section-about-timeline .timeline-intro {
    --padding-top: 10rem;
    --padding-bottom: 0rem;
    --padding-left: 0rem;
    --padding-right: 0rem;
  }
  .section-about-timeline .timeline-summary {
    --container-widget-width: 100%;
    --container-widget-flex-grow: 0;
    width: var(--container-widget-width, 100%);
    max-width: 100%;
  }
  .section-feature-grid.section-feature-grid {
    --padding-top: 8rem;
    --padding-bottom: 8rem;
    --padding-left: 2rem;
    --padding-right: 2rem;
  }
  .section-feature-grid .features-header {
    --padding-top: 0px;
    --padding-bottom: 0px;
    --padding-left: 0px;
    --padding-right: 0px;
  }
  .section-feature-grid .features-grid {
    --e-con-grid-template-columns: repeat(2, 1fr);
    --grid-auto-flow: row;
    --padding-top: 0px;
    --padding-bottom: 0px;
    --padding-left: 0px;
    --padding-right: 0px;
  }
  .section-image-services .services-header {
    --padding-top: 0rem;
    --padding-bottom: 0rem;
    --padding-left: 2rem;
    --padding-right: 2rem;
  }
  .section-case-list .case-list-header {
    --padding-top: 0rem;
    --padding-bottom: 0rem;
    --padding-left: 2rem;
    --padding-right: 2rem;
  }
  .section-case-list .case-list-items {
    --padding-top: 0rem;
    --padding-bottom: 0rem;
    --padding-left: 2rem;
    --padding-right: 2rem;
  }
  .section-case-list .case-list-footer {
    --padding-top: 0rem;
    --padding-bottom: 0rem;
    --padding-left: 2rem;
    --padding-right: 2rem;
  }
}
@media (max-width: 767px) {
  .section-about-timeline .timeline-story-inner {
    --flex-wrap: nowrap;
  }
  .section-feature-grid.section-feature-grid {
    --flex-wrap: nowrap;
  }
  .section-feature-grid .features-header {
    --gap: 0px 0px;
    --row-gap: 0px;
    --column-gap: 0px;
  }
  .section-feature-grid .features-copy-column {
    --align-items: flex-start;
    --container-widget-width: calc((1 - var(--container-widget-flex-grow)) * 100%);
    --padding-top: 0px;
    --padding-bottom: 0px;
    --padding-left: 0px;
    --padding-right: 0px;
  }
  .section-feature-grid .features-grid {
    --e-con-grid-template-columns: repeat(1, 1fr);
    --grid-auto-flow: row;
  }
  .section-image-services .services-copy-column {
    --align-items: flex-start;
    --container-widget-width: calc((1 - var(--container-widget-flex-grow)) * 100%);
    --padding-top: 0px;
    --padding-bottom: 0px;
    --padding-left: 0px;
    --padding-right: 0px;
  }
  .section-image-services .services-showcase {
    --flex-wrap: nowrap;
  }
  .section-case-list .case-list-header {
    --gap: 0px 0px;
    --row-gap: 0px;
    --column-gap: 0px;
  }
  .section-case-list .case-list-metric-column {
    --align-items: flex-start;
    --container-widget-width: calc((1 - var(--container-widget-flex-grow)) * 100%);
    --padding-top: 0px;
    --padding-bottom: 0px;
    --padding-left: 0px;
    --padding-right: 0px;
  }
  .section-case-list .case-list-metric {
    text-align: left;
  }
  .section-case-list .case-list-footer {
    --gap: 0px 0px;
    --row-gap: 0px;
    --column-gap: 0px;
  }
  .section-case-list .case-list-footer-actions {
    --align-items: flex-start;
    --container-widget-width: calc((1 - var(--container-widget-flex-grow)) * 100%);
  }
}
.section-image-services-dark.section-image-services-dark {
  --display: flex;
  --flex-direction: column;
  --container-widget-width: 100%;
  --container-widget-height: initial;
  --container-widget-flex-grow: 0;
  --container-widget-align-self: initial;
  --flex-wrap-mobile: wrap;
  --gap: 0px 0px;
  --row-gap: 0px;
  --column-gap: 0px;
  --padding-top: 10rem;
  --padding-bottom: 0rem;
  --padding-left: 0rem;
  --padding-right: 0rem;
}
.section-image-services-dark.section-image-services-dark {
  background-color: var(--clr-surface-teal);
}
.section-image-services-dark .dark-services-header {
  --display: flex;
  --flex-direction: row;
  --container-widget-width: initial;
  --container-widget-height: 100%;
  --container-widget-flex-grow: 1;
  --container-widget-align-self: stretch;
  --flex-wrap-mobile: wrap;
  --gap: 0px 0px;
  --row-gap: 0px;
  --column-gap: 0px;
  --margin-top: 0rem;
  --margin-bottom: 5rem;
  --margin-left: 0rem;
  --margin-right: 0rem;
  --padding-top: 0px;
  --padding-bottom: 0px;
  --padding-left: 10px;
  --padding-right: 10px;
}
.section-image-services-dark .dark-services-title-column {
  --display: flex;
  --gap: 0px 0px;
  --row-gap: 0px;
  --column-gap: 0px;
  --padding-top: 0px;
  --padding-bottom: 0px;
  --padding-left: 0px;
  --padding-right: 0px;
}
.section-image-services-dark .dark-services-title {
  text-align: left;
}
.section-image-services-dark .dark-services-copy-column {
  --display: flex;
  --align-items: flex-end;
  --container-widget-width: calc((1 - var(--container-widget-flex-grow)) * 100%);
  --gap: 0px 0px;
  --row-gap: 0px;
  --column-gap: 0px;
  --padding-top: 70px;
  --padding-bottom: 0px;
  --padding-left: 0px;
  --padding-right: 0px;
}
.section-image-services-dark .dark-services-copy {
  text-align: left;
}
.section-image-services-dark .dark-services-actions > .widget-content {
  margin: -2rem 0rem 0rem 0rem;
}
.section-image-services-dark .dark-services-actions .btns {
  text-align: left;
}
.section-image-services-dark .dark-services-showcase {
  --display: flex;
  --padding-top: 0px;
  --padding-bottom: 0px;
  --padding-left: 0px;
  --padding-right: 0px;
}
@media (min-width: 768px) {
  .section-image-services-dark .dark-services-header {
    --content-width: 1280px;
  }
}
@media (max-width: 1200px) and (min-width: 768px) {
  .section-image-services-dark .dark-services-header {
    --content-width: 940px;
  }
}
@media (max-width: 992px) {
  .section-image-services-dark .dark-services-header {
    --padding-top: 0rem;
    --padding-bottom: 0rem;
    --padding-left: 2rem;
    --padding-right: 2rem;
  }
}
@media (max-width: 767px) {
  .section-image-services-dark .dark-services-copy-column {
    --align-items: flex-start;
    --container-widget-width: calc((1 - var(--container-widget-flex-grow)) * 100%);
    --padding-top: 0px;
    --padding-bottom: 0px;
    --padding-left: 0px;
    --padding-right: 0px;
  }
}
.section-vision-execution.section-vision-execution {
  --display: flex;
  --flex-direction: row;
  --container-widget-width: calc((1 - var(--container-widget-flex-grow)) * 100%);
  --container-widget-height: 100%;
  --container-widget-flex-grow: 1;
  --container-widget-align-self: stretch;
  --flex-wrap-mobile: wrap;
  --justify-content: space-between;
  --align-items: center;
  --gap: 0rem 2rem;
  --row-gap: 0rem;
  --column-gap: 2rem;
  --padding-top: 10rem;
  --padding-bottom: 0rem;
  --padding-left: 0rem;
  --padding-right: 0rem;
}
.section-vision-execution .vision-copy {
  --display: flex;
  --gap: 0px 0px;
  --row-gap: 0px;
  --column-gap: 0px;
  --padding-top: 0px;
  --padding-bottom: 0px;
  --padding-left: 10px;
  --padding-right: 10px;
}
.section-vision-execution .vision-icon {
  text-align: left;
}
.section-vision-execution .vision-title {
  text-align: left;
}
.section-vision-execution .vision-text > .widget-content {
  padding: 0% 0% 0% 0%;
}
.section-vision-execution .vision-text {
  text-align: left;
}
.section-vision-execution .vision-avatars {
  text-align: left;
}
.section-vision-execution .vision-actions .btns {
  text-align: left;
}
.section-vision-execution .vision-media {
  --display: flex;
  --padding-top: 0px;
  --padding-bottom: 0px;
  --padding-left: 10px;
  --padding-right: 10px;
}
@media (min-width: 768px) {
  .section-vision-execution.section-vision-execution {
    --content-width: 1300px;
  }
  .section-vision-execution .vision-copy {
    --width: 41.66666667%;
  }
  .section-vision-execution .vision-media {
    --width: 41.66666667%;
  }
}
@media (max-width: 1200px) and (min-width: 768px) {
  .section-vision-execution.section-vision-execution {
    --content-width: 960px;
  }
}
@media (max-width: 992px) and (min-width: 768px) {
  .section-vision-execution .vision-copy {
    --width: 100%;
  }
  .section-vision-execution .vision-media {
    --width: 100%;
  }
}
@media (max-width: 992px) {
  .section-vision-execution.section-vision-execution {
    --flex-direction: column;
    --container-widget-width: 100%;
    --container-widget-height: initial;
    --container-widget-flex-grow: 0;
    --container-widget-align-self: initial;
    --flex-wrap-mobile: wrap;
  }
  .section-vision-execution .vision-copy {
    --padding-top: 0rem;
    --padding-bottom: 10rem;
    --padding-left: 2rem;
    --padding-right: 2rem;
  }
  .section-vision-execution .vision-media {
    --padding-top: 0rem;
    --padding-bottom: 0rem;
    --padding-left: 2rem;
    --padding-right: 2rem;
  }
}
@media (max-width: 767px) {
  .section-vision-execution .vision-media {
    --flex-wrap: nowrap;
  }
}
.section-hero-crisis.section-hero-crisis {
  --display: flex;
  --gap: 0px 0px;
  --row-gap: 0px;
  --column-gap: 0px;
  --margin-top: 0px;
  --margin-bottom: 0px;
  --margin-left: 0px;
  --margin-right: 0px;
  --padding-top: 0px;
  --padding-bottom: 0px;
  --padding-left: 0px;
  --padding-right: 0px;
}
.section-legal-help.section-legal-help {
  --display: flex;
  --flex-direction: row;
  --container-widget-width: initial;
  --container-widget-height: 100%;
  --container-widget-flex-grow: 1;
  --container-widget-align-self: stretch;
  --flex-wrap-mobile: wrap;
  --gap: 0px 0px;
  --row-gap: 0px;
  --column-gap: 0px;
  --padding-top: 0px;
  --padding-bottom: 0px;
  --padding-left: 0px;
  --padding-right: 0px;
}
.section-legal-help .legal-intro {
  --display: flex;
  --gap: 0px 0px;
  --row-gap: 0px;
  --column-gap: 0px;
  --padding-top: 10rem;
  --padding-bottom: 10rem;
  --padding-left: 0rem;
  --padding-right: 0rem;
}
.section-legal-help .legal-intro-copy {
  --display: flex;
  --gap: 0px 0px;
  --row-gap: 0px;
  --column-gap: 0px;
  --padding-top: 0%;
  --padding-bottom: 0%;
  --padding-left: 0%;
  --padding-right: 28%;
}
.section-legal-help .legal-title {
  text-align: left;
}
.section-legal-help .legal-text {
  text-align: left;
}
.section-legal-help .legal-actions .btns {
  text-align: left;
}
.section-legal-help .legal-benefits {
  --display: flex;
  --gap: 0px 0px;
  --row-gap: 0px;
  --column-gap: 0px;
  --padding-top: 10rem;
  --padding-bottom: 10rem;
  --padding-left: 0rem;
  --padding-right: 0rem;
}
.section-legal-help .legal-benefit-grid {
  --display: flex;
  --gap: 0px 0px;
  --row-gap: 0px;
  --column-gap: 0px;
  --padding-top: 0rem;
  --padding-bottom: 0rem;
  --padding-left: 20rem;
  --padding-right: 0rem;
}
.section-legal-help .legal-benefit-card {
  min-height: 26rem;
  padding: 5rem 4rem 4.5rem;
  justify-content: center;
}
.angle:before {
  content: "";
  display: block;
  position: absolute;
  top: -0.7rem;
  right: -0.7rem;
  z-index: 10;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 5.2rem 5.2rem 0;
  border-color: transparent var(--clr-accent) transparent transparent;
  pointer-events: none;
}


.section-legal-help .legal-benefit-card .w-80 {
  width: 100%;
  max-width: 43rem;
  margin-left: auto;
  margin-right: auto;
}
.section-legal-help .legal-benefit-six > .widget-content {
  margin: 0rem 0rem -9rem 0rem;
}
.section-attorney-about.section-attorney-about {
  --display: flex;
  --flex-direction: row;
  --container-widget-width: initial;
  --container-widget-height: 100%;
  --container-widget-flex-grow: 1;
  --container-widget-align-self: stretch;
  --flex-wrap-mobile: wrap;
  --gap: 0px 0px;
  --row-gap: 0px;
  --column-gap: 0px;
  --padding-top: 0px;
  --padding-bottom: 0px;
  --padding-left: 0px;
  --padding-right: 0px;
}
.section-attorney-about .attorney-copy {
  --display: flex;
  --align-items: flex-end;
  --container-widget-width: calc((1 - var(--container-widget-flex-grow)) * 100%);
  --gap: 0px 0px;
  --row-gap: 0px;
  --column-gap: 0px;
  --padding-top: 10rem;
  --padding-bottom: 10rem;
  --padding-left: 0rem;
  --padding-right: 0rem;
}
.section-attorney-about .attorney-copy-inner {
  --display: flex;
  --gap: 0px 0px;
  --row-gap: 0px;
  --column-gap: 0px;
  --margin-top: 0px;
  --margin-bottom: 0px;
  --margin-left: 0px;
  --margin-right: -20px;
  --padding-top: 0rem;
  --padding-bottom: 0rem;
  --padding-left: 0rem;
  --padding-right: 20rem;
}
.section-attorney-about .attorney-title {
  text-align: left;
}
.section-attorney-about .attorney-text {
  width: var(--container-widget-width, 96%);
  max-width: 96%;
  --container-widget-width: 96%;
  --container-widget-flex-grow: 0;
  text-align: left;
}
.section-attorney-about .attorney-text > .widget-content {
  padding: 0rem 0rem 2rem 0rem;
}
.section-attorney-about .attorney-media {
  --display: flex;
  --gap: 0px 0px;
  --row-gap: 0px;
  --column-gap: 0px;
  --padding-top: 0px;
  --padding-bottom: 0px;
  --padding-left: 0px;
  --padding-right: 0px;
}
@media (min-width: 1920px) {
  .section-attorney-about .attorney-media {
    align-self: stretch;
  }
  .section-attorney-about .attorney-image {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
  }
  .section-attorney-about .attorney-image > .widget-content {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
  }
  .section-attorney-about .attorney-image > .widget-content > .square-box {
    flex: 1 1 auto;
  }
}
.section-legal-services.section-legal-services {
  --display: flex;
  --flex-direction: column;
  --container-widget-width: 100%;
  --container-widget-height: initial;
  --container-widget-flex-grow: 0;
  --container-widget-align-self: initial;
  --flex-wrap-mobile: wrap;
  --gap: 0px 0px;
  --row-gap: 0px;
  --column-gap: 0px;
  --padding-top: 10rem;
  --padding-bottom: 8rem;
  --padding-left: 0rem;
  --padding-right: 0rem;
}
.section-legal-services.section-legal-services {
  background-color: var(--clr-surface-teal);
}
.section-legal-services .legal-services-header {
  --display: flex;
  --flex-direction: row;
  --container-widget-width: initial;
  --container-widget-height: 100%;
  --container-widget-flex-grow: 1;
  --container-widget-align-self: stretch;
  --flex-wrap-mobile: wrap;
  --gap: 0px 0px;
  --row-gap: 0px;
  --column-gap: 0px;
  --margin-top: 0rem;
  --margin-bottom: 5rem;
  --margin-left: 0rem;
  --margin-right: 0rem;
  --padding-top: 0px;
  --padding-bottom: 0px;
  --padding-left: 10px;
  --padding-right: 10px;
}
.section-legal-services .legal-services-title-column {
  --display: flex;
  --gap: 0px 0px;
  --row-gap: 0px;
  --column-gap: 0px;
  --padding-top: 0px;
  --padding-bottom: 0px;
  --padding-left: 0px;
  --padding-right: 0px;
}
.section-legal-services .legal-services-title {
  text-align: left;
}
.section-legal-services .legal-services-copy-column {
  --display: flex;
  --align-items: flex-end;
  --container-widget-width: calc((1 - var(--container-widget-flex-grow)) * 100%);
  --gap: 0px 0px;
  --row-gap: 0px;
  --column-gap: 0px;
  --padding-top: 70px;
  --padding-bottom: 0px;
  --padding-left: 0px;
  --padding-right: 0px;
}
.section-legal-services .legal-services-copy {
  text-align: left;
}
.section-legal-services .legal-services-actions > .widget-content {
  margin: -2rem 0rem 0rem 0rem;
}
.section-legal-services .legal-services-actions .btns {
  text-align: left;
}
.section-legal-services .legal-services-grid {
  --display: flex;
  --flex-direction: row;
  --container-widget-width: initial;
  --container-widget-height: 100%;
  --container-widget-flex-grow: 1;
  --container-widget-align-self: stretch;
  --flex-wrap-mobile: wrap;
  --gap: 0px 0px;
  --row-gap: 0px;
  --column-gap: 0px;
  --padding-top: 0px;
  --padding-bottom: 0px;
  --padding-left: 0px;
  --padding-right: 0px;
}
.section-legal-services .legal-service-column-one {
  --display: flex;
  --gap: 0px 0px;
  --row-gap: 0px;
  --column-gap: 0px;
  --padding-top: 0px;
  --padding-bottom: 0px;
  --padding-left: 10px;
  --padding-right: 10px;
}
.section-legal-services .legal-service-column-two {
  --display: flex;
  --gap: 0px 0px;
  --row-gap: 0px;
  --column-gap: 0px;
  --padding-top: 0px;
  --padding-bottom: 0px;
  --padding-left: 10px;
  --padding-right: 10px;
}
.section-legal-services .legal-service-column-three {
  --display: flex;
  --gap: 0px 0px;
  --row-gap: 0px;
  --column-gap: 0px;
  --padding-top: 0px;
  --padding-bottom: 0px;
  --padding-left: 10px;
  --padding-right: 10px;
}
.section-deadline-cta.section-deadline-cta {
  --display: flex;
  --flex-direction: column;
  --container-widget-width: 100%;
  --container-widget-height: initial;
  --container-widget-flex-grow: 0;
  --container-widget-align-self: initial;
  --flex-wrap-mobile: wrap;
  --padding-top: 0px;
  --padding-bottom: 0px;
  --padding-left: 0px;
  --padding-right: 0px;
}
.section-deadline-cta .deadline-cta-widget .hero-bg,
.section-deadline-cta .deadline-cta-widget .bg-img {
  object-position: top !important;
}
.section-fees-costs.section-fees-costs {
  --display: flex;
  --flex-direction: column;
  --container-widget-width: 100%;
  --container-widget-height: initial;
  --container-widget-flex-grow: 0;
  --container-widget-align-self: initial;
  --flex-wrap-mobile: wrap;
  --gap: 0px 0px;
  --row-gap: 0px;
  --column-gap: 0px;
  --padding-top: 10rem;
  --padding-bottom: 8rem;
  --padding-left: 0rem;
  --padding-right: 0rem;
}
.section-fees-costs.section-fees-costs {
  background-color: var(--clr-surface-teal);
}
.section-fees-costs .fees-header {
  --display: flex;
  --flex-direction: row;
  --container-widget-width: initial;
  --container-widget-height: 100%;
  --container-widget-flex-grow: 1;
  --container-widget-align-self: stretch;
  --flex-wrap-mobile: wrap;
  --gap: 0px 0px;
  --row-gap: 0px;
  --column-gap: 0px;
  --margin-top: 0rem;
  --margin-bottom: 5rem;
  --margin-left: 0rem;
  --margin-right: 0rem;
  --padding-top: 0px;
  --padding-bottom: 0px;
  --padding-left: 10px;
  --padding-right: 10px;
}
.section-fees-costs .fees-title-column {
  --display: flex;
  --gap: 0px 0px;
  --row-gap: 0px;
  --column-gap: 0px;
  --padding-top: 0px;
  --padding-bottom: 0px;
  --padding-left: 0px;
  --padding-right: 0px;
}
.section-fees-costs .fees-title {
  text-align: left;
}
.section-fees-costs .fees-copy-column {
  --display: flex;
  --align-items: flex-end;
  --container-widget-width: calc((1 - var(--container-widget-flex-grow)) * 100%);
  --gap: 0px 0px;
  --row-gap: 0px;
  --column-gap: 0px;
  --padding-top: 70px;
  --padding-bottom: 0px;
  --padding-left: 0px;
  --padding-right: 0px;
}
.section-fees-costs .fees-copy {
  text-align: left;
}
.section-fees-costs .fees-actions > .widget-content {
  margin: -2rem 0rem 0rem 0rem;
}
.section-fees-costs .fees-actions .btns {
  text-align: left;
}
.section-fees-costs .fees-grid {
  --display: flex;
  --flex-direction: row;
  --container-widget-width: initial;
  --container-widget-height: 100%;
  --container-widget-flex-grow: 1;
  --container-widget-align-self: stretch;
  --flex-wrap-mobile: wrap;
  --gap: 0px 0px;
  --row-gap: 0px;
  --column-gap: 0px;
  --padding-top: 0px;
  --padding-bottom: 0px;
  --padding-left: 0px;
  --padding-right: 0px;
}
.section-fees-costs .fees-card-one {
  --display: flex;
  --padding-top: 0px;
  --padding-bottom: 0px;
  --padding-left: 10px;
  --padding-right: 10px;
}
.section-fees-costs .fees-card-two {
  --display: flex;
  --padding-top: 0px;
  --padding-bottom: 0px;
  --padding-left: 10px;
  --padding-right: 10px;
}
.section-fees-costs .fees-card-three {
  --display: flex;
  --padding-top: 0px;
  --padding-bottom: 0px;
  --padding-left: 10px;
  --padding-right: 10px;
}
.section-fees-costs .card .flex-row {
  align-items: center;
}
.section-fees-costs .card .counter-1 {
  white-space: nowrap;
  flex-shrink: 0;
  line-height: 1;
}
.section-fees-costs .card .flex-row > p {
  font-size: 1.3rem;
  line-height: 1.25;
  margin-bottom: 0;
}
.section-digital-support.section-digital-support {
  --display: flex;
  --flex-direction: column;
  --container-widget-width: 100%;
  --container-widget-height: initial;
  --container-widget-flex-grow: 0;
  --container-widget-align-self: initial;
  --flex-wrap-mobile: wrap;
  --gap: 0px 0px;
  --row-gap: 0px;
  --column-gap: 0px;
  --padding-top: 10rem;
  --padding-bottom: 8rem;
  --padding-left: 0rem;
  --padding-right: 0rem;
}
.section-digital-support .support-header {
  --display: flex;
  --flex-direction: row;
  --container-widget-width: initial;
  --container-widget-height: 100%;
  --container-widget-flex-grow: 1;
  --container-widget-align-self: stretch;
  --flex-wrap-mobile: wrap;
  --gap: 0px 0px;
  --row-gap: 0px;
  --column-gap: 0px;
  --margin-top: 0rem;
  --margin-bottom: 5rem;
  --margin-left: 0rem;
  --margin-right: 0rem;
  --padding-top: 0px;
  --padding-bottom: 0px;
  --padding-left: 10px;
  --padding-right: 10px;
}
.section-digital-support .support-title-column {
  --display: flex;
  --gap: 0px 0px;
  --row-gap: 0px;
  --column-gap: 0px;
  --padding-top: 0px;
  --padding-bottom: 0px;
  --padding-left: 0px;
  --padding-right: 0px;
}
.section-digital-support .support-title {
  text-align: left;
}
.section-digital-support .support-copy-column {
  --display: flex;
  --align-items: flex-end;
  --container-widget-width: calc((1 - var(--container-widget-flex-grow)) * 100%);
  --gap: 0px 0px;
  --row-gap: 0px;
  --column-gap: 0px;
  --padding-top: 70px;
  --padding-bottom: 0px;
  --padding-left: 0px;
  --padding-right: 0px;
}
.section-digital-support .support-copy {
  text-align: left;
}
.section-digital-support .support-actions > .widget-content {
  margin: -2rem 0rem 0rem 0rem;
}
.section-digital-support .support-actions .btns {
  text-align: left;
}
.section-digital-support .support-team {
  --display: flex;
  --flex-direction: row;
  --container-widget-width: initial;
  --container-widget-height: 100%;
  --container-widget-flex-grow: 1;
  --container-widget-align-self: stretch;
  --flex-wrap-mobile: wrap;
  --gap: 0px 0px;
  --row-gap: 0px;
  --column-gap: 0px;
  --padding-top: 0px;
  --padding-bottom: 0px;
  --padding-left: 0px;
  --padding-right: 0px;
}
.section-digital-support .support-member-one {
  --display: flex;
  --padding-top: 0px;
  --padding-bottom: 0px;
  --padding-left: 10px;
  --padding-right: 10px;
}
.section-digital-support .support-member-two {
  --display: flex;
  --padding-top: 0px;
  --padding-bottom: 0px;
  --padding-left: 10px;
  --padding-right: 10px;
}
.section-digital-support .support-member-three {
  --display: flex;
  --padding-top: 0px;
  --padding-bottom: 0px;
  --padding-left: 10px;
  --padding-right: 10px;
}
.section-digital-support .support-member-four {
  --display: flex;
  --padding-top: 0px;
  --padding-bottom: 0px;
  --padding-left: 10px;
  --padding-right: 10px;
}
.section-contact-cta.section-contact-cta {
  --display: flex;
  --flex-direction: column;
  --container-widget-width: 100%;
  --container-widget-height: initial;
  --container-widget-flex-grow: 0;
  --container-widget-align-self: initial;
  --flex-wrap-mobile: wrap;
  --padding-top: 0px;
  --padding-bottom: 0px;
  --padding-left: 0px;
  --padding-right: 0px;
}
.section-contact-cta .contact-cta-widget .hero-bg,
.section-contact-cta .contact-cta-widget .bg-img {
  object-position: center !important;
}
.section-page-hero.section-page-hero {
  --display: flex;
  --flex-direction: column;
  --container-widget-width: 100%;
  --container-widget-height: initial;
  --container-widget-flex-grow: 0;
  --container-widget-align-self: initial;
  --flex-wrap-mobile: wrap;
  --padding-top: 0px;
  --padding-bottom: 0px;
  --padding-left: 0px;
  --padding-right: 0px;
}
.section-page-hero .page-hero-widget .hero-bg,
.section-page-hero .page-hero-widget .bg-img {
  object-position: center !important;
}
.section-page-hero .page-hero-widget .overlay {
  opacity: 0.88 !important;
}
.section-contact-details.section-contact-details {
  --display: flex;
  --flex-direction: row;
  --container-widget-width: initial;
  --container-widget-height: 100%;
  --container-widget-flex-grow: 1;
  --container-widget-align-self: stretch;
  --flex-wrap-mobile: wrap;
  --gap: 0px 0px;
  --row-gap: 0px;
  --column-gap: 0px;
  --padding-top: 0px;
  --padding-bottom: 0px;
  --padding-left: 0px;
  --padding-right: 0px;
}
.section-contact-details .contact-details-sidebar {
  --display: flex;
  --gap: 0px 0px;
  --row-gap: 0px;
  --column-gap: 0px;
  --padding-top: 10rem;
  --padding-bottom: 7rem;
  --padding-left: 0rem;
  --padding-right: 0rem;
}
.section-contact-details .contact-details-sidebar-inner {
  --display: flex;
  --gap: 0px 0px;
  --row-gap: 0px;
  --column-gap: 0px;
  --padding-top: 0%;
  --padding-bottom: 0%;
  --padding-left: 0%;
  --padding-right: 25%;
}
.section-contact-details .contact-details-title,
.section-contact-details .contact-details-main-title,
.section-contact-details .contact-details-copy,
.section-contact-details .contact-details-map-title,
.section-contact-details .contact-details-form-title {
  text-align: left;
}
.section-contact-details .contact-details-info > .widget-content {
  margin: 0rem 0rem 5rem 0rem;
}
.section-contact-details .contact-details-social .social {
  justify-content: flex-start;
}
.section-contact-details .contact-details-main {
  --display: flex;
  --gap: 0px 0px;
  --row-gap: 0px;
  --column-gap: 0px;
  --padding-top: 10rem;
  --padding-bottom: 10rem;
  --padding-left: 0rem;
  --padding-right: 0rem;
}
.section-contact-details .contact-details-main-inner {
  --display: flex;
  --gap: 0px 0px;
  --row-gap: 0px;
  --column-gap: 0px;
  --padding-top: 0rem;
  --padding-bottom: 0rem;
  --padding-left: 10rem;
  --padding-right: 0rem;
}
.section-contact-details .contact-details-map > .widget-content {
  margin: 0rem 0rem 5rem 0rem;
}
.section-contact-details .contact-details-map iframe {
  height: 343px;
}
.section-image-cta.section-image-cta {
  --display: flex;
  --flex-direction: column;
  --container-widget-width: 100%;
  --container-widget-height: initial;
  --container-widget-flex-grow: 0;
  --container-widget-align-self: initial;
  --flex-wrap-mobile: wrap;
  --padding-top: 0px;
  --padding-bottom: 0px;
  --padding-left: 0px;
  --padding-right: 0px;
}
.section-image-cta .image-cta-widget .hero-bg,
.section-image-cta .image-cta-widget .bg-img {
  object-position: top !important;
}
@media (max-width: 1200px) {
  .section-legal-services .legal-services-grid {
    --flex-wrap: wrap;
  }
}
@media (min-width: 768px) {
  .section-contact-details.section-contact-details {
    --content-width: 1280px;
  }

  .section-contact-details .contact-details-sidebar,
  .section-contact-details .contact-details-main {
    --width: 50%;
  }
}
@media (max-width: 1200px) and (min-width: 768px) {
  .section-contact-details.section-contact-details {
    --content-width: 940px;
  }
}
@media (max-width: 992px) and (min-width: 768px) {
  .section-contact-details .contact-details-sidebar,
  .section-contact-details .contact-details-main {
    --width: 100%;
  }
}
@media (max-width: 992px) {
  .section-contact-details.section-contact-details {
    --flex-direction: column;
    --container-widget-width: 100%;
    --container-widget-height: initial;
    --container-widget-flex-grow: 0;
    --container-widget-align-self: initial;
    --flex-wrap-mobile: wrap;
  }

  .section-contact-details .contact-details-sidebar {
    --padding-top: 10rem;
    --padding-bottom: 7rem;
    --padding-left: 2rem;
    --padding-right: 2rem;
  }

  .section-contact-details .contact-details-sidebar-inner {
    --padding-top: 0%;
    --padding-bottom: 0%;
    --padding-left: 0%;
    --padding-right: 0%;
  }

  .section-contact-details .contact-details-main {
    --padding-top: 0rem;
    --padding-bottom: 10rem;
    --padding-left: 2rem;
    --padding-right: 2rem;
  }

  .section-contact-details .contact-details-main-inner {
    --padding-top: 0rem;
    --padding-bottom: 0rem;
    --padding-left: 0rem;
    --padding-right: 0rem;
  }

  .section-legal-help.section-legal-help {
    --flex-direction: column;
    --container-widget-width: 100%;
    --container-widget-height: initial;
    --container-widget-flex-grow: 0;
    --container-widget-align-self: initial;
    --flex-wrap-mobile: wrap;
    --padding-top: 0rem;
    --padding-bottom: 0rem;
    --padding-left: 2rem;
    --padding-right: 2rem;
  }
  .section-legal-help .legal-intro-copy {
    --padding-top: 0%;
    --padding-bottom: 0%;
    --padding-left: 0%;
    --padding-right: 0%;
  }
  .section-legal-help .legal-benefits {
    --padding-top: 0rem;
    --padding-bottom: 10rem;
    --padding-left: 0rem;
    --padding-right: 0rem;
  }
  .section-legal-help .legal-benefit-grid {
    --padding-top: 0rem;
    --padding-bottom: 0rem;
    --padding-left: 0rem;
    --padding-right: 0rem;
  }
  .section-attorney-about.section-attorney-about {
    --flex-direction: column;
    --container-widget-width: 100%;
    --container-widget-height: initial;
    --container-widget-flex-grow: 0;
    --container-widget-align-self: initial;
    --flex-wrap-mobile: wrap;
  }
  .section-attorney-about .attorney-copy {
    --padding-top: 10rem;
    --padding-bottom: 10rem;
    --padding-left: 2rem;
    --padding-right: 2rem;
  }
  .section-attorney-about .attorney-copy-inner {
    --margin-top: 0px;
    --margin-bottom: 0px;
    --margin-left: 0px;
    --margin-right: 0px;
    --padding-top: 0rem;
    --padding-bottom: 0rem;
    --padding-left: 0rem;
    --padding-right: 0rem;
  }
  .section-attorney-about .attorney-image {
    width: 100%;
    max-width: 100%;
  }
  .section-attorney-about .attorney-image > .widget-content {
    padding: 0% 0% 0% 0%;
  }
  .section-legal-services.section-legal-services {
    --padding-top: 10rem;
    --padding-bottom: 8rem;
    --padding-left: 2rem;
    --padding-right: 2rem;
  }
  .section-legal-services .legal-services-header {
    --padding-top: 0px;
    --padding-bottom: 0px;
    --padding-left: 0px;
    --padding-right: 0px;
  }
  .section-legal-services .legal-service-column-one {
    --padding-top: 0px;
    --padding-bottom: 0px;
    --padding-left: 0px;
    --padding-right: 10px;
  }
  .section-legal-services .legal-service-column-two {
    --padding-top: 0px;
    --padding-bottom: 0px;
    --padding-left: 10px;
    --padding-right: 0px;
  }
  .section-legal-services .legal-service-column-three {
    --padding-top: 0px;
    --padding-bottom: 0px;
    --padding-left: 0px;
    --padding-right: 10px;
  }
  .section-fees-costs.section-fees-costs {
    --padding-top: 10rem;
    --padding-bottom: 8rem;
    --padding-left: 2rem;
    --padding-right: 2rem;
  }
  .section-fees-costs .fees-header {
    --padding-top: 0px;
    --padding-bottom: 0px;
    --padding-left: 0px;
    --padding-right: 0px;
  }
  .section-fees-costs .fees-grid {
    --gap: 0px 0px;
    --row-gap: 0px;
    --column-gap: 0px;
    --flex-wrap: wrap;
  }
  .section-fees-costs .fees-card-one {
    --padding-top: 0px;
    --padding-bottom: 0px;
    --padding-left: 0px;
    --padding-right: 10px;
  }
  .section-fees-costs .fees-card-two {
    --padding-top: 0px;
    --padding-bottom: 0px;
    --padding-left: 10px;
    --padding-right: 0px;
  }
  .section-fees-costs .fees-card-three {
    --padding-top: 0px;
    --padding-bottom: 0px;
    --padding-left: 0px;
    --padding-right: 10px;
  }
  .section-digital-support.section-digital-support {
    --padding-top: 10rem;
    --padding-bottom: 8rem;
    --padding-left: 2rem;
    --padding-right: 2rem;
  }
  .section-digital-support .support-header {
    --flex-direction: column;
    --container-widget-width: 100%;
    --container-widget-height: initial;
    --container-widget-flex-grow: 0;
    --container-widget-align-self: initial;
    --flex-wrap-mobile: wrap;
    --padding-top: 0px;
    --padding-bottom: 0px;
    --padding-left: 0px;
    --padding-right: 0px;
  }
  .section-digital-support .support-copy-column {
    --align-items: flex-start;
    --container-widget-width: calc((1 - var(--container-widget-flex-grow)) * 100%);
    --padding-top: 0px;
    --padding-bottom: 0px;
    --padding-left: 0px;
    --padding-right: 0px;
  }
  .section-digital-support .support-team {
    --flex-wrap: wrap;
  }
  .section-digital-support .support-member-one {
    --padding-top: 0px;
    --padding-bottom: 0px;
    --padding-left: 0px;
    --padding-right: 10px;
  }
  .section-digital-support .support-member-two {
    --padding-top: 0px;
    --padding-bottom: 0px;
    --padding-left: 10px;
    --padding-right: 0px;
  }
  .section-digital-support .support-member-three {
    --padding-top: 0px;
    --padding-bottom: 0px;
    --padding-left: 0px;
    --padding-right: 10px;
  }
  .section-digital-support .support-member-four {
    --padding-top: 0px;
    --padding-bottom: 0px;
    --padding-left: 10px;
    --padding-right: 0px;
  }
}
@media (max-width: 767px) {
  .section-legal-services .legal-services-copy-column {
    --align-items: flex-start;
    --container-widget-width: calc((1 - var(--container-widget-flex-grow)) * 100%);
    --padding-top: 0px;
    --padding-bottom: 0px;
    --padding-left: 0px;
    --padding-right: 0px;
  }
  .section-legal-services .legal-service-column-one {
    --padding-top: 0px;
    --padding-bottom: 0px;
    --padding-left: 0px;
    --padding-right: 0px;
  }
  .section-legal-services .legal-service-column-two {
    --padding-top: 0px;
    --padding-bottom: 0px;
    --padding-left: 0px;
    --padding-right: 0px;
  }
  .section-legal-services .legal-service-column-three {
    --padding-top: 0px;
    --padding-bottom: 0px;
    --padding-left: 0px;
    --padding-right: 0px;
  }
  .section-fees-costs .fees-copy-column {
    --align-items: flex-start;
    --container-widget-width: calc((1 - var(--container-widget-flex-grow)) * 100%);
    --padding-top: 0px;
    --padding-bottom: 0px;
    --padding-left: 0px;
    --padding-right: 0px;
  }
  .section-fees-costs .fees-card-one {
    --padding-top: 0px;
    --padding-bottom: 0px;
    --padding-left: 0px;
    --padding-right: 0px;
  }
  .section-fees-costs .fees-card-two {
    --padding-top: 0px;
    --padding-bottom: 0px;
    --padding-left: 0px;
    --padding-right: 0px;
  }
  .section-fees-costs .fees-card-three {
    --padding-top: 0px;
    --padding-bottom: 0px;
    --padding-left: 0px;
    --padding-right: 0px;
  }
  .section-digital-support .support-member-one {
    --flex-wrap: nowrap;
    --padding-top: 0px;
    --padding-bottom: 0px;
    --padding-left: 0px;
    --padding-right: 0px;
  }
  .section-digital-support .support-member-two {
    --flex-wrap: nowrap;
    --padding-top: 0px;
    --padding-bottom: 0px;
    --padding-left: 0px;
    --padding-right: 0px;
  }
  .section-digital-support .support-member-three {
    --flex-wrap: nowrap;
    --padding-top: 0px;
    --padding-bottom: 0px;
    --padding-left: 0px;
    --padding-right: 0px;
  }
  .section-digital-support .support-member-four {
    --flex-wrap: nowrap;
    --padding-top: 0px;
    --padding-bottom: 0px;
    --padding-left: 0px;
    --padding-right: 0px;
  }
}
@media (min-width: 768px) {
  .section-legal-help.section-legal-help {
    --content-width: 1280px;
  }
  .section-legal-help .legal-intro {
    --width: 50%;
  }
  .section-legal-help .legal-benefits {
    --width: 50%;
  }
  .section-attorney-about .attorney-copy {
    --width: 50%;
  }
  .section-attorney-about .attorney-media {
    --width: 50%;
  }
  .section-legal-services.section-legal-services {
    --content-width: 1300px;
  }
  .section-fees-costs.section-fees-costs {
    --content-width: 1300px;
  }
  .section-digital-support.section-digital-support {
    --content-width: 1300px;
  }
}
@media (max-width: 1200px) and (min-width: 768px) {
  .section-legal-help.section-legal-help {
    --content-width: 940px;
  }
  .section-legal-services.section-legal-services {
    --content-width: 960px;
  }
  .section-legal-services .legal-service-column-one {
    --width: 50%;
  }
  .section-legal-services .legal-service-column-two {
    --width: 50%;
  }
  .section-legal-services .legal-service-column-three {
    --width: 50%;
  }
  .section-fees-costs.section-fees-costs {
    --content-width: 960px;
  }
  .section-digital-support.section-digital-support {
    --content-width: 960px;
  }
}
@media (max-width: 992px) and (min-width: 768px) {
  .section-legal-help.section-legal-help {
    --content-width: 920px;
  }
  .section-legal-help .legal-intro {
    --width: 100%;
  }
  .section-legal-help .legal-benefits {
    --width: 100%;
  }
  .section-attorney-about .attorney-copy {
    --width: 100%;
  }
  .section-attorney-about .attorney-media {
    --width: 100%;
  }
  .section-fees-costs .fees-card-one {
    --width: 50%;
  }
  .section-fees-costs .fees-card-two {
    --width: 50%;
  }
  .section-fees-costs .fees-card-three {
    --width: 50%;
  }
  .section-digital-support .support-member-one {
    --width: 50%;
  }
  .section-digital-support .support-member-two {
    --width: 50%;
  }
  .section-digital-support .support-member-three {
    --width: 50%;
  }
  .section-digital-support .support-member-four {
    --width: 50%;
  }
}

/* ─── Global Header ─────────────────────────────────── */

.top-panel .header-inner {
  --display: flex;
  --flex-direction: row;
  --container-widget-width: calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );
  --container-widget-height: 100%;
  --container-widget-flex-grow: 1;
  --container-widget-align-self: stretch;
  --flex-wrap-mobile: wrap;
  --justify-content: space-between;
  --align-items: center;
  --gap: 0px 0px;
  --row-gap: 0px;
  --column-gap: 0px;
  --padding-top: 0rem;
  --padding-bottom: 0rem;
  --padding-left: 10rem;
  --padding-right: 10rem;
}
.top-panel .header-logo-col {
  --display: flex;
  --gap: 0px 0px;
  --row-gap: 0px;
  --column-gap: 0px;
  --padding-top: 0px;
  --padding-bottom: 0px;
  --padding-left: 0px;
  --padding-right: 0px;
}
.top-panel .header-logo {
  width: var(--container-widget-width, 12rem);
  max-width: 12rem;
  --container-widget-width: 12rem;
  --container-widget-flex-grow: 0;
}
.top-panel .header-logo .logo {
  align-items: center;
}
.top-panel .header-logo .logo img {
  height: 4rem;
  width: auto;
}
.top-panel .header-nav-col {
  --display: flex;
  --align-items: flex-end;
  --container-widget-width: calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );
  --gap: 0px 0px;
  --row-gap: 0px;
  --column-gap: 0px;
  --padding-top: 0%;
  --padding-bottom: 0%;
  --padding-left: 0%;
  --padding-right: 0%;
}
.top-panel .header-nav {
  width: 100%;
  max-width: 100%;
  text-align: left;
}
@media (min-width: 768px) {
  .top-panel .header-logo-col { --width: 17rem; }
  .top-panel .header-nav-col { --width: calc(100% - 17rem); }
}

/* Hamburger + mobile CTA: slightly larger circular buttons */
.open-mobile-menu,
.menu-btn {
  width: 4.6rem !important;
  height: 4.6rem !important;
}

/* Mobile/tablet-only icon CTA: collapses "Jetzt anfragen" to just the
   envelope circle (the full text+icon button lives inside the desktop nav
   and inside the off-canvas drawer, both hidden in this range). Sits to the
   immediate left of the hamburger, same size and vertical position. */
.mobile-cta-btn {
  display: none;
  text-decoration: none;
}
@media (max-width: 992px) {
  .mobile-cta-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    float: right;
    margin-right: 1.2rem;
    width: 4.6rem;
    height: 4.6rem;
    border-radius: 50%;
    background-color: var(--clr-accent);
    color: var(--clr-dark);
    font-size: 1.6rem;
    line-height: 1;
  }
  .mobile-cta-btn i {
    display: block;
    line-height: 1;
  }
}
@media (max-width: 1200px) {
  .top-panel .header-inner {
    --padding-top: 0px;
    --padding-bottom: 0px;
    --padding-left: 10px;
    --padding-right: 10px;
  }
}
@media (max-width: 992px) {
  .top-panel .header-inner {
    --padding-top: 0rem;
    --padding-bottom: 0rem;
    --padding-left: 2rem;
    --padding-right: 2rem;
  }
  .top-panel .header-nav-col {
    --align-items: center;
    --container-widget-width: calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );
  }
}
@media (max-width: 767px) {
  .top-panel .header-inner {
    --justify-content: space-between;
    --align-items: center;
    --container-widget-width: calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );
    --gap: 0px 0px;
    --row-gap: 0px;
    --column-gap: 0px;
  }
  .top-panel .header-inner.e-con { --align-self: center; }
  .top-panel .header-logo-col { --width: 50%; }
  .top-panel .header-nav-col {
    --width: 50%;
    --align-items: flex-end;
    --container-widget-width: calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );
  }
}
@media (max-width: 1200px) and (min-width: 768px) {
  .top-panel .header-inner { width: 100% !important; max-width: 960px; margin: 0 auto; }
}

/* ─── Global Footer ─────────────────────────────────── */

.footer .footer-upper {
  --display: flex;
  --flex-direction: column;
  --container-widget-width: 100%;
  --container-widget-height: initial;
  --container-widget-flex-grow: 0;
  --container-widget-align-self: initial;
  --flex-wrap-mobile: wrap;
  --gap: 0px 0px;
  --row-gap: 0px;
  --column-gap: 0px;
  --padding-top: 0px;
  --padding-bottom: 0px;
  --padding-left: 0px;
  --padding-right: 0px;
}
.footer .footer-main {
  --display: flex;
  --flex-direction: row;
  --container-widget-width: initial;
  --container-widget-height: 100%;
  --container-widget-flex-grow: 1;
  --container-widget-align-self: stretch;
  --flex-wrap-mobile: wrap;
  --justify-content: space-between;
  --gap: 0px 0px;
  --row-gap: 0px;
  --column-gap: 0px;
  --padding-top: 9rem;
  --padding-bottom: 9rem;
  --padding-left: 0rem;
  --padding-right: 0rem;
}
.footer .footer-brand {
  --display: flex;
  --gap: 0px 0px;
  --row-gap: 0px;
  --column-gap: 0px;
}
.footer .footer-logo > .widget-content,
.footer .footer-logo > .widget-content {
  margin: 0rem 0rem 4rem 0rem;
}
.footer .footer-logo .logo {
  align-items: center;
}
.footer .footer-nav-col {
  --display: flex;
  --margin-top: 0%;
  --margin-bottom: 0%;
  --margin-left: 0%;
  --margin-right: 3%;
}
.footer .footer-nav {
  text-align: left;
}
.footer .footer-links-col {
  --display: flex;
}
.footer .footer-secondary {
  --display: flex;
  --flex-direction: row;
  --container-widget-width: initial;
  --container-widget-height: 100%;
  --container-widget-flex-grow: 1;
  --container-widget-align-self: stretch;
  --flex-wrap-mobile: wrap;
  --justify-content: space-between;
  --gap: 0px 0px;
  --row-gap: 0px;
  --column-gap: 0px;
  --padding-top: 9rem;
  --padding-bottom: 9rem;
  --padding-left: 0rem;
  --padding-right: 0rem;
}
.footer .footer-secondary {
  background-color: var(--clr-surface-teal);
}
.footer .footer-social-group {
  --display: flex;
  --justify-content: space-between;
}
.footer .footer-social .social {
  justify-content: flex-start;
}
.footer .footer-office {
  --display: flex;
  --margin-top: 0%;
  --margin-bottom: 0%;
  --margin-left: 0%;
  --margin-right: 3%;
}
.footer .footer-online {
  --display: flex;
}
.footer .footer-bottom {
  --display: flex;
  --flex-direction: column;
  --container-widget-width: 100%;
  --container-widget-height: initial;
  --container-widget-flex-grow: 0;
  --container-widget-align-self: initial;
  --flex-wrap-mobile: wrap;
  --padding-top: 0px;
  --padding-bottom: 0px;
  --padding-left: 0px;
  --padding-right: 0px;
}
.footer .footer-bottom {
  background-color: var(--clr-surface-light);
}
.footer .footer-bottom-row {
  --display: flex;
  --min-height: 10rem;
  --flex-direction: row;
  --container-widget-width: calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );
  --container-widget-height: 100%;
  --container-widget-flex-grow: 1;
  --container-widget-align-self: stretch;
  --flex-wrap-mobile: wrap;
  --justify-content: space-between;
  --align-items: center;
  --padding-top: 0px;
  --padding-bottom: 0px;
  --padding-left: 0px;
  --padding-right: 0px;
  --z-index: 1;
}
.footer .footer-copyright-col {
  --display: flex;
  --padding-top: 0px;
  --padding-bottom: 0px;
  --padding-left: 10px;
  --padding-right: 10px;
}
.footer .footer-copyright {
  color: var(--clr-text-muted);
}
.footer .footer-credits-col {
  --display: flex;
  --padding-top: 0px;
  --padding-bottom: 0px;
  --padding-left: 10px;
  --padding-right: 10px;
}
.footer .footer-credits {
  text-align: end;
  color: var(--clr-text-muted);
}
@media (min-width: 768px) {
  .footer .footer-main { --content-width: 1300px; }
  .footer .footer-brand { --width: 62%; }
  .footer .footer-nav-col { --width: 17.5%; }
  .footer .footer-links-col { --width: 17.5%; }
  .footer .footer-secondary { --content-width: 1300px; }
  .footer .footer-social-group { --width: 62%; }
  .footer .footer-office { --width: 17.5%; }
  .footer .footer-online { --width: 17.5%; }
  .footer .footer-bottom { --content-width: 1300px; }
}
@media (max-width: 1200px) and (min-width: 768px) {
  .footer .footer-main { --content-width: 960px; }
  .footer .footer-secondary { --content-width: 960px; }
  .footer .footer-bottom { --content-width: 960px; }
}
@media (max-width: 767px) {
  .footer .footer-main {
    --padding-top: 10rem;
    --padding-bottom: 10rem;
    --padding-left: 2rem;
    --padding-right: 2rem;
  }
  .footer .footer-brand {
    --margin-top: 0rem;
    --margin-bottom: 5rem;
    --margin-left: 0rem;
    --margin-right: 0rem;
    --padding-top: 0rem;
    --padding-bottom: 0rem;
    --padding-left: 0rem;
    --padding-right: 0rem;
  }
  .footer .footer-logo.site-widget,
  .footer .footer-logo.site-widget { --align-self: center; }
  .footer .footer-nav-col {
    --margin-top: 0rem;
    --margin-bottom: 5rem;
    --margin-left: 0rem;
    --margin-right: 0rem;
    --padding-top: 0px;
    --padding-bottom: 0px;
    --padding-left: 0px;
    --padding-right: 0px;
  }
  .footer .footer-links-col {
    --margin-top: 0px;
    --margin-bottom: 0px;
    --margin-left: 0px;
    --margin-right: 0px;
    --padding-top: 0px;
    --padding-bottom: 0px;
    --padding-left: 0px;
    --padding-right: 0px;
  }
  .footer .footer-secondary {
    --padding-top: 10rem;
    --padding-bottom: 10rem;
    --padding-left: 2rem;
    --padding-right: 2rem;
  }
  .footer .footer-social-group {
    --gap: 0px 0px;
    --row-gap: 0px;
    --column-gap: 0px;
    --padding-top: 0px;
    --padding-bottom: 0px;
    --padding-left: 0px;
    --padding-right: 0px;
  }
  .footer .footer-social > .widget-content,
  .footer .footer-social > .widget-content { margin: 0rem 0rem 5rem 0rem; }
  .footer .footer-social .social { justify-content: center; }
  .footer .footer-secondary-links > .widget-content,
  .footer .footer-secondary-links > .widget-content { margin: 0rem 0rem 5rem 0rem; }
  .footer .footer-office {
    --margin-top: 0%;
    --margin-bottom: 0%;
    --margin-left: 0%;
    --margin-right: 0%;
    --padding-top: 0rem;
    --padding-bottom: 5rem;
    --padding-left: 0rem;
    --padding-right: 0rem;
  }
  .footer .footer-online {
    --margin-top: 0rem;
    --margin-bottom: 0rem;
    --margin-left: 0rem;
    --margin-right: 0rem;
    --padding-top: 0px;
    --padding-bottom: 0px;
    --padding-left: 0px;
    --padding-right: 0px;
  }
  .footer .footer-bottom-row {
    --gap: 0px 0px;
    --row-gap: 0px;
    --column-gap: 0px;
    --padding-top: 4rem;
    --padding-bottom: 4rem;
    --padding-left: 0rem;
    --padding-right: 0rem;
  }
  .footer .footer-copyright-col {
    --margin-top: 0rem;
    --margin-bottom: 2rem;
    --margin-left: 0rem;
    --margin-right: 0rem;
    --padding-top: 0px;
    --padding-bottom: 0px;
    --padding-left: 0px;
    --padding-right: 0px;
  }
  .footer .footer-copyright.site-widget,
  .footer .footer-copyright.site-widget { --align-self: center; }
  .footer .footer-credits-col {
    --padding-top: 0px;
    --padding-bottom: 0px;
    --padding-left: 0px;
    --padding-right: 0px;
  }
  .footer .footer-credits { text-align: center; }
}

/* ─── Shared Section Patterns ─────────────────────────────── */
.section-hero-outer.section-hero-outer {
  --display: flex;
  --flex-direction: column;
  --container-widget-width: 100%;
  --container-widget-height: initial;
  --container-widget-flex-grow: 0;
  --container-widget-align-self: initial;
  --flex-wrap-mobile: wrap;
  --padding-top: 0px; --padding-bottom: 0px;
  --padding-left: 0px; --padding-right: 0px;
}

.bg-top .hero-bg,
.bg-top .bg-img { object-position: center 72% !important; }

.section-hero-outer .hero-content .site-container {
  max-width: 1300px;
  margin: 0 auto;
  padding: 0 10px;
}
.section-hero-outer .hero-content .tac {
  text-align: left;
}
.section-hero-outer .hero-content .breadcrumbs.jcc {
  justify-content: flex-start;
}
@media (max-width: 1200px) and (min-width: 768px) {
  .section-hero-outer .hero-content .site-container {
    max-width: 960px;
  }
}
@media (max-width: 767px) {
  .section-hero-outer .hero-content .site-container {
    padding: 0 2rem;
  }
}

.sticky-section.sticky-section {
  --display: flex; --flex-direction: row;
  --container-widget-width: initial; --container-widget-height: 100%;
  --container-widget-flex-grow: 1; --container-widget-align-self: stretch;
  --flex-wrap-mobile: wrap; --gap: 0px 0px;
  --padding-top: 0px; --padding-bottom: 0px;
  --padding-left: 0px; --padding-right: 0px;
}
@media (min-width: 768px) { .sticky-section.sticky-section { --content-width: 1280px; } }
@media (max-width: 1200px) and (min-width: 768px) { .sticky-section.sticky-section { --content-width: 940px; } }
@media (max-width: 992px) {
  .sticky-section.sticky-section {
    --flex-direction: column; --container-widget-width: 100%;
    --container-widget-height: initial; --container-widget-flex-grow: 0;
    --container-widget-align-self: initial;
    --padding-top: 0rem; --padding-bottom: 0rem;
    --padding-left: 0rem; --padding-right: 0rem;
  }
}

.sticky-part.sticky-part {
  --display: flex; --gap: 0px 0px;
  --padding-top: 10rem; --padding-bottom: 10rem;
  --padding-left: 0rem; --padding-right: 0rem;
  --overflow: hidden; /* angle::after clip — e-con default is visible, this restores it */
}
@media (min-width: 768px) { .sticky-part.sticky-part { --width: 50%; } }
@media (max-width: 992px) and (min-width: 768px) { .sticky-part.sticky-part { --width: 100%; } }
@media (max-width: 992px) {
  .sticky-part.sticky-part {
    --padding-top: 10rem; --padding-bottom: 0rem;
    --padding-left: 2rem; --padding-right: 2rem;
  }
}

.section-intro-text.section-intro-text {
  --display: flex; --gap: 0px 0px;
  --padding-top: 0%; --padding-bottom: 0%;
  --padding-left: 0%; --padding-right: 25%;
}
@media (max-width: 992px) { .section-intro-text.section-intro-text { --padding-right: 0%; } }

.section-inner-content.section-inner-content {
  --display: flex; --gap: 0px 0px;
  --padding-top: 0rem; --padding-bottom: 0rem;
  --padding-left: 10rem; --padding-right: 0rem;
}
@media (max-width: 992px) { .section-inner-content.section-inner-content { --padding-left: 0rem; } }

/* ─── Home-5: Partners ────────────────────────────────────── */
.section-partners.section-partners {
  --display: flex; --flex-direction: column;
  --container-widget-width: 100%; --container-widget-height: initial;
  --container-widget-flex-grow: 0; --container-widget-align-self: initial;
  --flex-wrap-mobile: wrap;
  --padding-top: 0px; --padding-bottom: 0px;
  --padding-left: 10px; --padding-right: 10px;
}
@media (min-width: 768px) { .section-partners.section-partners { --content-width: 1280px; } }
@media (max-width: 1200px) and (min-width: 768px) { .section-partners.section-partners { --content-width: 940px; } }
@media (max-width: 992px) { .section-partners.section-partners { --padding-left: 2rem; --padding-right: 2rem; } }

.partners-grid.partners-grid {
  --display: grid;
  --e-con-grid-template-columns: repeat(5, 1fr);
  --e-con-grid-template-rows: repeat(1, 1fr);
  --gap: 0rem 2rem; --row-gap: 0rem; --column-gap: 2rem;
  --grid-auto-flow: row;
  --padding-top: 10rem; --padding-bottom: 8rem;
  --padding-left: 0rem; --padding-right: 0rem;
}
.partners-grid.partners-grid.e-con { --align-self: center; }
@media (max-width: 767px) { .partners-grid.partners-grid { --e-con-grid-template-columns: repeat(2, 1fr); } }
.section-partners .partners-grid .partner img { height: 3.2rem; }

/* ─── Service Pages ───────────────────────────────────────── */
.service-desc-widget.service-desc-widget {
  width: var(--container-widget-width, 80%);
  max-width: 80%;
  --container-widget-width: 80%;
  --container-widget-flex-grow: 0;
}
@media (max-width: 992px) { .service-desc-widget.service-desc-widget { width: 100%; max-width: 100%; } }

.service-counter > .widget-content { margin: 0rem 0rem 4rem 0rem; }

.service-right-col.service-right-col {
  --display: flex; --gap: 0px 0px;
  --padding-top: 10rem; --padding-bottom: 10rem;
  --padding-left: 0rem; --padding-right: 0rem;
}
@media (min-width: 768px) { .service-right-col.service-right-col { --width: 50%; } }
@media (max-width: 992px) and (min-width: 768px) { .service-right-col.service-right-col { --width: 100%; } }
@media (max-width: 992px) { .service-right-col.service-right-col { --padding-left: 2rem; --padding-right: 2rem; } }

.service-related-section.service-related-section {
  --display: flex; --gap: 0px 0px;
  --padding-top: 10rem; --padding-bottom: 8rem;
  --padding-left: 0rem; --padding-right: 0rem;
  background-color: var(--clr-surface-teal);
}
@media (min-width: 768px) { .service-related-section.service-related-section { --content-width: 1300px; } }
@media (max-width: 1200px) and (min-width: 768px) { .service-related-section.service-related-section { --content-width: 960px; } }
@media (max-width: 992px) {
  .service-related-section.service-related-section {
    --flex-direction: column; --container-widget-width: 100%;
    --container-widget-height: initial; --container-widget-flex-grow: 0;
    --container-widget-align-self: initial; --flex-wrap-mobile: wrap;
    --padding-left: 2rem; --padding-right: 2rem;
  }
}

.service-related-header-row.service-related-header-row {
  --display: flex; --flex-direction: row;
  --container-widget-width: initial; --container-widget-height: 100%;
  --container-widget-flex-grow: 1; --container-widget-align-self: stretch;
  --flex-wrap-mobile: wrap; --gap: 0px 0px;
  --margin-top: 0rem; --margin-bottom: 5rem;
  --margin-left: 0rem; --margin-right: 0rem;
  --padding-top: 0px; --padding-bottom: 0px;
  --padding-left: 10px; --padding-right: 10px;
}
@media (max-width: 1200px) { .service-related-header-row.service-related-header-row { --padding-left: 0; --padding-right: 0; } }
@media (max-width: 992px) {
  .service-related-header-row.service-related-header-row {
    --flex-direction: column; --container-widget-width: 100%;
    --container-widget-height: initial; --container-widget-flex-grow: 0;
    --container-widget-align-self: initial; --gap: 0px 0px;
  }
}

.service-related-portfolio-col.service-related-portfolio-col {
  --display: flex; --align-items: flex-end;
  --container-widget-width: calc((1 - var(--container-widget-flex-grow)) * 100%);
  --gap: 0px 0px;
  --padding-top: 70px; --padding-bottom: 0px;
  --padding-left: 10px; --padding-right: 10px;
}
@media (max-width: 1200px) { .service-related-portfolio-col.service-related-portfolio-col { --padding-top: 40px; } }
@media (max-width: 992px) { .service-related-portfolio-col.service-related-portfolio-col { --padding-top: 40px; --padding-left: 20px; --padding-right: 0px; } }
@media (max-width: 767px) { .service-related-portfolio-col.service-related-portfolio-col { --padding-top: 0px; --padding-left: 0px; --padding-right: 0px; } }

.service-related-archive-col.service-related-archive-col {
  --display: flex; --gap: 0px 0px;
  --padding-top: 0px; --padding-bottom: 0px;
  --padding-left: 10px; --padding-right: 10px;
}
@media (max-width: 1200px) { .service-related-archive-col.service-related-archive-col { --padding-left: 0; --padding-right: 0; } }

/* ─── FAQ Page ─────────────────────────────────────────────── */
.faq-section-row.faq-section-row {
  --display: flex; --flex-direction: row;
  --container-widget-width: initial; --container-widget-height: 100%;
  --container-widget-flex-grow: 1; --container-widget-align-self: stretch;
  --flex-wrap-mobile: wrap; --gap: 0px 0px;
  --padding-top: 0px; --padding-bottom: 0px;
  --padding-left: 0px; --padding-right: 0px;
}
@media (min-width: 768px) { .faq-section-row.faq-section-row { --content-width: 1280px; } }
@media (max-width: 1200px) and (min-width: 768px) { .faq-section-row.faq-section-row { --content-width: 940px; } }
@media (max-width: 992px) {
  .faq-section-row.faq-section-row {
    --flex-direction: column; --container-widget-width: 100%;
    --container-widget-height: initial; --container-widget-flex-grow: 0;
    --container-widget-align-self: initial;
  }
}

.faq-sticky-col.faq-sticky-col {
  --display: flex; --gap: 0px 0px;
  --padding-top: 10rem; --padding-bottom: 10rem;
  --padding-left: 0rem; --padding-right: 0rem;
}
@media (min-width: 768px) { .faq-sticky-col.faq-sticky-col { --width: 50%; } }
@media (max-width: 992px) and (min-width: 768px) { .faq-sticky-col.faq-sticky-col { --width: 100%; } }
@media (max-width: 992px) { .faq-sticky-col.faq-sticky-col { --padding-left: 2rem; --padding-right: 2rem; } }

.faq-heading-widget.faq-heading-widget {
  width: var(--container-widget-width, 320px); max-width: 320px;
  --container-widget-width: 320px; --container-widget-flex-grow: 0;
}
@media (max-width: 992px) { .faq-heading-widget.faq-heading-widget { width: 100%; max-width: 100%; } }

.faq-desc-widget.faq-desc-widget {
  width: var(--container-widget-width, 280px); max-width: 280px;
  --container-widget-width: 280px; --container-widget-flex-grow: 0;
}
@media (max-width: 992px) { .faq-desc-widget.faq-desc-widget { width: 100%; max-width: 100%; } }

.faq-questions-col.faq-questions-col {
  --display: flex; --gap: 0px 0px;
  --padding-top: 10rem; --padding-bottom: 10rem;
  --padding-left: 0rem; --padding-right: 0rem;
}
@media (min-width: 768px) { .faq-questions-col.faq-questions-col { --width: 50%; } }
@media (max-width: 992px) and (min-width: 768px) { .faq-questions-col.faq-questions-col { --width: 100%; } }
@media (max-width: 992px) { .faq-questions-col.faq-questions-col { --padding-top: 0rem; --padding-bottom: 10rem; --padding-left: 2rem; --padding-right: 2rem; } }

/* ─── Portfolio: Project Single ───────────────────────────── */
.project-content-row.project-content-row {
  --display: flex; --flex-direction: row;
  --container-widget-width: initial; --container-widget-height: 100%;
  --container-widget-flex-grow: 1; --container-widget-align-self: stretch;
  --flex-wrap-mobile: wrap; --gap: 0px 0px;
  --padding-top: 0px; --padding-bottom: 0px;
  --padding-left: 0px; --padding-right: 0px;
}
@media (min-width: 768px) { .project-content-row.project-content-row { --content-width: 1280px; } }
@media (max-width: 1200px) and (min-width: 768px) { .project-content-row.project-content-row { --content-width: 940px; } }
@media (max-width: 992px) {
  .project-content-row.project-content-row {
    --flex-direction: column; --container-widget-width: 100%;
    --container-widget-height: initial; --container-widget-flex-grow: 0;
    --container-widget-align-self: initial;
  }
}

.project-sticky-col.project-sticky-col {
  --display: flex; --gap: 0px 0px;
  --padding-top: 10rem; --padding-bottom: 7rem;
  --padding-left: 0rem; --padding-right: 0rem;
}
@media (min-width: 768px) { .project-sticky-col.project-sticky-col { --width: 50%; } }
@media (max-width: 992px) and (min-width: 768px) { .project-sticky-col.project-sticky-col { --width: 100%; } }
@media (max-width: 992px) { .project-sticky-col.project-sticky-col { --padding-top: 10rem; --padding-bottom: 8rem; --padding-left: 2rem; --padding-right: 2rem; } }

.project-content-col.project-content-col {
  --display: flex; --gap: 0px 0px;
  --padding-top: 10rem; --padding-bottom: 5rem;
  --padding-left: 0rem; --padding-right: 0rem;
}
@media (min-width: 768px) { .project-content-col.project-content-col { --width: 50%; } }
@media (max-width: 992px) and (min-width: 768px) { .project-content-col.project-content-col { --width: 100%; } }
@media (max-width: 992px) { .project-content-col.project-content-col { --padding-top: 0rem; --padding-bottom: 0rem; --padding-left: 0rem; --padding-right: 0rem; } }

.project-content-header.project-content-header {
  --display: flex; --gap: 0px 0px;
  --padding-top: 0rem; --padding-bottom: 0rem;
  --padding-left: 10rem; --padding-right: 0rem;
}
@media (max-width: 992px) { .project-content-header.project-content-header { --padding-top: 0rem; --padding-bottom: 7rem; --padding-left: 2rem; --padding-right: 2rem; } }
@media (max-width: 767px) { .project-content-header.project-content-header { --flex-wrap: nowrap; } }

.project-image > .widget-content { margin: 0rem 0rem 1rem 0rem; }

.project-similar-section.project-similar-section {
  --display: flex; --flex-direction: column;
  --container-widget-width: 100%; --container-widget-height: initial;
  --container-widget-flex-grow: 0; --container-widget-align-self: initial;
  --flex-wrap-mobile: wrap; --gap: 0px 0px;
  --padding-top: 10rem; --padding-bottom: 8rem;
  --padding-left: 0rem; --padding-right: 0rem;
}
.project-similar-section.project-similar-section { background-color: var(--clr-surface-teal); }
@media (min-width: 768px) { .project-similar-section.project-similar-section { --content-width: 1300px; } }
@media (max-width: 1200px) and (min-width: 768px) { .project-similar-section.project-similar-section { --content-width: 960px; } }
@media (max-width: 992px) { .project-similar-section.project-similar-section { --padding-left: 2rem; --padding-right: 2rem; } }

.project-similar-row.project-similar-row {
  --display: flex; --flex-direction: row;
  --container-widget-width: initial; --container-widget-height: 100%;
  --container-widget-flex-grow: 1; --container-widget-align-self: stretch;
  --flex-wrap-mobile: wrap; --gap: 0px 0px;
  --margin-top: 0rem; --margin-bottom: 5rem;
  --margin-left: 0rem; --margin-right: 0rem;
  --padding-top: 0px; --padding-bottom: 0px;
  --padding-left: 10px; --padding-right: 10px;
}
@media (max-width: 992px) { .project-similar-row.project-similar-row { --padding-left: 0; --padding-right: 0; } }
@media (max-width: 767px) {
  .project-similar-row.project-similar-row {
    --flex-direction: column; --container-widget-width: 100%;
    --container-widget-height: initial; --container-widget-flex-grow: 0;
    --container-widget-align-self: initial; --gap: 0px 0px;
  }
}

.project-similar-portfolio.project-similar-portfolio {
  --display: flex; --align-items: flex-end;
  --container-widget-width: calc((1 - var(--container-widget-flex-grow)) * 100%);
  --gap: 0px 0px;
  --padding-top: 65px; --padding-bottom: 0px;
  --padding-left: 0px; --padding-right: 0px;
}
@media (max-width: 992px) { .project-similar-portfolio.project-similar-portfolio { --padding-top: 40px; } }
@media (max-width: 767px) { .project-similar-portfolio.project-similar-portfolio { --padding-top: 0; } }

.project-grid-row.project-grid-row {
  --display: flex; --flex-direction: row;
  --container-widget-width: initial; --container-widget-height: 100%;
  --container-widget-flex-grow: 1; --container-widget-align-self: stretch;
  --flex-wrap-mobile: wrap; --gap: 0px 0px;
  --padding-top: 0px; --padding-bottom: 0px;
  --padding-left: 10px; --padding-right: 10px;
}
@media (max-width: 992px) { .project-grid-row.project-grid-row { --padding-left: 0; --padding-right: 0; } }

/* ─── Arbeitsrecht (Services Page) ───────────────────────── */
.ar-services-section.ar-services-section {
  --display: flex; --gap: 0px 0px;
  --padding-top: 10rem; --padding-bottom: 8rem;
  --padding-left: 0rem; --padding-right: 0rem;
}
.ar-services-section.ar-services-section { background-color: var(--clr-surface-teal); }
@media (min-width: 768px) { .ar-services-section.ar-services-section { --content-width: 1300px; } }
@media (max-width: 1200px) and (min-width: 768px) { .ar-services-section.ar-services-section { --content-width: 960px; } }
@media (max-width: 992px) {
  .ar-services-section.ar-services-section {
    --flex-direction: column; --container-widget-width: 100%;
    --container-widget-height: initial; --container-widget-flex-grow: 0;
    --container-widget-align-self: initial; --flex-wrap-mobile: wrap;
    --padding-left: 2rem; --padding-right: 2rem;
  }
}

.ar-services-header-row.ar-services-header-row {
  --display: flex; --flex-direction: row;
  --container-widget-width: initial; --container-widget-height: 100%;
  --container-widget-flex-grow: 1; --container-widget-align-self: stretch;
  --flex-wrap-mobile: wrap; --gap: 0px 0px;
  --margin-top: 0rem; --margin-bottom: 5rem;
  --padding-top: 0px; --padding-bottom: 0px;
  --padding-left: 10px; --padding-right: 10px;
}
@media (max-width: 992px) { .ar-services-header-row.ar-services-header-row { --padding-left: 0; --padding-right: 0; } }
@media (max-width: 767px) {
  .ar-services-header-row.ar-services-header-row {
    --flex-direction: column; --container-widget-width: 100%;
    --container-widget-height: initial; --container-widget-flex-grow: 0;
    --container-widget-align-self: initial; --gap: 0px 0px;
  }
}

.ar-services-desc-col.ar-services-desc-col {
  --display: flex; --align-items: flex-end;
  --container-widget-width: calc((1 - var(--container-widget-flex-grow)) * 100%);
  --gap: 0px 0px;
  --padding-top: 65px; --padding-bottom: 0px;
  --padding-left: 10px; --padding-right: 10px;
}
@media (max-width: 1200px) { .ar-services-desc-col.ar-services-desc-col { --padding-top: 40px; } }
@media (max-width: 992px) { .ar-services-desc-col.ar-services-desc-col { --padding-top: 40px; --padding-left: 20px; --padding-right: 0px; } }
@media (max-width: 767px) { .ar-services-desc-col.ar-services-desc-col { --padding-top: 0; --padding-left: 0; --padding-right: 0; } }

.ar-pricing-section.ar-pricing-section {
  --display: flex; --flex-direction: column;
  --container-widget-width: 100%; --container-widget-height: initial;
  --container-widget-flex-grow: 0; --container-widget-align-self: initial;
  --flex-wrap-mobile: wrap; --gap: 0px 0px;
  --padding-top: 10rem; --padding-bottom: 8rem;
  --padding-left: 0rem; --padding-right: 0rem;
}
@media (min-width: 768px) { .ar-pricing-section.ar-pricing-section { --content-width: 1300px; } }
@media (max-width: 1200px) and (min-width: 768px) { .ar-pricing-section.ar-pricing-section { --content-width: 960px; } }
@media (max-width: 992px) { .ar-pricing-section.ar-pricing-section { --padding-left: 2rem; --padding-right: 2rem; } }

.ar-pricing-header-row.ar-pricing-header-row {
  --display: flex; --flex-direction: row;
  --container-widget-width: initial; --container-widget-height: 100%;
  --container-widget-flex-grow: 1; --container-widget-align-self: stretch;
  --flex-wrap-mobile: wrap; --gap: 0px 0px;
  --margin-top: 0rem; --margin-bottom: 5rem;
  --margin-left: 0rem; --margin-right: 0rem;
  --padding-top: 0rem; --padding-bottom: 0rem;
  --padding-left: 1rem; --padding-right: 1rem;
}
@media (max-width: 992px) { .ar-pricing-header-row.ar-pricing-header-row { --padding-left: 0; --padding-right: 0; } }

.ar-pricing-desc-col.ar-pricing-desc-col {
  --display: flex; --align-items: flex-end;
  --container-widget-width: calc((1 - var(--container-widget-flex-grow)) * 100%);
  --gap: 0px 0px;
  --padding-top: 70px; --padding-bottom: 0px;
  --padding-left: 0px; --padding-right: 0px;
}
@media (max-width: 767px) { .ar-pricing-desc-col.ar-pricing-desc-col { --align-items: flex-start; --padding-top: 0; } }

.ar-pricing-btns > .widget-content { margin: -2rem 0rem 0rem 0rem; }
.ar-pricing-btns .btns { text-align: left; }

.ar-pricing-cards-row.ar-pricing-cards-row {
  --display: flex; --flex-direction: row;
  --container-widget-width: initial; --container-widget-height: 100%;
  --container-widget-flex-grow: 1; --container-widget-align-self: stretch;
  --padding-top: 0px; --padding-bottom: 0px;
  --padding-left: 0px; --padding-right: 0px;
}
@media (max-width: 992px) { .ar-pricing-cards-row.ar-pricing-cards-row { --flex-wrap: wrap; } }

.ar-pricing-card.ar-pricing-card {
  --display: flex;
  --padding-top: 0rem; --padding-bottom: 0rem;
  --padding-left: 1rem; --padding-right: 1rem;
}
@media (max-width: 992px) and (min-width: 768px) { .ar-pricing-card.ar-pricing-card { --width: 50%; } }
@media (max-width: 992px) { .ar-pricing-card.ar-pricing-card { --padding-left: 0; --padding-right: 10px; } }
@media (max-width: 767px) { .ar-pricing-card.ar-pricing-card { --padding-left: 0; --padding-right: 0; } }

/* ─── Alternate Footer (FAQ + Privacy-Policy) ─────────── */
.footer .footer-1.footer-1 {
  --display: flex; --flex-direction: column;
  --container-widget-width: 100%; --container-widget-height: initial;
  --container-widget-flex-grow: 0; --container-widget-align-self: initial;
  --flex-wrap-mobile: wrap; --gap: 0px 0px;
  --padding-top: 10rem; --padding-bottom: 10rem;
  --padding-left: 0rem; --padding-right: 0rem;
}
.footer .f1-main.f1-main {
  --display: flex; --flex-direction: row;
  --container-widget-width: initial; --container-widget-height: 100%;
  --container-widget-flex-grow: 1; --container-widget-align-self: stretch;
  --flex-wrap-mobile: wrap; --justify-content: space-between;
  --padding-top: 0px; --padding-bottom: 0px;
  --padding-left: 10px; --padding-right: 10px; --z-index: 1;
}
@media (min-width: 768px) { .footer .f1-main.f1-main { --content-width: 1300px; } }
@media (max-width: 1200px) and (min-width: 768px) { .footer .f1-main.f1-main { --content-width: 960px; } }
@media (max-width: 767px) { .footer .f1-main.f1-main { --padding-left: 2rem; --padding-right: 2rem; } }

.footer .f1-brand.f1-brand {
  --display: flex; --gap: 0px 0px;
  --padding-top: 0px; --padding-bottom: 0px;
  --padding-left: 10px; --padding-right: 10px;
}
@media (max-width: 767px) { .footer .f1-brand.f1-brand { --padding-left: 0; --padding-right: 0; } }

.footer .f1-logo > .widget-content { margin: 0rem 0rem 4rem 0rem; }
.footer .f1-logo .logo { align-items: center; }
.footer .f1-logo.site-widget { --align-self: center; }

.footer .f1-menu { text-align: left; }
@media (max-width: 767px) { .footer .f1-menu { text-align: center; } }

.footer .f1-social-col.f1-social-col {
  --display: flex; --align-items: flex-end;
  --container-widget-width: calc((1 - var(--container-widget-flex-grow)) * 100%);
  --gap: 0px 0px;
  --padding-top: 0px; --padding-bottom: 0px;
  --padding-left: 10px; --padding-right: 10px;
}
@media (max-width: 767px) { .footer .f1-social-col.f1-social-col { --align-items: center; --padding-left: 0; --padding-right: 0; } }

.footer .f1-social .social { justify-content: right; }
@media (max-width: 767px) { .footer .f1-social .social { justify-content: center; } }

.footer .f1-bottom.f1-bottom {
  --display: flex; --flex-direction: column;
  --container-widget-width: 100%; --container-widget-height: initial;
  --container-widget-flex-grow: 0; --container-widget-align-self: initial;
  --flex-wrap-mobile: wrap; --gap: 0px 0px;
  --padding-top: 4rem; --padding-bottom: 4rem;
  --padding-left: 2rem; --padding-right: 2rem;
}
.footer .f1-bottom.f1-bottom { background-color: var(--clr-dark); }
@media (min-width: 768px) { .footer .f1-bottom.f1-bottom { --content-width: 1300px; } }
@media (max-width: 1200px) and (min-width: 768px) { .footer .f1-bottom.f1-bottom { --content-width: 960px; } }

.footer .f1-bottom-row.f1-bottom-row {
  --display: flex; --min-height: 10rem; --flex-direction: row;
  --container-widget-width: calc((1 - var(--container-widget-flex-grow)) * 100%);
  --container-widget-height: 100%; --container-widget-flex-grow: 1;
  --container-widget-align-self: stretch; --flex-wrap-mobile: wrap;
  --justify-content: space-between; --align-items: center; --z-index: 1;
  --padding-top: 0px; --padding-bottom: 0px;
  --padding-left: 0px; --padding-right: 0px;
}
@media (max-width: 767px) {
  .footer .f1-bottom-row.f1-bottom-row {
    --min-height: 0rem; --flex-direction: column;
    --container-widget-width: 100%; --container-widget-height: initial;
    --container-widget-flex-grow: 0; --container-widget-align-self: initial;
    --gap: 0px 0px; --margin: 0px; --padding: 0px;
  }
}

.footer .f1-copyright-col.f1-copyright-col {
  --display: flex;
  --padding-top: 0px; --padding-bottom: 0px;
  --padding-left: 10px; --padding-right: 10px;
}
@media (max-width: 767px) {
  .footer .f1-copyright-col.f1-copyright-col {
    --align-items: center;
    --container-widget-width: calc((1 - var(--container-widget-flex-grow)) * 100%);
    --margin-bottom: 2rem; --padding-left: 0; --padding-right: 0;
  }
}

.footer .f1-copyright { color: var(--clr-text-subtle); }

.footer .f1-credits-col.f1-credits-col {
  --display: flex;
  --padding-top: 0px; --padding-bottom: 0px;
  --padding-left: 10px; --padding-right: 10px;
}
@media (max-width: 767px) {
  .footer .f1-credits-col.f1-credits-col {
    --align-items: center;
    --container-widget-width: calc((1 - var(--container-widget-flex-grow)) * 100%);
    --padding-left: 0; --padding-right: 0;
  }
}

.footer .f1-credits { text-align: end; color: var(--clr-text-subtle); }

/* ─── Equal-height related-service cards ───────────────────────────────── */
#weitere-themen .row { align-items: stretch; }
#weitere-themen [class*="col-"] { display: flex; flex-direction: column; }
#weitere-themen .large-card { display: flex; flex-direction: column; flex: 1; width: 100%; }
#weitere-themen .card { flex: 1; }

.badge { color: var(--clr-white); }

/* h6 visual class for non-heading elements (e.g. <strong class="h6">) */
.check-list li .h6,
.check-list.type-2 li .h6 { padding-left: 4rem; }
.h6 {
  display: block;
  font-size: clamp(14.4px, calc(13.87px + 0.15vw), 16.2px);
  line-height: 120%;
  font-weight: 700;
  letter-spacing: -0.01em;
  color: var(--clr-dark);
}
/* .h6's own color beats color utilities (.c-m-4 etc.) on source order since
   both are single classes — rescope here for .h6 used on dark surfaces. */
.counter-box .h6 {
  color: var(--clr-surface-teal);
}

/* ═══ Dark Footer Redesign ═══════════════════════════════════════════════ */

/* -- backgrounds ---------------------------------------------------------- */
.footer .footer-secondary {
  background-color: var(--clr-dark);
}
.footer .footer-bottom {
  background-color: #1C272D;
}

/* -- socials in brand col ------------------------------------------------- */
.footer .footer-socials {
  display: flex;
  gap: 1.8rem;
  margin: 0; padding: 0;
  list-style: none;
}
.footer .footer-socials a {
  color: rgba(255,255,255,0.4);
  font-size: 1.8rem;
  transition: color 0.2s;
}
.footer .footer-socials a:hover { color: var(--clr-white); }
.footer .footer-social { margin-top: 3rem; }

/* -- footer-secondary: logo + nav + legal + contact ----------------------- */
.footer .footer-secondary {
  --padding-top:    7rem;
  --padding-bottom: 7rem;
}
.footer .footer-secondary > .e-con-inner { align-items: flex-start; }

.footer .footer-brand { flex: 1.6 !important; flex-direction: column !important; align-items: flex-start !important; }
.footer .footer-nav-col,
.footer .footer-links-col,
.footer .footer-office { flex: 1 !important; flex-direction: column !important; align-items: flex-start !important;
  --margin-left: 0; --margin-right: 0; }

.footer-col-title {
  color: var(--clr-text-subtle);
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  margin-bottom: 2rem !important;
}
.footer .footer-tagline .widget-content p,
.footer .footer-tagline .widget-content p {
  color: var(--clr-text-subtle);
  margin-top: 1.8rem;
}
/* unified col content — links, list items, plain paragraphs */
.footer .footer-secondary .footer-links { list-style: none; padding: 0; margin: 0; }
.footer .footer-secondary .footer-links li { margin: 0; padding: 0; }
.footer .footer-secondary .footer-links li span { pointer-events: none; }

.footer .footer-secondary .footer-links a,
.footer .footer-secondary .footer-office .widget-content p:not(.footer-col-title),
.footer .footer-secondary .footer-office .widget-content p:not(.footer-col-title) {
  color: var(--clr-text-subtle);
  font-weight: 400;
  line-height: 1.9;
  text-decoration: none;
  display: block;
  padding: 0;
  margin-top: 1rem;
  transition: color 0.2s;
}
.footer .footer-secondary .footer-links a:hover { color: var(--clr-white); }

.footer .footer-contact-list {
  display: flex;
  flex-direction: column;
  gap: 1.05rem;
  margin-top: 1rem;
}
.footer .footer-contact-value {
  color: var(--clr-text-subtle);
  line-height: 1.6;
  text-decoration: none;
  overflow-wrap: anywhere;
  transition: color 0.2s;
}
.footer a.footer-contact-value:hover { color: var(--clr-white); }

/* -- footer-bottom: dark copyright bar ------------------------------------ */
.footer .footer-copyright { color: var(--clr-text-subtle) !important; }
.footer .footer-credits   { color: var(--clr-text-subtle) !important; }
.footer .footer-credits a.text-link,
.footer .footer-copyright a.text-link {
  color: var(--clr-text-subtle);
  text-decoration: none;
  transition: color 0.2s;
}
.footer .footer-credits a.text-link + a.text-link,
.footer .footer-copyright a.text-link + a.text-link {
  margin-left: 2.8rem;
}
.footer .footer-credits a.text-link:hover,
.footer .footer-copyright a.text-link:hover { color: var(--clr-white); }

/* -- footer-secondary: stack columns on mobile -----------------------------
   The 4 columns (brand/nav/links/office) get flex: 1.6/1 !important above,
   which sizes them by flex-grow at every viewport — the original Elementor
   --width vars no longer apply, so they never wrapped into a single column
   on narrow screens, just got squeezed (causing the hyphenated text mess).
   Switch the row to a column stack below the tablet breakpoint instead. */
@media (max-width: 767px) {
  .footer .footer-secondary { --flex-direction: column; }
  .footer .footer-brand,
  .footer .footer-nav-col,
  .footer .footer-links-col,
  .footer .footer-office {
    flex: 1 1 100% !important;
    width: 100% !important;
    margin-bottom: 4rem;
  }
  .footer .footer-office { margin-bottom: 0; }
  .footer .footer-logo.site-widget { --align-self: flex-start; }
}

/* ── Off-canvas panel: text color & contact block ───────────────────────── */
.info-window-frame .info-window { color: var(--clr-white); }
.info-window-frame .info-window strong.h6 { color: var(--clr-white); }

/* Off-canvas panel: top offset must match the mobile/tablet navbar height
   (10rem). The base CSS only accounts for the desktop navbar (15rem /
   12rem scrolled), leaving an un-blurred gap below the navbar on mobile. */
@media (max-width: 992px) {
  .info-window-frame,
  .info-window-frame.static,
  .info-window-frame.scroll {
    top: 10rem;
    height: calc(var(--vh, 1vh) * 100 - 10rem);
  }
  .info-window-frame.scroll .info-window {
    height: calc(var(--vh, 1vh) * 100 - 10rem);
  }
}

.panel-contacts { display: flex; flex-direction: column; gap: 1.35rem; }
.panel-contact-value {
  min-width: 0;
  font-weight: inherit;
  line-height: 1.45;
  color: var(--clr-white);
  transition: color 0.2s;
  overflow-wrap: anywhere;
  text-decoration: none;
}
a.panel-contact-value:hover { color: var(--clr-accent); }
.panel-sep { height: 1px; background: var(--clr-dark-mid); }

/* ── Off-canvas Anfrageformular ─────────────────────────────────────────── */
.contact-form {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  width: 100%;
  margin-top: 1.5rem;
}
.contact-form input,
.contact-form textarea {
  width: 100%;
  padding: 1.2rem 1.8rem;
  background: var(--clr-dark-mid);
  border: none;
  border-radius: 0;
  color: var(--clr-white);
  font-size: inherit;
  font-family: inherit;
  line-height: 1.4;
  outline: none;
  transition: box-shadow 0.2s;
  -webkit-appearance: none;
  appearance: none;
}
.contact-form input::placeholder,
.contact-form textarea::placeholder {
  color: var(--clr-text-subtle);
}
.contact-form input:focus,
.contact-form textarea:focus {
  box-shadow: inset 0 -2px 0 var(--clr-accent);
}
.contact-form textarea {
  resize: none;
  min-height: 7rem;
}
.contact-form .form-check {
  position: relative;
  margin-top: 0.2rem;
}
.contact-form .form-check input[type="checkbox"] {
  position: absolute;
  opacity: 0;
  width: 1px;
  height: 1px;
  pointer-events: none;
}
.contact-form .form-field {
  position: relative;
}
.contact-form .form-field input,
.contact-form .form-field textarea {
  padding-top: 2.2rem;
  padding-bottom: 0.8rem;
}
.cf-label {
  position: absolute;
  left: 1.8rem;
  top: 1.35rem;
  font-size: 1.6rem;
  font-weight: inherit;
  color: var(--clr-text-subtle);
  pointer-events: none;
  transition: top 0.18s ease, font-size 0.18s ease, letter-spacing 0.18s ease, color 0.18s ease;
}
.contact-form .form-field input:focus + .cf-label,
.contact-form .form-field input:not(:placeholder-shown) + .cf-label,
.contact-form .form-field textarea:focus + .cf-label,
.contact-form .form-field textarea:not(:placeholder-shown) + .cf-label {
  top: 0.5rem;
  font-size: 1.0rem;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}
.contact-form .form-field input:focus + .cf-label,
.contact-form .form-field textarea:focus + .cf-label {
  color: var(--clr-accent);
}
.contact-form .form-check label {
  display: block;
  padding-left: 2.2rem;
  position: relative;
  font-size: 1.3rem;
  line-height: 1.5;
  color: var(--clr-text-subtle);
  cursor: pointer;
}
.contact-form .form-check label::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0.35rem;
  width: 1.6rem;
  height: 1.6rem;
  border: 1.5px solid var(--clr-text-subtle);
  background: transparent;
  opacity: 0.8;
  transition: border-color 0.15s, opacity 0.15s;
}
.contact-form .form-check label::after {
  content: '';
  position: absolute;
  left: 0.45rem;
  top: 0.8rem;
  width: 0.7rem;
  height: 0.7rem;
  background: var(--clr-accent);
  opacity: 0;
  transition: opacity 0.15s;
}
.contact-form .form-check input[type="checkbox"]:checked + label::before {
  border-color: var(--clr-accent);
  opacity: 1;
}
.contact-form .form-check input[type="checkbox"]:checked + label::after {
  opacity: 1;
}
.contact-form .form-check label a {
  color: var(--clr-accent);
  text-decoration: underline;
  text-underline-offset: 2px;
}
.contact-form .form-check label a:hover { color: var(--clr-white); }

/* ── Off-canvas Anfrageformular: Datei-Upload (Drag & Drop) ─────────────── */
.cf-dropzone {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.6rem;
  width: 100%;
  padding: 2rem 1.8rem;
  background: var(--clr-dark-mid);
  border: 1.5px dashed var(--clr-text-subtle);
  text-align: center;
  cursor: pointer;
  transition: border-color 0.2s, background-color 0.2s;
}
.cf-dropzone-icon {
  font-size: 1.8rem;
  color: var(--clr-text-subtle);
  transition: color 0.2s;
}
.cf-dropzone-text {
  font-size: 1.4rem;
  color: var(--clr-white);
}
.cf-dropzone-browse {
  color: var(--clr-accent);
  text-decoration: underline;
  text-underline-offset: 2px;
}
.cf-dropzone-hint {
  font-size: 1.1rem;
  color: var(--clr-text-subtle);
}
.cf-dropzone:hover,
.cf-dropzone.dragover {
  border-color: var(--clr-accent);
}
.cf-dropzone.dragover .cf-dropzone-icon { color: var(--clr-accent); }
.cf-dropzone.has-file { display: none; }
.cf-dropzone.has-error { border-color: #e0584f; }
.form-field-upload { position: relative; }
.cf-file-preview {
  display: flex;
  align-items: center;
  gap: 1.2rem;
  padding: 1rem 1.6rem;
  background: var(--clr-dark-mid);
  color: var(--clr-white);
}
.cf-file-preview[hidden] { display: none !important; }
.cf-file-icon { color: var(--clr-accent); flex-shrink: 0; }
.cf-file-name {
  flex: 1;
  min-width: 0;
  font-size: 1.3rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.cf-file-size {
  flex-shrink: 0;
  font-size: 1.2rem;
  color: var(--clr-text-subtle);
}
.cf-file-remove {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2rem;
  height: 2rem;
  background: transparent;
  border: none;
  color: var(--clr-text-subtle);
  cursor: pointer;
  transition: color 0.2s;
}
.cf-file-remove:hover { color: var(--clr-accent); }
.cf-file-error {
  margin: 0.8rem 0 0;
  font-size: 1.2rem;
  color: #e0584f;
}

/* ── Off-canvas Anfrageformular: Honeypot (anti-spam, hidden from humans) ── */
.cf-hp {
  position: absolute !important;
  width: 1px;
  height: 1px;
  overflow: hidden;
  opacity: 0;
  pointer-events: none;
  left: -9999px;
}

/* ── Off-canvas Anfrageformular: Sende-Feedback ──────────────────────────── */
.cf-form-message {
  padding: 1.2rem 1.6rem;
  font-size: 1.3rem;
  line-height: 1.5;
  border-left: 3px solid var(--clr-accent);
  background: var(--clr-dark-mid);
  color: var(--clr-white);
}
.cf-form-message[hidden] { display: none !important; }
.cf-form-message.is-success { border-left-color: var(--clr-accent); }
.cf-form-message.is-error { border-left-color: #e0584f; }

/* Datenschutz page */
.privacy-objection-box {
  margin: 4rem 0;
  padding: 3.2rem;
  border-left: 4px solid var(--clr-accent);
  background: var(--clr-surface-teal);
  color: var(--clr-dark);
}

.privacy-objection-box .privacy-objection-label {
  display: inline-flex;
  align-items: center;
  min-height: 2.8rem;
  margin: 0 0 1.6rem;
  padding: 0.4rem 1.2rem;
  border-radius: 999px;
  background: var(--clr-dark);
  color: var(--clr-white);
  font-size: 1.3rem;
  font-weight: 700;
  line-height: 1;
  text-transform: uppercase;
}

.privacy-objection-box h3 {
  margin-top: 0;
}

.privacy-objection-box p:last-child {
  margin-bottom: 0;
}

@media (max-width: 767px) {
  .privacy-objection-box {
    padding: 2.4rem;
  }
}

.imprint-placeholder {
  display: inline;
  color: var(--clr-dark);
  font-weight: 700;
}

#impressum.section-contact-details .contact-details-sidebar,
#impressum.section-contact-details .contact-details-main {
  --width: 50%;
}

#impressum.section-contact-details .contact-details-sidebar-inner {
  --padding-right: 8rem;
}

#impressum.section-contact-details .contact-details-main-inner {
  --padding-left: 8rem;
}

/* Hero: constrain text column width fluidly */
.section-hero-crisis .hero-content .row {
  justify-content: space-between;
}

.section-hero-crisis .col-lg-7 {
  max-width: min(100%, clamp(44rem, 55vw, 88rem));
}
.section-hero-crisis .el-subtitle {
  display: flex;
  align-items: center;
  gap: 0.8rem;
}
.section-hero-crisis .el-text {
  font-size: clamp(1.7rem, 1.9vw, 2.1rem);
  font-weight: 500;
  max-width: 58rem;
}

/* Hero: counter boxes right-aligned, capped width */
.section-hero-crisis .col-lg-5 {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  margin-left: auto;
}
.section-hero-crisis .counter-box {
  width: 100%;
  max-width: 48rem;
}
@media (max-width: 991px) {
  .section-hero-crisis .col-lg-5 {
    align-items: stretch;
    margin-left: 0;
  }
  .section-hero-crisis .counter-box {
    max-width: 100%;
  }
}

/* Hero: scroll indicator inline with CTA button */
.hero-btns {
  display: flex;
  align-items: center;
}
.hero-scroll-inline {
  margin-left: 0;
  flex-shrink: 0;
  flex-direction: row;
  align-items: center;
  gap: 1.2rem;
  width: auto;
  margin-right: 2.5rem;
}
.hero-scroll-inline .mouse {
  margin-bottom: 0;
  flex-shrink: 0;
}
.hero-scroll-inline div:last-child {
  color: rgba(255, 255, 255, 0.65);
  font-size: 1.3rem;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  white-space: nowrap;
}

/* Tag cloud */
.tag-cloud {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
}
.tag-cloud span,
.tag-cloud a {
  display: inline-block;
  padding: 0.8rem 1.6rem;
  border-radius: 10rem;
  background-color: var(--clr-surface-teal);
  color: var(--clr-text-muted);
  font-family: inherit;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1;
  white-space: nowrap;
  text-decoration: none;
  transition: background-color 0.2s, color 0.2s;
}
.tag-cloud a:hover {
  background-color: var(--clr-accent);
  color: var(--clr-dark);
}

/* Headline spacing — tighten mb-5 on heading elements */
h1.mb-5, h2.mb-5, h3.mb-5, h4.mb-5, h5.mb-5, h6.mb-5 {
  margin-bottom: 2rem;
}

/* Check-list icon: smaller + vertically centered */
.check-list li::before {
  font-size: 1.1rem;
  vertical-align: middle;
}

/* Legal-benefit-cards: mobile fix */
@media (max-width: 767px) {
  .section-legal-help .legal-benefits {
    padding-top: 2.5rem;
  }
  .section-legal-help .legal-benefit-grid {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
  .legal-benefit-card {
    min-height: 0 !important;
    padding: 2rem !important;
    text-align: left !important;
    align-items: flex-start !important;
    margin-bottom: 1.5rem;
    background-color: var(--clr-white) !important;
  }
  .section-legal-help .legal-benefit-card .w-80 {
    width: 100%;
    max-width: none;
    margin-left: 0;
    margin-right: 0;
  }
}
/* Legal-help section: constrain width at mid-desktop to add side margins */
@media (min-width: 1201px) and (max-width: 1440px) {
  .section-legal-help.section-legal-help {
    --content-width: 1080px;
  }
}

.contact-form > .btn { margin-top: 1.6rem; width: 100%; justify-content: space-between; }

/* ═══ Full-Width Map Section ═══════════════════════════════════════════════ */

.section-map-full {
  position: relative;
  z-index: 1;
  width: 100%;
  height: 520px;
  overflow: hidden;
  background: var(--clr-surface-light);
}
@media (max-width: 767px) {
  .section-map-full { height: 360px; }
}

#kanzlei-map {
  width: 100%;
  height: 100%;
}


/* Zoom controls — flat design */
.leaflet-bar {
  border-radius: 0 !important;
  border: none !important;
  box-shadow: none !important;
}
.leaflet-bar a {
  background-color: var(--clr-dark-mid) !important;
  color: var(--clr-surface-light) !important;
  border-radius: 0 !important;
  border-bottom: 1px solid rgba(255,255,255,0.08) !important;
  outline: none !important;
  font-weight: 400;
  transition: background-color 0.2s, color 0.2s;
}
.leaflet-bar a:last-child { border-bottom: none !important; }
.leaflet-bar a:hover {
  background-color: var(--clr-accent) !important;
  color: var(--clr-dark) !important;
}

/* Attribution */
.leaflet-control-attribution {
  background: rgba(36,47,53,0.85) !important;
  color: var(--clr-text-subtle) !important;
  font-size: 1.1rem !important;
  backdrop-filter: blur(4px);
}
.leaflet-control-attribution a {
  color: var(--clr-accent) !important;
}
.leaflet-control-attribution .leaflet-attribution-flag {
  display: none !important;
}

/* Popup */
.leaflet-popup-content-wrapper,
.map-popup-zink .leaflet-popup-content-wrapper {
  background: var(--clr-dark);
  color: var(--clr-surface-light);
  border-radius: 0;
  box-shadow: 0 4px 24px rgba(0,0,0,0.5);
  border: 1px solid rgba(255,255,255,0.08);
  padding: 0;
}
.leaflet-popup-content-wrapper .leaflet-popup-content {
  margin: 1.6rem 2rem;
  font-family: "Plus Jakarta Sans", sans-serif;
  font-size: 1.5rem;
  line-height: 1.6;
}
.leaflet-popup-content strong {
  color: var(--clr-accent);
  display: block;
  margin-bottom: 0.4rem;
  font-size: 1.4rem;
  letter-spacing: 0.03em;
}
.leaflet-popup-tip-container .leaflet-popup-tip {
  background: var(--clr-dark);
  box-shadow: none;
}
.leaflet-popup-close-button {
  display: none;
}

/* Custom marker: no default leaflet icon shadow */
.map-marker-custom {
  background: none !important;
  border: none !important;
}

/* Address badge overlay (top-right) */
.map-overlay-badge {
  position: absolute;
  top: 2.4rem;
  right: 2.4rem;
  z-index: 500;
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
  padding: 1.6rem 2rem;
  background: var(--clr-dark);
  border-left: 3px solid var(--clr-accent);
  border-radius: 0;
  pointer-events: none;
}
.map-badge-label {
  font-family: "Plus Jakarta Sans", sans-serif;
  font-size: 1.3rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--clr-accent);
}
.map-badge-address {
  font-family: "Plus Jakarta Sans", sans-serif;
  font-size: 1.4rem;
  color: var(--clr-surface-light);
  line-height: 1.5;
}
@media (max-width: 480px) {
  .map-overlay-badge { top: 1.4rem; right: 1.4rem; padding: 1.2rem 1.6rem; }
}