.klappaus {
    width: 97%;
    height: 3rem;
    overflow: hidden;
    background-color: rgba(30, 30, 30, 0.3);
    transition: height 0.5s ease;
    cursor: pointer;
    padding: 10px;
    bo rder: 1px solid #ccc;
  }
    .klappaus.expanded {
    height: auto; /* oder: auto, wenn du scrollHeight nutzt */
  }




































































.l3{padding:0px 10px;}.l3:hover{border-radius: 3px ;box-shadow: 1.3px 1.3px 29.0px white, 1.0px 0.0px 1.0px white, -1.0px 0.0px 1.0px white, 0.0px 1.0px 1.0px white, 0.0px -1.0px 1.0px white, 1.3px 1.3px 10.0px white, 1.7px 1.7px 21.0px white, 1.7px 1.7px 25.0px grey; inset;background-color: #c3c7c74b; }
.glass-butto nsl{white-space: nowrap;width:9.5em ;height: 1em; text-align: left; display: inline-block;font-size:16px;pad ding: 0px;over flow: hidden;bo rder-radius: 100px;ba ckground-color: rgba(255, 255, 255, 0.0);ba ckdrop-filter: blur(70.7px);bo rder: 1px solid rgba(255,255,255,0.3);back drop-filter: blur(7px);b ox-shadow: 1.3px 1.3px 29.0px white, 1.0px 0.0px 1.0px white, -1.0px 0.0px 1.0px white, 0.0px 1.0px 1.0px white, 0.0px -1.0px 1.0px white, 1.3px 1.3px 10.0px white, 1.7px 1.7px 21.0px white, 1.7px 1.7px 25.0px grey; in set;back ground-color: rgba(255, 255, 255, 0.30);fr ont-color: rgb(255, 139, 139);}
a77 7{display: inline-block;font-size:16px; pad ding: 0px 0px;width:9.15em ;color: rgb(255, 255, 255);}

nav1 .home-link{m argin-left: auto;
padding: 20px 60px;
display: b lock;
bo rder-radius: 10%;

height: 60px;
background-color: transparent;

justify-content: fl ex-end;
align-items: bl ock;
bo rder-radius: 10%;display: inline-block;font-size:16px;pad ding: 0px;over flow: hidden;
}




:root{--color-1: rgba(150, 62, 62, 0);
--text-color: white;
--accent-color: rgb(160, 166, 160);
}
a500{color: white;font-size: 16px;}

html{
}

label:hover{
box-shadow: 1.3px 1.3px 29.0px white, 1.0px 0.0px 1.0px white, -1.0px 0.0px 1.0px white, 0.0px 1.0px 1.0px white, 0.0px -1.0px 1.0px white, 1.3px 1.3px 10.0px white, 1.7px 1.7px 21.0px white, 1.7px 1.7px 25.0px grey; inset;
background-color: rgba(192, 192, 192, 0.371);
}

nav1{
height: 10px;
width: 100%;
padding:3px 15px;
bo rder-radius: 100%;
background-color: rgba(150, 62, 62, 0);
z-index: 7;
right: -97%;
justify-content: flexstart;
align-items: center;
justify-content: flex-end;
align-items: right;
position: fixed;
top: 0;font-weight: 700;
}

nav1 a{
height: 100%;
padding: 10px 10px;
m argin-left: 70%;
align-items: right;
text-decoration: none;
color:var(--text-color);
}

nav1 a:hover{
box-shadow: 1.3px 1.3px 29.0px white, 1.0px 0.0px 1.0px white, -1.0px 0.0px 1.0px white, 0.0px 1.0px 1.0px white, 0.0px -1.0px 1.0px white, 1.3px 1.3px 10.0px white, 1.7px 1.7px 21.0px white, 1.7px 1.7px 25.0px grey; inset;
background-color: rgba(192, 192, 192, 0.371);
}

nav1 .home{m argin-left: auto;
}

nav1 svg{fill: var(--text-color);
}

div1{
align-items: right;
}

.links-container1{
flex-direction: column;
align-items: flex-start;
position: fixed;
top: 0;
right: -100%;
z-index: 10;
width:9.15em;
background-color: var(--color-1);
box-shadow: -5px 0px 5px rgba(255, 255, 255, 0.814);
height: auto;
wid th: 37%;
padding: 10px 10px;
justify-content: flex-start;
transition: 137ms ease-out;pa dding: 10px 10px;pad ding: 0px;ove rflow: hidden;bo rder-radius: 100px;backgr ound-color: rgba(255, 255, 255, 0.70);ba ckdrop-filter: blur(70.7px);border: 3.4px solid rgba(255,255,255,0.3);backdro p-filter: blur(7px);box -shadow: 1.3px 1.3px 29.0px white, 1.0px 0.0px 1.0px white, -1.0px 0.0px 1.0px white, 0.0px 1.0px 1.0px white, 0.0px -1.0px 1.0px white, 1.3px 1.3px 10.0px white, 1.7px 1.7px 21.0px white, 1.7px 1.7px 25.0px grey; in set;background-color: rgba(255, 255, 255, 0.077);fron t-color: rgb(255, 139, 139);
}

.open-sidebar-button1, .close-sidebar-button1{
padding: 20px;
display: block;
border-radius: 30%;
z-index: 7;
}.close-sidebar-button1{border: 0.25em solid rgba(255, 255, 255, 0.046);backdrop-filter: blur(7px);box-shadow: 1.3px 1.3px 29.0px white, 1.0px 0.0px 1.0px white, -1.0px 0.0px 1.0px white, 0.0px 1.0px 1.0px white, 0.0px -1.0px 1.0px white, 1.3px 1.3px 10.0px white, 1.7px 1.7px 21.0px white, 1.7px 1.7px 25.0px grey; in set;background-color: rgba(255, 255, 255, 0.854);fr ont-color: rgb(255, 139, 139);}

#sidebar-active{
display: none;
}

#sidebar-active1:checked ~ .links-container1{
right: 0%;
bo rder-radius: 7%;
}

#sidebar-active1:checked ~ #overlay1{
background-color: rgba(39, 113, 50, 0.447);
backdrop-filter: blur(3.7px);
border: 4px solid rgba(255,255,255,0.3);
border-left: 4px solid rgba(255,255,255,0.3);
box-shadow: 3px 3px 3px rgba(255,255,255,0.3);
height: 100%;
width: 100%;
position: fixed;
top: 0;
left: 0;
z-index: 8;
}

#sidebar-active1{display: none;}

#sidebar-activetoVERSE1
{display: none;}
#sidebar-activetoAT{display: none;}
#sidebar-activetoNT{display: none;}



navtoVERSE1
{
height: 60px;
background-color: transparent;

justify-content: flex-end;
align-items: center;
bo rder-radius: 10%;
}
navtoAT{
height: 60px;
background-color: transparent;

justify-content: flex-end;
align-items: center;
bo rder-radius: 10%;
}
navtoNT{
height: 60px;
background-color: transparent;

justify-content: flex-end;
align-items: center;
bo rder-radius: 10%;
}



navtoVERSE1 a
{
height: 100%;
padding: 0 20px;

align-items: center;
text-decoration: none;
color:var(--text-color);
bor der-radius: 100%;font-size:16px;white-space: nowrap;width:9.5em ;height: 1em; text-align: left; display: inline-block;
}
navtoAT a{
height: 100%;
padding: 0 20px;

align-items: center;
text-decoration: none;
color:var(--text-color);
bor der-radius: 100%;font-size:16px;white-space: nowrap;width:9.5em ;height: 1em; text-align: left; display: inline-block;
}
navtoNT a{
height: 100%;
padding: 0 20px;

align-items: center;
text-decoration: none;
color:var(--text-color);
bor der-radius: 100%;font-size:16px;white-space: nowrap;width:9.5em ;height: 1em; text-align: left; display: inline-block;
}



navtoVERSE1 a:hover
{
box-shadow: 1.3px 1.3px 29.0px white, 1.0px 0.0px 1.0px white, -1.0px 0.0px 1.0px white, 0.0px 1.0px 1.0px white, 0.0px -1.0px 1.0px white, 1.3px 1.3px 10.0px white, 1.7px 1.7px 21.0px white, 1.7px 1.7px 25.0px grey; inset;
background-color: rgba(192, 192, 192, 0.371);
}
navtoAT a:hover{
box-shadow: 1.3px 1.3px 29.0px white, 1.0px 0.0px 1.0px white, -1.0px 0.0px 1.0px white, 0.0px 1.0px 1.0px white, 0.0px -1.0px 1.0px white, 1.3px 1.3px 10.0px white, 1.7px 1.7px 21.0px white, 1.7px 1.7px 25.0px grey; inset;
background-color: rgba(192, 192, 192, 0.371);
}
navtoNT a:hover{
box-shadow: 1.3px 1.3px 29.0px white, 1.0px 0.0px 1.0px white, -1.0px 0.0px 1.0px white, 0.0px 1.0px 1.0px white, 0.0px -1.0px 1.0px white, 1.3px 1.3px 10.0px white, 1.7px 1.7px 21.0px white, 1.7px 1.7px 25.0px grey; inset;
background-color: rgba(192, 192, 192, 0.371);
}



