.page-digital-pr-agentur{
  --dpr-border:rgba(255,255,255,.10);
  --dpr-border-strong:rgba(255,255,255,.16);
  --dpr-surface:rgba(255,255,255,.04);
  --dpr-surface-strong:rgba(255,255,255,.06);
  --dpr-panel:rgba(15,20,31,.78);
  --dpr-panel-soft:rgba(15,20,31,.62);
  --dpr-shadow:0 18px 48px rgba(0,0,0,.18);
  --dpr-shadow-deep:0 28px 76px rgba(0,0,0,.24);
}

.page-digital-pr-agentur .dpr-page{
  position:relative;
  overflow-x:clip;
}

.page-digital-pr-agentur .dpr-page [id]{
  scroll-margin-top:7.1rem;
}

.page-digital-pr-agentur .dpr-page > .ui-section{
  position:relative;
}

.page-digital-pr-agentur .dpr-page > .ui-section > .container{
  position:relative;
  z-index:1;
}

.page-digital-pr-agentur .dpr-page > .ui-section::before{
  content:"";
  position:absolute;
  inset:0 0 auto;
  height:1px;
  background:linear-gradient(90deg, rgba(255,255,255,0), rgba(255,255,255,.10), rgba(255,255,255,0));
  pointer-events:none;
}

.page-digital-pr-agentur .dpr-page > .dpr-hero::before{
  display:none;
}

.page-digital-pr-agentur .dpr-page h1,
.page-digital-pr-agentur .dpr-page h2,
.page-digital-pr-agentur .dpr-page h3,
.page-digital-pr-agentur .dpr-page summary,
.page-digital-pr-agentur .dpr-stage__stat-label,
.page-digital-pr-agentur .dpr-card-label,
.page-digital-pr-agentur .dpr-stage__bar-title{
  text-wrap:balance;
}

.page-digital-pr-agentur .dpr-page a,
.page-digital-pr-agentur .dpr-page button,
.page-digital-pr-agentur .dpr-page summary,
.page-digital-pr-agentur .dpr-diff-card,
.page-digital-pr-agentur .dpr-compare-item,
.page-digital-pr-agentur .dpr-compare-side,
.page-digital-pr-agentur .dpr-service-card,
.page-digital-pr-agentur .dpr-process-card,
.page-digital-pr-agentur .dpr-route-card{
  transition:
    transform var(--transition-base),
    border-color var(--transition-base),
    box-shadow var(--transition-base),
    background-color var(--transition-base),
    color var(--transition-base),
    opacity var(--transition-base);
}

.page-digital-pr-agentur .dpr-page a:focus-visible,
.page-digital-pr-agentur .dpr-page button:focus-visible,
.page-digital-pr-agentur .dpr-page summary:focus-visible,
.page-digital-pr-agentur .dpr-route-card:focus-visible{
  outline:none;
  box-shadow:
    0 0 0 1px rgba(var(--brand-rgb), .50),
    0 0 0 4px rgba(var(--brand-rgb), .12);
}

.page-digital-pr-agentur .dpr-page .ui-line-accent--section{
  --line-width:min(11.75rem, 46%);
  --line-gap:.64rem;
  --line-height:4px;
  --line-bg:linear-gradient(90deg, rgba(var(--brand-rgb), .90), rgba(var(--brand-indigo-rgb), .82));
  --line-opacity:.9;
}

.page-digital-pr-agentur .dpr-tone--brand{
  --dpr-tone-rgb:var(--brand-rgb);
}

.page-digital-pr-agentur .dpr-tone--indigo{
  --dpr-tone-rgb:var(--brand-indigo-rgb);
}

.page-digital-pr-agentur .dpr-tone--green{
  --dpr-tone-rgb:var(--brand-green-rgb);
}

