/* Copyright (C) WarpTheme, http://www.gnu.org/licenses/gpl.html GNU/GPL */

/* ========================================================================
   Use this file to add custom CSS easily
 ========================================================================== */
/* poppins-regular - latin */
@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 400;
    src: url("../fonts/poppins-v19-latin-regular.eot");
    /* IE9 Compat Modes */
    src: local(""), url("../fonts/poppins-v19-latin-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/poppins-v19-latin-regular.woff2") format("woff2"), url("../fonts/poppins-v19-latin-regular.woff") format("woff"), url("../fonts/poppins-v19-latin-regular.ttf") format("truetype"), url("../fonts/poppins-v19-latin-regular.svg#Poppins") format("svg");
    /* Legacy iOS */
}

/* poppins-500 - latin */
@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 500;
    src: url("../fonts/poppins-v19-latin-500.eot");
    /* IE9 Compat Modes */
    src: local(""), url("../fonts/poppins-v19-latin-500.eot?#iefix") format("embedded-opentype"), url("../fonts/poppins-v19-latin-500.woff2") format("woff2"), url("../fonts/poppins-v19-latin-500.woff") format("woff"), url("../fonts/poppins-v19-latin-500.ttf") format("truetype"), url("../fonts/poppins-v19-latin-500.svg#Poppins") format("svg");
    /* Legacy iOS */
}

/* poppins-600 - latin */
@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 600;
    src: url("../fonts/poppins-v19-latin-600.eot");
    /* IE9 Compat Modes */
    src: local(""), url("../fonts/poppins-v19-latin-600.eot?#iefix") format("embedded-opentype"), url("../fonts/poppins-v19-latin-600.woff2") format("woff2"), url("../fonts/poppins-v19-latin-600.woff") format("woff"), url("../fonts/poppins-v19-latin-600.ttf") format("truetype"), url("../fonts/poppins-v19-latin-600.svg#Poppins") format("svg");
    /* Legacy iOS */
}

/* poppins-700 - latin */
@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 700;
    src: url("../fonts/poppins-v19-latin-700.eot");
    /* IE9 Compat Modes */
    src: local(""), url("../fonts/poppins-v19-latin-700.eot?#iefix") format("embedded-opentype"), url("../fonts/poppins-v19-latin-700.woff2") format("woff2"), url("../fonts/poppins-v19-latin-700.woff") format("woff"), url("../fonts/poppins-v19-latin-700.ttf") format("truetype"), url("../fonts/poppins-v19-latin-700.svg#Poppins") format("svg");
    /* Legacy iOS */
}


body {
    font-family: "Poppins", sans-serif !important;

    font-size: 15px;
    font-weight: 400;
    line-height: 1.5;
    color: #3c4858 !important;
}

/*  MENU */

.body-innerwrapper {

    background-color: #f7f8fa;
}

#djcatalog{
    font-family: 'Lato', sans-serif !important;
}

.sp-module{
    background:none;!important;
   
}




.top_right_menu .sp-module ul > li {
    font-size: 12px;

}

.top_right_menu .sp-module ul li a {
    color: #fff;
    text-transform: capitalize;
    padding: 0 10px !important;
    line-height: 13px !important;
}

.rl_tabs.nn_tabs.outline_handles.outline_content.top.align_left.has_effects {
    float: left;
    width: 100%;
}
.djc_location {
    float: left;
    width: 100%;
}
.spacer{
  margin: 20px 0;
}
/*.custom-class .sp-module {
    overflow-y: -webkit-paged-y;
}*/
ul.maximenuck li.maximenuck.level1 {
    display: block !important;
    text-align: left !important;
}
ul.maximenuck li.level1.parent > a:after, 
ul.maximenuck li.level1.parent > span.separator:after{
    top: 15px !important;
}
.nav.menu li.deeper.parent ul {
    margin-left: 20px;
}
.menucategories ul.nav-child, ul.dj-submenu {
    margin-left: 20px;
}
.subcolumns {
    width: 100%;
    overflow: hidden;
}
.ce_colsetStart {
    padding-bottom: 16px;
    border-bottom: 1px solid #e8eae5;
}
.c20l, .c25l, .c33l, .c40l, .c38l, .c50l, .c60l, .c62l, .c66l, .c75l, .c80l, .c15l, .c16l, .c30l, .c45l, .c55l, .c70l, .c85l {
    float: left;
}
.c25l, .c25r {
    width: 25%;
}
.c20r, .c25r, .c33r, .c40r, .c38r, .c50r, .c60r, .c66r, .c62r, .c75r, .c80r, .c15r, .c16r, .c30r, .c45r, .c55r, .c70r, .c85r {
    float: right;
    margin-left: -5px;
}
.ce_downloads p{ display: flex; }
.ce_text ul {
    padding-left: 15px;
}
.c33l, .c33r {
    width: 33.333%;
}
table.acymailing_form{
    margin: 15px 0 !important;
}

