/* CSS is how you can add style to your website, such as colors, fonts, and positioning of your
   HTML content. To learn how to do something, just try searching Google for questions like
   "how to change link color." */

body {
  /*background: linear-gradient(120deg, #230342, rgba(0, 28, 133, 1), #95063d, #e8a909);*/
  color: white;
  text-align: center;
  margin: 0; 
  padding: 10% 20%;
  font-family: "Syne Mono", serif;
  font-weight: 400;
  font-style: normal;
}

.magicpattern { 
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  background-attachment: fixed; /* Fixiert den Hintergrund */
  background-image: url("data:image/svg+xml;utf8,%3Csvg viewBox=%220 0 2000 1400%22 xmlns=%22http:%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cdefs%3E%3Cfilter id=%22b%22 x=%22-200%25%22 y=%22-200%25%22 width=%22500%25%22 height=%22500%25%22%3E%3CfeGaussianBlur in=%22SourceGraphic%22 stdDeviation=%2220%22%2F%3E%3C%2Ffilter%3E%3C%2Fdefs%3E%3Cpath fill=%22%23000336%22 d=%22M0 0h2000v1400H0z%22%2F%3E%3Cellipse cx=%22137.246%22 cy=%2272.027%22 rx=%221.432%22 ry=%221.077%22 fill=%22%23fff%22 opacity=%22.92%22%2F%3E%3Cellipse cx=%22346.832%22 cy=%2228.614%22 rx=%221.777%22 ry=%221.501%22 fill=%22%23fff%22 opacity=%22.628%22%2F%3E%3Cellipse cx=%22547.513%22 cy=%2219.323%22 rx=%222.392%22 ry=%221.99%22 fill=%22%23fff%22 opacity=%22.043%22%2F%3E%3Cellipse cx=%22764.487%22 cy=%2244.589%22 rx=%221.763%22 ry=%221.424%22 fill=%22%23fff%22 opacity=%22.85%22%2F%3E%3Cellipse cx=%22845.447%22 cy=%2259.502%22 rx=%221.798%22 ry=%221.68%22 fill=%22%23fff%22 opacity=%22-.112%22%2F%3E%3Cellipse cx=%221052.322%22 cy=%2229.831%22 rx=%221.354%22 ry=%221.335%22 fill=%22%23fff%22 opacity=%22.171%22%2F%3E%3Cellipse cx=%221264.553%22 cy=%2255.907%22 rx=%221.163%22 ry=%221.078%22 fill=%22%23fff%22 opacity=%22.292%22%2F%3E%3Cellipse cx=%221491.986%22 cy=%2215.013%22 rx=%221.225%22 ry=%221.089%22 fill=%22%23fff%22 opacity=%22.121%22%2F%3E%3Cellipse cx=%221737.864%22 cy=%2224.128%22 rx=%221.652%22 ry=%221.444%22 fill=%22%23fff%22 opacity=%22.329%22%2F%3E%3Cellipse cx=%221880.207%22 cy=%2241.544%22 rx=%221.867%22 ry=%221.797%22 fill=%22%23fff%22 opacity=%22.445%22%2F%3E%3Cellipse cx=%227.325%22 cy=%22242.101%22 rx=%221.133%22 ry=%221.073%22 fill=%22%23fff%22 opacity=%22.087%22%2F%3E%3Cellipse cx=%22399.927%22 cy=%22261.383%22 rx=%222.146%22 ry=%221.993%22 fill=%22%23fff%22 opacity=%22-.057%22%2F%3E%3Cellipse cx=%22407.544%22 cy=%22216.723%22 rx=%221.685%22 ry=%221.468%22 fill=%22%23fff%22 opacity=%22.455%22%2F%3E%3Cellipse cx=%22777.042%22 cy=%22252.274%22 rx=%221.771%22 ry=%221.333%22 fill=%22%23fff%22 opacity=%22.51%22%2F%3E%3Cellipse cx=%22955.701%22 cy=%22175.968%22 rx=%221.974%22 ry=%221.735%22 fill=%22%23fff%22 opacity=%22.46%22%2F%3E%3Cellipse cx=%221044.84%22 cy=%22196.247%22 rx=%222.418%22 ry=%221.95%22 fill=%22%23fff%22 opacity=%22.595%22%2F%3E%3Cellipse cx=%221200.778%22 cy=%22208.116%22 rx=%221.426%22 ry=%221.211%22 fill=%22%23fff%22 opacity=%22.356%22%2F%3E%3Cellipse cx=%221406.699%22 cy=%22149.249%22 rx=%222.358%22 ry=%221.888%22 fill=%22%23fff%22 opacity=%22.145%22%2F%3E%3Cellipse cx=%221675.603%22 cy=%22270.275%22 rx=%221.227%22 ry=%221.196%22 fill=%22%23fff%22 opacity=%22.79%22%2F%3E%3Cellipse cx=%221810.037%22 cy=%22141.207%22 rx=%221.285%22 ry=%221.14%22 fill=%22%23fff%22 opacity=%22-.244%22%2F%3E%3Cellipse cx=%22141.096%22 cy=%22408.487%22 rx=%221.764%22 ry=%221.398%22 fill=%22%23fff%22 opacity=%22.046%22%2F%3E%3Cellipse cx=%22352.334%22 cy=%22408.579%22 rx=%221.055%22 ry=%221.024%22 fill=%22%23fff%22 opacity=%22.148%22%2F%3E%3Cellipse cx=%22401.363%22 cy=%22311.866%22 rx=%221.618%22 ry=%221.155%22 fill=%22%23fff%22 opacity=%22-.159%22%2F%3E%3Cellipse cx=%22686.089%22 cy=%22284.724%22 rx=%221.742%22 ry=%221.574%22 fill=%22%23fff%22 opacity=%22.143%22%2F%3E%3Cellipse cx=%22997.571%22 cy=%22351.53%22 rx=%221.257%22 ry=%221.064%22 fill=%22%23fff%22 opacity=%22.588%22%2F%3E%3Cellipse cx=%221059.553%22 cy=%22295.81%22 rx=%222.294%22 ry=%221.809%22 fill=%22%23fff%22 opacity=%22.057%22%2F%3E%3Cellipse cx=%221355.297%22 cy=%22281.87%22 rx=%221.976%22 ry=%221.938%22 fill=%22%23fff%22 opacity=%22.788%22%2F%3E%3Cellipse cx=%221413.852%22 cy=%22332.587%22 rx=%221.231%22 ry=%221.212%22 fill=%22%23fff%22 opacity=%22.181%22%2F%3E%3Cellipse cx=%221756.397%22 cy=%22335.903%22 rx=%221.745%22 ry=%221.38%22 fill=%22%23fff%22 opacity=%22.597%22%2F%3E%3Cellipse cx=%221925.938%22 cy=%22398.317%22 rx=%222.121%22 ry=%221.935%22 fill=%22%23fff%22 opacity=%22.224%22%2F%3E%3Cellipse cx=%2239.477%22 cy=%22485.7%22 rx=%222.304%22 ry=%221.859%22 fill=%22%23fff%22 opacity=%22.506%22%2F%3E%3Cellipse cx=%22307.07%22 cy=%22450.127%22 rx=%221.553%22 ry=%221.442%22 fill=%22%23fff%22 opacity=%22.452%22%2F%3E%3Cellipse cx=%22588.525%22 cy=%22555.636%22 rx=%221.975%22 ry=%221.868%22 fill=%22%23fff%22 opacity=%22.251%22%2F%3E%3Cellipse cx=%22618.845%22 cy=%22554.243%22 rx=%221.655%22 ry=%221.446%22 fill=%22%23fff%22 opacity=%22.044%22%2F%3E%3Cellipse cx=%22961.492%22 cy=%22454.429%22 rx=%222.06%22 ry=%221.806%22 fill=%22%23fff%22 opacity=%22.449%22%2F%3E%3Cellipse cx=%221109.458%22 cy=%22503.079%22 rx=%221.942%22 ry=%221.48%22 fill=%22%23fff%22 opacity=%22.626%22%2F%3E%3Cellipse cx=%221327.956%22 cy=%22421.74%22 rx=%222.24%22 ry=%221.919%22 fill=%22%23fff%22 opacity=%22.279%22%2F%3E%3Cellipse cx=%221428.424%22 cy=%22487.944%22 rx=%221.657%22 ry=%221.347%22 fill=%22%23fff%22 opacity=%22.825%22%2F%3E%3Cellipse cx=%221704.824%22 cy=%22468.947%22 rx=%222.048%22 ry=%221.74%22 fill=%22%23fff%22 opacity=%22.767%22%2F%3E%3Cellipse cx=%221957.991%22 cy=%22474.674%22 rx=%221.592%22 ry=%221.391%22 fill=%22%23fff%22 opacity=%22.398%22%2F%3E%3Cellipse cx=%2212.748%22 cy=%22667.192%22 rx=%221.565%22 ry=%221.263%22 fill=%22%23fff%22 opacity=%22.082%22%2F%3E%3Cellipse cx=%22372.52%22 cy=%22666.322%22 rx=%222.329%22 ry=%221.889%22 fill=%22%23fff%22 opacity=%22.646%22%2F%3E%3Cellipse cx=%22478.418%22 cy=%22593.116%22 rx=%222.336%22 ry=%221.938%22 fill=%22%23fff%22 opacity=%22.355%22%2F%3E%3Cellipse cx=%22760.225%22 cy=%22561.495%22 rx=%222.2%22 ry=%221.819%22 fill=%22%23fff%22 opacity=%22.131%22%2F%3E%3Cellipse cx=%22977.561%22 cy=%22636.748%22 rx=%221.037%22 ry=%221.017%22 fill=%22%23fff%22 opacity=%22.803%22%2F%3E%3Cellipse cx=%221015.777%22 cy=%22613.194%22 rx=%221.244%22 ry=%221.03%22 fill=%22%23fff%22 opacity=%22.769%22%2F%3E%3Cellipse cx=%221348.763%22 cy=%22580.976%22 rx=%221.74%22 ry=%221.427%22 fill=%22%23fff%22 opacity=%22.15%22%2F%3E%3Cellipse cx=%221475.73%22 cy=%22688.373%22 rx=%222.286%22 ry=%221.905%22 fill=%22%23fff%22 opacity=%22.915%22%2F%3E%3Cellipse cx=%221608.494%22 cy=%22666.158%22 rx=%221.344%22 ry=%221.039%22 fill=%22%23fff%22 opacity=%22.698%22%2F%3E%3Cellipse cx=%221889.475%22 cy=%22568.912%22 rx=%221.35%22 ry=%221.074%22 fill=%22%23fff%22 opacity=%22.358%22%2F%3E%3Cellipse cx=%2245.227%22 cy=%22762.953%22 rx=%221.34%22 ry=%221.299%22 fill=%22%23fff%22 opacity=%22.77%22%2F%3E%3Cellipse cx=%22278.49%22 cy=%22715.07%22 rx=%221.273%22 ry=%221.111%22 fill=%22%23fff%22 opacity=%22.505%22%2F%3E%3Cellipse cx=%22429.053%22 cy=%22714.812%22 rx=%221.339%22 ry=%221.252%22 fill=%22%23fff%22 opacity=%22.179%22%2F%3E%3Cellipse cx=%22666.501%22 cy=%22774.066%22 rx=%222.117%22 ry=%221.671%22 fill=%22%23fff%22 opacity=%22.066%22%2F%3E%3Cellipse cx=%22878.216%22 cy=%22777.824%22 rx=%222.001%22 ry=%221.746%22 fill=%22%23fff%22 opacity=%22.78%22%2F%3E%3Cellipse cx=%221041.71%22 cy=%22832.135%22 rx=%221.903%22 ry=%221.773%22 fill=%22%23fff%22 opacity=%22.627%22%2F%3E%3Cellipse cx=%221228.572%22 cy=%22718.364%22 rx=%221.091%22 ry=%221.021%22 fill=%22%23fff%22 opacity=%22.662%22%2F%3E%3Cellipse cx=%221415.131%22 cy=%22712.739%22 rx=%221.287%22 ry=%221.041%22 fill=%22%23fff%22 opacity=%22.733%22%2F%3E%3Cellipse cx=%221734.833%22 cy=%22796.637%22 rx=%222.084%22 ry=%221.744%22 fill=%22%23fff%22 opacity=%22.274%22%2F%3E%3Cellipse cx=%221906.126%22 cy=%22768.468%22 rx=%221.481%22 ry=%221.143%22 fill=%22%23fff%22 opacity=%22.33%22%2F%3E%3Cellipse cx=%22178.666%22 cy=%22947.486%22 rx=%221.406%22 ry=%221.373%22 fill=%22%23fff%22 opacity=%22.539%22%2F%3E%3Cellipse cx=%22344.682%22 cy=%22978.009%22 rx=%221.126%22 ry=%221.001%22 fill=%22%23fff%22 opacity=%22.45%22%2F%3E%3Cellipse cx=%22541.686%22 cy=%22848.057%22 rx=%221.618%22 ry=%221.213%22 fill=%22%23fff%22 opacity=%22-.155%22%2F%3E%3Cellipse cx=%22684.576%22 cy=%22903.741%22 rx=%221.63%22 ry=%221.423%22 fill=%22%23fff%22 opacity=%22.738%22%2F%3E%3Cellipse cx=%22808.756%22 cy=%22912.698%22 rx=%221.663%22 ry=%221.541%22 fill=%22%23fff%22 opacity=%22.25%22%2F%3E%3Cellipse cx=%221039.413%22 cy=%22840.784%22 rx=%222.374%22 ry=%221.9%22 fill=%22%23fff%22 opacity=%22.749%22%2F%3E%3Cellipse cx=%221372.116%22 cy=%22934.581%22 rx=%221.992%22 ry=%221.823%22 fill=%22%23fff%22 opacity=%22.739%22%2F%3E%3Cellipse cx=%221462.139%22 cy=%22932.743%22 rx=%221.919%22 ry=%221.718%22 fill=%22%23fff%22 opacity=%22.325%22%2F%3E%3Cellipse cx=%221623.071%22 cy=%22972.274%22 rx=%221.436%22 ry=%221.238%22 fill=%22%23fff%22 opacity=%22.684%22%2F%3E%3Cellipse cx=%221894.972%22 cy=%22941.94%22 rx=%221.809%22 ry=%221.722%22 fill=%22%23fff%22 opacity=%22.453%22%2F%3E%3Cellipse cx=%22185.467%22 cy=%221099.252%22 rx=%221.409%22 ry=%221.316%22 fill=%22%23fff%22 opacity=%22.708%22%2F%3E%3Cellipse cx=%22391.162%22 cy=%221046.723%22 rx=%221.865%22 ry=%221.65%22 fill=%22%23fff%22 opacity=%22.389%22%2F%3E%3Cellipse cx=%22550.616%22 cy=%221057.322%22 rx=%221.364%22 ry=%221.322%22 fill=%22%23fff%22 opacity=%22.572%22%2F%3E%3Cellipse cx=%22720.557%22 cy=%221095.016%22 rx=%221.356%22 ry=%221.26%22 fill=%22%23fff%22 opacity=%22.798%22%2F%3E%3Cellipse cx=%22968.62%22 cy=%221011.807%22 rx=%222.081%22 ry=%221.935%22 fill=%22%23fff%22 opacity=%22.193%22%2F%3E%3Cellipse cx=%221168.738%22 cy=%22994.427%22 rx=%222.115%22 ry=%221.887%22 fill=%22%23fff%22 opacity=%22-.028%22%2F%3E%3Cellipse cx=%221395.227%22 cy=%221030.671%22 rx=%221.803%22 ry=%221.528%22 fill=%22%23fff%22 opacity=%22.926%22%2F%3E%3Cellipse cx=%221404.787%22 cy=%221073.264%22 rx=%221.571%22 ry=%221.529%22 fill=%22%23fff%22 opacity=%22.38%22%2F%3E%3Cellipse cx=%221716.645%22 cy=%22988.798%22 rx=%221.944%22 ry=%221.554%22 fill=%22%23fff%22 opacity=%22.693%22%2F%3E%3Cellipse cx=%221928.503%22 cy=%221051.305%22 rx=%221.274%22 ry=%221.118%22 fill=%22%23fff%22 opacity=%22.696%22%2F%3E%3Cellipse cx=%2220.52%22 cy=%221259.952%22 rx=%221.577%22 ry=%221.204%22 fill=%22%23fff%22 opacity=%22-.076%22%2F%3E%3Cellipse cx=%22349.773%22 cy=%221122.984%22 rx=%222.113%22 ry=%221.691%22 fill=%22%23fff%22 opacity=%22.017%22%2F%3E%3Cellipse cx=%22582.52%22 cy=%221194.986%22 rx=%221.468%22 ry=%221.029%22 fill=%22%23fff%22 opacity=%22-.005%22%2F%3E%3Cellipse cx=%22763.124%22 cy=%221247.267%22 rx=%221.476%22 ry=%221.453%22 fill=%22%23fff%22 opacity=%22.692%22%2F%3E%3Cellipse cx=%22809.513%22 cy=%221219.817%22 rx=%221.65%22 ry=%221.245%22 fill=%22%23fff%22 opacity=%22.145%22%2F%3E%3Cellipse cx=%221103.956%22 cy=%221193.613%22 rx=%221.839%22 ry=%221.552%22 fill=%22%23fff%22 opacity=%22.743%22%2F%3E%3Cellipse cx=%221386.684%22 cy=%221144.705%22 rx=%221.959%22 ry=%221.893%22 fill=%22%23fff%22 opacity=%22.125%22%2F%3E%3Cellipse cx=%221517.179%22 cy=%221259.545%22 rx=%221.977%22 ry=%221.871%22 fill=%22%23fff%22 opacity=%22.06%22%2F%3E%3Cellipse cx=%221777.791%22 cy=%221213.404%22 rx=%221.348%22 ry=%221.26%22 fill=%22%23fff%22 opacity=%22.187%22%2F%3E%3Cellipse cx=%221857.48%22 cy=%221190.915%22 rx=%221.908%22 ry=%221.547%22 fill=%22%23fff%22 opacity=%22.717%22%2F%3E%3Cellipse cx=%22109.563%22 cy=%221320.543%22 rx=%221.553%22 ry=%221.436%22 fill=%22%23fff%22 opacity=%22-.065%22%2F%3E%3Cellipse cx=%22246.722%22 cy=%221339.836%22 rx=%222.097%22 ry=%221.904%22 fill=%22%23fff%22 opacity=%22.524%22%2F%3E%3Cellipse cx=%22406.236%22 cy=%221283.633%22 rx=%221.47%22 ry=%221.214%22 fill=%22%23fff%22 opacity=%22.084%22%2F%3E%3Cellipse cx=%22613.035%22 cy=%221278.784%22 rx=%221.469%22 ry=%221.406%22 fill=%22%23fff%22 opacity=%22.364%22%2F%3E%3Cellipse cx=%22907.715%22 cy=%221374.895%22 rx=%222.073%22 ry=%221.582%22 fill=%22%23fff%22 opacity=%22.59%22%2F%3E%3Cellipse cx=%221029.074%22 cy=%221384.5%22 rx=%221.384%22 ry=%221.254%22 fill=%22%23fff%22 opacity=%22.055%22%2F%3E%3Cellipse cx=%221259.13%22 cy=%221388.979%22 rx=%221.639%22 ry=%221.237%22 fill=%22%23fff%22 opacity=%22.729%22%2F%3E%3Cellipse cx=%221444.433%22 cy=%221293.595%22 rx=%221.959%22 ry=%221.742%22 fill=%22%23fff%22 opacity=%22.849%22%2F%3E%3Cellipse cx=%221709.561%22 cy=%221298.389%22 rx=%221.84%22 ry=%221.528%22 fill=%22%23fff%22 opacity=%22.145%22%2F%3E%3Cellipse cx=%221965.772%22 cy=%221273.105%22 rx=%222.24%22 ry=%221.867%22 fill=%22%23fff%22 opacity=%22.644%22%2F%3E%3Cg transform=%22rotate(-55.322 267.888 -431.567)%22%3E%3Cdefs%3E%3ClinearGradient id=%22a%22 x1=%220%22 y1=%221%22 x2=%22328.202%22 y2=%221%22 gradientUnits=%22userSpaceOnUse%22%3E%3Cstop stop-color=%22%23fff%22%2F%3E%3Cstop offset=%22.3%22 stop-color=%22%23fff%22 stop-opacity=%22.1%22%2F%3E%3Cstop offset=%22.7%22 stop-color=%22%23fff%22 stop-opacity=%220%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Crect x=%22-16.41%22 y=%22-12.5%22 width=%22131.281%22 height=%2225%22 rx=%2225%22 ry=%2225%22 fill=%22url(%23a)%22 filter=%22url(%23b)%22 opacity=%22.4%22%2F%3E%3Crect width=%22196.921%22 height=%228%22 rx=%228%22 ry=%228%22 fill=%22url(%23a)%22%2F%3E%3C%2Fg%3E%3Cg transform=%22rotate(-64.941 1306.44 -1094.621)%22 fill=%22url(%23a)%22%3E%3Crect x=%22-11.005%22 y=%22-12.5%22 width=%2288.04%22 height=%2225%22 rx=%2225%22 ry=%2225%22 filter=%22url(%23b)%22 opacity=%22.4%22%2F%3E%3Crect width=%22132.06%22 height=%228%22 rx=%228%22 ry=%228%22%2F%3E%3C%2Fg%3E%3Cg transform=%22rotate(-62.894 1274.183 -558.245)%22 fill=%22url(%23a)%22%3E%3Crect x=%22-17.317%22 y=%22-12.5%22 width=%22138.534%22 height=%2225%22 rx=%2225%22 ry=%2225%22 filter=%22url(%23b)%22 opacity=%22.4%22%2F%3E%3Crect width=%22207.801%22 height=%228%22 rx=%228%22 ry=%228%22%2F%3E%3C%2Fg%3E%3Cg transform=%22rotate(-61.967 1535.424 -602.76)%22 fill=%22url(%23a)%22%3E%3Crect x=%22-13.212%22 y=%22-12.5%22 width=%22105.699%22 height=%2225%22 rx=%2225%22 ry=%2225%22 filter=%22url(%23b)%22 opacity=%22.4%22%2F%3E%3Crect width=%22158.549%22 height=%228%22 rx=%228%22 ry=%228%22%2F%3E%3C%2Fg%3E%3Cg transform=%22rotate(-64.026 1259.598 131.707)%22 fill=%22url(%23a)%22%3E%3Crect x=%22-15.969%22 y=%22-12.5%22 width=%22127.755%22 height=%2225%22 rx=%2225%22 ry=%2225%22 filter=%22url(%23b)%22 opacity=%22.4%22%2F%3E%3Crect width=%22191.633%22 height=%228%22 rx=%228%22 ry=%228%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}

.todo {
  text-align: left;
  padding: 0 0 0 25%;
}

ul.todo {
  list-style-type: square; /* Unicode für ein offenes Viereck */
}

ul.todo li {
  margin-bottom: 10px; /* Abstand zwischen den Punkten */
}