html {
  zoom: 0.8; /* Skalierung */
  padding: 20px; /* Optional: Ränder */
  transform-origin: center center; /* Skalierung aus der Mitte */
  display: flex; /* Flexbox für Zentrierung */
justify-content: center; /* Horizontal zentrieren */
}
 /* Body: Hintergrund und Zentrierung */
 body {
    margin: 0;
    height: 100vh; /* Volle Höhe des Viewports */
    display: flex; /* Flexbox für Zentrierung */
    justify-content: center; /* Horizontal zentrieren */
    align-items: center; /* Vertikal zentrieren */
    background: linear-gradient(180deg, rgba(0, 0, 0, 1) 0%, rgb(104, 7, 7) 50%, rgba(0, 0, 0, 1) 100%);
    background-size: 40000% 40000%;
    animation: AnimationName 20s ease infinite;
    transform-origin: center center; /* Skalierung aus der Mitte */

        }        
/* Optional: Animation für den Hintergrund */
   @-webkit-keyframes AnimationName {
    0%{background-position:49% 0%}
    50%{background-position:52% 100%}
    100%{background-position:49% 0%}
}
@-moz-keyframes AnimationName {
    0%{background-position:49% 0%}
    50%{background-position:52% 100%}
    100%{background-position:49% 0%}
}
@keyframes AnimationName {
    0%{background-position:49% 0%}
    50%{background-position:52% 100%}
    100%{background-position:49% 0%}
}
 .content-wrapper {
    text-align: center; /* Zentriere den Text */
    transform: scale(1); /* Volle Skalierung des Inhalts */
    transform-origin: center center; /* Skalierung aus der Mitte */
     max-width: 800px; /* Begrenze die Breite des Inhalts */
}
.auto-style1 {
	z-index: 1;
	position: absolute;
	left: 204px;
	top: 27px;
	width: 1416px;
	height: 894px;
} 
.auto-style3 {
	z-index: 3;
	position: absolute;
	left: 190px;
	top: 23px;
	width: 1373px;
	height: 1051px;
}
.auto-style6 {
	z-index: 3;
	position: absolute;
	left: 256px;
	top: 348px;
	width: 1043px;
	height: 361px;
	text-align: center;
}
.auto-style7 {
	z-index: 4;
	position: absolute;
	left: 379px;
	top: 269px;
	width: 805px;
	height: 116px;
}
.auto-style8 {
	z-index: 5;
	position: absolute;
	left: 412px;
	top: 67px;
	width: 735px;
	height: 208px;
}
.auto-style9 {
	z-index: 6;
	position: absolute;
	left: 23px;
	top: 347px;
	width: 344px;
	height: 32px;
}
.auto-style10 {
	z-index: 7;
	position: absolute;
	left: 74px;
	top: 320px;
	width: 246px;
	height: 26px;
}
.auto-style11 {
	z-index: 8;
	position: absolute;
	left: 105px;
	top: 291px;
	width: 196px;
	height: 29px;
}
.auto-style12 {
	z-index: 9;
	position: absolute;
	left: 370px;
	top: 381px;
	width: 57px;
	height: 315px;
	visibility: visible;
	right: 873px;
}
.auto-style13 {
	z-index: 10;
	position: absolute;
	left: 342px;
	top: 378px;
	width: 29px;
	height: 538px;
}
.auto-style14 {
	z-index: 11;
	position: absolute;
	left: 1123px;
	top: 381px;
	width: 57px;
	height: 319px;
}
.auto-style15 {
	z-index: 12;
	position: absolute;
	left: 25px;
	top: 378px;
	width: 37px;
	height: 2250px;
}
.auto-style16 {
	z-index: 6;
	position: absolute;
	left: 927px;
	top: 3px;
	width: 373px;
	height: 36px;
}
.auto-style17 {
	z-index: 7;
	position: absolute;
	left: 1246px;
	top: 326px;
	width: 246px;
	height: 26px;
}
.auto-style18 {
	z-index: 8;
	position: absolute;
	left: 1274px;
	top: 301px;
	width: 196px;
	height: 26px;
}
.auto-style19 {
	z-index: 10;
	position: absolute;
	left: 929px;
	top: 40px;
	width: 35px;
	height: 535px;
}
.auto-style20 {
	z-index: 10;
	position: absolute;
	left: 1524px;
	top: 390px;
	width: 35px;
	height: 535px;
}
.auto-style21 {
	border-style: groove;
	border-color: #808080;
	z-index: 13;
	position: absolute;
	left: 1217px;
	top: 392px;
	width: 306px;
	height: 724px;
}
.auto-style21::after {
      content: '';
      position: absolute;
      top: -2px; /* Leicht über den Rand hinaus */
      left: -2px;
      right: -2px;
      bottom: -2px;
      border: 6px solid grey;
      border-radius: 5px;
      clip-path: inset(0 100% 0 0);
      animation: clippath 4s linear infinite;
      pointer-events: none; /* Damit es nicht klickbar ist */
}
/* Animation des grau Randes */
@keyframes clippath {
    0%   { clip-path: polygon(0% 0%, 0% 0%, 0% 100%, 0% 100%); }  
    25%  { clip-path: polygon(0% 0%, 100% 0%, 100% 0%, 0% 100%); }  
    50%  { clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 100% 100%); }  
    75%  { clip-path: polygon(0% 100%, 100% 100%, 100% 100%, 0% 100%); }  
    100% { clip-path: polygon(0% 0%, 0% 0%, 0% 100%, 0% 100%); } 
}
.auto-style22 {
	z-index: 14;
	position: absolute;
	left: 437px;
	top: 387px;
	width: 684px;
	height: 303px;
	background-color: #000000;
}
.auto-style23 {
	z-index: 15;
	position: absolute;
	left: 451px;
	top: 290px;
	width: 661px;
	height: 39px;
}
.auto-style24 {
	z-index: 16;
	position: absolute;
	left: 436px;
	top: 541px;
	width: 689px;
	height: 168px;
	background-color: #000000;
	text-align: center;
}
.auto-style26 {
	height: 724px;
	width: 303px;
}
.auto-style27 {
	z-index: 17;
	position: absolute;
	left: 434px;
	top: 527px;
	width: 680px;
	height: 19px;
}

