.fd-accordion-container {
max-width: 882px;
margin: 0 auto;
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
color: #333333;
line-height: 1.6;
font-size: 16px;
}
.fd-accordion-container *,
.fd-accordion-container *::before,
.fd-accordion-container *::after {
box-sizing: border-box;
font-family: inherit;
}
.fd-accordion-item {
border-bottom: 1px solid #f3f2f1;
display: grid;
grid-template-columns: 200px 1fr;
gap: 32px;
padding: 26px 0;
cursor: pointer;
align-items: start;
margin: 0;
}
.fd-accordion-header {
transition: all 0.3s ease;
}
.fd-accordion-title {
font-size: 11pt;
font-weight: 600;
letter-spacing: 0.011em;
padding-top: 2px;
text-transform: uppercase;
margin: 0;
}
.fd-accordion-right {
position: relative;
}
.fd-accordion-header-right {
position: absolute;
top: 0;
right: 0;
}
.fd-accordion-icon {
width: 24px;
height: 24px;
position: relative;
flex-shrink: 0;
}
.fd-accordion-icon::before,
.fd-accordion-icon::after {
content: '';
position: absolute;
background: #1d1d1f;
transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1);
}
.fd-accordion-icon::before {
width: 11px;
height: 1.5px;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.fd-accordion-icon::after {
width: 1.5px;
height: 11px;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.fd-accordion-item.active .fd-accordion-icon::after {
transform: translate(-50%, -50%) rotate(90deg);
opacity: 0;
}
.fd-accordion-content {
overflow: hidden;
display: grid;
grid-template-rows: 1fr;
transition: grid-template-rows 0.4s cubic-bezier(0.4, 0, 0.2, 1);
padding-right: 40px;
}
.fd-accordion-content-inner {
padding-bottom: 26px;
line-height: 1.7;
overflow: hidden;
opacity: 1;
transform: translateY(0);
transition: opacity 0.35s cubic-bezier(0.4, 0, 0.2, 1),
transform 0.35s cubic-bezier(0.4, 0, 0.2, 1);
}
.fd-accordion.js-initialized .fd-accordion-item:not(.active) .fd-accordion-content {
grid-template-rows: 0fr;
}
.fd-accordion.js-initialized .fd-accordion-item:not(.active) .fd-accordion-content-inner {
opacity: 0;
transform: translateY(-8px);
}
.fd-accordion.js-initialized .fd-accordion-item.active .fd-accordion-content {
grid-template-rows: 1fr;
}
.fd-accordion.js-initialized .fd-accordion-item.active .fd-accordion-content-inner {
opacity: 1;
transform: translateY(0);
}
.fd-accordion-content p {
margin: 0 0 16px 0;
padding: 0;
color: #333333;
}
.fd-accordion-content p:last-child {
margin-bottom: 0;
}
.fd-accordion-content ul {
list-style-type: none;
padding: 0;
margin: 0;
}
.fd-accordion-content ul li {
padding: 4px 0 4px 16px;
position: relative;
color: #333333;
margin: 0;
}
.fd-accordion-content ul li::before {
content: '•';
position: absolute;
left: 0;
font-weight: 600;
}
.fd-spec-table {
width: 100%;
}
.fd-spec-row {
display: grid;
grid-template-columns: 140px 1fr;
padding: 12px 0;
border-bottom: 1px solid #f3f2f1;
gap: 16px;
}
.fd-spec-row:last-child {
border-bottom: none;
}
.fd-spec-label {
font-weight: 600;
color: #333333;
}
.fd-spec-value {
color: #333333;
}
.fd-accordion-icon-mobile {
display: none;
}
@media (max-width: 768px) {
.fd-accordion-item {
display: block;
cursor: default;
padding: 0;
}
.fd-accordion-header {
padding: 16px 0;
cursor: pointer;
display: flex;
justify-content: space-between;
align-items: center;
}
.fd-accordion-right {
padding: 0;
position: static;
}
.fd-accordion-header-right {
display: none;
}
.fd-accordion-content {
padding-right: 0;
}
.fd-accordion-icon {
display: none;
}
.fd-accordion-icon-mobile {
display: block;
width: 20px;
height: 20px;
position: relative;
flex-shrink: 0;
margin-left: 20px;
}
.fd-accordion-icon-mobile::before,
.fd-accordion-icon-mobile::after {
content: '';
position: absolute;
background: #1d1d1f;
transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1);
}
.fd-accordion-icon-mobile::before {
width: 11px;
height: 1.5px;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.fd-accordion-icon-mobile::after {
width: 1.5px;
height: 11px;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.fd-accordion-item.active .fd-accordion-icon-mobile::after {
transform: translate(-50%, -50%) rotate(90deg);
opacity: 0;
}
.fd-accordion-content-inner {
padding-bottom: 16px;
}
.fd-spec-row {
grid-template-columns: 1fr;
gap: 8px;
}
.fd-spec-label {
font-weight: 700;
}
.fd-accordion-item:last-child .fd-accordion-content-inner {
padding-bottom: 8px;
}
}
Beschreibung
Das Spigen Liquid Air Mag ist eine schlanke Hülle mit integrierten MagSafe-Magneten, die minimalistisches Design mit zuverlässigem Schutz vereint. Ihre matte, strukturierte Oberfläche mit einem markanten geometrischen Muster sorgt für sicheren, rutschfesten Halt und verleiht der Hülle einen modernen Look, der sie von herkömmlichen, glatten Hüllen abhebt.
Das vollständig aus robustem TPU gefertigte Case nutzt die Air Cushion-Technologie in den Ecken, die durch Luftpolster Stöße bei Stürzen effektiv absorbiert. Ein integrierter Magnetring gewährleistet volle Kompatibilität mit MagSafe-Zubehör und ermöglicht so schnelles kabelloses Laden sowie die sichere Befestigung Ihres Smartphones an Halterungen und Powerbanks. Präzise Aussparungen schützen die Kameralinse vor Kratzern, während der durch eine dünne TPU-Schicht geschützte Kameraauslöser voll funktionsfähig bleibt.
Das schlanke Design trägt kaum auf und sorgt so für optimale Handlichkeit im Alltag. Erhöhte Ränder schützen das Display vor Kratzern, wenn das Smartphone mit dem Bildschirm nach unten abgelegt wird, und die Soft-Touch-Oberfläche verhindert ein Abrutschen.
Produktmerkmale
- 100 % Original
- In Originalverpackung verpackt
- Eingebaute MagSafe-Magnete
- Luftkissentechnologie in den Ecken
- Strukturierte, rutschfeste Oberfläche
- Vollständiger Kamerastoßschutz
- Schlankes TPU-Profil
- Erhöhte Ränder um den Bildschirm
Spezifikation
Material
TPU (thermoplastisches Polyurethan)
Kompatibilität
Google Pixel 11 Pro
Das Set beinhaltet
1 × Spigen Liquid Air Mag MagSafe-Hülle
document.addEventListener('DOMContentLoaded', function() {
const accordion = document.querySelector('.fd-accordion');
const accordionItems = document.querySelectorAll('.fd-accordion-item');
function isInEditor() {
if (window.frameElement) return true;
if (document.designMode === 'on') return true;
if (document.body.contentEditable === 'true') return true;
if (window.location.href.includes('/admin')) return true;
if (window.location.href.includes('/edit')) return true;
if (window.location.href.includes('editor')) return true;
if (document.querySelector('[contenteditable="true"]')) return true;
if (document.querySelector('.cke_editable, .mce-content-body, .fr-element')) return true;
return false;
}
if (isInEditor()) {
return;
}
accordion.classList.add('js-initialized');
accordionItems.forEach((item, index) => {
if (index === 0) {
item.classList.add('active');
} else {
item.classList.remove('active');
}
});
accordionItems.forEach(item => {
item.addEventListener('click', function(e) {
const isMobile = window.innerWidth 0) {
return;
}
if (isMobile) {
const header = this.querySelector('.fd-accordion-header');
if (!header.contains(e.target)) return;
}
this.classList.toggle('active');
});
});
});
| Name |
Details |
| Kategorie |
Handys und Zubehör |
| Produkttyp |
Etui |
| Marke |
Spigen |
