.fd-accordion-container {
max-width: 882px;
margin: 0 auto;
font-family: inherit;
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);
user-select: text;
cursor: text;
}
.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-accordion-content ol {
padding-left: 24px;
margin: 0;
}
.fd-accordion-content ol li {
padding: 4px 0;
color: #333333;
margin: 0;
}
.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
Die Tech-Protect Hydro flex+ Hydrogelfolie ist eine moderne Displayschutzfolie, die Flexibilität und Langlebigkeit vereint. Hergestellt aus hochwertigem TPU, passt sie sich perfekt jeder Displayoberfläche an, auch an abgerundeten Kanten.
Der größte Vorteil von Hydro flex+ ist der umfassende Displayschutz vor mechanischen Beschädigungen im Alltag. Die Folie verfügt über innovative Selbstheilungseigenschaften, die kleinere Kratzer, die beim Gebrauch entstehen, automatisch ausgleichen. Trotz des fortschrittlichen Schutzes bleibt die optische Klarheit erhalten, sodass die Farbwiedergabe des Displays originalgetreu und die Touchscreen-Empfindlichkeit uneingeschränkt gewährleistet sind.
Das Set enthält zwei Schutzfolien mit komplettem Montagezubehör und gewährleistet so einen dauerhaften Schutz für Ihr Gerät. Dank des flexiblen TPU-Materials ist die Anbringung einfach und intuitiv. Das Ergebnis ist ein nahezu unsichtbarer Schutz, der weder die Optik noch die Funktionalität Ihres Smartphones beeinträchtigt.
Produktmerkmale
- 100 % Original
- In Originalverpackung verpackt
- Hergestellt aus flexiblem TPU-Material
- Passt sich perfekt den Krümmungen des Bildschirms an.
- Volle Transparenz und Berührungsempfindlichkeit
- Selbstregenerierende Eigenschaften
- Kratzschutz
Spezifikation
Abmessungen
155,3 × 70,3 mm
Kompatibilität
Motorola Edge 60 / 60 Pro / 60 Fusion
Anzahl der Teile
2-teiliges Set
Das Set beinhaltet
2 × Tech-Protect Hydro flex+ Folie
2 × Installationskit
Montageanleitung
Beginnen Sie die Installation im Badezimmer direkt nach dem Baden – der Wasserdampf absorbiert den gesamten Staub aus der Luft und beeinträchtigt die Installation nicht. Reinigen und entfetten Sie die Bildschirmoberfläche gründlich und polieren Sie sie anschließend mit einem trockenen Tuch auf Glanz. Bringen Sie die Folie so gleichmäßig wie möglich an – Sie können sie mithilfe der mitgelieferten Montagewerkzeuge positionieren. Entfernen Sie Luftblasen, indem Sie das Ganze mehrere Dutzend Sekunden lang fest in kreisenden Bewegungen andrücken – so wird sichergestellt, dass die Klebeschicht möglichst fest mit dem Bildschirm verbunden wird.
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;
if (hasSelection) {
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 |
Displayschutzfolien und Panzerglas |
| Marke |
Hikvision |
