/* ==========================================================================
   GEO AGENTUR PAGE
   ========================================================================== */

.page-geo-agentur .geo-page{
  --geo-warm-rgb:196,145,76;
  --geo-border:rgba(255,255,255,.095);
  --geo-border-strong:rgba(255,255,255,.145);
  position:relative;
}

.page-geo-agentur .geo-section{
  position:relative;
}

.page-geo-agentur .geo-section-head{
  max-width:66rem;
  margin-bottom:clamp(1.15rem, 2.4vw, 1.75rem);
}

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

.page-geo-agentur .geo-section-head > .geo-eyebrow{
  display:flex;
  width:fit-content;
  margin:0 0 .88rem;
}

.page-geo-agentur .geo-section-head--center > .geo-eyebrow{
  margin-inline:auto;
}

.page-geo-agentur .geo-section-head h2{
  margin-top:0;
}

.page-geo-agentur .geo-section-head h2,
.page-geo-agentur .geo-hero__title,
.page-geo-agentur .geo-hero-card__title,
.page-geo-agentur .geo-card h3,
.page-geo-agentur .geo-compare-card h3,
.page-geo-agentur .geo-fit-panel h3,
.page-geo-agentur .geo-process-card h3,
.page-geo-agentur .geo-resource-card__title,
.page-geo-agentur .geo-final__aside-title,
.page-geo-agentur .ui-panel__title{
  text-wrap:balance;
}

.page-geo-agentur .geo-eyebrow{
  display:inline-flex;
}

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

.page-geo-agentur .geo-breadcrumbs__list{
  list-style:none;
  display:flex;
  flex-wrap:wrap;
  gap:var(--page-breadcrumb-list-gap);
  align-items:center;
  color:var(--fg-muted);
  font-size:.92rem;
}

.page-geo-agentur .geo-breadcrumbs__item{
  display:inline-flex;
  align-items:center;
  gap:var(--page-breadcrumb-list-gap);
}

.page-geo-agentur .geo-breadcrumbs__item + .geo-breadcrumbs__item::before{
  content:"/";
  color:rgba(255,255,255,.24);
}

.page-geo-agentur .geo-breadcrumbs a{
  text-decoration:none;
  transition:color var(--transition-fast);
}

.page-geo-agentur .geo-breadcrumbs a:hover{
  color:#fff;
}

.page-geo-agentur .geo-tone--brand{
  --geo-accent-1:rgba(var(--brand-rgb), .95);
  --geo-accent-2:rgba(var(--brand-indigo-rgb), .76);
  --geo-icon-bg:linear-gradient(180deg, rgba(var(--brand-rgb), .18), rgba(var(--brand-rgb), .08));
  --geo-icon-border:rgba(var(--brand-rgb), .24);
}

.page-geo-agentur .geo-tone--indigo{
  --geo-accent-1:rgba(var(--brand-indigo-rgb), .93);
  --geo-accent-2:rgba(var(--brand-rgb), .72);
  --geo-icon-bg:linear-gradient(180deg, rgba(var(--brand-indigo-rgb), .20), rgba(var(--brand-indigo-rgb), .08));
  --geo-icon-border:rgba(var(--brand-indigo-rgb), .25);
}

.page-geo-agentur .geo-tone--green{
  --geo-accent-1:rgba(var(--brand-green-rgb), .92);
  --geo-accent-2:rgba(var(--brand-rgb), .72);
  --geo-icon-bg:linear-gradient(180deg, rgba(var(--brand-green-rgb), .20), rgba(var(--brand-green-rgb), .08));
  --geo-icon-border:rgba(var(--brand-green-rgb), .25);
}

.page-geo-agentur .geo-tone--warm{
  --geo-accent-1:rgba(var(--geo-warm-rgb), .92);
  --geo-accent-2:rgba(var(--brand-indigo-rgb), .64);
  --geo-icon-bg:linear-gradient(180deg, rgba(var(--geo-warm-rgb), .18), rgba(var(--geo-warm-rgb), .07));
  --geo-icon-border:rgba(var(--geo-warm-rgb), .24);
}

.page-geo-agentur .geo-card,
.page-geo-agentur .geo-hero-card,
.page-geo-agentur .geo-note-panel,
.page-geo-agentur .geo-compare-card,
.page-geo-agentur .geo-fit-panel,
.page-geo-agentur .geo-process-card,
.page-geo-agentur .geo-resource-card,
.page-geo-agentur .geo-faq__item,
.page-geo-agentur .geo-final__aside{
  transition:
    transform var(--transition-base),
    box-shadow var(--transition-base),
    border-color var(--transition-base),
    background var(--transition-base),
    filter var(--transition-base);
}

.page-geo-agentur .geo-card:hover,
.page-geo-agentur .geo-hero-card:hover,
.page-geo-agentur .geo-note-panel:hover,
.page-geo-agentur .geo-compare-card:hover,
.page-geo-agentur .geo-fit-panel:hover,
.page-geo-agentur .geo-process-card:hover,
.page-geo-agentur .geo-resource-card:hover,
.page-geo-agentur .geo-faq__item:hover,
.page-geo-agentur .geo-final__aside:hover{
  transform:translateY(-3px);
  border-color:rgba(255,255,255,.16);
  box-shadow:0 24px 58px rgba(0,0,0,.26);
}