navtoVERSE1 svg
{fill: var(--text-color);
}
navtoAT svg{fill: var(--text-color);
}
navtoNT svg{fill: var(--text-color);
}



.links-containertoVERSE1
{
flex-direction: column;
align-items: flex-start;
position: fixed;
top: 0;
right: -100%;
z-index: 10;
width: 10.7em;
background-color: var(--color-1);
box-shadow: -5px 0px 5px rgba(255, 255, 255, 0.814);
height: auto;
wid th: 47%;
pad ding: 3px 17px;
justify-content: flex-start;
transition: 137ms ease-out;padding: 10px 10px;pad ding: 0px;ove rflow: hidden;bo rder-radius: 100px;backgr ound-color: rgba(255, 255, 255, 0.70);backdrop-filter: blur(70.7px);border: 3.4px solid rgba(255,255,255,0.3);backdrop-filter: blur(7px);bo x-shadow: 1.3px 1.3px 29.0px white, 1.0px 0.0px 1.0px white, -1.0px 0.0px 1.0px white, 0.0px 1.0px 1.0px white, 0.0px -1.0px 1.0px white, 1.3px 1.3px 10.0px white, 1.7px 1.7px 21.0px white, 1.7px 1.7px 25.0px grey; inset;background-color: rgba(255, 255, 255, 0.077);front-color: rgb(255, 139, 139);
}
.links-containertoAT{
flex-direction: column;
align-items: flex-start;
position: fixed;
top: 0;
right: -100%;
z-index: 10;
width: 25.37em;
background-color: var(--color-1);
box-shadow: -5px 0px 5px rgba(255, 255, 255, 0.814);
height: auto;
wid th: 47%;
pad ding: 3px 17px;
justify-content: flex-start;
transition: 137ms ease-out;padding: 10px 10px;pad ding: 0px;ove rflow: hidden;bo rder-radius: 100px;backgr ound-color: rgba(255, 255, 255, 0.70);backdrop-filter: blur(70.7px);border: 3.4px solid rgba(255,255,255,0.3);backdrop-filter: blur(7px);bo x-shadow: 1.3px 1.3px 29.0px white, 1.0px 0.0px 1.0px white, -1.0px 0.0px 1.0px white, 0.0px 1.0px 1.0px white, 0.0px -1.0px 1.0px white, 1.3px 1.3px 10.0px white, 1.7px 1.7px 21.0px white, 1.7px 1.7px 25.0px grey; inset;background-color: rgba(255, 255, 255, 0.077);front-color: rgb(255, 139, 139);
}
.links-containertoNT{
flex-direction: column;
align-items: flex-start;
position: fixed;
top: 0;
right: -100%;
z-index: 10;
width: 25.37em;
background-color: var(--color-1);
box-shadow: -5px 0px 5px rgba(255, 255, 255, 0.814);
height: auto;
wid th: 47%;
pad ding: 3px 17px;
justify-content: flex-start;
transition: 137ms ease-out;padding: 10px 10px;pad ding: 0px;ove rflow: hidden;bo rder-radius: 100px;backgr ound-color: rgba(255, 255, 255, 0.70);backdrop-filter: blur(70.7px);border: 3.4px solid rgba(255,255,255,0.3);backdrop-filter: blur(7px);bo x-shadow: 1.3px 1.3px 29.0px white, 1.0px 0.0px 1.0px white, -1.0px 0.0px 1.0px white, 0.0px 1.0px 1.0px white, 0.0px -1.0px 1.0px white, 1.3px 1.3px 10.0px white, 1.7px 1.7px 21.0px white, 1.7px 1.7px 25.0px grey; inset;background-color: rgba(255, 255, 255, 0.077);front-color: rgb(255, 139, 139);
}



.open-sidebar-buttontoVERSE1, .close-sidebar-buttontoVERSE1
{
padding: 0px 60px;
d isplay: block;
border-radius: 30%;
}.close-sidebar-buttontoVERSE1{border: 0.25em solid rgba(255, 255, 255, 0.046);backdrop-filter: blur(7px);box-shadow: 1.3px 1.3px 29.0px white, 1.0px 0.0px 1.0px white, -1.0px 0.0px 1.0px white, 0.0px 1.0px 1.0px white, 0.0px -1.0px 1.0px white, 1.3px 1.3px 10.0px white, 1.7px 1.7px 21.0px white, 1.7px 1.7px 25.0px grey; in set;background-color: rgba(255, 255, 255, 0.854);fr ont-color: rgb(255, 139, 139);}
.open-sidebar-buttontoAT, .close-sidebar-buttontoAT{
padding: 7px 60px;
display: block;
border-radius: 15%;
}.close-sidebar-buttontoAT{border: 0.25em solid rgba(255, 255, 255, 0.046);backdrop-filter: blur(7px);box-shadow: 1.3px 1.3px 29.0px white, 1.0px 0.0px 1.0px white, -1.0px 0.0px 1.0px white, 0.0px 1.0px 1.0px white, 0.0px -1.0px 1.0px white, 1.3px 1.3px 10.0px white, 1.7px 1.7px 21.0px white, 1.7px 1.7px 25.0px grey; in set;background-color: rgba(255, 255, 255, 0.854);fr ont-color: rgb(255, 139, 139);}
.open-sidebar-buttontoNT, .close-sidebar-buttontoNT{
padding: 7px 60px;
display: block;
border-radius: 15%;
}.close-sidebar-buttontoNT{border: 0.25em solid rgba(255, 255, 255, 0.046);backdrop-filter: blur(7px);box-shadow: 1.3px 1.3px 29.0px white, 1.0px 0.0px 1.0px white, -1.0px 0.0px 1.0px white, 0.0px 1.0px 1.0px white, 0.0px -1.0px 1.0px white, 1.3px 1.3px 10.0px white, 1.7px 1.7px 21.0px white, 1.7px 1.7px 25.0px grey; in set;background-color: rgba(255, 255, 255, 0.854);fr ont-color: rgb(255, 139, 139);}



#sidebar-activetoVERSE1:checked ~ .links-containertoVERSE1
{
right: 0%;
border-radius: 0%;
}
#sidebar-activetoAT:checked ~ .links-containertoAT{
right: 0%;
border-radius: 0%;
}
#sidebar-activetoNT:checked ~ .links-containertoNT{
right: 0%;
border-radius: 0%;
}



#sidebar-activetoVERSE1:checked ~ #overlaytoVERSE1
{
background-color: rgba(228, 225, 7, 0.335);
backdrop-filter: blur(3.7px);
border: 4px solid rgba(255,255,255,0.3);
border-left: 4px solid rgba(255,255,255,0.3);
box-shadow: 3px 3px 3px rgba(255,255,255,0.3);
height: 100%;
width: 100%;
position: fixed;
top: 0;
left: 0;
z-index: 9;
}
#sidebar-activetoAT:checked ~ #overlaytoAT{
background-color: rgba(173, 216, 230, 0.318);
backdrop-filter: blur(3.7px);
border: 4px solid rgba(255,255,255,0.3);
border-left: 4px solid rgba(255,255,255,0.3);
box-shadow: 3px 3px 3px rgba(255,255,255,0.3);
height: 100%;
width: 100%;
position: fixed;
top: 0;
left: 0;
z-index: 9;
}
#sidebar-activetoNT:checked ~ #overlaytoNT{
background-color: rgba(173, 216, 230, 0.318);
backdrop-filter: blur(3.7px);
border: 4px solid rgba(255,255,255,0.3);
border-left: 4px solid rgba(255,255,255,0.3);
box-shadow: 3px 3px 3px rgba(255,255,255,0.3);
height: 100%;
width: 100%;
position: fixed;
top: 0;
left: 0;
z-index: 9;
}


#cookie-banner {position: fixed; bottom: 0;left: 0;width: 100%;background-color: silver;padding: 10px;text-align: center; z-index: 1000;}* {caret-color: transparent;}.whiteboard{background-color: rgba(255, 255, 255, 0.973); color:rgb(0,0,128); padding:16px; font-weight: 700; border: 3px solid rgb(107, 107, 107); border-radius: 0%;box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.3);box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.3);box-shadow: 1.0px 0.0px 1.0px black, -1.0px 0.0px 1.0px black, 0.0px 1.0px 1.0px white, 0.0px -1.0px 1.0px white, 1.3px 1.3px 10.0px black, 1.3px 1.3px 9.0px black, 1.0px 0.0px 1.0px black, -1.0px 0.0px 1.0px white, 0.0px 1.0px 1.0px white, 0.0px -1.0px 1.0px white, 1.3px 1.3px 10.0px white, 1.7px 1.7px 21.0px white, 1.7px -3.7px 25.0px 3px white;} .overwhiteboard{background-color: rgba(255, 255, 255, 1.973); color:rgb(37, 37, 37); padding:16px; font-weight: 700; border: 3px solid rgb(107, 107, 107); border-radius: 0%;box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.3);box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.3);box-shadow: 1.3px 1.3px 9.0px white, 1.0px 0.0px 1.0px white, -1.0px 0.0px 1.0px white, 0.0px 1.0px 1.0px white, 0.0px -1.0px 1.0px white, 1.3px 1.3px 10.0px white, 1.7px 1.7px 21.0px white, 1.7px -3.7px 25.0px 3px white;}

