@import url("https://use.typekit.net/qtu0cod.css");

:root{
    --com-color-black: #666666;                 
    --com-color-white: hsl(0,0%,100%);               
    --com-color-dark: #666666;           
    --com-color-light: hsl(0,0%,65%);                
    --com-color-llight: hsl(0,0%,96%);               
    --com-color-highlight: #999999;     
    --com-color-highlight-active: #666666;   
    --com-color-transparent: hsl(0,0%,0%,0);  
    --com-color-availability: hsl(0,0%,0%);
    --com-color-red:#ce6a6c;
    --com-color-green:#00B050;	
	--bs-link-color: #ce6a6c;
	--bs-link-hover-color: #ce6a6c;
	--bs-btn-focus-shadow-rgb:235,173,162;
	--bs-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), .5);
}


html {
	
	
}

.h1, h1 {
    font-size: 2.1rem;
	text-transform: uppercase;
    line-height: 1.267em;
	margin-bottom: 0px;
}


body {
	color: var(--com-color-dark);
	color:var(--com-color-black);
	font-size: 1em;	
	font-family: 'brandon-grotesque', Raleway;
	text-transform: uppercase;
}

#cphContentLeftBox_lblErrorHeader {
	margin-top: 1em;
}

#cphContentLeftBox_lblErrorText2 {
	font-weight: 800;
	padding-right: 1em;
}

.bodyImg {
	 background-color: transparent;
	
}

/* brand */

.navbar-brand > a > img{
	width: auto;
    height: auto;
    max-width: 178px !important;
    max-height: 32px;
}

/*
#cphMenu_imgMarkenLogo {
	width: 20em;
	padding-top: 1em;
	padding-bottom: 1em;
	max-width: 205px!important;
}
*/

#divLogoSvg > svg#Ebene_1 {
    fill: black;
    width: 60%;
    height: 100%;
}

section {
}

.men-item-header {
    font-weight: 600 !important;
    min-height: 3em !important;
}

.formImg {
   
}

.footer {
		background-color: hsla(0,0%,100%,0.8);
		color:var(--com-color-dark);
		font-size: 0.8em;
}

.footer-row {
    
}

.bottom {
    
}

a {
   
}

    a:hover {
        
    }
	
	 

.form-control {
	font-size: 1.2rem;
	color: var(--com-color-dark);
}

.com-btn {
	text-transform: uppercase;
	background-color: #ce6a6c;
	color: white;
	border-color: transparent;
}


#cphContentLeftBox_linkNeuanmeldung {
	margin-top: 1em;
}


    .com-btn:hover {
		border-color: var(--com-color-dark);
		background-color: #acacac;
		border-color: transparent;

    }

.com-btn-login {
    
}

    .com-btn-login:hover {
       	background-color: #acacac;
    }

.com-btn-lang:hover {
    
}
.input-group-text{
    
}
.btn-link {    
}
	.btn-link:hover {
        
    }

.form-control-lang {
   padding: 0 0 0 1em;
    color: black;
}

.men-item-highlight-header {
    color:#52bdc6 !important
}

.btn-link-login {
	color:var(--com-color-dark);
	
}
	.btn-link-login:hover {
	color:var(--com-color-light);    
}

.btn-color {
    width: 3.5em;
    height: 3.5em;
    border: 0px;
	object-fit: cover; /* Ensures the image covers the container */
    object-position: center; /* Centers the image */
	border-radius: 50%; /* Makes the container round */
	background: url() no-repeat center;
}

.btn-color-active {
	border: 1px solid lightgrey !important;
    border-radius: 50%;
}

.art-color {
	/*padding: 0.5em;
	border-radius: 50%;
    overflow: hidden; /* Verhindert, dass Inhalte über die runden Ecken hinausragen */
}
.gridDiscountPrice {
	text-decoration: line-through solid #ee0000;
}

.gridDiscountText {
	color: white;
	background-color: red;
}




.oisize {
    max-width: 7em;
	min-height: 2em;
	height:4em;
	color: var(--com-color-highlight);
}
    
.btn-round {
   
}

.alert {
    
}

.backtotop {
    
}

    .backtotop:hover {
       
    }

.txtTransp, .btnTransp {
   
}

/*DropDown allgemein*/
.dropdown-toggle::after {
   
}