.page-geo-agentur .geo-resource-card:focus-visible,
.page-geo-agentur .geo-breadcrumbs a:focus-visible{
  outline:2px solid rgba(var(--brand-rgb), .82);
  outline-offset:4px;
}

.page-geo-agentur .geo-point-item .ui-icon-box,
.page-geo-agentur .geo-card .ui-icon-box,
.page-geo-agentur .geo-hero-card .ui-icon-box,
.page-geo-agentur .geo-priority-card .ui-icon-box,
.page-geo-agentur .geo-process-card .ui-icon-box,
.page-geo-agentur .geo-resource-card .ui-icon-box{
  background:var(--geo-icon-bg, rgba(255,255,255,.06));
  border-color:var(--geo-icon-border, rgba(255,255,255,.13));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08);
}

.page-geo-agentur .geo-card .ui-icon-box svg,
.page-geo-agentur .geo-hero-card .ui-icon-box svg,
.page-geo-agentur .geo-priority-card .ui-icon-box svg,
.page-geo-agentur .geo-process-card .ui-icon-box svg,
.page-geo-agentur .geo-resource-card .ui-icon-box svg{
  width:1.08rem;
  height:1.08rem;
}

/* Hero */
.page-geo-agentur .geo-hero{
  padding-top:var(--page-breadcrumb-top-space);
}

.page-geo-agentur .geo-hero::before{
  content:none;
}

.page-geo-agentur .geo-hero__grid{
  --split-cols:minmax(0, 1.03fr) minmax(19rem, .97fr);
  --split-align-desktop:start;
  gap:clamp(1.25rem, 3vw, 2.6rem);
}

.page-geo-agentur .geo-hero__title{
  max-width:min(100%, var(--page-h1-max-width));
  margin:.88rem 0 0;
  font-size:var(--page-h1-size);
  line-height:var(--page-heading-line-height);
  letter-spacing:-.03em;
}

.page-geo-agentur .geo-hero__title-accent{
  position:relative;
  display:inline-block;
  padding-bottom:.08em;
  white-space:nowrap;
  z-index:0;
}

.page-geo-agentur .geo-hero__title-accent::after{
  content:"";
  position:absolute;
  left:-.04em;
  right:-.02em;
  bottom:.04em;
  height:.12em;
  border-radius:999px;
  background:linear-gradient(90deg, rgba(var(--brand-rgb), .90), rgba(var(--brand-indigo-rgb), .78));
  box-shadow:0 10px 20px rgba(var(--brand-rgb), .16);
  opacity:.88;
  z-index:-1;
}

.page-geo-agentur .geo-hero__lead{
  max-width:62ch;
  margin-top:1rem;
}

.page-geo-agentur .geo-hero__text{
  max-width:62ch;
  margin-top:.82rem;
}


.page-geo-agentur .geo-hero__actions{
  margin-top:1.16rem;
}

.page-geo-agentur .geo-hero__aside{
  display:grid;
  gap:1rem;
  align-content:center;
  align-self:center;
}

.page-geo-agentur .geo-knowledge-panel{
  position:relative;
  width:100%;
  max-width:36rem;
  justify-self:end;
  padding:clamp(1.1rem, 2.2vw, 1.45rem);
  border-color:rgba(255,255,255,.13);
  background:
    radial-gradient(circle at 50% 37%, rgba(var(--brand-indigo-rgb), .13), transparent 34%),
    linear-gradient(180deg, rgba(255,255,255,.052), rgba(13,18,29,.88));
  box-shadow:0 26px 66px rgba(0,0,0,.22);
  overflow:hidden;
  transition:transform var(--transition-base), border-color var(--transition-base), box-shadow var(--transition-base);
}

.page-geo-agentur .geo-knowledge-panel::before{
  content:"";
  position:absolute;
  inset:0 0 auto 0;
  height:3px;
  background:linear-gradient(90deg, rgba(var(--brand-rgb), .78), rgba(var(--brand-indigo-rgb), .58), rgba(var(--geo-warm-rgb), .28), transparent 82%);
  pointer-events:none;
}

.page-geo-agentur .geo-knowledge-panel:hover{
  transform:translateY(-2px);
  border-color:rgba(255,255,255,.16);
  box-shadow:0 30px 72px rgba(0,0,0,.25);
}

.page-geo-agentur .geo-knowledge-panel__head{
  display:grid;
  gap:.6rem;
  max-width:30rem;
}

.page-geo-agentur .geo-knowledge-panel__head .geo-eyebrow{
  width:fit-content;
}

.page-geo-agentur .geo-knowledge-panel__head strong{
  color:#fff;
  font-size:clamp(1.18rem, 1vw + 1rem, 1.48rem);
  line-height:1.08;
  letter-spacing:-.02em;
}

