@charset "UTF-8";
/*
  * @version		 2.2
  * @revision		$Revision:430 $
  * @lastmodified	$Date:2009-10-27 21:15:57 +0100 (Di, 27. Okt 2009) $
 */

/* define general box styles 
@media screen, projection { }
*/

/*
  *
  * (en) Forcing vertical scrollbars in IE8, Firefox, Webkit & Opera
  * (de) Erzwingen vertikaler Scrollbalken in IE8, Firefox, Webkit & Opera
  *
  * @workaround
  * @affected IE8, FF, Webkit, Opera
  * @css-for all
  * @valid CSS3
 */
body { overflow-y:scroll;}


/*** color mode selection ***/

/* static colors */
/* see static values are also set on all elements as fallback, need to be updated according */
:root {
	--color-fg-orange:#ff6000;
	--color-bg-orange:#ff6600;
	--color-bg-carrousel:#f4f2f0;

	--color-fg-docimage-slogan:#fff;

	--color-fg-accent:#32659C;
	--color-fg-accent:#EBEFFA;

	--color-fg-saying:#444;
	--color-bg-saying:#ededef;

	--color-fg-arkordeon:#000;
	--color-bg-arkordeon:#faf0e6;

	--color-fg-card:#000;
	--color-bg-card:#ccc;
	
	--color-fg-title:#0161a3;
	--color-fg-subtitle:#0063c2;
	
	--color-fg-form-input:#33668a;
	--color-bg-form-input:#FFF3D9;

	--color-fg-form-input-invalid:#F00;
	--color-bg-form-input-invalid:#FFF3D9;

	--color-fg-menu-link:#000;
	--color-bg-menu-link:#eee;
	--color-fg-menu-link-active:#eee;

	--color-fg-menu-link-hover:#333;
	--color-bg-menu-link-hover:#ff6600;

	--color-fg-teaser-header:#faebd7;
	--color-bg-teaser-header:#333;

	--color-fg-link-unused:#06c;
	--color-fg-link-visited:#147;
	--color-fg-link-hover:#000;
	--color-bg-link-hover:#FF6600;

	--color-bg-button:#fff;
	--color-bg-button-low:#e94d00;
	--color-bg-button-high:#ff6a03;
}

/* see light values are also set on all elements as fallback, need to be updated according */
:root, 
html.light {
	--color-fg:#222222;
	--color-bg:#fafafa;
	--color-bg-document:rgba(255,255,255,0.9);

	--color-fg-cta: #eee;
	--color-bg-cta: #002e6b;

	--color-fg-form: #f9f9f9;
	--color-bg-form: #061e2a;

	--color-fg-headline:#ff6000; /* 18 pt, or 14 pt and bold, needs a contrast ratio of 3:1 */
	--color-fg-subline:#ff6000; /* All other text needs a contrast ratio of 4.5:1 */

	--color-fg-tabmenu:#000;
	--color-bg-tabmenu:#fcfcfc;

	--color-bg-menu-link-active:#FFC8A4;

	--color-fg-menu-dropdown:#000;
	--color-bg-menu-dropdown:#fcfcfc;

	--color-bg-menu-areamenu: #dfe3ee;
	--color-bg-menu-dropdown:#f9f9f3;

	--color-fg-breadcrumb:#000; 
	--color-bg-breadcrumb: rgba(50, 70, 120, 0.2);

	--color-fg-teaser-content:#333;
	--color-bg-teaser-content:#fef9ef;

	--color-fg-crosslinkbox:#000;
	--color-bg-crosslinkbox:#fff;
	--color-fg-crosslinkbox-title:#000;
	--color-bg-crosslinkbox-title:#fff;

	--color-fg-header:#333;
	--color-bg-header:#fff;
	--color-fg-footer-about:#333;
	--color-bg-footer-about:#e9e9e9;
	--color-fg-footer-legal:#fff;
	--color-bg-footer-legal:#7b6d6a;

}

