header {
	background-color: #F2F4F3;
	padding: 12px 0;
	color: white;
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
}

.header-Logo {
	background:to right, #6f2358, #d38127;
	outline: none; 
	}
	
.logo {
	font-size: 1.3em;
	font-weight: bold;
	color: #7B244F;
	background-color: #F2F4F3;
}

.bild {
    max-width: 100%;
    height: auto;
}


.bswbild {
    max-width: 50%;
    height: auto;
}

.bGround {
    linear-gradient(to right,#b11949, #f49800);
}

.accordion {
	color: #F3F3F3;
	cursor: pointer;
	padding: 18px;
	width: 100%;
	border: none;
	text-align: left;
	outline: none;
	font-size: 24px;
	transition: 0.4s;
	background: linear-gradient(to right,#b11949, #f49800);
	font-weight: bold;
}

.active, .accordion:hover {
  background-color: #eee;
}

.accordion:after {
  content: '\002B';
  color: #777;
  font-weight: bold;
  float: right;
  margin-left: 5px;
}

.active:after {
  content: "\2212";
}

.panel {
	padding: 0 18px;
	background-color: white;
	max-height: 0;
	width: 100%;
	overflow: hidden;
	transition: max-height 0.2s ease-out;
	font-size: 18px;
}

img {
    max-width: 100%;
    height: auto;
}

nav ul {
  list-style: none;
  display: flex;
}

nav ul li {
	margin-right: 20px;
}

nav a {
  text-decoration: none;
  color: white;
  font-weight: bold;
  transition: color 0.3s ease;
}

nav a:hover {
  color: #ff9900; /* Change the color to your preference */
}

body,td,th {
	font-family: "Segoe UI Semilight", "Segoe UI", "Segoe Script";
	font-size: 18px;
	color: #1B1215;
	font-weight: normal;
}
body {
	font-family: "Segoe UI", "Segoe UI Semibold";
	font-size: 18px;
	color: #1B1215;
	background-color: #FFFFFF;
}
a:link {
	color: #6f2358;
	font-family: "Segoe UI Semilight", "Segoe UI", "Segoe Script";
	font-weight: bold;
	font-size: 16px;
}
a:visited {
	color: #7B244F;
	font-family: "Segoe UI Semilight", "Segoe UI", "Segoe Script";
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
}
a:hover {
	color: #B71EAF;
	font-family: "Segoe UI Semilight", "Segoe UI", "Segoe Script";
	font-style: italic;
	font-weight: bolder;
}
a:active {
	color: #FF0000;
	font-size: 18px;
	font-family: "Segoe UI Semilight", "Segoe UI", "Segoe Script";
	font-weight: bold;
}
.Seitentitel {
	font-size: 42px;
	color: #6f2358;
	font-family: "Segoe UI Semilight", "Segoe UI", "Segoe Script";
	font-weight: bold;
	text-decoration: underline;
}

h1 {
	font-size: 36px;
	color: #1B1215;
	font-family: "Segoe UI Semilight", "Segoe UI", "Segoe Script";
	font-weight: bold;
}
h2 {
	font-size: 24px;
	color: #340051;
	font-family: "Segoe UI Semilight", "Segoe UI", "Segoe Script";
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
}
h3 {
	font-size: 18px;
	color: #400040;
	font-family: "Segoe UI Semilight", "Segoe UI", "Segoe Script";
	font-style: normal;
	font-weight: bold;
}
h4 {
	font-size: 16px;
	color: #00498C;
	font-family: "Segoe UI Semilight", "Segoe UI", "Segoe Script";
	text-align: left;
	vertical-align: middle;
}
h5 {
	font-size: 14px;
	font-weight: bold;
	color: #400040;
	text-decoration: underline;
	}
h6 {
	font-size: 14px;
	font-weight: bold;
	color: #00498C;
}
h_accordion {
	font-size: 24px;
	color: #FFFFFF;
	font-family: "Segoe UI Semilight", "Segoe UI", "Segoe Script";
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
}
b:link {

	color: #006699;
	text-decoration: underline;
	font-family: "Segoe UI Semilight", "Segoe UI", "Segoe Script";
	font-weight: bold;
	font-size: 18px;
}
.bswline {
	height: 140px;
	width: 100%;
	background: linear-gradient(to right,#b11949, #f49800);
}

.BSWHeadline {
	height: 140px;
	width: 100%;
	background-color: #F2F4F3;
	
}
.accordion2 {
  background-color: eee;
  color: #330000;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 15px;
  transition: 0.4s;
}
.active2, .accordion2:hover {

  background-color: #eee;
}

.zelle-H1 {
	border: none;
	color: #b11949;
	background: linear-gradient(to right,#b11949, #f49800);
 }