/**************************************************************************************/
/*
/*		Designed by 'AgITO'
/*		Web: https://www.agito.de
/*		License: AgITO
/*
/*****dunkelblau #003470****R0 G52 B112**   rot: #DE1621 *****hellblau #029adb****beige *****/

@media (max-width: 471px) {
  .input-group .btn {   margin-left: 0px !important;  margin-top: 40px !important;  width: 300px !important; border-radius: 0px !important;}
.str1, .str2, .str3 { margin-top:15px !important; }  

}


@media (max-width: 1399px) {
  #offcanvas-toggler {
    display: inline-flex !important;    float: right !important;        height: 80px;    line-height: 80px;    font-size: 20px;
   font-weight:bold;  background:#f0f0f0; padding:10px;}
.d-lg-block {    display: none !important;  }   
}




@media screen and (min-width: 1024px) {
  .pt40 {    padding-top: 105px;  }
}

@media screen and (max-width: 1024px) {
 .block70, .block50, .block30   {  width:100% !important;  }
}

@media screen and (max-width: 991px) {  

.block25 .block60, .block_auto, .block100, .block20, .block35, .block65 { width: 100% !important;}
.pic31 { padding: 10px 0px 0px 0px !important;}
#sp-main-body { padding: 0px 0px 20px 0px !important; }
#sp-component h1 { margin-top: 10px !important; font-size:28px !important; }
#sp-top2 .tar {text-align:left !important;}
.box20 {width:100% !important;}
  #offcanvas-toggler { font-size: 30px; font-weight:bold; margin-top:-60px; background:#f0f0f0; padding:10px;}
.pic23  {padding: 0px !important;} /* xx */  
 .awesomplete {  margin-top:10px; margin-bottom:10px;} 
  #sp-top2 {margin-top:10px;}
}

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

.block_tk { width: 100% !important; margin-bottom:30px;}
}

@media (min-width: 768px) and (max-width: 991px)  {
  #sp-logo img {  width: 90%; margin-top:-20px !important;}
    #sp-logo {  width: 60%; float:left;}
.project-inner h4 {  font-size: 16px !important;} 
      .project-inner {  font-size: 16px !important;}
  .disnone {display:none;}  
}

@media (min-width: 992px) and (max-width: 1300px)  {
.project-inner h4 {  font-size: 14px !important;} 
      .project-inner {  font-size: 14px !important;
   line-height: 1.2 !important;}
  
}



