q:before {
  content: "\201E";
}

q:after {
  content: "\201C";
}

q q:before {
  content: "\201A";
}

q q:after {
  content: "\2018";
}

i, em {
  font-style: italic;
}

body {
  counter-reset: cntfortsetzung;
}

ol.cntfortsetzungreset {
  counter-reset: cntfortsetzung;
}

ol.cntfortsetzung>li::before {
  counter-increment: cntfortsetzung;
  content: counter(cntfortsetzung) ". ";
}

ol.cntfortsetzung[type="a"] > li::before {
  content: counter(cntfortsetzung, lower-alpha) ") ";
}

ol.cntfortsetzung[type="i"] > li::before {
  content: counter(cntfortsetzung, lower-roman) ") ";
}

/**
  * Bei Tabellen in denen in der 1. oder in der letzten Spalte mit einem 'rowspan' gearbeitet wird, sind in den Folgezeilen
  * ggf. die Definitionen für die Pseudo-Klassen 'first-child' und 'last-child' falsch. Deshalb, da wir ohne 'rowspan' derzeit
  * nicht auskommen, wird hier eine echte Klasse definiert mit der die Redaktion das Verhalten manuell uebersteuern kann.
  */
.page-container table.layout-fixed {
  table-layout: fixed;
}

/** Für reCAPTCHA-Tabellen das Layout auf Auto einstellen **/
table.recaptchatable {
  table-layout: auto;
}

/**
 * Seiten in Materialien-Containern haben im BODY-Tag die Klasse 'page-container'. Für diese Klasse ist das Table-Layout
 * per Default auf 'auto' eingestellt. Für Seiten außerhalb von Materialien-Containern (also ohne Body-Class page-container)
 * ist das dagegen auf 'fixed' eingestellt. Indem Tabellen nun in einen <div class="table-responsive table-layout-auto">
 * eingebettet werden, ist diese Einstellung nun auch außerhalb von Mat.-Containern verfügbar.
 */
.table-layout-auto table {
  table-layout: auto;
}

/* Einrueckung bei nummerierten Listen angepasst (war bei 2-stellingen Listen erforderlich) */
table>thead>tr>th.mid-child, table>tbody>tr>th.mid-child, table>tfoot>tr>th.mid-child, table>thead>tr>td.mid-child, table>tbody>tr>td.mid-child, table>tfoot>tr>td.mid-child {
  padding-left: 15px;
}

/* Box-Elemente die rechtsbuendig sein sollen nachdefiniert */
.lfbFloatRechts {
  float: right;
  padding-left: 10px;
}

.lfbFloatLinks {
  float: left;
  padding-right: 10px;
}

/* Z.B. via <span class=keinumbruch">...</span> kann damit ein Bereich definiert werdeni
   in dem an Leerzeichen nicht umgebrochen wird. Ist manchmal einfach notwendig! */
.keinumbruch {
  white-space: nowrap;
}

/* Schwarzer Rahmen um Element, incl. Schatten */
.lfbBereichRahmenSchatten {
  border: 1px solid #aeaeae;
  box-shadow: 4px 4px 6px #aeaeae;
  margin-bottom: 9px;
}

.lfbBereichRahmen {
     border: 1px solid #aeaeae;
     margin-bottom: 9px;
}

/* Erstmal fuer den Bereich informatik eingefuehrt */
.overline {
  text-decoration: overline;
}

/*
*
*  Rot,rot,rot sind alle meine border-bottoms
*  Neue Farben braucht das Land
*
*/
/*
*  README - VERSIONEN
*  v01 - Backup. Alle Farbdefinintionen für das linke Menü herauskopiert
*  v02 - Menü links in leichten Grautönen, Allgemeine Textfarbe
*  v03 - Links in Rot, mit Hover und before
*  v04 - Footer: topfooterContainer und bottomfooterContainer
*  v05 - Headings und Revision aktive Zelle im Menü
*  v06 - #serviceNavigation - HeaderSpalte im Container
*  v07 - Nacharbeit ol:before
*  v08 - Buttons
*  v09 - Klappfall Linien raus, Einrückung (Z.225ff)
*  v10 - Polygone
*  v11 - Detailanpassungen Suchfeld. Keine Unterstreichungen im Quermenü (Z.236)
*
*/
/* Allgemein Text und Hintergrund */
body {
  color: #505050;
  /* Textfarbe der Absätze, blasser als hx */
  /*  background-color: #fffef9;  /*gelb des zukünftigen CIs, noch blasser als unseres */
  /*background-color: #fffff4;*/
  /*unser gelb */
  background-color: #fff;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
  color: #363636;
}

