/*Anas Alhasan WIRD ACTIVE VON WEBSHOP BENUTZT*/
/* CONFIG */
:root {
    --bs-border-radius:0;
    --default-font-name: 'DEFFONT';
    --title-font-name: 'TITLEF';
    --subtitle-font-name: 'STITLEF';
    --default-spacing: 21px;
    --default-separator-thickness: 1px;
    --default-background-color: #ffffff;

    --primary-separator-color: var(--bs-body-color);
    --secondary-separator-color: #B0B0B0;
    --primary-text-color: #1D1D1B;
    --secondary-text-color: #2f2f2f;
    --primary-text-contrast-color: var(--default-background-color);
	--note-text-color: #B0B0B0;

    --nav-link-color-normal: var(--primary-text-color);
    --nav-link-color-hover:  #999999;
    --nav-link-color-show: #555555;
    --nav-link-dropdown-show-color-fg: #555555;
    --nav-link-dropdown-show-color-bg: rgba(255,255,255,0.5);
    --nav-link-font-size: 10pt;
    --nav-link-mobile-font-size: 20pt;
    --nav-link-icon-size: 16pt;
    --nav-link-mobile-icon-size: 30pt;
    --nav-link-icon-padding: 7pt;
    --nav-link-icon-divider-height: 18pt;
    --logo-min-height: 31px;	

    --nav-cart-num-color: #1D1D1B;
    --nav-cart-num-font-size: 8pt;
    --nav-cart-num-font-weight: bold;
    --nav-cart-num-pos: -25px;
	--nav-cart-num-width: 30px;

    --nav-cart-num-mobile-font-size: 13pt;
    --nav-cart-num-mobile-pos: -50px;
	--nav-cart-num-mobile-width: 40px;

    --footer-default-font-size: 10pt;
    --footer-social-icon-font-size: 20pt;

    --content-page-title-text-color:var(--primary-text-color);
    --content-page-title-font-size-bold:37pt;
    --content-page-title-font-size-plain:25pt;
    --content-mobile-page-title-font-size-bold:25pt;
    --content-mobile-page-title-font-size-plain:20pt;
    --content-page-title-clear-space: 10vh;

    --content-collection-selection-image-unselected-opacity:0.4;
    --content-collection-selection-image-selected-opacity:1;
    --content-collection-selection-image-height:35pt;

    --content-collection-item-border-hover: #f2f2f2;
    --content-collection-item-tag-font-size: 10pt;
    --content-collection-item-tag-prominent-background-color: #AC145A;
    --content-collection-item-tag-prominent-text-color: var(--primary-text-contrast-color);
    --content-collection-item-tag-decent-background-color:var(--content-collection-item-border-hover) ;
    --content-collection-item-tag-decent-text-color: var(--content-collection-item-tag-prominent-background-color);
    --content-collection-item-availability-indicator-size: 11pt;
    --content-collection-item-availability-fill-color-available: rgba(139, 222, 124,1);
    --content-collection-item-availability-fill-color-partially-available: rgba(227, 220, 116,1) ;
    --content-collection-item-availability-fill-color-pending-availability: rgba(222, 176, 124,1) ;
    --content-collection-item-availability-fill-color-not-available: rgba(227, 116, 116,1);

    --alert-success-fill-color:rgba(139, 222, 124,.5);
    --alert-warning-fill-color:rgba(227, 220, 116,.5);
    --alert-danger-fill-color:rgba(227, 116, 116,.5);
    --alert-info-fill-color:#f8f8f8;


    --content-details-carousel-control-icon-size:1.5rem;

    --content-input-form-header-font-weight: bold;
    --content-input-form-header-font-size: 11pt;
    --content-input-form-header-text-color: var(--primary-text-color);

    --content-input-background-color-normal:#f8f8f8;
    --content-input-background-color-hover:#f2f2f2;
    --content-input-background-color-show:#f0f0f0;
    --content-input-text-color-normal:var(--primary-text-color);
    --content-input-text-color-hover:var(--primary-text-color);
    --content-input-text-color-show:var(--primary-text-color);
    --content-input-checkbox-border-thickness:2px;
    --content-input-checkbox-border-color:var(--primary-text-color);
    --content-input-checkbox-checked-background-color:var(--content-input-checkbox-border-color);
    --content-input-number-ammount-width:60px;

    --content-button-border-thickness:1px; /*2px*/
	--content-button-font-size: 0.95rem; /*1rem*/
    --content-button-background-color-normal:transparent;
    --content-button-background-color-hover:#f2f2f2;
    --content-button-background-color-show:#1d1d1b;
    --content-button-text-color-normal:var(--primary-text-color);
    --content-button-text-color-hover:var(--primary-text-color);
    --content-button-text-color-show:var(--primary-text-contrast-color);

    --content-block-separator-color: var(--primary-separator-color);
    --content-block-separator-thickness: var(--default-separator-thickness);
    --content-table-separaton-color: var(--secondary-separator-color);
    --content-table-separator-thickness: 2px;

    --content-dashboard-introducer-height: 75vh;
    --content-dashboard-introducer-text-color:var(--primary-text-contrast-color);
    --content-dashboard-introducer-font-size-bold:37pt;
    --content-dashboard-introducer-font-size-plain:33pt;
    --content-dashboard-introducer-mobile-font-size-bold:25pt;
    --content-dashboard-introducer-mobile-font-size-plain:20pt;
    --content-dashboard-introducer-intake: 14vh;
    --content-dashboard-selectables-top-retraction:-7vh;
    --content-dashboard-selectables-border-color:#F8F8F8;
    --content-dashboard-selectables-border-thickness:2px;
    --content-dashboard-selectables-even-background-color:#ffffff;
    --content-dashboard-selectables-even-hover-background-color:#f2f2f2;
    --content-dashboard-selectables-even-show-background-color:#f0f0f0;
    --content-dashboard-selectables-odd-background-color:#F8F8F8;
    --content-dashboard-selectables-odd-hover-background-color:#f2f2f2;
    --content-dashboard-selectables-odd-show-background-color:#f0f0f0;

    --content-dashboard-selectables-font-size:20pt;
    --content-dashboard-selectables-icon-text-space:10pt;
    --content-dashboard-selectables-text-color:var(--primary-text-color);

    --content-table-preview-image-height: 60px;
    --content-table-replacement-preview-image-width: 150px;
    --content-table-preview-image-mobile-width: 50vw;
    --content-open-modal-border-thickness: 2px;
    --content-open-modal-border-color-normal: #ffffff;
    --content-open-modal-border-color-hover: #f2f2f2;

    --accordion-active-bg: var(--default-background-color);

}
@font-face {
    font-family: 'DEFFONT';
    src:url('../fonts/18c81410-3496-4c82-aefd-df42506addc3.eot'),
        url("../fonts/938b61cf-8b60-408a-a252-531fc37ebeb3.woff2") format('woff2'),
        url("../fonts/df8a7a82-1b14-40c7-b6f8-7e2bac922b27.woff") format('woff'),
        url("../fonts/c7989e6f-ecdd-41d3-bb56-4e3f087847e6.ttf") format('truetype'); 
}
@font-face {
    font-family: 'STITLEF';
    src:url("../fonts/lte50138.ttf") format('truetype'); 
}
@font-face {
    font-family: 'TITLEF';
    src:url("../fonts/LTe50140.ttf") format('truetype'); 
}

