.storage-size-preview-columns-columns-section{margin: calc(var(--spacing-xl) * 1.5) 0;padding:var(--spacing-xl) 0;background-color:var(--section-bg-alt)}.storage-size-preview-columns-section .container{padding:0;display:flex;flex-direction:column;max-width:1168px;margin:0 auto}.storage-size-preview-columns-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin:0;padding:0;order:1;max-width:1168px}.storage-size-preview-columns-card{background-color:#fff;border-radius:var(--radius);box-shadow:var(--shadow);padding:32px;text-align:center;transition:transform .3s ease , box-shadow .3s ease;display:flex;flex-direction:column;align-items:center;max-width:none;overflow:hidden}.storage-size-preview-columns-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.storage-size-display{background-color:var(--primary-color);color:#fff;font-size:1.75rem;font-weight:700;padding: 8px calc(var(--spacing-lg) * 1.25);border-radius:var(--radius);margin-bottom: calc(var(--spacing-md) * 1.25);min-width:100px;display:flex;align-items:center;justify-content:center;gap:8px;position:relative;cursor:pointer;transition:all .2s ease;user-select:none}.storage-size-display:hover{background-color:color-mix(in srgb,var(--primary-color) 90%,black);transform:translateY(-1px);box-shadow:0 4px 8px rgba(0,0,0,.15)}.storage-size-display:active{transform:translateY(0);box-shadow:0 2px 4px rgba(0,0,0,.1)}.storage-size-display__text{flex:1}.storage-image-container{width:248px;height:198px;margin:0 auto var(--spacing-md);border-radius:var(--radius);overflow:hidden;position:relative;background-color:#f5f5f5;display:flex;align-items:center;justify-content:center}.storage-size-preview-columns-image{width:110%;height:110%;object-fit:cover;display:block}.storage-size-display[data-size="5"] ~ .storage-image-container .storage-size-preview-columns-image {width:150%;height:150%}.storage-image-placeholder{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;background-color:#f5f5f5;color:#999}.storage-dimensions{font-size:1rem;color:#666;margin-bottom: calc(var(--spacing-sm) * 0.625);font-weight:400;line-height:1.2;display:flex;flex-direction:column;align-items:center;text-align:center;position:relative}.storage-dimensions__label{display:flex;justify-content:center;align-items:center;width:100%;position:relative;margin-bottom:4px}.storage-dimensions .info-icon{display:none}.storage-dimensions__label::before{content:"Länge x Breite x Höhe"}.storage-dimensions__values-desktop{display:block}.storage-dimensions__values-mobile{display:none}.storage-individual-description{display:block;font-size:.9rem;color:#666;line-height:1.4;text-align:left;margin:16px 0 12px 0;padding: 0 calc(var(--spacing-sm) * 0.5)}.storage-individual-description__list{margin:0;padding:0;list-style:none}.storage-individual-description__list li{padding:2px 0;padding-left:16px;position:relative;color:#666;line-height:1.3;font-size:.9rem}.storage-individual-description__list li:before{content:'•';color:var(--primary-color);font-weight:700;font-size:1rem;position:absolute;left:0;top:2px}.storage-price{margin-bottom:0;padding:var(--spacing-md) 0;text-align:center}.storage-price__amount{font-size:1.6rem;font-weight:700;color:#333;line-height:1.2;margin-bottom:.25rem}.storage-price__period{font-size:.9rem;font-weight:500;color:#666;line-height:1}.storage-bottom-section{margin-top:auto;display:flex;flex-direction:column;align-items:center}.storage-details-btn{width:100%;padding: calc(var(--spacing-md) * 1.25) calc(var(--spacing-lg) * 1.5);height:auto;min-height:48px;max-width:250px}.storage-size-preview-columns-description{display:none;text-align:left;max-width:1168px;margin-top:32px;padding:0;order:2}.storage-size-preview-columns-description p{font-size:1.1rem;line-height:1.7;color:#666;margin:0}.storage-size-preview-columns-description ul{margin:1rem 0;padding-left:1.5rem;list-style-type:disc}.storage-size-preview-columns-description li{font-size:1.1rem;line-height:1.7;color:#666;margin-bottom:0;padding-left:0}.storage-size-preview-wrapper{margin-bottom:32px}.storage-size-preview-columns-section .section-title{padding-top:48px}@media (max-width:1023px){.storage-size-preview-columns-section{margin:0}.storage-size-preview-wrapper{margin-bottom:0;padding-bottom:12px}.storage-size-preview-columns-section .container{padding:0}.storage-size-preview-columns-grid{gap:var(--spacing-sm);margin-bottom:var(--spacing-lg);order:1}.storage-size-preview-columns-card{padding: var(--spacing-md) calc(var(--spacing-md) * 0.5);max-width:100%}.storage-image-container{width:100px;height:100px;margin: 0 auto calc(var(--spacing-sm) * 1.3)}.storage-size-preview-columns-image{width:100%;height:100%}.storage-size-display{font-size:.8rem;padding:6px 10px;margin-bottom:var(--spacing-sm);min-width:40px;justify-content:space-between;cursor:pointer;transition:all .2s ease;user-select:none}.storage-size-display:hover{background-color:color-mix(in srgb,var(--primary-color) 90%,black);transform:translateY(-1px);box-shadow:0 2px 4px rgba(0,0,0,.15)}.storage-size-display:active{transform:translateY(0);box-shadow:0 1px 2px rgba(0,0,0,.1)}.storage-dimensions{font-size:.65rem;margin-bottom:var(--spacing-xs);font-weight:500;position:relative}.storage-dimensions__label{display:flex;justify-content:center;align-items:center;width:100%;position:relative;margin-bottom:2px}.storage-dimensions .info-icon{display:flex;position:absolute;top:-6px;right:0;margin:0;z-index:10;font-size:15px;padding:3px;cursor:pointer;pointer-events:auto;background:rgba(255,255,255,.1);border-radius:50%;transition:all .2s ease;min-width:20px;min-height:20px;align-items:center;justify-content:center}.storage-dimensions .info-icon:hover{background:rgba(255,255,255,.2);transform:scale(1.1)}.storage-dimensions__label::before{content:"LxBxH"}.storage-dimensions__values-desktop{display:none}.storage-dimensions__values-mobile{display:block}.storage-price{margin-bottom:var(--spacing-sm);padding:15px 0}.storage-price__amount{font-size:1.125rem;margin-bottom:.15rem}.storage-price__period{font-size:.75rem}.storage-details-btn{padding:6px 8px;min-height:32px;max-width:none}.storage-individual-description{display:none}.storage-size-preview-columns-description{display:none}.storage-size-preview-columns-description p{font-size:.9rem;line-height:1.5}.storage-size-preview-columns-description ul{margin:.8rem 0;padding-left:1.2rem}.storage-size-preview-columns-description li{font-size:.9rem;line-height:1.5;margin-bottom:0}}