h5, .h5 {
  color: #a8a8a8;
}

.page-container #header .containerTitleContainer .containerTitle {
  color: #363636;
}

/* Links */
a {
  color: #84000D;
  /*Dunkles Rot*/
}

/*
*  Links und
*  Hovereffekte bei Links
*  #005791 --> #84000d
*  #0171bc --> #b70017
*/
/*Hauptregel -> Überschreibt bootstrap.min.css*/
a:hover, a:focus {
  /*color: #005791;*/
  color: #b70017;
}

/* ??? main.css:334 */
.input-group .form-control:focus+.input-group-btn>.btn {
  border-color: #b70017;
}

.input-group-btn .dropdown-menu>li>a:hover, .input-group-btn .dropdown-menu>li>a:focus, .input-group-btn .dropdown-menu>li>a:active {
  color: #84000d;
}

/* Quicksearch */
#quicksearch .input-group .dropdown-toggle .icon-caret-down {
	font-size: 4px;
}
#quicksearch .input-group .ss-search {
font-size: 16px;
}

/* klein: 150px, groesser: 182px */
#quicksearch .input-group .form-control {
	width: 182px;
}
@media (max-width: 767px) {
  #quicksearch  .input-group .form-control {
    width: 100%;
  }
}
#quicksearch .input-group-btn > .btn {
	line-height: 27px;
	width: 32px;
	height: 28px;
}
#quicksearch .form-control {
  height: 28px;
}


/* bootstrap_min.css:14*/
.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus {
  background-color: #b70017;
}

.nav-tabs>li>a:hover, .nav-tabs>li>a:focus, .nav-tabs>li>a:active {
  background-color: #b70017;
}

/* ??? main.css:434 */
.pager li>a, .pager li>span {
  background-color: #84000d;
}

.pager li>a:hover, .pager li>a:focus, .pager li>a:active {
  background-color: #b70017;
}

/* ??? main.css:476 */
.pagination>li.prev>a, .pagination>li.next>a {
  background-color: #84000d;
}

.pagination>li.prev>a:hover, .pagination>li.next>a:hover,
.pagination>li.prev>a:focus, .pagination>li.next>a:focus,
.pagination>li.prev>a:active, .pagination>li.next>a:active {
  background-color: #b70017;
}

/* ??? main.css:3252 */
.pagination > li.prev > a:before, .pagination > li.next > a:before {
  background-color: #84000d;
}


.panel-title>a:hover, .panel-title>a:focus, .panel-title>a:active {
  color: #b70017;
}

.panel-title>a>.accordionArrow {
  background-color: #84000d;
}

.panel-title>a:hover>.accordionArrow, .panel-title>a:focus>.accordionArrow, .panel-title>a:hover>.accordionArrow {
  background-color: #b70017;
}

#serviceNavigation>li>a:hover, #serviceNavigation>li>a:focus, #serviceNavigation>li>a:active {
  color: #b70017;
}

#serviceNavigation>li>.dropdown-menu>li>a:hover, #serviceNavigation>li>.dropdown-menu>li>a:focus, #serviceNavigation>li>.dropdown-menu>li>a:active {
  color: #84000d;
}

.navbar-nav .dropdown-menu li a:hover, .navbar-nav .dropdown-menu li a:focus, .navbar-nav .dropdown-menu li a:active,
.navbar-default .navbar-nav .dropdown-menu li a:hover, .navbar-default .navbar-nav .dropdown-menu li a:focus, .navbar-default .navbar-nav .dropdown-menu li a:active {
  /*color: #84000d;*/
  color: #ffffff;
  background-color: #4a4a4a;
  /*Nimmt die Unterstreichung aus der zweiten Klappfall-Ebene*/
  text-decoration: none !important;

}

