html, body { height: 100vh; max-height: 100vh; overflow: hidden;}:root, body { font-size: 1rem; line-height: 1.25;}body { font-family: 'Poppins', sans-serif; font-weight: 300; --main-color: hsl(227.5deg, 87.2%, 25.9%); --main-color-inv: hsl(227.5deg, 87.2%, 75%); --main-color-less: hsl(227.5deg, 60%, 75%); --main-color-less2: hsl(227.5deg, 30%, 30%); --main-color-bg: hsl(227.5deg, 40%, 30%); --main2-color: hsl(205deg, 87.2%, 45.9%); --main2-color-inv: hsl(205deg, 87.2%, 75%); --main2-color-less: hsl(205deg, 60%, 75%); --main2-color-less2: hsl(205deg, 30%, 30%); --main2-color-bg: hsl(205deg, 40%, 30%); --contrast-color: hsl(107.5deg, 87.2%, 25.9%); --contrast-color-inv: hsl(107.5deg, 87.2%, 75%); --contrast-color-less: hsl(107.5deg, 60%, 75%); --contrast-color-less2: hsl(107.5deg, 30%, 30%); --contrast-color-bg: hsl(107.5deg, 40%, 30%); background-color: var(--main-color-bg); background: linear-gradient(90deg, #000 -50%, var(--main-color-bg)) ; background-size: auto, cover; background-repeat: repeat, no-repeat; color: #ddd; color: rgba(255, 255, 255, 0.8); min-height: 100vh; overflow-y: scroll; scroll-behavior: smooth; scroll-padding-top: 3rem; --headerbox-border-edge: clamp(1.5rem, 10vw - 2.5em, 12.5em); --headerbox-border-arrowwidth: clamp(0rem, 5.5vw - 1em, 6em); --headerbox-border-ypadding: 0%; --headerbox-border-distance: 0.5rem;}@media (min-width: 1920px) { :root, body { font-size: 0.85vmax; }}input, select, textarea, button { font-family: inherit; font-weight: inherit; font-size: inherit; line-height: inherit;}.headerBox { background: url('/img/nnnoise.svg.php?opacity=25') , linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.25)) ; background-size: auto, cover; background-repeat: repeat; background-blend-mode: multiply;  clip-path: polygon( 0% 100%,  0% 0%, var(--headerbox-border-edge) 0%, calc(100% - var(--headerbox-border-edge)) 0%, 100% 50%, calc(100% - var(--headerbox-border-edge)) 100% ); margin: 2em 2em 2em 0; position: relative; display: flex; flex-flow: row wrap; justify-content: center; align-items: flex-end; align-content: center; perspective: 100px; }.headerBox > .borderLayer { position: absolute; top: 0; bottom: 0; right: 0; width: var(--headerbox-border-edge); clip-path: polygon( calc(100% - var(--headerbox-border-edge)) calc(100% - var(--headerbox-border-ypadding) - var(--headerbox-border-distance)), calc(100% - var(--headerbox-border-arrowwidth)) 50%, calc(100% - var(--headerbox-border-edge)) calc(var(--headerbox-border-ypadding) + var(--headerbox-border-distance)), calc(100% - var(--headerbox-border-distance)) 50% ); z-index: -1; pointer-events: none; background-color: var(--main-color-less2); }@media (max-width: 1024px) { .headerBox > .borderLayer { display: none; }}@media (max-width: 600px) { .headerBox { clip-path: none; margin-top: 0; margin-left: 0; margin-right: 0; }}.headerBox > * { flex: 0 1 auto;}.headerBox .brandName { order: 1;}.headerBox > .brandLogoWrapper { order: 2; margin-top: 1em;}.headerBox > .brandLogoWrapper .brandLogo { transform-origin: 50% 100%;}.headerBox > .headerMenu { flex: 1 1 100%; order: 3;}.headerBox > .brandLogoWrapper .brandLogo { animation: bobbingLinxrCat 1s ease infinite paused, turningLinxrCat 7.1s ease infinite paused;}.headerBox > .brandLogoWrapper:hover .brandLogo { animation-play-state: running, running;}@keyframes bobbingLinxrCat { 0%, 100% { transform: skewX(0deg) scaleY(1) rotateX(0deg); } 25% { transform: skewX(-5deg) scaleY(0.8) rotateX(-5deg); } 50% { transform: skewX(0deg) scaleY(1) rotateX(6deg); } 75% { transform: skewX(10deg) scaleY(0.8) rotateX(-3deg); }}@keyframes turningLinxrCat { 0%, 40% { rotate: Y 0deg; } 50%, 90% { rotate: Y 180deg; } 100% { rotate: Y 0deg; }}.headerBox .brandLogo { height: 10em; object-fit: cover; margin-bottom: -0.5em; position: relative; z-index: 1;}.headerBox .brandName { position: relative; text-align: center; font-size: 3em; line-height: 1em; color: var(--main2-color-inv);  filter: drop-shadow(0px 0px 0.1rem #000) drop-shadow(0px 0px 0.1rem #000); font-weight: 600; margin-top: 1.25em; padding: 0.3em 0.5em 0.25em; text-decoration: none; transition: transform 0.7s ease-out; will-change: transform;}@supports (-webkit-background-clip: text) or (background-clip: text) { .headerBox .brandName { color: transparent; background-image: linear-gradient(-90deg, var(--main2-color-inv), var(--main2-color)); background-clip: text; -webkit-background-clip: text; text-shadow: none; }}.headerBox .brandName::before,.headerBox .brandName::after { content: ""; position: absolute; width: 140%; height: 4px; pointer-events: none; transition: opacity 0.7s ease-in-out 0.5s, transform 0.7s ease-in-out; will-change: transform; opacity: 1;}.headerBox .brandName::before { top: 0; right: 2.1em; border-top: 1px solid rgba(255, 255, 255, 0.4); border-bottom: 1px solid rgba(255, 255, 255, 0.2); transform-origin: 0% 50%;}.headerBox .brandName::after { bottom: 0; left: 2.1em; border-top: 1px solid rgba(255, 255, 255, 0.2); border-bottom: 1px solid rgba(255, 255, 255, 0.4); transform-origin: 100% 50%;}.headerBox .brandName:hover { transform: scale(1.15, 1.15);}.headerBox .brandName:hover::before,.headerBox .brandName:hover::after { transition: opacity 0.7s ease-in-out, transform 0.7s ease-in-out; opacity: 0;}.headerBox .brandName:hover::before { transform: scale(0, 1) translateX(-60vw);}.headerBox .brandName:hover::after { transform: scale(0, 1) translateX(60vw);}.headerBox .headerMenu { text-align: center; padding: 2em 0.75em 0.25em; display: flex; flex-flow: row wrap; justify-content: center; align-items: center; align-content: center;}.headerBox .headerMenu > * { flex: 0 0 auto; margin: 0.25em;}.burgerMenuButton { display: none;}.menuBox { background-color: #222; padding: 0.5em; display: flex; flex-flow: row wrap; justify-content: space-between; align-items: center; align-content: center;}.menuBox > .menuEntries { flex: 1 1 auto; margin-right: 1em; display: flex; flex-flow: row wrap; justify-content: flex-start; align-items: center; align-content: center;}.menuBox > .menuEntries:only-child { margin-right: 0; justify-content: center;}.menuBox > .socialMedia { flex: 0 1 auto; margin-left: 1em; padding: 0.25em 0.75em;}.menuBox > .menuEntries > .menuEntry { flex: 0 1 auto; background-color: var(--main-color-less2); color: #fff; text-decoration: none; padding: 0.25em 0.75em;}.contentBox { min-height: 100vh; }.menuBox:empty,.socialMedia:empty { display: none;}.footerBox { margin-top: 2rem; padding: 1rem 2rem; background-color: var(--main-color-less2); box-shadow: 0 0 1rem rgba(0, 0, 0, 0.25); display: flex; flex-flow: row wrap; justify-content: center; align-items: stretch; align-content: flex-start; gap: 1em;}.footerBox > * { flex: 0 1 auto;}.footerBox .menuEntries { display: flex; flex-flow: row wrap; justify-content: center; align-items: baseline; align-content: flex-start; gap: 1em;}.footerBox .menuEntry { flex: 0 1 auto; text-decoration: none;}.footerBox a { color: #fff;}.languagesWrapper { position: absolute; top: 0.5rem; left: 2.5rem; display: flex; flex-flow: row wrap; justify-content: flex-start; align-items: stretch; align-content: flex-start; gap: 0.5em;}.languagesWrapper .languageButton { flex: 0 0 auto; padding: 0; background-color: transparent; line-height: 0.5;}.languagesWrapper .languageButton img { transition: outline-color 0.3s ease-out, filter 0.3s ease-out; height: 2rem; outline: 1px solid transparent; outline-offset: 1px; filter: grayscale(0);}.languagesWrapper .languageButton.active img { outline: 1px solid var(--main-color-less);}.languagesWrapper .languageButton:hover img,.languagesWrapper .languageButton:focus-visible img,.languagesWrapper .languageButton:active img { outline: 2px solid var(--main-color-less);}.languagesWrapper .languageButton:not(.active):not(:hover):not(:focus-visible):not(:active) { filter: grayscale(0.75);}.accountBoxWrapper { background-color: rgba(30, 30, 30, 0.8);}.accountBoxWrapper > .accountBox { max-width: min(30rem, 100%); background-color: var(--main-color-bg); padding: 1em 1.5em; display: grid; grid-template-columns: auto 1fr auto; gap: 0.25em;}.accountBoxWrapper .title { grid-column: 1 / span 2; font-size: 1.3em; font-weight: bold; margin-bottom: 1em;}.accountBoxWrapper .icon-close { grid-column: 3;}.accountBoxWrapper .customData,.accountBoxWrapper .text { margin-bottom: 1em; grid-column: 1 / span 3;}.accountBoxWrapper .customData:empty { display: none;}.accountBoxWrapper .label { grid-column: 1; margin-right: 1em;}.accountBoxWrapper .label:after { content: ":";}.accountBoxWrapper input { grid-column: 2 / span 2;}.accountBoxWrapper .buttonBox { grid-column: 1 / span 3; margin-top: 1em; display: flex; flex-flow: row wrap; justify-content: flex-end; align-items: stretch; align-content: flex-start;}.accountBoxWrapper .accountFeedbackBox { grid-column: 1 / span 3; justify-self: center; margin: 1em 0;}.accountBoxWrapper .accountFeedbackBox:empty { display: none;}@media (max-width: 700px) { .accountBoxWrapper { background-color: var(--main-color-bg); } .accountBoxWrapper > .accountBox { width: 100%; max-width: 100%; }}.buttonStyle-1 { transition: color 0.3s ease-out, background-color 0.3s ease-out, opacity 0.3s ease-out; cursor: pointer; background-color: rgba(0, 0, 0, 0.2); padding: 0.75em 1.5em; color: #eee;}.buttonStyle-1:focus-visible,.buttonStyle-1:hover { outline: none; background-color: rgba(0, 0, 0, 0.4); color: #fff;}.buttonStyle-1:not(.disabled):active { background-color: rgba(0, 0, 0, 0.6); color: #fff;}.buttonStyle-1.disabled { opacity: 0.75; color: rgba(255, 255, 255, 0.5); cursor: not-allowed;}.buttonStyle-2 { transition: color 0.3s ease-out, background-color 0.3s ease-out, opacity 0.3s ease-out; cursor: pointer; background-color: rgba(255, 255, 255, 0.2); padding: 0.75em 1.5em; color: #eee;}.buttonStyle-2:focus-visible,.buttonStyle-2:hover { outline: none; background-color: rgba(255, 255, 255, 0.4); color: #fff;}.buttonStyle-2:not(.disabled):active { background-color: rgba(255, 255, 255, 0.6); color: #fff;}.buttonStyle-2.disabled { opacity: 0.75; color: rgba(255, 255, 255, 0.5); cursor: not-allowed;}.buttonStyle-mini { cursor: pointer; background-color: transparent; border: none; padding: 0 1.5em; color: #eee;}.buttonStyle-mini:focus-visible,.buttonStyle-mini:hover,.buttonStyle-mini:not(.disabled):active { outline: none; color: #fff;}.buttonStyle-mini.disabled { opacity: 0.75; color: rgba(255, 255, 255, 0.5); cursor: not-allowed;}.feedback { padding: 0.85em 1.5em 0.8em 3.75em; position: relative; background-color: rgba(255, 255, 255, 0.25); border-radius: 1em; box-shadow: 0 0 1.2em rgba(0, 0, 0, 0.3); z-index: 1; font-weight: 400;}.feedback:empty { box-shadow: none; padding: 0; visibility: hidden; opacity: 0; z-index: -1;}.feedback > .feedback-icon { position: absolute; left: 1em; border: 2px solid transparent; border-radius: 100vmax; width: 2rem; height: 2rem; line-height: 1; transform: translateY(-20%); color: #fff;  filter: drop-shadow(0 0 1px rgba(0, 0, 0, 0.75)); display: flex; justify-content: center; align-items: center; align-content: center;}.feedback.feedback-success > .feedback-icon { color: rgb(50, 255, 50); border-color: rgba(50, 255, 50, 0.5);}.feedback.feedback-error > .feedback-icon { color: rgb(255, 0, 0); border-color: rgba(255, 0, 0, 0.5);}.feedback.feedback-info > .feedback-icon { color: rgb(50, 200, 255); border-color: rgba(50, 200, 255, 0.5);}@keyframes feedbackShake { 0% { transform: translateX(0); } 25% { transform: translateX(-0.5em); } 75% { transform: translateX(0.5em); } 100% { transform: translateX(0); }}.feedback.shake { animation: feedbackShake 0.25s linear infinite;}.oneRowFormBox { --arrow-size: 0.8em; position: relative; text-align: center;}.oneRowFormBox > * { clip-path: polygon(0% 0%, calc(100% - var(--arrow-size)) 0%, 100% 50%, calc(100% - var(--arrow-size)) 100%, 0% 100%, var(--arrow-size) 50%); padding-left: calc(0.75em + var(--arrow-size));}.oneRowFormBox > * { margin-left: calc(var(--arrow-size) * -0.5); margin-right: calc(var(--arrow-size) * -0.5);}.oneRowFormBox:focus-within::before,.oneRowFormBox:focus-within::after { content: ""; position: absolute; left: calc(var(--arrow-size) * -0.5 - 3px); right: calc(var(--arrow-size) * 0.5 + 2px); border: 0 solid rgba(255, 255, 255, 0.4);}.oneRowFormBox:focus-within::before { top: -4px; border-top-width: 1px;}.oneRowFormBox:focus-within::after { bottom: -4px; border-bottom-width: 1px;}@media all and (max-width: 700px) { .oneRowFormBox {  margin-left: 1rem; margin-right: 1rem; } .oneRowFormBox > * { width: 100%;  }}.inputBox { display: inline-flex; flex-flow: row nowrap; justify-content: flex-start; align-items: stretch; align-content: stretch; background-color: #eee; padding: 0.75em 1.5em;}.inputBox:focus-within { outline: 2px solid var(--main-color-less); outline-offset: 2px;}.inputBox > * { color: #aaa;}.inputBox > input,.inputBox > select,.inputBox > textarea { background-color: transparent; border: none; margin: 0; padding: 0; outline: none; width: auto;}