@import url('https://fonts.googleapis.com/css2?family=PT+Sans:wght@400;700&display=swap');

#ie .ie-warn-container{
   text-align:center;
   background-color: #fff5bf;
   padding: 15px 0px;

}

app-root {
    height: 100%;
    display: flex;
    flex-direction: column;
}

#appContent {
    flex: 1 1 auto;
}
html,
body {
    font-family: 'PT Sans', sans-serif!important;
    height: 100%;
}

li a, li, a, p, button, span, .btn-success, .btn-danger, .btn, td{
    font-size: 18px!important;
}

#loginMatDialog .company-brand,
#loginMatDialog .company-brand-middle,
#loginMatDialog .company-brand,
#changePasswordMatDialog .company-brand,
#changePasswordMatDialog .company-brand #changePasswordMatDialog .company-brand {}

#loginMatDialog #errorDialog {}

#loginMatDialog .btn {}

#loginMatDialog .companiesSelect {}

#loginMatDialog .companiesSelect select {}

#loginMatDialog i {}

#loginMatDialog .form-control {}

#loginMatDialog .label {}

#loginMatDialog .agb-checkbox {}

#loginMatDialog .agb-text {
    /*   font-size: 1.2em;*/
}

.company-brand,
.company-brand-middle,
.company-brand-large {
    -ms-background-size: 100% 100%;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

.company-brand {
    height: 140px;
    width: 140px;
    margin-left: auto;
    margin-right: auto;
    display: none;
}

.company-brand-middle {
    height: 195px;
    width: 256px;
}

.company-brand-large {
    height: 390px;
    width: 512px;
}

.btn-primary:focus, .btn-primary.focus {
    box-shadow: none!important;
}

button:focus {
    outline: 0px!important;
}

a:focus {
    outline: 0px!important;
}

.form-control:focus {
    box-shadow: none!important;
    border-radius: 0px!important;
    border-color: #2c2c2c;
}


.form-control{
    border-radius: 0px!important;
    border-color: #2c2c2c;
}

input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
  -webkit-box-shadow: 0 0 0 30px white inset !important;
}

#loginMatDialog i{
    border-top-left-radius: 0px!important;
    border-bottom-left-radius: 0px!important;
    background-color: #fff!important;
    border-color: #2c2c2c!important;
    border-right: 0px!important;
}

.close-btn {
    border-radius: 0px!important;
    background-color: #fff;
    border: 0px!important;
}

.mat-dialog-container {
    border-radius: 0px!important;
    max-width: none !important;
}

.mat-dialog-container .modal-body h2{
    padding: 0px!important;
    margin-bottom: 15px;
    font-weight: bold;
}

app-toast-notification .toast-body{
    border-radius: 0px!important;
    box-shadow: none!important;
}

app-toast-notification .toast-body *{
    color: #3c7d08!important;
}

#time-picker-wrapper.light #time-picker .time-picker-clock > button.active,
#time-picker-wrapper.light #time-picker .time-picker-clock .time-picker-clock-arrow,
#time-picker-wrapper.light #time-picker .time-picker-clock .time-picker-clock-origin,
#time-picker-wrapper.light #time-picker .time-picker-clock .time-picker-clock-arrow span{
    background: #3c7d08!important;
    color: #fff;
}

.reportSearchBlock .dropdown{
    margin-bottom: 10px;
}

.dropdownHeader {
    border: 1px solid #2c2c2c!important;
    border-radius: 0px!important;
}

#report-view .date-group{
    margin-left: 0px!important;
    margin-right: 0px!important;
}

#report-view .pull-right{
    float: none!important;
}

#home {
    margin-top: 30px;
}

#home .paddingleftright {
    padding-left: 15px;
    padding-right: 15px;
}

#home h2 {
    color: #3c7d08;
    font-size: 28px;
    font-weight: 100;
    margin-bottom: 10px;
}

#home li,
#home p {
    font-weight: 300;
    font-size: 16px;
}

#home .highlight {
    color: #3c7d08;
    font-weight: 400;
}

#home .text-container {
    /* margin-left: 3em;
    margin-right: 3em; */
    text-align: left;
}

#home .btn-primary {
    margin-bottom: 2.9em;
}

#advantages ul {
    list-style-image: url("../Images/tick_small.png");
}

#advantages ul>li {
    padding-bottom: 1em;
}

.defaultblock {
    display: flex;
    flex-wrap: wrap;
}

.block2 {
    background-color: #f7f7f7;
    padding-top: 20px;
    padding-bottom: 20px;
}

#banner{
    /* display: none; */
}

#banner.container {
    padding-right: 15px;
    padding-left: 15px;
}

#banner div {
    height: auto!important;
}

.filled-blue {
    background: url("../Images/filled_blue.PNG");
    background-size: 100% 100%;
}

.middle_banner {
    background: url("../Images/banner_2.jpg");
    background-size: 100% 100%;
}

.filled-light-blue {
    background: url("../Images/filled_light_blue.PNG");
    background-size: 100% 100%;
}

.bannerContainer .imageBanner {
    background: url("../Images//Keyvisual_Software_UEbersicht.jpg") no-repeat;
    background-size: cover;
    background-position: center;
}

.bannerContainer{
    margin-bottom: 100px;
}

.bannerContainer .imageBanner p {
    text-align: center;
    color: #fff;
    font-size: 60px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    margin-top: 200px;
    text-shadow: 0px 0px 15px rgba(0, 0, 0, 1);
    font-weight: 100;
}

.bannerContainer .imageBanner .greyoverlay {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: auto;
    background-color: rgba(0, 0, 0, 0.3);
}

.bannerContainer .overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: auto;
    background-size: center;
    background-position: 50% 100%;
}

/*-- START Webshop header --  Navigation --*/

.searchbox {
    top: 0 !important;
}

/*-- START Landscape Darstellung --*/

#header-navigation .navbar-nav {}

/* Webshop header -- Navigationsliste*/

#header-navigation .navbar-nav li {}

/* Webshop header -- Navigationsliste*/

#header-navigation .navbar-nav li:hover {}

#header-navigation .navbar-nav li a:active {}

#header-navigation .navbar-nav li a,
#header-navigation .navbar-nav li i,
.sidebar-item a {}

#header-navigation .navbar-nav li a:hover {}

#header-navigation .navbar-nav li a:before {}

#header-navigation .navbar-nav li a:hover:before {}

#header-navigation .navbar-nav li {
    border-radius: 0px!important;
    background-color: transparent!important;
}

#header-navigation .navbar-nav li a,
#header-navigation .navbar-nav li i{
    color: #3c7d08!important;
    font-weight: bold!important;
    text-transform: uppercase;
}

#header-navigation .navbar-nav li:hover {
    background: transparent!important;
    text-decoration: underline;
}

#header-navigation .top-navigation .headerMenu .row {
    width: 100%;
}

.headerMenu .btn-primary{
    background-color: transparent!important;
    color: #3c7d08!important;
    font-weight: bold!important;
    border: 0px!important;
}

.headerMenu .btn-primary:hover{
    background-color: transparent!important;
    text-decoration: underline;
}

#header-navigation{
    margin-top: 0px!important;
    padding: 10px 0px 6px 0px!important;
}

#header-navigation .catalogueSettings{
    margin-top: 3px!important;
}

#language-selection a img{
    width: 13px;
    height: 13px;
    object-fit: cover;
    border-radius: 50%;
    border: 1px solid #444;
}

#language-selection > a{
    font-weight: bold;
    color: #2c2c2c;
}

#language-selection > a i{
    font-size: 14px!important;
    position: absolute;
    top: 5px;
    right: -12px;
}

#language-selection{
    margin-top: 3px;
}

app-webshop-header{
    border-bottom: 1px solid #2c2c2c;
    margin-bottom: 15px;
    background-color: #fff!important;
}

.btn-primary {
    background-color: #3c7d08!important;
    border-color: #3c7d08!important;
    border-radius: 0px!important;
    font-weight: bold;;
}

.page-item.active .page-link {
    background: #3c7d08!important;
    border-color: #3c7d08!important;
}

.page-item .page-link{
    border-radius: 0px!important;
}

#pagination-container>ul {
    margin-right: 15px!important;
    margin-top: 30px!important;
}

.page-item .page-link:hover{
    color: #fff!important;
    background-color: #2c2c2c!important;
    border: 1px solid #2c2c2c!important;
}

.item-table-header>ul>li>a.active, .item-table-header>ul>li>div>a.active {
    color: #3c7d08!important;
}

.color-green {
    color: #3c7d08!important;
}

.btn-primary:hover{
    background-color: #3c7d08!important;
}

.item-table .item-tile .item-image, .item-table .item-row .item-image {
    margin-left: auto;
    margin-right: auto;
}

#catalog-view .title{
    display: none;
}

.searchbox input{
    border-color: #2c2c2c!important;
    border-radius: 0px!important;
    border-left: 0px!important;
}

