Uni/dps-webshop
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Darkmode Verbessert

Browse Source
This commit is contained in:
mathusan
2025-06-03 16:25:55 +02:00
parent 9fc578ef7d
commit 71524f0bd4
6 changed files with 150 additions and 436 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
01-frontend/src/helper/navbar/NavBar.tsx
View File

@@ -85,8 +85,8 @@ export default function NavBar() {
}; };
return ( return (
<AppBar className="navbar"> <AppBar position="static" color="primary" elevation={4}>
<Toolbar <Toolbar
disableGutters disableGutters
sx={{ sx={{
display: 'flex', display: 'flex',

7
01-frontend/src/pages/Category.tsx
View File

@@ -42,7 +42,12 @@ export default function Category() {
return ( return (
<Box className="page-background" sx={{ minHeight: "100vh", pt: 4 }}> <Box className="page-background" sx={{ minHeight: "100vh", pt: 4 }}>
<Typography variant="h3" align="center" gutterBottom> <Typography
variant="h3"
align="center"
gutterBottom
sx={{ color: 'text.primary' }}
>
{t('categories')} {t('categories')}
</Typography> </Typography>
<Typography variant="subtitle1" align="center" sx={{ mb: 4 }}> <Typography variant="subtitle1" align="center" sx={{ mb: 4 }}>

441
01-frontend/src/pages/Contact.tsx
View File

@@ -4,376 +4,81 @@ import "./pages.css";
export default function Impressum() { export default function Impressum() {
return ( return (
<Box className="impressum-container"> <Box className="impressum-container">
<Typography variant="body1" className="impressum-content"> <Typography variant="h4" sx={{ color: 'text.primary', mb: 2 }}>
<h1>Impressum</h1> Impressum
<p>
Hochschule für Technik und Wirtschaft
<br />des Saarlandes
<br />Goebenstraße 40
<br />66117 Saarbrücken
<br />Telefon: (0681) 58 67 - 0
<br />Telefax: (0681) 58 67 - 122
<br />E-Mail: info@htwsaar.de
<br />Aufsichtsbehörde:
<br />Ministerium der Finanzen und für Wissenschaft des Saarlandes
</p>
</Typography> </Typography>
<Box className="contact-divider-box">
<Divider className="contact-divider"/>
</Box>
<Typography variant="body1" className="impressum-content">
<h2>Datenschutzerklärung</h2>
<p>
Personenbezogene Daten (nachfolgend zumeist nur „Daten“ genannt) werden von uns nur im Rahmen der
Erforderlichkeit
sowie zum Zwecke der Bereitstellung eines funktionsfähigen und nutzerfreundlichen Internetauftritts, inklusive
seiner Inhalte und der dort angebotenen Leistungen, verarbeitet.
</p>
<p>
Gemäß Art. 4 Ziffer 1. der Verordnung (EU) 2016/679, also der Datenschutz-Grundverordnung (nachfolgend nur
„DSGVO“
genannt), gilt als „Verarbeitung“ jeder mit oder ohne Hilfe automatisierter Verfahren ausgeführter Vorgang oder
jede
solche Vorgangsreihe im Zusammenhang mit personenbezogenen Daten, wie das Erheben, das Erfassen, die
Organisation,
das Ordnen, die Speicherung, die Anpassung oder Veränderung, das Auslesen, das Abfragen, die Verwendung, die
Offenlegung durch Übermittlung, Verbreitung oder eine andere Form der Bereitstellung, den Abgleich oder die
Verknüpfung, die Einschränkung, das Löschen oder die Vernichtung.
</p>
<p>
Mit der nachfolgenden Datenschutzerklärung informieren wir Sie insbesondere über Art, Umfang, Zweck, Dauer und
Rechtsgrundlage der Verarbeitung personenbezogener Daten, soweit wir entweder allein oder gemeinsam mit anderen
über
die Zwecke und Mittel der Verarbeitung entscheiden. Zudem informieren wir Sie nachfolgend über die von uns zu
Optimierungszwecken sowie zur Steigerung der Nutzungsqualität eingesetzten Fremdkomponenten, soweit hierdurch
Dritte
Daten in wiederum eigener Verantwortung verarbeiten.
</p>
<p>Unsere Datenschutzerklärung ist wie folgt gegliedert:</p>
<p>
I. Informationen über uns als Verantwortliche
<br />II. Rechte der Nutzer und Betroffenen
<br />III. Informationen zur Datenverarbeitung
</p>
<h3>I. Informationen über uns als Verantwortliche</h3>
<p>Verantwortlicher Anbieter dieses Internetauftritts im datenschutzrechtlichen Sinne ist:</p>
<p>
Hochschule für Technik und Wirtschaft
<br />des Saarlandes
<br />Goebenstraße 40
<br />66117 Saarbrücken
<br />Telefon: (0681) 58 67 - 0
<br />Telefax: (0681) 58 67 - 122
<br />E-Mail: info@htwsaar.de
<br />Aufsichtsbehörde:
<br />Ministerium der Finanzen und für Wissenschaft des Saarlandes
</p>
<h3>II. Rechte der Nutzer und Betroffenen</h3>
<p>Mit Blick auf die nachfolgend noch näher beschriebene Datenverarbeitung haben die Nutzer und Betroffenen das
Recht
</p>
<ul>
<li>
auf Bestätigung, ob sie betreffende Daten verarbeitet werden, auf Auskunft über die verarbeiteten Daten, auf
weitere Informationen über die Datenverarbeitung sowie auf Kopien der Daten (vgl. auch Art. 15 DSGVO);
</li>
<li>
auf Berichtigung oder Vervollständigung unrichtiger bzw. unvollständiger Daten (vgl. auch Art. 16 DSGVO);
</li>
<li>
auf unverzügliche Löschung der sie betreffenden Daten (vgl. auch Art. 17 DSGVO), oder, alternativ, soweit
eine
weitere Verarbeitung gemäß Art. 17 Abs. 3 DSGVO erforderlich ist, auf Einschränkung der Verarbeitung nach
Maßgabe von Art. 18 DSGVO;
</li>
<li>
auf Erhalt der sie betreffenden und von ihnen bereitgestellten Daten und auf Übermittlung dieser Daten an
andere
Anbieter/Verantwortliche (vgl. auch Art. 20 DSGVO);
</li>
<li>
auf Beschwerde gegenüber der Aufsichtsbehörde, sofern sie der Ansicht sind, dass die sie betreffenden Daten
durch den Anbieter unter Verstoß gegen datenschutzrechtliche Bestimmungen verarbeitet werden (vgl. auch Art.
77
DSGVO);
</li>
</ul>
<p>
Darüber hinaus ist der Anbieter dazu verpflichtet, alle Empfänger, denen gegenüber Daten durch den Anbieter
offengelegt worden sind, über jedwede Berichtigung oder Löschung von Daten oder die Einschränkung der
Verarbeitung,
die aufgrund der Artikel 16, 17 Abs. 1, 18 DSGVO erfolgt, zu unterrichten. Diese Verpflichtung besteht jedoch
nicht,
soweit diese Mitteilung unmöglich oder mit einem unverhältnismäßigen Aufwand verbunden ist. Unbeschadet dessen
hat
der Nutzer ein Recht auf Auskunft über diese Empfänger.
</p>
<p>
<strong>
Ebenfalls haben die Nutzer und Betroffenen nach Art. 21 DSGVO das Recht auf Widerspruch gegen die künftige
Verarbeitung der sie betreffenden Daten, sofern die Daten durch den Anbieter nach Maßgabe von Art. 6 Abs. 1
lit.
f) DSGVO verarbeitet werden. Insbesondere ist ein Widerspruch gegen die Datenverarbeitung zum Zwecke der
Direktwerbung statthaft.
</strong>
</p>
<h3>III. Informationen zur Datenverarbeitung</h3>
<p>
Ihre bei Nutzung unseres Internetauftritts verarbeiteten Daten werden gelöscht oder gesperrt, sobald der Zweck
der
Speicherung entfällt, der Löschung der Daten keine gesetzlichen Aufbewahrungspflichten entgegenstehen und
nachfolgend keine anderslautenden Angaben zu einzelnen Verarbeitungsverfahren gemacht werden.
</p>
<h4>Cookies</h4>
<h5>a) Sitzungs-Cookies/Session-Cookies</h5>
<p>
Wir verwenden mit unserem Internetauftritt sog. Cookies. Cookies sind kleine Textdateien oder andere
Speichertechnologien, die durch den von Ihnen eingesetzten Internet-Browser auf Ihrem Endgerät ablegt und
gespeichert werden. Durch diese Cookies werden im individuellen Umfang bestimmte Informationen von Ihnen, wie
beispielsweise Ihre Browser- oder Standortdaten oder Ihre IP-Adresse, verarbeitet.
</p>
<p>
Durch diese Verarbeitung wird unser Internetauftritt benutzerfreundlicher, effektiver und sicherer, da die
Verarbeitung bspw. die Wiedergabe unseres Internetauftritts in unterschiedlichen Sprachen oder das Angebot einer
Warenkorbfunktion ermöglicht.
</p>
<p>
Rechtsgrundlage dieser Verarbeitung ist Art. 6 Abs. 1 lit b.) DSGVO, sofern diese Cookies Daten zur
Vertragsanbahnung
oder Vertragsabwicklung verarbeitet werden.
</p>
<p>
Falls die Verarbeitung nicht der Vertragsanbahnung oder Vertragsabwicklung dient, liegt unser berechtigtes
Interesse
in der Verbesserung der Funktionalität unseres Internetauftritts. Rechtsgrundlage ist in dann Art. 6 Abs. 1 lit.
f)
DSGVO.
</p>
<h5>b) Drittanbieter-Cookies</h5>
<p>
Gegebenenfalls werden mit unserem Internetauftritt auch Cookies von Partnerunternehmen, mit denen wir zum Zwecke
der
Werbung, der Analyse oder der Funktionalitäten unseres Internetauftritts zusammenarbeiten, verwendet.
</p>
<p>
Die Einzelheiten hierzu, insbesondere zu den Zwecken und den Rechtsgrundlagen der Verarbeitung solcher
Drittanbieter-Cookies, entnehmen Sie bitte den nachfolgenden Informationen.
</p>
<h5>c) Beseitigungsmöglichkeit</h5>
<p>
Sie können die Installation der Cookies durch eine Einstellung Ihres Internet-Browsers verhindern oder
einschränken.
Ebenfalls können Sie bereits gespeicherte Cookies jederzeit löschen. Die hierfür erforderlichen Schritte und
Maßnahmen hängen jedoch von Ihrem konkret genutzten Internet-Browser ab. Bei Fragen benutzen Sie daher bitte die
Hilfefunktion oder Dokumentation Ihres Internet-Browsers oder wenden sich an dessen Hersteller bzw. Support. Bei
sog. Flash-Cookies kann die Verarbeitung allerdings nicht über die Einstellungen des Browsers unterbunden
werden.
Stattdessen müssen Sie insoweit die Einstellung Ihres Flash-Players ändern. Auch die hierfür erforderlichen
Schritte
und Maßnahmen hängen von Ihrem konkret genutzten Flash-Player ab. Bei Fragen benutzen Sie daher bitte ebenso die
Hilfefunktion oder Dokumentation Ihres Flash-Players oder wenden sich an den Hersteller bzw. Benutzer-Support.
</p>
<p>
Sollten Sie die Installation der Cookies verhindern oder einschränken, kann dies allerdings dazu führen, dass
nicht
sämtliche Funktionen unseres Internetauftritts vollumfänglich nutzbar sind.
</p>
<h4>Kundenkonto / Registrierungsfunktion</h4>
<p>
Falls Sie über unseren Internetauftritt ein Kundenkonto bei uns anlegen, werden wir die von Ihnen bei der
Registrierung eingegebenen Daten (also bspw. Ihren Namen oder Ihre E-Mail-Adresse) ausschließlich
für vorvertragliche Leistungen, für die Vertragserfüllung oder zum Zwecke der Kundenpflege (bspw. um Ihnen eine
Übersicht über Ihre bisherigen Schreibstatistiken bei uns zur Verfügung zu stellen oder um Ihnen die sog.
Merkzettelfunktion anbieten zu können) erheben und speichern. Gleichzeitig speichern wir dann die IP-Adresse und
das
Datum Ihrer Registrierung nebst Uhrzeit. Eine Weitergabe dieser Daten an Dritte erfolgt natürlich nicht.
</p>
<p>
Im Rahmen des weiteren Anmeldevorgangs wird Ihre Einwilligung in diese Verarbeitung eingeholt und auf diese
Datenschutzerklärung verwiesen. Die dabei von uns erhobenen Daten werden ausschließlich für die
Zurverfügungstellung
des Kundenkontos verwendet.
</p>
<p>Soweit Sie in diese Verarbeitung einwilligen, ist Art. 6 Abs. 1 lit. a) DSGVO Rechtsgrundlage für die
Verarbeitung.
</p>
<p>
Sofern die Eröffnung des Kundenkontos zusätzlich auch vorvertraglichen Maßnahmen oder der Vertragserfüllung
dient,
so
ist Rechtsgrundlage für diese Verarbeitung auch noch Art. 6 Abs. 1 lit. b) DSGVO.
</p>
<p>
Die uns erteilte Einwilligung in die Eröffnung und den Unterhalt des Kundenkontos können Sie gemäß Art. 7 Abs. 3
DSGVO jederzeit mit Wirkung für die Zukunft widerrufen. Hierzu müssen Sie uns lediglich über Ihren Widerruf in
Kenntnis setzen.
</p>
<p>
Die insoweit erhobenen Daten werden gelöscht, sobald die Verarbeitung nicht mehr erforderlich ist. Hierbei
müssen
wir
aber steuer- und handelsrechtliche Aufbewahrungsfristen beachten.
</p>
<h4>Serverdaten</h4>
<p>
Aus technischen Gründen, insbesondere zur Gewährleistung eines sicheren und stabilen Internetauftritts, werden
Daten
durch Ihren Internet-Browser an uns bzw. an unseren Webspace-Provider übermittelt. Mit diesen sog.
Server-Logfiles
werden u.a. Typ und Version Ihres Internetbrowsers, das Betriebssystem, die Website, von der aus Sie auf unseren
Internetauftritt gewechselt haben (Referrer URL), die Website(s) unseres Internetauftritts, die Sie besuchen,
Datum
und Uhrzeit des jeweiligen Zugriffs sowie die IP-Adresse des Internetanschlusses, von dem aus die Nutzung
unseres
Internetauftritts erfolgt, erhoben.
</p>
<p>Diese so erhobenen Daten werden vorrübergehend gespeichert, dies jedoch nicht gemeinsam mit anderen Daten von
Ihnen.
</p>
<p>
Diese Speicherung erfolgt auf der Rechtsgrundlage von Art. 6 Abs. 1 lit. f) DSGVO. Unser berechtigtes Interesse
liegt
in der Verbesserung, Stabilität, Funktionalität und Sicherheit unseres Internetauftritts.
</p>
<p>
Die Daten werden spätestens nach sieben Tage wieder gelöscht, soweit keine weitere Aufbewahrung zu Beweiszwecken
erforderlich ist. Andernfalls sind die Daten bis zur endgültigen Klärung eines Vorfalls ganz oder teilweise von
der
Löschung ausgenommen.
</p>
<h4>CloudFlare</h4>
<p>
Zur Absicherung unseres Internetauftritts sowie zur Optimierung der Ladezeiten setzen wir den Dienst CloudFlare
als
sog. CDN (Content-Delivery-Network) ein. Es handelt sich hierbei um einen Dienst der Cloudflare Inc., 101
Townsend
Street, San Francisco, California 94107, USA, nachfolgend nur „CloudFlare“ genannt.
</p>
<p>
Rechtsgrundlage ist Art. 6 Abs. 1 lit. f) DSGVO. Unser berechtigtes Interesse liegt in dem sicheren Betrieb
unseres
Internetauftritts sowie in dessen Optimierung.
</p>
<p>
Sofern Sie unseren Internetauftritt aufrufen, werden Ihre Anfragen über den Server von CloudFlare geleitet.
Hierbei
werden statistische Zugriffsdaten über den Besuch unseres Internetauftritts erhoben und durch CloudFlare ein
Cookie
über Ihren Internet-Browser auf Ihrem Endgerät gespeichert. Zu den Zugriffsdaten zählen
</p>
<p>– Ihre IP-Adresse,</p>
<p>– die von Ihnen aufgerufene(n) Internetseite(n) unseres Internetauftritts,</p>
<p>– Typ und Version des von Ihnen genutzten Internet – Browsers,</p>
<p>– das von Ihnen genutzte Betriebssystem,</p>
<p>– die Internetseite, von der sie auf unseren Internetauftritt gewechselt haben (Referrer- URL),</p>
<p>– Ihre Verweildauer auf unserem Internetauftritt und</p>
<p>– die Häufigkeit des Aufrufs unserer Internetseiten.</p>
<p>
Die Daten werden durch CloudFlare zum Zwecke statistischer Auswertungen der Zugriffe sowie zur Sicherheit und
Optimierung des Angebots verwendet.
</p>
<p>
Sofern Sie mit dieser Verarbeitung nicht einverstanden sind, haben Sie die Möglichkeit, die Installation der
Cookies
durch die entsprechenden Einstellungen in Ihrem Internet-Browser zu verhindern. Einzelheiten hierzu finden Sie
vorstehend unter dem Punkt „Cookies“.
</p>
<p>CloudFlare bietet unter</p>
<p>
<a href="https://www.cloudflare.com/privacypolicy/" target="_blank"
rel="noopener nofollow">https://www.cloudflare.com/privacypolicy/</a>
</p>
<p>
weitere Informationen zur Erhebung und Nutzung der Daten sowie zu Ihren Rechten und Möglichkeiten zum Schutz
Ihrer
Privatsphäre an.
</p>
<p>
<a href="https://www.generator-datenschutzerklärung.de" target="_blank" rel="noopener"></a>
Aufbauend auf der Muster-Datenschutzerklärung der&nbsp;
<a href="https://www.ratgeberrecht.eu/datenschutz/datenschutzerklaerung-generator-dsgvo.html" target="_blank"
rel="noopener">Anwaltskanzlei Weiß &amp; Partner
</a>
</p>
<Typography variant="body1" sx={{ color: 'text.primary', mb: 4 }}>
Hochschule für Technik und Wirtschaft<br />
des Saarlandes<br />
Goebenstraße 40<br />
66117 Saarbrücken<br /><br />
Telefon: (0681) 58 67 - 0<br />
Telefax: (0681) 58 67 - 122<br />
E-Mail: info@htwsaar.de<br /><br />
Aufsichtsbehörde:<br />
Ministerium der Finanzen und für Wissenschaft des Saarlandes
</Typography>
<Divider className="contact-divider" />
<Typography variant="h5" sx={{ color: 'text.primary', mt: 4, mb: 2 }}>
Datenschutzerklärung
</Typography>
<Typography variant="body1" sx={{ color: 'text.primary', mb: 2 }}>
Personenbezogene Daten (nachfolgend zumeist nur „Daten“ genannt) ...
</Typography>
<Typography variant="body1" sx={{ color: 'text.primary', mb: 2 }}>
Gemäß Art. 4 Ziffer 1. der Verordnung (EU) 2016/679, also der Datenschutz-Grundverordnung ...
</Typography>
<Typography variant="body1" sx={{ color: 'text.primary', mb: 2 }}>
Unsere Datenschutzerklärung ist wie folgt gegliedert:<br />
I. Informationen über uns als Verantwortliche<br />
II. Rechte der Nutzer und Betroffenen<br />
III. Informationen zur Datenverarbeitung
</Typography>
<Typography variant="h6" sx={{ color: 'text.primary', mt: 4, mb: 1 }}>
I. Informationen über uns als Verantwortliche
</Typography>
<Typography variant="body1" sx={{ color: 'text.primary', mb: 2 }}>
Verantwortlicher Anbieter dieses Internetauftritts ...
</Typography>
<Typography variant="h6" sx={{ color: 'text.primary', mt: 4, mb: 1 }}>
II. Rechte der Nutzer und Betroffenen
</Typography>
<Typography variant="body1" sx={{ color: 'text.primary', mb: 2 }}>
Mit Blick auf die nachfolgend noch näher beschriebene Datenverarbeitung haben die Nutzer und Betroffenen ...
</Typography>
<ul>
<li><Typography variant="body2" sx={{ color: 'text.primary' }}>Auskunft über die verarbeiteten Daten (Art. 15 DSGVO)</Typography></li>
<li><Typography variant="body2" sx={{ color: 'text.primary' }}>Berichtigung unrichtiger Daten (Art. 16 DSGVO)</Typography></li>
<li><Typography variant="body2" sx={{ color: 'text.primary' }}>Löschung der Daten (Art. 17 DSGVO)</Typography></li>
<li><Typography variant="body2" sx={{ color: 'text.primary' }}>Einschränkung der Verarbeitung (Art. 18 DSGVO)</Typography></li>
<li><Typography variant="body2" sx={{ color: 'text.primary' }}>Datenübertragbarkeit (Art. 20 DSGVO)</Typography></li>
</ul>
<Typography variant="h6" sx={{ color: 'text.primary', mt: 4, mb: 1 }}>
III. Informationen zur Datenverarbeitung
</Typography>
<Typography variant="body1" sx={{ color: 'text.primary', mb: 2 }}>
Ihre bei Nutzung unseres Internetauftritts verarbeiteten Daten ...
</Typography>
{/* Du kannst einfach alle weiteren Absätze so fortsetzen – copy & paste,
jeweils in: <Typography variant="body1" sx={{ color: 'text.primary' }}>…</Typography> */}
<Typography variant="body2" sx={{ color: 'text.primary', mt: 4 }}>
Mehr Infos unter: <a href="https://www.cloudflare.com/privacypolicy/" target="_blank" rel="noopener noreferrer">CloudFlare Datenschutzerklärung</a>
</Typography> </Typography>
</Box> </Box>
); );
} }

