@font-face {font-family: 'Roboto-Regular-Medium'; src: url('/cmx/ordner/stylesheets/Roboto-Medium_Kopie.ttf');}
@font-face {font-family: 'Roboto-Regular'; src: url('/cmx/ordner/stylesheets/Roboto-Regular.ttf');}
@font-face {font-family: 'Roboto-Regular-Light'; src: url('/cmx/ordner/stylesheets/Roboto-Light.ttf');}
:root
{
	--button_hintergrund: #445970;
	--font-size: 17px;
}
*, ::before, ::after
{
	font-family: 'Roboto-Regular';
	letter-spacing: unset;
	line-height: 1.4;
}
body 									{font-family: 'Roboto-Regular'}
h2:not(.ArtikelTeaserText) 				{font-size: 1.2rem;}
b, strong 								{font-weight: bolder;}
h1 .Abbinder 							{font-size: 11px;}
#header_navi li 						{flex-basis: 40%;}
header nav a, header nav a:link, header nav a:active, header nav a:visited {background: white;}
#header
, nav ul 		{gap: var(--abstand_halb);}
body > header
{
	padding: 0 0 var(--abstand_halb) 0;
	background-color: var(--button_hintergrund);
}
#header_navi li a svg {display: none;}
.Programmbereich.Teaser div {min-height: 100%;}
.Programmuebersicht, .Programm.Detail {display: grid ;}
#header_logo img, #header_logo_darkmode img {max-width: 88%;}
#header > nav 					{padding: 0 var(--abstand_halb);}
#content 						{margin-top: 20px}
#cmx68c18f7324935 .Bereichsnavigation, #cmx68c18e7b02c63 .Bereichsnavigation {display: none;}
.burger 						{justify-content: center;}
header nav.burger a, header nav.burger a:link, header nav.burger a:active, header nav.burger a:visited 	{background: none; color: white; padding: 0;}
.burger svg 					{fill: white;}
.Navigationspunkt  				{gap: unset; flex-basis: 45%;}
.Navigationsebene 				{display: none;}
.Zusatznavigation ul 			{flex-direction: row;}
#cmx68c3c4f3dd91d .hervorheben, #cmx68bec32e6a180 .hervorheben 		{display: none;}
.KontaktHauptgeschaeftstelle, .KontaktHauptgeschaeftsstelleText 	{height: unset !important;}
.KontaktHauptgeschaeftstelleLinks ul 								{padding: unset; padding-top: 30px;} 
footer .Formular 				{padding: 0 !important; z-index: 1;}
h5 								{color: #e30613;}
#cmx68bec32e6a180 .JournalVorschauliste, #cmx68c3c4f3dd91d .JournalVorschauliste {flex-direction: column-reverse;} 
footer .footerbild 				{max-width: 185px;}
footer .logofooterdark 			{display: none;}
footer .logofooterhell 			{display: block;}
.Warenkorb a .label 			{display: none;}
.Warenkorb a::after 			{content: 'Buchung';}
footer .Bild 					{justify-content: center;}
.KontaktHauptgeschaeftstelle, .KontaktHauptgeschaeftsstelleText {height: 50vh;}
footer img 						{background: unset;}
.Honorarkraft, .Honorarkraft .Kopf,.Honorarkraft .Kopf h1 {align-items: unset; text-align: unset;}
.Kontakt.Detail 				{grid-column: span 12;}
#suche .Programmbereich.Teaser.ProgrammbereichMitHintergrund {max-width: 18em;}
#footer 						{display: flex; align-items:center}
footer
{
   min-height: unset !important;
   padding-top: 45px;
   padding-bottom: 45px;
   margin-top: 10vh;
}
#Merkzettel h2 {color: transparent;}
#Merkzettel h2::before {
	content: 'Sie haben noch keinen Kurs zur Buchung ausgewählt.';
	color: black;
}
#Merkzettel span {display: none;}
.VeranstaltungTeaserInhalt .AnzahlTermine
, .VeranstaltungTeaserInhalt .Uhrzeit
{
	display: none;
}
.Teaser.ProgrammbereichMitHintergrund a > div {text-align: left;}
#header_navi li a svg {display: none;}
header nav a, header nav a:link, header nav a:active, header nav a:visited {gap: unset;}
@media only screen and (max-width: 1213px)
{
	#LogoUndText
	{
		position: relative;
		height: 35vw;
		background-image: url(cmx68be76e5f0015.png);
		background-repeat: no-repeat, repeat-x;
		background-position: right bottom;
		background-size: 230%;
		background-repeat: no-repeat;
	}
	#header_logo {padding: var(--abstand); position: absolute; top: 0px; left: 0px; bottom: 0px; width: 65%;}
}
@media only screen and (min-width: 1214px)
{	
	header
	{
		background-image: url(cmx68be76e5f0015.png), url(bildabz2.png);
		background-repeat: no-repeat, repeat-x;
		width: 100%;
		background-position: top -50px right;
		background-size: contain;
		background-color: #d5e1ec;
	}
	#header_navi 						{flex: 1; justify-content: end;}
	#header #header_navi li 			{flex-basis: 110px;}
	#header_text 						{text-align: end;}
	#header_text 						{background: unset !important;}
	#header nav.Zusatznavigation 		{min-width: 100vw;}
	#header nav ul 						{justify-content: end;}
	.Zusatznavigation ul 				{flex-direction: row;}
	header #header_navi ul li a 		{background: unset;}
	.Veranstaltung.Teaser img.Bild:not(.Logo) 	{max-height: 200px;}
	#cmx68c3c4f3dd91d .Inhalt .JournalVorschauliste, #cmx68bec32e6a180 .Inhalt .JournalVorschauliste  {flex-direction: row; transform: scale(-1);}
	#cmx68c3c4f3dd91d .Inhalt .JournalVorschauliste a, #cmx68bec32e6a180 .Inhalt .JournalVorschauliste a {transform: scale(-1);}
	.Honorarkraft .Kopf .Bild img 		{max-height: 30vh;}
	h2 									{font-size: 1.0rem;}
	h1 									{font-size: 1.3rem;}
	.Artikel.Teaser .Inhalt 			{width: -webkit-fill-available;}
	main#content 						{z-index: 1;}
	.Navigationsebene, .Navigationscontainer {z-index: 100;}
	#header 							{height: 100%; align-items: end; display: flex; justify-content: center; padding: 0;}
	#header nav.Zusatznavigation .Navigationscontainer ul {gap: 0;}
	.Navigationscontainer .Navigationspunkt {border-radius: none;}
	#header nav.Zusatznavigation .Navigationscontainer ul li {border-radius: unset;}
	ul.Navigation 						{max-width: 1200px; margin: auto;}
	.Navigationsinhalt 					{justify-content: center;}
	.Navigationspunkt,	.Navigationspunkt .Navigationsebene {transform: unset; transition: all .2s ease;}
	#header nav.Zusatznavigation 		{background: unset;}
	#header nav.Zusatznavigation ul li 	{background: var(--button_hintergrund); flex: 2}
	nav.Zusatznavigation a 				{color: white; font-family: 'Roboto-Regular-Light' !important;}
	#header nav.Zusatznavigation ul li:hover {background: #e30613;}
	.Zusatznavigation a, .Zusatznavigation a:link, .Zusatznavigation a:active, .Zusatznavigation a:visited {text-align: left;}
	#header_logo img, #header_logo_darkmode img {width: 350px; max-width: 450px; height: auto;}
	header nav 							{flex-basis: 50%;}
	.Text figure 						{float: right; padding-right: 10px; padding-left: 0;}
	.Zusatznavigation .Navigationsinhalt {font-size: 1.2rem}
	.Artikel.Teaser.standard img:not(.Grafik) {height: 200px;}
	nav > ul {flex-wrap: nowrap;}
	#header nav.Zusatznavigation 				{background: var(--button_hintergrund); border-radius: unset; align-self: end; margin-bottom: -10px;}
	.Zusatznavigation a, .Zusatznavigation a:link, .Zusatznavigation a:active, .Zusatznavigation a:visited {color: white; font-family: 'Roboto-Regular-Light' !important;}
	.Teaser.ProgrammbereichMitHintergrund a > div {white-space: pre-wrap; height: 80px;}
	.Programmbereich.Teaser.breite_1 		{grid-column: span 1;}
	.Programmbereich.Teaser.breite_2 		{grid-column: span 2;}
	.Programmbereich.Teaser.breite_3 		{grid-column: span 3;}
	.Programmbereich.Teaser.breite_4 		{grid-column: span 4;}
	.Programmbereich.Teaser.breite_5 		{grid-column: span 5;}
	.Programmbereich.Teaser.breite_6 		{grid-column: span 6;}
	.Programmbereich.Teaser.breite_7 		{grid-column: span 7;}
	.Programmbereich.Teaser.breite_8 		{grid-column: span 8;}
	.Programmbereich.Teaser.breite_9 		{grid-column: span 9;}
	.Programmbereich.Teaser.breite_10		{grid-column: span 10;} 
	.Programmbereich.Teaser.breite_11		{grid-column: span 11;} 
	.Programmbereich.Teaser.breite_12		{grid-column: span 12;} 
	#header_navi li a svg {display: unset;}	
}
.Zusatznavigation.Navigation {
	margin-left: calc((100vw - var(--breite_layout)) / 2 * -1);
	margin-right: calc((100vw - var(--breite_layout)) / 2 * -1);
}
.hervorheben a, a.hervorheben, details.hervorheben {
	background:  var(--button_hintergrund);
	color: white;
}
main#content {min-height: 50vh;}