ul {background-color: rgba(192, 192, 192, 0.371);
list-style-type: none;
m argin: 0;
padding: 0px 50px;
overflow: hidden;
border-radius: 100px;
background-color: rgba(190, 220, 255, 0.281);
width: 90%;heigh t: 47px;
p osition: -webkit-sticky; /* Safari */
p osition: sticky;
top: 0;
ba ckdrop-filter: blur(1.7px);
box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.3);
border: 3px solid rgba(255,255,255,0.3);
border-left: 4px solid rgba(255,255,255,0.3);
box-shadow: 1.0px 0.0px 1.0px black, -1.0px 0.0px 1.0px black, 0.0px 1.0px 1.0px white, 0.0px -1.0px 1.0px white, 1.3px 1.3px 10.0px black, 1.3px 1.3px 29.0px white, 1.0px 0.0px 1.0px white, -1.0px 0.0px 1.0px white, 0.0px 1.0px 1.0px white, 0.0px -1.0px 1.0px white, 1.3px 1.3px 10.0px white, 1.7px 1.7px 21.0px white, 1.7px 1.7px 25.0px black, 1.3px 1.3px 29.0px black, 1.0px 0.0px 1.0px black, -1.0px 0.0px 1.0px white, 0.0px 1.0px 1.0px white, 0.0px -1.0px 1.0px white, 1.3px 1.3px 10.0px white, 1.7px 1.7px 21.0px black, 1.7px 1.7px 25.0px black;
z-index: 0;
}
ul:hover{
box-shadow: 1.3px 1.3px 29.0px white, 1.0px 0.0px 1.0px white, -1.0px 0.0px 1.0px white, 0.0px 1.0px 1.0px white, 0.0px -1.0px 1.0px white, 1.3px 1.3px 10.0px white, 1.7px 1.7px 21.0px white, 1.7px 1.7px 25.0px grey, 1.3px 1.3px 29.0px black, 1.0px 0.0px 1.0px black, -1.0px 0.0px 1.0px white, 0.0px 1.0px 1.0px white, 0.0px -1.0px 1.0px white, 1.3px 1.3px 10.0px white, 1.7px 1.7px 21.0px black, 1.7px 1.7px 25.0px black;
backgro und-color: rgba(192, 192, 192, 0.371);
z-index: 1;
}

li {
float: left;
}

li a, .dropbtn {
display: inline-block;
color: white;
text-align: center;
padding: 14px 16px;
text-decoration: none;border-radius: 10px;
}

li a:hover, .dropdown:hover .dropbtn {
background-color: rgba(150, 62, 62, 0.281);
}

li.dropdown {
display: inline-block;
}

.dropdown-content {border-radius: 10px;
display: none;
position: absolute;
background-color: rgba(150, 62, 62, 0.281);bac kground-color: rgba(190, 220, 255, 0.281);
min-width: 160px;
box-shadow: 1.3px 1.3px 29.0px white, 1.0px 0.0px 1.0px white, -1.0px 0.0px 1.0px white, 0.0px 1.0px 1.0px white, 0.0px -1.0px 1.0px white, 1.3px 1.3px 10.0px white, 1.7px 1.7px 21.0px white, 1.7px 1.7px 25.0px grey; inset;
z-index: 1;backdrop-filter: blur(10.7px);
}

.dropdown-content a {
color: white;
padding: 12px 16px;
text-decoration: none;
display: block;
text-align: left;
}

.dropdown-content a:hover{
box-shadow: 1.3px 1.3px 29.0px white, 1.0px 0.0px 1.0px white, -1.0px 0.0px 1.0px white, 0.0px 1.0px 1.0px white, 0.0px -1.0px 1.0px white, 1.3px 1.3px 10.0px white, 1.7px 1.7px 21.0px white, 1.7px 1.7px 25.0px grey; inset;
background-color: rgba(192, 192, 192, 0.371);
z-index: 1;}

.dropdown:hover .dropdown-content {
display: block;
}
.active {background-color: #ffe3679c;}
.deactive {background-color: rgba(192, 192, 192, 0.3);}
.normactive {background-color: rgba(150, 62, 62, 0.281);}

#b5, #b7, #b23, #b25,#Stan dard {display: none;}
.buttons{
margin: 1;
top: 0;
right: -100;
height: 1px;
width: 100%;
padding:0px 0px;
border-radius: 100px;
background-color: rgba(150, 62, 62, 0);

position: fix ed;
display: fljex;
flex-direction: colmn;
justify-content: flexstart;
align-items: center;

backdrop-filter: blur(1.7px);
border: 3px solid rgba(255,255,255,0.3);
border-left: 4px solid rgba(255,255,255,0.3);
box-shadow: 3px 3px 3px rgba(255,255,255,0.3);
z-index: 1;

box-shadow: 1.3px 1.3px 29.0px white, 1.0px 0.0px 1.0px white, -1.0px 0.0px 1.0px white, 0.0px 1.0px 1.0px white, 0.0px -1.0px 1.0px white, 1.3px 1.3px 10.0px white, 1.7px 1.7px 21.0px white, 1.7px 1.7px 25.0px grey; inset;
background-color: rgba(192, 192, 192, 0.371);
z-index: 1;
}

#b5, #b7, #b17, #b19, #b23, #b25,#Stan dard {display: none;}
.buttons{
margin: 1;
top: 0;
right: -100;
height: 1px;
width: 100%;
padding:0px 0px;
border-radius: 100px;
background-color: rgba(150, 62, 62, 0);

position: fi xed;
display: fljex;
flex-direction: colmn;
justify-content: flexstart;
align-items: center;

backdrop-filter: blur(1.7px);
border: 3px solid rgba(255,255,255,0.7);
border-left: 4px solid rgba(255,255,255,0.3);
box-shadow: 3px 3px 3px rgba(255,255,255,0.3);
z-index: 1;

box-shadow: 1.3px 1.3px 29.0px white, 1.0px 0.0px 1.0px white, -1.0px 0.0px 1.0px white, 0.0px 1.0px 1.0px white, 0.0px -1.0px 1.0px white, 1.3px 1.3px 10.0px white, 1.7px 1.7px 21.0px white, 1.7px 1.7px 25.0px grey; inset;
background-color: rgba(192, 192, 192, 0.371);
z-index: 3;
}.glass-buttons{pad ding: 0px;overflow: hidden;border-radius: 10px;background-color: rgba(255, 255, 255, 0.70);backdrop-filter: blur(70.7px);border: 3px solid rgba(255,255,255,0.3);backdrop-filter: blur(7px); box-shadow: 1.3px 1.3px 29.0px white, 1.0px 0.0px 1.0px white, -1.0px 0.0px 1.0px white, 0.0px 1.0px 1.0px white, 0.0px -1.0px 1.0px white, 1.3px 1.3px 10.0px white, 1.7px 1.7px 21.0px white, 1.7px 1.7px 25.0px grey; inset; background-color: rgba(255, 255, 255, 0.477); front-color: rgb(255, 139, 139);}
.buttonsmittig{top: 0; padding: 10px; display: flex; justify-content: space-between; he ight:23px; width: 95.7%;pa dding:0px; overflow: hid den;bo rder-radius: 100px;background-color: rgba(255, 255, 255, 0.070);backdrop-filter: blur (0px);border: 3.1px solid rgba(255,255,255,0.3);backdrop-filter: blur(7px);box-shadow: 3.0px 0.0px 1.0px white, -3.0px 0.0px 1.0px white, 0.0px 2.0px 1.0px white, 0.0px -3.0px 1.0px white, 1.3px 1.3px 10.0px black, 1.3px 1.3px 1.0px white, 1.0px 0.0px 1.0px white, -1.0px 0.0px 1.0px white, 0.0px 1.0px 1.0px white, 0.0px -1.0px 1.0px white, 1.3px 1.3px 10.0px white, 1.7px 1.7px 1.0px white, 1.7px 1.7px 25.0px grey; inset;backgr ound-color: rgba(255, 255, 255, 0.575);front-color: rgb(255, 139, 139);}
.glass-buttons:hover{backdrop-filter: blur(7px);
box-shadow: 1.3px 1.3px 29.0px white, 1.0px 0.0px 1.0px white, -1.0px 0.0px 1.0px white, 0.0px 1.0px 1.0px white, 0.0px -1.0px 1.0px white, 1.3px 1.3px 10.0px white, 1.7px 1.7px 21.0px white, 1.7px 1.7px 25.0px rgb(255, 255, 255); inset;
background-color: rgba(255, 255, 255, 0.546);
front-color: rgb(255, 139, 139);}
.linksmittig{to p: 0; display: flex; justify-content: space-between; he ight:23px; wi dth: 95.7%;pa dding:0px; over flow: hid den;border-radius: 3px;padding:0px 7px;background-color: transparent;bac kdrop-filter: blur (0px);border: 7px solid rgba(255,255,255,0.3);ba ckdrop-filter: blur(7px);box-shadow: 1.3px 1.3px 1.0px white, 1.0px 0.0px 1.0px white, -1.0px 0.0px 1.0px white, 0.0px 1.0px 1.0px white, 0.0px -1.0px 1.0px white, 1.3px 1.3px 10.0px white, 1.7px 1.7px 1.0px white, 1.7px 1.7px 25.0px grey; inset;backgr ound-color: rgba(255, 255, 255, 0.575);fr ont-color: rgb(255, 139, 139);}
.buttonsmittig:hover{top: 0; padding: 10px; display: flex; justify-content: space-between; he ight:23px; width: 95.7%;pa dding:0px; overflow: hid den;bo rder-radius: 100px;background-color: rgba(255, 255, 255, 0.070);backdrop-filter: blur (0px);border: 3.1px solid rgba(255,255,255,0.3);backdrop-filter: blur(7px);box-shadow: 3.0px 0.0px 1.0px white, -3.0px 0.0px 1.0px white, 0.0px 2.0px 1.0px white, 0.0px -3.0px 1.0px white, 1.3px 1.3px 10.0px black, 1.3px 1.3px 1.0px white, 1.0px 0.0px 1.0px white, -1.0px 0.0px 1.0px white, 0.0px 1.0px 1.0px white, 0.0px -1.0px 1.0px white, 1.3px 1.3px 10.0px white, 1.7px 1.7px 1.0px white, 1.7px 1.7px 25.0px grey; inset; background-color: rgba(255, 255, 255, 0.1);front-color: rgb(255, 139, 139);}
::-webkit-scrollbar {width: 10px; /* Breite der Scrollbar */}::-webkit-scrollbar-thumb {background: rgba(0,0,0,0.5); /* Farbe und Transparenz der Scrollbar */}/* Für Firefox */html {scrollbar-width: thin; /* Breite der Scrollbar */scroll bar-color: rgba(0,0,0,0.5) transparent; /* Farbe und Transparenz der Scrollbar */}

.glass-container0{
height: AUTO;
width: 86%;
padding:50px 50px;
border-radius: 100px;
background-color: rgba(225, 225, 99, 0.281);
box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.3);
position: relative;
display: flex;
flex-direction: column;
justify-content: flexstart;
allign-items: center;
box-shadow: 1.0px 0.0px 1.0px black, -1.0px 0.0px 1.0px black, 0.0px 1.0px 1.0px white, 0.0px -1.0px 1.0px white, 1.3px 1.3px 10.0px black, 1.3px 1.3px 29.0px white, 1.0px 0.0px 1.0px white, -1.0px 0.0px 1.0px white, 0.0px 1.0px 1.0px white, 0.0px -1.0px 1.0px white, 1.3px 1.3px 10.0px white, 1.7px 1.7px 21.0px white, 1.7px 1.7px 25.0px black, 1.3px 1.3px 29.0px black, 1.0px 0.0px 1.0px black, -1.0px 0.0px 1.0px white, 0.0px 1.0px 1.0px white, 0.0px -1.0px 1.0px white, 1.3px 1.3px 10.0px white, 1.7px 1.7px 21.0px black, 1.7px 1.7px 25.0px black;
backdrop-filter: blur(1.7px);
border: 3px solid rgba(255,255,255,0.3);
border-left: 4px solid rgba(255,255,255,0.3);
bo x-shadow: 1.3px 1.3px 29.0px white, 1.0px 0.0px 1.0px white, -1.0px 0.0px 1.0px white, 0.0px 1.0px 1.0px white, 0.0px -1.0px 1.0px white, 1.3px 1.3px 10.0px white, 1.7px 1.7px 21.0px white, 1.7px 1.7px 25.0px grey; inset;
ba ckground-color: rgba(192, 192, 192, 0.371);
z-index: 1;margin: 0 auto;
}.glass-container0:hover{box-shadow: 1.3px 1.3px 29.0px white, 1.0px 0.0px 1.0px white, -1.0px 0.0px 1.0px white, 0.0px 1.0px 1.0px white, 0.0px -1.0px 1.0px white, 1.3px 1.3px 10.0px white, 1.7px 1.7px 21.0px white, 1.7px 1.7px 25.0px grey, 1.3px 1.3px 29.0px black, 1.0px 0.0px 1.0px black, -1.0px 0.0px 1.0px white, 0.0px 1.0px 1.0px white, 0.0px -1.0px 1.0px white, 1.3px 1.3px 10.0px white, 1.7px 1.7px 21.0px black, 1.7px 1.7px 25.0px grey; inset;background-color: rgba(192, 192, 192, 0.371);z-index: 1;}

