/* Custom CSS, Copyright by www.web2use.ch */


/**************************************

            Allgemein

**************************************/


ul {padding-left: 15px; list-style-type: disc;}



body .sppb-btn.sppb-btn-default:hover, body .sppb-btn.sppb-btn-default:focus, body .sppb-btn.sppb-btn-default:active, body .sppb-btn.sppb-btn-primary:hover, body .sppb-btn.sppb-btn-primary:focus, body .sppb-btn.sppb-btn-primary:active, body .sppb-btn.btn-primary:hover, body .sppb-btn.btn-primary:focus, body .sppb-btn.btn-primary:active, body .btn.sppb-btn-default:hover, body .btn.sppb-btn-default:focus, body .btn.sppb-btn-default:active, body .btn.sppb-btn-primary:hover, body .btn.sppb-btn-primary:focus, body .btn.sppb-btn-primary:active, body .btn.btn-primary:hover, body .btn.btn-primary:focus, body .btn.btn-primary:active {
  background-color: rgba(255, 0, 0, 0.5);
  border-color: #E93A2A;
  color: #fff;
}


/**************************************

            Header

**************************************/
#sp-top-bar {display: none;}
#sp-header {margin-top:0px;}

.mod-finder.js-finder-searchform.form-search .form-control {
  padding: 8px 15px;
  border-radius: 4px;
  max-width: 80%;
}






/**************************************

            Topnavigation

**************************************/

.sp-megamenu-parent .sp-dropdown.sp-dropdown-main {top: 100%;padding-top:1px;}









/**************************************

            Off-Canvas

**************************************/