/* the dark values are only defined here and in the next block */ 
@media (prefers-color-scheme:dark) {
	:root {
		--color-fg:#d9d9d9;
		--color-bg:#121212;
		--color-bg-document:rgba(28,23,19,0.9); /* #1c1713; */

		--color-fg-cta: #eee;
		--color-bg-cta: #002e6b;

		--color-fg-form: #f9f9f9;
		--color-bg-form: #061e2a;

		--color-fg-headline:#ff6c03; 
		--color-fg-subline:#ff6c03;

		--color-fg-tabmenu:#111;
		--color-bg-tabmenu:#e7e7e7;

		--color-bg-menu-link-active:#C85000;
		
		--color-fg-menu-dropdown:#d9d9d9;
		--color-bg-menu-dropdown:#223;
		--color-bg-menu-areamenu: #222233;
		--color-fg-breadcrumb:#d9d9d9; 
		--color-bg-breadcrumb: rgba(50, 70, 120, 0.2); /* #223; */

		--color-fg-teaser-content:#333;
		--color-bg-teaser-content:#223;

		--color-fg-crosslinkbox:#ccc;
		--color-bg-crosslinkbox:#1c1713;
		--color-fg-crosslinkbox-title:#ccc;
		--color-bg-crosslinkbox-title:#1c1713;

		--color-fg-header:#000;
		--color-bg-header:#666; /* 221111 */
		--color-fg-footer-about:#ccc;
		--color-bg-footer-about:#222;
		--color-fg-footer-legal:#ccc;
		--color-bg-footer-legal:#222;
		}
}
html.dark {
	--color-fg:#d9d9d9;
	--color-bg:#121212;
	--color-bg-document:rgba(28,23,19,0.9); /* #1c1713; */

	--color-fg-cta: #eee;
	--color-bg-cta: #002e6b;

	--color-fg-form: #f9f9f9;
	--color-bg-form: #061e2a;

	--color-fg-headline:#ff6c03; 
	--color-fg-subline:#ff6c03;

	--color-fg-tabmenu:#111;
	--color-bg-tabmenu:#e7e7e7;

	--color-bg-menu-link-active:#C85000;

	--color-fg-menu-dropdown:#d9d9d9;
	--color-bg-menu-dropdown:#223;
	--color-bg-menu-areamenu: #222233;
	--color-fg-breadcrumb:#d9d9d9; 
	--color-bg-breadcrumb: rgba(50, 70, 120, 0.2);

	--color-fg-teaser-content:#333;
	--color-bg-teaser-content:#223;

	--color-fg-crosslinkbox:#ccc;
	--color-bg-crosslinkbox:#1c1713;
	--color-fg-crosslinkbox-title:#ccc;
	--color-bg-crosslinkbox-title:#1c1713;

	--color-fg-header:#000;
	--color-bg-header:#e0e0e0; /* 221111 */
	--color-fg-footer-about:#ccc;
	--color-bg-footer-about:#222;
	--color-fg-footer-legal:#ccc;
	--color-bg-footer-legal:#222;	
}

/* defaults */

/*
.BgColorBlue {
	background-color:#0161a3;
}
.BgColorBlueLight {
	background-color:#24aadd;
}
.BgColorGreen {
	background-color:#03af9c;
}
.BgColorSandLight {
	background-color:#fef9ef;
}
.BgColorSand {
	background-color:#faebd7;
}
.BgColorBlueSandLight {
	background-color:#e0eefe;
}
.BgColorSandMiddle {
	background-color:#dfb277;
}
.BgColorSandDark {
	background-color:#a88659;
}
.BgColorOrange {
	background-color:#ffa500;
}
.BgColorRedOrange {
	background-color:#FF6600;
}
.BgColorOrangeDark {
	background-color:#e94d00;
}
.BgColorBrown {
	background-color:#895c39;
}
.BgColorBrownDark {
	background-color:#66452b;
}
.BgColorChocolate {
	background-color:#2d2321;
}
*/