.searchbox input:focus{
    box-shadow: none!important;
    outline: none!important;
}

.searchbox .input-group-addon{
    background-color: transparent!important;
    color:#2c2c2c!important;
    border-right: 0px!important;
    border-color: #242121!important;
    border-radius: 0px!important;
}

.dropdown-menu li a {
    color: #111!important;
}

.color-blue {
    color: #111!important;
}

.mat-input-element {
    color: #3c7d08 !important;
}

.mat-calendar-body-selected {
    background-color: #3c7d08!important;
}

.block, .form-group {
    background-color: #e0e0e0!important;
}

.item-table .item-row:nth-of-type(odd), .item-table .item-tile:nth-of-type(odd){
    background-color: #fff;
}

.item-table-header {
    background-color: transparent!important;
}

.item-tile-view .item-tile > div{
    position: relative;
    height: 100%;
    padding: 10px;
    -webkit-box-shadow: 0px 0px 23px -10px rgba(0,0,0,0.5);
-moz-box-shadow: 0px 0px 23px -10px rgba(0,0,0,0.5);
box-shadow: 0px 0px 23px -10px rgba(0,0,0,0.5);
background-color: #fff;
}

.item-tile .input-group{
    width: calc(100%-20px)!important;
}

.item-tile-view .item-tile {
    padding-top: 15px!important;
    padding-bottom: 15px!important;
}

.item-tile .btn-success {
    width: calc(100%-20px)!important;
}

#catalogue-table .dropdown button {
    background-color: #ADADAC!important;
    color: #2c2c2c;
    font-weight: bold;
    border-bottom: 1px solid #2c2c2c;
}

.dropdown-menu li {
    padding: 0px!important;
}

#catalogue-table .dropdown button a{
    padding: 5px 15px!important;
}

.catalogue ul a, .menuListItem a{
    background-color: #e0e0e0!important;
    padding: 5px 15px!important;
    border-bottom: 1px solid #2c2c2c;
}

.catalogue ul a{
    font-weight: bold;
}

.catalogue ul li:last-child a, .dropdown-menu li:last-child a{
    border-bottom: 0px;
}

.btn-primary:not([disabled]):not(.disabled):active, .btn-primary:not([disabled]):not(.disabled).active, .show > .btn-primary.dropdown-toggle {
    /* color: #fff;
    background-color: rgb(204,92,0,0.8)!important;
    border-color: #3c7d08!important;
    box-shadow: none!important; */
}

.navigation-btn{
    background-color: #3c7d08!important;
}

#header-navigation .top-navigation .headerCompanyBrand {
    display: none;
}

.navbar ul{
    width: 100%;
}

#header-navigation .top-navigation{
    margin: 0px!important;
}

#header-navigation .top-navigation .headerMenu {
    order: 2;
    max-width: 1400px;
    margin-left: auto;
    margin-right: auto;
    flex: 1;
}

#header-navigation .top-navigation .headerNavbar .container-fluid{
    padding: 0px!important;
}


#header-navigation .top-navigation .headerNavbar {
    order: 1;
    padding-left: 15px!important;
    padding-right: 15px!important;
    -ms-flex: 0 0 75%!important;
    flex: 0 0 75%!important;
    max-width: 75%!important;
}

#header-navigation .top-navigation .headerNavbar .navbar {
    padding: 0px!important;
}


#header-navigation .top-navigation .headerNavbar ul{
    text-align: left!important;
    
}

.customerList li{
    padding: 10px 15px!important;
}

.customerList li:nth-child(odd) {
    background-color: #e0e0e0!important;
}

customer-lists .searchbox{
    padding-left: 15px!important;
    padding-right: 15px!important;
}

basket .searchbox{
    padding-left: 15px!important;
    padding-right: 15px!important;
}

customer-lists .listHeader{
    padding-left: 15px!important;
    padding-right: 15px!important;
}

.customer-choice-container > div > a{
    padding-left: 15px!important;
    padding-right: 15px!important;
}

/* -- END Landscape Darstellung --*/

.homePage{
    margin-top: 50px;
}

.headingHome{
    font-size: 75px!important;
    color: #2c2c2c;
    font-weight: bold;
}

.textHome{

}

.linksHome{
    margin-top: 30px;
}

.linksHome a{
    color: #3c7d08;
    font-weight: bold;
}

#noCompany{
	display: none;
}

#noCompany p{
	text-align: center;
	font-weight: bold;
	margin-top: 100px;
}

.selectCompanyCountry{
    margin-top: 80px;
}

.selectCompanyCountry hr{
    border-top: 1px solid #111;
    margin-bottom: 30px;
}

.selectCompanyCountry #selectCountry{
    width: 100%;
}

.selectCompany{
    margin-top: 80px;
justify-content: center;
}

.selectCompany .imgContainer{

    padding-bottom: 15px;
}

.selectCompany .imgContainer img{
    max-width: 100%;
    height: 90px;
}

.selectCompany .selectPrinz{
    background: url("../images/prinz4.png") no-repeat;
}

.selectCompany .selectDolomiti{
    background: url("../images/dolomiti4.png") no-repeat;
}

.selectCompany .selectLoewen{
    background: url("../images/loewen4.png") no-repeat;
}

.selectCompany .select{
    background-position: center center;
    background-size: cover;
    width: 100%;
    height: 300px;
}

.selectCompany .select:hover{
 cursor: pointer;
}

#selectCompanyContainer{
    display: none;
}

#selectCompanyContainer #germany, #selectCompanyContainer #austria{
    display: none;
}

.selectCompany .selectPrinzContainer,
.selectCompany .selectDolomitiContainer,
.selectCompany .selectLoewenContainer{
    display: none;
}

/* -- START Portrait Darstellung*/

.main {}

.sidebar {}

.bar, .sidebar {
    background-color: #3c7d08!important;
}

.button {}

.nav-right {}

.nav-right.visible-xs {}

.hidden-xs {}

.middle {}

.nav-right.visible-xs .active .bar {}

.button.active .top {}

.button.active .bottom {}

.button.active .middle {}

.move-to-right {}

.move-to-left {}

nav {}

.navbar-nav li a:active {}

#slidebar-btn {}

.sidebar-list {}

.sidebar-item {}

.sidebar-item:hover {
    background: #3c7d08!important;
}

#loginMatDialog a span{
    color: #2c2c2c;
}

.sidebar-item:first-child {}

.sidebar-item:nth-child(2) {}

.sidebar-item:nth-child(3) {}

.sidebar-item:nth-child(4) {}

.sidebar-item:nth-child(5) {}

.sidebar-item:last-child {}

.sidebar-item.active {}

.sidebar-anchor {}

.sidebar-anchor:before {}

.sidebar-anchor:hover:before {}

.portrait {}

/* -- END Portrait Darstellung*/

/*-- END Webshop header --  Navigation --*/

/*-- START Webshop buttons --*/

.btn-success, .btn-success.disabled, .btn-success:disabled {
    color: #fff;
    background-color: #3c7d08;
    border-color: #3c7d08;
    border-radius: 0px;
}

.btn {
    border-radius: 0px;
}

.btn-primary {}

.close-btn:hover {}

.close-btn:after {}

/*-- END Webshop buttons --*/

/*-- START Seitenübergreifend --*/

#errorDialog {}

.label {}

/* page title*/


.title {
    border: 0px!important;
    background: #fff;
    padding: 5px 15px;
    box-shadow: none!important;
    text-transform: uppercase!important;
    font-weight: bold!important;
    color: #2c2c2c!important;
}

#basket-view .title{
    margin-top: 25px;
}

#basket-view .item-table-header > ul > li:nth-child(1),
#basket-view .item-table-header > ul > li:nth-child(2),
#basket-view .item-table-header > ul > li:nth-child(3){
    display: none;
}

#basket-view .itemtable-body .btn-secondary{
    background-color: transparent!important;
    border-color: transparent!important;
    color: #2c2c2c!important;
}

#basket-view .itemtable-body .btn-danger{
    background-color: transparent!important;
    border-color: transparent!important;
    color: #e51b1f!important;
}

#catalog-view .item-table-header > ul > li:nth-child(1),
#catalog-view .item-table-header > ul > li:nth-child(2),
#catalog-view .item-table-header > ul > li:nth-child(3){
    display: none;
}

#catalog-view .item-table-header{
    display: flex;
    justify-content: flex-end;
}

#catalog-view .item-table-header ul{
    padding-right: 15px;
}

#basket-view .item-table-header ul{
    width: 100%;
    text-align: right;
}

#basket-view .table-striped tbody .odd {
    background-color: #fff;
}

.even {
    background-color: #fff!important;
}

#basket-view .table-striped tbody .odd{
    color: #3c7d08;
}

.mtv td{
   border-top:0px;
   padding-bottom: 10px;
}

.mtv{
 border-top:0px!important;
}