/*level 3 für die Haupt-Quernavigation... Für den sidebarContainer unten definiert (Z.405)*/
.navbar-nav.mainNavigation>li>.dropdown-menu .level3 a:hover, .navbar-nav.mainNavigation>li>.dropdown-menu .level3 a:focus, .navbar-nav.mainNavigation>li>.dropdown-menu .level3 a:active {
  color:#fff;
}

/*Text in Level3 Haup-Quernavi:*/
.navbar-nav.mainNavigation>li>.dropdown-menu .level3 a span:hover, .navbar-nav.mainNavigation>li>.dropdown-menu .level3 a span:focus, .navbar-nav.mainNavigation>li>.dropdown-menu .level3 a span:active {
  color:#fff;
  /*text-decoration: none !important;*/
}


/*
* Im Dropdown-Menü die Linklisten-Punkte leicht einrücken
*/
.dropdown-menu .linkList>li>a.internal-link,
.dropdown-menu .linkList>li>a.internal-link:before {
  left:4px;
}

.dropdown-menu .linkList>li>a.internal-link:hover, .dropdown-menu .linkList>li>a.internal-link:focus, .dropdown-menu .linkList>li>a.internal-link:active,
.dropdown-menu .linkList>li>a.internal-link:hover:before, .dropdown-menu .linkList>li>a.internal-link:focus:before, .dropdown-menu .linkList>li>a.internal-link:active:before {
  left:4px;
}


.breadcrumb a:hover, .breadcrumb a:focus, .breadcrumb a:active {
  color: #84000d;
}

.news .article a:hover, .news .article a:focus, .news .article a:active,
.news .article a:hover .headline, .news .article a:focus .headline, .news .article a:active .headline,
.news .article a:hover .date, .news .article a:focus .date, .news .article a:active .date {
  color: #84000d;
}

.sidebarContainer #sidebarNavigation li.active>a:hover, .sidebarContainer #sidebarNavigation li.active>a:focus, .sidebarContainer #sidebarNavigation li.active>a:active,
.sidebarContainer #sidebarNavigation li.active.open>a:hover, .sidebarContainer #sidebarNavigation li.active.open>a:focus, .sidebarContainer #sidebarNavigation li.active.open>a:active {
  /*background-color: #b70017;*/
  background-color: #4a4a4a !important;
}

#topfooterContainer a:hover, #topfooterContainer a:focus, #topfooterContainer a:active {
  color: #84000d;
}

#footerServiceNavigation>li>.dropdown-menu>li>a:hover, #footerServiceNavigation>li>.dropdown-menu>li>a:focus, #footerServiceNavigation>li>.dropdown-menu>li>a:active {
  color: #84000d;
}

/* Zeichen vor Links */
ul>li:before {
  background-color: #84000d;
}

#bottomfooterContainer ul>li:before {
  background-color: #b70017;
}

.linkList>li>a.internal-link:before {
  color: #84000d;
}

.linkList>li>a.intern:before {
  color: #84000d;
}

.linkList>li>a.internal-link:hover:before, .navbar-nav .linkList>li>a.internal-link:focus:before, .navbar-nav .linkList>li>a.internal-link:active:before {
  color: #b70017;
}

.linkList>li>a.intern:hover:before, .navbar-nav .linkList>li>a.intern:focus:before, .navbar-nav .linkList>li>a.intern:active:before {
  color: #b70017;
}

ol>li:before {
  color: #84000d;
}

/*
*  Menüs und Navigation
*
*/
/* Haupt-Quernavigation */
#mainNavigationContainer {
  box-shadow: 0 2px 0 rgba(0, 0, 0, 0.2);
  /* grauer Balken unterhalb)*/
  border-top: 3px solid #b70017;
}

/* Linke Seitenleiste */
.sidebarContainer #sidebarNavigation {
  box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.1);
  margin-bottom: 30px;
}

