/**
 * @Custom-css CCT color settings
 * @package Helix Ultimate Framework
 * @author JoomShaper https://www.joomshaper.com
 * @copyright Copyright (c) 2010 - 2018 JoomShaper
 * @license http://www.gnu.org/licenses/gpl-2.0.html GNU/GPLv2 or Later
 */
/*
MAINBACKGROUND COLOR
*/
body, .sp-preloader {
  background-color: #ffffff;
  color: #000000;
}
.sp-preloader > div {
  background: #ab321d;
}
.sp-preloader > div:after {
  background: #ab321d;
}
#sp-top-bar {
  background: #fff;
  color: #000;
}
#sp-top-bar a {
  color: #000000;
}
/* 
Color Menu Bar Top
*/ 
#sp-header {
  background: rgba(255, 255, 255);
}
a {
  color: #166580;
}
a:hover, a:focus, a:active {
  color: #166580;
}
.tags > li {
  display: inline-block;
}
.tags > li a {
  background: rgba(17, 100, 102, 0.1);
  color: #166580;
}
.tags > li a:hover {
  background: #166580;
}
.article-social-share .social-share-icon ul li a {
  color: #fff;
}
.article-social-share .social-share-icon ul li a:hover, .article-social-share .social-share-icon ul li a:focus {
  background: #166580;
}
.pager > li a {
  border: 1px solid #ededed;
  color: #fff;
}
.sp-reading-progress-bar {
  background-color: #166580;
}
/*
Schriftfarbe Menu oben
*/
.sp-megamenu-parent > li > a {
  color: #000000;
}
/*
Farbaenderung Hover mit Maus
*/
.sp-megamenu-parent > li:hover > a {
  color: #ab321c;
}
.mod-languages #language_picker_des_107{
  display: none
}

/*
Menu Textfarbe wenn angewaehlt
*/
.sp-megamenu-parent > li.active > a, .sp-megamenu-parent > li.active:hover > a {
  color: #166580;
}
.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner {
  background: #fff;
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a {
  color: #252525;
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a:hover {
  color: #166580;
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item.active > a {
  color: #166580;
}
.sp-megamenu-parent .sp-mega-group > li > a {
  color: #252525;
}
#offcanvas-toggler > .fa {
  color: #fff;
}
#offcanvas-toggler > .fa:hover, #offcanvas-toggler > .fa:focus, #offcanvas-toggler > .fa:active {
  color: #fff;
}
.offcanvas-menu {
  background-color: #fff;
  color: #252525;
}
.offcanvas-menu .offcanvas-inner .sp-module ul > li a, .offcanvas-menu .offcanvas-inner .sp-module ul > li span {
  color: #252525;
}
.offcanvas-menu .offcanvas-inner .sp-module ul > li a:hover, .offcanvas-menu .offcanvas-inner .sp-module ul > li span:hover, .offcanvas-menu .offcanvas-inner .sp-module ul > li a:focus, .offcanvas-menu .offcanvas-inner .sp-module ul > li span:focus {
  color: #166580;
}
.offcanvas-menu .offcanvas-inner .sp-module ul > li.menu-parent > a > .menu-toggler, .offcanvas-menu .offcanvas-inner .sp-module ul > li.menu-parent > .menu-separator > .menu-toggler {
  color: rgba(37, 37, 37, 0.5);
}
.offcanvas-menu .offcanvas-inner .sp-module ul > li ul li a {
  color: rgba(37, 37, 37, 0.8);
}
.btn-primary, .sppb-btn-primary {
  border-color: #166580;
  background-color: #166580;
}
.btn-primary:hover, .sppb-btn-primary:hover {
  border-color: #166580;
  background-color: #166580;
}
ul.social-icons > li a:hover {
  color: #166580;
}
.sp-page-title {
  background: #166580;
}
.layout-boxed .body-innerwrapper {
  background: #166580;
}
.sp-module ul > li > a {
  color: #fff;
}
.sp-module ul > li > a:hover {
  color: #166580;
}
.sp-module .latestnews > div > a {
  color: #fff;
}
.sp-module .latestnews > div > a:hover {
  color: #166580;
}
.sp-module .tagscloud .tag-name:hover {
  background: #166580;
}
.search .btn-toolbar button {
  background: #166580;
}
/* 
FARBEN UND SCHRIFT UNTEN
*/
#sp-bottom-top, #sp-footer, #sp-bottom {
  background: #004D9D;
  color: rgba(255, 255, 255, .6);
}
#sp-bottom-top .text-color, #sp-footer .text-color, #sp-bottom .text-color {
  color: #fff;
}
#sp-bottom-top a, #sp-footer a, #sp-bottom a {
  color: rgba(255, 255, 255, .6);
}
#sp-bottom-top a:hover, #sp-footer a:hover, #sp-bottom a:hover, #sp-bottom-top a:active, #sp-footer a:active, #sp-bottom a:active, #sp-bottom-top a:focus, #sp-footer a:focus, #sp-bottom a:focus {
  color: #fff;
}
#sp-bottom .sp-module-content .latestnews > li > a > span {
  color: #fff;
}
.sp-comingsoon body {
  background-color: #166580;
}
.pagination > li > a, .pagination > li > span {
  color: #fff;
}
.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus {
  color: #fff;
}
.pagination > .active > a, .pagination > .active > span {
  border-color: #166580;
  background-color: #166580;
}
.pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
  border-color: #166580;
  background-color: #166580;
}
.error-code, .coming-soon-number {
  color: #166580;
}
body a {
  color: #ab321c;
}
/*
FARBE HOVER TABS
*/
body a:hover, body a:focus {
  color: #ab321c;
}
/*
Slider Homepage
*/
.hero-slider div[class*=sp-slider-content-align] {
  background-color: rgba(44, 53, 49, .6);
}
#sp-bottom-top .sppb-btn.sppb-btn-primary, .sppb-btn.sppb-btn-primary {
  background-color: #166580;
  color: white!important
}
#sp-bottom-top .sppb-btn.sppb-btn-primary.sppb-btn-outline, .sppb-btn.sppb-btn-primary.sppb-btn-outline {
  border: 1px solid #166580;
  color: #166580;
}
#sp-bottom-top .sppb-btn.sppb-btn-primary.sppb-btn-outline:hover, .sppb-btn.sppb-btn-primary.sppb-btn-outline:hover, #sp-bottom-top .sppb-btn.sppb-btn-primary.sppb-btn-outline:focus, .sppb-btn.sppb-btn-primary.sppb-btn-outline:focus {
  background-color: #166580;
}
#sp-bottom-top .sppb-btn.sppb-btn-primary:hover, .sppb-btn.sppb-btn-primary:hover, #sp-bottom-top .sppb-btn.sppb-btn-primary:focus, .sppb-btn.sppb-btn-primary:focus {
  background-color: #000000;
}
#sp-bottom-top .sppb-btn.sppb-btn-default, .sppb-btn.sppb-btn-default {
  color: #ab321c;

}