.page-geo-agentur .geo-knowledge-panel__head p{
  max-width:32rem;
  margin:0;
  color:rgba(248,251,255,.74);
  font-size:.94rem;
  line-height:1.55;
}

.page-geo-agentur .geo-knowledge-map{
  position:relative;
  display:grid;
  gap:1rem;
  margin-top:1.15rem;
  padding:1rem;
  border-radius:26px;
  border:1px solid rgba(255,255,255,.09);
  background:
    linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px),
    linear-gradient(180deg, rgba(255,255,255,.035) 1px, transparent 1px),
    rgba(255,255,255,.022);
  background-size:34px 34px;
  overflow:hidden;
}

.page-geo-agentur .geo-knowledge-map::before{
  content:"";
  position:absolute;
  inset:50% 10% auto;
  height:1px;
  background:linear-gradient(90deg, transparent, rgba(var(--brand-indigo-rgb), .32), transparent);
  pointer-events:none;
}

.page-geo-agentur .geo-knowledge-center{
  position:relative;
  z-index:1;
  width:min(100%, 18rem);
  margin-inline:auto;
  display:grid;
  justify-items:center;
  gap:.48rem;
  padding:1rem 1.05rem;
  border-radius:24px;
  border:1px solid rgba(var(--brand-rgb), .2);
  background:
    radial-gradient(circle at 50% 0, rgba(var(--brand-rgb), .14), transparent 70%),
    linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.026));
  box-shadow:0 18px 42px rgba(0,0,0,.18), inset 0 1px 0 rgba(255,255,255,.06);
  text-align:center;
}

.page-geo-agentur .geo-knowledge-center .ui-icon-box{
  color:rgba(var(--brand-rgb), .96);
  background:rgba(255,255,255,.05);
  border-color:rgba(var(--brand-rgb), .24);
}

.page-geo-agentur .geo-knowledge-center strong{
  color:#fff;
  font-size:1.06rem;
  line-height:1.15;
}

.page-geo-agentur .geo-knowledge-center p{
  margin:0;
  color:rgba(248,251,255,.72);
  font-size:.86rem;
  line-height:1.42;
}

.page-geo-agentur .geo-knowledge-nodes{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:.72rem;
}

.page-geo-agentur .geo-knowledge-node{
  --node-rgb:var(--brand-rgb);
  display:flex;
  gap:.68rem;
  align-items:flex-start;
  min-height:100%;
  padding:.78rem .8rem;
  border-radius:18px;
  border:1px solid rgba(var(--node-rgb), .16);
  background:linear-gradient(180deg, rgba(255,255,255,.044), rgba(15,20,31,.5));
  box-shadow:inset 3px 0 0 rgba(var(--node-rgb), .22), 0 12px 28px rgba(0,0,0,.1);
  transition:transform var(--transition-fast), border-color var(--transition-fast), background var(--transition-fast), box-shadow var(--transition-fast);
}

.page-geo-agentur .geo-knowledge-node--indigo{
  --node-rgb:var(--brand-indigo-rgb);
}

.page-geo-agentur .geo-knowledge-node--warm{
  --node-rgb:var(--geo-warm-rgb);
}

.page-geo-agentur .geo-knowledge-node:hover{
  transform:translateY(-2px);
  border-color:rgba(var(--node-rgb), .24);
  background:linear-gradient(180deg, rgba(255,255,255,.058), rgba(15,20,31,.56));
  box-shadow:inset 3px 0 0 rgba(var(--node-rgb), .28), 0 18px 38px rgba(0,0,0,.14);
}

.page-geo-agentur .geo-knowledge-node .ui-icon-box{
  width:2.22rem;
  height:2.22rem;
  border-radius:15px;
  flex:0 0 auto;
  color:rgba(var(--node-rgb), .96);
  background:rgba(255,255,255,.045);
  border-color:rgba(var(--node-rgb), .2);
}

.page-geo-agentur .geo-knowledge-node strong{
  display:block;
  color:#fff;
  font-size:.9rem;
  line-height:1.16;
}

.page-geo-agentur .geo-knowledge-node p{
  margin:.2rem 0 0;
  color:rgba(248,251,255,.72);
  font-size:.8rem;
  line-height:1.38;
}

.page-geo-agentur .geo-hero-card{
  position:relative;
  overflow:hidden;
  border-radius:var(--radius-lg);
  padding:1.12rem;
}

.page-geo-agentur .geo-hero-card::before,
.page-geo-agentur .geo-note-panel::before,
.page-geo-agentur .geo-compare-card::before,
.page-geo-agentur .geo-service-card::before,
.page-geo-agentur .geo-fit-panel::before,
.page-geo-agentur .geo-resource-card::before{
  content:"";
  position:absolute;
  inset:0 auto auto 0;
  width:100%;
  height:3px;
  background:linear-gradient(90deg, var(--geo-accent-1, rgba(var(--brand-rgb), .9)), var(--geo-accent-2, rgba(var(--brand-indigo-rgb), .6)));
  opacity:.72;
}

.page-geo-agentur .geo-hero-card__head{
  display:flex;
  gap:.82rem;
  align-items:flex-start;
}

