@charset "utf-8";
/* Webdesign Burgdorf - Ralf Longwitz 	*/
/* Last change: 260605									*/

/* Google Fonts RL230817 */
@font-face {
	font-family: 'Open Sans';
	src: url('./fonts/OpenSans-Italic.woff2') format('woff2'),
	url('./fonts/OpenSans-Italic.woff') format('woff');
	font-weight: normal;
	font-style: italic;
	font-display: swap;
}
@font-face {
	font-family: 'Open Sans';
	src: url('./fonts/OpenSans-Bold.woff2') format('woff2'),
	url('./fonts/OpenSans-Bold.woff') format('woff');
	font-weight: bold;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: 'Open Sans';
	src: url('./fonts/OpenSans-Regular.woff2') format('woff2'),
	url('./fonts/OpenSans-Regular.woff') format('woff');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: 'Open Sans';
	src: url('./fonts/OpenSans-SemiBold.woff2') format('woff2'),
	url('./fonts/OpenSans-SemiBold.woff') format('woff');
	font-weight: 600;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: 'Crimson Text';
	src: url('./fonts/CrimsonText-SemiBoldItalic.woff2') format('woff2'),
	url('./fonts/CrimsonText-SemiBoldItalic.woff') format('woff');
	font-weight: 600;
	font-style: italic;
	font-display: swap;
}

/*** Page Transitions ***/
@view-transition { navigation: auto; }
/*::view-transition-group(page-content) { animation-duration: 1s; }
::view-transition-old(page-content) { animation-name: slide-out; }
::view-transition-new(page-content) { animation-name: slide-in; }
#blue-center { view-transition-name: page-content; }
@keyframes slide-out { to { opacity: 0; } }
@keyframes slide-in { from { opacity: 0; } }*/