.auto-style28 {
	z-index: 18;
	position: absolute;
	left: 433px;
	top: 703px;
	width: 693px;
	height: 22px;
}
.auto-style30 {
	z-index: 20;
	position: absolute;
	left: 72px;
	top: 411px;
	width: 264px;
	height: 425px;
}
.auto-style31 {
	border-style: groove;
	border-color: #808080;
	z-index: 21;
	position: absolute;
	left: 94px;
	top: 503px;
	width: 210px;
	height: 301px;
	bottom: 239px;
	box-shadow: 1px 2px 22px 1px #a6a4a4;
}
.auto-style31::after {
      content: '';
      position: absolute;
      top: -2px; /* Leicht über den Rand hinaus */
      left: -2px;
      right: -2px;
      bottom: -2px;
      border: 6px solid grey;
      border-radius: 5px;
      clip-path: inset(0 100% 0 0);
      animation: clippath 4s linear infinite;
      pointer-events: none; /* Damit es nicht klickbar ist */
}
/* Animation des roten Randes */
@keyframes clippath {
    0%   { clip-path: polygon(0% 0%, 0% 0%, 0% 100%, 0% 100%); }  
    25%  { clip-path: polygon(0% 0%, 100% 0%, 100% 0%, 0% 100%); }  
    50%  { clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 100% 100%); }  
    75%  { clip-path: polygon(0% 100%, 100% 100%, 100% 100%, 0% 100%); }  
    100% { clip-path: polygon(0% 0%, 0% 0%, 0% 100%, 0% 100%); } 
}
.auto-style32 {
	width: 201px;
	height: 290px;
}
.auto-style33 {
	z-index: 22;
	position: absolute;
	left: 447px;
	top: 395px;
	width: 667px;
	height: 122px;
	border-style: groove;
	border-color: #808080;
	box-shadow: 1px 2px 22px 1px #a6a4a4;
}
.auto-style34 {
	z-index: 23;
	position: absolute;
	left: 453px;
	top: 456px;
	width: 659px;
	height: 63px;
}
.auto-style35 {
	z-index: 24;
	position: absolute;
	left: 74px;
	top: 886px;
	width: 262px;
	height: 226px;
}
.auto-style36 {
	z-index: 24;
	position: absolute;
	left: 72px;
	top: 1154px;
	width: 262px;
	height: 362px;
}
.auto-style37 {
	z-index: 24;
	position: absolute;
	left: -2px;
	top: 411px;
	width: 262px;
	height: 261px;
}
.auto-style38 {
	z-index: 24;
	position: absolute;
	left: 1234px;
	top: 1172px;
	width: 278px;
	height: 315px;
}
.auto-style39 {
	z-index: 24;
	position: absolute;
	left: 1233px;
	top: 1523px;
	width: 276px;
	height: 431px;
}
.auto-style41 {
	border-width: 0px;
}
.auto-style42 {
	z-index: 26;
	position: absolute;
	left: 82px;
	top: 917px;
	width: 245px;
	height: 29px;
	text-align: center;
	color: #FF0000;
	font-size: x-large;
}