.page-geo-agentur .geo-hero-card__title{
  color:#fff;
  font-size:1.08rem;
  font-weight:900;
  line-height:1.2;
}

.page-geo-agentur .geo-hero-card__text{
  margin-top:.34rem;
  color:rgba(248,251,255,.8);
  font-size:.95rem;
  line-height:1.56;
}

.page-geo-agentur .geo-list{
  display:grid;
  gap:.68rem;
  margin-top:.98rem;
  list-style:none;
}

.page-geo-agentur .geo-list--tight{
  gap:.56rem;
  margin-top:0;
}

.page-geo-agentur .geo-list li{
  display:flex;
  gap:.74rem;
  align-items:flex-start;
  color:rgba(248,251,255,.88);
  font-size:.96rem;
  line-height:1.56;
}

.page-geo-agentur .geo-mini-grid{
  display:grid;
  gap:.72rem;
  margin-top:.92rem;
}

.page-geo-agentur .geo-mini-card{
  display:flex;
  gap:.68rem;
  align-items:flex-start;
  padding:.84rem .88rem;
  border-radius:18px;
  border:1px solid rgba(255,255,255,.08);
  background:rgba(255,255,255,.04);
}

.page-geo-agentur .geo-mini-card p{
  color:rgba(248,251,255,.82);
  font-size:.94rem;
  line-height:1.52;
}

.page-geo-agentur .geo-hero-card--accent{
  background:
    linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.028));
}

/* Priority */
.page-geo-agentur .geo-priority__panel{
  position:relative;
  overflow:hidden;
  border-color:rgba(255,255,255,.13);
  background:linear-gradient(180deg, rgba(255,255,255,.046), rgba(13,18,29,.86));
  box-shadow:0 24px 64px rgba(0,0,0,.2);
}

.page-geo-agentur .geo-priority__panel::before{
  content:"";
  position:absolute;
  inset:0 0 auto 0;
  height:3px;
  background:linear-gradient(90deg, rgba(var(--brand-rgb), .78), rgba(var(--brand-indigo-rgb), .58), transparent 78%);
}

.page-geo-agentur .geo-priority__grid{
  display:grid;
  gap:clamp(1.1rem, 3vw, 2rem);
  padding:clamp(1.25rem, 3vw, 2rem);
}

@media (min-width: 62rem){
  .page-geo-agentur .geo-priority__grid{
    grid-template-columns:minmax(0, .92fr) minmax(0, 1.08fr);
    align-items:center;
  }
}

.page-geo-agentur .geo-priority__copy{
  max-width:38rem;
}

.page-geo-agentur .geo-priority__copy h2{
  max-width:27ch;
}

.page-geo-agentur .geo-priority__situations{
  display:grid;
  gap:.82rem;
  align-content:center;
}

.page-geo-agentur .geo-priority__aside-head,
.page-geo-agentur .geo-priority__result{
  border:1px solid rgba(255,255,255,.105);
  border-radius:22px;
  background:linear-gradient(180deg, rgba(255,255,255,.052), rgba(15,20,31,.46));
  box-shadow:0 14px 30px rgba(0,0,0,.12), inset 0 1px 0 rgba(255,255,255,.045);
}

.page-geo-agentur .geo-priority__aside-head{
  padding:1.04rem 1.08rem 1.08rem;
}

.page-geo-agentur .geo-priority__aside-head h3{
  margin:.72rem 0 0;
  max-width:28rem;
  color:#fff;
  font-size:clamp(1.08rem, .7vw + .96rem, 1.28rem);
  font-weight:900;
  line-height:1.22;
  letter-spacing:-.012em;
}

.page-geo-agentur .geo-priority__aside-head p{
  margin:.48rem 0 0;
  max-width:32rem;
  color:rgba(248,251,255,.76);
  font-size:.94rem;
  line-height:1.55;
}

.page-geo-agentur .geo-priority-card{
  --priority-rgb:var(--brand-rgb);
  display:flex;
  align-items:flex-start;
  gap:.82rem;
  padding:.94rem 1rem;
  border-radius:20px;
  border:1px solid rgba(var(--priority-rgb), .16);
  background:linear-gradient(180deg, rgba(255,255,255,.038), rgba(15,20,31,.52));
  box-shadow:inset 3px 0 0 rgba(var(--priority-rgb), .25), 0 12px 28px rgba(0,0,0,.11);
  transition:transform var(--transition-fast), border-color var(--transition-fast), background var(--transition-fast), box-shadow var(--transition-fast);
}

.page-geo-agentur .geo-priority-card--brand{
  --priority-rgb:var(--brand-rgb);
}

.page-geo-agentur .geo-priority-card--indigo{
  --priority-rgb:var(--brand-indigo-rgb);
}

.page-geo-agentur .geo-priority-card--warm{
  --priority-rgb:var(--geo-warm-rgb);
}

