@charset "utf-8";
/* CSS Layout manuell fuer Template */

/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/* fuer preset1.css */
/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/




a {
	color: #FF5F00 !important;
}
a:hover {
	color: #727271 !important;
}
/* NEU BEGINN */
/* Bereich Conten */
.col-md-9 p a {
	color: #FF5F00 !important;
	text-decoration: underline !important;
}
.col-md-9 p a:hover {
	color: #727271 !important;
}
/* Bereich Module rechts */
.sp-module-content p a {
	color: #FF5F00 !important;
}
.sp-module-content p a:hover {
	color: #2B2A29 !important;
	text-decoration: underline !important;
}
/* NEU ENDE */

.sp-megamenu-parent .sp-dropdown li.sp-menu-item >a {
	color: #FF5F00 !important;
	background-color: #ffffff !important;
	font-size: 16px !important;
	border-bottom: 1px solid #FF5F00 !important;
	font-weight: 300 !important;
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item.active>a {
	color: #ffffff !important;
	background-color: #FF5F00 !important;
	font-weight: 300 !important;
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item >a:hover {
	background-color: #FF5F00 !important;
	color: #ffffff !important;
	font-weight: 300 !important;
}
#offcanvas-toggler >i {
	color: #FF5F00 !important;
}
#offcanvas-toggler >i:hover {
	color: #FF5F00 !important;
}
.btn-primary, .sppb-btn-primary {
	background-color: #727271 !important;
	border-color: #FF5F00 !important;
}
.btn-primary:hover, .sppb-btn-primary:hover {
	background-color: #FF5F00 !important;
	border-color: #000000 !important;
}
ul.social-icons >li a:hover {
	color: #727271 !important;
}
.sp-module ul >li >a {
	color: #FF5F00 !important;
}
.sp-module ul >li >a:hover {
	color: #000000 !important;
}
.sp-module .latestnews >div >a {
	color: #FF5F00 !important;
}
.sp-module .latestnews >div >a:hover {
	color: #FF5F00 !important;
}
.sp-module .tagscloud .tag-name:hover {
	background-color: #FF5F00 !important;
}
.search .btn-toolbar button {
	background-color: #727271 !important;
	border-color: #FF5F00 !important;
}
.post-format {
	background-color: #727271 !important;
}
.voting-symbol span.star.active:before {
	color: #000000 !important;
}
 .sp-rating span.star:hover:before, .sp-rating span.star:hover ~ span.star:before {
 color: #000000 !important;
}
#sp-footer {
	background-color: #FF5F00 !important;
}
#sp-footer-1 {
	background-color: #FF5F00 !important;
	padding-top: 10px !important;
}
#sp-footer-2 {
	background-color: #FF5F00 !important;
}
.pagination>li>a, .pagination>li>span {
	color: #000000 !important;
	border-color: #000000 !important;
	background-color: #ffffff !important;
}
.pagination>li>a:hover, .pagination>li>a:focus, .pagination>li>span:hover, .pagination>li>span:focus {
	color: #ffffff !important;
	border-color: #727271 !important;
	background-color: #FF5F00 !important;
}
.pagination>.active>a, .pagination>.active>span {
   color: #FF5F00 !important;
	border-color: #FF5F00 !important;
	background-color: #f5f5f5 !important;
	font-weight: bold !important;
}
.pagination>.active>a:hover, .pagination>.active>a:focus, .pagination>.active>span:hover, .pagination>.active>span:focus {
	color: #ffffff !important;
	border-color: #000000 !important;
	background-color: #FF5F00 !important;
}

/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/* fuer template.css */
/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

