/* Import font from Google - Go to fonts.google.com, select a font and look for the import command */

/*@import url('https://fonts.googleapis.com/css2?family=Georama:wght@100&display=swap');*/

/* Change some root colors and settings of the document */

:root {

    --cassiopeia-color-primary: #004d82;
    --cassiopeia-color-link: #0000ff;
    --cassiopeia-color-hover: #ff0000;

    --cassiopeia-font-family-body: "Roboto", sans-serif;
    --cassiopeia-font-family-headings: "Roboto", sans-serif;
    --cassiopeia-font-weight-headings: 700;
    --cassiopeia-font-weight-normal: 400;
    
    --blue: #0d6efd;
    --indigo: #6610f2;
    --purple: #6f42c1;
    --pink: #d63384;
    --red: #dc3545;
    --orange: #fd7e14;
    --yellow: #ffc107;
    --green: #198754;
    --teal: #20c997;
    --cyan: #0dcaf0;
    --white: #fff;
    --gray: #6c757d;
    --gray-dark: #343a40;
    --gray-100: #f8f9fa;
    --gray-200: #e9ecef;
    --gray-300: #dee2e6;
    --gray-400: #ced4da;
    --gray-500: #adb5bd;
    --gray-600: #6c757d;
    --gray-700: #495057;
    --gray-800: #343a40;
    --gray-900: #212529;
    --primary: #0d6efd;
    --secondary: #6c757d;
    --success: #198754;
    --info: #0dcaf0;
    --warning: #ffc107;
    --danger: #dc3545;
    --light: #f8f9fa;
    --dark: #212529;
    --primary-rgb: 13, 110, 253;
    --secondary-rgb: 108, 117, 125;
    --success-rgb: 25, 135, 84;
    --info-rgb: 13, 202, 240;
    --warning-rgb: 255, 193, 7;
    --danger-rgb: 220, 53, 69;
    --light-rgb: 248, 249, 250;
    --dark-rgb: 33, 37, 41;
    --white-rgb: 255, 255, 255;
    --black-rgb: 0, 0, 0;
    --body-color-rgb: 33, 37, 41;
    --body-bg-rgb: 255, 255, 255;
    --font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    --gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
    --body-font-family: var(--cassiopeia-font-family-body);
    --body-font-size: 1.1em;
    --body-font-weight: 400;
    --body-line-height: 1.4;
    --body-color: #383838;
    --body-bg: #efefef;
}

@media (width >= 991px) {
    h4, .h4 {
    font-size: 1.25rem !important;    
    }
    
    h3, .h3 {
    font-size: 1.5rem !important;
    }
    
    h2, .h2 {
    font-size: 1.75rem !important;
    }
    
    h1, .h1 {
    font-size: 2.0rem !important; 
    }
}

/* Use the importeed font (See first lines of the document) on the page: On Google you can also find the CSS instruction for using the font. If you put this in the body element then the font will be used on the whole website. */

/*body {
    font-family: 'Georama', sans-serif;
}*/

/* The page header of Cassiopeia has the class "header" so you control it with .header */

.header {
    background: var(--cassiopeia-color-primary);
    /*background: linear-gradient(90deg, rgba(2, 0, 36, 1) 0%, rgba(119, 9, 121, 1) 35%, rgba(0, 212, 255, 1) 100%);*/
}

/* Smaller banner */
.container-banner .banner-overlay {
    height: 40vh;
}


/* Color the dropdown menu in the menu with the class .metismenu.mod-menu .mm-collapse */

.metismenu.mod-menu .mm-collapse {
    background: #004d82;
}

/* The links in the dropdown menu you have to adress them individually */

.metismenu.mod-menu .mm-collapse .metismenu-item a {
    color: #fff;
}



.metismenu.mod-menu li:last-child {
        padding-right: 0em;
}

/*#navbar89 .metismenu.mod-menu .metismenu-item {
        padding: .5em 0.8em;
}*/

/* Modules have the class card, so you control them with .card - if you want to control only a specific module, you can give the module its own CSS class in the settings and then control it with that */

/*.container-sidebar-right.card {
    box-shadow: 12px 4px 18px 0px rgba(0, 0, 0, 0.35);
    -webkit-box-shadow: 12px 4px 18px 0px rgba(0, 0, 0, 0.35);
    -moz-box-shadow: 12px 4px 18px 0px rgba(0, 0, 0, 0.35);
}

.container-sidebar-right.left {
    box-shadow: 12px 4px 18px 0px rgba(0, 0, 0, 0.35);
    -webkit-box-shadow: 12px 4px 18px 0px rgba(0, 0, 0, 0.35);
    -moz-box-shadow: 12px 4px 18px 0px rgba(0, 0, 0, 0.35);
}*/