.BgColorCTA {
	color:#eee;
	color:var(--color-fg-cta);
	background-color:#002e6b;
	background-color:var(--color-bg-cta);
}

.ColorForm {
	color:#f9f9f9;
	color:var(--color-fg-form);
	background-color:#061e2a;
	background-color:var(--color-bg-form);
}

html, body {
	/* height:100%;*/
	/* width:100vw; */
	min-height:100% !important;
	/*
	overflow-y:scroll;
	overflow-x:clip;
	*/
}

body {
	max-width:100vw;
	/* width:100vw; */
	font-size:95%;
	font-family:"Nunito","Montserrat","Verdana","Geneva",sans-serif;
	font-size-adjust:0.58;
	/*letter-spacing:0.4px;*/
	line-height:1.8;
	margin:0;
	padding:0;

	color:#222222;
	color:var(--color-fg);
	background-color:#fff;
  	background-color:var(--color-bg);

	border-top: 3px solid #ff6600;

	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizelegibility;

	/* text-shadow:1px 1px 1px rgba(0,0,0,0.004) !important; */
}

/* ################## standard HTML list tags ################## */

div.TextBlock { 
	hyphens: auto;
}

ul, ol, dl {
	margin:0;
}

ul {
	list-style-type:square;
}

ul.Icons > li {
	font-weight:bold;
	text-align:center;
	text-indent:0;

	padding:1rem 0;
}

ol li::marker {
	font-weight: bold;
}

ol li::marker,
ul li::marker {
	color: #ff6600;
}

ul.Icons {
	list-style-type:none;
}

ul.Bullet > li::marker {
	content:"•\0020";
}

ul.Caret > li::marker {
	font-size: 150%;
}

ul.Checkmark > li::marker {
	content:"\2714\0020";
}

ul.Blank {
	list-style-type:none;
}

/*
ul.Icons,
ul.Caret,
ul.Checkmark,
ol.Number {
	list-style-type:none;

	padding-top:1.5rem;
	padding-bottom:1.5rem;
	padding-left:2rem;
	padding-right:0;
}
*/

.PageBlock > ul.Icons:first-child,
.PageBlock > ul.Caret:first-child,
.PageBlock > ul.Checkmark:first-child,
.PageBlock > ol.Number:first-child {
	padding-top:1.5rem;
}

.PageBlock > ul.Icons:last-child,
.PageBlock > ul.Caret:last-child,
.PageBlock > ul.Checkmark:last-child,
.PageBlock > ol.Number:last-child {
	padding-bottom:1.5rem;
}

.Textblock ul.Icons:first-child,
.Textblock ul.Caret:first-child,
.Textblock ul.Checkmark:first-child,
.Textblock ol.Number:first-child {
	padding-top:0rem;
}

.Textblock ul.Icons:last-child,
.Textblock ul.Caret:last-child,
.Textblock ul.Checkmark:last-child,
.Textblock ol.Number:last-child {
	padding-bottom:0rem;
}

/*
ul.Icons > li,
ul.Caret > li,
ul.Checkmark > li,
ol.Number > li {
	padding-top:1.2ex;
	padding-left:0.4em;
	text-indent:-0.9em;  / *  text-indent, padding-left and before/padding-right corelate * /
}
*/

ul.Caret > li:first-of-type,
ul.Checkmark > li:first-of-type,
ol.Number > li:first-of-type {
	padding-top:0;
}

/*
ul.Icons > li::before,
ul.Caret > li::before,
ul.Checkmark > li::before,
ol.Number > li::before {
	color:#FF6600;
	color:var(--color-fg-orange);
	font-weight:900;
	padding-left:0;
	padding-right:0.5em;
	width:0.4em;
	display:inline-block;
}

ul.Icons ul > li,
ul.Caret ul > li,
ul.Checkmark ul > li,
ol.Number ul > li {
    text-indent:0.1rem;
    padding-left:1rem;
}
*/