body {color:#333 !important; line-height: 1.7em; word-spacing: 1px;font-family: 'Roboto', sans-serif;font-size: 16px;font-weight: 400;}

.xlink {cursor:no-drop}
.hlink{cursor:help}
html {overflow-y:scroll;}

a {color:#003470;}
a:focus, a:active { color:#ccc !important;}
a:hover {background: #333; color:#f0f0f0;}

#sp-header .logo a:hover {background: transparent !important;}
#sp-menu .fa-snowflake::before {  color:#003470 !important;}
#sp-menu .fa-truck-loading::before {color:#333333 !important;}



#sp-component a:hover { color:red !important;}
.b {  font-weight: bold;}

p {font-family: Roboto, sans-serif;}


.sp-megamenu-parent > li > a {    width: 100%;    position: relative;
color: #003470 !important;   padding: 0 10px !important;  font-weight: normal;  font-size: 16px;  text-transform: none !important;   margin-right: 2px; letter-spacing: 1px; line-height: 90px;}
.sp-megamenu-parent > li.active > a, .sp-megamenu-parent > li:hover > a {  color: #fff !important;   background: #003470 !important;}

#sp-menu .fa-home::before {  color: #fff !important;  background: #e12c36 !important;  font-size: 120% !important;}

.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a, .sp-megamenu-parent .sp-dropdown li.sp-menu-item span:not(.sp-menu-badge) {
  font-size: 16px;  line-height: 1.8;  display: inline-block;  padding: 8px 5px;  cursor: pointer;}

.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a:hover {color: #fff !important;  background: #00aadd !important; width:100%;}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item.active > a {  color: #de1621 !important;}

#sp-menu .fa-home {  color: #de1621 !important;}
.offcanvas-menu .offcanvas-inner ul.menu > li > a:hover, .offcanvas-menu .offcanvas-inner ul.menu > li > span {
 color: #fff !important;  background: #e12c36 !important;}
.offcanvas-menu .offcanvas-inner ul.menu > li.menu-parent li.menu-parent > a {
 color: #fff !important;  background: #e12c36 !important;}
.offcanvas-menu .offcanvas-inner ul.menu > li.active a {
  color: #fff !important;  background: #003470 !important; }
.offcanvas-menu .offcanvas-inner ul.menu > li > a {   padding: 10px 10px;  opacity: 1;}

#sp-main-body {  padding: 0px 0px 30px 0px;}
#sp-news h4 {  line-height: 1.5em; font-weight:700;}
#sp-bottom h1  {color: #fff;}
#sp-bottom {  font-size: 16px;  line-height: 1.7;}
#sp-footer {  font-size: 16px;  line-height: 1.7;}
#sp-footer .container-inner {  padding: 10px 0px 50px 0px;  border-top: 0px solid rgba(255, 255, 255, 0.1);}

/***search***/
.search .btn-toolbar button { background: #003470; }
#searchForm .btn { margin-left:30px; margin-top:40px;    font-weight: 500;}
.icon-search {color: #fff; padding-right:20px;}
.input-group .btn {  position: relative;  z-index: 2;  margin-left: 20px !important;  margin-top: 20px;  background: #003470 !important;}


.breadcrumb {  padding: 0.75rem 0rem 0.5rem !important;  background-color: #f0f0f0;  border-radius: 0rem;}
#sp-breadcrumb-line {}

.form-control {  border-radius: 0rem;}
.fa-file-alt::before, .fa-file-lines::before, .fa-file-text::before {
  content: "\f15c";}


#search-form {margin: 30px 0px;}
#search-form .fa, .fas, .far {}
#sp-menu .fa, .fas, .far {  color: #E20026 !important; }

.finder {margin-bottom: 50px; padding-bottom:40px; border-bottom:1px solid #ccc;}
.input-group .btn {  position: relative;  z-index: 2; margin-left:20px !important; margin-top: 20px; width:200px; background:#737373 !important;}

.com-finder > * + *, .com-finder__results > * + * {
  margin-top: 0em !important;}

.ash1 {  margin-top: 20px;  margin-bottom: 5px;  line-height: 1.6em;  color: #003470;  font-family: 'Roboto', sans-serif;
  font-size: 34px;  font-weight: 300;}

.pic  {display:block; border: 1px solid #cccccc; padding:1px; } /* xx */
.pic1  {display:block !important; overflow:hidden; float:left; }
.pic11 {  display: block;  overflow: hidden;  float: left;  padding: 5px 10px 0px 0px;  max-width: 400px;}

.pic_social {  display: block;  overflow: hidden;  float: right;  margin: 0px 0px 20px 20px;  width: 40px;}
.pic_icon {  display: block;  overflow: hidden;  float: left;  padding: 0px 20px 0px 0px;  max-height: 40px;}

.pic2  {display:block; overflow:hidden; float:right; } 
.pic21 {  display: block;  overflow: hidden;  float: right;  padding: 1px;  margin: 0px 0px 25px 25px;}
.pic22 {  display: block;  overflow: hidden;  float: right;  margin: -20px 0px 0px 20px;}
.pic23 {  float: right;  padding: 0px 50px 0px 25px;  margin-top: -10px;}
.pic25 {  float: right;  padding: 20px 0px 20px 25px;  max-width: 400px;}
.pic3  {display:block; overflow:hidden; margin: 0px auto; }
.pic34 {  display: inline;  overflow: hidden;  padding: 0px 20px 0px 0px;}
.pic41 {  display: block;  overflow: hidden;  padding-bottom: 10px;}


h2 {line-height:1.4em !important; letter-spacing: 0px; }
h4 a:hover, a:focus, a:active { color:#DE1621 !important;}
.banner h3 {color:transparent !important;}

.mt10 {display:block; overflow:hidden; margin-top: 10px !important;}
.mt20 {display:block; overflow:hidden; margin-top: 20px !important;}
.mb20 { margin-bottom: 20px;}
.mt30 { margin-top: 30px;}
.mb10 { margin-bottom: 10px;}

.mh150 {display:block; overflow:hidden; height:150px; border:0px solid red;}
.mh130 {display:block; overflow:hidden; height:120px; border:0px solid red;}
.mh40 {display:block; overflow:hidden; height:40px; border:0px solid red;}


.block100  {display:block; overflow:hidden; width:100% !important; height:100%; margin: 10px 0px; }
.block70 {  display: block;  overflow: hidden;  width: 75%;  border: 0px solid red;}
.block50  {display:block; overflow:hidden; width:49%; float:left; }
.block30 {  display: block;  overflow: hidden;  width: 25%;  border: 0px solid red;  height: 100%;}
.box20 {  display: block;  overflow: hidden;  float: left;  width: 19%;  border-right: 1px solid #ccc;  font-size: 14px;
  padding: 7px 6px 6px 6px;  min-height: 40px;}
.block25 {  display: block;  overflow: hidden;  width: 28%;  border: 1px solid #f0f0f0;  height: 100%;  padding: 10px;  float: left;
  margin-right: 10px;}
.block_tk  {display:block; overflow:hidden; width:49%; }


..sppb-panel-title::after {content: "\f08c";}

.bg_f0 {  background: #f0f0f0;}
.bg_db {  background: #003470;}
.hk1 {  padding: 6px 10px;  display: block;  overflow: hidden;  width: 170px;  margin-bottom: 10px;  min-height: 40px;}
.vac { padding:12px 0px !important;}

.p10 { padding: 10px;}
.p20 { padding: 20px;}
.p20l { padding-left: 20px;}
.p20r { padding-right: 20px;}
.p10r { padding-right: 10px;}


/**visforms**/
.visform .btn-save, .visBtnCon .vfbt-next, .visform .verifyMailBtn.active {
  color: #fff; 
  background-color: #003470 !important; background-image: linear-gradient(to bottom,#003470,#003470); }



a.anchorPos {display: block; position: relative; top: -180px; visibility: hidden;}

#sp-component .fa, .fas, .far {color:#003470;}

#sp-search {text-align:left !important;}
.com-finder > * + *, .com-finder__results > * + * {  margin-top: 0em;}
.btn-primary.disabled, .btn-primary:disabled {
  color: #fff;
  background-color: #003470;
  border-color: #003470; margin-left:20px !important; opacity: 1 !important;
}


.fa, .fas, .far {color:#ccc;}
.fl {float:left;}
.fr {float:right;}
.tac {text-align:center !important;}
.fs80 {font-size:80% !important;}
.fs90 {font-size:90% !important;}
.fs110 {font-size:110% !important;}
.fs120 {font-size:120% !important;}
.fs150 {font-size:150% !important;}
.fs250 {font-size:250% !important;}
.tar {text-align:right !important;}
.tal {text-align:left !important;}
.lh90 {line-height:1.2em !important;}
.lh20 {line-height:2.0em !important;}
.lc {text-transform:lowercase !important;}


.red {color:#DE1621 !important;}
.blue {color:#003470;}
.db {color:#003470;}
.white {color:#fff !important;}
.white a:visited {color:#fff !important;}
.white a {color:#fff !important;}
.b {font-weight:bold;}
.bg_db {background:#003470;}
.bg_f0 {background:#f0f0f0;}
.bg_bk {background:#333;}
.bg_gr {background:#8c8480;}
.bg_green {background:green;}

.stellenanzeige { border: 1px dotted #ccc;    padding: 15px;  text-align:center;  background: #fff;
    margin-top: 10px;    box-shadow: 1px 1px 5px #f0f0f0;    border: 1px outset #fff; margin-bottom:20px; }
.pikett {display: block; overflow: hidden; width: 100% !important; color:#003470;
    text-align: center;    border: 1px dotted #ccc; font-size:20px;   padding: 25px;    background: #fff;
     margin-bottom:40px;  box-shadow: 1px 1px 5px #f0f0f0;   border: 1px outset #fff;    }
.sitemap {  display: block;  overflow: hidden;  width: 100%;  margin: 0px 0px 30px;
  line-height: 2.0em !important;}



h1 {margin-top: 20px; margin-bottom:5px; line-height:1.6em; color:#003470;   font-family: 'Roboto', sans-serif;  font-size: 34px;  font-weight: 300;}
h2 {font-family: 'Roboto', sans-serif; line-height:1.4em !important; letter-spacing: 0px; font-family: 'Roboto', sans-serif; font-size: 20px; font-weight: 300;}
h3 {font-family: 'Roboto', sans-serif; margin-top: 10px; margin-bottom:10px; line-height:1.4em; color:#003470;letter-spacing: 0px;text-transform:uppercase; font-weight:500 !important; font-size: 20px;}
h4 {font-family: 'Roboto', sans-serif; color:#003470; font-size: 18px; font-weight: regular;}


/*****news usw pb****/

.project-inner {  text-align: center;  border: 1px dotted #ccc;  padding: 15px;  background: #fff;  margin-top: 10px;
  box-shadow: 1px 1px 5px #f0f0f0;  border: 1px outset #fff;}
.project-inner h4 {  font-size: 18px;  text-transform: none;  margin: 20px 0px !important;}

.project-inner-2 {  text-align: center;  border: 1px dotted #ccc;  padding: 5px;
  background: #fff;  box-shadow: 1px 1px 5px #f0f0f0;  border: 1px outset #fff;}


#sppb-addon-1693831008293 h2 {color: #DE1621 !important;  line-height: 25px !important; font-weight:500;}
#sppb-addon-1699458208515 h2 {color: #003470 !important;  line-height: 25px !important; font-weight:500;}
#sppb-addon-1699458736421 h2 {color: #333 !important;  line-height: 25px !important; font-weight:500;}
section-id-1693831008290 a:hover {color:#003470 !important; }
#sppb-addon-1699620558024 .sppb-panel-modern > .sppb-panel-heading {background: #003470;}
#sppb-addon-1699882103869 .sppb-panel-modern > .sppb-panel-heading {background: #000000;}
#sppb-addon-1699881755739 .sppb-panel-modern > .sppb-panel-heading {background: #000000;}
#sppb-addon-1699881755739 .fa, .fas, .far {  color: #fff;}
#sppb-addon-1699882103869 .fa, .fas, .far {  color: #fff;}
#section-id-1693831008290 h2 {color: #003470 !important;  line-height: 25px !important; font-weight:300;}

.btn, .btn a, .btn-tkm, .btn-tkm a, .btn-strom, .btn-strom a, .btn-black, .btn-black a, .btn-tk, .btn-tk a, .btn-ecool, .btn-ecool a {   color: #fff !important;  font-family: Roboto, sans-serif;  border-radius: 0px;  width: 100%;  vertical-align: baseline;  padding: 8px 5px;  font-size: 16px;  font-weight: 500;  bottom: 20px;  margin-top: 10px;}

.bt20 {display:block; position:absolute; bottom:20px;}
.btn-ecool, .btn-tk, .btn-strom, .btn-black a:hover {color: #f0f0f0 !important;}


.btn a {  display: block;  overflow: hidden;  width: 100% !important;  background-color: #003470 !important;  color: #fff !important;}

.btn a { display: block; overflow: hidden; width: 100% !important; background-color: #003470 !important; color:#fff !important;}
.btn-tk a { display: block; overflow: hidden; width: 100% !important; background-color: #003470 !important; color:#fff !important;}
.btn-tkm a {    display: block;    overflow: hidden;    width: 100%;     background-color: #029adb !important; color:#fff !important;}
.btn-strom a {    display: block;    overflow: hidden;    width: 100%;      background-color: #DE1621 !important; color:#fff !important;}
.btn-black a { display: block; overflow: hidden; width: 100%; background-color: #333 !important; color:#fff !important;}
.btn-black a:hover { color:#fff !important;}
.btn-service a { display: block; overflow: hidden; width: 100%;  background-color: #f0f0f0 !important; border:1px solid #ccc; color:#003470 !important; margin-top:30px; padding: 8px 12px; font-size:16px; font-weight: 500;}
.btn-aksa a { display: block; overflow: hidden; width: 100% !important; background-color:#f0f0f0  !important; color:#021021 !important;}
.btn-ecool a {    display: block;    overflow: hidden;    width: 100%;      background-color: #00aadd !important; color:#fff !important;}

.btn-aksa, .btn-aksa a {  color: #021021 !important;  font-family: Roboto, sans-serif;  border-radius: 0px;
  width: 100%;  vertical-align: baseline;  padding: 8px 10px;  font-size: 16px;  font-weight: 500;  bottom: 20px;  margin-top: 5px;}


.btn_download {  background: #f0f0f7;  display: block;  overflow: hidden;  color: #003470 !important;  padding: 13px;}

/***sigplus Galerie***/
.captionplus {  border: 1px solid #ccc;  box-shadow: 0 1px 4px 0 rgba(12, 12, 13, 0.1);}
.captionplus-horizontal-center.captionplus-vertical-center {
  line-height: 1.2em !important; padding:10px; font-size: 14px !important;  text-align: left !important; 
 }
.captionplus-outside {
  margin-bottom:20px !important;
}
  
.image-effect-zoom-in .overlay-image-title::before {
    border: 0px solid #fff !important;}


/**accodrion pagebuilder**/
#section-id-1699620558021 .fa {color:white !important;}
.sppb-panel-modern > .sppb-panel-heading {
  padding: 10px 30px 10px 15px;    background: #de1621; border-radius: 0px;  color: #fff; font-weight: bold;
  text-transform: uppercase;  line-height: 20px;}
.sppb-panel-title {  font-size: 16px; }


/*****AGB*******/

#agb h2 {line-height:1.4em !important; letter-spacing: 0px; color:#18477d; margin-top: 20px; }
#agb h3 {font-size: 16px !important; text-transform: none !important; margin-top:15px;}
#agb  {line-height:1.4em !important; font-size: 14px; }
ul .ds {}


/*****str*******/

.str1 { width: 95%; margin:0px auto; color: #003470;  margin-bottom: 10px; height: 1px !important;    background-color: #003470; border: #003470; vertical-align: top; opacity: 1 !important;}

.str2 {width: 95%; margin:0px auto; color: #DE1621;   margin-bottom: 10px; height: 1px !important;    background-color: #DE1621; border: #DE1621; vertical-align: top; opacity: 1 !important;}

.str3 { width: 95%; margin:0px auto; color: #333;   margin-bottom: 10px; height: 1px !important;    background-color: #333; border: #333; vertical-align: top; opacity: 1 !important;}
.str4 { width: 100%; color: #333;   margin-bottom: 10px; height: 1px;    background-color: #333; border: #333; vertical-align: top;}
.str5 {   width: 100%; color: #003470;  margin-bottom: 10px; height: 1px !important;   background-color: #003470; border: #003470; vertical-align: top;}
.str6 { width: 95%; margin:0px auto; color: #00aadd;   margin-bottom: 10px;  height: 1px !important;    background-color: #00aadd; border: #00aadd; vertical-align: top;}

/****fonts****/

/* roboto-300 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/roboto-v30-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/roboto-v30-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v30-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v30-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v30-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v30-latin-300.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-regular - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/roboto-v30-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/roboto-v30-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v30-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v30-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v30-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v30-latin-regular.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-700 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/roboto-v30-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/roboto-v30-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v30-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v30-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v30-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v30-latin-700.svg#Roboto') format('svg'); /* Legacy iOS */
}



/* Animation */

@keyframes fadeInUp {
    from {
        transform: translate3d(0,40px,0)
    }

    to {
        transform: translate3d(0,0,0);
        opacity: 1
    }
}

@-webkit-keyframes fadeInUp {
    from {
        transform: translate3d(0,40px,0)
    }

    to {
        transform: translate3d(0,0,0);
        opacity: 1
    }
}

.animated {
    animation-duration: 1s;
    animation-fill-mode: both;
    -webkit-animation-duration: 1s;
    -webkit-animation-fill-mode: both
}

.animatedFadeInUp {
    opacity: 0
}

.fadeInUp {
    opacity: 0;
    animation-name: fadeInUp;
    -webkit-animation-name: fadeInUp;
}