html{
}
body{
height: 100vh;
background: url("texture-STONE_640.jpg");
justify-content: center;
align-items: center;}
::-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 */}
/* LINK HOVER EIGENSCHAFT */
.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; }
/* TEXT AUSKLAPPEN IN Z.B. TABLES */
.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 */
}
/* NAVBAR SITES & BOOKS | SCHRIFT: */
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;}
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-activetoVERSE2
{display: none;}
#sidebar-activetoAT{display: none;}
#sidebar-activetoNT{display: none;}
navtoVERSE2
{
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;
}
/* BUTTONS AUS GLAS SITES & BOOKS STANDART */
.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;
}
.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;}
/* SCHRIFT: // P33(GLASS CONTAINER) A70(GLASS CONTAINER | GLASS BUTTONS | LINK IN DETAILS H3926 LINK) */
.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{margin-top: 5px;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);}
.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);}
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);
}
/* GLAS CONTAINER | SCHRIFT: // P33(GLASS CONTAINER) A70(GLASS CONTAINER | GLASS BUTTONS | LINK IN DETAILS H3926 LINK)*/
.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}
/* INHALSTVERZEICHNIS | SCHRIFT: */
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);}
/* IN METALL | SCHRIFT: */
.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;}
/* TABLE ZUM LESEN | SCHRIFT: */
#b5, #b7, #b23, #b25,#Stan dard {display: none;}
#b5, #b7, #b17, #b19, #b23, #b25,#Stan dard {display: none;}
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 {
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;
}
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;
}
/* SCHRIFTARTEN */
/* SCHRIFT: */
/* SCHRIFT: // P33(GLASS CONTAINER) */
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;
}
/* SCHRIFT: A70(GLASS CONTAINER | GLASS BUTTONS | LINK IN DETAILS H3926 LINK) */
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;
}
/* SCHRIFT: A70(3 PROSPEKTE BUTTONS) */
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;}
/* SCHRIFT: */
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);}
/* SCHRIFT: */
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;
}
/* SCHRIFT: */
a12:hover{
}
/* SCHRIFT: */
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);
}
/* SCHRIFT: */
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;
}
/* SCHRIFT: */
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 }
/* SCHRIFT: */
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);}
/* SCHRIFT: */
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;}
/* SCHRIFT: */
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;
}
/* SCHRIFT: */
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;
}
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);}
#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;}
/* TOP / HOME / IMPRESSUM */
.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);}