.CrossLinkBox > ul > li.Level2 {
	margin-left:1.5rem;
}

.Headline + ul.Icons,
.Subline + ul.Icons,
.Title + ul.Icons,
.SubTitle + ul.Icons,
.Headline + ul.Caret,
.Subline + ul.Caret,
.Title + ul.Caret,
.SubTitle + ul.Caret,
.Headline + ul.Checkmark,
.Subline + ul.Checkmark,
.Title + ul.Checkmark,
.SubTitle + ol.Number,
.Headline + ol.Number,
.Subline + ol.Number,
.Title + ol.Number,
.SubTitle + ol.Number  {
	padding-top:0.2rem;
}

.CrossLinkBox > ul,
ul.Navi {
	/* list-style-type:caret;*/
	list-style-image:url('/global/images/nav/link_active.gif');
}

.CrossLinkBox > ul > li,
.CrossLinkBox > ol > li,
ul.Navi > li {
	padding-top:0;
	margin-left:0.2rem;
	/*
	line-height:1.5;
	font-weight:400;
	*/
}

.CrossLinkBox > ul > li a,
.CrossLinkBox > ol > li a,
ul.Navi > li a{
	font-weight:400;
}

@media screen and (max-width:415px) {
	.CrossLinkBox > ul > li, 
	.CrossLinkBox > ol > li, 
	ul.Navi > li {
		line-height:1.8;
	}
}

/*
ul.Checkmark > li::before
{
	content:"\2714\0020";	
}
*/

ol.Number > li > .Headline,
ol.Number > li > .Subline,
ol.Number > li > .Title,
ol.Number > li > .SubTitle,
ul.Caret > li > .Headline,
ul.Caret > li > .Subline,
ul.Caret > li > .Title,
ul.Caret > li > .SubTitle,
ul.Checkmark > li > .Headline,
ul.Checkmark > li > .Subline,
ul.Checkmark > li > .Title,
ul.Checkmark > li > .SubTitle {
	display:inline;

}

ol.Number > li > .Headline::after,
ol.Number > li > .Subline::after,
ol.Number > li > .Title::after,
ol.Number > li > .SubTitle::after,
ul.Caret > li > .Headline::after,
ul.Caret > li > .Subline::after,
ul.Caret > li > .Title::after,
ul.Caret > li > .SubTitle::after,
ul.Checkmark > li > .Headline::after,
ul.Checkmark > li > .Subline::after,
ul.Checkmark > li > .Title::after,
ul.Checkmark > li > .SubTitle::after {
	content:"\A";
	white-space:pre;
}

/*
ul.Caret > li::before {
	content:"■";
}


ol.Number {
	counter-reset:my-number-counter;
}

ol.Number > li {
	counter-increment:my-number-counter;
}

ol.Number > li::before {
	content:counter(my-number-counter) ". ";
}

*/


ul.Horizontal {
	margin-left:1.5rem;
	margin-right:1.5rem;
}
ul.Horizontal > li {
	float:left;
	width:25ex;
	padding-top:0;
}

/*
abbr[title], acronym[title] {
    border-bottom: 2px dotted #ff6600;
	text-decoration: unset;
	margin-bottom:-2px;
}
*/

/* #################### pageblocks #################### */

#BlockHeaderInfo,
#BlockHeaderMenu, 
#BlockArticle, 
#BlockReferences, 
#BlockFooterCarrousel, 
#BlockFooterAbout, 
#BlockFooterVCard,
#BlockFooterLegal
{
	/* width:100vw;*/
	display:block;
	/* font-size:1rem;*/
	font-weight:initial;
	margin:0;
	padding:0.5rem 1rem 1rem 1rem;/* master setting */
	position:relative;
}


#BlockArticle,
#main
{
	background-color:#e9e9e9;
	background-color:var(--color-bg-document);
	content-visibility: auto;
}


#BlockArticleDocument {
	font-family: "Montserrat","Verdana","Geneva",sans-serif; /* without "Nunito" */
	font-size:1.10rem;
}