/* Modules are on different module positions in the Cassiopeia template then the modules get in addition to card also the position as class name, for example main-top - so if you want to change all modules to main top you take .main-top.card */

.main-top.card {
    background: #e1e9f5;
}

.card-header {
    /*hyphens: auto;*/
        /*white-space: nowrap;*/
        overflow: hidden;
        /*text-overflow: "";*/
}

/* Headings are html elements, the main heading is an h1, then comes h2, h3, h4 and so on. You control an html element by simply writing the name in front of it */

h1 {
    text-shadow: 2px 2px 8px rgba(150, 150, 150, 1);
    color: #004d82;
}

/* In Joomla most buttons have the class btn-primary - in the element inspector you can check if the button you want to color really has this color.
*/

/*.btn-primary {
    background: rgba(119, 9, 121, 1);
}*/

/* If you want to color something, only if you move the mouse over it then write :hover after it
*/

/*.btn-primary:hover {
    background: rgba(0, 212, 255, 1);
}*/

/* In Joomla all article images have the class item-image, if you want to control only a specific image, then you have to give the image inside the article its own CSS class.
*/

.btn-primary {
    border: 2px solid #ced4da;

}

.btn-primary:hover {
    background: #004d82;
    border: 2px solid #ced4da;
}

/*.item-image {
    border: 2px solid #ff0000;
}*/


/*If you run into icons on the website, you can color them individually*/

.icon-user {
    color: #403678;

}

/* or you color all icons with this special statement*/

.fa, .fas, [class*=" icon-"], [class^="icon-"] {
    color: #004d82;
    text-align: center;
}

.icon-menu {
        color: #ffffff;
}
        
.container-component [class*=" icon-"], .container-component [class^="icon-"] {
        color: #004d82;
}

.container-footer [class*=" icon-"], .container-footer [class^="icon-"] {
        color: #fdce02;
}

.container-header [class*=" icon-"], .container-footer [class^="icon-"] {
        color: #fdce02;
}

.container-footer a, .container-component a, .container-header a, .container-sidebar-right a, .container-top-a a {
        text-decoration: none;
}

.container-footer a:hover, .container-component a:hover, .container-header a:hover, .container-sidebar-right a:hover {
       text-decoration: underline;
}

/*.mod-menu li:hover > ul {
  display: block !important;
}*/

/* The page footer of Cassiopeia has the class "footer" so you control it with .footer */

.footer {
    background: var(--cassiopeia-color-primary);
    /*background: linear-gradient(90deg, rgba(2, 0, 36, 1) 0%, rgba(119, 9, 121, 1) 35%, rgba(0, 212, 255, 1) 100%);*/
}

/*custom*/

html {
    overflow-y: scroll !important;
    overflow-x: hidden !important;
    scrollbar-color: #fdce02 #004d82;
}

.container-header nav {
  margin-top: 0em;
}

.container-banner {
  margin: 0 0 0.2rem;
}

/*.top-right {
        float: right;
}*/

.container-header .grid-child {
    padding-top: 0.4em;
    padding-bottom: 0.4em;

}

.container-header .container-below-top {
        padding-bottom: 0em;
        padding-top: 0em;
}

.footer .grid-child {
  /*justify-content: space-between;
  align-items: center;
  padding: 2.5rem .5em;*/
   flex-wrap: wrap;
   padding-top: 2.0rem;
   padding-bottom: 1.0rem;
}

.footer .mod-custom {
        padding-top: 1.0rem;
   padding-bottom: 1.0rem;
   min-width: 320px;
}

.brand-logo img {
    width: 100%;
    max-width: 350px;
}

.header-logos {
        /*background-image: url('/images/kb/logos/header/bg.png');
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;*/
        text-align: right;
        padding-top: 10px;
}

.header-logos .logos-wrapper .logo-weber {
        width: 108px;
        margin-right: 6px;
}

.header-logos .logos-wrapper .logo-pvp {
        width: 108px;
        margin-right: 6px;
}

.header-logos .logos-wrapper .logo-pfalzlease {
        width: 42px;
        padding-right: 0px;
    
}

.header-logos .logos-wrapper {
        text-align: right;
        
        background-color: #ffffff;
        border-radius: 4px;
        /*border: 1px solid #ffffff;*/
        display: inline-block;
}

.small-logos {
        /*background-image: url('/images/kb/logos/header/bg.png');
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;*/
        
        /*border-radius: 4px;*/
        /*border: 1px solid #ffffff;*/
        display: inline-block;
        position: relative;
        left: 76px;
        top: -5px;
}

.small-logos .logo-left {
        width: 84px;
}

.small-logos .logo-middle {
        width: 74px;
        margin-left: 6px;
}

.small-logos .logo-right {
        width: 104px;
        margin-left: 6px;
}