.dropdown-toggle[data-toggle=collapse][aria-expanded=true]::after {
   
}

.dropdown-toggle[data-toggle=collapse][aria-expanded=false]::after {
   
}


/*DropDown allgemein end*/

.loginPart {
	background-color: hsla(0,0%,100%,0.8);
    padding: 1em;
    color: hsl(0,0%,100%);
    color: var(--com-color-dark);
	margin-top: 0em;
    flex: 0 0 38%;
    max-width: 38%;
}



.loginInput {
    background-color: white;
    color: var(--com-color-dark);
    padding: 0 0 0 0.5em;
}

.loginInput:focus {
	border-color: transparent!important;
}


.dropdown-toggle-lang, .dropdown-toggle-lang:hover {
   color: inherit;
}

.btn-login-pwd {
    border-bottom-color: black;
	background-color: white;
}

.loginPartTxt {
	padding-bottom: 1em;
	padding-top: 4em;
	font-size: 1.0em;
}




.loginPartLogo {
	padding-bottom: 3em;
	padding-top: 3em;
}

.loginPartLogo > img{
      max-width:100%;
    }

input[type="text"].loginInput::-webkit-input-placeholder {
    color: var(--com-color-dark);
}

input[type="text"].loginInput::-moz-placeholder {
    color: var(--com-color-dark);
}

input[type="password"].loginInput::-webkit-input-placeholder {
    color: var(--com-color-dark);
}

input[type="password"].loginInput::-moz-placeholder {
    color: var(--com-color-dark);
}

.loginPartBox {
   
}



.loginPartFluid {
    
}
/*Login end*/

/*Kundeninfo*/
.kdaten_wrapper {
   
}

.kdaten_content {
   
}

    .kdaten_content:before {
       
    }

.kdaten_wrapper:hover .kdaten_content {
   
}
/*Kundeninfo end*/
/*Pagination*/
.page-link:focus {
   
}

.dropdown:focus {
   
}

.com-page-item {
   
}

    .com-page-item:hover {
        
    }

.com-page-btn-left {
   
}

.com-page-btn-right {
   
}

.com-page-active {
    
}

    .com-page-active:hover {
        
    }

.com-page-dropdown-toggle {
   
}

    .com-page-dropdown-toggle:after {
       
    }

.com-page-dropdown-menu {
   
}

.com-page-dropdown-item {
   
}

    .com-page-dropdown-item:hover {
       
    }

.com-page-dropdown-item-active {
    
}
/*Pagination end*/

/*Badge Article*/
.art-badge {
    
}

.art-badge-left {
   
}

.art-badge-right {
    
}

.art-badge-top-first {
   
}

.art-badge-top-second {
   
}

.art-badge-bottom-first {
    
}

.art-badge-bottom-second {
    
}

.badge-white {
    
}

/*Badge Article end*/

/*Dynamisches Menü/Suchfilter*/

.dyn div :last-child a {
	
	
}

.dyn-justified {
    
}

.dyn-dropdown {
	border-radius: 7px 7px 7px;		/* nl */
}

    .dyn-dropdown:hover {
       
    border-right: 0px;				/* nl */
	
    }

    .dyn-dropdown .show {
       
    }

    .dyn-dropdown :last-child {
        
    }


.dyn-link {
    color: var(--com-color-dark);
	padding: 0px 1.5em;
	font-size:0.75em;
}

    .dyn-link:not([href]):hover {
       
    }

.dyn-link-inactive {
    
}

.dyn-dropdown-menu .show {
     font-size: 0.8em;
	 
}

.dyn div :last-child .dyn-dropdown-menu {
   
}

.dyn-dropdown-toggle:after {
   
}

.dyn-dropdown-toggle[aria-expanded=true] {
   
}

.dyn-card {
    
}

.dyn-card-body {
    text-transform: none;
}

.dyn-card-footer {
    
}

.dyn-card-btn {
   text-transform: uppercase;
   letter-spacing: inherit;
}

.dyn-card-btn-light {
   
}

.dyn-card-btn-dark {
    background-color:#ce6a6c;
	border-color:#ce6a6c;
}

    .dyn-card-btn-dark:hover, .dyn-card-btn-light:hover {
        
    }

