/* Zentrale — Eurodrill Ansprechpartner.dc.html */

.ed-section.ed-zentrale.ed-pad-md {
  padding: clamp(72px, 10vh, 130px) var(--ed-pad-h);
}

.ed-zentrale__grid {
  display: grid;
  grid-template-columns: 1.05fr .95fr;
  gap: clamp(28px, 5vw, 72px);
  align-items: center;
}

.ed-zentrale__kicker {
  font-weight: 500;
  font-size: 12px;
  letter-spacing: .22em;
  color: var(--ed-muted);
  margin-bottom: 20px;
}
.ed-zentrale__title {
  font-family: var(--ed-font-expanded);
  font-weight: 800;
  font-stretch: expanded;
  font-size: clamp(26px, 3.4vw, 46px);
  line-height: 1.04;
  letter-spacing: -.01em;
  max-width: 16ch;
  margin: 0 0 22px;
}
.ed-zentrale__lead {
  font: 400 17px / 1.75 var(--ed-font-sans);
  color: var(--ed-text);
  margin: 0;
  max-width: 46ch;
}

.ed-zentrale__card {
  position: relative;
  background: var(--ed-navy);
  padding: clamp(30px, 3.4vw, 46px);
  overflow: hidden;
}
.ed-zentrale__hatch {
  position: absolute;
  right: 0;
  top: 0;
  width: 90px;
  height: 100%;
  opacity: .12;
  pointer-events: none;
  background: repeating-linear-gradient(
    -45deg,
    rgba(62, 134, 196, .85) 0 1.5px,
    transparent 1.5px 8px
  );
}
.ed-zentrale__card-inner { position: relative; }

.ed-zentrale__brand {
  font-weight: 500;
  font-size: 11px;
  letter-spacing: .18em;
  color: var(--ed-sky);
  margin-bottom: 14px;
  text-transform: uppercase;
}
.ed-zentrale__phone,
a.ed-zentrale__phone,
a.ed-zentrale__phone:hover,
a.ed-zentrale__phone:focus,
a.ed-zentrale__phone:active {
  display: block;
  font-family: var(--ed-font-expanded);
  font-weight: 800;
  font-stretch: expanded;
  font-size: clamp(24px, 3vw, 40px);
  line-height: 1.05;
  color: #fff !important;
  text-decoration: none !important;
  margin-bottom: 18px;
}
.ed-zentrale__meta {
  font: 400 15px / 1.7 var(--ed-font-sans);
  color: rgba(255, 255, 255, .78);
  margin-bottom: 26px;
}

.ed-zentrale__actions {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
}
.ed-zentrale__btn,
a.ed-zentrale__btn,
a.ed-zentrale__btn:hover,
a.ed-zentrale__btn:focus,
a.ed-zentrale__btn:active {
  display: inline-block;
  background: transparent !important;
  color: #fff !important;
  border: 1.5px solid rgba(255, 255, 255, .5) !important;
  text-decoration: none !important;
  padding: 16px 26px;
  font: 700 12px / 1 var(--ed-font-sans);
  letter-spacing: .12em;
  text-transform: uppercase;
  box-shadow: none !important;
  transition: background .3s, color .3s, border-color .3s;
}
a.ed-zentrale__btn:hover,
a.ed-zentrale__btn:focus-visible {
  background: #fff !important;
  color: var(--ed-navy) !important;
  border-color: #fff !important;
}
a.ed-zentrale__btn:focus-visible {
  outline: 2px solid #fff;
  outline-offset: 3px;
}

@media (max-width: 980px) {
  .ed-zentrale__grid { grid-template-columns: 1fr; }
}