.glass-container1{
height: 100px;
width: 87%;
padding:50px 50px;
border-radius: 100px;
background-color: rgba(190, 220, 255, 0.281);

position: relative;
display: flex;
flex-direction: column;
justify-content: flexstart;
allign-items: center;

backdrop-filter: blur(1.7px);
border: 3px solid rgba(255,255,255,0.3);
border-left: 4px solid rgba(255,255,255,0.3);
box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.3);
z-index: 1;margin: 0 auto;
}
.glass-container1:hover{
box-shadow: 1.3px 1.3px 29.0px white, 1.0px 0.0px 1.0px white, -1.0px 0.0px 1.0px white, 0.0px 1.0px 1.0px white, 0.0px -1.0px 1.0px white, 1.3px 1.3px 10.0px white, 1.7px 1.7px 21.0px white, 1.7px 1.7px 25.0px grey; inset;
background-color: rgba(192, 192, 192, 0.371);
z-index: 1;
}

.glass-container2{
height: px;
width: 89%;
padding:50px 50px;
border-radius: 100px;
background-color: rgba(150, 62, 62, 0.281);
boxold-shadow: 3px 3px 3px rgba(0, 0, 0, 0.3);
position: relative;
display: flex;
flex-direction: column;
justify-content: flexstart;
allign-items: center;
box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.3);
backdrop-filter: blur(1.7px);
border: 3px solid rgba(255,255,255,0.3);
border-left: 4px solid rgba(255,255,255,0.3);
box-shadow: 1.0px 0.0px 1.0px black, -1.0px 0.0px 1.0px black, 0.0px 1.0px 1.0px white, 0.0px -1.0px 1.0px white, 1.3px 1.3px 10.0px black, 1.3px 1.3px 29.0px white, 1.0px 0.0px 1.0px white, -1.0px 0.0px 1.0px white, 0.0px 1.0px 1.0px white, 0.0px -1.0px 1.0px white, 1.3px 1.3px 10.0px white, 1.7px 1.7px 21.0px white, 1.7px 1.7px 25.0px black, 1.3px 1.3px 29.0px black, 1.0px 0.0px 1.0px black, -1.0px 0.0px 1.0px white, 0.0px 1.0px 1.0px white, 0.0px -1.0px 1.0px white, 1.3px 1.3px 10.0px white, 1.7px 1.7px 21.0px black, 1.7px 1.7px 25.0px black;
margin: 0 auto;
z-index: 0;
}
.glass-container2:hover{
box-shadow: 1.3px 1.3px 29.0px white, 1.0px 0.0px 1.0px white, -1.0px 0.0px 1.0px white, 0.0px 1.0px 1.0px white, 0.0px -1.0px 1.0px white, 1.3px 1.3px 10.0px white, 1.7px 1.7px 21.0px white, 1.7px 1.7px 25.0px grey; inset;
background-color: rgba(192, 192, 192, 0.371);
z-index: 1;
}

.glass-container0 p33:hover, .glass-container1 p33:hover, .glass-container2 p33:hover{color: rgb(255, 255, 255, 0.993); transition:color 0.7s ease; te xt-shadow:1px 1px 29px;  rgba(255, 255, 255, 0.279); inset}
p33{background: url("texture-STONE_640.jpg");-webkit-background-clip: text;background-clip: text;
color: rgba(0, 0, 0, 0);
front-shadow: rgb(135, 6, 6) 17px 17px 17px 13px;
font-size: large; font-weight: 500;
text-s hadow: 1.3px 1.3px 29.0px rgb(255, 255, 255), 1.0px 0.0px 1.0px rgb(0, 0, 0), -1.0px 0.0px 1.0px rgb(255, 255, 255), 0.0px 1.0px 1.0px rgb(0, 0, 0), 0.0px -1.0px 1.0px rgb(0, 0, 0), 1.3px 1.3px 10.0px white, 1.7px 1.7px 21.0px black, 1.7px 1.7px 25.0px grey;
}

a70{
margin; 30px;
backdrop-filter: blur(0px);
color: white;
color:_marker
border: 4px solid rgba(255,255,255,0.3);
text-shadow: 1.3px 1.3px 29.0px silver, 1.0px 0.0px 1.0px black, -1.0px 0.0px 1.0px white, 0.0px 1.0px 1.0px grey, 0.0px -1.0px 1.0px grey, 1.3px 1.3px 10.0px white, 1.7px 1.7px 21.0px lightgrey, 1.7px 1.7px 25.0px lightgrey;
}
a701{margin; 30px;backdrop-filter: blur(0px);color: white;col or:marker;bo rder: 4px solid rgba(255,255,255,0.3);text-shadow: 1.3px 1.3px 29.0px white, 1.0px 0.0px 1.0px black, -1.0px 0.0px 1.0px white, 0.0px 1.0px 1.0px black, 0.0px -1.0px 1.0px white, 1.3px 1.3px 10.0px white, 1.7px 1.7px 21.0px black, 1.7px 1.7px 25.0px white;border-radius: 100px;}