@media (max-width: 990px) {
.offcanvas-menu .offcanvas-inner ul.menu > li > a, .offcanvas-menu .offcanvas-inner ul.menu > li > span {color: #FF2018 !important; font-family: Roboto !important;font-size: 24px !important; width: 100%; font-weight: 500 !important;}

.offcanvas-menu .offcanvas-inner ul.menu ul > li {display: block !important; width: 100% !important; margin-bottom: 8px !important;}
	
.offcanvas-menu .offcanvas-inner ul.menu ul > li > a, .offcanvas-menu .offcanvas-inner ul.menu ul > li > span {
	color: #252525 !important; font-family: Roboto !important; font-size: 18px !important; display: block !important; width: 100% !important; margin-bottom: 8px !important; opacity: 0.7 !important;}

.offcanvas-menu .offcanvas-inner ul.menu ul > li > a:hover {
	opacity: 1 !important;}
	
.offcanvas-menu {width: 350px;}	
body.ltr.offcanvs-position-right .offcanvas-menu {right: -350px;}
}



body.ltr .offcanvas-menu .offcanvas-inner ul.menu > li.menu-parent > a > .menu-toggler {right: -10px; width: 100%; text-align: right;}



/**************************************

            Inhalt

**************************************/

.home ul.menu {
  padding-left: 0;
  list-style: none;
}

.home .frontslider {min-height: 415px;}

.frontslider .sppb-addon-title {
  margin-top: 220px !important;
}

.home .frontboxen .sppb-row-column {padding-right: 0px;padding-left: 0px;}

.sppb-flipbox-front {
  position: absolute;
  top: 0 !important;
  left: 0 !important;
}


.home .obenlinks .sppb-flipbox-panel .sppb-flipbox-front.flip-box .flip-box-inner {
  position: absolute;
  top: 10px;
  left: 15px;
}


.home .obenrechts .sppb-flipbox-panel .sppb-flipbox-front.flip-box .flip-box-inner {
  position: absolute;
  top: 50px;
  right: -10px;
  transform: rotate(90deg);
}




.home .untenrechts .sppb-flipbox-panel .sppb-flipbox-front.flip-box .flip-box-inner {
  position: absolute;
  bottom: 10px;
  right: 15px;
  transform: rotate(180deg);
}


.home .untenlinks .sppb-flipbox-panel .sppb-flipbox-front.flip-box  .flip-box-inner{
  position: absolute;
  transform: rotate(270deg);
	  width: 250px;
	height: 250px;
left: 5px;
}

.view-category .article-list.articles-leading #articleCarouselSlide .carousel-inner article.carousel-item .carosul-item-wrapper .carousel-item-inner {background: #fff;}
.view-category .article-list.articles-leading #articleCarouselSlide .carousel-inner article.carousel-item .carosul-item-wrapper .carousel-item-inner .article-carousel-caption .entry-header .article-header h2 a {color: #252525;}


.aktuell .sppb-articles-ticker-heading a {font-weight: 600; color: #fff;}
.aktuell .sppb-articles-ticker-heading {background: #FF2018 !important; font-weight: 600;}


.view-category .article-list.articles-leading #articleCarouselSlide .carousel-inner article.carousel-item .carosul-item-wrapper .carousel-item-inner .article-carousel-caption {
  padding: 80px 90px;
  background: #f2f2f2;
}


.sppb-articles-ticker-text {
  padding: 15px 55px 15px 20px;
}




.sppb-articles-ticker-text a {text-decoration: none; transition: all 0.5s;}
.sppb-articles-ticker-text a:hover, .sppb-articles-ticker-text a:focus, .sppb-articles-ticker-text a:active {
  color: #fff; text-decoration: underline;transition: all 0.5s;}


.aktuelles-hauptseite .carousel-indicators {display: none;}
.aktuelles-hauptseite .col-md-6.col-lg-4 {
  background: #f2f2f2;
  border: 14px solid #fff;
  padding: 25px;
}

.aktuelles-hauptseite #articleCarouselSlide {background: #f2f2f2; padding: 25px;}


.view-category .article-list.articles-leading {
  margin-bottom: 60px;
}

.aktuelles-hauptseite .article-header h2 {font-size: 32px !important; line-height: 38px; color: #000; font-weight: 500 !important;}

.aktuelles-hauptseite .article-header h2 a {color: #000;}

.aktuelles-hauptseite .article-info {font-size: 14px; margin: 20px 0;}





.view-article .sphere-article-details .article-details-title-wrap h1 {
  font-size: 64px;
  line-height: 64px;
  letter-spacing: 0px;
  width: 100%;
  margin-bottom: 50px;
  font-family: 'Roboto', sans-serif;
}

.col-lg-4.article-details-left-sidebar {display: none;}
.col-lg-8.article-details-right-sidebar {width: 100%;}
.sphere-article-details .row, .sphere-article-details .article-details-title-wrap {max-width: 1024px}


.com-sppagebuilder #sp-main-body {padding: 0 0 50px 0;}

/* Akkordeon Home */
.leitbild-mobile .sppb-panel-group .sppb-panel.sppb-panel-custom:not(:last-child) {margin-bottom: 0px !important;}
.leitbild-mobile .sppb-panel.sppb-panel-custom {border-width: 0px !important; border-radius: 0px !important;}
.leitbild-mobile .sppb-panel-custom .sppb-panel-body {border-top-width: 0px !important;}
.leitbild-mobile .sppb-addon-text-block .sppb-addon-content {padding: 0 50px; text-align: center;}
.leitbild-mobile .sppb-panel-group > .sppb-panel .sppb-panel-heading {
  padding: 0px 30px 0px 30px;
  text-align: center;
}

.leitbild-mobile .sppb-panel.sppb-panel-custom {color:#fff !important;}
.leitbild-mobile .sppb-panel.sppb-panel-custom.sppb-addon-content {color:#fff !important;}
.leitbild-mobile .sppb-panel-group .sppb-panel .sppb-panel-body {color: #fff;}
.leitbild-mobile .sppb-panel.sppb-panel-custom:first-child {background:#FFDB00 !important; color:#000 !important;}
.leitbild-mobile .sppb-panel.sppb-panel-custom:first-child .sppb-addon-content {color:#000 !important;}

.leitbild-mobile .sppb-panel.sppb-panel-custom:nth-child(2) {background:#290198 !important;}
.leitbild-mobile .sppb-panel.sppb-panel-custom:nth-child(3) {background:#00A789 !important;}
.leitbild-mobile .sppb-panel.sppb-panel-custom:nth-child(4) {background:#FFA300 !important;}
.leitbild-mobile .sppb-panel.sppb-panel-custom:nth-child(5) {background:#00ADEF !important;}
.leitbild-mobile .sppb-panel.sppb-panel-custom:nth-child(6) {background:#F92734 !important;}


/* Sitemap */

.osa-sitemaps .sp-module {margin-bottom: 50px;}



/*glossar */
#com_glossary .seopagination ul > li.active > a, #com_glossary .seopagination ul > li.active > span {
  color: #FF2018 !important;
}
div#com_glossary div#glossarysearch form#searchForm div.input-append input#filter_search, div#com_glossary div#glossarysearch form#searchForm div.input-append input.button.btn, .srch-btn button, #com_glossary .seopagination ul > li.active > a, #com_glossary .seopagination ul > li.active > span, input#filter_search_module, .input-append button, .custom-select select {
  -webkit-border-radius: 4px !important;
  -moz-border-radius: 4px !important;
  border-radius: 4px !important;
}

body #glossarysearch .srch-btn-inpt .btn {
  padding: 2px 48px 2px 48px;
}

div#com_glossary div#glossarysearch form#searchForm div.input-append input.button.btn {height: 40px;
  padding: 2px 45px 2px 45px;}



/**************************************

            Randspalte

**************************************/

.randspaltenmenu li {
  border-top: 1px solid #ccc;
  padding: 8px 0;
}
.randspaltenmenu li:last-child {
  border-bottom: 1px solid #ccc;
}





/**************************************

            Footer

**************************************/


#sp-footer { border-bottom: 8px solid #e93a2a;}

#sp-bottom {font-size: 16px; padding-bottom: 0px}

#sp-footer {padding: 40px 0px;}

#sp-bottom .btn-primary:hover {background: #E93A2A9E; color: #fff;}

/**************************************

            Mediaqueries

**************************************/

@media (max-width: 990px) {
.flip-box-inner h4 {font-size: 24px !important;}
.flip-box-inner p {font-size: 16px !important;}
	
.frontslider .sppb-addon-title {margin-top: 280px !important;}
	
h1 {font-size:46px;}
h2 {font-size:36px;}
h3 {font-size:28px;}
	
.view-category .article-list.articles-leading #articleCarouselSlide .carousel-inner article.carousel-item .carosul-item-wrapper .carousel-item-inner .article-carousel-caption { padding: 30px;}	
}



@media (max-width: 1200px) {
.flip-box-inner h4 {font-size: 24px !important;}
.flip-box-inner p {font-size: 16px !important;}
}

@media screen and (min-width: 768px) and (max-width: 990px) {
.flip-box-inner h4 {font-size: 20px !important;}
.flip-box-inner p {font-size: 14px !important;}
#column-wrap-id-1678128008863 { max-width: 100%; flex-basis: 100%;}
#column-wrap-id-1678128008864 { max-width: 100%;  flex-basis: 100%;}
}


@media screen and (min-width: 480px) and (max-width: 768px) {


}


@media screen and (min-width: 991px) and (max-width: 1100px) {
#column-wrap-id-1678128008863 { max-width: 100%; flex-basis: 100%;}
#column-wrap-id-1678128008864 { max-width: 100%;  flex-basis: 100%;}
}


@media screen and (min-width: 991px) and (max-width: 1400px) {
.sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span {padding: 0 18px;}
.container, .container-lg, .container-md, .container-sm, .container-xl { max-width: 100%;}
}


@media screen and (min-width: 991px) and (max-width: 1050px) {
.sp-megamenu-parent > li > a,
.sp-megamenu-parent > li > span, 
.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a {
  font-size: 16px;}

}



@media screen and (min-width: 991px) and (max-width: 1200px) {
.header-modules {margin-left: 20px; max-width: 150px; margin-right: -30px; padding-right: 0;}
#sp-menu {margin-right: 15px;}
.sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span {padding: 0 15px;}
.logo-image {height: 80px; width: auto;}
.frontslider .sppb-addon-title {margin-top: 260px !important;}
.home .sppb-row-container {max-width: 100%;padding: 0 30px;}
.contact-form {max-width: 60%;}
}


@media screen and (min-width: 1200px) and (max-width: 1400px) {
#column-id-1678128008864 {padding-left: 0px;}
}

@media (min-width: 990px) {
#sp-menu .form-control:focus {border-color: #FF2018;}
}

@media (min-width: 1200px) {

#sp-header .sp-module {margin-right: -45px;}
.frontslider .sppb-addon-title {margin-top: 260px !important;}
.contact-form {max-width: 60%;}
}

@media (min-width: 1400px) {
.frontslider .sppb-addon-title {margin-top: 260px !important;}
.sppb-row-container {max-width: 1620px;}
.sppb-articles-ticker-wrap {height: 80px;}
.contact-form {max-width: 50%;}
}


@media (min-width: 1620px) {
#sp-header .sp-module {margin-right: -65px;}
#sp-header .logo {margin-left: -65px;}
.home .frontslider {min-height: 415px;}
.frontslider .sppb-addon-title { margin-top: 260px !important;	}
.sppb-articles-ticker-wrap {height: 80px;}
}