.dynLink {
   
}

    .dynLink:hover {
       
    }

.dynLinkInactive {
   
}

    .dynLinkInactive:hover {
       
    }

.btn-dyn-sel {
   
}

.btn-reset-dyn {
   
}

.dyn-result {
   
}

.dyn-result-item {
  
}

.dyn-result-item-btn {
   
}

.dyn-result-btn {
   
}

    .dyn-result-btn:hover {
        
    }

.dyn-result-header {
  
}

.dyn-result-content {
   
}
/*Dynamisches Menü/Suchfilter END*/

/*Menu*/

/*MegaMenu*/
.men-item-header {
    font-weight: 500 !important;
    min-height: 1em !important;
}

.navbar-toggler {
	
	border: none;
	}
	
	
.mm-navbar {
	padding-top:0;
	font-size: 1.1em;
	box-shadow: 0px 0px 12px 1px rgba(0,0,0,.15);
}

    .mm-navbar a {
     padding: .8rem .8rem;
    }

.mm-dropdown {
	font-weight: 400;
   
}

.mm-dropdown .mm-dropbtn {
    font-size: 0.7rem;	 
    text-transform: uppercase;
    color: #333;
    letter-spacing: 0.2em;
    }

    .mm-navbar a:hover, .mm-dropdown:hover .mm-dropbtn {
   text-decoration: underline;
   text-underline-offset: 0.3em;
   color: inherit;
   
    }
	
	.mm-dropdown-content {
    color: var(--com-color-dark);
	font-size: 1.05em;
	background-color: var(--com-color-llight);
	border-bottom-color: var(--com-color-llight);
	border-top-color: var(--com-color-llight);
	padding-bottom: 4em;
}

  .mm-dropdown-content .mm-header {

}



.mm-dropdown:hover .mm-dropdown-content {
   
}

.mm-column {
    padding-left: 200px;
	text-transform: none; 
}

    .mm-column a, .mm-column input {
      
    }

        .mm-column a:hover, .mm-column input:hover {
           
        }

.mm-colmn-group {
    font-size: 0.8em;
	color: var(--com-color-light);
	letter-spacing: 0.1em;
    text-transform: uppercase;
	margin-bottom: 30px;
	font-weight: 500;
}

.mm-row:after {
   
}

@media screen and (max-width: 600px) {
    .mm-column {
        
    }
}
/*MegaMenu end*/
.com-art-card-body {
	padding-left: 0;
}

.modal-header {
    font-size: 1.8em;
	color: var(--com-color-light);
	letter-spacing: 0.1em;
    text-transform: uppercase;
	font-weight: 500;
}

.txtArticleCount
{
	font-size: 0.8rem;
}
/*mobile menu rotate icon*/
.bar-container {
   
}

.bar1, .bar2, .bar3 {
   
}

.change .bar1 {
   
}

.change .bar2 {
   
}

.change .bar3 {
   
}
/*mobile menu icon end*/

/*gradual Menu*/
.mg-main a {
   
}

    .mg-main a:hover {
       
    }

.mg-level0 {
   
}

.mainnav nav, .mg nav {
   
}

.mainnav > nav > ul > li > ul {
  
}

.mainnav > nav > ul > li > a:hover {
 
}

.mainnav nav a {
   
}

    .mainnav nav a:hover {
       
    }

.mainnav nav ul li a {
   
}

.mainnav nav ul li ul li a {
    
}


.submenu, .mg-main, .mg-sub {
    
}

    .submenu > .navbar-nav {
        
    }

        .submenu > .navbar-nav > li {
            
        }

.mainnav nav ul li a {
   
}
.mainnav nav ul ul, .mg-level1, .mg-level2, .mg-level3 {

}

    .mainnav nav ul ul li {
        
    }

.mg-main:hover > .mg-level1 {

}

.mg-sub:hover > .mg-level2, .mg-sub:hover > .mg-level3 {
   
}

.mg-sub {
   
}

    .mg-sub > .mg-sub {
        
    }


.mainnav nav ul li:hover > ul {

}

.mainnav nav ul ul li:hover > ul {
 
}

.mainnav nav ul li.submenu > a:after, mg-sub {
  
}

.mainnav nav ul ul li.submenu a:after {
 
}