.table-hover tbody tr:hover {
    background-color: rgba(0, 0, 0, 0.075)!important;
}

#basket-view .itemtable-header, current-order-body .itemtable-header{
    font-size: 18px!important;
    font-weight: bold;
    background-color: #e0e0e0!important;
    color: #2c2c2c!important;
}

#basket-view .item-table-view .itemtable-body td,
 current-order-body .itemtable-body td,
  #report-view .table tr td,
  #freightCharges .table tr td{
    padding: 25px 5px;
}

basket-dialog-item-table .table-striped tbody .odd,
 current-order-body .table-striped tbody.odd,
 #report-view .table .odd,
 #freightCharges .table .odd{
    background-color: #fff;
}

basket-dialog-item-table .table-striped tbody .odd,
current-order-body .table-striped tbody .odd,
#report-view .table .odd,
#freightCharges .table .odd
{
    color: #3c7d08;
}

basket-dialog-item-table .table th,
basket-dialog-item-table .table td,
payment .table th,
payment .table td,
current-order-body .table td,
current-order-body .table th,
#report-view .table td,
#report-view .table th,
#freightCharges .table td,
#freightCharges .table th
{
    border-top: 0px!important;
    padding: 25px 5px!important;
}

basket-dialog-item-table tr,
payment tr,
current-order-body tr,
#report-view .table tr,
#freightCharges .table tr
{
    border-top: 1px solid #e0e0e0;
}

basket-dialog-item-table tr:first-child,
payment tr:first-child,
current-order-body tr:first-child,
#report-view .table tr:first-child,
#freightCharges .table tr:first-child
{
    background-color: #e0e0e0!important;
    font-weight: bold;
    color: #2c2c2c!important;
}

basket-dialog-item-table tr:first-child th,
basket-dialog-item-table tr:first-child td,
payment tr:first-child th,
payment tr:first-child td,
current-order-body tr:first-child td,
current-order-body tr:first-child th,
#report-view .table tr:first-child td,
#report-view .table tr:first-child th,
#freightCharges .table tr:first-child td,
#freightCharges .table tr:first-child th
{
    padding: 5px 5px!important;
}

.orderTable ul li.order-row:nth-child(odd) {
    background-color: #e0e0e0!important;
}

.modal-header {
    border-bottom: 1px solid #2c2c2c;
}

.modal-footer {
    border-top: 1px solid #2c2c2c;
}

delivery-date .form-group{
    margin-top: -15px!important;
}

#basket-view .form-group{
    background-color: #fff!important;
}

.step4 .row{
    background-color: #e0e0e0!important;
}

.step5 .form-group br{
    display: none;
}

.step5 .form-group .pull-right{
    float: none!important;
    text-align: right;
    margin: 5px 0px;
}

.step5 .form-group .pull-right:last-child{
    font-weight: bold;
}

.step5 > div{
    display: flex;
    flex-direction: column;
}

.step5 .submitButton{
    order: 2;
}

.step5 .info-price-change-erp{
    order: 1;
}

.stepperIcon{
    border: 3px solid #e0e0e0;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    padding-top: 9px;
    margin-top: -4px;
    color: #e0e0e0;
}

.stepperIcon.color-blue{
    color: #3c7d08!important;
    border-color: #3c7d08!important;
}

.step .text{
    font-size: 14px!important;
    margin-top: 5px;
    font-weight: bold;
    color: #e0e0e0;
}

.stepperIcon.color-blue ~ .text{
    color: #3c7d08!important;
}

.step-line {
    border-bottom: 3px solid #e0e0e0!important;
}

app-step-child:not(:last-child):after {
    height: 3px;
    background: #e0e0e0!important;
}

app-step-child:not(:first-child):before {
    height: 3px;
    background: #e0e0e0!important;
}

.stripeCheckout span{
    font-size: 11px!important;
}

order .date-group{
    background-color: #fff!important;
    padding: 0px 15px!important;
}

freight-charges .date-group{
    background-color: #fff!important;
}

#orderView .active{
    color: #3c7d08 !important;
    border-left: 2px solid #3c7d08 !important;
}

/*-- Aktuelle Adresse --*/

.block {}

/*-- END Seitenübergreifend --*/

/*-- START customer page --*/

ul.custom {
    list-style: none;
    padding-left: 0;
    width: 100%;
    display: inline-flex !important;
    flex-wrap: wrap;
}

ul.custom li {
    background-color: /*#d1d2d3;*/
    #efeff0;
    
    width: calc(33.33333% - 30px);
    height: 250px;
    margin-right: 15px;
    margin-left: 15px;
    position: relative;
    margin-top: 30px;
}

ul.custom li:nth-child(1){
    background: url("../../assets/Images/pic3.jpg") no-repeat;
    background-size: cover;
}

ul.custom li:nth-child(2){
    background: url("../../assets/Images/pic5.jpg") no-repeat;
    background-size: cover;
}

ul.custom li:nth-child(3){
    background: url("../../assets/Images/pic1.jpg") no-repeat;
    background-size: cover;
}

ul.custom li:nth-child(4){
    background: url("../../assets/Images/pic6.jpg") no-repeat;
    background-size: cover;
}

ul.custom li:nth-child(5){
    background: url("../../assets/Images/pic4.jpg") no-repeat;
    background-size: cover;
}

ul.custom li:nth-child(6){
    background: url("../../assets/Images/pic2.jpg") no-repeat;
    background-size: cover;
}


ul.custom li:hover {
    background-color: #f6f7f9;
}

ul.custom li>div,
ul.custom li>p {
    width: 100%;
    text-align: center;
}

ul.custom li>p:hover {
    font-size: 20px;
}

#customTemplate .btn {
    background-color: #26415d;
    color: #ffffff;
    display: inline-block;
    height: 65px;
    width: 65px;
    -webkit-box-shadow: inset 5px 15px 12px #0075bf, inset 0px 15px 2px rgba(50, 144, 203, .5), inset 25px 12px 25px #0075bf;
    -moz-box-shadow: inset 5px 15px 12px #0075bf, inset 0px 15px 2px rgba(50, 144, 203, .5), inset 25px 12px 25px #0075bf;
    box-shadow: inset 5px 15px 12px #0075bf, inset 0px 15px 2px rgba(50, 144, 203, .5), inset 25px 12px 25px #0075bf;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    color: #fff;
    -webkit-text-shadow: 1px 1px 1px rgb(0, 0, 0);
    -moz-text-shadow: 1px 1px 1px rgb(0, 0, 0);
    text-shadow: 1px 1px 1px rgb(0, 0, 0);
}

#customTemplate .btn:hover {
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
    background-color: rgba(76, 131, 187, 1.3);
    color: #ffffff;
}

#customTemplate p {
    font-size: 20px;
    display: inline-block;
    position: absolute;
    bottom: 0;
    color: #fff;
    background-color: #3c7d08;
    margin-bottom: 0px;
    padding: 5px 0px;
}

#customTemplate .btn i {
    font-size: 24px;
    padding-top: 10px;
}

/*-- END customer page --*/

/**** START Item Tile/Row *******/

.description1 {}

.description2 {}

.description13 {}

.description4 {}

.price {}

.tax {}

.total {}

.listPrice {}

.orderUnit {}

.priceUnit {}

.orderCount {}

.orderDate {}

.orderQuantity {}

.inventory {}

.itemOption {}

.priceUntil {}

.convFactor {}

.itemPriceSum {}

.itemPlanningShelfLife {}

.itemRealShelfLife {}

.itemText {}

.itemDetails {}

.item-detail-view .nav-pills a {
    color: #2c2c2c!important;
    font-weight: bold;
}

.item-detail-view .list-group-item a{
    color: #3c7d08!important;
}

.item-detail-view .list-group-item img{
 margin-top: -5px;
 margin-right: 10px;
}

.item-detail-view .nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    background-color: transparent!important;
    color: #3c7d08!important;
    border-radius: 0px!important;
    text-decoration: underline;
}

.item-detail-view .nav{
    border-bottom: 1px solid #2c2c2c;
    margin-bottom: 10px;
}

.nav-link{
    padding: 5px 15px 5px 0px!important;
}

.slider .sliderArrows a span {
    color: #2c2c2c!important;
}

ol.carousel-indicators li {
    border: #2c2c2c 1px solid!important;
}

ol.carousel-indicators li.active {
    background: #2c2c2c !important;
}

.list-group-item {
    border-radius: 0px!important;
}

ol.carousel-indicators {
    bottom: -15px;
}

.item-detail-view > .row{
    position: relative;
}

.item-detail-view .close-btn{
    position: absolute;
    right: 10px;
    top: -30px;
}

/**** END Item Tile *******/

/**** START Catalogue Menu *******/

#catalogueCollection {}

#catalogueCollection .dropdown {}

#catalogueCollection .dropdown-menu {}

#catalogueCollection .headerButton {}

#catalogueCollection .menuListItem {}