.page-geo-agentur .geo-priority-card:hover{
  transform:translateY(-2px);
  border-color:rgba(var(--priority-rgb), .28);
  background:linear-gradient(180deg, rgba(255,255,255,.05), rgba(15,20,31,.58));
  box-shadow:inset 3px 0 0 rgba(var(--priority-rgb), .34), 0 18px 38px rgba(0,0,0,.14);
}

.page-geo-agentur .geo-priority-card .ui-icon-box{
  flex:0 0 auto;
  color:#fff;
  background:linear-gradient(180deg, rgba(var(--priority-rgb), .34), rgba(var(--priority-rgb), .16));
  border-color:rgba(var(--priority-rgb), .3);
}

.page-geo-agentur .geo-priority-card p{
  margin:0;
  color:rgba(248,251,255,.82);
  font-size:.96rem;
  line-height:1.52;
}

.page-geo-agentur .geo-priority__result{
  padding:1rem 1.08rem;
  border-color:rgba(var(--brand-rgb), .15);
  background:linear-gradient(180deg, rgba(var(--brand-rgb), .09), rgba(255,255,255,.026));
}

.page-geo-agentur .geo-priority__result strong{
  display:block;
  color:#fff;
  font-size:.94rem;
  font-weight:900;
  line-height:1.2;
}

.page-geo-agentur .geo-priority__result p{
  margin:.36rem 0 0;
  color:rgba(248,251,255,.76);
  font-size:.92rem;
  line-height:1.52;
}

/* Diagnostic */
.page-geo-agentur #warum .geo-section-head{
  max-width:64rem;
}

.page-geo-agentur .geo-diagnostic__grid{
  display:grid;
  gap:1rem;
  align-items:start;
}

@media (min-width: 62rem){
  .page-geo-agentur .geo-diagnostic__grid{
    grid-template-columns:minmax(0, .88fr) minmax(0, 1.12fr);
    gap:1.25rem;
  }
}

@media (min-width: 62rem){
  .page-geo-agentur .geo-diagnostic__grid{
    align-items:start;
  }

  .page-geo-agentur .geo-diagnostic__cards{
    align-self:start;
    align-content:center;
  }
}

.page-geo-agentur #warum .geo-note-panel{
  background:linear-gradient(165deg, rgba(var(--brand-indigo-rgb), .12), rgba(255,255,255,.028));
}

.page-geo-agentur #warum .geo-card--diagnostic.geo-tone--brand{
  background:linear-gradient(165deg, rgba(var(--brand-rgb), .12), rgba(255,255,255,.028));
}

.page-geo-agentur #warum .geo-card--diagnostic.geo-tone--indigo{
  background:linear-gradient(165deg, rgba(var(--brand-indigo-rgb), .12), rgba(255,255,255,.028));
}

.page-geo-agentur #warum .geo-card--diagnostic.geo-tone--green{
  background:linear-gradient(165deg, rgba(var(--brand-green-rgb), .12), rgba(255,255,255,.028));
}

.page-geo-agentur #warum .geo-card--diagnostic.geo-tone--warm{
  background:linear-gradient(165deg, rgba(var(--geo-warm-rgb), .10), rgba(255,255,255,.028));
}

.page-geo-agentur .geo-note-panel{
  position:relative;
  overflow:hidden;
  min-height:100%;
}

.page-geo-agentur .geo-note-panel .ui-panel__bottom{
  display:grid;
  gap:1rem;
}

.page-geo-agentur .geo-diagnostic__cards{
  display:grid;
  gap:1rem;
}

@media (min-width: 48rem){
  .page-geo-agentur .geo-diagnostic__cards{
    grid-template-columns:repeat(2, minmax(0, 1fr));
  }

  .page-geo-agentur .geo-diagnostic__cards .geo-card--diagnostic:last-child{
    grid-column:1 / -1;
  }
}

@media (min-width: 75rem){
  .page-geo-agentur .geo-diagnostic__cards{
    grid-template-columns:repeat(3, minmax(0, 1fr));
  }

  .page-geo-agentur .geo-diagnostic__cards .geo-card--diagnostic:last-child{
    grid-column:auto;
  }
}

.page-geo-agentur .geo-card{
  position:relative;
  overflow:hidden;
  border-radius:20px;
}

.page-geo-agentur .geo-card h3,
.page-geo-agentur .geo-compare-card h3,
.page-geo-agentur .geo-fit-panel h3,
.page-geo-agentur .geo-process-card h3{
  margin:0;
  font-size:1.08rem;
  font-weight:900;
  line-height:1.24;
  letter-spacing:-.01em;
  color:#fff;
}

.page-geo-agentur .geo-service-card h3{
  line-height:1.32;
}

.page-geo-agentur .geo-card p,
.page-geo-agentur .geo-compare-card p,
.page-geo-agentur .geo-fit-panel p,
.page-geo-agentur .geo-process-card p{
  margin-top:.34rem;
  color:rgba(248,251,255,.81);
  font-size:.96rem;
  line-height:1.56;
}

.page-geo-agentur .geo-card--diagnostic{
  padding:1.04rem 1.04rem 1.08rem;
}

.page-geo-agentur .geo-card--diagnostic .ui-icon-box{
  margin-bottom:.9rem;
}