.auto-style43 {
	border-style: groove;
	border-color: #808080;
	z-index: 27;
	position: absolute;
	left: 92px;
	top: 964px;
	width: 215px;
	height: 101px;
	box-shadow: 1px 2px 22px 1px #a6a4a4;
}
.auto-style43::after {
      content: '';
      position: absolute;
      top: -2px; /* Leicht über den Rand hinaus */
      left: -2px;
      right: -2px;
      bottom: -2px;
      border: 6px solid grey;
      border-radius: 5px;
      clip-path: inset(0 100% 0 0);
      animation: clippath 4s linear infinite;
      pointer-events: none; /* Damit es nicht klickbar ist */
}
/* Animation des grau Randes */
@keyframes clippath {
    0%   { clip-path: polygon(0% 0%, 0% 0%, 0% 100%, 0% 100%); }  
    25%  { clip-path: polygon(0% 0%, 100% 0%, 100% 0%, 0% 100%); }  
    50%  { clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 100% 100%); }  
    75%  { clip-path: polygon(0% 100%, 100% 100%, 100% 100%, 0% 100%); }  
    100% { clip-path: polygon(0% 0%, 0% 0%, 0% 100%, 0% 100%); } 
}
.auto-style44 {
	border-style: groove;
	border-color: #808080;
	z-index: 28;
	position: absolute;
	left: 99px;
	top: 1245px;
	width: 202px;
	height: 230px;
	border-style: inset;
	border-color: #808080;
	box-shadow: 1px 2px 22px 1px #a6a4a4;
	bottom: -432px;
}
.auto-style44::after {
      content: '';
      position: absolute;
      top: -2px; /* Leicht über den Rand hinaus */
      left: -2px;
      right: -2px;
      bottom: -2px;
      border: 6px solid grey;
      border-radius: 5px;
      clip-path: inset(0 100% 0 0);
      animation: clippath 4s linear infinite;
      pointer-events: none; /* Damit es nicht klickbar ist */
}
/* Animation des roten Randes */
@keyframes clippath {
    0%   { clip-path: polygon(0% 0%, 0% 0%, 0% 100%, 0% 100%); }  
    25%  { clip-path: polygon(0% 0%, 100% 0%, 100% 0%, 0% 100%); }  
    50%  { clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 100% 100%); }  
    75%  { clip-path: polygon(0% 100%, 100% 100%, 100% 100%, 0% 100%); }  
    100% { clip-path: polygon(0% 0%, 0% 0%, 0% 100%, 0% 100%); } 
}
.auto-style45 {
	width: 195px;
	height: 222px;
}
.auto-style46 {
	z-index: 29;
	position: absolute;
	left: 92px;
	top: 1195px;
	width: 220px;
	height: 31px;
	text-align: center;
	color: #FF0000;
	font-size: x-large;
}
.auto-style47 {
	width: 216px;
}
.auto-style48 {
	z-index: 24;
	position: absolute;
	left: 1233px;
	top: 2005px;
	width: 272px;
	height: 230px;
}
.auto-style49 {
	border-style: groove;
	border-color: #808080;
	z-index: 30;
	position: absolute;
	left: 1249px;
	top: 1560px;
	width: 238px;
	height: 330px;
	box-shadow: 1px 2px 22px 1px #a6a4a4;
}
.auto-style49::after {
      content: '';
      position: absolute;
      top: -2px; /* Leicht über den Rand hinaus */
      left: -2px;
      right: -2px;
      bottom: -2px;
      border: 6px solid grey;
      border-radius: 5px;
      clip-path: inset(0 100% 0 0);
      animation: clippath 4s linear infinite;
      pointer-events: none; /* Damit es nicht klickbar ist */
}
/* Animation des roten Randes */
@keyframes clippath {
    0%   { clip-path: polygon(0% 0%, 0% 0%, 0% 100%, 0% 100%); }  
    25%  { clip-path: polygon(0% 0%, 100% 0%, 100% 0%, 0% 100%); }  
    50%  { clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 100% 100%); }  
    75%  { clip-path: polygon(0% 100%, 100% 100%, 100% 100%, 0% 100%); }  
    100% { clip-path: polygon(0% 0%, 0% 0%, 0% 100%, 0% 100%); } 
}
.auto-style50 {
	z-index: 31;
	position: absolute;
	left: 457px;
	top: 760px;
	width: 646px;
	height: 356px;
}
.auto-style51 {
	border-style: groove;
	border-color: #808080;
	z-index: 32;
	position: absolute;
	left: 490px;
	top: 800px;
	width: 577px;
	height: 273px;
	text-align: center;
	box-shadow: 1px 2px 22px 1px #a6a4a4;
}
#Ebene47 {
	--border-size: 2px;
	--border-angle: 0turn;
	border: solid var(--border-size) transparent;
	padding: var(--border-size);
	background-origin: border-box;
	background-clip: content-box, border-box;
	background-position: center;
	background-repeat: no-repeat;
	animation: bg-spin 5s linear infinite;
	background-image: conic-gradient(from var(--border-angle), #000, #000 50%, #000), conic-gradient(from var(--border-angle), transparent 20%, #716d6d, #999494);
	width: 577px;
	height: 273px;
	bottom: 239px;
}
@-webkit-keyframes bg-spin {
    to {
        --border-angle: 1turn;
    }
}