@media screen and (min-width:2500px) {
	#BlockArticleDocument {
		font-size:1.25rem;
	}
}
	
#BlockArticleDocument
{
	color:#222222;
	color:var(--color-fg);
	background-color:#fff;
	background-color:var(--color-bg-document);
}


#BlockHeaderInfo > .BlockContainer,
#BlockHeaderMenu > .BlockContainer, 
#BlockArticle > .BlockContainer, 
#BlockReferences > .BlockContainer, 
#BlockFooterCarrousel > .BlockContainer, 
#BlockFooterAbout > .BlockContainer, 
#BlockFooterVCard > .BlockContainer,
#BlockFooterLegal > .BlockContainer
{
	margin:0;
	padding:0;
}

#BlockHeaderInfo {
/*	background:#FCFCFF url(/global/images/bg.png) repeat-x scroll top center;*/
	padding:0;
/*
	position:fixed;
	left:0;
	top:0;
	z-index:3;
*/
	flex-grow: 2;
}

#BlockHeaderInfo .BlockContainer {
	height: 100%;
}

main,
#main {
	clear:both;
}

#BlockHeader, 
#BlockHeaderMenu {
	max-width: 2400px;
	margin: 0 auto;
}

#BlockHeaderMenu {
	padding:0;

	line-height:2.0;

	-moz-box-shadow:0 3px 3px rgba(0, 0, 0, 0.4);
	-webkit-box-shadow:0 3px 3px rgba(0, 0, 0, 0.4);
	box-shadow:0 3px 3px rgba(0, 0, 0, 0.4);

	clear:both;

	color:#eee;
	color:var(--color-fg);

	background-color:#000;
	background-color:var(--color-bg-menu-dropdown);
}


#BlockHeaderMenu > .BlockContainer {
	/* no padding here! */
}

#BlockArticle {
	padding:0;
	min-height:250px;
	/* background-color:inherit;*/
	/* -moz-box-shadow:0 4px 4px rgba(0, 0, 0, 0.4);*/
	/* -webkit-box-shadow:0 4px 4px rgba(0, 0, 0, 0.4);*/
	box-shadow:inset 0 10px 10px -10px rgba(0,0,0,0.2);
}

#BlockArticle > .BlockContainer { /* the real document text */
	/* no padding here! */
	background-color:#f9f9f9;
	background-color:var(--color-bg);
}

/*
#BlockReferences {
	padding:0;
	background-color:#ffffff;
	background-color:var(--color-bg);
}

#BlockReferences > .BlockContainer {
	border-top:2px solid #FF6600;

	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	justify-content:space-around;

	max-width:1330px;
	margin:0 auto;

	padding-top:0;
	padding-bottom:0;
	background-color:#fff;
	background-color:var(--color-bg);
}
*/

#BlockFooterCarrousel { /* siehe auch BlockTitle */
	padding:0;
	border-top:2px solid #FF6600;
	background-color:#f4f2f0;/* #fff;*/
	background-color:var(--color-bg-carrousel);
}

#BlockFooterCarrousel > .BlockContainer {
	/* no padding here! */
	/* width:100vw !important; */
	max-width:100vw;
	padding:0;
	margin:0;
}

#BlockFooterAbout {
	border-top:2px solid #FF6600;
	/* padding-top:0; */
	font-size:0.95rem;
	color:#333;
	color:var(--color-fg-footer-about);
	background-color:#e9e9e9;
	background-color:var(--color-bg-footer-about);
	/* box-shadow:inset 0 10px 10px -10px rgba(0,0,0,0.2);*/
}

#BlockFooterAbout > .BlockContainer {
	/* no padding here! */
	display:grid;
	grid-auto-flow: column;
	justify-content:space-around;
}

@media screen and (max-width:415px) {
	#BlockFooterAbout > .BlockContainer {
		flex-shrink: 1;
		display: grid;
		grid-auto-flow: row;
		grid-auto-columns: fit-content;
		gap: auto;
		margin: auto;
		grid-area: 50%;
		justify-content: center;
		row-gap: 1em;
	}
}

