{"id":10924,"date":"2025-09-29T03:44:12","date_gmt":"2025-09-29T03:44:12","guid":{"rendered":"https:\/\/techscale.io\/?page_id=10924"},"modified":"2025-09-29T07:00:44","modified_gmt":"2025-09-29T07:00:44","slug":"yellowbeard","status":"publish","type":"page","link":"https:\/\/techscale.io\/da\/yellowbeard\/","title":{"rendered":"Yellowbeard"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"10924\" class=\"elementor elementor-10924 elementor-10883\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3b4ef8cc e-con-full e-flex e-con e-parent\" data-id=\"3b4ef8cc\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-79606ce8 elementor-widget elementor-widget-html\" data-id=\"79606ce8\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <title>Hero Section - Optimized<\/title>\r\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Outfit:wght@400;500;600;700;800&display=swap\" rel=\"stylesheet\">\r\n\r\n    <style>\r\n        * {\r\n            margin: 0;\r\n            padding: 0;\r\n            box-sizing: border-box;\r\n            font-family: 'Outfit', sans-serif;\r\n        }\r\n        \r\n        .hide-devices{display:none;}\r\n\r\n        body {\r\n            background: #000;\r\n            color: white;\r\n            min-height: 100vh;\r\n            overflow-x: hidden;\r\n        }\r\n\r\n        .hero-section {\r\n            position: relative;\r\n            width: 100%;\r\n            height: 100vh;\r\n            overflow: hidden;\r\n            display: flex;\r\n            align-items: flex-start;\r\n            justify-content: center;\r\n        }\r\n\r\n .hide-devices{display:none;}\r\n        .hero-video {\r\n            position: absolute;\r\n            bottom: 0;\r\n            left: 0;\r\n            width: 100%;\r\n            height: 100%;\r\n            object-fit: cover;\r\n            object-position: bottom;\r\n            z-index: 1;\r\n        }\r\n\r\n        .hero-fallback-image {\r\n            display: none;\r\n            position: absolute;\r\n            bottom: 0;\r\n            left: 0;\r\n            width: 100%;\r\n            height: 100%;\r\n            object-fit: cover;\r\n            object-position: bottom;\r\n            z-index: 1;\r\n        }\r\n\r\n        \/* Video Overlay *\/\r\n        .video-overlay {\r\n            position: absolute;\r\n            top: 0;\r\n            left: 0;\r\n            width: 100%;\r\n            height: 100%;\r\n            background: rgba(0, 0, 0, 0.3);\r\n            z-index: 2;\r\n        }\r\n\r\n        .hero-content {\r\n            position: relative;\r\n            z-index: 3;\r\n            text-align: center;\r\n            color: white;\r\n            max-width: 1200px;\r\n            padding: 0 20px;\r\n            margin-top: 18vh;\r\n        }\r\n\r\n        .pre-header {\r\n            font-size: 2rem;\r\n            color: #808E9A;\r\n            margin-bottom: 5rem;\r\n            font-weight: 500;\r\n        }\r\n\r\n        .hero-header {\r\n            text-transform: uppercase;\r\n            font-size: 5.5rem;\r\n            font-weight: 800;\r\n            color: #fff;\r\n            line-height: 1.1;\r\n            margin-bottom: 20px;\r\n        }\r\n\r\n        .hero-description {\r\n            font-size: 1.5rem;\r\n            color: #fff;\r\n            line-height: 1.4;\r\n            font-weight: 400;\r\n            margin-bottom: 40px;\r\n        }\r\n\r\n        .hero-cta {\r\n            display: inline-block;\r\n            background-color: #fff;\r\n            color: #000 !important;\r\n            padding: 1rem 2rem !important;\r\n            border-radius: 30px;\r\n            text-decoration: none;\r\n            font-size: 1.25rem !important;\r\n            line-height: 1.75rem !important;\r\n            font-weight: 500;\r\n            border: none;\r\n            cursor: pointer;\r\n            transition: all 0.3s ease-in-out;\r\n        }\r\n\r\n        .hero-cta:hover {\r\n            background-color: #f5f5f5;\r\n        }\r\n        \r\n        .cases-logo{width:200px; display: block; margin: 0 auto;}\r\n\r\n        @media (max-width: 1919px) {\r\n            .hero-section {\r\n                height: 104vh;\r\n                align-items: flex-start;\r\n            }\r\n            \r\n            .hero-content {\r\n                margin-top: 20vh;\r\n            }\r\n            \r\n            .hero-cta {\r\n                font-size: 1rem !important;\r\n                line-height: 1.375rem !important;\r\n                padding: 0.8rem 1.2rem 0.8rem 1.2rem !important;\r\n            }\r\n\r\n            .hero-header {\r\n                font-size: 4.5rem;\r\n            }\r\n\r\n            .hero-description {\r\n                font-size: 1.5rem;\r\n                margin-bottom: 20px;\r\n            }\r\n            \r\n            .pre-header{font-size:1.6rem;}\r\n        }\r\n\r\n        @media (max-width: 1024px) and (min-width: 769px) {\r\n            \/* iPad Portrait Only - Keep original behavior *\/\r\n            .hero-section {\r\n        background: #0d0d0d; \/* Same background as mobile *\/\r\n    }\r\n    \r\n     .hero-section{ height: 90vh;}\r\n    \r\n    .cases-logo{width:200px; display: block; margin: 0 auto;}\r\n    .hero-video {\r\n        \r\n        \r\n        object-fit: contain; \/* Contained video like mobile *\/\r\n        height: auto; \/* Auto height *\/\r\n        max-height: 65vh; \/* Slightly larger than mobile for iPad *\/\r\n        bottom: 0; \/* Bottom aligned *\/\r\n        left: 50%; \/* Center horizontally *\/\r\n        transform: translateX(-50%); \/* Center horizontally *\/\r\n    }\r\n    \r\n    \/* Keep existing text adjustments *\/\r\n    .hero-header { \r\n        font-size: 4rem; \r\n    }\r\n    .hero-description { \r\n        font-size: 1.25rem; \r\n    }\r\n    .pre-header { \r\n        font-size: 22px; \r\n    }\r\n    .hero-content { \r\n        margin-top: 25vh; \r\n    }\r\n}\r\n            \r\n        \r\n\r\n        @media (max-width: 768px) {\r\n            \/* Mobile and iPad Portrait - New contained video behavior *\/\r\n            .hero-section {\r\n        background: #0d0d0d; \/* Same background as mobile *\/\r\n    }\r\n    \r\n    .hero-video {\r\n        object-fit: contain; \/* Contained video like mobile *\/\r\n        height: auto; \/* Auto height *\/\r\n        max-height: 65vh; \/* Slightly larger than mobile for iPad *\/\r\n        bottom: 0; \/* Bottom aligned *\/\r\n        left: 50%; \/* Center horizontally *\/\r\n        transform: translateX(-50%); \/* Center horizontally *\/\r\n    }\r\n    \r\n      .cases-logo{width:100px; display: block; margin: 0 auto;}\r\n\r\n        }\r\n\r\n        @media (max-width: 480px) {\r\n            .hero-section {\r\n                background: #0d0d0d;\r\n            }\r\n            \r\n            .hero-video {\r\n                object-fit: contain;\r\n                height: auto;\r\n                max-height: 50vh;\r\n                bottom: 0;\r\n                left: 50%;\r\n                transform: translateX(-50%);\r\n            }\r\n            \r\n            .hero-header { \r\n                font-size: 2rem; \r\n            }\r\n            .hero-description { \r\n                font-size: 1rem; \r\n            }\r\n            .pre-header { \r\n                font-size: 16px; \r\n                margin-bottom: 2rem;\r\n            }\r\n            .hero-content { \r\n                margin-top: 30vh; \r\n            }\r\n             .hide-devices{display:block;}\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n    <section class=\"hero-section\">\r\n        <!-- Hero Video with Poster as Fallback -->\r\n        <video class=\"hero-video\" autoplay muted playsinline preload=\"auto\" \r\n               poster=\"\/wp-content\/uploads\/2025\/09\/YBposter-scaled.webp\">\r\n            <source src=\"\/wp-content\/uploads\/2025\/09\/Yellowbeard.mp4\">\r\n        <\/video>\r\n\r\n        <!-- Video Overlay -->\r\n        <div class=\"video-overlay\"><\/div>\r\n\r\n        <!-- Hero Content -->\r\n        <div class=\"hero-content\">\r\n            <h1 class=\"pre-header\">Yellowbeard Kundecase<\/h1>\r\n             <div class=\"cases-logo\"><img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/08\/YBC.svg\" alt=\"Yellowbeard\"> <\/div>\r\n         <h2 class=\"hero-header\">Brygger v\u00e6kst med smartere kaffel\u00f8sninger<\/h2>\r\n<p class=\"hero-description\">De bedste kaffeoplevelser til arbejdspladser i hele Norden<\/p>\r\n            \r\n        <\/div>\r\n    <\/section>\r\n\r\n    <script>\r\n        class HeroVideoController {\r\n            constructor() {\r\n                this.video = document.querySelector('.hero-video');\r\n                this.init();\r\n            }\r\n\r\n            init() {\r\n                if (!this.video) return;\r\n\r\n                \/\/ Stop video at last frame (no looping)\r\n                this.video.addEventListener('ended', () => {\r\n                    this.video.pause();\r\n                });\r\n\r\n                \/\/ Ensure it plays when loaded\r\n                this.video.addEventListener('loadeddata', () => {\r\n                    this.video.play().catch(err => console.log('Autoplay failed:', err));\r\n                });\r\n            }\r\n        }\r\n\r\n        document.addEventListener('DOMContentLoaded', () => {\r\n            new HeroVideoController();\r\n        });\r\n    <\/script>\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5485abb3 e-flex e-con-boxed e-con e-parent\" data-id=\"5485abb3\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-5b313815 animated-fast e-con-full e-flex e-con e-child\" data-id=\"5b313815\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;animation&quot;:&quot;none&quot;,&quot;animation_mobile&quot;:&quot;fadeIn&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2a9acf34 elementor-widget elementor-widget-heading\" data-id=\"2a9acf34\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Case<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2c4fa8f elementor-widget elementor-widget-heading\" data-id=\"2c4fa8f\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<p class=\"elementor-heading-title elementor-size-default\">Yellow Beard leverer innovative kaffel\u00f8sninger til virksomheder i hele Norden og kombinerer premium-kaffemaskiner, leasing og service med deres egen software. Platformen g\u00f8r det enkelt at h\u00e5ndtere salg, service, vedligeholdelse og arbejdsplads-analyser \u2013 og sikrer, at medarbejderne altid f\u00e5r deres kaffe uden besv\u00e6r. Med nogle af verdens st\u00f8rste multinationale virksomheder som kunder har Yellow Beard opbygget et st\u00e6rkt ry for teknologidrevet service og effektivitet.<\/p>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-8891045 e-con-full e-flex e-con e-child\" data-id=\"8891045\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-74100f0a e-flex e-con-boxed e-con e-parent\" data-id=\"74100f0a\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-224f9ba8 animated-fast e-flex e-con-boxed elementor-invisible e-con e-child\" data-id=\"224f9ba8\" data-element_type=\"container\" data-settings=\"{&quot;animation&quot;:&quot;fadeIn&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-25d92aa7 e-con-full e-flex e-con e-child\" data-id=\"25d92aa7\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-58279412 elementor-widget elementor-widget-heading\" data-id=\"58279412\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Udfordring<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-309c2593 elementor-widget elementor-widget-heading\" data-id=\"309c2593\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<p class=\"elementor-heading-title elementor-size-default\">Arbejdspladser kr\u00e6ver problemfri kaffeoplevelser \u2013 medarbejderne forventer, at kaffen altid er tilg\u00e6ngelig, p\u00e5lidelig og hurtig. I en branche med minimal t\u00e5lmodighed over for nedetid, k\u00e6mper traditionelle udbydere ofte med langsomme service\u00adresponser, begr\u00e6nsede dataindsigter og fragmenterede systemer. Samtidig har virksomheder udfordringer med at integrere kaffel\u00f8sninger i deres digitale arbejdspladser, hvilket skaber ineffektivitet og frustration for b\u00e5de medarbejdere og serviceteams.<\/p>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-6a138c01 e-con-full e-flex e-con e-child\" data-id=\"6a138c01\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-cb4c4f7 elementor-widget elementor-widget-image\" data-id=\"cb4c4f7\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"794\" height=\"1024\" src=\"https:\/\/techscale.io\/wp-content\/uploads\/2025\/09\/Yellowbeardchallenge-794x1024.webp\" class=\"attachment-large size-large wp-image-10921\" alt=\"\" srcset=\"https:\/\/techscale.io\/wp-content\/uploads\/2025\/09\/Yellowbeardchallenge-794x1024.webp 794w, https:\/\/techscale.io\/wp-content\/uploads\/2025\/09\/Yellowbeardchallenge-233x300.webp 233w, https:\/\/techscale.io\/wp-content\/uploads\/2025\/09\/Yellowbeardchallenge-768x990.webp 768w, https:\/\/techscale.io\/wp-content\/uploads\/2025\/09\/Yellowbeardchallenge.webp 1034w\" sizes=\"(max-width: 794px) 100vw, 794px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-1d47e7d2 e-con-full animated-fast e-flex elementor-invisible e-con e-parent\" data-id=\"1d47e7d2\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;animation&quot;:&quot;fadeIn&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-4654220a animated-fast e-flex e-con-boxed e-con e-child\" data-id=\"4654220a\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;animation&quot;:&quot;none&quot;,&quot;animation_mobile&quot;:&quot;fadeIn&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-69a057a1 elementor-widget elementor-widget-heading\" data-id=\"69a057a1\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<p class=\"elementor-heading-title elementor-size-default\">En ny m\u00e5de at k\u00f8re service p\u00e5<\/p>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-76564ddc elementor-widget elementor-widget-heading\" data-id=\"76564ddc\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">L\u00f8sningen<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7f531807 elementor-widget elementor-widget-heading\" data-id=\"7f531807\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<p class=\"elementor-heading-title elementor-size-default\">From day one, Techscale partnered with Custimoo to build a scalable, end-to-end solution:<\/p>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6eb5d590 elementor-widget elementor-widget-html\" data-id=\"6eb5d590\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"carousel-stack\">\r\n\r\n<section class=\"stack-carousel\" aria-roledescription=\"carousel\">\r\n        <div class=\"slides\" aria-live=\"polite\">\r\n          <!-- 5 demo slides -->\r\n            \r\n          <figure class=\"card\" data-index=\"0\">\r\n            <img loading=\"lazy\" src=\"\/wp-content\/uploads\/2025\/09\/YBApp-scaled.webp\" \r\n                 alt=\"Customizable apparel platformt\" \r\n                 width=\"380\" \r\n                 height=\"520\" \r\n                 loading=\"lazy\" \r\n                 decoding=\"async\" \r\n                 draggable=\"false\">\r\n            <div class=\"three-card-desktop-carousel-overlay\">\r\n                \r\n                <!-- SEO: Unique, descriptive heading with keywords -->\r\n          \r\n                <h3 class=\"three-card-desktop-carousel-header dark-v \">Mobil App<\/h3>\r\n                <p class=\"three-card-desktop-carousel-desc dark-v\">Til b\u00e5de kunder og teknikkere til bestilling og vedligeholdelse<\/p>\r\n            <\/div>\r\n          <\/figure>\r\n\r\n          <figure class=\"card\" data-index=\"1\">\r\n            <img loading=\"lazy\" src=\"\/wp-content\/uploads\/2025\/08\/Software-scaled-1.webp\" \r\n                 alt=\"CRM and order management\" \r\n                 width=\"380\" \r\n                 height=\"520\" \r\n                 loading=\"lazy\" \r\n                 decoding=\"async\" \r\n                 draggable=\"false\">\r\n            <div class=\"three-card-desktop-carousel-overlay \">\r\n             \r\n                <!-- SEO: Unique heading avoiding repetition -->\r\n                <h3 class=\"three-card-desktop-carousel-header last-card-text dark-v \">Analytics  <br>Dashboard<\/h3>\r\n                <p class=\"three-card-desktop-carousel-desc last-card-text dark-v \">\r\nEffektiv oversigt over salgt, vedligeholdelse og forbrug.<\/p>\r\n            <\/div>\r\n          <\/figure>\r\n\r\n          <figure class=\"card\" data-index=\"2\">\r\n            <img loading=\"lazy\" src=\"\/wp-content\/uploads\/2025\/08\/Asset-66@4x.webp\" \r\n                 alt=\"Fast developer onboarding and hiring process\" \r\n                 width=\"380\" \r\n                 height=\"520\" \r\n                 loading=\"lazy\" \r\n                 decoding=\"async\" \r\n                 draggable=\"false\">\r\n            <div class=\"three-card-desktop-carousel-overlay last-card-overlay\">\r\n            \r\n                <!-- SEO: Unique heading with descriptive keywords -->\r\n                <h3 class=\"three-card-desktop-carousel-header\">Integreret <br>Shop L\u00f8sning<\/h3>\r\n                <p class=\"three-card-desktop-carousel-desc \">Nemt plug-in for kundernes hjemmesider.<\/p>\r\n            <\/div>\r\n          <\/figure>\r\n          \r\n        \r\n\r\n        <\/div>\r\n\r\n        <nav class=\"dots\" aria-label=\"Slide navigation\"><\/nav>\r\n      <\/section>\r\n          \r\n<\/div>\r\n\r\n<style>\r\n\r\n.dark-v {color:#000 !important;}\r\n    \r\n.customer-case-icon-dark {font-size:2rem; color:#000;}  \r\n.customer-case-icon {font-size:2rem;}\r\n    \r\n}\r\n\r\n<\/style>\r\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-78bbe036 elementor-widget elementor-widget-html\" data-id=\"78bbe036\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<head>\n\n<link href=\"https:\/\/cdn.jsdelivr.net\/npm\/remixicon\/fonts\/remixicon.css\" rel=\"stylesheet\">\n\n<style>\n.customer-case-icon-dark {font-size:2rem;}\n    \n<\/style>\n<\/head>\n\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-4a0b49cc e-con-full animated-fast e-flex elementor-invisible e-con e-parent\" data-id=\"4a0b49cc\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;animation&quot;:&quot;fadeIn&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-2f7edde1 animated-fast e-flex e-con-boxed elementor-invisible e-con e-child\" data-id=\"2f7edde1\" data-element_type=\"container\" data-settings=\"{&quot;motion_fx_motion_fx_scrolling&quot;:&quot;yes&quot;,&quot;animation&quot;:&quot;fadeIn&quot;,&quot;motion_fx_devices&quot;:[&quot;desktop&quot;,&quot;laptop&quot;]}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-2253f4d0 e-con-full e-flex e-con e-child\" data-id=\"2253f4d0\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4e74079f elementor-widget elementor-widget-heading\" data-id=\"4e74079f\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Resultater<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-48d74287 elementor-widget elementor-widget-heading\" data-id=\"48d74287\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<p class=\"elementor-heading-title elementor-size-default\">De seneste \u00e5r har Yellowbeard form\u00e5et at vokse markant takket v\u00e6re deres teknologi:<\/p>\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-6bff43df e-con-full e-flex e-con e-child\" data-id=\"6bff43df\" data-element_type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-16ab37d6 e-con-full e-flex e-con e-child\" data-id=\"16ab37d6\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6ffc1d15 elementor-widget elementor-widget-heading\" data-id=\"6ffc1d15\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<p class=\"elementor-heading-title elementor-size-default\">30% \u00f8get intergration indenfor field service industrien<\/p>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4a1de60f elementor-widget__width-initial elementor-widget elementor-widget-html\" data-id=\"4a1de60f\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<i class=\"ri-robot-2-fill customer-case-icon\"><\/i>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-4f45019f e-con-full e-flex e-con e-child\" data-id=\"4f45019f\" data-element_type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-56d82c37 e-con-full e-flex e-con e-child\" data-id=\"56d82c37\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-223ec361 elementor-widget elementor-widget-heading\" data-id=\"223ec361\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<p class=\"elementor-heading-title elementor-size-default\">Enorm v\u00e6kst i Norden med 19% stigning i organisationen. <\/p>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-54e789de elementor-widget__width-initial elementor-widget elementor-widget-html\" data-id=\"54e789de\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<i class=\"ri-flashlight-fill customer-case-icon\"><\/i>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-634ee76b e-con-full e-flex e-con e-child\" data-id=\"634ee76b\" data-element_type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-35c7d493 e-con-full e-flex e-con e-child\" data-id=\"35c7d493\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6934b7d3 elementor-widget elementor-widget-heading\" data-id=\"6934b7d3\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<p class=\"elementor-heading-title elementor-size-default\">Ny standard til at levere service indenfor B2B kaffel\u00f8sninger. <\/p>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-304079c5 elementor-widget__width-initial elementor-widget elementor-widget-html\" data-id=\"304079c5\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<i class=\"ri-robot-2-fill customer-case-icon\"><\/i>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-29c2b54a e-con-full e-flex e-con e-child\" data-id=\"29c2b54a\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-46b209a9 elementor-widget elementor-widget-image\" data-id=\"46b209a9\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"788\" height=\"1024\" src=\"https:\/\/techscale.io\/wp-content\/uploads\/2025\/09\/Screenshot-2025-09-29-141600-788x1024.png\" class=\"attachment-large size-large wp-image-10922\" alt=\"\" srcset=\"https:\/\/techscale.io\/wp-content\/uploads\/2025\/09\/Screenshot-2025-09-29-141600-788x1024.png 788w, https:\/\/techscale.io\/wp-content\/uploads\/2025\/09\/Screenshot-2025-09-29-141600-231x300.png 231w, https:\/\/techscale.io\/wp-content\/uploads\/2025\/09\/Screenshot-2025-09-29-141600-768x998.png 768w, https:\/\/techscale.io\/wp-content\/uploads\/2025\/09\/Screenshot-2025-09-29-141600.png 989w\" sizes=\"(max-width: 788px) 100vw, 788px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-2c78b75e animated-fast e-flex e-con-boxed elementor-invisible e-con e-parent\" data-id=\"2c78b75e\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;animation&quot;:&quot;fadeIn&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-588fa1c0 elementor-widget elementor-widget-html\" data-id=\"588fa1c0\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <title>Custom Quote Section<\/title>\r\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Outfit:wght@400;500;600;700;800&display=swap\" rel=\"stylesheet\">\r\n    \r\n    <style>\r\n        * {\r\n            left: 0;\r\n            padding: 0;\r\n            box-sizing: border-box;\r\n        }\r\n        \r\n\r\n        \r\n        .quote-section {\r\n             align-items: center;\r\n            justify-content: center;\r\n            position: relative;\r\n            max-width: 1200px;\r\n            width: 100%;\r\n            background: #000;\r\n            padding: 40px;\r\n            border-radius: 20px;\r\n            left: 0px;\r\n        }\r\n        \r\n        .quote-container {\r\n            position: relative;\r\n            display: grid;\r\n            grid-template-columns: 120px 1fr;\r\n            grid-template-rows: auto auto;\r\n            gap: 30px;\r\n            align-items: start;\r\n        }\r\n        \r\n        .profile-image-container {\r\n            grid-row: 1 \/ 3;\r\n            width: 120px;\r\n            height: 120px;\r\n            border-radius: 50%;\r\n            border: 3px solid rgba(255, 255, 255, 0.1);\r\n            overflow: hidden;\r\n            display: block;\r\n        }\r\n        \r\n        .profile-image {\r\n            width: 100%;\r\n            height: 100%;\r\n            object-fit: cover;\r\n            object-position: center;\r\n            display: block;\r\n        }\r\n        \r\n        .quote-text {\r\n            grid-column: 2;\r\n            font-size: 1.5rem;\r\n            line-height: 1.6;\r\n            font-weight: 400;\r\n            color: #fff;\r\n            position: relative;\r\n            padding-left: 20px;\r\n        }\r\n        \r\n        .quote-text::before {\r\n            content: '\"';\r\n            font-size: 4rem;\r\n            color: rgba(255, 255, 255, 0.3);\r\n            position: absolute;\r\n            left: -10px;\r\n            top: -10px;\r\n            font-family: serif;\r\n            line-height: 1;\r\n        }\r\n        \r\n        .quote-text::after {\r\n            content: '\"';\r\n            font-size: 4rem;\r\n            color: rgba(255, 255, 255, 0.3);\r\n            position: absolute;\r\n            right: -10px;\r\n            bottom: -30px;\r\n            font-family: serif;\r\n            line-height: 1;\r\n        }\r\n        \r\n        .testimonial-attribution {\r\n            grid-column: 2;\r\n            display: flex;\r\n            flex-direction: column;\r\n            gap: 5px;\r\n        }\r\n        \r\n        .attribution-name {\r\n            font-size: 1.125rem;\r\n            font-weight: 600;\r\n            color: #fff;\r\n        }\r\n        \r\n        .attribution-company {\r\n            font-size: 1rem;\r\n            font-weight: 400;\r\n            color: rgba(255, 255, 255, 0.7);\r\n        }\r\n        \r\n        \/* Responsive Design *\/\r\n        @media (max-width: 768px) {\r\n            .quote-container {\r\n                grid-template-columns: 1fr;\r\n                grid-template-rows: auto auto auto;\r\n                gap: 20px;\r\n                text-align: center;\r\n            }\r\n            \r\n            .profile-image-container {\r\n                grid-row: 1;\r\n                grid-column: 1;\r\n                justify-self: center;\r\n                width: 100px;\r\n                height: 100px;\r\n            }\r\n            \r\n            .quote-text {\r\n                grid-column: 1;\r\n                grid-row: 2;\r\n                padding-left: 0;\r\n                font-size: 1.25rem;\r\n            }\r\n            \r\n            .quote-text::before {\r\n                left: 50%;\r\n                transform: translateX(-50%);\r\n                top: -15px;\r\n            }\r\n            \r\n            .quote-text::after {\r\n                right: 50%;\r\n                transform: translateX(50%);\r\n                bottom: -25px;\r\n            }\r\n            \r\n            .testimonial-attribution {\r\n                grid-column: 1;\r\n                grid-row: 3;\r\n                align-items: center;\r\n            }\r\n            \r\n            .quote-section {\r\n                padding: 30px 20px;\r\n            }\r\n        }\r\n        \r\n        @media (max-width: 480px) {\r\n            .quote-text {\r\n                font-size: 1.125rem;\r\n            }\r\n            \r\n            .attribution-name {\r\n                font-size: 1rem;\r\n            }\r\n            \r\n            .attribution-company {\r\n                font-size: 0.875rem;\r\n            }\r\n            \r\n            .profile-image-container {\r\n                width: 80px;\r\n                height: 80px;\r\n            }\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n    <div class=\"quote-section\">\r\n        <div class=\"quote-container\">\r\n            <div class=\"profile-image-container\">\r\n                <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/07\/Peter@2x.webp\" alt=\"Peter Randow\" class=\"profile-image\">\r\n            <\/div>\r\n            \r\n            <div class=\"quote-text\">\r\n               Techscale has become an integral part of our team\u2014we see their developers as our own. From shaping our vision to driving execution, they\u2019ve been with us every step of the way. We\u2019ve grown to 15 developers and continue scaling together.\r\n            <\/div>\r\n            \r\n            <div class=\"testimonial-attribution\">\r\n                <div class=\"attribution-name\">Peter Randow, CEO<\/div>\r\n                <div class=\"attribution-company\">Yellowbeard<\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-d3b646b e-flex e-con-boxed e-con e-parent\" data-id=\"d3b646b\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;background_motion_fx_motion_fx_scrolling&quot;:&quot;yes&quot;,&quot;background_motion_fx_scale_effect&quot;:&quot;yes&quot;,&quot;background_motion_fx_scale_direction&quot;:&quot;out-in&quot;,&quot;background_motion_fx_scale_speed&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:4,&quot;sizes&quot;:[]},&quot;background_motion_fx_scale_range&quot;:{&quot;unit&quot;:&quot;%&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:{&quot;start&quot;:20,&quot;end&quot;:80}},&quot;background_motion_fx_devices&quot;:[&quot;desktop&quot;,&quot;laptop&quot;,&quot;tablet&quot;,&quot;mobile&quot;]}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-047a57c animated-fast e-con-full e-flex e-con e-child\" data-id=\"047a57c\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;animation&quot;:&quot;none&quot;,&quot;animation_mobile&quot;:&quot;fadeIn&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-240931e elementor-widget elementor-widget-heading\" data-id=\"240931e\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Team ops\u00e6tning<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-64242a8 elementor-widget elementor-widget-heading\" data-id=\"64242a8\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<p class=\"elementor-heading-title elementor-size-default\">Techscale er blevet en integreret del af vores team \u2013 vi ser deres udviklere som vores egne. Fra at forme vores vision til at st\u00e5 for eksekveringen har de v\u00e6ret med os hele vejen. Vi er vokset til 15 udviklere og forts\u00e6tter med at skalere sammen.<\/p>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b925b1f animated-fast e-con-full e-flex e-con e-child\" data-id=\"b925b1f\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;animation&quot;:&quot;none&quot;,&quot;animation_mobile&quot;:&quot;fadeIn&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ac7860e elementor-widget elementor-widget-image\" data-id=\"ac7860e\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"557\" height=\"912\" src=\"https:\/\/techscale.io\/wp-content\/uploads\/2025\/08\/YellowbeardDA.webp\" class=\"attachment-large size-large wp-image-10365\" alt=\"Yellowbeard Udviklingsteam\" srcset=\"https:\/\/techscale.io\/wp-content\/uploads\/2025\/08\/YellowbeardDA.webp 557w, https:\/\/techscale.io\/wp-content\/uploads\/2025\/08\/YellowbeardDA-183x300.webp 183w\" sizes=\"(max-width: 557px) 100vw, 557px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5f41d72 e-flex e-con-boxed e-con e-parent\" data-id=\"5f41d72\" data-element_type=\"container\" data-settings=\"{&quot;background_motion_fx_translateY_effect&quot;:&quot;yes&quot;,&quot;background_motion_fx_translateY_affectedRange&quot;:{&quot;unit&quot;:&quot;%&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:{&quot;start&quot;:19,&quot;end&quot;:78}},&quot;background_motion_fx_scale_effect&quot;:&quot;yes&quot;,&quot;background_motion_fx_translateY_speed&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:4,&quot;sizes&quot;:[]},&quot;background_motion_fx_scale_direction&quot;:&quot;out-in&quot;,&quot;background_motion_fx_scale_speed&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:4,&quot;sizes&quot;:[]},&quot;background_motion_fx_scale_range&quot;:{&quot;unit&quot;:&quot;%&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:{&quot;start&quot;:20,&quot;end&quot;:80}},&quot;background_motion_fx_devices&quot;:[&quot;desktop&quot;,&quot;laptop&quot;,&quot;tablet&quot;,&quot;mobile&quot;]}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-6523c32c animated-fast e-con-full e-flex e-con e-child\" data-id=\"6523c32c\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;animation&quot;:&quot;none&quot;,&quot;animation_mobile&quot;:&quot;fadeIn&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-da12903 elementor-widget elementor-widget-heading\" data-id=\"da12903\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<p class=\"elementor-heading-title elementor-size-default\">Er du klar til at skalere som Yellowbeard?<\/p>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7151c055 elementor-widget elementor-widget-heading\" data-id=\"7151c055\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Fort\u00e6l os om dit projekt<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7bbb9871 elementor-align-center elementor-widget elementor-widget-button\" data-id=\"7bbb9871\" data-element_type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"#\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Book gratis konsultation<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-312c0a7a e-flex e-con-boxed e-con e-parent\" data-id=\"312c0a7a\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-43cc69a5 animated-fast e-con-full e-flex e-con e-child\" data-id=\"43cc69a5\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;animation&quot;:&quot;none&quot;,&quot;animation_mobile&quot;:&quot;fadeIn&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4f6a645d elementor-widget elementor-widget-heading\" data-id=\"4f6a645d\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<p class=\"elementor-heading-title elementor-size-default\">Skal du bruge mere inspiration<\/p>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2f8835d5 elementor-widget elementor-widget-heading\" data-id=\"2f8835d5\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Flere cases<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-11324e6e elementor-widget elementor-widget-html\" data-id=\"11324e6e\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n    .cases-container {\r\n        width: 100%;\r\n        max-width: 1200px;\r\n        margin: 0 auto;\r\n        display: grid;\r\n        grid-template-columns: repeat(3, 1fr);\r\n        gap: 30px;\r\n        box-sizing: border-box;\r\n    }\r\n\r\n    .case-box {\r\n        background: #1C1C1E;\r\n        border-radius: 20px;\r\n        overflow: hidden;\r\n        height: 400px;\r\n        display: flex;\r\n        flex-direction: column;\r\n        cursor: pointer;\r\n    }\r\n\r\n    .case-image-container {\r\n        position: relative;\r\n        height: 40%;\r\n        overflow: hidden;\r\n    }\r\n\r\n    .case-bg-image {\r\n        width: 100%;\r\n        height: 100%;\r\n        object-fit: cover;\r\n        transition: transform 0.3s ease;\r\n    }\r\n\r\n    .case-overlay {\r\n        position: absolute;\r\n        top: 0;\r\n        left: 0;\r\n        right: 0;\r\n        bottom: 0;\r\n        background: rgba(0, 0, 0, 0.3);\r\n        transition: background 0.3s ease;\r\n    }\r\n\r\n    .case-logo {\r\n        position: absolute;\r\n        top: 50%;\r\n        left: 50%;\r\n        transform: translate(-50%, -50%);\r\n        width: 120px;\r\n        height: 80px;\r\n        z-index: 2;\r\n    }\r\n\r\n    .case-content {\r\n        padding: 25px;\r\n        flex: 1;\r\n        display: flex;\r\n        flex-direction: column;\r\n        justify-content: space-between;\r\n    }\r\n\r\n    .case-title {\r\n        font-size: 1.5rem;\r\n        font-weight: 600;\r\n        color: #fff;\r\n        margin-bottom: 15px;\r\n        line-height: 1.3;\r\n    }\r\n\r\n    .case-description {\r\n        font-size: 1.125rem;\r\n        color: #808E9A;\r\n        line-height: 1.5;\r\n    }\r\n\r\n    \/* Hover effects *\/\r\n    .case-box:hover .case-overlay {\r\n        background: rgba(0, 0, 0, 0.2);\r\n    }\r\n\r\n    .case-box:hover .case-bg-image {\r\n        transform: scale(1.05);\r\n    }\r\n\r\n    \/* Link styling *\/\r\n    .case-link {\r\n        text-decoration: none;\r\n        color: inherit;\r\n        display: block;\r\n        height: 100%;\r\n    }\r\n\r\n    \/* Responsive breakpoints *\/\r\n    @media (max-width: 1919px) {\r\n        .cases-container {\r\n            max-width: 1100px;\r\n        }\r\n        \r\n        \r\n            .case-title {\r\n        font-size: 1.4rem;\r\n        font-weight: 500;\r\n        color: #fff;\r\n        margin-bottom: 15px;\r\n        line-height: 1.3;\r\n    }\r\n\r\n    .case-description {\r\n        font-size: 1.125rem;\r\n        color:;#808E9A;\r\n        line-height: 1.5;\r\n    }\r\n    }\r\n\r\n    @media (max-width: 1024px) {\r\n        .cases-container {\r\n            max-width: 1000px;\r\n        }\r\n        \r\n        .case-title {\r\n            font-size: 1.4rem;\r\n        }\r\n    }\r\n\r\n    @media (max-width: 768px) {\r\n        .cases-container {\r\n            grid-template-columns: 1fr;\r\n            gap: 25px;\r\n            max-width: 100%;\r\n        }\r\n        \r\n        .case-box {\r\n            height: 350px;\r\n        }\r\n        \r\n        .case-title {\r\n            font-size: 19px;\r\n        }\r\n        \r\n        .case-description {\r\n            font-size: 16px;\r\n        }\r\n        \r\n        .case-content {\r\n            padding: 20px;\r\n        }\r\n    }\r\n\r\n    @media (max-width: 480px) {\r\n        .cases-container {\r\n            gap: 20px;\r\n        }\r\n        \r\n        .case-box {\r\n            height: 280px;\r\n        }\r\n        \r\n        .case-content {\r\n            padding: 1rem;\r\n        }\r\n        \r\n          .case-image-container {\r\n        position: relative;\r\n        height: 40%;\r\n        overflow: hidden;\r\n    }\r\n    }\r\n<\/style>\r\n\r\n<div class=\"cases-container\">\r\n    <!-- Case Box 1 -->\r\n    <a href=\"\/da\/custimoo\/\" class=\"case-link\">\r\n        <div class=\"case-box\">\r\n            <div class=\"case-image-container\">\r\n                <img decoding=\"async\" class=\"case-bg-image\" src=\"\/wp-content\/uploads\/2025\/08\/CustCC.webp\" alt=\"Custiimoo Case Background\">\r\n                <div class=\"case-overlay\"><\/div>\r\n                <img decoding=\"async\" class=\"case-logo\" src=\"\/wp-content\/uploads\/2025\/08\/CustimooC.svg\" alt=\"Custimoo Logo\">\r\n            <\/div>\r\n            <div class=\"case-content\">\r\n                <div>\r\n                    <h3 class=\"case-title\">Fra startup til Scaleup<\/h3>\r\n                    <p class=\"case-description\">Custimoo's v\u00e6kst gennem deres platform, der fungere som bindeled indenfor sportsindustrien<\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/a>\r\n\r\n    <!-- Case Box 2 -->\r\n    <a href=\"\/da\/specsavers\/\" class=\"case-link\">\r\n        <div class=\"case-box\">\r\n            <div class=\"case-image-container\">\r\n                <img decoding=\"async\" class=\"case-bg-image\" src=\"\/wp-content\/uploads\/2025\/08\/SSCC.webp\" alt=\"Specsavers Background\">\r\n                <div class=\"case-overlay\"><\/div>\r\n                <img decoding=\"async\" class=\"case-logo\" src=\"\/wp-content\/uploads\/2025\/08\/SpecsaversC.svg\" alt=\"Specsavers Logo\">\r\n            <\/div>\r\n            <div class=\"case-content\">\r\n                <div>\r\n                    <h3 class=\"case-title\">Nyt\u00e6nktning bag kundeoplevelsen <\/h3>\r\n                    <p class=\"case-description\">Specsavers \/ Louis Nielsen har gennem ny teknologi gjort det lettere at bruge kontaktlinser <\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/a>\r\n\r\n    <!-- Case Box 3 -->\r\n    <a href=\"\/da\/yellowbeard\/\" class=\"case-link\">\r\n        <div class=\"case-box\">\r\n            <div class=\"case-image-container\">\r\n                <img decoding=\"async\" class=\"case-bg-image\" src=\"\/wp-content\/uploads\/2025\/08\/YBCC.webp\" alt=\"Yellowbeard Case Background\">\r\n                <div class=\"case-overlay\"><\/div>\r\n                <img decoding=\"async\" class=\"case-logo\" src=\"\/wp-content\/uploads\/2025\/08\/YBC.svg\" alt=\"Yellowbeard Logo\">\r\n            <\/div>\r\n            <div class=\"case-content\">\r\n                <div>\r\n                    <h3 class=\"case-title\">Bedre teknologi til at styrke servicesektoren<\/h3>\r\n                    <p class=\"case-description\">Yellowbeard digitaliserede service industrien gennem IoT-baserede l\u00f8sninger til f\u00f8rende MNC'er. <\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/a>\r\n<\/div>\r\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Hero Section &#8211; Optimized Yellowbeard Kundecase Brygger v\u00e6kst med smartere kaffel\u00f8sninger De bedste kaffeoplevelser til arbejdspladser i hele Norden Case Yellow Beard leverer innovative kaffel\u00f8sninger til virksomheder i hele Norden og kombinerer premium-kaffemaskiner, leasing og service med deres egen software. Platformen g\u00f8r det enkelt at h\u00e5ndtere salg, service, vedligeholdelse og arbejdsplads-analyser \u2013 og sikrer, at [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-10924","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v25.7.1 (Yoast SEO v25.8) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Yellowbeard - Techscale<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/techscale.io\/da\/yellowbeard\/\" \/>\n<meta property=\"og:locale\" content=\"da_DK\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Yellowbeard\" \/>\n<meta property=\"og:description\" content=\"Hero Section &#8211; Optimized Yellowbeard Kundecase Brygger v\u00e6kst med smartere kaffel\u00f8sninger De bedste kaffeoplevelser til arbejdspladser i hele Norden Case Yellow Beard leverer innovative kaffel\u00f8sninger til virksomheder i hele Norden og kombinerer premium-kaffemaskiner, leasing og service med deres egen software. Platformen g\u00f8r det enkelt at h\u00e5ndtere salg, service, vedligeholdelse og arbejdsplads-analyser \u2013 og sikrer, at [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/techscale.io\/da\/yellowbeard\/\" \/>\n<meta property=\"og:site_name\" content=\"Techscale\" \/>\n<meta property=\"article:modified_time\" content=\"2025-09-29T07:00:44+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/techscale.io\/wp-content\/uploads\/2025\/09\/Yellowbeardchallenge-794x1024.webp\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Estimeret l\u00e6setid\" \/>\n\t<meta name=\"twitter:data1\" content=\"11 minutter\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/techscale.io\/da\/yellowbeard\/\",\"url\":\"https:\/\/techscale.io\/da\/yellowbeard\/\",\"name\":\"Yellowbeard - Techscale\",\"isPartOf\":{\"@id\":\"https:\/\/techscale.io\/da\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/techscale.io\/da\/yellowbeard\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/techscale.io\/da\/yellowbeard\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/techscale.io\/wp-content\/uploads\/2025\/09\/Yellowbeardchallenge-794x1024.webp\",\"datePublished\":\"2025-09-29T03:44:12+00:00\",\"dateModified\":\"2025-09-29T07:00:44+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/techscale.io\/da\/yellowbeard\/#breadcrumb\"},\"inLanguage\":\"da-DK\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/techscale.io\/da\/yellowbeard\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"da-DK\",\"@id\":\"https:\/\/techscale.io\/da\/yellowbeard\/#primaryimage\",\"url\":\"https:\/\/techscale.io\/wp-content\/uploads\/2025\/09\/Yellowbeardchallenge-794x1024.webp\",\"contentUrl\":\"https:\/\/techscale.io\/wp-content\/uploads\/2025\/09\/Yellowbeardchallenge-794x1024.webp\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/techscale.io\/da\/yellowbeard\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/techscale.io\/da\/home\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Yellowbeard\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/techscale.io\/da\/#website\",\"url\":\"https:\/\/techscale.io\/da\/\",\"name\":\"Techscale\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/techscale.io\/da\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"da-DK\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Yellowbeard - Techscale","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/techscale.io\/da\/yellowbeard\/","og_locale":"da_DK","og_type":"article","og_title":"Yellowbeard","og_description":"Hero Section &#8211; Optimized Yellowbeard Kundecase Brygger v\u00e6kst med smartere kaffel\u00f8sninger De bedste kaffeoplevelser til arbejdspladser i hele Norden Case Yellow Beard leverer innovative kaffel\u00f8sninger til virksomheder i hele Norden og kombinerer premium-kaffemaskiner, leasing og service med deres egen software. Platformen g\u00f8r det enkelt at h\u00e5ndtere salg, service, vedligeholdelse og arbejdsplads-analyser \u2013 og sikrer, at [&hellip;]","og_url":"https:\/\/techscale.io\/da\/yellowbeard\/","og_site_name":"Techscale","article_modified_time":"2025-09-29T07:00:44+00:00","og_image":[{"url":"https:\/\/techscale.io\/wp-content\/uploads\/2025\/09\/Yellowbeardchallenge-794x1024.webp","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Estimeret l\u00e6setid":"11 minutter"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/techscale.io\/da\/yellowbeard\/","url":"https:\/\/techscale.io\/da\/yellowbeard\/","name":"Yellowbeard - Techscale","isPartOf":{"@id":"https:\/\/techscale.io\/da\/#website"},"primaryImageOfPage":{"@id":"https:\/\/techscale.io\/da\/yellowbeard\/#primaryimage"},"image":{"@id":"https:\/\/techscale.io\/da\/yellowbeard\/#primaryimage"},"thumbnailUrl":"https:\/\/techscale.io\/wp-content\/uploads\/2025\/09\/Yellowbeardchallenge-794x1024.webp","datePublished":"2025-09-29T03:44:12+00:00","dateModified":"2025-09-29T07:00:44+00:00","breadcrumb":{"@id":"https:\/\/techscale.io\/da\/yellowbeard\/#breadcrumb"},"inLanguage":"da-DK","potentialAction":[{"@type":"ReadAction","target":["https:\/\/techscale.io\/da\/yellowbeard\/"]}]},{"@type":"ImageObject","inLanguage":"da-DK","@id":"https:\/\/techscale.io\/da\/yellowbeard\/#primaryimage","url":"https:\/\/techscale.io\/wp-content\/uploads\/2025\/09\/Yellowbeardchallenge-794x1024.webp","contentUrl":"https:\/\/techscale.io\/wp-content\/uploads\/2025\/09\/Yellowbeardchallenge-794x1024.webp"},{"@type":"BreadcrumbList","@id":"https:\/\/techscale.io\/da\/yellowbeard\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/techscale.io\/da\/home\/"},{"@type":"ListItem","position":2,"name":"Yellowbeard"}]},{"@type":"WebSite","@id":"https:\/\/techscale.io\/da\/#website","url":"https:\/\/techscale.io\/da\/","name":"Techscale","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/techscale.io\/da\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"da-DK"}]}},"_links":{"self":[{"href":"https:\/\/techscale.io\/da\/wp-json\/wp\/v2\/pages\/10924","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/techscale.io\/da\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/techscale.io\/da\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/techscale.io\/da\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/techscale.io\/da\/wp-json\/wp\/v2\/comments?post=10924"}],"version-history":[{"count":5,"href":"https:\/\/techscale.io\/da\/wp-json\/wp\/v2\/pages\/10924\/revisions"}],"predecessor-version":[{"id":10932,"href":"https:\/\/techscale.io\/da\/wp-json\/wp\/v2\/pages\/10924\/revisions\/10932"}],"wp:attachment":[{"href":"https:\/\/techscale.io\/da\/wp-json\/wp\/v2\/media?parent=10924"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}