/* Compare */
.page-geo-agentur .geo-compare__grid{
  display:grid;
  gap:1rem;
}

@media (min-width: 62rem){
  .page-geo-agentur .geo-compare__grid{
    grid-template-columns:repeat(2, minmax(0, 1fr));
  }
}

.page-geo-agentur .geo-compare-card{
  position:relative;
  overflow:hidden;
}

.page-geo-agentur .geo-compare-card.geo-tone--brand{
  background:linear-gradient(165deg, rgba(var(--brand-rgb), .12), rgba(255,255,255,.03));
}

.page-geo-agentur .geo-compare-card.geo-tone--indigo{
  background:linear-gradient(165deg, rgba(var(--brand-indigo-rgb), .13), rgba(255,255,255,.03));
}

.page-geo-agentur .geo-compare-card .geo-card__eyebrow{
  display:flex;
  width:fit-content;
  align-self:flex-start;
  margin:0 0 .9rem;
}

.page-geo-agentur .geo-card__eyebrow{
  display:inline-flex;
  align-items:center;
  width:fit-content;
  padding:.32rem .58rem;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.12);
  background:rgba(255,255,255,.04);
  color:rgba(248,251,255,.86);
  font-size:.82rem;
  font-weight:850;
  line-height:1.1;
}

.page-geo-agentur .geo-compare-card .ui-panel__text{
  margin-top:.62rem;
}

.page-geo-agentur .geo-compare-card .ui-panel__bottom{
  display:grid;
  gap:1rem;
}

.page-geo-agentur .geo-compare-band{
  margin-top:1rem;
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:space-between;
  gap:1rem;
  padding:1.08rem 1.12rem;
}

.page-geo-agentur .geo-compare-band__copy{
  max-width:43rem;
}

.page-geo-agentur .geo-compare-band__links{
  display:flex;
  flex-wrap:wrap;
  gap:.82rem 1rem;
  align-items:center;
}

/* Services */
.page-geo-agentur .geo-service-grid{
  display:grid;
  gap:1rem;
}

@media (min-width: 48rem){
  .page-geo-agentur .geo-service-grid{
    grid-template-columns:repeat(2, minmax(0, 1fr));
  }

  .page-geo-agentur .geo-service-card--featured{
    grid-column:1 / -1;
  }
}

@media (min-width: 75rem){
  .page-geo-agentur .geo-service-grid{
    grid-template-columns:repeat(3, minmax(0, 1fr));
  }

  .page-geo-agentur .geo-service-card--featured{
    grid-column:auto;
  }

  .page-geo-agentur .geo-service-grid > .geo-service-card:nth-child(2){
    grid-column:auto;
  }

  .page-geo-agentur .geo-service-grid > .geo-service-card:nth-child(n + 3){
    grid-column:auto;
  }
}

.page-geo-agentur .geo-service-card{
  position:relative;
  display:flex;
  flex-direction:column;
  overflow:hidden;
  min-height:100%;
}

.page-geo-agentur .geo-service-card .ui-panel__top{
  flex:1;
}

.page-geo-agentur .geo-service-card--featured .ui-panel__top{
  padding-bottom:1rem;
}

.page-geo-agentur .geo-service-card--featured .ui-panel__text{
  max-width:60ch;
}

.page-geo-agentur .geo-card__top{
  display:flex;
  align-items:flex-start;
  gap:.82rem;
}

.page-geo-agentur .geo-service-card .geo-card__top{
  margin-bottom:1.02rem;
}

.page-geo-agentur .geo-service-card .ui-panel__text{
  margin-top:.58rem;
}

.page-geo-agentur .geo-card__top--spread{
  justify-content:space-between;
  align-items:center;
}

.page-geo-agentur .geo-card__index{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:2rem;
  min-height:2rem;
  padding:0 .56rem;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.14);
  background:rgba(255,255,255,.05);
  color:rgba(248,251,255,.92);
  font-size:.82rem;
  font-weight:900;
  line-height:1;
}

.page-geo-agentur .geo-service-card .ui-panel__bottom{
  background:rgba(15,20,31,.24);
}

/* Fit */
.page-geo-agentur .geo-fit__grid{
  display:grid;
  gap:1rem;
}

@media (min-width: 62rem){
  .page-geo-agentur .geo-fit__grid{
    grid-template-columns:minmax(0, 1fr) minmax(0, 1fr);
  }
}

.page-geo-agentur .geo-fit-panel{
  position:relative;
  overflow:hidden;
}

.page-geo-agentur .geo-fit-panel.geo-tone--brand{
  background:linear-gradient(165deg, rgba(var(--brand-rgb), .12), rgba(255,255,255,.03));
}

.page-geo-agentur .geo-fit-panel.geo-tone--indigo{
  background:linear-gradient(165deg, rgba(var(--brand-indigo-rgb), .13), rgba(255,255,255,.03));
}

.page-geo-agentur .geo-fit-panel .ui-panel__top{
  display:grid;
  gap:.82rem;
}

