#sp-header {
    height: 81px !important;
}

#sp-main-body{
	padding: 0;
}

#sp-top-bar {
    background: #FFF;
    color: #333;    
}
#sp-top-bar a {
    color: #333;
}


/* search >>>>>>>>>>> */

.die-inklusionsmacher-smartsearch .mod-finder {
    display: flex !important;
    align-items: center !important;
    flex-wrap: nowrap !important;
    gap: 10px !important;
}

.die-inklusionsmacher-smartsearch .finder {
    margin: 0 !important;
    padding: 0 !important;
    white-space: nowrap !important;
}

.die-inklusionsmacher-smartsearch .mod-finder__search {
    display: flex !important;
    flex-grow: 1 !important;
    gap: 10px !important;
}

.die-inklusionsmacher-smartsearch .form-control {
    width: auto !important;
    flex-grow: 1 !important;
}

.die-inklusionsmacher-smartsearch .btn {
    flex-shrink: 0 !important;
    border: 1px solid #ced4da !important;
    padding: 8px 12px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    transition: all 0.3s ease !important;
}

.die-inklusionsmacher-smartsearch .btn:hover {
    background-color: #555257 !important;
}

.die-inklusionsmacher-smartsearch .btn:hover .icon-search {
    color: white !important;
    filter: brightness(0) invert(1) !important;
}

.die-inklusionsmacher-smartsearch .icon-search {
    width: 16px;
    height: 16px;
}
.die-inklusionsmacher-smartsearch .js-finder-search-query{
	max-width: 170px;
}


/* search ^^^^^^^^^^^^^ */





/* search page >>>>>>>>>>> */

#search-form{
	margin-top: 20px;
	margin-bottom: 20px;
}

#search-form .js-finder-searchform {
    display: flex !important;
    align-items: center !important;
    flex-wrap: nowrap !important;
    gap: 10px !important;
}

#search-form .word.mb-3 {
    margin-bottom: 0 !important;
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    flex-shrink: 0 !important;
}

#search-form .form-label {
    margin: 0 !important;
    white-space: nowrap !important;
    flex-shrink: 0 !important;
}

#search-form .input-group {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    flex-grow: 1 !important;
}

#search-form .form-control {
    width: 500px !important;
    max-width: 100% !important;
    padding: 10px 15px !important;
    border: 1px solid #ced4da !important;
    flex-shrink: 1 !important;
}

#search-form .btn-primary {
    flex-shrink: 0 !important;
    padding: 10px 15px !important;
    background: #333 !important;
    color: white !important;
    border: 1px solid #ced4da !important;
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    white-space: nowrap !important;
}

#search-form .search-results {
    margin-top: 20px;    
    padding: 0;
    list-style: none;
}
#search-results {
	margin-bottom: 50px;
};

/* search page ^^^^^^^^^^^^^ */



/* MAIN MENU >>>>>>>>>>>>>>>>>>>>  */

/* ==================== */
/* MAIN MENU CONTAINER */
/* ==================== */
.dj-megamenu-wrapper {
  margin-top: 20px; /* Space above the menu */  
}


/* ==================== */
/* TOP-LEVEL MENU ITEMS */
/* ==================== */
.dj-megamenu-modern li a.dj-up_a .dj-icon + span {
    margin-left: 0px !important;
}
.dj-megamenu-modern li a.dj-up_a {
  height: 40px !important; /* Fixed height for menu items */
  padding: 0 10px !important; /* Horizontal padding */
  display: flex !important; /* Enable flex layout */
  align-items: center !important; /* Vertical centering */
}

/* Inner span container (text/icon wrapper) */
.dj-megamenu-modern li a.dj-up_a > span {
  height: 44px !important; /* Explicit height */
  display: flex !important;
  align-items: center !important; /* Vertical center */
  justify-content: center !important; /* Horizontal center */
}

/* Menu item text styling */
.dj-megamenu-wrapper .dj-up_a .name {
  text-transform: uppercase; /* Force uppercase */
  font-size: 16px; /* Base font size */
}
.dj-megamenu-wrapper .dj-up_a.btn-spenden .name {
  color: #E31519 !important; /* btn SPENDEN */
}


/* Dropdown arrows - hidden */
.dj-megamenu-wrapper .dj-up_a .arrow {
  display: none !important; /* Completely remove arrows */
}

/* ==================== */
/* DROPDOWN (SUB-MENU)  */
/* ==================== */
/* Second-level items */
.dj-megamenu-wrapper .dj-submenu > li > a .name {
  text-transform: uppercase;
  font-weight: 700; /* Bold text */
  color: #494848; /* Dark gray color */
}