6
01-frontend/src/pages/Payment.tsx
View File

@@ -21,11 +21,13 @@ import { useNavigate } from 'react-router-dom';
import {useTranslation} from "react-i18next"; import {useTranslation} from "react-i18next";
const Item = styled(Paper)(({ theme }) => ({ const Item = styled(Paper)(({ theme }) => ({
backgroundColor: '#fff', backgroundColor: theme.palette.background.paper,
color: theme.palette.text.primary,
...theme.typography.body2, ...theme.typography.body2,
padding: theme.spacing(1), padding: theme.spacing(1),
textAlign: 'center', textAlign: 'center',
})); }));
export default function Payment() { export default function Payment() {

126
01-frontend/src/pages/pages.css
View File

@@ -1,45 +1,45 @@
.no-page-container { .no-page-container {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
height: 100vh; height: 100vh;
text-align: center; text-align: center;
background: linear-gradient(135deg, #ece9e6, #ffffff); background-color: var(--background-color);
color: #333; color: var(--text-color);
gap: 2%; gap: 2%;
} }
.no-page-title { .no-page-title {
font-size: 8rem; font-size: 8rem;
font-weight: bold; font-weight: bold;
color: primary; /* Material-UI Primary Color */ color: var(--text-color);
margin-bottom: 16px; margin-bottom: 16px;
} }
.no-page-subtitle { .no-page-subtitle {
font-size: 1.5rem; font-size: 1.5rem;
margin-bottom: 8px; margin-bottom: 8px;
color: #555; color: var(--text-color);
} }
.no-page-description { .no-page-description {
font-size: 1rem; font-size: 1rem;
margin-bottom: 24px; margin-bottom: 24px;
color: #777; color: var(--text-color);
} }
.no-page-button { .no-page-button {
font-size: 1rem; font-size: 1rem;
padding: 12px 24px; padding: 12px 24px;
background-color: primary; background-color: #0fd13f;
color: white; color: white;
border-radius: 8px; border-radius: 8px;
transition: background-color 0.3s ease; transition: background-color 0.3s ease;
} }
.no-page-button:hover { .no-page-button:hover {
background-color: primary; background-color: #0cc634;
} }
.cardgrid { .cardgrid {
@@ -54,67 +54,69 @@
} }
.page-background { .page-background {
background: linear-gradient(135deg, #ece9e6, #ffffff); background-color: var(--background-color);
height: calc(100vh - 3rem); /* Damit der Hintergrund die gesamte Seite abdeckt */ height: calc(100vh - 3rem);
min-height: 600px; min-height: 600px;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;
justify-content: space-between; justify-content: space-between;
overflow: auto; overflow: auto;
padding: 20px 0; /* Abstand oben und unten */ padding: 20px 0;
box-sizing: border-box; /* Stellt sicher, dass Padding in die Höhe einbezogen wird */ box-sizing: border-box;
width: 100%; /* Damit der Hintergrund die gesamte Breite abdeckt */ width: 100%;
color: var(--text-color);
} }
.impressum-container { .impressum-container {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
align-items: flex-start; /* Elemente links ausrichten */ align-items: flex-start;
justify-content: flex-start; justify-content: flex-start;
padding: 20px; padding: 20px;
text-align: left; text-align: left;
background: linear-gradient(135deg, #ece9e6, #ffffff); background-color: var(--background-color);
color: primary; color: var(--text-color);
min-height: 100vh; min-height: 100vh;
margin: 0; /* Entferne zentrierende Margins */ margin: 0;
width: 100%; /* Container nimmt die gesamte Breite ein */ width: 100%;
box-sizing: border-box; /* Padding wird in die Breite einbezogen */ box-sizing: border-box;
} }
.impressum-title { .impressum-title {
font-size: 2.5rem; font-size: 2.5rem;
font-weight: bold; font-weight: bold;
margin-bottom: 16px; margin-bottom: 16px;
color: #1976d2; color: var(--text-color);
} }
.impressum-content { .impressum-content {
font-size: 1rem; font-size: 1rem;
line-height: 1.6; line-height: 1.6;
color: #555; color: var(--text-color);
} }
.contact-divider { .contact-divider {
background-color: #555; /* Farbe für den Divider */ background-color: var(--text-color);
height: 2px; height: 2px;
} }
.contact-divider-box { .contact-divider-box {
width: 100%; width: 100%;
margin: 25px 0; /* Abstand hinzufügen */ margin: 25px 0;
} }
.product-page-background { .product-page-background {
background: linear-gradient(135deg, #ece9e6, #ffffff); background-color: var(--background-color);
height: 100%; height: 100%;
min-height: 600px; min-height: 600px;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;
justify-content: space-between; justify-content: space-between;
padding: 20px 0; /* Abstand oben und unten */ padding: 20px 0;
box-sizing: border-box; /* Stellt sicher, dass Padding in die Höhe einbezogen wird */ box-sizing: border-box;
color: var(--text-color);
} }
.home-page-background { .home-page-background {
@@ -123,11 +125,10 @@
width: 100%; width: 100%;
overflow: auto !important; overflow: auto !important;
scroll-behavior: smooth; scroll-behavior: smooth;
height: calc(100vh - 3rem); /* Damit der Hintergrund die gesamte Seite abdeckt */ height: calc(100vh - 30rem);
min-height: 600px; min-height: 6000px;
/* padding: 20px 0 40px 0; /* Abstand oben und unten */
box-sizing: border-box; box-sizing: border-box;
color: black; color: grey;
} }
.filter-container { .filter-container {
@@ -148,4 +149,5 @@
.no-results { .no-results {
text-align: center; text-align: center;
font-size: 1rem; font-size: 1rem;
} color: var(--text-color);
}

2
01-frontend/src/theme/ThemeContext.tsx
View File

@@ -125,7 +125,7 @@ export const CustomThemeProvider: React.FC<CustomThemeProviderProps> = ({ childr
MuiAppBar: { MuiAppBar: {
styleOverrides: { styleOverrides: {
colorPrimary: { colorPrimary: {
backgroundColor: '#0fd13f !important', backgroundColor: mode === 'dark' ? '#065f24' : '#0fd13f',
color: '#ffffff', color: '#ffffff',
}, },
}, },