/*  CUSTOM CSS

grau 	#3A3A3A
rgba 	219, 150, 44
schwarz	#272727
rgba	39, 39, 39
footer 	#202020
rgba	51, 51, 51
orange #d9842f
blau #01add3 

*/

.article-body a:hover,.article-body a:focus {
	color: #d9842f;
}

.article-list .article .article-header h1, .article-list .article .article-header h2,
h1, h2.item-title, div.page-header h1, h2.componentheading, div.page-header h2, h4 {
	font-weight: bold; 
	font-size: 50px;
	line-height: 58px;
	margin-bottom: 30px;
    color: #272727;
	text-transform: uppercase;
}

h2,.sppb-article-info-wrap h3 {
	font-weight: bold; 
	font-size: 40px;
	line-height: 48px;
    color: #272727;
	text-transform: uppercase;
}
h3{
	font-weight: normal; 
	font-size: 30px;
	line-height: 38px;
    color: #272727;
	text-transform: uppercase;
}
.btn-primary, input[type="text"] {
	font-size: 24px;
}

.logotext {
  margin-bottom: 0px;
  text-align: left;
  margin-right: 50px;
}
.sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span, .sp-megamenu-parent .sp-dropdown li.sp-menu-item > a {
  font-size: 18px !important;
  font-weight: 300;
  text-decoration: none;
}


#sp-footer ul.menu li ul li ul li a {
  font-size: 12px;
  line-height: 20px;
}
#sp-footer ul.menu li.active,
#sp-footer ul.menu li.current,
#sp-footer ul.menu li a:hover {
  color: #d9842f !important;
}

#sp-footer ul.menu li ul li ul li {
	list-style-type: circle;
}


#sp-logo.has-border::after {
  width: 0px;
  }

#sp-footer ul.menu li {
  display: block;
  margin: 0 10px;
}

.swiper-pagination .swiper-pagination-bullet {
	width: 14px;
	height: 14px;
}

span.swiper-pagination-bullet.swiper-pagination-bullet-active {
	color: #d9842f;
}

.sppb-carousel-extended-heading {
	font-weight: 700;
  text-transform: uppercase;
  font-size: 25px;
		background: rgba(0,0,0,0.75);
		padding: 8px 15px;
	margin-top: 20px;
	margin-left: 20px;
}
.sppb-carousel-extended-content-wrap:hover .sppb-carousel-extended-heading {
	background:#db962c;
	transition: 0.6s ease-in-out all;
}

h2.sppb-addon-title {
	background: rgba(0,0,0,0.75);
		padding: 0px 10px;  
}

h2.sppb-addon-title:hover {
	background: #d9842f;
		padding: 0px 10px;  
}
.sppb-carousel-extended-item img {
  object-fit: cover;
	transition: .6s ease-in-out;
}
.sppb-carousel-extended-item img:hover {
  transition: .4s linear(.77,0,.18,1);;
}
.overlay-image-title h3.sppb-addon-title a {
	background: rgba(0,0,0,0.75);
		padding: 8px 15px;
}
.overlay-image-title h3.sppb-addon-title a:hover {
	background:#bf7123;
	padding: 8px 15px;
}
#sp-header {
  height: 100px;
}
.logo-image {
  height: 100px;
  position: relative;
  top: 9px;
}

#modal-menu {
  background: #3A3A3A;
  position: fixed !important;
  top: 100px;
  left: 0;
  right: 0;
  transition: .5s;
  bottom: 120%;
  overflow: hidden;
  display: flex;
  z-index: 10;
}

.anmelden {
	background: rgba(0,0,0,0.7);
	padding: 20px 30px;
}
#sp-newsletter .sp-module.anmelden h3.sp-module-title {
	font-size: 30px; 
	color: white;
}

select.form-control:not([multiple]), select.inputbox:not([multiple]), select:not([multiple]) {
  height: calc(2.75rem + 2px);
  width: 90%;
}
.acym_module_form label {
	color: white;
}
.acym_module_form label a {
	color: #d9842f;
}

