@charset "UTF-8";

/**
*	Additional CSS for Allied Companies, which use a design color in project settings
*
**/

@media all {
     
     
    
    .header .header-nav .nav-item:hover>.nav-link, .navbar-light .navbar-nav .show>.nav-link, .navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .nav-link.active, .webkit a, .webkit a:link, .webkit a:hover, .webkit a:focus, .webkit a:visited, .webkit a:active, .webkit #breadcrumb, .webkit #breadcrumb a {
        color: #00245e ;
    }
    .header .header-toolbar {
        background-color: #00245e ;
    }
    .webkit .stageSlider .jcarousel-pagination.dots a.active {
        background-color: #00245e  !important;
    }
    #stageSliderBigContainer {
        position: relative !important;
    }
    .webkit #subnav a:hover {
        padding-left: 26px;
        background-color: #ececec;
        color: #000000;
        /* font-weight: bold; */
    }

    .webkit #subnav a .icon-interface-right {
        color: #00245e  !important;
    }
    .webkit .redbox {
        background-color: #00245e  !important;
        color: #fff !important;
    }
    .webkit .greybox {
        background-color: #dedede !important;
        color: #000 !important;
    }
    .webkit .yform .type-button input[type="submit"] {
        background-color: #00245d !important;
        color: #fff !important;

    }

    .webkit p {
        line-height: 1.4;
    }

    .webkit h1,
    .webkit a h1,
    .webkit span.frontPageHeadline,
    h1,
    a h1,
    .webkit h2,
    h2,
    a h2 {
        font-family: hk_type_cond_bold, Arial, Helvetica, "Microsoft Yahei", "微软雅黑", sans-serif;
    }
    .webkit h1,
    .webkit a h1,
    .webkit span.frontPageHeadline,
    h1,
    a h1 {
        color: #00245e  !important;
        font-size: 31px;
        font-weight: normal;
        line-height: 35px;
        padding: 0;
        margin: 0 0 12px 0;
        text-transform: none;
    }
    .webkit h2,
    h2,
    a h2 {
        color: #00245d;
        font-size: 27px;
        font-weight: normal;
        padding: 0;
        margin: 10px 0 7px 0;
        line-height: 28px;
    }

    h2.hkheader {
        border-top: 2px solid #00245d;
        line-height: 3.5rem !important;
    }

    .inner_sub h4 {
        font-family: hk_type_cond, Arial, Helvetica, "Microsoft Yahei", "微软雅黑", sans-serif;
        font-weight: normal;
        color: #00245d;
        font-size: 21px;
        padding: 10px 10px 0 0;
        margin: 0 0 7px;
        line-height: 24px;
    }
    small,.small {
        font-size: 1.5rem;
        line-height: 1.6;
    }

    /*  #header #headerNavigation .navigation li a:hover,
    #header #headerNavigation .navigation li a.active,
    .frontpage .frontpage4col .col h4,
    a,
    a:link,
    a:hover,
    a:focus,
    a:visited,
    a:active {
        color: #00245e ;
    }*/
    .inner_wrapper.teaser .inner_sub p a {
        border: 1px solid #00245e;
        padding: 3px 10px;
        display: block;
        color: #00245e;
        box-sizing: border-box;
        font-weight: bold;
        position: absolute;
        bottom: 0px;
        width: 100%;
    }
    #header #headerNavigation .navigation li {
        float: left;
        padding: 0 12px;
        font-family: "hk_type_cond_bold", Calibri, Helvetica, "Microsoft Yahei", "微软雅黑", sans-serif;
    }
    #header #headerNavigation .navigation li a:hover,
    #header #headerNavigation .navigation li a.active {
        color: #fff;
    }
    #header #headerToolbar ul li.wuerthFont {
        font-family: "hk_type_cond", Arial, "Microsoft Yahei", "微软雅黑", sans-serif;
        font-weight: normal;
    }
    #header #headerSearch.frontpage .field.full {
        border: 0px solid transparent;
    }
    #header #headerSearch .field.fieldFilter .ufd.header button {
        background-position: -53px -5px !important;
    }
    /* Dropdown-Navigation */
    #header #headerNavigation .navigation li ul li ul {
        display: none;
    }
    #header #headerNavigation .navigation li ul {
        width: 200px;
        list-style-type: none;
        background-color: #ccc;
        margin-top: 15px;
        margin-left: -15px;
        padding: 10px 0;
        display: block;
        opacity: 0;
    }
    #header #headerNavigation .navigation li ul li {
        display: block;
        float: left;
        width: 100%;
        border-top: 2px solid #ebedf2;
        box-sizing: border-box;
        line-height: 34px;
    }
    #header #headerNavigation .navigation li ul li:first-child {
        border-top: none;
    }
    #header #headerNavigation .navigation li ul li a {
        font-size: 16px;
        font-weight: normal;
        color: #00245e;
        text-transform: none;
    }
    #header #headerNavigation .navigation li ul li a.active,
    #header #headerNavigation .navigation li ul li a:hover {
        color: #00245e;
        border-bottom: 0;
    }
    .stageSlider .jcarousel-pagination.dots a.active {
        background-color: #00245e  !important;
    }
    
   
    .redbox {
        background-color: #00245e  !important;
        color: #fff !important;
    }
    .greybox {
        background-color: #dedede !important;
        color: #000 !important;
    }
    .btn_function {
        border: 1px solid #00245e  !important;
        background-color: transparent;
        color: #00245e  !important;
        font-family: corporate_s, Arial, Helvetica, "Microsoft Yahei", "微软雅黑", sans-serif !important;
        font-size: 14px;
        text-transform: uppercase;
        border-left: 1px solid red;
        margin-left: 1px;
    }
    .btn_function:hover {
        background-color: #00245e  !important;
        color: #fff !important;
    }
    .yform .type-button input[type="submit"] {}
    .yform .type-button input[type="submit"]:hover {}

    #header #headerNavigation .navigation li a {
        color: #fff;
        font-weight: bold;
    }
    #header #headerNavigation {
        background-color: transparent;
        width: auto;
    }
    #header #headerToolbar {
        background-color: transparent;
        width: auto;
    }
    #header #headerUserlayer {
        background-color: transparent !important;
        width: 100% !important;
        font-size: 16px !important;
        position: absolute !important;
        z-index: 199;
    }
    #header #headerUserlayer .page_margins .page {
        padding-top: 17px !important;
        padding-bottom: 16px !important;
    }
    #header #headerUserlayer .btn_cta {
        width: 230px !important;
        text-align: center;
        background: none;
        background-color: #e7b300 !important;
        color: #fff;
    }
    #header #headerUserlayer span.userlayer_headline {
        font-family: hk_type_cond, Arial, Helvetica, "Microsoft Yahei", "微软雅黑", sans-serif !important;
        font-weight: 700 !important;
        font-size: 20px !important;
    }
    #header #headerUserlayer .layerFrame h1,
    #header #headerUserlayer span.userlayer_headline.red {
        color: #00245e  !important;
    }
    #header #headerUserlayer #accessDataBox label {
        font-family: corporate_s, Arial, Helvetica, "Microsoft Yahei", "微软雅黑", sans-serif !important;
    }
    #header #headerUserlayer .layerColumns.fixed .layerColumn.right .columnFooter {
        bottom: 69px !important;
    }
    #header #headerNavigation #background {
        background-color: #00245e ;
        position: absolute;
        width: 100%;
        height: 90px;
        right: 0;
    }
    #header #headerToolbar #background {
        background-color: #00245e ;
        position: absolute;
        width: 100%;
        height: 29px;
        right: 0;
    }
    #header #headerNavigation .page_margins {
        background-color: #00245e ;
    }
     #header #headerSearch {
        background-color: #fff !important;
    }
    #header #headerSearch .page_margins {
        background-color: #fff !important;
    }
    /* Bühne */
    .centered-btns_here a,
    .transparent-btns_here a,
    .large-btns_here a {
        background: #00245e  !important;
    }
    /* Produktslider */
    .frontpageProductSlider .text-produkt {
        width: 80% !important;
        margin: 0 10% !important
    }
    .frontpageProductSlider .main-div-produkt p {
        font-weight: normal !important;
        font-size: 15px !important;
    }
    .frontpageProductSlider .main-div-produkt .price {
        color: #00245e !important;
        font-family: hk_type_cond, Arial, Helvetica, "Microsoft Yahei", "微软雅黑", sans-serif !important;
        font-size: 25px !important;
    }
    /* lightbox */
    #lbCaption h2 {
        font-size: 18px !important;
    }
    /* dataTable */
    .alphabet span.active {
        font-weight: bold;
    }
    .dataTables_filter input {
        background-color: #fff;
        border: 1px solid rgba(73, 80, 92, 0.3);
        box-shadow: none;
        box-sizing: border-box;
        color: #5b626c;
        font-size: 16px;
        font-family: corporate_s, Arial, Helvetica, "Microsoft Yahei", "微软雅黑", sans-serif !important;
        height: 20px !important;
        padding: 0 2px;
    }
    .dataTables_length select {
        background-color: #fff;
        border: 1px solid rgba(73, 80, 92, 0.3);
        box-shadow: none;
        box-sizing: border-box;
        color: #5b626c;
        font-size: 16px;
        font-family: corporate_s, Arial, Helvetica, "Microsoft Yahei", "微软雅黑", sans-serif !important;
        height: 20px !important;
        padding: 0 2px;
    }
    .dataTables_paginate.paging_simple_numbers .paginate_button {
        color: #000 !important;
    }
    .dataTables_paginate.paging_simple_numbers .paginate_button.current {
        color: #00245e;
        font-weight: bold;
    }

    .alphabet span {
        color: #000 !important;
    }
    
    /* Accordion */
    .slideContainerAcc .slideHeadline {
        color: #00245e  !important;
    }
    /* slidetext */
    #morelink,
    #lesslink {
        color: #00245e  !important;
    }
    /* SOLRSEARCH */
    .ajaxresult a .suggestresult {
        font-size: 16px !important;
        font-family: corporate_s, Arial, "Microsoft Yahei", "微软雅黑", sans-serif !important;
    }
    .ajaxresult a .suggestresult:hover {
        background-color: #00245e  !important;
    }
    table.searchresult tbody td {
        font-size: 15px !important;
    }
    /* Downloadcenter */
    .alphabet span {
        border-right: 1px solid #ccc;
        padding-right: 8px;
    }
    .alphabet span:last-child {
        border-right: none;
    }
    .alphabet span.label {
        border-right: none;
    }
    .webkit #subnav li ul li:hover>a,
    .webkit .frontpage .nlEquipmentWrapper ul li.bulletList:before,
    .webkit .frontpage .frontpage2col ul li.bulletList:before,
    .webkit .frontpage .frontpage3col ul li.bulletList:before,
    .webkit .frontpage .inner_main ul li.bulletList:before,
    .webkit .inner_main ul li.bulletList:before,
    .webkit .column ul li.bulletList:before,
    .webkit #subnav a .icon-interface-left,
    .slideContainer .slideText p a,
    .slideContainerAcc .slideText p a,
    .slideContainer .teaserText p a,
    .slideContainerAcc .teaserText p a,
    .slideContainerAcc .slideHeadline .accHeadline i,
    .slideContainer .slideHeadline i {
        color: #00245e  !important;
    }
    .webkit .inner_main a img {
        margin-right: 0px;
        margin-top: -6px;
    }
    .webkit .inner_main .pmThumb a img {
        margin-top: 0;
    }
    .webkit table {
        font-size: 1.5rem;
    }
    .webkit th,
    .webkit td {
        padding: 1.5rem;
    }
    .pmHeadline {
        display: block;
    }
    .pmHeadline a {
        font-weight: bold !important;
        color: #000 !important;
    }
    .webkit .frontpage .frontpage2col.teaser .col .imgcontainer {
        width: 100%;
        height: auto;
    }

    .webkit .frontpage2col.new .col .imgcontainer a:hover img {
        -webkit-transform: scale(1.05);
        transform: scale(1.05);
    }

    .webkit .frontpage2col.teaserLayout .imgcontainer {
        border-bottom: 2px solid #00245e  !important;
    }
    /* Footer */
    /* #footer,
    .footer,
    .footer-legal-info,
    #footer .page_margins {
        background-color: #49505c;
        color: #fff !important;
    }
    */
    .webkit #layout2col #layout2col_content .cols_3.gal .inner_sub {
        margin-bottom: 1.5rem;
    }
    #footer #footerLayerContainer,
    #footer #footerLayerContainer .page_margins {
        background-color: transparent !important;
    }
    #footer #footerLayerContainer .page {
        padding-top: 0 !important;
    }
    #footer #footerLayerContainer .footerColumn h2,
    #footer #footerLayerContainer .footerList h2 {
        font-family: hk_type_cond, Arial, "Microsoft Yahei", "微软雅黑", sans-serif !important;
        color: #fff !important;
        font-size: 20px !important;
    }
   
    #footer #footerLayerContainer .footerList,
    #footer #footerLayerContainer .footerList a {
        color: #fff;
    }
    #footer .page_margins,
    #footer .page_margins a {
        color: #fff !important;
    }
    #footer #footerLayerContainer.flexible .footerColumn .footerText ul li {
        padding-left: 24px;
    }
    .footer .footer-nav .container-fluid .section {
        margin-bottom: 0;
        /* padding-bottom: 6rem;*/
    }
	
      /* --------------------Angepasst für HAHN+KOLB Servicemenü Formular ----------------------- */
		
    		
    #servicemenu #sidebar_list #side_ul li:hover .text-white {
        color: #000 !important;
    }
	 
	 
	 #formularContent .container_frame select, #formularContent .container_frame input {
		font-size: 13px;
		margin-top: 5px;
		text-transform: none;
		width: 100%;
		height: 40px;
		border: none;
	}
	
	#formularContent  .btn_cta {
		background-color: #e7b300;
		font-family: hk_type_cond, Arial, Helvetica, "Microsoft Yahei", "微软雅黑", sans-serif;
		font-weight: 400;
		color: #fff;
		display: block;
	}
	
	#formularContent .container_frame form div.leftColumn
	 {
		margin-right: 0px;
	}
	
		#formularContent  form textarea
	 {
		margin-bottom: -7px !important;
	}
	
	#formularContent .container_frame span.mandatory {
		font-size: 12px;
	}
		
	#formularContent .container_frame form label.captcha {
        margin-bottom: 15px !important;
        font-size: 13px !important;
        font-family: corporate_s, Arial, Helvetica, sans-serif;
	}
    
    #formularContent .container_frame h1 {
        font-family: hk_type_cond_bold, Arial, Helvetica, "Microsoft Yahei", "微软雅黑", sans-serif !important;
        font-size: 25px !important;
        color: #00245e !important;
        margin-bottom: 0 !important;
    }
    #formularContent .container_frame form div h2 {
        font-family: hk_type_cond, Arial, Helvetica, "Microsoft Yahei", "微软雅黑", sans-serif !important;
        font-size: 18px !important;
        margin: 0 !important;
        padding-bottom: 0 !important;
    }
    #formularContent .container_frame input.btn_cta {
        font-size: 20px !important;
        line-height: 27px !important;
		margin-top: 15px;
    }
  
 
    #formularContent .container_frame form div.leftColumn {
        width: 170px !important;
		padding-right: 10px !important;
    }
    #formularContent .container_frame form div.rightColumn {
        width: 170px !important;
    }
    #formularContent .container_frame .kontakt_footer {
        font-size: 12px !important;
    }
    #formularContent .container_frame form label.error {
        font-size: 13px !important;
        font-family: corporate_s, Arial, Helvetica, sans-serif;
    }
	
	
	
	
	
}

@media screen and (max-width: 1231px) {
    #header #headerNavigation::before {
        border: none;
    }
    #header #headerToolbar {
        width: 100%;
    }
    #header #headerToolbar #background {
        width: 100%;
    }
    #header #headerNavigation #background {
        width: 100%;
    }
}

@media screen and (max-width: 974px) {
    #header #headerUserlayer {
        position: relative !important;
    }
}

@media screen and (max-width: 478px) {
    .notInMobile {
        display: none;
    }
    #sortableTable img,
    #sortableTable .pmThumb {
        display: none;
    }
}