/* Dropdown container */
.dj-megamenu-wrapper .dj-drop {
  padding: 0 !important; /* Remove all padding */
}

/* ==================== */
/* INTERACTIVE STATES   */
/* ==================== */
/* Hover effect for top items */
.dj-megamenu-wrapper .dj-up.hover {
  outline: 2px solid #000 !important; /* Black border */
  outline-offset: -1px; /* Prevents layout shift */
  border-radius: 2px !important; /* Slight rounding */
}


/* submenu shadow >>>>>> */
.dj-subwrap-in{
  border: 1px solid #ccc !important;
}
.dj-megamenu-modern .dj-subwrap {
  overflow: visible !important; /* Ключевое правило! */
  margin-top: 0px !important;
}
.dj-megamenu-modern li div.dj-subwrap[style] {
  overflow: visible !important;
  margin-top: 0px !important;
  padding-top: 20px;
}
/* submenu shadow ^^^^^^ */

/* submenu vertikal line >>>>>> */
.dj-megamenu-modern .dj-subwrap .dj-subcol {
  border-right: 1px solid #3f3f3f;
}
.dj-megamenu-modern .dj-subwrap .dj-subcol:last-child {
  border-right: none;
}
/* submenu vertikal line ^^^^^^^^ */


/* THIRD-LEVEL MENU ITEMS */
.dj-megamenu-wrapper .dj-subtree > li > a .name {
  font-size: 15px !important;  
  line-height: 1.5 !important;
  padding: 6px 0 !important;
}



.modalfy-btn img{
	width: 80px;
    margin-bottom: -23px;
}


.dj-megamenu-select-light .dj-mobile-open-btn, .dj-megamenu-offcanvas-light .dj-mobile-open-btn, .dj-megamenu-accordion-light .dj-mobile-open-btn {
	background-color: #fff !important;
};
	



/* MAIN MENU ^^^^^^^^^^^^^^^^^  */

/* It is imperative that text-align: center works, because this was done under the old bootstrap >>>>>>>>>>>>>>>>>>>  */
p[style*="text-align: center"] {
    display: block !important;
    text-align: center !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

p[style*="text-align: center"] img {
    display: inline-block !important;
    margin: 0 auto !important;
}

p[style*="text-align: center"] * {
    text-align: center !important;
    display: inline-block !important;
    max-width: 100% !important;
}

/* It is imperative that text-align: center works, because this was done under the old bootstrap ^^^^^^^^^^^^^^^^^  */



.article-header {
	margin: 0px;
	margin-top: 20px;
    padding-bottom: 9px;
    
    border-bottom: 1px solid #eee;
/*    border-top: 1px dotted #3333336e;*/

}
.article-header h1{
	color: #494949;
    font-size: 32px !important;
    font-family: 'Oxygen', sans-serif;
    font-weight: 100;
    line-height: 1.1;
    text-transform: uppercase;
    margin: 0 0 30px;
}

    
table[border="1"] tr td{
	border: 1px solid #ccc;
}
table tr td p{
	display: flex;
    justify-content: center;
    margin-top: 5px;
    margin-bottom: 5px;
}
td {
  padding: 5px !important; 
}



.mod-finder label{
	font-size: 12px;
	margin-right: 10px;
}
.sp-scroll-up span{
	margin-top: 10px;
}

/* accessibility functionality >>>>>>>>>>>>>>>>>  */
#jm-page-settings{
	margin-top: 8px !important;
}

.die-inklusionsmacher-smartsearch.night button.btn-outline-dark{
	border: 1px solid #333 !important;
}
.die-inklusionsmacher-smartsearch.highcontrast button.btn-outline-dark{
	border: 1px solid #333 !important;
	background-color: #fff !important;
}
.die-inklusionsmacher-smartsearch.highcontrast2 button.btn-outline-dark{
	border: 1px solid #ff0 !important;
	background-color: #ff0 !important;
}
.die-inklusionsmacher-smartsearch.highcontrast3 button.btn-outline-dark{
	border: 1px solid #000 !important;
	background-color: #000 !important;
	color: #ff0 !important;
}

#search-form.night button.btn-primary{
	border: 1px solid #333 !important;
}
#search-form.highcontrast button.btn-primary{
	border: 1px solid #333 !important;
	background-color: #fff !important;
	color: #000 !important;
}
#search-form.highcontrast2 button.btn-primary{
	border: 1px solid #ff0 !important;
	background-color: #ff0 !important;
	color: #000 !important;
}
#search-form.highcontrast2 .js-finder-search-query.form-control{
	border: 1px solid #ff0 !important;
}
#search-form.highcontrast3 button.btn-primary{
	border: 1px solid #000 !important;
	background-color: #000 !important;
	color: #ff0 !important;
}
#search-form.highcontrast3 .js-finder-search-query.form-control{
	border: 1px solid #000 !important;
}



