/*
Theme Name: Vita-Drive Krankenfahrten
Theme URI: https://vita-drive.de/
Author: Vita-Drive
Description: Individuelles, responsives WordPress-Theme für Vita-Drive Krankenfahrten in Bielefeld. Markenfarben, Leistungsbereiche, Fuhrpark, Buchungs-CTA und Kontaktformular sind integriert.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: vita-drive
*/
:root{--vd-navy:#0f2d5b;--vd-blue:#2583c6;--vd-teal:#2cb5a3;--vd-green:#7ed957;--vd-ink:#13213a;--vd-muted:#66758b;--vd-bg:#f6fbff;--vd-white:#fff;--vd-line:#dae7f1;--vd-shadow:0 24px 70px rgba(15,45,91,.13);--vd-grad:linear-gradient(118deg,var(--vd-navy),var(--vd-blue) 35%,var(--vd-teal) 67%,var(--vd-green));--vd-radius:28px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--vd-ink);background:var(--vd-bg);font-family:Inter,Montserrat,system-ui,-apple-system,"Segoe UI",sans-serif;line-height:1.6}img{max-width:100%;height:auto;display:block}a{text-decoration:none;color:inherit}button,input,textarea,select{font:inherit}.vd-container{width:min(1180px,calc(100% - 40px));margin-inline:auto}.vd-section{padding:96px 0}.vd-gradient-text{background:var(--vd-grad);-webkit-background-clip:text;background-clip:text;color:transparent}.vd-eyebrow{display:inline-flex;align-items:center;gap:9px;padding:8px 12px;border:1px solid var(--vd-line);border-radius:999px;background:#fff;color:var(--vd-navy);font-weight:850;font-size:.78rem;letter-spacing:.09em;text-transform:uppercase}.vd-eyebrow:before{content:"";width:9px;height:9px;border-radius:50%;background:var(--vd-grad)}.vd-title{margin:15px 0 18px;color:var(--vd-navy);font-size:clamp(2rem,4.6vw,4.5rem);line-height:1.02;letter-spacing:-.05em}.vd-lead{max-width:780px;margin:0;color:var(--vd-muted);font-size:1.08rem}.vd-btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:14px 20px;border:0;border-radius:15px;font-weight:850;cursor:pointer;transition:.2s ease}.vd-btn:hover{transform:translateY(-2px)}.vd-btn-primary{background:var(--vd-grad);color:#fff;box-shadow:0 13px 28px rgba(37,131,198,.23)}.vd-btn-white{background:#fff;color:var(--vd-navy);border:1px solid var(--vd-line)}
.vd-topbar{background:var(--vd-navy);color:#fff;font-size:.88rem}.vd-topbar-inner{min-height:42px;display:flex;justify-content:space-between;align-items:center;gap:20px}.vd-topbar-links{display:flex;gap:22px;flex-wrap:wrap}.vd-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.95);backdrop-filter:blur(18px);border-bottom:1px solid rgba(218,231,241,.9)}.vd-nav{height:86px;display:flex;align-items:center;justify-content:space-between;gap:26px}.vd-logo{display:block;width:335px;max-width:42vw}.vd-logo img{width:100%}.vd-menu{display:flex;align-items:center;gap:24px;font-weight:800;color:var(--vd-navy)}.vd-menu a:not(.vd-btn){position:relative}.vd-menu a:not(.vd-btn):after{content:"";position:absolute;left:0;right:100%;bottom:-7px;height:2px;background:var(--vd-grad);transition:.2s}.vd-menu a:not(.vd-btn):hover:after{right:0}.vd-menu-toggle{display:none;width:46px;height:46px;border:1px solid var(--vd-line);background:#fff;border-radius:14px;color:var(--vd-navy);font-size:1.2rem}
.vd-hero{position:relative;overflow:hidden;padding:76px 0 68px;background:radial-gradient(circle at 84% 9%,rgba(126,217,87,.18),transparent 24%),radial-gradient(circle at 58% 6%,rgba(44,181,163,.14),transparent 24%),linear-gradient(#fff,#f6fbff)}.vd-hero:after{content:"";position:absolute;inset:auto -8vw -145px;height:240px;background:linear-gradient(90deg,rgba(15,45,91,.05),rgba(37,131,198,.11),rgba(44,181,163,.12),rgba(126,217,87,.14));border-radius:50% 50% 0 0;transform:rotate(-2deg)}.vd-hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:44px}.vd-hero h1{margin:18px 0 22px;color:var(--vd-navy);font-size:clamp(3rem,6vw,6rem);line-height:.95;letter-spacing:-.06em}.vd-hero h1 small{display:block;margin-top:15px;color:var(--vd-blue);font-size:.42em;line-height:1.1;letter-spacing:-.03em}.vd-hero-copy{max-width:700px;margin:0 0 28px;color:var(--vd-muted);font-size:1.15rem}.vd-actions{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:28px}.vd-points{display:flex;gap:17px;flex-wrap:wrap}.vd-point{display:flex;align-items:center;gap:8px;color:var(--vd-navy);font-weight:850}.vd-point span{width:27px;height:27px;display:grid;place-items:center;border-radius:50%;background:var(--vd-grad);color:#fff;font-size:.78rem}.vd-hero-card{position:relative;padding:22px;border:1px solid var(--vd-line);border-radius:34px;background:#fff;box-shadow:var(--vd-shadow);overflow:hidden}.vd-hero-card:before{content:"";position:absolute;right:-40px;bottom:-80px;width:320px;height:180px;border-radius:50%;background:var(--vd-grad);opacity:.11;filter:blur(8px)}.vd-hero-card img{position:relative;z-index:1;border-radius:22px}.vd-hero-tag{position:absolute;right:14px;top:14px;z-index:2;padding:12px 14px;border-radius:18px;background:rgba(15,45,91,.95);color:#fff;font-weight:850;box-shadow:0 14px 35px rgba(15,45,91,.22)}.vd-hero-tag small{display:block;color:#baf0b0;font-weight:750}
.vd-services{background:#fff}.vd-service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:44px}.vd-service{overflow:hidden;border:1px solid var(--vd-line);border-radius:24px;background:#fff;transition:.23s}.vd-service:hover{transform:translateY(-6px);box-shadow:0 18px 44px rgba(15,45,91,.10)}.vd-service-media{height:180px;overflow:hidden}.vd-service-media img{width:100%;height:100%;object-fit:cover;transition:.3s}.vd-service:hover .vd-service-media img{transform:scale(1.04)}.vd-service-body{padding:24px}.vd-service-icon{width:50px;height:50px;display:grid;place-items:center;margin-top:-48px;margin-bottom:15px;position:relative;border:4px solid #fff;border-radius:16px;background:var(--vd-grad);color:#fff;box-shadow:0 10px 24px rgba(37,131,198,.18)}.vd-service-icon svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.9}.vd-service h3{margin:0 0 7px;color:var(--vd-navy);font-size:1.17rem}.vd-service p{margin:0;color:var(--vd-muted)}
.vd-trust{overflow:hidden}.vd-trust-grid{display:grid;grid-template-columns:.95fr 1.05fr;gap:54px;align-items:center}.vd-image-stack{display:grid;grid-template-columns:1.15fr .85fr;grid-template-rows:250px 220px;gap:14px}.vd-image-stack figure{margin:0;overflow:hidden;border-radius:26px;box-shadow:0 14px 40px rgba(15,45,91,.11)}.vd-image-stack figure:first-child{grid-row:1/3}.vd-image-stack img{width:100%;height:100%;object-fit:cover}.vd-checks{display:grid;gap:13px;margin:26px 0 30px;padding:0;list-style:none}.vd-checks li{display:flex;gap:12px;font-weight:750}.vd-checks b{min-width:30px;height:30px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(135deg,rgba(37,131,198,.15),rgba(126,217,87,.22));color:var(--vd-navy)}
.vd-process{background:#fff}.vd-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:42px}.vd-step{padding:28px;border:1px solid #d7e8ef;border-radius:24px;background:linear-gradient(135deg,rgba(37,131,198,.10),rgba(44,181,163,.08),rgba(126,217,87,.08))}.vd-step-num{margin-bottom:12px;font-size:3rem;font-weight:950;line-height:1;background:var(--vd-grad);-webkit-background-clip:text;background-clip:text;color:transparent}.vd-step h3{margin:0 0 8px;color:var(--vd-navy)}.vd-step p{margin:0;color:var(--vd-muted)}
.vd-fleet-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:24px;margin-top:44px}.vd-fleet-photo{min-height:520px;border-radius:30px;overflow:hidden;box-shadow:var(--vd-shadow)}.vd-fleet-photo img{width:100%;height:100%;object-fit:cover}.vd-fleet-copy{display:flex;flex-direction:column;justify-content:center;padding:38px;border-radius:30px;background:var(--vd-navy);color:#fff;box-shadow:var(--vd-shadow)}.vd-fleet-copy h3{margin:0 0 14px;font-size:clamp(2rem,4vw,3.5rem);line-height:1.03}.vd-fleet-copy p{color:#d7e4ee}.vd-specs{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:18px}.vd-spec{padding:14px;border:1px solid rgba(255,255,255,.16);border-radius:16px;background:rgba(255,255,255,.08)}.vd-spec strong{display:block;color:#a9ef8e}
.vd-brand{background:#fff}.vd-brand-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:22px;margin-top:44px}.vd-brand-card{overflow:hidden;border:1px solid var(--vd-line);border-radius:28px;background:#fff;box-shadow:0 16px 42px rgba(15,45,91,.08)}.vd-brand-card img{width:100%;height:100%;object-fit:cover}.vd-brand-side{display:grid;gap:22px}.vd-brand-note{padding:28px;border-radius:28px;background:var(--vd-navy);color:#fff}.vd-brand-note h3{margin:0 0 8px;font-size:1.7rem}.vd-brand-note p{margin:0;color:#d6e5ef}.vd-palette{display:flex;gap:10px;margin-top:20px}.vd-swatch{width:46px;height:46px;border-radius:14px;border:3px solid rgba(255,255,255,.65)}
.vd-contact{position:relative;overflow:hidden;background:linear-gradient(145deg,#0d2954,#123b70 45%,#0b6d7e);color:#fff}.vd-contact:after{content:"";position:absolute;right:-180px;bottom:-220px;width:520px;height:520px;border-radius:50%;background:radial-gradient(circle,var(--vd-green),transparent 70%);opacity:.35}.vd-contact-grid{position:relative;z-index:1;display:grid;grid-template-columns:.82fr 1.18fr;gap:44px;align-items:start}.vd-contact .vd-title{color:#fff}.vd-contact .vd-lead{color:#d6e4ef}.vd-contact-list{display:grid;gap:14px;margin-top:28px}.vd-contact-item{display:flex;gap:12px}.vd-contact-icon{width:42px;height:42px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.16);border-radius:13px;background:rgba(255,255,255,.1)}.vd-contact-item strong{display:block}.vd-contact-item a,.vd-contact-item span{color:#d7e4ee}.vd-form{padding:28px;border-radius:30px;background:#fff;color:var(--vd-ink);box-shadow:0 24px 64px rgba(0,0,0,.16)}.vd-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.vd-field{display:grid;gap:7px}.vd-field.full{grid-column:1/-1}.vd-field label{color:var(--vd-navy);font-size:.84rem;font-weight:850}.vd-field input,.vd-field select,.vd-field textarea{width:100%;padding:13px 14px;border:1px solid #d8e5ef;border-radius:14px;background:#fbfdff;color:var(--vd-ink);outline:none}.vd-field textarea{min-height:116px;resize:vertical}.vd-field input:focus,.vd-field select:focus,.vd-field textarea:focus{border-color:var(--vd-blue);box-shadow:0 0 0 4px rgba(37,131,198,.10)}.vd-consent{display:flex;gap:9px;align-items:flex-start;margin:14px 0;color:var(--vd-muted);font-size:.83rem}.vd-consent input{margin-top:3px}.vd-alert{margin:0 0 15px;padding:12px 14px;border-radius:12px;font-weight:750}.vd-alert-ok{background:#e7f8e3;color:#285d1f}.vd-alert-error{background:#fff0f0;color:#8f2323}.vd-hp{position:absolute!important;left:-9999px!important}
.vd-footer{padding:34px 0;background:#081c38;color:#cad9e6}.vd-footer-inner{display:grid;grid-template-columns:1.4fr .8fr .8fr;gap:28px;align-items:start}.vd-footer-logo{width:260px;filter:brightness(0) invert(1);opacity:.97}.vd-footer h4{margin:0 0 9px;color:#fff}.vd-footer p,.vd-footer a{color:#cad9e6}.vd-footer small{color:#8fa6bb}.vd-footer-links{display:grid;gap:8px}.vd-float{position:fixed;right:18px;bottom:18px;z-index:60;width:58px;height:58px;display:grid;place-items:center;border-radius:18px;background:var(--vd-grad);color:#fff;font-size:1.35rem;box-shadow:0 14px 36px rgba(15,45,91,.28)}.vd-page{padding:80px 0;min-height:60vh}.vd-page article{padding:34px;border:1px solid var(--vd-line);border-radius:26px;background:#fff}.vd-page h1{color:var(--vd-navy)}
@media(max-width:980px){.vd-topbar{display:none}.vd-nav{height:74px}.vd-logo{width:265px;max-width:70vw}.vd-menu-toggle{display:block}.vd-menu{position:absolute;top:74px;left:20px;right:20px;display:none;flex-direction:column;align-items:stretch;padding:18px;border:1px solid var(--vd-line);border-radius:20px;background:#fff;box-shadow:var(--vd-shadow)}.vd-menu.is-open{display:flex}.vd-hero-grid,.vd-trust-grid,.vd-fleet-grid,.vd-brand-grid,.vd-contact-grid{grid-template-columns:1fr}.vd-hero-media{order:-1}.vd-service-grid{grid-template-columns:repeat(2,1fr)}.vd-steps{grid-template-columns:1fr}.vd-footer-inner{grid-template-columns:1fr 1fr}.vd-fleet-photo{min-height:430px}}
@media(max-width:640px){.vd-container{width:min(100% - 26px,1180px)}.vd-section{padding:72px 0}.vd-hero{padding:40px 0 64px}.vd-hero h1{font-size:clamp(2.7rem,14vw,4.5rem)}.vd-actions .vd-btn{width:100%}.vd-hero-card{padding:11px;border-radius:24px}.vd-hero-card img{border-radius:16px}.vd-hero-tag{position:static;margin-top:11px}.vd-service-grid{grid-template-columns:1fr}.vd-image-stack{grid-template-columns:1fr;grid-template-rows:260px 220px 220px}.vd-image-stack figure:first-child{grid-row:auto}.vd-fleet-photo{min-height:340px}.vd-specs{grid-template-columns:1fr}.vd-form-grid{grid-template-columns:1fr}.vd-field.full{grid-column:auto}.vd-footer-inner{grid-template-columns:1fr}.vd-brand-grid{grid-template-columns:1fr}}