Embed

<!DOCTYPE html>
<html lang="de">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>A.P.S - Kalkulator</title>
    <style>
        body {
            font-family: Arial, sans-serif;
            background-color: #e0f3ff;
            color: #333;
            margin: 0;
            padding: 0;
            display: flex;
            justify-content: center;
            align-items: center;
            height: 100vh;
        }
        .container {
            background: #fff;
            padding: 20px;
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
            border-radius: 8px;
            width: calc(100% - 2cm);
            max-width: 1200px;
            margin: 0 auto;
        }
        h1 {
            color: #0056b3;
            text-align: center;
        }
        p {
            text-align: center;
            margin-bottom: 20px;
        }
        .slider-container {
            margin-bottom: 20px;
        }
        label {
            color: #0056b3;
            display: block;
            margin-bottom: 8px;
        }
        input[type="range"] {
            width: 100%;
        }
        input[type="number"] {
            width: 100%;
            padding: 8px;
            font-size: 16px;
            margin-top: 5px;
            box-sizing: border-box;
        }
        .output {
            text-align: center;
            font-size: 18px;
            margin-top: 10px;
            color: #0056b3;
        }
        .result {
            margin-top: 20px;
            padding: 10px;
            background: rgba(224, 243, 255, 0.3); /* Leicht durchsichtig */
            border-left: 5px solid #0056b3;
            text-align: center;
        }
        .green {
            color: green;
            font-weight: bold;
        }
        .hidden {
            display: none;
        }
    </style>