.mg-sub-chevron {
   
}

    .mg-sub-chevron:after {
      
    }

.mainnav .navbar li.submenu > a:after {
    
}

.mainnav .navbar li.submenu > a:hover:after {
    
}

.mainnav nav ul ul li:last-child {
   
}


/*gradual Menu end*/

/*small menu*/
.site-nav {
   
}

    .site-nav ul {
        
    }

    .site-nav li {
      
    }

    .site-nav a {
       
    }

        .site-nav a:hover {
       
        }

        .site-nav a:first-child {
            
        }

.js .sub-menu {
   
}

.sub-menu li:last-of-type {
   
}

.sub-menu a {
   
}

.sub-menu .sub-menu a {
   
}

.sub-menu .sub-menu .sub-menu a {
    
}

.sub-menu .sub-menu .sub-menu .sub-menu a {
   
}

.toggle-site-nav {
   
}

    .toggle-site-nav:hover {
        
    }

.toggle-sub-menu {
    
}

.js .toggle-sub-menu {
   
}

    .js .toggle-sub-menu:before {
       
    }

    .js .toggle-sub-menu.active {
        
    }

        .js .toggle-sub-menu.active:before {
            
        }

.toggle-sub-menu:hover,
.toggle-sub-menu.active:hover {

}
/*small menu end*/

@media screen and (max-width:768px) {
    .bar-container {
       
    }
    .mm-navbar {
		font-size: 1.2em;
        display: none;
    }
}

@media screen and (min-width:900px) {

    .logo {
       
    }

    .site-nav {
       
    }

        .site-nav a {
           
        }

        .site-nav li {
            
        }

            .site-nav li:hover {
                
            }

    .has-sub-menu a {
        
    }

    .has-sub-menu:after {
        
    }

    /* sub menu */
    .site-nav li:hover > .sub-menu {
       
    }

    .sub-menu {
        
    }

        .sub-menu li {
            
        }

        .sub-menu > a {
           
        }

    .has-sub-menu .has-sub-menu:after {
        
    }

    .has-sub-menu .has-sub-menu:hover .sub-menu {
       
    }

    .toggle-site-nav,
    .toggle-sub-menu {
        
    }

    /* Navigationspunkte, die nach links ausklappen */

    .sub-left > .sub-menu {
       
    }

    .site-nav .sub-menu .sub-left > .sub-menu {
       
    }
}

/*Menu end*/

/*Menu sidebar*/
.com-men-side-main {
    
}

    .com-men-side-main:hover {
        
    }

.com-men-side-items {
   
}

    .com-men-side-items a {
       
    }

        .com-men-side-items a:hover {
          
        }

.com-men-side-item {
}
/*Menu sidebar end*/

/*WoBinIch*/
.com-breadcrumb {
	
   
}

.com-breadcrumb-item {
    
}

.com-breadcrumb-itemm:hover {
}

.com-breadcrumb-control {
   color:var(--com-color-light);
   letter-spacing: inherit;
   font-size: 0.8rem;
}

    .com-breadcrumb-control:hover {
        
    }

.com-breadcrumb-item + .com-breadcrumb-item::before {
	color:hsl(0,0%,65%);
	color:var(--com-color-light);
    
}
/*WoBinIch end*/

/*menu icons*/
.com-i-dropdown {
   
}

.com-i-dropdown-toggle::after {
   
}

.com-i-dropdown-toggle {
  color: grey;
}

.com-i-dropdown-menu {
   
}

.com-i-card {
   
}

.com-i-card-header {
}

.com-i-card-body {
}

.com-i-img-thumbnail {
    
}

.com-i-badge {
   
}

/*menu icons end*/



.mainnav, mg {
   
}

.navbar-nav {
   
}

/*Snackbar*/
#snackbar {
    visibility: hidden;
    min-width: 250px;
    margin-left: -125px;
    background-color: #333;
    color: #fff;
    text-align: center;
    border-radius: 2px;
    padding: 16px;
    position: fixed;
    z-index: 20;
    left: 60%;
    top: 1rem;
    font-size: 17px;
}

    #snackbar.show {
        visibility: visible;
        -webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s;
        animation: fadein 0.5s, fadeout 0.5s 2.5s;
    }
/*Snackbar end*/

/*Article-Matrix*/

