Impressum und Datenschutzbestimmung hinzugefügt
This commit is contained in:
330
css/styles.css
330
css/styles.css
@@ -1,252 +1,198 @@
|
||||
:root {
|
||||
/* Farben */
|
||||
--primary-color: #0066cc;
|
||||
--secondary-color: #00a86b;
|
||||
--text-color: #333333;
|
||||
--background-color: #ffffff;
|
||||
--accent-color: #ff6b6b;
|
||||
|
||||
/* Schriftarten */
|
||||
--font-primary: 'Roboto', sans-serif;
|
||||
--font-secondary: 'Open Sans', sans-serif;
|
||||
|
||||
/* Abstände und Größen */
|
||||
--spacing-small: 0.5rem;
|
||||
--spacing-medium: 1rem;
|
||||
--spacing-large: 2rem;
|
||||
|
||||
/* Schatten und Übergänge */
|
||||
--box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
|
||||
--transition: all 0.3s ease;
|
||||
--primary: #2563eb;
|
||||
--secondary: #1e40af;
|
||||
--text: #1f2937;
|
||||
--background: #ffffff;
|
||||
--accent: #dbeafe;
|
||||
}
|
||||
|
||||
/* Globale Stile */
|
||||
body {
|
||||
font-family: var(--font-primary);
|
||||
color: var(--text-color);
|
||||
line-height: 1.6;
|
||||
* {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
box-sizing: border-box;
|
||||
font-family: system-ui, -apple-system, sans-serif;
|
||||
}
|
||||
|
||||
body {
|
||||
color: var(--text);
|
||||
line-height: 1.6;
|
||||
}
|
||||
|
||||
.container {
|
||||
max-width: 1200px;
|
||||
margin: 0 auto;
|
||||
padding: 0 var(--spacing-medium);
|
||||
padding: 0 2rem;
|
||||
}
|
||||
|
||||
h1, h2, h3 {
|
||||
font-family: var(--font-secondary);
|
||||
}
|
||||
|
||||
h1 {
|
||||
font-size: clamp(2rem, 5vw, 3.5rem);
|
||||
}
|
||||
|
||||
h2 {
|
||||
font-size: clamp(1.5rem, 4vw, 2.5rem);
|
||||
}
|
||||
|
||||
h3 {
|
||||
font-size: clamp(1.2rem, 3vw, 1.8rem);
|
||||
}
|
||||
|
||||
/* Header und Navigation */
|
||||
header {
|
||||
background-color: var(--background-color);
|
||||
box-shadow: var(--box-shadow);
|
||||
background: var(--background);
|
||||
box-shadow: 0 2px 4px rgba(0,0,0,0.1);
|
||||
position: fixed;
|
||||
width: 100%;
|
||||
z-index: 1000;
|
||||
top: 0;
|
||||
z-index: 100;
|
||||
}
|
||||
|
||||
nav ul {
|
||||
nav {
|
||||
display: flex;
|
||||
justify-content: space-around;
|
||||
list-style-type: none;
|
||||
padding: 0;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
height: 80px;
|
||||
}
|
||||
|
||||
nav a {
|
||||
color: var(--text-color);
|
||||
.logo {
|
||||
font-size: 1.5rem;
|
||||
font-weight: bold;
|
||||
color: var(--primary);
|
||||
}
|
||||
|
||||
.nav-links a {
|
||||
margin-left: 2rem;
|
||||
text-decoration: none;
|
||||
padding: var(--spacing-small) var(--spacing-medium);
|
||||
transition: var(--transition);
|
||||
color: var(--text);
|
||||
}
|
||||
|
||||
nav a:hover {
|
||||
color: var(--primary-color);
|
||||
}
|
||||
|
||||
/* Hero Section */
|
||||
.hero {
|
||||
background: linear-gradient(135deg, var(--primary-color), var(--secondary-color));
|
||||
color: var(--background-color);
|
||||
text-align: center;
|
||||
padding: calc(var(--spacing-large) * 3) var(--spacing-medium);
|
||||
padding: 160px 0 80px;
|
||||
background: linear-gradient(135deg, var(--accent), var(--background));
|
||||
}
|
||||
|
||||
.cta-button {
|
||||
.hero h1 {
|
||||
font-size: 3.5rem;
|
||||
margin-bottom: 1rem;
|
||||
line-height: 1.2;
|
||||
}
|
||||
|
||||
.hero p {
|
||||
font-size: 1.25rem;
|
||||
margin-bottom: 2rem;
|
||||
color: #4b5563;
|
||||
}
|
||||
|
||||
.btn {
|
||||
display: inline-block;
|
||||
background-color: var(--accent-color);
|
||||
color: var(--background-color);
|
||||
padding: var(--spacing-medium) var(--spacing-large);
|
||||
border-radius: 30px;
|
||||
padding: 1rem 2rem;
|
||||
background: var(--primary);
|
||||
color: white;
|
||||
text-decoration: none;
|
||||
transition: var(--transition);
|
||||
border-radius: 8px;
|
||||
transition: background 0.3s;
|
||||
}
|
||||
|
||||
.cta-button:hover {
|
||||
background-color: darken(var(--accent-color), 10%);
|
||||
transform: translateY(-2px);
|
||||
.btn:hover {
|
||||
background: var(--secondary);
|
||||
}
|
||||
|
||||
/* Services Section */
|
||||
.service-grid {
|
||||
.features {
|
||||
padding: 80px 0;
|
||||
}
|
||||
|
||||
.features-grid {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
|
||||
gap: var(--spacing-large);
|
||||
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
|
||||
gap: 2rem;
|
||||
margin-top: 3rem;
|
||||
}
|
||||
|
||||
.service-card {
|
||||
background-color: rgba(255, 255, 255, 0.8);
|
||||
backdrop-filter: blur(10px);
|
||||
border-radius: 10px;
|
||||
padding: var(--spacing-large);
|
||||
box-shadow: var(--box-shadow);
|
||||
transition: var(--transition);
|
||||
.feature-card {
|
||||
padding: 2rem;
|
||||
background: white;
|
||||
border-radius: 12px;
|
||||
box-shadow: 0 4px 6px rgba(0,0,0,0.1);
|
||||
transition: transform 0.3s;
|
||||
}
|
||||
|
||||
.service-card:hover {
|
||||
.feature-card:hover {
|
||||
transform: translateY(-5px);
|
||||
}
|
||||
|
||||
.service-card img {
|
||||
max-width: 60px;
|
||||
margin-bottom: var(--spacing-medium);
|
||||
.feature-card h3 {
|
||||
margin: 1rem 0;
|
||||
color: var(--primary);
|
||||
}
|
||||
|
||||
/* About Section */
|
||||
.about {
|
||||
background-color: #f8f8f8;
|
||||
padding: var(--spacing-large) 0;
|
||||
.contact {
|
||||
padding: 80px 0;
|
||||
background: var(--accent);
|
||||
}
|
||||
|
||||
.usp-list {
|
||||
list-style-type: none;
|
||||
padding-left: 0;
|
||||
}
|
||||
|
||||
.usp-list li::before {
|
||||
content: "✓";
|
||||
color: var(--secondary-color);
|
||||
margin-right: var(--spacing-small);
|
||||
}
|
||||
|
||||
/* Case Studies Section */
|
||||
.case-study-grid {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
|
||||
gap: var(--spacing-large);
|
||||
}
|
||||
|
||||
.case-study-card {
|
||||
background-color: var(--background-color);
|
||||
border-radius: 10px;
|
||||
padding: var(--spacing-large);
|
||||
box-shadow: var(--box-shadow);
|
||||
}
|
||||
|
||||
/* Contact Form */
|
||||
.contact form {
|
||||
display: grid;
|
||||
gap: var(--spacing-medium);
|
||||
max-width: 600px;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
.contact input,
|
||||
.contact textarea {
|
||||
.form-group {
|
||||
margin-bottom: 1.5rem;
|
||||
}
|
||||
|
||||
.form-group label {
|
||||
display: block;
|
||||
margin-bottom: 0.5rem;
|
||||
}
|
||||
|
||||
.form-group input,
|
||||
.form-group textarea {
|
||||
width: 100%;
|
||||
padding: var(--spacing-small);
|
||||
border: 1px solid #ddd;
|
||||
border-radius: 5px;
|
||||
padding: 0.75rem;
|
||||
border: 1px solid #e5e7eb;
|
||||
border-radius: 6px;
|
||||
}
|
||||
|
||||
.contact button {
|
||||
background-color: var(--primary-color);
|
||||
color: var(--background-color);
|
||||
border: none;
|
||||
padding: var(--spacing-medium);
|
||||
border-radius: 5px;
|
||||
cursor: pointer;
|
||||
transition: var(--transition);
|
||||
}
|
||||
|
||||
.contact button:hover {
|
||||
background-color: darken(var(--primary-color), 10%);
|
||||
}
|
||||
|
||||
/* Footer */
|
||||
footer {
|
||||
background-color: var(--text-color);
|
||||
color: var(--background-color);
|
||||
text-align: center;
|
||||
padding: var(--spacing-medium);
|
||||
}
|
||||
|
||||
/* Responsive Design */
|
||||
@media (max-width: 768px) {
|
||||
nav ul {
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
nav li {
|
||||
margin-bottom: var(--spacing-small);
|
||||
}
|
||||
}
|
||||
|
||||
/* Dark Mode */
|
||||
@media (prefers-color-scheme: dark) {
|
||||
:root {
|
||||
--text-color: #ffffff;
|
||||
--background-color: #1a1a1a;
|
||||
}
|
||||
|
||||
.service-card,
|
||||
.case-study-card {
|
||||
background-color: rgba(255, 255, 255, 0.1);
|
||||
}
|
||||
}
|
||||
|
||||
/* Accessibility */
|
||||
.visually-hidden {
|
||||
position: absolute;
|
||||
width: 1px;
|
||||
height: 1px;
|
||||
.contact-info {
|
||||
list-style-type: none;
|
||||
padding: 0;
|
||||
margin: -1px;
|
||||
overflow: hidden;
|
||||
clip: rect(0, 0, 0, 0);
|
||||
white-space: nowrap;
|
||||
border: 0;
|
||||
margin-top: 2rem;
|
||||
}
|
||||
|
||||
/* Animations */
|
||||
@keyframes fadeIn {
|
||||
from { opacity: 0; }
|
||||
to { opacity: 1; }
|
||||
.contact-info li {
|
||||
margin-bottom: 1rem;
|
||||
font-size: 1.1rem;
|
||||
}
|
||||
|
||||
.fade-in {
|
||||
animation: fadeIn 1s ease-out;
|
||||
.contact-info a {
|
||||
color: var(--primary);
|
||||
text-decoration: none;
|
||||
transition: color 0.3s;
|
||||
}
|
||||
|
||||
/* Lazy Loading */
|
||||
img.lazy {
|
||||
opacity: 0;
|
||||
transition: opacity 0.3s;
|
||||
.contact-info a:hover {
|
||||
color: var(--secondary);
|
||||
}
|
||||
|
||||
img.lazy.loaded {
|
||||
opacity: 1;
|
||||
@media (max-width: 768px) {
|
||||
.hero h1 {
|
||||
font-size: 2.5rem;
|
||||
}
|
||||
|
||||
.nav-links {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
.impressum {
|
||||
padding: 160px 0 80px;
|
||||
background: linear-gradient(135deg, var(--accent), var(--background));
|
||||
}
|
||||
|
||||
/* Footer styles */
|
||||
footer {
|
||||
background: #005281;
|
||||
color: #fff;
|
||||
text-align: center;
|
||||
padding: 20px 0;
|
||||
}
|
||||
|
||||
footer nav ul {
|
||||
padding: 0;
|
||||
list-style: none;
|
||||
}
|
||||
|
||||
footer nav ul li {
|
||||
display: inline;
|
||||
margin: 0 10px;
|
||||
}
|
||||
|
||||
footer nav ul li a {
|
||||
color: #fff;
|
||||
text-decoration: none;
|
||||
}
|
||||
433
datenschutz.html
Normal file
433
datenschutz.html
Normal file
@@ -0,0 +1,433 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="de">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Datenschutzerklärung</title>
|
||||
<link rel="stylesheet" href="css/styles.css">
|
||||
</head>
|
||||
<body>
|
||||
<header>
|
||||
<nav class="container">
|
||||
<div class="logo"><a href="index.html" style="text-decoration:none">OMG AI Solutions</a></div>
|
||||
<div class="nav-links">
|
||||
<a href="#features">Lösungen</a>
|
||||
<a href="#contact">Kontakt</a>
|
||||
</div>
|
||||
</nav>
|
||||
</header>
|
||||
|
||||
|
||||
<section class="impressum">
|
||||
<div class="container">
|
||||
<main>
|
||||
<h2>Datenschutzerklärung</h2>
|
||||
<h3>Datenschutzhinweise</h3>
|
||||
|
||||
<p>
|
||||
Der Schutz Ihrer personenbezogenen Daten ist uns ein großes Anliegen, daher möchten
|
||||
wir Ihnen hier alle Informationen über die Verarbeitung und Speicherung Ihrer Daten
|
||||
beim Besuch unserer Website und in unseren Unternehmen auflisten.
|
||||
</p>
|
||||
|
||||
<p>
|
||||
Um alle Funktionen und Dienste unserer Seite in Anspruch nehmen zu können, ist eine
|
||||
Erhebung Ihrer personenbezogenen Daten erforderlich. Die Bearbeitung und Speicherung
|
||||
erfolgt jedoch lediglich nach den gesetzlichen Richtlinien und Vorgaben der
|
||||
Datenschutzgrundverordnung (DSGVO), des Datenschutzgesetzes (DSG) und des
|
||||
Telekommunikationsgesetzes (TKG 2021).
|
||||
</p>
|
||||
|
||||
<h3>Verantwortliche Stelle</h3>
|
||||
<p>Martin Rattensberger, IT Services<br>
|
||||
Hall 435, 8911 Admont<br>
|
||||
Österreich<br>
|
||||
<p>
|
||||
Kontakt: <a href="mailto:martin@rattensberger.ai">martin@rattensberger.ai</a>
|
||||
</p>
|
||||
<p>Weitere Informationen im <a href="impressum.html">Impressum</a>.</p>
|
||||
|
||||
<h3>Datenschutzbeauftragte</h3>
|
||||
<p>Datenschutzbeauftragte: Mag.a iur. Elisa Drescher<br>
|
||||
E-Mail: <a href="mailto:office@scaleline-ltd.com">office@scaleline-ltd.com</a><br>
|
||||
(Bitte um Bezug zur Martin Rattensberger bei Kontaktaufnahme)</p>
|
||||
|
||||
<h2>Erhebung und Verarbeitung personenbezogener Daten auf dieser Website</h2>
|
||||
<p>
|
||||
Hinweis: Um Ihre Daten möglichst umfassend vor unerwünschten Zugriffen zu schützen,
|
||||
ergreifen wir sogenannte technische und organisatorische Maßnahmen und setzen auf
|
||||
unserer Website ein Verschlüsselungsverfahren ein. Ihre Daten werden über das Internet
|
||||
mittels einer sogenannten TLS-Verschlüsselung von Ihrem Computer zu unserem Computer und
|
||||
umgekehrt übertragen. TLS bedeutet „Transport Layer Security“ und ist ein
|
||||
Verschlüsselungsprotokoll für die Datenübertragung im Internet. Sie erkennen „TLS“ in der
|
||||
Regel daran, dass das Schloss-Symbol in der Statusleiste Ihres Browsers geschlossen ist
|
||||
und die Adresse mit https:// beginnt.
|
||||
</p>
|
||||
|
||||
<h3>1. ERHEBUNG VON ZUGRIFFS- UND PROTOKOLLDATEN </h3>
|
||||
<p>
|
||||
Diese Webseite erhebt und speichert automatisch Server-Log-Files-Informationen, die Ihr
|
||||
Browser an uns übermittelt.<br>
|
||||
<br>
|
||||
Es handelt sich hierbei um
|
||||
</p>
|
||||
<ul>
|
||||
<li>IP-Adresse des Nutzers</li>
|
||||
<li>Datum und Zeitpunkt des Zugriffs</li>
|
||||
<li>Art der Anfrage</li>
|
||||
<li>Kundeninformationen wie Typus und Version</li>
|
||||
<li>Betriebssystem des Nutzers</li>
|
||||
<li>Referrer-Informationen</li>
|
||||
</ul>
|
||||
|
||||
<p>
|
||||
Rechtsgrundlage für diese Datenverarbeitung ist das berechtigte Interesse nach Art. 6 Abs. 1
|
||||
lit. f) DSGVO. Das berechtigte Interesse liegt darin begründet, Anhaltspunkte einer
|
||||
rechtswidrigen Nutzung unserer Website ermitteln zu können (z. B. Abwehr von Hackerangriffen)
|
||||
und einen reibungslosen Verbindungsaufbau zu gewährleisten.
|
||||
</p>
|
||||
<p>
|
||||
Mit dem Provider dieser Website der hosttech GmbH mit Sitz in Richterswill, Schweiz, haben
|
||||
wir einen Auftragsverarbeitungsvertrag nach Art. 28 DSGVO abgeschlossen. Dieser erhebt und
|
||||
speichert automatisch Informationen in sogenannten Server-Log-Dateien, die Ihr Browser automatisch
|
||||
an uns übermittelt. Datenübermittlungen an die hosttech GmbH unterliegen dem
|
||||
Angemessenheitsbeschluss zwischen der Schweiz und der EU.
|
||||
</p>
|
||||
<P>
|
||||
Die erhobenen Daten werden in Server-Log-Dateien, die Ihr Browser automatisch an uns übermittelt,
|
||||
gespeichert. Nur bei Angriffen auf unsere Server-Infrastruktur oder anderen Rechtsverletzungen
|
||||
speichern wir die Server-Log-Dateien länger gespeichert. Diese längere Speicherung erfolgt aufgrund
|
||||
unseres berechtigten Interesses nach Art. 6 Abs. 1 lit. f) DSGVO. Unser berechtigtes Interesse
|
||||
liegt in der Beweissicherung.
|
||||
</P>
|
||||
|
||||
<h3>2. ANFRAGEN PER E-MAIL UND TELEFON</h3>
|
||||
<p>
|
||||
Jegliche Angaben zu Ihrer Person, welche Sie uns auf freiwilliger Basis übermitteln, behandeln
|
||||
wir selbstverständlich vertraulich. Wir verwenden Ihre bereitgestellten personenbezogenen Daten
|
||||
ausschließlich, um Ihre Anfrage zu bearbeiten und zu beantworten. Rechtsgrundlage für die Datenverarbeitung
|
||||
ist unser berechtigtes Interesse nach Art. 6 Abs. 1 lit. f) DSGVO. Dieses ergibt sich aus unserem Interesse,
|
||||
Anfragen unserer Kunden, Geschäftspartner und Interessenten zu beantworten und die Kundenzufriedenheit zu
|
||||
fördern bzw. zu erhalten. Weitere Rechtsgrundlage ist für natürliche Personen die Vertragsanbahnung bzw.
|
||||
Vertragserfüllung nach Art. 6 Abs. 1 lit. b) DSGVO.
|
||||
</p>
|
||||
<p>
|
||||
Alle personenbezogenen Angaben, welche Sie an uns mit Ihrer Anfrage übermitteln, werden von uns
|
||||
spätestens 2 Jahre nach der erteilten finalen Antwort an Sie gelöscht bzw. anonymisiert, sofern
|
||||
es nicht zu einem Vertragsabschluss kommt. Die Aufbewahrung von 2 Jahren ergibt sich daraus, dass
|
||||
es vereinzelt vorkommen kann, dass Sie uns nach einer Antwort nochmals zum selben Sachverhalt kontaktieren
|
||||
und sich auf die Vorkorrespondenz beziehen. Erfahrungsgemäß haben wir festgestellt, dass nach 2 Jahren keine
|
||||
Rückfragen mehr auf unsere Antworten folgen.
|
||||
</p>
|
||||
|
||||
|
||||
<h3>3. TERMINBUCHUNG ÜBER CALENDLY</h3>
|
||||
<p>
|
||||
Bei „Calendly“ handelt es sich um ein Terminbuchungstool, anhand dessen Sie direkt einen Termin vereinbaren
|
||||
können. Wir erheben in diesem Zusammenhang Ihren Namen, Ihre E-Mail-Adresse und Telefonnummer als verpflichtende
|
||||
Informationen. Alle weiteren Informationen können Sie uns freiwillig übermitteln. Nach der Buchung erhalten
|
||||
Sie zudem eine Terminbestätigung sowie vor dem Termin eine Erinnerungsnachricht an den vereinbarten Termin
|
||||
per E-Mail
|
||||
</p>
|
||||
<p>
|
||||
Rechtsgrundlage der Datenverarbeitung bei der Buchung über Calendly sowie in diesem Zusammenhang verschickte
|
||||
Bestätigungs- und Erinnerungsnachrichten per E-Mail ist Ihre Einwilligung nach Art. 6 Abs. 1 lit. a) DSGVO.
|
||||
</p>
|
||||
<p>
|
||||
Zur vereinfachten Buchung von Terminen mit uns nutzen wir die Software „Calendly“ des Anbieters Calendly LCC
|
||||
mit Sitz in den USA an, mit welchem wir einen Vertrag zur Auftragsverarbeitung gemäß Art. 28 DSGVO
|
||||
abgeschlossen haben. Die Calendly LLC verfügt über eine aufrechte Zertifizierung nach dem Data Privacy
|
||||
Framework. Eine Auflistung der Subauftragnehmer von Calendly wie Stripe, Pendo, Usabilla und Heapanalytics
|
||||
finden Sie hier. Darüber hinaus geben wir Ihre Daten nicht an Dritte weiter. Eine Löschung der gebuchten
|
||||
Termine erfolgt nach 6 Monaten.
|
||||
</p>
|
||||
|
||||
<h2>Datenverarbeitung von Geschäftspartnern und Kunden</h2>
|
||||
<h3>1. ERFÜLLUNG VERTRAGLICHER PFLICHTEN (ART. 6 ABS. 1 LIT. B) DSGVO)</h3>
|
||||
<p>
|
||||
Die Zwecke der Datenverarbeitung ergeben sich aus der Durchführung vorvertraglicher Maßnahmen, die einer
|
||||
vertraglich geregelten Geschäftsbeziehung vorausgehen und in der Erfüllung der Pflichten aus dem geschlossenen
|
||||
Vertrag. Zur Abwicklung unseres Vertrages mit Ihnen verarbeiten wir Stammdaten wie Vor- und Nachname, Ihre
|
||||
Rechnungsanschrift sowie Ihre Rechnungs- und Bezahldaten, soweit Sie eine natürliche Person sind.
|
||||
</p>
|
||||
|
||||
<h3>2. ZUR ERFÜLLUNG RECHTLICHER VERPFLICHTUNGEN (ART. 6 ABS. 1 LIT. C) DSGVO)</h3>
|
||||
<p>
|
||||
Die Zwecke der Datenverarbeitung ergeben sich im Einzelfall aus gesetzlichen Vorgaben. Zu diesen rechtlichen
|
||||
Verpflichtungen gehören z.B. die Erfüllung von Aufbewahrungs- und Identifikationspflichten im Rahmen von
|
||||
Vorgaben für steuerliche Kontroll- und Meldepflichten und die Datenverarbeitung im Rahmen von Behördenanfragen.
|
||||
</p>
|
||||
|
||||
<h3>3. ZUR ERFÜLLUNG UNSERER BERECHTIGTEN INTERESSEN (ART. 6 ABS. 1 LIT. F DSGVO)</h3>
|
||||
<p>
|
||||
Wir verarbeiten die <b>Kontaktdaten von Ansprechpartnern</b> bei Kunden, Interessenten, Lieferanten und sonstigen
|
||||
Geschäftspartnern zur Kommunikation per E-Mail, Telefon und Post. Rechtsgrundlage für die Datenverarbeitung
|
||||
ist das berechtigte Interesse nach Art. 6 Abs. 1 lit. f) DSGVO. Das berechtigte Interesse ergibt sich hierbei
|
||||
aus dem Interesse, die Geschäftsbeziehung mit Kunden, Interessenten, Lieferanten und sonstigen
|
||||
Geschäftspartnern durchzuführen oder einzuleiten sowie den persönlichen Kontakt mit Ansprechpartnern.
|
||||
</p>
|
||||
<p>
|
||||
Personenbezogene Daten werden zum Zweck der Durchführung von Geschäftsbeziehungen so lange gespeichert, wie
|
||||
hieran ein berechtigtes Interesse besteht. Es kann ggf. erforderlich sein, die von Ihnen überlassenen
|
||||
personenbezogenen Daten über die eigentliche Erfüllung des Vertrages mit Geschäftspartnern hinaus zu verarbeiten.
|
||||
Die berechtigten Interessen sind hierbei insbesondere die Auswahl geeigneter Geschäftspartner, die Erfüllung
|
||||
von Compliance-Maßnahmen, Geltendmachung rechtlicher Ansprüche, Abwehr von Haftungsansprüchen, Verhinderung
|
||||
von Straftaten und die Regulierung von Schäden, die aus der Geschäftsbeziehung resultieren.
|
||||
</p>
|
||||
|
||||
<h3>4. WER ERHÄLT DIE VON IHNEN ÜBERLASSENEN PERSONENBEZOGENEN DATEN?</h3>
|
||||
<p>
|
||||
Im Rahmen der Vertragsbeziehungen beauftragen wir ggf. auch Auftragsverarbeiter oder Dienstleister, die
|
||||
Zugriff auf Ihre personenbezogenen Daten erhalten können. Die Einhaltung datenschutzrechtlicher Vorgaben
|
||||
wird hierbei vertraglich sichergestellt.
|
||||
</p>
|
||||
|
||||
<h3>5. AUFBEWAHRUNGSDAUER</h3>
|
||||
<p>
|
||||
Die personenbezogenen Daten werden so lange aufbewahrt, wie dies zur Erfüllung der oben genannten
|
||||
Zwecke erforderlich ist. Diese beträgt regelmäßig 7 Jahre zur Erfüllung steuerrechtlicher Verpflichtungen.
|
||||
</p>
|
||||
|
||||
<h3>6. DATENVERARBEITUNG ZUR DOKUMENTATION DER EINHALTUNG DER DSGVO</h3>
|
||||
<p>
|
||||
Soweit Ihre Daten auf Grundlage einer Einwilligung nach Art. 6 Abs. 1 lit. a) DSGVO bzw. Art. 9 Abs.
|
||||
2 lit. a) DSGVO verarbeitet werden, verarbeiten wir Ihre Daten ausschließlich zweckgebunden und nach
|
||||
gesonderter Information, um im Rahmen der uns nach Art. 5 Abs. 2 DSGVO obliegenden Rechenschaftspflicht
|
||||
nachweisen zu können, dass Sie in die gegenständliche Datenverarbeitung eingewilligt haben.
|
||||
</p>
|
||||
<p>
|
||||
Soweit Sie Betroffenenrechte aus der DSGVO uns gegenüber geltend machen, verarbeiten und speichern wir
|
||||
Ihre Daten ebenfalls, um im Rahmen der Rechenschaftspflicht gemäß Art. 5 Abs. 2 DSGVO nachweisen zu
|
||||
können, dass wir die DSGVO bei der Bearbeitung Ihrer Anfrage eingehalten haben.
|
||||
</p>
|
||||
|
||||
<h2>Betreiben von Social-Media-Präsenzen</h2>
|
||||
<p>
|
||||
Wir pflegen folgende Social-Media-Präsenzen:<br>
|
||||
<b>LinkedIn:</b> <a href="https://www.linkedin.com/company/martin-rattensberger-it-services/"
|
||||
target="_blank">https://www.linkedin.com/company/martin-rattensberger-it-services/</a>
|
||||
</p>
|
||||
|
||||
<h2>Datenverarbeitung durch uns:</h2>
|
||||
<h3>a. Pflegen der oben genannten Social-Media-Seiten sowie Schalten von Ads ("Werbungen")</h3>
|
||||
<p>
|
||||
Die auf Social-Media-Seiten eingegebenen personenbezogenen <b>Daten wie Kommentare, Videos, Bilder, Likes,
|
||||
öffentliche Nachrichten</b> usw. werden durch die jeweilige Social-Media-Plattform veröffentlicht. Wir
|
||||
behalten uns vor, Inhalte zu löschen, sofern dies erforderlich sein sollte. Gegebenenfalls teilen wir
|
||||
Inhalte auf unserer Seite und treten mit Ihnen über die Social-Media-Plattform, zum Beispiel über die
|
||||
angebotenen Messenger, in Kontakt. Darüber hinaus schalten wir regelmäßig Werbung („Ads“) über unsere
|
||||
Social-Media-Seiten. Rechtsgrundlage für diese Datenverarbeitungen ist das berechtigte Interesse nach
|
||||
Art. 6 Abs. 1 lit. f) DSGVO, welches im Interesse unserer Öffentlichkeitsarbeit und Kommunikation
|
||||
liegt.
|
||||
</p>
|
||||
|
||||
<h3>b. Seiten-Insights</h3>
|
||||
<p>
|
||||
Die Social-Media-Plattformen stellen anonymisierte Statistiken und Einblicke bereit, mit deren Hilfe
|
||||
wir Erkenntnisse über die Arten von Handlungen gewinnen, die Personen auf unserer Seite vornehmen
|
||||
(sogenannte „Seiten-Insights“). Diese Seiten-Insights werden auf der Grundlage von bestimmten
|
||||
Informationen über Personen, die unsere Seite besucht haben, erstellt.
|
||||
</p>
|
||||
<p>
|
||||
Rechtsgrundlage für diese Datenverarbeitung ist unser berechtigtes Interesse nach Art. 6 Abs. 1
|
||||
lit. f) DSGVO, welches darin begründet liegt, Informationen über die Handlungen sowie Besucher
|
||||
unserer Seiten zu erhalten.
|
||||
</p>
|
||||
<p>
|
||||
<b>
|
||||
Diese Verarbeitung personenbezogener Daten erfolgt durch die Social-Media-Plattform und uns als
|
||||
sogenannten gemeinsam Verantwortlichen nach Art. 26 DSGVO. Bei einer gemeinsamen Verantwortung
|
||||
ist eine gesonderte Vereinbarung abzuschließen.
|
||||
</b>
|
||||
</p>
|
||||
<p>
|
||||
<b>LinkedIn: <a href="https://legal.linkedin.com/pages-joint-controller-addendum" target="_blank">
|
||||
https://legal.linkedin.com/pages-joint-controller-addendum</a>
|
||||
</b>
|
||||
</p>
|
||||
<p>
|
||||
<b>
|
||||
Wenn Sie einer bestimmten Datenverarbeitung, auf die wir einen Einfluss haben (z. B. Löschen
|
||||
von Kommentaren), widersprechen möchten, wenden Sie sich bitte an die oben angeführten Kontaktdaten.
|
||||
</b>
|
||||
</p>
|
||||
<p>
|
||||
Hinweis: Die Bereitstellung Ihrer Daten ist weder gesetzlich noch vertraglich vorgeschrieben oder
|
||||
für einen Vertragsabschluss erforderlich. Sie sind nicht verpflichtet, Ihre personenbezogenen Daten
|
||||
zur Verfügung zu stellen. Die Folge der Nichtbereitstellung ist, dass Sie nicht über unsere
|
||||
Social-Media-Seiten mit uns kommunizieren, in Interaktion treten oder am Gewinnspiel teilnehmen
|
||||
können. Zur Kontaktaufnahme nutzen Sie dann bitte die oben genannte E-Mail-Adresse.
|
||||
</p>
|
||||
|
||||
<h2>Datenverarbeitung durch den Betreiber der Social-Media-Plattform:</h2>
|
||||
<p>
|
||||
Neben uns gibt es noch den Betreiber der Social-Media-Plattformen selbst. Auch dieser wird aus
|
||||
datenschutzrechtlicher Sicht als ein weiterer Verantwortlicher, der eine eigene Datenverarbeitung
|
||||
durchführt, angesehen. <b>Dies bedeutet, dass auch der/die Betreiberin eine eigene verantwortliche
|
||||
Stelle nach der DSGVO ist.</b> Auf die Datenverarbeitung durch den Betreiber haben wir jedoch nur
|
||||
begrenzten Einfluss. <b>An den Stellen, an denen wir Einfluss nehmen können (z.B. durch Parametrisierung),
|
||||
wirken wir im Rahmen unserer Möglichkeiten auf den datenschutzgerechten Umgang durch den Betreiber
|
||||
der Social-Media-Plattform hin. An vielen Stellen können wir die Datenverarbeitung durch den Betreiber
|
||||
der Social-Media-Plattform aber nicht beeinflussen und wissen auch nicht genau, welche Daten
|
||||
dieser verarbeitet.</b> Über die Verarbeitung von personenbezogenen Daten klärt Sie der jeweilige
|
||||
Betreiber in seiner eigenen Datenschutzerklärung auf:
|
||||
</p>
|
||||
<p>
|
||||
<b>LinkedIn: <a href="https://de.linkedin.com/legal/privacy-policy" target="_blank">
|
||||
https://de.linkedin.com/legal/privacy-policy</a></b>
|
||||
</p>
|
||||
<p>
|
||||
Im Rahmen der Plattformnutzung werden Ihre personenbezogenen Daten in der Regel durch den
|
||||
jeweiligen Plattformbetreiber auch auf Servern in Drittländer, insbesondere in den USA, verarbeitet.
|
||||
Bestimmten Drittländern wird von der Europäischen Kommission ein sog. Angemessenheitsbeschluss
|
||||
attestiert. Dies bedeutet, dass die Rechtslage zum Schutz der Privatsphäre in diesen Ländern im
|
||||
Vergleich mit jener in der EU bzw. dem EWR ist. Nähere Informationen zu den aktuellen Ländern mit
|
||||
Angemessenheitsbeschluss finden Sie
|
||||
<a href="https://ec.europa.eu/info/law/law-topic/data-protection/international-dimension-data-protection/adequacy-decisions_en"
|
||||
target="_blank">hier</a>. In allen anderen Fällen schließen wir mit den Plattformbetreibern
|
||||
sogenannte Standardvertragsklauseln zur Übermittlung von personenbezogenen Daten in Drittländer.
|
||||
</p>
|
||||
<p>
|
||||
<b>Hinweis:</b> Der Betreiber der Social-Media-Plattform setzt Webtrackingmethoden ein. Das Webtracking
|
||||
kann dabei auch unabhängig davon erfolgen, ob Sie bei der Social-Media-Plattform angemeldet
|
||||
oder registriert sind. <b>Wie bereits dargestellt können wir auf die Webtracking-Methoden der
|
||||
Social-Media-Plattform leider kaum Einfluss nehmen. Wir können dieses zum Beispiel nicht abschalten.
|
||||
Bitte seien Sie sich darüber im Klaren: Es kann nicht ausgeschlossen werden, dass der Anbieter
|
||||
der Social-Media-Plattform Ihre Profil- und Verhaltensdaten nutzt, beispielsweise um Ihre Gewohnheiten
|
||||
oder persönlichen Beziehungen und Vorlieben etc. auszuwerten. Wir haben keinen Einfluss auf die
|
||||
Verarbeitung Ihrer Daten durch den Anbieter der Social-Media-Plattform.</b>
|
||||
</p>
|
||||
|
||||
<h2>Kommunikation per Videokonferenzsysteme</h2>
|
||||
<p>
|
||||
Wir nutzen verschiedene Tools zur Durchführung von Videokonferenzen, Telefonkonferenzen
|
||||
und Online-Meetings:
|
||||
</p>
|
||||
<ul>
|
||||
<li>"Zoom" des Unternehmens Zoom Video Communications Inc. </li>
|
||||
<li>"Microsoft Teams" des Unternehmens Microsoft Ireland Operation Limited</li>
|
||||
</ul>
|
||||
<p>
|
||||
Zugang zu den vereinbarten Terminen erhalten Sie über einen per E-Mail bereitgestellten
|
||||
Link. Durch Klicken auf den Link können Sie den Videoraum betreten. Vor dem Beitritt
|
||||
können Sie selbst entscheiden, ob Sie das Video aktivieren oder nicht. Sie sind standardmäßig
|
||||
stummgeschalten und müssen Ihr Mikrofon, sofern gewollt, manuell freigeben. Wenn Sie Ihre
|
||||
Kamera und/oder Ihr Mikrofon einschalten, werden im Rahmen des Meetings die Daten Ihres Mikrofons
|
||||
sowie Ihrer Videokamera verarbeitet.
|
||||
</p>
|
||||
<p>
|
||||
Folgende weitere Daten können nach Art und Umfang der konkreten Nutzung noch verarbeitet werden:
|
||||
</p>
|
||||
<ul>
|
||||
<li>Angaben zu Ihrer Person (z. B. Vor- und Nachname, E-Mail-Adresse, Profilbild)</li>
|
||||
<li>Meeting-Metadaten (z. B. Datum, Uhrzeit und Dauer der Kommunikation, Name des Meetings, Teil-nehmer-IP-Adresse)</li>
|
||||
<li>Geräte-/Hardwaredaten (z.B. IP-Adressen, MAC-Adressen, Clint-Version)</li>
|
||||
<li>Text-, Audio- und Videodaten (z.B. Chatverläufe, Video-, Audio- und Präsentationsaufnahmen)</li>
|
||||
<li>Verbindungsdaten (z.B. Rufnummern, Ländernamen, Start- und Endzeiten, IP-Adressen)</li>
|
||||
</ul>
|
||||
<p>
|
||||
Weiters können personenbezogene Daten von Ihnen verarbeitet werden. Dies hängt konkret auch von
|
||||
Ihrer Nutzung ab wie die Nutzung des Chats sowie des Whiteboards.
|
||||
</p>
|
||||
<p>
|
||||
Wir möchten Sie explizit darauf aufmerksam machen, dass von Ihnen geäußerte Informationen, die
|
||||
Sie während des laufenden Meetings von sich geben, zumindest für die Dauer des Meetings verarbeitet werden.
|
||||
</p>
|
||||
|
||||
<h3>Rechtsgrundlage</h3>
|
||||
<p>
|
||||
Die Rechtsgrundlage für die Datenverarbeitung für direkte Vertragspartner ist Art. 6 Abs. 1 lit. b)
|
||||
DSGVO, für Geschäftspartner oder Kontaktpersonen bei externen Stellen das berechtigte Interesse nach
|
||||
Art. 6 Abs. 1 lit. f) DSGVO. Das berechtigte Interesse besteht in der Organisation virtueller
|
||||
Kommunikation und der Web-Konferenz.
|
||||
</p>
|
||||
<p>
|
||||
Wir können nicht ausschließen, dass das Routing von Daten auch über Internetserver erfolgt, die
|
||||
sich außerhalb der EU bzw. des EWR befinden. In einigen Ländern, z. B. den USA, besteht das Risiko,
|
||||
dass Behörden auf die Daten zu Sicherheits- und Überwachungszwecken zugreifen, ohne dass Sie hierüber
|
||||
informiert werden oder Rechtsmittel einlegen können. Wir haben EU-Standardvertragsklauseln als
|
||||
Rechtsgrundlage für die Datenübermittlung vereinbart.
|
||||
</p>
|
||||
<p>
|
||||
Die oben genannten Anbieter erhalten notwendigerweise Kenntnis von den o. g. Daten, soweit dies
|
||||
im Rahmen unseres Auftragsverarbeitungsvertrages nach Art. 28 DSGVO vertraglich geregelt ist.
|
||||
Datenübermittlungen in die USA unterliegen dem Data Privacy Framework. Weitere Empfänger bestehen
|
||||
nicht.
|
||||
</p>
|
||||
<p>
|
||||
Sie sind grundsätzlich nicht dazu verpflichtet, mit uns über die oben genannten Anbieter zu
|
||||
kommunizieren. Alternativ können Besprechungen auch per Telefon erfolgen. Wir löschen personenbezogene
|
||||
Daten grundsätzlich dann, wenn kein Erfordernis für eine weitere Speicherung besteht.
|
||||
</p>
|
||||
|
||||
<h2>Betroffenenrechte</h2>
|
||||
<p>
|
||||
Sie haben das Recht nach Art. 15 Abs. 1 DSGVO auf Antrag unentgeltlich <b>Auskunft</b> über die zu Ihrer
|
||||
Person gespeicherten personenbezogenen Daten zu erhalten. Weiters haben Sie bei Vorliegen der
|
||||
gesetzlichen Voraussetzungen ein Recht auf <b>Berichtigung</b> (Art. 16 DSGVO), <b>Löschung</b> (Art. 17 DSGVO)
|
||||
und <b>Einschränkung</b> der Verarbeitung (Art. 18 DSGVO) Ihrer personenbezogenen Daten. Sofern Sie selbst
|
||||
die verarbeiteten Daten zur Verfügung gestellt haben, steht Ihnen ein Recht auf Datenübertragung
|
||||
nach Art. 20 DSGVO zu.
|
||||
</p>
|
||||
<p>
|
||||
<b>
|
||||
Sofern die Datenverarbeitung auf Grundlage des Art. 6 Abs. 1 e) oder f) DSGVO beruht, steht Ihnen
|
||||
nach Art. 21 DSGVO ein Widerspruchsrecht zu. Soweit Sie einer Datenverarbeitung widersprechen,
|
||||
unterbleibt diese zukünftig, es sein denn, der Verantwortliche kann zwingende schutzwürdige Gründe
|
||||
für die weitere Verarbeitung nachweisen, die das Interesse des Betroffenen am Widerspruch überwiegen.
|
||||
</b>
|
||||
</p>
|
||||
<p>
|
||||
<b>
|
||||
Sofern die Datenverarbeitung auf Grundlage einer Einwilligung nach Art. 6 Abs. 1 lit. a), Art. 9 Abs.
|
||||
2 lit. a) bzw. Art. 49 Abs. 1 lit. a) DSGVO beruht, können Sie die Einwilligung jederzeit mit
|
||||
Wirkung für die Zukunft widerrufen, ohne dass die Rechtmäßigkeit der bisherigen Verarbeitung berührt
|
||||
wird.
|
||||
</b>
|
||||
</p>
|
||||
<p>
|
||||
Zudem steht Ihnen <b>ein Recht zur Beschwerde bei einer Datenschutz-Aufsichtsbehörde</b> zu. Die Beschwerde
|
||||
kann insbesondere bei einer Aufsichtsbehörde des EU-Mitgliedstaates Ihres Aufenthaltsortes, Ihres
|
||||
Arbeitsplatzes oder des Orts des mutmaßlichen Verstoßes geltend gemacht werden.
|
||||
</p>
|
||||
<p>
|
||||
Kontaktdaten zu der zuständigen Datenschutzbehörde: Datenschutzbehörde Österreich,
|
||||
<a href="https://www.dsb.gv.at/" target="_blank">www.dsb.gv.at</a> bzw. per E-Mail unter
|
||||
<a href="mailto:dsb@dsb.gv.at">dsb@dsb.gv.at</a>
|
||||
</p>
|
||||
|
||||
<h2>Keine automatisierte Entscheidungsfindung</h2>
|
||||
<p>
|
||||
Eine automatische Entscheidungsfindung oder ein Profiling findet durch uns nicht statt.
|
||||
</p>
|
||||
|
||||
<h2>Bereitstellung</h2>
|
||||
<p>
|
||||
Soweit in den vorherigen Kapiteln keine anderslautenden Angaben gemacht wurden, ist die Bereitstellung
|
||||
personenbezogener Daten weder gesetzlich noch vertraglich vorgeschrieben oder für einen Vertragsabschluss
|
||||
erforderlich. Die Nicht-Bereitstellung Ihrer personenbezogenen Daten hat gegebenenfalls zur Folge, dass
|
||||
wir beispielsweise Ihre Anfragen nicht beantworten können.
|
||||
</p>
|
||||
|
||||
<p style="color:fuchsia">
|
||||
Diese Datenschutzhinweise wurden in Zusammenarbeit mit dem Beratungsunternehmen
|
||||
<a href="https://dataprotection-scaleline.com/" target="_blank">SCALELINE Datenschutz</a> erstellt. Die
|
||||
Rechtstexte unterliegen dem Urheberrecht.
|
||||
</p>
|
||||
</main>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<footer>
|
||||
<div class="container">
|
||||
<p>© 2025 OMG AI Solutions. Alle Rechte vorbehalten.</p>
|
||||
<nav>
|
||||
<ul>
|
||||
<li><a href="impressum.html">Impressum</a></li>
|
||||
<li><a href="datenschutz.html">Datenschutz</a></li>
|
||||
</ul>
|
||||
</nav>
|
||||
</div>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
BIN
images/ecg.png
Normal file
BIN
images/ecg.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.1 KiB |
78
impressum.html
Normal file
78
impressum.html
Normal file
@@ -0,0 +1,78 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="de">
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Impressum</title>
|
||||
<link rel="stylesheet" href="css/styles.css">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<header>
|
||||
<nav class="container">
|
||||
<div class="logo"><a href="index.html" style="text-decoration:none">OMG AI Solutions</a></div>
|
||||
<div class="nav-links">
|
||||
<a href="#features">Lösungen</a>
|
||||
<a href="#contact">Kontakt</a>
|
||||
</div>
|
||||
</nav>
|
||||
</header>
|
||||
|
||||
<section class="impressum">
|
||||
<div class="container">
|
||||
<h1>Impressum</h1>
|
||||
<div>
|
||||
<p><b><a href="datenschutz.html">Hier finden Sie unsere Datenschutzerklärung</a></b></p>
|
||||
<p>
|
||||
Martin Rattensberger, IT Services<br>
|
||||
Hall 435<br>
|
||||
8911 Admont<br>
|
||||
Österreich
|
||||
</p>
|
||||
<p>KI Beratung</p>
|
||||
<p><a href="tel:+436605514819">+43 660 551 48 19</a></p>
|
||||
|
||||
<p><a href="mailto:martin@rattensberger.ai">martin@rattensberger.ai</a></p>
|
||||
|
||||
<p>UID: ATU62631557</p>
|
||||
|
||||
<p>
|
||||
Mitglied der WKÖ Steiermark<br>
|
||||
<a href="https://www.wkoecg.at/Ecg.aspx?FirmaID=2de39173-061b-46bb-9b6d-68aecf16071f">
|
||||
<img src="images/ecg.png" alt="ECG Logo">
|
||||
</a>
|
||||
</p>
|
||||
|
||||
<p>Unternehmensgegenstand: Dienstleistungen in der automatischen Datenverarbeitung und
|
||||
Informationstechnik
|
||||
</p>
|
||||
|
||||
<p>Berufsrecht: www.ris.bka.gv.at</p>
|
||||
|
||||
<p>Aufsichtsbehörde, Gewerbebehörde: Bezirkshauptmannschaft Liezen</p>
|
||||
|
||||
<p>Verbraucher haben die Möglichkeit, Beschwerden an die Online- Streitbeilegungsplattform der
|
||||
EU zu richten: <a href="https://ec.europa.eu/">https://ec.europa.eu/</a> oder Gewerbeordnung:
|
||||
<a href="https://www.ris.bka.gv.at">www.ris.bka.gv.at</a> Sie können
|
||||
allfällige Beschwerde auch an die oben angegebene E-Mail-Adresse richten.
|
||||
</p>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<footer>
|
||||
<div class="container">
|
||||
<p>© 2025 OMG AI Solutions. Alle Rechte vorbehalten.</p>
|
||||
<nav>
|
||||
<ul>
|
||||
<li><a href="impressum.html">Impressum</a></li>
|
||||
<li><a href="datenschutz.html">Datenschutz</a></li>
|
||||
</ul>
|
||||
</nav>
|
||||
</div>
|
||||
</footer>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
189
index.html
189
index.html
@@ -3,179 +3,8 @@
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>AI Solutions - Ihre KI-Experten</title>
|
||||
<style>
|
||||
:root {
|
||||
--primary: #2563eb;
|
||||
--secondary: #1e40af;
|
||||
--text: #1f2937;
|
||||
--background: #ffffff;
|
||||
--accent: #dbeafe;
|
||||
}
|
||||
|
||||
* {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
box-sizing: border-box;
|
||||
font-family: system-ui, -apple-system, sans-serif;
|
||||
}
|
||||
|
||||
body {
|
||||
color: var(--text);
|
||||
line-height: 1.6;
|
||||
}
|
||||
|
||||
.container {
|
||||
max-width: 1200px;
|
||||
margin: 0 auto;
|
||||
padding: 0 2rem;
|
||||
}
|
||||
|
||||
header {
|
||||
background: var(--background);
|
||||
box-shadow: 0 2px 4px rgba(0,0,0,0.1);
|
||||
position: fixed;
|
||||
width: 100%;
|
||||
top: 0;
|
||||
z-index: 100;
|
||||
}
|
||||
|
||||
nav {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
height: 80px;
|
||||
}
|
||||
|
||||
.logo {
|
||||
font-size: 1.5rem;
|
||||
font-weight: bold;
|
||||
color: var(--primary);
|
||||
}
|
||||
|
||||
.nav-links a {
|
||||
margin-left: 2rem;
|
||||
text-decoration: none;
|
||||
color: var(--text);
|
||||
}
|
||||
|
||||
.hero {
|
||||
padding: 160px 0 80px;
|
||||
background: linear-gradient(135deg, var(--accent), var(--background));
|
||||
}
|
||||
|
||||
.hero h1 {
|
||||
font-size: 3.5rem;
|
||||
margin-bottom: 1rem;
|
||||
line-height: 1.2;
|
||||
}
|
||||
|
||||
.hero p {
|
||||
font-size: 1.25rem;
|
||||
margin-bottom: 2rem;
|
||||
color: #4b5563;
|
||||
}
|
||||
|
||||
.btn {
|
||||
display: inline-block;
|
||||
padding: 1rem 2rem;
|
||||
background: var(--primary);
|
||||
color: white;
|
||||
text-decoration: none;
|
||||
border-radius: 8px;
|
||||
transition: background 0.3s;
|
||||
}
|
||||
|
||||
.btn:hover {
|
||||
background: var(--secondary);
|
||||
}
|
||||
|
||||
.features {
|
||||
padding: 80px 0;
|
||||
}
|
||||
|
||||
.features-grid {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
|
||||
gap: 2rem;
|
||||
margin-top: 3rem;
|
||||
}
|
||||
|
||||
.feature-card {
|
||||
padding: 2rem;
|
||||
background: white;
|
||||
border-radius: 12px;
|
||||
box-shadow: 0 4px 6px rgba(0,0,0,0.1);
|
||||
transition: transform 0.3s;
|
||||
}
|
||||
|
||||
.feature-card:hover {
|
||||
transform: translateY(-5px);
|
||||
}
|
||||
|
||||
.feature-card h3 {
|
||||
margin: 1rem 0;
|
||||
color: var(--primary);
|
||||
}
|
||||
|
||||
.contact {
|
||||
padding: 80px 0;
|
||||
background: var(--accent);
|
||||
}
|
||||
|
||||
.contact form {
|
||||
max-width: 600px;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
.form-group {
|
||||
margin-bottom: 1.5rem;
|
||||
}
|
||||
|
||||
.form-group label {
|
||||
display: block;
|
||||
margin-bottom: 0.5rem;
|
||||
}
|
||||
|
||||
.form-group input,
|
||||
.form-group textarea {
|
||||
width: 100%;
|
||||
padding: 0.75rem;
|
||||
border: 1px solid #e5e7eb;
|
||||
border-radius: 6px;
|
||||
}
|
||||
|
||||
.contact-info {
|
||||
list-style-type: none;
|
||||
padding: 0;
|
||||
margin-top: 2rem;
|
||||
}
|
||||
|
||||
.contact-info li {
|
||||
margin-bottom: 1rem;
|
||||
font-size: 1.1rem;
|
||||
}
|
||||
|
||||
.contact-info a {
|
||||
color: var(--primary);
|
||||
text-decoration: none;
|
||||
transition: color 0.3s;
|
||||
}
|
||||
|
||||
.contact-info a:hover {
|
||||
color: var(--secondary);
|
||||
}
|
||||
|
||||
@media (max-width: 768px) {
|
||||
.hero h1 {
|
||||
font-size: 2.5rem;
|
||||
}
|
||||
|
||||
.nav-links {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
<title>OMG AI Solutions - Ihre KI-Experten</title>
|
||||
<link rel="stylesheet" href="css/styles.css">
|
||||
</head>
|
||||
<body>
|
||||
<header>
|
||||
@@ -199,7 +28,7 @@
|
||||
|
||||
<section id="features" class="features">
|
||||
<div class="container">
|
||||
<h2>Unsere Chatbot-Lösungen</h2>
|
||||
<h2>Unsere KI-Lösungen</h2>
|
||||
<div class="features-grid">
|
||||
<div class="feature-card">
|
||||
<h3>Kundenservice Chatbot</h3>
|
||||
@@ -228,5 +57,17 @@
|
||||
</ul>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<footer>
|
||||
<div class="container">
|
||||
<p>© 2025 OMG AI Solutions. Alle Rechte vorbehalten.</p>
|
||||
<nav>
|
||||
<ul>
|
||||
<li><a href="impressum.html">Impressum</a></li>
|
||||
<li><a href="datenschutz.html">Datenschutz</a></li>
|
||||
</ul>
|
||||
</nav>
|
||||
</div>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user