@keyframes bg-spin {
    to {
        --border-angle: 1turn;
    }
}

@property --border-angle {
    syntax: "<angle>";
    inherits: true;
    initial-value: 0turn;
}
.auto-style52 {
	z-index: 33;
	position: absolute;
	left: 183px;
	top: 253px;
	width: 25px;
	height: 37px;
}
.auto-style53 {
	z-index: 34;
	position: absolute;
	left: 87px;
	top: 103px;
	width: 217px;
	height: 184px;
	text-align: center;
}
.auto-style54 {
	margin-right: 0px;
}
.auto-style55 {
	z-index: 24;
	position: absolute;
	left: 72px;
	top: 1869px;
	width: 260px;
	height: 308px;
}
.auto-style56 {
	border-style: ridge;
	border-width: 4px;
	z-index: 35;
	position: absolute;
	left: 91px;
	top: 1909px;
	width: 213px;
	height: 58px;
	text-align: center;
	color: #C0C0C0;
	bottom: -924px;
	box-shadow: 1px 2px 22px 1px #a6a4a4;
}
.auto-style57 {
	border-style: groove;
	border-color: #808080;
	z-index: 36;
	position: absolute;
	left: 85px;
	top: 1680px;
	width: 227px;
	height: 100px;
	box-shadow: 1px 2px 22px 1px #a6a4a4;
}
.auto-style57::after {
      content: '';
      position: absolute;
      top: -2px; /* Leicht über den Rand hinaus */
      left: -2px;
      right: -2px;
      bottom: -2px;
      border: 6px solid grey;
      border-radius: 5px;
      clip-path: inset(0 100% 0 0);
      animation: clippath 4s linear infinite;
      pointer-events: none; /* Damit es nicht klickbar ist */
}
/* Animation des roten Randes */
@keyframes clippath {
    0%   { clip-path: polygon(0% 0%, 0% 0%, 0% 100%, 0% 100%); }  
    25%  { clip-path: polygon(0% 0%, 100% 0%, 100% 0%, 0% 100%); }  
    50%  { clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 100% 100%); }  
    75%  { clip-path: polygon(0% 100%, 100% 100%, 100% 100%, 0% 100%); }  
    100% { clip-path: polygon(0% 0%, 0% 0%, 0% 100%, 0% 100%); } 
}
.auto-style58 {
	z-index: 37;
	position: absolute;
	left: 78px;
	top: 1604px;
	width: 251px;
	height: 35px;
	text-align: center;
	color: #FF0000;
	font-size: x-large;
}
.auto-style59 {
	border-style: groove;
	border-color: #808080;
	z-index: 38;
	position: absolute;
	left: 94px;
	top: 1995px;
	width: 210px;
	height: 142px;
	border-style: ridge;
	border-width: 4px;
	box-shadow: 1px 2px 22px 1px #a6a4a4;
}
.auto-style59::after {
      content: '';
      position: absolute;
      top: -2px; /* Leicht über den Rand hinaus */
      left: -2px;
      right: -2px;
      bottom: -2px;
      border: 6px solid grey;
      border-radius: 5px;
      clip-path: inset(0 100% 0 0);
      animation: clippath 4s linear infinite;
      pointer-events: none; /* Damit es nicht klickbar ist */
}
/* Animation des roten Randes */
@keyframes clippath {
    0%   { clip-path: polygon(0% 0%, 0% 0%, 0% 100%, 0% 100%); }  
    25%  { clip-path: polygon(0% 0%, 100% 0%, 100% 0%, 0% 100%); }  
    50%  { clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 100% 100%); }  
    75%  { clip-path: polygon(0% 100%, 100% 100%, 100% 100%, 0% 100%); }  
    100% { clip-path: polygon(0% 0%, 0% 0%, 0% 100%, 0% 100%); } 
}
.auto-style60 {
	z-index: 31;
	position: absolute;
	left: 459px;
	top: 1163px;
	width: 646px;
	height: 417px;
}
.auto-style61 {
	border-style: groove;
	z-index: 25;
	position: absolute;
	left: 81px;
	top: 122px;
	width: 481px;
	height: 236px;
        box-shadow: 1px 2px 22px 1px #a6a4a4;
	background-color: #000000;
}
.auto-style61::after {
      content: '';
      position: absolute;
      top: -2px; /* Leicht über den Rand hinaus */
      left: -2px;
      right: -2px;
      bottom: -2px;
      border: 6px solid grey;
      border-radius: 5px;
      clip-path: inset(0 100% 0 0);
      animation: clippath 4s linear infinite;
      pointer-events: none; /* Damit es nicht klickbar ist */
}
/* Animation des roten Randes */
@keyframes clippath {
    0%   { clip-path: polygon(0% 0%, 0% 0%, 0% 100%, 0% 100%); }  
    25%  { clip-path: polygon(0% 0%, 100% 0%, 100% 0%, 0% 100%); }  
    50%  { clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 100% 100%); }  
    75%  { clip-path: polygon(0% 100%, 100% 100%, 100% 100%, 0% 100%); }  
    100% { clip-path: polygon(0% 0%, 0% 0%, 0% 100%, 0% 100%); } 
}
.auto-style62 {
	border-style: groove;
	border-color: #808080;
	z-index: 25;
	position: absolute;
	left: 76px;
	top: 516px;
	width: 488px;
	height: 335px;
	border-style: groove;
	border-color: #808080;
	box-shadow: 1px 2px 22px 1px #a6a4a4;
}
.auto-style62::after {
      content: '';
      position: absolute;
      top: -2px; /* Leicht über den Rand hinaus */
      left: -2px;
      right: -2px;
      bottom: -2px;
      border: 6px solid grey;
      border-radius: 5px;
      clip-path: inset(0 100% 0 0);
      animation: clippath 4s linear infinite;
      pointer-events: none; /* Damit es nicht klickbar ist */
}
/* Animation des roten Randes */
@keyframes clippath {
    0%   { clip-path: polygon(0% 0%, 0% 0%, 0% 100%, 0% 100%); }  
    25%  { clip-path: polygon(0% 0%, 100% 0%, 100% 0%, 0% 100%); }  
    50%  { clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 100% 100%); }  
    75%  { clip-path: polygon(0% 100%, 100% 100%, 100% 100%, 0% 100%); }  
    100% { clip-path: polygon(0% 0%, 0% 0%, 0% 100%, 0% 100%); } 
}
.auto-style63 {
	z-index: 39;
	position: absolute;
	left: 1247px;
	top: 1197px;
	width: 245px;
	height: 258px;
}
.auto-style65 {
	z-index: 40;
	position: absolute;
	left: 752px;
	top: 2595px;
	width: 67px;
	height: 23px;
	color: #00FF00;
}
.auto-style66 {
	color: #FF9900;
}
.auto-style67 {
	border-style: groove;
	border-color: #808080;
	z-index: 41;
	position: absolute;
	left: 1291px;
	top: 2045px;
	width: 150px;
	height: 170px;
	border: 3px ridge #808080;
	box-shadow: 1px 2px 22px 1px #a6a4a4;
}
.auto-style67::after {
      content: '';
      position: absolute;
      top: -2px; /* Leicht über den Rand hinaus */
      left: -2px;
      right: -2px;
      bottom: -2px;
      border: 6px solid grey;
      border-radius: 5px;
      clip-path: inset(0 100% 0 0);
      animation: clippath 4s linear infinite;
      pointer-events: none; /* Damit es nicht klickbar ist */
}
/* Animation des roten Randes */
@keyframes clippath {
    0%   { clip-path: polygon(0% 0%, 0% 0%, 0% 100%, 0% 100%); }  
    25%  { clip-path: polygon(0% 0%, 100% 0%, 100% 0%, 0% 100%); }  
    50%  { clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 100% 100%); }  
    75%  { clip-path: polygon(0% 100%, 100% 100%, 100% 100%, 0% 100%); }  
    100% { clip-path: polygon(0% 0%, 0% 0%, 0% 100%, 0% 100%); } 
}
.auto-style68 {
	z-index: 24;
	position: absolute;
	left: 73px;
	top: 2233px;
	width: 260px;
	height: 308px;
}
.auto-style69 {
	z-index: 42;
	position: absolute;
	left: 79px;
	top: 2269px;
	width: 245px;
	height: 43px;
	text-align: center;
}
.auto-style70 {
	color: #F00A0A;
	font-size: large;
}
.auto-style71 {
	border-style: groove;
	border-color: #808080;
	z-index: 43;
	position: absolute;
	left: 92px;
	top: 2326px;
	width: 219px;
	height: 187px;
	border: 3px inset #808080;
	box-shadow: 1px 2px 22px 1px #a6a4a4;
}
.auto-style71::after {
      content: '';
      position: absolute;
      top: -2px; /* Leicht über den Rand hinaus */
      left: -2px;
      right: -2px;
      bottom: -2px;
      border: 6px solid grey;
      border-radius: 5px;
      clip-path: inset(0 100% 0 0);
      animation: clippath 4s linear infinite;
      pointer-events: none; /* Damit es nicht klickbar ist */
}
/* Animation des roten Randes */
@keyframes clippath {
    0%   { clip-path: polygon(0% 0%, 0% 0%, 0% 100%, 0% 100%); }  
    25%  { clip-path: polygon(0% 0%, 100% 0%, 100% 0%, 0% 100%); }  
    50%  { clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 100% 100%); }  
    75%  { clip-path: polygon(0% 100%, 100% 100%, 100% 100%, 0% 100%); }  
    100% { clip-path: polygon(0% 0%, 0% 0%, 0% 100%, 0% 100%); } 
}
.auto-style72 {
	z-index: 24;
	position: absolute;
	left: 1233px;
	top: 2315px;
	width: 276px;
	height: 209px;
}
.auto-style73 {
	border-style: groove;
	border-color: #808080;
	z-index: 44;
	position: absolute;
	left: 1304px;
	top: 2363px;
	width: 138px;
	height: 133px;
	border: 3px ridge #808080;
	box-shadow: 1px 2px 22px 1px #a6a4a4;
}
.auto-style73::after {
      content: '';
      position: absolute;
      top: -2px; /* Leicht über den Rand hinaus */
      left: -2px;
      right: -2px;
      bottom: -2px;
      border: 6px solid gray;
      border-radius: 5px;
      clip-path: inset(0 100% 0 0);
      animation: clippath 4s linear infinite;
      pointer-events: none; /* Damit es nicht klickbar ist */
}
/* Animation des roten Randes */
@keyframes clippath {
    0%   { clip-path: polygon(0% 0%, 0% 0%, 0% 100%, 0% 100%); }  
    25%  { clip-path: polygon(0% 0%, 100% 0%, 100% 0%, 0% 100%); }  
    50%  { clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 100% 100%); }  
    75%  { clip-path: polygon(0% 100%, 100% 100%, 100% 100%, 0% 100%); }  
    100% { clip-path: polygon(0% 0%, 0% 0%, 0% 100%, 0% 100%); } 
}
.auto-style74 {
	z-index: 31;
	position: absolute;
	left: 460px;
	top: 1627px;
	width: 646px;
	height: 664px;
}
.auto-style75 {
	z-index: 45;
	position: absolute;
	left: 24px;
	top: 2630px;
	width: 1531px;
	height: 33px;
}
.auto-style76 {
	z-index: 46;
	position: absolute;
	left: 128px;
	top: 445px;
	width: 151px;
	height: 47px;
}
.auto-style78 {
	z-index: 41;
	position: absolute;
	left: 1293px;
	top: 2044px;
	width: 150px;
	height: 170px;
	border: 3px ridge #808080;
	box-shadow: 1px 2px 22px 1px #a6a4a4;
}
.auto-style79 {
        z-index: 45;
		position: absolute;
		left: 71px;
		top: 135px;
		width: 271px;
		height: 151px;
}
.auto-style80 {
	z-index: 47;
	position: absolute;
	left: 1244px;
	top: 97px;
	width: 255px;
	height: 157px;
}
.auto-style81 {
	width: 254px;
	height: 169px;
}
.auto-style82 {
	z-index: 48;
	position: absolute;
	left: 1365px;
	top: 264px;
	width: 40px;
	height: 29px;
}
.auto-style84 {
	z-index: 50;
	position: absolute;
	left: 456px;
	top: 2342px;
	width: 652px;
	height: 233px;
}
.auto-style85 {
	z-index: 51;
	position: absolute;
	left: 483px;
	top: 2409px;
	width: 187px;
	height: 138px;
}
.auto-style86 {
	z-index: 51;
	position: absolute;
	left: 694px;
	top: 2409px;
	width: 181px;
	height: 138px;
}
.auto-style87 {
	z-index: 51;
	position: absolute;
	left: 901px;
	top: 2408px;
	width: 181px;
	height: 138px;
}
.auto-style88 {
	z-index: 52;
	position: absolute;
	left: 603px;
	top: 2375px;
	width: 365px;
	height: 27px;
	text-align: center;
	color: #FF0000;
	font-size: x-large;
}
.auto-style89 {
	z-index: 53;
	position: absolute;
	left: 505px;
	top: 2465px;
	width: 146px;
	height: 78px;
}
.auto-style90 {
	z-index: 54;
	position: absolute;
	left: 502px;
	top: 2422px;
	width: 147px;
	height: 30px;
	text-align: center;
	color: #FF0000;
	font-size: x-large;
}
.auto-style91 {
	z-index: 55;
	position: absolute;
	left: 716px;
	top: 2424px;
	width: 138px;
	height: 26px;
	text-align: center;
	color: #FF0000;
	font-size: x-large;
}
.auto-style92 {
	z-index: 56;
	position: absolute;
	left: 717px;
	top: 2471px;
	width: 135px;
	height: 68px;
}
.auto-style93 {
	z-index: 57;
	position: absolute;
	left: 921px;
	top: 2420px;
	width: 140px;
	height: 30px;
	text-align: center;
	color: #FF0000;
	font-size: x-large;
}
.auto-style94 {
	z-index: 58;
	position: absolute;
	left: 918px;
	top: 2466px;
	width: 142px;
	height: 65px;
}
.auto-style95 {
	z-index: 59;
	position: absolute;
	left: 626px;
	top: 1227px;
	width: 309px;
	height: 43px;
	color: #FF0000;
	font-size: xx-large;
	text-align: center;
}
.auto-style96 {
	color: #FF0000;
	font-size: x-large;
}
.auto-style97 {
	text-decoration: none;
}
.auto-style98 {
	z-index: 60;
	position: absolute;
	left: 537px;
	top: 2036px;
	width: 501px;
	height: 206px;
	text-align: center;
}
.auto-style99 {
	z-index: 61;
	position: absolute;
	left: 941px;
	top: 1229px;
	width: 106px;
	height: 38px;
}
.auto-style100 {
	z-index: 62;
	position: absolute;
	left: 528px;
	top: 1231px;
	width: 95px;
	height: 38px;
}
.auto-style101 {
	z-index: 3;
	position: absolute;
	left: 192px;
	top: 10px;
	width: 1373px;
	height: 1051px;
}
.auto-style102 {
	height: 265px;
	width: 247px;
}
.auto-style103 {
	z-index: 4;
	position: absolute;
	left: 4px;
	top: 10px;
	width: 180px;
	height: 677px;
}

