templates/index/index.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  3. {% block title %}Smartphones, Handys & Tablets günstig in CLP beim Doctor reparieren lassen{% endblock %}
  5. {% block body %}
  6.     <div id="body-main">
  8.         <section class="section mt-6 hero is-halfheight has-carousel mt-6">
  11. <div id="carousel" class="hero-carousel">
  12.     <div class="carousel-track">
  13.         <div class="carousel-item item-1 has-background">
  14.             <img alt="Kogorepair Smartphone Reparaturen und vieles mehr" class="is-background" src="/images/_24/mood/title.webp">
  15.             <div class="carousel-content">
  16.                 <div class="text-content">
  18.                     <span class="tag is-danger tag-koho" style="">Schnell & Zuverlässig</span>
  19.                     <h1 class="title is-1 head-1-mvs" style="color:white;">Ihre Handyspezialisten in Cloppenburg</h1>
  20.                     <p>Vertrauen Sie auf Kogorepair für schnelle und fachgerechte Reparaturen. Ob Displaywechsel, Akku-Service oder Software-Updates – wir bringen Ihr Handy schnell wieder zum Laufen. Besuchen Sie uns in Cloppenburg und profitieren Sie von unserem exzellenten Service!</p>
  21.                 </div>
  22.             </div>
  23.         </div>
  24.         <div class="carousel-item item-2 has-background">
  25.             <img alt="Einsenden bei Kogorepair" class="is-background" src="/images/_24/mood/mood_repair_2.webp">
  26.             <div class="carousel-content">
  27.                 <div class="text-content">
  28.                     <span class="tag is-danger tag-koho" style="">Reparatur in Rekordzeit</span>
  29.                     <h1 class="title is-1 head-1-mvs" style="color:white;">Kogorepair – Ihre Adresse für Handyreparaturen</h1>
  30.                     <p>Egal ob defektes Display oder Wasserschaden, bei Kogorepair in Cloppenburg sind wir für Sie da. Unsere erfahrenen Techniker sorgen dafür, dass Ihr Gerät in kürzester Zeit wieder einsatzbereit ist. Kommen Sie vorbei und überzeugen Sie sich selbst von unserem umfangreichen Angebot!</p>
  31.                 </div>
  32.             </div>
  33.         </div>
  34.     </div>
  35.     <div class="carousel-control left">&#10094;</div>
  36.     <div class="carousel-control right">&#10095;</div>
  37. </div>
  48.         </section>
  51.         <section id="kogo-header" class="hero is-large is-success mt-6" style="display:none">
  52.             <div class="hero-body banner-gradient" >
  53.                 <div style="z-index:100;">
  54.                     <h1 class="title">
  55.                         KOGOREPAIR
  56.                     </h1>
  57.                     <p class="subtitle">
  58.                         Ihr Handydoctor aus der Umgebung!
  59.                         <br> Wir bieten Ihnen die Reparaturen an Ihrem Smartphone, Tablet, PC und Laptop an.
  60.                     </p>
  61.                     <div class="buttons">
  62.                         <a class="button is-primary" href="{{ path('reparieren') }}">
  63.                             <i class="fa-solid fa-screwdriver-wrench"></i>
  64.                             <span class="pl-2">Reparieren</span>
  65.                         </a>
  66.                         <a class="button is-white is-outlined" href="{{ path('kontakt') }}">
  67.                             <i class="fa-solid fa-phone"></i>
  68.                             <span class="pl-2">Kontaktieren</span>
  69.                         </a>
  70.                     </div>
  71.                 </div>
  72.             </div>
  73.         </section>
  76.         <section id="kogo-three-repair" class="section container has-text-centered is-vcentered is-centered mt- mb-6 pr-0 pl-0">
  77.             <span style="color:#ce1b28;margin-bottom:0" class="poppins-light">
  78.                 Jede Marke, Jedes Gerät
  79.             </span>
  80.             <h2 class="title poppins-semibold">Reparturen bei Kogorepair</h2>
  82.             <div class="columns is-multiline is-hidden-mobile is-vcentered is-centered mt-4">
  84.                 <div class="column is-one-fifth is-3 zoom-element box m-2" style="padding:10px;width: 23%;">
  85.                     <a href="{{ path('handy') }}">
  86.                         <img src="images/_24/kategorien/handy.webp" alt="Handy Reparatur" title="Handy Reparatur" width="90px">
  87.                         <br>
  88.                         <span style="text-align: center;color:black;font-weight:500;">Handy Reparatur</span>
  89.                     </a>
  90.                 </div>
  91.                 <div class="column is-one-fifth is-3 zoom-element box m-2" style="padding:10px;width: 23%;">
  92.                     <a href="{{ path('tablet') }}">
  93.                         <img src="images/_24/kategorien/tablet.webp" alt="Tablet Reparatur" title="Tablet Reparatur" width="90px">
  94.                         <br>
  95.                         <span style="text-align: center;color:black;font-weight:500;">Tablet Reparatur</span>
  96.                     </a>
  97.                 </div>
  98.                 <div class="column is-one-fifth is-3 zoom-element box m-2" style="padding:10px;width: 23%;">
  99.                     <a href="{{ path('pc') }}">
  100.                         <img src="images/_24/kategorien/laptop.webp" alt="Laptop & PC Reparatur" title="Laptop & PC Reparatur" width="90px">
  101.                         <br>
  102.                         <span style="text-align: center;color:black;font-weight:500;">Laptop & PC Reparatur</span>
  103.                     </a>
  104.                 </div>
  105.                 <div class="column is-one-fifth is-3 zoom-element box m-2" style="padding:10px;width: 23%;">
  106.                     <a href="{{ path('smartwatch') }}">
  107.                         <img src="images/_24/kategorien/smartwatch.webp" alt="Smartwatch Reparatur" title="Smartwatch Reparatur" width="90px">
  108.                         <br>
  109.                         <span style="text-align: center;color:black;font-weight:500;">Smartwatch Reparatur</span>
  110.                     </a>
  111.                 </div>
  113.             </div>
  115.             <div class="is-hidden-desktop">
  116.                 <div class="columns is-multiline is-mobile is-vcentered mt-6">
  117.                     <div class="column is-half-mobile zoom-element" style="display: flex;justify-content: center;flex-direction: column;align-items: center;">
  118.                         <a href="{{ path('handy') }}">
  119.                             <img src="images/_24/kategorien/handy.webp" alt="Handy Reparatur" title="Handy Reparatur" >
  120.                             <span style="text-align: center;color:black;">Handy Reparatur</span>
  121.                         </a>
  122.                     </div>
  123.                     <div class="column is-half-mobile zoom-element" style="display: flex;justify-content: center;flex-direction: column;align-items: center;">
  124.                         <a href="{{ path('tablet') }}">
  125.                             <img src="images/_24/kategorien/tablet.webp" alt="Tablet Reparatur" title="Tablet Reparatur" >
  126.                             <span style="text-align: center;color:black;">Tablet Reparatur</span>
  127.                         </a>
  128.                     </div>
  129.                 </div>
  130.                 
  131.                 <div class="columns is-multiline is-mobile is-vcentered mt-6">
  132.                     <div class="column is-half-mobile zoom-element" style="display: flex;justify-content: center;flex-direction: column;align-items: center;">
  133.                         <a href="{{ path('pc') }}">
  134.                             <img src="images/_24/kategorien/laptop.webp" alt="Laptop & PC Reparatur" title="Laptop & PC Reparatur" >
  135.                             <span style="text-align: center;color:black;">Laptop & PC Reparatur</span>
  136.                         </a>
  137.                     </div>
  138.                     <div class="column is-half-mobile zoom-element" style="display: flex;justify-content: center;flex-direction: column;align-items: center;">
  139.                         <a href="{{ path('smartwatch') }}">
  140.                             <img src="images/_24/kategorien/smartwatch.webp" alt="Smartwatch Reparatur" title="Smartwatch Reparatur" >
  141.                             <span style="text-align: center;color:black;">Smartwatch Reparatur</span>
  142.                         </a>
  143.                     </div>
  144.                 </div>
  145.             </div>
  147.         </section>
  150.         <section id="kogo-repair" class="section container has-text-centered pt-6 pb-6 box mt-6 mb-6" style="border-radius:15px; background-color:#ce5151;color:white;">
  151.             <div class="pr-6 pl-6">
  152.                 <h2 class="title" style="color:white;">Ihr Smartphone ist Defekt? Kein Problem!</h2>
  153.                 <p>Professionellen Sofortservice für Ihr Gerät in Cloppenburg und Umgebung. Egal, ob es sich um Probleme mit Ihrem Handy, Tablet oder einem anderen Gerät handelt, wir sind Ihr vertrauenswürdiger Handy-Doctor. Kommen Sie noch heute zu uns und lassen Sie uns helfen, Ihr Gerät wieder flott zu machen!</p>
  154.             </div>
  156.             <div class="mt-6">
  157.                 <div class="columns is-narrow">
  158.                     <div class="box column m-3 column-box container-box" style="border-radius:15px">
  159.                         <header>
  160.                             <img alt="Display Reparatur" src="images/_24/icons/display.png" height="90" width="90" class="p-2">
  161.                             <h4 class="title is-4 poppins-semibold is-capitalized" style="margin-bottom:unset;font-weight: 500;">Display</h4>
  162.                             <p>Jedes Modell</p>
  163.                         </header>
  164.                         <div class="overlay-box">
  165.                             <p style="font-size:16px">Für Displayreparaturen sind wir Ihr zuverlässiger Partner, um Ihr Smartphone wieder in einwandfreiem Zustand zu bringen.</p>
  166.                         </div>
  167.                     </div>
  168.                     <div class="box column m-3 column-box container-box" style="border-radius:15px">
  169.                         <header>
  170.                             <img alt="Glas Reparatur" src="images/_24/icons/display.png" height="90" width="90" class="p-2">
  171.                             <h4 class="title is-4 poppins-semibold is-capitalized" style="margin-bottom:unset;font-weight: 500;">Glas</h4>
  172.                             <p>Günstige Alternative</p>
  173.                         </header>
  174.                         <div class="overlay-box">
  175.                             <p>Unsere Glasreparatur-Services sorgen dafür, dass Ihr Gerät wieder makellos aussieht und optimal funktioniert.</p>
  176.                         </div>
  177.                     </div>
  178.                     <div class="box column m-3 column-box container-box" style="border-radius:15px">
  179.                         <header>
  180.                             <img alt="Akku Reparatur" src="images/_24/icons/akku.png" height="90" width="90" class="p-2">
  181.                             <h4 class="title is-4 poppins-semibold is-capitalized" style="margin-bottom:unset;font-weight: 500;">Akku</h4>
  182.                             <p>Neuer Akku, neues Leben</p>
  183.                         </header>
  184.                         <div class="overlay-box">
  185.                             <p>Mit unserer Akkureparatur erhalten Sie die Leistungsfähigkeit Ihres Geräts zurück, damit es den ganzen Tag über einsatzbereit ist.</p>
  186.                         </div>
  187.                     </div>
  188.                 </div>
  189.                 
  190.                 <div class="columns is-narrow mt-1">
  191.                     <div class="box column m-3 column-box container-box" style="border-radius:15px">
  192.                         <header>
  193.                             <img alt="Ladebuchse Reparatur" src="images/_24/icons/ladebuchse.png" height="90" width="90" class="p-2">
  194.                             <h4 class="title is-4 poppins-semibold is-capitalized" style="margin-bottom:unset;font-weight: 500;">Ladebuchse</h4>
  195.                         </header>
  196.                         <p>Probleme beim Aufladen?</p>
  197.                         <div class="overlay-box">
  198.                             <p>Vertrauen Sie unserer Fachkompetenz bei der Ladebuchsenreparatur, um sicherzustellen, dass Ihr Gerät wieder problemlos aufgeladen werden kann.</p>
  199.                         </div>
  200.                     </div>
  201.                     <div class="box column m-3 column-box container-box" style="border-radius:15px">
  202.                         <header>
  203.                             <img alt="Fehlerdiagnose" src="images/_24/icons/analyse.png" height="90" width="90" class="p-2">
  204.                             <h4 class="title is-4 poppins-semibold is-capitalized" style="margin-bottom:unset;font-weight: 500;">Fehlerdiagnose</h4>
  205.                         </header>
  206.                         <p>Ihr Gerät, unsere Diagnose</p>
  207.                         <div class="overlay-box">
  208.                             <p style="">Für jede Fehlerdiagnose berechnen wir einmalig 20€. Diese werden bei anschließender Reparatur gutgeschrieben.</p>
  209.                         </div>
  210.                     </div>
  211.                     <div class="box column m-3 column-box container-box" style="border-radius:15px">
  212.                         <header>
  213.                             <img alt="Sonstige Reparaturen" src="images/_24/icons/sonstiges.png" height="90" width="90" class="p-2">
  214.                             <h4 class="title is-4 poppins-semibold is-capitalized" style="margin-bottom:unset;font-weight: 500;">Sonstiges</h4>
  215.                         </header>
  216.                         <p>Viele weitere Reparaturen</p>
  217.                         <div class="overlay-box">
  218.                             <p style="">
  219.                             Haupt- und Frontkamera <br>
  220.                             Lautsprecher & Mikrofon <br>
  221.                             Wasserschäden <br> 
  222.                             und vieles mehr! <br>
  223.                             Fragen Sie uns gerne.
  224.                             </p>
  225.                         </div>
  226.                     </div>
  227.                 </div>
  228.             </div>
  230.         </section>
  234.         <section id="kogo-daten" class="section container has-text-centered pb-6">
  235.             <div class="mt-6 mb-6 pb-6">
  236.                 <div class="">
  237.                     <span style="color:#ce1b28;" class="poppins-light">
  238.                         Zahlen, Daten, Fakten!
  239.                     </span>
  240.                     <h3 class="title poppins-semibold mt-0 mb-0">
  241.                         Kogorepair in Zahlen
  242.                     </h3>
  243.                     <span class="poppins-light mb-5">
  244.                         Wir haben Langjährige Erfahrung in dem was wir tun!
  245.                     </span>
  246.                     <div class="columns mt-3">
  247.                         <div class="column">
  248.                             <img alt="Display" src="images/_24/icons/display.png" height="90" width="90" class="p-2">
  249.                             <div>
  250.                                 <span style="color:#ce1b28;" class="poppins-light">
  251.                                     Über
  252.                                 </span>
  253.                                 <h3 class="counter title is-3" style="margin-bottom:unset;">15000</h3>
  254.                                 <span>Displays gewechselt</span>
  255.                             </div>
  256.                         </div>
  257.                         <div class="column">
  258.                             <img alt="Akku" src="images/_24/icons/akku.png" height="90" width="90" class="p-2">
  259.                             <div>
  260.                                 <span style="color:#ce1b28;" class="poppins-light">
  261.                                     Über
  262.                                 </span>
  263.                                 <h3 class="counter title is-3" style="margin-bottom:unset;">4500</h3>
  264.                                 <span>Akkus getauscht</span>
  265.                             </div>
  266.                         </div>
  267.                         <div class="column">
  268.                             <img alt="Ladebuchse" src="images/_24/icons/ladebuchse.png" height="90" width="90" class="p-2">
  269.                             <div>
  270.                                 <span style="color:#ce1b28;" class="poppins-light">
  271.                                     Über
  272.                                 </span>
  273.                                 <h3 class="counter title is-3" style="margin-bottom:unset;">3000</h3>
  274.                                 <span>Ladebuchsen erneuert</span>
  275.                             </div>
  276.                         </div>
  277.                         <div class="column">
  278.                             <img alt="Sonstiges" src="images/_24/icons/sonstiges.png" height="90" width="90" class="p-2">
  279.                             <div>
  280.                                 <span style="color:#ce1b28;" class="poppins-light">
  281.                                     Über
  282.                                 </span>
  283.                                 <h3 class="counter title is-3" style="margin-bottom:unset;">6000</h3>
  284.                                 <span>sonstige Reparaturen</span>
  285.                             </div>
  286.                         </div>
  287.                     </div>
  288.                 </div>
  289.             </div>
  290.         </section>
  292.    
  295.         <section id="kogo-repair" class="section container has-text-centered pb-6">
  296.             <div class="mt-6 mb-6 pb-6">
  297.                 <div class="columns is-vcentered mt-6">
  298.                     <div class="column is-flex is-vcentered">
  299.                         <video class="hide-in-ie8" autoplay loop muted style="width: 100%; height: unset!important;border-radius:10px">
  300.                             <source src="videos/besuch_bei_kogorepair.mp4" type="video/mp4"/>
  301.                         </video>
  302.                     </div>
  303.                     <div class="column content has-text-left m-2">
  304.                         <span style="color:#ce1b28;margin-bottom:0" class="poppins-light">
  305.                             Handy Reparaturen in Cloppenburg
  306.                         </span>
  307.                         <h3 class="title poppins-semibold" style="margin-top:0">
  308.                             Warum Smartphone Service Kogorepair?
  309.                         </h3>
  310.                         <p class="mb-3">
  311.                         • Top Service selbst nach der Reparatur<br>
  312.                         • Qualität die Überzeugt<br>
  313.                         • Fast auf allen Reparaturen eine Garantie von 1 Jahr<br>
  314.                         • Sofortreparaturen, leine langen Wartezeiten
  315.                         </p>
  316.                         <div class="buttons mt-4">
  317.                             <a class="button is-primary is-outlined" href="#anfahrt">
  318.                                 <i class="fa-solid fa-house-medical"></i>
  319.                                 <span class="pl-2">Anfahrt</span>
  320.                             </a>
  321.                         </div>
  322.                     </div>
  323.                 </div>
  324.             </div>
  325.         </section>
  328.         <section id="kogo-standing" class="has-text-centered">
  329.             <div class="container section">
  330.                 <span style="color:#ce1b28;" class="poppins-light">
  331.                     Qualität? Garantiert!
  332.                 </span>
  333.                 <h3 class="title poppins-semibold mt-2 mb-2">
  334.                     Wir überzeugen!
  335.                 </h3>
  336.                 <p class="poppins-regular">
  337.                     Schnelle, kompetente Handy-, Tablet- und PC-Reparaturen in Cloppenburg und ganz Deutschland. <br> Vertrauen Sie auf unsere langjährige Erfahrung und günstige Preise.
  338.                 </p>
  339.                 <div class="mt-5 mb-5">
  340.                     <div class="columns is-hidden-mobile is-flex-desktop is-vcentered">
  341.                         <div data-aos="zoom-in-up" class="m-1 column is-vcentered zoom-element box kogo-red " style="border-radius:15px">
  342.                                 <i class="fa fa-check-circle fa-4x" aria-hidden="true"></i>
  343.                                 <h3 class="pt-4 white-text poppins-light" style="margin-bottom:0;">Diagnose</h3>
  344.                             <p class="poppins-regular tag is-success is-light mb-0">Schnell & Zuverlässig</p>
  345.                         </div>
  346.                         <div data-aos="zoom-in-up" class="m-1 column zoom-element box kogo-red " style="border-radius:15px">
  347.                                 <i class="fa fa-calendar-check fa-4x" aria-hidden="true"></i>
  348.                                 <h3 class="pt-4 white-text poppins-light" style="margin-bottom:0;">Express-Reparatur</h3>
  349.                             <p class="poppins-regular tag is-success is-light mb-0">1-2 Std. ohne Termin</p>
  350.                         </div>
  351.                         <div data-aos="zoom-in-up" class="m-1 column zoom-element box kogo-red " style="border-radius:15px">
  352.                                 <i class="fa fa-drivers-license fa-4x" aria-hidden="true"></i>
  353.                                 <h3 class="pt-4 white-text poppins-light" style="margin-bottom:0;">Vertraulich</h3>
  354.                             <p class="poppins-regular tag is-success is-light mb-0">Keine Daten an Dritte</p>
  355.                         </div>
  356.                         <div data-aos="zoom-in-up" class="m-1 column zoom-element box kogo-red " style="border-radius:15px">
  357.                                 <i class="fa fa-file-text fa-4x" aria-hidden="true"></i>
  358.                                 <h3 class="pt-4 white-text poppins-light" style="margin-bottom:0;">Rechnung</h3>
  359.                             <p class="poppins-regular tag is-success is-light mb-0">12 Monate Garantie*</p>
  360.                         </div>
  361.                     </div>
  362.                     <div class="is-hidden-desktop">
  363.                         <div class="columns is-mobile is-vcentered">
  364.                             <div class="m-1 column zoom-element">
  365.                                 <header>
  366.                                     <i class="fa fa-check-circle fa-5x" aria-hidden="true"></i>
  367.                                     <h3 class="pt-4 wdhite-text poppins-light">Diagnose</h3>
  368.                                 </header>
  369.                                 <p class="poppins-regular tag is-success is-light">Schnell & Zuverlässig</p>
  370.                             </div>
  371.                             <div class="m-1 column zoom-element">
  372.                                 <header>
  373.                                     <i class="fa fa-calendar-check fa-5x" aria-hidden="true"></i>
  374.                                     <h3 class="pt-4 wdhite-text poppins-light">Express</h3>
  375.                                 </header>
  376.                                 <p class="poppins-regular tag is-success is-light">1-2 Std. ohne Termin</p>
  377.                             </div>
  378.                         </div>
  379.                         <div class="columns is-mobile is-vcentered">
  380.                             <div class="m-1 column zoom-element">
  381.                                 <header>
  382.                                     <i class="fa fa-drivers-license fa-5x" aria-hidden="true"></i>
  383.                                     <h3 class="pt-4 whdite-text poppins-light">Vertraulich</h3>
  384.                                 </header>
  385.                                 <p class="poppins-regular tag is-success is-light">Keine Daten an Dritte</p>
  386.                             </div>
  387.                             <div class="m-1 column zoom-element">
  388.                                 <header>
  389.                                     <i class="fa fa-file-text fa-5x" aria-hidden="true"></i>
  390.                                     <h3 class="pt-4 whdite-text poppins-light">Rechnung</h3>
  391.                                 </header>
  392.                                 <p class="poppins-regular tag is-success is-light">12 Monate Garantie*</p>
  393.                             </div>
  394.                         </div>
  395.                     </div>
  396.                     <div class="container" style="display:none">
  397.                         <p class="poppins-regular">
  398.                             Schnelle, kompetente Handy-, Tablet- und PC-Reparaturen in Cloppenburg und ganz Deutschland. Wir beheben alle Defekte: Displaybruch, Akku, Softwareprobleme und mehr. Reparaturen für alle Marken wie iPhone, Samsung, Huawei und mehr. Vertrauen Sie auf unsere langjährige Erfahrung und günstige Preise.
  399.                         </p>
  400.                     </div>
  401.                 </div>
  402.             </div>
  403.         </section>
  406.         <section id="kogo-versicherung" class="section container is-vcentered is-centered mt-6 mb-3">
  407.             <div class="mt-6 mb-3">
  408.                 <div class="columns is-vcentered mt-6 mb-3">
  409.                     <div class="column content has-text-left">
  410.                         <span style="color:#ce1b28;" class="poppins-light">
  411.                             WERTGARANTIE
  412.                         </span>
  413.                         <h3 class="title poppins-semibold mt-0 mb-0">
  414.                             Handy versichern bei Kogorepair
  415.                         </h3>
  416.                         <span class="poppins-light mb-5">
  417.                             und vom weltweiten Schutz profitieren
  418.                         </span>
  420.                         <p class="mt-3">
  421.                         Schützen Sie Ihr Smartphone und andere elektronische Geräte optimal! Mit dem Komplettschutz von Wertgarantie sichern Sie sich schon ab 5,50€ im Monat umfassenden Schutz vor Schäden, Diebstahl und Defekten. Bei Kogorepair möchten wir, dass Sie sorgenfrei unterwegs sind – egal, was passiert. Vertrauen Sie auf unsere Expertise und die starke Absicherung von Wertgarantie, damit Ihr Gerät jederzeit bestens geschützt ist. Sichern Sie sich jetzt Ihren Rundumschutz!
  422.                         <br><br>
  423.                         Mit unserer eigenen Hauswerkstatt reparieren wir Ihr Gerät direkt vor Ort und in kürzester Zeit.
  424.                         </p>
  425.                 
  426.                         <div class="buttons mt-4">
  427.                             <a class="button is-primary is-outlined" href="#anfahrt">
  428.                                 <i class="fa-solid fa-info"></i>
  429.                                 <span class="pl-2">Jetzt Informieren</span>
  430.                             </a>
  431.                         </div>
  432.                     </div>
  433.                     <div class="column is-flex is-vcentered">
  434.                         <video class="hide-in-ie8" autoplay loop muted style="width: 100%; height: unset!important;border-radius:10px">
  435.                             <source src="images/wertgarantie.mp4" type="video/mp4"/>
  436.                         </video>
  437.                     </div>
  438.                 </div>
  439.             </div>
  440.         </section>
  446.         <section id="kogo-repair" class="section container has-text-centered pb-6">
  447.             <div class="mt-3 mb-4 pb-3">
  448.                 <div class="columns is-vcentered mt-6">
  449.                     <div class="column">
  450.                         <img alt="Einsenden bei Kogorepair" class="mobile1" src="images/_24/mood/einsenden_neu-klein.webp" height="100%" width="100%" style="border-radius:10px">
  451.                     </div>
  452.                     <div class="column content has-text-left m-2">
  453.                         <span style="color:#ce1b28;margin-bottom:0" class="poppins-light">
  454.                             Einfach, schnell, einsenden!
  455.                         </span>
  456.                         <h3 class="title poppins-semibold" style="margin-top:0">
  457.                             Sie möchten Ihr Gerät einsenden?
  458.                         </h3>
  459.                         <p class="mb-3">
  460.                             Senden Sie ganz Einfach über unser Portal Ihr Gerät per Post bei uns ein.
  461.                             Gerne empfangen wir Sie auch vor Ort und helfen Ihnen weiter.
  462.                         </p>
  463.                         <div class="buttons mt-4">
  464.                             <a class="button is-primary" href="{{ path('reparieren') }}">
  465.                                 <i class="fa-solid fa-paper-plane"></i>
  466.                                 <span class="pl-2">Gerät einsenden</span>
  467.                             </a>
  468.                             <a class="button is-primary is-outlined" href="#anfahrt">
  469.                                 <i class="fa-solid fa-house-medical"></i>
  470.                                 <span class="pl-2">Vor-Ort</span>
  471.                             </a>
  472.                         </div>
  473.                     </div>
  474.                 </div>
  475.             </div>
  476.         </section>
  480.         <section class="section container mt-6 mb-6" id="anfahrt" style="">
  481.             <div class="" style="overflow: hidden;border-radius: 20px;">
  482.                 <div style="text-align:center;">
  483.                     <h2 class="title poppins-semibold">Anfahrt</h2>
  484.                 </div>
  486.                 <!-- Container für das Iframe -->
  487.                 <div id="mapContainer" style="display: none;">
  488.                     <iframe id="googleMap" style="border-radius:20px" width="100%" height="450" frameborder="0" style="border:0;" allowfullscreen=""></iframe>
  489.                 </div>
  490.                 
  491.                 <!-- Nachricht, die angezeigt wird, wenn Cookies nicht akzeptiert wurden -->
  492.                 <div id="cookieMessage" style="display: none;">
  493.                     <img alt="Keine Cookies akzeptiert, Kogorepair bei Google" src="/images/noMap.png">
  494.                 </div>
  495.             </div>
  496.         </section>
  499.         <section id="kogo-three-blocks" class="section container mb-6 mt-6">
  500.             <div class="has-text-centered columns">
  501.                 <div class="box column kogo-red white-text m-4 zoom-element" style="border-radius:15px">
  502.                     <i class="fa fa-clock mt-4 fa-2x"></i>
  503.                     <h3 class="poppins-regular white-text mt-2">Sofortreparatur</h3>
  504.                     <h4 class="poppins-light white-text">Bringen Sie Ihr Smartphone bei uns vorbei</h4>
  505.                     <a href="reparieren" class="button mb-4">
  506.                         Reparatur wählen
  507.                     </a>
  508.                 </div>
  509.                 <div class="box column kogo-red white-text m-4 zoom-element" style="border-radius:15px">
  510.                     <i class="fa fa-mail-forward mt-4 fa-2x"></i>
  511.                     <h3 class="poppins-regular white-text mt-2">Bequem von Zuhause</h3>
  512.                     <h4 class="poppins-light white-text">Senden Sie Ihr Smartphone einfach per Post</h4>
  513.                     <a href="einsenden" class="button mb-4">
  514.                         Weiterlesen
  515.                     </a>
  516.                 </div>
  517.                 <div class="box column kogo-red white-text m-4 zoom-element" style="border-radius:15px">
  518.                     <i class="fa fa-phone mt-4 fa-2x"></i>
  519.                     <h3 class="poppins-regular white-text mt-2">Rufen Sie uns an!</h3>
  520.                     <h4 class="poppins-light white-text">Smartphone Service Kogorepair Cloppenburg</h4>
  521.                     <a href="tel:017643691569" class="button mb-4">
  522.                         01764 369 1569
  523.                     </a>
  524.                 </div>
  525.             </div>
  526.         </section>
  529.         <section class="section footer-mrl">
  530.             <div class="container">
  531.                 <h2 style="color: #ce1b28" class="title poppins-semibold">FAQ - Häufig gestellte Fragen:</h2>
  532.                 <h3 class="poppins-regular">Fragen zur Reparatur:</h3>
  533.                 <div>
  534.                     <div class="card mb-3 pointer">
  535.                         <header class="card-header accordionAction">
  536.                             <p class="card-header-title" style="margin-bottom: unset;!important;">
  537.                                 Lohnt sich die Reparatur?
  538.                             </p>
  539.                             <a href="#collapsible-card" data-action="collapse" data-target="#collapsible-card" class=" card-header-icon is-hidden-fullscreen" aria-label="more options">
  540.                             <span class="icon iconCard">
  541.                                 <i class="fa fa-angle-down" aria-hidden="true"></i>
  542.                             </span>
  543.                             </a>
  544.                         </header>
  545.                         <div id="collapsible-card" style="display:none">
  546.                             <div class="card-content">
  547.                                 In den meisten Fällen ja. Natürlich wägen wir den Kosten-/Nutzen-Faktor vorab immer entsprechend der Höhe des Materialschadens und des emotionalen Werts des Geräts ab.
  548.                             </div>
  549.                         </div>
  550.                     </div>
  552.                     <div class="card mb-3 pointer">
  553.                         <header class="card-header accordionAction">
  554.                             <p class="card-header-title" style="margin-bottom: unset;!important;">
  555.                                 Welche Hersteller und Geräte werden repariert?
  556.                             </p>
  557.                             <a href="#collapsible-card" data-action="collapse" data-target="#collapsible-card" class=" card-header-icon is-hidden-fullscreen" aria-label="more options">
  558.                             <span class="icon iconCard">
  559.                                 <i class="fa fa-angle-down" aria-hidden="true"></i>
  560.                             </span>
  561.                             </a>
  562.                         </header>
  563.                         <div id="collapsible-card" style="display:none">
  564.                             <div class="card-content">
  565.                                 Wir reparieren alle gängigen Modelle von Apple, Samsung, Huawei, Xiaomi, Google, Oppo, Sony und HTC.
  566.                             </div>
  567.                         </div>
  568.                     </div>
  570.                     <div class="card mb-3 pointer">
  571.                         <header class="card-header accordionAction">
  572.                             <p class="card-header-title" style="margin-bottom: unset;!important;">
  573.                                 Können Sie meine Daten retten?
  574.                             </p>
  575.                             <a href="#collapsible-card" data-action="collapse" data-target="#collapsible-card" class=" card-header-icon is-hidden-fullscreen" aria-label="more options">
  576.                             <span class="icon iconCard">
  577.                                 <i class="fa fa-angle-down" aria-hidden="true"></i>
  578.                             </span>
  579.                             </a>
  580.                         </header>
  581.                         <div id="collapsible-card" style="display:none">
  582.                             <div class="card-content">
  583.                                 Wenn es technisch möglich ist, Ihre Daten zu retten, dann retten wir sie auch.
  584.                             </div>
  585.                         </div>
  586.                     </div>
  588.                     <div class="card mb-3 pointer">
  589.                         <header class="card-header accordionAction">
  590.                             <p class="card-header-title" style="margin-bottom: unset;!important;">
  591.                                 Was passiert während der Reparatur mit meinen Daten?
  592.                             </p>
  593.                             <a href="#collapsible-card" data-action="collapse" data-target="#collapsible-card" class=" card-header-icon is-hidden-fullscreen" aria-label="more options">
  594.                             <span class="icon iconCard">
  595.                                 <i class="fa fa-angle-down" aria-hidden="true"></i>
  596.                             </span>
  597.                             </a>
  598.                         </header>
  599.                         <div id="collapsible-card" style="display:none">
  600.                             <div class="card-content">
  601.                                 Wir versuchen, Ihre Daten während der Reparatur zu erhalten, dies in den letzten Jahren bisher immer ERFOLGREICH geklappt. Eine 100%ige Sicherheit hierfür können wir allerdings nicht geben, da je nach Schaden unterschiedliche Komponenten repariert bzw. ersetzt werden müssen. Deshalb empfehlen wir, alle Daten vor der Abgabe des Geräts mit einem Backup zu sichern. Natürlich halten wir uns während aller Arbeitsschritte an die geltenden Datenschutzrichtlinien.
  602.                             </div>
  603.                         </div>
  604.                     </div>
  606.                     <div class="card mb-3 pointer">
  607.                         <header class="card-header accordionAction">
  608.                             <p class="card-header-title" style="margin-bottom: unset;!important;">
  609.                                 Wie läuft die Reparatur ab?
  610.                             </p>
  611.                             <a href="#collapsible-card" data-action="collapse" data-target="#collapsible-card" class=" card-header-icon is-hidden-fullscreen" aria-label="more options">
  612.                             <span class="icon iconCard">
  613.                                 <i class="fa fa-angle-down" aria-hidden="true"></i>
  614.                             </span>
  615.                             </a>
  616.                         </header>
  617.                         <div id="collapsible-card" style="display:none">
  618.                             <div class="card-content">
  619.                                 1. Auswahl des Handymodells und der erforderlichen Reparatur<br>
  620.                                 Wählen Sie online Ihr Handy-Modell und den aufgetreten Schaden aus und bestätigen Sie Ihre Auswahl.<br>
  621.                                 2. Eingabe Ihrer Gerätedaten, anschließend könne Sie Ihre angegebene Reparatur in den Warenkorb auswählen.<br>
  622.                                 Geben Sie im 3. Schritt Ihre persönlichen Daten an, damit wir Ihnen Ihr Gerät nach der Reparatur wieder zusenden können.<br>
  623.                                 3. Wahl der Bezahloption<br>
  624.                                 Bei uns bezahlen Sie unkompliziert per Überweisung, Klarna, PayPal oder Bar vor Ort. In der Regel erhalten Sie Ihr Gerät bei der Bezahlung mit PayPal schneller zurück.<br>
  625.                                 4. Einsendung<br>
  626.                                 Verpacken Sie Ihr Handy sicher in einem Paket, wickeln Sie das Gerät mit genügend Verpackungsmaterial ein, anschließend erhalten Sie ein kostenloses DHL-Label, welches sie auf das Paket kleben und bei der nächsten Annahmestelle abgeben können.
  627.                                 5. Reparatur<br>
  628.                                 Wir führen die fachgerechte Reparatur Ihres Smartphones durch. Sobald die Reparaturkosten überwiesen sind, senden wir Ihnen Ihr Handy wieder zu.<br>
  629.                                 6. Rücksendung<br>
  630.                                 Sie erhalten Ihr repariertes Smartphone nach einigen Tagen zurück und können es wieder wie gewohnt nutzen.<br>
  631.                             </div>
  632.                         </div>
  633.                     </div>
  635.                     <div class="card mb-3 pointer">
  636.                         <header class="card-header accordionAction">
  637.                             <p class="card-header-title" style="margin-bottom: unset;!important;">
  638.                                 Wie lange dauert die Reparatur?
  639.                             </p>
  640.                             <a href="#collapsible-card" data-action="collapse" data-target="#collapsible-card" class=" card-header-icon is-hidden-fullscreen" aria-label="more options">
  641.                             <span class="icon iconCard">
  642.                                 <i class="fa fa-angle-down" aria-hidden="true"></i>
  643.                             </span>
  644.                             </a>
  645.                         </header>
  646.                         <div id="collapsible-card" style="display:none">
  647.                             <div class="card-content">
  648.                                 Die meisten Reparaturen sind innerhalb weniger Stunden abgeschlossen. Natürlich gibt es Ausnahmen in beide Richtungen. So dauert etwa ein Akku-Wechsel bei einem iPhone weniger als eine Stunde, während eine Macbook-Reparatur mehrere Stunden bis zu mehreren Tagen in Anspruch nehmen kann. Für Wasserschäden und Platinenarbeiten kalkulieren wir bis zu 10 Werktage ein.
  649.                             </div>
  650.                         </div>
  651.                     </div>
  653.                     <div class="card mb-3 pointer">
  654.                         <header class="card-header accordionAction">
  655.                             <p class="card-header-title" style="margin-bottom: unset;!important;">
  656.                                 Haben Sie die Ersatzteile auf Lager?
  657.                             </p>
  658.                             <a href="#collapsible-card" data-action="collapse" data-target="#collapsible-card" class=" card-header-icon is-hidden-fullscreen" aria-label="more options">
  659.                             <span class="icon iconCard">
  660.                                 <i class="fa fa-angle-down" aria-hidden="true"></i>
  661.                             </span>
  662.                             </a>
  663.                         </header>
  664.                         <div id="collapsible-card" style="display:none">
  665.                             <div class="card-content">
  666.                                 Ersatzteile für die gängigsten Modelle der bekannten Hersteller haben wir jederzeit auf Lager. Falls ein Teil nicht da sein sollte, können wir es in der Regel innerhalb eines Werktages in unsere Filiale bestellen.
  667.                             </div>
  668.                         </div>
  669.                     </div>
  671.                     <div class="card mb-3 pointer">
  672.                         <header class="card-header accordionAction">
  673.                             <p class="card-header-title" style="margin-bottom: unset;!important;">
  674.                                 Was ist, wenn ich nicht weiß, was an meinem Gerät kaputt ist?
  675.                             </p>
  676.                             <a href="#collapsible-card" data-action="collapse" data-target="#collapsible-card" class=" card-header-icon is-hidden-fullscreen" aria-label="more options">
  677.                             <span class="icon iconCard">
  678.                                 <i class="fa fa-angle-down" aria-hidden="true"></i>
  679.                             </span>
  680.                             </a>
  681.                         </header>
  682.                         <div id="collapsible-card" style="display:none">
  683.                             <div class="card-content">
  684.                                 Wenn Sie sich unsicher sind, welche Reparatur die richtige für Sie ist, wählen Sie einfach Diagnose aus. In diesem Fall untersuchen wir das Gerät nach Eingang zunächst und finden den Fehler. Die Diagnosekosten werden anschließend mit den Reparaturkosten verrechnet.
  685.                             </div>
  686.                         </div>
  687.                     </div>
  689.                     <div class="card mb-3 pointer">
  690.                         <header class="card-header accordionAction">
  691.                             <p class="card-header-title" style="margin-bottom: unset;!important;">
  692.                                 Was ist, wenn das Gerät zusätzliche Schäden aufweist?
  693.                             </p>
  694.                             <a href="#collapsible-card" data-action="collapse" data-target="#collapsible-card" class=" card-header-icon is-hidden-fullscreen" aria-label="more options">
  695.                             <span class="icon iconCard">
  696.                                 <i class="fa fa-angle-down" aria-hidden="true"></i>
  697.                             </span>
  698.                             </a>
  699.                         </header>
  700.                         <div id="collapsible-card" style="display:none">
  701.                             <div class="card-content">
  702.                                 Stellen wir im Rahmen der Diagnose weitere Fehler fest, deren Behebung zuvor nicht in Auftrag gegeben wurde, halten wir Rücksprache mit Ihnen und stimmen uns über das weitere Vorgehen ab. Wünschen Sie nur die gebuchte Reparatur und besteht der neu gefundene Fehler unabhängig vom bereits erkannten, ist die Durchführung der gebuchten Reparatur unkompliziert möglich. Lediglich, wenn die Fehler nicht unabhängig voneinander behoben werden können, müssen Sie sich entscheiden, ob Sie den neuen Preis annehmen oder von der Reparatur Abstand nehmen wollen. In diesem Fall wird lediglich eine Service-Pauschale berechnet.
  703.                             </div>
  704.                         </div>
  705.                     </div>
  707.                     <div class="card mb-3 pointer">
  708.                         <header class="card-header accordionAction">
  709.                             <p class="card-header-title" style="margin-bottom: unset;!important;">
  710.                                 Mein Handy war bereits geöffnet, kann es trotzdem repariert werden?
  711.                             </p>
  712.                             <a href="#collapsible-card" data-action="collapse" data-target="#collapsible-card" class=" card-header-icon is-hidden-fullscreen" aria-label="more options">
  713.                             <span class="icon iconCard">
  714.                                 <i class="fa fa-angle-down" aria-hidden="true"></i>
  715.                             </span>
  716.                             </a>
  717.                         </header>
  718.                         <div id="collapsible-card" style="display:none">
  719.                             <div class="card-content">
  720.                                 Je nach Gerätezustand führen wir eine Reparatur unter Vorbehalt durch. Wenn Sie weitere Informationen zu dem Thema benötigen, sprechen Sie gern einen unserer Techniker an.
  721.                             </div>
  722.                         </div>
  723.                     </div>
  725.                     <div class="card mb-3 pointer">
  726.                         <header class="card-header accordionAction">
  727.                             <p class="card-header-title" style="margin-bottom: unset;!important;">
  728.                                 Kann ich mein defektes Gerät auch vor Ort abgeben?
  729.                             </p>
  730.                             <a href="#collapsible-card" data-action="collapse" data-target="#collapsible-card" class=" card-header-icon is-hidden-fullscreen" aria-label="more options">
  731.                             <span class="icon iconCard">
  732.                                 <i class="fa fa-angle-down" aria-hidden="true"></i>
  733.                             </span>
  734.                             </a>
  735.                         </header>
  736.                         <div id="collapsible-card" style="display:none">
  737.                             <div class="card-content">
  738.                                 Selbstverständlich können Sie auch einfach in einer unserer Filialen vorbeikommen und Ihr Gerät vorbeibringen.
  739.                             </div>
  740.                         </div>
  741.                     </div>
  743.                     <div class="card mb-3 pointer">
  744.                         <header class="card-header accordionAction">
  745.                             <p class="card-header-title" style="margin-bottom: unset;!important;">
  746.                                 Ist mein Gerät nach der Reparatur noch wasserdicht?
  747.                             </p>
  748.                             <a href="#collapsible-card" data-action="collapse" data-target="#collapsible-card" class=" card-header-icon is-hidden-fullscreen" aria-label="more options">
  749.                             <span class="icon iconCard">
  750.                                 <i class="fa fa-angle-down" aria-hidden="true"></i>
  751.                             </span>
  752.                             </a>
  753.                         </header>
  754.                         <div id="collapsible-card" style="display:none">
  755.                             <div class="card-content">
  756.                                 Kogorepair übernimmt keine Garantie dafür, dass vom Hersteller als wasserdicht und staubgeschützt gekennzeichnete Geräte auch nach dem Öffnen noch den entsprechenden Schutz aufweist.
  757.                             </div>
  758.                         </div>
  759.                     </div>
  760.                 </div>
  761.                 <br>
  762.                 <h3 class="poppins-regular">Fragen zum Auftragsablauf</h3>
  763.                 <div>
  764.                     <div class="card mb-3 pointer">
  765.                         <header class="card-header accordionAction">
  766.                             <p class="card-header-title" style="margin-bottom: unset;!important;">
  767.                                 Gibt es eine Garantie auf die Reparatur?
  768.                             </p>
  769.                             <a href="#collapsible-card" data-action="collapse" data-target="#collapsible-card" class=" card-header-icon is-hidden-fullscreen" aria-label="more options">
  770.                             <span class="icon iconCard">
  771.                                 <i class="fa fa-angle-down" aria-hidden="true"></i>
  772.                             </span>
  773.                             </a>
  774.                         </header>
  775.                         <div id="collapsible-card" style="display:none">
  776.                             <div class="card-content">
  777.                                 Auf Reparaturen gewähren wir Ihnen die gesetzliche Gewährleistungsfrist ebenso wie eine Garantie von einem Jahr, ausgeschlossen sind Akku Reparaturen, hier gilt lediglich eine Garantie von 6 Monaten. Ebenso ausgenommen sind Geräte mit Flüssigkeitsschaden.
  778.                                 <br>
  779.                                 Beachten Sie, dass die Herstellergarantie erlischt, sobald eine Reparatur durchgeführt wird.
  780.                             </div>
  781.                         </div>
  782.                     </div>
  783.                     <div class="card mb-3 pointer">
  784.                         <header class="card-header accordionAction">
  785.                             <p class="card-header-title" style="margin-bottom: unset;!important;">
  786.                                 An wen wende ich mich bezüglich einer Reklamation?
  787.                             </p>
  788.                             <a href="#collapsible-card" data-action="collapse" data-target="#collapsible-card" class=" card-header-icon is-hidden-fullscreen" aria-label="more options">
  789.                             <span class="icon iconCard">
  790.                                 <i class="fa fa-angle-down" aria-hidden="true"></i>
  791.                             </span>
  792.                             </a>
  793.                         </header>
  794.                         <div id="collapsible-card" style="display:none">
  795.                             <div class="card-content">
  796.                                 Ehe die Geräte aus unserer Werkstatt an ihre Besitzer zurückgeschickt werden können, müssen sie verschiedene Tests durchlaufen. So stellen wir sicher, dass alles in Ordnung ist. Jedoch kann es bei längerer Nutzung gelegentlich zu unerwarteten Problemen oder Fehlern kommen. Wenn Sie eine Fehlfunktion feststellen, ist das kein Problem. Bringen Sie das Gerät vorbei oder schicken Sie Ihr Gerät einfach erneut ein, wir nehmen eine Überprüfung vor und finden mit Sicherheit eine Lösung.
  797.                             </div>
  798.                         </div>
  799.                     </div>
  800.                 </div>
  801.                 <br>
  802.                 <h3 class="poppins-regular">Fragen zum Kontakt</h3>
  803.                 <div>
  804.                     <div class="card mb-3 pointer">
  805.                         <header class="card-header accordionAction">
  806.                             <p class="card-header-title" style="margin-bottom: unset;!important;">
  807.                                 Kann ich jederzeit vorbeikommen?
  808.                             </p>
  809.                             <a href="#collapsible-card" data-action="collapse" data-target="#collapsible-card" class=" card-header-icon is-hidden-fullscreen" aria-label="more options">
  810.                             <span class="icon iconCard">
  811.                                 <i class="fa fa-angle-down" aria-hidden="true"></i>
  812.                             </span>
  813.                             </a>
  814.                         </header>
  815.                         <div id="collapsible-card" style="display:none">
  816.                             <div class="card-content">
  817.                                 Sie brauchen keinen Termin, um eine Reparatur bei uns in Auftrag zu geben. Wenn Sie wünschen, können Sie jedoch gern einen Termin vor Ort oder per Telefon vereinbaren.<br>
  818.                             </div>
  819.                         </div>
  820.                     </div>
  821.                     <div class="card mb-3 pointer">
  822.                         <header class="card-header accordionAction">
  823.                             <p class="card-header-title" style="margin-bottom: unset;!important;">
  824.                                 Wie lange haben Sie geöffnet?
  825.                             </p>
  826.                             <a href="#collapsible-card" data-action="collapse" data-target="#collapsible-card" class=" card-header-icon is-hidden-fullscreen" aria-label="more options">
  827.                             <span class="icon iconCard">
  828.                                 <i class="fa fa-angle-down" aria-hidden="true"></i>
  829.                             </span>
  830.                             </a>
  831.                         </header>
  832.                         <div id="collapsible-card" style="display:none">
  833.                             <div class="card-content">
  834.                                 Wir haben von Montag bis Freitag von 10:00 bis 14 / 15- 18:00 Uhr<br>
  835.                                 & Samstag 10 - 14:00 Uhr geöffnet.<br>
  836.                             </div>
  837.                         </div>
  838.                     </div>
  839.                 </div>
  840.                 <br>
  841.                 <h3 class="poppins-regular">Fragen zur Zahlung</h3>
  843.                 <div>
  844.                     <div class="card mb-3 pointer">
  845.                         <header class="card-header accordionAction">
  846.                             <p class="card-header-title" style="margin-bottom: unset;!important;">
  847.                                 Wie teuer ist die Reparatur?
  848.                             </p>
  849.                             <a href="#collapsible-card" data-action="collapse" data-target="#collapsible-card" class=" card-header-icon is-hidden-fullscreen" aria-label="more options">
  850.                             <span class="icon iconCard">
  851.                                 <i class="fa fa-angle-down" aria-hidden="true"></i>
  852.                             </span>
  853.                             </a>
  854.                         </header>
  855.                         <div id="collapsible-card" style="display:none">
  856.                             <div class="card-content">
  857.                                 Die Reparaturkosten sind abhängig vom Modell und dem Schadensbild. Preiswertere Arbeiten wie ein Akku-Wechsel beim iPhone 5 liegen beispielsweise bei 40€. Für umfangreichere Arbeiten wie einen Display-Wechsel beim iPhone 11 Pro Max berechnen wir 300€.
  858.                             </div>
  859.                         </div>
  860.                     </div>
  861.                     <div class="card mb-3 pointer">
  862.                         <header class="card-header accordionAction">
  863.                             <p class="card-header-title" style="margin-bottom: unset;!important;">
  864.                                 Gibt es spezielle Konditionen für Händler bzw. Business-Kunden?
  865.                             </p>
  866.                             <a href="#collapsible-card" data-action="collapse" data-target="#collapsible-card" class=" card-header-icon is-hidden-fullscreen" aria-label="more options">
  867.                             <span class="icon iconCard">
  868.                                 <i class="fa fa-angle-down" aria-hidden="true"></i>
  869.                             </span>
  870.                             </a>
  871.                         </header>
  872.                         <div id="collapsible-card" style="display:none">
  873.                             <div class="card-content">
  874.                                 Kogorepair freut sich über neue Händler, Business-Kunden und Handy-Versicherungen. Wir sind der zuverlässige Reparaturdienstleister für Smartphones und Tablets in Cloppenburg mit einer 5-Sterne Bewertung und bieten Geschäftskunden spezielle Konditionen und zahlreiche weitere Vorteile.
  875.                             </div>
  876.                         </div>
  877.                     </div>
  878.                     <div class="card mb-3 pointer">
  879.                         <header class="card-header accordionAction">
  880.                             <p class="card-header-title" style="margin-bottom: unset;!important;">
  881.                                 Ich benötige einen Kostenvoranschlag für meine Versicherung? Was tun?
  882.                             </p>
  883.                             <a href="#collapsible-card" data-action="collapse" data-target="#collapsible-card" class=" card-header-icon is-hidden-fullscreen" aria-label="more options">
  884.                             <span class="icon iconCard">
  885.                                 <i class="fa fa-angle-down" aria-hidden="true"></i>
  886.                             </span>
  887.                             </a>
  888.                         </header>
  889.                         <div id="collapsible-card" style="display:none">
  890.                             <div class="card-content">
  891.                                 Bei Kogorepair erstellen wir selbstverständlich einen Kostenvoranschlag für Ihre Versicherung. Dabei ist es unerheblich, wie stark Ihr Gerät beschädigt ist. Bei Bedarf senden wir Ihnen den Kostenvoranschlag innerhalb weniger Stunden als PDF an Ihre angegebene E-Mail-Adresse zurück. Wenn Sie uns Ihre Daten mitteilen und uns alle offensichtlichen Schäden am Gerät mitteilen, können wir den Kostenvoranschlag auch erstellen, ohne dass eine Diagnose vor Ort erforderlich ist.
  892.                             </div>
  893.                         </div>
  894.                     </div>
  895.                     <div class="card mb-3 pointer">
  896.                         <header class="card-header accordionAction">
  897.                             <p class="card-header-title" style="margin-bottom: unset;!important;">
  898.                                 Welche Zahlungsmöglichkeiten bieten Sie an?
  899.                             </p>
  900.                             <a href="#collapsible-card" data-action="collapse" data-target="#collapsible-card" class=" card-header-icon is-hidden-fullscreen" aria-label="more options">
  901.                             <span class="icon iconCard">
  902.                                 <i class="fa fa-angle-down" aria-hidden="true"></i>
  903.                             </span>
  904.                             </a>
  905.                         </header>
  906.                         <div id="collapsible-card" style="display:none">
  907.                             <div class="card-content">
  908.                                 Bei uns können Sie per PayPal, Lastschrift, Kreditkarte, Vorkasse oder Bar vor Ort bezahlen.
  909.                             </div>
  910.                         </div>
  911.                     </div>
  912.                     <div class="card mb-3 pointer">
  913.                         <header class="card-header accordionAction">
  914.                             <p class="card-header-title" style="margin-bottom: unset;!important;">
  915.                                 Wie hoch sind die Versandkosten?
  916.                             </p>
  917.                             <a href="#collapsible-card" data-action="collapse" data-target="#collapsible-card" class=" card-header-icon is-hidden-fullscreen" aria-label="more options">
  918.                             <span class="icon iconCard">
  919.                                 <i class="fa fa-angle-down" aria-hidden="true"></i>
  920.                             </span>
  921.                             </a>
  922.                         </header>
  923.                         <div id="collapsible-card" style="display:none">
  924.                             <div class="card-content">
  925.                                 Die Versandkosten für den versicherten Hin- und Rückversand sind für Kunden aus Deutschland ab 100 Euro im Preis enthalten. Ansonsten fällt eine Versandkostenpauschale von 6€ an. Den Versandaufkleber für den versicherten Hinversand ist kostenlos können Sie einfach am Ende des Bestellprozesses ausdrucken.
  926.                             </div>
  927.                         </div>
  928.                     </div>
  929.                     <div class="card mb-3 pointer">
  930.                         <header class="card-header accordionAction">
  931.                             <p class="card-header-title" style="margin-bottom: unset;!important;">
  932.                                 Muss ich Diagnosekosten bezahlen?
  933.                             </p>
  934.                             <a href="#collapsible-card" data-action="collapse" data-target="#collapsible-card" class=" card-header-icon is-hidden-fullscreen" aria-label="more options">
  935.                             <span class="icon iconCard">
  936.                                 <i class="fa fa-angle-down" aria-hidden="true"></i>
  937.                             </span>
  938.                             </a>
  939.                         </header>
  940.                         <div id="collapsible-card" style="display:none">
  941.                             <div class="card-content">
  942.                                 Die Erstdiagnose am Tresen ist kostenlos. Muss Ihr Gerät in die Werkstatt und ist eine genauere Diagnose erforderlich, berechnen wir dafür 20€. Wir verrechnen die Diagnosekosten, sobald es zu einer Reparatur kommt. Sie bezahlen also am Ende lediglich die Reparaturkosten.
  943.                             </div>
  944.                         </div>
  945.                     </div>
  946.                     <div class="card mb-3 pointer">
  947.                         <header class="card-header accordionAction">
  948.                             <p class="card-header-title" style="margin-bottom: unset;!important;">
  949.                                 Muss ich Diagnosekosten bezahlen?
  950.                             </p>
  951.                             <a href="#collapsible-card" data-action="collapse" data-target="#collapsible-card" class=" card-header-icon is-hidden-fullscreen" aria-label="more options">
  952.                             <span class="icon iconCard">
  953.                                 <i class="fa fa-angle-down" aria-hidden="true"></i>
  954.                             </span>
  955.                             </a>
  956.                         </header>
  957.                         <div id="collapsible-card" style="display:none">
  958.                             <div class="card-content">
  959.                                 Die Erstdiagnose am Tresen ist kostenlos. Muss Ihr Gerät in die Werkstatt und ist eine genauere Diagnose erforderlich, berechnen wir dafür 20€. Wir verrechnen die Diagnosekosten, sobald es zu einer Reparatur kommt. Sie bezahlen also am Ende lediglich die Reparaturkosten.
  960.                             </div>
  961.                         </div>
  962.                     </div>
  963.                 </div>
  964.                 <br>
  965.                 <h3 class="poppins-regular">Fragen zu Kooperationen</h3>
  967.                 <div class="card mb-3 pointer">
  968.                     <header class="card-header accordionAction">
  969.                         <p class="card-header-title" style="margin-bottom: unset;!important;">
  970.                             Kann ich mich bei Kogorepair bewerben?
  971.                         </p>
  972.                         <a href="#collapsible-card" data-action="collapse" data-target="#collapsible-card" class=" card-header-icon is-hidden-fullscreen" aria-label="more options">
  973.                             <span class="icon iconCard">
  974.                                 <i class="fa fa-angle-down" aria-hidden="true"></i>
  975.                             </span>
  976.                         </a>
  977.                     </header>
  978.                     <div id="collapsible-card" style="display:none">
  979.                         <div class="card-content">
  980.                             Wir suchen jederzeit nach leidenschaftlichen Handy-Experten zur Verstärkung des Teams. Wenn Sie sich für eine Tätigkeit bei uns interessieren, setzen Sie sich einfach mit uns in Verbindung.
  981.                         </div>
  982.                     </div>
  983.                 </div>
  984.             </div>
  985.         </section>
  988.     </div>
  989. {% endblock %}