#sp-bottom-top .sppb-btn.sppb-btn-default:hover, .sppb-btn.sppb-btn-default:hover, #sp-bottom-top .sppb-btn.sppb-btn-default:focus, .sppb-btn.sppb-btn-default:focus {
  background-color: #ab321c;
    color: #fff;

}

.login .sppb-btn.sppb-btn-default:hover{
    background-color: #004D9D;
    color: #fff;
}

.login .sppb-btn.sppb-btn-default{
    background-color: #ab321c;
    color: #fff;
}

.login .col-lg-4 {
    display: flex;
    flex: auto;
    max-width: 60%;
    justify-content: space-evenly;
}

.login .plg_system_webauthn_login_button svg{
    margin: 4px;
    vertical-align: middle;
    width: 30px;
    fill: white;
}

.login .com-users-login__options {
    margin-top: 10px

}

#sp-bottom-top .sppb-btn.sppb-btn-default.sppb-btn-outline:hover, .sppb-btn.sppb-btn-default.sppb-btn-outline:hover, #sp-bottom-top .sppb-btn.sppb-btn-default.sppb-btn-outline:focus, .sppb-btn.sppb-btn-default.sppb-btn-outline:focus {
    background-color: #ab321c;
    color: #fff;

}
#sp-bottom-top .sppb-btn.sppb-btn-link, .sppb-btn.sppb-btn-link {
  color: #ab321c;
}
#sp-bottom-top .sppb-btn.sppb-btn-link.sppb-btn-primary-link, .sppb-btn.sppb-btn-link.sppb-btn-primary-link {
  color: #166580;
}
/*   
Header Oben Logo Hintergrundfarbe  und Hoehe  
*/
/*
#sp-header {
  height: 60px;
}
height: 60px;
*/
#sp-header .logo {
  background-color: #ffffff;
  
}
/*
Anpassung Zeilenhoehe Menutext
*/
/*
.sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span {
    
    line-height: 60px;
 
}
*/
.login .list-group > a {
  color: #ab321c;
}
.article-list .article .article-header h1 a, .article-list .article .article-header h2 a {
  color: #fff;
}
.article-list .article .article-header h1 a:hover, .article-list .article .article-header h2 a:hover, .article-list .article .article-header h1 a:active, .article-list .article .article-header h2 a:active, .article-list .article .article-header h1 a:focus, .article-list .article .article-header h2 a:focus {
  color: #fff;
}
.article-details .article-ratings-social-share {
  border-top: 1px solid rgba(255, 255, 255, .1);
  border-bottom: 1px solid rgba(255, 255, 255, .1);
}
.pager {
  border-top: 1px solid rgba(255, 255, 255, .15);
}
html.coming-soon body:before {
  background-color: rgba(44, 53, 49, .5);
}
html.error-page .error-code {
  color: #fff;
}
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) {
  color: #fff;
}
input[type="text"]:not(.form-control)::placeholder, input[type="email"]:not(.form-control)::placeholder, input[type="url"]:not(.form-control)::placeholder, input[type="date"]:not(.form-control)::placeholder, input[type="password"]:not(.form-control)::placeholder, input[type="search"]:not(.form-control)::placeholder, input[type="tel"]:not(.form-control)::placeholder, input[type="number"]:not(.form-control)::placeholder, select:not(.form-control)::placeholder {
  color: rgba(255, 255, 255, .5);
}
textarea.sppb-form-control, .sppb-form-group textarea.sppb-form-control {
  border-bottom: 1px solid rgba(255, 255, 255, .5);
}
textarea.sppb-form-control::placeholder, .sppb-form-group textarea.sppb-form-control::placeholder {
  color: rgba(255, 255, 255, .5);
}
.primary-bg {
  background-color: #ab321c;
}
.secondary-bg {
  background-color: #00344a;
}
/*
AUF STD 166580 geaendert
*/
.primary-bg-op5 {
  background-color: rgba(22, 101, 128, .5);
}
.primary-bg-op5 .sppb-row-overlay {
  background-color: rgba(22, 101, 128, .5);
}
.primary-bg-op6 {
  background-color: rgba(22, 101, 128, .6);
}
.primary-bg-op3 {
  background-color: rgba(22, 101, 128, .3);
}
/*
Farbe Telefonnummer
*/
#sp-logo .sp-column a {
  color: #000000;
}
/* KONTAKT Links IM MENU 
*/
.sp-contact-info {
    list-style: none;
    padding: 0;
    margin: 0 -10px;
    font-size: 19px;
    opacity: 0,7;
}
/*
Farben Language selector
*/
.mod-languages:hover form .chzn-container .chzn-single, .mod-languages:hover:before {
  color: #166580;
}
.mod-languages form .chzn-container .chzn-single {
  color: #000000;
  border-bottom: 1px solid rgba(255, 10, 255, .3);
}
.mod-languages form .chzn-container .chzn-single:hover, .mod-languages form .chzn-container .chzn-single:focus {
  color: #000000;
  border-bottom-color: #fff;
}
.mod-languages form .chzn-container.chzn-container-active .chzn-single {
  border-bottom-color: #166580;
}
.mod-languages form .chzn-container .chzn-drop {
  color: #166580;
}
.mod-languages form .chzn-container .chzn-drop .chzn-results li:hover, .mod-languages form .chzn-container .chzn-drop .chzn-results li:focus, .mod-languages form .chzn-container .chzn-drop .chzn-results li.result-selected {
  color: #166580;
}
.hero-slider div[class*=sp-slider-content-align] {
  background-color: rgba(44, 53, 49, .6);
}
.req-a-call .sppb-form-builder-btn button:hover, .req-a-call .sppb-form-builder-btn button:focus {
  color: #166580;
}
.sppb-addon-testimonial .sppb-addon-content {
  border-left: 3px solid #00344a;
}
.sppb-addon-testimonial .sppb-addon-content .sppb-addon-testimonial-review {
  border-bottom: 1px solid rgba(255, 255, 255, .1);
}
.sppb-addon-testimonial:hover .sppb-addon-content {
  background-color: #00344a;
}
.sppb-addon-testimonial .sppb-addon-testimonial-footer .sppb-addon-testimonial-client-url, .sppb-addon-testimonial .sppb-addon-testimonial-footer .sppb-addon-testimonial-client {
  color: #fff;
}
.sppb-addon-form-builder:not(.req-a-call) .sppb-form-control::placeholder, .sppb-addon-form-builder:not(.req-a-call) .sppb-form-group .sppb-form-control::placeholder {
  color: rgba(255, 255, 255, .5);
}
.sppb-addon-form-builder:not(.req-a-call) .form-builder-checkbox-item label::before, .sppb-addon-form-builder:not(.req-a-call) .form-builder-radio-item label::before, .sppb-addon-form-builder:not(.req-a-call) .sppb-form-check-label::before {
  border-color: #fff;
}
.sppb-addon-form-builder:not(.req-a-call) .form-builder-checkbox-item input:checked + label::before, .sppb-addon-form-builder:not(.req-a-call) .form-builder-radio-item input:checked + label::before, .sppb-addon-form-builder:not(.req-a-call) .sppb-form-check-input:checked + label::before {
  background: #fff;
  border-color: #fff;
}
.sppb-addon-form-builder:not(.req-a-call) textarea.sppb-form-control {
  border-bottom: 1px solid rgba(255, 255, 255, .5);
}
.sppb-addon-form-builder:not(.req-a-call) .sppb-form-builder-btn .sppb-btn {
  background-color: #00344a;
}
.sppb-addon-form-builder:not(.req-a-call) .sppb-form-builder-btn .sppb-btn:hover, .sppb-addon-form-builder:not(.req-a-call) .sppb-form-builder-btn .sppb-btn:focus {
  background-color: #004664;
}
.sppb-addon-persion .sppb-person-information > span.sppb-person-designation, .sppb-addon-persion .sppb-person-information > span.sppb-person-email, .sppb-addon-person .sppb-person-information > span.sppb-person-designation, .sppb-addon-person .sppb-person-information > span.sppb-person-email {
  color: #fff;
}
.sppb-addon-person .person-content-show-on-hover {
  background: #166580;
}
.sppb-addon-ajax-contact {
  background-color: #00344a;
}
.sppb-addon-form-builder.contact-from-wrap {
  background-color: #00344a;
}
.bd-column-wrap {
  border: 1px solid #00344a;
}
.sp-simpleportfolio-view-items .carousel-item .sp-simpleportfolio-info .sp-simpleportfolio-title > a {
  color: #fff;
}
.sp-simpleportfolio-view-items .carousel-item .sp-simpleportfolio-info .sp-simpleportfolio-title > a:hover, .sp-simpleportfolio-view-items .carousel-item .sp-simpleportfolio-info .sp-simpleportfolio-title > a:focus {
  color: #fff;
}
.sp-simpleportfolio-view-items .sp-simpleportfolio-filter ul > li.active > a {
  border-bottom-color: #fff;
}
.sp-simpleportfolio-view-items .sp-simpleportfolio-filter ul > li.active > a, .sp-simpleportfolio-view-items .sp-simpleportfolio-filter ul > li > a {
  color: #fff;
}
.sp-simpleportfolio-items .sp-simpleportfolio-item .sp-simpleportfolio-info .sp-simpleportfolio-title > a {
  color: #fff;
}
.project-details-info-wrap {
  background-color: #00344a;
}
.megainc-custom-tab .sppb-nav-custom {
  background-color: rgba(44, 53, 49, .3);
}
.megainc-custom-tab .sppb-nav-custom > li > a {
  color: #fff;
}
.megainc-custom-tab .sppb-nav-custom > li > a:hover, .megainc-custom-tab .sppb-nav-custom > li > a:focus {
  border-left-color: #fff !important;
  background-color: #00344a;
  color: rgba(255, 255, 255, .6);
}
.megainc-custom-tab .sppb-nav-custom > li.active > a {
  border-left-color: #fff !important;
  background-color: #00344a;
  color: rgba(255, 255, 255, .6);
}
.sppb-addon-articles .sppb-addon-article {
  border-top: 3px solid #00344a;
}
.sppb-addon-articles .sppb-addon-article a {
  color: #fff;
}
.sppb-addon-articles .sppb-addon-article a:hover, .sppb-addon-articles .sppb-addon-article a:focus {
  color: #fff;
}
.sppb-addon-articles .sppb-addon-article .sppb-article-info-wrap h3 a {
  color: #fff;
}
.sppb-addon-articles .sppb-addon-article .sppb-article-info-wrap h3 a:hover, .sppb-addon-articles .sppb-addon-article .sppb-article-info-wrap h3 a:focus {
  color: #fff;
}
.sppb-addon-articles .sppb-addon-article .sppb-article-info-wrap .sppb-article-meta > span {
  color: #fff;
}
.view-article .article-details .sppb-addon-text-block blockquote {
  border-left: 3px solid #00344a;
}
.view-article .article-details a {
  color: #fff;
}
.view-article .article-details a:hover, .view-article .article-details a:focus {
  opacity: 0.7;
}
.categories-module.mod-list a {
  color: #fff;
}
.categories-module.mod-list a:hover, .categories-module.mod-list a:focus {
  color: #fff;
}
.social-icons-only a {
  color: #fff;
}
.social-icons-only a:hover, .social-icons-only a:focus {
  color: #fff;
}
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 rgba(255, 255, 255, 0.5);
}
input[type="text"]:not(.form-control):focus, input[type="email"]:not(.form-control):focus, input[type="url"]:not(.form-control):focus, input[type="date"]:not(.form-control):focus, input[type="password"]:not(.form-control):focus, input[type="search"]:not(.form-control):focus, input[type="tel"]:not(.form-control):focus, input[type="number"]:not(.form-control):focus, select:not(.form-control):focus {
  color: #fff;
  border-bottom-color: #fff;
}
textarea.sppb-form-control, .sppb-form-group textarea.sppb-form-control {
  color: #fff;
}
body.preset-white .sppb-addon-testimonial:hover .sppb-addon-content {
  border-left-color: #ab321c;
}
body.preset-white #sp-header .logo {
  background-color: #ab321c;
}
body.preset-white #sp-menu-right .sppb-btn.btn-white {
  border-color: #ab321c;
  color: #ab321c;
}
body.preset-white .sppb-btn.preset-white-btn {
  background-color: #ab321c;
}
body.preset-white .sp-simpleportfolio-view-items .carousel-control-prev, body.preset-white .sp-simpleportfolio-view-items .carousel-control-next {
  color: #fff;
}
body.preset-white .megainc-custom-tab .sppb-nav-custom {
  background-color: #ab321c;
}
body.preset-white .contact-from-wrap.gray-section .sppb-form-builder-btn button {
  background-color: #ab321c;
}
body.preset-white.com-users #sp-main-body .sppb-btn.sppb-btn-default {
  background-color: #ab321c;
}
/*
HEROSLIDER IM FILM 
*/
.hero-slider div[class*="sp-slider-content-align"] {
    max-width: 740px;
    padding: 90px 100px 120px 130px;
    border-left: 10px solid #ab321c;
}
.hero-slider div[class*="sp-slider-content-align"] {
    background-color: rgba(40, 40, 50, .6);
}
/*
NEUE BOTTOMPOSITION
*/
/*
Alte postion
.sppb-addon-image-content.aligment-right .sppb-image-holder {
    right: 0;
}
.sppb-addon-image-content .sppb-image-holder {
    position: absolute;
    top: 0;
    width: 50%;
    height: 100%;
    background-position: 50%;
    background-size: cover;
}
*/
.sppb-addon-image-content .sppb-image-holder {
    position: absolute;
    top: 0;
    width: 50%;
    height: 90%;
    background-position: 50%;
    background-size: cover;
}

