@import url(circular-all.css);
@import url(flag-icons/css/flag-icons.min.css);

/* Page Setup */
html, body {
	height: 100%;
}
body {
	display: flex;
	flex-direction: column;
}
.content-wrapper {
	flex: 1 0 auto;
}
.document-footer {
 	flex-shrink: 0;
}

body {
    background-color: #eaeaea;
    color: #000;
	font-family: "Regular", Helvetica, sans-serif;
}

/***********
Custom Foundation Setup/Overwrite 
***********/

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
	font-family: "Bold", Helvetica, sans-serif;
}
h1, .h1, h2, .h2 {
   color: #D20A11;
}
.h1 small, .h2 small, .h3 small, .h4 small, .h5 small, .h6 small, h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {
	line-height: 1;
	color:#3B3B3B;
	display: block;
}
.h4, h4 {
	margin-bottom: 1em;
}

a,
.has-black-color.has-link-color a,
.has-black-color.has-link-color a strong,
.has-text-color.has-link-color a,
.has-text-color.has-link-color a strong {
	color: #D20A11;
}
a:hover, a:focus {
	color: #D20A11;
	text-decoration: underline;
}
a:not(.button) {
	
}
.menu .button, .menu a {
	color: #000;
}
.menu .button:hover, .menu a:hover {
	color: #D20A11;
	text-decoration: none;
}
.button {
    background-color: #D20A11;
    color: #fff;
}
.button:hover, .button:focus {
    background-color:#D20A11;
    color: #fff;
}
.button.hollow {
    color: #D20A11;
	border: 1px solid #D20A11;
}
.sidenav .button.hollow {
    color: #D20A11;
	border-color: #cacaca;
	padding: .5em .6em;
	min-width: 37px;
	max-width: 37px;
}
.sidenav .button.hollow.is-active {
    background-color:#D20A11;
    color: #fff;
}
.button.hollow:hover, .button.hollow:focus {
    background-color:#D20A11;
    color: #fff;
    border-color: #D20A11;
}
.sidenav .button.hollow:hover, .sidenav .button.hollow:focus {
    background-color:#D20A11;
    color: #fff;
    border-color: #cacaca;
}
.button.clear {
	color: #D20A11;
}

.callout.secondary {
	background-color: #eaeaea;
	border-color: #cacaca;
}
.callout.secondary a {
	color: #000;
}

/*********** 
Header 
***********/
.document-header {
	background-color: #fff;
}
.document-top-nav {
	padding: 1em 0 1em;
}
.sticky.is-stuck .document-main-nav {
    border-bottom: 1px solid #E9E9E9;
	background-color: #fff;
}
.document-main-nav {
	padding: 0.5em 0;
	background-color: #3B3B3B;
}

.top-bar, .top-bar ul {
    background-color: #3B3B3B;
}
.top-bar {
    padding: 0.5em 0;
}
.main-nav a {
	text-decoration: none;
	color: #cacaca;
}
.main-nav a:hover {
	color: #fff;
}
.main-nav .active > a,
.main-nav .current-page-ancestor > a {
	background: #D20A11;
	color: #fefefe;
}
.top-bar input {
	max-width: 300px;
}
.search-form {
	position: relative;
}
input.search-field {
	margin-bottom: 0;
	margin-right: 0;
	border-color: transparent;
	box-shadow: none;
	opacity: 1;
	background: #3B3B3B;
	height: 2.5em;
	font-weight: 300;
	border: 1px solid #3B3B3B;
	position: relative;
	color: #8a8a8a;
}
.search-form-off::before {
	content: "\e806";
	display: block;
	position: absolute;
	top: 0;
	left: 0.5em;
	z-index: 1;
	font-family: "fontello";
	font-size: 1.55em;
	color: #8a8a8a;
}
.search-submit.button {
	background: #3B3B3B;
	color: #8a8a8a;
	font-size: 1.55em;
	padding: .2em 0.2em;
}

[type="search"].search-field:focus {
	border: 1px solid #8a8a8a;
	background-color: #3B3B3B;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.top-bar-right .menu a {
	text-decoration: none;
	color: #cacaca;
}
.top-bar-right .menu a:hover {
	color: #fff;
}

.title-bar {
  padding: 0;
  margin-bottom: 0;
  background: none;
  color: #000000;
}
.title-bar-title {
  display: inline-block;
  vertical-align: middle;
}
.menu-icon::after {
	background: #000;
	box-shadow: 0 7px 0 #000000,0 14px 0 #000000;
}

