Collapsible Text /* Styling nur für collapsible Elemente */ .custom-details { margin: 20px 0 10px 0; /* Mehr Abstand oben und etwas Abstand unten */ } /* Nur das `summary` innerhalb von `.custom-details` */ .custom-details summary { font-weight: bold; cursor: pointer; list-style: none; } /* Das Symbol + nur für `.custom-details summary` */ .custom-details summary::after { content: " +"; /* Standardmäßig ein Plus */ font-weight: bold; } /* Symbol ändern, wenn geöffnet - nur bei `.custom-details` */ .custom-details[open] summary::after { content: " -"; /* Minus anzeigen, wenn geöffnet */ font-weight: bold; } /* Container für den animierten Inhalt */ .custom-details .content { overflow: hidden; max-height: 0; transition: max-height 0.4s ease-in-out, padding 0.4s ease-in-out; } /* Optional: Abstand beim Ausklappen hinzufügen */ .custom-details[open] .content { padding-top: 10px; } Das Wichtigste zum Style Zweilagiger, weicher Stoff Bewegungsfreundliches Design Besonders nachhaltiges Material Keine unnötigen Zettel eingenäht Produktinfo Die Basic Shorts ist perfekt für alle, die lieber ein wenig mehr bedeckt haben möchten. Mit einem mid-waist Bund hast du garantiert auch immer einen guten Grip an der Taille. Die Shorts kommt ganz ohne Gummiband im Bund aus, wodurch sie nicht unangenehm einschneidet. Der Cut-out unterstützt elegant die Form deines Po's. Der Stoff dieser Shorts besteht aus regeneriertem Nylon. Zudem ist er chlor- und salzwasserbeständig, du kannst deine Shorts also unbeschwert auch als Bikini-Slip tragen! Grösse & Fit Unser Model Luna trägt Grösse S und hat die Masse 87cm (Brust), 70cm (Taille), 95cm (Hüfte). Sie ist 1.63m gross. WICHTIG: In den Farben deep blue sea und dangerously pink sitzt dieser Style aufgrund des Stoffes enger als in den Farben ribbed black und ribbed ocean mint. Schau dir auch unsere Grössentabelle an. Pflegehinweis Oberstoff: 90% Polyamid (recycelt), 10% Elasthan | Futter: 78% Polyamid (recycelt), 22% Elasthan Wasche dieses Kleidungsstück bei maximal 40°C und lasse es lufttrocknen. // JavaScript nur für das spezifische collapsible Element mit der Klasse "custom-details" document.querySelectorAll(".custom-details").forEach(details => { const content = details.querySelector(".content"); details.addEventListener("toggle", () => { if (details.open) { // Beim Öffnen die tatsächliche Höhe ermitteln und setzen content.style.maxHeight = content.scrollHeight + "px"; } else { // Beim Schließen die Höhe zurücksetzen content.style.maxHeight = "0"; } }); });
