/* Container: Skalierter Bereich */
    html{
      transform: scale(0.8); /* Skalierung */
      transform-origin: center center; /* Skalierung aus der Mitte */
      padding: 20px;
    }
    html {
	margin-top: -50px;
}

/* Body: Hintergrund und Zentrierung */
    body {
      margin: 0;
      height: 100vh;
      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;
    }
    /* 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%}
}

.auto-style3 {
	text-align: left;
	height: 1537px;
	width: 1530px;
}
.auto-style6 {
	z-index: 3;
	position: absolute;
	left: 256px;
	top: 348px;
	width: 1042px;
	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: 312px;
}
.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: 315px;
}
.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: 323px;
	width: 246px;
	height: 26px;
}
.auto-style18 {
	z-index: 8;
	position: absolute;
	left: 1272px;
	top: 295px;
	width: 196px;
	height: 26px;
}
.auto-style19 {
	z-index: 10;
	position: absolute;
	left: 929px;
	top: 40px;
	width: 35px;
	height: 306px;
}
.auto-style20 {
	z-index: 10;
	position: absolute;
	left: 1524px;
	top: 390px;
	width: 35px;
	height: 535px;
}
.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-style27 {
	z-index: 17;
	position: absolute;
	left: 434px;
	top: 527px;
	width: 680px;
	height: 19px;
}
.auto-style28 {
	z-index: 18;
	position: absolute;
	left: 61px;
	top: 673px;
	width: 1467px;
	height: 22px;
}
.auto-style29 {
	z-index: 19;
	position: absolute;
	left: 1109px;
	top: 550px;
	width: 15px;
	height: 122px;
	background-color: #000000;
}
.auto-style33 {
	z-index: 22;
	position: absolute;
	left: 447px;
	top: 381px;
	width: 664px;
	height: 132px;
	border-style: groove;
	border-color: #808080;
	box-shadow: 1px 2px 22px 1px #a6a4a4;
}
.auto-style34 {
	z-index: 23;
	position: absolute;
	left: 450px;
	top: 456px;
	width: 659px;
	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: #333;
}        
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-style50 {
	z-index: 31;
	position: absolute;
	left: 237px;
	top: 693px;
	width: 1112px;
	height: 846px;
}
.auto-style55 {
	    border-style: groove;
		z-index: 35;
		position: absolute;
		left: 277px;
		top: 760px;
		width: 1031px;
	    height: 730px;
		text-align: left;
		box-shadow: 1px 2px 22px 1px #a6a4a4;
	background-color: #000000;
}
.auto-style57 {
	z-index: 36;
	position: absolute;
	left: 60px;
	top: 1563px;
	width: 1470px;
	height: 26px;
}
.auto-style58 {
	z-index: 37;
	position: absolute;
	left: 1150px;
	top: 1584px;
	width: 56px;
	height: 293px;
}
.auto-style59 {
	z-index: 38;
	position: absolute;
	left: 1215px;
	top: 1585px;
	width: 23px;
	height: 290px;
}
.auto-style60 {
	z-index: 39;
	position: absolute;
	left: 369px;
	top: 1586px;
	width: 66px;
	height: 304px;
}
.auto-style61 {
	z-index: 40;
	position: absolute;
	left: 335px;
	top: 1587px;
	width: 31px;
	height: 304px;
}
.auto-style38 {
	z-index: 24;
	position: absolute;
	left: 75px;
	top: 397px;
	width: 252px;
	height: 267px;
}
.auto-style62 {
	z-index: 24;
	position: absolute;
	left: 977px;
	top: 63px;
	width: 275px;
	height: 248px;
}
.auto-style63 {
		z-index: 41;
		position: absolute;
		left: 93px;
		top: 441px;
		width: 226px;
		height: 196px;
}
.auto-style64 {
		z-index: 42;
		position: absolute;
		left: 1249px;
		top: 455px;
		width: 247px;
		height: 173px;
}
.auto-style65 {
	z-index: 43;
	position: absolute;
	left: 20px;
	top: 1893px;
	width: 1537px;
	height: 42px;
}
.auto-style66 {
	width: 1029px;
	height: 712px;
}
.auto-style67 {
	z-index: 44;
	position: absolute;
	left: 763px;
	top: 1937px;
	width: 80px;
	height: 23px;
}
.auto-style68 {
	color: #FF9900;
}
.auto-style69 {
	text-decoration: none;
}