a10{
background: url("texture-STONE_640.jpg");
-webkit-background-clip: text;
background-clip: text;
color: transparent;
}a100{color: rgba(255, 255, 255, 0.416);front-shadow: rgb(135, 6, 6) 17px 17px 17px 13px;font-size: LARGE;font-weight: 700;text-shadow: 1.3px 1.3px 29.0px rgb(255, 255, 255), 1.0px 0.0px 1.0px rgb(0, 0, 0), -1.0px 0.0px 1.0px rgb(255, 255, 255), 0.0px 1.0px 1.0px rgb(0, 0, 0), 0.0px -1.0px 1.0px rgb(0, 0, 0), 1.3px 1.3px 10.0px white, 1.7px 1.7px 21.0px black, 1.7px 1.7px 25.0px rgba(82, 82, 82, 0.463);}

a2 {
background-color: silver;
align-items: center;
cursor: pointer;
padding; 100px;
box-shadow: 1.3px 1.3px 29.0px black, 1.0px 0.0px 1.0px black, -1.0px 0.0px 1.0px white, 0.0px 1.0px 1.0px white, 0.0px -1.0px 1.0px white, 1.3px 1.3px 10.0px white, 1.7px 1.7px 21.0px black, 1.7px 1.7px 25.0px grey;
}

"a12:hover{
background-color: gold
}"


button{
min-height: 10px;
min-width: 10py;
text-shadow: 1.3px 1.3px 29.0px black, 1.0px 0.0px 1.0px black, -1.0px 0.0px 1.0px white, 0.0px 1.0px 1.0px white, 0.0px -1.0px 1.0px white, 1.3px 1.3px 10.0px white, 1.7px 1.7px 21.0px black, 1.7px 1.7px 25.0px grey;

background-color: silver;
margin: 20px 20px 20px 20px;

cursor: pointer;






bo rder-radius: 100%;
font-si ze: 1.2rem;
font-weight: 10;
border-collapse: seperat;
pad ding: 7px 7px;
text-align: center;
}
button:hover{backdrop-filter: blur(7px);
bo x-shadow: 1.3px 1.3px 29.0px white, 1.0px 0.0px 1.0px white, -1.0px 0.0px 1.0px white, 0.0px 1.0px 1.0px white, 0.0px -1.0px 1.0px white, 1.3px 1.3px 10.0px white, 1.7px 1.7px 21.0px white, 1.7px 1.7px 25.0px rgb(255, 255, 255); inset;
background-color: rgba(255, 255, 255, 0.856);
front-color: rgb(255, 139, 139);
}

table {
background: url("texture-STONE_640.jpg");
min-height: 10px;
min-witdh: 10py;

justify-content: center;
align-items: center;
border-radius: 0%;
font-size: 1.2rem;
font-weight: 1;

border-collapse: seperat;
padding: 0px 0px;
text-align: center;
box-shadow: 0px 0px 0px black;
}

summary {
background: url("texture-STONE_640.jpg");
min-height: 10px;
min-witdh: 10py;
display: flex;
justify-content: center;
align-items: center;
border-radius: 7%;
font-size: 1.2rem;
font-weight: 10;
box-s hadow:   -1.0px 0.0px 1.0px white, 0.0px 1.0px 1.0px white, 0.0px -1.0px 1.0px white, 1.3px 1.3px 10.0px white, 1.7px 1.7px 25.0px rgb(255, 255, 255); inset;
border-collapse: seperat;
p adding: 10px 10px;
text-align: right;
box-shadow: 1.0px 0.0px 1.0px black, -1.0px 0.0px 1.0px black, 0.0px 1.0px 100.0px white, 0.0px -1.0px 10.0px white, 1.3px 1.3px 10.0px black, 1.3px 1.3px 29.0px black, 1.0px 0.0px 1.0px black, -1.0px 0.0px 1.0px white, 0.0px 1.0px 1.0px white, 0.0px -1.0px 1.0px white, 1.3px 1.3px 10.0px white, 1.7px 1.7px 21.0px black, 1.7px 1.7px 25.0px grey, 1.3px 1.3px 29.0px black, 1.0px 0.0px 1.0px black, -1.0px 0.0px 1.0px white, 0.0px 1.0px 1.0px white, 0.0px -1.0px 1.0px white, 1.3px 1.3px 10.0px white, 1.7px 1.7px 21.0px black, 1.7px 1.7px 25.0px grey;
}

details[open] summary {box-shadow: 1.3px 1.3px 29.0px white, 1.0px 0.0px 1.0px white, -1.0px 0.0px 1.0px white, 0.0px 1.0px 1.0px white, 0.0px -1.0px 1.0px white, 1.3px 1.3px 10.0px white, 1.7px 1.7px 21.0px white, 1.7px 1.7px 25.0px grey; inset;}
summary:hover{box-shadow: 1.0px 0.0px 1.0px black, -1.0px 0.0px 1.0px black, 0.0px 1.0px 100.0px white, 0.0px -1.0px 10.0px white, 1.3px 1.3px 10.0px black, 1.3px 1.3px 1.0px white, 1.0px 0.0px 1.0px white, -1.0px 0.0px 1.0px white, 0.0px 1.0px 1.0px white, 0.0px -1.0px 1.0px white, 1.3px 1.3px 7.0px white, 1.7px 1.7px 1.0px white, 1.7px 1.7px 25.0px black,1.7px -1.7px 1.0px 1px white,1.7px -1.7px 1000.0px 1px white, 1.3px 1.3px 29.0px black, 1.0px 0.0px 1.0px black, -1.0px 0.0px 1.0px white, 0.0px 1.0px 1.0px white, 0.0px -1.0px 1.0px white, 1.3px 1.3px 10.0px white, 1.7px 1.7px 21.0px black, 1.7px 1.7px 25.0px grey; inset;}

details .number:hover{
box-shadow: 1.3px 1.3px 29.0px white, 1.0px 0.0px 1.0px white, -1.0px 0.0px 1.0px white, 0.0px 1.0px 1.0px white, 0.0px -1.0px 1.0px white, 1.3px 1.3px 10.0px white, 1.7px 1.7px 21.0px white, 1.7px 1.7px 25.0px white, 1.3px 1.3px 29.0px white, 1.0px 0.0px 1.0px white, -1.0px 0.0px 1.0px white, 0.0px 1.0px 1.0px black, 0.0px -1.0px 1.0px black, 1.3px 1.3px 10.0px black, 1.7px 1.7px 21.0px black, 1.7px 1.7px 25.0px black; inset;
background-color: silver;
}details[open] .number{
box-shadow: 1.3px 1.3px 29.0px white, 1.0px 0.0px 1.0px white, -1.0px 0.0px 1.0px white, 0.0px 1.0px 1.0px white, 0.0px -1.0px 1.0px white, 1.3px 1.3px 10.0px white, 1.7px 1.7px 21.0px white, 1.7px 1.7px 25.0px black, 1.3px 1.3px 29.0px black, 1.0px 0.0px 1.0px black, -1.0px 0.0px 1.0px white, 0.0px 1.0px 1.0px white, 0.0px -1.0px 1.0px white, 1.3px 1.3px 10.0px white, 1.7px 1.7px 21.0px black, 1.7px 1.7px 25.0px black; inset;
background-color: silver;
}
details[open] .number:hover{
box-shadow: 1.3px 1.3px 29.0px white, 1.0px 0.0px 1.0px white, -1.0px 0.0px 1.0px white, 0.0px 1.0px 1.0px white, 0.0px -1.0px 1.0px white, 1.3px 1.3px 10.0px white, 1.7px 1.7px 21.0px white, 1.7px 1.7px 25.0px white, 1.3px 1.3px 29.0px white, 1.0px 0.0px 1.0px white, -1.0px 0.0px 1.0px white, 0.0px 1.0px 1.0px black, 0.0px -1.0px 1.0px black, 1.3px 1.3px 10.0px black, 1.7px 1.7px 21.0px black, 1.7px 1.7px 25.0px black; inset;
background-color: silver;
}
details .number{
background-color: silver;
min-height: 10px;
min-witdh: 10py;
display: flex;
justify-content: center;
align-items: center;
border-radius: 7%;
font-size: 1.2rem;
font-weight: 10;
box-shadow: 1.3px 1.3px 3.0px black;
border-collapse: seperat;
padding: 10px 10px;
text-align: right;
box-shadow: 1.3px 1.3px 29.0px white, 1.0px 0.0px 1.0px white, -1.0px 0.0px 1.0px white, 0.0px 1.0px 1.0px white, 0.0px -1.0px 1.0px white, 1.3px 1.3px 10.0px white, 1.7px 1.7px 21.0px white, 1.7px 1.7px 25.0px black, 1.3px 1.3px 29.0px black, 1.0px 0.0px 1.0px black, -1.0px 0.0px 1.0px black, 0.0px 1.0px 1.0px black, 0.0px -1.0px 1.0px black, 1.3px 1.3px 10.0px black, 1.7px 1.7px 21.0px black, 1.7px 1.7px 25.0px black; inset;
}
table, th, td {
border: 0,3px solid black;
border-collapse: seperat;
padding: 10px 10px;
text-align: center;
box-shadow: 3px 3px 3px white;
max-width: 100%;
margin: 3px 3px 3px 3px;
height: AUTO;
width: 77%;
padding:50px 50px;
bo rder-radius: 10px;
background-color: rgba(150, 62, 62, 0.281);
background-color: rgba(190, 220, 255, 0.281);
position: relative;
display: flex;
flex-direction: column;
justify-content: flexstart;
allign-items: center;

backdrop-filter: blur(.7px);
border: 3px solid rgba(255,255,255,0.3);
border-left: 4px solid rgba(255,255,255,0.3);
box-shadow: 1.0px 0.0px 1.0px black, -1.0px 0.0px 1.0px black, 0.0px 1.0px 100.0px white, 0.0px -1.0px 10.0px white, 1.3px 1.3px 10.0px black, 1.3px 1.3px 29.0px white, 1.0px 0.0px 1.0px white, -1.0px 0.0px 1.0px white, 0.0px 1.0px 1.0px white, 0.0px -1.0px 1.0px white, 1.3px 1.3px 10.0px white, 1.7px 1.7px 21.0px white, 1.7px 1.7px 25.0px grey, 1.3px 1.3px 29.0px black, 1.0px 0.0px 1.0px black, -1.0px 0.0px 1.0px white, 0.0px 1.0px 1.0px white, 0.0px -1.0px 1.0px white, 1.3px 1.3px 10.0px white, 1.7px 1.7px 21.0px black, 1.7px 1.7px 25.0px grey; inset;
b ackground-color: rgba(192, 192, 192, 0.371);
z-index: 1;











align-items: center;
b order-radius: 7%;
font-size: 1.2rem;
font-weight: 10;

}