#catalogueCollection .catalogueGroup {}

#catalogueCollection .catalogue {}

#catalogueCollection .catalogueDescription2 {}

#catalogueCollection .catalogueCount {}

/**** END Catalogue Menu *******/

/*-- START catalogue page --*/

.dropdown {}

.dropdown-menu {}

.dropdown-menu li {}

.item-table-header {}

/*-- END catalogue page --*/

/*-- START catalogue/lastorder/basket page --*/

/* .table-responsive {
    display: table !important;
}

.table-responsive[_ngcontent-c27], .table-responsive[_ngcontent-c31]  {
    display: table !important;
} */

#pagination-container {}

#pagination-container ul {}

.page-link {}

/*-- START catalogue/lastorder/basket page --*/

/*-- START Bestelldatum --*/

.date-group {}

/*-- END Bestelldatum --*/

/*-- START Webshop Footer--*/

app-webshop-footer{
    border-top: 1px solid #2c2c2c;
    border-bottom: 6px solid #3c7d08;
    background-color: #fff!important;
    margin-top: 30px;
}

#footer .link-container {
    /*min-height: 100%;*/
    /* height: 100%; */
    padding-top: 10px;
}

#footer .link-container ul {
    text-align: center;
    padding-left: 0px!important;
    padding-right: 0px!important;
}

#footer .link-container ul li{
    display: inline;
    padding-right: 15px;
    padding-left: 15px;
    border-right: 1px solid #2c2c2c;
}

#footer .link-container ul li:last-child{
    margin-right: 0px;
    border-right: 0px;
}

#footer .link-container ul li a{
    color: #2c2c2c;
    font-weight: bold;
    text-transform: uppercase;
}

#footer h4 {
    font-size: 1.2em;
    color: #111;
}

#footer h6 {
    font-size: 0.8em;
}

#footer h6,
#footer h6 a,
#footer h6 a:focus,
#footer h6 a:hover {
    color: #111;
    text-decoration: none;
}

/*-- START Retour Page --*/

#delivery-returns .item-table-header {
    background-color: #0075be;
    color: #fff;
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem;
}

/*-- END Retour Page --*/

/*-- END Webshop Footer --*/

@media (max-width: 768px) {
    #header-navigation .landscape .navbar-nav {
        width: 100%;
    }
    #header-navigation .landscape .navbar-nav li {
        border-top-left-radius: 0.25rem;
        border-top-right-radius: 0.25rem;
    }
    #banner div {
        height: 20.95em;
    }
    .navbar,
    .navbar-nav,
    .container-fluid {
        padding-left: 0em !important;
        padding-right: 0em !important;
    }
    #header-navigation .navbar-nav li {
        display: block !important;
        text-align: center;
        border-radius: 0.25rem;
        ;
    }
    #header-navigation .top-navigation .dropdown-menu {
        left: auto !important;
        right: 0 !important;
        transform: translateY(0px) !important;
        top: auto !important;
    }
    .bannerContainer .overlay {
        background-position: 57% 100% !important;
    }
    .bannerContainer .imageBanner p {
        font-size: 40px;
        margin-top: 80px;
    }

    .homePage .headingHome{
        font-size:  50px!important;
    }

    .companyContent{
        display: none;
    }
}

@media (min-width: 1200px){
    .container {
        max-width: 1400px;
    }
}

@media (max-width: 1400px){
    #header-navigation .top-navigation .headerNavbar {
        order: 2;
        padding-left: 15px!important;
        padding-right: 15px!important;
        -ms-flex: 0 0 100%!important;
        flex: 0 0 100%!important;
        max-width: 100%!important;
    }

    #header-navigation .top-navigation .headerMenu {
        order: 1;
    }
}


@media (max-width: 1200px){
    ul.custom li {
        background-color: /*#d1d2d3;*/
        #efeff0;
        width: calc(50% - 30px);
    }

    #catalog-view .item-table-header {
        display: block;
    }
}

@media (max-width:574px) {
    .landscape {
        display: none;
    }
    .portrait {
        display: block;
    }

    #language-selection > a {
        color: #fff;
    }
}

@media (max-width: 467px) {
    .main {
        width: 100%;
        left: -100%;
    }
    .sidebar {
        width: 100%;
        left: -100%;
        z-index: 200;
    }
    .bar {
        height: 3px;
        width: 35px;
        margin: 8px auto;
    }
    .button.active .top {
        -webkit-transform: translateY(7px) rotateZ(45deg);
        -moz-transform: translateY(7px) rotateZ(45deg);
        -ms-transform: translateY(7px) rotateZ(45deg);
        -o-transform: translateY(7px) rotateZ(45deg);
        transform: translateY(7px) rotateZ(45deg);
    }
    .button.active .bottom {
        -webkit-transform: translateY(-15px) rotateZ(-45deg);
        -moz-transform: translateY(-15px) rotateZ(-45deg);
        -ms-transform: translateY(-15px) rotateZ(-45deg);
        -o-transform: translateY(-15px) rotateZ(-45deg);
        transform: translateY(-15px) rotateZ(-45deg);
    }
}

@media (min-width: 768px) {
    .nav-right {
        position: absolute;
    }
    .hidden-xs {
        display: block;
    }
    .visible-xs {
        display: none;
    }
}

@media (max-width: 768px){
    ul.custom li {
        background-color: /*#d1d2d3;*/
        #efeff0;
        width: calc(100% - 30px);
    }
}

@media (min-width: 480px) {
    .nav-list {
        display: block;
    }
    ul.custom {
        display: block;
    }
    p {
        font-size: 14px;
    }
}

.nonDisplay {
    display: none;
}

.text-center {
    text-align: center !important;
}

.print {
    display: none;
}

@media print {
    header {
        background: #bbb;
        width: 100%;
        /*/position: fixed;*/
        left: 0;
        top: 20px;
        border-bottom: 1px solid #666;
        border-top: 1px solid #666;
        margin-bottom: 15px;
        padding-bottom: 15px;
        padding-top: 15px;
    }
    footer {
        background: #bbb;
        width: 100%;
        position: fixed;
        left: 0;
        bottom: 0;
        /*border-bottom:1px solid #666;*/
        border-top: 1px solid #666;
    }
    header div {
        width: 100%;
    }
    header div span {
        width: 30%;
    }
    .content {
        margin-bottom: 25px;
    }
    .no-print {
        display: none;
        height: 0
    }
    .print {
        display: inline-block !important;
    }

    .itemtable .itemtable-header td,
    .itemtable .itemtable-body td {
        border-right: 1px solid #4D4D4D;
        border-bottom: 1px solid #4D4D4D;
    }
    .itemtable .itemtable-header td {
        border-top: 1px solid #4D4D4D !important;
        border-left: 1px solid #d36262 !important;
    }
    .itemtable .itemtable-header {
        font-size: 12px !important;
        font-weight: bold;
        background-color: gainsboro;
        border-left: 1px solid #4D4D4D;
    }
    .itemtable .itemtable-body td {
        font-size: 12px !important;
        border-top: 1px solid #4D4D4D !important;
        border-left: 1px solid #4D4D4D !important;
    }
    .itemtable .itemtable-body td {
        height: auto;
        max-width: 140px !important;
    }
    .itemtable .itemtable-col-unit button {
        display: block !important;
        background: none !important;
        border: none !important;
        font-size: 11px;
        color: inherit !important;
    }
    .itemtable input {
        border: none !important;
    }
    .itemtable #pagination-container {
        display: none !important;
    }
    button {
        display: none;
    }
}

.banner{
    display: none;
}

/*Katalog Prinz*/
/*Katalog Prinz*/
/*Katalog Prinz*/

/*Katalog 3*/

.prinz{
    display: none;
}

.cat3 .banner{
    display: block;
}

.cat3 .prinz{
    display: block;
}

.cat3 customer-header,  .cat3 delivery-date{
    display: none;
}

.prinz .logo{
    width: 300px;
}

.prinz .image img{
    width: 100%;
    height: 300px;
    object-fit: cover;
}

.prinz .image{
    padding-left: 10px!important;
    padding-right: 10px!important;
}

.prinz .image:first-child{
    padding-left: 0px!important;
}

.prinz .image:last-child{
    padding-right: 0px!important;
}

.prinz .bannerHeading{
    font-weight: bold;
    font-size: 40px;
    text-align: center;
    margin-top: 20px;
}

.cat3{
    background-color: #fffbf3!important;
}

.cat3 .filled-blank {
    background-color: #fffbf3!important;
}

.cat3 .item-table .item-row:nth-of-type(odd), .cat3 .item-table .item-tile:nth-of-type(odd) {
    background-color: #fffbf3!important;
}

.cat3 .searchbox .input-group-addon {
    background-color: #fff!important;
}

/*Katalog 32*/

.prinz{
    display: none;
}

.cat32 .banner{
    display: block;
}

