@charset "UTF-8";
/*!
 * Bootstrap  v5.3.3 (https://getbootstrap.com/)
 * Copyright 2011-2024 The Bootstrap Authors
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 * eigene Anpassungen & Ergänzungen 25_04
 */


 :root {
  --bs-primary: #0d6efd;
  --bs-body-bg: #ffffff;
  --bs-body-color: #212529;
}

/* Light Theme */
[data-bs-theme="light"] {
  color-scheme: light;
  --bs-body-bg: #ffffff;
  --bs-body-color: #212529;
  --bs-primary: #0d6efd;
}

/* Dark Theme */
[data-bs-theme="dark"] {
  color-scheme: dark;
  --bs-body-bg: #212529;
  --bs-body-color: #dee2e6;
  --bs-primary: #ffc107;
}

/* MyColor Theme */
[data-bs-theme="mycolor"] {
  color-scheme: light;
  --bs-body-bg: #fdf6e3;
  --bs-body-color: #333333;
  --bs-primary: #ce1127;
  --bs-link-color: #0066cc;
}

header {
	color:white;
	width:70%;
	height:75px;
	margin-top:20px;
	border-radius:10px;
	Background:#333333;
	display:flex;
	justify-content: center;
	align-items: center;
}

body {
	width:100%;
	margin: 0 auto;
	padding:0;
	background:#141414;
	font-size:16px;
	line-height:1.5;
	font-family: "Aptos", sans-serif;
	display:grid;
	place-items: center;
	
	
}

main {
	width:70%;
	background:#333333;
	height:700px;
	border-radius:10px;
	margin-top:20px;
	display:flex;
	justify-content: center;
	align-items: center;
	
}

footer {
	width:70%;
	height:50px;
	margin-top:20px;
	border-radius:10px;
	Background:#333333;
	display:flex;
	justify-content:Center;
}

img {
	max-width:600px;
	height: 300px;
}