/* Textfarbe inaktive Elemente*/
.sidebarContainer #sidebarNavigation li a {
  /*color: #005791;*/
  /* color: #3f3f3f; /* Textgrau des zukünftigen CIs */
  color: #363636;
}

/* Textfarbe aktives Element*/
.sidebarContainer #sidebarNavigation li.active>a, #content .sidebarContainer #sidebarNavigation li.active.open>a {
  /*  background-color: #3f3f3f; /* Textgrau des zukünftigen CIs */
  background-color: #363636;
  color: #fff;
}

/* Ebene 1 Background und Border */
.sidebarContainer #sidebarNavigation.level1 {
  background-color: #f0f0f0;
}

.sidebarContainer #sidebarNavigation.level1>li.active>a, .sidebarContainer #sidebarNavigation.level1>li.active.open>a {
  /*  background-color: #3f3f3f; /* Textgrau des zukünftigen CIs */
  background-color: #363636;
}

/* Ebene 2 Background und Border*/
.sidebarContainer #sidebarNavigation .level2 {
  background-color: #f0f0f0;
}

/* Trennlinien zwischen Menüpunkten*/
.sidebarContainer #sidebarNavigation .level2>li.subHeadline {
  /*border-bottom: 1px solid #b70017;*/
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  /* gleich wie Border unter Quernavi*/
}

.sidebarContainer #sidebarNavigation .level2>li.blankLine {
  /*border-bottom: 1px solid #b70017;*/
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  /* gleich wie Border unter Quernavi*/
}

.sidebarContainer ul>li>ul {
  /*border-bottom: 1px solid #b70017;*/
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  /* gleich wie Border unter Quernavi*/
}

.sidebarContainer #sidebarNavigation>li>a, .sidebarContainer #sidebarNavigation.level2>li>a, .sidebarContainer #sidebarNavigation .level2>li>a {
  /*border-bottom: 1px solid #b70017;*/
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  /* gleich wie Border unter Quernavi*/
}

.sidebarContainer #sidebarNavigation.level2>li.open>a, .sidebarContainer #sidebarNavigation .level2>li.open>a {
  background-color: #dfdfdf;
}

.sidebarContainer #sidebarNavigation.level2>li.open>a:hover, .sidebarContainer #sidebarNavigation .level2>li.open>a:hover,
.sidebarContainer #sidebarNavigation.level2>li.open>a:focus, .sidebarContainer #sidebarNavigation .level2>li.open>a:focus,
.sidebarContainer #sidebarNavigation.level2>li.open>a:active, .sidebarContainer #sidebarNavigation .level2>li.open>a:active {
  background-color: #fff;
}

/* Ebene 3 Textfarbe, Background und Border*/
.navbar-nav.mainNavigation>li>.dropdown-menu .level3 a {
  /*color: #505050;*/
}

.sidebarContainer .navbar-nav.mainNavigation>li>.dropdown-menu .level3 a:hover, .sidebarContainer .navbar-nav.mainNavigation>li>.dropdown-menu .level3 a:focus, .sidebarContainer .navbar-nav.mainNavigation>li>.dropdown-menu .level3 a:active {
  /*color: #84000d;*/
  color:#fff;
}

.sidebarContainer #sidebarNavigation .level3 {
  background-color: #dfdfdf;
}

.sidebarContainer #sidebarNavigation .level3>li.open>a {
  background-color: #d0d0d0;
}

.sidebarContainer #sidebarNavigation .level3>li.open>a:hover, .sidebarContainer #sidebarNavigation .level3>li.open>a:focus, .sidebarContainer #sidebarNavigation .level3>li.open>a:active {
  background-color: #fff;
}

/* Ebene 4 Background und Border*/
.sidebarContainer #sidebarNavigation ul.level4 li>a>.border-bottom {
  border-bottom-color: #dfdfdf;
}

.sidebarContainer #sidebarNavigation .level4 {
  background-color: #d0d0d0;
}

.sidebarContainer #sidebarNavigation .level4>li.open>a {
  background-color: #bfbfbf;
}