@media screen and (max-width: 39.9375em) {
	.document-main-nav {
		padding: 0.1em 0;
	}
	.top-bar {
    	padding: 0.1em 0;
	}
}

/*********** 
Main and Sidebar
***********/
.main-content {
	padding-top: 1.5em;
	padding-left: 1.875em;
	padding-right: 1.875em;
	padding-bottom: 3em;
}
.sidenav {
	padding-top: 1.5em;
}

.sidenav .menu a:not(.button) {
	/* border-bottom: 1px solid #cacaca; */
}
.sidenav .menu .current_page_ancestor > a,
.sidenav .menu .current_page_item > a,
.sidenav .menu .page-item-872 > a,
.sidenav .menu.accordion-menu .page-item-872.current_page_ancestor.current_page_parent > a {
	background: #fff;
}

.sidenav .accordion-menu li {
	border-top: 1px solid #cacaca;
}
.sidenav .menu.accordion-menu a {
	border: none;
}
.sidenav .menu.accordion-menu.submenu a {
	padding-left: 1.5em;
}
.sidenav .menu.accordion-menu .current_page_ancestor.current_page_parent > a {
	color: #D20A11;
	background: none;
}

.sidenav .menu.accordion-menu .current_page_item.is-submenu-item > a,
.sidenav .menu.accordion-menu .current_page_item.is-submenu-item > a:hover {
	background: #D20A11;
	color: #fff;
}
.sidenav .menu.accordion-menu .is-accordion-submenu a:hover {
	color: #333;
	background: #fff;
}

.submenu-toggle::after {
	display: block;
	border: none;
	content: "\e804";
	font-family: 'fontello';
	font-size: 1.25em;
	color: #D20A11;
	margin: 0 0 1em 0.6em;
}
.submenu-toggle[aria-expanded="true"]::after {
	-webkit-transform: unset;
	-ms-transform: unset;
	transform: unset;
	-webkit-transform-origin: unset;
	-ms-transform-origin: unset;
	transform-origin: unset;
	content: "\e805";
}

@media screen and (max-width: 39.9375em) {
	.main-content {
		padding-top: 1.5em;
		padding-left: 0;
		padding-right: 0;
		padding-bottom: 1em;
	}
}

/*********** 
Footer
***********/
.document-footer {
    padding: 2em 0 1.5em;
}
.document-footer p {
    margin-bottom: 0;
}
.document-footer .menu .active > a {
	color: #D20A11;
	background: none;
}
.article-header {
	margin-bottom: 3em;
	padding-bottom: 1em;
	border-bottom: 1px solid #cacaca;
}
.beforenext {
	margin-top: 3em;
	padding-top: 1.5em;
	border-top: 1px solid #cacaca;
}

.kapitelsubpages {
	margin-bottom: 2em;
}
.kapitelsubpages li {
	border-bottom: 1px solid #cacaca;
}
.kapitelsubpages li.menu-text {
	font-weight: 700;
	line-height: 1.4;
}

.kapitelsubpages .menu-text,
.kapitelsubpages a {
	padding-left: .5em;
}

.listspacing {
	min-width: 30px;
}
.listspacing-kapitel {
	min-width: 80px;
}

.trennersymbol {
	min-width: 23px;
}

.has-white-background-color tbody tr:nth-child(2n) {
  border-bottom: 0;
  background-color: #ffffff;
}
.wp-block-table thead {
	border-bottom: none;
	background: #ffffff;
	color: #000;
}

.wp-block-table td:nth-child(1)  {white-space: nowrap;}

@media screen and (max-width: 39.9375em) {
	.article-header {
		margin-bottom: 1em;
	}
	.kapitelsubpages .menu-text,
	.kapitelsubpages a {
		padding-left: 0;
	}
}