.brand-logo {
        padding-top: 0.4em;
}

.cf-form-search {
        padding-top: 0.4em;
        padding-right: 0px;
}

.container-header .container-nav {
      flex-wrap: nowrap;
      /*padding-top: 0px;*/
    }

.videowrapper {
  position: relative;
  padding-bottom: 56.25%;
  /* 16:9 */
  padding-top: 25px;
  height: 0;
}

.videowrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

#mod-custom144 {
        width: 42px;
        padding-top: 0.4em;
        /*margin-left: 0.8em;*/
       display: none;
}

/*.mod-custom .search-icon {
                padding-left: 0.4em;
}
*/
#mod-custom151 {
        width: 42px;
        padding-top: 0.4em;
        margin-right: 0.8em;
       display: none;
}

#mod-custom145 {
        width: 42px;
        padding-top: 0.4em;
       display: none;
}

#mod-custom152 {
        width: 42px;
        padding-top: 0.4em;
        margin-right: 0.8em;
       display: none;
}

/*Open DE*/
#mod-custom157 {
padding-top: 0.4em;
}
#mod-custom164 {
padding-top: 0.4em;
}

#contactList td {
        word-break: break-word;
        hyphens: auto;
        overflow: hidden;
}

#contactList th {
        vertical-align: top;
}

.contact-thumbnail  {
    /*max-width: 236px;*/
    max-width: 120px;
    margin-top: 8px;
}

.com-contact__container img {
    max-width: 236px;
}
    
@media (width <= 767.98px) {
  .container-nav nav {
    margin-top: 0.2em !important;
  }

  
  .header-search {
        display: none;
  }
  
    .cc-trigger.cc-trigger-icon svg {
        width: 25px !important;    
    }

    #contactList th {
        /*width: 25%;*/
    }
    
  /*Icons DE*/
  
  #mod-custom144 {
        display: inline-block;
    }
    #mod-custom151 {
        display: inline-block;
    }
    
    /*Icons EN*/
    
    #mod-custom145 {
        display: inline-block;
    }

    .site-grid {
        column-gap: 0.5em;
    }
    
    .vm-pagination {
        clear: left;
    }

    .vm-pagination .pagination li {
            display: none;
    }
    
    .vm-pagination .pagination li:nth-child(-n + 2) {
        display: inline;
    }
    
    .vm-pagination .pagination li:nth-last-child(-n + 2) {
        display: inline;
    }
    
    div.vm-pagination-top {
        margin-bottom: 6px;
    }
    
    div.vm-pagination-top > ul > li {
        display: none;
    }
    
    div.vm-pagination-top > ul > li:nth-child(-n + 2) {
        display: inline;
    }
    
    div.vm-pagination-top > ul > li:nth-last-child(-n + 2) {
        display: inline;
    }

    div.vm-pagination-bottom {
        margin-bottom: 6px;
    }
    
    div.vm-pagination-bottom > ul > li {
        display: none;
    }
    
    div.vm-pagination-bottom > ul > li:nth-child(-n + 2) {
        display: inline;
    }
    
    div.vm-pagination-bottom > ul > li:nth-last-child(-n + 2) {
        display: inline;
    }
}

.com-contact .contact-email-form {
        max-width: 60%;
}

@media (width <= 1199px) {
    .com-contact__container .com-contact__thumbnail {
        display: inline-block;
        float: right;
        margin-left: 8px;
    }
    
    .com-contact .contact-email-form {
        float: left;
        clear: left;
        margin-top: 1rem;
    }
    
    .com-contact__address dt {
        width: 28px;
        float: left;
        clear: left;
        display: inline-block;
    }
    
    .com-contact__address dd {
        width: 220px;
        padding-left: 1em;
        display: inline-block;
        float: left;
    }
    
    .com-contact .contact-email-form {
        max-width: 80%;
    }
}

@media (width <= 767.98px) {
        .com-contact__container .com-contact__thumbnail img {
            max-width: 160px;
        }
        
        .com-contact .contact-email-form {
            max-width: 100%;
        }
}

@media (width <= 380px) { 

    .com-contact__address {
        float: left;
        clear: both;
        margin-top: 1rem;
    }

   .contact-thumbnail  {
        max-width: 80px;
    }
    
    #contactList th:first-of-type {
        width: 92px;
    }
}
    
.container-top-a .search-filters {
        display: none;
    }

.container-top-a .info-link {
        display: none;
        margin-bottom: 0em;
}

.manufacturer-image {
    width: 100%;
    max-width: 320px;
    float: right;
}

.manufacturer-details-view img {
  margin: 0 0 0px 0px !important;
}

div.manufacturer-image {
    margin: 0 0 20px 30px;
}

