/* 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} /* Neues XD 09.11.2025 */ @font-face { font-family: "Museo Sans 500"; src: url("../fonts/MuseoSans_500-webfont.woff2") format("woff2"), url("../fonts/MuseoSans_500-webfont.woff") format("woff"); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: "Museo Sans 900"; src: url("../fonts/MuseoSans_900-webfont.woff2") format("woff2"), url("../fonts/MuseoSans_900-webfont.woff") format("woff"); font-weight: 900; font-style: normal; font-display: swap; } @font-face { font-family: "Sculpin Bold"; src: url("../fonts/SculpinWebBold.woff2") format("woff2"), url("../fonts/SculpinWebBold.woff") format("woff"); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: "Sculpin Regular"; src: url("../fonts/SculpinWebRegular.woff2") format("woff2"), url("../fonts/SculpinWebRegular.woff") format("woff"); font-weight: 400; font-style: normal; font-display: swap; } html,.uk-navbar-dropdown-nav,.display-1, .display-2, .display-3, .display-4, .display-5, .display-6, .h1, .h2, .h3, .h4, .h5, .h6, .uk-h1, .uk-h2, .uk-h3, .uk-h4, .uk-h5, .uk-h6, .uk-heading-2xlarge, .uk-heading-3xlarge, .uk-heading-large, .uk-heading-medium, .uk-heading-small, .uk-heading-xlarge, h1, h2, h3, h4, h5, h6,.lead, .uk-text-lead,.btn, .uk-button,.uk-nav-primary,.uk-nav-default,.uk-subnav>*>:first-child{font-family:"Museo Sans 500";font-weight:500} h1.uk-h2,h2.uk-heading-small,h1.uk-heading-small{font-family:"Sculpin Bold"} :root { --primary: #FF5445; --secondary: #001a66; } #kernkompetenz .pro-panel,.uk-tile-primary,#loesung .uk-card{background:#001a66} #loesung .uk-card p{font-size:20px} .tm-toolbar-default .uk-text-primary, .uk-card-primary.uk-card-body .uk-text-primary, .uk-card-primary>:not([class*=uk-card-media]) .uk-text-primary, .uk-card-secondary.uk-card-body .uk-text-primary, .uk-card-secondary>:not([class*=uk-card-media]) .uk-text-primary, .uk-light .uk-text-primary, .uk-offcanvas-bar .uk-text-primary, .uk-overlay-primary .uk-text-primary, .uk-section-primary:not(.uk-preserve-color) .uk-text-primary, .uk-section-secondary:not(.uk-preserve-color) .uk-text-primary, .uk-tile-primary:not(.uk-preserve-color) .uk-text-primary, .uk-tile-secondary:not(.uk-preserve-color) .uk-text-primary{color:#001a66!important} .uk-section-primary,.uk-button-primary{background:var(--primary)!important} .uk-button-primary{border:0} .jumpnav a.uk-button-primary:hover,.btn-info:hover,.btn-primary:hover,.btn-success:hover,.uk-button-primary:hover{background:var(--primary)!important;color:#fff!important;border:0!important} .uk-section-secondary,.uk-button-secondary,.jumpnav-row1,.jumpnav-row2,.djacc-popup .djacc__openbtn--default{background:var(--secondary)!important} .uk-section-secondary:not(.uk-preserve-color) .uk-button-primary{color:#fff} #kernkompetenz .uk-overlay-primary .uk-button-secondary{background:#fff!important} #kernkompetenz .uk-overlay-primary .uk-button-secondary:hover{background:var(--secondary)!important} .jumpnav-row1-col3{padding-right:0;text-align:right} .pro-login{height:50px;background:var(--secondary);color:#fff} .uk-navbar-container:not(.uk-navbar-transparent){height:82px;background:#180f31} .uk-navbar-left{margin:0 0 0 -32px!important} .uk-navbar-nav>li:last-child>a{padding-right:0!important} .uk-navbar-nav>li.uk-active>a,.uk-navbar-nav>li>a:hover{color:#fff;text-decoration:underline;text-underline-offset:4px} .uk-navbar-item{min-height:75px} .icon{width:20px;height:20px;color:#fff;fill:currentColor} #footer,.home #referenzen{border:0} .uk-button-danger{color:#0055ff!important} .uk-text-warning{color:#ff5445!important} .eb-dialog{background-color:#001a66!important} #add-to-cart-24 .j2store-cart-button.btn.uk-button-primary, #add-to-cart-24 .j2store-cart-button.uk-button.btn-info, #add-to-cart-24 .j2store-cart-button.uk-button.btn-primary, #add-to-cart-24 .j2store-cart-button.uk-button.btn-success, #add-to-cart-24 .j2store-cart-button.uk-button.uk-button-primary,#add-to-cart-28 .j2store-cart-button.btn.uk-button-primary, #add-to-cart-28 .j2store-cart-button.uk-button.btn-info, #add-to-cart-28 .j2store-cart-button.uk-button.btn-primary, #add-to-cart-28 .j2store-cart-button.uk-button.btn-success, #add-to-cart-28 .j2store-cart-button.uk-button.uk-button-primary{color:#fff;border:0!important} .btn-danger:hover, .btn-warning:hover, .uk-button-danger:hover{color:#ed7102!important;background:#fff} .uk-card-primary{background:#001a66} .pro-back6,.panel-orange{background:#FF5445} .pro-color6{color:#FF5445} .uk-button-secondary:hover{color:#fff} @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:-12px!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} }