td {
font-size: 15px;
}

.columa1 {
box-shadow: 1.3px 1.3px 29.0px black, 1.0px 0.0px 1.0px black, -1.0px 0.0px 1.0px white, 0.0px 1.0px 1.0px white, 0.0px -1.0px 1.0px white, 1.3px 1.3px 10.0px white, 1.7px 1.7px 21.0px black, 1.7px 1.7px 25.0px grey;
}

a74 {text-shadow: 1.3px 1.3px 29.0px black, 1.0px 0.0px 1.0px black, -1.0px 0.0px 1.0px white, 0.0px 1.0px 1.0px white, 0.0px -1.0px 1.0px white, 1.3px 1.3px 10.0px white, 1.7px 1.7px 21.0px black, 1.7px 1.7px 25.0px grey;
color: rgb(166, 166, 166);


}

a31 {text-shadow: 1.3px 1.3px 29.0px black, 1.0px 0.0px 1.0px black, -1.0px 0.0px 1.0px white, 0.0px 1.0px 1.0px white, 0.0px -1.0px 1.0px white, 1.3px 1.3px 10.0px white, 1.7px 1.7px 21.0px black, 1.7px 1.7px 25.0px grey;

color: silver;

}

a1 {text-shadow: 1.3px 1.3px 29.0px black, 1.0px 0.0px 1.0px black, -1.0px 0.0px 1.0px white, 0.0px 1.0px 1.0px black, 0.0px -1.0px 1.0px white, 1.3px 1.3px 10.0px white, 1.7px 1.7px 21.0px black, 1.7px 1.7px 25.0px black;
color: rgba(255, 255, 255, 0.883);font-size: 1.2em; background-color: #ffffff32;ba ckground-color: #0b0a0a2e;border-radius: 12%;
}a1:hover{border-radius: 3px ;box-shadow: 1.3px 1.3px 29.0px white, 1.0px 0.0px 1.0px white, -1.0px 0.0px 1.0px white, 0.0px 1.0px 1.0px white, 0.0px -1.0px 1.0px white, 1.3px 1.3px 10.0px white, 1.7px 1.7px 21.0px white, 1.7px 1.7px 25.0px grey; inset;background-color: #ffffff32;ba ckground-color: #0b0a0a2e }
a01 {text-shadow: 1.3px 1.3px 29.0px black, 1.0px 0.0px 1.0px black, -1.0px 0.0px 1.0px white, 0.0px 1.0px 1.0px white, 0.0px -1.0px 1.0px white, 1.3px 1.3px 10.0px white, 1.7px 1.7px 21.0px black, 1.7px 1.7px 25.0px grey;color: rgba(192, 192, 192, 0.181);}
a01b {text-shadow: 1.3px 1.3px 29.0px lightgrey, 1.0px 0.0px 1.0px black, -1.0px 0.0px 1.0px white, 0.0px 1.0px 1.0px white, 0.0px -1.0px 1.0px white, 1.3px 1.3px 10.0px white, 1.7px 1.7px 21.0px lightgrey, 1.7px 1.7px 25.0px rgb(255, 255, 255);color: #1a1a1a00;}
a15 {text-shadow: 1.3px 1.3px 29.0px white, 1.0px 0.0px 1.0px white, -1.0px 0.0px 1.0px white, 0.50px 0.50px 0.50px rgb(255, 255, 255), 0.0px -1.0px 1.0px white, 1.3px 1.3px 10.0px white, 1.7px 1.7px 21.0px white, 1.7px 1.7px 25.0px rgb(255, 255, 255);
c olor: white;
font-size: 41px;
font-weight: 10;
}

a17 {text-shadow: 1.3px 1.3px 29.0px white, 1.0px 0.0px 1.0px white, -1.0px 0.0px 1.0px white, 0.50px 0.50px 0.50px rgb(255, 255, 255), 0.0px -1.0px 1.0px white, 1.3px 1.3px 10.0px white, 1.7px 1.7px 21.0px white, 1.7px 1.7px 25.0px rgb(255, 255, 255);
color: #black;
font-size: 19px;
font-weight: 700;
}

tr:nth-child(1){
b ox-shadow: 4px 4px 4px 1px black
}

th:fir st-child{
b order-radius: 20px 0px 0px 0px;
}

th:first-child{
b order-radius:20px 20px 0px 0px;
}

body{
height: 100vh;
background: url("texture-STONE_640.jpg");

justify-content: center;
align-items: center;
}a157 {background: rgba(185, 185, 185, 0.677); border:3px solid rgba(255, 255, 255, 0.100); border-left:4px solid rgba(255, 255, 255, 0.100);color: rgba(255, 255, 255, 0.993);front-shadow: white 17px 17px 17px 13px;font-size: x-large;font-weight: 700;text-shadow: 1.3px 1.3px 29.0px black, 1.0px 0.0px 1.0px black, -1.0px 0.0px 1.0px black, 0.0px 1.0px 1.0px black, 0.0px -1.0px 1.0px black, 1.3px 1.3px 10.0px black, 1.7px 1.7px 21.0px black, 1.7px 1.7px 25.0px rgb(0, 0, 0);} .wordsmittig{ display: flex; justify-content: center; padding: 10px; width: 100%; ov erflow: hid den;ri ght: -70%;} .stonea01{width: 97%;border-radius: 10%;padding:10px; background-color: lightgrey; overflow-wrap: break-word; bac kground: url("texture-STONE_640.jpg.jpg");mar gin: left;border:3px solid rgb(100, 100, 100);box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.3);box-shadow: 1.0px 0.0px 1.0px black, -1.0px 0.0px 1.0px black, 0.0px 1.0px 1.0px white, 0.0px -1.0px 1.0px white, 1.3px 1.3px 10.0px black, 1.3px 1.3px 9.0px black, 1.0px 0.0px 1.0px black, -1.0px 0.0px 1.0px white, 0.0px 1.0px 1.0px white, 0.0px -1.0px 1.0px white, 1.3px 1.3px 10.0px white, 1.7px 1.7px 21.0px white, 1.7px -3.7px 25.0px 3px white;}

































.glass-container0, .glass-container1, .glass-container2{
height: AUTO;

padding:50px 50px;
border-radius: 100px;

box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.3);
position: relative;
display: flex;
flex-direction: column;
justify-content: flexstart;
allign-items: center;
box-shadow: 1.0px 0.0px 1.0px black, -1.0px 0.0px 1.0px black, 0.0px 1.0px 1.0px white, 0.0px -1.0px 1.0px white, 1.3px 1.3px 10.0px black, 1.3px 1.3px 29.0px white, 1.0px 0.0px 1.0px white, -1.0px 0.0px 1.0px white, 0.0px 1.0px 1.0px white, 0.0px -1.0px 1.0px white, 1.3px 1.3px 10.0px white, 1.7px 1.7px 21.0px white, 1.7px 1.7px 25.0px black, 1.3px 1.3px 29.0px black, 1.0px 0.0px 1.0px black, -1.0px 0.0px 1.0px white, 0.0px 1.0px 1.0px white, 0.0px -1.0px 1.0px white, 1.3px 1.3px 10.0px white, 1.7px 1.7px 21.0px black, 1.7px 1.7px 25.0px black;
backdrop-filter: blur(1.7px);
border: 3px solid rgba(255,255,255,0.3);
border-left: 4px solid rgba(255,255,255,0.3);
transition: 137ms ease-out;pa dding: 10px 10px;pad ding: 0px;ove rflow: hidden;bo rder-radius: 100px;backgr ound-color: rgba(255, 255, 255, 0.70);ba ckdrop-filter: blur(70.7px);border: 3.4px solid rgba(255,255,255,0.3);backdro p-filter: blur(7px);box -shadow: 1.3px 1.3px 29.0px white, 1.0px 0.0px 1.0px white, -1.0px 0.0px 1.0px white, 0.0px 1.0px 1.0px white, 0.0px -1.0px 1.0px white, 1.3px 1.3px 10.0px white, 1.7px 1.7px 21.0px white, 1.7px 1.7px 25.0px grey; in set;background-color: rgba(255, 255, 255, 0.077);fron t-color: rgb(255, 139, 139);
ba ckground-color: rgba(192, 192, 192, 0.371);
z-index: 1;
}