.manufacturer-details-view .spacer {
        padding-left: 0px !important;
        padding-right: 0px !important;
}

div.mod-languages img {
        width: 42px;
        color: #004d82;
}


div.mod-languages a {
  padding: 0;
  background-color: #004d82;
}

div.mod-languages ul li.lang-active {
  background-color: #004d82;
}

div.mod-languages ul li.lang-active img {
      border-radius: 5px;
  border: 2px solid #ffffff;
}

div.mod-languages li {
    margin: 0 0rem;
}

div.mod-languages li:first-child {
    margin: 0 0.2rem;
}

@media (width <= 991px) {   
    
    /*Logo DE/EN*/
    #mod-custom223 {
        margin-right: auto;
    }
    #mod-custom227 {
        margin-right: auto;
    }
    
    #mod-custom157 {
        display: none;
    }
    
    #mod-custom164 {
        display: none;
    }
    
    #mod-custom151 {
        display: inline-block;
    }
    
    #mod-custom152 {
        display: inline-block;
    }

    .container-top-a .search-filters {
        display: inline;
    }
    
    .container-sidebar-right .search-filters {
        display: none;
    }
    
    .container-top-a .info-link {
        display: inline;
    }
    
    .position-sticky {
        position: relative !important;
    }
    
    .hidden-mobile-module {
            display: none;
    }
    
    .container-header .mod-menu li {
            font-size: 1.25rem !important;
    }
    
    .container-header .mod-menu li:first-child {
            margin-top: 0.6rem;
    }
    
}

@media (width <= 480px) { 
    .brand-logo img {
        width: 280px;
    }
    .phone-icon {
            width: 32px;
    }
    .search-icon {
            width: 32px;
    }
    #mod-custom144 {
        width: 32px;
    }
    #mod-custom145 {
        width: 32px;
    }
    
    #mod-custom151 {
        width: 32px;
        margin-right: 0.6em;
    }
    
    #mod-custom152 {
        width: 32px;
        margin-right: 0.6em;
    }

    .small-logos {

        left: 65px;
        top: -4px;
    }

    .small-logos .logo-left {
            width: 66px;
    }

    .small-logos .logo-middle {
            width: 56px;
            margin-left: 4px;
    }

    .small-logos .logo-right {
            width: 86px;
            margin-left: 4px;
    }
    


    .container-component {
            margin-left: 0px;
            margin-right: 0px;
    }
    

    
    .convertforms .cf-content-wrap {
            padding-left: 0px !important;
            padding-right: 0px !important;
    }
    
    .convertforms .cf-form-wrap {
            padding-left: 0px !important;
            padding-right: 0px !important;
    }
    
    div.mod-languages img {
            width: 40px;
    }
    
    div.mod-languages li:first-child {
        margin: 0 0rem;
    }
    
    div.mod-languages li:nth-child(2) {
        margin-right: 0px;
        margin-top: 0.2rem;
    }
 
    img.browseCategoryImage {
            max-width: 80% !important;
            height: auto !important;
    }
 
    div.manufacturer-image {
        margin: 0 0 30px 0px !important;
        width: 100%;
        max-width: 460px;
        /*float: none;*/
    }
    
    .manufacturer-details-view .manufacturer-image img {
            width: 100%;
        max-width: 460px;
    }
 
}

@media (width <= 380px) { 
    .brand-logo img {
        width: 220px;
    }
    
    .small-logos {

        left: 55px;
        top: -3px;
    }

    .small-logos .logo-left {
            width: 52px;
    }

    .small-logos .logo-middle {
            width: 46px;
            margin-left: 4px;
    }

    .small-logos .logo-right {
            width: 66px;
            margin-left: 4px;
    }
    
}

.browse-view h1 {
 font-size: 1.5rem;   
}

.browse-view .row .product {
        align-content: flex-end;
        float: none !important;
}

.checkmark {
    padding-left: 36px;
    /*padding-top: 10px;*/
    margin-top: 20px;
    margin-bottom: 20px;
    font-size: 20px;
    line-height: 24px;
}

.checkmarkimg {
    width: 32px;
    float: left;
}

/* */

.convertforms {
    --background-color: var(--body-bg) !important;
    font-family: var(--body-font-family) !important;
}

.mfimage {
    height: 48px;
    margin: 0 0 12px 12px;
    border-radius: 5px;
  border: 4px solid #ffffff;
  background-color: #ffffff;
}

