/*  2024-08-17: validated Cascading Style Sheet : */
/*  Allgemein gültig  */
/*  lightgrey   #D3D3D3  */
/*  gainsboro   #DCDCDC  */
/*  lavender   #E6E6FA  */
/*  darkgray   #A9A9A9  */
/*  turquoise   #00ffff  */
/*         used colors : #efefef (grey) + #6699ff (blue) + #febb60 (ocker)  */
/*  alternative colors : #efefef (grey) + #6699ff (blue) + #ff9966 (ocker)  */
/*  alternative colors : #efefef (grey) + #547fff (blue) + #ff7f54 (ocker)  */
/*  alternative colors : #efefef (grey) + #66bbff (blue) + #ffbb66 (ocker)  */


#next,
#prev {
  border-bottom: 1px solid var(--EufP-blue);
  padding: 0;
  width: 39px;
  height: 39px;
  position: fixed;
  top: 0;
  z-index: 3;
}

#prev,
#prev:active,
#prev:visited {
  background: linear-gradient (135deg, var(--EufP-background) 50%, var(--EufP-blue) 50%);
  background: -moz-linear-gradient (135deg, var(--EufP-background) 50%, var(--EufP-blue) 50%);  /* Firefox */
  background: -webkit-linear-gradient(135deg, var(--EufP-background) 50%, var(--EufP-blue) 50%);  /* Safari, Chrome */
  background: -o-linear-gradient (135deg, var(--EufP-background) 50%, var(--EufP-blue) 50%);  /* Opera */
  background: -ms-linear-gradient (135deg, var(--EufP-background) 50%, var(--EufP-blue) 50%);  /* IE */
  left: 0;
}

#prev:hover,
#prev:visited:hover {
  background: linear-gradient (135deg, var(--EufP-background) 50%, var(--EufP-ocker) 50%);
  background: -moz-linear-gradient (135deg, var(--EufP-background) 50%, var(--EufP-ocker) 50%);  /* Firefox */
  background: -webkit-linear-gradient(135deg, var(--EufP-background) 50%, var(--EufP-ocker) 50%);  /* Safari, Chrome */
  background: -o-linear-gradient (135deg, var(--EufP-background) 50%, var(--EufP-ocker) 50%);  /* Opera */
  background: -ms-linear-gradient (135deg, var(--EufP-background) 50%, var(--EufP-ocker) 50%);  /* IE */
}

#next,
#next:active,
#next:visited {
  background: linear-gradient (135deg, var(--EufP-ocker) 50%, var(--EufP-background) 50%);
  background: -moz-linear-gradient (135deg, var(--EufP-ocker) 50%, var(--EufP-background) 50%);  /* Firefox */
  background: -webkit-linear-gradient(135deg, var(--EufP-ocker) 50%, var(--EufP-background) 50%);  /* Safari, Chrome */
  background: -o-linear-gradient (135deg, var(--EufP-ocker) 50%, var(--EufP-background) 50%);  /* Opera */
  background: -ms-linear-gradient (135deg, var(--EufP-ocker) 50%, var(--EufP-background) 50%);  /* IE */
  right: 0;
}

Fgerman #next:hover,
#next:visited:hover {
  background: linear-gradient (135deg, var(--EufP-blue) 50%, var(--EufP-background) 50%);
  background: -moz-linear-gradient (135deg, var(--EufP-blue) 50%, var(--EufP-background) 50%);  /* Firefox */
  background: -webkit-linear-gradient(135deg, var(--EufP-blue) 50%, var(--EufP-background) 50%);  /* Safari, Chrome */
  background: -o-linear-gradient (135deg, var(--EufP-blue) 50%, var(--EufP-background) 50%);  /* Opera */
  background: -ms-linear-gradient (135deg, var(--EufP-blue) 50%, var(--EufP-background) 50%);  /* IE */
}

div.EufP {
  text-indent: -30px;
  margin-left: 35px;
  margin-bottom: 10px;
  max-width: 100%;
  height: auto;
}

div.EufP a:first-of-type {
  background: linear-gradient (135deg, var(--EufP-ocker) 50%, var(--EufP-blue) 50%);
  background: -moz-linear-gradient (135deg, var(--EufP-ocker) 50%, var(--EufP-blue) 50%);  /* Firefox */
  background: -ms-linear-gradient (135deg, var(--EufP-ocker) 50%, var(--EufP-blue) 50%);  /* IE */
  background: -o-linear-gradient (135deg, var(--EufP-ocker) 50%, var(--EufP-blue) 50%);  /* Opera */
  background: -webkit-linear-gradient(135deg, var(--EufP-ocker) 50%, var(--EufP-blue) 50%);  /* Safari, Chrome */
  border: 1px solid gray;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  height: 14px;
  margin: 1px 10px 1px 0px;
  padding-right: 20px;
  position: relative;
  text-decoration: none;
  width: 0px
}

div.EufP a:first-of-type:hover {
  background: linear-gradient (135deg, var(--EufP-blue) 50%, var(--EufP-ocker) 50%);
  background: -moz-linear-gradient (135deg, var(--EufP-blue) 50%, var(--EufP-ocker) 50%);  /* Firefox */
  background: -ms-linear-gradient (135deg, var(--EufP-blue) 50%, var(--EufP-ocker) 50%);  /* IE */
  background: -o-linear-gradient (135deg, var(--EufP-blue) 50%, var(--EufP-ocker) 50%);  /* Opera */
  background: -webkit-linear-gradient(135deg, var(--EufP-blue) 50%, var(--EufP-ocker) 50%);  /* Safari, Chrome */
  border: 1px inset gray;
}

div.EufP a:first-of-type:active {
  background: linear-gradient (135deg, red 50%, red 50%);
  background: -moz-linear-gradient (135deg, red 50%, red 50%);  /* Firefox */
  background: -ms-linear-gradient (135deg, red 50%, red 50%);  /* IE */
  background: -o-linear-gradient (135deg, red 50%, red 50%);  /* Opera */
  background: -webkit-linear-gradient(135deg, red 50%, red 50%);  /* Safari, Chrome */
}

.euLangName {
  position: absolute;
  transform-origin: center;
  font-size: 2em;
  white-space: nowrap;
  animation: fadeInGrow 5s infinite;
}

@keyframes fadeInGrow {
  0% {
    transform: scale(0) rotate(0deg);
    opacity: 1;
  }

  100% {
    transform: scale(30) rotate(var(--rotate-angle));
    opacity: 0;
  }
}

/*
body {
  margin: 0;
  overflow: hidden;
  font-family: Arial, sans-serif;
}

.parent {
  position: relative;
  width: 100vw;
  height: 100vh;
}
*/

.overlay {
  align-items: center;
  background-color: black;
  display: flex;
  top: 50%;
  left: 50%;
  width: 0;
  height: 0;
  opacity: 0;
  height: 100vh;
  justify-content: center;
  margin: 0;
  overflow: hidden;
  padding: 0;
  position: absolute;
  transform: translate(-50%, -50%);
  transition: width 1s, height 1s, opacity 1s;
  z-index: 10;
}

.overlay.active {
  width: 100%;
  height: 100%;
  opacity: 1;
}

.text-container {
  margin: 20px 0;
  font-size: 16px;
  line-height: 1.5;
}

.more-button {
  color: blue;
  cursor: pointer;
  padding: 0;
  text-decoration: underline;
}

.hidden-text {
  display: none;
}
.visible-text {
  display: block;
}

/* -------------------------------------------------------------------------- */