.glass-container0:hover, .glass-container1:hover, .glass-container2:hover {box-shadow: 1.3px 1.3px 29.0px white, 1.0px 0.0px 1.0px white, -1.0px 0.0px 1.0px white, 0.0px 1.0px 1.0px white, 0.0px -1.0px 1.0px white, 1.3px 1.3px 10.0px white, 1.7px 1.7px 21.0px white, 1.7px 1.7px 25.0px grey, 1.3px 1.3px 29.0px black, 1.0px 0.0px 1.0px black, -1.0px 0.0px 1.0px white, 0.0px 1.0px 1.0px white, 0.0px -1.0px 1.0px white, 1.3px 1.3px 10.0px white, 1.7px 1.7px 21.0px black, 1.7px 1.7px 25.0px grey; inset;background-color: rgba(192, 192, 192, 0.371);z-index: 1;}
.dropdown-content {z-index: 2; opacity: 0.9;tran sition: opacity 0.4s ease;}.dropdown-content {
  opacity: 0;
  transition: opacity 1.4s ease;
}

.dropdown:hover .dropdown-content {
  opacity: 1.0;
}
/* Der Text in TD startet rechts außerhalb */
.fly-text {
  opacity: 0;
  transform: translateX(1080px); /* Start: rechts außerhalb */
  transition: opacity 0.5s ease, transform 0.5s ease;
}

/* Beim Hover des DIVs → Text fliegt rein */
.fly-container:hover .fly-text {
  opacity: 1;
  transform: translateX(0);
}


.glass-container0{
width: 86%;
background-color: rgba(225, 225, 99, 0.281);
}
.glass-container1{
width: 87%;
background-color: rgba(190, 220, 255, 0.281);
}

.glass-container2{
width: 89%;
background-color: rgba(150, 62, 62, 0.281);
}

.glass-container0 p33:hover, .glass-container1 p33:hover, .glass-container2 p33:hover{color: rgb(255, 255, 255, 0.993); transition:color 0.7s ease; te xt-shadow:1px 1px 29px;  rgba(255, 255, 255, 0.279); inset}
.glassbackblue {background-color: rgba(190, 220, 255, 0.281);} .glassbackblue:hover {background-color: rgba(190, 220, 255, 0.281);}

.glass-container0{		
padding:50px 50px;		
border-radius: 100px;		
background-color: rgba(225, 225, 99, 0.281);		
box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.3);		
position: relative;		
display: flex;		
flex-direction: column;		
justify-content: flexstart;		
allign-items: center;		
box-shadow: 1.0px 0.0px 1.0px black, -1.0px 0.0px 1.0px black, 0.0px 1.0px 1.0px white, 0.0px -1.0px 1.0px white, 1.3px 1.3px 10.0px black, 1.3px 1.3px 29.0px white, 1.0px 0.0px 1.0px white, -1.0px 0.0px 1.0px white, 0.0px 1.0px 1.0px white, 0.0px -1.0px 1.0px white, 1.3px 1.3px 10.0px white, 1.7px 1.7px 21.0px white, 1.7px 1.7px 25.0px black, 1.3px 1.3px 29.0px black, 1.0px 0.0px 1.0px black, -1.0px 0.0px 1.0px white, 0.0px 1.0px 1.0px white, 0.0px -1.0px 1.0px white, 1.3px 1.3px 10.0px white, 1.7px 1.7px 21.0px black, 1.7px 1.7px 25.0px black;		
backdrop-filter: blur(1.7px);		
border: 3px solid rgba(255,255,255,0.3);		
border-left: 4px solid rgba(255,255,255,0.3);		
bo x-shadow: 1.3px 1.3px 29.0px white, 1.0px 0.0px 1.0px white, -1.0px 0.0px 1.0px white, 0.0px 1.0px 1.0px white, 0.0px -1.0px 1.0px white, 1.3px 1.3px 10.0px white, 1.7px 1.7px 21.0px white, 1.7px 1.7px 25.0px grey; inset;		
ba ckground-color: rgba(192, 192, 192, 0.371);		
z-index: 1;margin: 0 auto;		
}     


.glass-container0:hover, .glass-container1:hover, .glass-container2:hover, ul:hover{box-shadow: none; 
box-shadow: 
1.0px 0.0px 1.0px white, -1.0px 0.0px 1.0px white, 0.0px 1.0px 1.0px white, 0.0px -1.0px 1.0px white, 1.3px 1.3px 10.0px black, 1.3px 1.3px 9.0px black, 1.0px 0.0px 1.0px white, -1.0px 0.0px 1.0px white, 0.0px 1.0px 1.0px white, 0.0px -1.0px 1.0px white, 1.3px 1.3px 10.0px white, 1.7px 1.7px 21.0px white, 1.7px -3.7px 25.0px 3px white;   3.0px 0.0px 1.0px white, -3.0px 0.0px 1.0px white, 0.0px 2.0px 1.0px white, 0.0px -3.0px 1.0px white, 1.3px 1.3px 10.0px black, 1.3px 1.3px 1.0px white, 1.0px 0.0px 1.0px white, -1.0px 0.0px 1.0px white, 0.0px 1.0px 1.0px white, 0.0px -1.0px 1.0px white, 1.3px 1.3px 10.0px white, 1.7px 1.7px 1.0px white, 1.7px 1.7px 25.0px grey;}

.glass-container0:hover, .glass-container1:hover, .glass-container2:hover, ul:hover{box-shadow: none; 
box-shadow: 
1.0px 0.0px 1.0px white, -1.0px 0.0px 1.0px white, 0.0px 1.0px 1.0px white, 0.0px -1.0px 1.0px white, 1.3px 1.3px 10.0px black, 1.3px 1.3px 9.0px black, 1.0px 0.0px 1.0px white, -1.0px 0.0px 1.0px white, 0.0px 1.0px 1.0px white, 0.0px -1.0px 1.0px white, 1.3px 1.3px 10.0px white, 1.7px 1.7px 21.0px white, 1.7px -3.7px 25.0px 3px white, 1.3px 1.3px 29.0px white, 1.0px 0.0px 1.0px white, -1.0px 0.0px 1.0px white, 0.0px 1.0px 1.0px white, 0.0px -1.0px 1.0px white, 1.3px 1.3px 10.0px white, 1.7px 1.7px 21.0px white, 1.7px 1.7px 25.0px grey; 



1.3px 1.3px 29.0px white, 1.0px 0.0px 1.0px white, -1.0px 0.0px 1.0px white, 0.0px 1.0px 1.0px white, 0.0px -1.0px 1.0px white, 1.3px 1.3px 10.0px white, 1.7px 1.7px 21.0px white, 1.7px 1.7px 25.0px grey,; 
1.3px 1.3px 29.0px white, 1.0px 0.0px 1.0px white, -1.0px 0.0px 1.0px white, 0.0px 1.0px 1.0px white, 0.0px -1.0px 1.0px white, 1.3px 1.3px 10.0px white, 1.7px 1.7px 21.0px white, 1.7px 1.7px 25.0px grey,
1.3px 1.3px 29.0px black, 1.0px 0.0px 1.0px black, -1.0px 0.0px 1.0px white, 0.0px 1.0px 1.0px white, 0.0px -1.0px 1.0px white, 1.3px 1.3px 10.0px white, 1.7px 1.7px 21.0px black, 1.7px 1.7px 25.0px grey;
}

ul:hover {background-color: rgba(190, 220, 255, 0.281);}



