@charset "utf-8";

@namespace url(http://www.w3.org/1999/xhtml);

@viewport {
	zoom: 1.0;
    user-zoom: zoom;
    viewport-fit: cover;
}

@-ms-viewport {
    width: device-width;
}

@supports (padding: max(0px)) {
	.post {
		padding-top: max(0px, env(safe-area-inset-top));
		padding-bottom: max(0px, env(safe-area-inset-bottom));
		padding-left: max(0px, env(safe-area-inset-left));
		padding-right: max(0px, env(safe-area-inset-right));
	}
}

@import url(https://fonts.googleapis.com/css?family=Roboto);

/*@font-face {
	font-family: "Commercial Script BT";
	font-display: swap;
	font-style: normal;
	font-weight: 400;
	src: local('Commercial Script BT'), local('CommercialScriptBT-Regular'),
		url(https://allfont.net/cache/fonts/commercial-script-bt_18061275aac9f9308a628c5fab5a8afe.woff) format('woff'),
		url(https://allfont.net/cache/fonts/commercial-script-bt_18061275aac9f9308a628c5fab5a8afe.ttf) format('truetype');
}*/

@media all and (max-width: 991px) {
	#sticky {
		position: static;
	}
}

*, *::before, *::after,
:root, :root::before, :root::after,
*:root, *:root::before, *:root::after,
*|*:root, *|*:root::before, *|*:root::after {
	direction: ltr;
	unicode-bidi: embed;
	font-size: max(inherit, env(user-font-size));
	-moz-control-character-visibility: visible;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
			box-sizing: border-box;
}

[tabindex="-1"]:focus, [tabindex="-1"]:focus:not(:focus-visible)  {
    outline: 0 !important;
}

[hidden] {
    display: none !important;
}

.row::after {
	display: table;
	clear: both;
	content: '';
}

[class*="col-"] {
	float: left;
	padding: 0.1rem;
}
/* Mobile */
[class*="col-"] {
	width: 100%;
}
/* Small Tablets */
@media only screen and (min-width: 600px) {
	.col-s-0 {width: 0;}
	.col-s-1 {width: 8.33%;}
	.col-s-2 {width: 16.66%;}
	.col-s-3 {width: 25%;}
	.col-s-4 {width: 33.33%;}
	.col-s-5 {width: 41.66%;}
	.col-s-6 {width: 50%;}
	.col-s-7 {width: 58.33%;}
	.col-s-8 {width: 66.66%;}
	.col-s-9 {width: 75%;}
	.col-s-10 {width: 83.33%;}
	.col-s-11 {width: 91.66%;}
	.col-s-12 {width: 100%;}
}
/* Large Tablets */
@media only screen and (min-width: 768px) {
	.col-l-0 {width: 0;}
	.col-l-1 {width: 8.33%;}
	.col-l-2 {width: 16.66%;}
	.col-l-3 {width: 25%;}
	.col-l-4 {width: 33.33%;}
	.col-l-5 {width: 41.66%;}
	.col-l-6 {width: 50%;}
	.col-l-7 {width: 58.33%;}
	.col-l-8 {width: 66.66%;}
	.col-l-9 {width: 75%;}
	.col-l-10 {width: 83.33%;}
	.col-l-11 {width: 91.66%;}
	.col-l-12 {width: 100%;}
}
/* Deskop */
@media only screen and (min-width: 992px) {
	.col-0 {width: 0;}
	.col-1 {width: 8.33%;}
	.col-2 {width: 16.66%;}
	.col-3 {width: 25%;}
	.col-4 {width: 33.33%;}
	.col-5 {width: 41.66%;}
	.col-6 {width: 50%;}
	.col-7 {width: 58.33%;}
	.col-8 {width: 66.66%;}
	.col-9 {width: 75%;}
	.col-10 {width: 83.33%;}
	.col-11 {width: 91.66%;}
	.col-12 {width: 100%;}
}
/* X-Large Deskop */
@media only screen and (min-width: 1600px) {
	.col-x-0 {width: 0;}
	.col-x-1 {width: 8.33%;}
	.col-x-2 {width: 16.66%;}
	.col-x-3 {width: 25%;}
	.col-x-4 {width: 33.33%;}
	.col-x-5 {width: 41.66%;}
	.col-x-6 {width: 50%;}
	.col-x-7 {width: 58.33%;}
	.col-x-8 {width: 66.66%;}
	.col-x-9 {width: 75%;}
	.col-x-10 {width: 83.33%;}
	.col-x-11 {width: 91.66%;}
	.col-x-12 {width: 100%;}
}
/* XX-Large Deskop */
@media only screen and (min-width: 2400px) {
	.col-xx-0 {width: 0;}
	.col-xx-1 {width: 8.33%;}
	.col-xx-2 {width: 16.66%;}
	.col-xx-3 {width: 25%;}
	.col-xx-4 {width: 33.33%;}
	.col-xx-5 {width: 41.66%;}
	.col-xx-6 {width: 50%;}
	.col-xx-7 {width: 58.33%;}
	.col-xx-8 {width: 66.66%;}
	.col-xx-9 {width: 75%;}
	.col-xx-10 {width: 83.33%;}
	.col-xx-11 {width: 91.66%;}
	.col-xx-12 {width: 100%;}
}

html, body {
	width: 100%;
    height: 100%;
	margin: 0;
	border: none;
	outline: none;
	color: #ee4b9c;
	line-height: 1.15; 
    -ms-overflow-style: scrollbar;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	scroll-behavior: smooth;
}

html {
	-webkit-locale: "de";
	-webkit-position: relative;
	position: relative;
	padding: 0;
	background: transparent !important;
	/*font: inherit;*/
	font-family: sans-serif;
	vertical-align: middle;
    -webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	/*-webkit-tap-highlight-color: rgba(0, 0, 0, 0);*/
	-webkit-tap-highlight-color: transparent;
	overflow: hidden;
	/*overflow-x: hidden;
	overflow-y: scroll;*/
	-rb-scrollbar-width: inherit;
}

body {
	/*display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-box-pack: start;
	-webkit-box-align: stretch;
	display: -ms-flexbox;
	-ms-flex-pack: start;
	-ms-flex-align: stretch;
	-ms-flex-line-pack: stretch;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-flex-flow: row wrap;
	   -moz-flex-flow: row wrap;
		-ms-flex-flow: row wrap;
		 -o-flex-flow: row wrap;
			flex-flow: row wrap;
	-webkit-justify-content: flex-start;
			justify-content: flex-start;
	-webkit-align-items: stretch;
			align-items: stretch;
	-webkit-align-content: stretch;
			align-content: stretch;*/
	shape-inside: display;
	border-boundary: display;
	padding: max(2px, env(safe-area-inset-top)) max(2px, env(safe-area-inset-right)) max(2px, env(safe-area-inset-bottom)) max(2px, env(safe-area-inset-left));
	font-family: Calibri, "PT Sans", Oxygen-Sans, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Segoe UI", /*Windows*/
		Roboto, /*Android*/
		-apple-system, /*Safari auf OS X oder iOS (San Francisco)*/
		BlinkMacSystemFont, /*Chrome < 56 auf OS X (San Francisco)*/
		"Helvetica Neue", Arial, Geneva, "Noto Sans", sans-serif, /*Fallback*/
		"Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /*Emoji fonts*/
	/*font-family: Georgia, "Times New Roman", Times, serif;*/
	font-size: 1rem;
	font-weight: inherit;
	text-align: justify;
	text-align-last: left;
	overflow-wrap: break-word;
	word-wrap: break-word;
	-ms-word-break: break-all;
		word-break: break-word;
	-webkit-hyphens: auto;
	   -moz-hyphens: auto;
		-ms-hyphens: auto;
		 -o-hyphens: auto;
			hyphens: auto;
	overflow: auto;
}
@media only screen and (min-width: 600px) {
	body {
		font-size: 1rem;
		line-height: 1.2rem;
	}
}
@media only screen and (min-width: 768px) {
	body {
		font-size: 1.1rem;
	}
}
@media only screen and (min-width: 992px) {
	body {
		font-size: 1.2rem;
	}
}
@media only screen and (min-width: 1200px) {
	body {
		font-size: 1.3rem;
		line-height: 1.25rem;
	}
}
@media only screen and (min-width: 1600px) {
	body {
		font-size: 1.4rem;
		line-height: 1.25rem;
	}
}
@media only screen and (min-width: 2400px) {
	body {
		font-size: 1.5rem;
		line-height: 1.3rem;
	}
}

article, dialog, figcaption, figure, footer, header, hgroup, main, nav, section {
    display: block;
}

header {
	position: sticky;
	-webkit-position: sticky;
	max-width: 100vw;
	height: auto;
	margin: 0;
	padding: 0;
	border: 0;
	/*border-radius: 4px;*/
	background: #000;
	background-color: #000;
	background-position-x: 0%;
	background-position-y: 0%;
	background-repeat: repeat;
	background-attachment: scroll;
	background-image: none;
	background-size: auto;
	background-origin: padding-box;
	background-clip: border-box;
	color: #ee4b9c;
	text-align: center;
	text-align-last: center;
	vertical-align: top;
	text-decoration: none;
	-webkit-text-decoration-skip: objects;
}

/*nav {
	position: sticky;
	-webkit-position: sticky;
	max-width: 100vw;
	height: auto; 
	margin: 0;
	padding: 0;
	border: 0;
	/*border-radius: 4px;*/
	/*background: #000;
	background-color: #000;
	color: #ee4b9c;
	font-size: 1.5rem;
	font-weight: bold;
	font-variant: small-caps;
	text-align: center;
	text-align-last: center;
	vertical-align: middle;
	text-decoration: none;
	-webkit-text-decoration-skip: objects;
}

nav [aria-current="page"] {
	background: hsl(300, 27%, 87%);
	background-color: #000;
	color: #ee4b9c;
	font-weight: bolder;
}

nav ol, nav ul {
	max-width: 100%;
	margin-top: 0.5rem;
	margin-bottom: 0.5rem;
	margin-left: auto;
	margin-right: auto;
	padding: 0.3rem;
	background-color: #000;
	color: #ee4b9c;
	text-align: center;
	text-align-last: center;
	vertical-align: middle;
	list-style: none;
	list-style-type: none;
	list-style-image: none;
	overflow: hidden;
}*/

/*nav > ol, nav > ul {
	display: inline-block;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-flex-flow: row wrap;
	   -moz-flex-flow: row wrap;
		-ms-flex-flow: row wrap;
		 -o-flex-flow: row wrap;
			flex-flow: row wrap;
	-webkit-flex-wrap: wrap;
	   -moz-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		 -o-flex-wrap: wrap;
			flex-wrap: wrap;
	justify-content: space-between;
}*/

/*nav li {
	display: inline;
	float: none;
	margin-top: 0.1rem;
	margin-bottom: 0.1rem;
	margin-left: 0.2rem;
	margin-right: 0.2rem;
	padding: 0.1rem;
	background-color: #000;
	color: #381fc4;
	text-align: center;
	text-align-last: center;
	vertical-align: middle;
	box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
}
@media only screen and (min-width: 768px) {
	nav li {
		float: left;
	}
}*/

/*nav li + li::before {
	display: inline-block;
	margin: 0 0.25rem;
	-webkit-transform: rotate(15deg);
			transform: rotate(15deg);
	border-right: 0.1rem solid #ee4b9c;
	height: auto;
	content: '|';
}*/

/*nav li:focus, nav li:hover {
	background-color: #fff;
	color: #ee4b9c;
}

nav [aria-current="page"] a, nav [aria-current="page"] a:visited, nav [aria-current="page"] a:active {
	background-color: #000;
	color: #ee4b9c;
	font-weight: bolder;
	font-variant: small-caps;
	text-decoration: none;
	-webkit-text-decoration-skip: objects;
}

nav [aria-current="page"] a:focus, nav [aria-current="page"] a:hover {
	background-color: #000;
	color: #ee4b9c;
	text-decoration: underline;
	text-decoration-style: wavy;
}

nav a, nav a:visited {
	display: block;
	margin: 0.2rem;
	padding-top: 0.2rem;
	padding-bottom: 0.2rem;
	padding-left: 0.5rem;
	padding-right: 0.5rem;
	outline-width: 3px;
	outline-style: groove;
	outline-color: #fff;
	outline-offset: 3px;
	border: 1px groove #ccc;
	border-radius: 10px;
	background: transparent;
	background-color: #ee4b9c;
	color: #381fc4;
	font-weight: bold;
	font-variant: small-caps;
	text-align: center;
	text-decoration: none;
	-webkit-text-decoration-skip: objects;
	page-break-after: avoid;
	-webkit-hyphens: none;
	   -moz-hyphens: none;
		-ms-hyphens: none;
		 -o-hyphens: none;
			hyphens: none;
	box-shadow: 0 5px 10px #333 inset;
	-webkit-transition: all 0.5s ease-in;
			transition: all 0.5s ease-in;
}

nav a:focus, nav a:hover {
	background-color: #000;
	color: #ee4b9c;
	text-decoration: underline;
	text-decoration-style: wavy;
}

nav a:active {
	background-color: #ee4b9c;
	color: #381fc4;
	font-weight: bolder;
}

nav a:lang(ar), nav a:lang(kk-arab), nav a:lang(mzn), nav a:lang(ps), nav a:lang(ur) {
	text-decoration: none;
	-webkit-text-decoration-skip: objects;
}*/

nav > ul {
	list-style:none;
		// Safari hack, see https://www.scottohara.me/blog/2019/01/12/lists-and-safari.html
		list-style: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'/%3E");  
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	position:relative;
} 

nav li {
	margin: 0.5em;
	padding: 0;
	font-size: 1.5rem;  
	flex: 1 1 0%;  
	position: relative;
}

@media (min-width: 45em) {
	nav > ul {	
		flex-direction: row; 
		height: 3em; 
	}
	nav li {
		flex: 1;
		font-size: 1em;
	}  
}

nav a {
	display: block;
	padding: 0.4em;
	text-decoration: none; 
	font-weight: bold;
	text-align: center;
	border: thin solid var(--background-color);
	border-radius: .5em;
	color: var(--link-color);
	--link-color: gold; 
	background-color: var(--background-color); 
	transition: all .25s ease-in;	 
	position: relative;  
}

nav li[aria-current] a {
	background-color: var(--accent2-color); 
	color: var(--accent1-color);
}

			
nav a:focus, nav a:hover,
nav li[aria-current] a:focus, nav li[aria-current] a:hover {    
	color: var(--background-color); 
	background-color: var(--accent1-color);
}	

/*     submenu navigation links      */
nav ul ul { 
	visibility: hidden;  
	height: 0;
	z-index: 1000; 
}
nav ul li { 
	display: block; 
	/* width: 15em; */
}
		 
/**     Show the submenu on hover, focus     **/
/* 
nav li:hover ul {
	visibility: visible;
	height: auto;
}
nav li:focus-within > ul, */
.visible { 
	visibility: visible;
	height: auto;
}

[aria-expanded] {
	position: absolute;
	right: 0.5em;
	top: 0.25em;
	width:2em;
	height:2em;
	padding: 0;
	background: var(--background-color); /* damit er bei nav a:focus noch sichtbar ist */ 
	outline:transparent;
	border: none;
	border-radius: 0.3em;
}

[aria-expanded] svg {
	pointer-events: none;
	fill: var(--accent1-color);
	border-radius: 0.3em;	
	z-index:10;
}

nav li:hover [aria-expanded] svg {
	background: var(--accent1-color);
	fill: var(--background-color);
}

nav li:focus [aria-expanded] svg {
	background: var(--background-color);
	fill: var(--accent1-color);
}

[aria-expanded]:focus svg, [aria-expanded]:hover svg {
	fill: var(--background-color);
	background: var(--accent1-color);	 
}

[aria-expanded="true"] svg {
	transform: translate(0,0) rotate(90deg);
}

.visually-hidden, [visually-hidden="true"] {
	position: absolute !important;
	clip-path: rect(1px, 1px, 1px, 1px) !important;
	padding: 0 !important;
	border: 0 !important;
	height: 1px !important;
	width: 1px !important;
	overflow: hidden !important;
}

			
:root {
	--background-color: midnightblue;
	--accent1-color: gold;
	--accent2-color: darkred;	
	--text-color: black;
}

nav.topmenu {
	max-width: 100vw;
    height: auto; 
    max-height: 0;
	margin: 0;	
    overflow: hidden; 
    -webkit-transition: all 0.5s ease-in;
			transition: all 0.5s ease-in;
}

nav.breadcrumb {
	padding: 0.8rem 1rem;
	border: 1px solid hsl(0, 0%, 90%);
	border-radius: 4px;
	background: hsl(300, 14%, 97%);
	color: #381fc4;
}

nav.breadcrumb ol, nav.breadcrumb ul {
	margin: 0;
	padding-left: 0;
	list-style: none;
}

nav.breadcrumb li {
	display: inline;
}

nav.breadcrumb li + li::before {
	display: inline-block;
	margin: 0 0.25rem;
	-webkit-transform: rotate(15deg);
			transform: rotate(15deg);
	border-right: 0.1rem solid currentColor;
	height: 100%;
	content: '';
}

nav.breadcrumb [aria-current="page"] {
	background-color: #381fc4;
	color: #fff;
	font-weight: bolder;
	text-decoration: none;
	-webkit-text-decoration-skip: objects;
}

main {
	position: relative;
	display: block;
	max-width: 100vw;
	margin: 0;
	padding: 0.2rem;
	background: radial-gradient(ellipse farthest-corner, #ccc 80%, #000 100%);
	color: #ee4b9c;
	text-align: center;
	text-align-last: center;
}

article {
	max-width: 100vw;
	margin: 0 auto;
	padding: 0;
	background: transparent;
	color: inherit;
	text-align: justify;
	text-align-last: left;
	overflow-wrap: break-word;
	word-wrap: break-word;
	-ms-word-break: break-all;
		word-break: keep-all;
	-webkit-hyphens: auto;
	   -moz-hyphens: auto;
		-ms-hyphens: auto;
		 -o-hyphens: auto;
			hyphens: auto;
}
@media only screen and (min-width: 768px) {
	article {
		margin-top: 0;
		margin-bottom: auto;
		margin-left: 1rem;
		margin-right: auto;
		padding: 0.2rem;
	}
}
@media only screen and (min-width: 1600px) {
	article {
		margin-left: 1.5rem;
		padding: 0.5rem;
	}
}

section {
	margin-top: 0;
	margin-bottom: auto;
	margin-left: 1rem;
	margin-right: auto;
	padding: 0;
	background: transparent;
	color: inherit;
	text-align: justify;
	text-align-last: left;
	overflow-wrap: break-word;
	word-wrap: break-word;
	-ms-word-break: break-all;
		word-break: keep-all;
	-webkit-hyphens: auto;
	   -moz-hyphens: auto;
		-ms-hyphens: auto;
		 -o-hyphens: auto;
			hyphens: auto;
}
@media only screen and (min-width: 600px) {
	section {
		max-width: 550px;
		padding: 0.2rem;
	}
}
@media only screen and (min-width: 1600px) {
	section {
		max-width: 750px;
		margin-left: 1.5rem;
		padding: 0.5rem;
	}
}

aside {
	position: relative;
	max-width: 100vw;
	height: auto;
	margin: 0;
	padding: 0.2rem;
	background-color: transparent;
	color: #ee4b9c;
	text-align: center;
	text-align-last: center;
	box-shadow: 0 1px 3px rgba(f,f,f,0.12), 0 1px 2px rgba(f,f,f,0.24);
}
@media only screen and (min-width: 600px) {
	aside {
		padding: 0.3rem;
	}
	aside section {
		max-width: 150px;
		padding: 0.2rem;
	}
}
@media only screen and (min-width: 768px) {
	aside {
		padding: 0.4rem;
	}
}
@media only screen and (min-width: 992px) {
	aside {
		padding: 0.5rem;
	}
}
@media only screen and (min-width: 1200px) {
	aside {
		padding: 0.6rem;
	}
}
@media only screen and (min-width: 1600px) {
	aside {
		padding: 0.7rem;
	}
	aside section {
		max-width: 750px;
		margin-left: 0.5rem;
		padding: 0.5rem;
	}
}
@media only screen and (min-width: 2400px) {
	aside {
		padding: 0.8rem;
	}
}

aside article {
	max-width: 100%;
	margin: 0 auto;
	padding: 0;
	background: transparent;
	color: #ee4b9c;
	text-align: center;
	text-align-last: center;
}

aside section {
	margin-top: 0;
	margin-bottom: auto;
	margin-left: 0.2rem;
	margin-right: auto;
	padding: 0;
	background: transparent;
	color: #ee4b9c;
	text-align: justify;
	text-align-last: left;
	overflow-wrap: break-word;
	word-wrap: break-word;
	-ms-word-break: break-all;
		word-break: keep-all;
	-webkit-hyphens: auto;
	   -moz-hyphens: auto;
		-ms-hyphens: auto;
		 -o-hyphens: auto;
			hyphens: auto;
	box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
}

aside h2, aside h3 {
	display: block;
	background: transparent;
	color: #ee4b9c;
	font-weight: bold;
	font-variant: small-caps;
	text-align: justify;
	text-align-last: left;
	page-break-after: avoid;
	overflow-wrap: break-word;
	word-wrap: break-word;
	-ms-word-break: break-all;
		word-break: keep-all;
	-webkit-hyphens: auto;
	   -moz-hyphens: auto;
		-ms-hyphens: auto;
		 -o-hyphens: auto;
			hyphens: auto;
	overflow: hidden;
}

footer {
	max-width: 100vw;
	height: auto; 
	margin: 25px;
	background: #777;
	text-align: left;
	text-align-last: left;
	vertical-align: middle;
	text-shadow: 1px 1px #c1c1c1;
	box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
}

footer a, footer img {
	display: inline-block;
	float: right;
	background: transparent;
	color: inherit;
	text-align: center;
	text-align-last: center;
	vertical-align: middle;
    -webkit-text-decoration-skip: objects;
	overflow-wrap: break-word;
	word-wrap: break-word;
	-ms-word-break: break-all;
		word-break: keep-all;
	-webkit-hyphens: auto;
	   -moz-hyphens: auto;
		-ms-hyphens: auto;
		 -o-hyphens: auto;
			hyphens: auto;
}

footer img {
	max-width: 100%;
	height: auto;
	margin: 0;
	margin-right: 5px;
	border: none;
	image-rendering: auto;
}

/*h1, h2, h3, h4, h5, h6 {
    margin-top: 0;
    margin-bottom: 0.5rem;
}

h1, h2, h3, h4, h5, h6 {
    margin-bottom: 0.5rem;
    font-family: inherit;
    font-weight: 500;
    line-height: 1.2;
    
}

h1 {
    font-size: 2.5rem;
}

h2 {
    font-size: 2rem;
}

h3 {
    font-size: 1.75rem;
}

h4 {
    font-size: 1.5rem;
}

h5 {
    font-size: 1.25rem;
}

h6 {
    font-size: 1rem;
}*/

h1, h2, h3, h4, h5, h6 {
	display: inline-block;
	margin-top: 0.67rem;
    margin-bottom: 1rem;
	background: transparent;
	color: inherit;
	font-family: inherit;
    font-weight: 500;
	font-variant: none;
    line-height: 1.2;
	text-align: justify;
	text-align-last: left;
	page-break-after: avoid;
	overflow-wrap: break-word;
	word-wrap: break-word;
	-ms-word-break: break-all;
		word-break: keep-all;
	-webkit-hyphens: auto;
	   -moz-hyphens: auto;
		-ms-hyphens: auto;
		 -o-hyphens: auto;
			hyphens: auto;
	overflow: hidden;
}

h1, h2, h3 {
	font-weight: 800;
	font-variant: small-caps;
	line-height: 1.2;
}

h1 {
	font-size: 2rem;
	margin: 0.67rem 0;
	margin-bottom: 2rem;
}

h2 {
	font-size: 1.8rem;
}

h3 {
	font-size: 1.6rem;
}

h4 {
	padding: 0.5rem;
	border-width: 5px;
	border-style: ridge;
	border-top-color: #fff;
	border-bottom-color: #ee4b9c;
	border-left-color: #fff;
	border-right-color: #ee4b9c;
	border-radius: 5px;
	background-color: #333;
	color: #0ec7ee;
	font-size: 1.4rem;
	font-weight: bold;
	box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
}

h5 {
	/*margin-left: auto;
	/*white-space: nowrap;*/
	background: transparent;
	color: #b17308; /*Dec-Gold*/
	/*font-family: "Commercial Script BT";*/
	font-size: 1.2rem;
	font-weight: bold;
	text-overflow: ellipsis;
	text-shadow: 4px 4px 4px #aaa;
}

h6 {
	/*margin-left: auto;
	/*white-space: nowrap;*/
	background: transparent;
	color: #ee4b9c; /*Dec-Gold*/
	/*font-family: "Commercial Script BT";*/
	font-size: 1rem;
	text-overflow: ellipsis;
	text-shadow: 4px 4px 4px #fff;
}

@media only screen and (max-width: 600px) {
	h1, h2, h3 {
		display: block;
		font-weight: bolder;
		font-variant: small-caps;
		text-align: justify;
		text-align-last: left;
		page-break-after: avoid;
		overflow-wrap: break-word;
		word-wrap: break-word;
		-ms-word-break: break-all;
			word-break: keep-all;
		-webkit-hyphens: auto;
		   -moz-hyphens: auto;
			-ms-hyphens: auto;
			 -o-hyphens: auto;
				hyphens: auto;
	}
	h1 {
		font-size: 2rem;
		margin: 0.67rem 0;
		margin-bottom: 1rem;
	}
	h2 {
		font-size: 1.5rem;
	}
	h3 {
		font-size: 1.2rem;
	}
}
@media only screen and (min-width: 1600px) {
	h1 {
		font-size: 2.2rem;
		margin: 0.67rem 0;
		margin-bottom: 1rem;
	}
	h2 {
		font-size: 1.8rem;
	}
	h3 {
		font-size: 1.6rem;
	}
}
@media only screen and (min-width: 2400px) {
	h1 {
		font-size: 2.4rem;
		margin: 0.67rem 0;
		margin-bottom: 1rem;
	}
	h2 {
		font-size: 2rem;
	}
	h3 {
		font-size: 1.8rem;
	}
	h4 {
		font-size: 1.6rem;
	}
}

h3 + ol, h3 + ul {
	margin-top: -1rem;
}

p {
	margin: 0 auto;
	padding: 1rem;
	border: none;
	box-shadow: none;
	text-align: justify;
	text-align-last: left;
	overflow-wrap: break-word;
	word-wrap: break-word;
	-ms-word-break: break-all;
		word-break: keep-all;
	-webkit-hyphens: auto;
	   -moz-hyphens: auto;
		-ms-hyphens: auto;
		 -o-hyphens: auto;
			hyphens: auto;
}

p.frames {
	margin: 0 auto;
	padding: 1rem;
	border-width: 5px;
	border-style: groove;
	border-top-color: #fff;
	border-bottom-color: #ccc;
	border-left-color: #fff;
	border-right-color: #ccc;
	border-radius: 2px;
	box-shadow: 0 1px 3px rgba(f,f,f,0.12), 0 1px 2px rgba(f,f,f,0.24);
	text-align: justify;
	text-align-last: left;
	overflow-wrap: break-word;
	word-wrap: break-word;
	-ms-word-break: break-all;
		word-break: keep-all;
	-webkit-hyphens: auto;
	   -moz-hyphens: auto;
		-ms-hyphens: auto;
		 -o-hyphens: auto;
			hyphens: auto;
}

p.shadow {
	margin: 0 auto;
	padding: 1rem;
	border: none;
	box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
}

p + ol, p + ul, p.frames + ol, p.frames + ul, p.shadow + ol, p.shadow + ul, p.fixed + ol, p.fixed + ul {
	margin-top: -1rem;
}

p img, p img.trans, p.frames img, p.frames img.trans, p.shadow img, p.shadow img.trans, p.fixed img, p.fixed img.trans {
	margin: 0.2rem;
	border-style: none;
	image-rendering: auto;
}

ol, ul {
	margin-top: 0;
	margin-bottom: 1rem;
	margin-left: auto;
	margin-right: auto;
	padding: 1.5rem;
	list-style-type: circle;
	list-style-image: none;
	box-shadow: none;
	overflow: hidden;
}

li {
	padding-left: 1.5rem;
	border: none;
	background: transparent;
	color: inherit;
}

ol.shadow, ul.shadow {
	margin-top: 0;
	margin-bottom: 1rem;
	margin-left: auto;
	margin-right: auto;
	padding: 1.5rem;
	background: transparent;
	color: inherit;
	list-style-type: circle;
	list-style-image: none;
	box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
	overflow: hidden;
}

li.shadow {
	padding-left: 1.5rem;
	border: none;
	background: transparent;
	color: inherit;
}

li.frames {
	padding-left: 1.5rem;
	border-width: 5px;
	border-style: groove;
	border-top-color: #404040;
	border-bottom-color: #808080;
	border-left-color: #202020;
	border-right-color: #606060;
	border-radius: 5px;
	background: transparent;
	color: inherit;
}

a, a:visited {
	display: inline-block;
	margin: 0;
	padding: 0;
	background-color: transparent;
	color: #381fc4;
	font-weight: bold;
	font-variant: small-caps;
	overflow-wrap: break-word;
	word-wrap: break-word;
	-ms-word-break: break-all;
		word-break: keep-all;
	-webkit-hyphens: auto;
	   -moz-hyphens: auto;
		-ms-hyphens: auto;
		 -o-hyphens: auto;
			hyphens: auto;
	cursor: pointer;
	transition: all ease 1.5s;
}

a:focus, a:hover {
	background: transparent;
	color: #0ec7ee;
}

a:active {
	background: transparent;
	color: #0ec7ee;
}

a:lang(ar), a:lang(kk-arab), a:lang(mzn), a:lang(ps), a:lang(ur) {
	text-decoration: none;
	-webkit-text-decoration-skip: objects;
}

a[href^="#"], a[href^="#"]:visited {
	display: inline-block;
	background: transparent;
	color: #ee4b9c;
	font-weight: bold;
	font-variant: none;
	text-decoration: none;
	-webkit-text-decoration-skip: objects;
}

a[href^="#"]:focus, a[href^="#"]:hover, a[href^="#"]:active {
	background: transparent;
	color: #0ec7ee;
	text-decoration: underline;
	text-decoration-style: wavy;
}

.no_dec a, .no_dec a:visited {
	display: inline-block;
	margin: 0;
	padding: 0;
	background: transparent;
	color: inherit;
	font-family: inherit;
	font-size: inherit;
	font-weight: bold;
	font-variant: inherit;
	text-align: left;
	text-decoration: none;
	-webkit-text-decoration-skip: objects;
	overflow-wrap: break-word;
	word-wrap: break-word;
	-ms-word-break: break-all;
		word-break: keep-all;
	-webkit-hyphens: auto;
	   -moz-hyphens: auto;
		-ms-hyphens: auto;
		 -o-hyphens: auto;
			hyphens: auto;
	cursor: pointer;
	transition: all ease 1.5s;
}

.no_dec a:focus, .no_dec a:hover {
	background: transparent;
	color: #ee4b9c;
	text-decoration: underline;
	text-decoration-style: wavy;
}

.no_dec a:active {
	background: transparent;
	color: #381fc4;
	text-decoration: underline;
	text-decoration-style: wavy;
}

.no_dec a:lang(ar), .no_dec a:lang(kk-arab), .no_dec a:lang(mzn), .no_dec a:lang(ps), .no_dec a:lang(ur) {
	text-decoration: none;
	-webkit-text-decoration-skip: objects;
}

@media (update) {
	a, a:visited, a:lang(ar), a:lang(kk-arab), a:lang(mzn), a:lang(ps), a:lang(ur),
	.no_dec a, .no_dec a:visited, .no_dec a:lang(ar), .no_dec a:lang(kk-arab), .no_dec a:lang(mzn), .no_dec a:lang(ps), .no_dec a:lang(ur) {
		text-decoration: none;
		-webkit-text-decoration-skip: objects;
	}	
	a:hover, a:focus, a:active, .no_dec a:focus, .no_dec a:hover, .no_dec a:active {
		text-decoration: underline;
		text-decoration-style: wavy;
	}
}

pre, code, kbd, samp {
    font-family: SFMono-Regular, Menlo, Consolas, "Liberation Mono", Fixedsys, "Lucida Console", Courier, "Courier New", Monaco, monospace, monospace; 
    font-size: 1rem;
}

pre {
    margin-top: 0;
    margin-bottom: 1rem;
	margin-left: 1rem;
	margin-right: auto;
    overflow: auto;
    -ms-overflow-style: scrollbar;
}

b, strong {
	font-weight: bolder;
}

small {
	font-size: 80%;
}

sub, sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sub {
	bottom: -0.25rem;
}

sup {
	top: -0.5rem;
}

/*hr {
	box-sizing: content-box;
	height: 0;
    margin-top: 1rem;
    margin-bottom: 1rem;
    border: 0;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
	overflow: visible;
}*/

hr {
	display: block;
	box-sizing: content-box;
	max-width: 98vw;
	height: 0;
	margin-top: 0.5rem;
	margin-bottom: 0.5rem;
	margin-left: auto;
	margin-right: auto;
	border-width: 2px;
	border-style: solid;
	border-top-color: #ee4b9c;
	border-bottom-color: #ee4b9c;
	border-left-color: #ee4b9c;
	border-right-color: #ee4b9c;
	border-radius: 2px;
	outline-width: 4px;
	outline-style: groove;
	outline-color: #0ec7ee;
	outline-offset: 2px;
	background-color: #000;
	color: #0ec7ee;
	overflow: visible;
}

img, img.trans, embed, object, audio, video {
	max-width: 100%;
	height: auto;
	margin: 0;
	border: none;
	object-fit: scale-down;
}

img {
	image-rendering: auto;
}

img.trans {
	border-style: none;
	opacity: 0.4;
	filter: alpha(opacity=40);
}

img.trans:focus, img.trans:hover {
	opacity: 1.0;
}

@supports (--custom:property) {
	[style*="--aspect-ratio"] {
		position: relative;
		width: 100%;
		height: 0;
		padding-top: calc( 100% / (var(--aspect-ratio)) );
	}
	[style*="--aspect-ratio"] > :first-child {
		position: absolute;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
	}
}

figure {
    margin: 0 0 1rem;
}

svg:not(:root) {
    overflow: hidden;
}

iframe {
	max-width: 100vw;
	max-height: 100vw;
	margin: 0;
	padding: 0;
	border: none;
	outline: none;
	background: transparent;
	color: inherit;
	font-size: inherit;
}

iframe:fullscreen {
	padding: 0 !important;
	border: none !important;
}

textarea {
	display: block;
	max-width: 100%;
	padding: 0.1rem;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
			box-sizing: border-box;
}

abbr[title] {
	border-bottom: none;
	text-decoration: underline;
	text-decoration: underline dotted;
}

@media only screen and (prefers-color-scheme: no-preference), only screen and (prefers-color-scheme: light) {
	body {
		background-color: #000;
		color: #ee4b9c;
	}
	main {
		background: radial-gradient(ellipse farthest-corner, #ccc 10%, #000 100%);
		color: #ee4b9c;
	}
	footer {
		background-color: #333;
		color: #ee4b9c;
	}
	ul, ul.shadow, ol, ol.shadow {
		background: transparent;
		color: #ee4b9c;
	}
}
@media only screen and (prefers-color-scheme: dark) {
	body {
		background-color: #000;
		color: #ee4b9c;
	}
	main {
		background: radial-gradient(ellipse farthest-corner, #333 10%, #000 100%);
		color: #ee4b9c;
	}
	footer {
		background-color: #ccc;
		color: #ee4b9c;
	}
	ul, ul.shadow, ol, ol.shadow {
		background: transparent;
		color: #ee4b9c;
	}
}

@media all and (display-mode: fullscreen), all and (display-mode: standalone) {
	*|*:not(:root), *|*:root::before, *|*:root::after {
		position: fixed !important;
		top: 0 !important; bottom: 0 !important; left: 0 !important; right: 0 !important;
		width: 100vw !important;
		min-width: 0 !important;
		max-width: none !important;
		height: 100vh !important;
		min-height: 0 !important;
		max-height: none !important;
		margin: 0 !important;
		-webkit-box-sizing: border-box !important;
		   -moz-box-sizing: border-box !important;
				box-sizing: border-box !important;
		-webkit-transform: none !important;
				transform: none !important;
		object-fit: contain;
	}
	iframe {
		padding: 0 !important;
		border: none !important;
	}
	*|*:not(:root)::backdrop {
		background: #000;
		color: inherit;
	}
}
	
*|*:not(:root):fullscreen, *|*:not(:root):fullscreen::before, *|*:not(:root):fullscreen::after {
	position: fixed !important;
	top: 0 !important; bottom: 0 !important; left: 0 !important; right: 0 !important;
	width: 100vw !important;
	min-width: 0 !important;
	max-width: none !important;
	height: 100vh !important;
	min-height: 0 !important;
	max-height: none !important;
	margin: 0 !important;
	-webkit-box-sizing: border-box !important;
	   -moz-box-sizing: border-box !important;
			box-sizing: border-box !important;
	-webkit-transform: none !important;
			transform: none !important;
	object-fit: contain;
}

*|*:not(:root):fullscreen::backdrop {
	background: #000;
	color: inherit;
}

::backdrop {
	position: fixed;
	top: 0; bottom: 0; left: 0; right: 0;
}

.top {
	position: fixed;
	top: 0;
	left: auto;
	right: auto;
}

.seal {
	margin-top: 45px;
}

.selector-for-some-widgets {
	-webkit-box-sizing: content-box;
	   -moz-box-sizing: content-box;
			box-sizing: content-box;
}

/* Border Styles */
.gepunktet    {border-style: dotted;}
.gestrichelt  {border-style: dashed;}
.durchgezogen {border-style: solid;}
.doppelt      {border-style: double;}
.gerillt      {border-style: groove;}
.kammfoermig  {border-style: ridge;}
.inset        {border-style: inset;}
.outset       {border-style: outset;}

.flex-container-a {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: space-between;
	background-color: #c3c3c3;
	color: inherit;
}

.flex-container-a > * {
	margin: 0.5rem;
	background-color: #f1f1f1;
	color: inherit;
	font-size: 1rem;
	text-align: justify;
	line-height: 1.2rem;
}

.flex-container-b {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;  
	-webkit-flex-flow: row wrap;
	   -moz-flex-flow: row wrap;
		-ms-flex-flow: row wrap;
		 -o-flex-flow: row wrap;
			flex-flow: row wrap;
	-webkit-flex-wrap: wrap;
	   -moz-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		 -o-flex-wrap: wrap;
			flex-wrap: wrap;
	justify-content: space-between;
	font-weight: bold;
	text-align: center;
}

.flex-container-b  > * {
	flex: 2 50%;
	padding: 1rem;
}

/*.Titelbild {
	display: block;
	position: relative;
	max-width: 100vw;
	height: auto;
	background-image: url(/Bilder/Top/top_2400.png);
	background-color: #f1f1f1;
	-webkit-background-size: contain;
	   -moz-background-size: contain;
		-ms-background-size: contain;
		 -o-background-size: contain;
			background-size: contain;
	background-position: center top;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-origin: border-box;
	background-clip: padding-box;
	color: inherit;
}

.Bildtext {
	position: absolute;
	top: 50%;
	left: 50%;
	background: transparent;
	color: #fff;
	text-align: center;
	-webkit-transform: translate(-50%, -50%);
			transform: translate(-50%, -50%);
}*/