.page-digital-pr-agentur .dpr-icon-box{
  color:rgba(var(--dpr-tone-rgb, var(--brand-rgb)), 1);
  border-color:rgba(var(--dpr-tone-rgb, var(--brand-rgb)), .30);
  background:
    linear-gradient(180deg, rgba(var(--dpr-tone-rgb, var(--brand-rgb)), .14), rgba(255,255,255,.04)),
    rgba(255,255,255,.04);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.08),
    0 12px 26px rgba(0,0,0,.14);
}

.page-digital-pr-agentur .dpr-icon{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:1.02rem;
  height:1.02rem;
}

.page-digital-pr-agentur .dpr-icon svg{
  width:100%;
  height:100%;
  stroke:currentColor;
  fill:none;
  stroke-width:1.85;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.page-digital-pr-agentur .dpr-inline-link{
  color:var(--fg-soft);
  text-decoration:none;
  border-bottom:1px solid rgba(255,255,255,.24);
}

.page-digital-pr-agentur .dpr-inline-link:hover{
  color:#fff;
  border-bottom-color:rgba(255,255,255,.42);
}

.page-digital-pr-agentur .dpr-breadcrumbs{
  margin-bottom:var(--page-breadcrumb-bottom-space);
}

.page-digital-pr-agentur .dpr-breadcrumbs__list{
  display:flex;
  flex-wrap:wrap;
  gap:.42rem;
  list-style:none;
  color:var(--fg-muted);
  font-size:.92rem;
  line-height:1.35;
}

.page-digital-pr-agentur .dpr-breadcrumbs__item{
  display:inline-flex;
  align-items:center;
  gap:.42rem;
}

.page-digital-pr-agentur .dpr-breadcrumbs__item:not(:last-child)::after{
  content:"/";
  opacity:.38;
}

.page-digital-pr-agentur .dpr-breadcrumbs a{
  color:inherit;
  text-decoration:none;
}

.page-digital-pr-agentur .dpr-breadcrumbs a:hover{
  color:var(--fg-soft);
}

.page-digital-pr-agentur .dpr-section-head{
  max-width:49rem;
  display:grid;
  gap:.64rem;
  margin-bottom:clamp(1.35rem, 2.4vw, 2.4rem);
}

.page-digital-pr-agentur .dpr-section-head--center{
  margin-inline:auto;
  text-align:center;
}

.page-digital-pr-agentur .dpr-section-head--center > *{
  margin-inline:auto;
}

.page-digital-pr-agentur .dpr-kicker{
  margin-bottom:.78rem;
}

.page-digital-pr-agentur .dpr-hero{
  padding-top:var(--page-breadcrumb-top-space);
}

.page-digital-pr-agentur .dpr-hero::after{
  content:"";
  position:absolute;
  right:max(-4rem, -4vw);
  top:18%;
  width:min(32rem, 38vw);
  height:min(32rem, 38vw);
  border-radius:50%;
  background:radial-gradient(circle, rgba(var(--brand-indigo-rgb), .16), rgba(var(--brand-indigo-rgb), 0) 72%);
  filter:blur(18px);
  opacity:.92;
  pointer-events:none;
}

.page-digital-pr-agentur .dpr-hero__grid{
  --split-cols:minmax(0, 1.02fr) minmax(340px, .98fr);
  --split-align-desktop:start;
  gap:clamp(1.35rem, 3vw, 2.9rem);
}

.page-digital-pr-agentur .dpr-hero__copy{
  max-width:42rem;
}

.page-digital-pr-agentur .dpr-hero__title{
  margin:0;
  max-width:40rem;
  font-size:var(--page-h1-size);
  line-height:var(--page-heading-line-height);
  letter-spacing:-.036em;
}

.page-digital-pr-agentur .dpr-hero__accent{
  display:block;
  width:fit-content;
  max-width:100%;
  margin-bottom:.22rem;
  --marker-bg:linear-gradient(90deg, rgba(var(--brand-rgb), .88), rgba(var(--brand-indigo-rgb), .86));
  --marker-height:.62rem;
  --marker-opacity:.72;
}

.page-digital-pr-agentur .dpr-heading-mark{
  display:inline;
  padding-bottom:.08em;
  background-repeat:no-repeat;
  background-position:0 100%;
  background-size:100% .16em;
  box-decoration-break:clone;
  -webkit-box-decoration-break:clone;
  background-image:linear-gradient(90deg, rgba(var(--brand-rgb), .76), rgba(var(--brand-rgb), .76));
}

.page-digital-pr-agentur .dpr-heading-mark--brand{
  background-image:linear-gradient(90deg, rgba(var(--brand-rgb), .76), rgba(var(--brand-rgb), .76));
}

.page-digital-pr-agentur .dpr-heading-mark--indigo{
  background-image:linear-gradient(90deg, rgba(var(--brand-indigo-rgb), .78), rgba(var(--brand-indigo-rgb), .78));
}

.page-digital-pr-agentur .dpr-heading-mark--green{
  background-image:linear-gradient(90deg, rgba(var(--brand-green-rgb), .72), rgba(var(--brand-green-rgb), .72));
}

.page-digital-pr-agentur .dpr-hero__lead,
.page-digital-pr-agentur .dpr-hero__body{
  max-width:40rem;
}

.page-digital-pr-agentur .dpr-hero__body{
  margin-top:.96rem;
}

.page-digital-pr-agentur .dpr-hero__note{
  margin-top:1.18rem;
  display:grid;
  grid-template-columns:auto 1fr;
  gap:.92rem;
  align-items:start;
  border-color:rgba(var(--brand-indigo-rgb), .18);
  background:
    linear-gradient(135deg, rgba(var(--brand-indigo-rgb), .12), rgba(var(--brand-rgb), .07)),
    var(--bg-panel);
}

.page-digital-pr-agentur .dpr-hero__cta{
  margin-top:1.36rem;
}

.page-digital-pr-agentur .dpr-hero__aside{
  display:grid;
  align-self:center;
}

.page-digital-pr-agentur .dpr-stage{
  --panel-bg:
    linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,.018)),
    var(--dpr-panel);
  --panel-shadow:var(--dpr-shadow-deep);
  position:relative;
  overflow:hidden;
}

