/* anderes Instagram Logo */
a.instagram:before { font-family: 'FontAwesome'; content: "\f16d"; font-size: 1.875em; color: #ffffff; padding-right: 7px; font-weight: 400;}

/* Formatierung der Header-Elemente und Absatz-Elemente*/
p, h1, h2, h3, h4, h5, h6 { margin-bottom: 0.4em; }

/* .ce_text { margin-top: 0.67em; } */
/* .ce_text:first-child { margin-top: 0;} */
p ~ h1, p ~ h2, p ~ h3, p ~ h4, p ~ h5, p ~ h6 { margin-top: 0.67em; }
/*.ce_text ~ h1, .ce_text ~ h2, .ce_text ~ h3, .ce_text ~ h4, .ce_text ~ h5, .ce_text ~ h6 { margin-top: 0.4em !important; } */
div p { margin-bottom: 0.5em; }

/* Klasse für keinen Rand (margin) */
.no-margin { margin: 0 !important; }
/* Definition fuer box-weiss etc */
.accordion-weiss a,
.tabs-weiss .panel a,
.box-weiss a,
.tabelle-weiss a,
.liste-weiss li a													{ text-decoration: underline; color: #000; opacity: 1}

.accordion-weiss a:hover,
.tabs-weiss .panel a:hover,
.box-weiss a:hover,
.tabelle-weiss a:hover,
.liste-weiss li a:hover												{ text-decoration: underline; color: silver; opacity: 0.5}

.ce_text.box-weiss ul												{ padding-left: 3px; list-style: none}
.ce_text.box-weiss li												{ margin: 0; padding: 0 0 0 20px; position: relative; line-height: 1.6em;}
.ce_text.box-weiss li:before 										{ font-size: 1em; margin-right: 5px; font-family: 'FontAwesome'; content: "\f00c"; position: absolute; left: 0; color: #000}

.liste-weiss ul li 							{list-style: none; margin: 0; padding: 0 0 0 20px; position: relative; line-height: 1.6em;} 
.liste-weiss ul li:before 					{ font-size: 1em; margin-right: 5px; font-family: 'FontAwesome'; content: "\f00c"; position: absolute; left: 0; color: #000}
.liste-weiss ol li 							{list-style: decimal ;  margin: 0; padding: 0 0 0 5px; position: relative; line-height: 1.6em;} 

.box-weiss,
.liste-weiss											{ padding: 20px; background-color: #fff; margin-bottom: 20px; background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.02));background-image: -moz-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.02));background-image: -o-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.02));background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.02));box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); }
.box-weiss hr										{ width: 100%; height: 2px; background: #000; color: #000; border: none; margin-top: 15px;  }
.box-weiss											{padding: 20px 10px; }

/* News - more : darstellen lassen */
.news-grau p.more {
	display: block;
}
/*
Spezialklassen von altem WEB-Auftritt im tiny-css vorhanden
*/
.warning {
	font-size: 1.1em;
	color: #c55;
}
.confirmation {
	font-size: 1.1em;
	color: #090;
}
/*
Footer Bereich etwas schlanker machen.
*/
#footer {
	padding: 20px;
}
#footer .mod_article {
	line-height: 1.2em;
}
/* Bilder mit float einen Rand geben */
.ce_text .float_left  {margin-right: 20px; margin-bottom: 20px;}
.ce_text .float_right {margin-left: 20px;  margin-bottom: 20px;}
.ce_text .float_above {                    margin-bottom: 20px;}
/*
Anpassungen am news-Container
*/
.news-grau .grau-content {
	width: 100%;
	float: none;
}
/* Youtube Videos responsive */

.ce_youtube {
 position: relative;
 padding-bottom: 56.25%;
 width: 100%;
 height: auto;
}
 
.ce_youtube iframe {
 position: absolute;
 top: 0; left: 0; right: 0; bottom: 0;
 width: 100% !important;
 height: 100% !important;
}
/* Hintergrund dunkler darstellen */
.bg-dunkler {
    -webkit-filter: brightness(0.97);
    filter: brightness(0.97);
}
.bg-heller {
   -webkit-filter: brightness(1.03);
    filter: brightness(1.03);
}
.bg-dunkler-shadow {
	-webkit-filter: drop-shadow(5px 5px 3px rgba(0,0,0,0.7)) brightness(0.97);
	filter: drop-shadow(5px 5px 3px rgba(0,0,0,0.7)) brightness(0.97);
}
.bg-heller-shadow {
	-webkit-filter: drop-shadow(5px 5px 3px rgba(0,0,0,0.7)) brightness(1.03);
	filter: drop-shadow(5px 5px 3px rgba(0,0,0,0.7)) brightness(1.03);
}
/* Shadow für Elemente einführen */
.shadow {
	-webkit-filter: drop-shadow(5px 5px 3px rgba(0,0,0,0.7));
	filter: drop-shadow(5px 5px 3px rgba(0,0,0,0.7));
}
/* Wenn liste-xxx auf box-xxx folgt, dann kein shadow */
.box-gelb .liste-gelb, .box-grau .liste-grau, box-blau .liste-grau, .box-braun .liste-braun {
	box-shadow: none;
	padding: 0;
}
/* Listenelemente ohne Farbdefinition box-gelb, box-blau, box-grau, box-braun, box-weiss */
.ce_text ul li {
	list-style: none;
	margin: 0;
	padding: 0 0 0 20px;
	position: relative;
	line-height: 1.6em;
}
.ce_text li::before {
	font-size: 1em;
	margin-right: 5px;
	font-family: 'FontAwesome';
	content: "\f00c";
	position: absolute;
	left: 0;
}
/* Listenelemente - Symboldefinitionen */
.fa-check-square ul li::before, .ce_text.fa-check-square li::before {
	content: "\f14a";
}
.fa-check-square-o ul li::before, .ce_text.fa-check-square-o  li::before  {
 	content: "\f046";
 }
.fa-comment ul li::before, .ce_text.fa-comment  li::before {
	content: "\f075";
}
.fa-comment-o ul li::before, .ce_text.fa-comment-o li::before {
	content: "\f0e5";
}
.fa-chevron-right ul li::before, .ce_text.fa-chevron-right li::before {
	content: "\f0e5";
}
.fa-envelope ul li::before, .ce_text.fa-envelope li::before {
	content: "\f0e0";
}
.fa-exclamation ul li::before, .ce_text.fa-exclamation li::before {
	content: "\f12a";
}
.fa-female ul li::before, .ce_text.fa-femail li::before {
	content: "\f182";
}
.fa-male ul li::before, .ce_text.fa-male li::before {
	content: "\f183";
}
.fa-bus ul li::before, .ce_text.fa-bus li::before{
	content: "\f207";
}
.fa-arrow-right ul li::before, .ce_text.fa-arrow-right li::before{
	content: "\f061";
}
.fa-caret-right ul li::before, .ce_text.fa-caret-right li::before{
	content: "\f0da";
}
.fa-gesetz ul li::before, .ce_text.gesetz li::before{
	content: "§";
	font-weight: bolder;
}
h2::before .fa-arrow-down {
	content: "\f063";
}
/* Das letzte Element innerhalb von mod_article soll kein padding am Ende haben */
.inside > div:nth-last-child(2) {
	padding-bottom: 0;
}
/* Formatierung last_update */
.last-update .box-grau { margin:0; padding: 0.2em; }

.last-update { font-size: 0.7em; padding: 0.64em 0.5em;}

/*
Die Klasse nurdruck grundsätzlich erst einmal ausblenden
*/
.nurdruck { display: none; }
/* 
Bestimmte Klassen für print ausschliessen
*/
@media print {
	nav,
	#footer .mod_article, 
	#header, 
	.sticky-header, 
	#main .header_allge, 
	#main-navigation,
	#MobileMenu,
	.mod_menu,
	.mod_breadcrumb, 
	.such-teaser-headline, 
	.such-teaser, 
	.btn_gross, 
	.btn ,
	.back,
	.back-to-top,
	.more,
	.crossselling,
	.last-update
		{ display: none;
		  padding: 0;
		  margin: 0;
		}
	.cookiebar {
		position: absolute;
		left: -9000px;
	}
	#container { padding-top: 0; margin: 0; }
	.padding20 { padding: 0; }
	#footer .nurdruck { display: block; }
	.inside .nurdruck { display: block; }
}
/*
Silbentrennung einschalten
*/
body {
	hyphens: auto;
}

/* externe Links markieren */
/*
a[href^="http://"]:not([href*="www.ova.de"]):after,
a[href^="https://"]:not([href*="www.ova.de"]):after,
a[href^="http://"]:not([href*="ova.web"]):after,
a[href^="https://"]:not([href*="ova.web"]):after,
a[href^="http://"]:not([href*="ova.de"]):after,
a[href^="https://"]:not([href*="ova.de"]):after {
content: url('/files/style/icons/icons8-externer-link.svg');
  vertical-align:unset;
  padding-left:4px;
  width: 1em;
}
*/

/* Responsive Card Hover Effect */
/* https://codepen.io/keubibo/pen/yLXYVOK */
/*
syndication Elemente formatieren
*/
.syndication {
	margin-left: 20px;
	margin-right: 20px;
	margin-top: 10px;
	display: flex;
	align-items: center;
}
.syndication a {
	margin-right: 1em;
	width: 15%;
	color: black;
	display: flex;
	justify-content: center;
}
.syndication img {
	margin-right: 0.5em;
}
.syndication .pdf::after {
	content: "PDF";
}
.syndication .print::after {
	content: "DRUCKEN";
}
.syndication .facebook::after {
	content: "FACEBOOK";
}
.syndication .twitter::after {
	content: "twitter";
}
.syndication .box-blau {
	padding: 10px;
	margin-bottom: 10px;
}
/*
Einen Button auf 100% Breite bringen.
*/
.button100 > .hyperlink_txt {
	width: 100%;
}