.sp-module .sp-module-title {
	padding: 10px !important;
	padding-top: 10px !important;
	font-size: 22px !important;
	text-transform: none !important;
	background-color: #f5f5f5 !important;
	color: #FF5F00 !important;
	border-bottom: 1px #FF5F00 solid; 
}
.sp-megamenu-parent >li >a {
	text-transform: none !important;
	font-size: 18px !important;
	color: #000000 !important;
	font-weight: 300 !important;
}
.sp-megamenu-parent >li >a:hover {
	color: #FF5F00 !important;
	font-weight: 300 !important;
}
.sp-megamenu-parent >li >a:active {

	color: #515CCA !important;
	font-weight: 300 !important;
}
.sp-megamenu-parent > li.active > a {
	color: #FF5F00 !important;
	font-weight: 300 !important;
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item >a {
	color: #727271 !important;
	font-size: 16px !important;
	font-weight: 300 !important;
}
.offcanvas-menu {
	background-color: rgba(255,255,255, 1.0) !important;
}

.new-look .offcanvas-menu .sp-module ul > li:hover a, .new-look .offcanvas-menu .sp-module ul > li:focus a, .new-look .offcanvas-menu .sp-module ul > li.active a {
	background: #ffffff !important;
}
.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner {
	padding: 0px !important;
}
.offcanvas-menu .offcanvas-inner .sp-module ul > li a {
	background-color: #ffffff !important;
	text-transform: none !important;
	font-size: 18px !important;
}
.offcanvas-menu .offcanvas-inner .sp-module ul > li a:hover, .offcanvas-menu .offcanvas-inner .sp-module ul > li a:focus {
	background-color: #ffffff !important;
	color: #FF5F00 !important;
}
.offcanvas-menu .offcanvas-inner .sp-module ul > li ul > li.active > a, .offcanvas-menu .offcanvas-inner .sp-module ul > li ul > li:hover > a, .offcanvas-menu .offcanvas-inner .sp-module ul > li ul > li:focus > a {
	background: rgba(255,255,255, 1.0) !important;
	color: #ffffff !important;
}
.offcanvas-menu .offcanvas-inner .sp-module ul > li ul > li > a:hover, .offcanvas-menu .offcanvas-inner .sp-module ul > li ul > li > a:focus {
	background: rgba(255,255, 255, 1.0) !important;
	color: #ffffff !important;
}
#sp-header {
	background: #ffffff none repeat scroll 0 0 !important;
	box-shadow: 0 20px 20px rgba(171,184,195, 0.8) !important;
	height: 90px !important;
	border-bottom: 1px solid #FF5F00 !important;
	/*border-top: 1px solid #727271 !important;*/
	padding-left: 20px !important;
	padding-right: 20px !important;
}
#sp-main-body {
	padding: 10px 0 !important;
}
.article-info >dd {
	font-size: 18px !important;
	text-transform: none !important;
}
.helix-social-share .helix-social-share-icon ul li div a:hover, .helix-social-share .helix-social-share-icon ul li div a:focus {
	background-color: #cccccc !important;
	color: #ffffff !important;
}
#sp-footer a {
	color: rgba(255, 255, 255, 1.0) !important;
}
#sp-footer a:hover {
	color: #ffffff !important;
	text-decoration: underline !important;
}
.offcanvas-menu .offcanvas-inner .sp-module ul > li a {
	background-color: #ffffff !important;
	text-transform: none !important;
}
.offcanvas-menu {
	padding-top: 30px !important;
}
.close-offcanvas {
	background-color: #ffffff !important;
}
.new-look .offcanvas-menu .sp-module ul > li .offcanvas-menu-toggler {
	background-color: #2C294D !important;
}
.offcanvas-menu .offcanvas-inner .sp-module ul > li .offcanvas-menu-toggler {
	background-color: #727271 !important;
}
.sp-contact-info li {
	font-weight: lighter !important;
	font-size: 16px !important;
}



#sp-top1, sp-module-content img {
	padding: 10px !important;
	margin-bottom: -20px !important;
	
}





.sp-contact-info {
padding: 10px !important;
}

.sp-contact-info li {
  font-weight: lighter !important;
  font-size: 20px !important;
}

.scrollup::before {
  color: #ffffff !important;
}

.scrollup {
	background-color: #727271 !important;
	color: #ffffff !important;
}
.scrollup:hover {
	background-color: #878786 !important;
	color: #ffffff !important;
}


