@font-face { font-family: "Aspekta"; font-style: bold; font-weight: 600; font-display: swap; src: url("https://kidgmbh.github.io/aspekta-font/Aspekta-700.woff2") format("woff2"); } body { font-family: "Aspekta", sans-serif !important; } * { font-family: "Aspekta", sans-serif !important; } span, p, h1, h2, h3, h4, h5, h6, div { font-family: "Aspekta", sans-serif !important; } .con-kit-component-header { background: linear-gradient(180deg, #ffffff 0%, #d8a7ff 70%, #d8a7ff 100% ); -webkit-background-clip: text; -webkit-text-fill-color: transparent; display: inline-block; text-align: center; width: 100%; padding: 10px 0; font-weight: 700; } .con-kit-component-header, .con-kit-component-header h1, .con-kit-component-header span { line-height: 1.0em !important; } /* Standard-Button ohne Animation */ .con-kit-component-button { transition: all 0.3s ease-in-out; position: relative; overflow: hidden; display: inline-block; background-color: #eaddfe !important; border: 2px solid rgba(255, 255, 255, 0.6); transform: scale(1); } /* Animation wird erst AKTIVIERT, wenn das Video 9 Minuten erreicht */ .cta-animate { animation: softGlow 2s infinite alternate ease-in-out; } /* Sanfte pulsierende Animation */ @keyframes softGlow { 0% { box-shadow: 0 0 5px rgba(234, 221, 254, 0.6); } 50% { box-shadow: 0 0 15px rgba(234, 221, 254, 0.9); } 100% { box-shadow: 0 0 5px rgba(234, 221, 254, 0.6); } } /* Hover-Effekt bleibt */ .con-kit-component-button:hover { transform: scale(1.03); box-shadow: 0 0 15px rgba(234, 221, 254, 0.8); } .con-kit-component-button { display: flex !important; align-items: center !important; justify-content: center !important; text-align: center !important; height: 100% !important; line-height: normal !important; } /* Animierter Glow für das eingebettete Video */ .con-kit-component-resizer { position: relative; box-shadow: 0 0 15px 0.5px hsla(281, 99%, 37%, 0.502); /* Start-Glow */ animation: glowEffect 8s infinite alternate ease-in-out; } /* Glow-Animation */ @keyframes glowEffect { 0% { box-shadow: 0 0 8px 0.5px rgba(128, 1, 189, 0.3); } 50% { box-shadow: 0 0 12px 0.5px rgba(128, 1, 189, 0.6); } 100% { box-shadow: 0 0 8px 0.5px rgba(128, 1, 189, 0.3); } } /* Animation für den CTA-Button */ .con-kit-component-button { transition: all 0.3s ease-in-out; position: relative; overflow: hidden; display: inline-block; background-color: #eaddfe !important; border: 2px solid rgba(255, 255, 255, 0.6); transform: scale(1); opacity: 1; /* Button muss sichtbar sein */ } /* CTA-Animation */ .cta-animate { animation: softGlow 8s infinite alternate ease-in-out; opacity: 1 !important; /* Sicherstellen, dass der Button sichtbar ist */ } /* Sanfte pulsierende Animation */ @keyframes softGlow { 0% { box-shadow: 0 0 5px rgba(234, 221, 254, 0.6); } 50% { box-shadow: 0 0 12px rgba(234, 221, 254, 0.9); } 100% { box-shadow: 0 0 5px rgba(234, 221, 254, 0.6); } } /* Sicherstellen, dass der Button sichtbar bleibt, wenn Animation aktiviert wird */ .con-kit-component-button.cta-animate { visibility: visible; /* Sichtbarkeit sicherstellen */ } /* Falls der Button unsichtbar oder verschoben ist, CSS zur Korrektur */ .con-kit-component-button { visibility: visible !important; /* Button immer sichtbar */ } @media screen and (max-width: 768px) { .con-kit-component-button { width: 90% !important; /* Macht den Button breiter auf mobilen Geräten */ margin: 0 auto !important; /* Zentriert den Button */ padding: 12px 0 !important; /* Passt das Padding für bessere mobile Ansicht an */ } .con-kit-component-header { font-size: 1.5rem !important; /* Kleinere Schriftgröße für die Header-Texte auf mobilen Geräten */ text-align: center !important; line-height: 1.2em !important; /* Bessere Lesbarkeit */ } .cta-animate { animation-duration: 8s !important; /* Animation schneller auf mobilen Geräten */ } } /* Medienabfrage für mobile Geräte */ @media (max-width: 768px) { .con-kit-component-button { display: inline-block; position: relative; } /* Erstellen des Zeilenumbruchs nur auf mobilen Geräten */ .con-kit-component-button::after { content: '\A'; /* Zeilenumbruch hinzufügen */ white-space: pre; /* Ermöglicht die Anzeige von Zeilenumbrüchen */ display: block; margin-top: 5px; /* Optional: Abstand zum nächsten Text */ } } /* Media Query für mobile Ansicht */ @media screen and (max-width: 768px) { /* CTA-Button Animation für mobile Ansicht */ .con-kit-component-button { width: 90% !important; /* Button breiter für mobile Geräte */ margin: 0 auto !important; /* Button zentrieren */ padding: 12px 0 !important; /* Anpassung des Paddings */ font-size: 16px !important; /* Schriftgröße anpassen für mobile Geräte */ } /* CTA Animation */ .cta-animate { animation: softGlow 2s infinite alternate ease-in-out !important; opacity: 1 !important; /* Sicherstellen, dass der Button sichtbar ist */ } /* Sanfte pulsierende Animation */ @keyframes softGlow { 0% { box-shadow: 0 0 5px rgba(234, 221, 254, 0.6); } 50% { box-shadow: 0 0 12px rgba(234, 221, 254, 0.9); } 100% { box-shadow: 0 0 5px rgba(234, 221, 254, 0.6); } } /* Zentrierung und Skalierung des Textes für den Header */ .con-kit-component-header { font-size: 1.5rem !important; /* Schriftgröße anpassen */ text-align: center !important; line-height: 1.2em !important; } /* Sicherstellen, dass der Button bei Hover immer noch funktioniert */ .con-kit-component-button:hover { transform: scale(1.03) !important; box-shadow: 0 0 15px rgba(234, 221, 254, 0.8) !important; } } .con-kit-component-modal__content { background: linear-gradient(90deg, #d8a7ff, #7a4ee2); } #frameRoot > div > div > div > div > div > section.con-kit-organism.con-kit-section.layout.con-kit-section--type-default.con-kit-section--line-width-full.con-kit-section--first > div.con-kit-organism-background1 > div.con-kit-layout.con-kit-layout-l22a > div > div > div > div:nth-child(2) > div > div > div > div.con-kit-component-link-group.con-kit-component-link-group--sized > a { display: none !important; } #frameRoot > div > div > div > div > div > section.con-kit-organism.con-kit-section.layout.con-kit-section--type-default.con-kit-section--line-width-full.con-kit-section--first > div.con-kit-organism-background1 > div.con-kit-layout.con-kit-layout-l22a > div > div > div > div:nth-child(2) > div > div > div > div.con-kit-component-link-group.con-kit-component-link-group--sized > a { opacity: 0 !important; pointer-events: none !important; /* Kann nicht mehr geklickt werden */ height: 0 !important; overflow: hidden; } document.addEventListener("DOMContentLoaded", function() { let button = document.querySelector("frameRoot > div > div > div > div > div > section.con-kit-organism.con-kit-section.layout.con-kit-section--type-default.con-kit-section--line-width-full.con-kit-section--first > div.con-kit-organism-background1 > div.con-kit-layout.con-kit-layout-l22a > div > div > div > div:nth-child(2) > div > div > div > div.con-kit-component-link-group.con-kit-component-link-group--sized > a");

Impressum

Sebastian Christian Flato
KIDGMBH
Im Allenkorn 4b
66440 Blieskastel

Kontakt

Telefon: +4917642744180
E-Mail: ceo@kidgmbh.net

EU-Streitschlichtung

Die Europäische Kommission stellt eine Plattform zur Online-Streitbeilegung (OS) bereit: https://ec.europa.eu/consumers/odr/.
Unsere E-Mail-Adresse finden Sie oben im Impressum.

Verbraucherstreitbeilegung/Universalschlichtungsstelle

Wir sind nicht bereit oder verpflichtet, an Streitbeilegungsverfahren vor einer Verbraucherschlichtungsstelle teilzunehmen.

Zentrale Kontaktstelle nach dem Digital Services Act - DSA (Verordnung (EU) 2022/265)

Unsere zentrale Kontaktstelle für Nutzer und Behörden nach Art. 11, 12 DSA erreichen Sie wie folgt:

E-Mail: management@kidgmbh.net

Die für den Kontakt zur Verfügung stehenden Sprachen sind: Deutsch, Englisch, Georgisch, Russisch.

#root > div > div > div > div > div.con-kit-component-modal__content > section > div.con-kit-organism-background1 > div.con-kit-layout.con-kit-layout-l11a > div > div > div > div > div > div > div:nth-child(3) > div.con-kit-atom-form > div > form > span > button { background-color: rgba(0, 0, 0, 0.02) !important; /* Fast unsichtbar */ color: rgba(0, 0, 0, 0.02) !important; /* Text unsichtbar */ border: none !important; /* Keine Umrandung */ box-shadow: none !important; /* Kein Schatten */ outline: none !important; /* Kein Fokus-Rand */ text-shadow: none !important; /* Kein Text-Schatten */ visibility: hidden !important; /* Unsichtbar, aber bleibt im Layout */ pointer-events: none !important; /* Klickbar deaktivieren */ width: 1px !important; /* Extrem klein machen */ height: 1px !important; /* Extrem klein machen */ overflow: hidden !important; /* Falls Text da ist, ausblenden */ opacity: 0 !important; /* Komplett unsichtbar */ } #root > div > div > div > div > div.con-kit-component-modal__content > section > div.con-kit-organism-background1 > div.con-kit-layout.con-kit-layout-l11a > div > div > div > div > div > div > div:nth-child(3) > div.con-kit-atom-form > div > form > span > button { display: none !important; } /* Stile für die Buttons im Cookie-Banner */ .con-kit-component-cookie-banner__button-group .con-kit-component-button { color: black !important; /* Schwarze Schrift */ font-weight: bold !important; transition: all 0.3s ease-in-out; } /* Hover-Effekt für bessere Benutzererfahrung */ .con-kit-component-cookie-banner__button-group .con-kit-component-button:hover { color: black !important; /* Auch im Hover-Zustand schwarze Schrift */ } /* Farben für die "Ablehnen" und "Bearbeiten" Buttons */ button[data-control-id="cookie-deny-button"], button[data-control-id="cookie-edit-button"] { background-color: rgba(120, 60, 200, 1) !important; /* Dunklere Version von Akzeptieren */ border-color: rgba(100, 50, 180, 1) !important; opacity: 1 !important; transition: all 0.3s ease-in-out; } /* Hover-Effekt: Leicht heller für bessere UX */ button[data-control-id="cookie-deny-button"]:hover, button[data-control-id="cookie-edit-button"]:hover { background-color: rgba(140, 80, 220, 1) !important; } button[data-control-id="cookie-accept-all-button"] { background-color: #B662FE !important; /* Lila */ color: black !important; } button[data-control-id="cookie-deny-button"], button[data-control-id="cookie-edit-button"] { background-color: #8a4dc7 !important; /* Dunkleres Lila */ color: black !important; } .con-kit-component-cookie-banner__button-group button:first-child { background-color: #B662FE !important; /* Haupt-Button */ color: black !important; } .con-kit-component-cookie-banner__button-group button:nth-child(2), .con-kit-component-cookie-banner__button-group button:nth-child(3) { background-color: #8a4dc7 !important; /* Die anderen dunkler */ color: black !important; } /* "Ablehnen" und "Bearbeiten" Buttons dunkler machen */ .con-kit-component-cookie-banner__button-group button:not(:first-child) { background-color: rgba(122, 49, 183, 0.8) !important; /* Dunklere Version des "Akzeptieren"-Buttons */ color: black !important; border: none !important; } .con-kit-component-cookie-banner__button-group button:nth-child(2), .con-kit-component-cookie-banner__button-group button:nth-child(3) { background-color: #A86ACF !important; /* Abgedunkeltes #D8A7FF */ color: black !important; border: none !important; } .one-kit-cookie-content-blocker-placeholder { background-color: black !important; } /* Für die mobile Ansicht */ @media (max-width: 768px) { /* Stelle sicher, dass der Container des Videos als flexbox arbeitet */ .con-kit-atom-video { display: flex !important; /* Setzt die Flexbox-Anzeige durch */ justify-content: center !important; /* Horizontal zentrieren */ align-items: center !important; /* Vertikal zentrieren */ height: 100vh !important; /* Die volle Höhe des Viewports nutzen */ padding: 0 !important; /* Entfernt mögliche Innenabstände */ } /* Video selbst */ .con-kit-atom-video { max-width: 100% !important; /* Maximale Breite auf 100% setzen */ height: auto !important; /* Behält das Seitenverhältnis bei */ } }

Impressum

Kontakt

EU-Streitschlichtung

Verbraucher­streit­beilegung/Universal­schlichtungs­stelle

Zentrale Kontaktstelle nach dem Digital Services Act - DSA (Verordnung (EU) 2022/265)

Verbraucherstreitbeilegung/Universalschlichtungsstelle

DAS GEHEIMNIS ERFOLGREICHER KI-VIDEOS!