.page-geo-agentur .geo-fit-panel h3{
  font-size:clamp(1.22rem, .95vw + 1rem, 1.48rem);
  line-height:1.18;
  letter-spacing:-.014em;
}

.page-geo-agentur .geo-fit-panel .ui-panel__bottom{
  display:grid;
  gap:1rem;
}

/* Process */
.page-geo-agentur .geo-step-grid{
  display:grid;
  gap:1rem;
}

.page-geo-agentur .geo-step-grid{
  position:relative;
}

@media (min-width: 75rem){
  .page-geo-agentur .geo-step-grid::before{
    content:"";
    position:absolute;
    left:12%;
    right:12%;
    top:2.1rem;
    height:1px;
    background:linear-gradient(90deg, rgba(var(--brand-rgb), .22), rgba(var(--brand-indigo-rgb), .26), rgba(var(--brand-green-rgb), .22));
    pointer-events:none;
  }
}

@media (min-width: 48rem){
  .page-geo-agentur .geo-step-grid{
    grid-template-columns:repeat(2, minmax(0, 1fr));
  }
}

@media (min-width: 75rem){
  .page-geo-agentur .geo-step-grid{
    grid-template-columns:repeat(4, minmax(0, 1fr));
  }
}

.page-geo-agentur .geo-process-card{
  position:relative;
  padding:1.04rem 1.04rem 1.08rem;
  border-radius:20px;
  min-height:100%;
  overflow:hidden;
  transition:transform var(--transition-fast), border-color var(--transition-fast), background var(--transition-fast), box-shadow var(--transition-fast);
}

.page-geo-agentur .geo-process-card::before{
  content:"";
  position:absolute;
  inset:0 0 auto 0;
  height:3px;
  background:linear-gradient(90deg, rgba(var(--brand-rgb), .62), rgba(var(--brand-indigo-rgb), .26), transparent 78%);
}

.page-geo-agentur .geo-process-card:nth-child(2)::before{
  background:linear-gradient(90deg, rgba(var(--brand-indigo-rgb), .62), rgba(var(--brand-rgb), .22), transparent 78%);
}

.page-geo-agentur .geo-process-card:nth-child(3)::before{
  background:linear-gradient(90deg, rgba(var(--geo-warm-rgb), .5), rgba(var(--brand-rgb), .2), transparent 78%);
}

.page-geo-agentur .geo-process-card:hover{
  transform:translateY(-2px);
  border-color:rgba(255,255,255,.15);
  background:linear-gradient(180deg, rgba(255,255,255,.044), rgba(15,20,31,.56));
  box-shadow:0 18px 40px rgba(0,0,0,.14);
}

.page-geo-agentur .geo-process-card__index{
  position:relative;
  z-index:1;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:2.16rem;
  min-height:2.16rem;
  margin-bottom:.88rem;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.13);
  background:linear-gradient(180deg, rgba(var(--brand-indigo-rgb), .22), rgba(var(--brand-rgb), .08));
  color:#fff;
  font-size:.84rem;
  font-weight:900;
  line-height:1;
  box-shadow:0 0 0 8px rgba(16,19,27,.88), var(--shadow-soft);
}

.page-geo-agentur .geo-resource-grid{
  display:grid;
  gap:1rem;
  margin-top:1rem;
}

@media (min-width: 48rem){
  .page-geo-agentur .geo-resource-grid{
    grid-template-columns:repeat(3, minmax(0, 1fr));
  }
}

.page-geo-agentur .geo-resource-card{
  position:relative;
  overflow:hidden;
  display:flex;
  flex-direction:column;
  gap:1rem;
  min-height:100%;
  padding:1.04rem 1.04rem 1.08rem;
  text-decoration:none;
}

.page-geo-agentur .geo-resource-card__top{
  display:flex;
  gap:.82rem;
  align-items:flex-start;
}

.page-geo-agentur .geo-resource-card__title{
  color:#fff;
  font-size:1.06rem;
  font-weight:900;
  line-height:1.22;
}

.page-geo-agentur .geo-resource-card p{
  margin-top:.3rem;
  color:rgba(248,251,255,.8);
  font-size:.95rem;
  line-height:1.54;
}

.page-geo-agentur .geo-resource-card__label{
  margin-top:auto;
  display:inline-flex;
  align-items:center;
  gap:.42rem;
  font-weight:860;
  color:#fff;
}

/* FAQ */
.page-geo-agentur .geo-faq{
  display:grid;
  gap:.8rem;
}

.page-geo-agentur .geo-faq__item{
  overflow:hidden;
  border-radius:22px;
  border:1px solid rgba(255,255,255,.08);
  background:linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.025));
  box-shadow:var(--shadow-card);
}

.page-geo-agentur .geo-faq__item[open]{
  border-color:rgba(255,255,255,.14);
  background:linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.03));
}

.page-geo-agentur .geo-faq__question{
  position:relative;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:1rem;
  padding:1.04rem 1.08rem;
  cursor:pointer;
  font-size:1rem;
  font-weight:860;
  line-height:1.36;
  color:#fff;
}