/*** Allgemein ***/
* {
	margin: 0;
	padding: 0;
	text-align: left;
}
html, body { height: 100%; }
body {
	margin: 0;
	padding: 0;
	font-size: 13px;
	line-height: 1.5;
	font-family: 'Open Sans', Verdana, Helvetica, Arial, sans-serif; /* Open Sans: Google */
	color: black;
	text-align: center; /* horizontal centering for IE Win quirks */
	behavior: url(iepngfix.htc);
}
.serif {
	font-family: 'Crimson Text', "Calisto MT", "Bookman Old Style", Bookman, "Goudy Old Style", Garamond, Georgia, serif; /* Crimson Text: Google */
	font-weight: 600;
	font-style: italic;
}
.bold { font-weight: bold; }
sup {vertical-align: top;position: relative;top: -0.5em;}
.blue {color: #1A2C85 !important;}
.rot { color: #C20E1A; }
.menuitem { display: inline-block; margin: 3px 0; }
#logoinfo { margin-left: 23px; }
.angebote { color: #332E81; }
a.home {text-decoration: none;color: #1A2C85;}
h1, h2, h3, h4, h5, p, li, address, table, dt, dd {
	text-align: left;
	padding-left: 5px;
}
h1, h2, h3, h4, h5 {
	position: relative;
	color: #1A2C85;
	font-size: 100%;
}
h1 {
	margin: 0 0 1em 0;
	padding-top: 7px;
	font-size: 120%;
}
#kurse { margin-top: 2em; }
h2 {
	margin: 1em 0 1em 0;
	font-weight: 700;
}
h3 { margin: 1em 0 1em 0; }
.ut { /* Untertitel */
	margin: -0.5em 0 0.6em 0;
	border-bottom: none;
	font-style: italic;
	font-size: 100%;
}
p {
	margin-top: 0;
	padding-bottom: 1em;
}
.top { padding-top: 8px; font-style: italic; }
strong, b { font-weight: 600;color: #1A2C85; }
.center { /* fuer Button-Listen*/
	margin: auto;
	text-align: center;
}
hr {
	width: 70%;
	color: #fc0;
	background-color: #FC0;
	height: 1px;
	border: 0 none;
	margin: 0 auto;
}
.hcaption { /* fuer Zitate unter Ueberschriften */
	margin-top: -1.5em;
	margin-bottom: 2em;
	font-style: italic;
}
.c {
	display: block;
	clear: both;
}
.wm { font-size: x-small; }
.kurs {
	/*	border: 1px dotted #99cc99; */
	margin-top: 20px;
}
.kurs p {
	line-height: 100%;
	margin-bottom: 3px;
	margin-top: 0;
}
.anmerkung { font-size: 85%; color: #999; }
ul, ol {
	list-style-position: outside;
	margin-bottom: 1em;
}
ul li {
	list-style-type: disc;
	margin-left: 2em;
	padding-bottom: 1px;
}
ol li {
	margin-left: 2em;
	padding-bottom: 1px;
}
img {
	margin: 10px;
	margin-left: 0;
}
img.right_img {
	width: 290px;
	position: absolute;
	right: -320px; /* img - margin:10px; */
	top: 12px;
}
h2.right_img, h3.right_img, ul.right_img, h4.right_img, p.right_img, div.right_img {
	width: 442px; /* = 768 - 6 - 300 - 2*10 */
}
a img { border: none; }
table {
	width: 95%;
	margin: 0 auto;
	border: 0;
	border-collapse: separate;
	border-spacing: 0 1em;
}
th, td, caption {
	vertical-align: top;
}
.button a, .tablebutton a {
	text-decoration: none;
	color: black;
}
.button a:hover,
.tablebutton a:hover { color: white; }

/*** Wrapper ***/
#wrapper {
	background-image: url(images/bg_top.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	padding: 1px 0 0;
}
div#blue-top {
	background-image: url(images/blue_top.png);
	background-repeat: no-repeat;
	background-position: 2px 3px;
	margin: 1em auto;
	padding: 1px 0 0;
	position: relative;
	width: 973px;
}
div#blue-center {
	background-image: url(images/blue_center.png);
	background-repeat: repeat-y;
	background-position: 2px 0;
	position: relative;
}
div#blue-bottom {
	background-image: url(images/blue_bottom.png);
	background-repeat: no-repeat;
	background-position: 2px top;
	position: relative;
}

/*** Hauptmenue ***/
#main-menu {
	background-image: url(images/bg_rand.png);
	background-repeat: repeat-y;
	background-position: 0 0;
	height: 168px;
	margin: 25px 0 0 0;
	overflow: hidden;
	text-align: center;
}
div#menu-bg {
	background-image: url(images/gelber_gradient.png);
	background-repeat: repeat-y;
	background-position: 806px -2px;
	margin: 0 auto 0 84px;
	position: relative;
	top: -4px;
	height: 103%;
	width: 850px;
}
ul#menu-buttons {
	background-image: url(images/bg_menu.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
	height: 100%;
	margin: 0;
	position: relative;
}
ul#menu-buttons::after {
	content: '';
	position: absolute;
	bottom: 28px;
	left: var(--circle-left, 26px);
	width: 47px;
	height: 47px;
	background-image: url(images/menupunkt.png);
	background-repeat: no-repeat;
	background-size: contain;
	transition: left 0.75s ease, opacity 0.75s ease;
	opacity: 0;
	pointer-events: none;
	z-index: 0;
}
ul#menu-buttons.has-active::after {
	opacity: 1;
}
ul#menu-buttons li {
	display: block;
	float: left;
	list-style-type: none;
	margin: 0;
	padding: 0;
	padding-bottom: 10px;
	width: 99px; /* 99x8 = 792*/
}
ul#menu-buttons li a {
	color: #1A2C85;
	display: block;
	font-size: 90%;
	font-weight: 600;
	line-height: 1.1;
	padding-top: 110px;
	text-align: center;
	text-decoration: none;
	position: relative;
	z-index: 1;
}

