Mauersteine aus Travertin | Classic
5% Aktuell Rabatt aufdieses Produkt TRAVERTIN5 Kopieren Ab 1.000 € Bestellwert zusätzlich WILLKOMMEN5 einlösen — zusammen 10% sparen. @keyframes m2g-in { from { opacity: 0; transfo rm: translateY(16px) scale(0.97); } to { opacity: 1; transform: translateY(0) scale(1); } } @keyframes m2g-glow-move { 0%, 100% { transform: translate(-10%, -10%) scale(1); } 50% { transform: translate(10%, 5%) scale(1.15); } } .m2g-promo { position: relative; overflow: hidden; background: radial-gradient(120% 140% at 0% 0%, #241a0d 0%, #1a1208 55%, #120c05 100%); border-radius: 24px; padding: 44px 40px; margin: 32px 0; font-family: 'Lora', serif; max-width: 520px; box-shadow: 0 20px 50px -12px rgba(26,18,8,0.55); animation: m2g-in 0.7s cubic-bezier(0.16, 1, 0.3, 1); } .m2g-promo__glow { position: absolute; top: -20%; left: -10%; width: 60%; height: 60%; background: radial-gradient(circle, rgba(201,169,110,0.5) 0%, rgba(201,169,110,0) 70%); filter: blur(10px); animation: m2g-glow-move 8s ease-in-out infinite; pointer-events: none; } .m2g-promo__hero { position: relative; display: flex; align-items: center; gap: 24px; margin-bottom: 30px; } .m2g-promo__number { font-family: 'Source Serif 4', serif; font-weight: 700; font-size: 84px; line-height: 1; letter-spacing: -2px; background: linear-gradient(135deg, #f0dcae 0%, #c9a96e 55%, #8a6a2f 100%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; filter: drop-shadow(0 4px 14px rgba(201,169,110,0.35)); } .m2g-promo__percent { font-size: 42px; } .m2g-promo__eyebrow { margin: 0 0 6px 0; font-size: 12px; font-weight: 700; letter-spacing: 2px; text-transform: uppercase; color: #c9a96e; } .m2g-promo__title { margin: 0; font-family: 'Source Serif 4', serif; font-weight: 600; font-size: 24px; line-height: 1.25; color: #f7f4ec; letter-spacing: -0.2px; } .m2g-promo__code-row { position: relative; display: flex; align-items: center; justify-content: space-between; background: rgba(247,244,236,0.06); border: 1px solid rgba(201,169,110,0.35); border-radius: 14px; padding: 16px 20px; backdrop-filter: blur(6px); } .m2g-promo__code { font-family: 'Source Serif 4', serif; font-weight: 700; font-size: 19px; letter-spacing: 1.5px; color: #f7f4ec; } .m2g-promo__copy { background: linear-gradient(135deg, #e6c98a 0%, #c9a96e 100%); border: none; color: #1a1208; font-family: 'Lora', serif; font-size: 13.5px; font-weight: 700; cursor: pointer; padding: 9px 18px; border-radius: 9px; transition: transform 0.15s ease, box-shadow 0.2s ease; } .m2g-promo__copy:hover { transform: scale(1.05); box-shadow: 0 6px 16px rgba(201,169,110,0.4); } .m2g-promo__divider { height: 1px; background: rgba(201,169,110,0.25); margin: 22px 0; } .m2g-promo__note { position: relative; margin: 0; font-size: 14px; line-height: 1.6; color: #cabfa8; } .m2g-promo__note strong { color: #c9a96e; } @media (max-width: 480px) { .m2g-promo { padding: 32px 24px; } .m2g-promo__number { font-size: 60px; } .m2g-promo__title { font-size: 20px; } .m2g-promo__hero { gap: 16px; } } @keyframes m2g-in { from { opacity: 0; transform: translateY(16px) scale(0.97); } to { opacity: 1; transform: translateY(0) scale(1); } } @keyframes m2g-glow-move { 0%, 100% { transform: translate(-10%, -10%) scale(1); } 50% { transform: translate(10%, 5%) scale(1.15); } } .m2g-promo { position: relative; overflow: hidden; background: radial-gradient(120% 140% at 0% 0%, #241a0d 0%, #1a1208 55%, #120c05 100%); border-radius: 24px; padding: 44px 40px; margin: 32px 0; font-family: 'Lora', serif; max-width: 520px; box-shadow: 0 20px 50px -12px rgba(26,18,8,0.55); animation: m2g-in 0.7s cubic-bezier(0.16, 1, 0.3, 1); } .m2g-promo__glow { position: absolute; top: -20%; left: -10%; width: 60%; height: 60%; background: radial-gradient(circle, rgba(201,169,110,0.5) 0%, rgba(201,169,110,0) 70%); filter: blur(10px); animation: m2g-glow-move 8s ease-in-out infinite; pointer-events: none; } .m2g-promo__hero { position: relative; display: flex; align-items: center; gap: 24px; margin-bottom: 30px; } .m2g-promo__number { font-family: 'Source Serif 4', serif; font-weight: 700; font-size: 84px; line-height: 1; letter-spacing: -2px; background: linear-gradient(135deg, #f0dcae 0%, #c9a96e 55%, #8a6a2f 100%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; filter: drop-shadow(0 4px 14px rgba(201,169,110,0.35)); } .m2g-promo__percent { font-size: 42px; } .m2g-promo__eyebrow { margin: 0 0 6px 0; font-size: 12px; font-weight: 700; letter-spacing: 2px; text-transform: uppercase; color: #c9a96e; } .m2g-promo__title { margin: 0; font-family: 'Source Serif 4', serif; font-weight: 600; font-size: 24px; line-height: 1.25; color: #f7f4ec; letter-spacing: -0.2px; } .m2g-promo__code-row { position: relative; display: flex; align-items: center; justify-content: space-between; background: rgba(247,244,236,0.06); border: 1px solid rgba(201,169,110,0.35); border-radius: 14px; padding: 16px 20px; backdrop-filter: blur(6px); } .m2g-promo__code { font-family: 'Source Serif 4', serif; font-weight: 700; font-size: 19px; letter-spacing: 1.5px; color: #f7f4ec; } .m2g-promo__copy { background: linear-gradient(135deg, #e6c98a 0%, #c9a96e 100%); border: none; color: #1a1208; font-family: 'Lora', serif; font-size: 13.5px; font-weight: 700; cursor: pointer; padding: 9px 18px; border-radius: 9px; transition: transform 0.15s ease, box-shadow 0.2s ease; } .m2g-promo__copy:hover { transform: scale(1.05); box-shadow: 0 6px 16px rgba(201,169,110,0.4); } .m2g-promo__divider { height: 1px; background: rgba(201,169,110,0.25); margin: 22px 0; } .m2g-promo__note { position: relative; margin: 0; font-size: 14px; line-height: 1.6; color: #cabfa8; } .m2g-promo__note strong { color: #c9a96e; } @media (max-width: 480px) { .m2g-promo { padding: 32px 24px; } .m2g-promo__number { font-size: 60px; } .m2g-promo__title { font-size: 20px; } .m2g-promo__hero { gap: 16px; } } @keyframes m2g-pulse { 0%, 100% { box-shadow: 0 0 0 0 rgba(201,169,110,0.55); } 50% { box-shadow: 0 0 0 14px rgba(201,169,110,0); } } @keyframes m2g-shine { 0% { transform: translateX(-120%) rotate(20deg); } 100% { transform: translateX(220%) rotate(20deg); } } @keyframes m2g-flame { 0%, 100% { transform: scale(1) rotate(-3deg); } 50% { transform: scale(1.15) rotate(3deg); } } @keyframes m2g-fadein { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: translateY(0); } } .m2g-promo { position: relative; overflow: hidden; background: linear-gradient(135deg, #1a1208 0%, #2a1f10 100%); border: 1px solid #c9a96e; border-radius: 14px; padding: 22px 24px; margin: 24px 0; font-family: 'Lora', serif; animation: m2g-pulse 2.2s infinite, m2g-fadein 0.5s ease; } .m2g-promo::after { content: ""; position: absolute; top: 0; left: 0; width: 40%; height: 100%; background: linear-gradient(90deg, transparent, rgba(201,169,110,0.25), transparent); animation: m2g-shine 3.5s ease-in-out infinite; animation-delay: 1s; } .m2g-promo__top { display: flex; align-items: center; justify-content: space-between; margin-bottom: 10px; } .m2g-promo__badge { display: inline-block; background: #c9a96e; color: #1a1208; font-family: 'Source Serif 4', serif; font-weight: 700; font-size: 13px; letter-spacing: 0.5px; text-transform: uppercase; padding: 5px 12px; border-radius: 20px; } .m2g-promo__flame { font-size: 22px; animation: m2g-flame 1.4s ease-in-out infinite; } .m2g-promo__title { margin: 0 0 10px 0; font-family: 'Source Serif 4', serif; font-weight: 700; font-size: 19px; color: #f7f4ec; line-height: 1.3; } .m2g-promo__sub { margin: 0 0 14px 0; display: flex; align-items: center; gap: 10px; flex-wrap: wrap; } .m2g-promo__code { display: inline-block; background: #f7f4ec; color: #1a1208; padding: 5px 12px; border-radius: 6px; font-weight: 700; letter-spacing: 1px; font-size: 15px; } .m2g-promo__copy { background: #c9a96e; color: #1a1208; border: none; border-radius: 6px; padding: 7px 14px; font-family: 'Lora', serif; font-size: 13px; font-weight: 700; cursor: pointer; transition: transform 0.15s ease, background 0.2s ease; } .m2g-promo__copy:hover { background: #2d5a27; color: #f7f4ec; transform: scale(1.05); } .m2g-promo__combo { margin: 0; font-size: 13.5px; color: #d9cdb5; line-height: 1.6; border-top: 1px solid rgba(201,169,110,0.3); padding-top: 10px; } .m2g-promo__combo strong { color: #c9a96e; } @media (max-width: 640px) { .m2g-promo__title { font-size: 17px; } } Travertin Mauersteine – Classic Die Travertin Mauersteine Classic überzeugen durch ihre natürliche, warme Beigetönung und die charakteristische Maserung des Natursteins. Sie sind ideal für stilvolle Außenbereiche und verleihen Mauern, Gartenbegrenzungen oder dekorativen Elementen einen mediterranen und zugleich zeitlosen Charme. Produktdetails Material: Travertin Farbe: Classic / Beige-Naturton Oberfläche: Vorder- und Rückseite spaltrau & antik getrommelt, Stoß- und Lagerseiten gesägt Maße L×B×H: 30-50x18-20x7,5cm, 30-50x18-20x15cm, 30-50x18-20x22,50cm Gewicht: abhängig vom Format Mindestbestellmenge: 1 QM Herkunft: Türkei Eigenschaften & Vorteile Frost- und witterungsbeständig Sehr hart und abriebfest Natürliche, warme Farbgebung Pflegeleicht und vielseitig einsetzbar Einsatzbereiche Terrassenflächen und Gartenwege Dekorative Mauerelemente im Außenbereich Mediterran gestaltete Sitzplätze