From db8a7411b0bbb41d2a80ee89447ff9b78427c258 Mon Sep 17 00:00:00 2001 From: svenbledt Date: Tue, 29 Nov 2022 12:08:06 +0100 Subject: [PATCH 1/2] Prettier --- about.html | 367 +- assets/css/style.css | 1799 ++-- assets/img/game/Johnny_Silverhand.html | 11137 ++++++++++++++------- assets/js/main.js | 8 +- assets/vendor/bootstrap-icons/index.html | 11 +- game.html | 146 +- impressum.html | 442 +- index.html | 7 +- news.html | 169 +- support.html | 185 +- 10 files changed, 9449 insertions(+), 4822 deletions(-) diff --git a/about.html b/about.html index 8d0a980..8627875 100644 --- a/about.html +++ b/about.html @@ -25,7 +25,9 @@ - + @@ -92,51 +94,56 @@

Das beste Spiel das es gibt. Ich weis das du es weisst.

- +
-
+
- -
+ +

Firma

-
- +
+
-
+
-
-

Wir sind eine Schweizer Gaming Firma mit sitz in Zürich. - Unser Schwerpunkt sind X Games. -
-
- Jahre lange erfahrung unserer Programierer fliessen in unser Games ein. - Dies erzeugt ein einzigartiges Spielerlerlebniss mit einem noch nie da gewesenen Spiele-Flow. - Ein hervorragendes Gameplay mit einzigartiger Grafik wird euch begeistern. - Lasst euch fallen und taucht ein in die Welt von WinXwins. -

-
- -
+
+

Wir sind eine Schweizer Gaming Firma mit sitz in Zürich. + Unser Schwerpunkt sind X Games. +
+
+ Jahre lange erfahrung unserer Programierer fliessen in unser Games ein. + Dies erzeugt ein einzigartiges Spielerlerlebniss mit einem noch nie da gewesenen Spiele-Flow. + Ein hervorragendes Gameplay mit einzigartiger Grafik wird euch begeistern. + Lasst euch fallen und taucht ein in die Welt von WinXwins. +

+
- + + +
- +

-

-
+
Wir sind eine Schweizer Games Firma mit sitzt in Zürich.
Unser schwerpunkt sind X Games.
Kompetez und Fachwissen ist unsere deviese, so bringen wir jeden Auftrag in trockene Tücher.
@@ -151,28 +158,35 @@

-

-
-
Wir sind ein junges aufstrebendes Startup das sich auf neuen Wegen befindet.
- Unser Schwerpunkt liegt auf dem Programmieren neuer und noch nie da gewesener Software. Wir nennen sie WinXWins.
+
+
Wir sind ein junges aufstrebendes Startup das sich auf neuen Wegen befindet. +
+ Unser Schwerpunkt liegt auf dem Programmieren neuer und noch nie da gewesener Software. Wir nennen sie + WinXWins.
Es ist ein komplett neuer Ansatz der unerwartete Früchte trug.
- Mit einer unkonventionellen Strategie und dem Willen einen neuen Weg zu beschreiten haben wir ein komplett neues Genre geschaffen.
+ Mit einer unkonventionellen Strategie und dem Willen einen neuen Weg zu beschreiten haben wir ein komplett + neues Genre geschaffen.
Wir sind eine sechsköpfige Crew in der jeder ein unverzichtbarer Teil des Ganzen ist.
- Vom Management über Sicherheit, Support oder Content jeder ist ein unverzichtbarer Teil.
+ Vom Management über Sicherheit, Support oder Content jeder ist ein unverzichtbarer Teil.
Nun wollen wir weiter, neues erschaffen, damit wir euch stets mit neuem Content versorgen können. -
+

-

-
+
Wir haben die Visionen ………………………………………………….mal sehn………………………………………
Visionen..............………..nö immer noch nicht…………………………………………………………….hmmm kommt nichts………
……………………………………………………………………………….naja lassen wir s………………………………………………………………………………………………………………
@@ -182,118 +196,118 @@

- +
-
-
-
- -
-
-

Bledt

-
Sven
-
Hackerstrasse 33
-
99998 Neon-City
-
+
+
+
+
- -
- -
-

Helden

-
+
+

Bledt

+
Sven
+
Hackerstrasse 33
+
99998 Neon-City
-
-
- -
-
-

Raiber

-
Gaudenz
-
Hard Drive 22
-
22998 Neon-City
-
+
+
+ +
+

Helden

+
+
+
+
+
- +
+

Raiber

+
Gaudenz
+
Hard Drive 22
+
22998 Neon-City
+
+ +
+
- -
-
- -
+ +
+
+ +
-

Baptista

-
Raphael
-
Hyperstrasse 007
-
999665 Neon-City
+

Baptista

+
Raphael
+
Hyperstrasse 007
+
999665 Neon-City
-
+
-

Jankovski

-
Zlatko
-
Kanonium 32
-
99999 Neon-City
+

Jankovski

+
Zlatko
+
Kanonium 32
+
99999 Neon-City
-
+
-

Bashar

-
Akram
-
Codeway 33
-
69998 Neon-City
+

Bashar

+
Akram
+
Codeway 33
+
69998 Neon-City
- -
+ +
-

Köstinger

-
Daniel
-
Dump-Town 5
-
94798 Neon-City
+

Köstinger