body.night, #sp-header.night {
    background-color: #ccc !important;
}
#sp-header.night .dj-up_a:not(.btn-spenden) .name{
	color: #555257 !important;
}
#sp-top-bar.night{
	background-color: #ccc !important;
}


body.highcontrast, #sp-header.highcontrast {
    background-color: #000 !important;
    color: #fff !important;
}
#sp-header.highcontrast .dj-up_a:not(.btn-spenden) .name{
    color: #fff !important;
}
#sp-header.highcontrast .dj-up.active{
	border: 1px solid #fff !important;
}
#sp-top-bar.highcontrast{
	background-color: #000 !important;
    color: #fff !important;
}
#sp-top-bar.highcontrast .day-night a, #sp-top-bar.highcontrast .resizer a{
    color: #fff !important;
}
#sp-footer.highcontrast{
	background-color: #000 !important;
}
#sp-footer.highcontrast button[type="submit"]{
	color: #000 !important;
	background-color: #FFF !important;
	border: 0px;
}
.highcontrast input{
	border-color: #fff;
    color: #fff;
    background: #000;
}


body.highcontrast2, #sp-header.highcontrast2 {
    background-color: #000 !important;
    color: #ff0 !important;
}
#sp-header.highcontrast2 .dj-up_a:not(.btn-spenden) .name{
    color: #ff0 !important;
}
#sp-header.highcontrast2 .dj-up.active{
	border: 1px solid #ff0 !important;
}
#sp-top-bar.highcontrast2{
	background-color: #000 !important;
    color: #ff0 !important;
}
#sp-top-bar.highcontrast2 .day-night a, #sp-top-bar.highcontrast2 .resizer a{
    color: #ff0 !important;
}
#sp-footer.highcontrast2{
	background-color: #000 !important;
	color: #ff0 !important;
}
#sp-footer.highcontrast2 a{
	color: #ff0 !important;
}
#sp-footer.highcontrast2 button[type="submit"]{
	color: #000 !important;
	background-color: #FF0 !important;
}
.highcontrast2 input{
	border-color: #ff0;
    color: #ff0;
    background: #000;
}


body.highcontrast3, #sp-header.highcontrast3 {
    background-color: #ff0 !important;
    color: #000 !important;
}
#sp-header.highcontrast3 .dj-up:not(.active) .dj-up_a:not(.btn-spenden) .name{
    color: #000 !important;
}
#sp-header.highcontrast3 .dj-up.active{
	border: 1px solid #000 !important;
}
#sp-top-bar.highcontrast3{
	background-color: #ff0 !important;
    color: #000 !important;
}
#sp-top-bar.highcontrast3 .day-night a, #sp-top-bar.highcontrast3 .resizer a{
    color: #000 !important;
}
#sp-footer.highcontrast3{
	background-color: #ff0 !important;
	color: #000 !important;
}
#sp-footer.highcontrast3 a{
	color: #000 !important;
}#sp-footer.highcontrast3 span.sign{
	color: #000 !important;
}
#sp-footer.highcontrast3 button[type="submit"]{
	color: #FF0 !important;
	background-color: #000 !important;
}
.highcontrast3 input{
	border-color: #000;
    color: #000;
    background: #ff0;
}



/*-------------------------------------*/

#jm-page-settings{
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 13px;
	font-weight: 400;
}

#jm-page-settings .nav.menu > li{
    padding: 0 10px;
    height: 30px;
  	line-height: 30px;
}

#jm-page-settings .nav.menu > li > a{
    padding: 0;
    margin: 0;
}

/* contrast cicles >>*/
#jm-page-settings .nav.menu .contrast a {
    font-weight: 700;
    display: inline-block;
    line-height: 1;
    width: 28px;
    height: 28px;
    line-height: 26px;
    text-align: center;
    border: 1px solid #999;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
#jm-page-settings .nav.menu .contrast .jm-highcontrast {
    background: #000;
    color: #fff;
}
#jm-page-settings .nav.menu .contrast .jm-highcontrast2 {
    background: #000;
    color: #ff0;
}
#jm-page-settings .nav.menu .contrast .jm-highcontrast3 {
    background: #ff0;
    color: #000;
}
/* contrast cicles ^^^*/


