/* /reschfloor_webshop/static/src/css/webshop_detail.css */
produkt .ws-breadcrumb{display: flex; align-items: center; gap: 6px; font-size: 0.8125rem; color: var(--ws-gray-400); margin-bottom: 20px; flex-wrap: wrap;}.ws-breadcrumb a{color: var(--ws-primary); text-decoration: none;}.ws-breadcrumb a:hover{text-decoration: underline;}.ws-breadcrumb-sep{color: var(--ws-gray-400);}.ws-breadcrumb-current{color: var(--ws-gray-600); font-weight: 500;}.ws-detail-layout{display: grid; grid-template-columns: 1fr; gap: 32px; margin-bottom: 40px;}@media (min-width: 768px){.ws-detail-layout{grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); align-items: start;}}.ws-detail-images{position: sticky; top: 80px;}@media (max-width: 767px){.ws-detail-images{position: static;}}@media (max-width: 767px){.ws-detail-layout{display: flex; flex-direction: column; gap: 0; position: relative;}.ws-detail-layout > .ws-detail-images, .ws-detail-layout > .ws-detail-info{display: contents;}.ws-detail-images > *, .ws-detail-info > *{order: 90; min-width: 0;}.ws-detail-info > .ws-detail-title, .ws-detail-info > .pf-detail-title-btn{order: 1;}.ws-detail-info > .ws-detail-barcode{order: 2;}.ws-detail-info > .ws-stock-indicator, .ws-detail-info > .ws-stock-incoming, .ws-detail-info > .ws-stock-real-qty, .ws-detail-info > .ws-usually-available-hint{order: 3; align-self: flex-start;}.ws-detail-images > .ws-detail-image{order: 10; margin: 8px 0 16px;}.ws-detail-images > .ws-detail-image:has(+ .ws-symbolbild-hint-wrap){margin-bottom: 0;}.ws-detail-images > .ws-detail-image + .ws-symbolbild-hint-wrap{order: 11; margin-bottom: 16px;}.ws-detail-info > .ws-info-row{order: 20;}.ws-detail-info > .ws-variants-section{order: 21;}.ws-detail-info > .ws-pricing-card{order: 30;}.ws-detail-info > .ws-delivery-info{order: 31;}.ws-detail-info > .ws-exw-notice{order: 32;}.ws-detail-images > .ws-installation-image-wrap{order: 40; margin-top: 8px;}.ws-detail-images > .ws-symbolbild-hint-wrap{order: 41;}.ws-detail-images > .ws-supplements-row{order: 42;}.ws-detail-images > .ws-supplements-row .ws-supplements-list{flex-wrap: nowrap;}}.ws-detail-image{width: 100%; max-height: 480px; object-fit: contain; border-radius: var(--ws-radius); background: var(--ws-gray-50); padding: 20px; box-sizing: border-box;}@media (max-width: 767px){.ws-detail-image{max-height: 70vw;}}.ws-image-label{text-align: center; font-size: 0.75rem; color: var(--ws-gray-400); margin-top: 6px;}.ws-installation-image-wrap{margin-top: 14px; border-radius: var(--ws-radius-sm); overflow: hidden; border: 1px solid var(--ws-gray-200); background: var(--ws-gray-50);}.ws-installation-label{font-size: 0.7rem; font-weight: 500; color: var(--ws-gray-600); text-transform: uppercase; letter-spacing: 0.05em; padding: 5px 10px 3px; background: var(--ws-gray-100); border-bottom: 1px solid var(--ws-gray-200);}.ws-installation-image{width: 100%; max-height: 40vh; object-fit: cover; object-position: center bottom; display: block;}.ws-roll-mode-section{margin-bottom: 16px;}.ws-roll-mode-control{display: flex; gap: 0; margin-top: 0; margin-bottom: 10px; border-radius: var(--ws-radius-sm); overflow: hidden; border: 1.5px solid var(--ws-primary); width: 100%;}.ws-roll-mode-btn{display: inline-flex; align-items: center; justify-content: center; gap: 6px; flex: 1; padding: 8px 12px; border: none; background: var(--ws-white); color: var(--ws-primary); font-size: 0.8125rem; font-weight: 600; cursor: pointer; transition: all var(--ws-transition); line-height: 1.4; position: relative;}.ws-roll-mode-btn + .ws-roll-mode-btn{border-left: 1.5px solid var(--ws-primary);}.ws-roll-mode-btn--active{background: var(--ws-primary); color: #fff !important;}.ws-roll-mode-btn:hover:not(.ws-roll-mode-btn--active){background: var(--ws-primary-light);}.ws-roll-mode-badge{font-size: 0.65rem; font-weight: 700; padding: 1px 5px; border-radius: 999px; background: var(--ws-success, #2d8a4e); color: #fff; letter-spacing: 0.02em; line-height: 1.5;}.ws-roll-mode-btn--active .ws-roll-mode-badge{background: rgba(255,255,255,0.25); color: #fff;}.ws-detail-title{font-size: 1.5rem; font-weight: 700; color: var(--ws-gray-800); margin: 0 0 8px; line-height: 1.3;}.ws-detail-barcode{font-size: 0.8125rem; color: var(--ws-gray-600); font-family: monospace; margin-bottom: 8px;}.ws-detail-variant-name{display: block; font-size: 0.75em; font-weight: 700; color: var(--ws-gray-600); margin-top: 2px; letter-spacing: 0.01em;}.ws-stock-real-qty{font-size: 0.8rem; color: var(--ws-gray-600); margin-top: -10px; margin-bottom: 14px; padding-left: 4px;}.ws-stock-indicator{display: inline-flex; align-items: center; gap: 6px; font-size: 0.8125rem; font-weight: 500; padding: 4px 10px; border-radius: 999px; margin-bottom: 6px;}.ws-stock-indicator-green{background: #dcfce7; color: #166534;}.ws-stock-indicator-yellow{background: #fef9c3; color: #854d0e;}.ws-stock-indicator-red{background: var(--ws-gray-100); color: var(--ws-gray-600);}.ws-stock-indicator-black{background: var(--ws-gray-100); color: var(--ws-gray-600);}.ws-stock-incoming{display: flex; align-items: baseline; gap: 4px; font-size: 0.8125rem; line-height: 1.35; color: var(--ws-gray-600); margin: 2px 0 6px;}.ws-stock-incoming .fa-truck{font-size: 0.75rem; opacity: 0.75; flex: 0 0 auto;}.ws-stock-indicator[data-ws-stock-info="true"]{cursor: pointer; transition: all 0.2s ease;}.ws-stock-indicator[data-ws-stock-info="true"]:hover{background: #1e3a5f !important; color: white !important;}.ws-stock-indicator[data-ws-stock-info="true"]:hover .ws-stock-dot{background: white !important;}.ws-stock-indicator[data-ws-stock-info="true"]:hover .ws-stock-info-icon{color: white !important; opacity: 1;}.ws-stock-info-icon{margin-left: 4px; font-size: 0.75rem; opacity: 1; cursor: inherit;}.ws-stock-indicator-red .ws-stock-info-icon, .ws-stock-indicator-black .ws-stock-info-icon{color: var(--ws-gray-400);}.ws-stock-info-popover{position: fixed; background: white; border: 1px solid var(--ws-border-color); border-radius: 8px; padding: 12px 16px; font-size: 0.8125rem; line-height: 1.5; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15); z-index: 1050; max-width: 280px; word-wrap: break-word; color: var(--ws-text-color);}.ws-stock-info-popover::before{content: ''; position: absolute; width: 8px; height: 8px; background: white; border: 1px solid var(--ws-border-color); border-right: none; border-bottom: none; transform: rotate(45deg); z-index: -1;}.ws-customer-keywords{margin: 6px 0 4px;}.ws-kw-header{display: flex; align-items: center; gap: 6px; font-size: 0.8125rem; color: var(--ws-primary); font-weight: 500; pointer-events: none;}.ws-kw-header .fa{font-size: 0.75rem;}.ws-kw-toggle-btn{display: inline-flex; align-items: center; gap: 6px; height: 28px; padding: 0 12px; background: white; color: var(--ws-primary); border: 1px solid var(--ws-primary); border-radius: 6px; font-size: 0.8rem; font-weight: 500; cursor: pointer; transition: background 0.15s, color 0.15s; white-space: nowrap;}.ws-kw-toggle-btn:hover{background: var(--ws-primary); color: white;}.ws-kw-toggle-btn .fa{font-size: 0.75rem;}.ws-kw-panel{display: none; flex-direction: column; gap: 8px; margin-top: 8px; padding: 10px 12px; background: #f8fbfd; border: 1px solid #d3e8f5; border-radius: 8px;}.ws-kw-panel.open{display: flex;}.ws-kw-add-row{display: flex; gap: 6px; align-items: center;}.ws-kw-input{flex: 1; min-width: 0; height: 32px; padding: 0 10px; border: 1px solid var(--ws-border-color); border-radius: 6px; font-size: 0.8125rem; color: var(--ws-text-color); background: white; transition: border-color 0.15s;}.ws-kw-input:focus{outline: none; border-color: var(--ws-primary); box-shadow: 0 0 0 3px rgba(2, 56, 89, 0.1);}.ws-kw-add-btn{height: 32px; padding: 0 12px; background: var(--ws-primary); color: white; border: none; border-radius: 6px; font-size: 0.8125rem; font-weight: 500; cursor: pointer; white-space: nowrap; transition: background 0.15s;}.ws-kw-add-btn:hover{background: var(--ws-primary-dark, #012a44);}.ws-kw-tags{display: flex; flex-wrap: wrap; gap: 6px;}.ws-kw-tag{display: inline-flex; align-items: center; gap: 4px; background: white; color: var(--ws-primary); border: 1px solid #c3d9ec; border-radius: 999px; padding: 2px 8px 2px 12px; font-size: 0.8rem; font-weight: 500;}.ws-kw-tag-del{background: none; border: none; padding: 0; margin: 0; cursor: pointer; color: var(--ws-gray-400); font-size: 1.1rem; line-height: 1; transition: color 0.15s;}.ws-kw-tag-del:hover{color: #c00;}.ws-info-row{display: flex; flex-direction: row; gap: 10px; margin-bottom: 16px;}.ws-info-row:empty{display: none;}@media (max-width: 991px){.ws-info-row{flex-direction: column;}}.ws-customer-keywords.ws-info-box{flex: 1; min-width: 0; display: flex; flex-direction: column; justify-content: center; padding: 10px 14px; background: var(--ws-white); border-radius: var(--ws-radius-sm); border: 1px solid var(--ws-gray-200); box-shadow: var(--ws-shadow); font-size: 0.8125rem; margin: 0; cursor: pointer; transition: border-color 0.15s, background 0.15s;}.ws-customer-keywords.ws-info-box:hover{border-color: var(--ws-primary); background: var(--ws-primary-light, #eaf3f8);}.ws-packaging-info{container-type: inline-size; display: flex; flex-direction: column; justify-content: center; gap: 2px; font-size: 0.8125rem; padding: 10px 14px; background: var(--ws-white); border-radius: var(--ws-radius-sm); border: 1px solid var(--ws-gray-200); box-shadow: var(--ws-shadow); margin: 0; flex: 1; min-width: 0;}.ws-packaging-label{color: var(--ws-gray-600); font-weight: 500; font-size: 0.75rem;}.ws-packaging-value{display: flex; flex-direction: column; gap: 1px; font-weight: 600; color: var(--ws-gray-800); font-variant-numeric: tabular-nums;}.ws-packaging-part{white-space: nowrap;}.ws-packaging-sep{display: none; color: var(--ws-gray-400); font-weight: 400;}@container (min-width: 19.5rem){.ws-packaging-value{flex-direction: row; flex-wrap: wrap; align-items: baseline; column-gap: 8px;}.ws-packaging-sep{display: inline;}}.ws-variants-section{background: var(--ws-white); border: 1px solid var(--ws-gray-200); border-radius: var(--ws-radius-sm); padding: 16px; box-shadow: var(--ws-shadow); margin-bottom: 16px;}.ws-variants-label{font-size: 0.8125rem; font-weight: 600; color: var(--ws-gray-600); margin-bottom: 10px;}.ws-variant-search{display: block; width: 100%; max-width: 320px; padding: 7px 12px; margin-bottom: 12px; border: 1.5px solid var(--ws-gray-200); border-radius: 999px; font-size: 0.875rem; outline: none; transition: border-color var(--ws-transition), box-shadow var(--ws-transition);}.ws-variant-search:focus{border-color: var(--ws-primary); box-shadow: 0 0 0 3px rgba(2, 56, 89, 0.1);}.ws-variants-list{display: flex; flex-wrap: wrap; gap: 8px;}.ws-variant-btn{display: inline-flex; align-items: center; gap: 6px; padding: 6px 12px; border-radius: 8px; border: 2px solid var(--ws-gray-200); background: var(--ws-white); cursor: pointer; font-size: 0.8125rem; font-weight: 500; color: var(--ws-gray-700, #374151); transition: all var(--ws-transition);}.ws-variant-btn:hover{border-color: var(--ws-primary); color: var(--ws-primary);}.ws-variant-btn.selected{border-color: var(--ws-primary); background: var(--ws-primary-light); color: var(--ws-primary); font-weight: 600;}.ws-variant-btn.out-of-stock{opacity: 0.45;}.ws-variant-swatch-btn{width: 16px; height: 16px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.1); flex-shrink: 0;}.ws-variants-img-list{display: flex; flex-wrap: wrap; gap: 10px;}.ws-variant-img-btn{display: flex; flex-direction: column; align-items: center; gap: 5px; padding: 4px; border: 2px solid var(--ws-gray-200); border-radius: var(--ws-radius-sm); background: var(--ws-white); cursor: pointer; transition: all var(--ws-transition); width: 80px; position: relative;}.ws-variant-img-thumb-wrap{position: relative; width: 64px; height: 64px; flex-shrink: 0;}.ws-variant-img-thumb-wrap .ws-swatch-stock-dot{top: -4px; right: -4px; width: 11px; height: 11px;}.ws-variant-img-btn:hover{border-color: var(--ws-primary);}.ws-variant-img-btn.selected{border-color: var(--ws-primary); background: var(--ws-primary-light);}.ws-variant-img-btn.out-of-stock{opacity: 0.45;}.ws-variant-img-thumb{width: 100%; height: 100%; object-fit: cover; border-radius: 4px; display: block;}.ws-variant-img-label{font-size: 0.65rem; color: var(--ws-gray-600); text-align: center; line-height: 1.2; word-break: break-word; max-width: 72px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;}.ws-variant-img-btn.ws-variant-off{display: none !important;}.ws-vp-group{margin-bottom: 16px;}.ws-variants-section[data-picker] .ws-variants-label{font-size: 0.9375rem; font-weight: 700; color: var(--ws-gray-800);}.ws-vp-current{color: var(--ws-gray-800);}.ws-vp-count{font-weight: 400; color: var(--ws-gray-600);}.ws-vp-options{display: flex; flex-wrap: wrap; gap: 8px;}.ws-vp-chip{min-width: 56px; min-height: 40px; padding: 6px 14px; border: 2px solid var(--ws-gray-200); border-radius: var(--ws-radius-sm); background: var(--ws-white); color: var(--ws-gray-800); font-size: 0.875rem; font-weight: 500; line-height: 1.2; cursor: pointer; transition: border-color var(--ws-transition), background-color var(--ws-transition), color var(--ws-transition);}.ws-vp-chip:hover:not(:disabled){border-color: var(--ws-primary);}.ws-vp-chip.is-active{border-color: var(--ws-primary); background: var(--ws-primary-light); color: var(--ws-primary);}.ws-vp-chip:focus-visible{outline: 2px solid var(--ws-primary); outline-offset: 2px;}.ws-vp-chip:disabled{cursor: not-allowed; border-style: dashed; color: var(--ws-gray-400); text-decoration: line-through;}.ws-vp-hint{margin: 0; font-size: 0.8125rem; color: var(--ws-gray-800);}.ws-vp-hint:not(:empty){margin: -4px 0 12px; padding: 8px 12px; border: 1px solid #fde68a; border-radius: var(--ws-radius-sm); background: #fffbeb;}@media (max-width: 767px){.ws-vp-chip{min-height: 44px;}}.ws-pricing-card{background: var(--ws-white); border: 1px solid var(--ws-gray-200); border-radius: var(--ws-radius-sm); padding: 20px; box-shadow: var(--ws-shadow); margin-bottom: 16px;}.ws-pricing-card-title{font-size: 0.875rem; font-weight: 700; color: var(--ws-gray-800); margin: 0 0 16px; padding-bottom: 12px; border-bottom: 1px solid var(--ws-gray-100);}.ws-pricing-grid{display: grid; grid-template-columns: 1fr 1fr; gap: 16px; align-items: start; margin-bottom: 16px;}.ws-pricing-col{display: flex; flex-direction: column; gap: 6px;}.ws-pricing-col-label{font-size: 0.8125rem; font-weight: 600; color: var(--ws-gray-500); margin-bottom: 2px;}.ws-pricing-col--note{align-self: center;}.ws-pricing-card .ws-guest-price-note{margin: 0; font-size: 0.8125rem; line-height: 1.45; color: var(--ws-gray-600);}.ws-pricing-grid .ws-quantity-controls{width: 100%; min-height: 40px; background: var(--ws-primary-light);}.ws-pricing-grid .ws-qty-input{flex: 1; width: 100%; min-width: 0; background: var(--ws-primary-light); color: var(--ws-primary); font-weight: 700;}.ws-pricing-grid .ws-qty-btn{background: var(--ws-primary-light); color: var(--ws-primary);}.ws-pricing-grid .ws-qty-btn:hover{background: #d0e2f0;}.ws-price-display-box{display: flex; align-items: center; padding: 8px 12px; border: 1.5px solid var(--ws-gray-200); border-radius: var(--ws-radius-sm); font-size: 1rem; font-weight: 700; color: var(--ws-primary); background: var(--ws-primary-light); min-height: 40px; gap: 4px;}.ws-total-row{display: flex; align-items: center; justify-content: space-between; padding: 8px 12px; background: var(--ws-primary-light); border-radius: var(--ws-radius-sm); border: 1px solid var(--ws-gray-200); margin-bottom: 10px;}.ws-total-row-label{font-size: 0.8125rem; font-weight: 600; color: var(--ws-gray-700);}.ws-total-row-value{font-size: 1rem; font-weight: 700; color: var(--ws-primary);}.ws-tiers-section{margin-top: 8px;}.ws-tiers-toggle{background: none; border: none; color: var(--ws-primary); font-size: 0.8125rem; font-weight: 600; cursor: pointer; padding: 0; text-decoration: underline; display: inline-flex; align-items: center; gap: 4px;}.ws-tiers-toggle:hover{color: var(--ws-primary-hover);}.ws-tiers-table-wrap{margin-top: 10px;}.ws-pricing-card .ws-action-buttons{flex-direction: column; gap: 10px; margin-top: 16px; padding-top: 16px; border-top: 1px solid var(--ws-gray-100);}.ws-pricing-card .ws-btn{width: 100%; justify-content: center;}.ws-quantity-section{margin-bottom: 16px;}.ws-quantity-label{font-size: 0.8125rem; font-weight: 600; color: var(--ws-gray-600); margin-bottom: 8px;}.ws-quantity-controls{display: flex; align-items: stretch; gap: 0; width: fit-content; border: 1.5px solid var(--ws-gray-200); border-radius: var(--ws-radius-sm); overflow: hidden;}.ws-qty-btn{background: var(--ws-gray-50); border: none; padding: 8px 16px; min-width: 44px; min-height: 44px; font-size: 1.125rem; font-weight: 600; color: var(--ws-gray-600); cursor: pointer; transition: background var(--ws-transition); touch-action: manipulation;}.ws-qty-btn:hover{background: var(--ws-primary-light); color: var(--ws-primary);}.ws-qty-input{border: none; outline: none; text-align: center; width: 120px; font-size: 1rem; font-weight: 600; padding: 8px 4px; background: var(--ws-white); color: var(--ws-gray-800);}.ws-qty-input::-webkit-inner-spin-button, .ws-qty-input::-webkit-outer-spin-button{opacity: 0;}.ws-packages-display{margin-top: 6px; font-size: 0.8125rem; color: var(--ws-gray-600);}.ws-price-section{padding: 16px 0 0; border-top: 1px solid var(--ws-gray-100); margin-top: 4px; margin-bottom: 0;}.ws-price-unit{font-size: 1.25rem; font-weight: 700; color: var(--ws-primary); margin-bottom: 4px;}.ws-price-total{font-size: 0.875rem; color: var(--ws-gray-600);}.ws-price-total strong{color: var(--ws-gray-800); font-size: 1rem;}.ws-rrp-row{display: flex; align-items: center; gap: 6px; margin-top: 6px; padding-top: 6px; border-top: 1px dashed var(--ws-gray-200); font-size: 0.8rem;}.ws-rrp-label{color: var(--ws-gray-500); white-space: nowrap;}.ws-rrp-value{color: var(--ws-gray-700); font-weight: 600;}.ws-rrp-row-standalone{margin-top: 10px; padding: 8px 12px; background: var(--ws-gray-50); border-radius: 8px; border: 1px solid var(--ws-gray-200); border-top: 1px solid var(--ws-gray-200);}.ws-tiers-section{margin-top: 12px; padding-top: 12px; border-top: 1px solid var(--ws-gray-100); margin-bottom: 0;}.ws-tiers-header{display: flex; align-items: center; justify-content: space-between; font-size: 0.8125rem; font-weight: 600; color: var(--ws-gray-600); margin-bottom: 8px;}.ws-tiers-toggle{background: none; border: none; color: var(--ws-primary); font-size: 0.8125rem; font-weight: 600; cursor: pointer; padding: 0; text-decoration: underline;}.ws-tiers-toggle:hover{color: var(--ws-primary-hover);}.ws-tiers-table{width: 100%; border-collapse: collapse; font-size: 0.8125rem;}.ws-tiers-table th, .ws-tiers-table td{padding: 6px 10px; text-align: left; border-bottom: 1px solid var(--ws-gray-200);}.ws-tiers-table thead th{background: var(--ws-gray-50); font-weight: 600; color: var(--ws-gray-600); font-size: 0.75rem; text-transform: uppercase; letter-spacing: 0.04em;}.ws-tier-row.active-tier{background: var(--ws-primary-light); font-weight: 600;}.ws-tier-price{font-weight: 600; color: var(--ws-primary);}.ws-delivery-info{display: flex; align-items: flex-start; gap: 8px; font-size: 0.8125rem; color: var(--ws-gray-600); padding: 10px 14px; background: var(--ws-white); border-radius: var(--ws-radius-sm); border: 1px solid var(--ws-gray-200); box-shadow: var(--ws-shadow); margin-bottom: 12px; line-height: 1.5;}.ws-delivery-info svg{flex-shrink: 0; margin-top: 1px;}.ws-delivery-deadline{font-size: 0.75rem; margin-top: 3px; color: var(--ws-gray-600);}.ws-delivery-info-icon{display: inline-flex; align-items: center; cursor: pointer; color: var(--ws-gray-400); margin-left: 3px; vertical-align: middle; line-height: 1;}.ws-delivery-info-icon:hover{color: var(--ws-primary);}.ws-delivery-disclaimer{font-size: 0.72rem; color: var(--ws-gray-400); margin-top: 3px;}.ws-delivery-content{display: flex; flex-direction: column; flex: 1; min-width: 0;}.ws-delivery-days{font-size: 0.75rem; color: var(--ws-gray-600); margin-top: 2px;}.ws-delivery-countdown{font-size: 0.75rem; color: var(--ws-success, #198754); margin-top: 2px; font-weight: 500;}.ws-delivery-footer{display: flex; align-items: center; justify-content: space-between; gap: 8px; margin-top: 6px;}@media (max-width: 575px){.ws-delivery-footer{flex-direction: column; align-items: flex-start;}}.ws-delivery-info-btn{display: inline-flex; align-items: center; gap: 4px; cursor: pointer; font-size: 0.72rem; font-weight: 500; color: var(--ws-gray-400); flex-shrink: 0; border: 1px solid var(--ws-gray-200); border-radius: 20px; padding: 2px 8px 2px 6px; transition: color 0.15s, border-color 0.15s; user-select: none; -webkit-tap-highlight-color: transparent;}.ws-delivery-info-btn:hover, .ws-delivery-info-btn:focus{color: var(--ws-primary); border-color: var(--ws-primary); outline: none;}.ws-delivery-popup{position: fixed; background: white; border: 1px solid var(--ws-border-color); border-radius: 8px; padding: 12px 16px; font-size: 0.8125rem; line-height: 1.5; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15); z-index: 1050; max-width: 300px; word-wrap: break-word; color: var(--ws-text-color);}.ws-exw-notice{font-size: 0.8125rem; color: var(--ws-warning); background: #fffbeb; border: 1px solid #fde68a; border-radius: var(--ws-radius-sm); padding: 10px 14px; margin-bottom: 16px;}.ws-action-buttons{display: flex; gap: 12px; flex-wrap: wrap; margin-bottom: 24px;}.ws-btn-cart, .ws-btn-inquiry{flex: 1; justify-content: center; min-width: 160px;}.ws-btn-inquiry-outline{background: #fff; color: var(--ws-primary) !important; border: 2px solid var(--ws-primary);}.ws-btn-inquiry-outline:hover{background: var(--ws-primary); color: #fff !important; border-color: var(--ws-primary);}.ws-btn-inquiry-outline svg{stroke: var(--ws-primary);}.ws-btn-inquiry-outline:hover svg{stroke: #fff;}.ws-price-hidden-notice{margin-bottom: 24px;}.ws-documents-section{padding: 24px 0; border-top: 1px solid var(--ws-gray-200);}.ws-description-section{background: var(--ws-white); border: 1px solid var(--ws-gray-200); border-radius: var(--ws-radius-sm); padding: 24px; margin-top: 24px; box-shadow: var(--ws-shadow);}.ws-section-title{font-size: 1rem; font-weight: 700; color: var(--ws-gray-800); margin: 0 0 16px;}.ws-installation-section{background: var(--ws-white); border: 1px solid var(--ws-gray-200); border-radius: var(--ws-radius-sm); padding: 24px; margin-top: 24px; box-shadow: var(--ws-shadow);}.ws-installation-image-large{width: 100%; max-height: 50vh; object-fit: cover; object-position: center bottom; display: block; border-radius: var(--ws-radius-sm); margin-bottom: 16px;}.ws-variant-description{font-size: 0.9375rem; line-height: 1.65; color: var(--ws-gray-700); margin-top: 12px;}.ws-variant-description p:last-child{margin-bottom: 0;}.ws-product-tabs{background: var(--ws-white); border: 1px solid var(--ws-gray-200); border-radius: var(--ws-radius-sm); padding: 0; margin-top: 24px; box-shadow: var(--ws-shadow); overflow: hidden;}.ws-product-tabs .nav-tabs{border-bottom: 2px solid var(--ws-gray-200); padding: 0 24px; background: var(--ws-gray-50);}.ws-product-tabs .nav-tabs .nav-link{border: none; border-bottom: 3px solid transparent; color: var(--ws-gray-500); font-size: 0.9375rem; font-weight: 600; padding: 14px 20px; margin-bottom: -2px; transition: all var(--ws-transition);}.ws-product-tabs .nav-tabs .nav-link:hover{color: var(--ws-primary); border-bottom-color: var(--ws-gray-300);}.ws-product-tabs .nav-tabs .nav-link.active{color: var(--ws-primary); border-bottom-color: var(--ws-primary); background: transparent;}.ws-product-tabs .tab-content{padding: 24px;}.ws-technical-data-text{font-size: 0.9375rem; line-height: 1.65; color: var(--ws-gray-700);}.ws-technical-data-text{overflow-x: hidden;}.ws-tech-table-scroll{overflow-x: auto; -webkit-overflow-scrolling: touch; margin: 12px 0; border-radius: 6px;}.ws-tech-table-scroll table{margin: 0;}.ws-tech-table-hint{display: none; align-items: center; gap: 0.375rem; font-size: 0.6875rem; color: var(--ws-gray-400, #9ca3af); margin-top: 4px; padding-left: 2px;}.ws-tech-table-hint svg{width: 14px; height: 14px; flex-shrink: 0;}@media (max-width: 767px){.ws-tech-table-hint{display: flex;}}.ws-technical-data-text table{width: 100%; border-collapse: collapse; margin: 12px 0; min-width: 480px;}.ws-technical-data-text th, .ws-technical-data-text td{padding: 8px 12px; border-bottom: 1px solid var(--ws-gray-200); text-align: left; font-size: 0.875rem;}.ws-technical-data-text th{font-weight: 600; color: var(--ws-gray-800); background: var(--ws-gray-50); white-space: nowrap;}.ws-documents-grid{display: grid; grid-template-columns: repeat(auto-fill, minmax(210px, 1fr)); gap: 12px;}.ws-document-card{display: flex; flex-direction: column; align-items: center; gap: 8px; padding: 16px; background: var(--ws-gray-50); border: 1px solid var(--ws-gray-200); border-radius: var(--ws-radius-sm); text-decoration: none; color: var(--ws-gray-600); font-size: 0.8125rem; font-weight: 500; text-align: center; transition: all var(--ws-transition);}.ws-document-card:hover{background: var(--ws-primary-light); border-color: var(--ws-primary); color: var(--ws-primary); text-decoration: none;}.ws-document-card svg{color: var(--ws-primary);}.ws-document-card-popup{cursor: pointer; position: relative;}.ws-doc-badge{display: inline-block; margin-top: 4px; padding: 2px 6px; border-radius: 4px; font-size: 0.72rem; font-weight: 600; background: var(--ws-primary); color: #fff; letter-spacing: 0.03em;}.ws-doc-ext{background: var(--ws-gray-400);}[id^="ws-toc-"]{scroll-margin-top: 100px;}.ws-toc{float: right; clear: right; background: var(--ws-primary-light); border-left: 3px solid var(--ws-primary); border-radius: 0 6px 6px 0; padding: 10px 16px 12px; margin: 0 0 18px 24px; min-width: 180px; max-width: 280px; font-size: 13px;}.ws-toc-title{font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: .07em; color: var(--ws-primary); margin-bottom: 7px;}.ws-toc ol{margin: 0; padding: 0 0 0 18px; display: flex; flex-direction: column; gap: 3px;}.ws-toc li{line-height: 1.45;}.ws-toc li.ws-toc-h3{padding-left: 10px; font-size: 12px; list-style-type: none;}.ws-toc a{color: var(--ws-primary); text-decoration: none;}.ws-toc a:hover{color: var(--ws-primary-hover); text-decoration: underline;}.ws-toc-more{display: inline-block; margin-top: 7px; font-size: 12px; color: var(--ws-primary); opacity: .75; cursor: pointer;}.ws-toc-more:hover{opacity: 1; text-decoration: underline;}@media (max-width: 767px){.ws-toc{float: none; max-width: 100%; margin: 0 0 18px 0;}}.ws-description-text::after{content: ''; display: table; clear: both;}.ws-doc-modal{position: fixed; inset: 0; z-index: 10000; display: flex; align-items: center; justify-content: center;}.ws-doc-modal-overlay{position: absolute; inset: 0; background: rgba(0, 0, 0, 0.65);}.ws-doc-modal-box{position: relative; z-index: 1; width: 92vw; height: 92vh; max-width: 1100px; background: #fff; border-radius: 10px; display: flex; flex-direction: column; box-shadow: 0 20px 60px rgba(0, 0, 0, 0.4); overflow: hidden;}.ws-doc-modal-header{display: flex; align-items: center; justify-content: space-between; padding: 12px 20px; background: var(--ws-primary); color: #fff; flex-shrink: 0;}.ws-doc-modal-title{font-weight: 600; font-size: 1rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}.ws-doc-modal-actions{display: flex; align-items: center; gap: 10px; flex-shrink: 0;}.ws-doc-modal-actions .ws-btn-outline{border-color: rgba(255,255,255,0.5); color: #fff; font-size: 0.82rem; padding: 5px 12px;}.ws-doc-modal-actions .ws-btn-outline:hover{background: rgba(255,255,255,0.15); border-color: #fff;}.ws-doc-modal-close{background: none; border: none; color: #fff; font-size: 1.6rem; line-height: 1; cursor: pointer; padding: 0 4px; opacity: 0.8; transition: opacity 0.15s;}.ws-doc-modal-close:hover{opacity: 1;}.ws-doc-modal-body{flex: 1; overflow: hidden;}.ws-doc-modal-frame{width: 100%; height: 100%; border: none; display: block;}@media (max-width: 1024px){.ws-doc-modal{padding: 0;}.ws-doc-modal-box{position: fixed; inset: 0; z-index: 10000; display: flex; flex-direction: column; width: 100%; max-width: none; height: 100%; border-radius: 0; box-shadow: none; overflow: hidden; background: #000;}.ws-doc-modal-header{position: fixed; top: 0; left: 0; right: 0; z-index: 10002; height: 56px; padding-top: env(safe-area-inset-top, 0px); height: calc(56px + env(safe-area-inset-top, 0px)); padding-left: 12px; padding-right: 12px; display: flex; align-items: center; gap: 8px; background: #1a1a2e; color: #fff; border-bottom: 1px solid rgba(255,255,255,0.15);}.ws-doc-modal-title{font-size: 0.82rem; min-width: 0; flex: 1; color: #fff; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}.ws-doc-modal-actions{gap: 8px; flex-shrink: 0;}.ws-doc-modal-actions .ws-btn-outline{font-size: 0; width: 44px; height: 44px; display: inline-flex; align-items: center; justify-content: center; border-color: rgba(255,255,255,0.4); color: #fff; border-radius: 8px; background: rgba(255,255,255,0.1);}.ws-doc-modal-actions .ws-btn-outline:hover{background: rgba(255,255,255,0.2);}.ws-doc-modal-actions .ws-btn-outline .fa{font-size: 1.1rem;}.ws-doc-modal-body{position: fixed; top: calc(56px + env(safe-area-inset-top, 0px)); left: 0; right: 0; bottom: 0; z-index: 10001; overflow: hidden;}.ws-doc-modal-frame{width: 100%; height: 100%; border: none; display: block;}.ws-doc-modal-close{font-size: 1.5rem; line-height: 1; width: 44px; height: 44px; display: inline-flex; align-items: center; justify-content: center; background: rgba(255,255,255,0.15); border-radius: 8px; color: #fff; opacity: 1; border: 1px solid rgba(255,255,255,0.3); -webkit-tap-highlight-color: transparent;}.ws-doc-modal-close:hover, .ws-doc-modal-close:active{background: rgba(255,255,255,0.3);}}.ws-description-text{font-size: 0.875rem; color: var(--ws-gray-600); line-height: 1.7;}.ws-back-link{margin-top: 32px; padding-top: 16px; border-top: 1px solid var(--ws-gray-200);}.ws-back-link a{font-size: 0.875rem; color: var(--ws-primary); text-decoration: none; font-weight: 500;}.ws-back-link a:hover{text-decoration: underline;}.ws-usually-available-hint{display: inline-flex; align-items: center; gap: 5px; font-size: 0.8rem; font-weight: 500; color: #166534; background: #dcfce7; border: 1px solid #bbf7d0; border-radius: 999px; padding: 3px 10px; margin-bottom: 12px;}.ws-type-badge{display: inline-flex; align-items: center; gap: 5px; font-size: 0.7rem; font-weight: 600; letter-spacing: 0.02em; padding: 2px 8px; border-radius: 4px; line-height: 1.5; margin-bottom: 6px; white-space: nowrap;}.ws-type-badge-teppich_rolle{background: #fef3c7; color: #92400e;}.ws-type-badge-teppich_fliese{background: #dbeafe; color: #1e40af;}.ws-type-badge-klick{background: #ede9fe; color: #5b21b6;}.ws-type-badge-klebeware{background: #d1fae5; color: #065f46;}.ws-detail-type-badge{margin-bottom: 10px;}.ws-detail-type-badge .ws-type-badge{font-size: 0.8125rem; padding: 4px 12px;}.ws-klappkarte-contents{margin-bottom: 24px;}.ws-klappkarte-contents .ws-section-title{display: block; font-size: 0.85rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.5px; color: var(--ws-gray-600); margin: 0 0 12px;}.ws-product-grid--compact{grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)); gap: 12px;}@media (max-width: 575.98px){.ws-product-grid--compact{grid-template-columns: repeat(2, 1fr); gap: 8px;}}.ws-supplements-row{display: flex; gap: 16px; margin-top: 16px;}.ws-supplement-col{flex: 1; min-width: 0;}.ws-supplement-col--60{flex: 0 0 60%; min-width: 0;}.ws-supplement-col--40{flex: 0 0 40%; min-width: 0;}.ws-supplement-col .ws-section-title{display: block; font-size: 0.75rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.5px; color: var(--ws-gray-600); margin: 0 0 10px; white-space: normal; overflow: visible; text-overflow: unset;}.ws-supplements-list{display: flex; flex-direction: column; gap: 8px;}.ws-supplement-card{display: flex; flex-direction: row; align-items: center; min-width: unset; max-width: none; border: 1px solid var(--ws-gray-200); border-radius: var(--ws-radius-sm); padding: 8px; background: var(--ws-white); gap: 8px;}.ws-supplement-card:hover{border-color: var(--ws-primary); box-shadow: var(--ws-shadow);}a.ws-supplement-card{text-decoration: none;}.ws-optional-card-link{display: flex; align-items: center; gap: 10px; text-decoration: none; color: inherit; flex: 1; min-width: 0;}.ws-optional-card-btn{flex-shrink: 0; width: auto; margin-top: 0; text-align: center; white-space: nowrap;}@media (max-width: 1199.98px){.ws-supplements-row{flex-direction: column;}}.ws-cut-price-notice{font-size: 0.8rem; color: var(--ws-gray-500); margin-top: 6px; padding: 6px 10px; background: #f0f7ff; border-radius: 6px; border-left: 3px solid #93c5fd;}.ws-modal-overlay{position: fixed; inset: 0; z-index: 2000; background: rgba(0,0,0,0.45); display: flex; align-items: center; justify-content: center; padding: 16px;}.ws-modal{background: #fff; border-radius: 12px; box-shadow: 0 12px 48px rgba(0,0,0,0.2); width: 100%; max-width: 480px; max-height: 90vh; overflow-y: auto; display: flex; flex-direction: column;}.ws-modal-header{display: flex; align-items: center; justify-content: space-between; padding: 20px 24px 0;}.ws-modal-title{font-size: 1.1rem; font-weight: 700; color: var(--ws-primary); margin: 0;}.ws-modal-close{background: none; border: none; cursor: pointer; color: var(--ws-gray-400); padding: 4px; border-radius: 6px; display: flex; align-items: center; justify-content: center;}.ws-modal-close:hover{background: var(--ws-gray-100); color: var(--ws-gray-800);}.ws-modal-body{padding: 16px 24px 8px; flex: 1;}.ws-modal-intro{font-size: 0.875rem; color: var(--ws-gray-400); margin-bottom: 16px;}.ws-modal-field{margin-bottom: 14px;}.ws-modal-field label{display: block; font-size: 0.8125rem; font-weight: 600; color: var(--ws-gray-800); margin-bottom: 5px;}.ws-modal-input{width: 100%; padding: 9px 12px; border: 1.5px solid hsl(207, 15%, 82%); border-radius: 8px; font-size: 0.9rem; transition: border-color .2s; outline: none; resize: vertical;}.ws-modal-input:focus{border-color: var(--ws-primary); box-shadow: 0 0 0 3px hsla(200, 96%, 18%, 0.1);}.ws-modal-footer{display: flex; align-items: center; justify-content: flex-end; gap: 10px; padding: 16px 24px; border-top: 1px solid hsl(207, 15%, 90%);}.ws-modal-success{display: flex; align-items: center; gap: 10px; background: #f0fdf4; border: 1px solid #bbf7d0; border-radius: 8px; padding: 12px 16px; color: #166534; font-size: 0.9rem; margin-top: 8px;}.ws-order-history-section{margin-top: 32px;}.ws-order-history-table-wrap{overflow-x: auto; border-radius: 8px; border: 1px solid hsl(207, 15%, 90%);}.ws-order-history-table{width: 100%; border-collapse: collapse; font-size: 0.875rem;}.ws-order-history-table thead tr{background: hsl(207, 15%, 96%);}.ws-order-history-table th{padding: 10px 14px; text-align: left; font-weight: 600; color: hsl(207, 20%, 35%); white-space: nowrap; border-bottom: 1px solid hsl(207, 15%, 88%);}.ws-order-history-table td{padding: 9px 14px; border-bottom: 1px solid hsl(207, 15%, 93%); color: hsl(207, 10%, 25%); white-space: nowrap;}.ws-order-history-table tbody tr:last-child td{border-bottom: none;}.ws-order-history-table tbody tr:hover td{background: hsl(207, 15%, 98%);}.ws-order-history-table a{color: var(--ws-primary); text-decoration: none; font-weight: 500;}.ws-order-history-table a:hover{text-decoration: underline;}.ws-oh-row.ws-oh-hidden{display: none;}.ws-oh-footer{display: flex; align-items: center; gap: 16px; margin-top: 12px; flex-wrap: wrap;}.ws-oh-expand-btn{background: none; border: 1px solid var(--ws-primary); color: var(--ws-primary); border-radius: 6px; padding: 7px 16px; font-size: 0.85rem; font-weight: 500; cursor: pointer; transition: background 0.15s, color 0.15s;}.ws-oh-expand-btn:hover{background: var(--ws-primary); color: #fff;}.ws-oh-pager{display: flex; align-items: center; gap: 8px; font-size: 0.85rem; color: hsl(207, 10%, 40%);}.ws-oh-pager-btn{background: none; border: 1px solid hsl(207, 15%, 80%); border-radius: 4px; width: 30px; height: 30px; font-size: 1.1rem; cursor: pointer; color: hsl(207, 10%, 35%); line-height: 1; transition: background 0.15s;}.ws-oh-pager-btn:hover:not(:disabled){background: hsl(207, 15%, 93%);}.ws-oh-pager-btn:disabled{opacity: 0.35; cursor: default;}.ws-oh-reorder-btn{background: var(--ws-primary); color: #fff; border: none; border-radius: 5px; padding: 5px 11px; font-size: 0.8rem; font-weight: 500; cursor: pointer; white-space: nowrap; transition: opacity 0.15s;}.ws-oh-reorder-btn:hover{opacity: 0.85;}#wsSearchDropdown{display: none; position: absolute; top: calc(100% + 2px); left: 0; right: 0; background: #fff; border: 1px solid #d0d8df; border-radius: 8px; max-height: 380px; overflow-y: auto; z-index: 1050; box-shadow: 0 6px 20px rgba(0, 0, 0, 0.12);}.ws-search-drop-item{display: flex; align-items: center; gap: 12px; padding: 10px 14px; border-bottom: 1px solid #f0f4f7; text-decoration: none; color: inherit; transition: background 120ms;}.ws-search-drop-item:last-child{border-bottom: none;}.ws-search-drop-item:hover{background: #f4f8fb;}.ws-search-drop-item img{width: 36px; height: 36px; object-fit: cover; border-radius: 4px; flex-shrink: 0;}.ws-search-drop-info{flex: 1; min-width: 0;}.ws-search-drop-name{font-weight: 500; font-size: 0.9rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #1a2a35;}.ws-search-drop-sub{font-size: 0.8rem; color: #7a909f; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}.ws-search-drop-all{display: block; padding: 10px 14px; font-size: 0.85rem; font-weight: 500; color: hsl(200, 96%, 18%); text-align: center; text-decoration: none; border-top: 1px solid #e8edf1; background: #f9fbfc; border-radius: 0 0 8px 8px;}.ws-search-drop-all:hover{background: #f0f6fa;}.ws-search-drop-empty{padding: 16px; text-align: center; color: #999; font-size: 0.88rem;}@media (max-width: 767px){.ws-page-wrapper, .ws-detail-wrapper{overflow-x: hidden;}.ws-description-text table{display: block; overflow-x: auto; -webkit-overflow-scrolling: touch; max-width: 100%;}.ws-variant-btn{min-height: 44px; padding: 10px 14px;}.ws-variant-swatch-btn{width: 28px; height: 28px;}.ws-filter-toggle-btn, #wsFilterReset{min-height: 44px;}.ws-btn-primary, .ws-btn-outline{min-height: 44px;}.ws-flyout-close{min-width: 44px; min-height: 44px;}.ws-doc-link{min-height: 44px; display: flex; align-items: center;}.ws-oh-pager-btn, .ws-pager-btn{min-width: 44px; min-height: 44px;}.ws-product-card-barcode, .ws-card-delivery-hint, .ws-image-label, .ws-flyout-item-meta, .ws-supplement-col .ws-section-title{font-size: 12px;}}.ws-kza-hint{text-align: center; margin-top: 10px;}.ws-kza-trigger{display: inline-flex; align-items: center; gap: 6px; background: none; border: none; color: var(--ws-primary, hsl(200, 96%, 18%)); font-size: 0.8125rem; font-weight: 600; cursor: pointer; padding: 4px 0; text-decoration: underline; text-underline-offset: 3px;}.ws-kza-trigger:hover{opacity: 0.75;}.ws-guest-secondary-links{display: flex; flex-direction: column; align-items: center; gap: 2px; margin-top: 10px;}.ws-guest-secondary-link{display: inline-flex; align-items: center; gap: 6px; min-height: 44px; padding: 4px 8px; color: var(--ws-primary, hsl(200, 96%, 18%)); font-size: 0.8125rem; font-weight: 600; text-decoration: underline; text-underline-offset: 3px;}.ws-guest-secondary-link:hover{color: var(--ws-primary-hover, hsl(200, 96%, 12%)); opacity: 0.85;}.ws-guest-secondary-link--small{font-size: 0.75rem; font-weight: 500;}.ws-pa-overlay{display: none; position: fixed; inset: 0; background: rgba(0, 0, 0, 0.55); z-index: 9100; align-items: center; justify-content: center; padding: 16px;}.ws-pa-overlay.open{display: flex;}.ws-pa-dialog{background: #fff; border-radius: 12px; max-width: 880px; width: 100%; max-height: 92vh; overflow-y: auto; position: relative; box-shadow: 0 20px 60px rgba(0, 0, 0, 0.25);}.ws-pa-close{position: absolute; top: 10px; right: 12px; background: none; border: none; color: #94a3b8; cursor: pointer; padding: 4px; line-height: 1; z-index: 1;}.ws-pa-close:hover{color: #334155;}.ws-pa-body{display: flex; min-height: 480px;}.ws-pa-form-col{flex: 1; padding: 32px 28px; border-right: 1px solid #e2e8f0;}.ws-pa-title{font-size: 1.2rem; font-weight: 700; color: hsl(200, 96%, 18%); margin: 0 0 18px;}.ws-pa-error{background: #fef2f2; border: 1px solid #fca5a5; border-radius: 6px; color: #b91c1c; font-size: 0.8125rem; padding: 8px 12px; margin-bottom: 12px;}.ws-pa-field{margin-bottom: 12px;}.ws-pa-field label{display: block; font-size: 0.8125rem; font-weight: 600; color: #475569; margin-bottom: 4px;}.ws-pa-field input[type="text"], .ws-pa-field input[type="email"]{width: 100%; padding: 8px 12px; border: 1px solid #cbd5e1; border-radius: 6px; font-size: 0.875rem; transition: border-color 0.15s; box-sizing: border-box;}.ws-pa-field input:focus{outline: none; border-color: hsl(200, 96%, 18%);}.ws-pa-dsgvo{margin-bottom: 14px;}.ws-pa-checkbox-label{display: flex; gap: 10px; align-items: flex-start; font-size: 0.75rem; color: #475569; line-height: 1.5; cursor: pointer;}.ws-pa-checkbox-label input[type="checkbox"]{margin-top: 2px; flex-shrink: 0; width: 16px; height: 16px; cursor: pointer;}.ws-pa-checkbox-label a{color: hsl(200, 96%, 18%);}.ws-pa-actions{margin-top: 14px;}.ws-pa-actions .ws-btn{width: 100%; justify-content: center;}.ws-pa-notice-time{text-align: center; font-size: 0.75rem; color: #64748b; margin-top: 8px;}.ws-pa-success-msg{text-align: center; padding: 40px 20px;}.ws-pa-success-icon{color: #16a34a; margin-bottom: 12px;}.ws-pa-success-msg h3{font-size: 1.1rem; font-weight: 700; color: hsl(200, 96%, 18%); margin: 0 0 10px;}.ws-pa-success-msg p{color: #475569; font-size: 0.875rem;}.ws-pa-info-col{flex: 1; padding: 32px 28px; background: linear-gradient(160deg, #f0f7ff 0%, #e6f3f9 100%); border-radius: 0 12px 12px 0;}.ws-pa-info-text{font-size: 0.8125rem; color: #475569; line-height: 1.65; margin-bottom: 22px;}.ws-pa-features{list-style: none; padding: 0; margin: 0;}.ws-pa-features li{display: flex; align-items: center; gap: 12px; padding: 9px 0; border-bottom: 1px solid #c7dde9; font-size: 0.875rem; font-weight: 600; color: hsl(200, 96%, 18%);}.ws-pa-features li:last-child{border-bottom: none;}.ws-pa-feature-icon{width: 34px; height: 34px; background: hsl(200, 96%, 18%); border-radius: 8px; display: flex; align-items: center; justify-content: center; flex-shrink: 0; color: #fff;}@media (max-width: 767px){.ws-pa-body{flex-direction: column;}.ws-pa-form-col{border-right: none; border-bottom: 1px solid #e2e8f0; padding: 24px 20px;}.ws-pa-info-col{padding: 24px 20px; border-radius: 0 0 12px 12px;}}.sidebar-register-link.ws-kza-trigger{color: hsl(200, 20%, 55%); font-size: 13px; font-weight: 600; text-decoration: underline; text-underline-offset: 2px; padding: 0;}.sidebar-register-link.ws-kza-trigger:hover{color: hsl(200, 60%, 35%); opacity: 1;}.ws-waste-widget{display: inline-flex; flex-direction: column;}.ws-waste-widget .ws-quantity-controls{border-bottom-left-radius: 0; border-bottom-right-radius: 0;}.ws-waste-widget:not(:has(.dropdown)) .ws-quantity-controls{border-bottom-left-radius: var(--ws-radius-sm); border-bottom-right-radius: var(--ws-radius-sm);}.ws-waste-widget .ws-qty-btn{padding: 7px 14px; font-size: 1rem;}.ws-waste-widget .ws-qty-input{width: 100px; font-size: 0.875rem; padding: 7px 4px;}.ws-waste-btn{background: var(--ws-white); border: 1.5px solid var(--ws-gray-200); border-top: none; color: var(--ws-gray-600); font-size: 14px; font-weight: 500; white-space: nowrap; border-radius: 0 0 var(--ws-radius-sm) var(--ws-radius-sm) !important; padding: 8px 18px; min-height: 44px; min-width: 44px; transition: color 0.15s;}.ws-waste-btn:hover, .ws-waste-btn:focus, .ws-waste-btn.show{background: var(--ws-white); border-color: var(--ws-gray-200); color: var(--ws-gray-800);}.ws-waste-btn--active{background: var(--ws-white) !important; border-color: var(--ws-gray-200) !important; color: var(--ws-gray-800) !important; font-weight: 600;}.ws-waste-menu{min-width: 220px; padding: 6px 0; font-size: 14px; border: 1px solid var(--ws-gray-200); border-radius: var(--ws-radius-sm); box-shadow: var(--ws-shadow-md);}.ws-waste-custom-label{font-size: 11px; font-weight: 600; color: var(--ws-gray-600); text-transform: uppercase; letter-spacing: 0.05em;}.ws-waste-custom-inp{max-width: 80px;}.ws-waste-custom-ok{background: var(--ws-primary); color: #fff; border: none; padding: 4px 12px; font-size: 13px; border-radius: 6px; white-space: nowrap;}.ws-waste-custom-ok:hover{background: var(--ws-primary-hover); color: #fff;}.ws-waste-saved-header{font-size: 11px; color: var(--ws-gray-400); text-transform: uppercase; letter-spacing: 0.08em; padding: 4px 16px 2px;}.ws-waste-info{margin-top: 8px; font-size: 13px; color: var(--ws-gray-600); display: flex; align-items: center; gap: 6px;}.ws-waste-info strong{color: var(--ws-gray-800); font-size: 15px;}.ws-waste-badge{display: inline-flex; align-items: center; background: hsl(207, 70%, 92%); color: hsl(207, 70%, 28%); border-radius: 999px; padding: 1px 8px; font-size: 12px; font-weight: 600;}@media (max-width: 480px){.ws-waste-btn{font-size: 12px; padding: 0 10px;}}.ws-pictograms-section{margin: 24px 0 8px;}.ws-pictograms-grid{list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 18px 24px; align-items: center; justify-content: flex-start;}.ws-pictogram-item{margin: 0; padding: 0; list-style: none;}.ws-pictogram-figure{position: relative; margin: 0; padding: 0; height: 80px; width: auto; max-width: 240px; display: flex; align-items: center; justify-content: center; cursor: help; outline: none; flex: 0 0 auto;}.ws-pictogram-figure[data-has-tip="0"]{cursor: default;}.ws-pictogram-img{height: 80px; max-height: 80px; width: auto; max-width: 240px; object-fit: contain; display: block; background: transparent;}.ws-pictogram-tooltip{position: absolute; left: 50%; bottom: calc(100% + 10px); transform: translateX(-50%) translateY(4px); z-index: 50; min-width: 180px; max-width: 280px; padding: 10px 12px; background: rgba(28, 28, 32, 0.96); color: #fff; border-radius: 8px; box-shadow: 0 8px 24px rgba(0,0,0,0.18); font-size: 13px; line-height: 1.4; text-align: left; pointer-events: none; opacity: 0; visibility: hidden; transition: opacity 140ms ease, transform 140ms ease, visibility 0s linear 140ms; white-space: normal;}.ws-pictogram-tooltip::after{content: ""; position: absolute; top: 100%; left: 50%; transform: translateX(-50%); border: 6px solid transparent; border-top-color: rgba(28, 28, 32, 0.96);}.ws-pictogram-tooltip-title{display: block; font-weight: 700; font-size: 13px; margin-bottom: 2px;}.ws-pictogram-tooltip-text{display: block; font-weight: 400; color: rgba(255,255,255,0.92);}.ws-pictogram-figure[data-has-tip="1"]:hover .ws-pictogram-tooltip, .ws-pictogram-figure[data-has-tip="1"]:focus .ws-pictogram-tooltip, .ws-pictogram-figure[data-has-tip="1"]:focus-within .ws-pictogram-tooltip, .ws-pictogram-figure[data-has-tip="1"].is-open .ws-pictogram-tooltip{opacity: 1; visibility: visible; transform: translateX(-50%) translateY(0); transition: opacity 140ms ease, transform 140ms ease, visibility 0s linear 0s;}.ws-pictogram-figure.is-flip-down .ws-pictogram-tooltip{bottom: auto; top: calc(100% + 10px);}.ws-pictogram-figure.is-flip-down .ws-pictogram-tooltip::after{top: auto; bottom: 100%; border-top-color: transparent; border-bottom-color: rgba(28, 28, 32, 0.96);}.ws-pictogram-figure[style*="--tip-shift"] .ws-pictogram-tooltip{transform: translateX(calc(-50% + var(--tip-shift, 0px))) translateY(4px);}.ws-pictogram-figure[style*="--tip-shift"]:hover .ws-pictogram-tooltip, .ws-pictogram-figure[style*="--tip-shift"]:focus .ws-pictogram-tooltip, .ws-pictogram-figure[style*="--tip-shift"]:focus-within .ws-pictogram-tooltip, .ws-pictogram-figure[style*="--tip-shift"].is-open .ws-pictogram-tooltip{transform: translateX(calc(-50% + var(--tip-shift, 0px))) translateY(0);}.ws-pictogram-figure[style*="--tip-shift"] .ws-pictogram-tooltip::after{left: calc(50% - var(--tip-shift, 0px));}@media (max-width: 991px){.ws-pictograms-grid{gap: 14px 18px;}.ws-pictogram-figure, .ws-pictogram-img{height: 70px; max-height: 70px; max-width: 200px;}}@media (max-width: 575px){.ws-pictograms-grid{gap: 12px 14px;}.ws-pictogram-figure, .ws-pictogram-img{height: 60px; max-height: 60px; max-width: 170px;}.ws-pictogram-tooltip{min-width: 160px; max-width: min(260px, calc(100vw - 32px)); font-size: 12px;}}.ws-price-from-hint{font-size: 12px; color: #555; margin-top: 2px;}.ws-min-order-hint{margin-top: 10px; padding: 8px 12px; border: 1px solid #f0c36d; background: #fff8e7; border-radius: 6px; font-size: 13px; line-height: 1.4; color: #6b5400;}.ws-min-order-hint i{margin-right: 4px;}

/* /reschfloor_ausschreibungstexte/static/src/css/tender.css */
 .ws-tender-section{--wst-fs-body: 0.93rem; --wst-lh-body: 1.65; --wst-c-body: var(--ws-gray-600, #475569); --wst-c-strong: var(--ws-gray-800, #1e293b); --wst-c-control: var(--ws-gray-700, #334155); --wst-fs-h2: 1.1rem; --wst-lh-h2: 1.35; --wst-c-h2: var(--ws-primary, #023859); --wst-fs-h3: 1rem; --wst-lh-h3: 1.4; --wst-fs-small: 0.8125rem; --wst-lh-small: 1.5; --wst-panel-bg: var(--ws-primary-light, #e8f0f6); --wst-panel-border: #ccd7de; --wst-control-border: #67889b; --wst-focus: var(--ws-primary, #023859); --wst-warn-fg: #92400e; --wst-warn-bg: #fef3c7; margin: 24px 0 0; padding: 24px; background: var(--ws-white, #fff); border: 1px solid var(--ws-gray-200, #e2e8f0); border-radius: var(--ws-radius-sm, 8px); box-shadow: var(--ws-shadow, 0 1px 4px rgba(0, 0, 0, 0.08)); scroll-margin-top: 90px;}@supports (color: color-mix(in srgb, red 50%, white)){.ws-tender-section{--wst-panel-border: color-mix(in srgb, var(--ws-primary, #023859) 20%, #fff); --wst-control-border: color-mix(in srgb, var(--ws-primary, #023859) 60%, #fff);}}.ws-tender-section [hidden]{display: none !important;}.ws-tender-head{margin-bottom: 20px;}.ws-tender-head .ws-section-title{margin: 0 0 0.4em; font-size: var(--wst-fs-h2); line-height: var(--wst-lh-h2); font-weight: 600; color: var(--wst-c-h2);}.ws-tender-section .ws-tender-intro{margin: 0; max-width: 75ch; font-size: var(--wst-fs-body); line-height: var(--wst-lh-body); color: var(--wst-c-body);}.ws-tender-config{margin-bottom: 24px; padding: 20px 24px 24px; background: var(--wst-panel-bg); border: 1px solid var(--wst-panel-border); border-radius: var(--ws-radius-sm, 8px);}.ws-tender-config-head{display: flex; align-items: center; gap: 8px; margin-bottom: 20px; padding-bottom: 12px; border-bottom: 1px solid var(--wst-panel-border); color: var(--ws-primary, #023859);}.ws-tender-config-icon{flex: 0 0 auto;}.ws-tender-config-title{font-size: var(--wst-fs-h3); line-height: var(--wst-lh-h3); font-weight: 600;}.ws-tender-config-grid{display: flex; flex-wrap: wrap; gap: 24px 32px;}.ws-tender-field{flex: 1 1 12rem; min-width: 0; display: flex; flex-direction: column; gap: 8px;}.ws-tender-field--qty{flex: 0 1 11rem;}.ws-tender-field--nk{flex: 1.5 1 17rem;}.ws-tender-label{margin: 0; font-size: var(--wst-fs-body); line-height: var(--wst-lh-h3); font-weight: 600; color: var(--wst-c-strong);}.ws-tender-label small{font-size: var(--wst-fs-small); font-weight: 400; color: var(--wst-c-body);}.ws-tender-hint{font-size: var(--wst-fs-small); line-height: var(--wst-lh-small); color: var(--wst-c-body);}.ws-tender-qty-wrap{display: flex; align-items: center; gap: 8px;}.ws-tender-qty{width: 9rem; max-width: 100%; min-width: 0; height: 40px; padding: 0 12px; font-family: inherit; font-size: var(--wst-fs-body); color: var(--wst-c-strong); background: var(--ws-white, #fff); border: 1px solid var(--wst-control-border); border-radius: 6px; transition: border-color var(--ws-transition, 0.15s ease);}.ws-tender-qty:hover{border-color: var(--wst-focus);}.ws-tender-einheit{font-size: var(--wst-fs-body); font-weight: 600; color: var(--wst-c-strong);}.ws-tender-radios, .ws-tender-switches{display: flex; flex-direction: column; gap: 4px;}.ws-tender-radio, .ws-tender-switch{display: flex; align-items: flex-start; gap: 8px; margin: 0; padding: 4px 0; font-size: var(--wst-fs-body); line-height: 1.5; font-weight: 400; color: var(--wst-c-control); cursor: pointer;}.ws-tender-radio input, .ws-tender-switch input{flex: 0 0 auto; width: 18px; height: 18px; margin: calc((1.5em - 18px) / 2) 0 0; accent-color: var(--ws-primary, #023859); cursor: pointer;}.ws-tender-radio small{font-size: var(--wst-fs-small); color: var(--wst-c-body);}.ws-tender-radio:hover > span, .ws-tender-switch:hover > span, .ws-tender-radio:has(input:checked) > span, .ws-tender-switch:has(input:checked) > span{color: var(--wst-c-strong);}.ws-tender-nk-opt{position: relative; display: flex; align-items: flex-start; gap: 8px;}.ws-tender-nk-opt .ws-tender-radio{flex: 1 1 auto; min-width: 0;}.ws-tender-nk-opt .ws-tender-radio > span{display: flex; flex-direction: column; align-items: flex-start; gap: 4px;}.ws-tender-nk-warn, .ws-tender-warn{display: inline-flex; align-items: flex-start; gap: 6px; padding: 2px 8px; font-size: var(--wst-fs-small); line-height: var(--wst-lh-small); font-weight: 500; color: var(--wst-warn-fg); background: var(--wst-warn-bg); border-radius: 4px;}.ws-tender-warn{align-self: flex-start; padding: 4px 8px;}.ws-tender-nk-warn::before, .ws-tender-warn::before{content: ""; flex: 0 0 auto; width: 12px; height: 12px; margin-top: calc((1.5em - 12px) / 2); background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2392400e' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3Z'/%3E%3Cpath d='M12 9v4M12 17h.01'/%3E%3C/svg%3E") no-repeat center / contain;}.ws-tender-tip-wrap{flex: 0 0 auto; display: flex; padding-top: 5px;}.ws-tender-info{position: relative; display: inline-flex; align-items: center; justify-content: center; width: 20px; height: 20px; padding: 0; font-family: inherit; font-size: 0.75rem; font-weight: 700; line-height: 1; color: var(--ws-primary, #023859); background: var(--ws-white, #fff); border: 1.5px solid var(--ws-primary, #023859); border-radius: 50%; cursor: pointer; transition: background-color var(--ws-transition, 0.15s ease), color var(--ws-transition, 0.15s ease);}.ws-tender-info::after{content: ""; position: absolute; inset: -8px;}.ws-tender-info:hover, .ws-tender-tip-wrap.is-open .ws-tender-info{color: var(--ws-white, #fff); background: var(--ws-primary, #023859);}.ws-tender-tip{position: absolute; top: 31px; left: 0; right: 28px; z-index: 30; max-width: 24rem; padding: 8px 12px; font-size: var(--wst-fs-small); line-height: var(--wst-lh-small); font-weight: 400; color: var(--ws-white, #fff); background: var(--ws-gray-800, #1e293b); border-radius: 6px; box-shadow: var(--ws-shadow-md, 0 4px 12px rgba(0, 0, 0, 0.12)); visibility: hidden; opacity: 0; transform: translateY(-2px); transition: opacity 0.15s ease-out, transform 0.15s ease-out, visibility 0s linear 0.15s;}.ws-tender-tip::before{content: ""; position: absolute; left: 0; right: -28px; top: -8px; height: 8px;}@media (hover: hover){.ws-tender-tip-wrap:hover .ws-tender-tip{visibility: visible; opacity: 1; transform: none; transition-delay: 0s;}}.ws-tender-info:focus-visible + .ws-tender-tip, .ws-tender-tip-wrap.is-open .ws-tender-tip{visibility: visible; opacity: 1; transform: none; transition-delay: 0s;}.ws-tender-tip-wrap.is-dismissed .ws-tender-tip{visibility: hidden; opacity: 0;}.ws-tender-doc-wrap{padding: 20px 24px; background: var(--ws-white, #fff); border: 1px solid var(--ws-gray-200, #e2e8f0); border-radius: var(--ws-radius-sm, 8px);}.ws-tender-section .ws-tender-kurz{margin: 0 0 12px; font-size: var(--wst-fs-h3); line-height: var(--wst-lh-h3); font-weight: 600; color: var(--wst-c-strong);}.ws-tender-section .ws-tender-lang{display: block; margin: 0; padding: 0; overflow: visible; white-space: pre-wrap; overflow-wrap: anywhere; font-family: inherit; font-size: var(--wst-fs-body); line-height: var(--wst-lh-body); color: var(--wst-c-body); background: none; border: 0;}.ws-tender-edit{display: block; width: 100%; box-sizing: border-box; padding: 12px 16px; font-family: inherit; font-size: var(--wst-fs-body); line-height: var(--wst-lh-body); color: var(--wst-c-strong); background: var(--ws-white, #fff); border: 1px dashed var(--wst-control-border); border-radius: 6px; resize: vertical;}.ws-tender-foot{display: flex; flex-wrap: wrap; gap: 4px 16px; margin-top: 12px; font-size: var(--wst-fs-body); line-height: var(--wst-lh-body); color: var(--wst-c-body);}.ws-tender-stand{font-weight: 600; color: var(--wst-c-strong);}.ws-tender-disclaimer{max-width: 75ch;}.ws-tender-actions{display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px 16px; margin-top: 20px;}.ws-tender-downloads{display: flex; flex-wrap: wrap; align-items: center; gap: 8px;}.ws-tender-dl-label{margin-right: 4px; font-size: var(--wst-fs-body); font-weight: 600; color: var(--wst-c-strong);}.ws-tender-tools{display: flex; gap: 8px;}.ws-tender-dl, .ws-tender-btn{display: inline-flex; align-items: center; justify-content: center; min-height: 40px; padding: 0 14px; font-family: inherit; font-size: 0.875rem; font-weight: 600; line-height: 1.2; color: var(--wst-c-strong); text-decoration: none; background: var(--ws-white, #fff); border: 1px solid var(--ws-gray-300, #cbd5e1); border-radius: var(--ws-radius-sm, 8px); cursor: pointer; transition: background-color var(--ws-transition, 0.15s ease), border-color var(--ws-transition, 0.15s ease), color var(--ws-transition, 0.15s ease);}.ws-tender-dl:hover{color: var(--ws-white, #fff); background: var(--ws-primary, #023859); border-color: var(--ws-primary, #023859);}.ws-tender-btn:hover{background: var(--ws-gray-100, #f1f5f9); border-color: var(--wst-control-border);}.ws-tender-btn[aria-pressed="true"]{color: var(--ws-primary, #023859); background: var(--wst-panel-bg); border-color: var(--ws-primary, #023859);}.ws-tender-section input:focus-visible, .ws-tender-section textarea:focus-visible, .ws-tender-section button:focus-visible, .ws-tender-section a:focus-visible{outline: 2px solid var(--wst-focus); outline-offset: 2px;}.ws-tender-qty:focus, .ws-tender-edit:focus{border-color: var(--wst-focus);}#wsTenderHeading:focus{outline: none;}.ws-tender-sr-only{position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0;}@media (prefers-reduced-motion: reduce){.ws-tender-tip, .ws-tender-info, .ws-tender-dl, .ws-tender-btn, .ws-tender-qty{transition: none;}}@media (max-width: 575.98px){.ws-tender-section{padding: 16px;}.ws-tender-config{padding: 16px;}.ws-tender-config-head{margin-bottom: 16px;}.ws-tender-config-grid{gap: 20px;}.ws-tender-field, .ws-tender-field--qty, .ws-tender-field--nk{flex: 1 1 100%;}.ws-tender-doc-wrap{padding: 16px;}.ws-tender-actions{flex-direction: column; align-items: stretch;}.ws-tender-downloads{display: grid; grid-template-columns: repeat(3, minmax(0, 1fr));}.ws-tender-dl-label{grid-column: 1 / -1;}.ws-tender-tools .ws-tender-btn{flex: 1 1 0;}.ws-tender-dl, .ws-tender-btn{min-height: 44px;}}@media print{.ws-tender-config, .ws-tender-actions, .ws-tender-intro, .ws-tender-tip{display: none !important;}.ws-tender-section{border: 0; padding: 0; background: none; box-shadow: none;}.ws-tender-doc-wrap{border: 0; padding: 0;}}#tabTender .ws-tender-section{margin: 0; padding: 0; background: none; border: 0; border-radius: 0; box-shadow: none;}