Scraping_demo.ipynb

{
 "cells": [
  {
   "cell_type": "markdown",
   "metadata": {},
   "source": [
    "## HTML Essentials"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 1,
   "metadata": {},
   "outputs": [
    {
     "data": {
      "text/html": [
       "<html>\n",
       "    <head>\n",
       "        <title>Page Title</title>\n",
       "    </head>\n",
       "    <body>\n",
       "        <h1>This is a Heading</h1>\n",
       "        <p>This is a paragraph.</p>\n",
       "        <a href=\"https://www.w3schools.com/\">This is a link to tutorials</a>\n",
       "    </body>\n",
       "</html>"
      ],
      "text/plain": [
       "<IPython.core.display.HTML object>"
      ]
     },
     "metadata": {},
     "output_type": "display_data"
    }
   ],
   "source": [
    "%%html\n",
    "<html>\n",
    "    <head>\n",
    "        <title>Page Title</title>\n",
    "    </head>\n",
    "    <body>\n",
    "        <h1>This is a Heading</h1>\n",
    "        <p>This is a paragraph.</p>\n",
    "        <a href=\"https://www.w3schools.com/\">This is a link to tutorials</a>\n",
    "    </body>\n",
    "</html>"
   ]
  },
  {
   "cell_type": "markdown",
   "metadata": {},
   "source": [
    "## CSS Classes"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 2,
   "metadata": {},
   "outputs": [
    {
     "data": {
      "text/html": [
       "<p class=\"center medium\">This paragraph refers to two classes.</p>"
      ],
      "text/plain": [
       "<IPython.core.display.HTML object>"
      ]
     },
     "metadata": {},
     "output_type": "display_data"
    }
   ],
   "source": [
    "%%html\n",
    "<p class=\"center medium\">This paragraph refers to two classes.</p>"
   ]
  },
  {
   "cell_type": "markdown",
   "metadata": {},
   "source": [
    "### Simple Beautiful Soup Example"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 3,
   "metadata": {},
   "outputs": [],
   "source": [
    "html_string = r\"\"\"<html>\n",
    "    <head>\n",
    "        <title>Page Title</title>\n",
    "    </head>\n",
    "    <body>\n",
    "        <h1>This is a Heading</h1>\n",
    "        <p>This is a paragraph.</p>\n",
    "        <a href=\"https://www.w3schools.com/\">This is a link to tutorials</a>\n",
    "    </body>\n",
    "</html>\"\"\""
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 4,
   "metadata": {},
   "outputs": [],
   "source": [
    "from bs4 import BeautifulSoup"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 5,
   "metadata": {},
   "outputs": [],
   "source": [
    "html_soup = BeautifulSoup(html_string, 'html.parser')"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 6,
   "metadata": {},
   "outputs": [
    {
     "data": {
      "text/plain": [
       "'\\nPage Title\\n'"
      ]
     },
     "execution_count": 6,
     "metadata": {},
     "output_type": "execute_result"
    }
   ],
   "source": [
    "html_soup.head.text"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 7,
   "metadata": {},
   "outputs": [
    {
     "data": {
      "text/plain": [
       "'https://www.w3schools.com/'"
      ]
     },
     "execution_count": 7,
     "metadata": {},
     "output_type": "execute_result"
    }
   ],
   "source": [
    "html_soup.a.get('href')"
   ]
  },
  {
   "cell_type": "markdown",
   "metadata": {},
   "source": [
    "### Requests & Responses"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 8,
   "metadata": {},
   "outputs": [],
   "source": [
    "import requests"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 9,
   "metadata": {},
   "outputs": [],
   "source": [
    "response = requests.get('https://www.bundes-telefonbuch.de/nuernberg/firma/karosseriefachbetrieb-hofer-tb1150222')"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 10,
   "metadata": {},
   "outputs": [
    {
     "name": "stdout",
     "output_type": "stream",
     "text": [
      "200\n"
     ]
    }
   ],
   "source": [
    "print(response.status_code)"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 11,
   "metadata": {},
   "outputs": [
    {
     "name": "stdout",
     "output_type": "stream",
     "text": [
      "<!DOCTYPE html>\n",
      "<html lang=\"de\">\n",
      "<head>\n",
      "    <meta charset=\"utf-8\"/>\n",
      "<meta http-equiv=\"X-UA-Compatible\" content=\"IE=edge\"/>\n",
      "<title>Karosseriefachbetrieb Hofer in 90431, Nürnberg</title>\n",
      "<meta name=\"description\" content=\" ✓ Karosseriefachbetrieb Hofer ⌂ Hans-Bunte-Str. 47, 90431 Nürnberg. 3 Bilder, Telefonnummer und Anschrift finden Sie im Bundestelefonbuch.\"/>\n",
      "<meta name=\"viewport\" content=\"width=device-width, initial-scale=1\"/>\n",
      "<meta name=\"google-site-verification\" content=\"3OBXd2NBPoTz5Mxt-TZqneKf3PLYXGnZ9QDvEJUnH4w\"/>\n",
      "<meta name=\"msvalidate.01\" content=\"5571DC1344E41A655D0D4C965A626E77\"/> <!-- Bing -->\n",
      "<script type=\"text/javascript\">window.___gcfg = {lang: 'de'}</script>\n",
      "<script src=\"https://apis.google.com/js/platform.js\" async defer></script>\n",
      "<meta name=\"robots\" content=\"index,follow,archive\"/>\n",
      "    <link rel=\"canonical\" href=\"https://www.bundes-telefonbuch.de/nuernberg/firma/karosseriefachbetrieb-hofer-tb1150222\"/>\n",
      "\n",
      "\n",
      "\n",
      "<!-- Begin Cookie Consent plugin by Silktide - http://silktide.com/cookieconsent -->\n",
      "<script type=\"text/javascript\">\n",
      "    window.cookieconsent_options = {\n",
      "        \"message\": \"Ich stimme zu, dass diese Seite Cookies für Analysen, personalisierte Inhalte und Werbung verwendet. \",\n",
      "        \"dismiss\": \"Ok\",\n",
      "        \"learnMore\": \"Mehr erfahren\",\n",
      "        \"link\": \"https://www.bundes-telefonbuch.de/infos/datenschutzhinweis#5\",\n",
      "        \"theme\": \"dark-top\"\n",
      "    };\n",
      "</script>\n",
      "\n",
      "<script type=\"text/javascript\"\n",
      "        src=\"//cdnjs.cloudflare.com/ajax/libs/cookieconsent2/1.0.9/cookieconsent.min.js\"></script>\n",
      "<!-- End Cookie Consent plugin -->\n",
      "\n",
      "<!-- Facebook Share Information -->\n",
      "<meta property=\"og:type\" content=\"website\"/>\n",
      "<meta property=\"og:site_name\" content=\"BundesTelefonbuch\"/>\n",
      "<meta property=\"fb:app_id\" content=\"445350842203770\"/>\n",
      "<meta property=\"og:url\" content=\"https://www.bundes-telefonbuch.de/nuernberg/firma/karosseriefachbetrieb-hofer-tb1150222\"/>\n",
      "<meta property=\"og:title\" content=\"Karosseriefachbetrieb Hofer in 90431, Nürnberg\"/>\n",
      "<meta property=\"og:description\" content=\" ✓ Karosseriefachbetrieb Hofer ⌂ Hans-Bunte-Str. 47, 90431 Nürnberg. 3 Bilder, Telefonnummer und Anschrift finden Sie im Bundestelefonbuch.\"/>\n",
      "<meta property=\"og:image\" content=\"https://www.bundes-telefonbuch.de/img/logo_dialo_400x400.png\"/>\n",
      "<!-- Facebook Share Information -->\n",
      "\n",
      "\n",
      "<link rel=\"stylesheet\" href=\"https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css\">\n",
      "\n",
      "\n",
      "<link rel=\"icon\" type=\"image/x-icon\" href=\"https://www.bundes-telefonbuch.de/favicon.ico\"/>\n",
      "<link rel=\"apple-touch-icon\" sizes=\"180x180\" href=\"https://www.bundes-telefonbuch.de/apple-touch-icon.png\">\n",
      "<link rel=\"icon\" type=\"image/png\" href=\"https://www.bundes-telefonbuch.de/favicon-32x32.png\" sizes=\"32x32\">\n",
      "<link rel=\"icon\" type=\"image/png\" href=\"https://www.bundes-telefonbuch.de/favicon-16x16.png\" sizes=\"16x16\">\n",
      "<link rel=\"manifest\" href=\"https://www.bundes-telefonbuch.de/manifest.json\">\n",
      "<link rel=\"mask-icon\" href=\"https://www.bundes-telefonbuch.de/safari-pinned-tab.svg\" color=\"#c4091d\">\n",
      "<meta name=\"theme-color\" content=\"#ffffff\">\n",
      "\n",
      "\n",
      "<script src=\"https://maps.googleapis.com/maps/api/js?v=3.exp&key=AIzaSyCIviOgBC4_EmAjKmfpLVo_FKR6OAUY2y0\"></script>\n",
      "\n",
      "<script type=\"text/javascript\" src=\"https://www.bundes-telefonbuch.de/js/head_all.js?1498638616\"></script>\n",
      "\n",
      "<script type=\"text/javascript\">\n",
      "    \n",
      "    (function (w) {\n",
      "        w['Login'] = w['Login'] || {};\n",
      "        w['Login'].loginUrl = \"https://www.bundes-telefonbuch.de/user/loginPopup\"\n",
      "    }(window));\n",
      "</script>\n",
      "\n",
      "\n",
      "\n",
      "<script type=\"text/javascript\">\n",
      "        var onloadCallback = function () {\n",
      "        $('.g-recaptcha').each(function (index, el) {\n",
      "            grecaptcha.render(el, {\n",
      "                'sitekey': '6Ld0RAoTAAAAAFji0CujiR0oPoPiDYZQvh21l715',\n",
      "                'theme': 'light'\n",
      "            });\n",
      "        });\n",
      "    };\n",
      "    </script>\n",
      "<script type=\"text/javascript\">\n",
      "    // getScript workaround for IE\n",
      "    jQuery.extend({\n",
      "        getScript: function (url, callback) {\n",
      "            var head = document.getElementsByTagName(\"head\")[0];\n",
      "            var script = document.createElement(\"script\");\n",
      "            var done = false; // Handle Script loading\n",
      "\n",
      "            script.src = url;\n",
      "            script.onload = script.onreadystatechange = function () { // Attach handlers for all browsers\n",
      "                if (!done && (!this.readyState || this.readyState === \"loaded\" || this.readyState === \"complete\")) {\n",
      "                    done = true;\n",
      "                    if (callback) {\n",
      "                        callback();\n",
      "                    }\n",
      "                    script.onload = script.onreadystatechange = null; // Handle memory leak in IE\n",
      "                }\n",
      "            };\n",
      "\n",
      "            head.appendChild(script);\n",
      "            return undefined; // We handle everything using the script element injection\n",
      "        }\n",
      "    });\n",
      "</script>\n",
      "\n",
      "<script type=\"text/javascript\">\n",
      "    if (window.location.hash && window.location.hash == '#_=_') {\n",
      "        if (window.history && history.pushState) window.history.pushState(\"\", document.title, window.location.pathname);\n",
      "        else window.location.hash = '';\n",
      "    }\n",
      "\n",
      "    \n",
      "    $(document).ready(function () {\n",
      "        if (window.location.hash == '#imageUploadForm') {\n",
      "            CompanyAjaxLoad.toggleFromNavigation('navigation_images', 'imageUploadForm', true, false);\n",
      "        }\n",
      "\n",
      "        if ($('#companyAdvert').height() > 200) {\n",
      "            $('#map-canvas').height($('#companyAdvert').height());\n",
      "        }\n",
      "\n",
      "        var windowWidth = $(window).width();\n",
      "        if (windowWidth <= 768) { //for iPad & smaller devices\n",
      "            $('.panel-collapse').removeClass('in');\n",
      "        }\n",
      "\n",
      "        $('.fb-page').attr('data-width', $('.fb-page').parent().width());\n",
      "\n",
      "        $('textarea').each(function () {\n",
      "            autoresizeTextarea(this);\n",
      "        });\n",
      "    });\n",
      "\n",
      "    $(function () {\n",
      "        $('[data-toggle=\"tooltip\"]').tooltip({html: true});\n",
      "        $('textarea').keyup(function () {\n",
      "            autoresizeTextarea(this);\n",
      "        });\n",
      "    });\n",
      "\n",
      "    function loadDatePicker($noStartDate, $id) {\n",
      "        if ($id != null) {\n",
      "            $field = $id;\n",
      "        } else {\n",
      "            $field = '.form-control.date';\n",
      "        }\n",
      "        if ($noStartDate == false) {\n",
      "            $($field).datepicker({\n",
      "                format: \"dd.mm.yyyy\",\n",
      "                weekStart: 1,\n",
      "                startDate: \"08.05.2018\",\n",
      "                clearBtn: true,\n",
      "                language: \"de\",\n",
      "                calendarWeeks: true,\n",
      "                autoclose: true\n",
      "            });\n",
      "        } else {\n",
      "            $($field).datepicker({\n",
      "                format: \"dd.mm.yyyy\",\n",
      "                weekStart: 1,\n",
      "                startDate: \"07.11.2017\",\n",
      "                clearBtn: true,\n",
      "                language: \"de\",\n",
      "                calendarWeeks: true,\n",
      "                autoclose: true\n",
      "            });\n",
      "        }\n",
      "    }\n",
      "\n",
      "</script>\n",
      "\n",
      "    <script type=\"text/javascript\">\n",
      "        loadGoogleMap('map-canvas', [{\"latitude\":\"49.4482515\",\"longitude\":\"11.0442206\",\"address\":\"<span class=\\\"bold\\\">Karosseriefachbetrieb Hofer<\\/span><br\\/>Hans-Bunte-Str. 47, 90431 N&uuml;rnberg\",\"icon\":\"marker\",\"color\":\"red\"}], null, false, false);\n",
      "    </script>\n",
      "\n",
      "<script type=\"text/javascript\" charset=\"utf-8\">\n",
      "    (function (G, o, O, g, L, e) {\n",
      "        G[g] = G[g] || function () {\n",
      "                    (G[g]['q'] = G[g]['q'] || []).push(arguments)\n",
      "                }, G[g]['t'] = 1 * new Date;\n",
      "        L = o.createElement(O), e = o.getElementsByTagName(O)[0];\n",
      "        L.async = 1;\n",
      "        L.src = '//www.google.com/adsense/search/async-ads.js';\n",
      "        e.parentNode.insertBefore(L, e)\n",
      "    })(window, document, 'script', '_googCsa');\n",
      "</script>\n",
      "\n",
      "<script type='text/javascript'>\n",
      "    \n",
      "        var googletag = googletag || {};\n",
      "    googletag.cmd = googletag.cmd || [];\n",
      "    (function () {\n",
      "        var gads = document.createElement('script');\n",
      "        gads.async = true;\n",
      "        gads.type = 'text/javascript';\n",
      "        var useSSL = 'https:' == document.location.protocol;\n",
      "        gads.src = (useSSL ? 'https:' : 'http:') + '//www.googletagservices.com/tag/js/gpt.js';\n",
      "        var node = document.getElementsByTagName('script')[0];\n",
      "        node.parentNode.insertBefore(gads, node);\n",
      "    })();\n",
      "\n",
      "    googletag.cmd.push(function () {\n",
      "        \n",
      "                googletag.defineSlot('/2492971/BTb.de_Detailseiten_Top_Leaderboard', [728, 90], 'gpt-ad-leader-top').addService(googletag.pubads());\n",
      "                        googletag.defineSlot('/2492971/BTb.de_Detailseiten_Leaderboard', [728, 90], 'gpt-ad-leader').addService(googletag.pubads());\n",
      "                googletag.defineSlot('/2492971/BTb.de_Detailseiten_Medium_Rectangle', [300, 250], 'gpt-ad-rectangle1').addService(googletag.pubads());\n",
      "        googletag.defineSlot('/2492971/BTb.de_Detailseiten_Wide_Skyscraper', [160, 600], 'gpt-ad-skyscraper').addService(googletag.pubads());\n",
      "                googletag.defineSlot('/2492971/BTb.de_Detailseiten_Firmendetailseite_Medium_Rectangle_Bilder', [300, 250], 'gpt-ad-rectangle2').addService(googletag.pubads());\n",
      "                googletag.defineSlot('/2492971/BTb.de_Detailseiten_Large_Mobile_Banner', [325, 120], 'gpt-ad-mobile-top').addService(googletag.pubads());\n",
      "\n",
      "        googletag.enableServices();\n",
      "    });\n",
      "    </script>\n",
      "\n",
      "<script type='text/javascript'>\n",
      "    function getLocation() {\n",
      "        $('#myLocation').toggleClass(\"active\");\n",
      "        var output = document.getElementById(\"geoMsg\");\n",
      "        var nav = window.navigator, $btn = $('#searchButton'), t = $btn.html();\n",
      "\n",
      "        function successCallback(position) {\n",
      "            $btn.enableButton(t);\n",
      "            $('#geoMsg').html(\"\");\n",
      "            $('#whereLat').val(position.coords.latitude);\n",
      "            $('#whereLng').val(position.coords.longitude);\n",
      "\n",
      "            $('#where').val(\"Mein Standort\");\n",
      "            $('#where').attr('readonly', 'readonly');\n",
      "        }\n",
      "\n",
      "        function errorCallback(error) {\n",
      "            $btn.enableButton(t);\n",
      "            var message = \"\";\n",
      "            switch (error.code) {\n",
      "                case error.PERMISSION_DENIED:\n",
      "                    message = \"<i class='fa fa-times-circle-o'></i> <strong class='bold text-white'>Keine Berechtigung zur Ermittlung des Standorts.</span>\";\n",
      "                    break;\n",
      "                case error.POSITION_UNAVAILABLE:\n",
      "                    message = \"<i class='fa fa-times-circle-o'></i> <span class='bold text-white'>Keine Positionsermittlung möglich.</span>\";\n",
      "                    break;\n",
      "                case error.PERMISSION_DENIED_TIMEOUT:\n",
      "                    message = \"<i class='fa fa-times-circle-o'></i> <span class='bold text-white'>Fehler: Ermittlung des Standorts dauerte zu lange.</span>\";\n",
      "                    break;\n",
      "            }\n",
      "            output.innerHTML = message;\n",
      "        }\n",
      "\n",
      "        if (nav != null) {\n",
      "            var geoloc = nav.geolocation;\n",
      "            if (geoloc != null) {\n",
      "                output.innerHTML = \"<i class='fa fa-question-circle-o'></i> <span class='bold text-white'>Koordinaten werden ermittelt.</span>\";\n",
      "                if ($('#myLocation').hasClass('active')) {\n",
      "                    $btn.disableButton(t);\n",
      "                    geoloc.getCurrentPosition(successCallback, errorCallback);\n",
      "                } else {\n",
      "                    $('#where').removeAttr('readonly');\n",
      "                    $('#where').val('');\n",
      "                    $('#whereLat').val('');\n",
      "                    $('#whereLng').val('');\n",
      "                    output.innerHTML = \"\";\n",
      "                }\n",
      "            }\n",
      "            else {\n",
      "                output.innerHTML = \"<i class='fa fa-times-circle-o'></i> <strong class='bold text-white'>Es ist ein Fehler unterlaufen. Überprüfen Sie, ob ihr GPS aktiviert ist bzw. ob ihr Browser diese Funktion unterstützt.</span>\";\n",
      "                return;\n",
      "            }\n",
      "        }\n",
      "        else {\n",
      "            output.innerHTML = \"<i class='fa fa-times-circle-o'></i> <strong class='bold text-white'>Es ist ein Fehler unterlaufen. Überprüfen Sie, ob ihr GPS aktiviert ist bzw. ob ihr Browser diese Funktion unterstützt.</span>\";\n",
      "            return;\n",
      "        }\n",
      "    }\n",
      "\n",
      "    function removeLocation() {\n",
      "        $('#myLocation').toggleClass(\"active\");\n",
      "        var output = document.getElementById(\"geoMsg\");\n",
      "\n",
      "        $('#where').removeAttr('readonly');\n",
      "        $('#where').val('');\n",
      "        $('#whereLat').val('');\n",
      "        $('#whereLng').val('');\n",
      "        output.innerHTML = \"\";\n",
      "    }\n",
      "\n",
      "    function positionSlidercontroll(id) {\n",
      "        var carouselFiftyPercent = (($('#' + id).height() - 20) - ($('#' + id + ' .btn').height() / 2)) / 2;\n",
      "        $('#' + id + ' .btn').css('top', carouselFiftyPercent);\n",
      "    }\n",
      "</script>\n",
      "    <link rel=\"shortcut icon\" href=\"/favicon.ico\"/>\n",
      "\n",
      "</head>\n",
      "<body itemscope=\"itemscope\" itemtype=\"http://schema.org/WebPage\"\n",
      "      id=\"https://www.bundes-telefonbuch.de/nuernberg/firma/karosseriefachbetrieb-hofer-tb1150222\">\n",
      "\n",
      "<!--[if lt IE 7]>\n",
      "<p class=\"browsehappy\">You are using an <span class=\"bold\">outdated</span> browser. Please <a\n",
      "        href=\"http://browsehappy.com/\">upgrade\n",
      "    your browser</a> to improve your experience.</p>\n",
      "<![endif]-->\n",
      "\n",
      "<div id=\"page\">\n",
      "    <link rel=\"stylesheet\" type=\"text/css\" href=\"https://www.bundes-telefonbuch.de/css/header.min.css?1498638616\" />\n",
      "<script> </script>\n",
      "                            <div class=\"hidden-xs container\">\n",
      "                <div id=\"gpt-ad-leader-top\" class=\"leader pull-right\">\n",
      "                    <script type='text/javascript'>\n",
      "\t\t\t\t\t\tgoogletag.cmd.push(function() {\n",
      "\t\t\t\t\t\t\tgoogletag.display('gpt-ad-leader-top');\n",
      "\t\t\t\t\t\t});\n",
      "                    </script>\n",
      "                </div>\n",
      "            </div>\n",
      "                            <div class=\"container\">\n",
      "            <div class=\"row pull-right\">\n",
      "                                    <div class='col-md-2 skyscraper hidden-xs hidden-sm hidden-md'>\n",
      "                        <div id=\"skyscraper\">\n",
      "                            <div id=\"gpt-ad-skyscraper\">\n",
      "                                <script type='text/javascript'>\n",
      "                                    googletag.cmd.push(function () {\n",
      "                                        googletag.display('gpt-ad-skyscraper');\n",
      "                                    });\n",
      "                                </script>\n",
      "                            </div>\n",
      "                        </div>\n",
      "                    </div>\n",
      "                            </div>\n",
      "        </div>\n",
      "        <script type=\"text/javascript\">\n",
      "            $(document).ready(function () {\n",
      "                var offset = $('.skyscraper').offset();\n",
      "                $('.skyscraper').affix({\n",
      "                    offset: {\n",
      "                        top: offset.top\n",
      "                    }\n",
      "                });\n",
      "            });\n",
      "        </script>\n",
      "        <div class=\"container pageContent\">\n",
      "        \n",
      "\n",
      "        <header>\n",
      "        <div class=\"row\">\n",
      "            <nav class=\"header navbar navbar-default\">\n",
      "                <div class=\"container-fluid\">\n",
      "                    <!-- Brand and toggle get grouped for better mobile display -->\n",
      "                    <div class=\"navbar-header\">\n",
      "                                                    <button type=\"button\" class=\"navbar-toggle collapsed text-white\" data-toggle=\"collapse\"\n",
      "                                    data-target=\"#navigationList\">\n",
      "                                <span class=\"sr-only\">Navigation</span>\n",
      "                                <i class=\"fa fa-2x fa-bars\"></i>\n",
      "                            </button>\n",
      "                            <button type=\"button\" class=\"navbar-toggle collapsed text-white\" data-toggle=\"collapse\"\n",
      "                                    data-target=\"#search\">\n",
      "                                <span class=\"sr-only\">Suchen</span>\n",
      "                                <i class=\"fa fa-2x fa-search\"></i>\n",
      "                            </button>\n",
      "                                                <div class=\"visible-xs\">\n",
      "                            <a class=\"noPaddingMargin\" href=\"https://www.bundes-telefonbuch.de/\">\n",
      "                                                                    <img src=\"https://www.bundes-telefonbuch.de/img/logo_bundestelefonbuch_200_60.png\" alt=\"Bundestelefonbuch Logo\" width=\"200px\" height=\"60px\" />                                                            </a>\n",
      "                        </div>\n",
      "                    </div>\n",
      "\n",
      "                    <!-- Collect the nav links, forms, and other content for toggling -->\n",
      "                    <div class=\"row\">\n",
      "                        <div class=\"collapse navbar-collapse\" id=\"navigationList\">\n",
      "                            <div class=\"col-sm-3  col-md-4 col-lg-6 hidden-xs noPaddingMargin\">\n",
      "                                <div class=\"pull-left\">\n",
      "                                    <a class=\"noPaddingMargin logo\" href=\"https://www.bundes-telefonbuch.de/\">\n",
      "                                                                                    <img src=\"https://www.bundes-telefonbuch.de/img/logo_btb_340_114.png\" class=\"img-responsive\" alt=\"Bundestelefonbuch Logo\" />                                                                            </a>\n",
      "                                </div>\n",
      "                                <div class=\"hidden-md hidden-sm pull-left phonebook\">\n",
      "                                    Partner von <br/>\n",
      "\n",
      "                                    <div class=\"linkPhonebook\">\n",
      "                                        <a href=\"http://www.dastelefonbuch.de/\" target=\"_blank\" rel=\"nofollow\">\n",
      "                                            <img src=\"https://www.bundes-telefonbuch.de/img/logo_das_telefonbuch_deutschland.jpg\" class=\"img-responsive\" alt=\"Telefonbuch Deutschland Logo\" />                                        </a>\n",
      "                                    </div>\n",
      "                                </div>\n",
      "                            </div>\n",
      "                            <div class=\"col-sm-9 col-md-8 col-lg-6 noPaddingMargin\">\n",
      "                                                                    <ul class=\"nav navbar-nav navbar-right lead marginTop30\">\n",
      "                                                                                        <li >\n",
      "        <a href=\"https://www.bundes-telefonbuch.de/firma/grund-eintrag\" class=\"text-decorationNone\"            title=\"Firma eintragen\">\n",
      "                            <i class=\"fa fa-plus-circle text-success\"></i>\n",
      "                        Firma eintragen        </a>\n",
      "    </li>\n",
      "                                        \n",
      "                                        \n",
      "\n",
      "<li style=\"width:132px\" id=\"userMenuPlaceholder\"></li>\n",
      "\n",
      "<script type=\"text/javascript\">\n",
      "    jQuery(document).ready(function($) {\n",
      "        $.get('/usermenu.do', {}, function(html) {\n",
      "            $('#userMenuPlaceholder').replaceWith(html);\n",
      "        });\n",
      "    }(jQuery));\n",
      "</script>                                    </ul>\n",
      "\n",
      "                                    <ul class=\"nav navbar-nav navbar-right lead marginRightMinus15\">\n",
      "                                            <li >\n",
      "        <a href=\"https://www.bundes-telefonbuch.de/branchenbuch-deutschland\" class=\"text-decorationNone\"            title=\"Branchenbuch\">\n",
      "                            <i class=\"fa fa-book text-danger\"></i>\n",
      "                        Branchenbuch        </a>\n",
      "    </li>\n",
      "                                                                                        <li >\n",
      "        <a href=\"https://www.bundes-telefonbuch.de/a\" class=\"text-decorationNone\"            title=\"Lokale Suche\">\n",
      "                            <i class=\"fa fa-globe text-danger\"></i>\n",
      "                        Lokale Suche        </a>\n",
      "    </li>\n",
      "                                                <li >\n",
      "        <a href=\"https://www.bundes-telefonbuch.de/lieblingslisten\" class=\"text-decorationNone\"            title=\"LieblingsListen\">\n",
      "                            <i class=\"fa fa-thumb-tack text-danger\"></i>\n",
      "                        LieblingsListen        </a>\n",
      "    </li>\n",
      "                                                                            </ul>\n",
      "                                                            </div>\n",
      "                        </div><!-- /.navbar-collapse -->\n",
      "                    </div>\n",
      "                    <div class=\"row\">\n",
      "                        <div class=\"collapse navbar navbar-collapse gray-dark search\"\n",
      "                             id=\"search\">\n",
      "                                                            \n",
      "\n",
      "<div itemscope itemtype=\"http://schema.org/WebSite\">\n",
      "    <meta itemprop=\"url\" content=\"https://www.bundes-telefonbuch.de\"/>\n",
      "    <form id=\"searchForm\" role=\"form\" method=\"post\"\n",
      "          action=\"/suche\"\n",
      "          itemprop=\"potentialAction\" itemscope itemtype=\"http://schema.org/SearchAction\">\n",
      "        <div class=\"col-sm-1\"></div>\n",
      "        <div class=\"col-sm-4 marginBottom20\">\n",
      "            <meta itemprop=\"target\" content=\"https://www.bundes-telefonbuch.de/suche?what={what}\"/>\n",
      "            <div class=\"input-group-lg search-wrapper-what\">\n",
      "                <input itemprop=\"query-input\" type=\"text\" required=\"\" class=\"form-control search-box-what\" name=\"what\"\n",
      "                       placeholder=\"Was?\" id=\"what\" value=\"\"\n",
      "                       onkeyup=\"showSearchClearIcon(this, 'search-wrapper-what', 'close-icon-what', 'input-group');\">\n",
      "                <span class=\"input-group-btn close-icon-what\" style=\"display:none;\"\n",
      "                      onclick=\"clearSearch(this, 'search-box-what', 'search-wrapper-what', 'input-group');\">\n",
      "                     <button type=\"button\"\n",
      "                             class=\"btn btn-default btn-input paddingTop5 gray-lighter\"\n",
      "                             title=\"Suche zurücksetzen\">\n",
      "                         <i class=\"fa fa-2x fa-times text-gray-darker\"></i>\n",
      "                     </button>\n",
      "                  </span>\n",
      "            </div>\n",
      "        </div>\n",
      "\n",
      "        <div class=\"col-sm-4 marginBottom20\">\n",
      "            <div class=\"input-group input-group-lg search-wrapper-where\">\n",
      "                <input type=\"text\" class=\"form-control search-box-where\" name=\"where\" placeholder=\"Wo?\"\n",
      "                       onclick=\"removeLocation();\"\n",
      "                                                                       id=\"where\"\n",
      "                       onkeyup=\"showSearchClearIcon(this, 'search-wrapper-where', 'close-icon-where', '');\">\n",
      "\n",
      "                <span class=\"input-group-btn close-icon-where\" style=\"display:none;\"\n",
      "                      onclick=\"clearSearch(this, 'search-box-where', 'search-wrapper-where', '');\">\n",
      "                     <button type=\"button\"\n",
      "                             class=\"btn btn-default btn-input paddingTop5 gray-lighter\"\n",
      "                             title=\"Suche zurücksetzen\">\n",
      "                         <i class=\"fa fa-2x fa-times text-gray-darker\"></i>\n",
      "                     </button>\n",
      "                  </span>\n",
      "                <span class=\"input-group-btn\">\n",
      "                     <button type=\"button\"\n",
      "                             class=\"btn btn-default btn-input paddingTop5\"\n",
      "                             name=\"myLocation\" id=\"myLocation\" onclick=\"getLocation();\"\n",
      "                             title=\"Meinen aktuellen Standort ermitteln\">\n",
      "                         <i class=\"fa fa-2x fa-map-marker text-danger\"></i>\n",
      "                     </button>\n",
      "                  </span>\n",
      "            </div>\n",
      "\n",
      "            <div id=\"geoMsg\"></div>\n",
      "        </div>\n",
      "        <div class=\"col-sm-2\">\n",
      "            <input type=\"hidden\" name=\"whereLat\" id=\"whereLat\" value=\"\"/>\n",
      "            <input type=\"hidden\" name=\"whereLng\" id=\"whereLng\" value=\"\"/>\n",
      "            <button type=\"submit\" class=\"btn btn-danger btn-lg btn-block btn-search bold\" id=\"searchButton\">\n",
      "                <i class=\"fa fa-search hidden-sm\"></i> Suchen            </button>\n",
      "        </div>\n",
      "    </form>\n",
      "</div>\n",
      "\n",
      "<script type=\"text/javascript\">\n",
      "    if ($(window).width() <= 768) { //for iPad & smaller devices\n",
      "        if ($('.search-box-what').val()) {\n",
      "            $('.search-wrapper-what').addClass('input-group');\n",
      "            $('.close-icon-what').show();\n",
      "        }\n",
      "\n",
      "        if ($('.search-box-where').val()) {\n",
      "            $('.close-icon-where').show();\n",
      "        }\n",
      "    }\n",
      "\n",
      "    /*  $('.search-box').keyup(function () {\n",
      "     var t = $(this);\n",
      "     $('.close-icon').toggle(Boolean(t.val()));\n",
      "     if (Boolean(t.val())) {\n",
      "     $('.search-wrapper').addClass('input-group');\n",
      "     } else {\n",
      "     $('.search-wrapper').removeClass('input-group');\n",
      "     }\n",
      "     });\n",
      "\n",
      "     $('.close-icon').click(function () {\n",
      "     $('.search-box').val('').focus();\n",
      "     $('.search-wrapper').removeClass('input-group');\n",
      "     $(this).hide();\n",
      "     });\n",
      "     */\n",
      "</script>                                                    </div>\n",
      "                    </div>\n",
      "                </div><!-- /.container-fluid -->\n",
      "            </nav>\n",
      "        </div>\n",
      "                <div class=\"row\">\n",
      "            <div class=\"hidden-sm hidden-md hidden-lg\">\n",
      "                <div class=\"mobileGap\"></div>\n",
      "            </div>\n",
      "        </div>\n",
      "            </header>\n",
      "                        <div id=\"gpt-ad-mobile-top\" class=\"visible-xs mobileBanner\">\n",
      "            <script type='text/javascript'>\n",
      "                googletag.cmd.push(function () {\n",
      "                    googletag.display('gpt-ad-mobile-top');\n",
      "                });\n",
      "            </script>\n",
      "            <br/>\n",
      "        </div>\n",
      "        \n",
      "<div id=\"qwertzuiop\">\n",
      "    <script type=\"text/javascript\">\n",
      "        jQuery(document).ready(function () {\n",
      "            $('#qwertzuiop').load('/office.do?u=&c=13478898');\n",
      "        });\n",
      "    </script>\n",
      "</div>        <div id=\"content\">\n",
      "            <div class=\"hidden-xs\">\n",
      "                <div class=\"row\">\n",
      "                                        <ol itemprop=\"breadcrumb\" class=\"breadcrumb\">\n",
      "            <li>\n",
      "                <a href=\"/\" rel=\"follow\">Startseite</a>\n",
      "            </li>\n",
      "                                                <li>\n",
      "                        <a href=\"/suche/firma\" rel=\"follow\">Firma</a>\n",
      "                    </li>\n",
      "                                                                <li>\n",
      "                        <a href=\"/suche/firma/nuernberg\" rel=\"follow\">Firma in Nürnberg</a>\n",
      "                    </li>\n",
      "                                                                <li class=\"active\">\n",
      "                        Karosseriefachbetrieb Hofer                    </li>\n",
      "                                    </ol>\n",
      "                        </div>\n",
      "            </div>\n",
      "            <div class=\"row\">\n",
      "                <div id=\"flashSessionOutput\" class=\"noMargin\"></div>\n",
      "                <script type=\"text/javascript\">\n",
      "                    jQuery(document).ready(function ($) {\n",
      "                        outputFlashSession();\n",
      "                    }(jQuery));\n",
      "                </script>\n",
      "            </div>\n",
      "            <link rel=\"stylesheet\" type=\"text/css\" href=\"https://www.bundes-telefonbuch.de/css/content.min.css?1502787592\" />\n",
      "<script> </script>\n",
      "            \n",
      "\n",
      "<div itemscope=\"\" itemtype=\"http://schema.org/LocalBusiness\">\n",
      "    <div class=\"row\">\n",
      "        <div class=\"col-sm-12\" id=\"pageHeader\">\n",
      "                \n",
      "<div class=\"page-header\">\n",
      "    <div class=\"row\">\n",
      "        \n",
      "        \n",
      "        \n",
      "        <div class=\"col-xs-12\">\n",
      "            <meta itemprop=\"name\" content=\"Karosseriefachbetrieb Hofer\">\n",
      "            <h1 class=\"noMarginTop\">\n",
      "                                    <i class=\"fa fa-check-square-o text-success\" data-placement=\"top\" data-toggle=\"tooltip\"\n",
      "                       title=\"Karosseriefachbetrieb Hofer ist verifiziert. Die Richtigkeit der eingetragenen Firmendaten wurde von Karosseriefachbetrieb Hofer bestätigt und die Inhaberschaft von Bundestelefonbuch überprüft.\"></i>\n",
      "                                                Karosseriefachbetrieb Hofer            </h1>\n",
      "\n",
      "            <div class=\"text-gray-darker\">\n",
      "                                    Firma,&nbsp;90431                                                    Nürnberg                            </div>\n",
      "        </div>\n",
      "    </div>\n",
      "</div>\n",
      "\n",
      "\n",
      "\n",
      "        </div>\n",
      "    </div>\n",
      "    <div class=\"row\">\n",
      "        <div class='col-sm-12 col-lg-8 rwpLeader'>\n",
      "                            \n",
      "    <script type=\"text/javascript\">\n",
      "        jQuery(document).ready(function () {\n",
      "            Payment.banner.checkDetailRival('/payment.do', 13478898, 'adPackageBanner', '', 'null');\n",
      "        });\n",
      "    </script>\n",
      "    <div id=\"adPackageBannerContainer\" class=\"hidden-xs\">\n",
      "        <div id=\"adPackageBanner\" class=\"positionRelative\"></div>\n",
      "    </div>\n",
      "\n",
      "    \n",
      "\n",
      "        </div>\n",
      "        \n",
      "\n",
      "\n",
      "\n",
      "    <div class='col-sm-4 detail-navigation'>\n",
      "        <nav class=\"header navbar navbar-default navbar-detail-page\" role=\"navigation\">\n",
      "            <div class=\"container-fluid\">\n",
      "                \n",
      "                <div class=\"navbar-header\">\n",
      "                    <button type=\"button\" class=\"navbar-toggle collapsed btn btn-danger\" data-toggle=\"collapse\"\n",
      "                            data-target=\"#navigationDetailList\">\n",
      "                        <span class=\"sr-only\">Menü</span>\n",
      "                        <i class=\"fa fa-bars\"></i> Menü\n",
      "                    </button>\n",
      "                </div>\n",
      "\n",
      "                \n",
      "                <div class=\"row\">\n",
      "                    <div class=\"collapse navbar-collapse\" id=\"navigationDetailList\">\n",
      "                        <ul class=\"nav\">\n",
      "                                                                    \n",
      "            \n",
      "        \n",
      "    \n",
      "                \n",
      "            <li class=\"btn-block\">        <div class=\"btn btn-block btn-lg text-left btn-navigation\">\n",
      "            <div data-toggle=\"tooltip\" data-placement=\"bottom\"\n",
      "                 title=\"Dieser Firmeneintrag wurde uns von Das Telefonbuch angeliefert. Für Änderungen wenden Sie sich bitte an den regional zuständigen Verlag.\"\n",
      "                 class=\"btn-block\">\n",
      "                <i class=\"fa fa-2x fa-pencil\"></i> Firmeneintrag bearbeiten            </div>\n",
      "        </div>\n",
      "        </li>                                                                                            \n",
      "    <li class=\"btn-block btn-navigation\">\n",
      "        <div class=\"btn btn-block btn-lg text-left \"\n",
      "             id=\"navigation_detailRating\">\n",
      "            <a href=\"/nuernberg/firma/karosseriefachbetrieb-hofer-tb1150222/bewertungen#createReviewForm\"                     title=\"Bewertung schreiben\"               class=\"btn-block\">\n",
      "                                    <i class=\"fa fa-2x fa-thumbs-o-up\"></i>\n",
      "                                Bewertung schreiben                <span class=\"pull-right marginTop5\"><i class=\"fa fa-caret-right\"></i></span>\n",
      "            </a>\n",
      "        </div>\n",
      "    </li>\n",
      "                                \n",
      "                                \n",
      "                                                                                        \n",
      "    <li class=\"btn-block btn-navigation\">\n",
      "        <div class=\"btn btn-block btn-lg text-left \"\n",
      "             id=\"navigation_images\">\n",
      "            <a href=\"/nuernberg/firma/karosseriefachbetrieb-hofer-tb1150222#imageUploadForm\" onclick=\" CompanyAjaxLoad.toggleFromNavigation('navigation_images', 'imageUploadForm', true, false);\"                    title=\"Bild zur Firma hochladen\"               class=\"btn-block\">\n",
      "                                    <i class=\"fa fa-2x fa-file-image-o\"></i>\n",
      "                                Bild zur Firma hochladen                <span class=\"pull-right marginTop5\"><i class=\"fa fa-caret-right\"></i></span>\n",
      "            </a>\n",
      "        </div>\n",
      "    </li>\n",
      "                                \n",
      "                                                                                        \n",
      "    <li class=\"btn-block btn-navigation\">\n",
      "        <div class=\"btn btn-block btn-lg text-left \"\n",
      "             id=\"navigation_bookmark\">\n",
      "            <a href=\"/nuernberg/firma/karosseriefachbetrieb-hofer-tb1150222/merklisten\"                     title=\"LieblingsListen (0)\"               class=\"btn-block\">\n",
      "                                    <i class=\"fa fa-2x fa-thumb-tack\"></i>\n",
      "                                LieblingsListen (0)                <span class=\"pull-right marginTop5\"><i class=\"fa fa-caret-right\"></i></span>\n",
      "            </a>\n",
      "        </div>\n",
      "    </li>\n",
      "                                \n",
      "                                                    \n",
      "    <li class=\"btn-block btn-navigation\">\n",
      "        <div class=\"btn btn-block btn-lg text-left \"\n",
      "             id=\"navigation_map\">\n",
      "            <a href=\"/nuernberg/firma/karosseriefachbetrieb-hofer-tb1150222#karte\" onclick=\"CompanyAjaxLoad.getAdditionalCompanyInfo('companyMap', '13478898', 'karte', true, 'map');\"                    title=\"Route berechnen\"               class=\"btn-block\">\n",
      "                                    <i class=\"fa fa-2x fa-map-marker\"></i>\n",
      "                                Route berechnen                <span class=\"pull-right marginTop5\"><i class=\"fa fa-caret-right\"></i></span>\n",
      "            </a>\n",
      "        </div>\n",
      "    </li>\n",
      "\n",
      "                                \n",
      "                                \n",
      "                                                                    <li class=\"btn-block btn-navigation\">\n",
      "                                        <div class=\"btn btn-block btn-lg btn-success text-left\"\n",
      "                                             id=\"navigation_companyRequest\"\n",
      "                                             data-toggle=\"modal\" data-target=\"#sendLead\">\n",
      "                                            <i class=\"fa fa-2x fa-paper-plane\"></i> Anfrage an die Firma senden                                            <span class=\"pull-right\"><i class=\"fa fa-caret-right\"></i></span>\n",
      "                                        </div>\n",
      "                                    </li>\n",
      "                                \n",
      "                                                                    \n",
      "                                        <li class=\"btn-block  btn-navigation\">\n",
      "        <div class=\"btn btn-block btn-lg text-left\">\n",
      "            <div data-toggle=\"tooltip\" data-placement=\"bottom\" title=\"Dieser Firmeneintrag wurde uns von Das Telefonbuch angeliefert. Für Änderungen wenden Sie sich bitte an den regional zuständigen Verlag.\" class=\"btn-block\">\n",
      "                                    <i class=\"fa fa-2x fa-building\"></i>\n",
      "                                Ihre Firma?            </div>\n",
      "        </div>\n",
      "    </li>\n",
      "                                                                                    </ul>\n",
      "                    </div>\n",
      "                </div>\n",
      "            </div>\n",
      "        </nav>\n",
      "    </div>\n",
      "\n",
      "                                                    \n",
      "    <div class=\"modal fade\" id=\"sendLead\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"sendLeadLabel\">\n",
      "        <div class=\"modal-dialog modal-lg\" role=\"document\">\n",
      "            <div class=\"modal-content\">\n",
      "                <div class=\"modal-header\">\n",
      "                    <button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-label=\"Close\"><span\n",
      "                                aria-hidden=\"true\">&times;</span></button>\n",
      "                    <h4 class=\"modal-title\" id=\"sendLeadLabel\">Anfrage senden</h4>\n",
      "                </div>\n",
      "                <div class=\"modal-body\">\n",
      "                    <div id=\"leadMessage\"></div>\n",
      "                    <form id=\"sendLead-form\" method=\"post\" role=\"form\" onSubmit=\"lead.send(&quot;sendLead-form&quot;, &quot;sendLead&quot;, &quot;leadMessage&quot;);return false\">\n",
      "                    <div class=\"content\">\n",
      "                        <div class=\"row\">\n",
      "                                                        \n",
      "    <div class=\"col-sm-12  \">\n",
      "                    <span class=\"bold\">Ihre Nachricht                                    <span class=\"text-danger\">*</span>\n",
      "                        </span>\n",
      "            <br/>\n",
      "        \n",
      "        <div class=\" \">\n",
      "            \n",
      "                                        \n",
      "                            <textarea id=\"message\" name=\"message\" class=\"form-control \" data-required=\"true\" required=\"required\"></textarea>            \n",
      "                    </div>\n",
      "\n",
      "        \n",
      "            </div>\n",
      "                                </div>\n",
      "                    </div>\n",
      "                    <div class=\"content\">\n",
      "                        <div class=\"row\">\n",
      "                                            \n",
      "    <div class=\"col-sm-12 \">\n",
      "        <label>\n",
      "            <input type=\"checkbox\" id=\"leadQuestionNews\" name=\"leadQuestionNews\" required=\"required\" data-required=\"true\" />            <span class=\"bold col-bottom\">Ich bin einverstanden, dass meine E-Mail-Adresse an das Unternehmen weitergegeben wird, um meine Anfrage zu bearbeiten.                                                                                </span>\n",
      "        </label>\n",
      "\n",
      "            </div>\n",
      "                        </div>\n",
      "                    </div>\n",
      "                                            <input type=\"hidden\" id=\"companyId\" name=\"companyId\" value=\"13478898\" />                                            <input type=\"hidden\" id=\"productId\" name=\"productId\" />                                            <input type=\"hidden\" id=\"formIdent\" name=\"formIdent\" value=\"lead\" />                    \n",
      "                                                                                    \n",
      "<div class=\"content\">\n",
      "    <div class=\"row\">\n",
      "        <div class=\"col-sm-12\">\n",
      "                            <p> (Mit * gekennzeichnete Felder sind Pflichtfelder)</p>\n",
      "                                                                        </div>\n",
      "    </div>\n",
      "</div>\n",
      "\n",
      "    \n",
      "    \n",
      "    \n",
      "\n",
      "    \n",
      "<div class=\"content form-login\">\n",
      "    \n",
      "<input type=\"hidden\" class=\"csrf-token\" name=\"csrf_token\" value=\"7P9VPKbagvLoyiJ\"/>            <input type=\"hidden\" id=\"companyId\" name=\"companyId\" value=\"13478898\" />            <input type=\"hidden\" id=\"productId\" name=\"productId\" />            <input type=\"hidden\" id=\"formIdent\" name=\"formIdent\" value=\"lead\" />    \n",
      "    <div class=\"row\">\n",
      "        \n",
      "\n",
      "<div class=\"col-xs-12 form-login-actions\">\n",
      "    <p class=\"bold\">Bitte loggen Sie sich zunächst ein.</p>\n",
      "\n",
      "    <div class=\"gray-light\">\n",
      "        <div class=\"row\">\n",
      "            <div class=\"col-sm-6\">\n",
      "                <div class=\"content\">\n",
      "                    <p>Ich habe bereits ein Benutzerkonto</p>\n",
      "                    <a href=\"#\" onclick=\"Login.popup(this); return false\" class=\"btn btn-lg btn-warning btn-block\">Jetzt einloggen</a>\n",
      "                    \n",
      "                    <input type=\"checkbox\" style=\"display:none\" name=\"returnBlock\" class=\"form-login-returnBlock\" required/>\n",
      "                </div>\n",
      "            </div>\n",
      "            <div class=\"col-sm-6 loginFormBorderLeft form-login-register\">\n",
      "                <div class=\"content\">\n",
      "                    <p>Ich habe noch kein Benutzerkonto</p>\n",
      "\n",
      "                    <div class=\"form-group\">\n",
      "                        <label for=\"formLoginlead\" class=\"control-label\">E-Mail <span\n",
      "                                    class=\"text-danger\">*</span></label>\n",
      "                        <input type=\"email\" name=\"formLoginEmail\" id=\"formLoginlead\"\n",
      "                               class=\"form-control form-login-email\"\n",
      "                               onkeyup=\"Login.checkForSend($('#formLoginlead'))\"\n",
      "                               onchange=\"Login.checkForSend($('#formLoginlead'))\"\n",
      "                               onblur=\"Login.checkForSend($('#formLoginlead'))\"\n",
      "                               value=\"email@example.com\" required/>\n",
      "                    </div>\n",
      "                    <div class=\"form-group\">\n",
      "                        \n",
      "\n",
      "<script type=\"text/javascript\">\n",
      "            grecaptcha.render('recaptcha-lead', {\n",
      "            'sitekey': '6Ld0RAoTAAAAAFji0CujiR0oPoPiDYZQvh21l715',\n",
      "            'theme': 'light'\n",
      "        });\n",
      "    </script>                        <div id=\"recaptcha-lead\" class=\"g-recaptcha\"></div>\n",
      "                    </div>\n",
      "                                            <p class=\"text-center\">oder</p>\n",
      "                        <script>\n",
      "    function facebookStatusCallback(response) {\n",
      "        if (response.status === 'connected') {\n",
      "            FB.api('/me', function (res) {\n",
      "                                Login.facebookRegister({'auth': response, 'profile': res});\n",
      "                            });\n",
      "        }\n",
      "    }\n",
      "</script>\n",
      "\n",
      "\n",
      "\n",
      "    \n",
      "<button type=\"button\" class=\"btn btn-block btn-default btn-lg col-middle facebook-login-button marginBottom5\"\n",
      "        onclick=\"Social.loginByFacebookStep1(this, '445350842203770', 'public_profile,email', 'Jetzt mit Facebook anmelden');\">\n",
      "    <i class=\"fa fa-facebook-square fa-2x\"></i> Registrierung per Facebook\n",
      "</button>\n",
      "\n",
      "    \n",
      "<p>Eine Verbindung zu Facebook wird erst hergestellt, wenn Sie auf die oben angezeigte Schaltfläche klicken. Weitere Informationen: <a rel=\"nofollow\" href=\"/infos/datenschutzhinweis\" target=\"_blank\">Datenschutzhinweis</a></p>                        <br/>\n",
      "                                        <div>\n",
      "                        <label>\n",
      "                            <input type=\"checkbox\" class=\"form-login-terms\" name=\"terms\" required/>\n",
      "                            <span style=\"vertical-align:text-bottom\">\n",
      "                                Ich akzeptiere die\n",
      "                                <a href=\"/allgemeine-geschaeftsbedingungen\"\n",
      "                                   target=\"_blank\">AGB</a>\n",
      "                                <span class=\"text-danger\">*</span>\n",
      "                            </span>\n",
      "                        </label>\n",
      "                    </div>\n",
      "\n",
      "                    <div style=\"display:none\">\n",
      "                        <label>\n",
      "                            <input type=\"checkbox\" name=\"newsletter\"\n",
      "                                    checked=\"checked\" />\n",
      "                            <span style=\"vertical-align:text-bottom\">Angebote und Neuigkeiten per E-Mail erhalten</span>\n",
      "                        </label>\n",
      "                    </div>\n",
      "                </div>\n",
      "            </div>\n",
      "        </div>\n",
      "    </div>\n",
      "</div>        <br/>\n",
      "\n",
      "        <div class=\"form-login-submit\"></div>\n",
      "        <br/>\n",
      "\n",
      "        <div class=\"col-xs-12 form-login-submit\">\n",
      "                            <input type=\"submit\" value=\"Senden\" class=\"btn btn-lg btn-warning btn-block\" textClass=\"bold\" />                    </div>\n",
      "    </div>\n",
      "</div>\n",
      "\n",
      "<script type=\"text/javascript\">\n",
      "        $('.form-login-submit').hide();\n",
      "    Login.showRegister($('.form-login-actions'));\n",
      "    </script>\n",
      "                    </form>                </div>\n",
      "            </div>\n",
      "        </div>\n",
      "    </div>\n",
      "    \n",
      "        <div class=\"col-sm-8\">\n",
      "            <div class=\"eyeCatcherTbDetailRow\">\n",
      "                                    <div id=\"companyAdvert\">\n",
      "                            <div class=\"eyeCatcherTbDetail\">\n",
      "                    <p class=\"eyeCatcherTb\">\n",
      "                <img src=\"/img/telefonbuch_logo_eyecatcher.png\" alt=\"Telefonbuch Anzeige\" title=\"Telefonbuch Anzeige\"/>\n",
      "            </p>\n",
      "                <a href=\"http://www.hofer-n.de\" target=\"_blank\" rel=\"nofollow\" class=\"detail-homepage\">\n",
      "            <img src=\"https://www.bundes-telefonbuch.de/anzeige/13478898\" id=\"companyAdvert\"\n",
      "                    alt=\"Firmenanzeige Karosseriefachbetrieb Hofer\" title=\"Firmenanzeige Karosseriefachbetrieb Hofer\"/>\n",
      "        </a>\n",
      "    </div>\n",
      "                    </div>\n",
      "                            </div>\n",
      "\n",
      "            \n",
      "\n",
      "    \n",
      "<div class=\"content marginBottom17\">\n",
      "    \n",
      "    <table class=\"table\">\n",
      "        <tr>\n",
      "            <td><span class=\"bold\">Adresse</span></td>\n",
      "            <td>\n",
      "                <div itemprop=\"address\" itemscope itemtype=\"http://schema.org/PostalAddress\" class=\"detail-address\">\n",
      "                                            <span itemprop=\"streetAddress\">\n",
      "                            Hans-Bunte-Str. &nbsp;47                        </span>\n",
      "                                                                <br/>\n",
      "                        <span itemprop=\"postalCode\">90431</span>\n",
      "                                                                <span itemprop=\"addressLocality\">Nürnberg</span>\n",
      "                                                        </div>\n",
      "            </td>\n",
      "        </tr>\n",
      "                    <tr>\n",
      "                <td><span class=\"bold\">Telefonnummer</span></td>\n",
      "                <td>\n",
      "                <span itemprop=\"telephone\" class=\"detail-phone\">\n",
      "                    <a href=\"tel:+49 911314947\"\n",
      "                       rel=\"nofollow\">(0911) 314947</a>\n",
      "                </span>\n",
      "                </td>\n",
      "            </tr>\n",
      "                                    <tr>\n",
      "                <td><span class=\"bold\">Faxnummer</span></td>\n",
      "                <td>\n",
      "                <span itemprop=\"faxNumber\" class=\"detail-fax\">\n",
      "                    (0911) 318106                </span>\n",
      "                </td>\n",
      "            </tr>\n",
      "                            <tr>\n",
      "                <td><span class=\"bold\">Homepage</span></td>\n",
      "                <td><span itemprop=\"url\">\n",
      "                <a href=\"http://www.hofer-n.de\" target=\"_blank\" rel=\"nofollow\"\n",
      "                   class=\"detail-homepage\" >\n",
      "                                            www.hofer-n.de                                    </a>\n",
      "                </span>\n",
      "                </td>\n",
      "            </tr>\n",
      "                            <tr>\n",
      "                <td><span class=\"bold\">E-Mail</span></td>\n",
      "                <td>\n",
      "                    <span itemprop=\"email\">\n",
      "                        <a href=\"mailto:hofer-n@t-online.de\"                            class=\"detail-email\">hofer-n@t-online.de</a>\n",
      "                    </span>\n",
      "                </td>\n",
      "            </tr>\n",
      "        \n",
      "        \n",
      "        \n",
      "                    <tr>\n",
      "                <td><span class=\"bold\">Eingetragen seit:</span></td>\n",
      "                <td>08.09.2017</td>\n",
      "            </tr>\n",
      "                            <tr>\n",
      "                <td><span class=\"bold\">Aktualisiert am:</span></td>\n",
      "                <td>08.09.2017, 07:59</td>\n",
      "            </tr>\n",
      "        \n",
      "            </table>\n",
      "</div>                <div id=\"memoryList\" class=\"content\">\n",
      "        <button type=\"button\" id=\"buttonAddToMemoryList\" class=\"btn btn-danger\" onclick=\"Mem.add(this, 13478898)\">Zu LieblingsListe hinzufügen</button>\n",
      "\n",
      "        <div id=\"memoryAddContainer\"></div>\n",
      "    </div>\n",
      "                        <div id=\"additionalCompanyInfo\"></div>\n",
      "            <div class=\"panel panel-default\">\n",
      "    <div class=\"panel-heading\"><h2 class=\"panel-title\">Unternehmensbeschreibung</h2></div>\n",
      "    <div class=\"panel-body\">\n",
      "                    <div itemprop=\"description\">\n",
      "                <p class=\"description\"></p>\n",
      "            </div>\n",
      "            </div>\n",
      "</div>\n",
      "\n",
      "                                                        \n",
      "<div class=\"panel panel-default\">\n",
      "    <div class=\"panel-body\">\n",
      "                    <div id=\"imageSlider\" class=\"carousel slide height350\" data-ride=\"carousel\">\n",
      "                \n",
      "                <ol class=\"carousel-indicators\">\n",
      "                                            <li data-target=\"#imageSlider\" data-slide-to=\"0\"\n",
      "                            class=\"active\"></li>\n",
      "                                                                    <li data-target=\"#imageSlider\" data-slide-to=\"1\"\n",
      "                            class=\"\"></li>\n",
      "                                                                    <li data-target=\"#imageSlider\" data-slide-to=\"2\"\n",
      "                            class=\"\"></li>\n",
      "                                                    <li data-target=\"#imageSlider\" data-slide-to=\"3\" class=\"\">\n",
      "                            </li>\n",
      "                                                            </ol>\n",
      "\n",
      "                \n",
      "                <div class=\"carousel-inner\" role=\"listbox\">\n",
      "                                                                    <div class=\"item active text-center\" itemscope\n",
      "                             itemtype=\"http://schema.org/ImageObject\">\n",
      "                            <div class=\"carousel-caption\" itemprop=\"name\"><h3></h3></div>\n",
      "                                                            <img src=\"https://ies.v4all.de/v244/TB/0122/1/4201/48644201_460x310px.png\" data-holder-rendered=\"true\"\n",
      "                                     alt=\"Bild von Karosseriefachbetrieb Hofer in Nürnberg - 1\" title=\"Bild von Karosseriefachbetrieb Hofer in Nürnberg - 1\" class=\"carousel-image\" itemprop=\"contentUrl\"/>\n",
      "                                                    </div>\n",
      "                                                                                            <div class=\"item  text-center\" itemscope\n",
      "                             itemtype=\"http://schema.org/ImageObject\">\n",
      "                            <div class=\"carousel-caption\" itemprop=\"name\"><h3></h3></div>\n",
      "                                                            <img src=\"https://ies.v4all.de/v244/TB/0122/2/1332/41501332_460x310px.png\" data-holder-rendered=\"true\"\n",
      "                                     alt=\"Bild von Karosseriefachbetrieb Hofer in Nürnberg - 2\" title=\"Bild von Karosseriefachbetrieb Hofer in Nürnberg - 2\" class=\"carousel-image\" itemprop=\"contentUrl\"/>\n",
      "                                                    </div>\n",
      "                                                                                            <div class=\"item  text-center\" itemscope\n",
      "                             itemtype=\"http://schema.org/ImageObject\">\n",
      "                            <div class=\"carousel-caption\" itemprop=\"name\"><h3></h3></div>\n",
      "                                                            <img src=\"https://ies.v4all.de/v244/TB/0122/7/0667/43650667_460x310px.png\" data-holder-rendered=\"true\"\n",
      "                                     alt=\"Bild von Karosseriefachbetrieb Hofer in Nürnberg - 3\" title=\"Bild von Karosseriefachbetrieb Hofer in Nürnberg - 3\" class=\"carousel-image\" itemprop=\"contentUrl\"/>\n",
      "                                                    </div>\n",
      "                                                    <div class=\"item\">\n",
      "                                <div class=\"carousel-caption\">\n",
      "                                    Anzeige von Google\n",
      "                                </div>\n",
      "                                <div class=\"carousel-image\" style=\"width:300px;height:250px;\">\n",
      "                                        <div class=\"content rectangleContainer2\">\n",
      "        <div id=\"gpt-ad-rectangle2\" class=\"rectangle\">\n",
      "            <script type='text/javascript'>\n",
      "                googletag.cmd.push(function () {\n",
      "                    googletag.display('gpt-ad-rectangle2');\n",
      "                });\n",
      "            </script>\n",
      "        </div>\n",
      "    </div>\n",
      "\n",
      "\n",
      "    <script type='text/javascript'>\n",
      "        $(document).ready(function () {\n",
      "            var leaderWidth = $('.rectangleContainer2').parent().width();\n",
      "            if (leaderWidth < 300) {\n",
      "                $('.rectangleContainer2').hide()\n",
      "            } else {\n",
      "                $('.rectangleContainer2').show()\n",
      "            }\n",
      "        });\n",
      "    </script>\n",
      "                                </div>\n",
      "                            </div>\n",
      "                                                            </div>\n",
      "\n",
      "                \n",
      "                <a class=\"left carousel-control\" href=\"#imageSlider\" role=\"button\" data-slide=\"prev\">\n",
      "                    <span class=\"glyphicon-chevron-left btn btn-block btn-danger\"><i class=\"fa fa-chevron-left\"></i></span>\n",
      "                    <span class=\"sr-only\">Previous</span>\n",
      "                </a>\n",
      "                <a class=\"right carousel-control\" href=\"#imageSlider\" role=\"button\" data-slide=\"next\">\n",
      "                    <span class=\"glyphicon-chevron-right btn btn-block btn-danger\"><i class=\"fa fa-chevron-right\"></i></span>\n",
      "                    <span class=\"sr-only\">Next</span>\n",
      "                </a>\n",
      "            </div>\n",
      "                <br/>\n",
      "\n",
      "                    <div class=\"text-right\">\n",
      "                <a href=\"#imageUploadForm\" title=\"Bild zur Firma hochladen\" class=\"btn btn-danger\"\n",
      "                   onclick=\"$('#imageUploadForm').toggle();$('html,body').scrollTop($(this));\">\n",
      "                    Bild zur Firma hochladen                </a>\n",
      "            </div>\n",
      "            </div>\n",
      "</div>\n",
      "<script type='text/javascript'>\n",
      "    positionSlidercontroll('imageSlider');\n",
      "</script>                                                    <div id=\"imageUploadForm\"  style=\"display:none\" >\n",
      "                    <div class=\"panel panel-default\">\n",
      "    <div class=\"panel-heading\">\n",
      "        <h2 class=\"panel-title\">\n",
      "            Bilder hochladen zu Karosseriefachbetrieb Hofer        </h2>\n",
      "    </div>\n",
      "    <div class=\"panel-body\">\n",
      "                            \n",
      "                                                    \n",
      "            <form action=\"/nuernberg/firma/karosseriefachbetrieb-hofer-tb1150222#imageUploadForm\" method=\"post\" role=\"form\" enctype=\"multipart/form-data\">\n",
      "                            <div class=\"content\">\n",
      "                    <div class=\"row\">\n",
      "                                                \n",
      "\n",
      "<style>\n",
      "    .btn-file {\n",
      "        position: relative;\n",
      "        color: black;\n",
      "    }\n",
      "\n",
      "    .btn-file input[type=file] {\n",
      "        position: absolute;\n",
      "        top: 0;\n",
      "        left: 0;\n",
      "        width: 100%;\n",
      "        height: 100%;\n",
      "        opacity: 0;\n",
      "    }\n",
      "\n",
      "    #imageUploadCropContainer {\n",
      "        display: none;\n",
      "    }\n",
      "\n",
      "    .upload-msg {\n",
      "        text-align: center;\n",
      "        padding: 50px;\n",
      "        font-size: 22px;\n",
      "        color: #aaa;\n",
      "        width: 300px;\n",
      "        height: 300px;\n",
      "        margin: 10px auto;\n",
      "        border: 1px solid #aaa;\n",
      "    }\n",
      "\n",
      "    .croppie-container {\n",
      "        padding: 10px 0px;\n",
      "    }\n",
      "</style>\n",
      "\n",
      "<div class=\"row\">\n",
      "    <div class=\"col-sm-12\">\n",
      "        <a class=\"btn btn-default btn-file\">\n",
      "            <span>Bild auswählen</span>\n",
      "            <input type=\"file\" id=\"file\" name=\"file\" class=\"form-control\" data-required=\"true\" accept=\"image/jpeg,image/png\" data-max-size=\"5000000\" />        </a>\n",
      "    </div>\n",
      "    <div class=\"col-sm-12\">\n",
      "        <div class=\"upload-msg\">\n",
      "            Bitte wählen Sie ein Bild aus.        </div>\n",
      "        <div id=\"imageUploadCropContainer\"></div>\n",
      "    </div>\n",
      "    <div class=\"col-sm-12\">\n",
      "        <table>\n",
      "            <tr>\n",
      "                <td class=\"col-middle\">\n",
      "                    <i class=\"fa fa-3x fa-info-circle text-gray\"></i>\n",
      "                </td>\n",
      "                <td class=\"col-middle\">\n",
      "                    Bildformat jpg und png möglich                </td>\n",
      "            </tr>\n",
      "            <tr>\n",
      "                <td class=\"col-middle\">\n",
      "                    <i class=\"fa fa-3x fa-info-circle text-gray\"></i>\n",
      "                </td>\n",
      "                <td class=\"col-middle\">\n",
      "                    Bildgröße bis 5MB, mindestens 400x400, maximal 2000x2000 Pixel                </td>\n",
      "            </tr>\n",
      "        </table>\n",
      "        <br/>\n",
      "    </div>\n",
      "</div>\n",
      "\n",
      "<script type=\"text/javascript\">\n",
      "    jQuery(function () {\n",
      "        var $container = $('#imageUploadCropContainer'), $form = $container.parents('form'), $uploadCrop;\n",
      "\n",
      "        function readFile(input) {\n",
      "            if (input.files && input.files[0]) {\n",
      "                var reader = new FileReader();\n",
      "                reader.onload = function (e) {\n",
      "                    $uploadCrop.croppie('bind', {url: e.target.result});\n",
      "                    $container.show();\n",
      "                    $('.upload-msg').hide();\n",
      "                };\n",
      "                reader.readAsDataURL(input.files[0]);\n",
      "            }\n",
      "        }\n",
      "\n",
      "        $uploadCrop = $container.croppie({\n",
      "            viewport: {width: 250, height: 250, type: 'square'},\n",
      "            boundary: {width: 300, height: 300}\n",
      "        });\n",
      "\n",
      "        $('#' + 'file').on('change', function () {\n",
      "            readFile(this);\n",
      "        });\n",
      "        $form.on('submit', function (ev) {\n",
      "            image = $('#imageUploadCropContainer img');\n",
      "            if (image.width() > 1999 || image.height() > 1999) {\n",
      "                alert('Das Bild ist zu groß. Bitte verwenden Sie ein Bild mit maximal 2000x2000 Pixel.');\n",
      "                $uploadCrop.croppie('destroy');\n",
      "                $uploadCrop = $container.croppie({\n",
      "                    viewport: {width: 250, height: 250, type: 'square'},\n",
      "                    boundary: {width: 300, height: 300}\n",
      "                });\n",
      "                $container.hide();\n",
      "                $('.upload-msg').show();\n",
      "            } else {\n",
      "                if (image.width() > 0 || image.height() > 0) {\n",
      "                    $uploadCrop.croppie('result', {\n",
      "                        type: 'canvas',\n",
      "                        size: 'original'\n",
      "                    }).then(function (resp) {\n",
      "                        $('#croppedImage').val(resp);\n",
      "                        $form.unbind('submit').submit();\n",
      "                    });\n",
      "                } else {\n",
      "                    $form.unbind('submit').submit();\n",
      "                }\n",
      "            }\n",
      "\n",
      "            return false;\n",
      "        });\n",
      "    });\n",
      "</script>\n",
      "                    </div>\n",
      "                </div>\n",
      "            \n",
      "            <div class=\"content\">\n",
      "                <div class=\"row\">\n",
      "                                                \n",
      "    <div class=\"col-sm-12  \">\n",
      "                    <span class=\"bold\">Bildbeschreibung                                    <span class=\"text-danger\">*</span>\n",
      "                        </span>\n",
      "            <br/>\n",
      "        \n",
      "        <div class=\" \">\n",
      "            \n",
      "                                        \n",
      "                            <textarea id=\"text\" name=\"text\" class=\"form-control \" data-description=\"Bitte ergänzen Sie das Bild mit einer Textbeschreibung und dem Firmennamen (z.&amp;nbsp;B. &#039;Produktionshalle der Muster GmbH in Musterstadt&#039;)\" data-required=\"true\" required=\"required\"></textarea>            \n",
      "                    </div>\n",
      "\n",
      "        \n",
      "            </div>\n",
      "                <div class=\"col-sm-12\">\n",
      "            <div class=\"form-group form-help\">\n",
      "                <table>\n",
      "                    <tr>\n",
      "                        <td class=\"col-middle\">\n",
      "                            <i class=\"fa fa-3x fa-info-circle text-gray\"></i>\n",
      "                        </td>\n",
      "                        <td class=\"col-middle\">\n",
      "                            Bitte ergänzen Sie das Bild mit einer Textbeschreibung und dem Firmennamen (z.&nbsp;B. 'Produktionshalle der Muster GmbH in Musterstadt')                        </td>\n",
      "                    </tr>\n",
      "                </table>\n",
      "            </div>\n",
      "        </div>\n",
      "                    </div>\n",
      "            </div>\n",
      "\n",
      "                        \n",
      "<div class=\"content\">\n",
      "    <div class=\"row\">\n",
      "        <div class=\"col-sm-12\">\n",
      "                            <p> (Mit * gekennzeichnete Felder sind Pflichtfelder)</p>\n",
      "                                                                        </div>\n",
      "    </div>\n",
      "</div>\n",
      "\n",
      "    \n",
      "    \n",
      "    \n",
      "\n",
      "    \n",
      "<div class=\"content form-login\">\n",
      "    \n",
      "<input type=\"hidden\" class=\"csrf-token\" name=\"csrf_token\" value=\"7P9VPKbagvLoyiJ\"/>            <input type=\"hidden\" id=\"formIdent\" name=\"formIdent\" value=\"imageUpload\" />            <input type=\"hidden\" id=\"mediaType\" name=\"mediaType\" />            <input type=\"hidden\" id=\"croppedImage\" name=\"croppedImage\" value=\"\" />    \n",
      "    <div class=\"row\">\n",
      "        \n",
      "\n",
      "<div class=\"col-xs-12 form-login-actions\">\n",
      "    <p class=\"bold\">Das Hochladen von Bildern ist kostenlos, Sie benötigen lediglich ein Benutzerkonto.</p>\n",
      "\n",
      "    <div class=\"gray-light\">\n",
      "        <div class=\"row\">\n",
      "            <div class=\"col-sm-6\">\n",
      "                <div class=\"content\">\n",
      "                    <p>Ich habe bereits ein Benutzerkonto</p>\n",
      "                    <a href=\"#\" onclick=\"Login.popup(this); return false\" class=\"btn btn-lg btn-warning btn-block\">Jetzt einloggen</a>\n",
      "                    \n",
      "                    <input type=\"checkbox\" style=\"display:none\" name=\"returnBlock\" class=\"form-login-returnBlock\" required/>\n",
      "                </div>\n",
      "            </div>\n",
      "            <div class=\"col-sm-6 loginFormBorderLeft form-login-register\">\n",
      "                <div class=\"content\">\n",
      "                    <p>Ich habe noch kein Benutzerkonto</p>\n",
      "\n",
      "                    <div class=\"form-group\">\n",
      "                        <label for=\"formLoginimage\" class=\"control-label\">E-Mail <span\n",
      "                                    class=\"text-danger\">*</span></label>\n",
      "                        <input type=\"email\" name=\"formLoginEmail\" id=\"formLoginimage\"\n",
      "                               class=\"form-control form-login-email\"\n",
      "                               onkeyup=\"Login.checkForSend($('#formLoginimage'))\"\n",
      "                               onchange=\"Login.checkForSend($('#formLoginimage'))\"\n",
      "                               onblur=\"Login.checkForSend($('#formLoginimage'))\"\n",
      "                               value=\"email@example.com\" required/>\n",
      "                    </div>\n",
      "                    <div class=\"form-group\">\n",
      "                        \n",
      "\n",
      "<script type=\"text/javascript\">\n",
      "            grecaptcha.render('recaptcha-image', {\n",
      "            'sitekey': '6Ld0RAoTAAAAAFji0CujiR0oPoPiDYZQvh21l715',\n",
      "            'theme': 'light'\n",
      "        });\n",
      "    </script>                        <div id=\"recaptcha-image\" class=\"g-recaptcha\"></div>\n",
      "                    </div>\n",
      "                                            <p class=\"text-center\">oder</p>\n",
      "                        <script>\n",
      "    function facebookStatusCallback(response) {\n",
      "        if (response.status === 'connected') {\n",
      "            FB.api('/me', function (res) {\n",
      "                                Login.facebookRegister({'auth': response, 'profile': res});\n",
      "                            });\n",
      "        }\n",
      "    }\n",
      "</script>\n",
      "\n",
      "\n",
      "\n",
      "    \n",
      "<button type=\"button\" class=\"btn btn-block btn-default btn-lg col-middle facebook-login-button marginBottom5\"\n",
      "        onclick=\"Social.loginByFacebookStep1(this, '445350842203770', 'public_profile,email', 'Jetzt mit Facebook anmelden');\">\n",
      "    <i class=\"fa fa-facebook-square fa-2x\"></i> Registrierung per Facebook\n",
      "</button>\n",
      "\n",
      "    \n",
      "<p>Eine Verbindung zu Facebook wird erst hergestellt, wenn Sie auf die oben angezeigte Schaltfläche klicken. Weitere Informationen: <a rel=\"nofollow\" href=\"/infos/datenschutzhinweis\" target=\"_blank\">Datenschutzhinweis</a></p>                        <br/>\n",
      "                                        <div>\n",
      "                        <label>\n",
      "                            <input type=\"checkbox\" class=\"form-login-terms\" name=\"terms\" required/>\n",
      "                            <span style=\"vertical-align:text-bottom\">\n",
      "                                Ich akzeptiere die\n",
      "                                <a href=\"/allgemeine-geschaeftsbedingungen\"\n",
      "                                   target=\"_blank\">AGB</a>\n",
      "                                <span class=\"text-danger\">*</span>\n",
      "                            </span>\n",
      "                        </label>\n",
      "                    </div>\n",
      "\n",
      "                    <div style=\"\">\n",
      "                        <label>\n",
      "                            <input type=\"checkbox\" name=\"newsletter\"\n",
      "                                     />\n",
      "                            <span style=\"vertical-align:text-bottom\">Angebote und Neuigkeiten per E-Mail erhalten</span>\n",
      "                        </label>\n",
      "                    </div>\n",
      "                </div>\n",
      "            </div>\n",
      "        </div>\n",
      "    </div>\n",
      "</div>        <br/>\n",
      "\n",
      "        <div class=\"form-login-submit\"></div>\n",
      "        <br/>\n",
      "\n",
      "        <div class=\"col-xs-12 form-login-submit\">\n",
      "                            <input type=\"submit\" value=\"Senden\" class=\"btn btn-lg btn-warning btn-block\" textClass=\"bold\" />                    </div>\n",
      "    </div>\n",
      "</div>\n",
      "\n",
      "<script type=\"text/javascript\">\n",
      "        $('.form-login-submit').hide();\n",
      "    Login.showRegister($('.form-login-actions'));\n",
      "    </script>\n",
      "            </form>            </div>\n",
      "</div>\n",
      "\n",
      "<script type=\"text/javascript\" src=\"https://www.bundes-telefonbuch.de/js/rating.js\"></script>\n",
      "                </div>\n",
      "                                    \n",
      "            <div class=\"panel panel-default\">\n",
      "    <div class=\"panel-heading\">\n",
      "        <h2 class=\"panel-title\">\n",
      "            <a data-toggle=\"collapse\" data-parent=\"#accordion\" href=\"#companyCategories\" class=\"btn-block\">\n",
      "                Mit diesem Eintrag verknüpfte Branchen und Keywords                <span class=\"pull-right\"><i class=\"fa fa-caret-down\"></i></span>\n",
      "            </a>\n",
      "        </h2>\n",
      "    </div>\n",
      "    <div id=\"companyCategories\" class=\"panel-collapse collapse in\">\n",
      "        <div class=\"panel-body\">\n",
      "                            <div class=\"margin_10\">\n",
      "                    <h3>Branche</h3>\n",
      "                    <a class=\"label label-default\" href=\"/suche/firma/nuernberg\" rel=\"follow\">\n",
      "                        <span class=\"value-category\">Firma</span>\n",
      "                        in Nürnberg                    </a>\n",
      "                </div>\n",
      "            \n",
      "            \n",
      "                                        <div class=\"margin_10\">\n",
      "                    <h3>Stichwörter</h3>\n",
      "                                            <a class=\"label label-default\" href=\"/suche/firma/nuernberg/aachener-muenchener\" rel=\"follow\">Aachener Münchener</a>\n",
      "                                            <a class=\"label label-default\" href=\"/suche/firma/nuernberg/auto-reparatur\" rel=\"follow\">Auto-Reparatur</a>\n",
      "                                            <a class=\"label label-default\" href=\"/suche/firma/nuernberg/autolackiererei\" rel=\"follow\">Autolackiererei</a>\n",
      "                                            <a class=\"label label-default\" href=\"/suche/firma/nuernberg/autolackierung\" rel=\"follow\">Autolackierung</a>\n",
      "                                            <a class=\"label label-default\" href=\"/suche/firma/nuernberg/cosmos\" rel=\"follow\">Cosmos</a>\n",
      "                                            <a class=\"label label-default\" href=\"/suche/firma/nuernberg/fahrzeuglackierungen\" rel=\"follow\">Fahrzeuglackierungen</a>\n",
      "                                            <a class=\"label label-default\" href=\"/suche/firma/nuernberg/gothar\" rel=\"follow\">Gothar</a>\n",
      "                                            <a class=\"label label-default\" href=\"/suche/firma/nuernberg/huk\" rel=\"follow\">HUK</a>\n",
      "                                            <a class=\"label label-default\" href=\"/suche/firma/nuernberg/karosserie\" rel=\"follow\">Karosserie</a>\n",
      "                                            <a class=\"label label-default\" href=\"/suche/firma/nuernberg/karosseriearbeiten\" rel=\"follow\">Karosseriearbeiten</a>\n",
      "                                            <a class=\"label label-default\" href=\"/suche/firma/nuernberg/karosseriefachbetrieb\" rel=\"follow\">Karosseriefachbetrieb</a>\n",
      "                                            <a class=\"label label-default\" href=\"/suche/firma/nuernberg/karosserieinstandsetzung\" rel=\"follow\">Karosserieinstandsetzung</a>\n",
      "                                            <a class=\"label label-default\" href=\"/suche/firma/nuernberg/kfz-unfall\" rel=\"follow\">Kfz-Unfall</a>\n",
      "                                            <a class=\"label label-default\" href=\"/suche/firma/nuernberg/lackiererei\" rel=\"follow\">Lackiererei</a>\n",
      "                                            <a class=\"label label-default\" href=\"/suche/firma/nuernberg/lackierfachbetrieb\" rel=\"follow\">Lackierfachbetrieb</a>\n",
      "                                            <a class=\"label label-default\" href=\"/suche/firma/nuernberg/lackierung\" rel=\"follow\">Lackierung</a>\n",
      "                                            <a class=\"label label-default\" href=\"/suche/firma/nuernberg/rahmen-richtbank\" rel=\"follow\">Rahmen-Richtbank</a>\n",
      "                                            <a class=\"label label-default\" href=\"/suche/firma/nuernberg/unfallinstandsetzung\" rel=\"follow\">Unfallinstandsetzung</a>\n",
      "                                            <a class=\"label label-default\" href=\"/suche/firma/nuernberg/unfallschaden\" rel=\"follow\">Unfallschaden</a>\n",
      "                                            <a class=\"label label-default\" href=\"/suche/firma/nuernberg/vhv\" rel=\"follow\">VHV</a>\n",
      "                                    </div>\n",
      "                    </div>\n",
      "    </div>\n",
      "</div>\n",
      "\n",
      "\n",
      "                    </div>\n",
      "        <div class=\"col-sm-4\">\n",
      "                <div class=\"content rectangleContainer1\">\n",
      "        <div id=\"gpt-ad-rectangle1\" class=\"rectangle\">\n",
      "            <script type='text/javascript'>\n",
      "                googletag.cmd.push(function () {\n",
      "                    googletag.display('gpt-ad-rectangle1');\n",
      "                });\n",
      "            </script>\n",
      "        </div>\n",
      "    </div>\n",
      "\n",
      "    <script type='text/javascript'>\n",
      "        $(document).ready(function () {\n",
      "            var leaderWidth = $('.rectangleContainer1').parent().width();\n",
      "            if (leaderWidth < 300) {\n",
      "                $('.rectangleContainer1').hide()\n",
      "            } else {\n",
      "                $('.rectangleContainer1').show()\n",
      "            }\n",
      "        });\n",
      "    </script>\n",
      "                            <div class=\"panel panel-default similarCompany\">\n",
      "    <div class=\"panel-heading\">\n",
      "        <h2 class=\"panel-title\">\n",
      "            <a data-toggle=\"collapse\" data-parent=\"#accordion\" href=\"#similarCompany\" class=\"btn-block\">\n",
      "                Ähnliche Firmen in der Nähe                <span class=\"pull-right\"><i class=\"fa fa-caret-down\"></i></span>\n",
      "            </a>\n",
      "        </h2>\n",
      "    </div>\n",
      "    <div id=\"similarCompany\" class=\"panel-collapse collapse in\">\n",
      "        <div class=\"panel-body\">\n",
      "                            <table>\n",
      "                                            <tr>\n",
      "                            <td><i class=\"fa fa-2x fa-map-marker text-danger\"></i></td>\n",
      "                            <td class=\"text-right width60\">0.8 km</td>\n",
      "                            <td><a href=\"/nuernberg/firma/mchamed-kairi-bvg901000188\">Mchamed Kairi, Nürnberg</a></td>\n",
      "                        </tr>\n",
      "                                            <tr>\n",
      "                            <td><i class=\"fa fa-2x fa-map-marker text-danger\"></i></td>\n",
      "                            <td class=\"text-right width60\">1.2 km</td>\n",
      "                            <td><a href=\"/nuernberg/firma/biegel-kurt-bvg014703840\">Biegel, Kurt, Nürnberg</a></td>\n",
      "                        </tr>\n",
      "                                            <tr>\n",
      "                            <td><i class=\"fa fa-2x fa-map-marker text-danger\"></i></td>\n",
      "                            <td class=\"text-right width60\">1.2 km</td>\n",
      "                            <td><a href=\"/nuernberg/firma/geisler-guenther-bvg014705800\">Geisler Günther, Nürnberg</a></td>\n",
      "                        </tr>\n",
      "                                            <tr>\n",
      "                            <td><i class=\"fa fa-2x fa-map-marker text-danger\"></i></td>\n",
      "                            <td class=\"text-right width60\">1.5 km</td>\n",
      "                            <td><a href=\"/nuernberg/firma/service-centrum-nordbayern-frank-hernik-it-dienstleistung-bvg901629662\">Service-Centrum Nordbayern Frank Hernik IT-Dienstleistung, Nürnberg</a></td>\n",
      "                        </tr>\n",
      "                                            <tr>\n",
      "                            <td><i class=\"fa fa-2x fa-map-marker text-danger\"></i></td>\n",
      "                            <td class=\"text-right width60\">1.7 km</td>\n",
      "                            <td><a href=\"/nuernberg/firma/hagen-haarpraxis-bvg150879861\">Hagen Haarpraxis, Nürnberg</a></td>\n",
      "                        </tr>\n",
      "                                    </table>\n",
      "            \n",
      "        </div>\n",
      "    </div>\n",
      "</div>\n",
      "                                    <div class=\"panel panel-default\">\n",
      "    <div class=\"panel-heading\">\n",
      "        <h2 class=\"panel-title\">\n",
      "            <a data-toggle=\"collapse\" data-parent=\"#accordion\" href=\"#companySeoText\" class=\"btn-block\">\n",
      "                Information zum Firmeneintrag                <span class=\"pull-right\"><i class=\"fa fa-caret-down\"></i></span>\n",
      "            </a>\n",
      "\n",
      "        </h2>\n",
      "    </div>\n",
      "    <div id=\"companySeoText\" class=\"panel-collapse collapse in\">\n",
      "        <div class=\"panel-body\">\n",
      "                            <div itemprop=\"description\">\n",
      "                    <p>\n",
      "                        Hier sehen Sie das <strong>Profil des Unternehmens Karosseriefachbetrieb Hofer in Nürnberg</strong>                        <br/>\n",
      "                        Auf Bundestelefonbuch ist dieser Eintrag seit dem 08.09.2017. Die Daten für das Verzeichnis wurden zuletzt am 08.09.2017, 07:59 geändert. Die Firma ist der Branche Firma in Nürnberg zugeordnet.                    </p>\n",
      "                                        <p>Notiz:\n",
      "                        Ergänzen Sie den Firmeneintrag mit weiteren Angaben oder schreiben Sie eine Bewertung und teilen Sie Ihre Erfahrung zum Anbieter Karosseriefachbetrieb Hofer in Nürnberg mit.                    </p>\n",
      "                </div>\n",
      "                    </div>\n",
      "    </div>\n",
      "</div>\n",
      "\n",
      "                                            </div>\n",
      "    </div>\n",
      "</div>\n",
      "    \n",
      "<script type=\"text/javascript\">\n",
      "\tswitch (window.location.hash) {\n",
      "\t\tcase '#karte':\n",
      "\t\t\tCompanyAjaxLoad.getAdditionalCompanyInfo('companyMap', '13478898', window.location.hash, true, 'map');\n",
      "\t\t\tbreak;\n",
      "\t\tcase '#termin-o-reservierung-vereinbaren':\n",
      "\t\t\tCompanyAjaxLoad.toggleFromNavigation('navigation_appointment', 'termin-o-reservierung-vereinbaren', true, true);\n",
      "\t\t\tbreak;\n",
      "\t\tcase '#firma-uebernehmen':\n",
      "\t\t\tCompanyAjaxLoad.getAdditionalCompanyInfo('companyClaim', '13478898', window.location.hash, true, 'claim');\n",
      "\t\t\tbreak;\n",
      "\t\tdefault:\n",
      "        \t\t\tbreak;\n",
      "\t}\n",
      "\n",
      "\t$(document).ajaxComplete(function() {\n",
      "\t\t$('#additionalCompanyInfo .panel').switchClass(\"panel-default\", \"panel-danger\", 1500, \"easeInQuad\");\n",
      "\t\tsetTimeout(function() {\n",
      "\t\t\t$('#additionalCompanyInfo .panel').switchClass(\"panel-danger\", \"panel-default\", 1500, \"easeOutQuad\");\n",
      "\t\t}, 3000);\n",
      "\t});\n",
      "</script>                        <div class=\"row\">\n",
      "                <div class='col-sm-8'>\n",
      "                    <div class=\"item\">\n",
      "                        <div class=\"content\">\n",
      "                                        <div class=\"hidden-xs marginBottom20 leaderContainer\">\n",
      "            <div id=\"gpt-ad-leader\" class=\"leaderBottom text-center\">\n",
      "                <script type='text/javascript'>\n",
      "                    googletag.cmd.push(function () {\n",
      "                        googletag.display('gpt-ad-leader');\n",
      "                    });\n",
      "                </script>\n",
      "            </div>\n",
      "        </div>\n",
      "        <div class=\"visible-xs\"></div>\n",
      "\n",
      "        \n",
      "        \n",
      "        <script type='text/javascript'>\n",
      "            $(document).ready(function () {\n",
      "                var leaderWidth = $('.leaderContainer').parent().width();\n",
      "                if (leaderWidth < 728) {\n",
      "                    $('.leaderContainer').hide()\n",
      "                } else {\n",
      "                    $('.leaderContainer').show()\n",
      "                }\n",
      "            });\n",
      "        </script>\n",
      "                            </div>\n",
      "                    </div>\n",
      "                </div>\n",
      "            </div>\n",
      "                    </div>\n",
      "    </div>\n",
      "\n",
      "    <footer>\n",
      "    <div class=\"container\">\n",
      "        <div class=\"row\">\n",
      "            <div class=\"col-sm-12\">\n",
      "                <div class=\"text-center\">\n",
      "                    <br/>\n",
      "                    <p>\n",
      "                        \n",
      "                        <a href=\"/faq\">Häufig gestellte Fragen</a> |\n",
      "                        <a rel=\"nofollow\" href=\"/kontakt\">Kontakt</a> |\n",
      "                        <a href=\"https://www.bundes-telefonbuch.de/blog/\" target=\"_blank\">Blog</a> |\n",
      "                        <a href=\"/firma/kostenlos-eintragen\">Firma eintragen</a> |\n",
      "                        <br/>\n",
      "                        <a rel=\"nofollow\" href=\"/infos/nutzungsbedingungen\">Nutzungsbedingungen</a> |\n",
      "                        <a rel=\"nofollow\" href=\"/infos/datenschutzhinweis\">Datenschutzhinweis</a> |\n",
      "                        <a rel=\"nofollow\" href=\"/infos/agb\">AGB</a> |\n",
      "                        <a rel=\"nofollow\" href=\"/infos/impressum\">Impressum von Bundestelefonbuch</a>                        <br/>&copy; BVV Bundesverzeichnis Verlag GmbH & Co. KG - Auskunft mit Telefonnummer und Bewertung\n",
      "                    </p>\n",
      "                </div>\n",
      "            </div>\n",
      "        </div>\n",
      "    </div>\n",
      "</footer>\n",
      "\n",
      "    <script type=\"text/javascript\">\n",
      "        \n",
      "        window.document.cookie = \"companyId=13478898; path=/\"\n",
      "    </script>\n",
      "\n",
      "<div id=\"fb-root\"></div>\n",
      "\n",
      "\n",
      "\n",
      "\n",
      "\n",
      "<script>\n",
      "    (function(i, s, o, g, r, a, m) {\n",
      "        i['GoogleAnalyticsObject'] = r;\n",
      "        i[r] = i[r] || function() {\n",
      "                    (i[r].q = i[r].q || []).push(arguments)\n",
      "                }, i[r].l = 1 * new Date();\n",
      "        a = s.createElement(o), m = s.getElementsByTagName(o)[0];\n",
      "        a.async = 1;\n",
      "        a.src = g;\n",
      "        m.parentNode.insertBefore(a, m)\n",
      "    })(window, document, 'script', '//www.google-analytics.com/analytics.js', 'ga');\n",
      "\n",
      "    ga('create', 'UA-4947670-1', 'auto');\n",
      "    ga('set', 'anonymizeIp', true);\n",
      "    ga('send', 'pageview');\n",
      "</script>\n",
      "\n",
      "\n",
      "<script type=\"text/javascript\" src=\"https://script.ioam.de/iam.js\"></script>\n",
      "<script type=\"text/javascript\">\n",
      "    var iam_data = {\n",
      "        \"st\": \"dastelef\",\n",
      "        \"cp\": \"TBBUND20\",\n",
      "        \"sv\": \"in\"\n",
      "    };\n",
      "    iom.c(iam_data);\n",
      "</script>\n",
      "\n",
      "<script src=\"https://www.google.com/recaptcha/api.js?onload=onloadCallback&render=explicit\" async defer></script></div>\n",
      "\n",
      "<script type=\"text/javascript\">\n",
      "    var Confirmation = (function ($) {\n",
      "        var my = {'facebookCallback': null};\n",
      "\n",
      "        my.registerFacebookCallback = function (cb) {\n",
      "            my.facebookCallback = cb;\n",
      "        };\n",
      "\n",
      "        my.isConfirmed = function (by, data) {\n",
      "            var email, accountname, token;\n",
      "\n",
      "            if (by === 'facebook') {\n",
      "                email = data.profile.email;\n",
      "                accountname = data.profile.name;\n",
      "                token = data.auth.authResponse.accessToken;\n",
      "                $('.facebook-authinfo').val(JSON.stringify(data.auth.authResponse));\n",
      "\n",
      "                if (typeof my.facebookCallback === 'function') {\n",
      "                    my.facebookCallback(data.auth, data.profile);\n",
      "                }\n",
      "            } else {\n",
      "                if (by === 'twitter') {\n",
      "                    email = 'not_send';\n",
      "                    accountname = 'not_send';\n",
      "                    token = 'private';\n",
      "                } else {\n",
      "                    return;\n",
      "                }\n",
      "            }\n",
      "\n",
      "            $('.confirm-option').hide();\n",
      "            $('.confirm-info').show().children(':nth-child(2)').html('Bestätigung erfolgt über ' + by.charAt(0).toUpperCase() + by.slice(1));\n",
      "            $('.privemail').val(email);\n",
      "            $('.accountname').val(accountname);\n",
      "            $('.accesstoken').val(token);\n",
      "            $('.confirmMethod').val(by);\n",
      "            $('.captchaAnswer').val('1234');\n",
      "        };\n",
      "\n",
      "        my.listener = function (event) {\n",
      "            if (event.data === 'dialo_twitter_confirm_ok') {\n",
      "                my.isConfirmed('twitter');\n",
      "            }\n",
      "        };\n",
      "\n",
      "        return my;\n",
      "    }(jQuery));\n",
      "\n",
      "    if (window.addEventListener) {\n",
      "        addEventListener(\"message\", function (e) {\n",
      "            if (Confirmation) {\n",
      "                Confirmation.listener(e);\n",
      "            }\n",
      "            if (Login) {\n",
      "                Login.listener(e);\n",
      "            }\n",
      "        }, false)\n",
      "    } else {\n",
      "        attachEvent(\"onmessage\", function (e) {\n",
      "            if (Confirmation) {\n",
      "                Confirmation.listener(e);\n",
      "            }\n",
      "            if (Login) {\n",
      "                Login.listener(e);\n",
      "            }\n",
      "        })\n",
      "    }\n",
      "\n",
      "    \n",
      "    jQuery(window).load(function () {\n",
      "        \n",
      "        $('.image-defer').each(function () {\n",
      "            $(this).attr('src', $(this).data('src'));\n",
      "        });\n",
      "    })\n",
      "</script>\n",
      "\n",
      "<script type=\"text/javascript\" src=\"https://www.bundes-telefonbuch.de/js/foot_all.js?1498638616\"></script>\n",
      "\n",
      "</body>\n",
      "</html>\n",
      "\n"
     ]
    }
   ],
   "source": [
    "print(response.text)"
   ]
  },
  {
   "cell_type": "markdown",
   "metadata": {},
   "source": [
    "### Beautiful Soup"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 12,
   "metadata": {},
   "outputs": [],
   "source": [
    "entry_soup = BeautifulSoup(response.text,'html.parser')"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 13,
   "metadata": {},
   "outputs": [
    {
     "name": "stdout",
     "output_type": "stream",
     "text": [
      "Karosseriefachbetrieb Hofer\n"
     ]
    }
   ],
   "source": [
    "name = entry_soup.h1.text.strip()\n",
    "print(name)"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 14,
   "metadata": {},
   "outputs": [
    {
     "name": "stdout",
     "output_type": "stream",
     "text": [
      "\n",
      "\n",
      "                            Hans-Bunte-Str.  47                        \n",
      "\n",
      "90431\n",
      "Nürnberg\n",
      "\n"
     ]
    },
    {
     "data": {
      "text/plain": [
       "<generator object stripped_strings at 0x105d3fca8>"
      ]
     },
     "execution_count": 14,
     "metadata": {},
     "output_type": "execute_result"
    }
   ],
   "source": [
    "address_div = entry_soup.find('div', {'class':'detail-address'})\n",
    "print(address_div.text)\n",
    "address_div.stripped_strings"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 15,
   "metadata": {},
   "outputs": [
    {
     "name": "stdout",
     "output_type": "stream",
     "text": [
      "['Hans-Bunte-Str. \\xa047', '90431', 'Nürnberg']\n",
      "Hans-Bunte-Str.  47 90431 Nürnberg\n"
     ]
    }
   ],
   "source": [
    "address_parts = list(address_div.stripped_strings)\n",
    "print(address_parts)\n",
    "address = ' '.join(address_parts)\n",
    "print(address)"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 16,
   "metadata": {},
   "outputs": [
    {
     "name": "stdout",
     "output_type": "stream",
     "text": [
      "mailto:hofer-n@t-online.de\n"
     ]
    }
   ],
   "source": [
    "email = entry_soup.find('a',{'class':'detail-email'}).get('href')\n",
    "print(email)"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 17,
   "metadata": {},
   "outputs": [
    {
     "name": "stdout",
     "output_type": "stream",
     "text": [
      "http://www.hofer-n.de\n"
     ]
    }
   ],
   "source": [
    "website = entry_soup.find('a',{'class':'detail-homepage'}).get('href')\n",
    "print(website)"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 18,
   "metadata": {},
   "outputs": [
    {
     "name": "stdout",
     "output_type": "stream",
     "text": [
      "(0911) 318106 (0911) 314947\n"
     ]
    }
   ],
   "source": [
    "tel = entry_soup.find('span', {'class':'detail-fax'}).text.strip()\n",
    "fax = entry_soup.find('span', {'class':'detail-phone'}).text.strip()\n",
    "print(tel, fax)"
   ]
  },
  {
   "cell_type": "markdown",
   "metadata": {},
   "source": [
    "## Create Scrapy Project "
   ]
  },
  {
   "cell_type": "code",
   "execution_count": null,
   "metadata": {},
   "outputs": [],
   "source": [
    "scrapy startproject yellow_pages"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": null,
   "metadata": {},
   "outputs": [],
   "source": [
    "cd yellow_pages\n",
    "scrapy genspider telefonbuch bundes-telefonbuch.de"
   ]
  },
  {
   "cell_type": "markdown",
   "metadata": {},
   "source": [
    "## Scrapy Shell for debugging"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": null,
   "metadata": {},
   "outputs": [],
   "source": [
    "scrapy shell 'www.bundes-telefonbuch.de'"
   ]
  },
  {
   "cell_type": "markdown",
   "metadata": {},
   "source": [
    "### Scrapy: Fill Out Forms"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": null,
   "metadata": {},
   "outputs": [],
   "source": [
    "fetch(scrapy.FormRequest.from_response(response, formid='searchForm', formdata={'what':'auto', 'where':'Muenchen'}))"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": null,
   "metadata": {},
   "outputs": [],
   "source": [
    "response.css('div.companyBox')"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": null,
   "metadata": {},
   "outputs": [],
   "source": [
    "results_soup = BeautifulSoup(response.text,'html.parser')"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": null,
   "metadata": {},
   "outputs": [],
   "source": [
    "results_soup.prettify()"
   ]
  },
  {
   "cell_type": "markdown",
   "metadata": {},
   "source": [
    "### Extract entries"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": null,
   "metadata": {},
   "outputs": [],
   "source": [
    "entry = results_soup.find('div',{'class':'companyBox'})"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": null,
   "metadata": {},
   "outputs": [],
   "source": [
    "entries = result_soup.find_all('div', {'class':'companyBox'})\n",
    "len(entries)"
   ]
  },
  {
   "cell_type": "markdown",
   "metadata": {},
   "source": [
    "### Paging"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": null,
   "metadata": {},
   "outputs": [],
   "source": [
    "paging = result_soup.find('div',{'id':'pagination'})"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": null,
   "metadata": {},
   "outputs": [],
   "source": [
    "pages = paging.find_all('a')\n",
    "len(pages)"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": null,
   "metadata": {},
   "outputs": [],
   "source": [
    "next_page = None\n",
    "for page in pages:\n",
    "    if page.text.strip()=='∨':\n",
    "        next_page = page.get('href')\n",
    "        break"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": null,
   "metadata": {},
   "outputs": [],
   "source": [
    "start_urls = ['http://bundes-telefonbuch.de/']\n",
    "if next_page:\n",
    "    next_page = start_urls[0] + next_page\n",
    "print(next_page)"
   ]
  },
  {
   "cell_type": "markdown",
   "metadata": {},
   "source": [
    "### Get the details of the entry"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": null,
   "metadata": {},
   "outputs": [],
   "source": [
    "entry_url = entry.a.get('href')\n",
    "fetch(scrapy.http.Request(start_urls[0] + entry_url))"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": null,
   "metadata": {},
   "outputs": [],
   "source": [
    "entry_soup = BeautifulSoup(response.text,'html.parser')"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": null,
   "metadata": {},
   "outputs": [],
   "source": [
    "name = entry_soup.h1.text.strip()\n",
    "print(name)"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": null,
   "metadata": {},
   "outputs": [],
   "source": [
    "address_div = entry_soup.find('div', {'class':'detail-address'})\n",
    "print(address_div.text)\n",
    "print(address_div.stripped_strings)"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": null,
   "metadata": {},
   "outputs": [],
   "source": [
    "address_parts = list(address_div.stripped_strings)\n",
    "print(address_parts)\n",
    "address = ' '.join(address_parts)\n",
    "print(address)"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": null,
   "metadata": {},
   "outputs": [],
   "source": [
    "email = entry_soup.find('a',{'class':'detail-email'}).get('href')\n",
    "print(email)"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": null,
   "metadata": {},
   "outputs": [],
   "source": [
    "website = entry_soup.find('a',{'class':'detail-homepage'}).get('href')\n",
    "print(website)"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": null,
   "metadata": {},
   "outputs": [],
   "source": [
    "tel = entry_soup.find('span', {'class':'detail-fax'}).text.strip()\n",
    "fax = entry_soup.find('span', {'class':'detail-phone'}).text.strip()\n",
    "print(tel, fax)"
   ]
  },
  {
   "cell_type": "markdown",
   "metadata": {},
   "source": [
    "## Run crawler"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": null,
   "metadata": {},
   "outputs": [],
   "source": [
    "scrapy crawl telefonbuch -a sector=\"Auto\" -a city=\"Muenchen\" -o \"Auto_Muenchen.csv\""
   ]
  }
 ],
 "metadata": {
  "kernelspec": {
   "display_name": "Scraping",
   "language": "python",
   "name": "scraping"
  },
  "language_info": {
   "codemirror_mode": {
    "name": "ipython",
    "version": 3
   },
   "file_extension": ".py",
   "mimetype": "text/x-python",
   "name": "python",
   "nbconvert_exporter": "python",
   "pygments_lexer": "ipython3",
   "version": "3.6.1"
  }
 },
 "nbformat": 4,
 "nbformat_minor": 2
}