#BlockFooterAbout > .BlockContainer > nav {
    /* flex: 1 1 1ex; */
}

#BlockFooterAbout .Title {
	color:inherit;
}

#BlockFooterVCard {
	padding:0;
	font-size:0.95rem;
	color:#222222;
	color:var(--color-fg);
	background-color:#FF6600;
	background-color:var(--color-bg-orange);
}

#BlockFooterVCard > .BlockContainer > a{
	width:100%;
	display:inline-block;
	padding:0 auto;
	text-align:center;
	color:#222222;
	color:var(--color-fg);

	background-image:-webkit-linear-gradient(top, #FF6600, orangered);
	background-image:-moz-linear-gradient(top, #FF6600, orangered);
	background-image:-ms-linear-gradient(top, #FF6600, orangered);
	background-image:-o-linear-gradient(top, #FF6600, orangered);
	background-image:linear-gradient(to bottom, #FF6600, orangered);
}


#BlockFooterLegal {
	color:#fff;
	color:var(--color-fg-footer-legal);
	background-color:#7b6d6a;
	background-color:var(--color-bg-footer-legal);
	padding-top:0;
	padding-bottom:0;
}

#BlockFooterLegal > .BlockContainer {
	/* no padding here! */
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	white-space:nowrap;
}

#BlockFooterLegal > .BlockContainer > * {
	flex-grow: 1;
}

#DisclaimerCopy,
#Orientation,
#DisclaimerMenu {
	flex: 1;
}

@media screen and (min-width:415px) {
	#BlockFooterLegal #DisclaimerCopy > ul {
		justify-content:left;
	}
	#BlockFooterLegal #Orientation > ul {
		justify-content:center;
	}
	#BlockFooterLegal #DisclaimerMenu > ul {
		justify-content:right;
	}
}

#BlockFooterTrust {
	background-color:#666;
	padding: 0 1em;
}

body > header {
	position:-webkit-sticky;
	position:sticky;
	top: -6rem;
	z-index:2;
	max-height: fit-content;

	color:#333;
	color:var(--color-fg-header);
	background-color:#fffff0;
	background-color:var(--color-bg-header);
}

@media screen and (min-width:415px) {
	body > header {
		min-height:3rem;
	}
	main {
		display:flex !important;
		flex-wrap:wrap;
		box-sizing:border-box;
		background-color:#e9e9e9;
		background-color:var(--color-bg-document);
		max-width: 2400px;
		margin: 0 auto;
	}

	.MainLeft {
		flex:5%;
	}

	article {
		flex:75%;
	}

	aside {
		flex:10%;
		min-width:17rem;
		margin-left:0.5em;
	}
}

aside > * {
	position:fixed;
}


/* #################### Article inside blocks #################### */

#BlockArticleHeader
#BlockArticlebreadcrumb,
.BlockArticleTitle,
.BlockArticleDescription,
#BlockArticleDocument, 
#BlockArticleHandling {
	clear:both;
	padding-left:1.5rem;
	padding-right:1.5rem;
	font-weight:normal;
}

#BlockArticlebreadcrumb,
#BlockArticleTitle,
#BlockArticleDocument {
	max-width: 1330px;
	z-index: 1;
	position: relative;
	margin: 0 auto 0 auto;
	border-radius: 5px;
}

#BlockArticleHeader {
	padding:0;
}

#BlockArticlebreadcrumb {
	margin-top: -150px;

	padding:0.1rem 1rem;
	font-size:0.9rem;
	color:#fff;
}

#BlockArticlebreadcrumb > div {
	background-color:transparent;
	background-color:var(--color-bg-breadcrumb);
	border-radius: 5px;
}