@media (min-width: 992px) and (max-width: 1200px){
	.sp-megamenu-parent {
    		width: 560px;
	}
}

@media (min-width: 1200px) and (max-width: 1300px){
	.sp-megamenu-parent {
    		width: 665px;
	}
}

@media (min-width: 1440px) and (max-width: 1525px){
	.sp-megamenu-parent {
    		width: 780px;
	}
	#sp-menu-right > .sp-column {

    		margin-right: 10px;
	}
}


@media (max-width: 1615px){
	#sp-logo .sp-module.mod-contact-btn {
    		display: none;
	}
}

.close-offcanvas .fa{
    padding-top: 5.4px;
}

/*
Offcanvas Menu-Link- Frabe und grösse
*/
#offcanvas-toggler > i.fa {font-size:30px; color: #166580;}
/*
Zeige Offcanvas Hamburger nur bei kleinen Screens
*/
@media (min-width: 992px) {
  .offcanvas-menu, #offcanvas-toggler {display:none;}
}
/* 
Mega-Menu Abstand Einträgetest 
*/
.sp-megamenu-parent > li > a, .sp-megamenu-parent > li >
span {font-size: 14px;
}
/* 
Abstand farbe dropdown mege
*/
.sp-megamenu-parent .sp-dropdown li.sp-menu-item >a, .sp-megamenu-parent .sp-dropdown li.sp-menu-item span {
    display: block;
    padding: 4px;
    color: #ab321c;
    cursor: pointer;
}
/*
Schrift Mega hauptlinie
*/

.sppb-person-introtext{
	text-align: justify!important;
}

.login .col-md-4{
    display: flex;
    flex: auto;
    max-width: 60%;
    justify-content: space-evenly;
}

.login .col-md-4 .list-group{
   margin-top: 20px;
}

.sppb-btn.sppb-btn-default.support-button{
    background-color: #ab321c;
    color: #fff
}