.auto-style104 {
	width: 536px;
	height: 155px;
}

.auto-style105 {
	height: 47px;
}

.auto-style106 {
	width: 653px;
	height: 37px;
}
.auto-style107 {
	z-index: 23;
	position: absolute;
	left: 453px;
	top: 460px;
	width: 679px;
	height: 63px;
}
#birthday-list {
	max-width: 600px;
	margin: 0 auto;
	z-index: 1;
	left: 10px;
	top: 7px;
	width: 209px;
	height: 441px;
	}       
#birthdays-container {
	mmax-width: 600px;
	margin: 0 auto;
	z-index: 1;
	left: 10px;
	top: 7px;
	width: 130px;
	--glow-color: rgba(123, 121, 121, 0.18);
	--glow-spread-color: rgba(117, 114, 114, 0);
	--enhanced-glow-color: rgb(215, 200, 230);
	--btn-color: rgb(198, 27, 27);
	border: .25em solid rgb(187, 37, 37);
	padding: 1em 3em;
	color: rgb(240, 230, 230);
	font-size: 15px;
	font-weight: bold;
	background-color: rgb(6, 6, 6);
	border-radius: 1em;
	outline: none;
	box-shadow: 0 0 1em .25em rgba(21, 21, 21, 0.09), 0 0 4em 1em rgba(96, 89, 89, 0.78), inset 0 0 .75em .25em rgba(9, 8, 8, 0.15);
	text-shadow: 0 0 .5em rgba(217, 10, 10, 0);
	position: relative;
	transition: all 0.3s;
	cursor: pointer;
}       
 ul {
	color: white;
	list-style-type: none;
	text-align: center;
}        
li {
	padding: 10px;
	margin: 5px 0;
	border: 1px solid #ddd;
	background-color: #515050;
	border-radius: 5px;
}        
li.today {
	background-color: #f00a0a;
	font-weight: bold;
	color: #f8f4f4;
}        
li .name {
	font-size: 18px;
}
        li .date {
	font-size: 0.9em;
	color: #ece8e8;
}   
h1 {
	color: red;
	font-weight: normal;
}
#birthdays {
	padding-left: 20px;
	padding-right: 20px;
}
.auto-style108 {
	z-index: 59;
	position: absolute;
	left: 624px;
	top: 1219px;
	width: 309px;
	height: 43px;
	color: #FF0000;
	font-size: xx-large;
	text-align: center;
}
.three-d-text {
    font-size: 32px;
    font-weight: bold;
    display: inline-block;
    animation: colorChange 3s infinite alternate;
}
@keyframes colorChange {
    0% { color: red;  3px 3px 0px #ff0000, 6px 6px 0px #cc0000, 9px 9px 5px rgba(0,0,0,0.5); }
    25% { color: blue;  3px 3px 0px #0000ff, 6px 6px 0px #0000cc, 9px 9px 5px rgba(0,0,0,0.5); }
    50% { color: green;  3px 3px 0px #00ff00, 6px 6px 0px #00cc00, 9px 9px 5px rgba(0,0,0,0.5); }
    75% { color: orange;  3px 3px 0px #ff9900, 6px 6px 0px #cc6600, 9px 9px 5px rgba(0,0,0,0.5); }
   100% { color: red;  3px 3px 0px #ff0000, 6px 6px 0px #cc0000, 9px 9px 5px rgba(0,0,0,0.5); } 
}