.page-digital-pr-agentur .dpr-stage::before{
  content:"";
  position:absolute;
  inset:auto -14% -16% auto;
  width:14rem;
  height:14rem;
  border-radius:50%;
  background:radial-gradient(circle, rgba(var(--brand-rgb), .10), rgba(var(--brand-rgb), 0) 72%);
  filter:blur(18px);
  opacity:.86;
  pointer-events:none;
}

.page-digital-pr-agentur .dpr-stage__window{
  overflow:hidden;
  border-radius:26px;
  border:1px solid var(--dpr-border-strong);
  background:linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,.014));
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.08),
    0 24px 64px rgba(0,0,0,.22);
}

.page-digital-pr-agentur .dpr-stage__bar{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:1rem;
  padding:.82rem 1rem;
  border-bottom:1px solid rgba(255,255,255,.08);
  background:rgba(255,255,255,.04);
}

.page-digital-pr-agentur .dpr-stage__dots{
  display:flex;
  gap:.36rem;
}

.page-digital-pr-agentur .dpr-stage__dots span{
  width:.62rem;
  height:.62rem;
  border-radius:999px;
  background:rgba(255,255,255,.24);
}

.page-digital-pr-agentur .dpr-stage__dots span:nth-child(1){
  background:rgba(var(--brand-rgb), .74);
}

.page-digital-pr-agentur .dpr-stage__dots span:nth-child(2){
  background:rgba(var(--brand-indigo-rgb), .70);
}

.page-digital-pr-agentur .dpr-stage__dots span:nth-child(3){
  background:rgba(var(--brand-green-rgb), .66);
}

.page-digital-pr-agentur .dpr-stage__bar-title{
  color:var(--fg-muted);
  font-size:.84rem;
  font-weight:820;
  line-height:1.2;
}

.page-digital-pr-agentur .dpr-stage__body{
  display:grid;
  gap:1rem;
  padding:1.08rem 1.12rem 1.2rem;
}

