Schnellstart
<!DOCTYPE html> <html lang="de"> <head>
<meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Nachhaltige Beschaffung - 10 Schritte Guide</title> <script src="https://cdn.tailwindcss.com"></script> <script src="https://unpkg.com/lucide@latest"></script> <style> body { font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; background-color: #f3f4f6; } .step-card { transition: all 0.3s ease; } .progress-bar { transition: width 0.5s ease-in-out; } .fade-in { animation: fadeIn 0.5s ease-in; } @keyframes fadeIn { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } } </style>
</head> <body class="min-h-screen flex flex-col text-gray-800">
<header class="bg-emerald-700 text-white shadow-lg">
Nachhaltig Beschaffen
Der Quick-Start-Guide für Hochschulmitarbeitende
Ziel: 10 Schritte zum Erfolg
Dauer: ~5 Minuten
</header>
<main class="flex-grow container mx-auto px-4 py-8 max-w-4xl">
Schritt 1 von 10 10%
<button id="prev-btn" class="flex items-center gap-2 px-6 py-3 rounded-lg font-medium text-gray-600 hover:bg-gray-100 disabled:opacity-50 disabled:cursor-not-allowed transition-colors" disabled onclick="prevStep()">
Zurück
</button>
<button id="next-btn" class="flex items-center gap-2 px-6 py-3 rounded-lg font-medium text-white bg-emerald-600 hover:bg-emerald-700 transition-colors shadow-md" onclick="nextStep()">
Weiter
</button>
</main>
<footer class="bg-gray-800 text-gray-400 py-6 mt-auto">
Ein interaktives Lerntool für den öffentlichen Dienst.
Quellenhinweis: Basiert auf Informationen des UBA, der KNB und DG HochN.
</footer>
<script>
const steps = [
{
title: "Warum du wichtig bist",
icon: "target",
content: `
Dein Hebel ist größer als du denkst.
Auch wenn du nicht in der zentralen Beschaffung sitzt: Jede Bestellung zählt. Die öffentliche Hand in Deutschland vergibt Aufträge im Wert von ca. 400 bis 500 Milliarden Euro jährlich.
Der Impact: Hochschulen sind Vorbilder. Wenn wir nachhaltig einkaufen, stärken wir grüne Märkte und senden ein Signal an Studierende und Gesellschaft.
Du startest den Prozess durch deine Bedarfsanforderung. Du definierst, was gebraucht wird. Genau hier entscheidest du über Nachhaltigkeit!
`,
tip: "Schon gewusst? Auch kleine Budgets summieren sich an einer Hochschule zu riesigen Beträgen."
},
{
title: "Darf ich das überhaupt?",
icon: "scale",
content: `
Ja! Der Mythos "Billigstpreis" ist Geschichte.
Viele denken, man müsse immer das billigste Angebot nehmen. Das ist falsch.
- Rechtslage: Das Vergaberecht (§ 97 GWB, VgV, UVgO) erlaubt und fordert sogar die Berücksichtigung von sozialen und ökologischen Aspekten.
- Das wirtschaftlichste Angebot erhält den Zuschlag, nicht zwingend das billigste. Nachhaltigkeit ist ein Qualitätskriterium.
Merkregel: Du darfst spezifische Umweltzeichen (wie den Blauen Engel) als Nachweis in der Leistungsbeschreibung fordern.
`,
tip: "Sprich frühzeitig mit deiner Verwaltung – oft fehlt nur das Wissen, dass es rechtssicher möglich ist."
},
{
title: "Schritt 0: Brauche ich das?",
icon: "help-circle",
content: `
Die nachhaltigste Beschaffung ist die, die nicht stattfindet.
Bevor du eine Bestellung auslöst, stelle die Suffizienz-Frage:
Interner Tausch
Gibt es das Gerät in einem anderen Institut ungenutzt? (Schwarze Bretter, Inventarlisten)
Reparatur
Lohnt sich eine Reparatur statt Neukauf? Gibt es eine Werkstatt an der Uni?
Gemeinsame Nutzung
Können wir uns den teuren Spezialscanner mit dem Nachbarlehrstuhl teilen?
`,
tip: "Checke, ob deine Hochschule eine 'Möbelbörse' oder ein Intranet-Forum für Gebrauchtgeräte hat."
},
{
title: "Der wahre Preis (LCC)",
icon: "calculator",
content: `
Schau nicht nur auf das Preisschild.
Ein billiger Drucker, der viel Strom frisst und dessen Toner ein Vermögen kostet, ist am Ende teurer. Das Zauberwort heißt Lebenszykluskostenrechnung (LCC).
Du darfst Anschaffungskosten + Betriebskosten (Strom, Wasser, Wartung) + Entsorgungskosten zusammenrechnen.
Wirtschaftlichstes Angebot =
Kaufpreis + (Stromverbrauch × Nutzungsjahre × Strompreis)
Das Umweltbundesamt (UBA) bietet dafür kostenlose Excel-Tools an.
`,
tip: "Tool-Tipp: Suche nach 'UBA Lebenszykluskostenrechner' für fertige Excel-Vorlagen."
},
{
title: "Wegweiser im Label-Dschungel",
icon: "tag",
content: `
Verlass dich auf starke Siegel.
Du musst kein Experte für chemische Inhaltsstoffe sein. Nutze etablierte Gütezeichen in deiner Anforderung:
Blauer Engel Der Goldstandard in Deutschland (Papier, Drucker, Möbel, Rechenzentren).
TCO / EPEAT Wichtig für IT-Hardware (Laptops, Monitore). Achte auf EPEAT Gold/Silver.
Fairtrade Für Catering, Kaffee, Textilien (Merchandise) oder sogar Natursteine.
`,
tip: "Webseite 'Siegelklarheit.de' oder 'Kompass Nachhaltigkeit' checken, um glaubwürdige Siegel zu finden."
},
{
title: "Quick-Wins: Wo anfangen?",
icon: "zap",
content: `
Fang einfach an, aber fang richtig an.
Hier sind die einfachsten Kategorien für den Einstieg in deinem Büro/Institut:
- Recyclingpapier (Blauer Engel)
- Nachfüllbare Stifte
- LED-Beleuchtung
- Bio/Fairtrade Kaffee
- Ökostrom (oft zentral, aber nachfragen!)
- Leitungswasser statt Flaschen
`,
tip: "Papier ist der Klassiker: Umstellung auf 100% Recyclingpapier spart massiv Wasser und Energie."
},
{
title: "Soziale Verantwortung",
icon: "globe",
content: `
Nachhaltigkeit ist mehr als Umweltschutz.
Viele Produkte (IT, Textilien, Natursteine) werden im globalen Süden unter unwürdigen Bedingungen hergestellt.
Öffentliche Auftraggeber können die Einhaltung der ILO-Kernarbeitsnormen (Verbot von Kinderarbeit, Zwangsarbeit) vertraglich fordern.
Achtung bei IT: Hier ist die Lieferkette komplex. Fordere Nachweise über Sozialaudits oder Mitgliedschaften (z.B. Electronics Watch), wenn möglich.
`,
tip: "Frage bei Werbemitteln (T-Shirts, Taschen) gezielt nach Fairtrade-Cotton oder GOTS."
},
{
title: "Wo bekomme ich Hilfe?",
icon: "life-buoy",
content: `
Niemand muss das Rad neu erfinden.
Es gibt staatliche Stellen, deren einziger Job es ist, dir zu helfen:
<a href="https://www.nachhaltige-beschaffung.info" target="_blank" class="block p-3 border rounded hover:bg-gray-50 transition flex justify-between items-center group">
KNB (Kompetenzstelle nachhaltige Beschaffung)
Bietet Hotline, E-Mail-Beratung und Schulungen.
</a>
<a href="https://www.umweltbundesamt.de/themen/wirtschaft-konsum/umweltfreundliche-beschaffung" target="_blank" class="block p-3 border rounded hover:bg-gray-50 transition flex justify-between items-center group">
Umweltbundesamt (UBA)
Leitfäden für fast jede Produktgruppe.
</a>
`,
tip: "Speichere dir die KNB-Webseite als Lesezeichen. Sie ist die 'Bibel' für öffentliche Beschaffer."
},
{
title: "Verbündete suchen",
icon: "users",
content: `
Netzwerken ist der Schlüssel.
Du sitzt in einer Hochschule – nutze das Wissen vor Ort!
- Nachhaltigkeitsbüro / Green Office: Fast jede Uni hat inzwischen eins. Sie unterstützen dich gerne.
- Zentrale Beschaffung: Sprich sie an. Frage: "Wie können wir bei Produkt X nachhaltiger werden?" Oft warten sie nur auf Impulse aus den Fachbereichen.
- Netzwerk n / DG HochN: Vernetze dich mit anderen Hochschulen, die schon weiter sind.
`,
tip: "Studierende können oft im Rahmen von Projekten oder Abschlussarbeiten Konzepte für nachhaltigere Prozesse erarbeiten."
},
{
title: "Fazit: Einfach machen!",
icon: "play-circle",
content: `
Perfektion ist der Feind des Guten.
Warte nicht auf die "große Strategie" von oben.
Starte ein Pilotprojekt.
Bestelle den fairen Kaffee für das nächste Meeting. Kaufe das Refurbished-Tablet für den Außeneinsatz. Dokumentiere, dass es funktioniert (und nicht teurer war). Erzähle davon im Team.
Nachhaltigkeit ist ein Prozess, kein Zustand. Dein erster Schritt zählt.
`,
tip: "Viel Erfolg bei deiner ersten nachhaltigen Beschaffung!"
}
];
let currentStep = 0;
function updateUI() {
// Update Progress Bar
const progress = ((currentStep + 1) / steps.length) * 100;
document.getElementById('progress-bar').style.width = `${progress}%`;
document.getElementById('progress-text').innerText = `Schritt ${currentStep + 1} von ${steps.length}`;
document.getElementById('progress-percent').innerText = `${Math.round(progress)}%`;
// Update Card Content
const step = steps[currentStep];
const container = document.getElementById('card-container');
// Generate HTML for card
container.innerHTML = `
${step.title}
${step.content}
Pro-Tipp:
${step.tip}
`;
// Refresh Icons
lucide.createIcons();
// Button States
document.getElementById('prev-btn').disabled = currentStep === 0;
const nextBtn = document.getElementById('next-btn');
if (currentStep === steps.length - 1) {
nextBtn.innerHTML = `Fertig `;
nextBtn.classList.remove('bg-emerald-600', 'hover:bg-emerald-700');
nextBtn.classList.add('bg-gray-800', 'hover:bg-gray-900');
} else {
nextBtn.innerHTML = `Weiter `;
nextBtn.classList.add('bg-emerald-600', 'hover:bg-emerald-700');
nextBtn.classList.remove('bg-gray-800', 'hover:bg-gray-900');
}
}
function nextStep() {
if (currentStep < steps.length - 1) {
currentStep++;
updateUI();
}
}
function prevStep() {
if (currentStep > 0) {
currentStep--;
updateUI();
}
}
// Initialize
updateUI();
</script>
</body> </html> Jede neue Seite wird automatisch der Kategorie 'Draft' hinzugefügt, wodurch sie für Websitebesucher gesperrt ist. Wenn Sie die Seite direkt veröffentlichen wollen, entfernen Sie sie einfach aus der Kategorie.