.page-geo-agentur .geo-faq__question::after{
  content:"+";
  flex:0 0 auto;
  width:2rem;
  height:2rem;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.12);
  background:rgba(255,255,255,.04);
  color:rgba(248,251,255,.78);
  font-size:1.14rem;
  line-height:1;
  transition:
    transform var(--transition-base),
    background var(--transition-base),
    border-color var(--transition-base),
    color var(--transition-base);
}

.page-geo-agentur .geo-faq__item[open] .geo-faq__question::after{
  content:"−";
  background:rgba(var(--brand-rgb), .12);
  border-color:rgba(var(--brand-rgb), .2);
  color:#fff;
  transform:rotate(180deg);
}

.page-geo-agentur .geo-faq__question:hover::after{
  border-color:rgba(255,255,255,.18);
  color:#fff;
}

.page-geo-agentur .geo-faq__question:focus-visible{
  outline:2px solid rgba(var(--brand-rgb), .82);
  outline-offset:2px;
}

.page-geo-agentur .geo-faq__answer{
  padding:0 1.08rem 1.02rem;
}

.page-geo-agentur .geo-faq__answer p{
  font-size:.97rem;
  line-height:1.62;
}

/* Final CTA */
.page-geo-agentur .geo-final{
  position:relative;
  overflow:hidden;
  border-color:rgba(255,255,255,.13);
  background:
    linear-gradient(135deg, rgba(var(--brand-rgb), .07), transparent 34%),
    linear-gradient(180deg, rgba(255,255,255,.046), rgba(13,18,29,.88));
  box-shadow:0 26px 70px rgba(0,0,0,.23);
}

.page-geo-agentur .geo-final::before{
  content:none;
}

.page-geo-agentur .geo-final__grid{
  display:grid;
  gap:1rem;
  padding:clamp(1.15rem, 2.4vw, 1.5rem);
}

@media (min-width: 62rem){
  .page-geo-agentur .geo-final__grid{
    grid-template-columns:minmax(0, 1.04fr) minmax(18rem, .96fr);
    align-items:center;
  }

  .page-geo-agentur .geo-hero__aside{
    justify-content:center;
  }

  .page-geo-agentur .geo-final__aside{
    max-width:34rem;
    width:100%;
    margin-left:auto;
  }
}

.page-geo-agentur .geo-final__content .ui-copy-lead{
  max-width:58ch;
}

.page-geo-agentur .geo-final__actions{
  margin-top:1.18rem;
}

.page-geo-agentur .geo-final__aside{
  align-self:center;
  padding:1rem 1rem 1.06rem;
  background:linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.028));
}

.page-geo-agentur .geo-final__aside-title{
  margin-bottom:.82rem;
  color:#fff;
  font-size:1.04rem;
  font-weight:900;
  line-height:1.22;
}

.page-geo-agentur .geo-final__aside-note{
  margin-top:.92rem;
  padding-top:.86rem;
  border-top:1px solid rgba(255,255,255,.08);
  color:rgba(248,251,255,.82);
  font-size:.95rem;
  line-height:1.58;
}

.page-geo-agentur .geo-final__aside-note .ui-text-link{
  margin-top:.66rem;
}

/* Responsive */
@media (max-width: 61.99rem){
  .page-geo-agentur .geo-compare-band{
    align-items:flex-start;
  }

  .page-geo-agentur .geo-knowledge-panel{
    max-width:none;
    justify-self:stretch;
  }
}

@media (max-width: 47.99rem){
  .page-geo-agentur .geo-hero{
    padding-top:var(--page-breadcrumb-top-space);
  }

  .page-geo-agentur .geo-section-head{
    margin-bottom:1rem;
  }

  .page-geo-agentur .geo-hero__title{
    max-width:min(100%, var(--page-h1-max-width));
    font-size:var(--page-h1-size);
  }

  .page-geo-agentur .geo-hero__actions,
  .page-geo-agentur .geo-final__actions,
  .page-geo-agentur .geo-compare-band__links{
    flex-direction:column;
    align-items:stretch;
  }

  .page-geo-agentur .geo-hero__actions > .buttonmain,
  .page-geo-agentur .geo-hero__actions > .buttonmainsecond,
  .page-geo-agentur .geo-final__actions > .buttonmain,
  .page-geo-agentur .geo-final__actions > .buttonmainsecond{
    width:100%;
  }

  .page-geo-agentur .geo-mini-grid{
    grid-template-columns:1fr;
  }

  .page-geo-agentur .geo-knowledge-nodes{
    grid-template-columns:1fr;
  }

  .page-geo-agentur .geo-compare-band,
  .page-geo-agentur .geo-final__grid{
    padding:1rem;
  }

  .page-geo-agentur .geo-faq__question,
  .page-geo-agentur .geo-faq__answer{
    padding-inline:1rem;
  }
}

@media (min-width: 36rem){
  .page-geo-agentur .geo-mini-grid{
    grid-template-columns:repeat(2, minmax(0, 1fr));
  }

  .page-geo-agentur .geo-mini-grid > .geo-mini-card:last-child{
    grid-column:1 / -1;
  }
}