.page-digital-pr-agentur .dpr-stage__intro{
  padding:1rem;
  border-radius:20px;
  border:1px solid rgba(255,255,255,.08);
  background:linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.018));
}

.page-digital-pr-agentur .dpr-stage__eyebrow{
  display:inline-flex;
  align-items:center;
  width:fit-content;
  max-width:100%;
  min-height:1.8rem;
  padding:.24rem .68rem;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.12);
  background:rgba(255,255,255,.04);
  color:rgba(248,251,255,.84);
  font-size:.78rem;
  font-weight:840;
  line-height:1.1;
}

.page-digital-pr-agentur .dpr-stage__intro strong{
  display:block;
  margin-top:.72rem;
  color:var(--fg);
  font-size:1.18rem;
  font-weight:900;
  line-height:1.2;
  letter-spacing:-.015em;
}

.page-digital-pr-agentur .dpr-stage__intro p{
  margin-top:.48rem;
  color:rgba(248,251,255,.77);
  font-size:.95rem;
  line-height:1.56;
}

.page-digital-pr-agentur .dpr-stage__stats{
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:.78rem;
}

.page-digital-pr-agentur .dpr-stage__stat{
  min-height:100%;
  padding:.9rem .84rem;
  border-radius:18px;
  border:1px solid rgba(var(--dpr-tone-rgb, var(--brand-rgb)), .16);
  background:rgba(255,255,255,.032);
  box-shadow:var(--dpr-shadow);
}

.page-digital-pr-agentur .dpr-stage__stat-label{
  display:inline-flex;
  align-items:center;
  padding:.26rem .58rem;
  border-radius:999px;
  border:1px solid rgba(var(--dpr-tone-rgb, var(--brand-rgb)), .22);
  background:rgba(var(--dpr-tone-rgb, var(--brand-rgb)), .11);
  color:#fff;
  font-size:.78rem;
  font-weight:850;
  line-height:1.1;
}

.page-digital-pr-agentur .dpr-stage__stat-text{
  margin-top:.62rem;
  color:rgba(248,251,255,.78);
  font-size:.92rem;
  line-height:1.5;
}

.page-digital-pr-agentur .dpr-stage__notes{
  display:grid;
  gap:.74rem;
  padding:.94rem 1rem;
  border-radius:20px;
  border:1px solid rgba(255,255,255,.08);
  background:rgba(16,19,27,.46);
}

.page-digital-pr-agentur .dpr-stage__note-item{
  color:rgba(248,251,255,.84);
}

.page-digital-pr-agentur .dpr-diff__grid{
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:1rem;
}

.page-digital-pr-agentur .dpr-diff-card{
  position:relative;
  min-height:100%;
  padding:1.4rem 1.25rem 1.22rem;
  border:1px solid var(--dpr-border);
  background:linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,.018));
  box-shadow:var(--dpr-shadow);
}

.page-digital-pr-agentur .dpr-diff-card::after{
  content:"";
  position:absolute;
  inset:0 auto auto 0;
  width:100%;
  height:1px;
  background:linear-gradient(90deg, rgba(var(--dpr-tone-rgb, var(--brand-rgb)), .22), rgba(255,255,255,0));
}

.page-digital-pr-agentur .dpr-diff-card:hover{
  transform:translateY(-4px);
  border-color:rgba(var(--dpr-tone-rgb, var(--brand-rgb)), .22);
  box-shadow:var(--shadow-card-deep);
}

.page-digital-pr-agentur .dpr-diff-card__count{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:2.65rem;
  min-height:2.65rem;
  margin-bottom:.95rem;
  border-radius:999px;
  border:1px solid rgba(var(--dpr-tone-rgb, var(--brand-rgb)), .22);
  background:rgba(var(--dpr-tone-rgb, var(--brand-rgb)), .14);
  color:#fff;
  font-size:.9rem;
  font-weight:900;
  letter-spacing:.08em;
}

.page-digital-pr-agentur .dpr-diff-card h3{
  margin:0 0 .62rem;
  color:var(--fg);
  font-size:1.14rem;
  font-weight:900;
  line-height:1.25;
}