.cat32 .prinz{
    display: block;
}

.cat32 customer-header,  .cat32 delivery-date{
    display: none;
}

.prinz .logo{
    width: 300px;
}

.prinz .image img{
    width: 100%;
    height: 300px;
    object-fit: cover;
}

.prinz .image{
    padding-left: 10px!important;
    padding-right: 10px!important;
}

.prinz .image:first-child{
    padding-left: 0px!important;
}

.prinz .image:last-child{
    padding-right: 0px!important;
}

.prinz .bannerHeading{
    font-weight: bold;
    font-size: 40px;
    text-align: center;
    margin-top: 20px;
}

.cat32{
    background-color: #fffbf3!important;
}

.cat32 .filled-blank {
    background-color: #fffbf3!important;
}

.cat32 .item-table .item-row:nth-of-type(odd), .cat32 .item-table .item-tile:nth-of-type(odd) {
    background-color: #fffbf3!important;
}

.cat32 .searchbox .input-group-addon {
    background-color: #fff!important;
}

/*Katalog 15*/

.prinz{
    display: none;
}

.cat15 .banner{
    display: block;
}

.cat15 .prinz{
    display: block;
}

.cat15 customer-header,  .cat15 delivery-date{
    display: none;
}

.prinz .logo{
    width: 300px;
}

.prinz .image img{
    width: 100%;
    height: 300px;
    object-fit: cover;
}

.prinz .image{
    padding-left: 10px!important;
    padding-right: 10px!important;
}

.prinz .image:first-child{
    padding-left: 0px!important;
}

.prinz .image:last-child{
    padding-right: 0px!important;
}

.prinz .bannerHeading{
    font-weight: bold;
    font-size: 40px;
    text-align: center;
    margin-top: 20px;
}

.cat15{
    background-color: #fffbf3!important;
}

.cat15 .filled-blank {
    background-color: #fffbf3!important;
}

.cat15 .item-table .item-row:nth-of-type(odd), .cat15 .item-table .item-tile:nth-of-type(odd) {
    background-color: #fffbf3!important;
}

.cat15 .searchbox .input-group-addon {
    background-color: #fff!important;
}


/*Katalog 33*/

.prinz{
    display: none;
}

.cat33 .banner{
    display: block;
}

.cat33 .prinz{
    display: block;
}

.cat33 customer-header,  .cat33 delivery-date{
    display: none;
}

.prinz .logo{
    width: 300px;
}

.prinz .image img{
    width: 100%;
    height: 300px;
    object-fit: cover;
}

.prinz .image{
    padding-left: 10px!important;
    padding-right: 10px!important;
}

.prinz .image:first-child{
    padding-left: 0px!important;
}

.prinz .image:last-child{
    padding-right: 0px!important;
}

.prinz .bannerHeading{
    font-weight: bold;
    font-size: 40px;
    text-align: center;
    margin-top: 20px;
}

.cat33{
    background-color: #fffbf3!important;
}

.cat33 .filled-blank {
    background-color: #fffbf3!important;
}

.cat33 .item-table .item-row:nth-of-type(odd), .cat33 .item-table .item-tile:nth-of-type(odd) {
    background-color: #fffbf3!important;
}

.cat33 .searchbox .input-group-addon {
    background-color: #fff!important;
}

/*Katalog 12*/

.prinz{
    display: none;
}

.cat12 .banner{
    display: block;
}

.cat12 .prinz{
    display: block;
}

.cat12 customer-header,  .cat12 delivery-date{
    display: none;
}

.prinz .logo{
    width: 300px;
}

.prinz .image img{
    width: 100%;
    height: 300px;
    object-fit: cover;
}

.prinz .image{
    padding-left: 10px!important;
    padding-right: 10px!important;
}

.prinz .image:first-child{
    padding-left: 0px!important;
}

.prinz .image:last-child{
    padding-right: 0px!important;
}

.prinz .bannerHeading{
    font-weight: bold;
    font-size: 40px;
    text-align: left;
    margin-top: 20px;
}

.cat12{
    background-color: #fffbf3!important;
}

.cat12 .filled-blank {
    background-color: #fffbf3!important;
}

.cat12 .item-table .item-row:nth-of-type(odd), .cat12 .item-table .item-tile:nth-of-type(odd) {
    background-color: #fffbf3!important;
}

.cat12 .searchbox .input-group-addon {
    background-color: #fff!important;
}



/*Katalog 14*/

.prinz{
    display: none;
}

.cat14 .banner{
    display: block;
}

.cat14 .prinz{
    display: block;
}

.cat14 customer-header,  .cat14 delivery-date{
    display: none;
}

.prinz .logo{
    width: 300px;
}

.prinz .image img{
    width: 100%;
    height: 300px;
    object-fit: cover;
}

.prinz .image{
    padding-left: 10px!important;
    padding-right: 10px!important;
}

.prinz .image:first-child{
    padding-left: 0px!important;
}

.prinz .image:last-child{
    padding-right: 0px!important;
}

.prinz .bannerHeading{
    font-weight: bold;
    font-size: 40px;
    text-align: center;
    margin-top: 20px;
}

.cat14{
    background-color: #fffbf3!important;
}

.cat14 .filled-blank {
    background-color: #fffbf3!important;
}

.cat14 .item-table .item-row:nth-of-type(odd), .cat14 .item-table .item-tile:nth-of-type(odd) {
    background-color: #fffbf3!important;
}

.cat14 .searchbox .input-group-addon {
    background-color: #fff!important;
}


/*Katalog 422*/

.prinz{
    display: none;
}

.cat422 .banner{
    display: block;
}

.cat422 .prinz{
    display: block;
}

.cat422 customer-header,  .cat422 delivery-date{
    display: none;
}

.prinz .logo{
    width: 300px;
}

.prinz .image img{
    width: 100%;
    height: 300px;
    object-fit: cover;
}

.prinz .image{
    padding-left: 10px!important;
    padding-right: 10px!important;
}

.prinz .image:first-child{
    padding-left: 0px!important;
}

.prinz .image:last-child{
    padding-right: 0px!important;
}

.prinz .bannerHeading{
    font-weight: bold;
    font-size: 40px;
    text-align: center;
    margin-top: 20px;
}

.cat422{
    background-color: #fffbf3!important;
}

.cat422 .filled-blank {
    background-color: #fffbf3!important;
}

.cat422 .item-table .item-row:nth-of-type(odd), .cat422 .item-table .item-tile:nth-of-type(odd) {
    background-color: #fffbf3!important;
}

.cat422 .searchbox .input-group-addon {
    background-color: #fff!important;
}



/*Katalog 151*/

.prinz{
    display: none;
}

.cat151 .banner{
    display: block;
}

.cat151 .prinz{
    display: block;
}

.cat151 customer-header,  .cat151 delivery-date{
    display: none;
}

.prinz .logo{
    width: 300px;
}

.prinz .image img{
    width: 100%;
    height: 300px;
    object-fit: cover;
}

.prinz .image{
    padding-left: 10px!important;
    padding-right: 10px!important;
}

.prinz .image:first-child{
    padding-left: 0px!important;
}

.prinz .image:last-child{
    padding-right: 0px!important;
}

.prinz .bannerHeading{
    font-weight: bold;
    font-size: 40px;
    text-align: center;
    margin-top: 20px;
}

.cat151{
    background-color: #fffbf3!important;
}

.cat151 .filled-blank {
    background-color: #fffbf3!important;
}

.cat151 .item-table .item-row:nth-of-type(odd), .cat151 .item-table .item-tile:nth-of-type(odd) {
    background-color: #fffbf3!important;
}

.cat151 .searchbox .input-group-addon {
    background-color: #fff!important;
}


/*Katalog 1161*/

.prinz{
    display: none;
}

.cat1161 .banner{
    display: block;
}

.cat1161 .prinz{
    display: block;
}

.cat1161 customer-header,  .cat1161 delivery-date{
    display: none;
}

.prinz .logo{
    width: 300px;
}

.prinz .image img{
    width: 100%;
    height: 300px;
    object-fit: cover;
}

.prinz .image{
    padding-left: 10px!important;
    padding-right: 10px!important;
}

.prinz .image:first-child{
    padding-left: 0px!important;
}

.prinz .image:last-child{
    padding-right: 0px!important;
}

.prinz .bannerHeading{
    font-weight: bold;
    font-size: 40px;
    text-align: center;
    margin-top: 20px;
}

.cat1161{
    background-color: #fffbf3!important;
}

.cat1161 .filled-blank {
    background-color: #fffbf3!important;
}

.cat1161 .item-table .item-row:nth-of-type(odd), .cat1161 .item-table .item-tile:nth-of-type(odd) {
    background-color: #fffbf3!important;
}

.cat1161 .searchbox .input-group-addon {
    background-color: #fff!important;
}


/*Katalog 1300*/

.prinz{
    display: none;
}

.cat1300 .banner{
    display: block;
}