body {
	font-family:  !important;
	font-size: 18px !important;
	font-weight: 300 !important;
	line-height: 30px !important;
	hyphens: auto !important;
	color: #000000 !important;
}




h1, h2, h3, h4, h5, h6 {
	font-family:  !important;
}

.h1, h1 {
	font-weight: normal !important;
	color: #FF5F00 !important;
	font-size: 36px !important;
}
.h2, h2 {
  font-weight: 500 !important;
  color: #727271 !important;
  font-size: 30px !important;
}
.h3, h3 {
  font-weight: normal !important;
	color: #FF5F00 !important;
	font-size: 26px !important;
}

.h4, h4 {
  font-weight: normal !important;
  color: #FF5F00 !important;
  font-size: 24px !important;
}

.h5, h5 {
font-weight: normal !important;
}
.h6, h6 {
font-weight: normal !important;
}



.article-body {
  /*background-color: Lime;*/
  margin-right: -20px !important;
  margin-left: -20px !important;	
}


.article-list .article {
  /*background-color: yellow;*/
}


/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/* fuer blog */
/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

.responsive-block {
  display: flex;
  flex-wrap: nowrap; /* nebeneinander auf Desktop */
  gap: 20px;
  align-items: flex-start;
}

.responsive-block__image,
.responsive-block__text {
  flex: 0 0 50%; /* Desktop: je 50% */
}

.responsive-block__image img {
  width: 100%;
  height: auto;
  display: block; /* Sehr wichtig, sonst kann es verschwinden */
}

/* Mobile: stapeln */
@media (max-width: 768px) {
  .responsive-block {
    flex-direction: column; /* Bild oben, Text unten */
  }
  .responsive-block__image,
  .responsive-block__text {
    flex: 1 1 100%;
  }
}

.article-body .article-header h2 > a {
  color: #000000 !important;
}

.article-body .article-header h2 > a:hover {
  color: #ff5f00 !important;
}

/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/* fuer bootstrap.min.css */
/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
 
/*
#sp-component p {
  line-height: 30px !important;
  margin-top: -26px !important;
}
*/
 
 
 .breadcrumb {
	padding-top: 5px !important;
	padding-bottom: 5px !important;
	padding-left: 5px !important;
	padding-right: 5px !important;
	background-color: #f5f5f5 !important;
	font-size: 14px !important;
}
.breadcrumb {
	display: flex;
	flex-wrap: wrap;
	padding: 0 0;
	margin-bottom: 1rem;
	list-style: none;
	padding-top: 5px !important;
	padding-bottom: 5px !important;
	padding-left: 5px !important;
	padding-right: 5px !important;
	background-color: transparent !important;
	font-size: 14px !important;
}
.page-header {
	border-bottom: 0px solid #ffffff !important;
}
.btn-primary {
	background-color: #FF5F00 !important;
	border-color: #FF5F00 !important;
}
.btn-primary.focus, .btn-primary:focus {
	background-color: #FF5F00 !important;
	border-color: #FF5F00 !important;
}
.btn-primary:hover {
	background-color: #727271 !important;
	border-color: #727271 !important;
}
.btn-primary.active, .btn-primary:active, .open>.dropdown-toggle.btn-primary {
	background-color: #0099CC !important;
	border-color: #0099CC !important;
}
.btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open>.dropdown-toggle.btn-primary.focus, .open>.dropdown-toggle.btn-primary:focus, .open>.dropdown-toggle.btn-primary:hover {
	background-color: #FF5F00 !important;
	border-color: #FF5F00 !important;
}
.label-info {
	background-color: #FF5F00 !important;
}
.label-info[href]:focus, .label-info[href]:hover {
	background-color: #727271 !important;
}
.alert {
	background-color: red !important;
	color: #ffffff !important;
}
.btn-secondary {
	color: #FF5F00 !important;
	background-color: #f5f5f5 !important;
	border-color: #cccccc !important;
}
.btn-secondary:hover {
	color: #fff !important;
	background-color: #FF5F00 !important;
	border-color: #FF5F00 !important;
}


