/*
 * GUHL Theme 3.0 – Partnerseite, eigenständiges Modul.
 * Die unveränderten Logos und Bilder kommen aus der WordPress-Mediathek.
 */
.guhl-partner-page{
  --guhl-partner-gap:1.35rem;
}
.guhl-partner-page__eyebrow,.guhl-partner-feature__category{
  display:block;
  color:var(--guhl-blue);
  font-size:.77rem;
  font-weight:810;
  text-transform:uppercase;
  letter-spacing:.095em;
  line-height:1.55;
}
.guhl-partner-page .guhl-section-head>p{color:var(--guhl-text)}
.guhl-partner-stack{display:grid;gap:2rem}
.guhl-partner-feature{
  --guhl-partner-accent:var(--guhl-blue);
  background:white;
  border:1px solid var(--guhl-line);
  border-radius:19px;
  padding:clamp(1.2rem,2.65vw,2.3rem);
  box-shadow:var(--guhl-shadow);
  overflow:hidden;
  position:relative;
}
.guhl-partner-feature::before{
  content:"";
  position:absolute;
  height:5px;
  top:0;
  left:0;
  right:0;
  background:var(--guhl-partner-accent);
}
.guhl-partner-feature__header{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(150px,230px);
  align-items:center;
  gap:1.5rem;
  padding-bottom:1.5rem;
  border-bottom:1px solid var(--guhl-line);
  margin-bottom:1.65rem;
}
.guhl-partner-feature__category{color:#637c91;letter-spacing:.08em;margin-bottom:.4rem}
.guhl-partner-feature__heading{min-width:0}
.guhl-partner-feature__heading h3{
  font-size:clamp(1.5rem,2.5vw,2.2rem);
  margin:0 0 .6rem;
  overflow-wrap:anywhere;
}
.guhl-partner-feature__heading p{color:var(--guhl-text);margin:0;font-size:1.03rem}
.guhl-partner-feature__logo{
  width:100%;
  max-width:230px;
  min-height:125px;
  padding:1.1rem 1.5rem;
  background:white;
  border:1px solid #e4ecf3;
  border-radius:14px;
  display:flex;
  align-items:center;
  justify-content:center;
  margin-left:auto;
}
.guhl-partner-feature__logo img{
  max-width:100%;
  max-height:116px;
  width:auto;
  height:auto;
  object-fit:contain;
}
.guhl-partner-feature__main{
  display:grid;
  grid-template-columns:minmax(0,1.4fr) minmax(250px,.9fr);
  align-items:start;
  gap:clamp(1.5rem,3vw,3rem);
}
.guhl-partner-feature__copy,.guhl-partner-feature__description{min-width:0}
.guhl-partner-feature__description>p{color:#365166;line-height:1.7}
.guhl-partner-feature__copy .guhl-button{margin-top:1.1rem}
.guhl-partner-feature__note{
  margin:1.25rem 0 .3rem;
  padding:1.05rem 1.25rem;
  border-left:3px solid var(--guhl-partner-accent);
  border-radius:0 10px 10px 0;
  background:var(--guhl-surface);
  color:#2b4c66;
  font-size:.95rem;
}
.guhl-partner-feature__offers{
  background:#f3f8fc;
  border:1px solid #e0ebf3;
  border-radius:14px;
  padding:1.3rem 1.5rem;
}
.guhl-partner-feature__offers h4,.guhl-partner-feature__examples h4{
  color:var(--guhl-navy);
  font-size:1.07rem;
  margin:0 0 1rem;
}
.guhl-partner-feature__offers ul{
  margin:0;
  padding:0;
  list-style:none;
  display:grid;
  gap:.75rem;
}
.guhl-partner-feature__offers li{
  padding-left:1.5rem;
  position:relative;
  line-height:1.48;
  font-size:.91rem;
  color:#2c4861;
}
.guhl-partner-feature__offers li::before{
  content:"✓";
  color:var(--guhl-blue);
  position:absolute;
  left:0;
  top:0;
  font-weight:850;
}
.guhl-partner-feature__examples{
  border-top:1px solid var(--guhl-line);
  padding-top:1.65rem;
  margin-top:1.8rem;
}
.guhl-partner-feature__examples-heading{max-width:760px;margin:0 0 1.2rem}
.guhl-partner-feature__examples h4.guhl-partner-feature__examples-title{font-size:clamp(1.2rem,1.8vw,1.45rem);line-height:1.25;font-weight:800;color:#102f4d;letter-spacing:-.01em;margin:0}
.guhl-partner-feature__examples-description{font-size:1rem;line-height:1.55;color:#344c60;margin:.5rem 0 0}
.guhl-partner-feature__gallery{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  align-items:stretch;
  gap:1rem;
}
.guhl-partner-feature__example{
  display:flex;
  flex-direction:column;
  border:1px solid #e1e9f1;
  border-radius:13px;
  overflow:hidden;
  background:#fff;
  min-width:0;
}
.guhl-partner-feature__example-image{
  background:#f8fbfd;
  height:173px;
  padding:1rem;
  display:grid;
  place-items:center;
}
.guhl-partner-feature__example-image img{
  max-height:150px;
  max-width:100%;
  width:auto;
  height:auto;
  object-fit:contain;
}
.guhl-partner-feature__example-copy{padding:1rem;color:#385269}
.guhl-partner-feature__example-copy strong{
  display:block;
  font-size:.93rem;
  line-height:1.4;
  color:#163750;
  margin:0 0 .35rem;
}
.guhl-partner-feature__example-copy p{
  font-size:.85rem;
  line-height:1.5;
  margin:0;
}
.guhl-partner-feature__solution-pills{
  list-style:none;
  padding:0;
  margin:0;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:.8rem;
}
.guhl-partner-feature__solution-pills li{
  background:#eef5fc;
  padding:.95rem 1rem;
  border:1px solid #d9e7f2;
  border-radius:10px;
  font-size:.92rem;
}
@media(max-width:1100px){
  .guhl-partner-feature__gallery{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:820px){
  .guhl-partner-feature__main{grid-template-columns:1fr;gap:1.1rem}
  .guhl-partner-feature__offers{margin-top:.25rem}
}
@media(max-width:610px){
  .guhl-partner-stack{gap:1rem}
  .guhl-partner-feature{padding:1.2rem;border-radius:15px}
  .guhl-partner-feature__header{
    grid-template-columns:1fr;
    gap:1rem;
    padding-bottom:1.2rem;
  }
  .guhl-partner-feature__logo{margin-left:0;width:100%;max-width:100%;min-height:110px}
  .guhl-partner-feature__gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem}
  .guhl-partner-feature__example-image{height:115px;padding:.65rem}
  .guhl-partner-feature__example-image img{max-height:95px}
  .guhl-partner-feature__example-copy{padding:.65rem}
  .guhl-partner-feature__example-copy p{font-size:.78rem}
  .guhl-partner-feature__offers{padding:1.1rem}
  .guhl-partner-feature__solution-pills{grid-template-columns:1fr}
}
@media(max-width:360px){
  .guhl-partner-feature__gallery{grid-template-columns:1fr}
  .guhl-partner-feature__example-image{height:155px}
  .guhl-partner-feature__example-image img{max-height:125px}
}