.cat1300 .prinz{
    display: block;
}

.cat1300 customer-header,  .cat1300 delivery-date{
    display: none;
}

.prinz .logo{
    width: 300px;
}

.prinz .image img{
    width: 100%;
    height: 300px;
    object-fit: cover;
}

.prinz .image{
    padding-left: 10px!important;
    padding-right: 10px!important;
}

.prinz .image:first-child{
    padding-left: 0px!important;
}

.prinz .image:last-child{
    padding-right: 0px!important;
}

.prinz .bannerHeading{
    font-weight: bold;
    font-size: 40px;
    text-align: center;
    margin-top: 20px;
}

.cat1300{
    background-color: #fffbf3!important;
}

.cat1300 .filled-blank {
    background-color: #fffbf3!important;
}

.cat1300 .item-table .item-row:nth-of-type(odd), .cat1300 .item-table .item-tile:nth-of-type(odd) {
    background-color: #fffbf3!important;
}

.cat1300 .searchbox .input-group-addon {
    background-color: #fff!important;
}


/*Katalog 1306*/

.prinz{
    display: none;
}

.cat1306 .banner{
    display: block;
}

.cat1306 .prinz{
    display: block;
}

.cat1306 customer-header,  .cat1306 delivery-date{
    display: none;
}

.prinz .logo{
    width: 300px;
}

.prinz .image img{
    width: 100%;
    height: 300px;
    object-fit: cover;
}

.prinz .image{
    padding-left: 10px!important;
    padding-right: 10px!important;
}

.prinz .image:first-child{
    padding-left: 0px!important;
}

.prinz .image:last-child{
    padding-right: 0px!important;
}

.prinz .bannerHeading{
    font-weight: bold;
    font-size: 40px;
    text-align: center;
    margin-top: 20px;
}

.cat1306{
    background-color: #fffbf3!important;
}

.cat1306 .filled-blank {
    background-color: #fffbf3!important;
}

.cat1306 .item-table .item-row:nth-of-type(odd), .cat1306 .item-table .item-tile:nth-of-type(odd) {
    background-color: #fffbf3!important;
}

.cat1306 .searchbox .input-group-addon {
    background-color: #fff!important;
}




/*Katalog 1310*/

.prinz{
    display: none;
}

.cat1310 .banner{
    display: block;
}

.cat1310 .prinz{
    display: block;
}

.cat1310 customer-header,  .cat1310 delivery-date{
    display: none;
}

.prinz .logo{
    width: 300px;
}

.prinz .image img{
    width: 100%;
    height: 300px;
    object-fit: cover;
}

.prinz .image{
    padding-left: 10px!important;
    padding-right: 10px!important;
}

.prinz .image:first-child{
    padding-left: 0px!important;
}

.prinz .image:last-child{
    padding-right: 0px!important;
}

.prinz .bannerHeading{
    font-weight: bold;
    font-size: 40px;
    text-align: center;
    margin-top: 20px;
}

.cat1310{
    background-color: #fffbf3!important;
}

.cat1310 .filled-blank {
    background-color: #fffbf3!important;
}

.cat1310 .item-table .item-row:nth-of-type(odd), .cat1310 .item-table .item-tile:nth-of-type(odd) {
    background-color: #fffbf3!important;
}

.cat1310 .searchbox .input-group-addon {
    background-color: #fff!important;
}


/*Katalog 1312*/

.prinz{
    display: none;
}

.cat1312 .banner{
    display: block;
}

.cat1312 .prinz{
    display: block;
}

.cat1312 customer-header,  .cat1312 delivery-date{
    display: none;
}

.prinz .logo{
    width: 300px;
}

.prinz .image img{
    width: 100%;
    height: 300px;
    object-fit: cover;
}

.prinz .image{
    padding-left: 10px!important;
    padding-right: 10px!important;
}

.prinz .image:first-child{
    padding-left: 0px!important;
}

.prinz .image:last-child{
    padding-right: 0px!important;
}

.prinz .bannerHeading{
    font-weight: bold;
    font-size: 40px;
    text-align: center;
    margin-top: 20px;
}

.cat1312{
    background-color: #fffbf3!important;
}

.cat1312 .filled-blank {
    background-color: #fffbf3!important;
}

.cat1312 .item-table .item-row:nth-of-type(odd), .cat1312 .item-table .item-tile:nth-of-type(odd) {
    background-color: #fffbf3!important;
}

.cat1312 .searchbox .input-group-addon {
    background-color: #fff!important;
}


/*Katalog 1314*/

.prinz{
    display: none;
}

.cat1314 .banner{
    display: block;
}

.cat1314 .prinz{
    display: block;
}

.cat1314 customer-header,  .cat1314 delivery-date{
    display: none;
}

.prinz .logo{
    width: 300px;
}

.prinz .image img{
    width: 100%;
    height: 300px;
    object-fit: cover;
}

.prinz .image{
    padding-left: 10px!important;
    padding-right: 10px!important;
}

.prinz .image:first-child{
    padding-left: 0px!important;
}

.prinz .image:last-child{
    padding-right: 0px!important;
}

.prinz .bannerHeading{
    font-weight: bold;
    font-size: 40px;
    text-align: center;
    margin-top: 20px;
}

.cat1314{
    background-color: #fffbf3!important;
}

.cat1314 .filled-blank {
    background-color: #fffbf3!important;
}

.cat1314 .item-table .item-row:nth-of-type(odd), .cat1314 .item-table .item-tile:nth-of-type(odd) {
    background-color: #fffbf3!important;
}

.cat1314 .searchbox .input-group-addon {
    background-color: #fff!important;
}


/*Katalog 1347*/

.prinz{
    display: none;
}

.cat1347 .banner{
    display: block;
}

.cat1347 .prinz{
    display: block;
}

.cat1347 customer-header,  .cat1347 delivery-date{
    display: none;
}

.prinz .logo{
    width: 300px;
}

.prinz .image img{
    width: 100%;
    height: 300px;
    object-fit: cover;
}

.prinz .image{
    padding-left: 10px!important;
    padding-right: 10px!important;
}

.prinz .image:first-child{
    padding-left: 0px!important;
}

.prinz .image:last-child{
    padding-right: 0px!important;
}

.prinz .bannerHeading{
    font-weight: bold;
    font-size: 40px;
    text-align: center;
    margin-top: 20px;
}

.cat1347{
    background-color: #fffbf3!important;
}

.cat1347 .filled-blank {
    background-color: #fffbf3!important;
}

.cat1347 .item-table .item-row:nth-of-type(odd), .cat1347 .item-table .item-tile:nth-of-type(odd) {
    background-color: #fffbf3!important;
}

.cat1347 .searchbox .input-group-addon {
    background-color: #fff!important;
}


/*Katalog 1372*/

.prinz{
    display: none;
}

.cat1372 .banner{
    display: block;
}

.cat1372 .prinz{
    display: block;
}

.cat1372 customer-header,  .cat1372 delivery-date{
    display: none;
}

.prinz .logo{
    width: 300px;
}

.prinz .image img{
    width: 100%;
    height: 300px;
    object-fit: cover;
}

.prinz .image{
    padding-left: 10px!important;
    padding-right: 10px!important;
}

.prinz .image:first-child{
    padding-left: 0px!important;
}

.prinz .image:last-child{
    padding-right: 0px!important;
}

.prinz .bannerHeading{
    font-weight: bold;
    font-size: 40px;
    text-align: center;
    margin-top: 20px;
}

.cat1372{
    background-color: #fffbf3!important;
}

.cat1372 .filled-blank {
    background-color: #fffbf3!important;
}

.cat1372 .item-table .item-row:nth-of-type(odd), .cat1372 .item-table .item-tile:nth-of-type(odd) {
    background-color: #fffbf3!important;
}

.cat1372 .searchbox .input-group-addon {
    background-color: #fff!important;
}


/*Katalog 1379*/

.prinz{
    display: none;
}

.cat1379 .banner{
    display: block;
}

.cat1379 .prinz{
    display: block;
}

.cat1379 customer-header,  .cat1379 delivery-date{
    display: none;
}

.prinz .logo{
    width: 300px;
}

.prinz .image img{
    width: 100%;
    height: 300px;
    object-fit: cover;
}

.prinz .image{
    padding-left: 10px!important;
    padding-right: 10px!important;
}

.prinz .image:first-child{
    padding-left: 0px!important;
}

.prinz .image:last-child{
    padding-right: 0px!important;
}

.prinz .bannerHeading{
    font-weight: bold;
    font-size: 40px;
    text-align: center;
    margin-top: 20px;
}

.cat1379{
    background-color: #fffbf3!important;
}

.cat1379 .filled-blank {
    background-color: #fffbf3!important;
}

.cat1379 .item-table .item-row:nth-of-type(odd), .cat1379 .item-table .item-tile:nth-of-type(odd) {
    background-color: #fffbf3!important;
}

