#offcanvas-toggler span, .icon-bar > span {border-bottom: 2px solid white;}
/* Hamburger color */
.offcanvas-menu .offcanvas-inner ul.menu>li a, .offcanvas-menu .offcanvas-inner ul.menu>li span {color: white;}
/* Menu Text */
.offcanvas-menu .offcanvas-inner ul.menu>li li a {color: white;}
/* Menu Pfeil */
.offcanvas-menu .offcanvas-inner ul.menu>li.menu-parent .menu-toggler {color: #f0f0f0; font-size: 32px;}
/* Menu Hintergrundfarbe */
.offcanvas-menu {background-color: #e30613; color: white;}
.offcanvas-active .burger-icon > span, #modal-menu-toggler.active .burger-icon > span { background-color: #f0f0f0;}
.offcanvas-menu .offcanvas-inner ul.menu > li a:hover, .offcanvas-menu .offcanvas-inner ul.menu > li a:focus, .offcanvas-menu .offcanvas-inner ul.menu > li span:hover, .offcanvas-menu .offcanvas-inner ul.menu > li span:focus {
  color: yellow;
}
.offcanvas-menu .offcanvas-inner ul.menu > li > a, .offcanvas-menu .offcanvas-inner ul.menu > li > span {
  display: block;
  font-size: 18px;
  padding: 10px 0px;
  position: relative;
  line-height: 18px;
  opacity: 1.0;
  transition: 0.3s;
}


/* Menu items color */
body, .sp-preloader {background-color: #000000;color: #f0f0f0;}
#sp-main-body {padding: 30px 0;}
/* Menu items color */
.sp-megamenu-parent > li > a {color: #f0f0f0;}
/* Active color of menu item */
.sp-megamenu-parent > li.active > a, .sp-megamenu-parent > li.active:hover > a { color: yellow; }
/*  Color of hover menu item */
.sp-megamenu-parent > li > a:hover, .sp-megamenu-parent > li:hover > a  { color: yellow; }
/*  Color Menu Background */
.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner {background: #b70000;}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item>a {color: white;}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item>a:hover{color: yellow}
.article-details .article-ratings-social-share {display: none !important; }
.article-list .article .article-header h1 a, .article-list .article .article-header h2 a {color: white;}
/* Schriftgroesse */
.article-details .article-header h1, .article-details .article-header h2 {font-size: 1.75rem;}
.h3, h3 {font-size: 1.25rem;}

.sp-profile-wrapper .sp-profile-dropdown {
	background: #b70000;
	border: 1px solid #e4e4e4;
	border-radius: 3px;
	padding: 10px 15px !important;
	list-style: none !important;
	font-size: 14px;
	position: absolute;
	min-width: 100px;
	left: 10px;
	top: 100%;
	display: none !important;
}
.list-group-item {
  position: relative;
  display: block;
  padding: .5rem 1rem;
  color: #fff;
  text-decoration: none;
  background-color: #b70000;
  border: 1px solid rgba(0,0,0,.125);
} 
.btn-primary, .sppb-btn-primary {border-color: #fff; background-color: #e30613;}
.btn-primary:hover{color:yellow;background-color:#e30613;border-color: yellow}

.page-item.active .page-link {z-index: 3; color: #fff; background-color: #e30613; border-color: #e30613;}
.page-link:hover{z-index:2;color:yellow ;background-color:#e30613;border-color:yellow}
.page-link {
  position: relative;
  display: block;
  color: #0d6efd;
  text-decoration: none;
  background-color: #e30613;
  border: 1px solid #e30613;
  transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.page-link:focus{z-index:3;color:yellow;background-color:#e30613;outline:0;box-shadow:0 0 0 .25rem rgba(13,110,253,.25)}
.page-item.active .page-link{z-index:3;color:#fff;background-color:#e30613;border-color:yellow}
.page-item.disabled .page-link{color:#6c757d;pointer-events:none;background-color:#000;border-color:#dee2e6}

.form-control {
  display: block;
  width: 100%;
  padding: .375rem .75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #fff;
  background-color: #e30613;
  background-clip: padding-box;
  border: 1px solid #fff;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: .25rem;
  transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.form-control:focus{
	color:#fff;
	background-color:#000000;
	border-color:#fff;
}

.table {
  color: #e30613;
}
table.category thead > tr, table.category tbody > tr {
  border: 2px solid #e30613;
}

.wf-mediabox-container {
  background-color: #e30613;
  border-radius: .25em;
  padding: .5em;
}
.wf-mediabox-nav {
  background-color: #e30613;
  padding: 1em;
}
.wf-mediabox-caption {
    padding: .5em 0 .25em;
    background-color: #e30613;
}
.wf-mediabox-numbers *, [class^="wf-mediabox"] {
  color: #fff;
}
.wf-mediabox-close > svg, .wf-mediabox-next > svg, .wf-mediabox-prev > svg {
  fill: #fff;
}
.wf-mediabox-numbers button.active {
  cursor: default;
  background: #444;
  color: #fff;
  font-weight: 700;
  border: 6px solid #fff;
}
.wf-mediabox-close:hover > svg, .wf-mediabox-next:hover > svg, .wf-mediabox-prev:hover > svg {
  fill: yellow;
}
.wf-mediabox-close:focus > svg, .wf-mediabox-next:focus > svg, .wf-mediabox-prev:focus > svg {
  fill: #fff;
}