/**** Style Reset ****/
html {
	line-height: 1.5;
	-webkit-text-size-adjust: 100%; /* Prevent adjustments of font size after orientation changes in iOS. */
}
code, kbd, samp, pre {
	font-family: monospace, monospace; /* Correct the inheritance and scaling of font size in all browsers. */
	font-size: 1em; /* Correct the odd `em` font sizing in all browsers. */
}
a { background-color: transparent; } /* Remove the gray background on active links in IE 10. */
abbr[title] {
	border-bottom: none; /* Remove the bottom border in Chrome 57- */
	text-decoration: underline; /* Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. */
	text-decoration: underline dotted; /* Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. */
}
small { font-size: 80%; } /* Add the correct font size in all browsers. */
/* Prevent `sub` and `sup` elements from affecting the line height in all browsers. */
sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
img { border-style: none; } /* Remove the border on images inside links in IE 10. */
/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button, input, optgroup, select, textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button, 
input { /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select { /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type="checkbox"],
[type="radio"] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/**
 * Platzhalter-Hinweistext halbtransparent (heller) darstellen.
 */
::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
	opacity: 0.4;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
	opacity: 0.4;
}
::-ms-input-placeholder { /* Microsoft Edge */
	opacity: 0.4;
}


/**** Schriften ****/

/* open-sans-300 - latin_latin-ext */
@font-face {
  font-family: 'Open Sans';
  font-display: fallback;
  font-style: normal;
  font-weight: 300;
  src: url('resources/open-sans-v15-latin_latin-ext-300.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Light'), local('OpenSans-Light'),
       url('resources/open-sans-v15-latin_latin-ext-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('resources/open-sans-v15-latin_latin-ext-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('resources/open-sans-v15-latin_latin-ext-300.woff') format('woff'), /* Modern Browsers */
       url('resources/open-sans-v15-latin_latin-ext-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('resources/open-sans-v15-latin_latin-ext-300.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-300italic - latin_latin-ext */
@font-face {
  font-family: 'Open Sans';
  font-display: fallback;
  font-style: italic;
  font-weight: 300;
  src: url('resources/open-sans-v15-latin_latin-ext-300italic.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Light Italic'), local('OpenSans-LightItalic'),
       url('resources/open-sans-v15-latin_latin-ext-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('resources/open-sans-v15-latin_latin-ext-300italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('resources/open-sans-v15-latin_latin-ext-300italic.woff') format('woff'), /* Modern Browsers */
       url('resources/open-sans-v15-latin_latin-ext-300italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('resources/open-sans-v15-latin_latin-ext-300italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-regular - latin_latin-ext */
@font-face {
  font-family: 'Open Sans';
  font-display: fallback;
  font-style: normal;
  font-weight: 400;
  src: url('resources/open-sans-v15-latin_latin-ext-regular.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Regular'), local('OpenSans-Regular'),
       url('resources/open-sans-v15-latin_latin-ext-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('resources/open-sans-v15-latin_latin-ext-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('resources/open-sans-v15-latin_latin-ext-regular.woff') format('woff'), /* Modern Browsers */
       url('resources/open-sans-v15-latin_latin-ext-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('resources/open-sans-v15-latin_latin-ext-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-italic - latin_latin-ext */
@font-face {
  font-family: 'Open Sans';
  font-display: fallback;
  font-style: italic;
  font-weight: 400;
  src: url('resources/open-sans-v15-latin_latin-ext-italic.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Italic'), local('OpenSans-Italic'),
       url('resources/open-sans-v15-latin_latin-ext-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('resources/open-sans-v15-latin_latin-ext-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('resources/open-sans-v15-latin_latin-ext-italic.woff') format('woff'), /* Modern Browsers */
       url('resources/open-sans-v15-latin_latin-ext-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('resources/open-sans-v15-latin_latin-ext-italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-600 - latin_latin-ext */
@font-face {
  font-family: 'Open Sans';
  font-display: fallback;
  font-style: normal;
  font-weight: 600;
  src: url('resources/open-sans-v15-latin_latin-ext-600.eot'); /* IE9 Compat Modes */
  src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'),
       url('resources/open-sans-v15-latin_latin-ext-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('resources/open-sans-v15-latin_latin-ext-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('resources/open-sans-v15-latin_latin-ext-600.woff') format('woff'), /* Modern Browsers */
       url('resources/open-sans-v15-latin_latin-ext-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('resources/open-sans-v15-latin_latin-ext-600.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-600italic - latin_latin-ext */
@font-face {
  font-family: 'Open Sans';
  font-display: fallback;
  font-style: italic;
  font-weight: 600;
  src: url('resources/open-sans-v15-latin_latin-ext-600italic.eot'); /* IE9 Compat Modes */
  src: local('Open Sans SemiBold Italic'), local('OpenSans-SemiBoldItalic'),
       url('resources/open-sans-v15-latin_latin-ext-600italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('resources/open-sans-v15-latin_latin-ext-600italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('resources/open-sans-v15-latin_latin-ext-600italic.woff') format('woff'), /* Modern Browsers */
       url('resources/open-sans-v15-latin_latin-ext-600italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('resources/open-sans-v15-latin_latin-ext-600italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-700 - latin_latin-ext */
@font-face {
  font-family: 'Open Sans';
  font-display: fallback;
  font-style: normal;
  font-weight: 700;
  src: url('resources/open-sans-v15-latin_latin-ext-700.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Bold'), local('OpenSans-Bold'),
       url('resources/open-sans-v15-latin_latin-ext-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('resources/open-sans-v15-latin_latin-ext-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('resources/open-sans-v15-latin_latin-ext-700.woff') format('woff'), /* Modern Browsers */
       url('resources/open-sans-v15-latin_latin-ext-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('resources/open-sans-v15-latin_latin-ext-700.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-700italic - latin_latin-ext */
@font-face {
  font-family: 'Open Sans';
  font-display: fallback;
  font-style: italic;
  font-weight: 700;
  src: url('resources/open-sans-v15-latin_latin-ext-700italic.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Bold Italic'), local('OpenSans-BoldItalic'),
       url('resources/open-sans-v15-latin_latin-ext-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('resources/open-sans-v15-latin_latin-ext-700italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('resources/open-sans-v15-latin_latin-ext-700italic.woff') format('woff'), /* Modern Browsers */
       url('resources/open-sans-v15-latin_latin-ext-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('resources/open-sans-v15-latin_latin-ext-700italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-800 - latin_latin-ext */
@font-face {
  font-family: 'Open Sans';
  font-display: fallback;
  font-style: normal;
  font-weight: 800;
  src: url('resources/open-sans-v15-latin_latin-ext-800.eot'); /* IE9 Compat Modes */
  src: local('Open Sans ExtraBold'), local('OpenSans-ExtraBold'),
       url('resources/open-sans-v15-latin_latin-ext-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('resources/open-sans-v15-latin_latin-ext-800.woff2') format('woff2'), /* Super Modern Browsers */
       url('resources/open-sans-v15-latin_latin-ext-800.woff') format('woff'), /* Modern Browsers */
       url('resources/open-sans-v15-latin_latin-ext-800.ttf') format('truetype'), /* Safari, Android, iOS */
       url('resources/open-sans-v15-latin_latin-ext-800.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-800italic - latin_latin-ext */
@font-face {
  font-family: 'Open Sans';
  font-display: fallback;
  font-style: italic;
  font-weight: 800;
  src: url('resources/open-sans-v15-latin_latin-ext-800italic.eot'); /* IE9 Compat Modes */
  src: local('Open Sans ExtraBold Italic'), local('OpenSans-ExtraBoldItalic'),
       url('resources/open-sans-v15-latin_latin-ext-800italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('resources/open-sans-v15-latin_latin-ext-800italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('resources/open-sans-v15-latin_latin-ext-800italic.woff') format('woff'), /* Modern Browsers */
       url('resources/open-sans-v15-latin_latin-ext-800italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('resources/open-sans-v15-latin_latin-ext-800italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}

h1, h2, h3, h4, h5, h6	{ font-family: 'Open Sans', sans-serif; font-weight: lighter; }
.headline-focus { font-weight: bolder; font-size: 101%; }
h1 { font-size: 2.00em; margin-bottom: 0.65em; margin-top: 0.65em; }
h2 { font-size: 1.35em; margin-bottom: 0.85em; margin-top: 0.85em; }
h3 { font-size: 1.2em; margin-bottom: 0.5em; margin-top: 1.15em; }
h4 { font-size: 1.00em; margin-bottom: 0.5em; margin-top: 0.85em; }
h5 { font-size: 0.95em; margin-bottom: 0.5em; margin-top: 0.5em; }
h6 { font-size: 0.85em; margin-bottom: 0.5em; }
.subtitle { text-transform: uppercase; }
.lightEmphasis { font-style: italic; color: rgb(135,135,135) !important; }
.darkblock .lightEmphasis { color: rgb(185,185,185) !important; } 
h1 + .subtitle { margin-top: -1.5em; }
h2 + .subtitle { margin-top: -1.0em; } 
h3 + .subtitle { margin-top: -0.5em; }
h2 + p, h3 + p, h4 + p, h5 + p, h6 + p,
h2 + ul, h3 + ul, h4 + ul, h5 + ul, h6 + ul { margin-top: 0em; }
a { font-family: 'Open Sans'; }
html  { font-family: 'Open Sans', sans-serif; font-size: 0.90em; }
p { margin-top: 0.75em; margin-bottom: 0.75em;}
p a, p span, a p, a span, span p, span a, p label, label span { font-size: 1em; } /* Verschachtelte Elemente sollen nicht zu immer kleiner werdenden Texten führen */
.secondaryContent p { font-size: 0.85em; }

.kleingedrucktes { font-size: 0.65em; }

p.slogan { font-size: 1.10em;}

a { letter-spacing: 0.02em;	
	text-decoration: none;}
a:hover { text-decoration: underline; }

.nav ul, ul.nav { list-style-type: none; padding: 0; }




/**** Scrollbar Design ****/
html, select {
  --scrollbarBG: rgba(255,255,255,0);
  --thumbBG: #bcbcbc;
}
div::-webkit-scrollbar, section::-webkit-scrollbar, main::-webkit-scrollbar, header::-webkit-scrollbar, footer::-webkit-scrollbar, ul::-webkit-scrollbar, ol::-webkit-scrollbar, form::-webkit-scrollbar, select::-webkit-scrollbar,
div::-webkit-scrollbar:horizontal, section::-webkit-scrollbar:horizontal, main::-webkit-scrollbar:horizontal, header::-webkit-scrollbar:horizontal, footer::-webkit-scrollbar:horizontal, ul::-webkit-scrollbar:horizontal, ol::-webkit-scrollbar:horizontal, form::-webkit-scrollbar:horizontal, select::-webkit-scrollbar:horizontal {
  width: 8px;
  height: 6px;
}
div, section, main, header, footer, ul, ol, form, select {
  scrollbar-width: thin;
  scrollbar-color: var(--thumbBG) var(--scrollbarBG);
}

div::-webkit-scrollbar-track, section::-webkit-scrollbar-track, main::-webkit-scrollbar-track, header::-webkit-scrollbar-track, footer::-webkit-scrollbar-track, ul::-webkit-scrollbar-track, ol::-webkit-scrollbar-track, form::-webkit-scrollbar-track, select::-webkit-scrollbar-track {
  background: var(--scrollbarBG);
}
div::-webkit-scrollbar-thumb, section::-webkit-scrollbar-thumb, main::-webkit-scrollbar-thumb, header::-webkit-scrollbar-thumb, footer::-webkit-scrollbar-thumb, ul::-webkit-scrollbar-thumb, ol::-webkit-scrollbar-thumb, form::-webkit-scrollbar-thumb, select::-webkit-scrollbar-thumb {
  background-color: var(--thumbBG) ;
  border-radius: 6px;
  border: 3px solid var(--scrollbarBG);
}





/**** sonstiges ****/
main { 
	display: inline-block;
} 



/**** Farben ****/
/* Blau rgb(48,58,143) // Rot rgb(198,0,33) // Dunkel rgb(37,0,18) // pink rgb(255,58,143) */
html {
	background-color: rgb(29 42 71);/* 37,0,18  0,0,20*/
	
	background-image: url(pictures/bg-fotos/Webbackground_RS-121664.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center top;
    background-attachment: fixed;
    background-blend-mode: normal;
}
body {
	padding: 0 0 0 0; 
	background-color: rgba(0,0,0,0.05); /* (7,0,3,0.1) */
	
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center top;
    background-attachment: fixed;
    background-blend-mode: normal;
}

header { background-color: rgb(245,243,243); background-color: rgba(245,243,243,0.67); background-image: none !important; }
.main_nav { background-color: rgb(243,243,243); background-color: rgba(254,254,254,0.9); text-shadow: 0px 0px 1px rgba(248,248,248,0.5); } /* 210,203,206  200,200,200*/
.main_nav ul li:hover,
.main_nav ul li.hover { background-color: rgba(255,255,255,0.45); }


/* Textbox-Stile */
div.paperblock, section.paperblock, main.paperblock {
	background: white;
	box-shadow: 2px 2px 1px gray;
}
.paperblock p, .paperblock h1, .paperblock h2, .paperblock h3, .paperblock h4, .paperblock h5, .paperblock h6, .paperblock li { color: black; }

div.darkblock, section.darkblock, main.darkblock {
	background-color: rgba(0,0,0,0.8);
	box-shadow: 2px 2px 1px dimgray;
}
.darkblock p, .darkblock h1, .darkblock h2, .darkblock h3, .darkblock h4, .darkblock h5, .darkblock h6, .darkblock li { color: white; }

div.secondaryContent, section.secondaryContent { background-color: rgba(0,0,0,0.25); } /* 0.2  0.5*/
.paperblock section.secondaryContent { background-color: rgba(0,0,0,0.1); }
.paperblock.secondaryContent { background-color: rgb(230,230,230); }

/* Links */
.darkblock a, .darkblock a span, main a, main a span, footer a, footer a span { color: #C2E3FF; }
	.darkblock a:visited, .darkblock a:visited span, main a:visited, main a:visited span, footer a:visited, footer a:visited span { color: #BAC5E8; }

.main_nav a { color: #004080; }
	.main_nav a:visited { color: #004080; }

.paperblock a, .paperblock a span, header a { color: #005CB8; }
	.paperblock a:visited, .paperblock a:visited span, header a:visited { color: #220382; }

/* spezielle Texte */
header p.slogan	{ color: gray; }
main p, main h1, main h2, main h3, main h4, main h5, main li,
section.secondaryContent p, section.secondaryContent h1, section.secondaryContent h2, section.secondaryContent h3, section.secondaryContent h4, section.secondaryContent h5, section.li { color: #fff; }

/* Footer */
footer { 
	background-color: #111; color: #888;
	border-top: #353535 solid 1px;
}

/* Farbklassen */
.RSIblueBack { background-color: rgb(48,58,143) !important; }
.RSIredBack { background-color: rgb(198,0,33) !important; }
.RSIdarkBack { background-color: rgb(37,0,18) !important; }
.lightgrayBack { background-color: rgb(250,248,249); }




/**** Menü-Styling ****/
nav ul li {
	font-weight: 400; 
	text-decoration: none;
	
	text-align: center; 
}
nav.main_nav ul li {
	padding: 0.42em;
	line-height: 25px;
	
	border: solid rgba(0,0,0,0.2); border-width: 0 1px 1px 0;
}
@media (orientation: portrait), (max-width: 600px) {
	nav.main_nav ul li {
		border-right-color: rgba(0,0,0,0.3);
		border-bottom: solid rgba(0,0,0,0.15) 1px;
	}
}
nav.main_nav a { letter-spacing: 0.12em; /*font-size: 0.95em;*/ }

nav.main_nav a.curNavLink { 
	background-color: rgba(37, 0, 18, 0.25);
    color: #250012; }
nav.main_nav a.curNavLink li { font-weight: 800; }

nav div.collapser { background-color: rgba(200,200,200,0.36); border-radius: 3px; }
nav div.collapser:hover { background-color: rgba(200,200,200,0.57); }
nav div.collapser:active { background-color: rgba(200,200,200,0.47); }



/**** Footer Styling ****/
footer { 
	padding: 1.5em 5px;
	text-align: center; 
}
footer > * { display: inline-block; }
footer nav ul li { float: left; margin: 0 1em; }



/**** Block-Klassen ****/
.textbox { padding: 1em; }

section.textpage, main.textpage {
	max-width: 1100px;
	margin: 0 auto;
	
	padding: 1px 1.5em 1em 1.5em;
}
@media (orientation: portrait), (max-width: 600px) {
	section.textpage, main.textpage {
		padding: 1px 0.5em 0.8em 0.5em;
	}
}





/* Allgemeine Klassen */

.additionalOverlayText {
	opacity: 0;
    transition:opacity 750ms; 
	transition-timing-function: ease-out;
	
	position: absolute; 
	height: 100%; 
	width: 100%; 
	
	padding: 0.75em; 
	box-sizing: border-box; 
	
	background: rgba(0,0,0,0.75);
	
	overflow: hidden;
}
.additionalOverlayText:hover,
.additionalOverlayText.hover {
	opacity: 100;
}

.collapser {
	cursor: pointer;
}
.hider {
	cursor: pointer;
}

/* JS Hilfsklassen */

.dontDisplayWithoutJS {
	display: none !important;
}
.displayNone { 
	display: none !important;
}
.visibilityHidden { 
	visibility: hidden !important;
}
.opacity0 { 
	opacity: 0;
    transition:opacity 150ms; 
	transition-timing-function: ease-out;
}
.opacity100 { 
	opacity: 100;
    transition:opacity 150ms; 
	transition-timing-function: ease-out;
}
.width0 {
	width: 0 !important;
	overflow: hidden;
}
.height0 {
	height: 0 !important;
	overflow: hidden;
}
.underlineHover:hover {
	text-decoration: underline;
}

/* Slideshow Styling */
section.showcase {
	overflow:hidden;
}

div.showcaseSlide {
	max-width: 100%; height: 100%;
	display: flex; align-items: center; /*  */
}

img.showcaseSlide { max-width: 105%; max-height: 150%; object-fit: cover; } /* Bilder einpassen und falls nötig herunterskalieren */
@media (orientation: portrait), (max-aspect-ratio: 3/2) { /* optimiert für Bilder mit dem Seitenverhältnis 3:2, sodass diese möglichst eingepasst werden können */
	img.showcaseSlide { max-width: 500%; max-height: 100%; align-self: center !important; } /* Bilder einpassen und falls nötig herunterskalieren */
}
img.SlideNoCrop { max-width: 100%; max-height: 100%; } /* falls nötig Bilder herunterskalieren, aber nicht einpassen */
div.showcaseSlide img {	max-width: 100%; max-height: 115%; /* für Slides aus mehreren Bildern */
	float: left;
} 
div.showcaseSlide img + img { /* Abstand mehrerer Bilder in einem Slide */
	margin: 0px 0px 0px 4px;
} 

div.keywordSlide {
	height: 100%; width: 100%; 
	background-color: rgb(170,170,170);
	background-image: 
		repeating-linear-gradient(
			135deg, 
			rgba(255,255,255,.01), rgba(255,255,255,.01) 29.999px, 
			rgba(0,0,0,.01) 30px, rgba(0,0,0,.01) 59.999px
		);
	color: #fff;
	text-align: center;
	
	position: relative;
}
.keywordSlide div {
    position: absolute;
    top : 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    transform    : translate(-50%, -50%); 
}
.keywordSlide h3 { font-size: 3em; }
.keywordSlide p { font-size: 1.5em; }
@media (max-width: 900px) {	
	.keywordSlide h3 { font-size: 2.5em; }
	.keywordSlide p { font-size: 1.25em; }
}
@media (orientation:portrait), (max-width: 600px) {	
	.keywordSlide h3 { font-size: 2.35em; }
	.keywordSlide p { font-size: 1.15em; }
}

/* Einzelne Elemente */
div.tableofcontents {
	border: 1px solid rgba(25,25,25,0.12);
	background-color: rgba(25,25,25,0.05);
	padding: 9px;
	display: table;
}
div.tableofcontents h2, div.tableofcontents h3, div.tableofcontents h4 {
	font-size: 100%;
	margin: 0.33em 0;
}
div.tableofcontents h2 ~ ul, div.tableofcontents h3 ~ ul, div.tableofcontents h4 ~ ul  {
	margin-top: 0.5em;
}

.buttonLink {
	background-color: rgb(48,58,143); color: white !important;
	padding: 0.25em; cursor: pointer; box-shadow: rgba(50,50,50,0.2) 1px 1px 1px; border: none;
	line-height: 2.5em;
}
.buttonLink:hover {
    background-color: rgb(55,73,162);
}

details > summary {
	cursor: pointer;
}
details > summary > h1,
details > summary > h2,
details > summary > h3,
details > summary > h4,
details > summary > h5,
details > summary > h6,
details > summary > h7,
details > summary > p {
	display: inline-block;
}