+
Daniel
+
Dump-Town 5
+
94798 Neon-City
-
- - - -
-
+ + + +
+
-
- -
+
- -
+ +
Firma
Company of Chaos
@@ -302,86 +316,87 @@
Company of Chaos
- -
-
- - - -
-
+ -
- +
+ - - - - - - + + + + + + - - + + diff --git a/assets/css/style.css b/assets/css/style.css index a7f9caa..d6037e9 100644 --- a/assets/css/style.css +++ b/assets/css/style.css @@ -7,7 +7,17 @@ font-weight: 400; src: url("../webfonts/saira-extra-condensed-v11-latin-regular.eot"); /* IE9 Compat Modes */ - src: local(""), url("../webfonts/saira-extra-condensed-v11-latin-regular.eot?#iefix") format("embedded-opentype"), url("../webfonts/saira-extra-condensed-v11-latin-regular.woff2") format("woff2"), url("../webfonts/saira-extra-condensed-v11-latin-regular.woff") format("woff"), url("../webfonts/saira-extra-condensed-v11-latin-regular.ttf") format("truetype"), url("../webfonts/saira-extra-condensed-v11-latin-regular.svg#SairaExtraCondensed") format("svg"); + src: local(""), + url("../webfonts/saira-extra-condensed-v11-latin-regular.eot?#iefix") + format("embedded-opentype"), + url("../webfonts/saira-extra-condensed-v11-latin-regular.woff2") + format("woff2"), + url("../webfonts/saira-extra-condensed-v11-latin-regular.woff") + format("woff"), + url("../webfonts/saira-extra-condensed-v11-latin-regular.ttf") + format("truetype"), + url("../webfonts/saira-extra-condensed-v11-latin-regular.svg#SairaExtraCondensed") + format("svg"); /* Legacy iOS */ } /* mulish-regular - latin */ @@ -17,684 +27,707 @@ font-weight: 400; src: url("../webfonts/mulish-v12-latin-regular.eot"); /* IE9 Compat Modes */ - src: local(""), url("../webfonts/mulish-v12-latin-regular.eot?#iefix") format("embedded-opentype"), url("../webfonts/mulish-v12-latin-regular.woff2") format("woff2"), url("../webfonts/mulish-v12-latin-regular.woff") format("woff"), url("../webfonts/mulish-v12-latin-regular.ttf") format("truetype"), url("../webfonts/mulish-v12-latin-regular.svg#Mulish") format("svg"); + src: local(""), + url("../webfonts/mulish-v12-latin-regular.eot?#iefix") + format("embedded-opentype"), + url("../webfonts/mulish-v12-latin-regular.woff2") format("woff2"), + url("../webfonts/mulish-v12-latin-regular.woff") format("woff"), + url("../webfonts/mulish-v12-latin-regular.ttf") format("truetype"), + url("../webfonts/mulish-v12-latin-regular.svg#Mulish") format("svg"); /* Legacy iOS */ } -:root{ +:root { --color-font-secondary: #00ffd2; --color-font-primary: #f8ef02; - } - - body { - font-family: "Mulish", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; background: #292929; /* #0c0b09 */ - color: var(--color-font-primary); - } - - a { - color: var(--color-font-secondary); - text-decoration: none; - } - - a:hover { - color: #00836b; - text-decoration: none; - } - - h1, - h2, - h3, - h4, - h5, - h6 { - font-family: "Saira Extra Condensed", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; - } - - /*-------------------------------------------------------------- +} + +body { + font-family: "Mulish", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, + "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", + "Segoe UI Symbol", "Noto Color Emoji"; + background: #292929; /* #0c0b09 */ + color: var(--color-font-primary); +} + +a { + color: var(--color-font-secondary); + text-decoration: none; +} + +a:hover { + color: #00836b; + text-decoration: none; +} + +h1, +h2, +h3, +h4, +h5, +h6 { + font-family: "Saira Extra Condensed", -apple-system, BlinkMacSystemFont, + "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", + "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; +} + +/*-------------------------------------------------------------- # Preloader --------------------------------------------------------------*/ - #preloader { - position: fixed; - top: 0; - left: 0; - right: 0; - bottom: 0; - z-index: 9999; - overflow: hidden; - background: #1a1814; - } - - #preloader:before { - content: ""; - position: fixed; - top: calc(50% - 30px); - left: calc(50% - 30px); - border: 6px solid #1a1814; - border-top-color: var(--color-font-secondary); - border-bottom-color: var(--color-font-secondary); - border-radius: 50%; - width: 60px; - height: 60px; - -webkit-animation: animate-preloader 1s linear infinite; - animation: animate-preloader 1s linear infinite; - } - - @-webkit-keyframes animate-preloader { - 0% { - transform: rotate(0deg); - } - - 100% { - transform: rotate(360deg); - } - } - - @keyframes animate-preloader { - 0% { - transform: rotate(0deg); - } - - 100% { - transform: rotate(360deg); - } - } - /*-------------------------------------------------------------- +#preloader { + position: fixed; + top: 0; + left: 0; + right: 0; + bottom: 0; + z-index: 9999; + overflow: hidden; + background: #1a1814; +} + +#preloader:before { + content: ""; + position: fixed; + top: calc(50% - 30px); + left: calc(50% - 30px); + border: 6px solid #1a1814; + border-top-color: var(--color-font-secondary); + border-bottom-color: var(--color-font-secondary); + border-radius: 50%; + width: 60px; + height: 60px; + -webkit-animation: animate-preloader 1s linear infinite; + animation: animate-preloader 1s linear infinite; +} + +@-webkit-keyframes animate-preloader { + 0% { + transform: rotate(0deg); + } + + 100% { + transform: rotate(360deg); + } +} + +@keyframes animate-preloader { + 0% { + transform: rotate(0deg); + } + + 100% { + transform: rotate(360deg); + } +} +/*-------------------------------------------------------------- # Scroll Bar - --------------------------------------------------------------*/ - body::-webkit-scrollbar { - width: 12px; /* width of the entire scrollbar */ + --------------------------------------------------------------*/ +body::-webkit-scrollbar { + width: 12px; /* width of the entire scrollbar */ } body::-webkit-scrollbar-track { - background: #00ffd2; /* color of the tracking area */ + background: #00ffd2; /* color of the tracking area */ } body::-webkit-scrollbar-thumb { - background-color: #f8ef02; /* color of the scroll thumb */ - border-radius: 0px; /* roundness of the scroll thumb */ - border: 3px solid orange; /* creates padding around scroll thumb */ + background-color: #f8ef02; /* color of the scroll thumb */ + border-radius: 0px; /* roundness of the scroll thumb */ + border: 3px solid orange; /* creates padding around scroll thumb */ } - /*-------------------------------------------------------------- +/*-------------------------------------------------------------- # Back to top button --------------------------------------------------------------*/ - .back-to-top { - position: fixed; - visibility: hidden; - opacity: 0; - right: 15px; - bottom: 15px; - z-index: 996; - width: 44px; - height: 44px; - border-radius: 50px; - transition: all 0.4s; - border: 2px solid var(--color-font-secondary); - } - - .back-to-top i { - font-size: 28px; - color: var(--color-font-secondary); - line-height: 0; - } - - .back-to-top:hover { - background: var(--color-font-secondary); - color: #1a1814; - } - - .back-to-top:hover i { - color: #444444; - } - - .back-to-top.active { - visibility: visible; - opacity: 1; - } - - /*-------------------------------------------------------------- +.back-to-top { + position: fixed; + visibility: hidden; + opacity: 0; + right: 15px; + bottom: 15px; + z-index: 996; + width: 44px; + height: 44px; + border-radius: 50px; + transition: all 0.4s; + border: 2px solid var(--color-font-secondary); +} + +.back-to-top i { + font-size: 28px; + color: var(--color-font-secondary); + line-height: 0; +} + +.back-to-top:hover { + background: var(--color-font-secondary); + color: #1a1814; +} + +.back-to-top:hover i { + color: #444444; +} + +.back-to-top.active { + visibility: visible; + opacity: 1; +} + +/*-------------------------------------------------------------- # Disable aos animation delay on mobile devices --------------------------------------------------------------*/ - @media screen and (max-width: 768px) { - [data-aos-delay] { - transition-delay: 0 !important; - } - } - - /*-------------------------------------------------------------- +@media screen and (max-width: 768px) { + [data-aos-delay] { + transition-delay: 0 !important; + } +} + +/*-------------------------------------------------------------- # Top Bar --------------------------------------------------------------*/ - #topbar { - height: 40px; - font-size: 14px; - transition: all 0.5s; - z-index: 996; - } - - #topbar.topbar-scrolled { - top: -40px; - } - - #topbar .contact-info i { - font-style: normal; - color: #00ffd2; - } - - #topbar .contact-info i span { - padding-left: 5px; - color: var(--color-font-primary); - } - - #topbar .languages ul { - display: flex; - flex-wrap: wrap; - list-style: none; - padding: 0; - margin: 0; - color: var(--color-font-secondary); - } - - #topbar .languages ul a { - color: white; - } - - #topbar .languages ul li+li { - padding-left: 10px; - } - - #topbar .languages ul li+li::before { - display: inline-block; - padding-right: 10px; - color: rgba(255, 255, 255, 0.5); - content: "/"; - } - - /*-------------------------------------------------------------- +#topbar { + height: 40px; + font-size: 14px; + transition: all 0.5s; + z-index: 996; +} + +#topbar.topbar-scrolled { + top: -40px; +} + +#topbar .contact-info i { + font-style: normal; + color: #00ffd2; +} + +#topbar .contact-info i span { + padding-left: 5px; + color: var(--color-font-primary); +} + +#topbar .languages ul { + display: flex; + flex-wrap: wrap; + list-style: none; + padding: 0; + margin: 0; + color: var(--color-font-secondary); +} + +#topbar .languages ul a { + color: white; +} + +#topbar .languages ul li + li { + padding-left: 10px; +} + +#topbar .languages ul li + li::before { + display: inline-block; + padding-right: 10px; + color: rgba(255, 255, 255, 0.5); + content: "/"; +} + +/*-------------------------------------------------------------- # Header --------------------------------------------------------------*/ - #header { - background: rgba(12, 11, 9, 0.6); - border-bottom: 1px solid rgba(12, 11, 9, 0.6); - transition: all 0.5s; - z-index: 997; - padding: 15px 0; - top: 40px; - } - - #header.header-scrolled { - top: 0; - background: rgba(0, 0, 0, 0.85); - border-bottom: 1px solid #37332a; - } - - #header .logo { - font-size: 28px; - margin: 0; - padding: 0; - line-height: 1; - font-weight: 300; - letter-spacing: 1px; - text-transform: uppercase; - font-family: "Saira Extra Condensed", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; - } - - #header .logo a { - color: var(--color-font-primary); - } - - #header .logo img { - max-height: 40px; - } - - /*-------------------------------------------------------------- +#header { + background: rgba(12, 11, 9, 0.6); + border-bottom: 1px solid rgba(12, 11, 9, 0.6); + transition: all 0.5s; + z-index: 997; + padding: 15px 0; + top: 40px; +} + +#header.header-scrolled { + top: 0; + background: rgba(0, 0, 0, 0.85); + border-bottom: 1px solid #37332a; +} + +#header .logo { + font-size: 28px; + margin: 0; + padding: 0; + line-height: 1; + font-weight: 300; + letter-spacing: 1px; + text-transform: uppercase; + font-family: "Saira Extra Condensed", -apple-system, BlinkMacSystemFont, + "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", + "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; +} + +#header .logo a { + color: var(--color-font-primary); +} + +#header .logo img { + max-height: 40px; +} + +/*-------------------------------------------------------------- # support a table button Menu --------------------------------------------------------------*/ - .support-a-table-btn { - margin: 0 0 0 15px; - border: 2px solid var(--color-font-secondary); - color: var(--color-font-primary); - border-radius: 50px; - padding: 8px 25px; - text-transform: uppercase; - font-size: 13px; - font-weight: 500; - letter-spacing: 1px; - transition: 0.3s; - } - - .support-a-table-btn:hover { - background: var(--color-font-secondary); - color: var(--color-font-primary); - } - - @media (max-width: 992px) { - .support-a-table-btn { - margin: 0 15px 0 0; - padding: 8px 20px; - } - } - - /*-------------------------------------------------------------- +.support-a-table-btn { + margin: 0 0 0 15px; + border: 2px solid var(--color-font-secondary); + color: var(--color-font-primary); + border-radius: 50px; + padding: 8px 25px; + text-transform: uppercase; + font-size: 13px; + font-weight: 500; + letter-spacing: 1px; + transition: 0.3s; +} + +.support-a-table-btn:hover { + background: var(--color-font-secondary); + color: var(--color-font-primary); +} + +@media (max-width: 992px) { + .support-a-table-btn { + margin: 0 15px 0 0; + padding: 8px 20px; + } +} + +/*-------------------------------------------------------------- # Navigation Menu --------------------------------------------------------------*/ - /** +/** * Desktop Navigation */ - .navbar { - padding: 0; - } - - .navbar ul { - margin: 0; - padding: 0; - display: flex; - list-style: none; - align-items: center; - } - - .navbar li { - position: relative; - } - - .navbar a, - .navbar a:focus { - display: flex; - align-items: center; - justify-content: space-between; - padding: 10px 0 10px 30px; - color: var(--color-font-primary); - white-space: nowrap; - transition: 0.3s; - font-size: 14px; - } - - .navbar a i, - .navbar a:focus i { - font-size: 12px; - line-height: 0; - margin-left: 5px; - } - - .navbar a:hover, - .navbar .active, - .navbar .active:focus, - .navbar li:hover>a { - color: #00ffd2; - } - - .navbar .dropdown ul { - display: block; - position: absolute; - left: 14px; - top: calc(100% + 30px); - margin: 0; - padding: 10px 0; - z-index: 99; - opacity: 0; - visibility: hidden; - background: var(--color-font-primary); - box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25); - transition: 0.3s; - border-radius: 4px; - } - - .navbar .dropdown ul li { - min-width: 200px; - } - - .navbar .dropdown ul a { - padding: 10px 20px; - color: #444444; - } - - .navbar .dropdown ul a i { - font-size: 12px; - } - - .navbar .dropdown ul a:hover, - .navbar .dropdown ul .active:hover, - .navbar .dropdown ul li:hover>a { - color: var(--color-font-secondary); - } - - .navbar .dropdown:hover>ul { - opacity: 1; - top: 100%; - visibility: visible; - } - - .navbar .dropdown .dropdown ul { - top: 0; - left: calc(100% - 30px); - visibility: hidden; - } - - .navbar .dropdown .dropdown:hover>ul { - opacity: 1; - top: 0; - left: 100%; - visibility: visible; - } - - @media (max-width: 1366px) { - .navbar .dropdown .dropdown ul { - left: -90%; - } - - .navbar .dropdown .dropdown:hover>ul { - left: -100%; - } - } - - /** +.navbar { + padding: 0; +} + +.navbar ul { + margin: 0; + padding: 0; + display: flex; + list-style: none; + align-items: center; +} + +.navbar li { + position: relative; +} + +.navbar a, +.navbar a:focus { + display: flex; + align-items: center; + justify-content: space-between; + padding: 10px 0 10px 30px; + color: var(--color-font-primary); + white-space: nowrap; + transition: 0.3s; + font-size: 14px; +} + +.navbar a i, +.navbar a:focus i { + font-size: 12px; + line-height: 0; + margin-left: 5px; +} + +.navbar a:hover, +.navbar .active, +.navbar .active:focus, +.navbar li:hover > a { + color: #00ffd2; +} + +.navbar .dropdown ul { + display: block; + position: absolute; + left: 14px; + top: calc(100% + 30px); + margin: 0; + padding: 10px 0; + z-index: 99; + opacity: 0; + visibility: hidden; + background: var(--color-font-primary); + box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25); + transition: 0.3s; + border-radius: 4px; +} + +.navbar .dropdown ul li { + min-width: 200px; +} + +.navbar .dropdown ul a { + padding: 10px 20px; + color: #444444; +} + +.navbar .dropdown ul a i { + font-size: 12px; +} + +.navbar .dropdown ul a:hover, +.navbar .dropdown ul .active:hover, +.navbar .dropdown ul li:hover > a { + color: var(--color-font-secondary); +} + +.navbar .dropdown:hover > ul { + opacity: 1; + top: 100%; + visibility: visible; +} + +.navbar .dropdown .dropdown ul { + top: 0; + left: calc(100% - 30px); + visibility: hidden; +} + +.navbar .dropdown .dropdown:hover > ul { + opacity: 1; + top: 0; + left: 100%; + visibility: visible; +} + +@media (max-width: 1366px) { + .navbar .dropdown .dropdown ul { + left: -90%; + } + + .navbar .dropdown .dropdown:hover > ul { + left: -100%; + } +} + +/** * Mobile Navigation */ - .mobile-nav-toggle { - color: var(--color-font-primary); - font-size: 28px; - cursor: pointer; - display: none; - line-height: 0; - transition: 0.5s; - } - - @media (max-width: 991px) { - .mobile-nav-toggle { - display: block; - } - - .navbar ul { - display: none; - } - } - - .navbar-mobile { - position: fixed; - overflow: hidden; - top: 0; - right: 0; - left: 0; - bottom: 0; - transition: 0.3s; - z-index: 999; - width: 40%; - margin-left: 60%; - } - - .navbar-mobile .mobile-nav-toggle { - position: absolute; - top: 15px; - right: 15px; - } - - .navbar-mobile ul { - display: block; - position: absolute; - top: 55px; - right: 15px; - bottom: 15px; - left: 15px; - padding: 10px 0; - border-radius: 6px; - background-color: var(--color-font-primary); - overflow-y: auto; - transition: 0.3s; - } - - .navbar-mobile a, - .navbar-mobile a:focus { - padding: 10px 20px; - font-size: 15px; - color: #1a1814; - } - - .navbar-mobile a:hover, - .navbar-mobile .active, - .navbar-mobile li:hover>a { - color: var(--color-font-secondary); - } - - .navbar-mobile .getstarted, - .navbar-mobile .getstarted:focus { - margin: 15px; - } - - .navbar-mobile .dropdown ul { - position: static; - display: none; - margin: 10px 20px; - padding: 10px 0; - z-index: 99; - opacity: 1; - visibility: visible; - background: var(--color-font-primary); - box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25); - } - - .navbar-mobile .dropdown ul li { - min-width: 200px; - } - - .navbar-mobile .dropdown ul a { - padding: 10px 20px; - } - - .navbar-mobile .dropdown ul a i { - font-size: 12px; - } - - .navbar-mobile .dropdown ul a:hover, - .navbar-mobile .dropdown ul .active:hover, - .navbar-mobile .dropdown ul li:hover>a { - color: var(--color-font-secondary); - } - - .navbar-mobile .dropdown>.dropdown-active { - display: block; - } - - /*-------------------------------------------------------------- +.mobile-nav-toggle { + color: var(--color-font-primary); + font-size: 28px; + cursor: pointer; + display: none; + line-height: 0; + transition: 0.5s; +} + +@media (max-width: 991px) { + .mobile-nav-toggle { + display: block; + } + + .navbar ul { + display: none; + } +} + +.navbar-mobile { + position: fixed; + overflow: hidden; + top: 0; + right: 0; + left: 0; + bottom: 0; + transition: 0.3s; + z-index: 999; + width: 40%; + margin-left: 60%; +} + +.navbar-mobile .mobile-nav-toggle { + position: absolute; + top: 15px; + right: 15px; +} + +.navbar-mobile ul { + display: block; + position: absolute; + top: 55px; + right: 15px; + bottom: 15px; + left: 15px; + padding: 10px 0; + border-radius: 6px; + background-color: var(--color-font-primary); + overflow-y: auto; + transition: 0.3s; +} + +.navbar-mobile a, +.navbar-mobile a:focus { + padding: 10px 20px; + font-size: 15px; + color: #1a1814; +} + +.navbar-mobile a:hover, +.navbar-mobile .active, +.navbar-mobile li:hover > a { + color: var(--color-font-secondary); +} + +.navbar-mobile .getstarted, +.navbar-mobile .getstarted:focus { + margin: 15px; +} + +.navbar-mobile .dropdown ul { + position: static; + display: none; + margin: 10px 20px; + padding: 10px 0; + z-index: 99; + opacity: 1; + visibility: visible; + background: var(--color-font-primary); + box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25); +} + +.navbar-mobile .dropdown ul li { + min-width: 200px; +} + +.navbar-mobile .dropdown ul a { + padding: 10px 20px; +} + +.navbar-mobile .dropdown ul a i { + font-size: 12px; +} + +.navbar-mobile .dropdown ul a:hover, +.navbar-mobile .dropdown ul .active:hover, +.navbar-mobile .dropdown ul li:hover > a { + color: var(--color-font-secondary); +} + +.navbar-mobile .dropdown > .dropdown-active { + display: block; +} + +/*-------------------------------------------------------------- # Hero Section --------------------------------------------------------------*/ - #hero { - width: 100%; - height: 100vh; - background: url("../img/hero-bg.jpg") top center; - background-size: cover; - position: relative; - padding: 0; - } - - #hero:before { - content: ""; - background: rgba(0, 0, 0, 0.5); - position: absolute; - bottom: 0; - top: 0; - left: 0; - right: 0; - } - - #hero .container { - padding-top: 110px; - } - - @media (max-width: 992px) { - #hero .container { - padding-top: 98px; - } - } - - #hero h1 { - margin: 0; - font-size: 48px; - font-weight: 700; - line-height: 56px; - color: var(--color-font-primary); - font-family: "Saira Extra Condensed", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; - } - - #hero h1 span { - color: var(--color-font-secondary); - } - - #hero h2 { - color: #eee; - margin-bottom: 10px 0 0 0; - font-size: 22px; - } - - #hero .btns { - margin-top: 30px; - } - - #hero .btn-game, - #hero .btn-support { - font-weight: 600; - font-size: 13px; - letter-spacing: 0.5px; - text-transform: uppercase; - display: inline-block; - padding: 12px 30px; - border-radius: 50px; - transition: 0.3s; - line-height: 1; - color: white; - border: 2px solid var(--color-font-secondary); - } - - #hero .btn-game:hover, - #hero .btn-support:hover { - background: var(--color-font-secondary); - color: var(--color-font-primary); - } - - #hero .btn-support { - margin-left: 15px; - } - - @media (min-width: 1024px) { - #hero { - background-attachment: fixed; - } - } - - @media (max-width: 992px) { - #hero .play-btn { - margin-top: 30px; - } - } - - @media (max-height: 500px) { - #hero { - height: auto; - } - - #hero .container { - padding-top: 130px; - padding-bottom: 60px; - } - } - - @media (max-width: 768px) { - #hero h1 { - font-size: 28px; - line-height: 36px; - } - - #hero h2 { - font-size: 18px; - line-height: 24px; - } - } - - @-webkit-keyframes pulsate-btn { - 0% { - transform: scale(0.6, 0.6); - opacity: 1; - } - - 100% { - transform: scale(1, 1); - opacity: 0; - } - } - - @keyframes pulsate-btn { - 0% { - transform: scale(0.6, 0.6); - opacity: 1; - } - - 100% { - transform: scale(1, 1); - opacity: 0; - } - } - - /*-------------------------------------------------------------- +#hero { + width: 100%; + height: 100vh; + background: url("../img/hero-bg.jpg") top center; + background-size: cover; + position: relative; + padding: 0; +} + +#hero:before { + content: ""; + background: rgba(0, 0, 0, 0.5); + position: absolute; + bottom: 0; + top: 0; + left: 0; + right: 0; +} + +#hero .container { + padding-top: 110px; +} + +@media (max-width: 992px) { + #hero .container { + padding-top: 98px; + } +} + +#hero h1 { + margin: 0; + font-size: 48px; + font-weight: 700; + line-height: 56px; + color: var(--color-font-primary); + font-family: "Saira Extra Condensed", -apple-system, BlinkMacSystemFont, + "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", + "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; +} + +#hero h1 span { + color: var(--color-font-secondary); +} + +#hero h2 { + color: #eee; + margin-bottom: 10px 0 0 0; + font-size: 22px; +} + +#hero .btns { + margin-top: 30px; +} + +#hero .btn-game, +#hero .btn-support { + font-weight: 600; + font-size: 13px; + letter-spacing: 0.5px; + text-transform: uppercase; + display: inline-block; + padding: 12px 30px; + border-radius: 50px; + transition: 0.3s; + line-height: 1; + color: white; + border: 2px solid var(--color-font-secondary); +} + +#hero .btn-game:hover, +#hero .btn-support:hover { + background: var(--color-font-secondary); + color: var(--color-font-primary); +} + +#hero .btn-support { + margin-left: 15px; +} + +@media (min-width: 1024px) { + #hero { + background-attachment: fixed; + } +} + +@media (max-width: 992px) { + #hero .play-btn { + margin-top: 30px; + } +} + +@media (max-height: 500px) { + #hero { + height: auto; + } + + #hero .container { + padding-top: 130px; + padding-bottom: 60px; + } +} + +@media (max-width: 768px) { + #hero h1 { + font-size: 28px; + line-height: 36px; + } + + #hero h2 { + font-size: 18px; + line-height: 24px; + } +} + +@-webkit-keyframes pulsate-btn { + 0% { + transform: scale(0.6, 0.6); + opacity: 1; + } + + 100% { + transform: scale(1, 1); + opacity: 0; + } +} + +@keyframes pulsate-btn { + 0% { + transform: scale(0.6, 0.6); + opacity: 1; + } + + 100% { + transform: scale(1, 1); + opacity: 0; + } +} + +/*-------------------------------------------------------------- # Sections General --------------------------------------------------------------*/ - section { - padding: 60px 0; - overflow: hidden; - } - - .section-bg { - background-color: #1a1814; - } - - .section-title { - padding-bottom: 40px; - } - - .section-title h2 { - font-size: 14px; - font-weight: 500; - padding: 0; - line-height: 1px; - margin: 0 0 5px 0; - letter-spacing: 2px; - text-transform: uppercase; - color: #aaaaaa; - font-family: "Saira Extra Condensed", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; - } - - .section-title h2::after { - content: ""; - width: 120px; - height: 1px; - display: inline-block; - background: rgba(255, 255, 255, 0.2); - margin: 4px 10px; - } - - .section-title p { - margin: 0; - margin: 0; - font-size: 36px; - font-weight: 700; - font-family: "Saira Extra Condensed", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; - color: var(--color-font-secondary); - } - - /*-------------------------------------------------------------- +section { + padding: 60px 0; + overflow: hidden; +} + +.section-bg { + background-color: #1a1814; +} + +.section-title { + padding-bottom: 40px; +} + +.section-title h2 { + font-size: 14px; + font-weight: 500; + padding: 0; + line-height: 1px; + margin: 0 0 5px 0; + letter-spacing: 2px; + text-transform: uppercase; + color: #aaaaaa; + font-family: "Saira Extra Condensed", -apple-system, BlinkMacSystemFont, + "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", + "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; +} + +.section-title h2::after { + content: ""; + width: 120px; + height: 1px; + display: inline-block; + background: rgba(255, 255, 255, 0.2); + margin: 4px 10px; +} + +.section-title p { + margin: 0; + margin: 0; + font-size: 36px; + font-weight: 700; + font-family: "Saira Extra Condensed", -apple-system, BlinkMacSystemFont, + "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", + "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; + color: var(--color-font-secondary); +} + +/*-------------------------------------------------------------- # Game --------------------------------------------------------------*/ - .game1 { - height:auto; +.game1 { + height: auto; padding-top: 4rem; - } +} - .fade-in-my-text { +.fade-in-my-text { animation: fadeIn 10s; } @keyframes fadeIn { - 0% { opacity: 0; } - 100% { opacity: 1; } + 0% { + opacity: 0; + } + 100% { + opacity: 1; + } } - - /*-------------------------------------------------------------- + +/*-------------------------------------------------------------- # News ---------------------------------------------------------------*/ .newsContainer { @@ -707,22 +740,22 @@ body::-webkit-scrollbar-thumb { .newsImage-block { margin-top: 24px; - margin-left:10; + margin-left: 10; display: flex; flex-wrap: wrap; -/* border: 3px solid #04ff08; */ + /* border: 3px solid #04ff08; */ } /* .newsImage-block-inner { border: 3px solid #bc0f0f; } */ -.newsImage-block li>.newsImage-block-inner { +.newsImage-block li > .newsImage-block-inner { padding-bottom: 10px; background-color: var(--color-font-primary); -/* background-color: rgba(243, 213, 17, 0.534); */ + /* background-color: rgba(243, 213, 17, 0.534); */ height: 100%; -/* border: 3px solid #bc0f0f; */ + /* border: 3px solid #bc0f0f; */ } a { @@ -739,7 +772,7 @@ a:hover { text-decoration: none; } -.newsImage-block li>.newsImage-block-inner>a { +.newsImage-block li > .newsImage-block-inner > a { display: block; overflow: hidden; } @@ -748,44 +781,43 @@ a:hover { border: 1px solid #e1e1df; } */ -.newsImage-block li>.newsImage-block-inner:hover { - background-color:#00ffd2; +.newsImage-block li > .newsImage-block-inner:hover { + background-color: #00ffd2; } .hp-posts-cat { margin-bottom: 13px; margin-top: 35px; text-transform: uppercase; - color:#37332a; + color: #37332a; font-weight: 600; font-size: 1rem; letter-spacing: 0.1rem; display: inline-block; } - -.news .image-block li>.image-block-inner h4, +.news .image-block li > .image-block-inner h4, .hp-posts-cat, -.news .image-block li>.image-block-inner p, +.news .image-block li > .image-block-inner p, .read-more { padding: 0 28px; } -.news-text{ +.news-text { min-height: 100px; } -.mehr{ +.mehr { position: relative; - bottom:-10px; - left:-15px; + bottom: -10px; + left: -15px; } .synth { background-size: cover; height: 120vh; width: 100%; - position:absolute; -z-index: -1; + position: absolute; + z-index: -1; } /* Media Queries */ @@ -804,13 +836,12 @@ z-index: -1; } @media (min-width: 1200px) { - .image-block li>.image-block-inner>a { + .image-block li > .image-block-inner > a { max-height: 245px; } } @media (min-width: 992px) { - .pl-lg-0, .px-lg-0 { padding-left: 0; @@ -824,56 +855,70 @@ z-index: -1; } } - /*-------------------------------------------------------------- +/*-------------------------------------------------------------- # Support --------------------------------------------------------------*/ - .my-6{ - margin-top: 4rem!important; - margin-bottom: 4rem!important; - } +.my-6 { + margin-top: 4rem !important; + margin-bottom: 4rem !important; +} - .form-label { +.form-label { color: #1a1814; - } +} - .form-control { - background-color:black; +.form-control { + background-color: black; color: white; - } - - .form-control:focus{ - background-color:black; +} + +.form-control:focus { + background-color: black; color: white; - } +} - .text1 { +.text1 { color: #1a1814; border: 2px solid red; border-radius: 12px; padding: 5px; } - .core{ +.core { background-color: #f8ef02; } - - /*-------------------------------------------------------------- +/*-------------------------------------------------------------- # About --------------------------------------------------------------*/ -#company{background-image: url("../img/about/acjpg2.jpg");background-origin: padding-box; +#company { + background-image: url("../img/about/acjpg2.jpg"); + background-origin: padding-box; } -#textFirma{background-color: var(--color-font-primary);background-origin: padding-box; +#textFirma { + background-color: var(--color-font-primary); + background-origin: padding-box; } -#kontakt {background-image: url("../img/about/acjpg2.jpg");background-origin: padding-box; +#kontakt { + background-image: url("../img/about/acjpg2.jpg"); + background-origin: padding-box; } -.accordion-item,.accordion-button{background-color: var(--color-font-primary);background-origin: padding-box; +.accordion-item, +.accordion-button { + background-color: var(--color-font-primary); + background-origin: padding-box; } -.accordion-button:not(.collapsed) {background-color: var(--color-font-primary);background-origin: padding-box; +.accordion-button:not(.collapsed) { + background-color: var(--color-font-primary); + background-origin: padding-box; } -#büro{background-image: url("../img/about/acjpg3.jpg");background-origin: padding-box; +#büro { + background-image: url("../img/about/acjpg3.jpg"); + background-origin: padding-box; } -#Karte{background-image: url("../img/about/acjpg2.jpg");background-origin: padding-box; +#Karte { + background-image: url("../img/about/acjpg2.jpg"); + background-origin: padding-box; } /* #kontaktDaten { @@ -882,202 +927,206 @@ z-index: -1; #kontaktBild { } */ - /*-------------------------------------------------------------- +/*-------------------------------------------------------------- # Impressum --------------------------------------------------------------*/ - - #impressum { - - width: 100%; - height: 100%; - position: relative; - padding: 20px; - } - - #impressum:before { - content: ""; -/* */ - position: absolute; - bottom: 0; - top: 0; - left: 0; - right: 0; - } - - #impressum .container { - padding-top: 110px; - } - - #impressum h1 { - - margin: 0; - font-size: 48px; - font-weight: 700; - line-height: 56px; - color: #fff; - font-family: "Saira Extra Condensed", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; - } - - #impressum h1 span { - color: var(--color-font-primary); - } - - #impressum h2 { - color: #eee; - margin-bottom: 10px 0 0 0; - font-size: 22px; - } - - /*-------------------------------------------------------------- + +#impressum { + width: 100%; + height: 100%; + position: relative; + padding: 20px; +} + +#impressum:before { + content: ""; + /* */ + position: absolute; + bottom: 0; + top: 0; + left: 0; + right: 0; +} + +#impressum .container { + padding-top: 110px; +} + +#impressum h1 { + margin: 0; + font-size: 48px; + font-weight: 700; + line-height: 56px; + color: #fff; + font-family: "Saira Extra Condensed", -apple-system, BlinkMacSystemFont, + "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", + "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; +} + +#impressum h1 span { + color: var(--color-font-primary); +} + +#impressum h2 { + color: #eee; + margin-bottom: 10px 0 0 0; + font-size: 22px; +} + +/*-------------------------------------------------------------- # Footer --------------------------------------------------------------*/ - #footer { - background: black; - padding: 0 0 30px 0; - color: var(--color-font-primary); - font-size: 14px; - } - - #footer .footer-top { - background: #0c0b09; - border-top: 1px solid #37332a; - border-bottom: 1px solid #28251f; - padding: 60px 0 30px 0; - } - - #footer .footer-top .footer-info { - margin-bottom: 30px; - } - - #footer .footer-top .footer-info h3 { - font-size: 24px; - margin: 0 0 20px 0; - padding: 2px 0 2px 0; - line-height: 1; - font-weight: 300; - text-transform: uppercase; - font-family: "Saira Extra Condensed", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; - } - - #footer .footer-top .footer-info p { - font-size: 14px; - line-height: 24px; - margin-bottom: 0; - font-family: "Saira Extra Condensed", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; - color: var(--color-font-primary); - } - - #footer .footer-top .social-links a { - font-size: 18px; - display: inline-block; - background: #28251f; - color: var(--color-font-primary); - line-height: 1; - padding: 8px 0; - margin-right: 4px; - border-radius: 50%; - text-align: center; - width: 36px; - height: 36px; - transition: 0.3s; - } - - #footer .footer-top .social-links a:hover { - background: var(--color-font-secondary); - color: #1a1814; - text-decoration: none; - } - - #footer .footer-top h4 { - font-size: 16px; - font-weight: 600; - color: var(--color-font-primary); - position: relative; - padding-bottom: 12px; - } - - #footer .footer-top .footer-links { - margin-bottom: 30px; - } - - #footer .footer-top .footer-links ul { - list-style: none; - padding: 0; - margin: 0; - } - - #footer .footer-top .footer-links ul i { - padding-right: 2px; - color: var(--color-font-secondary); - font-size: 18px; - line-height: 1; - } - - #footer .footer-top .footer-links ul li { - padding: 10px 0; - display: flex; - align-items: center; - } - - #footer .footer-top .footer-links ul li:first-child { - padding-top: 0; - } - - #footer .footer-top .footer-links ul a { - color: var(--color-font-primary); - transition: 0.3s; - display: inline-block; - line-height: 1; - } - - #footer .footer-top .footer-links ul a:hover { - color: var(--color-font-secondary); - } - - #footer .footer-top .footer-newsletter form { - margin-top: 30px; - background: #28251f; - padding: 6px 10px; - position: relative; - border-radius: 50px; - border: 1px solid #454035; - } - - #footer .footer-top .footer-newsletter form input[type=email] { - border: 0; - padding: 4px; - width: calc(100% - 110px); - background: #28251f; - color: white; - } - - #footer .footer-top .footer-newsletter form input[type=submit] { - position: absolute; - top: -1px; - right: -1px; - bottom: -1px; - border: 0; - background: none; - font-size: 16px; - padding: 0 20px 2px 20px; - background: #017460; - color: var(--color-font-primary); - transition: 0.3s; - border-radius: 50px; - } - - #footer .footer-top .footer-newsletter form input[type=submit]:hover { - background: #00836b; - } - - #footer .copyright { - text-align: center; - padding-top: 30px; - } - - #footer .credits { - padding-top: 10px; - text-align: center; - font-size: 13px; - color: var(--color-font-primary); - } \ No newline at end of file +#footer { + background: black; + padding: 0 0 30px 0; + color: var(--color-font-primary); + font-size: 14px; +} + +#footer .footer-top { + background: #0c0b09; + border-top: 1px solid #37332a; + border-bottom: 1px solid #28251f; + padding: 60px 0 30px 0; +} + +#footer .footer-top .footer-info { + margin-bottom: 30px; +} + +#footer .footer-top .footer-info h3 { + font-size: 24px; + margin: 0 0 20px 0; + padding: 2px 0 2px 0; + line-height: 1; + font-weight: 300; + text-transform: uppercase; + font-family: "Saira Extra Condensed", -apple-system, BlinkMacSystemFont, + "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", + "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; +} + +#footer .footer-top .footer-info p { + font-size: 14px; + line-height: 24px; + margin-bottom: 0; + font-family: "Saira Extra Condensed", -apple-system, BlinkMacSystemFont, + "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", + "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; + color: var(--color-font-primary); +} + +#footer .footer-top .social-links a { + font-size: 18px; + display: inline-block; + background: #28251f; + color: var(--color-font-primary); + line-height: 1; + padding: 8px 0; + margin-right: 4px; + border-radius: 50%; + text-align: center; + width: 36px; + height: 36px; + transition: 0.3s; +} + +#footer .footer-top .social-links a:hover { + background: var(--color-font-secondary); + color: #1a1814; + text-decoration: none; +} + +#footer .footer-top h4 { + font-size: 16px; + font-weight: 600; + color: var(--color-font-primary); + position: relative; + padding-bottom: 12px; +} + +#footer .footer-top .footer-links { + margin-bottom: 30px; +} + +#footer .footer-top .footer-links ul { + list-style: none; + padding: 0; + margin: 0; +} + +#footer .footer-top .footer-links ul i { + padding-right: 2px; + color: var(--color-font-secondary); + font-size: 18px; + line-height: 1; +} + +#footer .footer-top .footer-links ul li { + padding: 10px 0; + display: flex; + align-items: center; +} + +#footer .footer-top .footer-links ul li:first-child { + padding-top: 0; +} + +#footer .footer-top .footer-links ul a { + color: var(--color-font-primary); + transition: 0.3s; + display: inline-block; + line-height: 1; +} + +#footer .footer-top .footer-links ul a:hover { + color: var(--color-font-secondary); +} + +#footer .footer-top .footer-newsletter form { + margin-top: 30px; + background: #28251f; + padding: 6px 10px; + position: relative; + border-radius: 50px; + border: 1px solid #454035; +} + +#footer .footer-top .footer-newsletter form input[type="email"] { + border: 0; + padding: 4px; + width: calc(100% - 110px); + background: #28251f; + color: white; +} + +#footer .footer-top .footer-newsletter form input[type="submit"] { + position: absolute; + top: -1px; + right: -1px; + bottom: -1px; + border: 0; + background: none; + font-size: 16px; + padding: 0 20px 2px 20px; + background: #017460; + color: var(--color-font-primary); + transition: 0.3s; + border-radius: 50px; +} + +#footer .footer-top .footer-newsletter form input[type="submit"]:hover { + background: #00836b; +} + +#footer .copyright { + text-align: center; + padding-top: 30px; +} + +#footer .credits { + padding-top: 10px; + text-align: center; + font-size: 13px; + color: var(--color-font-primary); +} diff --git a/assets/img/game/Johnny_Silverhand.html b/assets/img/game/Johnny_Silverhand.html index 79b1ca1..76bca8b 100644 --- a/assets/img/game/Johnny_Silverhand.html +++ b/assets/img/game/Johnny_Silverhand.html @@ -1,368 +1,496 @@ - + - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -Cyberpunk 2077: Johnny Silverhand hat mich eiskalt manipuliert - - - - - - - - - - - - - - - - - - - - - - - - - - - + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + Cyberpunk 2077: Johnny Silverhand hat mich eiskalt manipuliert + + + + + + + + + + + + + + + + + + + + + + + + + + + - - - - - + + + + - - - - - - - - - - - + + + + + + + + + + - - - - - - - - - - - - - - - - - - - - - - - - - + /* Header Slim - heruntergescrollt */ + @media screen and (max-width: 1133px) and (min-width: 976px) { + .header-slim li.nav-item.dropdown[data-nid="340"] { + display: none; + } + } + + @media screen and (max-width: 1026px) and (min-width: 976px) { + .header-slim li.nav-item.dropdown[data-nid="341"] { + display: none; + } + } + + + + + + + + + + + + + + + + + + + + + + + + + + - - - - - - - -
-
- - -
- -
-
- -
-
-
- -
-
-
- -
- -
-
-
- -
-
-
-
-
- -
-
-
-
- - -
-
-
-
-
- - + + +
+
+ + +
+ +
+ +
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+ +
+
+ +
+
+ +
+
+ +
+
+
+
+ +
+
+
+
+ + +
+
+
+
+
+ + -
-
-

Cyberpunk 2077: Johnny Silverhand hat mich eiskalt manipuliert - und das ist super

-
-
-

Meinung: Johnny Silverhand ist der wichtigste NPC in Cyberpunk und hat bei Fabiano genau die richtige Wirkung gehabt: Er hat es unmöglich gemacht, ihn zu hassen.

-
-
-
-
-
- -
-
- -
-
-
-
-
-
-

- - - -

-Auf der E3 2019 gab es damals eigentlich nur ein echtes Highlight: Keanu Reeves, der überraschend als Johnny Silverhand für Cyberpunk 2077 angekündigt wurde. Zumindest mich hat das recht unvorbereitet erwischt und ziemlich gefreut. Dabei bin ich persönlich kein riesiger Fan des Schauspielers. Ich habe nur einen einzigen seiner Filme bis jetzt gesehen. Und das war weder Matrix noch John Wick, sondern Bill & Teds verrückte Reise durch die Zeit. -

-
-
-
-

-Die Starpower war aber natürlich unverkennbar und brachte mit »Breathtaking!« wenigstens noch ein Cyberpunk-Meme hervor, in dem es nicht um die kaputte Konsolen-Versionen ging. Wilde Zeiten. Nennt mich naiv, aber für mich war das damals auch deshalb so eine Überraschung, weil ich selbst nach Witcher 3 CD Projekt noch nicht für diese Art Mainstream-Studio gehalten hab, das bereit ist, für einen Hollywoodstar Ressourcen auszugeben. -

- - -"Wake up, Samurai. We have a city to burn." Johnnys erster Auftritt bei der E3 2019 bleibt unvergessen. - - -"Wake up, Samurai. We have a city to burn." Johnnys erster Auftritt bei der E3 2019 bleibt unvergessen. -

-Mein Interesse an Johnny Silverhand war also geweckt, doch erste Infos alles andere als begeisternd. Irgendein rebellischer Rockstar halt. Na gut. Und dann kam in den späteren Previews von Kollege Graf auch noch heraus, dass Johnny ein ziemliches Arschloch (sic!) sei. Da wusste ich eigentlich schon, dass Johnny es mit meinem Charakter schwer haben würde. -

-
-

Noch nie lag ich so falsch.

-

-Spoileralarm! -
-
-Kleine Warnung gleich vorweg: Ich werde in diesem Artikel über meine Spielzeit an der Seite von Johnny Silverhand sprechen. Da Johnny neben unserem eigenen Helden die wichtigste Figur im Spiel ist, werde ich wohl oder übel ein paar kleinere Inhalte der Kampagne vornweg nehmen. Ich achte darauf, keine großen Enthüllungen zu verraten. Aber wenn ihr komplett unbefangen ins Spiel gehen wollt, dann lasst diesen Artikel hier besser erst einmal ruhen. -

-
-

Klare Prinzipien

-

Ich bin ein Rollenspieler. Sowohl am Tisch mit Stiften, Papier und echten Würfeln, aber auch am PC. Ich spiele mich also nicht selbst, sondern verkörpere eine bestimmte Rolle. Dafür gebe ich meiner Figur erdachte Prinzipien, Ideale und Vorlieben mit auf den Weg und versuch ein konsequentes Charakterspiel durchzuhalten. Wie man das bei Cyberpunk am besten macht, habe ich sogar in einem Guide für Plus festgehalten:

- -
-
-
-Guide: So macht ihr Cyberpunk 2077 zu einem echten Rollenspiel - - - -  56   -  26 - - -
-
-
-

-Mehr zum Thema - -

-
-Guide: So macht ihr Cyberpunk 2077 zu einem echten Rollenspiel -
-
-
- -
-
-
-
-
-
-

Nicht immer entsprechen die Vorstellungen meines Charakters dann meinen eigenen. Bei Cyberpunk entschloss ich mich aber, eine V zu verkörpern, die durchaus ein paar Gemeinsamkeiten mit mir hat. Meine V raucht beispielsweise nicht. Außerdem hatte ich grundsätzlich so wenig Bock auf Johnny Silverhand, dass sich dieser Unmut auch auf meine V übertragen sollte.

-Das hat sich natürlich nochmal verschärft, als die Story von Cyberpunk 2077 anfing ihren Lauf zu nehmen. Letzte Warnung vor kleinen Spoiler! -

Denn Johnny Silverhand ist nicht nur eine zweite Persönlichkeit, die sich in Form eines digitalen Geistes in Vs Kopf manifestiert. Der nervige Chip versucht sogar, Vs Identität zu überschreiben. Also im Prinzip meinen Charakter aus seinem Körper zu löschen, damit Johnny sich darin einnisten kann. »No Way, Jose!«, war mein erster Gedanke.

-

- - -Cyberpunk 2077: Vom Rockerboy zum Terroristen - Wer ist Johnny Silverhand? - - - - - - - -0 - - - - -Cyberpunk 2077: Vom Rockerboy zum Terroristen - Wer ist Johnny Silverhand? -

-

Ich wusste, dass ich als Rollenspieler gut in der Lage bin, auf den Prinzipien meines Charakters zu beharren. Ich wusste, dass ich Johnny weder meinen Körper überlassen, noch mich mit ihm anfreunden wollte. Doch Johnny gelang es schon recht bald, meine oftmals harte Linie aufzuweichen.

-

Ein einzigartiger Gefährte

-

Bereits in den ersten Momenten, nachdem Johnny anfängt prominent zu werden, musste ich meine ursprüngliche Meinung über ihn revidieren. Johnny ist durchaus ein ziemlich zynischer Drecksack, aber mit dieser einzigartigen Situation genau so überfordert wie V.

-
-
-
-

Nach anfänglicher Abneigung scheint sich Johnny jedoch erstaunlich schnell mit seiner Lage zu arrangieren. Von da an taucht das Großmaul regelmäßig, teilweise unerwartet, in unserem Sichtfeld auf. Kommentiert meine Entscheidungen (auch kritisch) oder gibt Ratschläge. Vielleicht war es seine permanente Präsenz oder Keanu Reeves erstaunlich energiegeladene Performance, doch Johnny begann mir nach und immer besser zu gefallen.

- - -Es passiert zwar selten, aber es passiert: Johnny kann gelegentlich auch nett zu anderen Menschen sein. - - -Es passiert zwar selten, aber es passiert: Johnny kann gelegentlich auch nett zu anderen Menschen sein. -

Oft dank der kleinen Momente, die CD Projekt in Cyberpunk meisterhaft verwendet, um seinen Charakteren Leben einzuhauchen. Sei es Johnnys Respekt für einen einfachen Gitarrist auf der Straße, oder wenn er plötzlich neben V in einer Achterbahn sitzt und grinst wie ein 12-jähriger.

- -
-
-
-Cyberpunk 2077: Die coolsten (versteckten) Nebenmissionen - - - -  19   -  10 - - -
-
-
-

-Mehr zum Thema - -

-
-Cyberpunk 2077: Die coolsten (versteckten) Nebenmissionen -
-
-
- -
-
-
-

Doch letztlich waren es eben nicht nur die guten Momente, die mir den Charakter näher brachten. Gerade weil wir vor allem in Flashbacks immer wieder mitbekommen, was Johnny eigentlich für eine defekte Persönlichkeit ist, strahlen die lichten Momente so viel heller. Wir sehen, wie Johnny Menschen in seiner Umgebung verbal und physisch ständig angeht. Dem scheinbar alles außer seinem Kreuzzug gegen Arasaka egal ist. Der offenbar selbst nicht weiß, ob er jemanden liebt oder hasst.

Eine Figur mit so vielen charakterlichen Schwächen doch noch irgendwie sympathisch erscheinen zu lassen. Dafür zu sorgen, dass wir ihm Fehltritte irgendwann leichter verzeihen oder sogar darüber lachen können - das ist eine ganz große erzählerische Kunst. Etwas, das man in Videospielen sehr selten findet. Vor allem, wenn es um einen NPC und nicht die eigene Spielfigur geht.

Gleichzeitig vermutete ich, dass Johnny V gezielt manipuliert. Immerhin kam der Umschwung von »blas dir besser das Hirn raus« zu »lass uns dir helfen« ziemlich schnell. Klar, versucht der nur mich einzulullen, um letztlich Vs Körper zu kapern. Gleichzeitig verschmelzen die Persönlichkeiten immer weiter.

Einmal ärgerte ich mich etwa erst über das Spiel, als meine V plötzlich doch ne Schachtel Zigaretten dabei hatte. Bis mir klar war ... Moment, das ist kein Fehler. Das ist Johnny. Was für ein toller erzählerischer Kniff! Denn anstatt meine V umzudrehen, hat er mich, den Spieler, auf seine Seite gezogen.

-

Ich wollte Johnny sein

-

Im Verlauf der Story wurde in mir der Wunsch immer größer, Johnny zu spielen und nicht länger meinen eigenen Charakter. Ich war von dieser Charakterdynamik so eingenommen, dass meine komplettes Konzept über Bord ging. Das lag sicher an Johnny selbst, aber auch an fast schon stupiden Kleinigkeiten.

Beispielsweise fand ich Johnnys Revolver schon im ersten Flashback einfach hinreißend. Das Schießeisen selbst zu benutzen, hat mir einen höllischen Spaß bereitet. Auch dank der einzigartigen Nachladeanimation oder dem feurigen Nahkampfangriff. Dann gab es noch ne schicke Sonnenbrille als Questbelohnung und ein Porsche. Alles simpel, alles oberflächlich. Aber ich wollte das haben!

- - -Johnnys Porsche wirkt ein wenig aus der Zeit gefallen, macht ihn aber auch deshalb interessant. So fern ihr euch an dem Productplacement nicht stört. - - -Johnnys Porsche wirkt ein wenig aus der Zeit gefallen, macht ihn aber auch deshalb interessant. So fern ihr euch an dem Productplacement nicht stört. -

Silverhand hat es zudem geschafft, dass ich Keanu Reeves vergessen habe. Ein Kunststück, dass ich Cyberpunk sehr hoch anrechne. Denn eigentlich nerven mich berühmte Schauspieler in Videospielen. Eigentlich glaube ich, dass Videospielcharaktere das nicht brauchen und mehr von ihrer Einzigartigkeit einbüßen, als etwas zu gewinnen. Ich habe beim Spielen aber schlicht in Silverhand nicht mehr Keanu Reeves gesehen. Sondern ein abgehalfterten, verzweifelt idealistischen, viel zu selbstsicheren Rebellen.

-Letztlich bin ich sehr dankbar dafür, dass Johnny auf mich diesen extremen Effekt hatte. Es war einer dieser raren Momente, in denen Spiele scheinbar die Grenze zwischen Spiel und Realität verschwimmen lassen. Wer bestimmt denn überhaupt noch, was mein Charakter sagt? Die Person, die sie eigentlich sein soll? Johnny? Oder ich, der mehr von Johnny begeisterte ist als von seiner eigenen Heldin. Also doch Johnny? Ich weiß es bis heute nicht. -

Aber ich weiß, dass CD Projekt es geschafft hat, mit Silverhand einen grandiosen NPC zu erschaffen, der mir eine einzigartige Spielerfahrung beschert hat und den ich bestimmt nie wieder vergessen werde.

-
- -
- -zu den Kommentaren (123) -
- -
-
- -
-
-
-
-
-
Kommentare(123)
-
- -
-
-
-
-

Nur angemeldete Benutzer können kommentieren und bewerten.

-
- -
-
- - -
-
-
-
- - - - - -
-
-
- -
-
-
-
-
-
-
-
-
-
-
- -Cyberpunk 2077 - -
-
-
-

-Cyberpunk 2077 -

-

Genre: Rollenspiel

-

-Release: 10.12.2020 (PC, PS4, Xbox One, Stadia), 1. Quartal 2022 (PS5, Xbox Series X/S) -

-
-
-
- - - -
-
-
-
-
-
-
-
- - -
-
-
- -
-
-
-
-
-
-
- -
-
-
- - - -
-
-
-
- - - +
+
+ +
+
+
+
+
+
Kommentare(123)
+
+ +
+
+
+
+

Nur angemeldete Benutzer können kommentieren und bewerten. +

+
+ +
+
+ + +
+
+
+
+
+ + + + + +
+
+
+ +
+
+
+
+
+
+
+
+
+
+
+
+
+ + Cyberpunk 2077 + +
+
+
+

+ Cyberpunk + 2077 +

+

Genre: Rollenspiel

+

+ Release: 10.12.2020 (PC, PS4, Xbox One, Stadia), 1. Quartal 2022 + (PS5, Xbox Series X/S) +

+
+
+
+ + + +
+
+
+
+
+
+
+ +
+
+ + +
+
+ +
+
+ +
+
+ +
+
+
+
+
+
+ +
+
+
+ + + +
+
+
+ + + + - - - - - - - - - - - - - - - - - - - - - - - - - - - - - + + + + + + + + + + + + + + + + + + + + + + + + + + + + + - + + \ No newline at end of file diff --git a/assets/js/main.js b/assets/js/main.js index cda0212..e52c79b 100644 --- a/assets/js/main.js +++ b/assets/js/main.js @@ -1,4 +1,4 @@ -(function() { +(function () { "use strict"; /** @@ -110,7 +110,7 @@ /** * Mobile nav toggle */ - on('click', '.mobile-nav-toggle', function(e) { + on('click', '.mobile-nav-toggle', function (e) { select('#navbar').classList.toggle('navbar-mobile') this.classList.toggle('bi-list') this.classList.toggle('bi-x') @@ -119,7 +119,7 @@ /** * Mobile nav dropdowns activate */ - on('click', '.navbar .dropdown > a', function(e) { + on('click', '.navbar .dropdown > a', function (e) { if (select('#navbar').classList.contains('navbar-mobile')) { e.preventDefault() this.nextElementSibling.classList.toggle('dropdown-active') @@ -129,7 +129,7 @@ /** * Scrool with ofset on links with a class name .scrollto */ - on('click', '.scrollto', function(e) { + on('click', '.scrollto', function (e) { if (select(this.hash)) { e.preventDefault() diff --git a/assets/vendor/bootstrap-icons/index.html b/assets/vendor/bootstrap-icons/index.html index 1dd4cb1..c6d2d2c 100644 --- a/assets/vendor/bootstrap-icons/index.html +++ b/assets/vendor/bootstrap-icons/index.html @@ -1,5 +1,6 @@ + bootstrap-icons @@ -8,20 +9,24 @@ .icons { display: grid; max-width: 100%; - grid-template-columns: repeat(auto-fit, minmax(100px, 1fr) ); + grid-template-columns: repeat(auto-fit, minmax(100px, 1fr)); gap: 1.25rem; } + .icon { background-color: var(--bs-light); border-radius: .25rem; } + .bi { margin: .25rem; font-size: 2.5rem; } + .label { font-family: var(--bs-font-monospace); } + .label { display: inline-block; width: 100%; @@ -36,6 +41,7 @@ +

bootstrap-icons

@@ -7288,4 +7294,5 @@

bootstrap-icons

- + + \ No newline at end of file diff --git a/game.html b/game.html index 10ce349..7e6cabe 100644 --- a/game.html +++ b/game.html @@ -25,7 +25,9 @@ - + @@ -94,69 +96,118 @@

Das beste Spiel das es gibt. Ich weis das du es weisst.

-
+
-
-
-
-

IT'S ME...JOHNNY!

-
cyberp77021_teaser
- -
-
-

GAME HISTORY

-

Cyberpunk 2077 is an action role-playing video game developed by CD Projekt Red and published by CD Projekt. The story takes place in Night City, an open world set in the Cyberpunk universe. Players assume the first-person perspective of a customisable mercenary known as V, who can acquire skills in hacking and machinery with options for melee and ranged combat. The story follows V's struggle as he deals with a mysterious cybernetic implant that threatens to overwrite his body with the personality and memories of a deceased celebrity only perceived by V; the two must work together if there is any hope to separate the two and save V's life.

+
+
+
+

IT'S ME...JOHNNY!

+
cyberp77021_teaser
+ +
+
+

GAME HISTORY

+
+

Cyberpunk 2077 is an action role-playing video game developed by CD Projekt + Red and published by CD Projekt. The story takes place in Night City, an open world set in the Cyberpunk + universe. Players assume the first-person perspective of a customisable mercenary known as V, who can + acquire skills in hacking and machinery with options for melee and ranged combat. The story follows V's + struggle as he deals with a mysterious cybernetic implant that threatens to overwrite his body with the + personality and memories of a deceased celebrity only perceived by V; the two must work together if + there is any hope to separate the two and save V's life.

+
-
-
-

CYBERPUNK 77:

Official Trailer/Edgerunners

-

Original game trailer. See it here first!

Lorem ipsum dolor, sit amet consectetur adipisicing elit. Vel quis ex quia ad aliquid harum ratione odio commodi fugit, aperiam vero, animi voluptates itaque perspiciatis possimus reprehenderit quaerat quam consequatur?

-
-
+
+
+

CYBERPUNK 77:
+

Official Trailer/Edgerunners +

+
+

Original game trailer. See it here first!

+

Lorem ipsum dolor, sit amet consectetur adipisicing elit. Vel quis ex quia ad aliquid harum ratione + odio commodi fugit, aperiam vero, animi voluptates itaque perspiciatis possimus reprehenderit quaerat + quam consequatur?

+
+
+
+ +
-

Netflix original spin-off-series: Edgerunners!

Lorem ipsum dolor sit amet consectetur adipisicing elit. Repellendus architecto sequi libero facere, placeat rem ipsum sint officiis praesentium labore excepturi rerum ducimus eum perferendis totam eos pariatur accusamus corrupti.

+

Netflix original spin-off-series: Edgerunners!

+

Lorem ipsum dolor sit amet consectetur adipisicing elit. Repellendus architecto sequi libero facere, + placeat rem ipsum sint officiis praesentium labore excepturi rerum ducimus eum perferendis totam eos + pariatur accusamus corrupti.

-
+
-
-

NIGHT CITY
 – The City That Never Sleeps

-

Night City is an American megacity in the Free State of North California, controlled by corporations and unassailed by the laws of both country and state. It sees conflict from rampant gang wars and its ruling entities contending for dominance. The city relies on robotics for everyday aspects like waste collection, maintenance, and public transportation. Its visual identity is derived from the four eras it underwent—austere Entropism, colourful Kitsch, imposing Neomilitarism, and opulent Neokitsch. Homelessness abounds but does not preclude cybernetic modification for the poor, giving rise to cosmetic addiction and consequent violence.

-
cyberp77021_teaser
-
+
+
+

NIGHT CITY
 – The + City That Never Sleeps

+
+

Night City is an American megacity in the Free State of North California, + controlled by corporations and unassailed by the laws of both country and state. It sees conflict from + rampant gang wars and its ruling entities contending for dominance. The city relies on robotics for + everyday aspects like waste collection, maintenance, and public transportation. Its visual identity is + derived from the four eras it underwent—austere Entropism, colourful Kitsch, imposing Neomilitarism, and + opulent Neokitsch. Homelessness abounds but does not preclude cybernetic modification for the poor, + giving rise to cosmetic addiction and consequent violence.

+
cyberp77021_teaser
+
+
-
-
-

CYBERPUNK 77
Vincent & Valerie

-
cyberp77021_teaser
+
+
+

CYBERPUNK 77
Vincent & + Valerie

+
cyberp77021_teaser
+
+
+

CYBERPUNK 77 Gameplay

+
+

Lorem ipsum dolor sit amet consectetur adipisicing elit. Reprehenderit, ab. + Totam ab perferendis aspernatur, iste eaque quis cumque suscipit, natus laboriosam nostrum atque est + expedita pariatur repudiandae in! Magni, quos? Lorem ipsum dolor sit amet consectetur, adipisicing elit. + Dolores odio sunt magnam pariatur, iure voluptates quae eligendi, laboriosam commodi aspernatur + temporibus ut dolorum cumque minus dolorem omnis voluptate. Temporibus, iusto.

+
+
+
+
-
-

CYBERPUNK 77 Gameplay

-

Lorem ipsum dolor sit amet consectetur adipisicing elit. Reprehenderit, ab. Totam ab perferendis aspernatur, iste eaque quis cumque suscipit, natus laboriosam nostrum atque est expedita pariatur repudiandae in! Magni, quos? Lorem ipsum dolor sit amet consectetur, adipisicing elit. Dolores odio sunt magnam pariatur, iure voluptates quae eligendi, laboriosam commodi aspernatur temporibus ut dolorum cumque minus dolorem omnis voluptate. Temporibus, iusto.

-
-
- + + +
+
+ -
-
- - -
-
+
@@ -226,7 +277,8 @@

Unsere Neuigkeiten

- + diff --git a/impressum.html b/impressum.html index c7759dc..c518e2d 100644 --- a/impressum.html +++ b/impressum.html @@ -25,7 +25,9 @@ - + @@ -93,25 +95,29 @@

Das beste Spiel das es gibt. Ich weis das du es weisst.

-
+
-
+
-

Willkommen auf

-

Das beste Spiel das es gibt. Ich weis das du es weisst.

- -

IMPRESSUM

-

WinXWins GmbH

-

Räffelstrasse 12

-

8045 Zürich

-

Telefon: +41 78 624 24 19

-
Email: info@example.com
-
+

Willkommen auf +

+

Das beste Spiel das es gibt. Ich weis das du es weisst.

+ +

IMPRESSUM

+

WinXWins GmbH

+

Räffelstrasse 12

+

8045 Zürich

+

Telefon: +41 78 624 24 19

+
Email: info@example.com
+
@@ -119,7 +125,7 @@
Email: info@example.com

Vertretungsberechtigte Personen

-

Sven, Zlatko, Akram, Raphael, Daniel, Gaudenz

+

Sven, Zlatko, Akram, Raphael, Daniel, Gaudenz

Name des Unternehmens: WinxWins GmbH

DATENSCHUTZERKLÄRUNG

@@ -128,7 +134,8 @@

Allgemein

Bestimmungen des Bundes (Datenschutzgesetz, DSG) hat jede Person Anspruch auf Schutz ihrer Privatsphäre sowie auf Schutz vor Missbrauch ihrer persönlichen Daten. Die Betreiber dieser Seiten nehmen den Schutz Ihrer persönlichen Daten sehr ernst. Wir behandeln Ihre personenbezogenen - Daten vertraulich und entsprechend der gesetzlichen Datenschutzvorschriften sowie dieser Datenschutzerklärung. + Daten vertraulich und entsprechend der gesetzlichen Datenschutzvorschriften sowie dieser + Datenschutzerklärung. In Zusammenarbeit mit unseren Hosting-Providern bemühen wir uns, die Datenbanken so gut wie möglich vor unberechtigtem Zugriff, Verlust, Missbrauch oder Verfälschung zu schützen. @@ -140,216 +147,332 @@

Allgemein

Durch die Nutzung dieser Website erklären Sie sich mit der Erhebung, Verarbeitung und Nutzung von Daten gemäß der nachfolgenden Beschreibung einverstanden. Diese Website kann grundsätzlich ohne Registrierung besucht werden. Daten wie aufgerufene Seiten oder Namen von aufgerufenen Dateien, Datum und Uhrzeit werden - zu statistischen Zwecken auf dem Server gespeichert, ohne dass diese Daten unmittelbar auf Ihre Person bezogen - werden. Soweit auf unseren Seiten personenbezogene Daten (beispielsweise Name, Anschrift oder eMail-Adressen) - erhoben werden, erfolgt dies, soweit möglich, stets auf freiwilliger Basis. Diese Daten werden ohne Ihre ausdrückliche + zu statistischen Zwecken auf dem Server gespeichert, ohne dass diese Daten unmittelbar auf Ihre Person + bezogen + werden. Soweit auf unseren Seiten personenbezogene Daten (beispielsweise Name, Anschrift oder + eMail-Adressen) + erhoben werden, erfolgt dies, soweit möglich, stets auf freiwilliger Basis. Diese Daten werden ohne Ihre + ausdrückliche Zustimmung nicht an Dritte weitergegeben.

-

Verarbeitung personenbezogener Daten

-

Personenbezogene Daten sind alle Informationen, die sich auf eine identifizierte oder identifizierbare Person - beziehen. Eine betroffene Person ist eine Person, über die personenbezogene Daten verarbeitet werden. Die Verarbeitung - umfasst jeden Umgang mit personenbezogenen Daten, unabhängig von den verwendeten Mitteln und Verfahren, insbesondere die - Speicherung, Weitergabe, Beschaffung, Löschung, Aufbewahrung, Veränderung, Vernichtung und Verwendung personenbezogener Daten. - - Wir verarbeiten personenbezogene Daten in Übereinstimmung mit dem Schweizer Datenschutzrecht. Sofern und soweit die EU-DSGVO +

Verarbeitung personenbezogener Daten

+

Personenbezogene Daten sind alle Informationen, die sich auf eine identifizierte oder identifizierbare + Person + beziehen. Eine betroffene Person ist eine Person, über die personenbezogene Daten verarbeitet werden. Die + Verarbeitung + umfasst jeden Umgang mit personenbezogenen Daten, unabhängig von den verwendeten Mitteln und Verfahren, + insbesondere die + Speicherung, Weitergabe, Beschaffung, Löschung, Aufbewahrung, Veränderung, Vernichtung und Verwendung + personenbezogener Daten. + + Wir verarbeiten personenbezogene Daten in Übereinstimmung mit dem Schweizer Datenschutzrecht. Sofern und + soweit die EU-DSGVO anwendbar ist, verarbeiten wir personenbezogene Daten darüber hinaus auf folgenden Rechtsgrundlagen in Verbindung mit Art. 6 (1) GDPR: -

    -
  • lit. a) Verarbeitung personenbezogener Daten mit Einwilligung der betroffenen Person.
  • -
  • lit. b) Verarbeitung personenbezogener Daten zur Erfüllung eines Vertrages mit der betroffenen Person sowie zur Durchführung entsprechender vorvertraglicher Maßnahmen.
  • -
  • lit. c) Verarbeitung personenbezogener Daten zur Erfüllung einer rechtlichen Verpflichtung, der wir nach geltendem Recht der EU oder nach geltendem Recht eines Landes, in dem die GDPR ganz oder teilweise anwendbar ist, unterliegen.
  • -
  • lit. d) Verarbeitung personenbezogener Daten zur Wahrung lebenswichtiger Interessen der betroffenen Person oder einer anderen natürlichen Person.
  • -
  • lit. f) Verarbeitung personenbezogener Daten zur Wahrung der berechtigten Interessen von uns oder von Dritten, sofern nicht die Grundfreiheiten und Rechte und Interessen der betroffenen Person überwiegen. Zu den berechtigten Interessen gehören insbesondere unser geschäftliches Interesse, unsere Website bereitstellen zu können, die Informationssicherheit, die Durchsetzung eigener Rechtsansprüche und die Einhaltung des schweizerischen Rechts.
  • -
- Wir verarbeiten personenbezogene Daten für die Dauer, die für den jeweiligen Zweck oder die jeweiligen Zwecke erforderlich ist. - Bei längerfristigen Aufbewahrungspflichten aufgrund gesetzlicher und anderer Verpflichtungen, denen wir unterliegen, schränken wir die Bearbeitung entsprechend ein.

- -

Cookies

-

Diese Website verwendet Cookies. Dabei handelt es sich um kleine Textdateien, die es ermöglichen, spezifische, auf den - Nutzer bezogene Informationen auf dem Endgerät des Nutzers zu speichern, während der Nutzer die Website nutzt. Cookies - ermöglichen es insbesondere, die Nutzungshäufigkeit und die Anzahl der Nutzer der Seiten zu ermitteln, Verhaltensmuster - der Seitennutzung zu analysieren, aber auch, unser Angebot kundenfreundlicher zu gestalten. Cookies bleiben über das - Ende einer Browser-Sitzung hinaus gespeichert und können bei einem erneuten Besuch der Seite wieder abgerufen werden. - Wenn Sie dies nicht wünschen, sollten Sie Ihren Internet-Browser so einstellen, dass er die Annahme von Cookies verweigert. - - Ein genereller Widerspruch gegen die Verwendung von Cookies zu Online-Marketing-Zwecken kann für eine Vielzahl der Dienste, - insbesondere beim Tracking, über die US-Seite http://www.aboutads.info/choices/ oder die EU-Seite http://www.youronlinechoices.com/ - erklärt werden. Darüber hinaus kann die Speicherung von Cookies durch Deaktivierung in den Browsereinstellungen erreicht werden. - Bitte beachten Sie, dass in diesem Fall nicht alle Funktionen dieses Online-Angebots genutzt werden können.

- -

Mit SSL/TLS-Verschlüsselung

-

Diese Website verwendet aus Sicherheitsgründen und zum Schutz der Übertragung vertraulicher Inhalte, wie z.B. Anfragen, die Sie an - uns als Seitenbetreiber senden, eine SSL/TLS-Verschlüsselung. Eine verschlüsselte Verbindung erkennen Sie daran, dass die Adresszeile +

    +
  • lit. a) Verarbeitung personenbezogener Daten mit Einwilligung der betroffenen Person. +
  • +
  • lit. b) Verarbeitung personenbezogener Daten zur Erfüllung eines Vertrages mit der + betroffenen Person sowie zur Durchführung entsprechender vorvertraglicher Maßnahmen.
  • +
  • lit. c) Verarbeitung personenbezogener Daten zur Erfüllung einer rechtlichen + Verpflichtung, der wir nach geltendem Recht der EU oder nach geltendem Recht eines Landes, in dem die + GDPR ganz oder teilweise anwendbar ist, unterliegen.
  • +
  • lit. d) Verarbeitung personenbezogener Daten zur Wahrung lebenswichtiger Interessen + der betroffenen Person oder einer anderen natürlichen Person.
  • +
  • lit. f) Verarbeitung personenbezogener Daten zur Wahrung der berechtigten Interessen + von uns oder von Dritten, sofern nicht die Grundfreiheiten und Rechte und Interessen der betroffenen + Person überwiegen. Zu den berechtigten Interessen gehören insbesondere unser geschäftliches Interesse, + unsere Website bereitstellen zu können, die Informationssicherheit, die Durchsetzung eigener + Rechtsansprüche und die Einhaltung des schweizerischen Rechts.
  • +
+ Wir verarbeiten personenbezogene Daten für die Dauer, die für den jeweiligen Zweck oder die jeweiligen + Zwecke erforderlich ist. + Bei längerfristigen Aufbewahrungspflichten aufgrund gesetzlicher und anderer Verpflichtungen, denen wir + unterliegen, schränken wir die Bearbeitung entsprechend ein.

+ +

Cookies

+

Diese Website verwendet Cookies. Dabei handelt es sich um kleine Textdateien, die es ermöglichen, + spezifische, auf den + Nutzer bezogene Informationen auf dem Endgerät des Nutzers zu speichern, während der Nutzer die Website + nutzt. Cookies + ermöglichen es insbesondere, die Nutzungshäufigkeit und die Anzahl der Nutzer der Seiten zu ermitteln, + Verhaltensmuster + der Seitennutzung zu analysieren, aber auch, unser Angebot kundenfreundlicher zu gestalten. Cookies + bleiben über das + Ende einer Browser-Sitzung hinaus gespeichert und können bei einem erneuten Besuch der Seite wieder + abgerufen werden. + Wenn Sie dies nicht wünschen, sollten Sie Ihren Internet-Browser so einstellen, dass er die Annahme von + Cookies verweigert. + + Ein genereller Widerspruch gegen die Verwendung von Cookies zu Online-Marketing-Zwecken kann für eine + Vielzahl der Dienste, + insbesondere beim Tracking, über die US-Seite http://www.aboutads.info/choices/ oder die EU-Seite + http://www.youronlinechoices.com/ + erklärt werden. Darüber hinaus kann die Speicherung von Cookies durch Deaktivierung in den + Browsereinstellungen erreicht werden. + Bitte beachten Sie, dass in diesem Fall nicht alle Funktionen dieses Online-Angebots genutzt werden + können.

+ +

Mit SSL/TLS-Verschlüsselung

+

Diese Website verwendet aus Sicherheitsgründen und zum Schutz der Übertragung vertraulicher Inhalte, wie + z.B. Anfragen, die Sie an + uns als Seitenbetreiber senden, eine SSL/TLS-Verschlüsselung. Eine verschlüsselte Verbindung erkennen Sie + daran, dass die Adresszeile des Browsers von «»http://»» auf «»https://»» wechselt und an dem Schloss-Symbol in Ihrer Browserzeile. - Wenn die SSL- oder TLS-Verschlüsselung aktiviert ist, können die Daten, die Sie an uns übermitteln, nicht von Dritten gelesen werden.

+ Wenn die SSL- oder TLS-Verschlüsselung aktiviert ist, können die Daten, die Sie an uns übermitteln, nicht + von Dritten gelesen werden.

-

Server-Log-Dateien

-

Der Provider dieser Website erhebt und speichert automatisch Informationen in so genannten Server-Log-Dateien, die Ihr Browser automatisch an uns übermittelt. Dies sind: +

Server-Log-Dateien

+

Der Provider dieser Website erhebt und speichert automatisch Informationen in so genannten + Server-Log-Dateien, die Ihr Browser automatisch an uns übermittelt. Dies sind: Browsertyp und Browserversion Verwendetes Betriebssystem Referrer URL Hostname des zugreifenden Rechners Zeitpunkt der Serveranfrage - - Diese Daten sind nicht bestimmten Personen zuordenbar. Eine Zusammenführung dieser Daten mit anderen Datenquellen wird nicht vorgenommen. Wir behalten uns vor, diese Daten - nachträglich zu prüfen, wenn uns konkrete Anhaltspunkte für eine rechtswidrige Nutzung bekannt werden..

-

Dienste von Drittanbietern

-

Diese Website kann Google Maps zur Einbettung von Karten, Google Invisible reCAPTCHA zum Schutz vor Bots und Spam und YouTube zur Einbettung von Videos nutzen. - Diese Dienste der amerikanischen Google LLC verwenden u.a. Cookies, wodurch Daten an Google in die USA übertragen werden, wobei wir davon ausgehen, dass in diesem + Diese Daten sind nicht bestimmten Personen zuordenbar. Eine Zusammenführung dieser Daten mit anderen + Datenquellen wird nicht vorgenommen. Wir behalten uns vor, diese Daten + nachträglich zu prüfen, wenn uns konkrete Anhaltspunkte für eine rechtswidrige Nutzung bekannt werden.. +

+ +

Dienste von Drittanbietern

+

Diese Website kann Google Maps zur Einbettung von Karten, Google Invisible reCAPTCHA zum Schutz vor Bots + und Spam und YouTube zur Einbettung von Videos nutzen. + Diese Dienste der amerikanischen Google LLC verwenden u.a. Cookies, wodurch Daten an Google in die USA + übertragen werden, wobei wir davon ausgehen, dass in diesem Zusammenhang allein durch die Nutzung unserer Website kein personenbezogenes Tracking stattfindet. Google hat sich verpflichtet, einen angemessenen Datenschutz gemäß dem US-amerikanisch-europäischen und dem US-amerikanisch-schweizerischen Privacy Shield zu gewährleisten. - + Weitere Informationen finden Sie in den Datenschutzbestimmungen von Google.

-

Kontaktformular

+

Kontaktformular

Wenn Sie uns per Kontaktformular Anfragen zukommen lassen, werden Ihre Angaben aus dem Anfrageformular inklusive der von Ihnen dort angegebenen Kontaktdaten zwecks Bearbeitung der Anfrage und für den Fall von Anschlussfragen bei uns gespeichert. Diese Daten geben wir nicht ohne Ihre Einwilligung weiter.

-

Newsletter

+

Newsletter

Wenn Sie den auf der Webseite angebotenen Newsletter empfangen möchten, benötigen wir von Ihnen eine - E-Mail-Adresse sowie Informationen, welche uns die Überprüfung gestatten, dass Sie der Inhaber der angegebenen - E-Mail-Adresse sind und mit dem Empfang des Newsletters einverstanden sind. Weitere Daten werden nicht erhoben. - Diese Daten verwenden wir ausschließlich für den Versand der angeforderten Informationen und geben sie nicht an Dritte weiter. - Nachdem Sie Ihre Einwilligung zur Speicherung der Daten, der E-Mail-Adresse sowie deren Nutzung zum Versand des - Newsletters erteilt haben, können Sie diese jederzeit widerrufen, etwa über den «»Abmeldelink»» im Newsletter.

- -

Kommentarfunktion

-

Für die Kommentarfunktion auf dieser Website werden neben Ihrem Kommentar auch Angaben zum Zeitpunkt der Erstellung - des Kommentars, Ihre E-Mail-Adresse und, wenn Sie nicht anonym posten, der von Ihnen gewählte Nutzername gespeichert.

- -

Speicherung der IP-Adresse

-

Unsere Kommentarfunktion speichert die IP-Adressen der Nutzer, die Kommentare abgeben. Da wir die Kommentare auf unserer - Seite nicht überprüfen, bevor sie freigeschaltet werden, benötigen wir diese Daten, um im Falle von Rechtsverstößen wie + E-Mail-Adresse sowie Informationen, welche uns die Überprüfung gestatten, dass Sie der Inhaber der + angegebenen + E-Mail-Adresse sind und mit dem Empfang des Newsletters einverstanden sind. Weitere Daten werden nicht + erhoben. + Diese Daten verwenden wir ausschließlich für den Versand der angeforderten Informationen und geben sie + nicht an Dritte weiter. + Nachdem Sie Ihre Einwilligung zur Speicherung der Daten, der E-Mail-Adresse sowie deren Nutzung zum + Versand des + Newsletters erteilt haben, können Sie diese jederzeit widerrufen, etwa über den «»Abmeldelink»» im + Newsletter.

+ +

Kommentarfunktion

+

Für die Kommentarfunktion auf dieser Website werden neben Ihrem Kommentar auch Angaben zum Zeitpunkt der + Erstellung + des Kommentars, Ihre E-Mail-Adresse und, wenn Sie nicht anonym posten, der von Ihnen gewählte Nutzername + gespeichert.

+ +

Speicherung der IP-Adresse

+

Unsere Kommentarfunktion speichert die IP-Adressen der Nutzer, die Kommentare abgeben. Da wir die + Kommentare auf unserer + Seite nicht überprüfen, bevor sie freigeschaltet werden, benötigen wir diese Daten, um im Falle von + Rechtsverstößen wie Beleidigungen oder Propaganda gegen den Verfasser vorgehen zu können.

-

Abonnieren von Kommentaren

-

Als Nutzer der Seite können Sie nach der Registrierung Kommentare abonnieren. Sie erhalten eine Bestätigungs-E-Mail, um zu - prüfen, ob Sie der Inhaber der angegebenen E-Mail-Adresse sind. Sie können diese Funktion jederzeit über einen Link in den +

Abonnieren von Kommentaren

+

Als Nutzer der Seite können Sie nach der Registrierung Kommentare abonnieren. Sie erhalten eine + Bestätigungs-E-Mail, um zu + prüfen, ob Sie der Inhaber der angegebenen E-Mail-Adresse sind. Sie können diese Funktion jederzeit über + einen Link in den Info-E-Mails wieder abbestellen.

-

Rechte der betroffenen Person

+

Rechte der betroffenen Person

Recht auf Bestätigung - Jede betroffene Person hat das Recht, vom Betreiber der Website eine Bestätigung darüber zu verlangen, ob sie betreffende - personenbezogene Daten verarbeitet werden. Wenn Sie dieses Bestätigungsrecht ausüben möchten, können Sie sich jederzeit an + Jede betroffene Person hat das Recht, vom Betreiber der Website eine Bestätigung darüber zu verlangen, ob + sie betreffende + personenbezogene Daten verarbeitet werden. Wenn Sie dieses Bestätigungsrecht ausüben möchten, können Sie + sich jederzeit an den Datenschutzbeauftragten wenden.

-

Auskunftsrecht

-

Jede von der Verarbeitung personenbezogener Daten betroffene Person hat das Recht, vom Betreiber dieser Website jederzeit - unentgeltlich Auskunft über die zu ihrer Person gespeicherten Daten und eine Kopie dieser Auskunft zu erhalten. Darüber - hinaus kann ggf. Auskunft über Folgendes erteilt werden: Zwecke der VerarbeitungKategorien der verarbeiteten personenbezogenen - DatenEmpfänger, an die die personenbezogenen Daten weitergegeben wurden oder werdenwenn möglich, die geplante Dauer der Speicherung - der personenbezogenen Daten oder, falls dies nicht möglich ist, die Kriterien für die Festlegung dieser Dauerdas Bestehen eines - Rechts auf Berichtigung oder Löschung der sie betreffenden personenbezogenen Daten oder auf Einschränkung der Verarbeitung durch - den für die Verarbeitung Verantwortlichen oder ein Recht auf Widerspruch gegen eine solche Verarbeitungdas Bestehen eines - Beschwerderechts bei einer Aufsichtsbehördewenn die personenbezogenen Daten nicht bei der betroffenen Person erhoben werden: Alle +

Auskunftsrecht

+

Jede von der Verarbeitung personenbezogener Daten betroffene Person hat das Recht, vom Betreiber dieser + Website jederzeit + unentgeltlich Auskunft über die zu ihrer Person gespeicherten Daten und eine Kopie dieser Auskunft zu + erhalten. Darüber + hinaus kann ggf. Auskunft über Folgendes erteilt werden: Zwecke der VerarbeitungKategorien der + verarbeiteten personenbezogenen + DatenEmpfänger, an die die personenbezogenen Daten weitergegeben wurden oder werdenwenn möglich, die + geplante Dauer der Speicherung + der personenbezogenen Daten oder, falls dies nicht möglich ist, die Kriterien für die Festlegung dieser + Dauerdas Bestehen eines + Rechts auf Berichtigung oder Löschung der sie betreffenden personenbezogenen Daten oder auf Einschränkung + der Verarbeitung durch + den für die Verarbeitung Verantwortlichen oder ein Recht auf Widerspruch gegen eine solche Verarbeitungdas + Bestehen eines + Beschwerderechts bei einer Aufsichtsbehördewenn die personenbezogenen Daten nicht bei der betroffenen + Person erhoben werden: Alle verfügbaren Informationen über die Herkunft der Daten. - Außerdem hat die betroffene Person das Recht, darüber informiert zu werden, ob personenbezogene Daten in ein Drittland oder an - eine internationale Organisation übermittelt worden sind. Ist dies der Fall, so hat die betroffene Person außerdem das Recht, + Außerdem hat die betroffene Person das Recht, darüber informiert zu werden, ob personenbezogene Daten in + ein Drittland oder an + eine internationale Organisation übermittelt worden sind. Ist dies der Fall, so hat die betroffene Person + außerdem das Recht, Auskunft über die geeigneten Garantien im Zusammenhang mit der Übermittlung zu erhalten. - Wenn Sie von diesem Auskunftsrecht Gebrauch machen möchten, können Sie sich jederzeit an unseren Datenschutzbeauftragten wenden.

- -

Recht auf Berichtigung

-

Jede von der Verarbeitung personenbezogener Daten betroffene Person hat das Recht, die unverzügliche Berichtigung sie betreffender - unrichtiger personenbezogener Daten zu verlangen. Darüber hinaus hat die betroffene Person das Recht, unter Berücksichtigung der - Zwecke der Verarbeitung, die Vervollständigung unvollständiger personenbezogener Daten – auch mittels einer ergänzenden Erklärung – - zu verlangen. Wenn Sie dieses Recht auf Berichtigung ausüben möchten, können Sie sich jederzeit an unseren Datenschutzbeauftragten wenden.

- -

Recht auf Löschung

-

Jede von der Verarbeitung personenbezogener Daten betroffene Person hat das Recht, von dem für die Verarbeitung Verantwortlichen dieser - Website die unverzügliche Löschung der sie betreffenden personenbezogenen Daten zu verlangen, sofern einer der folgenden Gründe zutrifft + Wenn Sie von diesem Auskunftsrecht Gebrauch machen möchten, können Sie sich jederzeit an unseren + Datenschutzbeauftragten wenden.

+ +

Recht auf Berichtigung

+

Jede von der Verarbeitung personenbezogener Daten betroffene Person hat das Recht, die unverzügliche + Berichtigung sie betreffender + unrichtiger personenbezogener Daten zu verlangen. Darüber hinaus hat die betroffene Person das Recht, + unter Berücksichtigung der + Zwecke der Verarbeitung, die Vervollständigung unvollständiger personenbezogener Daten – auch mittels + einer ergänzenden Erklärung – + zu verlangen. Wenn Sie dieses Recht auf Berichtigung ausüben möchten, können Sie sich jederzeit an unseren + Datenschutzbeauftragten wenden.

+ +

Recht auf Löschung

+

Jede von der Verarbeitung personenbezogener Daten betroffene Person hat das Recht, von dem für die + Verarbeitung Verantwortlichen dieser + Website die unverzügliche Löschung der sie betreffenden personenbezogenen Daten zu verlangen, sofern einer + der folgenden Gründe zutrifft und die Verarbeitung nicht mehr erforderlich ist: - Die personenbezogenen Daten wurden für Zwecke erhoben oder auf sonstige Weise verarbeitet, für die sie nicht mehr erforderlich sind. - Die betroffene Person widerruft die Einwilligung, auf der die Verarbeitung beruhte, und es gibt keine andere Rechtsgrundlage für die Verarbeitung - Die betroffene Person legt aus Gründen, die sich aus ihrer besonderen Situation ergeben, Widerspruch gegen die Verarbeitung ein, und es liegen keine - vorrangigen berechtigten Gründe für die Verarbeitung vor, oder die betroffene Person legt im Falle von Direktwerbung und damit verbundenem Profiling + Die personenbezogenen Daten wurden für Zwecke erhoben oder auf sonstige Weise verarbeitet, für die sie + nicht mehr erforderlich sind. + Die betroffene Person widerruft die Einwilligung, auf der die Verarbeitung beruhte, und es gibt keine + andere Rechtsgrundlage für die Verarbeitung + Die betroffene Person legt aus Gründen, die sich aus ihrer besonderen Situation ergeben, Widerspruch gegen + die Verarbeitung ein, und es liegen keine + vorrangigen berechtigten Gründe für die Verarbeitung vor, oder die betroffene Person legt im Falle von + Direktwerbung und damit verbundenem Profiling Widerspruch gegen die Verarbeitung ein Die personenbezogenen Daten wurden unrechtmäßig verarbeitet - Die Löschung der personenbezogenen Daten ist zur Erfüllung einer rechtlichen Verpflichtung nach dem Unionsrecht oder dem Recht der Mitgliedstaaten + Die Löschung der personenbezogenen Daten ist zur Erfüllung einer rechtlichen Verpflichtung nach dem + Unionsrecht oder dem Recht der Mitgliedstaaten erforderlich, dem der für die Verarbeitung Verantwortliche unterliegt - Die personenbezogenen Daten wurden in Bezug auf angebotene Dienste der Informationsgesellschaft erhoben, die direkt an ein Kind gerichtet sind - Wenn einer der oben genannten Gründe zutrifft und Sie die Löschung von personenbezogenen Daten, die beim Betreiber dieser Website gespeichert - sind, veranlassen möchten, können Sie sich jederzeit an unseren Datenschutzbeauftragten wenden. Der Datenschutzbeauftragte dieser Website + Die personenbezogenen Daten wurden in Bezug auf angebotene Dienste der Informationsgesellschaft erhoben, + die direkt an ein Kind gerichtet sind + Wenn einer der oben genannten Gründe zutrifft und Sie die Löschung von personenbezogenen Daten, die beim + Betreiber dieser Website gespeichert + sind, veranlassen möchten, können Sie sich jederzeit an unseren Datenschutzbeauftragten wenden. Der + Datenschutzbeauftragte dieser Website wird veranlassen, dass dem Löschverlangen unverzüglich nachgekommen wird.

-

Recht auf Einschränkung der Verarbeitung

-

Jede von der Verarbeitung personenbezogener Daten betroffene Person hat das Recht, von dem für die Verarbeitung Verantwortlichen dieser Website - die Einschränkung der Verarbeitung zu verlangen, wenn eine der folgenden Bedingungen erfüllt ist: Die Richtigkeit der personenbezogenen Daten wird - von der betroffenen Person bestritten, und zwar für einen Zeitraum, der es dem für die Verarbeitung Verantwortlichen ermöglicht, die Richtigkeit +

Recht auf Einschränkung der Verarbeitung

+

Jede von der Verarbeitung personenbezogener Daten betroffene Person hat das Recht, von dem für die + Verarbeitung Verantwortlichen dieser Website + die Einschränkung der Verarbeitung zu verlangen, wenn eine der folgenden Bedingungen erfüllt ist: Die + Richtigkeit der personenbezogenen Daten wird + von der betroffenen Person bestritten, und zwar für einen Zeitraum, der es dem für die Verarbeitung + Verantwortlichen ermöglicht, die Richtigkeit der personenbezogenen Daten zu überprüfen - Die Verarbeitung ist unrechtmäßig, die betroffene Person legt Widerspruch gegen die Löschung der personenbezogenen Daten ein und verlangt + Die Verarbeitung ist unrechtmäßig, die betroffene Person legt Widerspruch gegen die Löschung der + personenbezogenen Daten ein und verlangt stattdessen die Einschränkung der Nutzung der personenbezogenen Daten - - Der für die Verarbeitung Verantwortliche benötigt die personenbezogenen Daten nicht mehr für die Zwecke der Verarbeitung, die betroffene - Person benötigt sie jedoch für die Geltendmachung, Die betroffene Person hat aus Gründen, die sich aus ihrer besonderen Situation ergeben, - Widerspruch gegen die Verarbeitung eingelegt, und es steht noch nicht fest, ob die berechtigten Interessen des Verantwortlichen gegenüber + + Der für die Verarbeitung Verantwortliche benötigt die personenbezogenen Daten nicht mehr für die Zwecke + der Verarbeitung, die betroffene + Person benötigt sie jedoch für die Geltendmachung, Die betroffene Person hat aus Gründen, die sich aus + ihrer besonderen Situation ergeben, + Widerspruch gegen die Verarbeitung eingelegt, und es steht noch nicht fest, ob die berechtigten Interessen + des Verantwortlichen gegenüber denen der betroffenen Person überwiegen. - Wenn eine der vorgenannten Voraussetzungen gegeben ist, können Sie sich jederzeit an unseren Datenschutzbeauftragten wenden, um die Einschränkung der - Verarbeitung personenbezogener Daten beim Betreiber dieser Website zu verlangen. Der Datenschutzbeauftragte dieser Website wird die Einschränkung der Verarbeitung veranlassen. + Wenn eine der vorgenannten Voraussetzungen gegeben ist, können Sie sich jederzeit an unseren + Datenschutzbeauftragten wenden, um die Einschränkung der + Verarbeitung personenbezogener Daten beim Betreiber dieser Website zu verlangen. Der + Datenschutzbeauftragte dieser Website wird die Einschränkung der Verarbeitung veranlassen.

Recht auf Datenübertragbarkeit

-

Jede von der Verarbeitung personenbezogener Daten betroffene Person hat das Recht, die sie betreffenden personenbezogenen Daten in einem strukturierten, - gängigen und maschinenlesbaren Format zu erhalten. Darüber hinaus hat die betroffene Person das Recht, zu erwirken, dass die personenbezogenen Daten direkt von - einem für die Verarbeitung Verantwortlichen an einen anderen für die Verarbeitung Verantwortlichen übermittelt werden, sofern dies technisch machbar ist und +

Jede von der Verarbeitung personenbezogener Daten betroffene Person hat das Recht, die sie betreffenden + personenbezogenen Daten in einem strukturierten, + gängigen und maschinenlesbaren Format zu erhalten. Darüber hinaus hat die betroffene Person das Recht, zu + erwirken, dass die personenbezogenen Daten direkt von + einem für die Verarbeitung Verantwortlichen an einen anderen für die Verarbeitung Verantwortlichen + übermittelt werden, sofern dies technisch machbar ist und sofern dadurch nicht die Rechte und Freiheiten anderer Personen beeinträchtigt werden. - Um das Recht auf Datenübertragbarkeit geltend zu machen, können Sie sich jederzeit an den vom Betreiber dieser Website benannten Datenschutzbeauftragten wenden. + Um das Recht auf Datenübertragbarkeit geltend zu machen, können Sie sich jederzeit an den vom Betreiber + dieser Website benannten Datenschutzbeauftragten wenden. Ein Widerspruchsrecht - - Jede von der Verarbeitung personenbezogener Daten betroffene Person hat das Recht, aus Gründen, die sich aus ihrer besonderen Situation ergeben, jederzeit gegen + + Jede von der Verarbeitung personenbezogener Daten betroffene Person hat das Recht, aus Gründen, die sich + aus ihrer besonderen Situation ergeben, jederzeit gegen die Verarbeitung sie betreffender personenbezogener Daten Widerspruch einzulegen. - Der Betreiber dieser Website wird die personenbezogenen Daten im Falle des Widerspruchs nicht mehr verarbeiten, es sei denn, wir können zwingende schutzwürdige - Gründe für die Verarbeitung nachweisen, die die Interessen, Rechte und Freiheiten der betroffenen Person überwiegen, oder die Verarbeitung dient der Geltendmachung, - Ausübung oder Verteidigung von Rechtsansprüchen. Um von Ihrem Widerspruchsrecht Gebrauch zu machen, können Sie sich direkt an den Datenschutzbeauftragten dieser Website wenden. + Der Betreiber dieser Website wird die personenbezogenen Daten im Falle des Widerspruchs nicht mehr + verarbeiten, es sei denn, wir können zwingende schutzwürdige + Gründe für die Verarbeitung nachweisen, die die Interessen, Rechte und Freiheiten der betroffenen Person + überwiegen, oder die Verarbeitung dient der Geltendmachung, + Ausübung oder Verteidigung von Rechtsansprüchen. Um von Ihrem Widerspruchsrecht Gebrauch zu machen, können + Sie sich direkt an den Datenschutzbeauftragten dieser Website wenden.

Recht auf Widerruf einer datenschutzrechtlichen Einwilligung

-

Jede von der Verarbeitung personenbezogener Daten betroffene Person hat das Recht, eine erteilte Einwilligung in die Verarbeitung personenbezogener Daten jederzeit zu widerrufen. - Wenn Sie von Ihrem Recht auf Widerruf einer Einwilligung Gebrauch machen möchten, können Sie sich jederzeit an unseren Datenschutzbeauftragten wenden. +

Jede von der Verarbeitung personenbezogener Daten betroffene Person hat das Recht, eine erteilte + Einwilligung in die Verarbeitung personenbezogener Daten jederzeit zu widerrufen. + Wenn Sie von Ihrem Recht auf Widerruf einer Einwilligung Gebrauch machen möchten, können Sie sich + jederzeit an unseren Datenschutzbeauftragten wenden.

Urheberrechte

-

Das Urheberrecht und alle anderen Rechte an den Inhalten, Bildern, Fotos oder sonstigen Dateien auf der Website gehören ausschließlich dem Betreiber dieser Website oder den - namentlich genannten Rechteinhabern. Für die Vervielfältigung sämtlicher Dateien muss vorab die schriftliche Zustimmung der Urheberrechtsinhaber eingeholt werden. - Wer ohne Zustimmung der jeweiligen Urheberrechtsinhaber eine Urheberrechtsverletzung begeht, kann sich strafbar machen und unter Umständen Schadenersatzansprüche geltend machen. +

Das Urheberrecht und alle anderen Rechte an den Inhalten, Bildern, Fotos oder sonstigen Dateien auf der + Website gehören ausschließlich dem Betreiber dieser Website oder den + namentlich genannten Rechteinhabern. Für die Vervielfältigung sämtlicher Dateien muss vorab die + schriftliche Zustimmung der Urheberrechtsinhaber eingeholt werden. + Wer ohne Zustimmung der jeweiligen Urheberrechtsinhaber eine Urheberrechtsverletzung begeht, kann sich + strafbar machen und unter Umständen Schadenersatzansprüche geltend machen.

Haftungsausschluss

-

Alle Angaben auf unserer Website wurden sorgfältig geprüft. Wir sind bemüht, dafür Sorge zu tragen, dass die von uns bereitgestellten Informationen aktuell, richtig und vollständig sind. - Dennoch ist das Auftreten von Fehlern nicht völlig auszuschließen, so dass wir für die Vollständigkeit, Richtigkeit und Aktualität der Informationen, auch journalistisch-redaktioneller Art, - keine Gewähr übernehmen können. Haftungsansprüche, die sich auf Schäden materieller oder ideeller Art beziehen, welche durch die Nutzung oder Nichtnutzung der dargebotenen Informationen bzw. - durch die Nutzung fehlerhafter und unvollständiger Informationen verursacht wurden, sind grundsätzlich ausgeschlossen. - - Der Herausgeber kann Texte nach eigenem Ermessen und ohne vorherige Ankündigung ändern oder löschen und ist nicht dazu verpflichtet, die Inhalte dieser Website zu aktualisieren. Die Nutzung - dieser Website bzw. der Zugang zu ihr erfolgt auf eigenes Risiko des Besuchers. Der Herausgeber, seine Kunden oder Partner sind nicht verantwortlich für Schäden, wie z.B. direkte, indirekte, - zufällige oder Folgeschäden, die angeblich durch den Besuch dieser Website verursacht wurden und übernehmen folglich keine Haftung für solche Schäden. - - Der Herausgeber übernimmt auch keine Verantwortung oder Haftung für den Inhalt und die Verfügbarkeit von Websites Dritter, die über externe Links von dieser Website aus erreicht werden können. - Für den Inhalt der verlinkten Seiten sind ausschließlich deren Betreiber verantwortlich. Der Herausgeber distanziert sich daher ausdrücklich von allen fremden Inhalten, die möglicherweise +

Alle Angaben auf unserer Website wurden sorgfältig geprüft. Wir sind bemüht, dafür Sorge zu tragen, dass + die von uns bereitgestellten Informationen aktuell, richtig und vollständig sind. + Dennoch ist das Auftreten von Fehlern nicht völlig auszuschließen, so dass wir für die Vollständigkeit, + Richtigkeit und Aktualität der Informationen, auch journalistisch-redaktioneller Art, + keine Gewähr übernehmen können. Haftungsansprüche, die sich auf Schäden materieller oder ideeller Art + beziehen, welche durch die Nutzung oder Nichtnutzung der dargebotenen Informationen bzw. + durch die Nutzung fehlerhafter und unvollständiger Informationen verursacht wurden, sind grundsätzlich + ausgeschlossen. + + Der Herausgeber kann Texte nach eigenem Ermessen und ohne vorherige Ankündigung ändern oder löschen und + ist nicht dazu verpflichtet, die Inhalte dieser Website zu aktualisieren. Die Nutzung + dieser Website bzw. der Zugang zu ihr erfolgt auf eigenes Risiko des Besuchers. Der Herausgeber, seine + Kunden oder Partner sind nicht verantwortlich für Schäden, wie z.B. direkte, indirekte, + zufällige oder Folgeschäden, die angeblich durch den Besuch dieser Website verursacht wurden und + übernehmen folglich keine Haftung für solche Schäden. + + Der Herausgeber übernimmt auch keine Verantwortung oder Haftung für den Inhalt und die Verfügbarkeit von + Websites Dritter, die über externe Links von dieser Website aus erreicht werden können. + Für den Inhalt der verlinkten Seiten sind ausschließlich deren Betreiber verantwortlich. Der Herausgeber + distanziert sich daher ausdrücklich von allen fremden Inhalten, die möglicherweise straf- oder haftungsrechtlich relevant sind oder gegen die guten Sitten verstoßen.

Google Maps

-

Diese Website nutzt das Angebot von Google Maps. Dies ermöglicht es uns, interaktive Karten direkt auf der Website darzustellen und Ihnen die komfortable Nutzung der Kartenfunktion zu ermöglichen. - Durch den Besuch der Website erhält Google die Information, dass Sie die entsprechende Unterseite unserer Website aufgerufen haben. Dies geschieht unabhängig davon, ob Google ein Nutzerkonto bereitstellt, +

Diese Website nutzt das Angebot von Google Maps. Dies ermöglicht es uns, interaktive Karten direkt auf + der Website darzustellen und Ihnen die komfortable Nutzung der Kartenfunktion zu ermöglichen. + Durch den Besuch der Website erhält Google die Information, dass Sie die entsprechende Unterseite unserer + Website aufgerufen haben. Dies geschieht unabhängig davon, ob Google ein Nutzerkonto bereitstellt, über das Sie eingeloggt sind, oder ob kein Nutzerkonto vorhanden ist. - Wenn Sie bei Google eingeloggt sind, werden Ihre Daten direkt Ihrem Konto zugeordnet. Wenn Sie die Zuordnung zu Ihrem Profil bei Google nicht wünschen, müssen Sie sich vor Aktivierung der Schaltfläche ausloggen. - Google speichert Ihre Daten als Nutzungsprofile und nutzt sie für Zwecke der Werbung, Marktforschung und/oder bedarfsgerechten Gestaltung seiner Website. - - Eine solche Auswertung erfolgt insbesondere (auch für nicht eingeloggte Nutzer) zur Erbringung bedarfsgerechter Werbung und um andere Nutzer des sozialen Netzwerks über Ihre Aktivitäten auf unserer Website zu informieren. - - Sie haben das Recht, der Erstellung dieser Nutzerprofile zu widersprechen, wobei Sie sich zur Ausübung dieses Rechts an Google wenden müssen. Nähere Informationen zu Zweck und Umfang der Datenerhebung und -verarbeitung durch Google - sowie weitere Informationen zu Ihren diesbezüglichen Rechten und Einstellungsmöglichkeiten zum Schutz Ihrer Privatsphäre finden Sie unter: www.google.de/intl/de/policies/privacy. + Wenn Sie bei Google eingeloggt sind, werden Ihre Daten direkt Ihrem Konto zugeordnet. Wenn Sie die + Zuordnung zu Ihrem Profil bei Google nicht wünschen, müssen Sie sich vor Aktivierung der Schaltfläche + ausloggen. + Google speichert Ihre Daten als Nutzungsprofile und nutzt sie für Zwecke der Werbung, Marktforschung + und/oder bedarfsgerechten Gestaltung seiner Website. + + Eine solche Auswertung erfolgt insbesondere (auch für nicht eingeloggte Nutzer) zur Erbringung + bedarfsgerechter Werbung und um andere Nutzer des sozialen Netzwerks über Ihre Aktivitäten auf unserer + Website zu informieren. + + Sie haben das Recht, der Erstellung dieser Nutzerprofile zu widersprechen, wobei Sie sich zur Ausübung + dieses Rechts an Google wenden müssen. Nähere Informationen zu Zweck und Umfang der Datenerhebung und + -verarbeitung durch Google + sowie weitere Informationen zu Ihren diesbezüglichen Rechten und Einstellungsmöglichkeiten zum Schutz + Ihrer Privatsphäre finden Sie unter: www.google.de/intl/de/policies/privacy.

-
+
@@ -421,7 +544,8 @@

Unsere Neuigkeiten

- + diff --git a/index.html b/index.html index ec52cd8..cc025de 100644 --- a/index.html +++ b/index.html @@ -25,7 +25,9 @@ - + @@ -159,7 +161,8 @@

Unsere Neuigkeiten

- + diff --git a/news.html b/news.html index 34f8035..999d611 100644 --- a/news.html +++ b/news.html @@ -25,7 +25,9 @@ - + @@ -95,53 +97,61 @@

Das beste Spiel das es gibt. Ich weis das du es weisst.

-
  • @@ -189,35 +207,44 @@

    Phantom Liberty Trailer -

    Phantom Liberty — Official Teaser

    +

    Phantom Liberty — + Official Teaser

    - +
  • - - - + + + + + - +
  • -
  • +
  • @@ -225,9 +252,11 @@

    8K Gameplay -

    8K Cyberpunk 2077 RTX 4090

    +

    8K Cyberpunk 2077 + RTX 4090

    - +
  • @@ -235,20 +264,24 @@

    Guide Guide -

    Full Beginners Guide & Best Tips and Tricks!

    +

    Full Beginners Guide + & Best Tips and Tricks!

    - +
  • - +
  • @@ -256,14 +289,17 @@

    Crowd Simulation -

    Crowd Simulation | Ryzen 3600 CPU Limited

    +

    Crowd Simulation | + Ryzen 3600 CPU Limited

    - +
  • - + + @@ -335,7 +371,8 @@

    Unsere Neuigkeiten

    - + diff --git a/support.html b/support.html index f5d63a7..615e8f8 100644 --- a/support.html +++ b/support.html @@ -25,7 +25,9 @@ - + @@ -95,92 +97,116 @@

    Das beste Spiel das es gibt. Ich weis das du es weisst.

    -
    +
    -
    - -
    - -

    Help & Support

    -

    Wie kann ich dir Helfen?

    - - -
    - - - - - Plattform wählen - -


    bild1

    -

    Lorem ipsum, dolor sit amet consectetur adipisicing elit. Et aut reiciendis voluptatum dolorum quae repudiandae voluptatem eaque? Fugit, voluptas. Odit obcaecati atque corporis dicta tempora laboriosam alias sunt nesciunt tenetur?

    - -
    - -
    - -
    -

    PC Support

    -

    Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.

    - Mehr Hilfe -
    +
    + +
    + +

    Help & Support

    +

    Wie kann ich dir Helfen?

    + + +
    + + + + + + + Plattform wählen + +


    bild1

    +

    Lorem ipsum, dolor sit amet consectetur adipisicing elit. Et aut reiciendis voluptatum dolorum + quae repudiandae voluptatem eaque? Fugit, voluptas. Odit obcaecati atque corporis dicta tempora laboriosam + alias sunt nesciunt tenetur?

    + +
    + +
    + +
    +

    PC Support

    +

    Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut + labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et + ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.

    + Mehr Hilfe +
    -
    -

    PlayStation Support

    -

    Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.

    - Mehr Hilfe -
    +
    +

    PlayStation Support

    +

    Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut + labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et + ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.

    + Mehr Hilfe +
    -
    -

    Xbox Support

    -

    Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.

    - Mehr Hilfe -
    +
    +

    Xbox Support

    +

    Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut + labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et + ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.

    + Mehr Hilfe +
    -
    -

    Stadia Support

    -

    Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.

    - Mehr Hilfe -
    +
    +

    + + Stadia Support

    +

    Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut + labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et + ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.

    + Mehr Hilfe +
    -
    +
    - -
    + + -

    Kontaktiere Uns:

    - - -
    - - -
    - - -
    - - -
    - - -
    - - -
    - - -
    - -
    - -
    - -
    - +

    Kontaktiere Uns:

    -
    + +
    + + +
    + + +
    + + +
    + + +
    + + +
    + + +
    + +
    + + + +
    + + +
    -
    +
    @@ -250,7 +276,8 @@

    Unsere Neuigkeiten

    - + From 514c42614e1fe63d144a9584be0c37345c672016 Mon Sep 17 00:00:00 2001 From: svenbledt Date: Tue, 29 Nov 2022 12:09:31 +0100 Subject: [PATCH 2/2] Hotfix 2 --- about.html | 2 +- support.html | 2 +- 2 files changed, 2 insertions(+), 2 deletions(-) diff --git a/about.html b/about.html index 8627875..86a7b03 100644 --- a/about.html +++ b/about.html @@ -66,7 +66,7 @@