.custom-widget-container {
font-family: 'Graphie', sans-serif;
font-weight: 600;
}
.custom-widget-inner {
max-width: 800px;
margin: auto;
background: #ffffff;
padding: 30px;
border-radius: 20px;
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
margin-bottom: 30px;
}
.custom-widget-inner h2 {
text-align: center;
margin-bottom: 30px;
font-family: 'Graphie';
font-weight: 800;
color: #1e2e9d;
}
.custom-widget-inner table {
width: 100%;
border-collapse: separate;
border-spacing: 0 15px;
margin-bottom: 30px;
}
.custom-widget-inner th, .custom-widget-inner td {
padding: 15px;
text-align: center;
background: #f9f9f9;
border: none;
}
.custom-widget-inner th {
background-color: #1e2e9d;
color: #ffffff;
font-weight: bold;
}
.custom-widget-inner td {
vertical-align: middle !important;
}
.custom-widget-inner input[type="number"] {
width: 90%;
padding: 10px;
margin: 5px 0;
box-sizing: border-box;
border-radius: 10px;
border: 1px solid #ddd;
text-align: center;
}
.custom-widget-inner .form-group {
margin-bottom: 20px;
}
.custom-widget-inner label {
display: block;
margin-bottom: 5px;
}
.custom-widget-inner .result {
text-align: center;
margin-top: 30px;
position: relative;
padding: 20px;
background-color: #e8f5e9;
border-radius: 20px;
color: #40a87d;
font-weight: bold;
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
}
.custom-widget-inner .result p {
color: #000000;
}
.custom-widget-inner .result img {
position: absolute;
right: 50%;
transform: translateX(50%);
top: 0;
max-width: 100px;
height: auto;
}
.custom-widget-inner button {
background-color: #55d7a8;
color: #ffffff;
font-family: 'Graphie';
font-weight: 700;
border: none;
border-radius: 40px;
padding: 15px 30px;
cursor: pointer;
transition: background-color 0.3s;
margin-top: 20px;
display: block;
margin-left: auto;
margin-right: auto;
}
.custom-widget-inner button:hover {
background-color: #40a87d;
}
function formatNumber(number) {
return number.toLocaleString('de-DE', { minimumFractionDigits: 0, maximumFractionDigits: 0 });
}
function calculateROI() {
var C3 = parseFloat(document.getElementById('shipmentsPerYearROI').value);
var C4 = parseFloat(document.getElementById('erroneousDataPctROI').value) / 100;
var C5 = parseFloat(document.getElementById('avgUnitCostBadShipmentROI').value);
var C6 = parseFloat(document.getElementById('reprocessingCostROI').value);
var C7 = parseFloat(document.getElementById('reductionBadShipmentROI').value) / 100;
var H3 = parseFloat(document.getElementById('avgOrderValue').value);
var H4 = parseFloat(document.getElementById('lostSalesPct').value) / 100;
var roi = ((C3 * C4) * (C5 + C6)) * C7;
document.getElementById('resultROI').innerHTML = `
So viel sparen Sie
${formatNumber(roi)} €
Für ein genaueres Ergebnis bieten wir Ihnen ein kostenloses Audit an
Kontakt aufnehmen
`;
document.getElementById('resultROI').style.display = 'block';
var revenueImprovement = C3 * C4 * H3 * H4 * C7;
document.getElementById('resultSalesGrowth').innerHTML = `
So viel mehr Umsatz erzielen Sie
${formatNumber(revenueImprovement)} €
Für ein genaueres Ergebnis bieten wir Ihnen ein kostenloses Audit an
Kontakt aufnehmen
`;
document.getElementById('resultSalesGrowth').style.display = 'block';
}
