Coding Website Fix? Need Help (1 Betrachter)

  • Ersteller des Themas
  • Moderator
  • #1

xFuji

Kein Support via DM
Moderator*
Black-Market: 0 / 0 / 0
19 Oktober 2020
642
50 %

SLaYzLimited

Registriert
Black-Market: 0 / 0 / 0
24 Mai 2020
13
3 %
Die Seite basiert auf Vue scheint wohl ein Problem zu haben.

Ändere mal deine Index.html zu:

HTML:
<!doctype html>
<html data-n-head-ssr lang="de" data-n-head="%7B%22lang%22:%7B%22ssr%22:%22de%22%7D%7D">

<!-- Mirrored from element-v.de/ by HTTrack Website Copier/3.x [XR&CO'2014], Sat, 02 Oct 2021 21:35:57 GMT -->
<!-- Added by HTTrack --><meta http-equiv="content-type" content="text/html;charset=utf-8" /><!-- /Added by HTTrack -->
<head>
<title>Element-V | German Roleplay</title><meta data-n-head="ssr" charset="utf-8"><meta data-n-head="ssr" name="viewport" content="width=device-width, initial-scale=1"><meta data-n-head="ssr" name="robots" content="index, follow"><meta data-n-head="ssr" name="googlebot" content="index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1"><meta data-n-head="ssr" name="bingbot" content="index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1"><meta data-n-head="ssr" property="og:title" content="Element-V | German Roleplay"><meta data-n-head="ssr" property="og:description" content="Eine neue Ära mit Element-V! Beginne dein neues Leben in Los Santos, lerne neue Leute kennen und genieße das tolle Wetter im US-Bundesstaat San Andreas, auf eine ganz neue Weise."><meta data-n-head="ssr" property="og:image" content="og-logo.jpg"><meta data-n-head="ssr" property="twitter:card" content="summary_large_image"><meta data-n-head="ssr" property="twitter:title" content="Element-V | German Roleplay"><meta data-n-head="ssr" property="twitter:description" content="Eine neue Ära mit Element-V! Beginne dein neues Leben in Los Santos, lerne neue Leute kennen und genieße das tolle Wetter im US-Bundesstaat San Andreas, auf eine ganz neue Weise."><meta data-n-head="ssr" property="twitter:image" content="tw-logo.jpg"><meta data-n-head="ssr" data-hid="description" name="description" content="Eine neue Ära mit Element-V! Beginne dein neues Leben in Los Santos, lerne neue Leute kennen und genieße das tolle Wetter im US-Bundesstaat San Andreas, auf eine ganz neue Weise."><link data-n-head="ssr" rel="icon" type="image/x-icon" href="favicon.ico"><link rel="preload" href="_nuxt/f94035c.js" as="script"><link rel="preload" href="_nuxt/1f7106a.js" as="script"><link rel="preload" href="_nuxt/4218c22.js" as="script"><link rel="preload" href="_nuxt/699d49c.js" as="script"><link rel="preload" href="_nuxt/d8d013f.js" as="script"><link rel="preload" href="_nuxt/efa4c6d.js" as="script"><link rel="preload" href="_nuxt/cc510a1.js" as="script"><style data-vue-ssr-id="00122704:0 65b97e00:0 0cc628a8:0 771aba7f:0">/*purgecss start ignore*/

.svg-inline--fa,svg:not(:root).svg-inline--fa{overflow:visible}.svg-inline--fa{display:inline-block;font-size:inherit;height:1em;vertical-align:-.125em}.svg-inline--fa.fa-lg{vertical-align:-.225em}.svg-inline--fa.fa-w-1{width:.0625em}.svg-inline--fa.fa-w-2{width:.125em}.svg-inline--fa.fa-w-3{width:.1875em}.svg-inline--fa.fa-w-4{width:.25em}.svg-inline--fa.fa-w-5{width:.3125em}.svg-inline--fa.fa-w-6{width:.375em}.svg-inline--fa.fa-w-7{width:.4375em}.svg-inline--fa.fa-w-8{width:.5em}.svg-inline--fa.fa-w-9{width:.5625em}.svg-inline--fa.fa-w-10{width:.625em}.svg-inline--fa.fa-w-11{width:.6875em}.svg-inline--fa.fa-w-12{width:.75em}.svg-inline--fa.fa-w-13{width:.8125em}.svg-inline--fa.fa-w-14{width:.875em}.svg-inline--fa.fa-w-15{width:.9375em}.svg-inline--fa.fa-w-16{width:1em}.svg-inline--fa.fa-w-17{width:1.0625em}.svg-inline--fa.fa-w-18{width:1.125em}.svg-inline--fa.fa-w-19{width:1.1875em}.svg-inline--fa.fa-w-20{width:1.25em}.svg-inline--fa.fa-pull-left{margin-right:.3em;width:auto}.svg-inline--fa.fa-pull-right{margin-left:.3em;width:auto}.svg-inline--fa.fa-border{height:1.5em}.svg-inline--fa.fa-li{width:2em}.svg-inline--fa.fa-fw{width:1.25em}.fa-layers svg.svg-inline--fa{bottom:0;left:0;margin:auto;position:absolute;right:0;top:0}.fa-layers{display:inline-block;height:1em;position:relative;text-align:center;vertical-align:-.125em;width:1em}.fa-layers svg.svg-inline--fa{transform-origin:center center}.fa-layers-counter,.fa-layers-text{display:inline-block;position:absolute;text-align:center}.fa-layers-text{left:50%;top:50%;transform:translate(-50%,-50%);transform-origin:center center}.fa-layers-counter{background-color:#ff253a;border-radius:1em;box-sizing:border-box;color:#fff;height:1.5em;line-height:1;max-width:5em;min-width:1.5em;overflow:hidden;padding:.25em;right:0;text-overflow:ellipsis;top:0;transform:scale(.25);transform-origin:top right}.fa-layers-bottom-right{bottom:0;right:0;top:auto;transform:scale(.25);transform-origin:bottom right}.fa-layers-bottom-left{bottom:0;left:0;right:auto;top:auto;transform:scale(.25);transform-origin:bottom left}.fa-layers-top-right{right:0;top:0;transform:scale(.25);transform-origin:top right}.fa-layers-top-left{left:0;right:auto;top:0;transform:scale(.25);transform-origin:top left}.fa-lg{font-size:1.33333em;line-height:.75em;vertical-align:-.0667em}.fa-xs{font-size:.75em}.fa-sm{font-size:.875em}.fa-1x{font-size:1em}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-6x{font-size:6em}.fa-7x{font-size:7em}.fa-8x{font-size:8em}.fa-9x{font-size:9em}.fa-10x{font-size:10em}.fa-fw{text-align:center;width:1.25em}.fa-ul{list-style-type:none;margin-left:2.5em;padding-left:0}.fa-ul>li{position:relative}.fa-li{left:-2em;position:absolute;text-align:center;width:2em;line-height:inherit}.fa-border{border:.08em solid #eee;border-radius:.1em;padding:.2em .25em .15em}.fa-pull-left{float:left}.fa-pull-right{float:right}.fa.fa-pull-left,.fab.fa-pull-left,.fal.fa-pull-left,.far.fa-pull-left,.fas.fa-pull-left{margin-right:.3em}.fa.fa-pull-right,.fab.fa-pull-right,.fal.fa-pull-right,.far.fa-pull-right,.fas.fa-pull-right{margin-left:.3em}.fa-spin{-webkit-animation:fa-spin 2s linear infinite;animation:fa-spin 2s linear infinite}.fa-pulse{-webkit-animation:fa-spin 1s steps(8) infinite;animation:fa-spin 1s steps(8) infinite}@-webkit-keyframes fa-spin{0%{transform:rotate(0)}to{transform:rotate(1turn)}}@keyframes fa-spin{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.fa-rotate-90{transform:rotate(90deg)}.fa-rotate-180{transform:rotate(180deg)}.fa-rotate-270{transform:rotate(270deg)}.fa-flip-horizontal{transform:scaleX(-1)}.fa-flip-vertical{transform:scaleY(-1)}.fa-flip-both,.fa-flip-horizontal.fa-flip-vertical{transform:scale(-1)}:root .fa-flip-both,:root .fa-flip-horizontal,:root .fa-flip-vertical,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-rotate-90{filter:none}.fa-stack{display:inline-block;height:2em;position:relative;width:2.5em}.fa-stack-1x,.fa-stack-2x{bottom:0;left:0;margin:auto;position:absolute;right:0;top:0}.svg-inline--fa.fa-stack-1x{height:1em;width:1.25em}.svg-inline--fa.fa-stack-2x{height:2em;width:2.5em}.fa-inverse{color:#fff}.sr-only{border:0;clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.sr-only-focusable:active,.sr-only-focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto}.svg-inline--fa .fa-primary{fill:currentColor;fill:var(--fa-primary-color,currentColor);opacity:1;opacity:1;opacity:var(--fa-primary-opacity,1)}.svg-inline--fa .fa-secondary{fill:currentColor;fill:var(--fa-secondary-color,currentColor)}.svg-inline--fa .fa-secondary,.svg-inline--fa.fa-swap-opacity .fa-primary{opacity:.4;opacity:.4;opacity:var(--fa-secondary-opacity,.4)}.svg-inline--fa.fa-swap-opacity .fa-secondary{opacity:1;opacity:1;opacity:var(--fa-primary-opacity,1)}.svg-inline--fa mask .fa-primary,.svg-inline--fa mask .fa-secondary{fill:#000}.fad.fa-inverse{color:#fff}/*! tailwindcss v2.2.16 | MIT License | https://tailwindcss.com*//*! modern-normalize v1.1.0 | MIT License | https://github.com/sindresorhus/modern-normalize */*,::after,::before{box-sizing:border-box}html{-moz-tab-size:4;-o-tab-size:4;tab-size:4}html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}body{font-family:system-ui,-apple-system,'Segoe UI',Roboto,Helvetica,Arial,sans-serif,'Apple Color Emoji','Segoe UI Emoji'}hr{height:0;color:inherit}abbr[title]{-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Consolas,'Liberation Mono',Menlo,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,select{text-transform:none}[type=button],button{-webkit-appearance:button}legend{padding:0}progress{vertical-align:baseline}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}button{background-color:transparent;background-image:none}fieldset{margin:0;padding:0}ol,ul{list-style:none;margin:0;padding:0}html{font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";line-height:1.5}body{font-family:inherit;line-height:inherit}*,::after,::before{box-sizing:border-box;border-width:0;border-style:solid;border-color:currentColor}hr{border-top-width:1px}img{border-style:solid}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input:-ms-input-placeholder,textarea:-ms-input-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button{cursor:pointer}table{border-collapse:collapse}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}button,input,optgroup,select,textarea{padding:0;line-height:inherit;color:inherit}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]{display:none}*,::after,::before{--tw-border-opacity:1;border-color:rgba(229,231,235,var(--tw-border-opacity))}.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.top-0{top:0}.bottom-0{bottom:0}.z-0{z-index:0}.z-10{z-index:10}.mx-3{margin-left:.75rem;margin-right:.75rem}.mx-auto{margin-left:auto;margin-right:auto}.my-5{margin-top:1.25rem;margin-bottom:1.25rem}.mt-3{margin-top:.75rem}.mt-5{margin-top:1.25rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.mt-10{margin-top:2.5rem}.mt-16{margin-top:4rem}.mr-1{margin-right:.25rem}.mr-10{margin-right:2.5rem}.mb-16{margin-bottom:4rem}.ml-10{margin-left:2.5rem}.ml-16{margin-left:4rem}.ml-24{margin-left:6rem}.block{display:block}.flex{display:flex}.table{display:table}.hidden{display:none}.h-10{height:2.5rem}.h-11{height:2.75rem}.h-12{height:3rem}.h-16{height:4rem}.h-40{height:10rem}.h-72{height:18rem}.h-96{height:24rem}.h-auto{height:auto}.h-3\/4{height:75%}.h-full{height:100%}.h-screen{height:100vh}.min-h-screen{min-height:100vh}.w-11{width:2.75rem}.w-72{width:18rem}.w-96{width:24rem}.w-auto{width:auto}.w-full{width:100%}.transform{--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;transform:translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-75{--tw-scale-x:.75;--tw-scale-y:.75}.scale-90{--tw-scale-x:.9;--tw-scale-y:.9}.hover\:scale-100:hover{--tw-scale-x:1;--tw-scale-y:1}@-webkit-keyframes spin{to{transform:rotate(360deg)}}@keyframes spin{to{transform:rotate(360deg)}}@-webkit-keyframes ping{100%,75%{transform:scale(2);opacity:0}}@keyframes ping{100%,75%{transform:scale(2);opacity:0}}@-webkit-keyframes pulse{50%{opacity:.5}}@keyframes pulse{50%{opacity:.5}}@-webkit-keyframes bounce{0%,100%{transform:translateY(-25%);-webkit-animation-timing-function:cubic-bezier(.8,0,1,1);animation-timing-function:cubic-bezier(.8,0,1,1)}50%{transform:none;-webkit-animation-timing-function:cubic-bezier(0,0,.2,1);animation-timing-function:cubic-bezier(0,0,.2,1)}}@keyframes bounce{0%,100%{transform:translateY(-25%);-webkit-animation-timing-function:cubic-bezier(.8,0,1,1);animation-timing-function:cubic-bezier(.8,0,1,1)}50%{transform:none;-webkit-animation-timing-function:cubic-bezier(0,0,.2,1);animation-timing-function:cubic-bezier(0,0,.2,1)}}.cursor-pointer{cursor:pointer}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(.5rem * var(--tw-space-x-reverse));margin-left:calc(.5rem * calc(1 - var(--tw-space-x-reverse)))}.space-x-5>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(1.25rem * var(--tw-space-x-reverse));margin-left:calc(1.25rem * calc(1 - var(--tw-space-x-reverse)))}.space-x-20>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(5rem * var(--tw-space-x-reverse));margin-left:calc(5rem * calc(1 - var(--tw-space-x-reverse)))}.rounded{border-radius:.25rem}.rounded-3xl{border-radius:1.5rem}.bg-transparent{background-color:transparent}.bg-black{--tw-bg-opacity:1;background-color:rgba(0,0,0,var(--tw-bg-opacity))}.bg-gray-800{--tw-bg-opacity:1;background-color:rgba(31,41,55,var(--tw-bg-opacity))}.bg-gray-900{--tw-bg-opacity:1;background-color:rgba(17,24,39,var(--tw-bg-opacity))}.bg-blue-500{--tw-bg-opacity:1;background-color:rgba(59,130,246,var(--tw-bg-opacity))}.hover\:bg-gray-700:hover{--tw-bg-opacity:1;background-color:rgba(55,65,81,var(--tw-bg-opacity))}.hover\:bg-gray-800:hover{--tw-bg-opacity:1;background-color:rgba(31,41,55,var(--tw-bg-opacity))}.hover\:bg-blue-900:hover{--tw-bg-opacity:1;background-color:rgba(30,58,138,var(--tw-bg-opacity))}.bg-opacity-0{--tw-bg-opacity:0}.bg-opacity-50{--tw-bg-opacity:0.5}.bg-opacity-60{--tw-bg-opacity:0.6}.bg-opacity-90{--tw-bg-opacity:0.9}.bg-opacity-100{--tw-bg-opacity:1}.hover\:bg-opacity-75:hover{--tw-bg-opacity:0.75}.hover\:bg-opacity-90:hover{--tw-bg-opacity:0.9}.bg-background{background-image:url(_nuxt/img/wallpaper.a074d75.jpg)}.bg-glass-1{background-image:url(_nuxt/img/glass-bg-1.b3076f4.jpg)}.bg-twitch{background-image:url(_nuxt/img/twitchStreamingbot.ddd245b.jpg)}.bg-preview01{background-image:url(_nuxt/img/preview01.cdfe60f.png)}.bg-preview02{background-image:url(_nuxt/img/preview02.d26a279.png)}.bg-preview03{background-image:url(_nuxt/img/preview03.2df3471.png)}.bg-preview04{background-image:url(_nuxt/img/preview04.71e52bd.png)}.bg-preview05{background-image:url(_nuxt/img/preview05.b2c4279.png)}.bg-cover{background-size:cover}.bg-center{background-position:center}.p-5{padding:1.25rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-10{padding-top:2.5rem;padding-bottom:2.5rem}.py-28{padding-top:7rem;padding-bottom:7rem}.pt-3{padding-top:.75rem}.pt-12{padding-top:3rem}.pt-28{padding-top:7rem}.pr-5{padding-right:1.25rem}.pb-3{padding-bottom:.75rem}.pb-28{padding-bottom:7rem}.pl-2{padding-left:.5rem}.pl-5{padding-left:1.25rem}.text-center{text-align:center}.text-right{text-align:right}.font-kabut{font-family:Kabut}.text-sm{font-size:.875rem;line-height:1.25rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-7xl{font-size:4.5rem;line-height:1}.text-8xl{font-size:6rem;line-height:1}.text-9xl{font-size:8rem;line-height:1}.font-semibold{font-weight:600}.font-bold{font-weight:700}.uppercase{text-transform:uppercase}.text-transparent{color:transparent}.text-white{--tw-text-opacity:1;color:rgba(255,255,255,var(--tw-text-opacity))}.text-gray-300{--tw-text-opacity:1;color:rgba(209,213,219,var(--tw-text-opacity))}.text-gray-400{--tw-text-opacity:1;color:rgba(156,163,175,var(--tw-text-opacity))}.text-gray-500{--tw-text-opacity:1;color:rgba(107,114,128,var(--tw-text-opacity))}.text-blue-600{--tw-text-opacity:1;color:rgba(37,99,235,var(--tw-text-opacity))}.text-blue-900{--tw-text-opacity:1;color:rgba(30,58,138,var(--tw-text-opacity))}.hover\:text-gray-300:hover{--tw-text-opacity:1;color:rgba(209,213,219,var(--tw-text-opacity))}.hover\:text-gray-400:hover{--tw-text-opacity:1;color:rgba(156,163,175,var(--tw-text-opacity))}.hover\:text-blue-600:hover{--tw-text-opacity:1;color:rgba(37,99,235,var(--tw-text-opacity))}.hover\:text-blue-700:hover{--tw-text-opacity:1;color:rgba(29,78,216,var(--tw-text-opacity))}.opacity-30{opacity:.3}*,::after,::before{--tw-shadow:0 0 #0000}.hover\:shadow-2xl:hover{--tw-shadow:0 25px 50px -12px rgba(30, 58, 138, 0.75);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}*,::after,::before{--tw-ring-inset:var(--tw-empty, );/*!*//*!*/--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59, 130, 246, 0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000}.backdrop-blur-lg{--tw-backdrop-blur:blur(16px)}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:150ms}.duration-500{transition-duration:.5s}@media (min-width:640px){.sm\:mt-0{margin-top:0}.sm\:mt-6{margin-top:1.5rem}.sm\:w-8\/12{width:66.666667%}}@media (min-width:768px){.md\:flex{display:flex}.md\:h-64{height:16rem}.md\:w-7\/12{width:58.333333%}.md\:flex-col{flex-direction:column}.md\:py-0{padding-top:0;padding-bottom:0}.md\:text-xl{font-size:1.25rem;line-height:1.75rem}}@media (min-width:1024px){.lg\:block{display:block}.lg\:flex{display:flex}.lg\:hidden{display:none}.lg\:w-1\/2{width:50%}.lg\:w-2\/3{width:66.666667%}.lg\:w-5\/12{width:41.666667%}.lg\:space-x-36>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(9rem * var(--tw-space-x-reverse));margin-left:calc(9rem * calc(1 - var(--tw-space-x-reverse)))}.lg\:pl-16{padding-left:4rem}}@media (min-width:1536px){.\32xl\:justify-between{justify-content:space-between}}html{font-size:16px;scroll-behavior:smooth}.list0{counter-reset:listA}.listA{counter-reset:listB}.listB{counter-reset:listC}.listA:before{counter-increment:listA;content:counter(listA) ") "}.listB:before{counter-increment:listB;content:counter(listB,lower-alpha) ") "}.listC:before{counter-increment:listC;content:counter(listC,upper-roman) ") "}@font-face{font-family:Kabut;src:url(_nuxt/fonts/kabut.43fef9f.ttf) format("truetype");font-weight:500}.nuxt-progress{position:fixed;top:0;left:0;right:0;height:2px;width:0;opacity:1;transition:width .1s,opacity .4s;background-color:#000;z-index:999999}.nuxt-progress.nuxt-progress-notransition{transition:none}.nuxt-progress-failed{background-color:red}</style>
</head>
<body>
   <div data-server-rendered="true" id="__nuxt">
      <div id="__layout">
         <div>
            <div data-v-6d865fa2>
               <nav class="h-16 z-10 w-full fixed bg-gray-900 transition-all duration-500 bg-opacity-0" data-v-6d865fa2>
                  <div class="container h-full mx-auto flex justify-between" data-v-6d865fa2>
                     <div class="flex lg:hidden h-full items-center justify-start pl-5" data-v-6d865fa2>
                        <div class="h-11 w-11" data-v-6d865fa2>
                           <div class="w-full h-full rounded transition-all duration-500 flex justify-center items-center cursor-pointer bg-gray-900 hover:bg-gray-800" data-v-6d865fa2>
                              <svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="bars" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" class="text-white text-2xl svg-inline--fa fa-bars fa-w-14" data-v-6d865fa2 data-v-6d865fa2>
                                 <path fill="currentColor" d="M16 132h416c8.837 0 16-7.163 16-16V76c0-8.837-7.163-16-16-16H16C7.163 60 0 67.163 0 76v40c0 8.837 7.163 16 16 16zm0 160h416c8.837 0 16-7.163 16-16v-40c0-8.837-7.163-16-16-16H16c-8.837 0-16 7.163-16 16v40c0 8.837 7.163 16 16 16zm0 160h416c8.837 0 16-7.163 16-16v-40c0-8.837-7.163-16-16-16H16c-8.837 0-16 7.163-16 16v40c0 8.837 7.163 16 16 16z" data-v-6d865fa2 data-v-6d865fa2></path>
                              </svg>
                           </div>
                        </div>
                     </div>
                     <a href="index.html" aria-current="page" class="h-full flex items-center nuxt-link-exact-active nuxt-link-active" data-v-6d865fa2><img src="_nuxt/img/logo-white-white.min.f2c417c.png" alt="Element-V.de | German Roleplay!" class="h-3/4" data-v-6d865fa2></a>
                     <div class="h-full hidden lg:flex items-center justify-end pr-5" data-v-6d865fa2>
                        <a href="index.html#warum-element-v" class="mr-10 hidden lg:block" data-v-6d865fa2>
                           <p class="text-white hover:text-gray-400 text-lg" data-v-6d865fa2>Warum Element-V?</p>
                        </a>
                        <a href="index.html#whitelist" class="mr-10 hidden lg:block" data-v-6d865fa2>
                           <p class="text-white hover:text-gray-400 text-lg" data-v-6d865fa2>Whitelist</p>
                        </a>
                        <a href="index.html#regelwerke" class="mr-10 hidden lg:block" data-v-6d865fa2>
                           <p class="text-white hover:text-gray-400 text-lg" data-v-6d865fa2>Regelwerke</p>
                        </a>
                        <a href="index.html#faq" class="mr-10 hidden lg:block" data-v-6d865fa2>
                           <p class="text-white hover:bg-opacity-90 hover:text-gray-400 text-lg" data-v-6d865fa2>FAQ</p>
                        </a>
                        <a href="https://cp.element-v.de/" rel="noopener" target="_blank" class="mr-10 hidden lg:block" data-v-6d865fa2>
                           <p class="text-white hover:text-gray-400 text-lg" data-v-6d865fa2>Controlpanel</p>
                        </a>
                        <a href="https://el-v.xyz/discord" rel="noopener" target="_blank" class="bg-blue-500 bg-opacity-50 hover:bg-opacity-75 px-6 py-2 rounded hidden lg:flex justify-center items-center space-x-2 mr-1" data-v-6d865fa2>
                           <svg aria-hidden="true" focusable="false" data-prefix="fab" data-icon="discord" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512" class="text-white text-2xl svg-inline--fa fa-discord fa-w-20" data-v-6d865fa2 data-v-6d865fa2>
                              <path fill="currentColor" d="M524.531,69.836a1.5,1.5,0,0,0-.764-.7A485.065,485.065,0,0,0,404.081,32.03a1.816,1.816,0,0,0-1.923.91,337.461,337.461,0,0,0-14.9,30.6,447.848,447.848,0,0,0-134.426,0,309.541,309.541,0,0,0-15.135-30.6,1.89,1.89,0,0,0-1.924-.91A483.689,483.689,0,0,0,116.085,69.137a1.712,1.712,0,0,0-.788.676C39.068,183.651,18.186,294.69,28.43,404.354a2.016,2.016,0,0,0,.765,1.375A487.666,487.666,0,0,0,176.02,479.918a1.9,1.9,0,0,0,2.063-.676A348.2,348.2,0,0,0,208.12,430.4a1.86,1.86,0,0,0-1.019-2.588,321.173,321.173,0,0,1-45.868-21.853,1.885,1.885,0,0,1-.185-3.126c3.082-2.309,6.166-4.711,9.109-7.137a1.819,1.819,0,0,1,1.9-.256c96.229,43.917,200.41,43.917,295.5,0a1.812,1.812,0,0,1,1.924.233c2.944,2.426,6.027,4.851,9.132,7.16a1.884,1.884,0,0,1-.162,3.126,301.407,301.407,0,0,1-45.89,21.83,1.875,1.875,0,0,0-1,2.611,391.055,391.055,0,0,0,30.014,48.815,1.864,1.864,0,0,0,2.063.7A486.048,486.048,0,0,0,610.7,405.729a1.882,1.882,0,0,0,.765-1.352C623.729,277.594,590.933,167.465,524.531,69.836ZM222.491,337.58c-28.972,0-52.844-26.587-52.844-59.239S193.056,219.1,222.491,219.1c29.665,0,53.306,26.82,52.843,59.239C275.334,310.993,251.924,337.58,222.491,337.58Zm195.38,0c-28.971,0-52.843-26.587-52.843-59.239S388.437,219.1,417.871,219.1c29.667,0,53.307,26.82,52.844,59.239C470.715,310.993,447.538,337.58,417.871,337.58Z" data-v-6d865fa2 data-v-6d865fa2></path>
                           </svg>
                           <p class="text-white text-lg" data-v-6d865fa2>Beitreten</p>
                        </a>
                     </div>
                     <div class="flex lg:hidden h-full items-center justify-end pr-5" data-v-6d865fa2>
                        <div class="h-11 w-11 bg-transparent" data-v-6d865fa2></div>
                     </div>
                  </div>
               </nav>
            </div>
            <div>
               <main class="h-screen bg-background bg-cover bg-center">
                  <div class="w-full h-full">
                     <div class="w-full z-0 h-40 bottom-0 absolute"></div>
                     <div class="h-full container mx-auto flex justify-center items-center">
                        <div class="px-2 sm:w-8/12 md:w-7/12 lg:w-5/12">
                           <img src="_nuxt/img/logo-white.min.500b98c.png" alt="Element-V.de | German Roleplay!" class="w-full">
                           <p class="text-white text-center"><strong>Eine neue Ära mit Element-V!</strong><br>Beginne dein neues Leben in Los Santos, lerne neue Leute kennen und genieße das tolle Wetter im US-Bundesstaat San Andreas, auf eine ganz neue Weise.</p>
                           <div class="w-full mt-10 flex justify-center space-x-5">
                              <a target="_blank" rel="noopener" href="https://el-v.xyz/discord" class="cursor-pointer">
                                 <svg aria-hidden="true" focusable="false" data-prefix="fab" data-icon="discord" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512" alt="Discord" class="text-4xl text-gray-500 hover:text-gray-300 svg-inline--fa fa-discord fa-w-20">
                                    <path fill="currentColor" d="M524.531,69.836a1.5,1.5,0,0,0-.764-.7A485.065,485.065,0,0,0,404.081,32.03a1.816,1.816,0,0,0-1.923.91,337.461,337.461,0,0,0-14.9,30.6,447.848,447.848,0,0,0-134.426,0,309.541,309.541,0,0,0-15.135-30.6,1.89,1.89,0,0,0-1.924-.91A483.689,483.689,0,0,0,116.085,69.137a1.712,1.712,0,0,0-.788.676C39.068,183.651,18.186,294.69,28.43,404.354a2.016,2.016,0,0,0,.765,1.375A487.666,487.666,0,0,0,176.02,479.918a1.9,1.9,0,0,0,2.063-.676A348.2,348.2,0,0,0,208.12,430.4a1.86,1.86,0,0,0-1.019-2.588,321.173,321.173,0,0,1-45.868-21.853,1.885,1.885,0,0,1-.185-3.126c3.082-2.309,6.166-4.711,9.109-7.137a1.819,1.819,0,0,1,1.9-.256c96.229,43.917,200.41,43.917,295.5,0a1.812,1.812,0,0,1,1.924.233c2.944,2.426,6.027,4.851,9.132,7.16a1.884,1.884,0,0,1-.162,3.126,301.407,301.407,0,0,1-45.89,21.83,1.875,1.875,0,0,0-1,2.611,391.055,391.055,0,0,0,30.014,48.815,1.864,1.864,0,0,0,2.063.7A486.048,486.048,0,0,0,610.7,405.729a1.882,1.882,0,0,0,.765-1.352C623.729,277.594,590.933,167.465,524.531,69.836ZM222.491,337.58c-28.972,0-52.844-26.587-52.844-59.239S193.056,219.1,222.491,219.1c29.665,0,53.306,26.82,52.843,59.239C275.334,310.993,251.924,337.58,222.491,337.58Zm195.38,0c-28.971,0-52.843-26.587-52.843-59.239S388.437,219.1,417.871,219.1c29.667,0,53.307,26.82,52.844,59.239C470.715,310.993,447.538,337.58,417.871,337.58Z"></path>
                                 </svg>
                                 <span class="hidden text-transparent">Discord</span>
                              </a>
                              <a target="_blank" rel="noopener" href="https://el-v.xyz/twitter" class="cursor-pointer">
                                 <svg aria-hidden="true" focusable="false" data-prefix="fab" data-icon="twitter" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" alt="Twitter" class="text-4xl text-gray-500 hover:text-gray-300 svg-inline--fa fa-twitter fa-w-16">
                                    <path fill="currentColor" d="M459.37 151.716c.325 4.548.325 9.097.325 13.645 0 138.72-105.583 298.558-298.558 298.558-59.452 0-114.68-17.219-161.137-47.106 8.447.974 16.568 1.299 25.34 1.299 49.055 0 94.213-16.568 130.274-44.832-46.132-.975-84.792-31.188-98.112-72.772 6.498.974 12.995 1.624 19.818 1.624 9.421 0 18.843-1.3 27.614-3.573-48.081-9.747-84.143-51.98-84.143-102.985v-1.299c13.969 7.797 30.214 12.67 47.431 13.319-28.264-18.843-46.781-51.005-46.781-87.391 0-19.492 5.197-37.36 14.294-52.954 51.655 63.675 129.3 105.258 216.365 109.807-1.624-7.797-2.599-15.918-2.599-24.04 0-57.828 46.782-104.934 104.934-104.934 30.213 0 57.502 12.67 76.67 33.137 23.715-4.548 46.456-13.32 66.599-25.34-7.798 24.366-24.366 44.833-46.132 57.827 21.117-2.273 41.584-8.122 60.426-16.243-14.292 20.791-32.161 39.308-52.628 54.253z"></path>
                                 </svg>
                                 <span class="hidden text-transparent">Twitter</span>
                              </a>
                              <a target="_blank" rel="noopener" href="https://el-v.xyz/insta" class="cursor-pointer">
                                 <svg aria-hidden="true" focusable="false" data-prefix="fab" data-icon="instagram" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" alt="Instagram" class="text-4xl text-gray-500 hover:text-gray-300 svg-inline--fa fa-instagram fa-w-14">
                                    <path fill="currentColor" d="M224.1 141c-63.6 0-114.9 51.3-114.9 114.9s51.3 114.9 114.9 114.9S339 319.5 339 255.9 287.7 141 224.1 141zm0 189.6c-41.1 0-74.7-33.5-74.7-74.7s33.5-74.7 74.7-74.7 74.7 33.5 74.7 74.7-33.6 74.7-74.7 74.7zm146.4-194.3c0 14.9-12 26.8-26.8 26.8-14.9 0-26.8-12-26.8-26.8s12-26.8 26.8-26.8 26.8 12 26.8 26.8zm76.1 27.2c-1.7-35.9-9.9-67.7-36.2-93.9-26.2-26.2-58-34.4-93.9-36.2-37-2.1-147.9-2.1-184.9 0-35.8 1.7-67.6 9.9-93.9 36.1s-34.4 58-36.2 93.9c-2.1 37-2.1 147.9 0 184.9 1.7 35.9 9.9 67.7 36.2 93.9s58 34.4 93.9 36.2c37 2.1 147.9 2.1 184.9 0 35.9-1.7 67.7-9.9 93.9-36.2 26.2-26.2 34.4-58 36.2-93.9 2.1-37 2.1-147.8 0-184.8zM398.8 388c-7.8 19.6-22.9 34.7-42.6 42.6-29.5 11.7-99.5 9-132.1 9s-102.7 2.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6-11.7-29.5-9-99.5-9-132.1s-2.6-102.7 9-132.1c7.8-19.6 22.9-34.7 42.6-42.6 29.5-11.7 99.5-9 132.1-9s102.7-2.6 132.1 9c19.6 7.8 34.7 22.9 42.6 42.6 11.7 29.5 9 99.5 9 132.1s2.7 102.7-9 132.1z"></path>
                                 </svg>
                                 <span class="hidden text-transparent">Instagram</span>
                              </a>
                              <a target="_blank" rel="noopener" href="https://el-v.xyz/twitch" class="cursor-pointer">
                                 <svg aria-hidden="true" focusable="false" data-prefix="fab" data-icon="twitch" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" alt="Twitch" class="text-4xl text-gray-500 hover:text-gray-300 svg-inline--fa fa-twitch fa-w-16">
                                    <path fill="currentColor" d="M391.17,103.47H352.54v109.7h38.63ZM285,103H246.37V212.75H285ZM120.83,0,24.31,91.42V420.58H140.14V512l96.53-91.42h77.25L487.69,256V0ZM449.07,237.75l-77.22,73.12H294.61l-67.6,64v-64H140.14V36.58H449.07Z"></path>
                                 </svg>
                                 <span class="hidden text-transparent">Twitch</span>
                              </a>
                              <a target="_blank" rel="noopener" href="https://el-v.xyz/yt" class="cursor-pointer">
                                 <svg aria-hidden="true" focusable="false" data-prefix="fab" data-icon="youtube" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512" alt="Youtube" class="text-4xl text-gray-500 hover:text-gray-300 svg-inline--fa fa-youtube fa-w-18">
                                    <path fill="currentColor" d="M549.655 124.083c-6.281-23.65-24.787-42.276-48.284-48.597C458.781 64 288 64 288 64S117.22 64 74.629 75.486c-23.497 6.322-42.003 24.947-48.284 48.597-11.412 42.867-11.412 132.305-11.412 132.305s0 89.438 11.412 132.305c6.281 23.65 24.787 41.5 48.284 47.821C117.22 448 288 448 288 448s170.78 0 213.371-11.486c23.497-6.321 42.003-24.171 48.284-47.821 11.412-42.867 11.412-132.305 11.412-132.305s0-89.438-11.412-132.305zm-317.51 213.508V175.185l142.739 81.205-142.739 81.201z"></path>
                                 </svg>
                                 <span class="hidden text-transparent">Youtube</span>
                              </a>
                              <a target="_blank" rel="noopener" href="https://status.element-v.de/" class="cursor-pointer">
                                 <svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="server" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" alt="Service Status" class="text-4xl text-gray-500 hover:text-gray-300 svg-inline--fa fa-server fa-w-16">
                                    <path fill="currentColor" d="M480 160H32c-17.673 0-32-14.327-32-32V64c0-17.673 14.327-32 32-32h448c17.673 0 32 14.327 32 32v64c0 17.673-14.327 32-32 32zm-48-88c-13.255 0-24 10.745-24 24s10.745 24 24 24 24-10.745 24-24-10.745-24-24-24zm-64 0c-13.255 0-24 10.745-24 24s10.745 24 24 24 24-10.745 24-24-10.745-24-24-24zm112 248H32c-17.673 0-32-14.327-32-32v-64c0-17.673 14.327-32 32-32h448c17.673 0 32 14.327 32 32v64c0 17.673-14.327 32-32 32zm-48-88c-13.255 0-24 10.745-24 24s10.745 24 24 24 24-10.745 24-24-10.745-24-24-24zm-64 0c-13.255 0-24 10.745-24 24s10.745 24 24 24 24-10.745 24-24-10.745-24-24-24zm112 248H32c-17.673 0-32-14.327-32-32v-64c0-17.673 14.327-32 32-32h448c17.673 0 32 14.327 32 32v64c0 17.673-14.327 32-32 32zm-48-88c-13.255 0-24 10.745-24 24s10.745 24 24 24 24-10.745 24-24-10.745-24-24-24zm-64 0c-13.255 0-24 10.745-24 24s10.745 24 24 24 24-10.745 24-24-10.745-24-24-24z"></path>
                                 </svg>
                                 <span class="hidden text-transparent">Service Status</span>
                              </a>
                           </div>
                        </div>
                     </div>
                  </div>
               </main>
               <div id="warum-element-v" class="relative bg-gray-900">
                  <div class="w-full h-full bg-black bg-opacity-60 backdrop-blur-lg px-3">
                     <div class="h-full container mx-auto pt-28">
                        <div>
                           <p class="text-8xl text-blue-900 font-kabut">Warum Element-V?</p>
                           <p class="text-xl text-white font-semibold mt-3">Beginne dein ganz neues Leben!</p>
                           <p class="text-xl text-white">Hier siehst du die knallharten Fakten über Element-V und was es bedeutet,<br>bei uns zu spielen - alles auf einen Blick:</p>
                           <div class="w-full h-full mt-8 flex flex-wrap justify-center 2xl:justify-between">
                              <div class="w-72 h-96 bg-gray-900 rounded-3xl transform scale-90 hover:scale-100 hover:bg-blue-900 transition-all hover:shadow-2xl flex flex-col items-center">
                                 <p class="text-white text-2xl font-semibold mt-5">Perfekter Sync</p>
                                 <svg aria-hidden="true" focusable="false" data-prefix="far" data-icon="sync" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="text-7xl text-gray-300 hover:text-gray-300 mt-5 svg-inline--fa fa-sync fa-w-16">
                                    <path fill="currentColor" d="M500 8h-27.711c-6.739 0-12.157 5.548-11.997 12.286l2.347 98.575C418.212 52.043 342.256 8 256 8 134.813 8 33.933 94.924 12.296 209.824 10.908 217.193 16.604 224 24.103 224h28.576c5.674 0 10.542-3.982 11.737-9.529C83.441 126.128 161.917 60 256 60c79.545 0 147.942 47.282 178.676 115.302l-126.39-3.009c-6.737-.16-12.286 5.257-12.286 11.997V212c0 6.627 5.373 12 12 12h192c6.627 0 12-5.373 12-12V20c0-6.627-5.373-12-12-12zm-12.103 280h-28.576c-5.674 0-10.542 3.982-11.737 9.529C428.559 385.872 350.083 452 256 452c-79.546 0-147.942-47.282-178.676-115.302l126.39 3.009c6.737.16 12.286-5.257 12.286-11.997V300c0-6.627-5.373-12-12-12H12c-6.627 0-12 5.373-12 12v192c0 6.627 5.373 12 12 12h27.711c6.739 0 12.157-5.548 11.997-12.286l-2.347-98.575C93.788 459.957 169.744 504 256 504c121.187 0 222.067-86.924 243.704-201.824 1.388-7.369-4.308-14.176-11.807-14.176z"></path>
                                 </svg>
                                 <p class="text-white text-lg mt-5 text-center px-5">Keine uminösen Explosionen die nur ein Spieler sieht, kein &quot;mach mal die Motte&quot; oder sonstige bekannte Schwierigkeiten wirst du bei uns feststellen. Alles dank alt:V.</p>
                              </div>
                              <div class="h-96 w-72 bg-gray-900 rounded-3xl transform scale-90 hover:scale-100 hover:bg-blue-900 transition-all hover:shadow-2xl flex flex-col items-center">
                                 <p class="text-white text-2xl font-semibold mt-5">Daten-Sicherheit</p>
                                 <svg aria-hidden="true" focusable="false" data-prefix="far" data-icon="shield-check" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="text-7xl text-gray-300 hover:text-gray-300 mt-5 svg-inline--fa fa-shield-check fa-w-16">
                                    <path fill="currentColor" d="M163.2 230.5c-4.7-4.7-12.3-4.7-17-.1l-22.7 22.5c-4.7 4.7-4.7 12.3-.1 17l90.8 91.5c4.7 4.7 12.3 4.7 17 .1l172.6-171.2c4.7-4.7 4.7-12.3.1-17l-22.5-22.7c-4.7-4.7-12.3-4.7-17-.1L223 290.7zM466.5 83.7l-192-80a48.15 48.15 0 0 0-36.9 0l-192 80C27.7 91.1 16 108.6 16 128c0 198.5 114.5 335.7 221.5 380.3 11.8 4.9 25.1 4.9 36.9 0C360.1 472.6 496 349.3 496 128c0-19.4-11.7-36.9-29.5-44.3zM256 464C158.5 423.4 64 297.3 64 128l192-80 192 80c0 173.8-98.4 297-192 336z"></path>
                                 </svg>
                                 <p class="text-white text-lg mt-5 text-center px-5">Wir speichern keine Passwörter, E-Mails oder sonstige privaten Daten, die bei einem Hacker-Angriff unsicher sind. Uns interessiert nur dein langweiliger Discord-Name.. langweilig..</p>
                              </div>
                              <div class="h-96 w-72 bg-gray-900 rounded-3xl transform scale-90 hover:scale-100 hover:bg-blue-900 transition-all hover:shadow-2xl flex flex-col items-center">
                                 <p class="text-white text-2xl font-semibold mt-5">Keine Werbung</p>
                                 <svg aria-hidden="true" focusable="false" data-prefix="far" data-icon="bullhorn" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512" class="text-7xl text-gray-300 hover:text-gray-300 mt-5 svg-inline--fa fa-bullhorn fa-w-18">
                                    <path fill="currentColor" d="M544 184.88V32.01C544 23.26 537.02 0 512.01 0H512c-7.12 0-14.19 2.38-19.98 7.02l-85.03 68.03C364.28 109.19 310.66 128 256 128H64c-35.35 0-64 28.65-64 64v96c0 35.35 28.65 64 64 64l-.48 32c0 39.77 9.26 77.35 25.56 110.94 5.19 10.69 16.52 17.06 28.4 17.06h106.28c26.05 0 41.69-29.84 25.9-50.56-16.4-21.52-26.15-48.36-26.15-77.44 0-11.11 1.62-21.79 4.41-32H256c54.66 0 108.28 18.81 150.98 52.95l85.03 68.03a32.023 32.023 0 0 0 19.98 7.02c24.92 0 32-22.78 32-32V295.13c19.05-11.09 32-31.49 32-55.12.01-23.64-12.94-44.04-31.99-55.13zM127.73 464c-10.76-25.45-16.21-52.31-16.21-80 0-14.22 1.72-25.34 2.6-32h64.91c-2.09 10.7-3.52 21.41-3.52 32 0 28.22 6.58 55.4 19.21 80h-66.99zM240 304H64c-8.82 0-16-7.18-16-16v-96c0-8.82 7.18-16 16-16h176v128zm256 110.7l-59.04-47.24c-42.8-34.22-94.79-55.37-148.96-61.45V173.99c54.17-6.08 106.16-27.23 148.97-61.46L496 65.3v349.4z"></path>
                                 </svg>
                                 <p class="text-white text-lg mt-5 text-center px-5">Wir dröhnen dich nicht mit komischen und uninteressanten Werbungen zu. Also, keine Sorge.. dein AdBlocker darf an bleiben.</p>
                              </div>
                              <div class="h-96 w-72 bg-gray-900 rounded-3xl transform scale-90 hover:scale-100 hover:bg-blue-900 transition-all hover:shadow-2xl flex flex-col items-center">
                                 <p class="text-white text-2xl font-semibold mt-5">Respektvoller Umgang</p>
                                 <svg aria-hidden="true" focusable="false" data-prefix="far" data-icon="handshake" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512" class="text-7xl text-gray-300 hover:text-gray-300 mt-5 svg-inline--fa fa-handshake fa-w-20">
                                    <path fill="currentColor" d="M519.2 127.9l-47.6-47.6A56.252 56.252 0 0 0 432 64H205.2c-14.8 0-29.1 5.9-39.6 16.3L118 127.9H0v255.7h64c17.6 0 31.8-14.2 31.9-31.7h9.1l84.6 76.4c30.9 25.1 73.8 25.7 105.6 3.8 12.5 10.8 26 15.9 41.1 15.9 18.2 0 35.3-7.4 48.8-24 22.1 8.7 48.2 2.6 64-16.8l26.2-32.3c5.6-6.9 9.1-14.8 10.9-23h57.9c.1 17.5 14.4 31.7 31.9 31.7h64V127.9H519.2zM48 351.6c-8.8 0-16-7.2-16-16s7.2-16 16-16 16 7.2 16 16c0 8.9-7.2 16-16 16zm390-6.9l-26.1 32.2c-2.8 3.4-7.8 4-11.3 1.2l-23.9-19.4-30 36.5c-6 7.3-15 4.8-18 2.4l-36.8-31.5-15.6 19.2c-13.9 17.1-39.2 19.7-55.3 6.6l-97.3-88H96V175.8h41.9l61.7-61.6c2-.8 3.7-1.5 5.7-2.3H262l-38.7 35.5c-29.4 26.9-31.1 72.3-4.4 101.3 14.8 16.2 61.2 41.2 101.5 4.4l8.2-7.5 108.2 87.8c3.4 2.8 3.9 7.9 1.2 11.3zm106-40.8h-69.2c-2.3-2.8-4.9-5.4-7.7-7.7l-102.7-83.4 12.5-11.4c6.5-6 7-16.1 1-22.6L367 167.1c-6-6.5-16.1-6.9-22.6-1l-55.2 50.6c-9.5 8.7-25.7 9.4-34.6 0-9.3-9.9-8.5-25.1 1.2-33.9l65.6-60.1c7.4-6.8 17-10.5 27-10.5l83.7-.2c2.1 0 4.1.8 5.5 2.3l61.7 61.6H544v128zm48 47.7c-8.8 0-16-7.2-16-16s7.2-16 16-16 16 7.2 16 16c0 8.9-7.2 16-16 16z"></path>
                                 </svg>
                                 <p class="text-white text-lg mt-5 text-center px-5">Dieser Server ist von RP-Spielern gemacht, also behandeln wir unsere Community genauso, wie wir es uns immer auf anderen Projekten gewünscht haben. Fair und respektvoll!</p>
                              </div>
                              <div class="h-96 w-72 bg-gray-900 rounded-3xl transform scale-90 hover:scale-100 hover:bg-blue-900 transition-all hover:shadow-2xl flex flex-col items-center">
                                 <p class="text-white text-2xl font-semibold mt-5">Noch Fragen?</p>
                                 <svg aria-hidden="true" focusable="false" data-prefix="far" data-icon="question-circle" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="text-7xl text-gray-300 hover:text-gray-300 mt-5 svg-inline--fa fa-question-circle fa-w-16">
                                    <path fill="currentColor" d="M256 8C119.043 8 8 119.083 8 256c0 136.997 111.043 248 248 248s248-111.003 248-248C504 119.083 392.957 8 256 8zm0 448c-110.532 0-200-89.431-200-200 0-110.495 89.472-200 200-200 110.491 0 200 89.471 200 200 0 110.53-89.431 200-200 200zm107.244-255.2c0 67.052-72.421 68.084-72.421 92.863V300c0 6.627-5.373 12-12 12h-45.647c-6.627 0-12-5.373-12-12v-8.659c0-35.745 27.1-50.034 47.579-61.516 17.561-9.845 28.324-16.541 28.324-29.579 0-17.246-21.999-28.693-39.784-28.693-23.189 0-33.894 10.977-48.942 29.969-4.057 5.12-11.46 6.071-16.666 2.124l-27.824-21.098c-5.107-3.872-6.251-11.066-2.644-16.363C184.846 131.491 214.94 112 261.794 112c49.071 0 101.45 38.304 101.45 88.8zM298 368c0 23.159-18.841 42-42 42s-42-18.841-42-42 18.841-42 42-42 42 18.841 42 42z"></path>
                                 </svg>
                                 <p class="text-white text-lg mt-5 text-center px-5">Kein Ding! Unser Support ist immer für dich da und kümmert sich um deine Anliegen.</p>
                              </div>
                           </div>
                        </div>
                        <div class="mt-10">
                           <p class="text-8xl text-blue-900 font-kabut text-right">Du entscheidest!</p>
                           <p class="text-xl text-white font-semibold mt-3 text-right">Bist du mehr der Vorzeigebürger oder eher der Kriminelle?</p>
                           <div class="w-full h-full mt-8 flex flex-wrap justify-center 2xl:justify-between">
                              <div class="w-72 h-96 mb-16 bg-gray-900 bg-preview02 bg-cover rounded-3xl transform scale-90 hover:scale-100 hover:bg-blue-900 transition-all hover:shadow-2xl flex flex-col items-center"></div>
                              <div class="h-96 w-72 mb-16 bg-gray-900 bg-preview01 bg-cover rounded-3xl transform scale-90 hover:scale-100 hover:bg-blue-900 transition-all hover:shadow-2xl flex flex-col items-center"></div>
                              <div class="h-96 w-72 mb-16 bg-gray-900 bg-preview03 bg-cover rounded-3xl transform scale-90 hover:scale-100 hover:bg-blue-900 transition-all hover:shadow-2xl flex flex-col items-center"></div>
                              <div class="h-96 w-72 mb-16 bg-gray-900 bg-preview04 bg-cover rounded-3xl transform scale-90 hover:scale-100 hover:bg-blue-900 transition-all hover:shadow-2xl flex flex-col items-center"></div>
                              <div class="h-96 w-72 mb-16 bg-gray-900 bg-preview05 bg-cover rounded-3xl transform scale-90 hover:scale-100 hover:bg-blue-900 transition-all hover:shadow-2xl flex flex-col items-center"></div>
                           </div>
                        </div>
                     </div>
                  </div>
               </div>
               <div id="whitelist" class="relative bg-gray-900">
                  <div class="w-full h-full bg-black bg-opacity-60 backdrop-blur-lg px-3">
                     <div class="h-full container mx-auto pt-12">
                        <div>
                           <p class="text-8xl text-blue-900 font-kabut">Whitelist</p>
                           <p class="text-xl text-white font-semibold mt-3">Um auf Element-V spielen zu können, musst du eine kleine Whitelist bestehen</p>
                           <p class="text-xl text-white">Die Whitelist-Channels werden hauptsächlich zwischen 16.00 Uhr und 20.00 Uhr abgearbeitet. Außerhalb dieser Zeiten, kann es zu längeren Wartezeiten kommen.<br>Bitte beachte, dass unser Team auch mal im RealLife sind oder auch RP spielen möchten.</p>
                           <div class="w-full h-full mt-8 flex flex-wrap justify-center 2xl:justify-between">
                              <div class="h-72 w-72 mb-16 bg-gray-900 rounded-3xl transform scale-90 hover:scale-100 hover:bg-blue-900 transition-all hover:shadow-2xl flex flex-col items-center">
                                 <p class="text-white text-2xl font-semibold mt-5">Schritt 1</p>
                                 <svg aria-hidden="true" focusable="false" data-prefix="far" data-icon="gavel" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="text-7xl text-gray-300 hover:text-gray-300 mt-5 svg-inline--fa fa-gavel fa-w-16">
                                    <path fill="currentColor" d="M497.965 176.618l-23.185-23.185c-13.611-13.61-33.433-17.321-50.434-11.133l-54.624-54.624c6.189-16.998 2.479-36.821-11.133-50.433l-23.185-23.174c-18.757-18.757-49.122-18.76-67.882 0L163.914 117.667c-18.715 18.715-18.715 49.167 0 67.883l23.184 23.184c13.613 13.613 33.433 17.326 50.434 11.133l10.342 10.342-56.543 56.52c-22.021-22.02-51.866-19.249-69.498-1.616L14.069 392.908c-18.757 18.757-18.76 49.122 0 67.882l37.163 37.174c18.714 18.714 49.165 18.715 67.882 0l107.773-107.796c17.412-17.41 20.652-47.231-1.616-69.499l56.543-56.519 10.341 10.341c-6.189 16.998-2.479 36.821 11.134 50.434l25.417 25.417c17.484 17.484 45.932 17.485 63.417 0L497.965 244.5c18.713-18.715 18.713-49.167 0-67.882zM85.195 464.043l-.021-.021L48 426.849l107.773-107.795 37.173 37.173L85.195 464.043zm275.219-149.875l-23.184-23.184 14.793-14.793L235.832 160l-14.792 14.792-23.184-23.184L301.465 48l23.184 23.184L307.832 88l116.191 116.191 16.816-16.816 23.184 23.184-103.609 103.609z"></path>
                                 </svg>
                                 <p class="text-white text-lg mt-5 text-center px-5">Lese alle unsere Regelwerke um perfekt für die Whitelist vorbereitet zu sein.</p>
                              </div>
                              <div class="h-72 w-72 mb-16 bg-gray-900 rounded-3xl transform scale-90 hover:scale-100 hover:bg-blue-900 transition-all hover:shadow-2xl flex flex-col items-center">
                                 <p class="text-white text-2xl font-semibold mt-5">Schritt 2</p>
                                 <svg aria-hidden="true" focusable="false" data-prefix="fab" data-icon="discord" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512" class="text-7xl text-gray-300 hover:text-gray-300 mt-5 svg-inline--fa fa-discord fa-w-20">
                                    <path fill="currentColor" d="M524.531,69.836a1.5,1.5,0,0,0-.764-.7A485.065,485.065,0,0,0,404.081,32.03a1.816,1.816,0,0,0-1.923.91,337.461,337.461,0,0,0-14.9,30.6,447.848,447.848,0,0,0-134.426,0,309.541,309.541,0,0,0-15.135-30.6,1.89,1.89,0,0,0-1.924-.91A483.689,483.689,0,0,0,116.085,69.137a1.712,1.712,0,0,0-.788.676C39.068,183.651,18.186,294.69,28.43,404.354a2.016,2.016,0,0,0,.765,1.375A487.666,487.666,0,0,0,176.02,479.918a1.9,1.9,0,0,0,2.063-.676A348.2,348.2,0,0,0,208.12,430.4a1.86,1.86,0,0,0-1.019-2.588,321.173,321.173,0,0,1-45.868-21.853,1.885,1.885,0,0,1-.185-3.126c3.082-2.309,6.166-4.711,9.109-7.137a1.819,1.819,0,0,1,1.9-.256c96.229,43.917,200.41,43.917,295.5,0a1.812,1.812,0,0,1,1.924.233c2.944,2.426,6.027,4.851,9.132,7.16a1.884,1.884,0,0,1-.162,3.126,301.407,301.407,0,0,1-45.89,21.83,1.875,1.875,0,0,0-1,2.611,391.055,391.055,0,0,0,30.014,48.815,1.864,1.864,0,0,0,2.063.7A486.048,486.048,0,0,0,610.7,405.729a1.882,1.882,0,0,0,.765-1.352C623.729,277.594,590.933,167.465,524.531,69.836ZM222.491,337.58c-28.972,0-52.844-26.587-52.844-59.239S193.056,219.1,222.491,219.1c29.665,0,53.306,26.82,52.843,59.239C275.334,310.993,251.924,337.58,222.491,337.58Zm195.38,0c-28.971,0-52.843-26.587-52.843-59.239S388.437,219.1,417.871,219.1c29.667,0,53.307,26.82,52.844,59.239C470.715,310.993,447.538,337.58,417.871,337.58Z"></path>
                                 </svg>
                                 <p class="text-white text-lg mt-5 text-center px-5">Joine auf unseren Discord Server.</p>
                              </div>
                              <div class="h-72 w-72 mb-16 bg-gray-900 rounded-3xl transform scale-90 hover:scale-100 hover:bg-blue-900 transition-all hover:shadow-2xl flex flex-col items-center">
                                 <p class="text-white text-2xl font-semibold mt-5">Schritt 3</p>
                                 <svg aria-hidden="true" focusable="false" data-prefix="far" data-icon="volume-up" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512" class="text-7xl text-gray-300 hover:text-gray-300 mt-5 svg-inline--fa fa-volume-up fa-w-18">
                                    <path fill="currentColor" d="M338.23 179.12c-11.58-6.33-26.19-2.16-32.61 9.45-6.39 11.61-2.16 26.2 9.45 32.61C327.98 228.28 336 241.62 336 256c0 14.37-8.02 27.72-20.92 34.81-11.61 6.41-15.84 21-9.45 32.61 6.43 11.66 21.05 15.8 32.61 9.45 28.23-15.55 45.77-45 45.77-76.87s-17.54-61.33-45.78-76.88zM480 256c0-63.09-32.06-121.09-85.77-155.15-11.19-7.09-26.03-3.8-33.12 7.41s-3.78 26.03 7.41 33.12C408.27 166.59 432 209.44 432 256s-23.73 89.4-63.48 114.62c-11.19 7.09-14.5 21.92-7.41 33.12 6.51 10.28 21.12 15.03 33.12 7.41C447.94 377.09 480 319.09 480 256zM448.35 19.97c-11.17-7.33-26.18-4.24-33.51 6.95-7.34 11.17-4.22 26.18 6.95 33.51C488.06 103.91 527.61 177.02 527.61 256c0 78.98-39.55 152.08-105.82 195.57-11.17 7.32-14.29 22.34-6.95 33.5 7.04 10.71 21.93 14.56 33.51 6.95C528.27 439.57 576 351.33 576 256S528.27 72.42 448.35 19.97zM231.81 64c-5.91 0-11.92 2.18-16.78 7.05L126.06 160H24c-13.26 0-24 10.74-24 24v144c0 13.25 10.74 24 24 24h102.06l88.97 88.95c4.87 4.86 10.88 7.05 16.78 7.05 12.33 0 24.19-9.52 24.19-24.02V88.02C256 73.51 244.13 64 231.81 64zM208 366.04L145.94 304H48v-96h97.94L208 145.95v220.09z"></path>
                                 </svg>
                                 <p class="text-white text-lg mt-5 text-center px-5">Finde dich im wartezimmer-whitelist Sprachchannel ein. </p>
                              </div>
                              <div class="h-72 w-72 mb-16 bg-gray-900 rounded-3xl transform scale-90 hover:scale-100 hover:bg-blue-900 transition-all hover:shadow-2xl flex flex-col items-center">
                                 <p class="text-white text-2xl font-semibold mt-5">Schritt 4</p>
                                 <svg aria-hidden="true" focusable="false" data-prefix="far" data-icon="question-circle" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="text-7xl text-gray-300 hover:text-gray-300 mt-5 svg-inline--fa fa-question-circle fa-w-16">
                                    <path fill="currentColor" d="M256 8C119.043 8 8 119.083 8 256c0 136.997 111.043 248 248 248s248-111.003 248-248C504 119.083 392.957 8 256 8zm0 448c-110.532 0-200-89.431-200-200 0-110.495 89.472-200 200-200 110.491 0 200 89.471 200 200 0 110.53-89.431 200-200 200zm107.244-255.2c0 67.052-72.421 68.084-72.421 92.863V300c0 6.627-5.373 12-12 12h-45.647c-6.627 0-12-5.373-12-12v-8.659c0-35.745 27.1-50.034 47.579-61.516 17.561-9.845 28.324-16.541 28.324-29.579 0-17.246-21.999-28.693-39.784-28.693-23.189 0-33.894 10.977-48.942 29.969-4.057 5.12-11.46 6.071-16.666 2.124l-27.824-21.098c-5.107-3.872-6.251-11.066-2.644-16.363C184.846 131.491 214.94 112 261.794 112c49.071 0 101.45 38.304 101.45 88.8zM298 368c0 23.159-18.841 42-42 42s-42-18.841-42-42 18.841-42 42-42 42 18.841 42 42z"></path>
                                 </svg>
                                 <p class="text-white text-lg mt-5 text-center px-5">Ein Supporter wird mit dir schnellstmöglich die Whitelist durchführen. </p>
                              </div>
                              <div class="h-72 w-72 mb-16 bg-gray-900 rounded-3xl transform scale-90 hover:scale-100 hover:bg-blue-900 transition-all hover:shadow-2xl flex flex-col items-center">
                                 <p class="text-white text-2xl font-semibold mt-5">Nicht bestanden?</p>
                                 <svg aria-hidden="true" focusable="false" data-prefix="far" data-icon="times-circle" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="text-7xl text-gray-300 hover:text-gray-300 mt-5 svg-inline--fa fa-times-circle fa-w-16">
                                    <path fill="currentColor" d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm0 448c-110.5 0-200-89.5-200-200S145.5 56 256 56s200 89.5 200 200-89.5 200-200 200zm101.8-262.2L295.6 256l62.2 62.2c4.7 4.7 4.7 12.3 0 17l-22.6 22.6c-4.7 4.7-12.3 4.7-17 0L256 295.6l-62.2 62.2c-4.7 4.7-12.3 4.7-17 0l-22.6-22.6c-4.7-4.7-4.7-12.3 0-17l62.2-62.2-62.2-62.2c-4.7-4.7-4.7-12.3 0-17l22.6-22.6c4.7-4.7 12.3-4.7 17 0l62.2 62.2 62.2-62.2c4.7-4.7 12.3-4.7 17 0l22.6 22.6c4.7 4.7 4.7 12.3 0 17z"></path>
                                 </svg>
                                 <p class="text-white text-lg mt-5 text-center px-5">Kein Ding! Du hast nach mehreren Tagen erneut die möglichkeit ein Whitelist Gespräch zu machen.</p>
                              </div>
                           </div>
                        </div>
                     </div>
                  </div>
               </div>
               <div id="regelwerke" class="relative bg-gray-900">
                  <div class="w-full h-full bg-black bg-opacity-60 backdrop-blur-lg px-3">
                     <div class="h-full container mx-auto pt-12">
                        <div>
                           <p class="text-8xl text-blue-900 font-kabut text-right">Regelwerke</p>
                           <p class="text-xl text-white font-semibold mt-3 text-right">Zu jedem guten Rollenspiel gehören auch bestimmte Regeln</p>
                           <p class="text-xl text-white text-right">Um auf Element-V spielen zu dürfen, musst du alle Regelwerke kennen.<br>Solltest du offene Fragen zu bestimmten Regeln haben, so kannst du jederzeit unsere Community oder unser Team im Discord fragen.</p>
                           <div class="w-full h-full mt-8 flex flex-wrap justify-center 2xl:justify-between">
                              <a href="regelwerk/allgemein.html">
                                 <div class="h-72 w-72 mb-16 bg-gray-900 rounded-3xl transform scale-90 hover:scale-100 hover:bg-blue-900 transition-all hover:shadow-2xl flex flex-col items-center">
                                    <p class="text-white text-2xl font-semibold mt-5">Allgemeines Regelwerk</p>
                                    <svg aria-hidden="true" focusable="false" data-prefix="far" data-icon="infinity" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512" class="text-7xl text-gray-300 hover:text-gray-300 mt-5 svg-inline--fa fa-infinity fa-w-20">
                                       <path fill="currentColor" d="M484.4 96C407 96 349.3 164.1 320 208.5 290.7 164.1 233 96 155.6 96 69.8 96 0 167.8 0 256s69.8 160 155.6 160c77.5 0 135.1-68.1 164.4-112.5C349.3 347.9 407 416 484.4 416c85.8 0 155.6-71.8 155.6-160S570.2 96 484.4 96zM155.6 368C96.2 368 48 317.8 48 256s48.2-112 107.6-112c67.8 0 120.5 82.3 137.2 112-16.8 29.7-69.4 112-137.2 112zm328.8 0c-67.8 0-120.5-82.3-137.2-112 16.8-29.7 69.4-112 137.2-112 59.3 0 107.6 50.2 107.6 112s-48.2 112-107.6 112z"></path>
                                    </svg>
                                    <p class="text-white text-lg mt-5 text-center px-5">In diesem Regelwerk findest du alle allgemeine Regeln für unser Discord, Teamspeak und co.</p>
                                 </div>
                              </a>
                              <a href="regelwerk/server.html">
                                 <div class="h-72 w-72 mb-16 bg-gray-900 rounded-3xl transform scale-90 hover:scale-100 hover:bg-blue-900 transition-all hover:shadow-2xl flex flex-col items-center">
                                    <p class="text-white text-2xl font-semibold mt-5">Server Regelwerk</p>
                                    <svg aria-hidden="true" focusable="false" data-prefix="far" data-icon="server" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="text-7xl text-gray-300 hover:text-gray-300 mt-5 svg-inline--fa fa-server fa-w-16">
                                       <path fill="currentColor" d="M424 400c0 13.255-10.745 24-24 24s-24-10.745-24-24 10.745-24 24-24 24 10.745 24 24zm-88-24c-13.255 0-24 10.745-24 24s10.745 24 24 24 24-10.745 24-24-10.745-24-24-24zm64-144c-13.255 0-24 10.745-24 24s10.745 24 24 24 24-10.745 24-24-10.745-24-24-24zm-64 0c-13.255 0-24 10.745-24 24s10.745 24 24 24 24-10.745 24-24-10.745-24-24-24zm176-72a47.758 47.758 0 0 1-6.438 24A47.758 47.758 0 0 1 512 208v96a47.758 47.758 0 0 1-6.438 24A47.758 47.758 0 0 1 512 352v96c0 26.51-21.49 48-48 48H48c-26.51 0-48-21.49-48-48v-96a47.758 47.758 0 0 1 6.438-24A47.758 47.758 0 0 1 0 304v-96a47.758 47.758 0 0 1 6.438-24A47.758 47.758 0 0 1 0 160V64c0-26.51 21.49-48 48-48h416c26.51 0 48 21.49 48 48v96zm-464 0h416V64H48v96zm416 48H48v96h416v-96zm0 144H48v96h416v-96zm-64-216c13.255 0 24-10.745 24-24s-10.745-24-24-24-24 10.745-24 24 10.745 24 24 24zm-64 0c13.255 0 24-10.745 24-24s-10.745-24-24-24-24 10.745-24 24 10.745 24 24 24z"></path>
                                    </svg>
                                    <p class="text-white text-lg mt-5 text-center px-5">Im Server Regelwerk findest du alle Regeln, welche unseren Server betreffen.</p>
                                 </div>
                              </a>
                              <a href="regelwerk/fraktion.html">
                                 <div class="h-72 w-72 mb-16 bg-gray-900 rounded-3xl transform scale-90 hover:scale-100 hover:bg-blue-900 transition-all hover:shadow-2xl flex flex-col items-center">
                                    <p class="text-white text-2xl font-semibold mt-5">Fraktions Regelwerk</p>
                                    <svg aria-hidden="true" focusable="false" data-prefix="far" data-icon="police-box" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512" class="text-7xl text-gray-300 hover:text-gray-300 mt-5 svg-inline--fa fa-police-box fa-w-12">
                                       <path fill="currentColor" d="M184,208V180H148v36h28A8.00039,8.00039,0,0,0,184,208Zm-44-72H112a8.00039,8.00039,0,0,0-8,8v28h36Zm-28,80h28V180H104v28A8.00039,8.00039,0,0,0,112,216Zm72-72a8.00039,8.00039,0,0,0-8-8H148v36h36ZM112,320h64a8.00039,8.00039,0,0,0,8-8V248a8.00039,8.00039,0,0,0-8-8H112a8.00039,8.00039,0,0,0-8,8v64A8.00039,8.00039,0,0,0,112,320ZM280,208V180H244v36h28A8.00039,8.00039,0,0,0,280,208Zm0-64a8.00039,8.00039,0,0,0-8-8H244v36h36Zm-72,72h28V180H200v28A8.00039,8.00039,0,0,0,208,216Zm28-80H208a8.00039,8.00039,0,0,0-8,8v28h36ZM368,464H352V88a23.99869,23.99869,0,0,0-24-24h-8.02148V48a15.99829,15.99829,0,0,0-16-16H216V16A15.99954,15.99954,0,0,0,200,0H184a15.99954,15.99954,0,0,0-16,16V32H80A15.99954,15.99954,0,0,0,64,48V64H56A23.99993,23.99993,0,0,0,32,88V464H16A15.99954,15.99954,0,0,0,0,480v16a16.00079,16.00079,0,0,0,16,16H368a16.00079,16.00079,0,0,0,16-16V480A15.99954,15.99954,0,0,0,368,464Zm-64,0H80V112H304Z"></path>
                                    </svg>
                                    <p class="text-white text-lg mt-5 text-center px-5">Du bist in einer Fraktion oder möchtest in einer sein? Dann ist dieses Regelwerk sehr wichtig. </p>
                                 </div>
                              </a>
                              <a href="regelwerk/gewerbe.html">
                                 <div class="h-72 w-72 mb-16 bg-gray-900 rounded-3xl transform scale-90 hover:scale-100 hover:bg-blue-900 transition-all hover:shadow-2xl flex flex-col items-center">
                                    <p class="text-white text-2xl font-semibold mt-5">Gewerbe Regelwerk</p>
                                    <svg aria-hidden="true" focusable="false" data-prefix="far" data-icon="briefcase" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="text-7xl text-gray-300 hover:text-gray-300 mt-5 svg-inline--fa fa-briefcase fa-w-16">
                                       <path fill="currentColor" d="M464 128h-80V80c0-26.51-21.49-48-48-48H176c-26.51 0-48 21.49-48 48v48H48c-26.51 0-48 21.49-48 48v256c0 26.51 21.49 48 48 48h416c26.51 0 48-21.49 48-48V176c0-26.51-21.49-48-48-48zM176 80h160v48H176V80zM54 176h404c3.31 0 6 2.69 6 6v74H48v-74c0-3.31 2.69-6 6-6zm404 256H54c-3.31 0-6-2.69-6-6V304h144v24c0 13.25 10.75 24 24 24h80c13.25 0 24-10.75 24-24v-24h144v122c0 3.31-2.69 6-6 6z"></path>
                                    </svg>
                                    <p class="text-white text-lg mt-5 text-center px-5">Für alle die in einem Gewerbe arbeiten oder eines besitzen, ist dieses Regelwerk wichtig. </p>
                                 </div>
                              </a>
                           </div>
                        </div>
                     </div>
                  </div>
               </div>
               <div id="streamingbot" class="relative bg-gray-900">
                  <div class="w-full h-full bg-black bg-opacity-60 backdrop-blur-lg px-3">
                     <div class="h-full container mx-auto pt-28">
                        <div>
                           <p class="text-8xl text-blue-900 font-kabut">Streamingbot</p>
                           <p class="text-xl text-white font-semibold mt-3">Täglich 15 Stunden Live auf Twitch</p>
                           <p class="text-xl text-white">Unser Streamingbot zeigt täglich von 12.00 Uhr bis 03.00 Uhr verschiedene Spieler von Element-V und du kannst im Chat mit deinen Kanalpunkten mit dem Streamingbot interagieren.</p>
                           <div class="w-full h-full flex flex-wrap justify-center">
                              <div class="w-full lg:w-1/2 h-full mt-8 flex flex-wrap justify-center relative">
                                 <div class="w-full h-full mt-8 relative hover:shadow-2xl mb-16">
                                    <img alt="Element-V.de | German Roleplay!" src="_nuxt/img/twitchStreamingbot.ddd245b.jpg" class="w-full h-auto bg-gray-900 items-center bg-twitch bg-center bg-cover">
                                    <a target="_blank" rel="noopener" href="https://el-v.xyz/twitch" class="cursor-pointer w-full h-full">
                                       <div class="absolute w-full h-full top-0">
                                          <div class="w-full h-full flex justify-center items-center text-blue-900 hover:text-blue-700 transform scale-75 hover:scale-100 transition-all">
                                             <svg aria-hidden="true" focusable="false" data-prefix="far" data-icon="play" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" class="w-full h-full text-9xl mt-5 svg-inline--fa fa-play fa-w-14">
                                                <path fill="currentColor" d="M424.4 214.7L72.4 6.6C43.8-10.3 0 6.1 0 47.9V464c0 37.5 40.7 60.1 72.4 41.3l352-208c31.4-18.5 31.5-64.1 0-82.6zM48 453.5v-395c0-4.6 5.1-7.5 9.1-5.2l334.2 197.5c3.9 2.3 3.9 8 0 10.3L57.1 458.7c-4 2.3-9.1-.6-9.1-5.2z"></path>
                                             </svg>
                                          </div>
                                       </div>
                                    </a>
                                 </div>
                              </div>
                           </div>
                        </div>
                     </div>
                  </div>
               </div>
               <div id="faq" class="relative bg-gray-900">
                  <div class="w-full h-full bg-black bg-opacity-60 backdrop-blur-lg px-3">
                     <div class="h-full container mx-auto pt-12 pb-28">
                        <div>
                           <p class="text-8xl text-blue-900 font-kabut text-right">FAQ</p>
                           <p class="text-xl text-white font-semibold mt-3 text-right">Die Antworten auf deine Fragen</p>
                           <p class="text-xl text-white text-right">Wir haben die wichtigsten Fragen der Community kurz und bündig beantwortet. Hier siehst du unsere Antworten:</p>
                           <div class="w-full flex justify-end">
                              <div class="mt-10 w-full lg:w-2/3"></div>
                           </div>
                        </div>
                     </div>
                  </div>
               </div>
            </div>
            <footer class="h-auto md:h-64 w-full bg-glass-1 bg-cover bg-center" data-v-6b638b7c>
               <div class="w-full h-full py-10 md:py-0 bg-black bg-opacity-90 backdrop-blur-lg flex flex-col-reverse md:flex-col justify-center items-center" data-v-6b638b7c>
                  <div class="md:flex justify-center items-center space-x-5 mt-6 sm:mt-0" data-v-6b638b7c>
                     <a href="https://el-v.xyz/altv" rel="noopener" target="_blank" data-v-6b638b7c>
                        <p class="text-gray-400 hover:text-gray-300 text-center text-sm" data-v-6b638b7c>alt:V</p>
                     </a>
                     <a href="https://el-v.xyz/saltychat" rel="noopener" target="_blank" data-v-6b638b7c>
                        <p class="text-gray-400 hover:text-gray-300 text-center text-sm" data-v-6b638b7c>Salty Chat</p>
                     </a>
                     <a href="https://status.element-v.de/" rel="noopener" target="_blank" data-v-6b638b7c>
                        <p class="text-gray-400 hover:text-gray-300 text-center text-sm" data-v-6b638b7c>Service Status</p>
                     </a>
                     <a href="tastenbelegung.html" data-v-6b638b7c>
                        <p class="text-gray-400 hover:text-gray-300 text-center text-sm" data-v-6b638b7c>Tastenbelegung</p>
                     </a>
                     <a href="credits.html" data-v-6b638b7c>
                        <p class="text-gray-400 hover:text-gray-300 text-center text-sm" data-v-6b638b7c>Mod Credits</p>
                     </a>
                     <a href="https://cp.element-v.de/" rel="noopener" target="_blank" data-v-6b638b7c>
                        <p class="text-gray-400 hover:text-gray-300 text-center text-sm" data-v-6b638b7c>Controlpanel</p>
                     </a>
                     <a href="datenschutz.html" data-v-6b638b7c>
                        <p class="text-gray-400 hover:text-gray-300 text-center text-sm" data-v-6b638b7c>Datenschutzerklärung</p>
                     </a>
                     <a href="impressum.html" data-v-6b638b7c>
                        <p class="text-gray-400 hover:text-gray-300 text-center text-sm" data-v-6b638b7c>Impressum</p>
                     </a>
                  </div>
                  <div class="sm:mt-6" data-v-6b638b7c><a href="index.html" aria-current="page" class="h-12 flex items-center nuxt-link-exact-active nuxt-link-active" data-v-6b638b7c><img src="_nuxt/img/logo-white-white.min.f2c417c.png" alt="Element-V.de | German Roleplay!" class="h-full" data-v-6b638b7c></a></div>
               </div>
            </footer>
         </div>
      </div>
   </div>

</body>
<!-- Mirrored from element-v.de/ by HTTrack Website Copier/3.x [XR&CO'2014], Sat, 02 Oct 2021 21:36:04 GMT -->
</html>
Dann sollte es gehen auf jeder Page macht folgende Codezeilen probleme:

HTML:
  <script>window.__NUXT__=(function(a,b){return {layout:"default",data:[{}],fetch:{},error:a,serverRendered:true,routePath:b,config:{_app:{basePath:b,assetsPath:"\u002F_nuxt\u002F",cdnURL:a}}}}(null,"\u002F"));</script>
   <script src="_nuxt/f94035c.js" defer></script>
   <script src="_nuxt/d8d013f.js" defer></script>
   <script src="_nuxt/efa4c6d.js" defer></script>
   <script src="_nuxt/cc510a1.js" defer></script>
   <script src="_nuxt/1f7106a.js" defer></script>
   <script src="_nuxt/4218c22.js" defer></script>
   <script src="_nuxt/699d49c.js" defer></script>
 
Zuletzt bearbeitet:

liemedown

Registriert
Black-Market: 0 / 0 / 0
11 Februar 2021
16
3 %
habs mir gerade mal angeschaut einfach die HTML Datein in einen Html Formatter packen und dann ging es ohne probleme. Liegt anscheind am Format das dort irgendwas nicht richtig gelesen wird.

Habs dir mal fertig gemacht http://xup.in/dl,23016366
 
Themenstarter Ähnliche Themen Forum Antworten Datum
HiiGHLii JS/AJAX Hilfe bei Website.. .js/.php Webentwicklung 2
OneBestMetin Coding Website Cloner Webentwicklung 2
H Coding API Website Webentwicklung 2
Ähnliche Themen



Dieses Thema betrachten gerade (Benutzer: 0, Gäste: 1)