.twoflex {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.manuflex {
    max-width: 462px;
    padding-top: 20px;
    padding-left: 10px;
}

/*.width25 {
    max-width: 340px;
    min-width: 0;
}

.featured .rowx .width25:last-of-type {
    min-width: auto;
}*/

.manufacturer-details-view .manufacturer-image {
    border-radius: 5px;
    border: 4px solid #ffffff;
}

div.manufacturer-image {
        background-color: #ffffff;
}

.manufacturer-details-view .manufacturer-product-link a {
        color: #004d82;
}

.manufacturer h2 {
    display: none;
}

.vmmanufacturer img {
    width: 108px;
}

.vmmanufacturer {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-around;
    /*background-image: url("/images/kb/icons/trans/white.gif");*/
    background-color: #ffffff;
    /*background-repeat: repeat;*/
}

.vmmanufacturer .col-md-1 {
    width: 108px !important;
    margin-left: 2px;
    margin-right: 2px;
    margin-bottom: 10px;
}

.container-banner .vmmanufacturer .col-md-1 {
        margin-bottom: 4px;
        margin-top: 4px;
        /*position: absolute;*/
}

.container-banner .vmmanufacturer {
        width: 100%;
        max-width: 1440px;
        height: 60px;
        overflow: auto;
        margin: auto;
        /*position: relative;*/
        margin-bottom: 0.5em;
}

.manufacturer .spacer img {
        border-radius: 5px;
  border: 4px solid #ffffff;
}

.manufacturer .spacer {
    margin: 12px !important;
    padding: 0px !important;
    background-color: #ffffff;
        border-radius: 5px;
  border: 4px solid #ffffff;
}



.manufacturer-details-view .manufacturer-url {
  font-size: 20px;
  line-height: 22px;
}

.manufacturer-product-link-x {
  font-size: 20px;
  line-height: 22px;
}

.manufacturer-product-link a {
  font-size: 20px;
  line-height: 22px;
}

/* Service */

.service h3 {
    /*margin-top: 20px;*/
    margin-bottom: 0px;
    padding-bottom: 9px;
    border-bottom: 1px solid #ddd;
}

.service h4 {
    font-size: 16px;
    line-height: 18px;
    margin-bottom: 9px;
    padding-bottom: 9px;
    border-bottom: 1px solid #ddd;
}

.service .open {
    display: inline-block;
    vertical-align: top;
    min-width: 314px;
    margin-top: 10px;
    margin-right: 20px;
}

.service .open h3 {
    margin-bottom: 12px;
    font-size: 1.5rem;
}

.service .contact h3 {
    margin-bottom: 12px;
        font-size: 1.5rem;
}

.service .contact {
    display: inline-block;
    margin-top: 10px;
    /*margin-left: 20px;*/
    vertical-align: top;
    min-width: 190px;
}

.service .hours {
    display: inline-block;
    padding-left: 20px;
}

.service .days {
    display: inline-block;
}

.service {
        max-width: 600px;
        /*margin-right: 50px;
        margin-left: 20px;*/
        margin-top: 20px;
}




/* VirtueMart */

.orderby-displaynumber .display-number select {
    font-size: 13px;
    line-height: 13px;
    padding: 0px 2px;
    height: auto;
}

@media (max-width: 480px) {
    .vm-product-container .vm-product-media-container {
            width: 100% !important;
    }
}



/*#bd_results {
    background-color: #ff0000;
}*/

#limit {
    width: 80px;
}

.display-number {
    font-size: 12px;
}

.display-number .inputbox {
    height: 28px;
}

.vm-pagination ul {
    margin-bottom: 4px !important;
}

.vm-page-counter {
    font-size: 12px;
}

/*.vm-order-list-manufacturer .orderlistcontainer .orderlist {
    height: 220px;
    overflow-y: scroll;
}*/

#fancybox-title {
    display: none !important;
}

.browse-view .row .break {
    display: block;
    height: 0px;
    width: 100%;
}

/*.browse-view .row .product {
    align-self: stretch;
}*/

.vmgroup .vmproduct .break {
    display: block;
    height: 0px;
    width: 100%;
}


@media (min-width: 1380px) {
    .browse-view .row .break {
        display: none;
    }
}

@media (max-width: 1380px) {
    .browse-view .row .product {
        -webkit-flex-grow: 1;
        -moz-flex-grow: 1;
        -ms-flex-grow: 1;
        flex-grow: 1;
    }
    .browse-view .vm-pagination .pagination-list .hidden-phone {
        display: none !important;
    }
}

@media (min-width: 767px) {
    .vmgroup .vmproduct .break {
        display: none;
    }
}    

.vmgroup .vmproduct .product-container:not(:last-child) {
  padding-right: 10px;
  box-sizing: border-box;
}

@media (max-width: 767px) {
    .vmgroup .vmproduct .product-container {
        width: 50%;
    }
    
    .vmgroup .vmproduct .product-container:last-child {
        padding-right: 0px;
        box-sizing: border-box;
    }
    
    .vmgroup .vmproduct .product-container:nth-child(2) {
        padding-right: 0px;
    }
    
    .vmgroup .vmproduct .break {
        margin-bottom: 10px;
    }
    
    .vmgroup .vmproduct .product-container .productdetails {
        margin-bottom: 10px;
    }
}

