/* Digitalleria Webdesign Heilbronn / home-only redesign / 2026-10-31
   Isolated beneath .wdh-home and .wdh- selectors; no third-party assets. */
.wdh-home{--wdh-ink:#183044;--wdh-muted:#506373;--wdh-accent:#006f7c;--wdh-accent-dark:#005864;--wdh-paper:#fff;--wdh-wash:#eff7f7;--wdh-line:#dbe6e9;background:#fff;color:var(--wdh-ink);font-family:Inter,"Segoe UI",Arial,sans-serif;font-size:16px;line-height:1.6}
.wdh-home *{box-sizing:border-box}
.wdh-home a{color:var(--wdh-accent)}
.wdh-home a:focus-visible,.wdh-home button:focus-visible{outline:3px solid #c07d16;outline-offset:4px}
.wdh-home .site-header{position:sticky;top:0;padding:14px clamp(18px,4vw,64px);background:rgba(255,255,255,.97);border-bottom:1px solid var(--wdh-line);backdrop-filter:blur(16px);box-shadow:0 3px 16px rgba(20,50,65,.045);z-index:1000}
.wdh-home .header-inner{max-width:1280px;margin:0 auto;gap:24px}
.wdh-home .logo,.wdh-home .site-header.scrolled .logo{color:var(--wdh-ink);font-size:clamp(19px,1.7vw,24px);font-weight:800;line-height:1.1;letter-spacing:-.05em;white-space:nowrap}
.wdh-home .main-nav>ul{display:flex;align-items:center;gap:clamp(12px,2.1vw,32px)}
.wdh-home .main-nav>ul>li>a,.wdh-home .site-header.scrolled .main-nav>ul>li>a{color:var(--wdh-ink);font-size:14px;font-weight:650;white-space:nowrap}
.wdh-home .main-nav>ul>li>a:hover{color:var(--wdh-accent)}
.wdh-home .main-nav>ul>li>a.wdh-nav-cta,.wdh-home .site-header.scrolled .main-nav>ul>li>a.wdh-nav-cta{background:var(--wdh-accent);color:#fff;border-radius:9px;padding:12px 17px;display:inline-block}
.wdh-home .main-nav>ul>li>a.wdh-nav-cta:hover{background:var(--wdh-accent-dark)}
.wdh-shell{width:min(1160px,calc(100% - 48px));margin:0 auto}
.wdh-home .wdh-kicker{display:block;color:var(--wdh-accent);font-size:11px;font-weight:800;letter-spacing:.13em;text-transform:uppercase;margin-bottom:18px}
.wdh-home .wdh-hero{background:radial-gradient(circle at 87% 12%,#d9f0ed 0,transparent 34%),linear-gradient(130deg,#f7fbfb 0%,#fff 58%);padding:clamp(65px,8vw,118px) 0 clamp(70px,8vw,115px);overflow:hidden}
.wdh-home .wdh-hero-grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);align-items:center;gap:clamp(32px,5vw,90px)}
.wdh-home .wdh-hero h1{font-size:clamp(39px,4.55vw,66px);line-height:1.1;letter-spacing:-.055em;font-weight:820;margin:0 0 26px;color:var(--wdh-ink)}
.wdh-home .wdh-hero h1 span,.wdh-home .wdh-section h2 span,.wdh-home .wdh-service-card h3 span,.wdh-home .wdh-final-cta h2 span{color:var(--wdh-accent)}
.wdh-home .wdh-hero-description{font-size:clamp(17px,1.35vw,19px);color:var(--wdh-muted);line-height:1.73;max-width:550px;margin:0 0 29px}
.wdh-hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px}
.wdh-home a.wdh-btn{display:inline-flex;align-items:center;justify-content:center;gap:17px;padding:14px 21px;text-align:center;border-radius:9px;text-decoration:none;font-size:14px;font-weight:750;line-height:1.3;min-height:49px;transition:transform .2s ease,background .2s ease}
.wdh-home a.wdh-btn:hover{transform:translateY(-2px)}
.wdh-home a.wdh-btn-primary{background:var(--wdh-accent);color:#fff;box-shadow:0 10px 23px rgba(0,111,124,.16)}
.wdh-home a.wdh-btn-primary:hover{background:var(--wdh-accent-dark)}
.wdh-home a.wdh-btn-outline{background:#fff;color:var(--wdh-ink);border:1px solid #bbced4}
.wdh-home .wdh-hero-highlights{display:flex;flex-wrap:wrap;gap:10px 22px;list-style:none;padding:0;margin:28px 0 0;color:#44616a;font-size:13px}
.wdh-home .wdh-hero-highlights li:before{content:"✓";font-weight:900;color:var(--wdh-accent);margin-right:7px}
.wdh-hero-visual{background:#fff;border:1px solid #d2e3e5;border-radius:18px;box-shadow:0 28px 70px rgba(22,66,75,.1),0 5px 12px rgba(22,66,75,.05);overflow:hidden;transform:rotate(1deg)}
.wdh-visual-top{display:flex;align-items:center;gap:12px;padding:15px 22px;border-bottom:1px solid #e7edef;font-size:10px;letter-spacing:.08em;font-weight:800;color:#4b636b}
.wdh-mini-mark{display:inline-grid;place-items:center;width:31px;height:31px;border-radius:9px;background:var(--wdh-accent);color:#fff;font-size:17px;letter-spacing:0}
.wdh-visual-dots{margin-left:auto;color:#b5cdd0;letter-spacing:2px}
.wdh-visual-body{padding:30px clamp(22px,3vw,38px) 25px}
.wdh-visual-eyebrow{color:var(--wdh-accent);font-size:10px;letter-spacing:.15em;font-weight:900}
.wdh-home .wdh-visual-body h2{font-size:clamp(27px,3vw,40px);line-height:1.16;letter-spacing:-.045em;color:var(--wdh-ink);margin:12px 0 13px}
.wdh-home .wdh-visual-body h2 span{color:var(--wdh-accent)}
.wdh-visual-body>p{color:var(--wdh-muted);font-size:14px;max-width:325px;margin:0 0 23px}
.wdh-visual-items{display:grid;gap:8px}
.wdh-visual-items>div{display:grid;grid-template-columns:32px 1fr;column-gap:10px;padding:10px 12px;border:1px solid #e1ebed;border-radius:10px;background:#f9fcfc}
.wdh-visual-items>div>span{grid-row:span 2;color:var(--wdh-accent);font-weight:900;font-size:13px}
.wdh-visual-items strong{font-size:13px;line-height:1.3;color:var(--wdh-ink)}
.wdh-visual-items small{font-size:11px;color:var(--wdh-muted)}
.wdh-visual-bottom{padding:14px 25px;display:flex;justify-content:space-between;gap:10px;background:#ecf7f6;color:var(--wdh-ink);font-size:12px}
.wdh-visual-bottom strong{color:var(--wdh-accent)}
.wdh-proof-strip{background:var(--wdh-ink);color:#fff}
.wdh-proof-strip .wdh-shell{min-height:77px;display:flex;justify-content:space-between;align-items:center;gap:18px;flex-wrap:wrap;padding-top:14px;padding-bottom:14px}
.wdh-proof-strip span{font-size:11px;font-weight:800;letter-spacing:.1em;opacity:.92}
.wdh-home-content{overflow:hidden}
.wdh-home .wdh-section{width:min(1160px,calc(100% - 48px));margin:0 auto;padding:clamp(68px,7vw,105px) 0}
.wdh-home .wdh-section-heading{display:grid;grid-template-columns:1.15fr .85fr;align-items:end;gap:40px;margin-bottom:32px}
.wdh-home .wdh-section h2{color:var(--wdh-ink);font-size:clamp(32px,3.1vw,45px);line-height:1.18;font-weight:800;letter-spacing:-.04em;margin:0}
.wdh-home .wdh-section-heading>p{color:var(--wdh-muted);font-size:16px;line-height:1.75;max-width:460px;margin:0}
.wdh-home .wdh-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.wdh-home .wdh-service-card{background:#fff;border:1px solid var(--wdh-line);padding:29px;border-radius:14px;display:flex;flex-direction:column;min-height:295px;box-shadow:0 10px 30px rgba(31,66,74,.035)}
.wdh-home .wdh-card-index{font-size:11px;font-weight:800;letter-spacing:.13em;color:var(--wdh-accent);margin-bottom:29px}
.wdh-home .wdh-service-card h3{font-size:22px;line-height:1.25;letter-spacing:-.025em;color:var(--wdh-ink);margin:0 0 16px;font-weight:760}
.wdh-home .wdh-service-card p{font-size:14px;color:var(--wdh-muted);line-height:1.7;margin:0 0 22px}
.wdh-home .wdh-service-card a{font-size:14px;font-weight:800;margin-top:auto;text-decoration:none}
.wdh-home .wdh-service-card a:hover,.wdh-home .wdh-text-link:hover{text-decoration:underline}
.wdh-home .wdh-inline-note{margin:22px 0 0;padding:17px 19px;background:#f4f8f8;border-radius:10px;color:var(--wdh-muted);font-size:14px}
.wdh-home .wdh-section-tinted{width:100%;max-width:none;background:var(--wdh-wash);padding-left:max(24px,calc((100% - 1160px)/2));padding-right:max(24px,calc((100% - 1160px)/2))}
.wdh-home .wdh-benefits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.wdh-home .wdh-benefits>div{padding:25px 0 0;border-top:2px solid #bdd4d8}
.wdh-home .wdh-benefits strong{font-size:13px;color:var(--wdh-accent)}
.wdh-home .wdh-benefits h3{font-size:19px;margin:13px 0 9px;color:var(--wdh-ink)}
.wdh-home .wdh-benefits p{font-size:14px;color:var(--wdh-muted);margin:0}
.wdh-home .wdh-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.wdh-home .wdh-step{padding:26px 20px 25px;border:1px solid var(--wdh-line);border-radius:12px;background:#fff}
.wdh-home .wdh-step>span{display:inline-grid;place-items:center;background:var(--wdh-wash);color:var(--wdh-accent);font-size:16px;font-weight:900;width:45px;height:45px;border-radius:50%;margin-bottom:20px}
.wdh-home .wdh-step h3{font-size:18px;color:var(--wdh-ink);margin:0 0 9px}
.wdh-home .wdh-step p{font-size:14px;color:var(--wdh-muted);margin:0}
.wdh-home .wdh-addon-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:24px}
.wdh-home .wdh-addon-grid>div{background:#fff;border:1px solid #d6e5e6;border-radius:12px;padding:18px;display:grid;grid-template-columns:22px 1fr;column-gap:9px;align-items:start}
.wdh-home .wdh-addon-grid>div>span{color:var(--wdh-accent);font-size:16px;font-weight:800;grid-row:span 2}
.wdh-home .wdh-addon-grid strong{font-size:14px;color:var(--wdh-ink);line-height:1.35}
.wdh-home .wdh-addon-grid small{color:var(--wdh-muted);font-size:12px;margin-top:6px;line-height:1.5}
.wdh-home .wdh-text-link{display:inline-flex;align-items:center;gap:9px;font-size:14px;font-weight:800;text-decoration:none}
.wdh-home .wdh-review-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px;margin-bottom:22px}
.wdh-home .wdh-review-grid article{padding:24px;border:1px solid var(--wdh-line);border-radius:12px}
.wdh-home .wdh-review-grid h3{font-size:17px;color:var(--wdh-ink);margin:0 0 12px}
.wdh-home .wdh-review-grid p{font-size:14px;color:var(--wdh-muted);margin:0}
.wdh-home .wdh-region{padding-top:45px;border-top:1px solid var(--wdh-line)}
.wdh-home .wdh-region p{max-width:780px;margin-top:20px;color:var(--wdh-muted)}
.wdh-home .wdh-final-cta{width:min(1160px,calc(100% - 48px));margin:0 auto 70px;background:var(--wdh-ink);border-radius:18px;color:#fff;padding:clamp(30px,5vw,65px);display:flex;justify-content:space-between;align-items:center;gap:30px}
.wdh-home .wdh-final-cta .wdh-kicker{color:#9adee0}
.wdh-home .wdh-final-cta h2{font-size:clamp(28px,3.1vw,40px);line-height:1.17;letter-spacing:-.04em;max-width:690px;margin:0 0 18px;color:#fff}
.wdh-home .wdh-final-cta h2 span{color:#81dce0}
.wdh-home .wdh-final-cta p{font-size:15px;color:#d7e7eb;margin:0;max-width:600px}
.wdh-home a.wdh-btn-light{color:var(--wdh-ink);background:#fff;white-space:nowrap;flex-shrink:0}
.wdh-home .site-footer{background:#102538;color:#fff;margin-top:0;padding:28px clamp(18px,4vw,65px);font-size:13px}
.wdh-home .site-footer .footer-inner{width:100%;max-width:1160px;margin:0 auto;display:flex;justify-content:space-between;gap:20px}
@media(max-width:1024px){
 .wdh-home .site-header{padding:12px 24px}
 .wdh-home .nav-toggle,.wdh-home .site-header.scrolled .nav-toggle{display:flex;position:relative;z-index:1300;border-color:#bdd2d6;background:#f4f9f9}
 .wdh-home .nav-toggle span,.wdh-home .site-header.scrolled .nav-toggle span{background:var(--wdh-ink)}
 .wdh-home .main-nav>ul{display:none!important;position:absolute;top:calc(100% + 12px);right:0;flex-direction:column;align-items:stretch;gap:0;background:#fff;border:1px solid var(--wdh-line);border-radius:12px;box-shadow:0 22px 40px rgba(0,0,0,.14);padding:9px;width:min(86vw,310px);max-height:calc(100vh - 110px);overflow-y:auto}
 .wdh-home .main-nav.is-open>ul{display:flex!important}
 .wdh-home .main-nav>ul>li>a,.wdh-home .site-header.scrolled .main-nav>ul>li>a{display:block;color:var(--wdh-ink);padding:12px 13px;font-size:15px}
 .wdh-home .main-nav>ul>li>a.wdh-nav-cta{margin-top:6px;text-align:center}
 .wdh-home .wdh-hero-grid{grid-template-columns:1fr;gap:38px}
 .wdh-home .wdh-hero{padding-top:64px}
 .wdh-hero-visual{transform:none;max-width:680px}
 .wdh-home .wdh-section-heading{grid-template-columns:1fr;gap:15px}
 .wdh-home .wdh-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .wdh-home .wdh-steps{grid-template-columns:repeat(2,minmax(0,1fr))}
 .wdh-home .wdh-final-cta{align-items:flex-start;flex-direction:column}
}
@media(max-width:700px){
 .wdh-shell,.wdh-home .wdh-section{width:calc(100% - 36px)}
 .wdh-home .wdh-hero{padding:51px 0 60px}
 .wdh-home .wdh-hero h1{font-size:clamp(33px,8.1vw,47px)}
 .wdh-home .wdh-hero-description{font-size:16px}
 .wdh-hero-actions{flex-direction:column;align-items:stretch}
 .wdh-home a.wdh-btn{width:100%}
 .wdh-proof-strip .wdh-shell{justify-content:center;gap:12px 21px}
 .wdh-proof-strip span{font-size:9px}
 .wdh-home .wdh-card-grid,.wdh-home .wdh-benefits,.wdh-home .wdh-addon-grid,.wdh-home .wdh-review-grid{grid-template-columns:1fr}
 .wdh-home .wdh-steps{grid-template-columns:1fr}
 .wdh-home .wdh-service-card{min-height:0}
 .wdh-home .wdh-section-tinted{padding-left:18px;padding-right:18px}
 .wdh-home .wdh-section{padding-top:65px;padding-bottom:65px}
 .wdh-home .wdh-final-cta{width:calc(100% - 36px);padding:29px 23px;margin-bottom:40px}
 .wdh-home .site-footer .footer-inner{flex-direction:column;text-align:center}
}
@media(prefers-reduced-motion:reduce){.wdh-home a.wdh-btn{transition:none}.wdh-home a.wdh-btn:hover{transform:none}}


/* 2026-10-31: high-contrast, visibly animated teal/blue heading; homepage only. */
.wdh-home .wdh-hero h1 span {
  color: #005566;
}
@supports ((-webkit-background-clip: text) or (background-clip: text)) {
  .wdh-home .wdh-hero h1 span {
    background-image: linear-gradient(105deg, #005566 0%, #16437c 32%, #006c71 62%, #005566 100%) !important;
    background-size: 240% 100% !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    color: transparent !important;
    animation: wdh-title-colorflow 7s ease-in-out infinite !important;
  }
}
@keyframes wdh-title-colorflow {
  0%, 100% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
}
@media (prefers-reduced-motion: reduce) {
  .wdh-home .wdh-hero h1 span { animation: none !important; background-position: 50% 50% !important; }
}