.glass-container0, .glass-container1, .glass-container2, ul, .butto nsmittig, .buttons, .linksmit, .inmetall, .whiteboard{
box-shadow: 1.0px 0.0px 1.0px black, -1.0px 0.0px 1.0px black, 0.0px 1.0px 1.0px white, 0.0px -1.0px 1.0px white, 1.3px 1.3px 10.0px black, 1.3px 1.3px 9.0px black, 1.0px 0.0px 1.0px black, -1.0px 0.0px 1.0px white, 0.0px 1.0px 1.0px white, 0.0px -1.0px 1.0px white, 1.3px 1.3px 10.0px white, 1.7px 1.7px 21.0px white, 1.7px -3.7px 25.0px 3px white;   3.0px 0.0px 1.0px white, -3.0px 0.0px 1.0px white, 0.0px 2.0px 1.0px white, 0.0px -3.0px 1.0px white, 1.3px 1.3px 10.0px black, 1.3px 1.3px 1.0px white, 1.0px 0.0px 1.0px white, -1.0px 0.0px 1.0px white, 0.0px 1.0px 1.0px white, 0.0px -1.0px 1.0px white, 1.3px 1.3px 10.0px white, 1.7px 1.7px 1.0px white, 1.7px 1.7px 25.0px grey;}

.glass-container0 {box-s hadow: none; background-color: rgba(192, 192, 192, 0.371);
box-s hadow: 1.0px 0.0px 1.0px white, -1.0px 0.0px 1.0px white, 0.0px 1.0px 1.0px white, 0.0px -1.0px 1.0px white, 1.3px 1.3px 10.0px black, 1.3px 1.3px 9.0px black, 1.0px 0.0px 1.0px white, -1.0px 0.0px 1.0px white, 0.0px 1.0px 1.0px white, 0.0px -1.0px 1.0px white, 1.3px 1.3px 10.0px white, 1.7px 1.7px 21.0px white, 1.7px -3.7px 25.0px 3px white, 1.3px 1.3px 29.0px white, 1.0px 0.0px 1.0px white, -1.0px 0.0px 1.0px white, 0.0px 1.0px 1.0px white, 0.0px -1.0px 1.0px white, 1.3px 1.3px 10.0px white, 1.7px 1.7px 21.0px white, 1.7px 1.7px 25.0px grey;
}



.but tons, .buttonsmit tig, .link smittig{box-shadow: 3.0px 0.0px 1.0px white, -3.0px 0.0px 1.0px white, 0.0px 2.0px 1.0px white, 0.0px -3.0px 1.0px white, 1.3px 1.3px 10.0px black, 1.3px 1.3px 1.0px white, 1.0px 0.0px 1.0px white, -1.0px 0.0px 1.0px white, 0.0px 1.0px 1.0px white, 0.0px -1.0px 1.0px white, 1.3px 1.3px 10.0px white, 1.7px 1.7px 1.0px white, 1.7px 1.7px 25.0px grey,     1.0px 0.0px 1.0px black, -1.0px 0.0px 1.0px black, 0.0px 1.0px 1.0px white, 0.0px -1.0px 1.0px white, 1.3px 1.3px 10.0px black, 1.3px 1.3px 9.0px white, 1.0px 0.0px 1.0px black, -1.0px 0.0px 1.0px white, 0.0px 1.0px 1.0px white, 0.0px -1.0px 1.0px white, 1.3px 1.3px 10.0px white, 1.7px 1.7px 21.0px white, 1.7px -3.7px 25.0px 3px white; }
    
   .butt onsmittig:hover{top: 0; padding: 10px; display: flex; justify-content: space-between; he ight:23px; width: 95.7%;pa dding:0px; overflow: hid den;bo rder-radius: 100px;background-color: rgba(255, 255, 255, 0.070);backdrop-filter: blur (0px);border: 3.1px solid rgba(255,255,255,0.3);backdrop-filter: blur(7px);box-shadow: 3.0px 0.0px 1.0px white, -3.0px 0.0px 1.0px white, 0.0px 2.0px 1.0px white, 0.0px -3.0px 1.0px white, 1.3px 1.3px 10.0px black, 1.3px 1.3px 1.0px white, 1.0px 0.0px 1.0px white, -1.0px 0.0px 1.0px white, 0.0px 1.0px 1.0px white, 0.0px -1.0px 1.0px white, 1.3px 1.3px 10.0px white, 1.7px 1.7px 1.0px white, 1.7px 1.7px 25.0px grey,      1.3px 1.3px 10.0px black, 1.3px 1.3px 9.0px white, 1.3px 1.3px 10.0px black, 1.7px 1.7px 21.0px white, 1.7px -3.7px 25.0px 3px white;; inset; background-color: rgba(255, 255, 255, 0.1);front-color: rgb(255, 139, 139),   1.0px 0.0px 1.0px black, -1.0px 0.0px 1.0px black, 0.0px 1.0px 1.0px white, 0.0px -1.0px 1.0px white, 1.3px 1.3px 10.0px black, 1.3px 1.3px 9.0px white, 1.0px 0.0px 1.0px black, -1.0px 0.0px 1.0px white, 0.0px 1.0px 1.0px white, 0.0px -1.0px 1.0px white, 1.3px 1.3px 10.0px white, 1.7px 1.7px 21.0px white, 1.7px -3.7px 25.0px 3px white;          1.3px 1.3px 10.0px black, 1.3px 1.3px 9.0px white, 1.3px 1.3px 10.0px white, 1.7px 1.7px 21.0px white, 1.7px -3.7px 25.0px 3px white;}		 



.buttonsmittig{marg in-top: 8px;} .buttons{height: 10px;}
.buttonsmittig {
    box-shadow: 3.0px 0.0px 1.0px white, -3.0px 0.0px 1.0px white, 0.0px 2.0px 1.0px white, 0.0px -3.0px 1.0px white, 1.3px 1.3px 10.0px black, 1.3px 1.3px 1.0px white, 1.0px 0.0px 1.0px white, -1.0px 0.0px 1.0px white, 0.0px 1.0px 1.0px white, 0.0px -1.0px 1.0px white, 1.3px 1.3px 10.0px white, 1.7px 1.7px 1.0px white, 1.7px 1.7px 25.0px grey, 1.0px 0.0px 1.0px black, -1.0px 0.0px 1.0px black, 0.0px 1.0px 1.0px white, 0.0px -1.0px 1.0px white, 1.3px 1.3px 10.0px black, 1.3px 1.3px 9.0px black, 1.0px 0.0px 1.0px black, -1.0px 0.0px 1.0px white, 0.0px 1.0px 1.0px white, 0.0px -1.0px 1.0px white, 1.3px 1.3px 10.0px white, 1.7px 1.7px 21.0px white, 1.7px -3.7px 25.0px 3px white;
}
.buttonsmittig:hover{
    box-shadow: 3.0px 0.0px 1.0px white, -3.0px 0.0px 1.0px white, 0.0px 2.0px 1.0px white, 0.0px -3.0px 1.0px white, 1.3px 1.3px 10.0px black, 1.3px 1.3px 1.0px white, 1.0px 0.0px 1.0px white, -1.0px 0.0px 1.0px white, 0.0px 1.0px 1.0px white, 0.0px -1.0px 1.0px white, 1.3px 1.3px 10.0px white, 1.7px 1.7px 1.0px white, 1.7px 1.7px 25.0px grey, 1.0px 0.0px 1.0px black, -1.0px 0.0px 1.0px black, 0.0px 1.0px 1.0px white, 0.0px -1.0px 1.0px white, 1.3px 1.3px 10.0px black, 1.3px 1.3px 9.0px black, 1.0px 0.0px 1.0px black, -1.0px 0.0px 1.0px white, 0.0px 1.0px 1.0px white, 0.0px -1.0px 1.0px white, 1.3px 1.3px 10.0px white, 1.7px 1.7px 21.0px white, 1.7px -3.7px 25.0px 3px white;
    
    3.0px 0.0px 1.0px white, -3.0px 0.0px 1.0px white, 0.0px 2.0px 1.0px white, 0.0px -3.0px 1.0px white, 1.3px 1.3px 10.0px black, 1.3px 1.3px 1.0px white, 1.0px 0.0px 1.0px white, -1.0px 0.0px 1.0px white, 0.0px 1.0px 1.0px white, 0.0px -1.0px 1.0px white, 1.3px 1.3px 10.0px white, 1.7px 1.7px 1.0px white, 1.7px 1.7px 25.0px grey; inset;
    
    t op: 0; p adding: 10px; d isplay: flex; j ustify-content: space-between; he ight:23px; w idth: 95.7%;pa dding:0px; o verflow: hid den;bo rder-radius: 100px;b ackground-color: rgba(255, 255, 255, 0.070);backdrop-filter: blur (0px);b order: 3.1px solid rgba(255,255,255,0.3);b ackdrop-filter: blur(7px);b ox-shadow: 3.0px 0.0px 1.0px white, -3.0px 0.0px 1.0px white, 0.0px 2.0px 1.0px white, 0.0px -3.0px 1.0px white, 1.3px 1.3px 10.0px black, 1.3px 1.3px 1.0px white, 1.0px 0.0px 1.0px white, -1.0px 0.0px 1.0px white, 0.0px 1.0px 1.0px white, 0.0px -1.0px 1.0px white, 1.3px 1.3px 10.0px white, 1.7px 1.7px 1.0px white, 1.7px 1.7px 25.0px grey; inset; b ackground-color: rgba(255, 255, 255, 0.1);f ront-color: rgb(255, 139, 139);
}