@media (max-width: 380px) { 
    .vmgroup .vmproduct .product-container {
        padding-right: 0px !important;
        width: 100%;
    }
}

.vmgroup .rowx {
    margin-top: 10px;
}

.vmgroup .vmproduct {
    display: -webkit-box;  /* OLD - iOS 6-, Safari 3.1-6, BB7 */
    display: -moz-box;     /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;  /* TWEENER - IE 10 */
    display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: flex-start;
    -moz-justify-content: flex-start;
    -ms-justify-content: flex-start;
    justify-content: flex-start;
}

.vmgroup .vmproduct .product-container .spacer {
    padding-right: 0px;
}

.vmgroup .vmproduct .product-container {
    /*flex: 1;*/
}

.vmgroup .vmproduct .product-container {
    /*flex: 1;*/
}

.vmgroup .vmproduct .product-container .featuredProductImage {
    box-sizing: border-box;
}

.card-body .vmgroup br {
        display: none;
}

/*.pagination-list .disabled {
    padding: 3px 8px;
}*/

.vm-order-list {
    margin-bottom: 10px;
}

.vm-pagination-top {
    margin-top: 3px;
    margin-left: 10px;
}

.vm-pagination-top .pagination {
    margin-top: 0px;
}

.vm-pagination-bottom {
    margin-top: 15px;
    margin-bottom: 20px;
}

.vm-pagination .pagination-list .active a {
    padding: 3px 8px;
}

.product-fields-title-wrapper {
    width: 40%;
    display: inline-block;
    padding: 0px 0 !important;
    /*font-weight: normal !important;*/
    font-size: 16px;
    line-height: 18px;
}

.product-fields-title-wrapper .product-fields-title {
        font-weight: bold !important;
            font-size: 16px;
    line-height: 18px;
}

.product-fields .product-field-display {
        font-weight: normal !important;
            font-size: 16px;
    line-height: 18px;
}

.product-fields {
    padding-bottom: 24px;
}

.request-section {
    padding-bottom: 24px;
}

.product-fields .product-field {
        margin-bottom: 0px !important;
}

.product-field-display {
    display: inline-block;
    vertical-align: top;
    /*width: 30%;*/
}

.vm-product-media-container {
    /*text-align: left;*/
}

.vm-product-container h4 {
    font-size: 18px;
    line-height: 20px;
    margin-bottom: 9px;
    padding-bottom: 9px;
    border-bottom: 1px solid #ddd;
}

div[class^="vm-product-descr-container"] h2 {
    font-size: 16px !important;
    line-height: 18px;
}

div[class^="vm-product-descr-container"] p {
    font-size: 16px;
    line-height: 18px;
}

@media (width <= 767.98px) {
    div[class^="vm-product-descr-container"] h2 {
        font-size: 20px !important;
        line-height: 24px;
    }
    span.vm-price-desc {
        margin: 0 6px 3px 0 !important;
    }
}

p.product_s_desc {
  line-height: 18px !important;
  height: 38px !important;
  overflow: hidden;
}

.spacer-buy-area h4:nth-of-type(1) {
    margin-top: 0px;
}

.productdetails-view .product-price {
    margin: 16px 0px 16px 0px;
    text-align: right;
    float: none;
    font-size: 18px;
    line-height: 20px;
    font-weight: bold;
}

.productdetails-view .product-price .vm-price-value {
    color: #004d82;
    font-size: 18px;
    line-height: 20px;
}

.productdetails-view .product-price .vm-price-value .vm-price-desc {
    color: #000000;
}

.productdetails-view h2:nth-child(2) {
    display: inline-block;
}

.productdetails-view .icons {
    margin: 12px 0 10px 30px;
}

.moduletable.info-frame {
    border: 1px solid #ff0000;
    padding: 5px;
    border-radius: 4px;
    display: inline-block;
    font-weight: bold;
    margin-top: 8px;
    margin-bottom: 5px;
}

.info-frame p {
    margin-bottom: 0px;
}

/*.product-container .product-price {
    margin-bottom: 10px;
}*/

.moduletable.red-frame {
    border: 2px solid #ff0000;
    padding: 5px;
    border-radius: 4px;
    margin-top: 15px;
    margin-bottom: 20px;
    overflow: hidden;
}

.blue-frame {
    border: 2px solid #004d82;
    padding: 10px;
    border-radius: 4px;
    margin-top: 18px;
    margin-bottom: 18px;
    display: inline-block;
}

.extra-margin {
    margin-top: 18px;
}

.container-below-top {
  justify-content: space-between;
   /*flex-wrap: wrap;*/
}