.BlockArticleTitle { 
	/* margin-top: -2.5em; */
	padding-top:0.5ex;
	padding-bottom: 30px;

	font-size:2.0rem;
	font-weight:700;
	line-height:1.5;
}
.BlockArticleTitle {  /* negativer Einzug: */
	padding-left:0;
	padding-right: 0;
	border-radius: 5px 5px 0 0;
}

.BlockArticleDescription {
	font-style:italic;
	font-weight:normal;
	padding-top:1.5rem;
	/* border-bottom:2px solid #333;*/ /* #FF6600;*/
}

/*** Font for main document is been scaled regarding ***/
.BlockArticleDescription {
	font-size:1.1rem;
}
@media screen and (min-width:2200px) {
	.BlockArticleDescription {
		font-size:1.3rem;
	}
}


@media screen and (max-width:415px) {
	#BlockArticlebreadcrumb {
		display:none;
	}

	.BlockArticleTitle {
		font-size:1.7rem;
	}

	.BlockArticleDescription {
		display:none;
	}
}

#BlockArticleDocument {
	padding-top:0;
	padding-bottom:0px;
	padding-left:0;
	padding-right:0;
}

#BlockArticleDocument { /* limit max width */
	max-width: 1330px;
}

#BlockArticleHandling {
	padding-top:0;
	padding-bottom:30px;
	padding-left:calc(1rem - 1ex);
}

article > .Document {
	padding-bottom:30px;
}


/* #################### general block elments #################### */

#References ul {
	list-style:none;
}



.DisclaimerMenu ul {
	padding:0;
	font-size:0.85rem;
}


/* ################## Taglib ################## */

#HeaderInfo { 
	display:flex;
	justify-content: space-between;
	align-items:center;
	/*
	height:2.5rem;
	max-height: 5rem;
	*/
	flex-wrap:wrap-reverse;
	padding: 0.8rem 1.5rem;
	/*
	color:#000;
	background-color:#888;
	*/
}

#HeaderInfo #topnavi {
	margin:0;
}

@media screen and (max-width:415px) {
	#HeaderInfo #topnavi {
		margin-top:auto;
		margin-bottom:auto;
	}
}

#topnavi > ul {
	/*
	display:flex;
	flex-direction:row;
	justify-content:flex-end;
	*/
	display:block;
	text-align:right;
	margin-right:-1rem;
}

#topnavi > ul > li {
	display:inline;
	text-align:right;
}

#topnavi > #Claim {
	margin-top:auto;
	margin-top:10px;
	vertical-align:bottom;
	text-align:right;
}
@media screen and (max-width:415px) {
	#topnavi > #Claim {
		display:none !important;
	}
}

#topnavi .SearchBar {
	display:inline-block;
}

@media screen and (max-width:415px) {
	#topnavi .SearchBar {
		display:none !important;
	}
}

#topnavi .SearchBar input {
	width:12rem;
}

#topnavi .SearchBar button {
	display:inline-block;
	margin:0 0 0 0.5rem;
	padding:2px 5px;
}

table th,
table td {
	vertical-align:top;
}
table.Table3D th,
table.Table3D td {
	padding:0.2ex;
}
table.Table3d sprite {
	padding:3px;
}
.clearfix {
	display:block;
}
.clearfix::after {

    clear:both;
    content:".";
    display:block;
    font-size:0;
    height:0;
    visibility:hidden;

}


.PageBlock,
.PageBlockFlex {
	margin:0;
	padding:0;
	min-height:5rem;/* for pure headline / subline blocks */
	/* background:inherit;*/
  	display:flex;
}

.PageBlock {
	justify-content:space-between;
	flex-direction:column;
}

.PageBlockFlex {
	flex-wrap: wrap;
	/* justify-content:space-between;
	flex-direction:column;*/
}

@media screen and (max-width:600px) {
	.PageBlockFlex {
  		flex-wrap:wrap;
	}
}

.PageBlockFlex > * {
	flex-grow:1;
	flex-shrink:1;
	flex-basis:600px;
}