/*** Main Container ***/
#container {
	margin: 0 0 0 0;
	padding: 0 20px;
	background-image: url(images/bg_rand.png);
	background-repeat: repeat-y;
	background-position: 0 0;
}

div.gelbe-linie {
	background-image: url(images/gelbe_linie.png);
	background-repeat: repeat-y;
	background-position: 596px 0;
	min-height: 432px;
	padding: 0 50px 0 4px;
}
img.gelbe-punkte {
	clear: left;
	float: right;
	position: relative;
	right: -10px;
	top: -4px;
}
img.links {margin: 7px 15px 10px 0; float: left; }
img.rechts {margin: 7px 0 10px 15px; float: right; }

.list-left { display: inline-block; width: 84%; vertical-align: top; }
.list-right {}

/*** Linke Spalte ***/
#linke-spalte { font-size: 90%; width: 232px; float: left; padding-right: 42px; }
div.gelbe-linie, #linke-spalte { padding-top: 20px; }
#zitat { margin-top: 8px;color: #1A2C85;text-align: right; }
#zitat p {
	font-size: 90%;
	line-height: 1.5;
	text-align: right;
}
#zitat .autor { font-size: 80%;font-style: italic;padding-right: 3px; }

#adresse sup { top: -0.1em; }
#adresse p {
	color: #1A2C85; opacity: 0.6; font-size: 90%;
	clear: left; margin: 1em 0 0; padding: 0;
}
#adresse a {text-decoration: none;color: #1A2C85;}
#adresse {
	position: absolute;
	top: 286px;
	width: 258px;}
#adresse img {
	left: -5px;
	margin: 0;
	position: relative;}
#adresse span {
	display: block;
	margin: 0 0 1em;
	color: #1A171B;
	font-size: 18px;
	font-weight: bold;
	font-family: serif;}
#adresse li {
	color: #1A2C85;
	list-style-type: none;
	margin: 0;
	text-align: left;
	/*padding: 0 0 0 4px; display: block;	float: left;*/
	padding: 0;
	display: inline;

	/*	background-image:url(images/adresstrenner.png);
		background-position:right;
		background-repeat:no-repeat;*/
}
#adresse li.last { background-image: none; }
#adresse li span {
	color: #bccf00;
	display: inline-block;
	padding: 0 2px 0 2px;
	font-size: 120%;
	bottom: 1px;
	position: relative;
	height: 0;
}
#adresse li span.hide { visibility: hidden; }

/*** Hauptinhalt ***/
#main-content {
	float: left;
	position: relative;
	margin-left: 0;
	padding-bottom: 1em;
	width: 600px;
}
#pagecheck {
	background-color: #FCF;
	text-align: center;
}

/*** Footer ***/
#footer {
	display: block;
	clear: both;
	height: 32px;
	position: relative;
	text-align: center;
	font-size: 0.8em;
	color: #888;
	background-image: url(images/bg_bottom.png);
	background-repeat: no-repeat;
	background-position: 0 0;
}
#footer #footertext a {
	text-align: center;
	margin-bottom: 0;
	color: #888;
	text-decoration: none;
}
#footer #footertext {
	float: left;
	width: 100%;
	text-align: center;
	padding: 29px 0 8px;
}
#footer #top {
	clear: right;
	padding: 0 0.5em 0 0.5em;
	text-align: center;
	color: rgb(252, 203, 165);
	background-color: rgb(245, 128, 38);
}
#footer #top a {
	color: rgb(252, 203, 165);
	text-decoration: none;
}
::marker { font-weight: bold; }
.datenschutzerklaerung ol { margin: 0; padding: 0; }
.comment {
	color: #999999;
	font-size: 90%;
}
.important {
	color: red;
	font-weight: 600;
}
.hidden { display: none; }

iframe#illow-banner-widget[style*="max-width"], iframe#illow-banner-widget[style*="width: 100%"] {
	left: 0;
	width: auto !important;
	max-width: 100% !important;
}

.clr { clear: both; float: none; height: 0; }