Hardmaister Atlanta 3x5m Kaltgrau | Carport – Wand-Terrassendach

Beschreibung

:root {–primary-color: #1a1a1a;–accent-color: #005088;–bg-light: #f9f9f9;–border-color: #e5e5e5;–text-color: #333;–transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);}#gutroof-description-wrapper {font-family: inherit;color: var(–text-color);max-width: 100%;margin: 20px 0;line-height: 1.6;}.gr-accordion {margin-bottom: 12px;border: 1px solid var(–border-color);border-radius: 12px;overflow: hidden;background: #fff;transition: var(–transition);}.gr-accordion:hover {border-color: #bbb;box-shadow: 0 4px 12px rgba(0,0,0,0.05);}.gr-accordion summary {list-style: none;display: flex;align-items: center;justify-content: space-between;padding: 18px 24px;font-weight: 600;font-size: 16px;cursor: pointer;background: #fff;user-select: none;}.gr-accordion summary::-webkit-details-marker {display: none;}.gr-accordion .header-title {display: flex;align-items: center;gap: 15px;}.gr-accordion .header-title h2 {margin: 0;font-size: inherit;font-weight: inherit;line-height: inherit;}.gr-accordion .icon-circle {width: 32px;height: 32px;background: var(–bg-light);border-radius: 8px;display: flex;align-items: center;justify-content: center;font-size: 18px;}.gr-accordion .arrow {transition: var(–transition);}.gr-accordion[open] {border-color: var(–primary-color);}.gr-accordion[open] summary {border-bottom: 1px solid var(–border-color);}.gr-accordion[open] .arrow {transform: rotate(180deg);}.gr-content {padding: 20px 24px;animation: fadeIn 0.4s ease-out;}.gr-content h3 { margin-top: 0; color: var(–primary-color); font-size: 1.25rem; }.gr-content h4 { margin-top: 15px; color: var(–primary-color); font-size: 1.1rem; }.gr-spec-table {width: 100%;border-collapse: collapse;margin: 10px 0;}.gr-spec-table td {padding: 10px 0;border-bottom: 1px solid #eee;font-size: 14px;}.gr-spec-table td:first-child {font-weight: 600;width: 40%;color: #666;}.gr-badge-container {display: flex;flex-wrap: wrap;gap: 8px;margin-top: 15px;}.gr-badge {background: var(–bg-light);border: 1px solid var(–border-color);padding: 4px 12px;border-radius: 20px;font-size: 12px;font-weight: 600;}.gr-check-list {list-style: none;padding: 0;}.gr-check-list li {position: relative;padding-left: 28px;margin-bottom: 10px;}.gr-check-list li::before {content: „✓“;position: absolute;left: 0;color: #27ae60;font-weight: bold;}@keyframes fadeIn {from { opacity: 0; transform: translateY(-5px); }to { opacity: 1; transform: translateY(0); }}@media (max-width: 480px) {.gr-accordion summary { padding: 15px; font-size: 15px; }.gr-content { padding: 15px; }}