/* ========================================================================== Vortmes Calculators - Centrale Huisstijl & Layout ========================================================================== */ .vortmes-calc-wrapper { font-family: inherit; color: #2c3e50; background-color: #ffffff; border: 1px solid #d5dad6; border-radius: 8px; padding: 24px; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.04); } .vortmes-calc-intro { font-size: 0.9rem; color: #666; margin-top: 0; margin-bottom: 20px; line-height: 1.4; } /* ========================================================================== Vast 3-Koloms Raster (Label | Invoerveld | Actie) - KRITISCH VOOR RASTER ========================================================================== */ .vortmes-calc-grid-3col { display: grid; grid-template-columns: 85px 220px auto; gap: 10px 12px; align-items: center; } .vortmes-grid-label { text-align: right; } .vortmes-grid-label label { font-weight: 600; font-size: 0.9rem; color: #34495e; } .vortmes-grid-input input[type="number"], .vortmes-grid-input input[type="text"], .vortmes-grid-input select { width: 220px; padding: 7px 10px; border: 1px solid #ccc; border-radius: 4px; background-color: #fff; font-size: 0.9rem; text-align: right; box-sizing: border-box; } .vortmes-grid-input select { text-align: left; } .vortmes-grid-input input[readonly] { background-color: #eef2f0; font-weight: bold; color: #8b1e1e; border-color: #c0ccc5; } .vortmes-grid-input input[type="number"]:focus, .vortmes-grid-input select:focus { border-color: #8b1e1e; outline: none; box-shadow: 0 0 0 2px rgba(139, 30, 30, 0.15); } .vortmes-grid-action { display: flex; align-items: center; } .vortmes-btn-copy { background-color: #1a2b4c; color: #fff; border: none; padding: 7px 14px; border-radius: 4px; cursor: pointer; font-size: 0.85rem; white-space: nowrap; transition: background-color 0.2s; } .vortmes-btn-copy:hover { background-color: #8b1e1e; } .vortmes-btn-reset { background-color: #34495e; color: #fff; border: none; padding: 7px 16px; border-radius: 4px; cursor: pointer; font-size: 0.85rem; transition: background-color 0.2s; } .vortmes-btn-reset:hover { background-color: #1a2b4c; } /* ========================================================================== 2-Koloms Paginastructuur (Rekenmodel links + Sidebar rechts) ========================================================================== */ .vortmes-calc-layout-2col { display: grid; grid-template-columns: minmax(340px, 1.4fr) minmax(260px, 1fr); gap: 24px; align-items: start; margin: 20px 0; } .vortmes-calc-sidebar { background-color: #ffffff; border: 1px solid #d5dad6; border-radius: 8px; padding: 24px; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.04); } .vortmes-calc-sidebar h4 { margin-top: 0; margin-bottom: 12px; font-size: 1.1rem; color: #1a2b4c; border-bottom: 2px solid #e0e6e2; padding-bottom: 6px; } .vortmes-calc-sidebar p { font-size: 0.88rem; color: #34495e; line-height: 1.5; margin-bottom: 12px; } .vortmes-sidebar-list { margin: 0 0 16px 0; padding-left: 18px; font-size: 0.88rem; color: #2c3e50; line-height: 1.6; } .vortmes-sidebar-list li { margin-bottom: 4px; } .vortmes-sidebar-note { font-size: 0.83rem !important; color: #666 !important; background-color: #f8faf9; border-left: 3px solid #8b1e1e; padding: 8px 12px; margin-bottom: 0 !important; border-radius: 0 4px 4px 0; } /* ========================================================================== Responsive gedrag op kleinere schermen ========================================================================== */ @media (max-width: 850px) { .vortmes-calc-layout-2col { grid-template-columns: 1fr; } } @media (max-width: 600px) { .vortmes-calc-grid-3col { grid-template-columns: 1fr; gap: 6px; } .vortmes-grid-label { text-align: left; } .vortmes-grid-input input[type="number"], .vortmes-grid-input input[type="text"], .vortmes-grid-input select { width: 100%; text-align: left; } .vortmes-grid-input input[type="number"], .vortmes-grid-input input[readonly] { text-align: right; } } Pagina niet gevonden – Vortmes
Het lijkt erop dat deze link niet bestaat. Wellicht kun je het zoekveld proberen?