.btn-outline-primary {
  color: #FF5F00 !important;
  border-color: #FF5F00 !important;
}

.btn-outline-primary:hover {
  background-color: #f5f5f5 !important;
}

/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/* Smart Slider smartslider.min.css */
/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

div#n2-ss-2 .n2-ss-button-container a div {
  color: #ffffff !important;
}

/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/* PageBuilder pagebuilder.css */
/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
.sppb-addon-content  li {
	line-height: 25px !important;
}

.sppb-btn-default {
  color: #ffffff !important;
  background-color: #FF5F00 !important;
}


.sppb-btn {
  color: #ffffff !important;
  background-color: #FF5F00 !important;
}


.sppb-btn.hover,
.sppb-btn:hover {
  color: #ffffff !important;
  background-color: #abb8c3 !important;
}


.sppb-section > .sppb-row-container {
    padding-left: 20px !important;
    padding-right: 20px !important;
}


.sppb-panel-title {
  font-size: 24px !important;
}





/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/* BA-Formular ba-style.css */
/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
.ba-form-submit-btn {
	color: #ffffff !important;
}
.ba-form-submit-btn:hover {
	color: #ffffff !important;
}
/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/* sonstiges, keine feste Datei */
/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

.ba-modal-header .modal-title {
	font-size: 40px !important;
}
#sp-infoleiste {
	font-size: 18px !important;
	padding-top: 8px !important;
	padding-bottom: 0px !important;
	line-height: 18px !important;
}
#sp-infoleiste a {
	color: #ffffff !important;
}
#sp-infoleiste a:hover {
	color: #ffffff !important;
	background-color: #727271 !important;
}
#weiss {
	color: #ffffff !important;
	padding-top: 20px !important;
}
#linie {
	color: #ffffff !important;
	height: 1px !important;
	opacity: 1.00 !important;
}
.maps {
	margin-bottom: -10px !important;
}

.page-header {
  border-bottom: 0px solid #ffffff !important;
  margin-bottom: 0px !important;
  padding-bottom: 0px !important;
}


.entry-header {
  margin-bottom: 10px !important;
}

/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/* fuer BA-Galerie */
/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

.ba-caption-content h3 {
  color: #ffffff !important;
  font-size: 18px !important;
}

.ba-modal-header .modal-title {
   color: #ffffff !important;

}


/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/* fuer vorher-nachher */
/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

.juxic-labels > div {
  background: rgba(177,0,1,.8) !important;
}

/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/* Boxen */
/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

.box-container {
    display: flex;
    flex-direction: row !important; 
    flex-wrap: nowrap;             
    justify-content: center;
    align-items: center;
    gap: 80px;                      
    width: 100%;
    position: relative;
    overflow-x: auto; 
    -webkit-overflow-scrolling: touch;
}

.box {
    width: 60px;
    height: 60px;
    flex: 0 0 60px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid transparent;
    transition: transform 0.25s ease;
    transform-origin: center center;
    will-change: transform;
    position: relative; 
}

.box:hover {
    transform: scale(2.0);
    z-index: 5; 
}

/* HEX-Label unter der Box */
.box::after {
    position: absolute;
    bottom: -25px; 
    left: 50%;
    transform: translateX(-50%);
    font-size: 12px;
    color: #000;
    background: #fff;
    padding: 2px 4px;
    border: 1px solid #ccc;
    border-radius: 3px;
    opacity: 0;
    transition: opacity 0.2s ease;
    white-space: nowrap;
    pointer-events: none;
}

.box:hover::after {
    opacity: 1;
}

/* Farben + passende HEX-Werte */
.box1 { background-color: #FF5F00; }
.box1:hover::after { content: "#FF5F00"; }

.box2 { background-color: #000000; }
.box2:hover::after { content: "#000000"; }

.box3 { background-color: #abb8c3; }
.box3:hover::after { content: "#abb8c3"; }

.text {
    margin-left: 5px;
}