/*********************
Spezial List STYLES
********************

.wp-block-list {
  margin-left: 1.65em;
}

.wp-block-list li {
	padding-left: 1em;
	padding-bottom: 1em;
}
*/
.entry-content ol {
  list-style-type: none;
  margin-left: 0;
}
.entry-content ol li {
  counter-increment: section;
  margin-left: 2.5em;
  margin-top: 1em;
  margin-bottom: 1em;
}
.entry-content ol.liste-ausnahme[start] li:first-of-type {
  counter-set: section 13;
}
.entry-content ol li::before {
  content: "(" counter(section) ") ";
  margin-left: -2.5em;
  width: 2.5em;
  display: inline-block;
}
.entry-content ol.liste-ausnahme > li::before,
.entry-content ol.liste-ausnahme3 > li::before {
  content: counter(section) ". ";
}
.entry-content ol.liste-bindestrich > li::before {
  content: "\2014 ";
}
.entry-content ol ol li {
  counter-increment: section2;
  margin-left: 1.5em;
}
.entry-content ol ol li::before {
  content: counter(section2,lower-alpha) ") ";
  margin-left: -1.5em;
  width: 1.5em;
}
.entry-content ol.liste-ausnahme4 ol li::before {
  content: counter(section2) ". ";
}
.entry-content ol.liste-ausnahme4 ol ol li::before {
  content: counter(section3,lower-alpha) ") ";
  margin-left: -1.5em;
  width: 1.5em;
}
.entry-content ol.liste-ausnahme4 ol ol ol li {
  counter-increment: section4;
  margin-left: 2.0em;
}
.entry-content ol.liste-ausnahme4 ol ol ol li::before {
  content: counter(section4,lower-alpha) counter(section4,lower-alpha) ") ";
  margin-left: -2.0em;
  width: 2em;
}
.entry-content ol ol li.listenpunkt-ausnahme {
	margin-left: 0px;
}
.entry-content ol ol li.listenpunkt-ausnahme::before {
  content: none !important;
}
.entry-content ol ol ol li,
.entry-content ol.kleinbuchstabe2 ol li {
  counter-increment: section3;
  margin-left: 1.5em;
}
.entry-content ol ol ol li::before,
.entry-content ol.kleinbuchstabe2 ol li::before {
  content: counter(section3,lower-roman) ") ";
  margin-left: -1.5em;
  width: 1.5em;
}
.entry-content ol.liste-ausnahme3 ol ol li::before {
  content: counter(section3,lower-alpha) counter(section3,lower-alpha) ") ";
  margin-left: -2.0em;
  width: 2em;
}
.entry-content ol.liste-ausnahme3 ol ol li {
	margin-left: 2.0em;
}
.entry-content ol.kleinbuchstabe li,
.entry-content ol.liste-ausnahme2 ol.kleinbuchstabe li {
  counter-increment: section;
  margin-left: 2.5em;
  margin-top: 1em;
  margin-bottom: 1em;
}
.entry-content ol.kleinbuchstabe li::before,
.entry-content ol.liste-ausnahme2 ol.kleinbuchstabe li::before {
  content: counter(section,lower-alpha) ") ";
  margin-left: -2.5em;
  width: 2.5em;
  display: inline-block;
}
.entry-content ol.kleinbuchstabe ol {
	counter-reset: section;
}

.entry-content ol.liste-ausnahme2 {
	counter-reset: item;
}
.entry-content ol.liste-ausnahme2 ol {
	counter-reset: item;
}
.entry-content ol.liste-ausnahme2 li {
	counter-increment: item;
	margin-left: 2.5em;
	margin-top: 1em;
	margin-bottom: 1em;
}
.entry-content ol.liste-ausnahme2 li::before {
	content: counters(item, ".")".";
	margin-left: -2.5em;
	width: 2.5em;
	display: inline-block;
}
.entry-content ol.liste-ausnahme2 ol li {
  counter-increment: item;

}
.entry-content ol.nostyles {
  list-style-type: decimal;
  margin-left: 0;
}
.entry-content ol.nostyles li {
  margin-left: 2.em;
  margin-top: 1em;
  margin-bottom: 1em;
}
.entry-content ol.nostyles li::before {
  content: "";
  margin-left: -2.5em;
  width: 2.5em;
  display: none;
}
/*********************
PAGE NAVI STYLES
*********************/
.page-navigation {
	margin-top: 1rem;
}

.pagination .current {
	background: #D20A11;
	color: #ffffff;
}

/*********************
COMMENT STYLES
*********************/
summary {
  list-style: none;
  padding: 10px 10px 10px 10px;
}
summary::-webkit-details-marker {
  display: none;
}
summary {
  display: flex;
}

summary::before {
  content: '';
  width: 7px;
  height: 11px;
  background: url('../images/arrow-right-red.svg');
  background-size: cover;
  margin-right: .5em;
  transition: 0.2s;
  margin-top: 11px;
}

details[open] > summary::before {
  transform: rotate(90deg);
}