{"product_id":"magnat","title":"Magnat the Flame Dragon","description":"\u003cstyle\u003e\n  \/* Verstecke die eigentlichen Radio-Buttons *\/\n  input.toggle {\n    display: none;\n  }\n  \n  \/* Flex-Container für die Labels (Buttons) – 2px nach rechts eingerückt *\/\n  .toggle-buttons {\n    display: flex;\n    gap: 10px;\n    margin-bottom: 10px;\n    margin-left: 2px;\n  }\n  \n  \/* Standard-Stil für die \"Buttons\" – dezent und elegant *\/\n  .toggle-label {\n    padding: 5px 10px;\n    font-size: 12px;\n    border: 1px solid #fff; \/* Weiße Umrandung *\/\n    border-radius: 5px;\n    background: transparent;\n    color: #fff; \/* Weiße Schrift *\/\n    cursor: pointer;\n    transition: background 0.3s, color 0.3s;\n  }\n  \n  \/* Aktiver Button: Erstrahlt in Blau *\/\n  #toggle-cm:checked ~ .toggle-buttons label[for=\"toggle-cm\"],\n  #toggle-inch:checked ~ .toggle-buttons label[for=\"toggle-inch\"] {\n    background: #1e97fd;\n    border: 1px solid #fff;\n    color: #fff;\n    font-weight: bold;\n  }\n  \n  \/* Standardmäßig beide Inhaltsbereiche verstecken *\/\n  .toggle-content {\n    display: none;\n  }\n  \n  \/* Zeige den entsprechenden Inhaltsbereich, wenn der Radio-Button aktiv ist *\/\n  #toggle-cm:checked ~ .content-cm {\n    display: block !important;\n  }\n  #toggle-inch:checked ~ .content-inch {\n    display: block !important;\n  }\n  \n  \/* Tabellen-Styling: Feste Breite von 400px, passend für 2 Spalten (Dimensions + L) *\/\n  table {\n    border-top: 2px solid #212a34;\n    border-bottom: 2px solid #212a34;\n    border-collapse: collapse;\n    margin-top: 10px;\n    table-layout: fixed;\n    width: 400px;\n  }\n  \n  \/* Für horizontales Scrollen auf kleinen Bildschirmen *\/\n  .table-scroll {\n    overflow-x: auto;\n    -webkit-overflow-scrolling: touch;\n  }\n  \n  \/* Alle Zellen: Fester Rahmen, Padding, zentrierter Text und Überlaufkontrolle *\/\n  th, td {\n    border: 2px solid #212a34;\n    padding: 8px;\n    text-align: center;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n  \n  \/* Erste Spalte bekommt eine größere Breite (z. B. 200px) *\/\n  th:first-child, td:first-child {\n    width: 200px;\n  }\n  \n  \/* Zweite Spalte *\/\n  th:nth-child(2), td:nth-child(2) {\n    width: 200px;\n  }\n  \n  \/* Spezifischere Regel für innere Linien in .rte *\/\n  .rte table td,\n  .rte table th {\n    border: 2px solid #212a34;\n  }\n  \n  \/* Entferne die ganz linke und ganz rechte Border der Tabelle *\/\n  .rte table tr th:first-child,\n  .rte table tr td:first-child {\n    border-left: none;\n  }\n  .rte table tr th:last-child,\n  .rte table tr td:last-child {\n    border-right: none;\n  }\n\u003c\/style\u003e\n\u003cdiv id=\"size-dimensions\"\u003e\n\u003c!-- Radio-Buttons --\u003e \u003cinput type=\"radio\" name=\"unit\" class=\"toggle\" id=\"toggle-cm\" checked\u003e \u003cinput type=\"radio\" name=\"unit\" class=\"toggle\" id=\"toggle-inch\"\u003e \u003c!-- Container für die Labels (Buttons) --\u003e\n\u003cdiv class=\"toggle-buttons\"\u003e\n\u003clabel for=\"toggle-cm\" class=\"toggle-label\"\u003eCentimeter\u003c\/label\u003e \u003clabel for=\"toggle-inch\" class=\"toggle-label\"\u003eInch\u003c\/label\u003e\n\u003c\/div\u003e\n\u003c!-- Inhalt für Centimeter --\u003e\n\u003cdiv class=\"toggle-content content-cm\"\u003e\n\u003cdiv class=\"table-scroll\"\u003e\n\u003cdiv class=\"rte\"\u003e\n\u003ctable\u003e\n\u003cthead\u003e\n\u003ctr\u003e\n\u003cth\u003eDimensions\u003c\/th\u003e\n\u003cth\u003eL\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd\u003eTotal Length Outside\u003c\/td\u003e\n\u003ctd\u003e17\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eUsable Inner Length\u003c\/td\u003e\n\u003ctd\u003e16\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eInner Diameter\u003c\/td\u003e\n\u003ctd\u003e2,5\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eCircumference Head\u003c\/td\u003e\n\u003ctd\u003e33\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eWeight in grams\u003c\/td\u003e\n\u003ctd\u003e1100\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Inhalt für Inch --\u003e\n\u003cdiv class=\"toggle-content content-inch\"\u003e\n\u003cdiv class=\"table-scroll\"\u003e\n\u003cdiv class=\"rte\"\u003e\n\u003ctable\u003e\n\u003cthead\u003e\n\u003ctr\u003e\n\u003cth\u003eDimensions\u003c\/th\u003e\n\u003cth\u003eL\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd\u003eTotal Length Outside\u003c\/td\u003e\n\u003ctd\u003e6.7\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eUsable Inner Length\u003c\/td\u003e\n\u003ctd\u003e6.3\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eInner Diameter\u003c\/td\u003e\n\u003ctd\u003e1\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eCircumference Head\u003c\/td\u003e\n\u003ctd\u003e13\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eWeight in oz\u003c\/td\u003e\n\u003ctd\u003e38.8\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"naughtyfoxx","offers":[{"title":"L \/ Standard \/ Standard","offer_id":47961383305556,"sku":"Magnat001","price":109.49,"currency_code":"EUR","in_stock":true},{"title":"L \/ Standard \/ Additional","offer_id":47961383371092,"sku":"Magnat002","price":124.49,"currency_code":"EUR","in_stock":false},{"title":"L \/ Additional \/ Standard","offer_id":47961383403860,"sku":"Magnat003","price":124.49,"currency_code":"EUR","in_stock":false},{"title":"L \/ Additional \/ Additional","offer_id":47961383436628,"sku":"Magnat004","price":124.49,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0679\/3193\/0898\/files\/2_2_35154e05-acbb-4a59-b5b4-87dc3fb1d6a7.jpg?v=1746868966","url":"https:\/\/naughtyfox-shop.com\/products\/magnat","provider":"Naughty Fox","version":"1.0","type":"link"}