.gridSize {
    font-size: 1.1rem;
    font-weight: 900;
	text-transform: capitalize;
}

.gridPack {
    font-size: 0.8rem;
}

.gridPrice {
    font-size: 0.8rem;
    font-weight:500;
}

.gridEk {
}

.gridUvp {
}

.gridCurrency{
	font-size: 0.8rem;
	font-weight: 900;
}

.gridAmount {
    --availability-color: hsl(88,48%,49%);
	-webkit-appearance: none;
    box-shadow: 0px 5px 0px var(--availability-color);
    margin-bottom: .5em;
    /*border: 1px solid var(--com-color-llight);*/
	border: 1px solid hsl(0,0%,92%);
	border: 1px solid var(--com-color-llight);*/
    font-size: larger;
    font-weight: 900;
    line-height: 2em;
    text-align: center;
    width:100%;
    max-width:5em;
}
.gridAvailTxt{
    font-size: smaller;
}
.gridDelivTxt{
    font-size: smaller;
}
.gridMinAmount{
    font-size: smaller;
}

.gridValidTxt{
    color:inherit;
}
.gridInvalidTxt{
	background-color:#dc3545;
    background-color: var(--com-color-red);
	color:hsl(0,0%,100%);
	color: var(--com-color-white);
}



.sizeGrid {
    display: table;
    text-align: center;
}

.tblMain td {
    border-color: transparent;
    padding: 0;
}

.tblMatrix td {
    border-color: #dee2e6;
}

.txtMenge {
    background-color: #dee2e6;
    width: 100%;
    border: none;
    text-align: center;
    border-radius: 0;
}

.divArticleHeader {
	background-color:hsl(0,0%,100%);
    background-color: var(--com-color-white);
    padding: 0.5em 0;
	font-weight: 900;
	font-size: 1em;
	min-height: 1.6em;
	display: none;
}

.divDescriptions {
	font-size: 1.0em;
	padding-bottom: 1em;
}
.divDescriptions > div:first-child > span{
	font-size:1.5em;
	font-weight:600;
}

.art-color-tag-container {
    bottom: 1.6em;
}

.art-color-no {
    color: lightgray;
    font-size: 0.8em;
}

.color-grid-header {
	 visibility: hidden;
    text-transform: uppercase;
    font-size: large;
	letter-spacing: inherit;
}

.div-art-color-text {
	font-size: 1.1em;
	font-weight: 900;
	text-transform: uppercase;
	padding: 0 0.5em;
    letter-spacing: inherit;
	color: var(--com-color-highlight);
	padding-bottom: 10px;
}



.div-art-color-buttom {
	font-size: 1.1em;
		text-transform: uppercase;
	font-weight: 900;
}

.div-art-color-label {
	font-size: 1.1em;
		text-transform: uppercase;
	font-weight: 900;
	color: var(--com-color-light);
}

.divArticleHeaderInWk {
    color: #e9ecef;
    background-color: #333;
    padding: 0.5em 0;
}

.txtArticleHeader {
   font-weight: 500;
   font-size: 1em;
}

.sc-art-header, .ov-art-header{
	display:none;
}

.invalidWkItem {
    background-color: black;
	color:hsl(0,0%,100%);
    color: var(--com-color-white);
}

.dispNot {
    display: none;
}

.dispInit {
    display: initial;
}


.art-color-active {
	border-style: solid;
	border-width: thin;
}


.div-art-color {
	line-height: 2.5em;
}

.con-desc:first-child > span{
	font-weight:600;
	font-size: 1.0em;
}


/*Article-Matrix END*/
.carItem {
    overflow: hidden;
    max-width: 100%;
    height: auto;
	cursor: -moz-zoom-in; 
    cursor: -webkit-zoom-in; 
    cursor: zoom-in;
    }

.carItem input{
    transition: transform .3s ease;
}

.carItem input:hover {
      transform: scale(1.3);
}
/*
.carItem {
    max-width: 100%;
    height: auto;

	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);

	-webkit-transition: all 0.1s linear;
	-moz-transition: all 0.1s linear;
	-ms-transition: all 0.1s linear;
	-o-transition: all 0.1s linear;
	transition: all 0.1s linear;
}

.carItem:hover{
    -webkit-transform: scale(1.03);
	-moz-transform: scale(1.03);
	-ms-transform: scale(1.03);
	-o-transform: scale(1.03);
	transform: scale(1.03);
}
*/
.mod-desc {
	font-size: 1.1em;
	text-decoration: none;
	min-height:2.5em;
}
.mod-desc > a{
	text-decoration: none !important;
}