.page-digital-pr-agentur .dpr-system__note{
  margin-top:1rem;
  display:grid;
  grid-template-columns:auto 1fr;
  gap:.9rem;
  align-items:start;
  border-color:rgba(var(--brand-rgb), .14);
  background:
    linear-gradient(135deg, rgba(var(--brand-rgb), .08), rgba(var(--brand-indigo-rgb), .05)),
    var(--bg-panel);
}

.page-digital-pr-agentur .dpr-compare__legend{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:.72rem;
  margin-bottom:1rem;
}

.page-digital-pr-agentur .dpr-compare__legend-badge{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:.48rem .8rem;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.12);
  font-size:.84rem;
  font-weight:860;
  line-height:1.1;
  color:#fff;
}

.page-digital-pr-agentur .dpr-compare__legend-badge--standard{
  background:rgba(255,255,255,.05);
  border-color:rgba(255,255,255,.12);
}

.page-digital-pr-agentur .dpr-compare__legend-badge--ours{
  background:linear-gradient(135deg, rgba(var(--brand-rgb), .15), rgba(var(--brand-indigo-rgb), .10));
  border-color:rgba(var(--brand-rgb), .22);
  box-shadow:0 12px 24px rgba(var(--brand-rgb), .08);
}

.page-digital-pr-agentur .dpr-compare__list{
  display:grid;
  gap:1rem;
}

.page-digital-pr-agentur .dpr-compare-item{
  --panel-bg:linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,.016)), rgba(16,19,27,.78);
  --panel-shadow:var(--dpr-shadow-deep);
}

.page-digital-pr-agentur .dpr-compare-item__top{
  padding-bottom:.25rem;
}

.page-digital-pr-agentur .dpr-card-label{
  display:inline-flex;
  align-items:center;
  min-height:1.74rem;
  padding:.26rem .66rem;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.12);
  background:rgba(255,255,255,.04);
  color:#fff;
  font-size:.78rem;
  font-weight:850;
  line-height:1.1;
}

.page-digital-pr-agentur .dpr-compare-item__grid{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:.9rem;
  border-top:0;
  background:rgba(255,255,255,.012);
}

.page-digital-pr-agentur .dpr-compare-side{
  min-height:100%;
  padding:1rem;
  border-radius:20px;
  border:1px solid rgba(255,255,255,.08);
}

.page-digital-pr-agentur .dpr-compare-side--standard{
  background:linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.018));
}

.page-digital-pr-agentur .dpr-compare-side--ours{
  background:linear-gradient(180deg, rgba(var(--brand-rgb), .08), rgba(var(--brand-indigo-rgb), .07));
  border-color:rgba(var(--brand-rgb), .18);
  box-shadow:0 18px 38px rgba(var(--brand-rgb), .08);
}

.page-digital-pr-agentur .dpr-compare-side__label{
  display:inline-flex;
  align-items:center;
  padding:.32rem .58rem;
  border-radius:999px;
  font-size:.8rem;
  font-weight:860;
  line-height:1.1;
  color:#fff;
}

.page-digital-pr-agentur .dpr-compare-side--standard .dpr-compare-side__label{
  border:1px solid rgba(255,255,255,.12);
  background:rgba(255,255,255,.045);
}

.page-digital-pr-agentur .dpr-compare-side--ours .dpr-compare-side__label{
  border:1px solid rgba(var(--brand-rgb), .18);
  background:rgba(var(--brand-rgb), .12);
}

.page-digital-pr-agentur .dpr-compare-side p{
  margin-top:.7rem;
}

.page-digital-pr-agentur .dpr-service-grid{
  display:grid;
  grid-template-columns:repeat(4, minmax(0, 1fr));
  gap:1rem;
  grid-auto-flow:dense;
}

.page-digital-pr-agentur .dpr-service-card{
  grid-column:span 2;
  min-height:100%;
  padding:1.2rem 1.12rem 1.18rem;
  border:1px solid var(--dpr-border);
  background:linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,.018));
  box-shadow:var(--dpr-shadow);
}