.moduletable.info-link {
    border-bottom: 1px solid #ddd;
    padding-top: 12px;
    padding-bottom: 10px;
}

/*.moduletable.blue-frame {
    border: 2px solid #ff0000;
    padding: 5px;
    border-radius: 4px;
    margin-top: 15px;
    margin-bottom: 20px;
    overflow: hidden;
}*/

.moduletable.red-frame h3 {
    margin-top: 0px;
}

.vm-product-media-container {
    min-height: 120px;
}

/*.vm3pr-0 {
    display: none;
}*/

.vm3pr-0 .product-price {
  min-height: 42px;
}

span.vm-price-desc {
  margin: 0 6px 3px 0;
}

.horizontal-separator {
    background: #fff;
    margin: 0px 0;
}

.featured {
    padding-top: 0px;
    margin-top: 0em;
}

.featured .vmheader {
    color: #e63312;
}

.featured .vmgroup {
    margin-bottom: 0px;
}

.news {
    color: #e63312;
}

.newsc {
    margin-bottom: 0px;
}

.vspace {
    margin-top: 10px;
}

.vspace18 {
    margin-top: 18px;
}

.noborder-bottom {
        border-bottom: 0px;
}

.noborder-top {
    border-top: 0px;
}

.nomargin-top {
    margin-top: 0px;
}

.nomargin-top .card-body {
    padding-top: 0px;
}


.vspaceafter {
    margin-bottom: 18px;
}

.news-container {
    display: flex;
    align-content: start;
    align-items: stretch;
    /*flex-wrap: wrap;*/
}

.news-item-image {
    width: 42%;
    padding-right: 8px;
    margin-bottom: 0px;
}

.news-item {
    width: 54%;
    margin-bottom: 0px;
    overflow-wrap: break-word;
    word-wrap: break-word;
    -ms-word-break: break-all;
    word-break: break-word;
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
}

.news-item-image img {
    border: 1px solid #004d82;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.news-item .news-title {
    color: #e63312;
    font-size: 18px;
    line-height: 20px;
}

.news-item .news-big-font {
    font-size: 18px;
    line-height: 20px;
}

.news-desc {
    /*font-size: 18px;
    line-height: 20px;*/
}

/*.orderlistcontainer .activeOrder a {
    pointer-events: none;
}*/

.category-view .row .category .spacer h2 {
    font-size: 20px !important;
    word-break: break-word;
    hyphens: auto;
}

/*.category-view .row .category .spacer a:hover {

}*/

.category_description {
    margin: 2px 0px 10px 0px;
    padding-bottom: 5px;
    border-bottom: 1px solid #ddd;
    font-size: 16px;
    line-height: 20px;
}

.productdetails h2:first-child {
    margin: 12px 0px 10px 0px;
    padding-bottom: 12px;
    border-bottom: 1px solid #ddd;
}

.orderby-displaynumber {
    border-bottom: none !important;
    border-top: none !important;
    margin: 10px 0 !important;
    padding: 0px 0 !important;
}

.main-image img {
    border: 1px solid #004d82;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    max-width: 100%;
    box-sizing: border-box;
}

.browseCategoryImage {
    border: 1px solid #004d82;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.browseProductImage {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    max-height: 200px;
}

.featuredProductImage {
    border: 1px solid #004d82;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    max-height: 240px;
    max-width: 100%;
    margin-top: 5px;
    margin-bottom: 3px;
}

.category-view .category img[src$="noimage.gif"] {
    border: 0px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 0px;
}

.vm-product-media-container {
    margin-bottom: 12px;
}

.additional-images {
    margin-top: 10px;
    margin-bottom: 0px;
    width: 100%;
}

.additional-images .floatleft {
    margin-bottom: 10px;
}

.additional-images img {
    border: 1px solid #004d82;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.additional-images .pvideo {
        width: 100%;
}

.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 0;
    height: 0;
    overflow: hidden;
}

.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


.product-description .title {
    font-weight: bold;
    line-height: 20px;
    font-size: 18px;
    margin-bottom: 9px;
    padding-bottom: 9px;
    border-bottom: 1px solid #ddd;
    display: block;
}

.product-description p {
    line-height: 18px;
    font-size: 16px;
}

.manufacturer-description p {
    line-height: 18px;
    font-size: 16px;
}

.productdetails-view {
    margin-bottom: 40px;
}

[itemprop="articleBody"] { margin-bottom: 20px; }

.vmgroup {
    margin-bottom: 0px;
}

.printModal img {
    display: block;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background: url(/images/kb/icons/printer.jpg) no-repeat;
    background-size: contain;
    width: 20px; /* Width of new image */
    height: 20px; /* Height of new image */
    padding-left: 20px; /* Equal to width of new image */
}