.mod-desc-art > a{
	text-decoration: none !important;
}
.mod-desc > a > .mod-desc-item:first-child > span{
	font-weight:600;
}





.mod-desc-art {
    font-weight: 900;
	font-size: 0.9em;
	min-height: 1.5em;
	display: none;
}


/*Custom Scrollbar*/
.com-scrollbar {
}

/* width */
#customscroll::-webkit-scrollbar {
    width: .2em;
}

/* Track */
#customscroll::-webkit-scrollbar-track {
	background: hsl(0,0%,92%);
    background: var(--com-color-llight);
}

/* Handle */
#customscroll::-webkit-scrollbar-thumb {
	background:#323232;
    background: var(--com-color-black);
}

    /* Handle on hover */
    #customscroll::-webkit-scrollbar-thumb:hover {
		background:#000000; 
        background: var(--com-color-highlight);
    }
/*Custom Scrollbar end*/

/*Promotion image*/
.img-promo {
   
}
/*Promotion image end*/

/*iIcon*/
.iIcon {
   
}

.iText {
   
}

.iText-bracket::before {
   
}

.iText-bracket::after {
   
}
/*iIcon end*/

/*button shopping cart*/
.divSticky {
}

.cart-btn {
text-transform: uppercase;
font-size: larger;
padding: .900rem 1.5rem;
letter-spacing: inherit;
}

.cart-btn {
text-transform: uppercase;
background-color:#ce6a6c;
font-weight: 500;
font-size: larger;
padding: .900rem 1.5rem;

}
.cart-btn:hover {
 color:hsl(0,0%,100%);
 text-decoration: underline;
 background-color:#ce6a6c;

}

/*button shopping cart end*/

/*Lieferinfo*/
.btn-hub-info {
	padding: 0em;
	letter-spacing: inherit;
	font-size: 0.8rem;
	font-weight:600;
	height:27px;
}

    .btn-hub-info:hover {
    }
/*Lieferinfo end*/

/*modal spinner*/
.modal-spinner {
	/*filter: blur(8px);
	-webkit-filter: blur(8px);
	backdrop-filter: blur(5px);
	 backdrop-filter: blur(0.8);*/
	 font-family:"Helvetica Neue LT W04_33 Th Ex";
	 font-size: 3em;
}

    .modal-spinner .modal-dialog {
    }
/*modal spinner*/

/*modalPwd*/
.modal-content-pwd, .modal-header-pwd, .modal-body-pwd, .modal-footer-pwd {
}

.modal-content-pwd {
}

.modal-header-pwd {
}

.modal-body-pwd {
}

.modal-footer-pwd {
}

.modal-iconCheck-pwd {
}

.modal-close-pwd {
}

.modal-btn-pwd {
}
/*modalPwd end*/

/*slick*/

.slick-dotted.slick-slider
{

}
.slick-slider {
}

.slick-prev {

}

    .slick-prev:before {
    }

.slick-next {

}

    .slick-next:before {
    }

    .slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus {
    }

.slider-nav .slick-current, .slider-nav-modal .slick-current {
}

.slider-wrapper > div > button.slick-prev:before, .slider-wrapper > div > button.slick-next:before {
}

.slider-wrapper > div > button.slick-next {
}

.slider-wrapper-mod-nav {
}

    .slider-wrapper-mod-nav .slick-track {
    }

    .slider-wrapper-mod-nav .slick-slide {
    }

.img-for {
}

    .img-for:hover, .img-mod-for:hover {
    }

.img-nav {
}

.img-mod-for {
}

.img-mod-nav {
}
/*slick end*/

.ret-sel-row{
}

/*CART*/
.divMinDelivery {
    --availability-color: hsl(88,48%,49%);
    box-shadow: 0px 0px 0px var(--availability-color);*/
    margin-bottom: .5em;
   /* border: 0px solid hsl(0,0%,92%);*/
    border: 0px solid var(--availability-color);
	color: var(--availability-color);
    width: 100%;
    -webkit-appearance: none;
}