/* width arrows >>*/
#jm-page-settings .nav.menu .container-width a {
    font-size: 0;
    display: inline-block;
    line-height: 26px;
    height: 28px;
    width: 28px;
    border: 1px solid #999;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    text-align: center;
    color: #999;
}
#jm-page-settings .nav.menu .container-width a [class^="icon-"], #jm-page-settings .nav.menu .container-width a [class*=" icon-"] {
    padding: 0 1px;
    line-height: 28px;
    height: 28px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 9px;
    top: -1.5px
}
.icon-arrow-left:before {
    content: "\2190"
}
.icon-arrow-right:before {
    content: "\2192"
}
/* width arrows ^^^*/

/* font size cicles >>>*/
#jm-page-settings .nav.menu .resizer a {
    display: inline-block;
    line-height: 1;
    padding: 0 4px;
    font-weight: 700;
    position: relative
}
#jm-page-settings .nav.menu .resizer a.jm-font-smaller,#jm-page-settings .nav.menu .resizer a.jm-font-larger {
    padding-right: 5px
}
/* font size cicles ^^^*/



/* accessibility functionality ^^^^^^^^^^^^^^^^^  */


/* breadcrumb >>>>>>>>>>>>>>>>>  */
#jm-header {
    color: #212121;
    background: #555257;
    position: relative;
    overflow: hidden;
}

#breadcrumb {
    background: url(../images/header-bg.jpg) 50% 50% no-repeat;
    background-size: cover;
    position: relative;
    padding-top: 10px;
    padding-bottom: 70px;
}

#breadcrumb::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(128, 128, 128, 0.5);
    z-index: 0;
}

#breadcrumb > .container,
#breadcrumb nav {
    position: relative;
    z-index: 1;
}

#breadcrumb .mod-breadcrumbs.breadcrumb{
	background-color: transparent;
	color: #fff;
}
#breadcrumb ol li{
    color: #fff;
}
#breadcrumb ol li a{
    color: #FFDD00;
}
#breadcrumb .breadcrumb-item+.breadcrumb-item::before {
	color: #ccc;
}

.float-start .icon-location{
	font-size: 28px;
}
#breadcrumb ol li:not(:first-child):not(:last-child)::after{
    content: "\203A";
    margin-left: 10px;
    font-size: 16px;
}



/* >>> */
.breadcrumb.px-3.py-2 {
    display: flex;
    align-items: flex-end;
    min-height: 100%;
    padding: 0.5rem 1rem !important;
}
.mod-breadcrumbs__item, 
.mod-breadcrumbs__divider {
    display: flex;
    align-items: flex-end;
    margin-bottom: 0;
}
.mod-breadcrumbs__divider .divider {
    align-self: flex-end;
}
/* ^^^^ */

/* breadcrumb ^^^^^^^^^^^^^^^^^  */




/* >>>>>>>>>>> Main-CSS */

/* remoove li dotes >>>> */
div[itemprop="articleBody"] ul:not([style*="list-style-type: square"]),
div[itemprop="articleBody"] ul:not([style*="list-style-type: square"]) li {
  list-style-type: none !important;
  padding-left: 0 !important;
}
div[itemprop="articleBody"] ul:not([style*="list-style-type: square"]) li::before {
  content: none !important;
}
/* remoove li dotes ^^^^^ */


.jm-module.mod_dim-partner-unterstuetzer {
    border-top: 1px solid #e2e2e2;
}

.mod_dim-partner-unterstuetzer h3 {
    text-align: center;
    margin: 20px 0;
    font-weight: 300;
    font-family: 'Oxygen', sans-serif;
    font-size: 24px;
    line-height: 1.1;
    margin: 0 0 25px;
    color: #494949;
    text-transform: uppercase;

}

.jmm-add-features .jmm-item .jmm-item-in {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  border: 1px solid #e2e2e2;
  padding: 5px;
}
.jmm-add-features .jmm-item .jmm-item-in .jmm-icon {
  text-align: center;
}
.jmm-add-features .jmm-item .jmm-item-in .jmm-icon .jmm-icon-in {
  display: inline-block;  
}
.jmm-add-features .jmm-item .jmm-item-in .jmm-icon{
   text-align: center;
   padding: 0 !important;
}
.jmm-add-features .jmm-item .jmm-icon img {
    max-width: 250px;
    max-height: 100px;
}
.mod_dim-partner-unterstuetzer h3{
	border-top: 1px solid #e2e2e2;
	padding-top: 20px;
}
/* ^^^^^^^^^^^^^ Main-CSS  */



/* footer >>>>>>>>>>>>>> */

#sp-footer{
	color: #ccc !important;
}
#sp-footer h3{
	text-transform: uppercase;
}

#sp-footer #sp-footer-1{
	
}
#sp-footer #sp-footer-1 li{
	display: block;
	padding: 14px 10px 14px 10px;
}

