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


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

            Allgemein

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

a:focus-visible {
  outline: none;
}

body {background-color: #fff;color: #595959;}

.label.label-warning {display: none;}

.sp-preloader {    background-color: #323848;}

.view-article #sp-title { display: block;}

body .sppb-btn, body .btn, .sppb-btn.sppb-btn-primary, .sppb-btn.sppb-btn-default, .btn-primary, .sppb-btn-primary, .subbutton, .btn.btn-primary { background-color: #df9a2a !important; padding: 8px 10px; border: 1px solid #df9a2a !important; text-transform: none}

body .sppb-btn:hover, body .btn:hover, body .sppb-btn:focus, body .btn:focus, .sppb-btn.sppb-btn-primary:hover, .sppb-btn.sppb-btn-primary:focus,.sppb-btn.sppb-btn-default:hover,.sppb-btn.sppb-btn-default:focus, .btn-primary:hover, .tags > li a:hover { background-color: #323848 !important; padding: 8px 10px;border: 1px solid #323848 !important;}

.hidden {display: none;}


.alert {padding: 3rem 2rem;}

.sp-page-title { margin-top: 0px;}

.sppb-btn-primary, .ba-form-submit-btn {padding: 15px 20px !important; color: #fff !important; background-color: #df9a2a !important;font-size: 16px !important; font-weight: 500 !important; border: 1px solid #df9a2a !important}
.sppb-btn-primary:hover, .ba-form-submit-btn:hover {background-color: #323848 !important; border: 1px solid #323848 !important}

h1, h2, h3, h4, h5, h6 {font-weight: 500 !important;}
.btn-primary.focus, .btn-primary:focus {box-shadow: 0px 0px 5px 0px rgba(255,255,255,1);}
.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show > .btn-primary.dropdown-toggle {
background-color:#b69258;border-color: #b69258;}

h4 {margin-top: 30px;}



#sp-main-body a,
#sp-main-body .sppb-addon-text-block a, 
.article-details  a,
.sppb-addon-testimonial-footer a,
.acym_form a,
.article-info a,
.sppb-addon-content a,
#sp-footer a, 
.article-header a
{color: #000; text-decoration: none; background-image: linear-gradient(90deg, rgba(2,0,36,1) 0%, rgba(223,154,42,1) 0%, rgba(223,154,42,1) 100%);background-repeat: repeat-x;background-position: bottom;background-size: 100% 1px;transition: all .3s ease-in-out; padding: 0 2px;}


 /* Code um Linkverhalten auszuschalten */
#sp-main-body .sppb-addon-text-block a.imagelink, .sppb-addon-single-image-container a, #sp-footer2 a, #sp-footer-sitemap .sitemap a, a.sppb-gallery-btn, .sppb-addon-content a.imagelink, a.sppb-sp-slider-button, a.sppb-btn.sppb-btn-primary, a.sppb-btn.sppb-btn-default, #sp-main-body #sp-right a, a.page-link, #sp-main-body .sp-simpleportfolio-filter a, .btn.btn-sm.btn-secondary.previous:hover, .btn.btn-sm.btn-secondary.next:hover, .btn.btn-sm.btn-secondary.previous, .btn.btn-sm.btn-secondary.next, #sp-footer-sitemap .sppb-addon-content a,.sppb-articles-scroller-content a,.sppb-articles-scroller-content a:hover {background-image: linear-gradient(90deg, rgba(2,0,36,0) 0%, rgba(223,154,42,0) 0%, rgba(223,154,42,0) 100%) !important;}

.article-intro-image a {padding: 0 !important;}
#sp-main-body a:hover,
#sp-main-body .sppb-addon-text-block a:hover, 
.article-details  a:hover,
.sppb-addon-testimonial-footer a:hover,
.acym_form a:hover,
.article-info a:hover,
.sppb-addon-content a:hover,
#sp-footer a:hover, 
.article-header a:hover,
a:hover .sppb-addon-testimonial-client-url,
a:hover .sppb-addon-testimonial-client,
.article-info > span a:hover,
.article-header a:hover, 
.article-info span a:hover {background-size: 100% 100%; padding: 0 2px; color:#fff !important;}

ul.pagination .page-item .page-link {font-weight: 500; color: #df9a2a;}


.badge, .article-info > span, #sp-main-body .category-name, #sp-main-body a.page-link:hover {color: #df9a2a !important;}


.ba-alert.ba-forms-authorize-field-wrapper input[type="text"], .ba-alert.calendar-field-wrapper input[type="text"], .ba-alert .upload-file-input, .ba-alert .ba-field-container select, .ba-alert .ba-field-container textarea, .ba-form-calendar-field:not(.ba-form-calendar-field) .ba-alert .ba-field-container input[type="text"], .ba-alert .ba-field-container input[type="text"], .ba-alert .ba-field-container input[type="number"], .ba-alert .ba-field-container input[type="password"], .ba-alert .ba-field-container input[type="email"] {
    box-shadow: inset 0px 0px 0px calc(2px - var(--field-border-width)*var(--field-border-right)*var(--field-border-left)*var(--field-border-bottom)*var(--field-border-top)) #df9a2a !important; border-color: #df9a2a !important;}
.ba-forms-authorize-field-wrapper .ba-alert-tooltip, .ba-form-field-item .ba-alert-tooltip {background: #df9a2a !important;}

.sppb-form-group label, label {
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
}

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

            Header

**************************************/
#sp-header:not(.header-sticky) {position: relative;}

#sp-header {border-bottom: 1px solid rgba(200, 205, 220, .30) !important;background:#323848 !important; }
#sp-header {height: 100px; padding-top: 10px;}
#sp-header .col-lg-2 { -ms-flex: 0 0 30%; flex: 0 0 30%; max-width: 30%;}
#sp-header .col-lg-10 {-ms-flex: 0 0 70%; flex: 0 0 70%; max-width: 70%;}


.pager > li a {border: 1px solid #fff;}


.sp-megamenu-parent > li > a {font-weight: 500 !important;}
.sp-megamenu-parent > li > a, #offcanvas-toggler > .fa  {color: #fff !important;}
#sp-header:not(.header-sticky) .container {border-bottom: 0px;}

.offcanvas-menu {
    color: #fff !important;
    background: #323848;
}

.offcanvas-menu .offcanvas-inner .sp-module .menu > li.active > a, .offcanvas-menu .offcanvas-inner .sp-module .menu > li.active > span, .offcanvas-menu .offcanvas-inner .sp-module .menu .menu-parent.active > a, .offcanvas-menu .offcanvas-inner .sp-module .menu .menu-parent.active > span,
.offcanvas-menu .offcanvas-inner .sp-module .menu .menu-parent.menu-parent-open > a, .offcanvas-menu .offcanvas-inner .sp-module .menu .menu-parent.menu-parent-open > span {
    color: #df9a2a;
}
.sp-dropdown-mega.sp-menu-full .sp-dropdown-inner {z-index: 10000 !important;}


.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a:hover {
    color: #df9a2a;
}

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

            Topnavigation

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


a.space-after {margin-bottom: 30px;}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a {border-bottom: solid 1px rgba(136, 136, 136, 0.3); width: 100%; padding: 10px 0 !important;}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item:last-child > a {border-bottom: solid 0px rgba(136, 136, 136, 0.3); width: 100%;}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item:not(:last-child) {
    border-bottom: solid 0px rgba(136, 136, 136, 0.3);
    width: 100%;
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item.active > a {
    color: #df9a2a;
}


.offcanvas-menu .offcanvas-inner .sp-module .menu > li .menu-child li.active > a, .offcanvas-menu .offcanvas-inner .sp-module .menu .menu-parent .menu-child li.active > a {
  color: #df9a2a;
}

.sp-megamenu-parent > li::after { height: 0px;}
.sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span, .sp-megamenu-parent .sp-dropdown li.sp-menu-item > a {font-weight: 500;}

.menu-justify .sp-dropdown {padding-top: 10px;}
.menu-justify .sp-dropdown-inner {
  position: absolute;
  left: 50%;}

.sp-megamenu-parent .sp-mega-group > li > a {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 10px;
}

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

            Navigation links

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














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

            Inhalt

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



.sp-page-title .sp-page-title-heading {font-size: 72px; z-index: 2;}
.sp-page-title .sp-page-title-sub-heading { z-index: 1;}


#sp-main-body h1, #sp-main-body h2, #sp-main-body h3, #sp-main-body h4 {color: #fff;}


.sppb-addon-content .search { max-width: 300px; margin: 0 auto;}

.com-content #sp-main-body .container-inner {margin-top: 50px;}
.blogdetails #sp-main-body .container-inner {margin-top: 0px;}
.view-article #sp-main-body {padding-top: 50px;}

.sppb-articles-scroller-date-left-date {background: #B9842D;}
.sppb-articles-scroller-date-left-content {background: #323848;}

#sppb-addon-1740638143671 .sppb-articles-scroller-content a,#sppb-addon-1740638143671 .sppb-articles-scroller-content a:hover {padding-bottom: 1px;}
#sppb-addon-1740638143671 .sppb-articles-scroller-content a:hover {opacity: 0.8;}

/* Slideshow */

.startseite .sp-slider .sppb-container { max-width: 1420px;}
.startseite .sppb-sp-slider-button {color: #fff; background: rgba(255,255,255,0);border: 1px solid #fff; border-radius: 8px;transition: background color 0.3;}
.startseite .sppb-sp-slider-button .sp-slider-btn-text:hover, .sppb-sp-slider-button:hover {color: #000 !important; background: rgba(255,255,255,0.8);transition: background color 0.3;}
.startseite .sppb-sp-slider-button .sp-slider-btn-text {background: transparent;}

#sppb-addon-1611068102982 a.sppb-sp-slider-button {background: rgba(255,255,255,0); margin:0 !important; padding: 10px 15px;color: #fff !important; transition: background color 0.3;}
#sppb-addon-1611068102982 a.sppb-sp-slider-button:hover {margin:15px 15px 0 0 !important; color: #000 !important;padding: 10px 15px;background: #fff; transition: background color 0.3;}

/*Kontaktformular*/
#jsn_form_1.jsn-master .jsn-bootstrap .jsn-form-content .control-group .control-label,
#jsn_form_2.jsn-master .jsn-bootstrap .jsn-form-content .control-group .control-label,
#jsn_form_3.jsn-master .jsn-bootstrap .jsn-form-content .control-group .control-label {color: #000; font-family: 'Muli', sans-serif;font-size: 16px;	font-weight: normal;}
#jsn_form_1.jsn-master .jsn-bootstrap .jsn-form-content .control-group {padding: 10px 0;}
#jsn_form_1.jsn-master .jsn-bootstrap .jsn-form-content .control-group.ui-state-highlight {background-color: transparent !important; border-color:transparent !important;}

label.checkbox { color: #000;}
.checkbox input { margin-right: 20px;}


/*Tutorialformular*/

#jsn_form_2.jsn-master .jsn-bootstrap .jsn-form-content .control-group {padding: 10px 0;}
#jsn_form_2.jsn-master .jsn-bootstrap .jsn-form-content .control-group.ui-state-highlight {background-color: transparent !important; border-color:transparent !important;}

/*Wartungsvertrag*/

#jsn_form_3.jsn-master .jsn-bootstrap .jsn-form-content .control-group {padding: 10px 0;}
#jsn_form_3.jsn-master .jsn-bootstrap .jsn-form-content .control-group.ui-state-highlight {background-color: transparent !important; border-color:transparent !important;}


/*Newsletterformular*/
.newslettermodul .sppb-form-control:not(.form-control)::placeholder, .newslettermodul .sppb-form-group .sppb-form-control:not(.form-control)::placeholder, .newslettermodul input[type="text"]:not(.form-control)::placeholder, .newslettermodul input[type="email"]:not(.form-control)::placeholder, .newslettermodul input[type="url"]:not(.form-control)::placeholder, .newslettermodul input[type="date"]:not(.form-control)::placeholder, .newslettermodul input[type="password"]:not(.form-control)::placeholder, .newslettermodul input[type="search"]:not(.form-control)::placeholder, .newslettermodul input[type="tel"]:not(.form-control)::placeholder, .newslettermodul input[type="number"]:not(.form-control)::placeholder, .newslettermodul select:not(.form-control)::placeholder {
    color: #353535;
}

.kategorieeinleitung {margin-bottom: 100px;}





/* blog */


.item-even .article-intro-image.float-left {}
.schmaler-container .sppb-row-container, .tutorials .sppb-row-container  { max-width: 100% !important;}

#sp-right .sp-module .latestnews > div:not(:last-child), #sp-right .sp-module ul > li {border-bottom: 1px solid #fff;}
#sp-right .sp-module ul > li > a, #sp-right .sp-module a.finatic-news-title {font-family: 'Varela Round', sans-serif; font-weight: 500; font-size: 18px;line-height: 24px; }
.article-list .article .article-header h2 a {padding: 10px 0 0;line-height: 31px;}
.article-list .article .article-header h2 {padding-top: 0;}
.blogseite .article-list .article .article-header h2 {padding-top: 20px;}
#sp-right .sp-module .latestnews > div .latest-post-info > span { color: #323848;}

.type-intro .jcm-count-cm,.view-article .jcm-count-cm { display: none;}
#jlexcomment .jcm-author a {color: #323848;}
.tags li a {background: #df9a2a !important; border: 1px solid #df9a2a !important; color: #fff !important;padding: 5px 20px !important;margin-bottom: 10px;}
.tags > li a:hover { background: #323848 !important; border: 1px solid #323848 !important; color: #fff !important;}
#jlexcomment {font-size: 14px; margin: 50px 0;}


.tag-category .list-group-item { padding: .75rem 0rem; border: 0px solid rgba(0,0,0,.125);}
.tag-category .list-group-item h3 {font-size: 18px;line-height: 1;}
.tag-category select.inputbox:not([multiple]), select:not([multiple]) {display: none;}


.sprung {visibility: hidden; height: 0px !important; position: absolute; margin: -130px;}	
.sppb-link-list-wrap.sppb-link-list-nav ul li {width: 100%;}
.sppb-link-list-wrap ul li a {width: 100%;}


.sp-page-title .sp-page-title-sub-heading {
  position: absolute;
  top: 250px;
  left: 50%;
  font-size: 260px;
  font-weight: 900;
  line-height: 0.77;
  text-transform: uppercase;
  margin-top: 0;
  transform: translate(-50%, -50%);
}

.blogdetails .article-header {display: none;}

.article-list .article .article-body {
  display: flex;
  padding: 20px;
	flex-direction: column;
}

.partner .article-header {margin-top: 30px;}


.blogseite .article {margin-bottom: 20px;}

.blogdetails .sppb-img-responsive  {max-width: 100% !important;}


.view-article #sp-main-body .article-details {max-width: 940px !important;}

.sppb-addon-person .sppb-person-addon-content-wrap {
  padding-top: 0px !important;
  padding-left: 40px !important;
  margin-top: -7px !important;
}






/* Referenzen */
.sppb-addon-testimonial .sppb-addon-testimonial-client { color: #b69258 !important;}

.referenzen .sp-simpleportfolio-btns, .referenzen .sp-simpleportfolio-tags,.sp-simpleportfolio-details-header {display: none;}
.sp-simpleportfolio-view-item { margin-top: 0px;}
.pager > li a, .pager > li a:hover  {padding: 1rem 2.5rem;}

.sp-simpleportfolio .sp-simpleportfolio-item .sp-simpleportfolio-info { background: transparent; font-size: 16px; margin-top: -65px; position: relative;z-index: 1000;}

.sp-simpleportfolio .sp-simpleportfolio-item .sp-simpleportfolio-info:hover {background: none;}


.sp-simpleportfolio .sp-simpleportfolio-item .sp-simpleportfolio-overlay-wrapper .sp-simpleportfolio-overlay {
    height: 30%;
    bottom: 0;
    top: unset;
    background: 0 0;
    opacity: 1;
    background-image: linear-gradient(to bottom,rgba(50,56,72,0),rgba(51, 56, 71));
	transition: height .4s ease-in-out; padding: 0 2px;
}

.sp-simpleportfolio .sp-simpleportfolio-item .sp-simpleportfolio-overlay-wrapper:hover .sp-simpleportfolio-overlay {height: 100%; transition: height .4s ease-in-out; padding: 0 2px;}


.sp-simpleportfolio-title a {color: #fff !important;font-size: 24px !important;}
.sp-simpleportfolio .sp-simpleportfolio-filter > ul > li > a {padding: 4px 8px !important;}
.sp-simpleportfolio .sp-simpleportfolio-filter > ul > li.active > a {background: #323848;color: #fff !important;}

.sp-simpleportfolio .sp-simpleportfolio-filter > ul > li > a:hover {
    display: block;
    padding: 5px 10px;
    background: #DF9A2A;
    color: #fff;
    text-decoration: none;
    border-radius: 3px;
}

.sp-simpleportfolio .sp-simpleportfolio-item .sp-simpleportfolio-overlay-wrapper .sp-simpleportfolio-img {float: none !important; margin: 0 auto;}


.sp-simpleportfolio-overlay-wrapper.clearfix {
    border: 1px solid #e0e0e0;
}

.sp-simpleportfolio .sp-simpleportfolio-filter > ul > li {margin: 5px;}


.sp-simpleportfolio-title {width: 100% !important; padding: 40px 10px !important; background: rgba(223,154,42,1) !important;}
	

/* Seitennavigation */
.pagenavigation {position: relative;}

.btn.btn-sm.btn-secondary.previous, .btn.btn-sm.btn-secondary.next {
  padding: 15px 30px !important;
  background: rgb(223, 154, 42);
  border-radius: 30px;
  color: #fff !important;
  border: 1px solid rgba(223, 154, 42, 1);
}
	

.btn.btn-sm.btn-secondary.previous:hover, .btn.btn-sm.btn-secondary.next:hover {
  background: #323848 !important;
  border: 1px solid #323848 !important;
  color: #fff !important;
}

.btn.btn-sm.btn-secondary.next {position: absolute;right: 0;}

	
/* Suche */

.top-search-input-wrap {background: rgba(50, 56, 72, 0.5);}

.search-upper-part {background-color: #df9a2a;}
.top-search-input-wrap label {display: none;}
.top-search-input-wrap #mod-finder-searchword206 {
    border: none;
    background: transparent;
    color: #fff;
    font-size: 120px;
    border-bottom: 3px #fff solid;
	font-weight: 300;
}
.top-search-input-wrap .search-wrap .themis-top-search input::-webkit-input-placeholder {
  opacity: 1;
  color: #fff;
}
.top-search-input-wrap .search-wrap .themis-top-search input::-moz-placeholder {
  opacity: 1;
  color: #fff;
}
.top-search-input-wrap .search-wrap .themis-top-search input:-ms-input-placeholder {
  opacity: 1;
  color: #fff;
}

.top-search-input-wrap form {
    width: 100%;
    max-width: 1140px;
}

.top-search-input-wrap .search-bottom-part {background: rgba(50, 56, 72, 0.5);}

/* Tabs */ 

.sppb-nav-pills > li > a, .sppb-nav-pills > li > a:hover {
    font-size: 14px;
    line-height: 1.42857143;
    font-weight: bolder;
    color: inherit;
    padding: 13px 15px;
    border-radius: 3px;
    color: inherit;
}

.sppb-addon-tab  .sppb-btn-primary {padding: 10px 15px !important; font-weight: normal !important; text-align: center !important; }



/* Sitemap Angebot */

.sitemap_angebot ul {list-style-type: none;}
.sitemap_angebot ul ul {padding: 0px;}
.sitemap_angebot .item-header {font-size: 24px; font-weight: 500; font-family: 'Varela Round', sans-serif; padding-top: 30px;}
.sitemap_angebot .sp-menu-item {font-size: 18px; font-weight: 500;font-family: 'Varela Round', sans-serif; margin-top: 5px;}


.shariff {margin-top: 50px;}



ul.pagination .page-item:first-child:not(.active) .page-link::before, ul.pagination .page-item:first-child:not(.active) .page-link,
ul.pagination .page-item:last-child:not(.active) .page-link, ul.pagination .page-item:last-child:not(.active) .page-link::after {color: #df9a2a;}
ul.pagination .page-item .page-link {padding: 0;}
ul.pagination .page-item:last-child:not(.active), ul.pagination .page-item:first-child:not(.active) {position: relative;}
.page-link:first-child::before, .page-link:last-child::after {display: none;}
ul.pagination .page-item:last-child:not(.active) .page-link, ul.pagination .page-item:first-child:not(.active) .page-link {font-size: 18px;}


/* Accordion */
.sppb-panel-modern > .sppb-panel-heading { background: #323848; color: #fff;}


/* Funktionsbox */

.sppb-addon-feature .sppb-feature-box-title{
    font-size: 22px !important;
    line-height: 31px;
    margin-bottom: 20px;
}


/* Breite Inhalte Tagseiten */

.category-desc p {
  max-width: 900px;
}


/* partner */

.partner .article-intro-image.float-left {
  padding: 20px;
}


.partner .article-introtext {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 6;
}


/* Tutorials */

.tutorials .article-header h1 {font-size: 56px !important; text-transform: none !important; line-height: 66px !important;}
.view-category .tags li a {padding: 0px 10px !important; margin-bottom: 0px;}
.tutorials .article-list .article .article-body {flex-direction: column;}

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

            Randspalte

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




.popular-post-v1 a {color: #000 !important; margin: 10px 0; font-weight: 700;}

#sp-right .sp-module {
  background: #F3DAB1;
}



.offcanvas-menu .offcanvas-inner ul.menu > li > a, .offcanvas-menu .offcanvas-inner ul.menu > li > span {opacity: 1;}

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

            Footer

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


#sp-bottom, #sp-footer {background: #323848 !important; color: #fff;}
.sp-copyright {margin-left: 15px;}
#sp-footer .row {
  padding-top: 30px;
}



#sp-bottom .sp-module h3 {font-size: 26px;}
#sp-bottom .sp-module ul > li { font-family: 'Varela Round', sans-serif;font-size: 16px; padding-bottom: 0; margin-bottom: 0;}
#sp-bottom .sp-module ul > li > a {font-weight: normal;text-transform: none;display: inline-block;margin-left: 20px;letter-spacing: 0;white-space: nowrap;overflow: hidden;width: 70%;text-overflow: ellipsis;}
#sp-bottom .sp-module ul > li > a:hover, #sp-footer2 a:hover  {text-decoration: underline;}
#sp-bottom .sp-module .sp-module-title {font-size: 26px; margin: 8px 0 18px;}
#sp-bottom .sp-module .mod-articles-category-date {float: left;}
#icon-15677633631031 {margin-left: -20px}


#sp-footer2 h4, #sp-footer-sitemap h4 {font-size: 22px; margin-top: 10px;}   

#sp-footer .container-inner, #sp-footer-sitemap .container-inner { border-top: 1px solid rgba(136, 136, 136, 0.3);}

#sp-footer-sitemap input[type="text"]:not(.form-control), #sp-footer-sitemap input[type="email"]:not(.form-control)  {padding: 0.4rem 0.75rem !important;max-width: 100%;}

#sp-footer-sitemap .space-after {margin-bottom: 30px !important;}

#sp-bottom .sp-module .sppb-icons-group-list li a {color: #fff !important; transition: color .3s;}
#sp-bottom .sp-module .sppb-icons-group-list li a:hover {color: #df9a2a !important; transition: color .3s;}

#sp-footer-sitemap .btn-primary, #sp-footer-sitemap .sppb-btn-primary {border-color: #fff !important; background-color: #323848 !important; color: #fff !important;}

#sp-footer-sitemap .btn-primary:hover, #sp-footer-sitemap .sppb-btn-primary:hover {border-color: #fff !important; background-color: #fff !important; color: #323848 !important;}
#sp-footer-sitemap input[type="text"],#sp-footer-sitemap input[type="email"] {color: rgba(255,255,255,1);}

#sp-footer-sitemap .acym_module_form a {text-decoration: underline !important;}
#sp-footer-sitemap .acym_module_form a:hover, #sp-footer-sitemap .acym_module_form a:focus {text-decoration: none !important;}

.cpnb-modal-inner-text h1 {font-size: 32px;}
.cpnb-modal-inner-text h3 {font-size: 22px;}
.cpnb-button, .cpnb-button-ok, .cpnb-m-enableAllButton {border: 1px solid #fff; padding: 8px 20px;}
.cpnb-buttons {margin-top: 30px;}
#cpnb-accept-btn-m-info, #cpnb-decline-btn-m-info { color: #fff;}

#sp-footer-sitemap .btn-primary { padding: 15px 20px !important;}
#sp-footer-sitemap .btn-primary:hover { border: 1px solid #fff !important;}


#sp-fernwartung {margin-top: -85px;z-index: 100000}
#sp-fernwartung a:hover {text-decoration: underline;}



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

            Mediaqueries

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

@media (max-width: 768px) {
body.ltr.offcanvs-position-right .offcanvas-menu {right: -768px;}
	.com-sppagebuilder .shariff {margin: 0 auto; max-width: 540px !important; padding: 20px;}
	.sp-page-title .sp-page-title-heading {font-size: 48px;}
	.category-desc.clearfix { margin: 40px 15px;}
	.blogdetails .article-details img { width: 100%;}
}

@media (max-width: 1200px) {
	.logo-image { height: auto;}
}

@media (max-width: 990px) {
	#sp-header .col-lg-2 {-ms-flex: 0 0 50%;flex: 0 0 50%; max-width: 50%;}
	#sp-header .col-lg-10 {-ms-flex: 0 0 50%;flex: 0 0 50%; max-width: 50%;}
	.sp-module.pull-left.themis-top-search { margin-left: 30px;}
	.icon-top-wrapper i.search-close-icon { margin-left: 80px;}
	
	.burger-icon {width: 35px;}
	.burger-icon > span {
	display: block;
	height: 4px;
	background-color: #fff;
	margin: 8px 0;
	transition: background-color 0.3s ease-in, opacity 0.3s ease-in, transform 0.3s ease-in;
	border-radius: 3px;}
	
	.offcanvas-active .burger-icon {width: 25px;}
	.offcanvas-active .burger-icon > span {
	display: block;
	height: 2px;
	background-color: #fff;
	margin: 5px 0;
	transition: background-color 0.3s ease-in, opacity 0.3s ease-in, transform 0.3s ease-in;
	border-radius: 3px;}
	
	.offcanvas-menu .offcanvas-inner ul.menu > li a, .offcanvas-menu .offcanvas-inner ul.menu > li span {color: #fff; font-weight: 600;}
	.offcanvas-menu .offcanvas-inner ul.menu > li li a {color: #fff; font-weight: 500;}
	.offcanvas-menu a.space-after {margin-bottom: 0px;}
	.offcanvas-menu .offcanvas-inner ul.menu > li.menu-parent > a > .menu-toggler, .offcanvas-menu .offcanvas-inner ul.menu > li.menu-parent > .menu-separator > .menu-toggler, .offcanvas-menu .offcanvas-inner ul.menu > li.menu-parent .menu-toggler { color: #fff;}
	.offcanvas-menu .offcanvas-inner ul.menu > li a:hover, .offcanvas-menu .offcanvas-inner ul.menu > li a:focus, .offcanvas-menu .offcanvas-inner ul.menu > li span:hover, .offcanvas-menu .offcanvas-inner ul.menu > li span:focus {color: #DF9A2A;}
	.menu-toggler {width: 110%;text-align: right; margin-left: -30px;}
body.ltr.offcanvs-position-right.offcanvas-active .offcanvas-menu {
  right: 0;
  top: 0;
  width: 350px;
}
	.far.fa-times-circle {font-size: 28px;}
	.top-search-wrapper i.search-open-icon {font-size: 24px;}
	.top-search-wrapper .icon-top-wrapper {margin: 5px 0 10px 25px;position: absolute;right: 80px;}
	.top-search-input-wrap .search-info-text {font-weight: 500;letter-spacing: 0px;}
	.top-search-input-wrap form {max-width: 90%;margin: 0 auto;}
	.top-search-input-wrap #mod-finder-searchword206 {font-size: 80px;}
	.com-sppagebuilder .shariff {margin: 0 auto; max-width: 720px; padding: 20px;}
	#sppb-addon-1611068102982 { padding: 0px 15px 30px 15px;}
	#sppb-addon-1611068102982 a.sppb-sp-slider-button { margin: 15px 15px 0 0 !important;}
	
}

@media (max-width: 570px) {
	body { font-size: 16px !important;}
	#sp-header .col-lg-2 {-ms-flex: 0 0 60%;flex: 0 0 60%; max-width: 60%;}
	#sp-header .col-lg-10 {-ms-flex: 0 0 40%;flex: 0 0 40%; max-width: 40%;}
	.logo-image-phone {height: auto;}
	#sp-logo {max-width: 70%;}
	
}


@media screen and (min-width: 768px) and (max-width: 990px) {
	
#sp-bottom .col-md-4 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;}
}

@media screen and (min-width: 990px) and (max-width: 1200px) {

#sp-header .col-lg-2 {-ms-flex: 0 0 20%;flex: 0 0 20%; max-width: 20%;}
#sp-header .col-lg-10 {-ms-flex: 0 0 80%;flex: 0 0 80%; max-width: 80%;}
	
#sp-logo {width: 20%;}
#sp-menu {width: 80%;}
	
}

@media (min-width: 990px) {
body.ltr #offcanvas-toggler.offcanvas-toggler-right { display:none;}
	.kategorieeinleitung { margin: 0 auto 100px; text-align:center !important;}
	.view-article #sp-right { margin-top: 8px;}

	.com-sppagebuilder .shariff {margin: 0 auto; max-width: 990px; padding: 35px;}
	.sp-slider-content-align-left, .sp-slider-image-align-left { max-width: 800px;}
	.sp-slider .sppb-sp-slider-button {margin-top: 15px;}
	.tag-container1 {width: 50%; float: left;}
	.tag-container2 {width: 50%; float: right;}
	.tag-container2 p {margin-bottom: 5px;}
	.menu-justify .sp-dropdown-inner {width: 970px;  margin-left: -420px;}
    #sp-footer .sppb-row-container, #sp-footer-sitemap .sppb-row-container { max-width: 100%;}
    
    
    #offcanvas-toggler>.fa {
  color:#fff
}
#offcanvas-toggler>.fa:hover,
#offcanvas-toggler>.fa:focus,
#offcanvas-toggler>.fa:active {
  color:#df9a2a
}
#offcanvas-toggler>.fas {
  color:#fff
}
#offcanvas-toggler>.fas:hover,
#offcanvas-toggler>.fas:focus,
#offcanvas-toggler>.fas:active {
  color:#df9a2a
}
#offcanvas-toggler>.far {
  color:#fff
}
#offcanvas-toggler>.far:hover,
#offcanvas-toggler>.far:focus,
#offcanvas-toggler>.far:active {
  color:#df9a2a
}
.offcanvas-menu {
  color:#df9a2a
}
.offcanvas-menu .offcanvas-inner a {
  color:#fff
}
.offcanvas-menu .offcanvas-inner a:hover,
.offcanvas-menu .offcanvas-inner a:focus,
.offcanvas-menu .offcanvas-inner a:active {
  color:#df9a2a
}
.offcanvas-menu .offcanvas-inner ul.menu>li a,
.offcanvas-menu .offcanvas-inner ul.menu>li span {
  color:#fff
}
.offcanvas-menu .offcanvas-inner ul.menu>li a:hover,
.offcanvas-menu .offcanvas-inner ul.menu>li a:focus,
.offcanvas-menu .offcanvas-inner ul.menu>li span:hover,
.offcanvas-menu .offcanvas-inner ul.menu>li span:focus {
  color:#df9a2a
}
.offcanvas-menu .offcanvas-inner ul.menu>li.menu-parent>a>.menu-toggler,
.offcanvas-menu .offcanvas-inner ul.menu>li.menu-parent>.menu-separator>.menu-toggler {
  color:rgba(37, 37, 37, 0.5)
}
.offcanvas-menu .offcanvas-inner ul.menu>li.menu-parent .menu-toggler {
  color:rgba(37, 37, 37, 0.5)
}
.offcanvas-menu .offcanvas-inner ul.menu>li li a {
  color:rgba(37, 37, 37, 0.8)
}
    
    
    
}


@media (min-width: 1200px) {

	#tutorials .sppb-row {/*background: rgba(50, 56, 72, 0.75);*/}
	.com-sppagebuilder .shariff {margin: 0 auto; max-width: 1200px; padding: 45px;}
	.menu-justify .sp-dropdown-inner {width: 1160px;  margin-left: -500px;}
	.sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span { padding: 0 15px;}
}

@media (min-width: 1400px) {
	.menu-justify .sp-dropdown-inner {width: 1360px;  margin-left: -595px;}
	.sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span { padding: 0 25px;}
}



@media (min-width: 1500px) {

#sp-main-body .container {max-width: 1420px;}
	.com-sppagebuilder .shariff {margin: 0 auto; max-width: 1420px; padding: 20px;}
	.sp-menu-full.container {width: 1420px;}
	.tag-container1 {width: 60%; float: left;}
	.tag-container2 {width: 40%; float: right;}
	.tag-container2 p {margin-bottom: 5px;}
	.menu-justify .sp-dropdown-inner {width: 1420px;  margin-left: -570px;}
}





body {background-color: #fff;color: #000;}
.article-list .article {border: 1px solid #e0e0e0;}
.sp-page-title { background: #f9ecd7;}

.sp-page-title .sp-page-title-heading, #sp-left .sp-module .sp-module-title, #sp-right .sp-module .sp-module-title, #sp-main-body h1, #sp-main-body h2, #sp-main-body h3, #sp-main-body h4 {color: #3d4a6c;}

.sp-page-title .sp-page-title-heading {position: relative;}
.sp-page-title .sp-page-title-sub-heading {color: rgba(255,255,255,0.4);}


#sp-main-body .sppb-addon-text-block a, .article-details a { color: #000;}
.jsn-uniform textarea, .jsn-uniform input[type="text"], .jsn-uniform input[type="password"], .jsn-uniform input[type="datetime"], .jsn-uniform input[type="datetime-local"], .jsn-uniform input[type="date"], .jsn-uniform input[type="month"], .jsn-uniform input[type="time"], .jsn-uniform input[type="week"], .jsn-uniform input[type="number"], .jsn-uniform input[type="email"], .jsn-uniform input[type="url"], .jsn-uniform input[type="search"], .jsn-uniform input[type="tel"], .jsn-uniform input[type="color"] {border: 1px solid #ccc;}

.sppb-form-control:not(.form-control), .sppb-form-group .sppb-form-control:not(.form-control), input[type="text"]:not(.form-control), input[type="email"]:not(.form-control), input[type="url"]:not(.form-control), input[type="date"]:not(.form-control), input[type="password"]:not(.form-control), input[type="search"]:not(.form-control), input[type="tel"]:not(.form-control), input[type="number"]:not(.form-control), select:not(.form-control) { border-bottom: 1px solid #c3c3c3;}



#sppb-addon-1583479083122 a {color: #fff !important;}

#sp-bottom a, #sp-footer a {color: #fff !important;}


#sp-bottom .sp-module .sp-module-title {color: #fff;}


/* Newsletter */

div.acym_module_success { background-color: #F3D8AE;}





@media print {
	#sp-header {display: none;}
}