.cat1379 .searchbox .input-group-addon {
    background-color: #fff!important;
}


/*Katalog 1381*/

.prinz{
    display: none;
}

.cat1381 .banner{
    display: block;
}

.cat1381 .prinz{
    display: block;
}

.cat1381 customer-header,  .cat1381 delivery-date{
    display: none;
}

.prinz .logo{
    width: 300px;
}

.prinz .image img{
    width: 100%;
    height: 300px;
    object-fit: cover;
}

.prinz .image{
    padding-left: 10px!important;
    padding-right: 10px!important;
}

.prinz .image:first-child{
    padding-left: 0px!important;
}

.prinz .image:last-child{
    padding-right: 0px!important;
}

.prinz .bannerHeading{
    font-weight: bold;
    font-size: 40px;
    text-align: center;
    margin-top: 20px;
}

.cat1381{
    background-color: #fffbf3!important;
}

.cat1381 .filled-blank {
    background-color: #fffbf3!important;
}

.cat1381 .item-table .item-row:nth-of-type(odd), .cat1381 .item-table .item-tile:nth-of-type(odd) {
    background-color: #fffbf3!important;
}

.cat1381 .searchbox .input-group-addon {
    background-color: #fff!important;
}


/*Katalog 1384*/

.prinz{
    display: none;
}

.cat1384 .banner{
    display: block;
}

.cat1384 .prinz{
    display: block;
}

.cat1384 customer-header,  .cat1384 delivery-date{
    display: none;
}

.prinz .logo{
    width: 300px;
}

.prinz .image img{
    width: 100%;
    height: 300px;
    object-fit: cover;
}

.prinz .image{
    padding-left: 10px!important;
    padding-right: 10px!important;
}

.prinz .image:first-child{
    padding-left: 0px!important;
}

.prinz .image:last-child{
    padding-right: 0px!important;
}

.prinz .bannerHeading{
    font-weight: bold;
    font-size: 40px;
    text-align: center;
    margin-top: 20px;
}

.cat1384{
    background-color: #fffbf3!important;
}

.cat1384 .filled-blank {
    background-color: #fffbf3!important;
}

.cat1384 .item-table .item-row:nth-of-type(odd), .cat1384 .item-table .item-tile:nth-of-type(odd) {
    background-color: #fffbf3!important;
}

.cat1384 .searchbox .input-group-addon {
    background-color: #fff!important;
}


/*Katalog 1466*/

.prinz{
    display: none;
}

.cat1466 .banner{
    display: block;
}

.cat1466 .prinz{
    display: block;
}

.cat1466 customer-header,  .cat1466 delivery-date{
    display: none;
}

.prinz .logo{
    width: 300px;
}

.prinz .image img{
    width: 100%;
    height: 300px;
    object-fit: cover;
}

.prinz .image{
    padding-left: 10px!important;
    padding-right: 10px!important;
}

.prinz .image:first-child{
    padding-left: 0px!important;
}

.prinz .image:last-child{
    padding-right: 0px!important;
}

.prinz .bannerHeading{
    font-weight: bold;
    font-size: 40px;
    text-align: center;
    margin-top: 20px;
}

.cat1466{
    background-color: #fffbf3!important;
}

.cat1466 .filled-blank {
    background-color: #fffbf3!important;
}

.cat1466 .item-table .item-row:nth-of-type(odd), .cat1466 .item-table .item-tile:nth-of-type(odd) {
    background-color: #fffbf3!important;
}

.cat1466 .searchbox .input-group-addon {
    background-color: #fff!important;
}


/*Katalog 1477*/

.prinz{
    display: none;
}

.cat1477 .banner{
    display: block;
}

.cat1477 .prinz{
    display: block;
}

.cat1477 customer-header,  .cat1477 delivery-date{
    display: none;
}

.prinz .logo{
    width: 300px;
}

.prinz .image img{
    width: 100%;
    height: 300px;
    object-fit: cover;
}

.prinz .image{
    padding-left: 10px!important;
    padding-right: 10px!important;
}

.prinz .image:first-child{
    padding-left: 0px!important;
}

.prinz .image:last-child{
    padding-right: 0px!important;
}

.prinz .bannerHeading{
    font-weight: bold;
    font-size: 40px;
    text-align: center;
    margin-top: 20px;
}

.cat1477{
    background-color: #fffbf3!important;
}

.cat1477 .filled-blank {
    background-color: #fffbf3!important;
}

.cat1477 .item-table .item-row:nth-of-type(odd), .cat1477 .item-table .item-tile:nth-of-type(odd) {
    background-color: #fffbf3!important;
}

.cat1477 .searchbox .input-group-addon {
    background-color: #fff!important;
}


/*Ende Kataloge Prinz*/


/*Kataloge Dolomiti*/
/*Kataloge Dolomiti*/
/*Kataloge Dolomiti*/

/*Katalog 1*/

.dolomiti{
    display: none;
}

.cat1 .banner{
    display: block;
}

.cat1 .dolomiti{
    display: block;
}

.cat1 customer-header,  .cat1 delivery-date{
    display: none;
}

.dolomiti .logo{
    width: 300px;
}

.dolomiti .image img{
    width: 100%;
    height: 300px;
    object-fit: cover;
}

.dolomiti .image{
    padding-left: 10px!important;
    padding-right: 10px!important;
}

.dolomiti .image:first-child{
    padding-left: 0px!important;
}

.dolomiti .image:last-child{
    padding-right: 0px!important;
}

.dolomiti .bannerHeading{
    font-weight: bold;
    font-size: 40px;
    text-align: center;
    margin-top: 20px;
}

/*Katalog 1156*/

.dolomiti{
    display: none;
}

.cat1156 .banner{
    display: block;
}

.cat1156 .dolomiti{
    display: block;
}

.cat1156 customer-header,  .cat1 delivery-date{
    display: none;
}

.dolomiti .logo{
    width: 300px;
}

.dolomiti .image img{
    width: 100%;
    height: 300px;
    object-fit: cover;
}

.dolomiti .image{
    padding-left: 10px!important;
    padding-right: 10px!important;
}

.dolomiti .image:first-child{
    padding-left: 0px!important;
}

.dolomiti .image:last-child{
    padding-right: 0px!important;
}

.dolomiti .bannerHeading{
    font-weight: bold;
    font-size: 40px;
    text-align: center;
    margin-top: 20px;
}


/*Katalog 1320*/

.dolomiti{
    display: none;
}

.cat1320 .banner{
    display: block;
}

.cat1320 .dolomiti{
    display: block;
}

.cat1320 customer-header,  .cat1320 delivery-date{
    display: none;
}

.dolomiti .logo{
    width: 300px;
}

.dolomiti .image img{
    width: 100%;
    height: 300px;
    object-fit: cover;
}

.dolomiti .image{
    padding-left: 10px!important;
    padding-right: 10px!important;
}

.dolomiti .image:first-child{
    padding-left: 0px!important;
}

.dolomiti .image:last-child{
    padding-right: 0px!important;
}

.dolomiti .bannerHeading{
    font-weight: bold;
    font-size: 40px;
    text-align: center;
    margin-top: 20px;
}


/*Katalog 1350*/

.dolomiti{
    display: none;
}

.cat1350 .banner{
    display: block;
}

.cat1350 .dolomiti{
    display: block;
}

.cat1350 customer-header,  .cat1350 delivery-date{
    display: none;
}

.dolomiti .logo{
    width: 300px;
}

.dolomiti .image img{
    width: 100%;
    height: 300px;
    object-fit: cover;
}

.dolomiti .image{
    padding-left: 10px!important;
    padding-right: 10px!important;
}

.dolomiti .image:first-child{
    padding-left: 0px!important;
}

.dolomiti .image:last-child{
    padding-right: 0px!important;
}

.dolomiti .bannerHeading{
    font-weight: bold;
    font-size: 40px;
    text-align: center;
    margin-top: 20px;
}



/*Katalog 13*/

.dolomiti{
    display: none;
}

.cat13 .banner{
    display: block;
}

.cat13 .dolomiti{
    display: block;
}

.cat13 customer-header,  .cat13 delivery-date{
    display: none;
}

.dolomiti .logo{
    width: 300px;
}

.dolomiti .image img{
    width: 100%;
    height: 300px;
    object-fit: cover;
}

.dolomiti .image{
    padding-left: 10px!important;
    padding-right: 10px!important;
}

.dolomiti .image:first-child{
    padding-left: 0px!important;
}

.dolomiti .image:last-child{
    padding-right: 0px!important;
}

.dolomiti .bannerHeading{
    font-weight: bold;
    font-size: 40px;
    text-align: center;
    margin-top: 20px;
}

/*Katalog 888*/

.dolomiti{
    display: none;
}

.cat888 .banner{
    display: block;
}

.cat888 .dolomiti{
    display: block;
}

