:root
{
  --translateX: 0px; /* wird via "style" Attribut gesetzt */

  font-family: Trebuchet MS, Arial, Helvetica;
  /* font-family: 'Architects Daughter', cursive; */
  font-size: 1em;
  background-image: url(../images/nabkgnd.jpg);
  /* background-color: #FFFFCC; */
  color: #333399;
  margin: 0 4em;
}

link
{
  color: #990033;
}
link:visited
{
  color: #006633;
}
link:active
{
  color: #FF6600;
}

html
{
  scroll-behavior: smooth;
}
h1, h2
{
  padding-top: 1em;
  text-decoration: underline;
}
ul
{
  list-style-image: url(../images/anabull1.gif);
}
ul ul
{
  list-style-image: url(../images/anabull2.gif);
}

main img, .shadow
{
  border-radius: 15px;
  border: 5px solid lightblue;
  box-shadow: 0 0 30px lightblue
            , 0px 0px 50px 10px lightgreen;
  background-color: lightblue;
}
section
{
  padding-bottom: 2em;
}

.title
{
  font-size: 2em !important;
  font-weight: bold !important;
  top: 16px !important;
  place-content: center;
}

.gridbox1
{
  display: grid;
  grid-template-columns: 1fr;
  place-items: center;
  gap: 1.5em;
}
.gridbox2
{
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  place-items: center;
  gap: 1.5em;
}
.gridbox3
{
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  place-items: center;
  gap: 0.5em;
}
.navlink, .container
{
  position: relative;
}
.item
{
  position: absolute;
  font-size: 0.8em;
  font-weight: bold;
  top: 24px;
  text-align: center;
  width: 100%;

}
.widget
{
  border: 5px solid #00537f;
  border-radius: 15px; 
}
.zoom:hover
{
  transform: translateX(var(--translateX)) scale(2);
  z-index: 99;
  transition: 3s;
}
.noshadow
{
  border-radius: 0;
  border: none;
  box-shadow: none;
  background-color: transparent;
}
.bold-italic
{
  font-style: italic;
  font-weight: bold;
}

.arrow
{
  position: absolute;
  z-index: 99;
  top: 58px;
  left: 293px;
}
.arrow hr
{
  top: 0px;
  width: 267px;
  height: 1px;
  background-color: #d79bc8;
  border: 1px solid #2795c9;
}
.arrow-peak
{
  position: absolute;
  top: 47px;
  left: 547px;
  z-index: 99;
  color: #d79bc8;
  text-shadow: 1px 1px #2795c9;
  font-size: 32px;
  font-weight: bold;  
}