/*eigene anweisungen

farben
schwarz 212121
rot #e4022e
blau #1d3a8f
*/

h1, h2, h3, .article-header h2  {
	font-size: 30px !important;
	line-height: 44px;
	font-weight: 600 !important;
}

h3.newstitle {
	font-size: 25px;
	line-height: 32px;
}
.sp-module-title {
font-size: 19px !important;
  line-height: 1.6;
  font-weight: 600 !important;
}
h4, h5, h6 {
	font-size: 18px;
	line-height: 44px;
	font-weight: bold;
	color: #212121;
}

a[href] > img {
	display: inline-block;
}
#sp-footer a:hover, #sp-footer a:active, #sp-footer a:focus, #sp-bottom a:hover, #sp-bottom a:active, #sp-bottom a:focus {
	color: #e4022e;
}
.sp-megamenu-parent > li:hover > a, .sp-megamenu-parent > li.active > a, .sp-megamenu-parent > li.active:hover > a {
  box-shadow: inset 0 -4px 0 #e4022e;
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item.active > a,
.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a:hover {
	background: #e4022e;
}
div.container_skitter div.box_clone a img, 
div.container_skitter div.image a {
	cursor: auto !important;
}
#sp-main-body {
  padding: 50px 0;
}
#sp-top-bar {
  color: white;
	padding: 10px 0px 0px 0px !important;
}
#sp-top-bar p {
	text-transform: uppercase;}
#sp-bottom {
	    background: #212121;
}
#sp-footer {
    background: #212121;
    color: #fff;
    padding: 0px;
	margin-top: 0px;
}

#sp-footer a, #sp-footer p {
    color: #fff;
}


#sp-footer h1 {
	color: #fff;
    font-size: 22px;
    line-height: 30px;
	margin: 5px 0px 20px;
	text-align: left;
}
#sp-footer h2 {
    color: #fff;
	font-size: 22px;
	/*border-bottom: 5px solid #e4022e;*/
	font-weight: 800;
	text-align: left;
	/*margin-bottom: 50px;*/
	text-transform: none;
}

[class^="icon-"], [class*=" icon-"] {
    background-image: none;
    height: 14px;
    margin-top: 0px;
    width: 0px;
}

#sp-content-top-over {
  max-width: 1120px;
  margin: 40px auto;
}
.bg-danger {
  display: none;
}

.newshead.calendartype {
	border: 1px solid #212121;
	padding: 0px 0px 10px; 
}

.solid-1{
	background: #f1f1f1;
}


.solid-1:hover {
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.25);
}

.solid-1 h3 {
	font-size: 18px;
	text-transform: uppercase;
	font-weight: bold;
}
.solid-1 p {
	font-size: 16px;
	line-height: 1.4;
	}

div[class*="box-"], div[class*="solid-"]{
    padding: 20px 20px 30px 20px;
	margin-top: 20px;
}
.sp-scroll-up {
  color: #e4022e;
  border: 1px solid #e4022e;
 }

.has-error .checkbox, .has-error .checkbox-inline, .has-error .control-label, .has-error .help-block, .has-error .radio, .has-error .radio-inline, .has-error.checkbox label, .has-error.checkbox-inline label, .has-error.radio label, .has-error.radio-inline label, .formError, .control-group.error .control-label, .control-group.error .help-block, .control-group.error .help-inline {
    color: red !important;
}
.has-error .form-control, .control-group.error input, .control-group.error select, .control-group.error textarea {
    border-color: red !important;
}

.pager li > a, .btn, button.btn, input.btn[type="submit"], .btn-primary {
    background-color: #cccccc;
    background-image: none;
    background-repeat: no-repeat;
    border: none;
    color: #fff;
	font-weight: bold;
	border-radius: 0px !important;
	padding: 8px 18px !important;
    text-shadow: none;
	margin: 20px 0px;
}

.pager li > a:hover, .btn:hover, button.btn:hover, input.btn[type="submit"]:hover, .btn-primary:hover {
    background-color: #e4022e;
    background-image: none;
    background-repeat: no-repeat;
    border: none;
    color: #fff;
    text-shadow: none;
}
/*    accordion    */


ul.list-arrow.arrow-red li::after {
    border-left-color: #e4022e;
}

ul.list-arrow li::after {
    border: 0.4em solid transparent;
    content: "";
    height: 0;
    left: 3px;
    position: absolute;
    top: 7px;
    width: 0;
}

ul.list-arrow li {
	line-height: 28px;
}
div#jsn-pos-content-top-over a img:hover {
  transform: scale(1.05);
  transition: all 0.3s ease-in-out;
/*  width: 260px;
  height: 260px;*/
  display: block;
}

p.sercon {
	font-size: 11px;
	text-align: right;
}

iframe {
    border: none;
}
.link-button.button-red, .link-button.button-red:hover {
    background-color: #e4022e;
}


	
@media (min-width: 100px) and (max-width: 561px) {
#sp-top-bar {
    height: 40px;
}
	#sp-content-top-over {
    max-width: 90%;
    margin: 15px auto 5px;
		padding: 0px 10px;
}
	.logo-image {
    height: 50px;
}
	#sp-bottom {
    padding: 40px 20px 20px;
}
	#sp-main-body {
    padding: 30px 20px;
}
}