/* CSS by Webmex */

.c50l, .c50r {
    width: 50%;
}

.bfQuickMode span.bfElemWrap {
    	width: 48%;
	}

  .bfQuickMode span.bfLabelLeft input, .bfQuickMode span.bfLabelLeft textarea, .bfQuickMode span.bfLabelLeft select, .bfQuickMode span.bfLabelLeft button{
  	width: 100%;
}



.layout-blog, .view-article {
    background: #F4F5F9;  
}

.h4, h4 {
  
  color: #4d6096 ;
}

.h5, h5 {
  color: #4d6096 ;
}

.h3, h3 {
  font-size:20px;
  font-weight: 400;
  //color: #163279;
  color: #4d6096 ;
}


.h2, h2 {
  font-size:22px;
  font-weight: 400;
  //color: #163279;
  color: #4d6096 ;
}

.view-category .item .entry-header h2 a, .view-article .item .entry-header h2 a {

    text-transform: none;

}


.h1, h1 {
  font-size:25px;
  font-weight: 400;
}

.view-category .item .entry-header h2, .view-article .item .entry-header h2 {
    margin: 0;
    line-height: 36px;
    font-size: 22px;
}
.entry-header h2 a {
    //color: #163279;
  color: #4d6096 ;
}

.entry-image, .entry-gallery, .entry-video, .entry-audio, .entry-link {
    margin: 15px;
}

.error-logo {
  padding: 10px;
  background: #fff;
  border-radius: 3px;

}

.error-code {
  color: #4d6096;
}

.error-message {
  color:#fff;
}

.dj-submenu li a.active {
   color: #4d6096;
    font-weight: bold;
    text-decoration: underline;

}

.dj-main li a.active {
    color: #4d6096;
    font-weight: bold;
    text-decoration: underline;

}

#djcatalog .djc_subcategories_grid {

    margin-left: -10px;
    /*border-bottom: 3px dashed silver;*/
    margin-bottom: 50px;

}




/* END Webmex */

.bfQuickMode span.bfLabelLeft label{width: 100% !important; }
.bfQuickMode .bfLabelLeft .bfElementGroup {
    width: 100% !important;
}

.searchno-scroll .category-module {
    margin-top: 40px;
}
.searchno-scroll .category-module li {
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px dotted #ccc;
}
.searchno-scroll .category-module li > .mod-articles-category-title {
    font-size: 16px;
    color: #000;
    font-weight: 600;
}
.searchno-scroll .category-module li > .mod-articles-category-title:hover{
   color: #4d6096;
}

.view-item #djcatalog .djc_images{    width: 100%;
    border: 1px solid #e6e6e6;
    background: #f8f8f8;}
.view-item #djcatalog .djc_images img{ margin: 0 auto;}

td, th {
    padding: 5px;
    border: 1px solid #d4d1d1;
}
.view-article figure {
    float: none !important;
    margin: 25px 0;
}
.view-article figcaption.caption {
    font-weight: bold;
}

/*.sp-module-content .dj-up.active > ul.dj-submenu {
    display: block;
}*/

ul.dj-submenu.custom_open{ display: block !important; animation: inherit;}

.services-style-one .inner-box .lower-box {
  position: relative;
  margin-top: 0px;
 
}
.text {
	min-height: 100px;
}

.services-style-one{
  background-color: #fff;
  margin: 4px 2px;
  transition: 0.4s;
}


.services-style-one:hover {
  
 
  background-color: #e6e6e6;
  padding:10px;
  
}

.fields-container {
  border:1px solid silver;
  background-color:#dae6f2;
  padding:15px;
  
}

.fields-container dd{
  line-height:2;
  font-weight:bold;
  
}

.fields-container .field-entry .field-label {
  
  display:inline-block;
  width:120px;
  background-color:#F4F5F9;
  margin:1px;
  padding-left:5px;
}


/*   MEX NEUES DESIGN */

.sp-megamenu-parent > li > a {
    display: inline-block;
    padding: 10px 10px;
    line-height: 55px;
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #3c4858;
    font-weight: 600;
    transition: all 0.5s;
    margin: 0;

}