.sppb-article-info-wrap h3 a:hover {
	text-decoration: none;
}

p.readmore a.btn  {
	background: #272727 !important;
}
.error-message,
p.readmore a {
	font-size: 24px !important;
	margin: 30px 0px !important;
	text-transform: uppercase !important;
	font-weight: bold !important;
}
/* ----- ARROW LIST ----- */
ul.list-arrow {
	list-style: none;
	padding-left: 0px;
}
ul.list-arrow li {
	margin-left: 0;
	padding-left: 16px;
	position: relative;
	display: block;
}
ul.list-arrow li:after {
	content: '';
	height: 0;
	position: absolute;
	width: 0;
	border: 0.34em solid transparent;
	left: 5px;
	top: 4px;
}

ul.list-arrow.arrow-red li::after {
    border-left-color: #d9842f;
}
.sppb-addon-text-block ol {
  padding-left: 10px;
  margin-left: 15px;
}
.sppb-addon-raw-html ol, .sppb-addon-text-block ol li {
  padding-left: 10px;
}

#sp-menu {
	text-transform: uppercase;
}
#sp-footer p, #sp-footer a {
    color: #fff;
	font-size: 16px;
	line-height: 24px;
}

#sp-bottom {
  padding: 50px 0 30px;
}

#sp-footer a:hover {
    color: #fff;	
}
.wf_file_icon {
  display: inline-block;
  margin-right: 5px;
}

/* suche */

.result-title {
  margin-top: 30px;
}

dl.search-results dt {
	font-size: 24px; 
	line-height: 32px;
}
dl.search-results dd {
	font-size: 24px; 
	line-height: 32px;
}

#search-searchword {
  border: 1px solid black;
  font-size: 20px;
  border-radius: 0px;
  padding: 5px;
  height: 30px;
  width: 300px;
}

/* newsletter anmeldung */

div[class*="richbox-"] div.jsn-modulecontainer_inner {
    box-shadow: 0 0 0px rgba(0,0,0,0.0);
    border: none;
    background: #202020;
    color: white;
	padding: 20px;
	margin-top: 30px;
}

.richbox-1 h3 {
	color: white;
	font-size: 20px !important;
	padding-bottom: 5px;
}

.btn.btn-primary.button.subbutton {
    background: #202020 !important;
    box-shadow: none !important;
    border: 1px solid white !important;
    border-radius: 0px !important;
    text-transform: uppercase;
    padding: 8px 14px !important;
	letter-spacing: 1px;
	transition: none !important;
}
/*
.btn.btn-primary.button.subbutton:hover {
    border: 1px solid #d9842f !important;
	color: #d9842f !important;
}*/

.cell {
    border-radius: 0px !important;
    margin-top: 10px;
}
@media (min-width: 560px) and (max-width: 1199px) {
.sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span, .sp-megamenu-parent .sp-dropdown li.sp-menu-item > a {
    font-size: 18px;
}
	.sppb-addon-title a {
    color: #FFFFFF;
    font-size: 1.1rem;
}
}
	
@media (min-width: 100px) and (max-width: 561px) {
.logotext {
  display: none;
}
  
.logo-image {
        height: 60px;
}
address {
    font-size: 14px;
}
  
.article-list .article .article-header h1, .article-list .article .article-header h2, h1, h2.item-title, div.page-header h1, h2.componentheading, div.page-header h2, h4, 
h1, h2, h3, .page-header h1 {
  font-size: 1.8rem !important;
line-height: 2.1rem !important;
	}

#sp-header {
    height: 80px;
}
#sp-main-body {
    padding: 50px 0px 75px;
}
	body,#sp-bottom {
    font-size: 1.2rem;
}
h2.sppb-addon-title, h2.sppb-addon-title:hover {
    padding: 10px 15px;
}
  
	#sp-footer1 {
		font-size: 10px;
	}
}