.page-digital-pr-agentur .dpr-service-card:hover{
  transform:translateY(-4px);
  border-color:rgba(var(--dpr-tone-rgb, var(--brand-rgb)), .22);
  box-shadow:var(--shadow-card-deep);
}

.page-digital-pr-agentur .dpr-service-card--large,
.page-digital-pr-agentur .dpr-service-card--wide{
  grid-column:1 / -1;
}

.page-digital-pr-agentur .dpr-service-card__top{
  display:flex;
  gap:.8rem;
  align-items:flex-start;
}

.page-digital-pr-agentur .dpr-service-card__top h3{
  margin:0;
  color:var(--fg);
  font-size:1.14rem;
  font-weight:900;
  line-height:1.25;
}

.page-digital-pr-agentur .dpr-service-card > p{
  margin-top:.92rem;
}

.page-digital-pr-agentur .dpr-service-card__list{
  display:grid;
  gap:.62rem;
  margin-top:.9rem;
}

.page-digital-pr-agentur .dpr-services__foot{
  max-width:44rem;
  margin-top:1.12rem;
}

.page-digital-pr-agentur .dpr-process__grid{
  display:grid;
  grid-template-columns:repeat(4, minmax(0, 1fr));
  gap:1rem;
}

.page-digital-pr-agentur .dpr-process-card{
  position:relative;
  min-height:100%;
  padding:1.3rem 1.15rem 1.18rem;
  border:1px solid rgba(var(--dpr-tone-rgb, var(--brand-rgb)), .14);
  background:
    linear-gradient(180deg, rgba(var(--dpr-tone-rgb, var(--brand-rgb)), .06), rgba(255,255,255,.02)),
    rgba(16,19,27,.74);
  box-shadow:var(--dpr-shadow);
}

.page-digital-pr-agentur .dpr-process-card:hover{
  transform:translateY(-4px);
  border-color:rgba(var(--dpr-tone-rgb, var(--brand-rgb)), .22);
}

.page-digital-pr-agentur .dpr-process-card__index{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:2.7rem;
  min-height:2.7rem;
  margin-bottom:.9rem;
  border-radius:16px;
  border:1px solid rgba(var(--dpr-tone-rgb, var(--brand-rgb)), .22);
  background:rgba(var(--dpr-tone-rgb, var(--brand-rgb)), .12);
  color:#fff;
  font-size:.92rem;
  font-weight:900;
  letter-spacing:.08em;
}

.page-digital-pr-agentur .dpr-process-card h3{
  margin:0 0 .56rem;
  color:var(--fg);
  font-size:1.08rem;
  font-weight:900;
  line-height:1.24;
}

.page-digital-pr-agentur .dpr-process__note{
  margin-top:1rem;
  display:grid;
  grid-template-columns:auto 1fr;
  gap:.9rem;
  align-items:start;
  border-color:rgba(var(--brand-indigo-rgb), .18);
  background:
    linear-gradient(135deg, rgba(var(--brand-indigo-rgb), .10), rgba(var(--brand-green-rgb), .06)),
    var(--bg-panel);
}

.page-digital-pr-agentur .dpr-fit__grid{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:1rem;
}

.page-digital-pr-agentur .dpr-fit-panel{
  position:relative;
  overflow:hidden;
  --panel-bg:linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,.016)), rgba(16,19,27,.78);
  --panel-shadow:var(--dpr-shadow);
}

.page-digital-pr-agentur .dpr-fit-panel::before,
.page-digital-pr-agentur .dpr-final__panel::before{
  content:"";
  position:absolute;
  inset:0 0 auto auto;
  width:min(56%, 280px);
  height:min(56%, 220px);
  background:radial-gradient(circle at top right, rgba(var(--dpr-tone-rgb, var(--brand-rgb)), .12), transparent 68%);
  pointer-events:none;
}