.del-lnk-invalid {
	
	color: hsl(0,0%,92%)
}
	.del-lnk-invalid:hover {
	
	color: hsl(0,0%,92%);
	text-decoration: none;
}

/* 
Bootstrap 4 breakpoints - media queries
Extra small devices (portrait phones, less than 576px) 
No media query since this is the default in Bootstrap because it is "mobile first"
*/
/* Mobile*/
#divMenuSidebar {
}

#divDynSidebar {
}

#divDetailsSidebar {
}


.htmlImg {
	background: url(https://cloud.comeleo.de/ESTELLA_WEBDATA_TERRA/Shop-Daten/Allgemein/LoginBack.jpg) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}



/* Medium devices (tablets, 768px and up) The navbar toggle appears at this breakpoint */
@media screen and (min-width: 768px) {
	.htmlImg {
	background: url(https://cloud.comeleo.de/ESTELLA_WEBDATA_TERRA/Shop-Daten/Allgemein/LoginBack.jpg) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
 /* 25.02.2025 eabk
 .navbar-toggler {
        border: none;
        display: block !important;
        visibility: hidden;
    }
	*/

}

/* Large devices (desktops, 992px and up) */
@media screen and (min-width: 992px) {
	.htmlImg {
	background: url(https://cloud.comeleo.de/ESTELLA_WEBDATA_TERRA/Shop-Daten/Allgemein/LoginBack.jpg) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.navbar-toggler {
        border: none;
        display: block !important;
        visibility: hidden;
    }

}

/* Extra large devices (large desktops, 1200px and up) */
@media screen and (min-width: 1200px) {
		.container {max-width: 1400px;}
		.htmlImg {
	background: url(https://cloud.comeleo.de/ESTELLA_WEBDATA_TERRA/Shop-Daten/Allgemein/LoginBack.jpg) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
    .navbar-toggler {
        border: none;
        display: block !important;
        visibility: hidden;
    }

}

#cphTxt_lblLoginCont1{
	font-size: 1.0em;
    letter-spacing: 0.02em;
}

.down-itemheader{
	display:none;
}


#cphContent_cphMain_Repeater1_imgBtn_0{
	
}


/*Order History*/
#cphMenu_wpKundenDaten_linkHistoryOrder{
	visibility: hidden;
	margin-top: 10px;
	width: 50% !Important;
	display: block;
    margin-left: auto;
    margin-right: auto;
}


#lblFootServiceNr{
	margin-right: 10px;
}

#lblFootServiceMail{
	margin-right: 10px;
}



.navbar .container {
  display: flex;
  justify-content: space-between;
  /*align-items: center;*/
  margin: 0 auto;
  /* Add a width to the container for this to work */
  width: 80%; /* or any other width value */
  padding-top: 0em;
  padding-bottom: 0em;
}



.container-menu{
	width:100% !important;
	padding:0;
	margin:0 !important;@
}




.mod-container {
    border: 1px solid transparent; 
    box-sizing: border-box; 
}





.com-breadcrumb-item + .com-breadcrumb-item::before {
    content: '>';
}


.cross-item {
	border: 1px solid transparent; 
    box-sizing: border-box; 
}

.btn-link {
	border: 1px solid transparent; 
    box-sizing: border-box; 
}
.com-art-card-link{
	text-decoration:none;
	display:block !important;
	text-align:left;
	padding:0;
}
.com-art-card-link:hover{
	text-decoration:underline;
}
.com-art-card-link:active{
	color:red;
}

.com-art-card-link-txt{
	padding-right: 1em;
    letter-spacing: inherit;
    font-size: 0.8rem;
	color: var(--com-color-highlight);
	font-weight:600;
	margin-top: 100px;
}

.com-art-card-body{
	color: var(--com-color-dark);
    padding: 1em 0em 1em 0em;
    letter-spacing: inherit;
    font-size: 0.8rem;
    padding: 0;
}

/* 2025-01-08 */

#divLogoSvg > svg {
    width: 79%;
    height: 100%;
}


#cphTxt_lblLoginHeader{
	text-transform: uppercase; /* Convert text to uppercase */
	color: var(--com-color-dark);
	text-align: center;
}

