/* Farbpalette 

Logofarbe, dunkler Kontrast
#002641

Hauptflächenfarbe Grau, Abstufungen möglich
#8a959b

Kontrastfarbe, Gestaltungsfarbe, evtl. Links
#006c9a

Flächenfarbe, kleinere Flächen, Balken etc.
#004c71

Schriftfarbe, Fließtext
#3c4448

Kontrastfarbe, CTA-Button
#ed7102

*/
.pro-color0{color:#fff}
.pro-back0{background:#fff}
.pro-back1{background:#002641}
.pro-color1{color:#002641}
.pro-back2{background:#8a959b}
.pro-color2{color:#8a959b}
.pro-back3{background:#006c9a}
.pro-color3{color:#006c9a}
.pro-back4{background:#004c71}
.pro-color4{color:#004c71}
.pro-back5{background:#3c4448}
.pro-color5{color:#3c4448}
.pro-back6{background:#ed7102}
.pro-color6{color:#ed7102}

/* Header */
.pro-login{position:fixed;width:100%;height:24px;background:#002240;z-index:998}
.pro-login,.pro-login a{color:#fff}
.tm-headerbar-top .uk-alert{margin-bottom:0}
.tm-headerbar-top .uk-alert a:not([class]){text-decoration:none!important;color:#006c9a!important}
.uk-navbar-container{z-index:10000}
.uk-navbar-container:not(.uk-navbar-transparent){background:#8a959b}
.tm-header-mobile .uk-navbar-container:not(.uk-navbar-transparent){background:#fff}
.uk-navbar-item, .navbar .brand, .navbar-search, .navbar .nav>li>a{color:#fff}
.uk-navbar-nav>li>a, .uk-navbar-item, .navbar .brand, .navbar-search, .navbar .nav>li>a{height:60px;color:#fff}
.tm-headerbar-top{padding:20px 0 20px 0}
.tm-headerbar-top a:hover{text-decoration:none}
.tm-headerbar-top div.custom img{padding-top:3px}
.uk-navbar-sticky{box-shadow:0 11px 11px rgba(0,0,0,0.09)}

/* Navbar */
.uk-navbar-left{margin:0 auto!important}
.uk-navbar-sticky{position:fixed!important;top:24px!important;width:100%}
/* Megamenu
.nav-sub{padding:5px 0 5px 15px}
.nav-sub-sub{padding:0 0 0 30px}
.nav-sub-sub-item{padding:0 0 0 30px}
.nav-sub a,.nav-sub-sub a,.nav-sub-sub-item a{color:#8a959b!important}
.nav-sub a:hover,.nav-sub-sub a:hover,.nav-sub-sub-item a:hover,.uk-navbar-dropdown-nav li.uk-active a{color:#006c9a!important} */

/* Icons */
.fa-light-phone{vertical-align:-2px;margin-right:1px}
.fa-light-envelope{vertical-align:-5px;margin-right:2px}
.fa-light-headphones{vertical-align:-3px;margin-right:2px}
.uk-button .uk-icon{width:15px!important}

/* Offcanvas */
.uk-offcanvas-bar{padding-top:50px}
#module-menu-dialog-mobile > .uk-nav-accordion > li{font-size:22px}

.uk-card-hover{border:1px solid #e5e5e5!important}
ul.uk-subnav.uk-subnav-pill.el-nav li a{color:#004c71;border:1px solid #004c71;border-radius:3px}
ul.uk-subnav.uk-subnav-pill.el-nav li.uk-active a{color:#fff}

/* Startseite */
#kernkompetenz .uk-overlay-primary{background:rgba(000,038,065,0.9);color:#fff;border-radius:3px}
#kernkompetenz .uk-overlay-primary .uk-button-secondary{background:#fff;color:#002641}
#kernkompetenz .uk-overlay-primary .uk-button-secondary:hover{background:#004c71;color:#fff}
#kernkompetenz .pro-panel img{margin-top:60px}
#kernkompetenz .pro-panel p{font-size:27px;font-weight:bold;color:#fff}
#kernkompetenz .pro-panel{width:290px;height:290px;background:rgba(0,76,113,0.8);border-radius:3px}
.home #referenzen{border-top:20px solid #ed7102}
#aktuelles .uk-tile-default{border:1px solid #fff;border-radius:5px}
#aktuelles .uk-tile-default.uk-tile-hover:hover{border:1px solid #3c4448}
.alle-button a.el-content{letter-spacing:0.03em;font-size:22px;color:#3c4448}
a .uk-icon{width:20px;}

/* Jumpnav */
.jumpnav.mobil{display:none}
.jumpnav ul.uk-dropdown-nav li a,.jumpnav .uk-tile-primary:not(.uk-preserve-color) ul.uk-nav.uk-dropdown-nav li a{color:#3c4448;font-size:15px;line-height:1.5}
.jumpnav ul.uk-dropdown-nav li a:hover{color:#006c9a}
.jumpnav a.uk-button-primary,#procilon a.uk-button-primary{background:#ed7102}
.jumpnav .uk-button:hover,.jumpnav .uk-button-default{background-color:rgba(255, 255, 255, 0.1);color:rgba(255, 255, 255, 0.7);border-color:transparent;}
.jumpnav .uk-button-primary:hover{color:#fff}
.jumpnav.uk-section-secondary:not(.uk-preserve-color) .uk-button-default{background-color:#8a959b;color:#fff;border:1px solid #e5e5e5}
.jumpnav.uk-section-secondary:not(.uk-preserve-color) .uk-button-default:hover{background-color:#fff;color:#3c4448;border:1px solid #e5e5e5}
.jumpnav h1{color:#fff!important;text-transform:uppercase}
.jumpnav .uk-subnav>*>:first-child{color:#fff!important}
.jumpnav a.pro-color0{text-transform:uppercase;font-size:12px;letter-spacing:1.5px}
.jumpnav a.pro-color0:hover{color:#fff!important;text-decoration:none}
.jumpnav-row1{position:relative;z-index:2;background:#002641}
.jumpnav-row1-col3{padding-right:40px;padding-top:6px}
.jumpnav-row1-col1{padding-left:20px;padding-top:6px}
.jumpnav-row2{position:relative;z-index:1;background:#002641}
.jumpnav-row2-col1{position:relative;top:-2px}
.jumpnav.mobil ul.uk-subnav > li.uk-margin-small-top{margin-top:2px!important}
/* passend dazu */
.uk-drop.uk-dropdown .uk-text-lead.uk-text-uppercase.uk-text-left.uk-margin-small-bottom{font-size:15px;padding-bottom:10px;border-bottom:1px solid #e5e5e5}

/* Aktuelles */
#aktuelles .uk-tile-default.uk-tile-hover:hover{background:#fff}

/* Lösungen & Service */
#service h3{color:#3c4448}
#loesung > div > div > div > div > div > div > div,#service > div > div > div > div > div > div {padding-left:0}
#service .uk-switcher,#loesung .uk-switcher{padding:20px 80px;min-height:372px;background:#fff;font-size:17px;color:#3c4448;border-radius:0 3px 3px 0}
#service .uk-switcher h3,#loesung .uk-switcher h3{margin-left:-10px}
#service .uk-switcher a.uk-text-lead,#service .uk-switcher i{color:#8a959b;letter-spacing:.1em}
#service ul.uk-switcher > li,#loesung ul.uk-switcher > li{padding:28px 40px 40px 40px}
#service ul.uk-nav-primary li,#loesung ul.uk-nav-primary li,#service ul.uk-nav-default li,#loesung ul.uk-nav-default li{padding:20px}
#service ul.uk-nav-primary li.uk-active,#loesung ul.uk-nav-primary li.uk-active,#service ul.uk-nav-default li.uk-active,#loesung ul.uk-nav-default li.uk-active{background:#fff}
#service ul.uk-nav-primary li.uk-active:first-child,#loesung ul.uk-nav-primary li.uk-active:first-child,#service ul.uk-nav-default li.uk-active:first-child,#loesung ul.uk-nav-default li.uk-active:first-child{border-radius:3px 0 0 0}
#service ul.uk-nav-primary li a:hover,#loesung ul.uk-nav-primary li a:hover,#service ul.uk-nav-default li a:hover,#loesung ul.uk-nav-default li a:hover{color:#3c4448}
#service ul.uk-nav-primary li.uk-active a,#loesung ul.uk-nav-primary li.uk-active a,#service ul.uk-nav-default li.uk-active a,#loesung ul.uk-nav-default li.uk-active a{color:#3c4448}
/*#service ul.uk-nav-primary li,#loesung ul.uk-nav-primary li{border-bottom:1px solid rgba(255,255,255,0.3)}*/
#service ul.uk-nav-primary li:last-child,#loesung ul.uk-nav-primary li:last-child,#service ul.uk-nav-default li:last-child,#loesung ul.uk-nav-default li:last-child{border-bottom:0}
#service > div > div > div > div > div > div.uk-first-column,#loesung > div > div > div > div > div > div.uk-first-column,#loesung > div > div > div > div > div > div > div.uk-first-column{background:#8a959b;border-radius:3px 0 0 3px}
#service .uk-nav-primary>li>a,#loesung .uk-nav-primary>li>a,#service .uk-nav-default>li>a,#loesung .uk-nav-default>li>a{color:#fff;font-size:22px;line-height:1.6;padding:5px 0;text-transform:none}
#loesung h3.uk-ha1,#loesung h2.uk-h2,#loesung div.uk-ha1{color:#fff}
#loesung h3.uk-h2{color:#3c4448}
#loesung .uk-card{background:#004c71;color:#fff}
#loesung .uk-card:hover{background:#8a959b}
#loesung .uk-card i{font-size:47px}
#loesung .uk-card p{font-size:22px}
#loesung .uk-grid-medium>*{padding-left:0}
#loesung .uk-grid .el-content .uk-grid>*{padding-left:20px}
#loesung .el-item{min-height:443px!important}
#loesung .uk-card-body{line-height:27px;padding:30px 20px 15px 20px;margin:10px 0 10px 10px}
#loesung .uk-switcher a:hover{text-decoration:none}
#loesung.uk-section-secondary .uk-grid>.uk-grid-margin, *+.uk-grid-margin{margin-top:0}
#loesung .uk-switcher li,#service .uk-switcher li{background-size:cover!important}
#loesung .el-content a, #service el-content a{color:#006C9D}

/* CTA Fragen */
#fragen{font-size:24px}
/* Footer */
#footer{border-top:4px solid #ed7102}
#footer .uk-nav-default,#footer #news li a{font-size:17px;text-transform:none}
#footer .uk-h3,#footer .uk-nav-default a,#footer #news li a,#footer a svg,#footer #legals ul li a{color:#3c4448}
#footer .uk-nav-default a:hover,#footer #news li a:hover,#footer a svg:hover,#footer #legals ul li a:hover{color:#006c9a;text-decoration:none}
#footer .uk-h3{font-weight:bold}
#footer a:hover{text-decoration:none}
#footer .uk-text-right a i{padding-right:27px}
#footer #legals ul li a{font-size:17px;text-transform:none}
#footer #legals .uk-subnav{margin-left:0}
#footer #legals .uk-subnav li:first-child{padding-left:0}
#footer .uk-width-1-2\@m{padding-left:143px}
#footer-mobil{display:none}
#footer .uk-icon{width:60px}

/*Downloads*/
#downloads ul li{margin-bottom:10px}

/*Suche*/
.awesomplete mark{background:#006b99;color:#fff}
.awesomplete li:hover mark{background:#006b99;color:#fff}
.awesomplete > ul > li:hover{background:#fff;color:#002641}
.awesomplete > ul{background:#fff}

/*Listen mit Icon*/
ul.pro-list-square li{list-style-type:none;padding-left:25px;margin-left:5px;background-image:url('/templates/yootheme_procilon/myicons/light/square.svg');background-size:15px;background-repeat:no-repeat;background-position:left 5px;padding-bottom:8px}

/*Search-Icon*/
.uk-offcanvas-bar .uk-nav li.item-325 svg{width:50px;height:50px;padding-top:20px}

/*Flipcard*/
.hd-flipcard-inner .uk-card-hover{border:none!important}
.hd-flipcard-inner .el-image-back{width:50px}

/*Formulare*/
.uk-form-icon{width:17px;left:10px}
.uk-form .uk-button .uk-icon svg{width:17px}

/*Shop*/
.produkt .uk-grid.uk-grid-small.uk-margin{width:200px;margin:0 auto 20px auto}
.produkt .btn-warenkorb{margin-left:10px}
.produkt .btn-warenkorb span.uk-margin-left{margin-left:0!important}
.cart-desk{line-height:1}
.cart-desk .uk-icon,.cart-desk .uk-text-middle{color:#fff}
.cart-adresse .uk-form-icon-flip~.uk-input{padding:0 0 0 35px!important}
.cart-checkbox .uk-checkbox{border:1px solid #3c4448;margin-right:3px}

/*More Modal*/
.more-modal .uk-button .uk-icon{width:20px;margin-right:5px}

/*Fontawesome Liste SVG*/
ul.fa-ul{list-style-type:none;margin-left:2em!important;padding-left:0}
ul.fa-ul>li{position:relative}
ul.fa-ul li svg{top:0.2em;left:-1.6em;position:absolute;text-align:center;width:1em;line-height:inherit}
ul.fa-ul li{line-height:1.3;padding-bottom:.5em}

ul.li-icon li{margin-left:25px;text-indent:-25px;}

/*Panels*/
.uk-section-primary:not(.uk-preserve-color) .rmd-preserve-color .uk-text-lead{color:#002641}
.uk-section-primary:not(.uk-preserve-color) .rmd-preserve-color .uk-text-meta{color:#004c71}
.uk-section-primary:not(.uk-preserve-color) .rmd-preserve-color a{color:#006c9a}
.uk-section-primary:not(.uk-preserve-color) .rmd-preserve-color h3{color:#002641}
.uk-section-primary:not(.uk-preserve-color) .rmd-preserve-color .uk-h1{color:#002641}

/*Switcher CAs*/
.button-margin .uk-subnav-pill li,.button-margin .uk-switcher .uk-button{margin-bottom:10px}

.uk-section-primary:not(.uk-preserve-color) p.uk-text-small a{color:#fff!important}
/*J2Store*/
input[type=text]:not([class*=uk-]),select{max-width:100%;width:100%;height:40px;vertical-align:middle;display:inline-block;border:1px solid #e5e5e5;background:#fff;color:#3c4448;font-size:15px;transition:.2s ease-in-out;transition-property:color,background-color,border-color,box-shadow;padding-left:10px}
input[type=text]:not([class*=uk-]):focus,select:focus,textarea:focus{outline:0;background-color:#fff;color:#3c4448;border-color:#004c71!important;}
input[type=radio]:not([class*=uk-]){border:1px solid #004c71;background-color:transparent;border-radius:50%;display:inline-block;height:16px;width:16px;overflow:hidden;margin-top:-4px;vertical-align:middle;-webkit-appearance:none;-moz-appearance:none;background-repeat:no-repeat;background-position:50% 50%;transition:.2s ease-in-out;transition-property:background-color,border-color,box-shadow;}
input[type=radio]:not([class*=uk-]):checked{background-color:#004c71;background-image:url(data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Ccircle%20fill%3D%22%23FFF%22%20cx%3D%228%22%20cy%3D%228%22%20r%3D%222%22%20%2F%3E%0A%3C%2Fsvg%3E);}
.j2store .checkout-content #kleinunternehmergem19ustg label{display:inline}
.col-md-11.shipping-make-same{padding-top:0!important}
#button-payment-method{margin:20px 0 20px 0}
.cart-item-info a:hover{text-decoration:none}

/* Subnav */
.uk-subnav>* {padding-top:10px}



@media (orientation: portrait) {
  .eb-inst {
    display:none!important;
  }
}

@media (min-width: 960px) {
	#referenzen .uk-tile{padding-left:0px;padding-right:0px}
}

@media (max-width: 1078px) {
	.uk-navbar-container .uk-container{padding-left:10px;padding-right:10px}
}

@media (max-width: 1200px) {
	#procadamy-intro .uk-section{padding-top:20px}
}

@media (max-width: 1175px) {
	.jumpnav-row1-col3{padding-right:0}
	.jumpnav-row1-col3 .uk-margin-small-right{margin-right:0!important}
}

@media (max-width:1099px) {  
	#footer ul li a{font-size:14px!important}
}

@media (max-width:971px) {  
	#footer-desktop{display:none}
	#footer-mobil{display:block}
	#footer-mobil a{border:none!important;color:#3c4448!important;background:#fff!important;font-size:14px!important;padding:0!important;line-height:2.3!important;letter-spacing:1.5px!important}
}

@media (max-width:959px) { 
	
	.tm-header-mobile .uk-navbar-container{position:fixed;width:100%}
	.rmd-content{margin-top:70px!important} 
	
	.tm-header-mobile .uk-navbar-container:not(.uk-navbar-transparent){background:#E3E8ED;top:0!important}
	.uk-navbar-left{margin:0!important}
	.uk-navbar-left img{margin:20px 10px!important}
	#mobil-cta.uk-section-xsmall{padding-top:0}
	.uk-sticky a.uk-button-primary{background-color:#ed7102}
	.tm-header-mobile .uk-navbar-container{background:#E3E8ED}
	#mobil-cta .uk-button-primary{position:fixed;width:100px!important;top:20px!important;left:64px!important;z-index:999;border-radius:3px;background-color:#ed7102;border-radius:3px;border:0;padding:0 10px;text-transform:none;letter-spacing:0;line-height:33px;font-size:13px}
	#mobil-cta .uk-sticky .uk-button-primary:hover{background:#004c71;color:#fff}
	#tm-dialog-mobile .uk-offcanvas-bar .uk-nav-default > li > ul > li > a {font-size:17px}
	#tm-dialog-mobile .uk-offcanvas-bar .uk-nav-default > li > ul > li > ul > li > a {font-size:13px}
	#loesung .uk-subnav,#service .uk-subnav{padding:10px 0 10px 10px}
	#loesung .uk-subnav>*>:first-child,#service .uk-subnav>*>:first-child{font-size:19px!important;text-transform:none;letter-spacing:1px;color:#3c4448}
	#loesung .uk-subnav li.uk-active a{color:#004c71}
	#loesung > div > div > div > div > div > div,#service > div > div > div > div > div > div{padding-left:20px}
	#service > div > div > div > div > div > div.uk-first-column, #service > div > div > div > div > div > div > div.uk-first-column, #loesung > div > div > div > div > div > div.uk-first-column, #loesung > div > div > div > div > div > div > div.uk-first-column{border-radius:0;background:#fff}
	#loesung .uk-grid+.uk-grid-medium, .uk-grid-medium>.uk-grid-margin, *+.uk-grid-margin-medium,#service .uk-grid+.uk-grid-medium, .uk-grid-medium>.uk-grid-margin, *+.uk-grid-margin-medium{margin-top:0}
	.jumpnav-row1-col3{display:none}
	.jumpnav.desktop{display:none}
	.jumpnav.mobil{display:block;z-index:997}
	.jumpnav.mobil .uk-width-1-1{background:#002641}
	.uk-marker{padding:5px}
	.counter-container .el-number.uk-h1{font-size:24px}
	.counter-container .el-text.uk-text-large{font-size:18px}
}

@media (max-width:640px) {
	#procadamy-intro .uk-container{background:rgba(255,255,255,.9);padding:20px}
	#procadamy-intro .uk-section{padding-top:0;padding-bottom:1px}
	#procadamy-intro #procilon.uk-margin-large{margin-top:30px!important}
	.uk-marker{padding:1px}
	.counter-container svg{max-width:75%}
}

@media (max-width:420px) {
	#branchen .uk-h1{font-size:24px}
	#downloads img{width:250px}
}

@media (max-width:420px) {
	#downloads img{width:200px}
}