.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a {
    color: #3c4858;
    font-weight: 600;
    letter-spacing: 0.04em;
}


.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a.sp-group-title, .sp-megamenu-parent .sp-dropdown li.sp-menu-item span.sp-group-title{


    font-weight: 600;

}




.sp-megamenu-parent .sp-dropdown.sp-dropdown-main {
    top: 85%!important;

    padding:0;

}


#sp-top-bar{
    height: 65px;
}


#sp-header {
    background-color: rgba(255, 255, 255, 0.8) !important;
    height: 74px;

}
#sp-component {
    margin-top: -62px;
}



.nav-placeholder {
    margin-top: -24px;
}

.logo img {

    max-width:80%;
    margin-bottom: 15px;
}



#offcanvas-toggler {

    position: absolute;
    right: 30px;
    top: 22px;
    line-height: 0px;
    margin-left: 0px;
    font-size: 30px;


}

/*Ausblenden bei Groß*/


@media (min-width:991px) {
    #offcanvas-toggler {
        display:none!important
    }
}


#offcanvas-toggler > i {
    color: #3c4858 !important;
}


#sp-logo .sp-column {

    float:left;
}

.tp-simpleresponsive > ul li {




}
/*Slider Bogen*/

#qx-custom-html-7283 {
    position: relative !important;
    z-index: 1000;

}


.shape {
    position: absolute;
    pointer-events: none;
    right: 0;
    bottom: -2px;
    left: 0;
}

.shape > svg {
    -webkit-transform: scale(2);
    transform: scale(2);
    width: 100%;
    height: auto;
    -webkit-transform-origin: top center;
    transform-origin: top center;
    color: #f7f8fa !important;  /*TEXT LIGHT*/
}

/* Bogen Ende */

/* Slider CSS */

.site-main-slider h1 {

    text-transform: none;
    border:none;
    color: #fff !important;
    font-size: 70px;
    line-height: 1.2em;
    font-weight: 600;

}

.site-main-slider h1::before {
    background:none;
    z-index:100;
}

.text-white {
    color: #fff !important;
}

.subline-slide {

    color: #fff !important;
    font-size: 2em !important;
    line-height: 1.25em !important;
}

.tp-caption .btn {

    background-color: #1e3e78 !important;
    border: 1px solid #1e3e78 !important;
    color: #ffffff !important;
    -webkit-box-shadow: 0 3px 5px 0 rgba(30, 62, 120, 0.3);
    box-shadow: 0 3px 5px 0 rgba(30, 62, 120, 0.3);
    font-size: 14px;
}


.btn-primary {
    background-color: #1e3e78 !important;
    border: 1px solid #1e3e78 !important;
    color: #ffffff !important;
    -webkit-box-shadow: 0 3px 5px 0 rgba(30, 62, 120, 0.3);
    box-shadow: 0 3px 5px 0 rgba(30, 62, 120, 0.3);
}

.btn.btn-lg {
    padding: 14px 30px;
    font-size: 16px;
}


#qx-column-54134 h1 {
	color:#3c4858!important;
	
	font-family: "Poppins", sans-serif;
	line-height: 1.5;
	font-weight: 600;
	font-size: 36px !important;
	
}

#qx-column-54134 p {
	
	font-family: "Poppins", sans-serif;
	line-height: 1.5;
	font-weight: 600;
	font-size: 20px !important;
	
}	


/* Solution Card Styles */


#qx-heading-89938 h2 {
	
	
	font-family: "Poppins", sans-serif;
	line-height: 1.5;
	font-weight: 600;
	font-size: 32px !important;
	color: #3c4858;

}

.rounded-0 {
    border-radius: 0 !important;
}




.card {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border:none;
    border-radius: .25rem;
}

.card {
    background: transparent;
}

.overflow-hidden {
    overflow: hidden !important;
}

.team:hover.team-two .team-image .overlay {
    opacity: 1;
}

.team.team-two .team-image .overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
    opacity: 0;
}

.team.team-primary .team-image .overlay {
    background: rgba(30, 62, 120, 0.8);
}

.overlay.circle {
    border-radius: 50%;
    margin: 10px;
}

.text-white {
    color: #fff !important;
}

.p-3 {
    padding: 1rem !important;
}

.team .team-content, .team .team-social {
    position: absolute;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
    opacity: 0;
}

.team-content.categories {
    top: 50% !important;
    left: 50% !important;
    bottom: auto !important;
    -webkit-transform: translate(-50%, -50%) !important;
    transform: translate(-50%, -50%) !important;
}