.b2s-logo{
    background-image: url("../../img/owp_logo_black-01.webp?d=20250508");
}
.b2s-introducer{
    background-image: url("../../img/homeImageBild.webp?d=20250508");
}



/* APPLICATION */

.carousel-item{transition: transform 0.6s ease-in-out;}
button:focus,input:focus,.form-control:focus,.form-select:focus,.accordion-button:focus { box-shadow:none}
.b2s-logo{cursor:pointer;background-repeat: no-repeat;background-position: left;min-height: var(--logo-min-height); background-size:calc(var(--logo-min-height)*4);}
.b2s-logo.logged-out{background-position:bottom;background-size:calc(var(--logo-min-height)*8); min-height: calc(var(--logo-min-height)*2);}
.b2s-content{padding-top: var(--default-spacing);padding-bottom:  var(--default-spacing);}
.b2s-bbtm-dark,.headband{opacity:0;transition: opacity 0.3s ease; border-bottom: var(--content-block-separator-thickness) solid var(--content-block-separator-color);}
.b2s-bbtm-dark{opacity:1}
.header-wrap{ background-color: var(--default-background-color);}
.b2s-content.foot{border-top: var(--content-block-separator-thickness) solid var(--content-block-separator-color);	font-size:var(--footer-default-font-size);}
.nav-item.divider{margin-left: var(--default-spacing);margin-right:  var(--default-spacing);height: var(--nav-link-icon-divider-height);border-left: var(--content-table-separator-thickness) solid var(--content-table-separaton-color);}
.nav-link,.b2s-social{color: var(--nav-link-color-normal); font-size: var(--nav-link-font-size); text-decoration:none; cursor:pointer;}
.nav-link.mobile{ font-size: var(--nav-link-mobile-font-size);}
.nav-link:hover,.b2s-social:hover{color: var(--nav-link-color-hover);}
.nav-link.active,.b2s-social.active{font-weight:bold;}
.nav-link.show,.nav-link:focus,.b2s-social.show, .b2s-social:focus{color: var(--nav-link-color-show);}
.nav-icon > .nav-link,.nav-icon >* > *> .nav-link{font-size:var(--nav-link-icon-size);}
.nav-icon > .nav-link.mobile{font-size:var(--nav-link-mobile-icon-size);}
.dropdown-menu{ border-radius: 0;border:none; background: var(--nav-link-dropdown-show-color-bg); font-size: var(--nav-link-font-size); backdrop-filter: blur(35px); -webkit-backdrop-filter: blur(35px);}
.dropdown-item:active,.dropdown-item.active,.dropdown-item:focus, .dropdown-item:hover{ background:var(--nav-link-dropdown-show-color-bg);color: var(--primary-text-color);font-weight:bold;}
.dropdown-item{ font-size:var(--nav-link-font-size);}
.dropdown-item.active{background:none;font-weight:bold;color: var(--primary-text-color);}
.dropdown-divider{margin:16px; border-top: solid 2px var(--primary-separator-color);}
.cart-indicator, .cart-indicator-mobile{position: relative; display: inline-block; left:var(--nav-cart-num-pos); width:var(--nav-cart-num-width); color:var(--nav-cart-num-color); font-size: var(--nav-cart-num-font-size); font-weight: var(--nav-cart-num-font-weight);}
.cart-indicator-mobile{left:var(--nav-cart-num-mobile-pos); width:var(--nav-cart-num-mobile-width); font-size: var(--nav-cart-num-mobile-font-size); }
.b2s-social-container{text-align:right;}
.b2s-social{font-size:var(--footer-social-icon-font-size);}
.nav-icon > .nav-link{padding-left:var(--nav-link-icon-padding); padding-right:var(--nav-link-icon-padding);}
.nav-icon:last > .nav-link{padding-right:0;}
body {font-family: var(--default-font-name), 'Arial', 'Times New Roman', sans-serif !important;}
.b2s-introducer{ background-repeat: no-repeat; background-size: cover; background-position-x: center; background-position-y: top; margin:0; min-height: var(--content-dashboard-introducer-height); padding-bottom: var(--content-dashboard-introducer-intake); }
.introducer-bold{font-family: var(--title-font-name); font-size: var(--content-dashboard-introducer-font-size-bold); font-weight:bold; text-transform:uppercase;}
.mobile-introducer-bold{font-family: var(--title-font-name); font-size: var(--content-dashboard-introducer-mobile-font-size-bold); font-weight:bold; text-transform:uppercase;}
.introducer-title > .introducer-bold, .introducer-title > .mobile-introducer-bold, .introducer-title > .mobile-introducer-plain, .introducer-title > .introducer-plain{color:var(--content-dashboard-introducer-text-color); }
.introducer-plain{font-family: var(--subtitle-font-name); font-size: var(--content-dashboard-introducer-font-size-plain); font-weight:normal; text-transform:uppercase;}
.mobile-introducer-plain{font-family: var(--subtitle-font-name); font-size: var(--content-dashboard-introducer-mobile-font-size-plain); font-weight:normal; text-transform:uppercase;}
.page-title{ font-family: var(--title-font-name);padding: var(--content-page-title-clear-space) 0; }
.page-title-bold{ font-family: var(--title-font-name);font-size: var(--content-page-title-font-size-bold); font-weight:bold; text-transform:uppercase;color:var(--content-page-title-text-color);}
.page-title-plain{ font-family: var(--subtitle-font-name);font-size: var(--content-page-title-font-size-plain); font-weight:normal; text-transform:uppercase;color:var(--content-page-title-text-color);}
.page-additionaltitle{ font-family: var(--title-font-name);padding: calc(var(--content-page-title-clear-space) / 3) 0; }
.mobile-page-title-bold{ font-family: var(--title-font-name);font-size: var(--content-mobile-page-title-font-size-bold); font-weight:bold; text-transform:uppercase;color:var(--content-page-title-text-color);}
.mobile-page-title-plain{ font-family: var(--subtitle-font-name);font-size: var(--content-mobile-page-title-font-size-plain); font-weight:normal; text-transform:uppercase;color:var(--content-page-title-text-color);}
.b2s-dashboard{ position:relative; top:var(--content-dashboard-selectables-top-retraction); background-color: var(--content-dashboard-selectables-border-color); border: solid var(--content-dashboard-selectables-border-thickness) var(--content-dashboard-selectables-border-color); }
.b2s-dashboard-col{ font-family: var(--subtitle-font-name); font-size: var(--content-dashboard-selectables-font-size); color:var(--content-dashboard-selectables-text-color); font-weight:bold; text-transform:uppercase; transition:background-color 0.2s ease; }
.b2s-dashboard-col:nth-child(odd){background-color:var(--content-dashboard-selectables-odd-background-color);}
.b2s-dashboard-col:nth-child(even){background-color:var(--content-dashboard-selectables-even-background-color);}
.b2s-dashboard-col:nth-child(odd):hover{background-color:var(--content-dashboard-selectables-odd-hover-background-color);}
.b2s-dashboard-col:nth-child(even):hover{background-color:var(--content-dashboard-selectables-even-hover-background-color);}
.b2s-dashboard-col:nth-child(odd):focus,.b2s-dashboard-col:nth-child(odd):active{background-color:var(--content-dashboard-selectables-odd-show-background-color);}
.b2s-dashboard-col:nth-child(even):focus,.b2s-dashboard-col:nth-child(even):active{background-color:var(--content-dashboard-selectables-even-show-background-color);}
.b2s-selectable-icon{font-size:55pt;margin-bottom:var(--content-dashboard-selectables-icon-text-space);}
.accordion-item{border-left:none; border-right:none;}
.accordion-button{text-transform:uppercase;}
.accordion-button:not(.collapsed){color:var(--primary-text-color);background-color:var(--accordion-active-bg);}
th,.form-header{font-weight: var(--content-input-form-header-font-weight);font-size: var(--content-input-form-header-font-size);color: var(--content-input-form-header-text-color);}
td{vertical-align:middle;font-size: var(--content-input-form-header-font-size);}
.form-row{margin: 25px 0;}
.form-row > .col-md-1,.form-row > .col-md-2,.form-row > .col-md-3,.form-row > .col-md-4,.form-row > .col-md-5,.form-row > .col-md-6,.form-row > .col-md-8,.form-row > .col-md {padding: 0 25px 0 0;}
.form-select,.form-control{transition:background-color 0.2s ease;border-radius:0;padding-top:10pt;padding-bottom:10pt;border:none;background-color:var(--content-input-background-color-normal);color:var(--content-input-text-color-normal);}
.form-select:hover,.form-control:hover{border-color:transparent;background-color:var(--content-input-background-color-hover);color:var(--content-input-text-color-hover);}
.form-select:focus, .form-select:active, .form-control:focus, .form-control:active{border-color:transparent;background-color:var(--content-input-background-color-show);color:var(--content-input-text-color-show);}
.form-check-input[type=checkbox] {border-radius: 0;border: var(--content-input-checkbox-border-thickness) solid var(--content-input-checkbox-border-color);}
.form-check-input[type=radio] {border-radius: 0;border: var(--content-input-checkbox-border-thickness) solid var(--content-input-checkbox-border-color);}
.form-check-input:checked{background-color:var(--content-input-checkbox-checked-background-color);}
.form-control.ammount{width:var(--content-input-number-ammount-width);}
.btn-primary{background:var(--content-button-background-color-normal);color:var(--content-button-text-color-normal);font-size: var(--content-button-font-size);/*font-weight:bold;*/border-radius:0;border: solid var(--content-button-border-thickness) var(--content-button-text-color-normal);text-transform: uppercase;padding: 5pt 25pt;}
.btn-primary:disabled{background:var(--content-button-background-color-normal);color:var(--content-button-text-color-normal);font-size: var(--content-button-font-size);/*font-weight:bold;*/border-radius:0;border: solid var(--content-button-border-thickness) var(--content-button-text-color-normal);text-transform: uppercase;padding: 5pt 25pt;}
.btn-secondary{background:var(--content-button-background-color-normal);color:var(--content-button-text-color-normal);font-size: var(--content-button-font-size);/*font-weight:bold;*/border-radius:0;border: solid var(--content-button-border-thickness) var(--content-button-text-color-normal);text-transform: uppercase;padding: 5pt 5pt;}
.btn-secondary:disabled{background:var(--primary-text-color);color:var(--default-background-color);font-size: var(--content-button-font-size);/*font-weight:bold;*/border-radius:0;border: solid var(--content-button-border-thickness) var(--content-button-text-color-normal);opacity: 100;text-transform: uppercase;padding: 5pt 5pt;}
.btn.icon{padding:5pt 10pt;}
.button-icon{padding:0;}
.button-icon.right{padding-left:10pt;}
.button-icon.left{padding-right:10pt;}
.alert{border:none;border-radius:0; color:var(--primary-text-color); }
.alert-success{background: var(--alert-success-fill-color);}
.alert-warning{background: var(--alert-warning-fill-color);}
.alert-danger{background: var(--alert-danger-fill-color);}
.alert-info{background:var(--alert-info-fill-color); }
.alert > strong{padding-right: var(--default-spacing);}
.btn-primary:hover{background:var(--content-button-background-color-hover);color:var(--content-button-text-color-hover);border-color: var(--content-button-text-color-hover);}
.btn-check:checked+.btn, .btn.active, .btn.show, .btn:first-child:active, :not(.btn-check)+.btn:active,.btn-primary:focus,.btn-primary:focus-visible {background:var(--content-button-background-color-show);color:var(--content-button-text-color-show);border-color: var(--content-button-text-color-show);}
.b2s-bbtm-light{border-bottom: var(--default-separator-thickness) solid var(--secondary-separator-color);margin-bottom: calc(var(--default-spacing)*2);padding-bottom:calc(var(--default-spacing)*2);}
.b2s-btp-light{border-top: var(--default-separator-thickness) solid var(--secondary-separator-color) !important;margin-top: calc(var(--default-spacing)*2);padding-top:calc(var(--default-spacing)*2);}
.bbtm-2{margin-bottom: calc(var(--default-spacing)*.5)!important; padding-bottom: calc(var(--default-spacing)*.5)!important;border-bottom-width:2px;}
.collection-list{margin-top:calc(var(--default-spacing)*2);}
.collection-image > img{max-height: var(--content-collection-selection-image-height);}
.collection-image{transition:opacity 0.3s ease;opacity:var(--content-collection-selection-image-unselected-opacity);cursor:pointer;margin-top:var(--default-spacing);}
.collection-image:hover, .collection-image.active{opacity:var(--content-collection-selection-image-selected-opacity);}
.collection-list-item{overflow:hidden;transition:border-color 0.3s ease;border:solid 2px var(--default-background-color);padding: var(--default-spacing);cursor:pointer;}
.collection-list-item:hover{border-color:var(--content-collection-item-border-hover);}
.collection-item-title{font-weight:bold;font-size:12pt;margin-top:calc(var(--default-spacing) * .5); margin-left: calc(var(--default-spacing) * .25); margin-right: calc(var(--default-spacing) * .25); }
.collection-item-subtitle{font-weight:normal;font-size:12pt;margin-top:calc(var(--default-spacing) * .5); margin-left: calc(var(--default-spacing) * .25); margin-right: calc(var(--default-spacing) * .25); }
.collection-item-subtitle.mobile{font-size:12pt;}
.collection-item-title.mobile{font-size:14pt;}
.collection-item-title.mobile.table-head{font-size:9pt;}
.collection-item-text{margin-top:calc(var(--default-spacing) * .5);}
.collection-item-action-area{margin-top:var(--default-spacing);}
.list-item-col{padding-top: calc(var(--bs-gutter-x) * .5);padding-bottom: calc(var(--bs-gutter-x) * .5);}
.collection-item-tag-area{height:28pt;text-align: right;}
.collection-item-tag{text-transform: uppercase;font-weight:bold;font-size:var(--content-collection-item-tag-font-size);margin-left:calc(var(--default-spacing)*.5);padding:4pt;}
.tag-prominent{color: var(--content-collection-item-tag-prominent-text-color);background: var(--content-collection-item-tag-prominent-background-color);}
.tag-decent{color: var(--content-collection-item-tag-decent-text-color);background: var(--content-collection-item-tag-decent-background-color);}
.collection-item.availability-indicator{text-align:right;padding-top: calc( var(--default-spacing) *.5);}
.indicator {height: var(--content-collection-item-availability-indicator-size);width: var(--content-collection-item-availability-indicator-size);border-radius: 50%;display: inline-block;}
.indicator.gruen{background-color:var(--content-collection-item-availability-fill-color-available);}
.indicator.gelb{background-color:var(--content-collection-item-availability-fill-color-partially-available);}
.indicator.orange{background-color:var(--content-collection-item-availability-fill-color-pending-availability);}
.indicator.rot{background-color:var(--content-collection-item-availability-fill-color-not-available);}
.availability-indicator.mobile-table{text-align:right;}
.collection-item-action-title{font-weight:bold;font-size:17pt; margin-left: calc(var(--default-spacing) * .25); margin-right: calc(var(--default-spacing) * .25); }
.collection-item-cart-summary-title{font-weight:bold;font-size:13pt; margin-left: calc(var(--default-spacing) * .25); margin-right: calc(var(--default-spacing) * .25); }
.collection-item-cart{height: 75pt;}
.collection-item-cart-icon{transition:opacity 0.3s ease;font-weight:bold;font-size:20pt; margin-left: calc(var(--default-spacing) * .25); margin-right: calc(var(--default-spacing) * .25); cursor:pointer;text-align:left;}
.collection-item-mobile-close-icon,.collection-item-close-icon{transition:opacity 0.3s ease;font-weight:bold;font-size:15pt; margin-left: calc(var(--default-spacing) * .25); cursor:pointer;text-align:right;}
.collection-item-mobile-close-icon{font-size:20pt;}
.collection-item-cart-icon:hover{opacity:.6;}
.collection-item-closing-row{border-top: solid 2px var(--content-block-separator-color);}
.collection-item-bottom{border-bottom: solid 2px var(--content-collection-item-border-hover);}
.collection-item-top{padding-top: var(--default-spacing) !important;}
.collection-item-bottom > .spacing,.collection-item > .spacing{ padding-bottom:var(--default-spacing) !important;}
.m-td{ margin-top: var(--default-spacing);}
.m-td-2{ margin-top: calc(var(--default-spacing) * 2) !important;}
.m-td-3{ margin-top: calc(var(--default-spacing) * 3) !important;}
.m-td-4{ margin-top: calc(var(--default-spacing) * 4) !important;}
.m-td-p5{ margin-top: calc(var(--default-spacing) * .5) !important;}
.m-td-p25{ margin-top: calc(var(--default-spacing) * .25) !important;}
.m-bd{ margin-bottom: var(--default-spacing) !important;}
.m-bd-2{ margin-bottom: calc(var(--default-spacing) * 2) !important;}
.m-bd-3{ margin-bottom: calc(var(--default-spacing) * 3) !important;}
.m-bd-4{ margin-bottom: calc(var(--default-spacing) * 4) !important;}
.m-bd-p5{ margin-bottom: calc(var(--default-spacing) * .5) !important;}
.m-bd-p25{ margin-bottom: calc(var(--default-spacing) * .25) !important;}
.ps-0{ padding-left:0!important;padding-right:0!important;}
.ps-4{ padding-left: calc(var(--default-spacing) * 4)!important;padding-right: calc(var(--default-spacing) * 4)!important;}
.p-1{ padding: calc(var(--default-spacing) * 2) !important;}
.p-3{ padding: calc(var(--default-spacing) * 3) !important;}
.p-4{ padding: calc(var(--default-spacing) * 4) !important;}
.p-p5{ padding: calc(var(--default-spacing) * .5) !important;}
.p-p25{ padding: calc(var(--default-spacing) * .25) !important;}
.p-td{ padding-top: var(--default-spacing) !important;}
.p-td-2{ padding-top: calc(var(--default-spacing) * 2) !important;}
.p-td-3{ padding-top: calc(var(--default-spacing) * 3) !important;}
.p-td-4{ padding-top: calc(var(--default-spacing) * 4) !important;}
.p-td-p5{ padding-top: calc(var(--default-spacing) * .5) !important;}
.p-td-p25{ padding-top: calc(var(--default-spacing) * .25) !important;}
.p-bd{ padding-bottom: var(--default-spacing) !important;}
.p-bd-2{ padding-bottom: calc(var(--default-spacing) * 2) !important;}
.p-bd-3{ padding-bottom: calc(var(--default-spacing) * 3) !important;}
.p-bd-4{ padding-bottom: calc(var(--default-spacing) * 4) !important;}
.p-bd-p5{ padding-bottom: calc(var(--default-spacing) * .5) !important;}
.p-bd-p25{ padding-bottom: calc(var(--default-spacing) * .25) !important;}
.preview-image > img {max-width: var(--content-table-preview-image-height);}
.preview-image.replacement > img {max-width: var(--content-table-replacement-preview-image-width);}
.preview-image.mobile > img {max-width: var(--content-table-preview-image-mobile-width);}
.open-modal > img{transition:border-color 0.2s ease;cursor:pointer;border: solid var(--content-open-modal-border-thickness) var(--content-open-modal-border-color-normal);}
.open-modal > img:hover{border-color:var(--content-open-modal-border-color-hover);}
.modal-content{border-radius:0; border:none; }
.modal-body{padding: var(--default-spacing);}
.table-preview-image{max-width: 15vw;}
.detail.table-preview-image{margin-top:calc(var(--default-spacing)*.5); margin-bottom:calc(var(--default-spacing)*.5); padding:calc(var(--default-spacing)*.5);}
.image-link:hover{ cursor:pointer; }
.preview-detail{transition:border-color 0.2s ease;width:5vw; height:5vw; border:solid 1px var(--primary-separator-color); padding:calc(var(--default-spacing)*.25);margin-top:calc(var(--default-spacing)*.25); margin-bottom:calc(var(--default-spacing)*.25); }
.preview-detail:hover{ border-color:var(--secondary-separator-color);}
.detail-content{margin-top:0;margin-bottom:0;padding-left:calc(var(--default-spacing)*1.6);}
.modal-header{border:none;}
.mobile-title-top{padding-bottom:0!important;}
.mobile-title-bottom{ padding-top:0!important;}
#imgPreviewImageModalFullImage{width: 100%}
#variantCarousel{padding:0;}
.mobile-nav-toggle{ text-align:right;}
.mobile-shopping-element{width:10vw;}
.button-mobile-toggle{  color:#000000; background:none;  border:none; font-size:17pt; }
.mobile-nav-items{ padding: calc(var(--default-spacing) * 2); }
.nav-link.mobile:not(:last-child){border-bottom: #000 solid 1px;}
.nav-link.mobile.text{ padding: var(--default-spacing) 0;}
.head-searchbar{ padding:0px;margin-left:10px; background:#fff; border-bottom: solid 1px #000; width: 100px !important; height:30px;font-size:9pt;}
.head-searchbutton{padding-top:0; padding-bottom:0;}
.nav-icon > .mobile{padding-left: 20px;padding-right:20px;}
.transform-normal{text-transform:none}
.acc-p-4{padding-right: 4px!important; padding-bottom: calc(var(--default-spacing)*.5)!important; padding-top: calc(var(--default-spacing)*.5)!important;}
.details-carousel-control{transition:opacity 0.2s ease; background:none; border:none; color:#000; width: var(--content-details-carousel-control-icon-size);}
.details-carousel-control:hover{ opacity:.5; }
.carousel-control-prev-icon,.carousel-control-next-icon{width: var(--content-details-carousel-control-icon-size);height: var(--content-details-carousel-control-icon-size);}
.text.link,.text.link:visited,.text.link:focus,.text.link:focus-visible{ transition:all 0.2s ease; text-decoration:underline;color:var(--secondary-text-color);cursor:pointer;}
.text.link:hover{ opacity:.7;}
.text.link.footer{text-decoration: none;color:var(--primary-text-color);}
input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; appearance: none;-moz-appearance: none;background:transparent;margin: 0;}
.login-title{font-weight:normal;font-size:15pt; margin-left: calc(var(--default-spacing) * .25); margin-right: calc(var(--default-spacing) * .25); }
.ib5{margin-bottom: 5px;}
.ir5{margin-right: 5px;}
.variant-controls{ margin-right: 10px;}
.bgchange {
    transition: background-color 0.8s ease;
  }
html {scroll-behavior: auto !important; /*disable smooth scrolling for Anker*/}
select, option { font: -moz-pull-down-menu; }
.note{  font-style: italic; font-size: var(--footer-default-font-size);color:var(--note-text-color);}
.hinweis-modal .modal-content {border-radius: 0.5rem;}
.hinweis-modal .modal-header {background-color: var(--content-input-background-color-normal);}

.toast {border-radius: 0.5rem !important;}