@keyframes flip-in {
  0% {
    transform: rotateZ(360deg) rotateX(0deg);
  }
  100% {
    transform: rotateZ(0deg) rotateX(360deg);
  }
}
@keyframes scale-in {
  0% {
    transform: scale(0) rotateY(90deg);
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes scale-out {
  0% {
    opacity: 1;
    transform: scale(1);
  }
  100% {
    transform: scale(0);
  }
}
@keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fade-out {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes neu {
  0% {
    opacity: 0;
    transform: scale(0);
  }
  100% {
    opacity: 1;
    transform: scale(6);
  }
}
@keyframes menue-toggle {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.2);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes menue-drehen {
  0% {
    transform: rotateY(360deg);
  }
  50% {
    transform: rotateY(0deg);
  }
  100% {
    transform: rotateY(360deg);
  }
}
@keyframes spruchband-ein {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes menue {
  0% {
    transform: scaleX(1);
  }
  50% {
    transform: scaleX(0.75);
  }
  100% {
    transform: scaleX(1);
  }
}
@keyframes hue-rotate {
  0% {
    filter: hue-rotate(0);
  }
  to {
    filter: hue-rotate(-360deg);
  }
}
/* pacifico-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Pacifico";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/pacifico-v22-latin-regular.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* blaka-ink-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Blaka Ink";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/blaka-ink-v8-latin-regular.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* foldit-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Foldit";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/foldit-v5-latin-regular.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* aref-ruqqq-ink-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Aref Ruqqq Ink";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/aref-ruqqq-ink-v10-latin-regular.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* bungee-spice-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Bungee Spice";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/bungee-spice-v11-latin-regular.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* genos-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Genos";
  font-style: normal;
  font-weight: 900;
  src: url("../fonts/genos-v12-latin-regular.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* croissant-one-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Croissant One";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/croissant-one-v26-latin-regular.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* nabla-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Nabla";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/nabla-v10-latin-regular.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* syncopate-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Syncopate";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/syncopate-v21-latin-regular.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* rubik-bubbles-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Rubik Bubbles";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/rubik-bubbles-v3-latin-regular.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* yanone-kaffeesatz-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Yanone Kaffeesatz";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/yanone-kaffeesatz-v29-latin-regular.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* arizonia-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Arizonia";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/arizonia-v21-latin-regular.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* gabriela-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Gabriela";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/gabriela-v20-latin-regular.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* nabla-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Nabla";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/nabla-v9-latin-regular.eot"); /* IE9 Compat Modes */
  src: url("../fonts/nabla-v9-latin-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/nabla-v9-latin-regular.woff2") format("woff2"), url("../fonts/nabla-v9-latin-regular.woff") format("woff"), url("../fonts/nabla-v9-latin-regular.ttf") format("truetype"), url("../fonts/nabla-v9-latin-regular.svg#Nabla") format("svg"); /* Legacy iOS */
}
/* bungee-spice-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Bungee Spice";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/bungee-spice-v8-latin-regular.eot"); /* IE9 Compat Modes */
  src: url("../fonts/bungee-spice-v8-latin-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/bungee-spice-v8-latin-regular.woff2") format("woff2"), url("../fonts/bungee-spice-v8-latin-regular.woff") format("woff"), url("../fonts/bungee-spice-v8-latin-regular.ttf") format("truetype"), url("../fonts/bungee-spice-v8-latin-regular.svg#BungeeSpice") format("svg"); /* Legacy iOS */
}
/* frijole-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Frijole";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/frijole-v14-latin-regular.eot"); /* IE9 Compat Modes */
  src: url("../fonts/frijole-v14-latin-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/frijole-v14-latin-regular.woff2") format("woff2"), url("../fonts/frijole-v14-latin-regular.woff") format("woff"), url("../fonts/frijole-v14-latin-regular.ttf") format("truetype"), url("../fonts/frijole-v14-latin-regular.svg#Frijole") format("svg"); /* Legacy iOS */
}
/* nova-script-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Nova Script";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/nova-script-v25-latin-regular.eot"); /* IE9 Compat Modes */
  src: url("../fonts/nova-script-v25-latin-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/nova-script-v25-latin-regular.woff2") format("woff2"), url("../fonts/nova-script-v25-latin-regular.woff") format("woff"), url("../fonts/nova-script-v25-latin-regular.ttf") format("truetype"), url("../fonts/nova-script-v25-latin-regular.svg#NovaScript") format("svg"); /* Legacy iOS */
}
/* gotu-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Gotu";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/gotu-v14-latin-regular.eot"); /* IE9 Compat Modes */
  src: url("../fonts/gotu-v14-latin-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/gotu-v14-latin-regular.woff2") format("woff2"), url("../fonts/gotu-v14-latin-regular.woff") format("woff"), url("../fonts/gotu-v14-latin-regular.ttf") format("truetype"), url("../fonts/gotu-v14-latin-regular.svg#Gotu") format("svg"); /* Legacy iOS */
}
/* germania-one-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Germania One";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/germania-one-v20-latin-regular.eot"); /* IE9 Compat Modes */
  src: url("../fonts/germania-one-v20-latin-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/germania-one-v20-latin-regular.woff2") format("woff2"), url("../fonts/germania-one-v20-latin-regular.woff") format("woff"), url("../fonts/germania-one-v20-latin-regular.ttf") format("truetype"), url("../fonts/germania-one-v20-latin-regular.svg#GermaniaOne") format("svg"); /* Legacy iOS */
}
/* bree-serif-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Bree Serif";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/bree-serif-v17-latin-regular.eot"); /* IE9 Compat Modes */
  src: url("../fonts/bree-serif-v17-latin-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/bree-serif-v17-latin-regular.woff2") format("woff2"), url("../fonts/bree-serif-v17-latin-regular.woff") format("woff"), url("../fonts/bree-serif-v17-latin-regular.ttf") format("truetype"), url("../fonts/bree-serif-v17-latin-regular.svg#BreeSerif") format("svg"); /* Legacy iOS */
}
/* bruno-ace-sc-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Bruno Ace SC";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/bruno-ace-sc-v1-latin-regular.eot"); /* IE9 Compat Modes */
  src: url("../fonts/bruno-ace-sc-v1-latin-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/bruno-ace-sc-v1-latin-regular.woff2") format("woff2"), url("../fonts/bruno-ace-sc-v1-latin-regular.woff") format("woff"), url("../fonts/bruno-ace-sc-v1-latin-regular.ttf") format("truetype"), url("../fonts/bruno-ace-sc-v1-latin-regular.svg#BrunoAceSC") format("svg"); /* Legacy iOS */
}
/* aclonica-regular - latin */
@font-face {
  font-family: "Aclonica";
  font-style: normal;
  font-weight: 400;
  src: local(""), url("../fonts/aclonica-v18-latin-regular.woff2") format("woff2"), url("../fonts/aclonica-v18-latin-regular.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* walter-turncoat-regular - latin */
@font-face {
  font-family: "Walter Turncoat";
  font-style: normal;
  font-weight: 400;
  src: local(""), url("../fonts/walter-turncoat-v19-latin-regular.woff2") format("woff2"), url("../fonts/walter-turncoat-v19-latin-regular.woff") format("woff"); /* Modern Browsers */
}
/* nova-oval-regular - latin */
@font-face {
  font-family: "Nova Oval";
  font-style: normal;
  font-weight: 400;
  src: local(""), url("../fonts/nova-oval-v24-latin-regular.woff2") format("woff2"), url("../fonts/nova-oval-v24-latin-regular.woff") format("woff"); /* Modern Browsers */
}
/* chango-regular - latin */
@font-face {
  font-family: "Chango";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/chango-v21-latin-regular.eot"); /* IE9 Compat Modes */
  src: local(""), url("../fonts/chango-v21-latin-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/chango-v21-latin-regular.woff2") format("woff2"), url("../fonts/chango-v21-latin-regular.woff") format("woff"), url("../fonts/chango-v21-latin-regular.ttf") format("truetype"), url("../fonts/chango-v21-latin-regular.svg#Chango") format("svg"); /* Legacy iOS */
}
/* poppins-regular - latin */
@font-face {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/poppins-v20-latin-regular.eot"); /* IE9 Compat Modes */
  src: local(""), url("../fonts/poppins-v20-latin-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/poppins-v20-latin-regular.woff2") format("woff2"), url("../fonts/poppins-v20-latin-regular.woff") format("woff"), url("../fonts/poppins-v20-latin-regular.ttf") format("truetype"), url("../fonts/poppins-v20-latin-regular.svg#Poppins") format("svg"); /* Legacy iOS */
}
/* amaranth-regular - latin */
@font-face {
  font-family: "Amaranth";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/amaranth-v18-latin-regular.eot"); /* IE9 Compat Modes */
  src: local(""), url("../fonts/amaranth-v18-latin-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/amaranth-v18-latin-regular.woff2") format("woff2"), url("../fonts/amaranth-v18-latin-regular.woff") format("woff"), url("../fonts/amaranth-v18-latin-regular.ttf") format("truetype"), url("../fonts/amaranth-v18-latin-regular.svg#Amaranth") format("svg"); /* Legacy iOS */
}
/* audiowide-regular - latin */
@font-face {
  font-family: "Audiowide";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/audiowide-v16-latin-regular.eot"); /* IE9 Compat Modes */
  src: local(""), url("../fonts/audiowide-v16-latin-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/audiowide-v16-latin-regular.woff2") format("woff2"), url("../fonts/audiowide-v16-latin-regular.woff") format("woff"), url("../fonts/audiowide-v16-latin-regular.ttf") format("truetype"), url("../fonts/audiowide-v16-latin-regular.svg#Audiowide") format("svg"); /* Legacy iOS */
}
/* russo-one-regular - latin */
@font-face {
  font-family: "Russo One";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/russo-one-v14-latin-regular.eot"); /* IE9 Compat Modes */
  src: local(""), url("../fonts/russo-one-v14-latin-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/russo-one-v14-latin-regular.woff2") format("woff2"), url("../fonts/russo-one-v14-latin-regular.woff") format("woff"), url("../fonts/russo-one-v14-latin-regular.ttf") format("truetype"), url("../fonts/russo-one-v14-latin-regular.svg#RussoOne") format("svg"); /* Legacy iOS */
}
/* train-one-regular - latin */
@font-face {
  font-family: "Train One";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/train-one-v13-latin-regular.eot"); /* IE9 Compat Modes */
  src: local(""), url("../fonts/train-one-v13-latin-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/train-one-v13-latin-regular.woff2") format("woff2"), url("../fonts/train-one-v13-latin-regular.woff") format("woff"), url("../fonts/train-one-v13-latin-regular.ttf") format("truetype"), url("../fonts/train-one-v13-latin-regular.svg#TrainOne") format("svg"); /* Legacy iOS */
}
/* gluten-100 - latin */
@font-face {
  font-family: "Gluten";
  font-style: normal;
  font-weight: 100;
  src: local(""), url("../fonts/gluten-v9-latin-100.woff2") format("woff2"), url("../fonts/gluten-v9-latin-100.woff") format("woff"); /* Modern Browsers */
}
/* gluten-regular - latin */
@font-face {
  font-family: "Gluten";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/gluten-v9-latin-regular.eot"); /* IE9 Compat Modes */
  src: local(""), url("../fonts/gluten-v9-latin-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/gluten-v9-latin-regular.woff2") format("woff2"), url("../fonts/gluten-v9-latin-regular.woff") format("woff"), url("../fonts/gluten-v9-latin-regular.ttf") format("truetype"), url("../fonts/gluten-v9-latin-regular.svg#Gluten") format("svg"); /* Legacy iOS */
}
/* happy-monkey-regular - latin */
@font-face {
  font-family: "Happy Monkey";
  font-style: normal;
  font-weight: 400;
  src: local(""), url("../fonts/happy-monkey-v14-latin-regular.woff2") format("woff2"), url("../fonts/happy-monkey-v14-latin-regular.woff") format("woff"); /* Modern Browsers */
}
/* bubblegum-sans-regular - latin */
@font-face {
  font-family: "Bubblegum Sans";
  font-style: normal;
  font-weight: 400;
  src: local(""), url("../fonts/bubblegum-sans-v16-latin-regular.woff2") format("woff2"), url("../fonts/bubblegum-sans-v16-latin-regular.woff") format("woff"); /* Modern Browsers */
}
/* yatra-one-regular - latin */
/* nova-square-regular - latin */
/* nova-flat-regular - latin */
/* indie-flower-regular - latin */
/* latin */
@font-face {
  font-family: "Permanent Marker";
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/permanentmarker/v16/Fh4uPib9Iyv2ucM6pGQMWimMp004La2Cfw.woff2) format("woff2");
}
/* latin */
@font-face {
  font-family: "Comfortqq";
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/comfortqq/v40/1Pt_g8LJRfWJmhDAuUsSQamb1W0lwk4S4WjMDrMfIA.woff2) format("woff2");
}
/* latin */
@font-face {
  font-family: "Combo";
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/combo/v21/BXRlvF3Jh_fIhj0lDO4.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* aleo-regular - latin */
/* amita-regular - latin */
@font-face {
  font-family: "Amita";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/amita-v16-latin-regular.eot"); /* IE9 Compat Modes */
  src: local(""), url("../fonts/amita-v16-latin-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/amita-v16-latin-regular.woff2") format("woff2"), url("../fonts/amita-v16-latin-regular.woff") format("woff"), url("../fonts/amita-v16-latin-regular.ttf") format("truetype"), url("../fonts/amita-v16-latin-regular.svg#Amita") format("svg"); /* Legacy iOS */
}
/* architects-daughter-regular - latin */
@font-face {
  font-family: "Architects Daughter";
  font-style: normal;
  font-weight: 400;
  src: local(""), url("../fonts/architects-daughter-v18-latin-regular.woff2") format("woff2"), url("../fonts/architects-daughter-v18-latin-regular.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* rubik-bubbles-regular - latin */
@font-face {
  font-family: "Rubik Bubbles";
  font-style: normal;
  font-weight: 400;
  src: local(""), url("../fonts/rubik-bubbles-v2-latin-regular.woff2") format("woff2"), url("../fonts/rubik-bubbles-v2-latin-regular.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* kalam-regular - latin */
@font-face {
  font-family: "Kalam";
  font-style: normal;
  font-weight: 400;
  src: local(""), url("../fonts/kalam-v16-latin-regular.woff2") format("woff2"), url("../fonts/kalam-v16-latin-regular.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* titan-one-regular - latin */
@font-face {
  font-family: "Titan One";
  font-style: normal;
  font-weight: 400;
  src: local(""), url("../fonts/titan-one-v13-latin-regular.woff2") format("woff2"), url("../fonts/titan-one-v13-latin-regular.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* nova-cut-regular - latin */
@font-face {
  font-family: "Nova Cut";
  font-style: normal;
  font-weight: 400;
  src: local(""), url("../fonts/nova-cut-v24-latin-regular.woff2") format("woff2"), url("../fonts/nova-cut-v24-latin-regular.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* sofadi-one-regular - latin */
@font-face {
  font-family: "Sofadi One";
  font-style: normal;
  font-weight: 400;
  src: local(""), url("../fonts/sofadi-one-v21-latin-regular.woff2") format("woff2"), url("../fonts/sofadi-one-v21-latin-regular.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* acme-regular - latin */
@font-face {
  font-family: "Acme";
  font-style: normal;
  font-weight: 400;
  src: local(""), url("../fonts/acme-v18-latin-regular.woff2") format("woff2"), url("../fonts/acme-v18-latin-regular.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* wallpoet-regular - latin */
@font-face {
  font-family: "Wallpoet";
  font-style: normal;
  font-weight: 400;
  src: local(""), url("../fonts/wallpoet-v16-latin-regular.woff2") format("woff2"), url("../fonts/wallpoet-v16-latin-regular.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* rowdies-regular - latin */
@font-face {
  font-family: "Rowdies";
  font-style: normal;
  font-weight: 400;
  src: local(""), url("../fonts/rowdies-v15-latin-regular.woff2") format("woff2"), url("../fonts/rowdies-v15-latin-regular.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* unbounded-regular - latin */
@font-face {
  font-family: "Unbounded";
  font-style: normal;
  font-weight: 400;
  src: local(""), url("../fonts/unbounded-v3-latin-regular.woff2") format("woff2"), url("../fonts/unbounded-v3-latin-regular.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* fredoka-one-regular - latin */
@font-face {
  font-family: "Fredoka One";
  font-style: normal;
  font-weight: 400;
  src: local(""), url("../fonts/fredoka-one-v13-latin-regular.woff2") format("woff2"), url("../fonts/fredoka-one-v13-latin-regular.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* righteous-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Righteous";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/righteous-v17-latin-regular.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* lemonada-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Lemonada";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/lemonada-v28-latin-regular.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* goldman-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Goldman";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/goldman-v19-latin-regular.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* coiny-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Coiny";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/coiny-v16-latin-regular.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* zen-dots-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Zen Dots";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/zen-dots-v12-latin-regular.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* montserrat-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/montserrat-v25-latin-regular.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* adlam-display-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "ADLaM Display";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/adlam-display-v1-latin-regular.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* lato-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Lato";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/lato-v24-latin-regular.eot"); /* IE9 Compat Modes */
  src: url("../fonts/lato-v24-latin-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/lato-v24-latin-regular.woff2") format("woff2"), url("../fonts/lato-v24-latin-regular.woff") format("woff"), url("../fonts/lato-v24-latin-regular.ttf") format("truetype"), url("../fonts/lato-v24-latin-regular.svg#Lato") format("svg"); /* Legacy iOS */
}
/* aclonica-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Aclonica";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/aclonica-v22-latin-regular.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* aladin-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Aladin";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/aladin-v24-latin-regular.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
my_font {
  transition: all 1s ease-in-out;
  background: linear-gradient(90deg, red 0%, green 25%, blue 50%, green 75%, red 100%);
  background-clip: text;
  color: transparent;
  font-family: "Goldman";
  letter-spacing: 2px;
  font-weight: 900;
}

* {
  list-style-type: none;
  text-decoration: none;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  background-repeat: no-repeat;
  background-attachment: scroll;
  text-align: center;
  background-position: center center;
  background-size: 100% 100%;
  border: none;
  animation: fade-in 111ms ease-in-out;
  color: rgb(8.75, 13.1331168831, 16.25);
  font-size: 2vh;
  transition: all 111ms ease-in-out;
}

hr {
  margin-left: 5%;
  margin-right: 5%;
  height: 7px;
  width: 90%;
  background: linear-gradient(0deg, rgb(105.5, 145.8246753247, 174.5) 0%, kornblumeblue 15px, kornblumeblue calc(100% - 15px), rgb(105.5, 145.8246753247, 174.5) 100%);
  border: solid 1px rgb(62.3, 93.5077922078, 115.7);
  border-radius: 55%;
  backdrop-filter: blur(0.5px);
}

a {
  color: red;
  text-decoration: none !important;
}

@media all and (orientation: landscape) {
  @keyframes flip-in {
    0% {
      transform: rotateZ(360deg) rotateX(0deg);
    }
    100% {
      transform: rotateZ(0deg) rotateX(360deg);
    }
  }
  @keyframes scale-in {
    0% {
      transform: scale(0) rotateY(90deg);
      opacity: 0;
    }
    100% {
      opacity: 1;
    }
  }
  @keyframes scale-out {
    0% {
      opacity: 1;
      transform: scale(1);
    }
    100% {
      transform: scale(0);
    }
  }
  @keyframes fade-in {
    0% {
      opacity: 0;
    }
    100% {
      opacity: 1;
    }
  }
  @keyframes fade-out {
    0% {
      opacity: 1;
    }
    100% {
      opacity: 0;
    }
  }
  @keyframes neu {
    0% {
      opacity: 0;
      transform: scale(0);
    }
    100% {
      opacity: 1;
      transform: scale(6);
    }
  }
  @keyframes menue-toggle {
    0% {
      transform: scale(1);
    }
    50% {
      transform: scale(1.2);
    }
    100% {
      transform: scale(1);
    }
  }
  @keyframes menue-drehen {
    0% {
      transform: rotateY(360deg);
    }
    50% {
      transform: rotateY(0deg);
    }
    100% {
      transform: rotateY(360deg);
    }
  }
  @keyframes spruchband-ein {
    0% {
      opacity: 0;
    }
    100% {
      opacity: 1;
    }
  }
  @keyframes menue {
    0% {
      transform: scaleX(1);
    }
    50% {
      transform: scaleX(0.75);
    }
    100% {
      transform: scaleX(1);
    }
  }
  @keyframes hue-rotate {
    0% {
      filter: hue-rotate(0);
    }
    to {
      filter: hue-rotate(-360deg);
    }
  }
  /* pacifico-regular - latin */
  @font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: "Pacifico";
    font-style: normal;
    font-weight: 400;
    src: url("../fonts/pacifico-v22-latin-regular.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
  /* blaka-ink-regular - latin */
  @font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: "Blaka Ink";
    font-style: normal;
    font-weight: 400;
    src: url("../fonts/blaka-ink-v8-latin-regular.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
  /* foldit-regular - latin */
  @font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: "Foldit";
    font-style: normal;
    font-weight: 400;
    src: url("../fonts/foldit-v5-latin-regular.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
  /* aref-ruqqq-ink-regular - latin */
  @font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: "Aref Ruqqq Ink";
    font-style: normal;
    font-weight: 400;
    src: url("../fonts/aref-ruqqq-ink-v10-latin-regular.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
  /* bungee-spice-regular - latin */
  @font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: "Bungee Spice";
    font-style: normal;
    font-weight: 400;
    src: url("../fonts/bungee-spice-v11-latin-regular.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
  /* genos-regular - latin */
  @font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: "Genos";
    font-style: normal;
    font-weight: 900;
    src: url("../fonts/genos-v12-latin-regular.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
  /* croissant-one-regular - latin */
  @font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: "Croissant One";
    font-style: normal;
    font-weight: 400;
    src: url("../fonts/croissant-one-v26-latin-regular.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
  /* nabla-regular - latin */
  @font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: "Nabla";
    font-style: normal;
    font-weight: 400;
    src: url("../fonts/nabla-v10-latin-regular.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
  /* syncopate-regular - latin */
  @font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: "Syncopate";
    font-style: normal;
    font-weight: 400;
    src: url("../fonts/syncopate-v21-latin-regular.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
  /* rubik-bubbles-regular - latin */
  @font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: "Rubik Bubbles";
    font-style: normal;
    font-weight: 400;
    src: url("../fonts/rubik-bubbles-v3-latin-regular.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
  /* yanone-kaffeesatz-regular - latin */
  @font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: "Yanone Kaffeesatz";
    font-style: normal;
    font-weight: 400;
    src: url("../fonts/yanone-kaffeesatz-v29-latin-regular.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
  /* arizonia-regular - latin */
  @font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: "Arizonia";
    font-style: normal;
    font-weight: 400;
    src: url("../fonts/arizonia-v21-latin-regular.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
  /* gabriela-regular - latin */
  @font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: "Gabriela";
    font-style: normal;
    font-weight: 400;
    src: url("../fonts/gabriela-v20-latin-regular.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
  /* nabla-regular - latin */
  @font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: "Nabla";
    font-style: normal;
    font-weight: 400;
    src: url("../fonts/nabla-v9-latin-regular.eot"); /* IE9 Compat Modes */
    src: url("../fonts/nabla-v9-latin-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/nabla-v9-latin-regular.woff2") format("woff2"), url("../fonts/nabla-v9-latin-regular.woff") format("woff"), url("../fonts/nabla-v9-latin-regular.ttf") format("truetype"), url("../fonts/nabla-v9-latin-regular.svg#Nabla") format("svg"); /* Legacy iOS */
  }
  /* bungee-spice-regular - latin */
  @font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: "Bungee Spice";
    font-style: normal;
    font-weight: 400;
    src: url("../fonts/bungee-spice-v8-latin-regular.eot"); /* IE9 Compat Modes */
    src: url("../fonts/bungee-spice-v8-latin-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/bungee-spice-v8-latin-regular.woff2") format("woff2"), url("../fonts/bungee-spice-v8-latin-regular.woff") format("woff"), url("../fonts/bungee-spice-v8-latin-regular.ttf") format("truetype"), url("../fonts/bungee-spice-v8-latin-regular.svg#BungeeSpice") format("svg"); /* Legacy iOS */
  }
  /* frijole-regular - latin */
  @font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: "Frijole";
    font-style: normal;
    font-weight: 400;
    src: url("../fonts/frijole-v14-latin-regular.eot"); /* IE9 Compat Modes */
    src: url("../fonts/frijole-v14-latin-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/frijole-v14-latin-regular.woff2") format("woff2"), url("../fonts/frijole-v14-latin-regular.woff") format("woff"), url("../fonts/frijole-v14-latin-regular.ttf") format("truetype"), url("../fonts/frijole-v14-latin-regular.svg#Frijole") format("svg"); /* Legacy iOS */
  }
  /* nova-script-regular - latin */
  @font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: "Nova Script";
    font-style: normal;
    font-weight: 400;
    src: url("../fonts/nova-script-v25-latin-regular.eot"); /* IE9 Compat Modes */
    src: url("../fonts/nova-script-v25-latin-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/nova-script-v25-latin-regular.woff2") format("woff2"), url("../fonts/nova-script-v25-latin-regular.woff") format("woff"), url("../fonts/nova-script-v25-latin-regular.ttf") format("truetype"), url("../fonts/nova-script-v25-latin-regular.svg#NovaScript") format("svg"); /* Legacy iOS */
  }
  /* gotu-regular - latin */
  @font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: "Gotu";
    font-style: normal;
    font-weight: 400;
    src: url("../fonts/gotu-v14-latin-regular.eot"); /* IE9 Compat Modes */
    src: url("../fonts/gotu-v14-latin-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/gotu-v14-latin-regular.woff2") format("woff2"), url("../fonts/gotu-v14-latin-regular.woff") format("woff"), url("../fonts/gotu-v14-latin-regular.ttf") format("truetype"), url("../fonts/gotu-v14-latin-regular.svg#Gotu") format("svg"); /* Legacy iOS */
  }
  /* germania-one-regular - latin */
  @font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: "Germania One";
    font-style: normal;
    font-weight: 400;
    src: url("../fonts/germania-one-v20-latin-regular.eot"); /* IE9 Compat Modes */
    src: url("../fonts/germania-one-v20-latin-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/germania-one-v20-latin-regular.woff2") format("woff2"), url("../fonts/germania-one-v20-latin-regular.woff") format("woff"), url("../fonts/germania-one-v20-latin-regular.ttf") format("truetype"), url("../fonts/germania-one-v20-latin-regular.svg#GermaniaOne") format("svg"); /* Legacy iOS */
  }
  /* bree-serif-regular - latin */
  @font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: "Bree Serif";
    font-style: normal;
    font-weight: 400;
    src: url("../fonts/bree-serif-v17-latin-regular.eot"); /* IE9 Compat Modes */
    src: url("../fonts/bree-serif-v17-latin-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/bree-serif-v17-latin-regular.woff2") format("woff2"), url("../fonts/bree-serif-v17-latin-regular.woff") format("woff"), url("../fonts/bree-serif-v17-latin-regular.ttf") format("truetype"), url("../fonts/bree-serif-v17-latin-regular.svg#BreeSerif") format("svg"); /* Legacy iOS */
  }
  /* bruno-ace-sc-regular - latin */
  @font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: "Bruno Ace SC";
    font-style: normal;
    font-weight: 400;
    src: url("../fonts/bruno-ace-sc-v1-latin-regular.eot"); /* IE9 Compat Modes */
    src: url("../fonts/bruno-ace-sc-v1-latin-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/bruno-ace-sc-v1-latin-regular.woff2") format("woff2"), url("../fonts/bruno-ace-sc-v1-latin-regular.woff") format("woff"), url("../fonts/bruno-ace-sc-v1-latin-regular.ttf") format("truetype"), url("../fonts/bruno-ace-sc-v1-latin-regular.svg#BrunoAceSC") format("svg"); /* Legacy iOS */
  }
  /* aclonica-regular - latin */
  @font-face {
    font-family: "Aclonica";
    font-style: normal;
    font-weight: 400;
    src: local(""), url("../fonts/aclonica-v18-latin-regular.woff2") format("woff2"), url("../fonts/aclonica-v18-latin-regular.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
  }
  /* walter-turncoat-regular - latin */
  @font-face {
    font-family: "Walter Turncoat";
    font-style: normal;
    font-weight: 400;
    src: local(""), url("../fonts/walter-turncoat-v19-latin-regular.woff2") format("woff2"), url("../fonts/walter-turncoat-v19-latin-regular.woff") format("woff"); /* Modern Browsers */
  }
  /* nova-oval-regular - latin */
  @font-face {
    font-family: "Nova Oval";
    font-style: normal;
    font-weight: 400;
    src: local(""), url("../fonts/nova-oval-v24-latin-regular.woff2") format("woff2"), url("../fonts/nova-oval-v24-latin-regular.woff") format("woff"); /* Modern Browsers */
  }
  /* chango-regular - latin */
  @font-face {
    font-family: "Chango";
    font-style: normal;
    font-weight: 400;
    src: url("../fonts/chango-v21-latin-regular.eot"); /* IE9 Compat Modes */
    src: local(""), url("../fonts/chango-v21-latin-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/chango-v21-latin-regular.woff2") format("woff2"), url("../fonts/chango-v21-latin-regular.woff") format("woff"), url("../fonts/chango-v21-latin-regular.ttf") format("truetype"), url("../fonts/chango-v21-latin-regular.svg#Chango") format("svg"); /* Legacy iOS */
  }
  /* poppins-regular - latin */
  @font-face {
    font-family: "Poppins";
    font-style: normal;
    font-weight: 400;
    src: url("../fonts/poppins-v20-latin-regular.eot"); /* IE9 Compat Modes */
    src: local(""), url("../fonts/poppins-v20-latin-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/poppins-v20-latin-regular.woff2") format("woff2"), url("../fonts/poppins-v20-latin-regular.woff") format("woff"), url("../fonts/poppins-v20-latin-regular.ttf") format("truetype"), url("../fonts/poppins-v20-latin-regular.svg#Poppins") format("svg"); /* Legacy iOS */
  }
  /* amaranth-regular - latin */
  @font-face {
    font-family: "Amaranth";
    font-style: normal;
    font-weight: 400;
    src: url("../fonts/amaranth-v18-latin-regular.eot"); /* IE9 Compat Modes */
    src: local(""), url("../fonts/amaranth-v18-latin-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/amaranth-v18-latin-regular.woff2") format("woff2"), url("../fonts/amaranth-v18-latin-regular.woff") format("woff"), url("../fonts/amaranth-v18-latin-regular.ttf") format("truetype"), url("../fonts/amaranth-v18-latin-regular.svg#Amaranth") format("svg"); /* Legacy iOS */
  }
  /* audiowide-regular - latin */
  @font-face {
    font-family: "Audiowide";
    font-style: normal;
    font-weight: 400;
    src: url("../fonts/audiowide-v16-latin-regular.eot"); /* IE9 Compat Modes */
    src: local(""), url("../fonts/audiowide-v16-latin-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/audiowide-v16-latin-regular.woff2") format("woff2"), url("../fonts/audiowide-v16-latin-regular.woff") format("woff"), url("../fonts/audiowide-v16-latin-regular.ttf") format("truetype"), url("../fonts/audiowide-v16-latin-regular.svg#Audiowide") format("svg"); /* Legacy iOS */
  }
  /* russo-one-regular - latin */
  @font-face {
    font-family: "Russo One";
    font-style: normal;
    font-weight: 400;
    src: url("../fonts/russo-one-v14-latin-regular.eot"); /* IE9 Compat Modes */
    src: local(""), url("../fonts/russo-one-v14-latin-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/russo-one-v14-latin-regular.woff2") format("woff2"), url("../fonts/russo-one-v14-latin-regular.woff") format("woff"), url("../fonts/russo-one-v14-latin-regular.ttf") format("truetype"), url("../fonts/russo-one-v14-latin-regular.svg#RussoOne") format("svg"); /* Legacy iOS */
  }
  /* train-one-regular - latin */
  @font-face {
    font-family: "Train One";
    font-style: normal;
    font-weight: 400;
    src: url("../fonts/train-one-v13-latin-regular.eot"); /* IE9 Compat Modes */
    src: local(""), url("../fonts/train-one-v13-latin-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/train-one-v13-latin-regular.woff2") format("woff2"), url("../fonts/train-one-v13-latin-regular.woff") format("woff"), url("../fonts/train-one-v13-latin-regular.ttf") format("truetype"), url("../fonts/train-one-v13-latin-regular.svg#TrainOne") format("svg"); /* Legacy iOS */
  }
  /* gluten-100 - latin */
  @font-face {
    font-family: "Gluten";
    font-style: normal;
    font-weight: 100;
    src: local(""), url("../fonts/gluten-v9-latin-100.woff2") format("woff2"), url("../fonts/gluten-v9-latin-100.woff") format("woff"); /* Modern Browsers */
  }
  /* gluten-regular - latin */
  @font-face {
    font-family: "Gluten";
    font-style: normal;
    font-weight: 400;
    src: url("../fonts/gluten-v9-latin-regular.eot"); /* IE9 Compat Modes */
    src: local(""), url("../fonts/gluten-v9-latin-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/gluten-v9-latin-regular.woff2") format("woff2"), url("../fonts/gluten-v9-latin-regular.woff") format("woff"), url("../fonts/gluten-v9-latin-regular.ttf") format("truetype"), url("../fonts/gluten-v9-latin-regular.svg#Gluten") format("svg"); /* Legacy iOS */
  }
  /* happy-monkey-regular - latin */
  @font-face {
    font-family: "Happy Monkey";
    font-style: normal;
    font-weight: 400;
    src: local(""), url("../fonts/happy-monkey-v14-latin-regular.woff2") format("woff2"), url("../fonts/happy-monkey-v14-latin-regular.woff") format("woff"); /* Modern Browsers */
  }
  /* bubblegum-sans-regular - latin */
  @font-face {
    font-family: "Bubblegum Sans";
    font-style: normal;
    font-weight: 400;
    src: local(""), url("../fonts/bubblegum-sans-v16-latin-regular.woff2") format("woff2"), url("../fonts/bubblegum-sans-v16-latin-regular.woff") format("woff"); /* Modern Browsers */
  }
  /* yatra-one-regular - latin */
  /* nova-square-regular - latin */
  /* nova-flat-regular - latin */
  /* indie-flower-regular - latin */
  /* latin */
  @font-face {
    font-family: "Permanent Marker";
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/permanentmarker/v16/Fh4uPib9Iyv2ucM6pGQMWimMp004La2Cfw.woff2) format("woff2");
  }
  /* latin */
  @font-face {
    font-family: "Comfortqq";
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/comfortqq/v40/1Pt_g8LJRfWJmhDAuUsSQamb1W0lwk4S4WjMDrMfIA.woff2) format("woff2");
  }
  /* latin */
  @font-face {
    font-family: "Combo";
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/combo/v21/BXRlvF3Jh_fIhj0lDO4.woff2) format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  }
  /* aleo-regular - latin */
  /* amita-regular - latin */
  @font-face {
    font-family: "Amita";
    font-style: normal;
    font-weight: 400;
    src: url("../fonts/amita-v16-latin-regular.eot"); /* IE9 Compat Modes */
    src: local(""), url("../fonts/amita-v16-latin-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/amita-v16-latin-regular.woff2") format("woff2"), url("../fonts/amita-v16-latin-regular.woff") format("woff"), url("../fonts/amita-v16-latin-regular.ttf") format("truetype"), url("../fonts/amita-v16-latin-regular.svg#Amita") format("svg"); /* Legacy iOS */
  }
  /* architects-daughter-regular - latin */
  @font-face {
    font-family: "Architects Daughter";
    font-style: normal;
    font-weight: 400;
    src: local(""), url("../fonts/architects-daughter-v18-latin-regular.woff2") format("woff2"), url("../fonts/architects-daughter-v18-latin-regular.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
  }
  /* rubik-bubbles-regular - latin */
  @font-face {
    font-family: "Rubik Bubbles";
    font-style: normal;
    font-weight: 400;
    src: local(""), url("../fonts/rubik-bubbles-v2-latin-regular.woff2") format("woff2"), url("../fonts/rubik-bubbles-v2-latin-regular.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
  }
  /* kalam-regular - latin */
  @font-face {
    font-family: "Kalam";
    font-style: normal;
    font-weight: 400;
    src: local(""), url("../fonts/kalam-v16-latin-regular.woff2") format("woff2"), url("../fonts/kalam-v16-latin-regular.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
  }
  /* titan-one-regular - latin */
  @font-face {
    font-family: "Titan One";
    font-style: normal;
    font-weight: 400;
    src: local(""), url("../fonts/titan-one-v13-latin-regular.woff2") format("woff2"), url("../fonts/titan-one-v13-latin-regular.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
  }
  /* nova-cut-regular - latin */
  @font-face {
    font-family: "Nova Cut";
    font-style: normal;
    font-weight: 400;
    src: local(""), url("../fonts/nova-cut-v24-latin-regular.woff2") format("woff2"), url("../fonts/nova-cut-v24-latin-regular.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
  }
  /* sofadi-one-regular - latin */
  @font-face {
    font-family: "Sofadi One";
    font-style: normal;
    font-weight: 400;
    src: local(""), url("../fonts/sofadi-one-v21-latin-regular.woff2") format("woff2"), url("../fonts/sofadi-one-v21-latin-regular.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
  }
  /* acme-regular - latin */
  @font-face {
    font-family: "Acme";
    font-style: normal;
    font-weight: 400;
    src: local(""), url("../fonts/acme-v18-latin-regular.woff2") format("woff2"), url("../fonts/acme-v18-latin-regular.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
  }
  /* wallpoet-regular - latin */
  @font-face {
    font-family: "Wallpoet";
    font-style: normal;
    font-weight: 400;
    src: local(""), url("../fonts/wallpoet-v16-latin-regular.woff2") format("woff2"), url("../fonts/wallpoet-v16-latin-regular.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
  }
  /* rowdies-regular - latin */
  @font-face {
    font-family: "Rowdies";
    font-style: normal;
    font-weight: 400;
    src: local(""), url("../fonts/rowdies-v15-latin-regular.woff2") format("woff2"), url("../fonts/rowdies-v15-latin-regular.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
  }
  /* unbounded-regular - latin */
  @font-face {
    font-family: "Unbounded";
    font-style: normal;
    font-weight: 400;
    src: local(""), url("../fonts/unbounded-v3-latin-regular.woff2") format("woff2"), url("../fonts/unbounded-v3-latin-regular.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
  }
  /* fredoka-one-regular - latin */
  @font-face {
    font-family: "Fredoka One";
    font-style: normal;
    font-weight: 400;
    src: local(""), url("../fonts/fredoka-one-v13-latin-regular.woff2") format("woff2"), url("../fonts/fredoka-one-v13-latin-regular.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
  }
  /* righteous-regular - latin */
  @font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: "Righteous";
    font-style: normal;
    font-weight: 400;
    src: url("../fonts/righteous-v17-latin-regular.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
  /* lemonada-regular - latin */
  @font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: "Lemonada";
    font-style: normal;
    font-weight: 400;
    src: url("../fonts/lemonada-v28-latin-regular.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
  /* goldman-regular - latin */
  @font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: "Goldman";
    font-style: normal;
    font-weight: 400;
    src: url("../fonts/goldman-v19-latin-regular.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
  /* coiny-regular - latin */
  @font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: "Coiny";
    font-style: normal;
    font-weight: 400;
    src: url("../fonts/coiny-v16-latin-regular.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
  /* zen-dots-regular - latin */
  @font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: "Zen Dots";
    font-style: normal;
    font-weight: 400;
    src: url("../fonts/zen-dots-v12-latin-regular.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
  /* montserrat-regular - latin */
  @font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: "Montserrat";
    font-style: normal;
    font-weight: 400;
    src: url("../fonts/montserrat-v25-latin-regular.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
  /* adlam-display-regular - latin */
  @font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: "ADLaM Display";
    font-style: normal;
    font-weight: 400;
    src: url("../fonts/adlam-display-v1-latin-regular.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
  /* lato-regular - latin */
  @font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: "Lato";
    font-style: normal;
    font-weight: 400;
    src: url("../fonts/lato-v24-latin-regular.eot"); /* IE9 Compat Modes */
    src: url("../fonts/lato-v24-latin-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/lato-v24-latin-regular.woff2") format("woff2"), url("../fonts/lato-v24-latin-regular.woff") format("woff"), url("../fonts/lato-v24-latin-regular.ttf") format("truetype"), url("../fonts/lato-v24-latin-regular.svg#Lato") format("svg"); /* Legacy iOS */
  }
  /* aclonica-regular - latin */
  @font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: "Aclonica";
    font-style: normal;
    font-weight: 400;
    src: url("../fonts/aclonica-v22-latin-regular.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
  /* aladin-regular - latin */
  @font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: "Aladin";
    font-style: normal;
    font-weight: 400;
    src: url("../fonts/aladin-v24-latin-regular.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
  my_font {
    transition: all 1s ease-in-out;
    background: linear-gradient(90deg, red 0%, green 25%, blue 50%, green 75%, red 100%);
    background-clip: text;
    color: transparent;
    font-family: "Goldman";
    letter-spacing: 2px;
    font-weight: 900;
  }
  * {
    list-style-type: none;
    text-decoration: none;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    background-repeat: no-repeat;
    background-attachment: scroll;
    text-align: center;
    background-position: center center;
    background-size: 100% 100%;
    border: none;
    animation: fade-in 111ms ease-in-out;
    color: rgb(8.75, 13.1331168831, 16.25);
    font-size: 2vh;
    transition: all 111ms ease-in-out;
  }
  hr {
    margin-left: 5%;
    margin-right: 5%;
    height: 7px;
    width: 90%;
    background: linear-gradient(0deg, rgb(105.5, 145.8246753247, 174.5) 0%, kornblumeblue 15px, kornblumeblue calc(100% - 15px), rgb(105.5, 145.8246753247, 174.5) 100%);
    border: solid 1px rgb(62.3, 93.5077922078, 115.7);
    border-radius: 55%;
    backdrop-filter: blur(0.5px);
  }
  a {
    color: red;
    text-decoration: none !important;
  }
  #zz_links {
    position: fixed;
    top: 28vh;
    left: 0vw;
    width: 15vw;
    bottom: 0vw;
    display: grid;
    place-items: center;
    align-items: center;
    place-content: center;
    transition: all 500ms ease-in-out;
    margin-top: 3px;
  }
  #zz_rechts {
    background: linear-gradient(0deg, rgb(62.3, 93.5077922078, 115.7) 0%, rgb(171.8, 194.2415584416, 210.2) 2vh, rgb(171.8, 194.2415584416, 210.2) calc(100% - 2vh), rgb(62.3, 93.5077922078, 115.7) 100%);
    border-radius: 0;
    position: fixed;
    z-index: 88;
    top: calc(34vh + 6px);
    right: 0vw;
    bottom: 0vw;
    width: 20vw;
    display: none;
    transition: all 500ms ease-in-out;
  }
  #zz_opsys {
    position: fixed;
    z-index: 100;
    top: 55vh;
    left: 0;
    width: 15vw;
    height: auto;
    padding: 0;
    display: grid;
    place-items: center;
    align-items: center;
    place-content: center;
  }
  #zz_opsys span,
  #zz_opsys p {
    font-size: 2vh;
    white-space: nowrap;
  }
  #zz_besucher {
    position: fixed;
    z-index: 100;
    bottom: 11vh;
    left: 2vw;
    height: 6vh;
    width: 15vw;
    display: grid;
    place-items: center;
    align-items: center;
    place-content: center;
    justify-content: space-around;
    padding: 1rem;
  }
  #zz_besucher p {
    font-size: 2vh;
  }
  #zz_besucherlog {
    position: fixed;
    z-index: 200;
    top: 22vh;
    left: 15vw;
    right: 20vw;
    height: 67vh;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    text-align: center;
    flex-direction: column;
    background: linear-gradient(0deg, rgb(62.3, 93.5077922078, 115.7) 0%, rgb(171.8, 194.2415584416, 210.2) 2vh, rgb(171.8, 194.2415584416, 210.2) calc(100% - 2vh), rgb(62.3, 93.5077922078, 115.7) 100%);
    border-radius: 0;
    scrollbar-width: none;
    overflow-y: scroll;
    overflow: scroll;
  }
  #zz_besucherlog::-webkit-scrollbar {
    display: none;
  }
  #zz_besucherlog span {
    font-size: 2vh;
  }
  #zz_besucherlog p {
    text-shadow: 0px 0px 1px white, 0px 0px 2px white, 0px 0px 3px blue;
    font-size: 16px;
  }
  #zz_hinten {
    border-radius: 0;
    top: 0vw;
    bottom: 0vw;
    left: 0vw;
    right: 0vw;
    position: fixed;
    display: grid;
    grid-template-rows: 12vh 10vh 6vh 1fr 6vh;
    grid-template-columns: 15vw 1fr 20vw;
    grid-template-areas: " spruch      spruch         spruch " " links       headermitte    rechts " " links       menue          rechts " " links       container      rechts " " links       footer         rechts ";
    transform: scale(0.98);
  }
  #zz_hinten #zz_spruch {
    grid-area: spruch;
    width: 100%;
    padding-top: 0.5rem;
  }
  #zz_hinten #zz_spruch p {
    font-weight: normal;
    font-size: 1.6vh;
    letter-spacing: 3px;
  }
  #zz_hinten #zz_spruch my_font {
    font-size: 2.5vh;
  }
  #zz_hinten #zz_footer {
    background: linear-gradient(0deg, rgb(62.3, 93.5077922078, 115.7) 0%, rgb(171.8, 194.2415584416, 210.2) 2vh, rgb(171.8, 194.2415584416, 210.2) calc(100% - 2vh), rgb(62.3, 93.5077922078, 115.7) 100%);
    border-radius: 0;
    grid-area: footer;
    margin-left: 3px;
    margin-right: 3px;
    padding: 1rem;
    padding-top: 1.1rem;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    text-align: center;
    justify-content: space-around;
    align-items: center;
  }
  #zz_hinten #zz_footer div {
    background-color: transparent;
  }
  #zz_hinten #zz_footer div a {
    font-size: 2vh;
    padding: 0.5rem 1.5rem 0.5rem 1.5rem;
    border-radius: 0;
  }
  #zz_hinten #zz_footer div a:hover {
    background: linear-gradient(90deg, rgb(80.15, 120.2993506494, 148.85) 0%, rgb(171.8, 194.2415584416, 210.2) 2vh, rgb(171.8, 194.2415584416, 210.2) calc(100% - 2vh), rgb(80.15, 120.2993506494, 148.85) 100%);
  }
  #zz_hinten #zz_footer my_font {
    font-size: 3vh;
  }
  #zz_container {
    grid-area: container;
    margin-left: 3px;
    margin-right: 3px;
    margin-top: 1px;
    margin-bottom: 1px;
    scrollbar-width: none;
    overflow-y: scroll;
    display: grid;
    grid-template-columns: 1fr;
    grid-auto-rows: auto;
    gap: 3px;
    place-content: start;
  }
  #zz_container::-webkit-scrollbar {
    display: none;
  }
  #zz_info {
    background-color: hsla(0, 0%, 100%, 0.5);
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 20vw;
    scrollbar-width: none;
    overflow-y: scroll;
    display: grid;
    align-items: center;
    grid-template-columns: 1fr;
    grid-template-rows: 1fr;
  }
  #zz_info::-webkit-scrollbar {
    display: none;
  }
  #zz_info p {
    font-family: "Yanone Kaffeesatz";
    text-align: center;
    font-size: 2vh;
  }
  .imp {
    z-index: 99;
    position: relative;
    left: 0%;
    right: 0%;
    width: 100%;
    height: auto;
    background: linear-gradient(0deg, rgb(62.3, 93.5077922078, 115.7) 0%, rgb(171.8, 194.2415584416, 210.2) 2vh, rgb(171.8, 194.2415584416, 210.2) calc(100% - 2vh), rgb(62.3, 93.5077922078, 115.7) 100%);
    border-radius: 0;
  }
  .imp div {
    padding: 1rem;
    padding-left: 3rem;
    padding-right: 3rem;
  }
  .zz_nextpic,
  .zz_prevpic {
    position: fixed;
    z-index: 99 !important;
    display: grid;
    place-items: center;
    align-items: center;
    place-content: center;
    bottom: 5vh;
    width: 8vw;
    height: 4vw;
    overflow: hidden;
    background-size: 77% 77%;
    background-repeat: no-repeat;
    font-family: "Fredoka One";
    font-size: 4rem;
    text-shadow: 1px 1px 5px white;
    transform: scaleY(0.75) scaleX(2);
  }
  .zz_nextpic:hover,
  .zz_prevpic:hover {
    cursor: url("../images/ccclick.png") 50 15, crosshair;
  }
  .zz_prevpic {
    left: 1vw;
  }
  .zz_nextpic {
    right: 1vw;
  }
  #zz_historyback {
    z-index: 99;
    position: fixed;
    display: grid;
    place-items: center;
    align-items: center;
    place-content: center;
    cursor: url("../images/ccclick.png") 50 15, crosshair;
    left: 47vw;
    right: 47vw;
    top: 2vh;
    height: 6vh;
  }
  #zz_historyback p {
    font-family: "Goldman";
    text-shadow: 0 0 5px #000;
    font-size: 13px;
    font-weight: bolder;
    padding: 0 2rem 0.75rem 0;
  }
  #zoomcontainer {
    background-image: url("../images/00a.jpg");
    background-size: 100% 100%;
    position: fixed;
    display: grid;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    padding-top: 5vh;
    padding-bottom: 2vh;
    mask-image: linear-gradient(black 0 0) content-box;
    mask-composite: exclude;
    -webkit-mask-composite: xor;
  }
  #zoomcontainer .zoombild {
    display: grid;
    width: 100%;
    height: 100%;
    background-position: 50% 50%;
    background-size: contain;
    animation: scale-in 111ms ease-in-out;
  }
  #zoomcontainer .zoombild:hover {
    cursor: url("../images/ccclick.png") 50 15, crosshair;
  }
  #zoomcontainer #zz_bildtext {
    position: absolute;
    display: grid;
    place-items: center;
    top: 0;
    width: 100%;
    height: 5vh;
    z-index: 55 !important;
  }
  #zoomcontainer #zz_bildtext p {
    font-weight: bolder;
  }
  a {
    color: red;
  }
  body {
    width: 100dvw;
    height: 100dvh;
    max-width: 100dvw;
    max-height: 100dvh;
    background-image: url("../images/back1.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    background-attachment: fixed;
  }
  #zz_begin {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    text-align: center;
    position: fixed;
    top: 0;
    left: 0;
    width: 100dvw;
    height: 100dvh;
    background-position: center center;
    background-image: url("../images/00a.jpg");
    background-size: 112% 112%;
    cursor: url("../images/ccclick.png") 50 15, crosshair;
  }
  #zz_begin p {
    line-height: 1.3;
  }
  #spruchband_maxl,
  #spruchband_mary {
    z-index: 55;
    position: absolute;
    color: transparent;
    text-align: center;
    transform: scale(0.03);
  }
  #spruchband_maxl {
    top: 35dvh;
    left: 35dvw;
    width: 30vw;
  }
  #spruchband_mary {
    top: 35dvh;
    left: 35dvw;
    width: 30vw;
  }
  #zz_anzeige {
    display: grid;
    place-items: center;
    margin-bottom: 2dvh;
  }
  #zz_anzeige p {
    text-shadow: 0px 3px 5px white;
  }
  .scans {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    height: auto;
  }
  .scans img {
    width: 100%;
    height: auto;
    margin-bottom: 1px;
  }
  #pod,
  #pod1 {
    position: absolute;
    display: grid;
    place-items: center;
    top: 25dvh;
    width: 12dvw;
    height: 14dvw;
    background-position: center center;
    background-size: 100% 100%;
    cursor: url("../images/ccclick.png") 50 15, crosshair;
  }
  #pod {
    top: 10dvh;
    left: 30dvw;
    background-image: url("../images/ht.png");
  }
  #pod1 {
    top: 53dvh;
    right: 32dvw;
    background-image: url("../images/maxl.png");
  }
  .backto {
    top: auto;
    bottom: 0;
  }
  #zz_bg_videos {
    position: fixed;
    display: grid;
    place-items: center;
    background-image: url("../images/00a.jpg");
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 0vw;
  }
  #zz_bg_videos iframe {
    left: 0;
    top: 0;
    width: 68vw;
    height: 80%;
  }
  #zz_bg_videos #movie_player {
    background-color: rgb(44.45, 66.7162337662, 82.55);
  }
  .zz_eingabe div {
    height: auto;
    display: grid;
    grid-template-columns: 1fr;
    margin-bottom: 3px;
    margin-left: 7vw;
    margin-right: 7vw;
  }
  .zz_eingabe div input[type=text],
  .zz_eingabe div input[type=submit],
  .zz_eingabe div input[type=password],
  .zz_eingabe div textarea {
    background: linear-gradient(0deg, rgb(62.3, 93.5077922078, 115.7) 0%, rgb(171.8, 194.2415584416, 210.2) 2vh, rgb(171.8, 194.2415584416, 210.2) calc(100% - 2vh), rgb(62.3, 93.5077922078, 115.7) 100%);
    border-radius: 0;
    padding: 2rem 0 2rem 0;
    font-size: 1rem;
    text-align: center;
    cursor: text;
    overflow: hidden;
    outline: none;
  }
  .zz_eingabe div textarea {
    padding: 2rem;
    height: auto;
    overflow: hidden;
    resize: none;
    box-sizing: border-box;
    height: 15vh;
  }
  .zz_tabelle {
    display: grid;
    grid-gap: 3px;
    grid-template-columns: repeat(auto-fit, minmax(11vw, 1fr));
    justify-content: center;
    margin-top: auto;
    margin-bottom: auto;
    grid-template-rows: auto;
  }
  .zz_tabelle .zz_folder {
    background: linear-gradient(0deg, rgb(62.3, 93.5077922078, 115.7) 0%, rgb(171.8, 194.2415584416, 210.2) 2vh, rgb(171.8, 194.2415584416, 210.2) calc(100% - 2vh), rgb(62.3, 93.5077922078, 115.7) 100%);
    border-radius: 0;
    position: relative;
    width: 100%;
    aspect-ratio: 1/1.12;
    display: flex;
    flex-direction: column;
    gap: 5px;
    justify-content: space-between;
  }
  .zz_tabelle .zz_folder:hover {
    background: linear-gradient(90deg, rgb(80.15, 120.2993506494, 148.85) 0%, rgb(171.8, 194.2415584416, 210.2) 2vh, rgb(171.8, 194.2415584416, 210.2) calc(100% - 2vh), rgb(80.15, 120.2993506494, 148.85) 100%);
  }
  .zz_tabelle .zz_folder .text {
    border-bottom: solid 1px rgb(105.5, 145.8246753247, 174.5);
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    text-align: center;
    flex-direction: column;
    height: 20%;
    width: 90%;
    margin-left: 5%;
  }
  .zz_tabelle .zz_folder .text p {
    font-size: 100%;
    line-height: 100%;
    font-family: "Yanone Kaffeesatz", sans-serif;
  }
  .zz_tabelle .zz_folder .pic {
    filter: drop-shadow(0 0 3px rgb(8.75, 13.1331168831, 16.25));
    width: 70%;
    height: 60%;
    margin: auto;
    background-size: contain;
  }
  #fontbox {
    display: grid;
    grid-gap: 3px;
    grid-template-columns: repeat(4, 1fr);
    grid-auto-rows: 40px;
    width: 100%;
    margin-top: -3vh;
  }
  #fontbox div {
    animation: scale-in 111ms ease-in-out;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 3px 1rem;
    height: 100%;
    background: linear-gradient(0deg, rgb(62.3, 93.5077922078, 115.7) 0%, rgb(171.8, 194.2415584416, 210.2) 2vh, rgb(171.8, 194.2415584416, 210.2) calc(100% - 2vh), rgb(62.3, 93.5077922078, 115.7) 100%);
    border-radius: 0;
  }
  #pineingabe {
    position: absolute;
    right: 0;
    top: 0vw;
    display: grid;
    place-content: center;
    justify-content: space-around;
    grid-template-columns: repeat(3, 6px);
    grid-auto-rows: 6px;
    grid-gap: 3px;
    padding: 3px;
    transform: scale(1.24) translateX(-32vw) translateY(10vh);
  }
  #pineingabe p {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    text-align: center;
    grid-column: span 3;
  }
  #pineingabe .pin,
  #pineingabe div {
    display: flex;
    cursor: pointer;
    justify-content: space-around;
    align-items: center;
  }
  #pineingabe #result {
    text-align: center;
    grid-column: 2/4;
  }
  #pineingabe #submit {
    display: none;
    grid-column: 2/4;
  }
  #pineingabe #pinok {
    grid-column: 1/4;
  }
  .tagebuchbox {
    background: linear-gradient(0deg, rgb(62.3, 93.5077922078, 115.7) 0%, rgb(171.8, 194.2415584416, 210.2) 2vh, rgb(171.8, 194.2415584416, 210.2) calc(100% - 2vh), rgb(62.3, 93.5077922078, 115.7) 100%);
    border-radius: 0;
    display: grid;
    place-items: center;
    padding: 1rem;
    grid-gap: 3px;
  }
  .tagebuchbox .bild {
    background: none;
    background-color: none;
    border-radius: 0;
    border: none;
    box-shadow: none;
    padding: 0;
  }
  .tagebuchbox div {
    padding: 1rem;
  }
  .tagebuchbox .bild {
    width: 75%;
    height: auto;
    text-align: center;
  }
  .tagebuchbox .text {
    width: 75%;
    height: auto;
    text-align: center;
  }
  .pod {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: grid;
    place-items: center;
    align-items: center;
    place-content: center;
    background-position: 50% 50%;
    background-size: contain;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0vh;
    padding: 10px;
    padding-bottom: 33%;
  }
  .pod:hover {
    cursor: url("../images/ccclick.png") 50 15, crosshair;
  }
  .pod .podtitel {
    position: absolute;
    display: grid;
    place-content: center;
    bottom: 0;
    bottom: 0;
    padding: 10px;
    left: 0;
    right: 0;
    height: 5vh;
  }
  .pod .podtitel p {
    padding: 0;
    letter-spacing: 2px;
    text-align: center;
  }
  #trex_startseite {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    gap: 3px;
  }
  .trex_image {
    display: flex;
    justify-content: space-around;
    align-items: center;
  }
  .trex_image img {
    border-radius: 0;
    height: 20dvh;
    margin-top: 4dvh;
    margin-bottom: 4dvh;
  }
  .zz_blog_show_text {
    background-color: rgb(105.5, 145.8246753247, 174.5);
    position: fixed;
    top: 3px;
    left: 3px;
    right: 3px;
    bottom: 3px;
    scrollbar-width: none;
    overflow-y: scroll;
    display: grid;
    place-items: center;
    padding-top: 2vh;
  }
  .zz_blog_show_text::-webkit-scrollbar {
    display: none;
  }
  .zz_blog_show_text a {
    color: red;
    font-weight: bolder;
    text-shadow: 0px 0px 2px transparent, 0px 0px 3px transparent, 0px 0px 4px transparent;
  }
  .zz_blog_show_text img {
    cursor: url("../images/ccclick.png") 50 15, crosshair;
    max-width: 20%;
    max-height: 20%;
    filter: drop-shadow(0 0 3px rgb(8.75, 13.1331168831, 16.25));
    border-radius: 15px;
  }
  .zz_blog_show_text p {
    text-align: center;
    cursor: url("../images/ccclick.png") 50 15, crosshair;
  }
  .zz_mybox {
    background: linear-gradient(0deg, rgb(62.3, 93.5077922078, 115.7) 0%, rgb(171.8, 194.2415584416, 210.2) 2vh, rgb(171.8, 194.2415584416, 210.2) calc(100% - 2vh), rgb(62.3, 93.5077922078, 115.7) 100%);
    border-radius: 0;
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    justify-content: space-around;
    grid-gap: 12px;
    padding: 1rem;
    height: auto;
  }
  .zz_mybox h1 {
    font-weight: 900;
    font-size: 2.4vh;
    margin: auto;
    text-align: center;
    white-space: pre-wrap;
  }
  .zz_mybox .bild {
    display: grid;
    flex: 1;
    border-right: 1px dotted rgb(105.5, 145.8246753247, 174.5);
    padding-right: 1rem;
  }
  .zz_mybox .bild img {
    max-width: 90%;
    max-height: 90%;
    border-radius: 5px;
    filter: drop-shadow(0 0 3px rgb(8.75, 13.1331168831, 16.25));
  }
  .zz_mybox .bild img:hover {
    box-shadow: 0 0 1px 1px yellow;
    transform: scale(1.1);
  }
  .zz_mybox .bild :focus {
    outline: none;
  }
  .zz_mybox .bild a {
    display: grid;
  }
  .zz_mybox .bild a img {
    margin: auto;
  }
  .zz_mybox .text {
    display: flex;
    justify-content: space-between;
    flex: 3;
  }
  .zz_mybox .text p {
    font-size: 1rem;
    margin: auto;
    text-align: center;
    white-space: pre-wrap;
  }
  .zz_mybox .text img {
    width: 50%;
    height: auto;
    display: flex;
    margin: auto;
    margin-top: 2vh;
    margin-bottom: 2vh;
    box-shadow: 0px 0px 0.1vw 0.2vw rgb(105.5, 145.8246753247, 174.5);
    border: solid 1px rgb(80.15, 120.2993506494, 148.85);
    border-radius: 6px;
  }
  #database {
    position: absolute;
    bottom: 0;
    left: 0;
    height: 5vh;
  }
  #zz_vorspann {
    background: linear-gradient(0deg, rgb(62.3, 93.5077922078, 115.7) 0%, rgb(171.8, 194.2415584416, 210.2) 2vh, rgb(171.8, 194.2415584416, 210.2) calc(100% - 2vh), rgb(62.3, 93.5077922078, 115.7) 100%);
    border-radius: 0;
    background: none;
    background-color: none;
    border-radius: 0;
    border: none;
    box-shadow: none;
    padding: 0;
    display: grid;
    place-content: center;
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
  #zz_vorspann p {
    text-align: center;
    font-size: 1.6vh;
    color: rgb(8.75, 13.1331168831, 16.25);
  }
  #zz_menue {
    margin: auto;
    margin-top: 6vh;
    width: 100%;
    opacity: 1;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-auto-rows: 6vh;
    grid-gap: 3px;
    scrollbar-width: none;
    overflow-y: scroll;
  }
  #zz_menue::-webkit-scrollbar {
    display: none;
  }
  #zz_menue .artist {
    transform: scaleY(0.5) translateY(50%);
    grid-column: 1/-1;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  #zz_menue .artist p {
    font-weight: bolder;
    transform: scaleY(1.5);
    margin-bottom: 15px;
  }
  #zz_maxl {
    width: 0vw;
    height: 0vw;
    display: grid;
    place-items: center;
  }
  #zz_maxl img {
    width: auto;
    height: 0vw;
    filter: drop-shadow(0 0 3px rgb(8.75, 13.1331168831, 16.25));
    cursor: url("../images/ccclick.png") 50 15, crosshair;
  }
  #zz_mary {
    width: 0vw;
    height: 0vw;
    display: grid;
    place-items: center;
  }
  #zz_mary img {
    width: 70%;
    height: 80%;
    filter: drop-shadow(0 0 3px rgb(8.75, 13.1331168831, 16.25));
    cursor: url("../images/ccclick.png") 50 15, crosshair;
  }
  .zz_blog_eintrag {
    background: linear-gradient(0deg, rgb(62.3, 93.5077922078, 115.7) 0%, rgb(171.8, 194.2415584416, 210.2) 2vh, rgb(171.8, 194.2415584416, 210.2) calc(100% - 2vh), rgb(62.3, 93.5077922078, 115.7) 100%);
    border-radius: 0;
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: 5vh auto auto auto;
    grid-template-areas: "oben " "bild " "text1 " "text2 ";
  }
  .zz_blog_eintrag .monat {
    grid-area: oben;
    display: grid;
    place-items: center;
    align-items: center;
    place-content: center;
  }
  .zz_blog_eintrag .monat my_font {
    writing-mode: horizontal-tb;
    font-size: 1.5rem;
  }
  .zz_blog_eintrag .bild {
    grid-area: bild;
    display: grid;
    place-items: center;
    align-items: center;
    place-content: center;
  }
  .zz_blog_eintrag .bild img {
    height: 20%;
    width: 20%;
    max-height: 20%;
    max-width: 20%;
    filter: drop-shadow(0 0 3px rgb(8.75, 13.1331168831, 16.25));
    border-radius: 5px;
  }
  .zz_blog_eintrag .textoben {
    grid-area: text1;
    display: grid;
    place-items: center;
    align-items: center;
    place-content: center;
  }
  .zz_blog_eintrag .textoben p {
    padding: 2vh;
    padding-bottom: 2vh;
  }
  .zz_blog_eintrag .textunten {
    grid-area: text2;
    display: grid;
    place-items: center;
    align-items: center;
    place-content: center;
  }
  .zz_blog_eintrag .textunten p {
    padding: 2vh;
    font-size: 2vh;
    text-align: center;
  }
  .zz_musikmenue {
    background: linear-gradient(0deg, rgb(62.3, 93.5077922078, 115.7) 0%, rgb(171.8, 194.2415584416, 210.2) 2vh, rgb(171.8, 194.2415584416, 210.2) calc(100% - 2vh), rgb(62.3, 93.5077922078, 115.7) 100%);
    border-radius: 0;
    margin-top: 15px;
    padding: 15px;
    width: 100%;
    margin: auto;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-auto-rows: auto;
    grid-gap: 3px;
    scrollbar-width: none;
    overflow-y: scroll;
  }
  .zz_musikmenue::-webkit-scrollbar {
    display: none;
  }
  .zz_musikmenue .musikhead,
  .zz_musikmenue .play {
    background: linear-gradient(0deg, rgb(62.3, 93.5077922078, 115.7) 0%, rgb(171.8, 194.2415584416, 210.2) 2vh, rgb(171.8, 194.2415584416, 210.2) calc(100% - 2vh), rgb(62.3, 93.5077922078, 115.7) 100%);
    border-radius: 0;
    flex-direction: column;
    padding: 1rem;
    height: 22vh;
    height: auto;
    padding: 33px;
    grid-column: 1/-1;
    display: flex;
    justify-content: space-around;
    align-items: center;
  }
  .zz_musikmenue .play {
    display: grid;
    place-items: center;
    align-items: center;
    place-content: center;
  }
  .zz_musikmenue audio {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding: auto;
    height: 5vh;
    width: 100%;
  }
  .zz_musikbutton {
    background: linear-gradient(0deg, rgb(62.3, 93.5077922078, 115.7) 0%, rgb(171.8, 194.2415584416, 210.2) 2vh, rgb(171.8, 194.2415584416, 210.2) calc(100% - 2vh), rgb(62.3, 93.5077922078, 115.7) 100%);
    border-radius: 0;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    grid-gap: 3px;
    height: 100%;
    padding: 1vh 3vw 1vh 3vw;
  }
  .zz_musikbutton:hover {
    background: linear-gradient(90deg, rgb(80.15, 120.2993506494, 148.85) 0%, rgb(171.8, 194.2415584416, 210.2) 2vh, rgb(171.8, 194.2415584416, 210.2) calc(100% - 2vh), rgb(80.15, 120.2993506494, 148.85) 100%);
  }
  .zz_musikbutton img {
    max-height: 30px;
  }
  .zz_musikbutton .text {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  #zz_facebook_icon a,
  #zz_instagram_icon a,
  #zz_youtube_icon a,
  #zz_schrift_icon a,
  #zz_reset_icon a,
  #zz_user_icon a,
  #zz_userreg_icon a {
    display: flex;
    align-items: center;
  }
  #zz_facebook_icon img,
  #zz_instagram_icon img,
  #zz_youtube_icon img,
  #zz_schrift_icon img,
  #zz_reset_icon img,
  #zz_user_icon img,
  #zz_userreg_icon img {
    height: 9vh;
    filter: drop-shadow(0 0 3px rgb(8.75, 13.1331168831, 16.25));
    padding: 30px;
  }
  #zz_facebook_icon p,
  #zz_instagram_icon p,
  #zz_youtube_icon p,
  #zz_schrift_icon p,
  #zz_reset_icon p,
  #zz_user_icon p,
  #zz_userreg_icon p {
    font-family: "Russo One";
    font-weight: 900;
  }
  #zz_header_oben {
    grid-area: headeroben;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    text-align: center;
    align-items: flex-end;
  }
  #zz_header_oben span {
    font-family: Goldman;
    font-size: 1.75vh;
  }
  #zz_header_oben my_font {
    margin-bottom: 1rem;
    font-size: 2.5vh;
  }
  #zz_header_mitte {
    grid-area: headermitte;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    text-align: center;
    flex-direction: column;
    margin: 1px 3px 1px;
  }
  #zz_header_mitte h1 {
    font-family: Goldman;
    font-size: 1vh;
    margin-bottom: 1rem;
  }
  #zz_header_mitte span {
    font-family: Goldman;
    font-size: 1.5vh;
    font-weight: bolder;
  }
  #zz_header_mitte p {
    font-family: Goldman;
    font-size: 1.5vh;
    font-weight: bolder;
  }
  #zz_header_mitte my_font {
    font-family: "Goldman";
    font-size: 3vh;
    margin: 0 4rem 0 4rem;
    position: relative;
  }
  #podcontainer {
    z-index: 99;
    position: fixed;
    display: grid;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 0vw;
    background-size: 100% auto;
    background-color: rgb(44.45, 66.7162337662, 82.55);
  }
  #podcontainer .podbild {
    background-position: 50% 50%;
    background-size: contain;
    animation: scale-in 111ms ease-in-out;
    border-radius: 11px;
  }
  #podcontainer .podbild:hover_button {
    cursor: url("../images/ccclick.png") 50 15, crosshair;
  }
  #podcontainer .podtitel {
    display: grid;
    place-items: center;
    align-items: center;
    place-content: center;
    margin-top: 1rem;
  }
  #zz_main_menue,
  #zz_trex_menue {
    z-index: -1;
    grid-area: menue;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(50px, 1fr));
    grid-gap: 3px;
    margin-left: 3px;
    margin-right: 3px;
  }
  .zz_menuebutton,
  .zz_trexmenuebutton {
    z-index: 10;
    background: linear-gradient(0deg, rgb(62.3, 93.5077922078, 115.7) 0%, rgb(171.8, 194.2415584416, 210.2) 2vh, rgb(171.8, 194.2415584416, 210.2) calc(100% - 2vh), rgb(62.3, 93.5077922078, 115.7) 100%);
    border-radius: 0;
    position: relative;
    display: flex;
    justify-content: space-around;
    align-items: center;
    position: relative;
    display: flex;
    flex-direction: row;
    gap: 0;
    justify-content: space-between;
    padding: 0 0 0 11px;
    height: 100%;
    width: 100%;
  }
  .zz_menuebutton .bild,
  .zz_trexmenuebutton .bild {
    flex: 1;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    text-align: center;
    height: 100%;
  }
  .zz_menuebutton .bild img,
  .zz_trexmenuebutton .bild img {
    max-height: 3vh;
    object-fit: contain;
  }
  .zz_menuebutton .text,
  .zz_trexmenuebutton .text {
    flex: 3;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    text-align: center;
    height: 100%;
  }
  .zz_menuebutton .text p,
  .zz_trexmenuebutton .text p {
    font-family: "Yanone Kaffeesatz", sans-serif;
    line-height: 1.4;
    font-size: 1.8vh;
    color: rgb(8.75, 13.1331168831, 16.25);
  }
  .zz_menuebutton:hover,
  .zz_trexmenuebutton:hover {
    background: linear-gradient(90deg, rgb(80.15, 120.2993506494, 148.85) 0%, rgb(171.8, 194.2415584416, 210.2) 2vh, rgb(171.8, 194.2415584416, 210.2) calc(100% - 2vh), rgb(80.15, 120.2993506494, 148.85) 100%);
  }
  #zz_header {
    position: fixed;
    top: calc(22vh + 0vw + 0vw);
    left: 0vw;
    right: 0vw;
    height: 10vh;
    display: grid;
    grid-template-columns: 15vw 15vw 37.5vw auto 15vw;
    grid-template-areas: "headerlogo headerdrei headericons . headerclock";
    align-items: stretch;
    justify-content: stretch;
    gap: 5px;
  }
  #zz_logo {
    font-family: monospace;
    font-size: 1.5rem;
    font-weight: bolder;
    text-shadow: 0px 0px 2px red, 0px 0px 4px orange, 0px 0px 6px orange;
    place-content: center;
    align-items: center;
    transition: all 0.333s ease;
    position: absolute;
    top: 7vh;
    left: 0.15vw;
    width: 15vw;
    height: 7.5vw;
    display: grid;
    place-items: center;
    align-items: center;
    place-content: center;
    transform: rotateZ(-25deg);
  }
  #zz_logo img {
    width: 55%;
  }
  #zz_logo::after {
    display: grid;
    place-items: center;
    align-items: center;
    place-content: center;
    visibility: hidden;
    opacity: 0;
    font-size: 3vh;
    text-align: center;
    position: absolute;
    left: 0;
    top: 3vh;
    width: 100%;
    transform: translateX(-50%) scale(1);
    transform-origin: center center;
    white-space: nowrap;
    z-index: 99;
    transition: visibility 1s ease, transform 1s ease;
    pointer-events: none;
    background: linear-gradient(0deg, rgb(62.3, 93.5077922078, 115.7) 0%, rgb(171.8, 194.2415584416, 210.2) 2vh, rgb(171.8, 194.2415584416, 210.2) calc(100% - 2vh), rgb(62.3, 93.5077922078, 115.7) 100%);
    border-radius: 55%;
    height: 10vh;
  }
  #zz_logo:hover::after {
    visibility: visible;
    opacity: 1;
    transform: translateX(-50%) scale(2);
  }
  #zz_clock {
    font-family: monospace;
    font-weight: bolder;
    place-content: center;
    align-items: center;
    position: fixed;
    top: 13vh;
    right: 3vw;
    width: 12vw;
    height: calc(7vh);
    display: grid;
    place-items: center;
    align-items: center;
    place-content: center;
    transform: rotateZ(15deg);
  }
  #zz_clock_time {
    color: rgb(8.75, 13.1331168831, 16.25);
    letter-spacing: 2px;
    text-shadow: 1px 0 rgb(204.95, 218.45, 228.05), -1px 0 rgb(204.95, 218.45, 228.05), 0 1px rgb(204.95, 218.45, 228.05), 0 -1px rgb(204.95, 218.45, 228.05), 1px 1px rgb(204.95, 218.45, 228.05), -1px 1px rgb(204.95, 218.45, 228.05), 1px -1px rgb(204.95, 218.45, 228.05), -1px -1px rgb(204.95, 218.45, 228.05);
    font-family: monospace;
    font-size: 1.3rem;
    font-weight: bolder;
    color: rgb(8.75, 13.1331168831, 16.25);
  }
  #zz_iconsleft {
    position: fixed;
    top: 22vh;
    left: calc(15vw - 6vh);
    width: 6vh;
    height: calc(30vh + 12px);
    display: grid;
    grid-template-rows: repeat(5, 6vh);
    grid-auto-columns: 6vh;
    grid-gap: 3px;
    scrollbar-width: none;
    overflow-y: scroll;
  }
  #zz_iconsleft::-webkit-scrollbar {
    display: none;
  }
  #zz_iconsleft div {
    background: linear-gradient(0deg, rgb(62.3, 93.5077922078, 115.7) 0%, rgb(171.8, 194.2415584416, 210.2) 2vh, rgb(171.8, 194.2415584416, 210.2) calc(100% - 2vh), rgb(62.3, 93.5077922078, 115.7) 100%);
    border-radius: 0;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    text-align: center;
  }
  #zz_iconsleft div:hover {
    background: linear-gradient(90deg, rgb(80.15, 120.2993506494, 148.85) 0%, rgb(171.8, 194.2415584416, 210.2) 2vh, rgb(171.8, 194.2415584416, 210.2) calc(100% - 2vh), rgb(80.15, 120.2993506494, 148.85) 100%);
  }
  #zz_iconsleft div img {
    height: 55%;
    width: 55%;
    object-fit: contain;
    display: block;
    margin: auto;
  }
  #zz_iconsleft div span {
    font-size: 1vh;
    line-height: 1.2;
    text-align: center;
    white-space: nowrap;
  }
  #zz_iconsleft div a {
    background: none;
    background-color: none;
    border-radius: 0;
    border: none;
    box-shadow: none;
    padding: 0;
  }
  #zz_iconsright {
    position: fixed;
    top: 22vh;
    right: calc(20vw - 6vh);
    width: 6vh;
    height: calc(12vh + 3px);
    display: grid;
    grid-template-rows: repeat(2, 6vh);
    grid-auto-columns: 6vh;
    grid-gap: 3px;
    scrollbar-width: none;
    overflow-y: scroll;
  }
  #zz_iconsright::-webkit-scrollbar {
    display: none;
  }
  #zz_iconsright div {
    background: linear-gradient(0deg, rgb(62.3, 93.5077922078, 115.7) 0%, rgb(171.8, 194.2415584416, 210.2) 2vh, rgb(171.8, 194.2415584416, 210.2) calc(100% - 2vh), rgb(62.3, 93.5077922078, 115.7) 100%);
    border-radius: 0;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    text-align: center;
  }
  #zz_iconsright div:hover {
    background: linear-gradient(90deg, rgb(80.15, 120.2993506494, 148.85) 0%, rgb(171.8, 194.2415584416, 210.2) 2vh, rgb(171.8, 194.2415584416, 210.2) calc(100% - 2vh), rgb(80.15, 120.2993506494, 148.85) 100%);
  }
  #zz_iconsright div img {
    height: 55%;
    width: 55%;
    object-fit: contain;
    display: block;
    margin: auto;
  }
  #zz_iconsright div span {
    font-size: 1vh;
    line-height: 1.2;
    text-align: center;
    white-space: nowrap;
  }
  #zz_iconsright div a {
    background: none;
    background-color: none;
    border-radius: 0;
    border: none;
    box-shadow: none;
    padding: 0;
  }
  #replaceText {
    position: fixed;
    z-index: 100;
    background: linear-gradient(0deg, rgb(62.3, 93.5077922078, 115.7) 0%, rgb(171.8, 194.2415584416, 210.2) 2vh, rgb(171.8, 194.2415584416, 210.2) calc(100% - 2vh), rgb(62.3, 93.5077922078, 115.7) 100%);
    border-radius: 0;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    text-align: center;
    left: calc(15vw + 3px);
    right: calc(20vw + 3px);
    top: 22vh;
    height: 6vh;
    transform: scale(0);
    font-size: 1.8vh;
    color: red;
    text-align: center;
    font-weight: bolder;
    transition: transform 333ms ease, opacity 333ms ease;
  }
}
@media all and (orientation: portrait) {
  @keyframes flip-in {
    0% {
      transform: rotateZ(360deg) rotateX(0deg);
    }
    100% {
      transform: rotateZ(0deg) rotateX(360deg);
    }
  }
  @keyframes scale-in {
    0% {
      transform: scale(0) rotateY(90deg);
      opacity: 0;
    }
    100% {
      opacity: 1;
    }
  }
  @keyframes scale-out {
    0% {
      opacity: 1;
      transform: scale(1);
    }
    100% {
      transform: scale(0);
    }
  }
  @keyframes fade-in {
    0% {
      opacity: 0;
    }
    100% {
      opacity: 1;
    }
  }
  @keyframes fade-out {
    0% {
      opacity: 1;
    }
    100% {
      opacity: 0;
    }
  }
  @keyframes neu {
    0% {
      opacity: 0;
      transform: scale(0);
    }
    100% {
      opacity: 1;
      transform: scale(6);
    }
  }
  @keyframes menue-toggle {
    0% {
      transform: scale(1);
    }
    50% {
      transform: scale(1.2);
    }
    100% {
      transform: scale(1);
    }
  }
  @keyframes menue-drehen {
    0% {
      transform: rotateY(360deg);
    }
    50% {
      transform: rotateY(0deg);
    }
    100% {
      transform: rotateY(360deg);
    }
  }
  @keyframes spruchband-ein {
    0% {
      opacity: 0;
    }
    100% {
      opacity: 1;
    }
  }
  @keyframes menue {
    0% {
      transform: scaleX(1);
    }
    50% {
      transform: scaleX(0.75);
    }
    100% {
      transform: scaleX(1);
    }
  }
  @keyframes hue-rotate {
    0% {
      filter: hue-rotate(0);
    }
    to {
      filter: hue-rotate(-360deg);
    }
  }
  /* pacifico-regular - latin */
  @font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: "Pacifico";
    font-style: normal;
    font-weight: 400;
    src: url("../fonts/pacifico-v22-latin-regular.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
  /* blaka-ink-regular - latin */
  @font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: "Blaka Ink";
    font-style: normal;
    font-weight: 400;
    src: url("../fonts/blaka-ink-v8-latin-regular.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
  /* foldit-regular - latin */
  @font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: "Foldit";
    font-style: normal;
    font-weight: 400;
    src: url("../fonts/foldit-v5-latin-regular.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
  /* aref-ruqqq-ink-regular - latin */
  @font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: "Aref Ruqqq Ink";
    font-style: normal;
    font-weight: 400;
    src: url("../fonts/aref-ruqqq-ink-v10-latin-regular.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
  /* bungee-spice-regular - latin */
  @font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: "Bungee Spice";
    font-style: normal;
    font-weight: 400;
    src: url("../fonts/bungee-spice-v11-latin-regular.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
  /* genos-regular - latin */
  @font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: "Genos";
    font-style: normal;
    font-weight: 900;
    src: url("../fonts/genos-v12-latin-regular.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
  /* croissant-one-regular - latin */
  @font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: "Croissant One";
    font-style: normal;
    font-weight: 400;
    src: url("../fonts/croissant-one-v26-latin-regular.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
  /* nabla-regular - latin */
  @font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: "Nabla";
    font-style: normal;
    font-weight: 400;
    src: url("../fonts/nabla-v10-latin-regular.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
  /* syncopate-regular - latin */
  @font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: "Syncopate";
    font-style: normal;
    font-weight: 400;
    src: url("../fonts/syncopate-v21-latin-regular.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
  /* rubik-bubbles-regular - latin */
  @font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: "Rubik Bubbles";
    font-style: normal;
    font-weight: 400;
    src: url("../fonts/rubik-bubbles-v3-latin-regular.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
  /* yanone-kaffeesatz-regular - latin */
  @font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: "Yanone Kaffeesatz";
    font-style: normal;
    font-weight: 400;
    src: url("../fonts/yanone-kaffeesatz-v29-latin-regular.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
  /* arizonia-regular - latin */
  @font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: "Arizonia";
    font-style: normal;
    font-weight: 400;
    src: url("../fonts/arizonia-v21-latin-regular.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
  /* gabriela-regular - latin */
  @font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: "Gabriela";
    font-style: normal;
    font-weight: 400;
    src: url("../fonts/gabriela-v20-latin-regular.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
  /* nabla-regular - latin */
  @font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: "Nabla";
    font-style: normal;
    font-weight: 400;
    src: url("../fonts/nabla-v9-latin-regular.eot"); /* IE9 Compat Modes */
    src: url("../fonts/nabla-v9-latin-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/nabla-v9-latin-regular.woff2") format("woff2"), url("../fonts/nabla-v9-latin-regular.woff") format("woff"), url("../fonts/nabla-v9-latin-regular.ttf") format("truetype"), url("../fonts/nabla-v9-latin-regular.svg#Nabla") format("svg"); /* Legacy iOS */
  }
  /* bungee-spice-regular - latin */
  @font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: "Bungee Spice";
    font-style: normal;
    font-weight: 400;
    src: url("../fonts/bungee-spice-v8-latin-regular.eot"); /* IE9 Compat Modes */
    src: url("../fonts/bungee-spice-v8-latin-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/bungee-spice-v8-latin-regular.woff2") format("woff2"), url("../fonts/bungee-spice-v8-latin-regular.woff") format("woff"), url("../fonts/bungee-spice-v8-latin-regular.ttf") format("truetype"), url("../fonts/bungee-spice-v8-latin-regular.svg#BungeeSpice") format("svg"); /* Legacy iOS */
  }
  /* frijole-regular - latin */
  @font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: "Frijole";
    font-style: normal;
    font-weight: 400;
    src: url("../fonts/frijole-v14-latin-regular.eot"); /* IE9 Compat Modes */
    src: url("../fonts/frijole-v14-latin-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/frijole-v14-latin-regular.woff2") format("woff2"), url("../fonts/frijole-v14-latin-regular.woff") format("woff"), url("../fonts/frijole-v14-latin-regular.ttf") format("truetype"), url("../fonts/frijole-v14-latin-regular.svg#Frijole") format("svg"); /* Legacy iOS */
  }
  /* nova-script-regular - latin */
  @font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: "Nova Script";
    font-style: normal;
    font-weight: 400;
    src: url("../fonts/nova-script-v25-latin-regular.eot"); /* IE9 Compat Modes */
    src: url("../fonts/nova-script-v25-latin-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/nova-script-v25-latin-regular.woff2") format("woff2"), url("../fonts/nova-script-v25-latin-regular.woff") format("woff"), url("../fonts/nova-script-v25-latin-regular.ttf") format("truetype"), url("../fonts/nova-script-v25-latin-regular.svg#NovaScript") format("svg"); /* Legacy iOS */
  }
  /* gotu-regular - latin */
  @font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: "Gotu";
    font-style: normal;
    font-weight: 400;
    src: url("../fonts/gotu-v14-latin-regular.eot"); /* IE9 Compat Modes */
    src: url("../fonts/gotu-v14-latin-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/gotu-v14-latin-regular.woff2") format("woff2"), url("../fonts/gotu-v14-latin-regular.woff") format("woff"), url("../fonts/gotu-v14-latin-regular.ttf") format("truetype"), url("../fonts/gotu-v14-latin-regular.svg#Gotu") format("svg"); /* Legacy iOS */
  }
  /* germania-one-regular - latin */
  @font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: "Germania One";
    font-style: normal;
    font-weight: 400;
    src: url("../fonts/germania-one-v20-latin-regular.eot"); /* IE9 Compat Modes */
    src: url("../fonts/germania-one-v20-latin-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/germania-one-v20-latin-regular.woff2") format("woff2"), url("../fonts/germania-one-v20-latin-regular.woff") format("woff"), url("../fonts/germania-one-v20-latin-regular.ttf") format("truetype"), url("../fonts/germania-one-v20-latin-regular.svg#GermaniaOne") format("svg"); /* Legacy iOS */
  }
  /* bree-serif-regular - latin */
  @font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: "Bree Serif";
    font-style: normal;
    font-weight: 400;
    src: url("../fonts/bree-serif-v17-latin-regular.eot"); /* IE9 Compat Modes */
    src: url("../fonts/bree-serif-v17-latin-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/bree-serif-v17-latin-regular.woff2") format("woff2"), url("../fonts/bree-serif-v17-latin-regular.woff") format("woff"), url("../fonts/bree-serif-v17-latin-regular.ttf") format("truetype"), url("../fonts/bree-serif-v17-latin-regular.svg#BreeSerif") format("svg"); /* Legacy iOS */
  }
  /* bruno-ace-sc-regular - latin */
  @font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: "Bruno Ace SC";
    font-style: normal;
    font-weight: 400;
    src: url("../fonts/bruno-ace-sc-v1-latin-regular.eot"); /* IE9 Compat Modes */
    src: url("../fonts/bruno-ace-sc-v1-latin-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/bruno-ace-sc-v1-latin-regular.woff2") format("woff2"), url("../fonts/bruno-ace-sc-v1-latin-regular.woff") format("woff"), url("../fonts/bruno-ace-sc-v1-latin-regular.ttf") format("truetype"), url("../fonts/bruno-ace-sc-v1-latin-regular.svg#BrunoAceSC") format("svg"); /* Legacy iOS */
  }
  /* aclonica-regular - latin */
  @font-face {
    font-family: "Aclonica";
    font-style: normal;
    font-weight: 400;
    src: local(""), url("../fonts/aclonica-v18-latin-regular.woff2") format("woff2"), url("../fonts/aclonica-v18-latin-regular.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
  }
  /* walter-turncoat-regular - latin */
  @font-face {
    font-family: "Walter Turncoat";
    font-style: normal;
    font-weight: 400;
    src: local(""), url("../fonts/walter-turncoat-v19-latin-regular.woff2") format("woff2"), url("../fonts/walter-turncoat-v19-latin-regular.woff") format("woff"); /* Modern Browsers */
  }
  /* nova-oval-regular - latin */
  @font-face {
    font-family: "Nova Oval";
    font-style: normal;
    font-weight: 400;
    src: local(""), url("../fonts/nova-oval-v24-latin-regular.woff2") format("woff2"), url("../fonts/nova-oval-v24-latin-regular.woff") format("woff"); /* Modern Browsers */
  }
  /* chango-regular - latin */
  @font-face {
    font-family: "Chango";
    font-style: normal;
    font-weight: 400;
    src: url("../fonts/chango-v21-latin-regular.eot"); /* IE9 Compat Modes */
    src: local(""), url("../fonts/chango-v21-latin-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/chango-v21-latin-regular.woff2") format("woff2"), url("../fonts/chango-v21-latin-regular.woff") format("woff"), url("../fonts/chango-v21-latin-regular.ttf") format("truetype"), url("../fonts/chango-v21-latin-regular.svg#Chango") format("svg"); /* Legacy iOS */
  }
  /* poppins-regular - latin */
  @font-face {
    font-family: "Poppins";
    font-style: normal;
    font-weight: 400;
    src: url("../fonts/poppins-v20-latin-regular.eot"); /* IE9 Compat Modes */
    src: local(""), url("../fonts/poppins-v20-latin-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/poppins-v20-latin-regular.woff2") format("woff2"), url("../fonts/poppins-v20-latin-regular.woff") format("woff"), url("../fonts/poppins-v20-latin-regular.ttf") format("truetype"), url("../fonts/poppins-v20-latin-regular.svg#Poppins") format("svg"); /* Legacy iOS */
  }
  /* amaranth-regular - latin */
  @font-face {
    font-family: "Amaranth";
    font-style: normal;
    font-weight: 400;
    src: url("../fonts/amaranth-v18-latin-regular.eot"); /* IE9 Compat Modes */
    src: local(""), url("../fonts/amaranth-v18-latin-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/amaranth-v18-latin-regular.woff2") format("woff2"), url("../fonts/amaranth-v18-latin-regular.woff") format("woff"), url("../fonts/amaranth-v18-latin-regular.ttf") format("truetype"), url("../fonts/amaranth-v18-latin-regular.svg#Amaranth") format("svg"); /* Legacy iOS */
  }
  /* audiowide-regular - latin */
  @font-face {
    font-family: "Audiowide";
    font-style: normal;
    font-weight: 400;
    src: url("../fonts/audiowide-v16-latin-regular.eot"); /* IE9 Compat Modes */
    src: local(""), url("../fonts/audiowide-v16-latin-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/audiowide-v16-latin-regular.woff2") format("woff2"), url("../fonts/audiowide-v16-latin-regular.woff") format("woff"), url("../fonts/audiowide-v16-latin-regular.ttf") format("truetype"), url("../fonts/audiowide-v16-latin-regular.svg#Audiowide") format("svg"); /* Legacy iOS */
  }
  /* russo-one-regular - latin */
  @font-face {
    font-family: "Russo One";
    font-style: normal;
    font-weight: 400;
    src: url("../fonts/russo-one-v14-latin-regular.eot"); /* IE9 Compat Modes */
    src: local(""), url("../fonts/russo-one-v14-latin-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/russo-one-v14-latin-regular.woff2") format("woff2"), url("../fonts/russo-one-v14-latin-regular.woff") format("woff"), url("../fonts/russo-one-v14-latin-regular.ttf") format("truetype"), url("../fonts/russo-one-v14-latin-regular.svg#RussoOne") format("svg"); /* Legacy iOS */
  }
  /* train-one-regular - latin */
  @font-face {
    font-family: "Train One";
    font-style: normal;
    font-weight: 400;
    src: url("../fonts/train-one-v13-latin-regular.eot"); /* IE9 Compat Modes */
    src: local(""), url("../fonts/train-one-v13-latin-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/train-one-v13-latin-regular.woff2") format("woff2"), url("../fonts/train-one-v13-latin-regular.woff") format("woff"), url("../fonts/train-one-v13-latin-regular.ttf") format("truetype"), url("../fonts/train-one-v13-latin-regular.svg#TrainOne") format("svg"); /* Legacy iOS */
  }
  /* gluten-100 - latin */
  @font-face {
    font-family: "Gluten";
    font-style: normal;
    font-weight: 100;
    src: local(""), url("../fonts/gluten-v9-latin-100.woff2") format("woff2"), url("../fonts/gluten-v9-latin-100.woff") format("woff"); /* Modern Browsers */
  }
  /* gluten-regular - latin */
  @font-face {
    font-family: "Gluten";
    font-style: normal;
    font-weight: 400;
    src: url("../fonts/gluten-v9-latin-regular.eot"); /* IE9 Compat Modes */
    src: local(""), url("../fonts/gluten-v9-latin-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/gluten-v9-latin-regular.woff2") format("woff2"), url("../fonts/gluten-v9-latin-regular.woff") format("woff"), url("../fonts/gluten-v9-latin-regular.ttf") format("truetype"), url("../fonts/gluten-v9-latin-regular.svg#Gluten") format("svg"); /* Legacy iOS */
  }
  /* happy-monkey-regular - latin */
  @font-face {
    font-family: "Happy Monkey";
    font-style: normal;
    font-weight: 400;
    src: local(""), url("../fonts/happy-monkey-v14-latin-regular.woff2") format("woff2"), url("../fonts/happy-monkey-v14-latin-regular.woff") format("woff"); /* Modern Browsers */
  }
  /* bubblegum-sans-regular - latin */
  @font-face {
    font-family: "Bubblegum Sans";
    font-style: normal;
    font-weight: 400;
    src: local(""), url("../fonts/bubblegum-sans-v16-latin-regular.woff2") format("woff2"), url("../fonts/bubblegum-sans-v16-latin-regular.woff") format("woff"); /* Modern Browsers */
  }
  /* yatra-one-regular - latin */
  /* nova-square-regular - latin */
  /* nova-flat-regular - latin */
  /* indie-flower-regular - latin */
  /* latin */
  @font-face {
    font-family: "Permanent Marker";
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/permanentmarker/v16/Fh4uPib9Iyv2ucM6pGQMWimMp004La2Cfw.woff2) format("woff2");
  }
  /* latin */
  @font-face {
    font-family: "Comfortqq";
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/comfortqq/v40/1Pt_g8LJRfWJmhDAuUsSQamb1W0lwk4S4WjMDrMfIA.woff2) format("woff2");
  }
  /* latin */
  @font-face {
    font-family: "Combo";
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/combo/v21/BXRlvF3Jh_fIhj0lDO4.woff2) format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  }
  /* aleo-regular - latin */
  /* amita-regular - latin */
  @font-face {
    font-family: "Amita";
    font-style: normal;
    font-weight: 400;
    src: url("../fonts/amita-v16-latin-regular.eot"); /* IE9 Compat Modes */
    src: local(""), url("../fonts/amita-v16-latin-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/amita-v16-latin-regular.woff2") format("woff2"), url("../fonts/amita-v16-latin-regular.woff") format("woff"), url("../fonts/amita-v16-latin-regular.ttf") format("truetype"), url("../fonts/amita-v16-latin-regular.svg#Amita") format("svg"); /* Legacy iOS */
  }
  /* architects-daughter-regular - latin */
  @font-face {
    font-family: "Architects Daughter";
    font-style: normal;
    font-weight: 400;
    src: local(""), url("../fonts/architects-daughter-v18-latin-regular.woff2") format("woff2"), url("../fonts/architects-daughter-v18-latin-regular.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
  }
  /* rubik-bubbles-regular - latin */
  @font-face {
    font-family: "Rubik Bubbles";
    font-style: normal;
    font-weight: 400;
    src: local(""), url("../fonts/rubik-bubbles-v2-latin-regular.woff2") format("woff2"), url("../fonts/rubik-bubbles-v2-latin-regular.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
  }
  /* kalam-regular - latin */
  @font-face {
    font-family: "Kalam";
    font-style: normal;
    font-weight: 400;
    src: local(""), url("../fonts/kalam-v16-latin-regular.woff2") format("woff2"), url("../fonts/kalam-v16-latin-regular.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
  }
  /* titan-one-regular - latin */
  @font-face {
    font-family: "Titan One";
    font-style: normal;
    font-weight: 400;
    src: local(""), url("../fonts/titan-one-v13-latin-regular.woff2") format("woff2"), url("../fonts/titan-one-v13-latin-regular.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
  }
  /* nova-cut-regular - latin */
  @font-face {
    font-family: "Nova Cut";
    font-style: normal;
    font-weight: 400;
    src: local(""), url("../fonts/nova-cut-v24-latin-regular.woff2") format("woff2"), url("../fonts/nova-cut-v24-latin-regular.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
  }
  /* sofadi-one-regular - latin */
  @font-face {
    font-family: "Sofadi One";
    font-style: normal;
    font-weight: 400;
    src: local(""), url("../fonts/sofadi-one-v21-latin-regular.woff2") format("woff2"), url("../fonts/sofadi-one-v21-latin-regular.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
  }
  /* acme-regular - latin */
  @font-face {
    font-family: "Acme";
    font-style: normal;
    font-weight: 400;
    src: local(""), url("../fonts/acme-v18-latin-regular.woff2") format("woff2"), url("../fonts/acme-v18-latin-regular.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
  }
  /* wallpoet-regular - latin */
  @font-face {
    font-family: "Wallpoet";
    font-style: normal;
    font-weight: 400;
    src: local(""), url("../fonts/wallpoet-v16-latin-regular.woff2") format("woff2"), url("../fonts/wallpoet-v16-latin-regular.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
  }
  /* rowdies-regular - latin */
  @font-face {
    font-family: "Rowdies";
    font-style: normal;
    font-weight: 400;
    src: local(""), url("../fonts/rowdies-v15-latin-regular.woff2") format("woff2"), url("../fonts/rowdies-v15-latin-regular.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
  }
  /* unbounded-regular - latin */
  @font-face {
    font-family: "Unbounded";
    font-style: normal;
    font-weight: 400;
    src: local(""), url("../fonts/unbounded-v3-latin-regular.woff2") format("woff2"), url("../fonts/unbounded-v3-latin-regular.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
  }
  /* fredoka-one-regular - latin */
  @font-face {
    font-family: "Fredoka One";
    font-style: normal;
    font-weight: 400;
    src: local(""), url("../fonts/fredoka-one-v13-latin-regular.woff2") format("woff2"), url("../fonts/fredoka-one-v13-latin-regular.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
  }
  /* righteous-regular - latin */
  @font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: "Righteous";
    font-style: normal;
    font-weight: 400;
    src: url("../fonts/righteous-v17-latin-regular.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
  /* lemonada-regular - latin */
  @font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: "Lemonada";
    font-style: normal;
    font-weight: 400;
    src: url("../fonts/lemonada-v28-latin-regular.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
  /* goldman-regular - latin */
  @font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: "Goldman";
    font-style: normal;
    font-weight: 400;
    src: url("../fonts/goldman-v19-latin-regular.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
  /* coiny-regular - latin */
  @font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: "Coiny";
    font-style: normal;
    font-weight: 400;
    src: url("../fonts/coiny-v16-latin-regular.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
  /* zen-dots-regular - latin */
  @font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: "Zen Dots";
    font-style: normal;
    font-weight: 400;
    src: url("../fonts/zen-dots-v12-latin-regular.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
  /* montserrat-regular - latin */
  @font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: "Montserrat";
    font-style: normal;
    font-weight: 400;
    src: url("../fonts/montserrat-v25-latin-regular.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
  /* adlam-display-regular - latin */
  @font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: "ADLaM Display";
    font-style: normal;
    font-weight: 400;
    src: url("../fonts/adlam-display-v1-latin-regular.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
  /* lato-regular - latin */
  @font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: "Lato";
    font-style: normal;
    font-weight: 400;
    src: url("../fonts/lato-v24-latin-regular.eot"); /* IE9 Compat Modes */
    src: url("../fonts/lato-v24-latin-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/lato-v24-latin-regular.woff2") format("woff2"), url("../fonts/lato-v24-latin-regular.woff") format("woff"), url("../fonts/lato-v24-latin-regular.ttf") format("truetype"), url("../fonts/lato-v24-latin-regular.svg#Lato") format("svg"); /* Legacy iOS */
  }
  /* aclonica-regular - latin */
  @font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: "Aclonica";
    font-style: normal;
    font-weight: 400;
    src: url("../fonts/aclonica-v22-latin-regular.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
  /* aladin-regular - latin */
  @font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: "Aladin";
    font-style: normal;
    font-weight: 400;
    src: url("../fonts/aladin-v24-latin-regular.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
  my_font {
    transition: all 1s ease-in-out;
    background: linear-gradient(90deg, red 0%, green 25%, blue 50%, green 75%, red 100%);
    background-clip: text;
    color: transparent;
    font-family: "Goldman";
    letter-spacing: 2px;
    font-weight: 900;
  }
  * {
    list-style-type: none;
    text-decoration: none;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    background-repeat: no-repeat;
    background-attachment: scroll;
    text-align: center;
    background-position: center center;
    background-size: 100% 100%;
    border: none;
    animation: fade-in 111ms ease-in-out;
    color: rgb(8.75, 13.1331168831, 16.25);
    font-size: 2vh;
    transition: all 111ms ease-in-out;
  }
  hr {
    margin-left: 5%;
    margin-right: 5%;
    height: 7px;
    width: 90%;
    background: linear-gradient(0deg, rgb(105.5, 145.8246753247, 174.5) 0%, kornblumeblue 15px, kornblumeblue calc(100% - 15px), rgb(105.5, 145.8246753247, 174.5) 100%);
    border: solid 1px rgb(62.3, 93.5077922078, 115.7);
    border-radius: 55%;
    backdrop-filter: blur(0.5px);
  }
  a {
    color: red;
    text-decoration: none !important;
  }
  #zz_links {
    position: fixed;
    top: 35vh;
    left: 0vw;
    width: 0px;
    bottom: 0vw;
    display: grid;
    place-items: center;
    align-items: center;
    place-content: center;
    transition: all 500ms ease-in-out;
    margin-top: 1px;
  }
  #zz_rechts {
    position: fixed;
    z-index: 88;
    top: calc(50vh + 2px);
    right: 0vw;
    bottom: 0vw;
    width: 0px;
    display: grid;
    transition: all 500ms ease-in-out;
  }
  #zz_opsys {
    position: absolute;
    z-index: 100;
    left: 0;
    width: 0px;
    height: auto;
    padding: 0px;
    display: grid;
    place-items: center;
    align-items: center;
    place-content: center;
  }
  #zz_opsys span,
  #zz_opsys p {
    color: #000;
    font-size: 1.75vh;
    white-space: nowrap;
  }
  #zz_besucher {
    position: fixed;
    z-index: 100;
    bottom: 11vh;
    left: 2vw;
    height: 6vh;
    width: 15vw;
    display: grid;
    place-items: center;
    align-items: center;
    place-content: center;
    justify-content: space-around;
    padding: 1rem;
  }
  #zz_besucher p {
    color: #000;
    font-size: 1.75vh;
  }
  #zz_besucherlog {
    position: fixed;
    z-index: 200;
    top: 22vh;
    left: 0px;
    right: 0px;
    height: 67vh;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    text-align: center;
    flex-direction: column;
    background: linear-gradient(90deg, rgb(80.15, 120.2993506494, 148.85) 0%, rgb(171.8, 194.2415584416, 210.2) 10px, rgb(171.8, 194.2415584416, 210.2) calc(100% - 10px), rgb(80.15, 120.2993506494, 148.85) 100%);
    border-radius: 0px;
    scrollbar-width: none;
    overflow-y: scroll;
    overflow: scroll;
  }
  #zz_besucherlog::-webkit-scrollbar {
    display: none;
  }
  #zz_besucherlog span {
    color: #000;
    font-size: 1.75vh;
  }
  #zz_besucherlog p {
    color: #000;
    font-size: 16px;
  }
  #zz_hinten {
    top: 0vw;
    bottom: 0vw;
    left: 0vw;
    right: 0vw;
    position: fixed;
    display: grid;
    transform: scale(0.95);
    grid-template-rows: 10vh 10vh 15vh 1fr 6vh;
    grid-template-columns: calc(0vw + 0px) 1fr calc(0vw + 0px);
    grid-template-areas: " spruch      spruch         spruch " " links       headermitte    rechts " " links       menue          rechts " " links       container      rechts " " links       container      rechts " " links       footer         rechts ";
  }
  #zz_hinten #zz_spruch {
    grid-area: spruch;
    width: 100%;
    display: none;
  }
  #zz_hinten #zz_spruch p {
    font-weight: normal;
    font-size: 1.3125vh;
    color: yellow;
    letter-spacing: 1px;
    text-shadow: 0 0 1px black, 0 0 2px black, 0 0 3px black;
  }
  #zz_hinten #zz_spruch my_font {
    line-height: 0.5rem;
    font-size: 2.0125vh;
  }
  #zz_hinten #zz_footer {
    background: linear-gradient(90deg, rgb(80.15, 120.2993506494, 148.85) 0%, rgb(171.8, 194.2415584416, 210.2) 10px, rgb(171.8, 194.2415584416, 210.2) calc(100% - 10px), rgb(80.15, 120.2993506494, 148.85) 100%);
    border-radius: 0px;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    height: 6vh;
    margin: 0;
    margin-left: 0px;
    margin-right: 0px;
    padding-left: 5px;
    padding-right: 5px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    text-align: center;
  }
  #zz_hinten #zz_footer div {
    background-color: transparent;
  }
  #zz_hinten #zz_footer div a {
    color: rgb(8.75, 13.1331168831, 16.25);
    font-size: 1.75vh;
    padding: 0.5rem 1rem 0.5rem 1rem;
    border-radius: 0px;
  }
  #zz_hinten #zz_footer div:hover {
    background: linear-gradient(90deg, rgb(80.15, 120.2993506494, 148.85) 0%, rgb(171.8, 194.2415584416, 210.2) 2vh, rgb(171.8, 194.2415584416, 210.2) calc(100% - 2vh), rgb(80.15, 120.2993506494, 148.85) 100%);
  }
  #zz_container {
    background-color: transparent;
    grid-area: container;
    margin-top: 0px;
    margin-bottom: calc(6vh + 1px);
    scrollbar-width: none;
    overflow-y: scroll;
    display: grid;
    grid-template-columns: 1fr;
    grid-auto-rows: auto;
    gap: 1px;
    place-content: start;
    margin-left: 0px;
    margin-right: 0px;
  }
  #zz_container::-webkit-scrollbar {
    display: none;
  }
  #zz_info {
    background-color: hsla(0, 0%, 100%, 0.5);
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 0px;
    scrollbar-width: none;
    overflow-y: scroll;
    display: grid;
    align-items: center;
    grid-template-columns: 1fr;
    grid-template-rows: 1fr;
  }
  #zz_info::-webkit-scrollbar {
    display: none;
  }
  #zz_info p {
    font-family: "Yanone Kaffeesatz";
    text-align: center;
    color: rgb(8.75, 13.1331168831, 16.25);
    font-size: 1.75vh;
  }
  .imp {
    z-index: 99;
    position: relative;
    left: 0%;
    right: 0%;
    width: 100%;
    height: auto;
    background: linear-gradient(90deg, rgb(80.15, 120.2993506494, 148.85) 0%, rgb(171.8, 194.2415584416, 210.2) 10px, rgb(171.8, 194.2415584416, 210.2) calc(100% - 10px), rgb(80.15, 120.2993506494, 148.85) 100%);
    border-radius: 0px;
  }
  .imp div {
    padding: 1rem;
    padding-left: 3rem;
    padding-right: 3rem;
  }
  .zz_nextpic,
  .zz_prevpic {
    position: fixed;
    z-index: 99 !important;
    display: grid;
    place-items: center;
    align-items: center;
    place-content: center;
    bottom: 5vh;
    width: 6vw;
    height: 6vh;
    overflow: hidden;
    background-size: 77% 77%;
    background-repeat: no-repeat;
    font-family: "Fredoka One";
    font-size: 4rem;
    color: black;
    text-shadow: 1px 1px 5px white;
    transform: scaleY(0.75) scaleX(2);
  }
  .zz_nextpic:hover,
  .zz_prevpic:hover {
    cursor: url("../images/ccclick.png") 50 15, crosshair;
  }
  .zz_prevpic {
    left: 3vw;
  }
  .zz_nextpic {
    right: 3vw;
  }
  #zz_historyback {
    z-index: 99;
    position: fixed;
    display: grid;
    place-items: center;
    align-items: center;
    place-content: center;
    cursor: url("../images/ccclick.png") 50 15, crosshair;
    left: 47vw;
    right: 47vw;
    top: 2vh;
    height: 6vh;
  }
  #zz_historyback p {
    font-family: "Goldman";
    color: white;
    text-shadow: 0 0 5px #000;
    font-size: 13px;
    font-weight: bolder;
    padding: 0 2rem 0.75rem 0;
  }
  #zoomcontainer {
    background-image: url("../images/00a.jpg");
    background-size: 100% 100%;
    position: fixed;
    display: grid;
    top: -6vh;
    left: -6vw;
    right: -6vw;
    bottom: -6vh;
    padding: 0vw;
    mask-image: linear-gradient(black 0 0) content-box;
    mask-composite: exclude;
    -webkit-mask-composite: xor;
  }
  #zoomcontainer .zoombild {
    display: grid;
    width: 100%;
    height: 100%;
    background-position: 50% 50%;
    background-size: contain;
    animation: scale-in 330ms ease-in-out;
  }
  #zoomcontainer .zoombild:hover {
    cursor: url("../images/ccclick.png") 50 15, crosshair;
  }
  #zoomcontainer #zz_bildtext {
    position: absolute;
    display: grid;
    place-items: center;
    top: 0;
    width: 100%;
    height: 5vh;
    z-index: 55 !important;
  }
  #zoomcontainer #zz_bildtext p {
    font-weight: bolder;
  }
  a {
    color: red;
  }
  body {
    background-color: transparent;
    max-width: 100dvw;
    max-height: 100dvh;
  }
  #zz_begin {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    text-align: center;
    position: fixed;
    top: 0;
    left: 0;
    width: 100dvw;
    height: 100dvh;
    background-position: center center;
    background-image: url("../images/00a.jpg");
    background-size: 112% 112%;
    cursor: url("../images/ccclick.png") 50 15, crosshair;
  }
  #zz_begin p {
    line-height: 1.3;
  }
  #spruchband_maxl,
  #spruchband_mary {
    z-index: 55;
    position: absolute;
    color: transparent;
    text-align: center;
    transform: scale(0.03);
  }
  #spruchband_maxl {
    top: 35dvh;
    left: 35dvw;
    width: 30vw;
  }
  #spruchband_mary {
    top: 35dvh;
    left: 35dvw;
    width: 30vw;
  }
  #zz_anzeige {
    display: grid;
    place-items: center;
    margin-bottom: 2dvh;
  }
  #zz_anzeige p {
    text-shadow: 0px 3px 5px white;
  }
  .scans {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    height: auto;
  }
  .scans img {
    width: 100%;
    height: auto;
    margin-bottom: 1px;
  }
  #pod,
  #pod1 {
    position: absolute;
    display: grid;
    place-items: center;
    top: 25dvh;
    width: 12dvw;
    height: 14dvw;
    background-position: center center;
    background-size: 100% 100%;
    cursor: url("../images/ccclick.png") 50 15, crosshair;
  }
  #pod {
    top: 10dvh;
    left: 30dvw;
    background-image: url("../images/ht.png");
  }
  #pod1 {
    top: 53dvh;
    right: 32dvw;
    background-image: url("../images/maxl.png");
  }
  .backto {
    top: auto;
    bottom: 0;
  }
  #zz_bg_videos {
    position: fixed;
    display: grid;
    place-items: center;
    background-image: url("../images/00a.jpg");
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 0vw;
  }
  #zz_bg_videos video,
  #zz_bg_videos iframe {
    left: 0;
    top: 0;
    width: 100%;
    height: 78%;
  }
  #zz_bg_videos #movie_player {
    background-color: rgb(44.45, 66.7162337662, 82.55);
  }
  .zz_eingabe div {
    height: auto;
    display: grid;
    grid-template-columns: 1fr;
    margin-bottom: 1px;
    margin-left: 7vw;
    margin-right: 7vw;
  }
  .zz_eingabe div input[type=text],
  .zz_eingabe div input[type=submit],
  .zz_eingabe div input[type=password],
  .zz_eingabe div textarea {
    background: linear-gradient(90deg, rgb(80.15, 120.2993506494, 148.85) 0%, rgb(171.8, 194.2415584416, 210.2) 10px, rgb(171.8, 194.2415584416, 210.2) calc(100% - 10px), rgb(80.15, 120.2993506494, 148.85) 100%);
    border-radius: 0px;
    padding: 2rem 0 2rem 0;
    font-size: 1rem;
    text-align: center;
    cursor: text;
    overflow: hidden;
    outline: none;
  }
  .zz_eingabe div textarea {
    padding: 2rem;
    height: auto;
    overflow: hidden;
    resize: none;
    box-sizing: border-box;
    height: 15vh;
  }
  .zz_tabelle {
    display: grid;
    grid-gap: 1px;
    grid-template-columns: repeat(auto-fit, minmax(45vw, 1fr));
    justify-content: center;
    margin-top: auto;
    margin-bottom: auto;
    grid-template-rows: auto;
  }
  .zz_tabelle .zz_folder {
    background: linear-gradient(90deg, rgb(80.15, 120.2993506494, 148.85) 0%, rgb(171.8, 194.2415584416, 210.2) 10px, rgb(171.8, 194.2415584416, 210.2) calc(100% - 10px), rgb(80.15, 120.2993506494, 148.85) 100%);
    border-radius: 0px;
    position: relative;
    width: 100%;
    aspect-ratio: 1/1.12;
    display: flex;
    flex-direction: column;
    gap: 5px;
    justify-content: space-between;
  }
  .zz_tabelle .zz_folder:hover {
    background: linear-gradient(90deg, rgb(80.15, 120.2993506494, 148.85) 0%, rgb(171.8, 194.2415584416, 210.2) 2vh, rgb(171.8, 194.2415584416, 210.2) calc(100% - 2vh), rgb(80.15, 120.2993506494, 148.85) 100%);
  }
  .zz_tabelle .zz_folder .text {
    border-bottom: solid 1px rgb(105.5, 145.8246753247, 174.5);
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    text-align: center;
    flex-direction: column;
    height: 20%;
    width: 90%;
    margin-left: 5%;
  }
  .zz_tabelle .zz_folder .text p {
    color: rgb(44.45, 66.7162337662, 82.55);
    font-size: 100%;
    line-height: 100%;
    font-family: "Yanone Kaffeesatz", sans-serif;
  }
  .zz_tabelle .zz_folder .pic {
    filter: drop-shadow(0 0 3px rgb(8.75, 13.1331168831, 16.25));
    width: 70%;
    height: 60%;
    margin: auto;
    background-size: contain;
  }
  #fontbox {
    display: grid;
    grid-gap: 1px;
    grid-template-columns: repeat(4, 1fr);
    grid-auto-rows: 40px;
    width: 100%;
    margin-top: -3vh;
  }
  #fontbox div {
    animation: scale-in 330ms ease-in-out;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 3px 1rem;
    height: 100%;
    background: linear-gradient(90deg, rgb(80.15, 120.2993506494, 148.85) 0%, rgb(171.8, 194.2415584416, 210.2) 10px, rgb(171.8, 194.2415584416, 210.2) calc(100% - 10px), rgb(80.15, 120.2993506494, 148.85) 100%);
    border-radius: 0px;
  }
  #pineingabe {
    position: absolute;
    right: 0;
    top: 0vw;
    display: grid;
    place-content: center;
    justify-content: space-around;
    grid-template-columns: repeat(3, 2px);
    grid-auto-rows: 2px;
    grid-gap: 1px;
    padding: 1px;
    transform: scale(1.24) translateX(-32vw) translateY(10vh);
  }
  #pineingabe p {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    text-align: center;
    grid-column: span 3;
  }
  #pineingabe .pin,
  #pineingabe div {
    display: flex;
    cursor: pointer;
    justify-content: space-around;
    align-items: center;
  }
  #pineingabe #result {
    text-align: center;
    grid-column: 2/4;
  }
  #pineingabe #submit {
    display: none;
    grid-column: 2/4;
  }
  #pineingabe #pinok {
    grid-column: 1/4;
  }
  .tagebuchbox {
    background: linear-gradient(90deg, rgb(80.15, 120.2993506494, 148.85) 0%, rgb(171.8, 194.2415584416, 210.2) 10px, rgb(171.8, 194.2415584416, 210.2) calc(100% - 10px), rgb(80.15, 120.2993506494, 148.85) 100%);
    border-radius: 0px;
    display: grid;
    place-items: center;
    padding: 1rem;
    grid-gap: 1px;
  }
  .tagebuchbox .bild {
    background: none;
    background-color: none;
    border-radius: 0;
    border: none;
    box-shadow: none;
    padding: 0;
  }
  .tagebuchbox div {
    padding: 1rem;
  }
  .tagebuchbox .bild {
    width: 75%;
    height: auto;
    text-align: center;
  }
  .tagebuchbox .text {
    width: 75%;
    height: auto;
    text-align: center;
  }
  .pod {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: grid;
    place-items: center;
    align-items: center;
    place-content: center;
    background-position: 50% 50%;
    background-size: contain;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0vh;
    padding: 10px;
    padding-bottom: 33%;
  }
  .pod:hover {
    cursor: url("../images/ccclick.png") 50 15, crosshair;
  }
  .pod .podtitel {
    position: absolute;
    display: grid;
    place-content: center;
    bottom: 0;
    bottom: 0;
    padding: 10px;
    left: 0;
    right: 0;
    height: 5vh;
  }
  .pod .podtitel p {
    padding: 0;
    color: blue;
    letter-spacing: 2px;
    text-align: center;
  }
  #trex_startseite {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    gap: 1px;
  }
  .trex_image {
    display: flex;
    justify-content: space-around;
    align-items: center;
  }
  .trex_image img {
    border-radius: 0px;
    height: 20dvh;
    margin-top: 4dvh;
    margin-bottom: 4dvh;
  }
  .zz_blog_show_text {
    background-color: rgb(105.5, 145.8246753247, 174.5);
    position: fixed;
    top: 1px;
    left: 1px;
    right: 1px;
    bottom: 1px;
    scrollbar-width: none;
    overflow-y: scroll;
    display: grid;
    place-items: center;
    padding-top: 2vh;
  }
  .zz_blog_show_text::-webkit-scrollbar {
    display: none;
  }
  .zz_blog_show_text a {
    color: red;
    font-weight: bolder;
    text-shadow: 0px 0px 2px transparent, 0px 0px 3px transparent, 0px 0px 4px transparent;
  }
  .zz_blog_show_text img {
    cursor: url("../images/ccclick.png") 50 15, crosshair;
    max-width: 20%;
    max-height: 20%;
    filter: drop-shadow(0 0 3px rgb(8.75, 13.1331168831, 16.25));
    border-radius: 15px;
  }
  .zz_blog_show_text p {
    text-align: center;
    cursor: url("../images/ccclick.png") 50 15, crosshair;
  }
  .zz_mybox {
    background: linear-gradient(90deg, rgb(80.15, 120.2993506494, 148.85) 0%, rgb(171.8, 194.2415584416, 210.2) 10px, rgb(171.8, 194.2415584416, 210.2) calc(100% - 10px), rgb(80.15, 120.2993506494, 148.85) 100%);
    border-radius: 0px;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    justify-content: space-around;
    grid-gap: 4px;
    padding: 1rem;
    height: auto;
  }
  .zz_mybox h1 {
    color: rgb(8.75, 13.1331168831, 16.25);
    font-weight: 900;
    font-size: 2.1vh;
    margin: auto;
    text-align: center;
    white-space: pre-wrap;
  }
  .zz_mybox .bild {
    display: grid;
    flex: 1;
    padding-right: 1rem;
  }
  .zz_mybox .bild img {
    width: auto;
    height: 70%;
    max-width: 60%;
    max-height: 60%;
    border-radius: 0px;
    border-radius: 5px;
    filter: drop-shadow(0 0 3px rgb(8.75, 13.1331168831, 16.25));
  }
  .zz_mybox .bild img:hover {
    box-shadow: 0 0 1px 1px yellow;
    transform: scale(1.5);
  }
  .zz_mybox .bild :focus {
    outline: none;
  }
  .zz_mybox .bild a {
    display: grid;
  }
  .zz_mybox .bild a img {
    margin: auto;
  }
  .zz_mybox .text {
    display: flex;
    justify-content: space-between;
    flex: 3;
  }
  .zz_mybox .text p {
    color: rgb(8.75, 13.1331168831, 16.25);
    font-size: 1.75vh;
    margin: auto;
    text-align: center;
    white-space: pre-wrap;
  }
  .zz_mybox .text img {
    width: 50%;
    height: auto;
    display: flex;
    margin: auto;
    margin-top: 2vh;
    margin-bottom: 2vh;
    box-shadow: 0px 0px 0.1vw 0.2vw rgb(105.5, 145.8246753247, 174.5);
    border: solid 1px rgb(80.15, 120.2993506494, 148.85);
    border-radius: 6px;
  }
  #database {
    position: absolute;
    bottom: 0;
    left: 0;
    height: 5vh;
  }
  #zz_vorspann {
    background: linear-gradient(90deg, rgb(80.15, 120.2993506494, 148.85) 0%, rgb(171.8, 194.2415584416, 210.2) 10px, rgb(171.8, 194.2415584416, 210.2) calc(100% - 10px), rgb(80.15, 120.2993506494, 148.85) 100%);
    border-radius: 0px;
    background: none;
    background-color: none;
    border-radius: 0;
    border: none;
    box-shadow: none;
    padding: 0;
    display: grid;
    place-content: center;
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
  #zz_vorspann p {
    text-align: center;
    font-size: 1.75vh;
  }
  #zz_menue {
    margin: auto;
    margin-top: 15vh;
    width: 100%;
    opacity: 1;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-auto-rows: 15vh;
    grid-gap: 1px;
    scrollbar-width: none;
    overflow-y: scroll;
  }
  #zz_menue::-webkit-scrollbar {
    display: none;
  }
  #zz_menue .artist {
    transform: scaleY(0.5) translateY(50%);
    grid-column: 1/-1;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  #zz_menue .artist p {
    font-weight: bolder;
    transform: scaleY(1.5);
    margin-bottom: 15px;
  }
  #zz_maxl {
    width: 0vw;
    height: 0vw;
    display: grid;
    place-items: center;
  }
  #zz_maxl img {
    width: auto;
    height: 0vw;
    filter: drop-shadow(0 0 3px rgb(8.75, 13.1331168831, 16.25));
    cursor: url("../images/ccclick.png") 50 15, crosshair;
  }
  #zz_mary {
    width: 0vw;
    height: 0vw;
    display: grid;
    place-items: center;
  }
  #zz_mary img {
    width: 70%;
    height: 80%;
    filter: drop-shadow(0 0 3px rgb(8.75, 13.1331168831, 16.25));
    cursor: url("../images/ccclick.png") 50 15, crosshair;
  }
  .zz_blog_eintrag {
    background: linear-gradient(90deg, rgb(80.15, 120.2993506494, 148.85) 0%, rgb(171.8, 194.2415584416, 210.2) 10px, rgb(171.8, 194.2415584416, 210.2) calc(100% - 10px), rgb(80.15, 120.2993506494, 148.85) 100%);
    border-radius: 0px;
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: 5vh auto auto auto;
    grid-template-areas: "oben " "bild " "text1 " "text2 ";
  }
  .zz_blog_eintrag .monat {
    grid-area: oben;
    display: grid;
    place-items: center;
    align-items: center;
    place-content: center;
  }
  .zz_blog_eintrag .monat my_font {
    writing-mode: horizontal-tb;
    font-size: 1.5rem;
  }
  .zz_blog_eintrag .bild {
    grid-area: bild;
    display: grid;
    place-items: center;
    align-items: center;
    place-content: center;
  }
  .zz_blog_eintrag .bild img {
    height: 20%;
    width: 20%;
    max-height: 20%;
    max-width: 20%;
    filter: drop-shadow(0 0 3px rgb(8.75, 13.1331168831, 16.25));
    border-radius: 5px;
  }
  .zz_blog_eintrag .textoben {
    grid-area: text1;
    display: grid;
    place-items: center;
    align-items: center;
    place-content: center;
  }
  .zz_blog_eintrag .textoben p {
    padding: 1.75vh;
    padding-bottom: 1.75vh;
  }
  .zz_blog_eintrag .textunten {
    grid-area: text2;
    display: grid;
    place-items: center;
    align-items: center;
    place-content: center;
  }
  .zz_blog_eintrag .textunten p {
    padding: 1.75vh;
    font-size: 1.75vh;
    text-align: center;
  }
  .zz_musikmenue {
    background: linear-gradient(90deg, rgb(80.15, 120.2993506494, 148.85) 0%, rgb(171.8, 194.2415584416, 210.2) 10px, rgb(171.8, 194.2415584416, 210.2) calc(100% - 10px), rgb(80.15, 120.2993506494, 148.85) 100%);
    border-radius: 0px;
    margin-top: 5px;
    padding: 5px;
    width: 100%;
    margin: auto;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-auto-rows: auto;
    grid-gap: 1px;
    scrollbar-width: none;
    overflow-y: scroll;
  }
  .zz_musikmenue::-webkit-scrollbar {
    display: none;
  }
  .zz_musikmenue .musikhead,
  .zz_musikmenue .play {
    background: linear-gradient(90deg, rgb(80.15, 120.2993506494, 148.85) 0%, rgb(171.8, 194.2415584416, 210.2) 10px, rgb(171.8, 194.2415584416, 210.2) calc(100% - 10px), rgb(80.15, 120.2993506494, 148.85) 100%);
    border-radius: 0px;
    flex-direction: column;
    padding: 1rem;
    height: 22vh;
    height: auto;
    padding: 33px;
    grid-column: 1/-1;
    display: flex;
    justify-content: space-around;
    align-items: center;
  }
  .zz_musikmenue .musikhead p,
  .zz_musikmenue .play p {
    color: rgb(8.75, 13.1331168831, 16.25);
  }
  .zz_musikmenue .play {
    display: grid;
    place-items: center;
    align-items: center;
    place-content: center;
  }
  .zz_musikmenue .play p {
    color: rgb(44.45, 66.7162337662, 82.55);
  }
  .zz_musikmenue audio {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding: auto;
    height: 5vh;
    width: 100%;
  }
  .zz_musikbutton {
    background: linear-gradient(90deg, rgb(80.15, 120.2993506494, 148.85) 0%, rgb(171.8, 194.2415584416, 210.2) 10px, rgb(171.8, 194.2415584416, 210.2) calc(100% - 10px), rgb(80.15, 120.2993506494, 148.85) 100%);
    border-radius: 0px;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    grid-gap: 1px;
    height: 100%;
    padding: 1vh 3vw 1vh 3vw;
  }
  .zz_musikbutton:hover {
    background: linear-gradient(90deg, rgb(80.15, 120.2993506494, 148.85) 0%, rgb(171.8, 194.2415584416, 210.2) 2vh, rgb(171.8, 194.2415584416, 210.2) calc(100% - 2vh), rgb(80.15, 120.2993506494, 148.85) 100%);
  }
  .zz_musikbutton img {
    max-height: 30px;
  }
  .zz_musikbutton .text {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .zz_musikbutton .text p {
    color: rgb(8.75, 13.1331168831, 16.25);
  }
  #zz_facebook_icon a,
  #zz_instagram_icon a,
  #zz_youtube_icon a,
  #zz_schrift_icon a,
  #zz_reset_icon a,
  #zz_user_icon a,
  #zz_userreg_icon a {
    display: flex;
    align-items: center;
  }
  #zz_facebook_icon img,
  #zz_instagram_icon img,
  #zz_youtube_icon img,
  #zz_schrift_icon img,
  #zz_reset_icon img,
  #zz_user_icon img,
  #zz_userreg_icon img {
    height: 9vh;
    filter: drop-shadow(0 0 3px rgb(8.75, 13.1331168831, 16.25));
    padding: 30px;
  }
  #zz_facebook_icon p,
  #zz_instagram_icon p,
  #zz_youtube_icon p,
  #zz_schrift_icon p,
  #zz_reset_icon p,
  #zz_user_icon p,
  #zz_userreg_icon p {
    font-family: "Russo One";
    color: orange;
    font-weight: 900;
  }
  #zz_back {
    display: grid;
    scrollbar-width: none;
    overflow-y: scroll;
    grid-template-columns: 1fr;
    grid-template-rows: 0vw auto 6vh;
    grid-template-areas: " kopf " " cont " " unten ";
  }
  #zz_back::-webkit-scrollbar {
    display: none;
  }
  #zz_header_oben {
    grid-area: headeroben;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    text-align: center;
    align-items: flex-end;
  }
  #zz_header_oben span {
    font-family: Goldman;
    font-size: 1.75vh;
  }
  #zz_header_oben my_font {
    margin-bottom: 1rem;
    font-size: 2.5vh;
  }
  #zz_header_mitte {
    grid-area: headermitte;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    text-align: center;
    flex-direction: column;
  }
  #zz_header_mitte h1 {
    font-family: Goldman;
    font-size: 0.875vh;
    margin-bottom: 1rem;
    color: rgb(8.75, 13.1331168831, 16.25);
  }
  #zz_header_mitte span {
    font-family: Goldman;
    font-size: 1.225vh;
    font-weight: bolder;
  }
  #zz_header_mitte p {
    font-family: Goldman;
    font-size: 1.225vh;
    font-weight: bolder;
  }
  #zz_header_mitte my_font {
    font-family: "Goldman";
    font-size: 2.275vh;
    margin: 0 4rem 0 4rem;
    position: relative;
  }
  #zz_header_mitte my_font:hover::after {
    opacity: 1;
    visibility: visible;
  }
  #podcontainer {
    z-index: 99;
    position: fixed;
    display: grid;
    top: -6vh;
    left: -6vw;
    right: -6vw;
    bottom: -6vh;
    padding: 0vw;
    background-size: 100% auto;
    background-color: rgb(44.45, 66.7162337662, 82.55);
  }
  #podcontainer .podbild {
    background-position: 50% 50%;
    background-size: contain;
    animation: scale-in 330ms ease-in-out;
    border-radius: 11px;
  }
  #podcontainer .podbild:hover {
    cursor: url("../images/ccclick.png") 50 15, crosshair;
  }
  #podcontainer .podtitel {
    display: grid;
    place-items: center;
    align-items: center;
    place-content: center;
    margin-top: 1rem;
  }
  #zz_main_menue,
  #zz_trex_menue {
    grid-area: menue;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 1px;
    margin-left: 0px;
    margin-right: 0px;
  }
  .zz_menuebutton,
  .zz_trexmenuebutton {
    background: linear-gradient(90deg, rgb(80.15, 120.2993506494, 148.85) 0%, rgb(171.8, 194.2415584416, 210.2) 10px, rgb(171.8, 194.2415584416, 210.2) calc(100% - 10px), rgb(80.15, 120.2993506494, 148.85) 100%);
    border-radius: 0px;
    position: relative;
    display: flex;
    justify-content: space-around;
    align-items: center;
    position: relative;
    display: flex;
    flex-direction: row;
    gap: 0;
    justify-content: space-between;
    padding: 0 0 0 11px;
    height: 100%;
    width: 100%;
  }
  .zz_menuebutton .bild,
  .zz_trexmenuebutton .bild {
    flex: 1;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    text-align: center;
    height: 100%;
  }
  .zz_menuebutton .bild img,
  .zz_trexmenuebutton .bild img {
    max-height: 4.5vh;
    object-fit: contain;
  }
  .zz_menuebutton .text,
  .zz_trexmenuebutton .text {
    flex: 3;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    text-align: center;
    height: 100%;
  }
  .zz_menuebutton .text p,
  .zz_trexmenuebutton .text p {
    font-family: "Yanone Kaffeesatz", sans-serif;
    line-height: 1.4;
    font-size: 3vh;
  }
  .zz_menuebutton:hover,
  .zz_trexmenuebutton:hover {
    background: linear-gradient(90deg, rgb(80.15, 120.2993506494, 148.85) 0%, rgb(171.8, 194.2415584416, 210.2) 2vh, rgb(171.8, 194.2415584416, 210.2) calc(100% - 2vh), rgb(80.15, 120.2993506494, 148.85) 100%);
  }
  #zz_header {
    position: fixed;
    z-index: 99;
    top: calc(20vh + 0vw + 0vw);
    left: 0vw;
    right: 0vw;
    height: 10vh;
    display: grid;
    grid-template-columns: 0px 0px 0px auto 0px;
    grid-template-areas: "headerlogo headerdrei headericons . headerclock";
    align-items: stretch;
    justify-content: stretch;
    gap: 5px;
  }
  #zz_logo {
    background: none;
    background-color: none;
    border-radius: 0;
    border: none;
    box-shadow: none;
    padding: 0;
    position: fixed;
    top: 0;
    left: 4.5vh;
    width: 25vw;
    height: 10vh;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    text-align: center;
  }
  #zz_logo img {
    filter: drop-shadow(0px 0px 3px white);
    width: 70%;
  }
  #zz_clock {
    background: linear-gradient(0deg, rgb(62.3, 93.5077922078, 115.7) 0%, rgb(171.8, 194.2415584416, 210.2) 2vh, rgb(171.8, 194.2415584416, 210.2) calc(100% - 2vh), rgb(62.3, 93.5077922078, 115.7) 100%);
    border-radius: 2px;
    place-content: center;
    align-items: center;
    transition: all 0.333s ease;
    position: fixed;
    z-index: 200;
    top: 0vh;
    right: 34vw;
    width: 30vw;
    height: 5vh;
  }
  #zz_clock:hover::after {
    visibility: invisible;
    opacity: 0;
  }
  #zz_clock_time {
    color: rgb(8.75, 13.1331168831, 16.25);
    letter-spacing: 2px;
    text-shadow: 1px 0 rgb(204.95, 218.45, 228.05), -1px 0 rgb(204.95, 218.45, 228.05), 0 1px rgb(204.95, 218.45, 228.05), 0 -1px rgb(204.95, 218.45, 228.05), 1px 1px rgb(204.95, 218.45, 228.05), -1px 1px rgb(204.95, 218.45, 228.05), 1px -1px rgb(204.95, 218.45, 228.05), -1px -1px rgb(204.95, 218.45, 228.05);
    font-family: monospace;
    font-size: 1.2rem;
    font-weight: bolder;
    color: rgb(8.75, 13.1331168831, 16.25);
  }
  #zz_opsys,
  #zz_links,
  #zz_rechts {
    display: none;
  }
  #zz_iconsleft {
    position: absolute;
    top: 0;
    left: 0px;
    width: 4.5vh;
    height: 13.5vh;
    display: grid;
    grid-template-rows: repeat(3, 1fr);
    grid-auto-columns: 4.5vh;
    grid-gap: 1px;
    scrollbar-width: none;
    overflow-y: scroll;
  }
  #zz_iconsleft::-webkit-scrollbar {
    display: none;
  }
  #zz_iconsleft div {
    background: linear-gradient(90deg, rgb(80.15, 120.2993506494, 148.85) 0%, rgb(171.8, 194.2415584416, 210.2) 10px, rgb(171.8, 194.2415584416, 210.2) calc(100% - 10px), rgb(80.15, 120.2993506494, 148.85) 100%);
    border-radius: 0px;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    text-align: center;
  }
  #zz_iconsleft div:hover {
    background: linear-gradient(90deg, rgb(80.15, 120.2993506494, 148.85) 0%, rgb(171.8, 194.2415584416, 210.2) 2vh, rgb(171.8, 194.2415584416, 210.2) calc(100% - 2vh), rgb(80.15, 120.2993506494, 148.85) 100%);
  }
  #zz_iconsleft div img {
    height: 45%;
    width: 45%;
    object-fit: contain;
    display: block;
    margin: auto;
  }
  #zz_iconsleft div span {
    font-size: 1vh;
    line-height: 1.2;
    text-align: center;
    white-space: nowrap;
  }
  #zz_iconsleft div a {
    background: none;
    background-color: none;
    border-radius: 0;
    border: none;
    box-shadow: none;
    padding: 0;
  }
  #zz_iconsright {
    position: absolute;
    top: 0;
    right: 0px;
    width: 4.5vh;
    height: 13.5vh;
    display: grid;
    grid-template-rows: repeat(2, 1fr);
    grid-auto-columns: 4.5vh;
    grid-gap: 1px;
    scrollbar-width: none;
    overflow-y: scroll;
  }
  #zz_iconsright::-webkit-scrollbar {
    display: none;
  }
  #zz_iconsright div {
    background: linear-gradient(90deg, rgb(80.15, 120.2993506494, 148.85) 0%, rgb(171.8, 194.2415584416, 210.2) 10px, rgb(171.8, 194.2415584416, 210.2) calc(100% - 10px), rgb(80.15, 120.2993506494, 148.85) 100%);
    border-radius: 0px;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    text-align: center;
  }
  #zz_iconsright div:hover {
    background: linear-gradient(90deg, rgb(80.15, 120.2993506494, 148.85) 0%, rgb(171.8, 194.2415584416, 210.2) 2vh, rgb(171.8, 194.2415584416, 210.2) calc(100% - 2vh), rgb(80.15, 120.2993506494, 148.85) 100%);
  }
  #zz_iconsright div img {
    height: 45%;
    width: 45%;
    object-fit: contain;
    display: block;
    margin: auto;
  }
  #zz_iconsright div span {
    font-size: 1vh;
    line-height: 1.2;
    text-align: center;
    white-space: nowrap;
  }
  #zz_iconsright div a {
    background: none;
    background-color: none;
    border-radius: 0;
    border: none;
    box-shadow: none;
    padding: 0;
  }
  #replaceText {
    z-index: 100;
    background: linear-gradient(90deg, rgb(80.15, 120.2993506494, 148.85) 0%, rgb(171.8, 194.2415584416, 210.2) 10px, rgb(171.8, 194.2415584416, 210.2) calc(100% - 10px), rgb(80.15, 120.2993506494, 148.85) 100%);
    border-radius: 0px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    text-align: center;
    position: fixed;
    right: calc(0vw + 0px + 4.5vh + 1px + 0px);
    left: calc(0vw + 0px + 4.5vh + 1px + 0px);
    top: calc(4.5vh + 7px);
    height: calc(9vh - 7px);
    transform: scale(0);
    color: rgb(8.75, 13.1331168831, 16.25);
    font-size: 2.1vh;
    text-align: center;
    font-weight: bolder;
    transition: transform 222ms ease, opacity 222ms ease;
  }
}