.loginPartTxt{
	text-align: center;
}

.cphError_lblLoginError{
	color: var(--com-color-dark)!important;
}





.col .mm-column {
    margin-bottom: 30px;
    white-space: nowrap; /* Prevents text from wrapping */
}



.background-image {
    width: 500px;
    height: 300px;
    background-image: url(https://b2b.estella.de/ESTELLA_WEBDATA_TERRA/SALES_Photos/7798-920_1.jpg);
    background-position: center;
    background-size: cover;
}

.dyn > div:last-child {
    font-size: x-large;
	color: var(--com-color-dark);
	
}

.d-lg-flex {
	color: var(--com-color-dark);
}

/*
.dyn-link {
	color: var(--com-color-dark);
	padding: 0px 1.5em;
	font-size:0.75em;
}
*/
.d-flex .flex-wrap .color-size-grid{
	border-color: white;
	background-color: #0000000d;
}


.cross-desc-art {
    display: none;
}

.div-btn-color {
	padding-top: 4px;
    padding-left: 4px;
    padding-right: 4px;
    padding-bottom: 4px;
}




.background-image {
    width: 500px;
    height: 300px;
    background-image: url(https://b2b.estella.de/ESTELLA_WEBDATA_TERRA/SALES_Photos/7798-920_1.jpg);
    background-position: center;
    background-size: cover;
}

.dyn > div:last-child {
    font-size: x-large;
	color: #666666;
	
}

.d-lg-flex {
	color: #666666;
}

/*
.dyn-link {
	color: #666666;
	padding: 0px 1.5em;
}
*/
.container-shadow{
	height:17px;
	width:100% !important;
	background:url(https://b2b.estella.de/estellab2b/Images/shadow-top-repeat.png) repeat-x center bottom;
}

.col-cross-item {
	width: 24em;
}

.art-color-active {
	border: 1px solid lightgrey !important;
    border-radius: 50%;	
}

.cross-img {
	max-height: 24vh;
}

.com-custinfo-icon {
    font-family: 'cd-estella' !important;
    speak: never;
    font-style: normal;
    font-weight: 600;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
    .com-custinfo-icon::before {
        content: "\e901"
    }

.com-sc-icon {
    font-family: 'cd-estella' !important;
    speak: never;
    font-style: normal;
    font-weight: 600;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
    .com-sc-icon::before {
        content: "\e904"
    }
.com-search-icon {
    font-family: 'cd-estella' !important;
    speak: never;
    font-style: normal;
    font-weight: 600;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
    .com-search-icon::before {
        content: "\e903"
    }

.com-search-icon {
    font-family: 'cd-estella' !important;
    speak: never;
    font-style: normal;
    font-weight: 600;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
    .com-search-icon::before {
        content: "\e903"
    }

.art-color > input[type="image"] {
    object-fit: none;
}

.container-shadow-top, .container-shadow-bottom{
    display:none !important;
}



.com-search-icon, .com-sc-icon, .com-custinfo-icon {
	font-size: 150%;
}

#cphContent_cphMain_divCustomerSearch{
	margin-top: 10px;
}


.badge, .com-i-badge{
	background-color: var(--com-color-red);
	align-content: center;
}



.div-art-color-button{
	margin: 0px!important;
}
/*
.art-color-active{
	width: 65px;
}
*/
.btn .badge{
	width: 25px;
}


.wk-sum-div{
	text-align: left;
}

.cross-btn {
	width: fit-content;
}

.cross-item-img{
	text-align: left;
}

.mr-1 {
	margin-left: 10px;
	margin-right: 10px;
}



.com-table-avail {
	font-family: 'brandon-grotesque', Raleway!important;
	color: var(--com-color-highlight);
	font-size: 0.8em;
	display: flex !important;
	    justify-content: center !important;
}


#cphContent_cphMain_repArticle_wpArticle_0_btnDescription_0{
	margin-top: 10px;
}

#cphContent_cphMain_repArticle_wpArticle_0_cardMatCare_0{
	margin-top: 10px;
}


/*Kundenbestellnummer*/
#cphContent_cphContentMiddle_Label3{
	display: none!important;
}
#cphContent_cphContentMiddle_txtCustomerOrderNo {
	 display: none!important;
 }