.sidebarContainer #sidebarNavigation .level4>li.open>a:hover, .sidebarContainer #sidebarNavigation .level4>li.open>a:focus, .sidebarContainer #sidebarNavigation .level4>li.open>a:active {
  background-color: #fff;
}

/* Ebene 5 Background und Border*/
.sidebarContainer #sidebarNavigation .level5 {
  background-color: #bfbfbf;
}

/* Mobilnavigation Rechtspfeil bei Untermenüs main.css:2370*/
.mainNavigationMobile li.hasSub>a>.icon-caret-right {
  color: #b70017;
}

.mainNavigationMobile li.backLinkContainer>.back-link:hover, .mainNavigationMobile li.backLinkContainer>.back-link:focus, .mainNavigationMobile li.backLinkContainer>.back-link:active {
  /*color: #84000d;*/
  color: #b70017;
}

.mainNavigationMobile .dropdown-menu li>.mobileNavigationHead {
  /*color: #84000d;*/
  color: #b70017;
}

.mainNavigationMobile .dropdown-menu li>.mobileNavigationHead:hover, .mainNavigationMobile .dropdown-menu li>.mobileNavigationHead:focus, .mainNavigationMobile .dropdown-menu li>.mobileNavigationHead:active {
  color: #84000d;
}

.mainNavigationMobile li.active>a {
  background-color: #363636;
  color: #fff;
}

/*
.navbar-nav .open .dropdown-menu li {
  border-top: 1px solid #ccccc3;
}
*/

.nav .open>a, .nav .open>a:hover, .nav .open>a:focus {
  /* background-color: #4a4a4a !important; */
  color: #ffffff;
}





/*
* Footer
*
*/
#topfooterContainer h5 {
  border-bottom: 1px solid #b70017;
}

#footerContainer.bg-info {
  background-color: #f0f0f0;
}

#bottomfooterContainer.bg-primary {
  /* background-color: #84000d; */
  background-color: #b70017;
}

/*
*  Boxen Balken und Background
*
*/
h5.underlinedBoxHeadline {
  border-bottom: 3px solid #b70017;
}

.bg-info {
	background-color: #fffdea;
}

.bg-danger {
	/*background-color: #f1ccd1;*/ /*20% von #b70017*/
  background-color: #F4D9DC; /*15% von #b70017*/
}

/*
*  #serviceNavigation
*
*/
.page-container #serviceNavigation>li>a.portal-link, .page-container #serviceNavigation>li>a.container-close-link {
  color: #84000d;
}

#serviceNavigation>li>a:hover, #serviceNavigation>li>a:focus, #serviceNavigation>li>a:active {
  color: #b70017;
}

/* #serviceNavigation > li > .dropdown-menu > li > a:hover etc. > oben bei hover definiert...*/
/*
*  Buttons
*
*/
.btn-primary {
  color: #fff;
  background-color: #84000d;
  border-color: #84000d;
}

.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary:active:hover, .btn-primary.active:hover, .open>.dropdown-toggle.btn-primary:hover, .btn-primary:active:focus, .btn-primary.active:focus, .open>.dropdown-toggle.btn-primary:focus, .btn-primary.focus:active, .btn-primary.active.focus, .open>.dropdown-toggle.btn-primary.focus {
  background-color: #b70017;
}

/* TODO: Polygon - in Rot... solange ausblenden: display: none;
*  Steht in main.css:737 und main.css:754
*  Das gleich mit polygon_revers
*/
.btn-primary::before {
  background-image: url('../img/polygon.svg');
}

.btn-primary.backLinkButton:after {
  background-image: url('../img/polygon_revers.svg');

}

/*
   Fuer Netzordner-Bereich
   Ermoeglicht versteckten Bereich, der erst nach anklicken
   eines Disclaimers eingeblendet wird
*/
.btn-primary.disabled:hover, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary:hover, .btn-primary.disabled:focus, .btn-primary[disabled]:focus, fieldset[disabled] .btn-primary:focus, .btn-primary.disabled.focus, .btn-primary[disabled].focus, fieldset[disabled] .btn-primary.focus {
  background-color:
    #b70017;
  border-color:
    #b70017;
}