.page-digital-pr-agentur .dpr-fit-panel h3{
  margin:0 0 .74rem;
  color:var(--fg);
  font-size:1.12rem;
  font-weight:900;
  line-height:1.24;
}

.page-digital-pr-agentur .dpr-fit-list{
  display:grid;
  gap:.68rem;
}

.page-digital-pr-agentur .dpr-route-grid{
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:1rem;
  margin-top:1rem;
}

.page-digital-pr-agentur .dpr-route-card{
  --panel-bg:linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,.016)), rgba(16,19,27,.78);
  --panel-shadow:var(--dpr-shadow);
  display:block;
  color:inherit;
  text-decoration:none;
  border-color:var(--dpr-border);
}

.page-digital-pr-agentur .dpr-route-card:hover{
  transform:translateY(-5px);
  border-color:rgba(var(--dpr-tone-rgb, var(--brand-rgb)), .22);
  box-shadow:var(--shadow-panel-strong);
}

.page-digital-pr-agentur .dpr-route-card__head{
  display:flex;
  gap:.8rem;
  align-items:flex-start;
}

.page-digital-pr-agentur .dpr-route-card__head h3{
  margin:0;
  color:var(--fg);
  font-size:1.12rem;
  font-weight:900;
  line-height:1.24;
}

.page-digital-pr-agentur .dpr-route-card__link{
  width:fit-content;
}

.page-digital-pr-agentur .dpr-faq__list{
  display:grid;
  gap:.85rem;
}

.page-digital-pr-agentur .dpr-faq-item{
  border-color:rgba(255,255,255,.10);
  background:
    linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.02)),
    var(--dpr-panel-soft);
}

.page-digital-pr-agentur .dpr-faq-item[open]{
  border-color:rgba(var(--brand-rgb), .20);
}

.page-digital-pr-agentur .dpr-faq-item__summary{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:1rem;
  width:100%;
  padding:1.08rem 1.16rem;
  cursor:pointer;
  color:var(--fg);
  font-size:1.02rem;
  font-weight:860;
  line-height:1.32;
}

.page-digital-pr-agentur .dpr-faq-item__summary:hover{
  color:#fff;
}

.page-digital-pr-agentur .dpr-faq-item__toggle{
  position:relative;
  width:1rem;
  height:1rem;
  flex:0 0 1rem;
}

.page-digital-pr-agentur .dpr-faq-item__toggle::before,
.page-digital-pr-agentur .dpr-faq-item__toggle::after{
  content:"";
  position:absolute;
  left:50%;
  top:50%;
  width:100%;
  height:2px;
  border-radius:999px;
  background:currentColor;
  transform:translate(-50%, -50%);
  transition:transform var(--transition-fast), opacity var(--transition-fast);
}

.page-digital-pr-agentur .dpr-faq-item__toggle::after{
  transform:translate(-50%, -50%) rotate(90deg);
}

.page-digital-pr-agentur .dpr-faq-item[open] .dpr-faq-item__toggle::after{
  opacity:0;
  transform:translate(-50%, -50%) rotate(90deg) scaleX(.3);
}

.page-digital-pr-agentur .dpr-faq-item__body{
  padding:0 1.16rem 1.16rem;
  border-top:1px solid rgba(255,255,255,.08);
}

.page-digital-pr-agentur .dpr-faq-item__body p{
  margin-top:.82rem;
}

.page-digital-pr-agentur .dpr-final__panel{
  --panel-bg:
    linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,.016)),
    rgba(15,20,31,.80);
  --panel-shadow:var(--dpr-shadow-deep);
  position:relative;
  overflow:hidden;
}

.page-digital-pr-agentur .dpr-final__grid{
  display:grid;
  grid-template-columns:minmax(0, 1.04fr) minmax(300px, .96fr);
  gap:1.3rem;
  align-items:center;
  padding:clamp(1rem, 2vw, 1.35rem);
}

.page-digital-pr-agentur .dpr-final__copy{
  min-width:0;
}

