/* === VerDiCon Startseite (Ergänzung zu .vdc-page) === */
.vdc-page .vdc{font-family:"Poppy","Source Sans Pro",Arial,sans-serif;font-weight:400;letter-spacing:0}
.vdc-page .vdc-hero2{display:grid;grid-template-columns:1.2fr 1fr;gap:44px;align-items:center}
.vdc-page .vdc-hero2 .vdc-lead{max-width:34ch}
.vdc-page .vdc-rail{display:grid;gap:10px}
.vdc-page .vdc-rail > div{position:relative;display:grid;grid-template-columns:96px 1fr;column-gap:16px;align-items:center;border:1px solid var(--line);border-radius:var(--r);overflow:hidden;background:var(--soft);padding-right:14px;transition:border-color .15s}
.vdc-page .vdc-rail > div:hover{border-color:var(--brand)}
.vdc-page .vdc-rail .vdc-key{grid-row:1 / span 2;align-self:stretch;margin:0;background:var(--brand);color:#fff;font-family:"Poppy","Source Sans Pro",Arial,sans-serif;font-size:40px;display:flex;align-items:center;justify-content:center;min-height:76px}
.vdc-page .vdc-rail h3{font-size:22px;font-weight:700;margin:12px 0 0}
.vdc-page .vdc-rail h3 a{color:var(--ink);font-weight:700}
.vdc-page .vdc-rail h3 a::after{content:"";position:absolute;inset:0}
.vdc-page .vdc-rail p{margin:0 0 12px;font-size:15px;color:var(--muted)}
.vdc-page .vdc-alarm{margin-bottom:56px!important;display:flex;flex-wrap:wrap;align-items:center;gap:10px 24px;background:#fff0e8;border-radius:var(--r);padding:16px 20px;margin-top:-20px}
.vdc-page .vdc-alarm::before{content:"";width:12px;height:12px;border-radius:50%;background:#d9480f;box-shadow:0 0 0 5px rgba(217,72,15,.22)}
.vdc-page .vdc-alarm strong{font-size:22px}
.vdc-page .vdc-alarm a{font-family:var(--mono);font-size:20px;font-weight:600;color:#d9480f}
.vdc-page .vdc-alarm small{color:var(--muted);font-size:15px}
.vdc-page .vdc-tiles > div{position:relative;border-top:1px solid var(--line);padding-top:64px;padding-bottom:44px;background-repeat:no-repeat;background-position:20px 20px;background-size:34px 34px;transition:border-color .15s}
.vdc-page .vdc-tiles > div:hover{border-color:var(--brand)}
.vdc-page .vdc-tiles h3{font-size:22px}
.vdc-page .vdc-tiles h3 a{color:var(--ink);font-weight:700}
.vdc-page .vdc-tiles h3 a::after{content:"Mehr →";position:absolute;inset:0;display:flex;align-items:flex-end;padding:0 20px 16px;font-size:15px;color:var(--brand)}
.vdc-page .vdc-tiles > div:nth-child(1){background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230e25fb' stroke-width='1.6'%3E%3Crect x='3' y='4' width='18' height='14' rx='1.5'/%3E%3Cpath d='M7 9l3 3-3 3M12 15h5'/%3E%3C/svg%3E")}
.vdc-page .vdc-tiles > div:nth-child(2){background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230e25fb' stroke-width='1.6'%3E%3Crect x='4' y='2.5' width='16' height='19' rx='1'/%3E%3Cpath d='M4 8h16M4 14h16M8 5.2h2M8 11h2M8 17h2'/%3E%3C/svg%3E")}
.vdc-page .vdc-tiles > div:nth-child(3){background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230e25fb' stroke-width='1.6'%3E%3Cpath d='M4 12a8 8 0 0 1 13.7-5.6M20 12a8 8 0 0 1-13.7 5.6'/%3E%3Cpath d='M18 3v4h-4M6 21v-4h4'/%3E%3C/svg%3E")}
.vdc-page .vdc-tiles > div:nth-child(4){background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230e25fb' stroke-width='1.6'%3E%3Cpath d='M14.5 5.5a4 4 0 0 0-5 5L4 16l4 4 5.5-5.5a4 4 0 0 0 5-5l-2.5 2.5-2.5-1-1-2.5z'/%3E%3C/svg%3E")}
.vdc-page .vdc-tiles > div:nth-child(5){background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230e25fb' stroke-width='1.6'%3E%3Cpath d='M3 7l9-4 9 4-9 4-9-4z'/%3E%3Cpath d='M3 7v10l9 4 9-4V7M12 11v10'/%3E%3C/svg%3E")}
.vdc-page .vdc-tiles > div:nth-child(6){background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230e25fb' stroke-width='1.6'%3E%3Cpath d='M4 6h16M4 12h10M4 18h6'/%3E%3Ccircle cx='18' cy='16' r='3'/%3E%3C/svg%3E")}
.vdc-page .vdc-brands{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.vdc-page .vdc-brands > div{position:relative;background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:16px;text-align:center;transition:border-color .15s}
.vdc-page .vdc-brands > div:hover{border-color:var(--brand)}
.vdc-page .vdc-brands p{margin:0;color:var(--muted);font-size:15px}
.vdc-page .vdc-brands p:first-child{height:70px;display:flex;align-items:center;justify-content:center;margin-bottom:8px}
.vdc-page .vdc-brands img{max-height:44px;width:auto;max-width:100%;margin:0 auto}
.vdc-page .vdc-brands > div:nth-child(3) img{max-height:78px}
.vdc-page .vdc-brands a::after{content:"";position:absolute;inset:0}
.vdc-page .vdc-cards.vdc-six{grid-template-columns:repeat(6,1fr)}
.vdc-page .vdc-head{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap;margin-bottom:22px}
.vdc-page .vdc-head h2{margin:0}
.vdc-page .vdc-head .vdc-buttons a{padding:8px 16px}
.vdc-page .vdc-facts{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.vdc-page .vdc-facts > div{border-top:3px solid var(--brand);padding-top:12px}
.vdc-page .vdc-facts h3{font-size:42px;font-weight:900;line-height:1;margin:0 0 4px;font-variant-numeric:tabular-nums}
.vdc-page .vdc-facts p{margin:0;color:var(--muted);font-size:15.5px}
.vdc-page .vdc-steps.vdc-five{grid-template-columns:repeat(5,1fr)}
@media (max-width:900px){
 .vdc-page .vdc-hero2{grid-template-columns:1fr;gap:28px}
 .vdc-page .vdc-tiles{grid-template-columns:repeat(2,1fr)}
 .vdc-page .vdc-brands{grid-template-columns:1fr}
 .vdc-page .vdc-facts{grid-template-columns:repeat(2,1fr)}
 .vdc-page .vdc-cards.vdc-six{grid-template-columns:repeat(3,1fr)}
 .vdc-page .vdc-steps.vdc-five{grid-template-columns:1fr}
}
@media (max-width:560px){
 .vdc-page .vdc-tiles{grid-template-columns:1fr}
 .vdc-page .vdc-cards.vdc-six{grid-template-columns:1fr 1fr}
 .vdc-page .vdc-rail > div{grid-template-columns:72px 1fr}
 .vdc-page .vdc-rail .vdc-key{font-size:30px}
}