#missing-checkmark {
  color: #b70017;
  margin-top: 6px;
}
#button-show-hidden-content {
  margin-bottom: -2px;
}

/*
* Tabellen
*
*/
table tr:first-child>th {
  border-bottom-color: #b70017;
}

table tr:first-child>td {
  border-top-color: #b70017;
}

/* ?? main.css:690 */
.modal button.close {
  background-color: #b70017;
}

.modal button.close:hover, .modal button.close:focus, .modal button.close:active {
  background-color: #84000d;
}

/*
* Codeboxen
*/
code {
  padding: 2px 4px;
	color: #b70017;
	background-color: #dbdddd;
  border-radius: 3px;
}

/* Reste des Blaus rauslöschen...*/
/* main.css:2331 */
.rss-feed-link:hover .icon-rss, .rss-feed-link:focus .icon-rss, .rss-feed-link:active .icon-rss {
  color: #84000d;
}


/*
* Positionierung Logo
*/
.navbar-brand {
	height: auto;
	padding-left: 0;
	padding-top: 13px;
	padding-bottom: 13px;
	max-width: 400px;
  /*Ueberschreibt das float:none bei phablets*/
  float:left;
}

.page-container .navbar-brand {
   max-width: 272px;
   padding-top: 15px;
   padding-bottom: 21px; 
   padding-right: 27px;
   padding-left: 0;
}

/* Positionierung Logo Mobile */
/*
@media (max-width: 767px) {
}
*/

/* Positionierung Breadcrumb */

#breadcrumbNoMatCont {
  margin-top: 22px
}

#breadcrumbContainer {
  line-height: 18px;
  padding-top: 5px;
}

#quicksearch {
  margin-top: 0px;
}

.breadcrumb {
  margin-top: 0px;
}

.boxContainer.extrasmallHeight .box {
  min-height: 20px;
}


.video-responsive-wrapper {
max-width: 100%;
width: 560px;
left: 0;
/*right:0;
margin:auto;*/
}


.video-responsive iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

.video-responsive {
position: relative;
margin-bottom: 5px;
padding-bottom: 56.25%; /* Default... 16:9 ratio*/
padding-top: 0px;
height: 0;
overflow: hidden;
}

.video-responsive.ratio16x9 {
padding-bottom: 56.25%; /* Default... 16:9 ratio*/
}

/* ratio 4x3 */
.video-responsive.ratio4x3 {
  padding-bottom: 75%;
}

/* ratio 16x10 */
.video-responsive.ratio16x10 {
  padding-bottom: 62.5%;
}

/* ratio 16x10 */
.video-responsive.ratio21x9 {
  padding-bottom: 42.86%;
}

/*Anpassungen an dsgvo-video-embed.css*/

.video-wall {
  min-height: 11em;
	min-width: 19em;
	background-color: #f0f0f0;
	box-sizing: border-box;
	border: 0.5em solid #d7d7d7;
	padding: 1em;
}

.video-wall p {
	font-size: 0.8em;
	margin: 0 0 0.5em;
  line-height: inherit;
}

.video-wall div {
	bottom: 6em;
}

/*Anpassungen an dsgvo-video-embed.css - Ende*/

