{"id":4965,"date":"2026-06-26T23:03:58","date_gmt":"2026-06-26T23:03:58","guid":{"rendered":"https:\/\/pinsportapp.info\/?page_id=4965"},"modified":"2026-07-02T18:35:42","modified_gmt":"2026-07-02T18:35:42","slug":"sports","status":"publish","type":"page","link":"https:\/\/pinsportapp.info\/de\/sports\/","title":{"rendered":"Sports"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"4965\" class=\"elementor elementor-4965\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4b9b63eb e-con e-atomic-element e-flexbox-base e-4b9b63eb-385f3b7\" data-id=\"4b9b63eb\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"4b9b63eb\">\n    \t\t\t<p class=\"e-40abfadb-23f43cf e-paragraph-base\" data-interaction-id=\"40abfadb\" data-e-type=\"widget\" data-id=\"40abfadb\">Sports<\/p>\n\t\t\t\t\t<h2 data-interaction-id=\"16b2d61c\" class=\"e-16b2d61c-2c42e74 e-heading-base\" data-e-type=\"widget\" data-id=\"16b2d61c\">One network. Every sport.<\/h2>\n\t\t\t\t\t<p class=\"e-b2c952b-d64c728 e-paragraph-base\" data-interaction-id=\"b2c952b\" data-e-type=\"widget\" data-id=\"b2c952b\">Explore communities, events, players and openings \u2014 by sport.<\/p>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-faf9de0 e-con e-atomic-element e-flexbox-base e-3aafc69\" data-id=\"faf9de0\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"faf9de0\">\n    \t\t<div class=\"elementor-element elementor-element-1eca091 elementor-widget elementor-widget-html\" data-id=\"1eca091\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n\r\n<style>\r\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700;800;900&display=swap');\r\n\r\n  \/* \u2500\u2500 RESET & SCOPE \u2500\u2500 *\/\r\n  .pinsc-wrap *,\r\n  .pinsc-wrap *::before,\r\n  .pinsc-wrap *::after {\r\n    box-sizing: border-box;\r\n    margin: 0;\r\n    padding: 0;\r\n  }\r\n\r\n  \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n     SECTION WRAPPER\r\n  \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n  .pinsc-wrap {\r\n    font-family: 'Inter', 'Helvetica Neue', Arial, sans-serif;\r\n    background-color: #f5f5f7;\r\n    width: 100%;\r\n    padding: 15px 40px 17px;\r\n  }\r\n\r\n  \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n     TWO-COLUMN GRID\r\n  \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n  .pinsc-grid {\r\n    display: grid;\r\n    grid-template-columns: 1fr 1fr;\r\n    gap: 28px;\r\n    max-width: 1200px;\r\n    margin: 0 auto;\r\n  }\r\n\r\n  \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n     CARD LINK WRAPPER\r\n     (entire card is one <a> tag)\r\n  \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n  .pinsc-card-link {\r\n    display: block;\r\n    text-decoration: none;\r\n    color: inherit;\r\n    border-radius: 20px;\r\n    outline-offset: 4px;\r\n  }\r\n\r\n  .pinsc-card-link:focus-visible {\r\n    outline: 3px solid #8000FF;\r\n  }\r\n\r\n  \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n     CARD SHELL\r\n  \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n  .pinsc-card {\r\n    border-radius: 20px;\r\n    border: 1.5px solid #e4e4ec;\r\n    overflow: hidden;\r\n    background: #ffffff;\r\n    display: flex;\r\n    flex-direction: column;\r\n    transition: transform 0.32s cubic-bezier(0.22, 0.61, 0.36, 1),\r\n                box-shadow 0.32s cubic-bezier(0.22, 0.61, 0.36, 1),\r\n                border-color 0.32s ease;\r\n    will-change: transform, box-shadow;\r\n  }\r\n\r\n  .pinsc-card-link:hover .pinsc-card {\r\n    transform: translateY(-6px);\r\n    box-shadow: 0 20px 56px rgba(0, 0, 0, 0.14);\r\n    border-color: rgba(123, 47, 247, 0.25);\r\n  }\r\n\r\n  \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n     IMAGE AREA\r\n  \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n  .pinsc-img-wrap {\r\n    position: relative;\r\n    width: 100%;\r\n    aspect-ratio: 16 \/ 9;\r\n    overflow: hidden;\r\n    border-radius: 18px 18px 0 0;\r\n  }\r\n\r\n  .pinsc-img {\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: cover;\r\n    object-position: center top;\r\n    display: block;\r\n    transition: transform 0.55s cubic-bezier(0.22, 0.61, 0.36, 1);\r\n    will-change: transform;\r\n  }\r\n\r\n  .pinsc-card-link:hover .pinsc-img {\r\n    transform: scale(1.07);\r\n  }\r\n\r\n  \/* \u2500\u2500 Gradient overlay (always on, deepens on hover) \u2500\u2500 *\/\r\n  .pinsc-img-overlay {\r\n    position: absolute;\r\n    inset: 0;\r\n    background: linear-gradient(\r\n      to top,\r\n      rgba(10, 6, 20, 0.72) 0%,\r\n      rgba(10, 6, 20, 0.18) 48%,\r\n      rgba(10, 6, 20, 0.04) 100%\r\n    );\r\n    transition: background 0.32s ease;\r\n    border-radius: 18px 18px 0 0;\r\n  }\r\n\r\n  .pinsc-card-link:hover .pinsc-img-overlay {\r\n    background: linear-gradient(\r\n      to top,\r\n      rgba(10, 6, 20, 0.82) 0%,\r\n      rgba(10, 6, 20, 0.28) 52%,\r\n      rgba(10, 6, 20, 0.08) 100%\r\n    );\r\n  }\r\n\r\n  \/* \u2500\u2500 Text block over image \u2500\u2500 *\/\r\n  .pinsc-img-text {\r\n    position: absolute;\r\n    bottom: 22px;\r\n    left: 26px;\r\n    right: 26px;\r\n    z-index: 2;\r\n  }\r\n\r\n  .pinsc-eyebrow {\r\n    display: block;\r\n    font-size: 10.5px;\r\n    font-weight: 600;\r\n    letter-spacing: 0.17em;\r\n    text-transform: uppercase;\r\n    color: rgba(255, 255, 255, 0.78);\r\n    margin-bottom: 6px;\r\n  }\r\n\r\n  .pinsc-title {\r\n    font-size: clamp(18px, 2.4vw, 26px);\r\n    font-weight: 800;\r\n    color: #ffffff;\r\n    line-height: 1.18;\r\n    letter-spacing: -0.01em;\r\n    transition: letter-spacing 0.28s ease;\r\n  }\r\n\r\n  .pinsc-card-link:hover .pinsc-title {\r\n    letter-spacing: 0.002em;\r\n  }\r\n\r\n  \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n     STATS BAR (below image)\r\n  \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n  .pinsc-stats {\r\n    display: flex;\r\n    align-items: stretch;\r\n    background: #ffffff;\r\n    border-top: 1px solid #ebebf2;\r\n    border-radius: 0 0 18px 18px;\r\n  }\r\n\r\n  .pinsc-stat {\r\n    flex: 1;\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    justify-content: center;\r\n    padding: 18px 12px 16px;\r\n    position: relative;\r\n  }\r\n\r\n  \/* vertical divider between stats *\/\r\n  .pinsc-stat + .pinsc-stat::before {\r\n    content: '';\r\n    position: absolute;\r\n    left: 0;\r\n    top: 18%;\r\n    height: 64%;\r\n    width: 1px;\r\n    background: #ebebf2;\r\n  }\r\n\r\n  .pinsc-stat-num {\r\n    font-size: clamp(20px, 2.2vw, 26px);\r\n    font-weight: 800;\r\n    color: #6a0deb;\r\n    line-height: 1.1;\r\n    letter-spacing: -0.02em;\r\n    margin-bottom: 4px;\r\n    transition: color 0.22s ease;\r\n  }\r\n\r\n  .pinsc-card-link:hover .pinsc-stat-num {\r\n    color: #5a0dd4;\r\n  }\r\n\r\n  .pinsc-stat-label {\r\n    font-size: 12px;\r\n    font-weight: 400;\r\n    color: #8a8a9a;\r\n    letter-spacing: 0.01em;\r\n    line-height: 1;\r\n  }\r\n\r\n  \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n     RESPONSIVE \u2014 tablet\r\n  \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n  @media (max-width: 820px) {\r\n    .pinsc-wrap {\r\n      padding:12px 24px 14px;\r\n    }\r\n\r\n    .pinsc-grid {\r\n      gap: 20px;\r\n    }\r\n\r\n    .pinsc-img-text {\r\n      left: 20px;\r\n      right: 20px;\r\n      bottom: 18px;\r\n    }\r\n  }\r\n\r\n  \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n     RESPONSIVE \u2014 mobile (stacked)\r\n  \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n  @media (max-width: 600px) {\r\n    .pinsc-wrap {\r\n      padding: 9px 16px 11px;\r\n    }\r\n\r\n    .pinsc-grid {\r\n      grid-template-columns: 1fr;\r\n      gap: 18px;\r\n    }\r\n\r\n    .pinsc-img-wrap {\r\n      aspect-ratio: 4 \/ 3;\r\n    }\r\n\r\n    .pinsc-title {\r\n      font-size: 20px;\r\n    }\r\n\r\n    .pinsc-stat {\r\n      padding: 14px 8px 12px;\r\n    }\r\n\r\n    .pinsc-stat-num {\r\n      font-size: 20px;\r\n    }\r\n  }\r\n\r\n  \/* \u2500\u2500 REDUCED MOTION \u2500\u2500 *\/\r\n  @media (prefers-reduced-motion: reduce) {\r\n    .pinsc-card,\r\n    .pinsc-img,\r\n    .pinsc-img-overlay,\r\n    .pinsc-title,\r\n    .pinsc-stat-num {\r\n      transition: none !important;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n     SPORTS COMMUNITY SECTION\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n<section class=\"pinsc-wrap\" aria-label=\"Sports Community Cards\">\r\n  <div class=\"pinsc-grid\">\r\n\r\n    <!-- \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n         CARD 1 \u00b7 Basketball\r\n         Link \u2192 https:\/\/pinsportapp.info\/basketball\r\n    \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\r\n    <a class=\"pinsc-card-link\"\r\n       href=\"https:\/\/pinsportapp.info\/de\/basketball\/\"\r\n       aria-label=\"Explore The Basketball Community\">\r\n      <div class=\"pinsc-card\">\r\n\r\n        <!-- Image + overlay + text -->\r\n        <div class=\"pinsc-img-wrap\">\r\n          <!--\r\n            REPLACE the src below with your actual basketball image URL.\r\n            Recommended size: 900\u00d7506px minimum.\r\n            Example: src=\"https:\/\/yoursite.com\/wp-content\/uploads\/basketball.jpg\"\r\n          -->\r\n          <img decoding=\"async\" class=\"pinsc-img\"\r\n               src=\"https:\/\/pinsportapp.info\/wp-content\/uploads\/2026\/06\/photo-1546519638-68e109498ffc.avif\"\r\n               alt=\"Basketball player dribbling on a court\"\r\n               loading=\"lazy\"\r\n               draggable=\"false\"\/>\r\n          <div class=\"pinsc-img-overlay\"><\/div>\r\n          <div class=\"pinsc-img-text\">\r\n            <span class=\"pinsc-eyebrow\">Community<\/span>\r\n            <h2 class=\"pinsc-title\">The Basketball Community<\/h2>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- Stats bar -->\r\n        <div class=\"pinsc-stats\">\r\n          <div class=\"pinsc-stat\">\r\n            <span class=\"pinsc-stat-num\">30+<\/span>\r\n            <span class=\"pinsc-stat-label\">Clubs<\/span>\r\n          <\/div>\r\n          <div class=\"pinsc-stat\">\r\n            <span class=\"pinsc-stat-num\">500+<\/span>\r\n            <span class=\"pinsc-stat-label\">Players<\/span>\r\n          <\/div>\r\n          <div class=\"pinsc-stat\">\r\n            <span class=\"pinsc-stat-num\">20+<\/span>\r\n            <span class=\"pinsc-stat-label\">Open Roles<\/span>\r\n          <\/div>\r\n        <\/div>\r\n\r\n      <\/div>\r\n    <\/a>\r\n\r\n    <!-- \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n         CARD 2 \u00b7 Football (Soccer)\r\n         Link \u2192 https:\/\/pinsportapp.info\/soccer\r\n    \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\r\n    <a class=\"pinsc-card-link\"\r\n       href=\"https:\/\/pinsportapp.info\/de\/soccer\/\"\r\n       aria-label=\"Explore The Soccer Community\">\r\n      <div class=\"pinsc-card\">\r\n\r\n        <!-- Image + overlay + text -->\r\n        <div class=\"pinsc-img-wrap\">\r\n          <!--\r\n            REPLACE the src below with your actual football\/soccer image URL.\r\n            Recommended size: 900\u00d7506px minimum.\r\n            Example: src=\"https:\/\/yoursite.com\/wp-content\/uploads\/football.jpg\"\r\n          -->\r\n          <img decoding=\"async\" class=\"pinsc-img\"\r\n               src=\"https:\/\/pinsportapp.info\/wp-content\/uploads\/2026\/06\/photo-1579952363873-27f3bade9f55.avif\"\r\n               alt=\"Soccer player kicking a ball on a sunlit pitch\"\r\n               loading=\"lazy\"\r\n               draggable=\"false\"\/>\r\n          <div class=\"pinsc-img-overlay\"><\/div>\r\n          <div class=\"pinsc-img-text\">\r\n            <span class=\"pinsc-eyebrow\">Community<\/span>\r\n            <h2 class=\"pinsc-title\">The Soccer Community<\/h2>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- Stats bar -->\r\n        <div class=\"pinsc-stats\">\r\n          <div class=\"pinsc-stat\">\r\n            <span class=\"pinsc-stat-num\">30+<\/span>\r\n            <span class=\"pinsc-stat-label\">Clubs<\/span>\r\n          <\/div>\r\n          <div class=\"pinsc-stat\">\r\n            <span class=\"pinsc-stat-num\">200+<\/span>\r\n            <span class=\"pinsc-stat-label\">Players<\/span>\r\n          <\/div>\r\n          <div class=\"pinsc-stat\">\r\n            <span class=\"pinsc-stat-num\">20+<\/span>\r\n            <span class=\"pinsc-stat-label\">Open Roles<\/span>\r\n          <\/div>\r\n        <\/div>\r\n\r\n      <\/div>\r\n    <\/a>\r\n\r\n  <\/div><!-- \/.pinsc-grid -->\r\n<\/section>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-6cdbc4a e-con e-atomic-element e-flexbox-base e-6cdbc4a-3ec2dcf\" data-id=\"6cdbc4a\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"6cdbc4a\">\n    \t\t<div class=\"elementor-element elementor-element-2834ec0 elementor-widget elementor-widget-html\" data-id=\"2834ec0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n\r\n<style>\r\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700;800;900&display=swap');\r\n\r\n  \/* \u2500\u2500 RESET & SCOPE \u2500\u2500 *\/\r\n  .pinsc-wrap *,\r\n  .pinsc-wrap *::before,\r\n  .pinsc-wrap *::after {\r\n    box-sizing: border-box;\r\n    margin: 0;\r\n    padding: 0;\r\n  }\r\n\r\n  \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n     SECTION WRAPPER\r\n  \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n  .pinsc-wrap {\r\n    font-family: 'Inter', 'Helvetica Neue', Arial, sans-serif;\r\n    background-color: #f5f5f7;\r\n    width: 100%;\r\n    padding: 15px 40px 17px;\r\n  }\r\n\r\n  \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n     TWO-COLUMN GRID\r\n  \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n  .pinsc-grid {\r\n    display: grid;\r\n    grid-template-columns: 1fr 1fr;\r\n    gap: 28px;\r\n    max-width: 1200px;\r\n    margin: 0 auto;\r\n  }\r\n\r\n  \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n     CARD LINK WRAPPER\r\n     (entire card is one <a> tag)\r\n  \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n  .pinsc-card-link {\r\n    display: block;\r\n    text-decoration: none;\r\n    color: inherit;\r\n    border-radius: 20px;\r\n    outline-offset: 4px;\r\n  }\r\n\r\n  .pinsc-card-link:focus-visible {\r\n    outline: 3px solid #8000FF;\r\n  }\r\n\r\n  \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n     CARD SHELL\r\n  \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n  .pinsc-card {\r\n    border-radius: 20px;\r\n    border: 1.5px solid #e4e4ec;\r\n    overflow: hidden;\r\n    background: #ffffff;\r\n    display: flex;\r\n    flex-direction: column;\r\n    transition: transform 0.32s cubic-bezier(0.22, 0.61, 0.36, 1),\r\n                box-shadow 0.32s cubic-bezier(0.22, 0.61, 0.36, 1),\r\n                border-color 0.32s ease;\r\n    will-change: transform, box-shadow;\r\n  }\r\n\r\n  .pinsc-card-link:hover .pinsc-card {\r\n    transform: translateY(-6px);\r\n    box-shadow: 0 20px 56px rgba(0, 0, 0, 0.14);\r\n    border-color: rgba(123, 47, 247, 0.25);\r\n  }\r\n\r\n  \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n     IMAGE AREA\r\n  \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n  .pinsc-img-wrap {\r\n    position: relative;\r\n    width: 100%;\r\n    aspect-ratio: 16 \/ 9;\r\n    overflow: hidden;\r\n    border-radius: 18px 18px 0 0;\r\n  }\r\n\r\n  .pinsc-img {\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: cover;\r\n    object-position: center top;\r\n    display: block;\r\n    transition: transform 0.55s cubic-bezier(0.22, 0.61, 0.36, 1);\r\n    will-change: transform;\r\n  }\r\n\r\n  .pinsc-card-link:hover .pinsc-img {\r\n    transform: scale(1.07);\r\n  }\r\n\r\n  \/* \u2500\u2500 Gradient overlay (always on, deepens on hover) \u2500\u2500 *\/\r\n  .pinsc-img-overlay {\r\n    position: absolute;\r\n    inset: 0;\r\n    background: linear-gradient(\r\n      to top,\r\n      rgba(10, 6, 20, 0.72) 0%,\r\n      rgba(10, 6, 20, 0.18) 48%,\r\n      rgba(10, 6, 20, 0.04) 100%\r\n    );\r\n    transition: background 0.32s ease;\r\n    border-radius: 18px 18px 0 0;\r\n  }\r\n\r\n  .pinsc-card-link:hover .pinsc-img-overlay {\r\n    background: linear-gradient(\r\n      to top,\r\n      rgba(10, 6, 20, 0.82) 0%,\r\n      rgba(10, 6, 20, 0.28) 52%,\r\n      rgba(10, 6, 20, 0.08) 100%\r\n    );\r\n  }\r\n\r\n  \/* \u2500\u2500 Text block over image \u2500\u2500 *\/\r\n  .pinsc-img-text {\r\n    position: absolute;\r\n    bottom: 22px;\r\n    left: 26px;\r\n    right: 26px;\r\n    z-index: 2;\r\n  }\r\n\r\n  .pinsc-eyebrow {\r\n    display: block;\r\n    font-size: 10.5px;\r\n    font-weight: 600;\r\n    letter-spacing: 0.17em;\r\n    text-transform: uppercase;\r\n    color: rgba(255, 255, 255, 0.78);\r\n    margin-bottom: 6px;\r\n  }\r\n\r\n  .pinsc-title {\r\n    font-size: clamp(18px, 2.4vw, 26px);\r\n    font-weight: 800;\r\n    color: #ffffff;\r\n    line-height: 1.18;\r\n    letter-spacing: -0.01em;\r\n    transition: letter-spacing 0.28s ease;\r\n  }\r\n\r\n  .pinsc-card-link:hover .pinsc-title {\r\n    letter-spacing: 0.002em;\r\n  }\r\n\r\n  \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n     STATS BAR (below image)\r\n  \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n  .pinsc-stats {\r\n    display: flex;\r\n    align-items: stretch;\r\n    background: #ffffff;\r\n    border-top: 1px solid #ebebf2;\r\n    border-radius: 0 0 18px 18px;\r\n  }\r\n\r\n  .pinsc-stat {\r\n    flex: 1;\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    justify-content: center;\r\n    padding: 18px 12px 16px;\r\n    position: relative;\r\n  }\r\n\r\n  \/* vertical divider between stats *\/\r\n  .pinsc-stat + .pinsc-stat::before {\r\n    content: '';\r\n    position: absolute;\r\n    left: 0;\r\n    top: 18%;\r\n    height: 64%;\r\n    width: 1px;\r\n    background: #ebebf2;\r\n  }\r\n\r\n  .pinsc-stat-num {\r\n    font-size: clamp(20px, 2.2vw, 26px);\r\n    font-weight: 800;\r\n    color: #6a0deb;\r\n    line-height: 1.1;\r\n    letter-spacing: -0.02em;\r\n    margin-bottom: 4px;\r\n    transition: color 0.22s ease;\r\n  }\r\n\r\n  .pinsc-card-link:hover .pinsc-stat-num {\r\n    color: #5a0dd4;\r\n  }\r\n\r\n  .pinsc-stat-label {\r\n    font-size: 12px;\r\n    font-weight: 400;\r\n    color: #8a8a9a;\r\n    letter-spacing: 0.01em;\r\n    line-height: 1;\r\n  }\r\n\r\n  \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n     RESPONSIVE \u2014 tablet\r\n  \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n  @media (max-width: 820px) {\r\n    .pinsc-wrap {\r\n      padding:12px 24px 14px;\r\n    }\r\n\r\n    .pinsc-grid {\r\n      gap: 20px;\r\n    }\r\n\r\n    .pinsc-img-text {\r\n      left: 20px;\r\n      right: 20px;\r\n      bottom: 18px;\r\n    }\r\n  }\r\n\r\n  \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n     RESPONSIVE \u2014 mobile (stacked)\r\n  \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n  @media (max-width: 600px) {\r\n    .pinsc-wrap {\r\n      padding: 9px 16px 11px;\r\n    }\r\n\r\n    .pinsc-grid {\r\n      grid-template-columns: 1fr;\r\n      gap: 18px;\r\n    }\r\n\r\n    .pinsc-img-wrap {\r\n      aspect-ratio: 4 \/ 3;\r\n    }\r\n\r\n    .pinsc-title {\r\n      font-size: 20px;\r\n    }\r\n\r\n    .pinsc-stat {\r\n      padding: 14px 8px 12px;\r\n    }\r\n\r\n    .pinsc-stat-num {\r\n      font-size: 20px;\r\n    }\r\n  }\r\n\r\n  \/* \u2500\u2500 REDUCED MOTION \u2500\u2500 *\/\r\n  @media (prefers-reduced-motion: reduce) {\r\n    .pinsc-card,\r\n    .pinsc-img,\r\n    .pinsc-img-overlay,\r\n    .pinsc-title,\r\n    .pinsc-stat-num {\r\n      transition: none !important;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n     SPORTS COMMUNITY SECTION\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n<section class=\"pinsc-wrap\" aria-label=\"Sports Community Cards\">\r\n  <div class=\"pinsc-grid\">\r\n\r\n    <!-- \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n         CARD 1 \u00b7 Volleyball\r\n         Link \u2192 https:\/\/pinsportapp.info\/volleyball\r\n    \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\r\n    <a class=\"pinsc-card-link\"\r\n       href=\"https:\/\/pinsportapp.info\/de\/volleyball-2\/\"\r\n       aria-label=\"Explore The Volleyball Community\">\r\n      <div class=\"pinsc-card\">\r\n\r\n        <!-- Image + overlay + text -->\r\n        <div class=\"pinsc-img-wrap\">\r\n          \r\n          <img decoding=\"async\" class=\"pinsc-img\"\r\n               src=\"https:\/\/pinsportapp.info\/wp-content\/uploads\/2026\/06\/Volleyball-300x200.png\"\r\n               alt=\"Volleyball player dribbling on a court\"\r\n               loading=\"lazy\"\r\n               draggable=\"false\"\/>\r\n          <div class=\"pinsc-img-overlay\"><\/div>\r\n          <div class=\"pinsc-img-text\">\r\n            <span class=\"pinsc-eyebrow\">Community<\/span>\r\n            <h2 class=\"pinsc-title\">The Volleyball Community<\/h2>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- Stats bar -->\r\n        <div class=\"pinsc-stats\">\r\n          <div class=\"pinsc-stat\">\r\n            <span class=\"pinsc-stat-num\">20+<\/span>\r\n            <span class=\"pinsc-stat-label\">Clubs<\/span>\r\n          <\/div>\r\n          <div class=\"pinsc-stat\">\r\n            <span class=\"pinsc-stat-num\">100+<\/span>\r\n            <span class=\"pinsc-stat-label\">Players<\/span>\r\n          <\/div>\r\n          <div class=\"pinsc-stat\">\r\n            <span class=\"pinsc-stat-num\">10+<\/span>\r\n            <span class=\"pinsc-stat-label\">Open Roles<\/span>\r\n          <\/div>\r\n        <\/div>\r\n\r\n      <\/div>\r\n    <\/a>\r\n\r\n    <!-- \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n         CARD 2 \u00b7 Floorball\r\n         Link \u2192 https:\/\/pinsportapp.info\/floorball\r\n    \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\r\n    <a class=\"pinsc-card-link\"\r\n       href=\"https:\/\/pinsportapp.info\/de\/floorball-2\/\"\r\n       aria-label=\"Explore The Floorball Community\">\r\n      <div class=\"pinsc-card\">\r\n\r\n        <!-- Image + overlay + text -->\r\n        <div class=\"pinsc-img-wrap\">\r\n          <!--\r\n            REPLACE the src below with your actual Floorball image URL.\r\n            Recommended size: 900\u00d7506px minimum.\r\n            Example: src=\"https:\/\/yoursite.com\/wp-content\/uploads\/football.jpg\"\r\n          -->\r\n          <img decoding=\"async\" class=\"pinsc-img\"\r\n               src=\"https:\/\/pinsportapp.info\/wp-content\/uploads\/2026\/06\/floorball-300x200.png\"\r\n               alt=\"Floorball player kicking a ball on a sunlit pitch\"\r\n               loading=\"lazy\"\r\n               draggable=\"false\"\/>\r\n          <div class=\"pinsc-img-overlay\"><\/div>\r\n          <div class=\"pinsc-img-text\">\r\n            <span class=\"pinsc-eyebrow\">Community<\/span>\r\n            <h2 class=\"pinsc-title\">The Floorball Community<\/h2>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- Stats bar -->\r\n        <div class=\"pinsc-stats\">\r\n          <div class=\"pinsc-stat\">\r\n            <span class=\"pinsc-stat-num\">5+<\/span>\r\n            <span class=\"pinsc-stat-label\">Clubs<\/span>\r\n          <\/div>\r\n          <div class=\"pinsc-stat\">\r\n            <span class=\"pinsc-stat-num\">10+<\/span>\r\n            <span class=\"pinsc-stat-label\">Players<\/span>\r\n          <\/div>\r\n          <div class=\"pinsc-stat\">\r\n            <span class=\"pinsc-stat-num\">1+<\/span>\r\n            <span class=\"pinsc-stat-label\">Open Roles<\/span>\r\n          <\/div>\r\n        <\/div>\r\n\r\n      <\/div>\r\n    <\/a>\r\n\r\n  <\/div><!-- \/.pinsc-grid -->\r\n<\/section>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-4d78e66 e-con e-atomic-element e-flexbox-base e-b6abd78\" data-id=\"4d78e66\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"4d78e66\">\n    \t\t\t<a href=\"http:\/\/pinsportapp.ch\" target=\"_self\" class=\"e-bf90893-1d3a3c4 e-button-base\" data-interaction-id=\"bf90893\" data-e-type=\"widget\" data-id=\"bf90893\">\n\t\tExplore more sports\n\t<\/a>\t\t\n<\/div>\n\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Sports One network. Every sport. Explore communities, events, players and openings \u2014 by sport. Community The Basketball Community 30+ Clubs 500+ Players 20+ Open Roles Community The Soccer Community 30+ Clubs 200+ Players 20+ Open Roles Community The Volleyball Community 20+ Clubs 100+ Players 10+ Open Roles Community The Floorball Community 5+ Clubs 10+ Players [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-4965","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/pinsportapp.info\/de\/wp-json\/wp\/v2\/pages\/4965","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/pinsportapp.info\/de\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/pinsportapp.info\/de\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/pinsportapp.info\/de\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/pinsportapp.info\/de\/wp-json\/wp\/v2\/comments?post=4965"}],"version-history":[{"count":19,"href":"https:\/\/pinsportapp.info\/de\/wp-json\/wp\/v2\/pages\/4965\/revisions"}],"predecessor-version":[{"id":5239,"href":"https:\/\/pinsportapp.info\/de\/wp-json\/wp\/v2\/pages\/4965\/revisions\/5239"}],"wp:attachment":[{"href":"https:\/\/pinsportapp.info\/de\/wp-json\/wp\/v2\/media?parent=4965"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}