.team:hover .team-content, .team:hover .team-social {
    opacity: 1;
}

.d-block {
    display: block !important;
}

.h5.text-primary {
	
	
	
	
	font-size: 18px !important;
	font-family: "Poppins", sans-serif;
    line-height: 1.5;
    font-weight: 600;
}


#qx-heading-851930 h2 {

	font-family: "Poppins", sans-serif;
	line-height: 1.5;
	font-weight: 600;
	font-size: 32px !important;
	color: #3c4858;

}

.qx-subtitle h2 {
	font-family: "Poppins", sans-serif;
	line-height: 1.5;
	font-weight: 600;
	font-size: 32px !important;
	color: #3c4858;


}



/*  Start News Box

    color: #3c4858 !important;

       min  767-  max 768
       min  991-  max 992
        1200

 */

.qx-container h3 {
    text-align: center;
    font-family: Lato, sans-serif;
    font-weight: 700;


    font-size: 20px !important;
    color: #4d6096;
}

.qx-container h4 {
    font-family: "Poppins", sans-serif;
    line-height: 1.5;
    font-weight: 600;
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 20px !important;
}


.bg-white {
    background-color: #fff !important;
}

.blog {
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.img-fluid {
    max-width: 100%;
    height: auto;
}


.rounded {
    border-radius: 6px !important;
}

.shadow {
    -webkit-box-shadow: 0 0 3px rgba(60, 72, 88, 0.15) !important;
    box-shadow: 0 0 3px rgba(60, 72, 88, 0.15) !important;
}


.card {
    background: transparent;
    background-color: transparent;

}

.card {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: none;
    border-radius: .25rem;
}

.overflow-hidden {
    overflow: hidden !important;
}

.card-body {
    flex: 1 1 auto;
    padding: 1rem 1rem;
}

.text-dark {
    color: #3c4858 !important;
}

.h5.title {
    font-size: 18px !important;
}

.blog .image .blog-tag {
    position: absolute;
    bottom: -30px;
    left: 24px;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
    opacity: 0;
}

.blog:hover {
    -webkit-box-shadow: 0 10px 25px rgba(60, 72, 88, 0.15) !important;
    box-shadow: 0 10px 25px rgba(60, 72, 88, 0.15) !important;
}

.blog:hover .image .blog-tag {
    bottom: 20px;
    opacity: 1;
}

.position-relative {
    position: relative !important;
}



.text-center {
    text-align: center !important;
}


.text-primary {
    color: #1e3e78 !important;
}

.justify-content-center {
    justify-content: center !important;
}

.mt-5 {
    margin-top: 3rem !important;
}

.qx-carousel-item img {

    border: none !important;
}

#sp-bottom .sp-module-title {
    color: #fff;
    font-family: inherit;
    font-size: 14px;
    font-weight: 700;
    line-height: 14px;
    text-transform: uppercase;
    position: relative;
    width: 100%;
    display: block;
    padding: 0px;
    margin: 0px;
    margin-bottom: 20px;
}

#sp-bottom .sp-module-title::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 30px;
    height: 2px;
    background: none;
    display: block;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: "Poppins", sans-serif;
    line-height: 1.5;
    font-weight: 600;
}

h6, .h6 {
    font-size: 15px !important;
}

#sp-bottom .sp-module .sp-module-title {
    text-transform: none;
    font-weight: 600;
    font-size: 15px;
}

#sp-sub-left .suble {
    background: none;
    padding: 0px;
    border-radius: 0px;
    margin-top: 0px;
    position: relative;
}

#sp-sub-right .subre {
    background: none;
    padding: 0px;
    border-radius: 0px;
    margin-top: 0px;
    position: relative;
    text-align:right;

}

#sp-sub-left a {
    padding: 6px 10px 6px 10px;
    margin: 5px;
    color: #8890a4;
    border: 1px solid #3c4858;
    transition: all 0.4s ease;
}

#sp-sub-left a:hover {
    background-color: #1e3e78;
    border-color: #1e3e78 !important;
    color: #ffffff !important;
}







#sp-bottom .sp-module ul > li a {
    line-height: inherit;
    color: #8890a4;
}

.sp-module ul > li {
    display: inline;
    border-bottom: 1px solid #e8e8e8;
    -webkit-transition: 300ms;
    transition: 300ms;

}

#qx-carousel-4409 .qx-carousel-item img{

    /*border: 1px solid red!important;*/
    height: 200px;

}