#sp-footer #sp-footer-2 ul{
	padding: 0;
}
#sp-footer #sp-footer-2 li{
	display: block;
	padding: 0 0 0 0px;
    margin: 15px 0 0 0;
}
#sp-footer #sp-footer-2 li:first-child, #sp-footer #sp-footer-2 li:nth-child(2) {
  margin-left: 30px;
}


#sp-footer .sign {
  display: inline-block;
  font-style: normal;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-size: 20px !important;
  color: #fff !important;
}
#sp-footer .sign-paper::before {
  content: "\f1ac";
  margin-right: 15px;
}
#sp-footer .sign-email2::before {
  content: "\f0e0";
  margin-right: 15px;
}
#sp-footer .sign-telephone2::before {
  content: "\f095";
  margin-right: 15px;
}
#sp-footer .sign-pin2::before {
  content: "\f3c5";
  margin-right: 15px;
}


#sp-footer ul.unstyled {
  list-style: none;
  padding-left: 0;
}
#sp-footer ul.unstyled a {
  color: #337ab7;
  font-size: 14px;
}



/* Login form fix */
#form-login-username .input-group,
#form-login-password .input-group {
    display: flex;
    flex-wrap: nowrap;
}

#form-login-username .input-group-text,
#form-login-password .input-group-text {
    min-width: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0.375rem 0.75rem;
    background-color: #f8f9fa;
    border: 1px solid #ced4da;
    border-right: none;
    border-radius: 0.25rem 0 0 0.25rem;
}

#form-login-username .form-control,
#form-login-password .form-control {
    border-radius: 0 0.25rem 0.25rem 0;
    flex-grow: 1;
}

/* Icon size fix */
#form-login-username .fa-user,
#form-login-password .fa-lock {
    font-size: 14px !important;
}

/* footer ^^^^^^^^^^^^^ */


/* gallery photo >>>>>>>>>>>>> */
.articlesforgallery .mod-articles-item {
  margin-bottom: 30px;
  background: #fff;
  position: relative;
  list-style-type: none !important;
  padding-left: 0 !important;
}
.articlesforgallery .mod-articles-item::before,
.articlesforgallery .mod-articles-item::after,
.articlesforgallery .mod-articles-item::marker {
  display: none !important;
  content: "" !important;
}
.articlesforgallery .mod-articles-item-content {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.articlesforgallery .mod-articles-title {
  margin: 0;
  padding: 15px 15px 0;
  font-weight: normal;
  text-align: center;
  width: 100%;
}
.articlesforgallery .mod-articles-title a {
  color: #333;
  text-decoration: none;
  display: block;
  font-size: 18px;
  font-weight: normal;
}
.articlesforgallery .mod-articles-title a:hover {
  color: #333;
  text-decoration: underline;
}
.articlesforgallery .article-intro-image {
  order: -1;
  overflow: hidden;
  line-height: 0;
}
.articlesforgallery .article-intro-image img {
  max-height: 155px;
  width: auto;
  height: auto;
  max-width: 100%;
  display: block;
  margin: 0 auto;
  object-fit: contain;
}
.articlesforgallery .mod-articles-item,
.articlesforgallery ul,
.articlesforgallery ol {
  list-style: none !important;
}
@media (max-width: 768px) {
  .articlesforgallery .mod-articles-item {
    margin-bottom: 20px;
  }
  .articlesforgallery .mod-articles-title a {
    font-size: 16px;
    padding: 10px 10px 0;
  }
  .articlesforgallery .article-intro-image img {
    max-height: 130px;
  }
}
/* gallery photo ^^^^^^^^^^^^^ */






@media (min-width: 1400px) {

.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
	max-width: 1400px;
}

}/* @media (min-width: 1400px) */





@media (min-width: 1200px) {

.container {
	width: 1400px !important;
}

}/* @media (min-width: 1200px) */


@media (min-width: 980px) {
.article-details:not(.bit-startseite):not(.volle-breite):not(.tcb-fotos) {
    margin: 0 auto;
    width: 510px; 
}

.com-content-category-blog
{
    margin: 0 auto;
    width: 900px; 
}


}/* @media (min-width: 980px) */


@media (max-width: 1199px) {
.main-menu-gebaerden-sprache-icon{
	display: none;
}
}/* @media (max-width: 1199px) */


@media (max-width: 980px) {
.die-inklusionsmacher-smartsearch label.finder{
	display: none;
}
}


@media (max-width: 767px) {
	.jmm-add-features.default [class*='rows-'] > div > .jmm-item {
		width: 100%;
	}
}/* @media (max-width: 767px) */