{"product_id":"ampgo-tripfree-fortovsskinne","title":"AmpGo TripFree – Bordsteinleiste für Ladekabel - 2 Meter","description":"\u003cstyle\u003e\n  .ampgo-tf {\n    --blue: #1689e8;\n    --blue-dark: #0b65b5;\n    --dark: #11161a;\n    --dark-2: #1b2126;\n    --text: #20262b;\n    --muted: #68737b;\n    --light: #f4f6f7;\n    --border: #e1e5e8;\n    --radius: 18px;\n    --shadow: 0 14px 40px rgba(0,0,0,.09);\n\n    color: var(--text);\n    line-height: 1.6;\n    font-size: 16px;\n  }\n\n  .ampgo-tf *,\n  .ampgo-tf *::before,\n  .ampgo-tf *::after {\n    box-sizing: border-box;\n  }\n\n  .ampgo-tf img {\n    display: block;\n    width: 100%;\n    height: auto;\n  }\n\n  .ampgo-tf .tf-wrap {\n    width: min(1180px, calc(100% - 40px));\n    margin: 0 auto;\n  }\n\n  .ampgo-tf .tf-section {\n    padding: 70px 0;\n  }\n\n  .ampgo-tf .tf-light {\n    background: var(--light);\n  }\n\n  .ampgo-tf .tf-white {\n    background: #fff;\n  }\n\n  .ampgo-tf .tf-label {\n    display: inline-block;\n    margin-bottom: 12px;\n    color: var(--blue-dark);\n    font-size: 12px;\n    font-weight: 800;\n    letter-spacing: .12em;\n    text-transform: uppercase;\n  }\n\n  .ampgo-tf h2 {\n    margin: 0 0 18px;\n    color: var(--dark);\n    font-size: clamp(28px, 4vw, 42px);\n    line-height: 1.12;\n    letter-spacing: -.025em;\n  }\n\n  .ampgo-tf h3 {\n    margin: 0 0 10px;\n    color: var(--dark);\n    font-size: 21px;\n    line-height: 1.25;\n  }\n\n  .ampgo-tf p {\n    margin: 0 0 18px;\n    color: var(--muted);\n  }\n\n  .ampgo-tf p:last-child {\n    margin-bottom: 0;\n  }\n\n\n  \/* =========================================================\n     GOOGLE ADS \/ PROBLEM → SOLUTION INTRO\n     ========================================================= *\/\n\n  .ampgo-tf .tf-ad-intro {\n    padding: 28px 0 8px;\n    background: #fff;\n  }\n\n  .ampgo-tf .tf-ad-intro-box {\n    position: relative;\n    padding: 26px 30px 27px;\n    border: 1px solid #dce8f1;\n    border-left: 4px solid var(--blue);\n    border-radius: 14px;\n    background: linear-gradient(135deg, #f7fbfe 0%, #ffffff 100%);\n  }\n\n  .ampgo-tf .tf-ad-intro-label {\n    margin-bottom: 7px;\n    color: var(--blue-dark);\n    font-size: 12px;\n    font-weight: 800;\n    letter-spacing: .1em;\n    text-transform: uppercase;\n  }\n\n  .ampgo-tf .tf-ad-intro h2 {\n    margin: 0 0 7px;\n    font-size: clamp(23px, 3vw, 30px);\n    letter-spacing: -.02em;\n  }\n\n  .ampgo-tf .tf-ad-intro p {\n    max-width: 850px;\n    margin: 0;\n    color: #46525a;\n    font-size: 16px;\n    line-height: 1.55;\n  }\n\n  .ampgo-tf .tf-ad-intro strong {\n    color: var(--dark);\n    font-weight: 750;\n  }\n\n\n  \/* =========================================================\n     HERO\n     ========================================================= *\/\n\n  .ampgo-tf .tf-hero {\n    position: relative;\n    overflow: hidden;\n    min-height: 560px;\n    display: flex;\n    align-items: flex-end;\n    background: var(--dark);\n    border-radius: var(--radius);\n    margin: 20px 0 0;\n  }\n\n  .ampgo-tf .tf-hero img {\n    position: absolute;\n    inset: 0;\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n  }\n\n  .ampgo-tf .tf-hero::after {\n    content: \"\";\n    position: absolute;\n    inset: 0;\n    background:\n      linear-gradient(\n        90deg,\n        rgba(10,15,19,.88) 0%,\n        rgba(10,15,19,.68) 40%,\n        rgba(10,15,19,.20) 75%,\n        rgba(10,15,19,.05) 100%\n      );\n  }\n\n  .ampgo-tf .tf-hero-content {\n    position: relative;\n    z-index: 2;\n    max-width: 650px;\n    padding: 65px;\n  }\n\n  .ampgo-tf .tf-hero .tf-label {\n    color: #72c5ff;\n  }\n\n  .ampgo-tf .tf-hero h1 {\n    margin: 0 0 20px;\n    color: #fff;\n    font-size: clamp(34px, 5vw, 58px);\n    line-height: 1.04;\n    letter-spacing: -.035em;\n  }\n\n  .ampgo-tf .tf-hero p {\n    max-width: 600px;\n    color: rgba(255,255,255,.88);\n    font-size: 18px;\n    line-height: 1.55;\n  }\n\n  .ampgo-tf .tf-facts {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 10px;\n    margin-top: 28px;\n  }\n\n  .ampgo-tf .tf-fact {\n    padding: 9px 13px;\n    border: 1px solid rgba(255,255,255,.18);\n    border-radius: 999px;\n    background: rgba(255,255,255,.09);\n    backdrop-filter: blur(8px);\n    color: #fff;\n    font-size: 13px;\n    font-weight: 700;\n  }\n\n\n  \/* =========================================================\n     BEFORE \/ AFTER\n     ========================================================= *\/\n\n  .ampgo-tf .tf-problem {\n    padding: 80px 0;\n  }\n\n  .ampgo-tf .tf-intro {\n    max-width: 760px;\n    margin-bottom: 38px;\n  }\n\n  .ampgo-tf .tf-before-after {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 20px;\n  }\n\n  .ampgo-tf .tf-image-card {\n    position: relative;\n    overflow: hidden;\n    border-radius: var(--radius);\n    background: #fff;\n    box-shadow: var(--shadow);\n  }\n\n  .ampgo-tf .tf-image-card img {\n    aspect-ratio: 16 \/ 10;\n    object-fit: cover;\n  }\n\n  .ampgo-tf .tf-image-card-content {\n    padding: 24px 25px 27px;\n  }\n\n  .ampgo-tf .tf-image-card-content h3 {\n    margin-bottom: 6px;\n  }\n\n  .ampgo-tf .tf-image-card-content p {\n    font-size: 15px;\n  }\n\n  .ampgo-tf .tf-badge {\n    position: absolute;\n    top: 16px;\n    left: 16px;\n    padding: 7px 11px;\n    border-radius: 999px;\n    background: rgba(17,22,26,.88);\n    color: #fff;\n    font-size: 11px;\n    font-weight: 800;\n    letter-spacing: .08em;\n    text-transform: uppercase;\n  }\n\n\n  \/* =========================================================\n     FULL IMAGE \/ HOW IT WORKS\n     ========================================================= *\/\n\n  .ampgo-tf .tf-split {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    min-height: 560px;\n    overflow: hidden;\n    border-radius: var(--radius);\n    background: var(--dark);\n  }\n\n  .ampgo-tf .tf-split-image {\n    min-height: 560px;\n  }\n\n  .ampgo-tf .tf-split-image img {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n  }\n\n  .ampgo-tf .tf-split-content {\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    padding: 65px;\n  }\n\n  .ampgo-tf .tf-split-content .tf-label {\n    color: #72c5ff;\n  }\n\n  .ampgo-tf .tf-split-content h2 {\n    color: #fff;\n  }\n\n  .ampgo-tf .tf-split-content p {\n    color: rgba(255,255,255,.72);\n    font-size: 17px;\n  }\n\n\n  \/* =========================================================\n     PASSAGE\n     ========================================================= *\/\n\n  .ampgo-tf .tf-passage {\n    padding: 80px 0;\n  }\n\n  .ampgo-tf .tf-passage-grid {\n    display: grid;\n    grid-template-columns: 1.1fr .9fr;\n    gap: 42px;\n    align-items: center;\n  }\n\n  .ampgo-tf .tf-passage-image {\n    overflow: hidden;\n    border-radius: var(--radius);\n    box-shadow: var(--shadow);\n  }\n\n  .ampgo-tf .tf-passage-image img {\n    aspect-ratio: 4 \/ 3;\n    object-fit: cover;\n  }\n\n  .ampgo-tf .tf-passage-cards {\n    display: grid;\n    gap: 14px;\n    margin-top: 28px;\n  }\n\n  .ampgo-tf .tf-passage-card {\n    padding: 20px 22px;\n    border: 1px solid var(--border);\n    border-radius: 14px;\n    background: #fff;\n  }\n\n  .ampgo-tf .tf-passage-card h3 {\n    margin-bottom: 4px;\n    font-size: 17px;\n  }\n\n  .ampgo-tf .tf-passage-card p {\n    font-size: 14px;\n    margin: 0;\n  }\n\n\n  \/* =========================================================\n     CAR\n     ========================================================= *\/\n\n  .ampgo-tf .tf-car {\n    padding: 0;\n    background: var(--dark);\n  }\n\n  .ampgo-tf .tf-car-inner {\n    position: relative;\n    min-height: 580px;\n    display: flex;\n    align-items: flex-end;\n    overflow: hidden;\n  }\n\n  .ampgo-tf .tf-car-inner img {\n    position: absolute;\n    inset: 0;\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n  }\n\n  .ampgo-tf .tf-car-inner::after {\n    content: \"\";\n    position: absolute;\n    inset: 0;\n    background: linear-gradient(\n      90deg,\n      rgba(10,15,19,.82),\n      rgba(10,15,19,.28) 65%,\n      rgba(10,15,19,.08)\n    );\n  }\n\n  .ampgo-tf .tf-car-content {\n    position: relative;\n    z-index: 2;\n    max-width: 580px;\n    padding: 70px 0;\n  }\n\n  .ampgo-tf .tf-car-content .tf-label {\n    color: #72c5ff;\n  }\n\n  .ampgo-tf .tf-car-content h2 {\n    color: #fff;\n  }\n\n  .ampgo-tf .tf-car-content p {\n    color: rgba(255,255,255,.78);\n    font-size: 17px;\n  }\n\n\n  \/* =========================================================\n     INSTALLATION\n     ========================================================= *\/\n\n  .ampgo-tf .tf-install {\n    padding: 80px 0;\n  }\n\n  .ampgo-tf .tf-steps {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 20px;\n    margin-top: 40px;\n  }\n\n  .ampgo-tf .tf-step {\n    overflow: hidden;\n    border-radius: var(--radius);\n    background: #fff;\n    box-shadow: var(--shadow);\n  }\n\n  .ampgo-tf .tf-step img {\n    aspect-ratio: 4 \/ 3;\n    object-fit: cover;\n  }\n\n  .ampgo-tf .tf-step-content {\n    padding: 22px 23px 25px;\n  }\n\n  .ampgo-tf .tf-step-number {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    width: 28px;\n    height: 28px;\n    margin-bottom: 13px;\n    border-radius: 50%;\n    background: var(--blue);\n    color: #fff;\n    font-size: 13px;\n    font-weight: 800;\n  }\n\n  .ampgo-tf .tf-step h3 {\n    font-size: 18px;\n  }\n\n  .ampgo-tf .tf-step p {\n    font-size: 14px;\n  }\n\n\n  \/* =========================================================\n     INCLUDED\n     ========================================================= *\/\n\n  .ampgo-tf .tf-included {\n    padding: 80px 0;\n    background: #eef7fc;\n  }\n\n  .ampgo-tf .tf-included-box {\n    display: grid;\n    grid-template-columns: 1fr .8fr;\n    gap: 50px;\n    align-items: center;\n  }\n\n  .ampgo-tf .tf-included-image {\n    overflow: hidden;\n    border-radius: var(--radius);\n    background: #fff;\n  }\n\n  .ampgo-tf .tf-included-image img {\n    aspect-ratio: 4 \/ 3;\n    object-fit: cover;\n  }\n\n  .ampgo-tf .tf-product-highlight {\n    display: inline-flex;\n    align-items: center;\n    gap: 13px;\n    margin-top: 22px;\n    padding: 15px 17px;\n    border-radius: 13px;\n    background: #fff;\n    box-shadow: 0 8px 24px rgba(0,0,0,.06);\n  }\n\n  .ampgo-tf .tf-check {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 31px;\n    height: 31px;\n    border-radius: 50%;\n    background: var(--blue);\n    color: #fff;\n    font-size: 16px;\n    font-weight: 900;\n  }\n\n  .ampgo-tf .tf-product-highlight strong {\n    display: block;\n    color: var(--dark);\n  }\n\n  .ampgo-tf .tf-product-highlight span {\n    color: var(--muted);\n    font-size: 13px;\n  }\n\n\n  \/* =========================================================\n     SPECS\n     ========================================================= *\/\n\n  .ampgo-tf .tf-specs {\n    padding: 80px 0;\n  }\n\n  .ampgo-tf .tf-spec-grid {\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n    gap: 14px;\n    margin-top: 35px;\n  }\n\n  .ampgo-tf .tf-spec {\n    display: flex;\n    align-items: center;\n    gap: 18px;\n    min-height: 92px;\n    padding: 18px 22px;\n    border: 1px solid var(--border);\n    border-radius: 15px;\n    background: #fff;\n  }\n\n  .ampgo-tf .tf-spec strong {\n    display: block;\n    color: var(--dark);\n    font-size: 18px;\n  }\n\n  .ampgo-tf .tf-spec span {\n    display: block;\n    color: var(--muted);\n    font-size: 14px;\n  }\n\n\n  \/* =========================================================\n     PUBLIC SIDEWALK NOTICE\n     ========================================================= *\/\n\n  .ampgo-tf .tf-notice {\n    padding: 0 0 80px;\n  }\n\n  .ampgo-tf .tf-notice-box {\n    padding: 32px 35px;\n    border: 1px solid #d9e3e9;\n    border-radius: var(--radius);\n    background: #f7fafb;\n  }\n\n  .ampgo-tf .tf-notice-box h3 {\n    margin-bottom: 9px;\n  }\n\n  .ampgo-tf .tf-notice-box p {\n    max-width: 850px;\n    font-size: 15px;\n  }\n\n\n  \/* =========================================================\n     DOCUMENTATION\n     ========================================================= *\/\n\n  .ampgo-tf .tf-documents {\n    padding-top: 0;\n    padding-bottom: 80px;\n  }\n\n  .ampgo-tf .tf-documents-box {\n    padding: 38px 42px;\n    border: 1px solid var(--border);\n    border-radius: var(--radius);\n    background: #fff;\n  }\n\n  .ampgo-tf .tf-documents-heading {\n    margin-bottom: 25px;\n  }\n\n  .ampgo-tf .tf-documents-heading h2 {\n    font-size: clamp(25px, 3vw, 34px);\n    margin-bottom: 10px;\n  }\n\n  .ampgo-tf .tf-documents-heading p {\n    max-width: 760px;\n    margin-bottom: 0;\n  }\n\n  .ampgo-tf .tf-document-links {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 12px 28px;\n    align-items: center;\n  }\n\n  .ampgo-tf .tf-document-link {\n    display: inline-flex;\n    align-items: center;\n    gap: 9px;\n    color: #145b82;\n    text-decoration: none;\n    font-size: 15px;\n    font-weight: 700;\n    transition: color .2s ease;\n  }\n\n  .ampgo-tf .tf-document-link:hover {\n    color: var(--blue);\n  }\n\n  .ampgo-tf .tf-document-link small {\n    font-size: 13px;\n    font-weight: 600;\n    opacity: .8;\n  }\n\n  .ampgo-tf .tf-download-icon {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    width: 22px;\n    height: 22px;\n    font-size: 21px;\n    line-height: 1;\n    font-weight: 400;\n  }\n\n\n  \/* =========================================================\n     FAQ\n     ========================================================= *\/\n\n  .ampgo-tf .tf-faq {\n    padding: 80px 0;\n    background: var(--light);\n  }\n\n  .ampgo-tf .tf-faq-list {\n    max-width: 900px;\n    margin: 35px auto 0;\n  }\n\n  .ampgo-tf .tf-faq details {\n    border-bottom: 1px solid var(--border);\n    background: #fff;\n  }\n\n  .ampgo-tf .tf-faq details:first-child {\n    border-radius: 14px 14px 0 0;\n  }\n\n  .ampgo-tf .tf-faq details:last-child {\n    border-radius: 0 0 14px 14px;\n  }\n\n  .ampgo-tf .tf-faq summary {\n    position: relative;\n    padding: 21px 55px 21px 22px;\n    cursor: pointer;\n    list-style: none;\n    color: var(--dark);\n    font-weight: 750;\n  }\n\n  .ampgo-tf .tf-faq summary::-webkit-details-marker {\n    display: none;\n  }\n\n  .ampgo-tf .tf-faq summary::after {\n    content: \"+\";\n    position: absolute;\n    top: 17px;\n    right: 22px;\n    color: var(--blue);\n    font-size: 25px;\n    font-weight: 400;\n  }\n\n  .ampgo-tf .tf-faq details[open] summary::after {\n    content: \"−\";\n  }\n\n  .ampgo-tf .tf-faq-answer {\n    padding: 0 22px 22px;\n  }\n\n  .ampgo-tf .tf-faq-answer p {\n    font-size: 15px;\n  }\n\n\n  \/* =========================================================\n     FINAL CTA\n     ========================================================= *\/\n\n  .ampgo-tf .tf-final {\n    padding: 80px 0;\n    background: var(--dark);\n  }\n\n  .ampgo-tf .tf-final-box {\n    text-align: center;\n    max-width: 780px;\n    margin: 0 auto;\n  }\n\n  .ampgo-tf .tf-final .tf-label {\n    color: #72c5ff;\n  }\n\n  .ampgo-tf .tf-final h2 {\n    color: #fff;\n  }\n\n  .ampgo-tf .tf-final p {\n    max-width: 650px;\n    margin: 0 auto;\n    color: rgba(255,255,255,.72);\n    font-size: 17px;\n  }\n\n  .ampgo-tf .tf-final-facts {\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: center;\n    gap: 10px;\n    margin-top: 28px;\n  }\n\n  .ampgo-tf .tf-final-fact {\n    padding: 9px 14px;\n    border: 1px solid rgba(255,255,255,.15);\n    border-radius: 999px;\n    color: rgba(255,255,255,.88);\n    font-size: 13px;\n    font-weight: 700;\n  }\n\n\n  \/* =========================================================\n     RESPONSIVE\n     ========================================================= *\/\n\n  @media (max-width: 900px) {\n\n    .ampgo-tf .tf-hero-content {\n      padding: 50px;\n    }\n\n    .ampgo-tf .tf-split {\n      grid-template-columns: 1fr;\n    }\n\n    .ampgo-tf .tf-split-image {\n      min-height: 400px;\n    }\n\n    .ampgo-tf .tf-split-content {\n      padding: 50px;\n    }\n\n    .ampgo-tf .tf-passage-grid {\n      grid-template-columns: 1fr;\n    }\n\n    .ampgo-tf .tf-included-box {\n      grid-template-columns: 1fr;\n    }\n\n    .ampgo-tf .tf-steps {\n      grid-template-columns: 1fr;\n    }\n\n    .ampgo-tf .tf-step img {\n      aspect-ratio: 16 \/ 9;\n    }\n  }\n\n\n  @media (max-width: 700px) {\n\n    .ampgo-tf .tf-wrap {\n      width: min(100% - 28px, 1180px);\n    }\n\n    .ampgo-tf .tf-section {\n      padding: 55px 0;\n    }\n\n    .ampgo-tf .tf-ad-intro {\n      padding: 20px 0 5px;\n    }\n\n    .ampgo-tf .tf-ad-intro-box {\n      padding: 22px 20px 23px;\n    }\n\n    .ampgo-tf .tf-ad-intro h2 {\n      font-size: 24px;\n    }\n\n    .ampgo-tf .tf-ad-intro p {\n      font-size: 15px;\n    }\n\n    .ampgo-tf .tf-hero {\n      min-height: 540px;\n      border-radius: 14px;\n    }\n\n    .ampgo-tf .tf-hero::after {\n      background:\n        linear-gradient(\n          0deg,\n          rgba(10,15,19,.92) 0%,\n          rgba(10,15,19,.62) 55%,\n          rgba(10,15,19,.12) 100%\n        );\n    }\n\n    .ampgo-tf .tf-hero-content {\n      padding: 32px 25px;\n    }\n\n    .ampgo-tf .tf-hero h1 {\n      font-size: 38px;\n    }\n\n    .ampgo-tf .tf-hero p {\n      font-size: 16px;\n    }\n\n    .ampgo-tf .tf-before-after {\n      grid-template-columns: 1fr;\n    }\n\n    .ampgo-tf .tf-split-image {\n      min-height: 320px;\n    }\n\n    .ampgo-tf .tf-split-content {\n      padding: 38px 25px;\n    }\n\n    .ampgo-tf .tf-car-inner {\n      min-height: 520px;\n    }\n\n    .ampgo-tf .tf-car-content {\n      padding: 45px 0;\n    }\n\n    .ampgo-tf .tf-spec-grid {\n      grid-template-columns: 1fr;\n    }\n\n    .ampgo-tf .tf-notice {\n      padding-bottom: 55px;\n    }\n\n    .ampgo-tf .tf-notice-box {\n      padding: 25px 22px;\n    }\n\n    .ampgo-tf .tf-documents {\n      padding-bottom: 55px;\n    }\n\n    .ampgo-tf .tf-documents-box {\n      padding: 30px 22px;\n    }\n\n    .ampgo-tf .tf-document-links {\n      display: grid;\n      gap: 16px;\n    }\n\n    .ampgo-tf .tf-document-link {\n      width: 100%;\n    }\n\n    .ampgo-tf .tf-final {\n      padding: 60px 0;\n    }\n  }\n\u003c\/style\u003e\n\u003cdiv class=\"ampgo-tf\"\u003e\n\n\u003c\/div\u003e","brand":"AmpGo","offers":[{"title":"Default Title","offer_id":54971431616850,"sku":null,"price":136.95,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0656\/3535\/2796\/files\/ampgo-tripfree-ladekabel-i-skinne-carport.jpg?v=1791364190","url":"https:\/\/thamus.de\/products\/ampgo-tripfree-fortovsskinne","provider":"Thamus ApS","version":"1.0","type":"link"}