/* Contextual Colors */
.text-muted { color: #909090 }
.text-primary { color: #b70017 }
.text-success { color: #21a000 }
.text-info { color: #177bac }
.text-warning { color: #e77c00 }
.text-danger { color: #f61630 }
.text-secondary { color: #045279 }
.text-dark { color: #363636 }
.text-light { color: #b0b0b0 }
.text-white { color: #fff }

.bg-primary { background-color: #b70017 } /*steht so schon in lfb-custom.css*/
.bg-success { background-color: rgb(33, 160, 0) }
.bg-info { background-color: #fffdea } /*steht so schon in lfb-custom.css*/
.bg-warning { background-color: rgb(231, 124, 0) }
.bg-danger { background-color: #f4d9dc } /*steht so schon in lfb-custom.css, 15% von #b70017*/
.bg-secondary { background-color: rgb(4, 82, 121)}
.bg-dark { background-color: #505050 }
.bg-light { background-color: #dfdfdf }

.text-red { color: rgb(183, 0, 23) }
.text-orange { color: rgb(231, 124, 0) }
.text-purple { color: rgb(182, 2, 125) }
.text-green { color: rgb(33, 160, 0) }
.text-blue { color: rgb(4, 82, 121) }
.text-yellow { color: rgb(255, 228, 23) }
.text-pink { color: rgb(224, 20, 99) }

.marker-red { background-color: rgba(183, 0, 23, 0.3) }
.marker-orange { background-color: rgba(231, 124, 0, 0.3) }
.marker-purple { background-color: rgba(182, 2, 125, 0.6) }
.marker-green { background-color: rgba(33, 160, 0, 0.3) }
.marker-blue { background-color: rgba(23, 123, 172, 0.6) }
.marker-yellow { background-color: rgba(255, 228, 23, 0.3) }
.marker-pink { background-color: rgba(224, 20, 99, 0.6) }

/* Kosmetik */
.navbar-default {
   background-color: #fff;
   background: none;
}

#mainNavigationContainer {
	box-shadow: none;
	border-bottom: 3px solid #b70017;
	border-top: none;
}

.page-container .navbar-default {
	border-bottom: 2px solid #b70017;
}

body {
  border-left: 8px solid #b70017;
}

.box {
  box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2); /*Nur 4px blur, dafuer 0.2 statt 0.1*/
}

.underlinedBoxHeadline {
  color: #505050;
}

.small {
  margin-top: -4px;
}


.nav-tabs {
    margin-bottom: 13px;
    background: none;
    border-bottom: 1px solid #b70017;

}

.nav-tabs > li > a {
	font-style: normal;
  font-variant: small-caps;
  font-family: "Gudea","Myriad Pro","Helvetica Neue",Helvetica,Arial,sans-serif;
  font-size: 18px;
}

#stage.bigImagesWithTeaserContainer .bg-info {
  background-color: #fff;  
}

/* Aenderung i.A. von dowel am 14.5.21 */

/*Klasse für hervorgehobenen Text*/

.text-striking {
  font-size: 18px;
  line-height: 16px;
}


/* Abstaende von BS4 statisch nachgebaut */

.mr-2, .mx-2 {
    margin-right: .5rem !important;
}

.mr-3, .mx-3 {
    margin-right: 1rem !important;
}

.mr-4, .mx-4 {
    margin-right: 1.5rem !important;
}

.ml-2, .mx-2 {
    margin-left: .5rem !important;
}

.ml-3, .mx-3 {
    margin-left: 1rem !important;
}

.ml-4, .mx-4 {
    margin-left: 1.5rem !important;
}

.mt-2, .my-2 {
    margin-top: .5rem !important;
}

.mt-3, .my-3 {
    margin-top: 1rem !important;
}

.mt-4, .my-4 {
    margin-top: 1.5rem !important;
}

.mb-2, .my-2 {
    margin-bottom: .5rem !important;
}

.mb-3, .my-3 {
    margin-bottom: 1rem !important;
}

.mb-4, .my-4 {
    margin-bottom: 1.5rem !important;
}

/* Abstand von Bild zu Bildunterschrift */
div[class^="col-"] .picContainer img {
    padding-bottom: 5px;
}

.img-responsive {
    padding-bottom: 5px;
}

dt {
   padding-top: 3px;
}

dd {
   padding-bottom: 3px;
}

/* Download-Buttons auf Kacheldownloadseiten */
.dl-button {
  padding-left: 11px;
  padding-right: 11px;
}

#contentMainInnerDownloads, #contentMainInnerNextPage {
  margin-top: 3em;
}

#contentMainInnerDownloads, #contentMainInnerNextPage, #contentMainInnerFootnotes {
  margin-top: 3em; /*=45px*/
}

#contentMainInnerFootnotes {
  position: relative;
}

#contentMainInnerFootnotes::before {
  content: "";
  display: block;
  width: 50%;
  height: 1px;
  background-color: #cdcdcd;
  margin-bottom: 4px;
}