.page-digital-pr-agentur .dpr-final__headline{
  --line-width:min(13rem, 58%);
  --line-gap:.74rem;
  --line-height:4px;
  --line-bg:linear-gradient(90deg, rgba(var(--brand-rgb), .92), rgba(var(--brand-green-rgb), .86));
  margin-top:0;
  max-width:28ch;
}

.page-digital-pr-agentur .dpr-final__cta{
  margin-top:1.26rem;
}

.page-digital-pr-agentur .dpr-final-card{
  padding:1.15rem 1.08rem;
  border:1px solid var(--dpr-border);
  background:linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,.018));
}

.page-digital-pr-agentur .dpr-final-card__label{
  display:inline-flex;
  align-items:center;
  min-height:1.85rem;
  padding:.28rem .7rem;
  border-radius:999px;
  border:1px solid rgba(var(--brand-green-rgb), .20);
  background:rgba(var(--brand-green-rgb), .12);
  color:#fff;
  font-size:.8rem;
  font-weight:850;
  line-height:1.1;
}

.page-digital-pr-agentur .dpr-final-card__list{
  display:grid;
  gap:.72rem;
  margin-top:1rem;
}

.page-digital-pr-agentur .dpr-final-card__text{
  margin-top:1rem;
}

@media (max-width: 74rem){
  .page-digital-pr-agentur .dpr-service-grid{
    grid-template-columns:repeat(2, minmax(0, 1fr));
  }

  .page-digital-pr-agentur .dpr-service-card{
    grid-column:auto;
  }

  .page-digital-pr-agentur .dpr-service-card--large,
  .page-digital-pr-agentur .dpr-service-card--wide{
    grid-column:span 2;
  }

  .page-digital-pr-agentur .dpr-process__grid{
    grid-template-columns:repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 62rem){
  .page-digital-pr-agentur .dpr-hero__title{
    max-width:40rem;
  }

  .page-digital-pr-agentur .dpr-diff__grid,
  .page-digital-pr-agentur .dpr-compare-item__grid,
  .page-digital-pr-agentur .dpr-fit__grid,
  .page-digital-pr-agentur .dpr-route-grid,
  .page-digital-pr-agentur .dpr-final__grid{
    grid-template-columns:1fr;
  }
}

@media (max-width: 56rem){
  .page-digital-pr-agentur .dpr-service-grid,
  .page-digital-pr-agentur .dpr-process__grid{
    grid-template-columns:1fr;
  }

  .page-digital-pr-agentur .dpr-service-card--large,
  .page-digital-pr-agentur .dpr-service-card--wide{
    grid-column:auto;
  }

  .page-digital-pr-agentur .dpr-diff__grid{
    grid-template-columns:1fr;
  }

  .page-digital-pr-agentur .dpr-stage__stats{
    grid-template-columns:1fr;
  }
}

@media (max-width: 42rem){
  .page-digital-pr-agentur .dpr-hero{
    padding-top:var(--page-breadcrumb-top-space);
  }

  .page-digital-pr-agentur .dpr-breadcrumbs{
    margin-bottom:var(--page-breadcrumb-bottom-space);
  }

  .page-digital-pr-agentur .dpr-kicker{
    margin-bottom:.66rem;
  }

  .page-digital-pr-agentur .dpr-hero__title{
    max-width:40rem;
    font-size:var(--page-h1-size);
  }

  .page-digital-pr-agentur .dpr-hero__note,
  .page-digital-pr-agentur .dpr-system__note,
  .page-digital-pr-agentur .dpr-process__note{
    grid-template-columns:1fr;
  }

  .page-digital-pr-agentur .dpr-route-card__head,
  .page-digital-pr-agentur .dpr-service-card__top{
    gap:.72rem;
  }

  .page-digital-pr-agentur .dpr-faq-item__summary,
  .page-digital-pr-agentur .dpr-faq-item__body{
    padding-inline:1rem;
  }

  .page-digital-pr-agentur .dpr-final__grid{
    padding:.9rem;
  }

  .page-digital-pr-agentur .dpr-stage__body{
    padding:1rem;
  }
}