.cat888 customer-header,  .cat888 delivery-date{
    display: none;
}

.dolomiti .logo{
    width: 300px;
}

.dolomiti .image img{
    width: 100%;
    height: 300px;
    object-fit: cover;
}

.dolomiti .image{
    padding-left: 10px!important;
    padding-right: 10px!important;
}

.dolomiti .image:first-child{
    padding-left: 0px!important;
}

.dolomiti .image:last-child{
    padding-right: 0px!important;
}

.dolomiti .bannerHeading{
    font-weight: bold;
    font-size: 40px;
    text-align: center;
    margin-top: 20px;
}

/*Ende Kataloge Dolomiti*/


/*Kataloge M&C*/
/*Kataloge M&C*/
/*Kataloge M&C*/

/*Katalog 9991*/

.löwen{
    display: none;
}

.cat9991 .banner{
    display: block;
}

.cat9991 .löwen{
    display: block;
}

.cat9991 customer-header, .cat9991 delivery-date{
    display: none;
}

.löwen .logo{
    width: 300px;
}

.löwen .image img{
    width: 100%;
    height: 300px;
    object-fit: cover;
}

.löwen .image{
    padding-left: 10px!important;
    padding-right: 10px!important;
}

.löwen .image:first-child{
    padding-left: 0px!important;
}

.löwen .image:last-child{
    padding-right: 0px!important;
}

<!--
.löwen .bannerHeading{
    font-weight: bold;
    font-size: 40px;
    text-align: center;
    margin-top: 20px;
}
-->
.löwen .bannerHeading{
    font-weight: bold;
    font-size: 8px;
    text-align: left;
}

.cat9991{
    background-color: #f7f5eb!important;
}

.cat9991 .filled-blank {
    background-color: #f7f5eb!important;
}

.cat9991 .item-table .item-row:nth-of-type(odd), .cat9991 .item-table .item-tile:nth-of-type(odd) {
    background-color: #f7f5eb!important;
}

.cat9991 .searchbox .input-group-addon {
    background-color: #fff!important;
}



/*Katalog 999*/

.löwen{
    display: none;
}

.cat999 .banner{
    display: block;
}

.cat999 .löwen{
    display: block;
}

.cat999 customer-header, .cat999 delivery-date{
    display: none;
}

.löwen .logo{
    width: 300px;
}

.löwen .image img{
    width: 100%;
    height: 300px;
    object-fit: cover;
}

.löwen .image{
    padding-left: 10px!important;
    padding-right: 10px!important;
}

.löwen .image:first-child{
    padding-left: 0px!important;
}

.löwen .image:last-child{
    padding-right: 0px!important;
}

.löwen .bannerHeading{
    font-weight: bold;
    font-size: 40px;
    text-align: center;
    margin-top: 20px;
}

.cat999{
    background-color: #f7f5eb!important;
}

.cat999 .filled-blank {
    background-color: #f7f5eb!important;
}

.cat999 .item-table .item-row:nth-of-type(odd), .cat999 .item-table .item-tile:nth-of-type(odd) {
    background-color: #f7f5eb!important;
}

.cat999 .searchbox .input-group-addon {
    background-color: #fff!important;
}


/*Katalog 1186*/

.löwen{
    display: none;
}

.cat1186 .banner{
    display: block;
}

.cat1186 .löwen{
    display: block;
}

.cat1186 customer-header, .cat1186 delivery-date{
    display: none;
}

.löwen .logo{
    width: 300px;
}

.löwen .image img{
    width: 100%;
    height: 300px;
    object-fit: cover;
}

.löwen .image{
    padding-left: 10px!important;
    padding-right: 10px!important;
}

.löwen .image:first-child{
    padding-left: 0px!important;
}

.löwen .image:last-child{
    padding-right: 0px!important;
}

<!--
.löwen .bannerHeading{
    font-weight: bold;
    font-size: 40px;
    text-align: center;
    margin-top: 20px;
}
-->
.löwen .bannerHeading{
    font-weight: bold;
    font-size: 8px;
    text-align: left;
}

.cat1186{
    background-color: #f7f5eb!important;
}

.cat1186 .filled-blank {
    background-color: #f7f5eb!important;
}

.cat1186 .item-table .item-row:nth-of-type(odd), .cat1186 .item-table .item-tile:nth-of-type(odd) {
    background-color: #f7f5eb!important;
}

.cat1186 .searchbox .input-group-addon {
    background-color: #fff!important;
}


/*Katalog 1205*/

.löwen{
    display: none;
}

.cat1205 .banner{
    display: block;
}

.cat1205 .löwen{
    display: block;
}

.cat1205 customer-header, .cat1205 delivery-date{
    display: none;
}

.löwen .logo{
    width: 300px;
}

.löwen .image img{
    width: 100%;
    height: 300px;
    object-fit: cover;
}

.löwen .image{
    padding-left: 10px!important;
    padding-right: 10px!important;
}

.löwen .image:first-child{
    padding-left: 0px!important;
}

.löwen .image:last-child{
    padding-right: 0px!important;
}

<!--
.löwen .bannerHeading{
    font-weight: bold;
    font-size: 40px;
    text-align: center;
    margin-top: 20px;
}
-->
.löwen .bannerHeading{
    font-weight: bold;
    font-size: 8px;
    text-align: left;
}

.cat1205{
    background-color: #f7f5eb!important;
}

.cat1205 .filled-blank {
    background-color: #f7f5eb!important;
}

.cat1205 .item-table .item-row:nth-of-type(odd), .cat1205 .item-table .item-tile:nth-of-type(odd) {
    background-color: #f7f5eb!important;
}

.cat1205 .searchbox .input-group-addon {
    background-color: #fff!important;
}


/*Katalog 1213*/

.löwen{
    display: none;
}

.cat1213 .banner{
    display: block;
}

.cat1213 .löwen{
    display: block;
}

.cat1213 customer-header, .cat1213 delivery-date{
    display: none;
}

.löwen .logo{
    width: 300px;
}

.löwen .image img{
    width: 100%;
    height: 300px;
    object-fit: cover;
}

.löwen .image{
    padding-left: 10px!important;
    padding-right: 10px!important;
}

.löwen .image:first-child{
    padding-left: 0px!important;
}

.löwen .image:last-child{
    padding-right: 0px!important;
}

<!--
.löwen .bannerHeading{
    font-weight: bold;
    font-size: 40px;
    text-align: center;
    margin-top: 20px;
}
-->
.löwen .bannerHeading{
    font-weight: bold;
    font-size: 8px;
    text-align: left;
}

.cat1213{
    background-color: #f7f5eb!important;
}

.cat1213 .filled-blank {
    background-color: #f7f5eb!important;
}

.cat1213 .item-table .item-row:nth-of-type(odd), .cat1213 .item-table .item-tile:nth-of-type(odd) {
    background-color: #f7f5eb!important;
}

.cat1213 .searchbox .input-group-addon {
    background-color: #fff!important;
}



/*Katalog 1217*/

.löwen{
    display: none;
}

.cat1217 .banner{
    display: block;
}

.cat1217 .löwen{
    display: block;
}

.cat1217 customer-header, .cat1217 delivery-date{
    display: none;
}

.löwen .logo{
    width: 300px;
}

.löwen .image img{
    width: 100%;
    height: 300px;
    object-fit: cover;
}

.löwen .image{
    padding-left: 10px!important;
    padding-right: 10px!important;
}

.löwen .image:first-child{
    padding-left: 0px!important;
}

.löwen .image:last-child{
    padding-right: 0px!important;
}

<!--
.löwen .bannerHeading{
    font-weight: bold;
    font-size: 40px;
    text-align: center;
    margin-top: 20px;
}
-->
.löwen .bannerHeading{
    font-weight: bold;
    font-size: 8px;
    text-align: left;
}

.cat1217{
    background-color: #f7f5eb!important;
}

.cat1217 .filled-blank {
    background-color: #f7f5eb!important;
}

.cat1217 .item-table .item-row:nth-of-type(odd), .cat1217 .item-table .item-tile:nth-of-type(odd) {
    background-color: #f7f5eb!important;
}

.cat1217 .searchbox .input-group-addon {
    background-color: #fff!important;
}


/*Ende Kataloge M&C*/


.mat-dialog-container .filled-blank{
    background-color: #fff!important;
}

.changeCompanyLoading{
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    background-color: rgb(0,0,0); /* Black fallback color */
    background-color: rgba(0,0,0, 0.4); /* Black w/opacity */
}

#changeCompanyLoading{
    display: none;
}

.loaderChangeCompany {
    border: 8px solid rgb(241, 241, 241); /* Light grey */
    border-top: 8px solid #3c7d08; /* Blue */
    border-radius: 50%;
    width: 50px;
    height: 50px;
    animation: spin 1.5s linear infinite;
    margin-left: auto;
    margin-right: auto;
    margin-top: 40vh;
  }
  
  @keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
  }