.FlexBlockImage {
	/* background-image:linear-gradient(rgba(45, 35, 33, 0.7), rgba(45, 35, 33, 0.7)), none; */
	display:flex;
	align-items:center;
}

.FlexBlockImage > img,
.FlexBlockImage > a > img { 
	margin:auto;
	/* width:100%;kleinere Bilder wie Bewerbungsfoto werden riesig */
	/* height:100%;*/
	width:100%;
	height:auto;
	max-width:100%;
	vertical-align:middle;	
	display:inline-block;
}

.TextBlock {
	max-width:60rem;
	padding:1rem 1.5rem 1rem 1.5rem;
}


@media screen and (min-width:600px) {
	.TextBlock {
		max-width:60rem;
		padding:1rem 6rem 1rem 6rem;
	}
}	

.PageBlock > .TextBlock:first-child,
.FlexBlock > .TextBlock:first-child,
.PageBlock > ul.Caret:first-child,
.FlexBlock > ul.Caret:first-child {
	padding-top:2rem;
}

.PageBlock > .TextBlock:last-child,
.FlexBlock > .TextBlock:last-child,
.PageBlock > ul.Caret:last-child,
.FlexBlock > ul.Caret:last-child {
	padding-bottom:2rem;
}


.BlockTitle {
	padding-left:1em;
	padding-right:1em;
	z-index:1;
	/* margin-left:-10ex;*/
	font-size:0.8rem;
	width:20em;
	text-align:center;
	border:1.5px solid #FF6600;
	border-radius:5px;
	font-weight:600;

	background-color:#fff;
	background-color:var(--color-bg);
} 

@media screen and (max-width:415px) {
	.BlockTitle {
		position:absolute;
		top:-2ex;
	}
}

@media screen and (max-width:415px) {
	#BlockReferences {
		position:fixed;
	}
}

/* ### HIDE Element ### */
.HideMe {
	-moz-animation:hideAnimation 3s ease-in 5s forwards;/* Firefox */
	-webkit-animation:hideAnimation 3s ease-in 5s forwards;/* Safari and Chrome */
	-o-animation:hideAnimation 3s ease-in 5s forwards;/* Opera */
	animation:hideAnimation 3s ease-in 5s forwards;
	-webkit-animation-fill-mode:forwards;
	animation-fill-mode:forwards;
	display:inline-block;
}
@keyframes hideAnimation {
	to {
		position:absolute;
		/* width:0;*/
		height:0;
		padding:0;
		margin:0;
		overflow:hidden;
		color:transparent;
		background-color:transparent;
	}
}
@-webkit-keyframes hideAnimation {
	to {
		position:absolute;
		/* width:0;*/
		height:0;
		padding:0;
		margin:0;
		visibility:hidden;
		color:transparent;
		background-color:transparent;
	}
}


/* ### PRINT ### */
@media print {  
	#header,
	.MenuArea,
	#YouAreHere,
	#DocumentNavi,
	#footer {
		display:none !important;
	}	

	.hideOnPrint {
		display:none;
	}
	
	a[href]:after {
	content:"" !important;
	}	
}

.PageBlock > ul.Icons {
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	justify-content:space-around;
	margin:0 1.5rem;
	padding:0;
}

.PageBlock > ul.Icons > li {
	flex:1 1;
	flex-basis:33%;
	align-self:stretch;
}

@media screen and (max-width:415px) {
	.PageBlock ul > li {
		flex-basis:100%;
	}
}

.Text3D {
	/* mainly for black font on white background */
	background-color: #565656;
	color: transparent;
	text-shadow: 0px 2px 3px rgba(255,255,255,0.9);
	-webkit-background-clip: text;
	   -moz-background-clip: text;
			background-clip: text;
}

/* disable unwanted elements - see also generate-html.xsl */
@media screen and (max-width:415px) {
	.DesktopOnly {
		display:none !important;
	}
}

@media screen and (min-width:415px) {
	.MobileOnly {
		display:none !important;
	}
}