</head>
<body>
    <div class="container">
        <h1>A.P.S - Kalkulator</h1>
        <p>Berechnen Sie die Kosten basierend auf Ihrer Eingabe.</p>
        
        <div class="slider-container">
            <label for="members">Anzahl der Mitglieder:</label>
            <input type="range" id="members-slider" name="members" min="10" max="500" step="10" value="10" oninput="updateMembers(this.value)">
            <div class="output" id="members-output">10</div>
        </div>
        
        <div class="slider-container">
            <label for="monthly-gram">Abgabemenge pro Mitglied pro Monat (g):</label>
            <input type="range" id="monthly-gram-slider" name="monthly-gram" min="0" max="50" step="5" value="0" oninput="updateMonthlyGram(this.value)">
            <input type="number" id="monthly-gram-input" name="monthly-gram" min="0" max="50" step="1" value="0" oninput="updateMonthlyGram(this.value)">
            <div class="output" id="monthly-gram-output">0</div>
        </div>
        
        <div class="slider-container">
            <label for="propagation-containers">Anzahl der Anzuchtcontainer:</label>
            <input type="range" id="propagation-containers-slider" name="propagation-containers" min="0" max="20" step="1" value="0" oninput="updatePropagationContainers(this.value)">
            <div class="output" id="propagation-containers-output">0</div>
        </div>
        
        <div class="slider-container">
            <label for="office-containers">Anzahl der Office- und Trocknungscontainer:</label>
            <input type="range" id="office-containers-slider" name="office-containers" min="0" max="20" step="1" value="0" oninput="updateOfficeContainers(this.value)">
            <div class="output" id="office-containers-output">0</div>
        </div>
        
        <div id="result" class="result">
            <h2>Ergebnisse</h2>
            <p id="cannabis-grams-output" class="green">Menge an Cannabis (g): 0</p>
            <p id="containers-needed-output">Benötigte Grow-Container: 0</p>
            <p id="plants-needed-output">Benötigte Pflanzen: 0</p>
            <p id="propagation-containers-count">Anzahl der Anzuchtcontainer: 0</p>
            <p id="office-containers-count">Anzahl der Office- und Trocknungscontainer: 0</p>
            <p id="total-cost-output" class="hidden">Gesamtkosten pro Monat (inkl. Stromkosten): €0.00</p>
            <p id="cost-per-gram-output" class="green">Kosten pro Gramm: €0.00</p>
        </div>
    </div>

    <script>
        const maxPlantsPerContainer = 112;
        const yieldPerPlant = 60; // Gramm pro Pflanze
        const rentCostPerGrowContainer = 5500; // Euro pro Grow-Container
        const standCost = 250; // Euro pro Monat für Standmiete
        const rentCostPerPropagationContainer = 2500; // Euro pro Anzuchtcontainer
        const rentCostPerOfficeContainer = 1900; // Euro pro Office- und Trocknungscontainer
        const electricityCostPerKwh = 0.29; // Euro pro kWh
        
        const kwhPerDayGrowContainer = 26; // kWh pro Tag für Grow-Container
        const hoursPerDayGrowContainer = 18; // Stunden pro Tag für Grow-Container
        const kwhPerDayPropagationContainer = 8; // kWh pro Tag für Anzuchtcontainer
        const hoursPerDayPropagationContainer = 18; // Stunden pro Tag für Anzuchtcontainer
        const kwhPerDayOfficeContainer = 5; // kWh pro Tag für Office- und Trocknungscontainer
        const hoursPerDayOfficeContainer = 24; // Stunden pro Tag für Office- und Trocknungscontainer
        
        const daysPerMonth = 30; // Tage pro Monat

        function updateMembers(value) {
            document.getElementById('members-slider').value = value;
            document.getElementById('members-output').textContent = value;
            calculateCosts();
        }

        function updateMonthlyGram(value) {
            document.getElementById('monthly-gram-slider').value = value;
            document.getElementById('monthly-gram-input').value = value;
            document.getElementById('monthly-gram-output').textContent = value;
            calculateCosts();
        }

        function updatePropagationContainers(value) {
            document.getElementById('propagation-containers-slider').value = value;
            document.getElementById('propagation-containers-output').textContent = value;
            calculateCosts();
        }

        function updateOfficeContainers(value) {
            document.getElementById('office-containers-slider').value = value;
            document.getElementById('office-containers-output').textContent = value;
            calculateCosts();
        }

        function calculateCosts() {
            const members = parseInt(document.getElementById('members-output').textContent);
            const monthlyGram = parseInt(document.getElementById('monthly-gram-input').value);
            const propagationContainers = parseInt(document.getElementById('propagation-containers-output').textContent);
            const officeContainers = parseInt(document.getElementById('office-containers-output').textContent);

            const totalGramsNeeded = members * monthlyGram;
            const plantsNeeded = Math.ceil(totalGramsNeeded / yieldPerPlant);
            const growContainersNeeded = Math.ceil(plantsNeeded / maxPlantsPerContainer);
            
            // Mieten
            const totalGrowContainerRentCost = growContainersNeeded * rentCostPerGrowContainer;
            const totalPropagationContainerRentCost = propagationContainers * rentCostPerPropagationContainer;
            const totalOfficeContainerRentCost = officeContainers * rentCostPerOfficeContainer;
            const totalStandCost = standCost;

            // Stromkosten
            const totalKwhPerDayGrowContainer = kwhPerDayGrowContainer * hoursPerDayGrowContainer;
            const totalKwhPerMonthGrowContainer = totalKwhPerDayGrowContainer * daysPerMonth;
            const totalElectricityCostGrowContainer = totalKwhPerMonthGrowContainer * electricityCostPerKwh;
            
            const totalKwhPerDayPropagationContainer = kwhPerDayPropagationContainer * hoursPerDayPropagationContainer;
            const totalKwhPerMonthPropagationContainer = totalKwhPerDayPropagationContainer * daysPerMonth;
            const totalElectricityCostPropagationContainer = totalKwhPerMonthPropagationContainer * electricityCostPerKwh;

            const totalKwhPerDayOfficeContainer = kwhPerDayOfficeContainer * hoursPerDayOfficeContainer;
            const totalKwhPerMonthOfficeContainer = totalKwhPerDayOfficeContainer * daysPerMonth;
            const totalElectricityCostOfficeContainer = totalKwhPerMonthOfficeContainer * electricityCostPerKwh;

            // Gesamtkosten
            const totalElectricityCost = totalElectricityCostGrowContainer + (propagationContainers * totalElectricityCostPropagationContainer) + (officeContainers * totalElectricityCostOfficeContainer);
            const totalMonthlyCost = totalGrowContainerRentCost + totalPropagationContainerRentCost + totalOfficeContainerRentCost + totalStandCost + totalElectricityCost;
            
            // Kosten pro Gramm
            const costPerGram = totalMonthlyCost / totalGramsNeeded;

            // Ergebnisse anzeigen
            document.getElementById('cannabis-grams-output').textContent = `Menge an Cannabis (g): ${totalGramsNeeded.toFixed(2)}`;
            document.getElementById('containers-needed-output').textContent = `Benötigte Grow-Container: ${growContainersNeeded}`;
            document.getElementById('plants-needed-output').textContent = `Benötigte Pflanzen: ${plantsNeeded}`;
            document.getElementById('propagation-containers-count').textContent = `Anzahl der Anzuchtcontainer: ${propagationContainers}`;
            document.getElementById('office-containers-count').textContent = `Anzahl der Office- und Trocknungscontainer: ${officeContainers}`;
            document.getElementById('total-cost-output').textContent = `Gesamtkosten pro Monat (inkl. Stromkosten): €${totalMonthlyCost.toFixed(2)}`;
            document.getElementById('cost-per-gram-output').textContent = `Kosten pro Gramm: €${costPerGram.toFixed(2)}`;
        }

        // Initiale Berechnung
        calculateCosts();
    </script>
</body>
</html>

Close-up view of lush, green cannabis leaves growing densely in natural light.

Text

<h3>Ihre Berechnungen sollen Ihnen einen ungefähren Stand der Dinge geben.</h3>
<p class="normal">Diese Kalkulationshilfe, bietet Ihnen einen ersten Einblick in, was Sie benötigen und was für Kosten auf Sie zukommen.</p>
<p class="normal">Dieses Rechenbeispiel beinhaltet die Miet-Kosten, Strombedarfsspitzen und grobe Standgebühren, kombiniert mit Ihren Eingaben.</p>
<p class="small">(dieses Rechenbeispiel ist nicht verbindlich und soll nur zur groben Orientierung dienen)</p>