/* Leistungsseite: klare, conversion-orientierte Darstellung statt Katalog. */
.services-page { background: var(--paper); }
.services-page .section-label { margin: 0 0 14px; color: var(--blue); font-size: 11px; font-weight: 800; letter-spacing: .1em; }

/* Opening */
.services-intro { padding: 76px 0 67px; background: #fff; }
.services-intro-layout { position: relative; display: grid; grid-template-columns: 1.08fr .72fr; align-items: end; gap: 58px; min-height: 250px; padding-bottom: 29px; border-bottom: 1px solid var(--line); }
.services-intro h1 { margin: 0; font-size: clamp(49px, 5.1vw, 75px); font-weight: 800; letter-spacing: -.07em; line-height: .98; }
.services-intro h1 span { color: var(--blue); }
.services-intro-layout > p { position: relative; z-index: 1; max-width: 445px; margin: 0; padding-bottom: 5px; color: var(--muted); font-size: 16px; line-height: 1.68; }
.services-intro-layout > div { position: relative; z-index: 1; }
.services-count { position: absolute; top: -20px; right: 0; color: #e6eeeb; font-size: clamp(105px, 15vw, 205px); font-weight: 800; letter-spacing: -.1em; line-height: .75; pointer-events: none; }

/* Three proofs */
.services-showcase { padding: 8px 0 94px; background: #fff; }
.services-feature-grid { display: grid; grid-template-columns: 1.05fr .95fr; grid-template-rows: repeat(2, minmax(290px, 1fr)); gap: 10px; }
.services-feature { position: relative; min-height: 290px; overflow: hidden; border-radius: 10px; }
.services-feature-digital { display: grid; grid-row: span 2; grid-template-rows: 1fr auto; min-height: 590px; background: #263235; color: #fff; }
.services-feature-merch { display: grid; grid-template-columns: minmax(0, 1.08fr) minmax(190px, .92fr); gap: 18px; align-items: center; padding: 40px 27px 40px 43px; background: var(--blue-soft); }
.services-feature-care { display: grid; grid-template-columns: .85fr 1.15fr; align-items: stretch; background: #dce8d5; }
.services-feature-copy { position: relative; z-index: 2; }
.services-feature-copy > span { display: block; margin-bottom: 13px; color: var(--blue); font-size: 11px; font-weight: 800; letter-spacing: .09em; }
.services-feature-copy h3 { margin: 0 0 13px; font-size: clamp(31px, 3.2vw, 48px); font-weight: 800; letter-spacing: -.07em; line-height: .96; }
.services-feature-copy p { max-width: 400px; margin: 0 0 19px; color: #53615e; font-size: 15px; line-height: 1.62; }
.services-feature-copy a { display: inline-flex; align-items: center; gap: 8px; padding-bottom: 3px; border-bottom: 1px solid currentColor; font-size: 13px; font-weight: 800; }
.services-feature-digital .services-feature-copy { padding: 36px 40px 41px; background: linear-gradient(0deg, rgba(17,27,29,.98), rgba(17,27,29,.56)); }
.services-feature-digital .services-feature-copy > span { color: var(--blue-soft); }
.services-feature-digital .services-feature-copy p { color: #d5dedb; }
.services-feature-digital .services-feature-copy a { color: #fff; }
.services-feature-facts { display: flex; flex-wrap: wrap; gap: 6px; margin: 0 0 19px; }
.services-feature-facts small { padding: 6px 9px; border: 1px solid rgba(39,67,72,.22); border-radius: 20px; color: #38534f; font-size: 10px; font-weight: 800; line-height: 1; }
.services-feature-digital .services-feature-facts small { border-color: rgba(255,255,255,.2); color: #e0eae7; }
.services-feature-merch .services-feature-copy { max-width: none; }
.services-feature-merch .services-feature-copy p { color: #315764; }
.services-merch-visual { position: relative; align-self: center; justify-self: end; width: 100%; max-width: 285px; margin: 0; padding: 12px 10px 30px; border: 1px solid rgba(49,87,100,.15); border-radius: 9px; background: rgba(255,255,255,.2); }
.services-merch-visual img { display: block; width: 100%; height: auto; object-fit: contain; filter: drop-shadow(0 16px 14px rgba(35,72,84,.17)); transition: transform .4s ease; }
.services-feature-merch:hover .services-merch-visual img { transform: translateY(-3px); }
.services-merch-visual figcaption { position: absolute; right: 12px; bottom: 9px; color: #315764; font-size: 9px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; }
.services-feature-photo { position: relative; min-height: 335px; overflow: hidden; }
.services-feature-photo::after { position: absolute; inset: 0; background: linear-gradient(0deg, rgba(20,29,31,.75), transparent 58%); content: ''; }
.services-feature-photo img, .services-feature-care-visual img { width: 100%; height: 100%; object-fit: cover; transition: transform .6s ease; }
.services-feature:hover img { transform: scale(1.035); }
.services-feature-care-visual { position: relative; min-height: 290px; overflow: hidden; }
.services-feature-care-visual::after { position: absolute; inset: 0; background: linear-gradient(90deg, rgba(19,29,31,.05), rgba(19,29,31,.3)); content: ''; }
.services-feature-care .services-feature-copy { padding: 34px 31px; }
.services-feature-care .services-feature-copy h3 { font-size: clamp(29px, 2.7vw, 42px); }
.services-feature-care-visual .hosting-shield { position: absolute; z-index: 2; right: 17px; bottom: 17px; display: grid; place-items: center; width: 49px; height: 49px; border: 1px solid rgba(255,255,255,.24); border-radius: 50%; background: var(--blue); color: #fff; font-size: 22px; }
.services-price { display: grid; grid-template-columns: auto 1fr; align-items: baseline; gap: 1px 10px; margin: 0 0 18px; padding: 13px 0; border-top: 1px solid rgba(255,255,255,.2); border-bottom: 1px solid rgba(255,255,255,.2); }
.services-price > span { grid-column: 1 / -1; color: var(--blue-soft); font-size: 10px; font-weight: 800; letter-spacing: .09em; }.services-price strong { color: #fff; font-size: 27px; font-weight: 800; letter-spacing: -.06em; line-height: 1; }.services-price strong small { color: #d4dfdc; font-size: 12px; font-weight: 700; letter-spacing: 0; }.services-price em { color: #d4dfdc; font-size: 11px; font-style: normal; font-weight: 700; }
.services-price .services-price-note { grid-column: 1 / -1; margin-top: 8px; color: #bac8c4; font-size: 10px; font-weight: 650; line-height: 1.5; }

/* The offer */
.services-package { padding: 98px 0; background: var(--paper); }
.services-package-heading, .services-process-heading { display: grid; grid-template-columns: 1.08fr .72fr; gap: 58px; align-items: end; margin-bottom: 38px; }
.services-package-heading h2, .services-process-heading h2 { margin: 0; font-size: clamp(40px, 4.2vw, 62px); font-weight: 800; letter-spacing: -.07em; line-height: .98; }
.services-package-heading h2 span, .services-process-heading h2 span { color: var(--blue); }
.services-package-heading > p, .services-process-heading > p { max-width: 450px; margin: 0 0 4px; color: var(--muted); font-size: 16px; line-height: 1.7; }
.services-package-panel { display: grid; grid-template-columns: .76fr 1.24fr; overflow: hidden; border-radius: 12px; background: #374040; box-shadow: 0 20px 44px rgba(29,41,39,.09); }
.services-package-promise { display: flex; flex-direction: column; align-items: flex-start; justify-content: center; padding: clamp(40px, 5vw, 65px); color: #fff; }
.services-package-promise > span { margin-bottom: 17px; color: var(--blue-soft); font-size: 10px; font-weight: 800; letter-spacing: .1em; }
.services-package-promise h3 { margin: 0 0 18px; font-size: clamp(37px, 3.5vw, 51px); font-weight: 800; letter-spacing: -.07em; line-height: .96; }
.services-package-promise p { margin: 0 0 25px; color: #d2ddda; font-size: 15px; line-height: 1.68; }
.services-package-price { display: grid; gap: 4px; width: 100%; margin: 0 0 26px; padding: 16px 0; border-top: 1px solid rgba(255,255,255,.2); border-bottom: 1px solid rgba(255,255,255,.2); }
.services-package-price > span { color: var(--blue-soft); font-size: 11px; font-weight: 800; letter-spacing: .08em; }
.services-package-price strong { font-size: 25px; font-weight: 800; letter-spacing: -.05em; }.services-package-price small { color: #d4dfdc; font-size: 12px; letter-spacing: 0; }
.services-package-promise .services-package-price p { margin: 7px 0 0; color: #aebdb9; font-size: 11px; line-height: 1.55; }
.services-included-grid { display: grid; grid-template-columns: repeat(2, 1fr); background: #fff; }
.services-included-grid article { position: relative; min-height: 215px; padding: 30px; border-bottom: 1px solid var(--line); border-left: 1px solid var(--line); }
.services-included-grid article:nth-last-child(-n+2) { border-bottom: 0; }
.services-included-grid article > i { display: grid; place-items: center; width: 40px; height: 40px; margin-bottom: 27px; border-radius: 50%; background: #e2f1f6; color: var(--blue); font-size: 17px; }
.services-included-grid article > span { position: absolute; top: 29px; right: 29px; color: #a1aba8; font-size: 10px; font-weight: 800; letter-spacing: .08em; }
.services-included-grid h3 { margin: 0 0 8px; font-size: 20px; font-weight: 800; letter-spacing: -.045em; }
.services-included-grid p { margin: 0; color: var(--muted); font-size: 13px; line-height: 1.6; }
.services-eazycms-note { display: grid; grid-template-columns: .78fr 1.22fr; gap: 46px; align-items: center; margin-top: 12px; padding: 34px 39px; border-radius: 10px; background: var(--blue-soft); }
.services-eazycms-note > div:first-child { display: grid; grid-template-columns: 47px 1fr; column-gap: 15px; align-items: center; }
.services-eazycms-note > div:first-child > i { display: grid; grid-row: 1 / span 2; place-items: center; width: 47px; height: 47px; border-radius: 50%; background: var(--blue); color: #fff; font-size: 19px; }
.services-eazycms-note .section-label { margin-bottom: 5px; color: #315764; }.services-eazycms-note h3 { margin: 0; font-size: 29px; font-weight: 800; letter-spacing: -.055em; }
.services-eazycms-note > div:last-child > p { margin: 0 0 15px; color: #315764; font-size: 14px; line-height: 1.62; }
.services-eazycms-note ul { display: flex; flex-wrap: wrap; gap: 6px; margin: 0; padding: 0; list-style: none; }.services-eazycms-note li { padding: 6px 9px; border-radius: 20px; background: rgba(255,255,255,.5); color: #315764; font-size: 10px; font-weight: 800; }
.services-eazycms-note-link { display: inline-flex; align-items: center; gap: 8px; margin-top: 17px; padding-bottom: 3px; border-bottom: 1px solid rgba(49,87,100,.55); color: var(--ink); font-size: 15px; font-weight: 800; }

/* Reassurance, answers and final invitation */
.services-process { padding: 98px 0; background: #fff; }.services-process-layout { display: grid; grid-template-columns: .92fr 1.08fr; gap: 10px; }
.services-process-media { position: relative; min-height: 576px; margin: 0; overflow: hidden; border-radius: 10px; background: #1d2527; }.services-process-media > img, .services-process-media > video { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }.services-process-media > video { z-index: 1; }.services-process-media::after { position: absolute; z-index: 2; inset: 0; background: linear-gradient(0deg, rgba(15,25,27,.88), rgba(15,25,27,.05) 65%); content: ''; }.services-process-media figcaption { position: absolute; z-index: 3; right: 45px; bottom: 43px; left: 45px; color: #fff; }.services-process-media figcaption span { display: block; margin-bottom: 11px; color: var(--blue-soft); font-size: 10px; font-weight: 800; letter-spacing: .1em; }.services-process-media figcaption strong { display: block; max-width: 390px; font-size: clamp(29px, 3vw, 42px); font-weight: 800; letter-spacing: -.06em; line-height: 1.02; }
.services-process-grid { display: grid; grid-template-columns: repeat(2, 1fr); margin: 0; padding: 0; overflow: hidden; border: 1px solid var(--line); border-radius: 10px; list-style: none; }.services-process-grid li { position: relative; min-height: 288px; padding: 29px; }.services-process-grid li:nth-child(even) { border-left: 1px solid var(--line); }.services-process-grid li:nth-child(n+3) { border-top: 1px solid var(--line); }.services-process-grid li > span { position: absolute; top: 28px; right: 28px; color: #a2adaa; font-size: 10px; font-weight: 800; letter-spacing: .08em; }.services-process-grid li > i { display: grid; place-items: center; width: 43px; height: 43px; margin-bottom: 63px; border-radius: 50%; background: var(--paper); color: var(--blue); font-size: 18px; }.services-process-grid h3 { margin: 0 0 9px; font-size: 23px; font-weight: 800; letter-spacing: -.05em; }.services-process-grid p { margin: 0; color: var(--muted); font-size: 13px; line-height: 1.65; }
.services-trust { padding: 94px 0; background: #303a3a; color: #fff; }
.services-trust .section-label { color: var(--blue-soft); }
.services-trust-heading { display: flex; align-items: end; justify-content: space-between; gap: 40px; margin-bottom: 34px; }
.services-trust-heading h2 { margin: 0; color: #fff; font-size: clamp(39px, 4vw, 58px); font-weight: 800; letter-spacing: -.07em; line-height: .98; }
.services-trust-heading h2 span { color: var(--blue-soft); }
.services-trust-heading > a { flex: 0 0 auto; padding-bottom: 4px; border-bottom: 1px solid rgba(255,255,255,.55); color: #fff; font-size: 13px; font-weight: 800; }
.services-trust-heading > a:hover { color: var(--blue-soft); }
.services-trust-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; }
.services-trust-grid blockquote { position: relative; display: flex; flex-direction: column; min-height: 282px; margin: 0; padding: 32px; border: 1px solid rgba(255,255,255,.12); border-radius: 10px; background: rgba(255,255,255,.055); }
.services-trust-grid blockquote > i { color: var(--blue-soft); font-size: 29px; line-height: 1; }
.services-trust-grid blockquote > p { flex: 1; max-width: 610px; margin: 22px 0 27px; color: #eef3f1; font-size: 17px; line-height: 1.65; }
.services-trust-grid footer { display: grid; grid-template-columns: 42px 1fr auto; gap: 12px; align-items: center; padding-top: 19px; border-top: 1px solid rgba(255,255,255,.12); }
.services-trust-grid footer > span { display: grid; place-items: center; width: 42px; height: 42px; border-radius: 50%; background: var(--blue); color: #fff; font-size: 11px; font-weight: 800; }
.services-trust-grid footer div { display: grid; gap: 2px; }
.services-trust-grid footer strong { color: #fff; font-size: 14px; }
.services-trust-grid footer small { color: #aebbb7; font-size: 11px; }
.services-trust-grid footer em { color: var(--blue-soft); font-size: 12px; font-style: normal; letter-spacing: .08em; }
.services-faq { padding: 98px 0; background: var(--paper); }.services-faq-layout { display: grid; grid-template-columns: .7fr 1.3fr; gap: clamp(55px, 8vw, 120px); align-items: start; }.services-faq-layout > div:first-child { position: sticky; top: 125px; }.services-faq h2 { margin: 0 0 18px; font-size: clamp(39px, 4vw, 58px); letter-spacing: -.07em; line-height: .98; }.services-faq h2 span { color: var(--blue); }.services-faq-layout > div:first-child > p:not(.section-label) { max-width: 365px; margin: 0; color: var(--muted); font-size: 15px; line-height: 1.68; }.services-faq-list { border-bottom: 1px solid #cfd6d3; }.services-faq-list details { border-top: 1px solid #cfd6d3; }.services-faq-list summary { display: grid; grid-template-columns: 1fr 34px; gap: 18px; align-items: center; min-height: 78px; padding: 18px 0; color: var(--ink); font-size: 16px; font-weight: 800; cursor: pointer; list-style: none; }.services-faq-list summary::-webkit-details-marker { display: none; }.services-faq-list summary i { display: grid; place-items: center; width: 34px; height: 34px; border: 1px solid #aeb8b4; border-radius: 50%; color: var(--blue); transition: transform .2s ease, background .2s ease, color .2s ease; }.services-faq-list details[open] summary i { background: var(--blue); color: #fff; transform: rotate(45deg); }.services-faq-list details p { max-width: 690px; margin: -5px 54px 23px 0; color: var(--muted); font-size: 14px; line-height: 1.7; }
.services-cta { padding: 86px 0; background: var(--ink); color: #fff; }.services-cta-layout { display: grid; grid-template-columns: 1.1fr .9fr; gap: 54px; align-items: end; }.services-cta .section-label { color: var(--blue-soft); }.services-cta h2 { margin: 0; font-size: clamp(39px, 4vw, 59px); letter-spacing: -.07em; line-height: .98; }.services-cta h2 span { color: var(--blue-soft); }.services-cta-layout > div:last-child p { max-width: 410px; margin-bottom: 20px; color: #cbd5d1; font-size: 16px; line-height: 1.68; }.services-cta .button-primary { background: var(--blue); }

@media (max-width: 991.98px) { .services-intro { padding-top: 30px; }.services-intro-layout { grid-template-columns: 1fr; gap: 35px; background-size: 70% auto; background-position: right top; }.services-intro-copy::before { inset: -78px -78px -50px; background: linear-gradient(130deg, #293335 67%, rgba(41,51,53,.87)); }.services-intro-offer { width: min(100%, 440px); }.services-feature-grid { grid-template-columns: 1fr 1fr; }.services-feature-digital { min-height: 530px; }.services-feature-care { grid-template-columns: 1fr; }.services-feature-care-visual { display: none; }.services-package-heading, .services-process-heading { grid-template-columns: 1fr .75fr; gap: 34px; }.services-package-panel { grid-template-columns: 1fr; }.services-package-promise { min-height: 430px; }.services-included-grid article:nth-last-child(-n+2) { border-bottom: 1px solid var(--line); }.services-included-grid article:nth-child(5), .services-included-grid article:nth-child(6) { border-bottom: 0; }.services-eazycms-note, .services-process-layout, .services-faq-layout, .services-cta-layout { grid-template-columns: 1fr; }.services-faq-layout > div:first-child { position: static; }.services-process-media { min-height: 430px; }.services-trust-grid { grid-template-columns: 1fr; } }
@media (max-width: 575.98px) { .services-intro { padding: 16px 0 62px; }.services-intro-layout { margin: 0 -12px; padding: 48px 27px; border-radius: 0; background-size: auto 49%; background-position: 82% top; }.services-intro-copy::before { inset: -48px -27px -45px; background: linear-gradient(155deg, #293335 62%, rgba(41,51,53,.86)); }.services-intro h1 { font-size: clamp(45px, 12vw, 61px); }.services-intro-lead { font-size: 16px; }.services-intro-actions { align-items: flex-start; flex-direction: column; gap: 16px; }.services-intro-offer { padding: 27px 24px; }.services-showcase { padding-bottom: 62px; }.services-feature-grid { grid-template-columns: 1fr; grid-template-rows: auto; gap: 7px; }.services-feature-digital { grid-row: auto; min-height: 530px; }.services-feature-photo { min-height: 275px; }.services-feature-merch { grid-template-columns: 1fr; gap: 20px; min-height: 0; align-items: start; padding: 34px 26px 25px; }.services-merch-visual { justify-self: end; width: min(78%, 285px); }.services-merch-visual img { width: 100%; }.services-feature-care-visual { display: block; min-height: 220px; }.services-feature-care .services-feature-copy, .services-feature-digital .services-feature-copy { padding: 34px 26px; }.services-package, .services-process, .services-faq { padding: 62px 0; }.services-package-heading, .services-process-heading { grid-template-columns: 1fr; gap: 18px; margin-bottom: 27px; }.services-package-heading h2, .services-process-heading h2 { font-size: clamp(38px, 10.8vw, 50px); }.services-package-panel { margin: 0 -12px; border-radius: 0; }.services-package-promise { min-height: 0; padding: 45px 27px 48px; }.services-included-grid { grid-template-columns: 1fr; }.services-included-grid article { min-height: 205px; padding: 27px; border-right: 0; border-bottom: 1px solid var(--line) !important; border-left: 0; }.services-included-grid article:last-child { border-bottom: 0 !important; }.services-eazycms-note { gap: 22px; margin: 8px -12px 0; padding: 34px 27px; border-radius: 0; }.services-eazycms-note > div:first-child { grid-template-columns: 42px 1fr; column-gap: 12px; }.services-eazycms-note > div:first-child > i { width: 42px; height: 42px; }.services-eazycms-note h3 { font-size: 26px; }.services-process-media { min-height: 350px; }.services-process-media figcaption { right: 28px; bottom: 30px; left: 28px; }.services-process-grid { grid-template-columns: 1fr; }.services-process-grid li { min-height: 245px; padding: 27px; border-top: 1px solid var(--line) !important; border-left: 0 !important; }.services-process-grid li:first-child { border-top: 0 !important; }.services-process-grid li > i { margin-bottom: 45px; }.services-faq-layout { gap: 28px; }.services-faq h2 { font-size: 43px; }.services-faq-list summary { font-size: 15px; }.services-faq-list details p { margin-right: 0; font-size: 14px; }.services-cta { padding: 64px 0; }.services-cta-layout { gap: 25px; } }
@media (prefers-reduced-motion: reduce) { .services-process-media > video { display: none; } }

/* Managed Hosting: ruhiger, technischer und als ein zusammenhaengendes Modul. */
.services-feature-care {
  grid-template-columns: minmax(220px, .92fr) minmax(0, 1.08fr);
  background: #293335;
  color: #fff;
  box-shadow: inset 0 0 0 1px rgba(150, 211, 231, .1);
}
.services-feature-care-visual::before {
  position: absolute;
  z-index: 3;
  top: 18px;
  left: 18px;
  padding: 8px 11px;
  border: 1px solid rgba(255, 255, 255, .22);
  border-radius: 999px;
  background: rgba(18, 28, 31, .74);
  color: #eaf6fa;
  font-size: 9px;
  font-weight: 800;
  letter-spacing: .1em;
  line-height: 1;
  content: '24/7 · MONITORING AKTIV';
  backdrop-filter: blur(7px);
}
.services-feature-care-visual::after {
  background:
    linear-gradient(90deg, rgba(16, 25, 28, .05) 35%, rgba(41, 51, 53, .88) 100%),
    linear-gradient(0deg, rgba(14, 23, 26, .38), transparent 48%);
}
.services-feature-care .services-feature-copy {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 36px 34px;
  background: linear-gradient(145deg, #303c3f 0%, #263033 100%);
  box-shadow: -1px 0 rgba(150, 211, 231, .08);
}
.services-feature-care .services-feature-copy > span { color: var(--blue-soft); }
.services-feature-care .services-feature-copy h3 {
  max-width: 410px;
  color: #fff;
  font-size: clamp(29px, 2.45vw, 38px);
  letter-spacing: -.045em;
  line-height: 1.12;
}
.services-feature-care .services-feature-copy p {
  max-width: 430px;
  color: #c9d5d2;
}
.services-feature-care .services-feature-facts small {
  border-color: rgba(150, 211, 231, .28);
  background: rgba(150, 211, 231, .07);
  color: #e3eef0;
}
.services-feature-care .services-feature-copy a {
  align-self: flex-start;
  color: #fff;
}
.services-feature-care .services-feature-copy a i { color: var(--blue-soft); }
.services-feature-care-visual .hosting-shield {
  border-color: rgba(255, 255, 255, .3);
  background: rgba(61, 114, 162, .9);
  box-shadow: 0 10px 26px rgba(9, 18, 22, .28);
  backdrop-filter: blur(7px);
}

/* Werbemittel: freie Produktinszenierung statt einer kleinen Box in der Karte. */
.services-feature-merch {
  isolation: isolate;
  grid-template-columns: minmax(0, .96fr) minmax(245px, 1.04fr);
  gap: 24px;
  padding: 44px 24px 44px 43px;
  background: linear-gradient(135deg, #e8f0ef 0%, #f5f8f7 100%);
  box-shadow: inset 0 0 0 1px rgba(39, 67, 72, .06);
}
.services-feature-merch::before {
  position: absolute;
  z-index: -1;
  right: -105px;
  bottom: -160px;
  width: 420px;
  height: 420px;
  border-radius: 50%;
  background: rgba(150, 211, 231, .4);
  content: '';
}
.services-feature-merch .services-feature-copy h3 {
  font-size: clamp(36px, 2.8vw, 44px);
  line-height: 1;
}
.services-feature-merch .services-feature-copy p { color: #536865; }
.services-feature-merch .services-feature-facts small {
  border-color: rgba(39, 67, 72, .2);
  background: rgba(255, 255, 255, .38);
  color: #38534f;
}
.services-merch-visual {
  justify-self: center;
  width: 100%;
  max-width: 360px;
  padding: 12px 2px 38px;
  border: 0;
  border-radius: 0;
  background: transparent;
}
.services-merch-visual img {
  transform: scale(1.08);
  filter: drop-shadow(0 20px 18px rgba(35, 72, 84, .18));
}
.services-feature-merch:hover .services-merch-visual img { transform: translateY(-3px) scale(1.08); }
.services-merch-visual figcaption {
  right: 4px;
  bottom: 3px;
  padding: 7px 10px;
  border: 1px solid rgba(39, 67, 72, .12);
  border-radius: 999px;
  background: rgba(255, 255, 255, .68);
  color: #315764;
  backdrop-filter: blur(6px);
}

@media (max-width: 991.98px) {
  .services-feature-care { grid-template-columns: 1fr; }
  .services-feature-care .services-feature-copy { padding: 32px 30px; }
}

@media (max-width: 575.98px) {
  .services-feature-care-visual { min-height: 235px; }
  .services-feature-care-visual::after {
    background: linear-gradient(0deg, rgba(41, 51, 53, .82), transparent 48%);
  }
  .services-feature-care .services-feature-copy { padding: 35px 27px 38px; }
  .services-feature-merch {
    grid-template-columns: 1fr;
    gap: 12px;
    padding: 35px 27px 28px;
  }
  .services-feature-merch::before {
    right: -150px;
    bottom: -170px;
  }
  .services-merch-visual {
    justify-self: center;
    width: 100%;
    max-width: 325px;
    padding: 5px 0 37px;
  }
}

@media (min-width: 576px) and (max-width: 991.98px) {
  .services-feature-grid {
    grid-template-columns: 1fr;
    grid-template-rows: auto;
  }
  .services-feature-digital {
    grid-row: auto;
    min-height: 560px;
  }
  .services-feature-care {
    grid-template-columns: minmax(250px, .9fr) minmax(0, 1.1fr);
  }
  .services-feature-care-visual {
    display: block;
    min-height: 360px;
  }
}

/* Restore the original, light page introduction at every screen size. */
@media (max-width: 991.98px) {
  .services-intro { padding-top: 62px; }
  .services-intro-layout { grid-template-columns: 1fr .75fr; gap: 32px; min-height: 250px; padding-bottom: 29px; border-radius: 0; background: transparent; }
}
@media (max-width: 575.98px) {
  .services-intro { padding: 52px 0 50px; }
  .services-intro-layout { display: grid; grid-template-columns: 1fr; gap: 19px; min-height: 0; margin: 0; padding: 0 0 25px; background: transparent; border-bottom: 1px solid var(--line); }
  .services-intro h1 { font-size: clamp(44px, 12vw, 59px); }
  .services-intro-layout > p { max-width: 370px; font-size: 15px; }
  .services-count { top: 2px; right: 5px; font-size: 108px; opacity: .75; }
  .services-trust { padding: 62px 0; }
  .services-trust-heading { align-items: flex-start; flex-direction: column; gap: 22px; }
  .services-trust-heading h2 { max-width: 100%; font-size: clamp(32px, 8.1vw, 40px); }
  .services-trust-grid blockquote { min-height: 0; padding: 27px; }
  .services-trust-grid blockquote > p { font-size: 16px; }
  .services-trust-grid footer { grid-template-columns: 42px 1fr; }
  .services-trust-grid footer em { grid-column: 2; }
}

/* Leistungsbeschreibungen, Preise und FAQ auf eine lesbare Textskala bringen. */
.services-page .section-label { font-size: 13px; }
.services-intro-lead,
.services-feature-copy p,
.services-package-heading > p,
.services-process-heading > p,
.services-package-promise p,
.services-included-grid p,
.services-eazycms-note > div:last-child > p,
.services-process-grid p,
.services-trust-grid blockquote > p,
.services-faq-layout > div:first-child > p:not(.section-label),
.services-faq-list details p,
.services-cta-layout > div:last-child p { font-size: 16px; }
.services-feature-copy a,
.services-trust-heading > a { font-size: 15px; }
.services-feature-facts small,
.services-price > span,
.services-price em,
.services-price .services-price-note,
.services-package-promise > span,
.services-package-price > span,
.services-package-promise .services-package-price p,
.services-included-grid article > span,
.services-eazycms-note li,
.services-process-media figcaption span,
.services-process-grid li > span { font-size: 13px; }
.services-price strong small,
.services-package-price small { font-size: 14px; }
.services-included-grid p,
.services-process-grid p { line-height: 1.65; }
.services-trust-grid footer strong { font-size: 15px; }
.services-trust-grid footer small,
.services-trust-grid footer em { font-size: 13px; }
.services-faq-list summary { font-size: 17px; }

@media (max-width: 575.98px) {
  .services-intro-layout > p,
  .services-faq-list details p { font-size: 16px; }
  .services-faq-list summary { font-size: 16px; }
}