.category-view .category {
    display: flex;
    justify-content: flex-end;
    flex-direction: column;
}

.vmheader {
    font-size: 22px;
    line-height: 24px;
    font-weight: bold;
    margin-bottom: 12px;
    padding-bottom: 9px;
    border-bottom: 1px solid #ddd;
    /*font-weight: bold;*/
}

/*.brandsaside {
    margin-top: 40px;
}*/

#bd_results {
    /*min-height: 500px;*/
    margin-bottom: 20px;
}

div[id^='cf_wrapper_input_text_price'] {
    width: 100%;
}

div[id^='cf_wrapper_inner_price'] {
    margin-bottom: 20px;
}

/* Impressum/Download */

.contact-address-impress dt {
    width: 42px;
    float: left;
}

/*.contact-address-impress dd {
    margin-left: 62px;
    min-height: 5px;
    text-align: bottom;
}*/

.contact-address-impress .jicons-icons img {
    width: 22px;
    vertical-align: top;
}


.contact-category .list-title
{
    font-weight: bold;
}

.contact-category td
{
    vertical-align: top;
}

.jicons-icons img {
    width: 20px;
    margin: 4px;
    vertical-align: top;
}


.dl-download {
    margin-bottom: 0px;
}

.dl-download dt {
    width: 28px;
    float: left;
}

.dl-download dd {
    margin-left: 38px;
    min-height: 5px;
    font-size: 16px;
    line-height: 18px;
}

.dl-download .jicons-icons img {
    width: 18px;
    vertical-align: top;
}

dl.dl-download {
        overflow: hidden;
        word-break: break-word;
        hyphens: auto;
}

dl.dl-download {
        grid: none;
}

.ai-downloads {
    clear: left;
    text-align: left;
    margin-top: 24px;
    margin-bottom: 0px;
}

.ai-downloads img {
    border: 0px;
    border-radius: 0px;
}

.ai-downloads dl {
    margin-top: 0px;
}


.ai-downloads .dl-download dt {
     width: 16px;
}

.ai-downloads .dl-download dd {
    margin-left: 26px;
}

.dl-rental dt {
    width: 36px;
    float: left;
    line-height: 22px;
}

.dl-rental .icon-download {
    padding-left: 9px;
}

.dl-rental .icon-featured {
    padding-left: 9px;
}

.dl-rental .icon-forward-2 {
    padding-left: 9px;
}

.dl-rental dd {
    margin-left: 36px;
    word-break: break-word;
    hyphens: auto;
    line-height: 22px;
}

.dl-rental {
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 0px;
}


.dl-newl dt {
    line-height: 24px;
}

.dl-newl dd {
    margin-left: 36px;
    word-break: break-word;
    hyphens: auto;
    line-height: 24px;
}

.dl-newl {
    font-size: 18px;
    line-height: 22px;
}

.dl-legal dt {
    width: 24px;
    float: left;
    /*line-height: 22px;*/
}

.dl-legal .icon-download {
    padding-left: 0px;
}

.dl-legal dd {
    margin-left: 24px;
    word-break: break-word;
    hyphens: auto;
    line-height: 20px;
}

.dl-legal {
    font-size: 16px;
    line-height: 20px;
}

.bannerpic {
    width: 80px;
    float: left;
}

.banner {
    padding-left: 100px;
    font-size: 16px;
}

.banner span {
        font-size: 16px;
}

.banner h3 {
    margin-top: 0px;
}

.dl-banner dt {
    clear: none;
    text-align: left;
}

.dl-banner dd {
    font-size: 18px;
    line-height: 20px;
    margin-left: 28px;
}

.dl-banner .jicons-icons img {
    width: 18px;
}

.dl-banner .jicons-icons-link img {
    width: 16px;
}

.slider .moduletable .djslider-loader {
    border: 1px solid #004d82;
    border-radius: 4px;
    box-sizing: border-box;
    margin-top: 20px;
}

.manuflex .vmgroup {
        margin-bottom: 0px;
}

.manu .card-header {
        margin-bottom: 0px;
}
.manu .card-body {
        background-color: #ffffff;
}

#mod-custom160 .news-item-image {
    padding-right: 0px;
}

.manufront .vmgroup {
    border: 0px;
    
}

.vmmanufacturer-front {
    padding-top: 10px;
    border: 0px;
    border-radius: 0px;
}

.vmmanufacturer-front .col-md-1 {
    width: 148px !important;
    margin-left: 8px;
    margin-right: 8px;
}

.vmmanufacturer-front .col-md-1:last-of-type {
    margin-right: 8px;
}

.vmmanufacturer-front img {
  width: 148px !important;
}

.vmmanufacturer-front {
    justify-content: space-evenly;
}