GET https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/de/media/550-fahrradgangschaltung-uebersetzung

Response
200 OK
IP
216.73.216.102
Profiled on
Token
23925b

Components

19 Twig Components
32 Render Count
182 ms Render Time
12.0 MiB Memory Usage

Components

Name Metadata Render Count Render Time
Button 
"App\Twig\Components\Button"
components/Button.html.twig 		9 33.96ms
MediaCard 
"App\Twig\Components\MediaCard"
components/MediaCard.html.twig 		5 4.70ms
Heading:Large 
[Anonymous]
components/Heading/Large.html.twig 		2 1.89ms
Store:User 
"App\Twig\Components\Store\User"
components/Store/User.html.twig 		1 1.93ms
Header 
[Anonymous]
components/Header/index.html.twig 		1 81.84ms
Layout:Stack 
[Anonymous]
components/Layout/Stack.html.twig 		1 39.78ms
Header:Anonymous 
[Anonymous]
components/Header/Anonymous.html.twig 		1 36.63ms
Header:Logo 
[Anonymous]
components/Header/Logo.html.twig 		1 1.06ms
Header:LocalePicker 
[Anonymous]
components/Header/LocalePicker.html.twig 		1 6.45ms
LoginLink 
[Anonymous]
components/LoginLink.html.twig 		1 12.79ms
Dialog:LocalePicker 
"App\Twig\Components\Dialog\LocalePicker"
components/Dialog/LocalePicker.html.twig 		1 36.57ms
Dialog 
[Anonymous]
components/Dialog/index.html.twig 		1 35.20ms
Banner:UserBanners 
"App\Twig\Components\Banner\UserBanners"
components/Banner/UserBanners.html.twig 		1 0.90ms
MediaField 
[Anonymous]
components/MediaField.html.twig 		1 0.49ms
Demo:Video 
[Anonymous]
components/Demo/Video.html.twig 		1 0.55ms
Showcase:RevealPill 
[Anonymous]
components/Showcase/RevealPill.html.twig 		1 1.95ms
Showcase:Reveal 
[Anonymous]
components/Showcase/Reveal.html.twig 		1 0.65ms
DemoForm 
[Anonymous]
components/DemoForm.html.twig 		1 84.62ms
Footer 
[Anonymous]
components/Footer/index.html.twig 		1 3.55ms

Render calls

Store:User App\Twig\Components\Store\User 12.0 MiB 1.93 ms
Input props 
[]
Attributes 
[]
Component 
App\Twig\Components\Store\User {#3794
  -securityService: App\Service\SecurityService {#115 …}
  -geoService: App\Service\GeoService {#170 …}
  -institutionUtilsService: App\Service\InstitutionUtilsService {#3795 …}
}
Header 
[Anonymous]
 12.0 MiB 81.84 ms
Input props 
[
  "notSticky" => false
]
Attributes 
[
  "notSticky" => false
]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#3825
  -props: [
    "notSticky" => false
  ]
}
Layout:Stack 
[Anonymous]
 12.0 MiB 39.78 ms
Input props 
[
  "data-compo" => "Header"
  "tag" => "header"
  "class" => "js-header transition bg-domain-dark top-0 relative z-10 p-bento -m-bento rounded-b-md"
  "data-header-sticky" => "yes"
]
Attributes 
[
  "data-compo" => "Header"
  "tag" => "header"
  "class" => "js-header transition bg-domain-dark top-0 relative z-10 p-bento -m-bento rounded-b-md"
  "data-header-sticky" => "yes"
]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#3851
  -props: [
    "data-compo" => "Header"
    "tag" => "header"
    "class" => "js-header transition bg-domain-dark top-0 relative z-10 p-bento -m-bento rounded-b-md"
    "data-header-sticky" => "yes"
  ]
}
Header:Anonymous 
[Anonymous]
 12.0 MiB 36.63 ms
Input props 
[
  "minimal" => false
]
Attributes 
[
  "minimal" => false
]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#3907
  -props: [
    "minimal" => false
  ]
}
Header:Logo 
[Anonymous]
 12.0 MiB 1.06 ms
Input props 
[]
Attributes 
[]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#3931
  -props: []
}
Header:LocalePicker 
[Anonymous]
 12.0 MiB 6.45 ms
Input props 
[
  "size" => "small"
  "hoverScheme" => "none"
  "darkColor" => "domain"
]
Attributes 
[
  "size" => "small"
  "hoverScheme" => "none"
  "darkColor" => "domain"
]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#3948
  -props: [
    "size" => "small"
    "hoverScheme" => "none"
    "darkColor" => "domain"
  ]
}
Button App\Twig\Components\Button 12.0 MiB 1.81 ms
Input props 
[
  "data-compo" => "Header/LocalePicker"
  "tag" => "button"
  "hoverScheme" => "none"
  "darkColor" => "domain"
  "class" => "text-center"
  "afterIcon" => "expand_more"
  "command" => "show-modal"
  "commandfor" => "language-picker-dialog"
  "size" => "small"
]
Attributes 
[
  "data-compo" => "Header/LocalePicker"
  "tag" => "button"
  "class" => "text-center"
  "afterIcon" => "expand_more"
  "command" => "show-modal"
  "commandfor" => "language-picker-dialog"
]
Component 
App\Twig\Components\Button {#3973
  +size: "small"
  +darkColor: "domain"
  +lightColor: "white"
  +hoverScheme: "none"
  +hoverTextColor: null
  +disabled: false
  +noLabelOnSmallScreen: false
  +iconClass: null
  +beforeIconClass: null
  +afterIconClass: null
}
LoginLink 
[Anonymous]
 12.0 MiB 12.79 ms
Input props 
[
  "class" => "grow"
  "size" => "small"
]
Attributes 
[
  "class" => "grow"
  "size" => "small"
]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#3965
  -props: [
    "class" => "grow"
    "size" => "small"
  ]
}
Button App\Twig\Components\Button 12.0 MiB 1.70 ms
Input props 
[
  "data-compo" => "LoginLink"
  "href" => "/de/login?next=/de/media/550-fahrradgangschaltung-uebersetzung"
  "class" => "grow"
  "size" => "small"
]
Attributes 
[
  "data-compo" => "LoginLink"
  "href" => "/de/login?next=/de/media/550-fahrradgangschaltung-uebersetzung"
  "class" => "grow"
]
Component 
App\Twig\Components\Button {#4051
  +size: "small"
  +darkColor: "domain-dark"
  +lightColor: "white"
  +hoverScheme: "default"
  +hoverTextColor: null
  +disabled: false
  +noLabelOnSmallScreen: false
  +iconClass: null
  +beforeIconClass: null
  +afterIconClass: null
}
Button App\Twig\Components\Button 12.0 MiB 1.28 ms
Input props 
[
  "class" => "grow"
  "size" => "small"
  "darkColor" => "domain"
  "href" => "/de/subscribe/"
]
Attributes 
[
  "class" => "grow"
  "href" => "/de/subscribe/"
]
Component 
App\Twig\Components\Button {#4065
  +size: "small"
  +darkColor: "domain"
  +lightColor: "white"
  +hoverScheme: "default"
  +hoverTextColor: null
  +disabled: false
  +noLabelOnSmallScreen: false
  +iconClass: null
  +beforeIconClass: null
  +afterIconClass: null
}
Dialog:LocalePicker App\Twig\Components\Dialog\LocalePicker 12.0 MiB 36.57 ms
Input props 
[]
Attributes 
[]
Component 
App\Twig\Components\Dialog\LocalePicker {#3889
  -localeSwitcherService: App\Service\LocaleSwitcherService {#1494 …}
}
Dialog 
[Anonymous]
 12.0 MiB 35.20 ms
Input props 
[
  "data-compo" => "Dialog/LocalePicker"
  "id" => "language-picker-dialog"
]
Attributes 
[
  "data-compo" => "Dialog/LocalePicker"
  "id" => "language-picker-dialog"
]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#4102
  -props: [
    "data-compo" => "Dialog/LocalePicker"
    "id" => "language-picker-dialog"
  ]
}
Button App\Twig\Components\Button 12.0 MiB 12.34 ms
Input props 
[
  "tag" => "button"
  "size" => "small"
  "afterIcon" => "close"
  "class" => "mb-bento"
  "hoverScheme" => "none"
  "hoverTextColor" => "domain"
  "command" => "close"
  "commandfor" => "language-picker-dialog"
]
Attributes 
[
  "tag" => "button"
  "afterIcon" => "close"
  "class" => "mb-bento"
  "command" => "close"
  "commandfor" => "language-picker-dialog"
]
Component 
App\Twig\Components\Button {#4136
  +size: "small"
  +darkColor: "domain-dark"
  +lightColor: "white"
  +hoverScheme: "none"
  +hoverTextColor: "domain"
  +disabled: false
  +noLabelOnSmallScreen: false
  +iconClass: null
  +beforeIconClass: null
  +afterIconClass: null
}
Button App\Twig\Components\Button 12.0 MiB 1.45 ms
Input props 
[
  "class" => "w-full mb-bento "
  "href" => "/en/media/550-bicycle-gear-ratios"
  "hoverScheme" => "none"
  "hoverTextColor" => "domain"
  "beforeIcon" => null
  "beforeIconClass" => "text-domain"
  "data-locale-picker-target" => "en"
]
Attributes 
[
  "class" => "w-full mb-bento "
  "href" => "/en/media/550-bicycle-gear-ratios"
  "beforeIcon" => null
  "data-locale-picker-target" => "en"
]
Component 
App\Twig\Components\Button {#4167
  +size: null
  +darkColor: "domain-dark"
  +lightColor: "white"
  +hoverScheme: "none"
  +hoverTextColor: "domain"
  +disabled: false
  +noLabelOnSmallScreen: false
  +iconClass: null
  +beforeIconClass: "text-domain"
  +afterIconClass: null
}
Button App\Twig\Components\Button 12.0 MiB 1.33 ms
Input props 
[
  "class" => "w-full mb-bento "
  "href" => "/fr/media/550-fonctionnement-du-velo"
  "hoverScheme" => "none"
  "hoverTextColor" => "domain"
  "beforeIcon" => null
  "beforeIconClass" => "text-domain"
  "data-locale-picker-target" => "fr"
]
Attributes 
[
  "class" => "w-full mb-bento "
  "href" => "/fr/media/550-fonctionnement-du-velo"
  "beforeIcon" => null
  "data-locale-picker-target" => "fr"
]
Component 
App\Twig\Components\Button {#4204
  +size: null
  +darkColor: "domain-dark"
  +lightColor: "white"
  +hoverScheme: "none"
  +hoverTextColor: "domain"
  +disabled: false
  +noLabelOnSmallScreen: false
  +iconClass: null
  +beforeIconClass: "text-domain"
  +afterIconClass: null
}
Button App\Twig\Components\Button 12.0 MiB 11.89 ms
Input props 
[
  "class" => "w-full mb-bento "
  "href" => "/es/media/550-relacion-de-marchas-de-la-bicicleta"
  "hoverScheme" => "none"
  "hoverTextColor" => "domain"
  "beforeIcon" => null
  "beforeIconClass" => "text-domain"
  "data-locale-picker-target" => "es"
]
Attributes 
[
  "class" => "w-full mb-bento "
  "href" => "/es/media/550-relacion-de-marchas-de-la-bicicleta"
  "beforeIcon" => null
  "data-locale-picker-target" => "es"
]
Component 
App\Twig\Components\Button {#4223
  +size: null
  +darkColor: "domain-dark"
  +lightColor: "white"
  +hoverScheme: "none"
  +hoverTextColor: "domain"
  +disabled: false
  +noLabelOnSmallScreen: false
  +iconClass: null
  +beforeIconClass: "text-domain"
  +afterIconClass: null
}
Button App\Twig\Components\Button 12.0 MiB 1.09 ms
Input props 
[
  "class" => "w-full mb-bento pointer-events-none"
  "href" => "/de/media/550-fahrradgangschaltung-uebersetzung"
  "hoverScheme" => "none"
  "hoverTextColor" => "domain"
  "beforeIcon" => "done"
  "beforeIconClass" => "text-domain"
  "data-locale-picker-target" => "de"
]
Attributes 
[
  "class" => "w-full mb-bento pointer-events-none"
  "href" => "/de/media/550-fahrradgangschaltung-uebersetzung"
  "beforeIcon" => "done"
  "data-locale-picker-target" => "de"
]
Component 
App\Twig\Components\Button {#4243
  +size: null
  +darkColor: "domain-dark"
  +lightColor: "white"
  +hoverScheme: "none"
  +hoverTextColor: "domain"
  +disabled: false
  +noLabelOnSmallScreen: false
  +iconClass: null
  +beforeIconClass: "text-domain"
  +afterIconClass: null
}
Banner:UserBanners App\Twig\Components\Banner\UserBanners 12.0 MiB 0.90 ms
Input props 
[]
Attributes 
[]
Component 
App\Twig\Components\Banner\UserBanners {#3842
  -purchaseRepository: App\Repository\PurchaseRepository {#118 …}
  -securityService: App\Service\SecurityService {#115 …}
}
MediaField 
[Anonymous]
 12.0 MiB 0.49 ms
Input props 
[
  "title" => "Lernziele"
  "media" => [
    "id" => 550
    "title" => "Fahrradgangschaltung Übersetzung"
    "slug" => "fahrradgangschaltung-uebersetzung"
    "mediaType" => "simulation"
    "thumbnailSizes" => [
      "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/550-6545f3ab515f9809785078.webp"
      "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/550-6545f3ab515f9809785078.webp"
      "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/550-6545f3ab515f9809785078.webp"
    ]
    "thumbnailBackground" => "#f25821"
    "publishedAt" => DateTimeImmutable @1455235200 {#1390
      date: 2016-02-12 00:00:00.0 UTC (+00:00)
    }
    "isExpert" => false
    "goals" => """
      <ul>\r\n
      \t<li>Versetehn von mechanischen &Uuml;bersetzungen bei Fahrr&auml;dern.</li>\r\n
      \t<li>Simple Maschinen identifizieren: Hebel (Winde), Gang (Umlenkrolle).&nbsp;</li>\r\n
      \t<li>Die mechanischen Begriffe definieren: Getriebe&uuml;bersetzung, &Uuml;bersetzungsverh&auml;ltnis, und die Verbindung zu den G&auml;ngen herstellen.&nbsp;</li>\r\n
      \t<li>Das Konzept des Drehmoments vorstellen.</li>\r\n
      </ul>
      """
    "width" => 550
    "height" => 440
    "description" => """
      <p>Das Rad ist eine alte Erfindung (3000 v. Chr.), doch die Vorfahren des Fahrrads tauchten erst 1850 auf. Das Laufrad hat weder G&auml;nge, noch Kette oder Pedale. Der Fahrer tritt mit &nbsp;den F&uuml;&szlig;en.</p>\r\n
      \r\n
      <p>Das moderne Fahrrad enstand mit dem &quot;Sicherheitsniederrad&quot; im Jahre 1890, ausgestattet mit folgendem Kraft&uuml;bertragungssystem:</p>\r\n
      \r\n
      <ul>\r\n
      \t<li>Zwei Pedal angebracht an ein Kettenrad aber nicht an eines der R&auml;der. Die Pedale nutzen bei der Drehung das Hebelprinzip.&nbsp;</li>\r\n
      \t<li>Das hintere Ritzel, ein Kettenrad mit Z&auml;hnen, befestigt am Hinterrad..&nbsp;</li>\r\n
      \t<li>Eine Kette verbindet das vordere und hintere Zahnrad und &Uuml;bertr&auml;gt das Drehmoment, welches auf die Pedale ausge&uuml;bt wird.</li>\r\n
      </ul>\r\n
      \r\n
      <p>Der Unterschied zwischen den Durchmessern der vorderen und hinteren Kettenr&auml;dern spielt eine wichtige Bedeutung bei der Nutzung des Fahrrads. Das Verh&auml;ltnis der Durchmesser (ebenso das Verh&auml;ltnis der Anzahl an Z&auml;hnen) &nbsp;ist die sogennante Getriebe&uuml;bersetzung. Die Trittfrequenz und die Getriebe&uuml;bersetzung beeinflussen direkt die aufgewendete Energie und Distanz.</p>\r\n
      \r\n
      <p><strong>Klicken</strong>&nbsp;Sie auf dem Board in die linke obere Ecke um die Anzahl an Z&auml;hnen des Kettenrads zu &auml;ndern.</p>\r\n
      \r\n
      <p><strong>Drehen</strong>&nbsp;Sie die Pedale oder&nbsp;<strong>kontrollieren</strong>&nbsp;Sie die Trittfrequenz mit dem Schieberegler.</p>
      """
    "suggestions" => [
      App\Entity\vo\MediaCardLight {#3550
        #id: 724
        #title: "<p>Zahnrad und Kettenantrieb</p>"
        #mediaType: "simulation"
        #thumbnailSizes: [
          "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/724-6545f4246e395569630546.webp"
          "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/724-6545f4246e395569630546.webp"
          "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/724-6545f4246e395569630546.webp"
        ]
        #thumbnailBackground: "#f487b9"
        #publishedAt: DateTimeImmutable @1455753600 {#3116
          date: 2016-02-18 00:00:00.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "p-zahnrad-und-kettenantrieb-p"
      }
      App\Entity\vo\MediaCardLight {#3552
        #id: 408
        #title: "Flaschenzug"
        #mediaType: "simulation"
        #thumbnailSizes: [
          "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/408-6545f351aed09389702939.webp"
          "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/408-6545f351aed09389702939.webp"
          "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/408-6545f351aed09389702939.webp"
        ]
        #thumbnailBackground: "#ee1b2e"
        #publishedAt: DateTimeImmutable @1431302400 {#3041
          date: 2015-05-11 00:00:00.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "flaschenzug"
      }
      App\Entity\vo\MediaCardLight {#3553
        #id: 366
        #title: "Zweischalige Waage"
        #mediaType: "simulation"
        #thumbnailSizes: [
          "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/366-6545f3381b918071850113.webp"
          "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/366-6545f3381b918071850113.webp"
          "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/366-6545f3381b918071850113.webp"
        ]
        #thumbnailBackground: "#f6adcc"
        #publishedAt: DateTimeImmutable @1431302400 {#2989
          date: 2015-05-11 00:00:00.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "zweischalige-waage"
      }
      App\Entity\vo\MediaCardLight {#3554
        #id: 540
        #title: "Schiefe Ebene"
        #mediaType: "simulation"
        #thumbnailSizes: [
          "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/540-6545f3a458be7285571543.webp"
          "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/540-6545f3a458be7285571543.webp"
          "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/540-6545f3a458be7285571543.webp"
        ]
        #thumbnailBackground: "#004387"
        #publishedAt: DateTimeImmutable @1519776000 {#3069
          date: 2018-02-28 00:00:00.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "schiefe-ebene"
      }
      App\Entity\vo\MediaCardLight {#3555
        #id: 681
        #title: "Korkenzieher"
        #mediaType: "simulation"
        #thumbnailSizes: [
          "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/681-6545f4049a1bb885183171.webp"
          "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/681-6545f4049a1bb885183171.webp"
          "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/681-6545f4049a1bb885183171.webp"
        ]
        #thumbnailBackground: "#f6951d"
        #publishedAt: DateTimeImmutable @1431388800 {#3088
          date: 2015-05-12 00:00:00.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "korkenzieher"
      }
    ]
    "tags" => [
      "bike"
      "energie"
      "fahrrad"
      "gang"
      "geschwindigkeit"
      "gänge"
    ]
    "baseNodeName" => "Technik"
  ]
  "key" => "goals"
]
Attributes 
[
  "title" => "Lernziele"
  "media" => [
    "id" => 550
    "title" => "Fahrradgangschaltung Übersetzung"
    "slug" => "fahrradgangschaltung-uebersetzung"
    "mediaType" => "simulation"
    "thumbnailSizes" => [
      "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/550-6545f3ab515f9809785078.webp"
      "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/550-6545f3ab515f9809785078.webp"
      "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/550-6545f3ab515f9809785078.webp"
    ]
    "thumbnailBackground" => "#f25821"
    "publishedAt" => DateTimeImmutable @1455235200 {#1390
      date: 2016-02-12 00:00:00.0 UTC (+00:00)
    }
    "isExpert" => false
    "goals" => """
      <ul>\r\n
      \t<li>Versetehn von mechanischen &Uuml;bersetzungen bei Fahrr&auml;dern.</li>\r\n
      \t<li>Simple Maschinen identifizieren: Hebel (Winde), Gang (Umlenkrolle).&nbsp;</li>\r\n
      \t<li>Die mechanischen Begriffe definieren: Getriebe&uuml;bersetzung, &Uuml;bersetzungsverh&auml;ltnis, und die Verbindung zu den G&auml;ngen herstellen.&nbsp;</li>\r\n
      \t<li>Das Konzept des Drehmoments vorstellen.</li>\r\n
      </ul>
      """
    "width" => 550
    "height" => 440
    "description" => """
      <p>Das Rad ist eine alte Erfindung (3000 v. Chr.), doch die Vorfahren des Fahrrads tauchten erst 1850 auf. Das Laufrad hat weder G&auml;nge, noch Kette oder Pedale. Der Fahrer tritt mit &nbsp;den F&uuml;&szlig;en.</p>\r\n
      \r\n
      <p>Das moderne Fahrrad enstand mit dem &quot;Sicherheitsniederrad&quot; im Jahre 1890, ausgestattet mit folgendem Kraft&uuml;bertragungssystem:</p>\r\n
      \r\n
      <ul>\r\n
      \t<li>Zwei Pedal angebracht an ein Kettenrad aber nicht an eines der R&auml;der. Die Pedale nutzen bei der Drehung das Hebelprinzip.&nbsp;</li>\r\n
      \t<li>Das hintere Ritzel, ein Kettenrad mit Z&auml;hnen, befestigt am Hinterrad..&nbsp;</li>\r\n
      \t<li>Eine Kette verbindet das vordere und hintere Zahnrad und &Uuml;bertr&auml;gt das Drehmoment, welches auf die Pedale ausge&uuml;bt wird.</li>\r\n
      </ul>\r\n
      \r\n
      <p>Der Unterschied zwischen den Durchmessern der vorderen und hinteren Kettenr&auml;dern spielt eine wichtige Bedeutung bei der Nutzung des Fahrrads. Das Verh&auml;ltnis der Durchmesser (ebenso das Verh&auml;ltnis der Anzahl an Z&auml;hnen) &nbsp;ist die sogennante Getriebe&uuml;bersetzung. Die Trittfrequenz und die Getriebe&uuml;bersetzung beeinflussen direkt die aufgewendete Energie und Distanz.</p>\r\n
      \r\n
      <p><strong>Klicken</strong>&nbsp;Sie auf dem Board in die linke obere Ecke um die Anzahl an Z&auml;hnen des Kettenrads zu &auml;ndern.</p>\r\n
      \r\n
      <p><strong>Drehen</strong>&nbsp;Sie die Pedale oder&nbsp;<strong>kontrollieren</strong>&nbsp;Sie die Trittfrequenz mit dem Schieberegler.</p>
      """
    "suggestions" => [
      App\Entity\vo\MediaCardLight {#3550
        #id: 724
        #title: "<p>Zahnrad und Kettenantrieb</p>"
        #mediaType: "simulation"
        #thumbnailSizes: [
          "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/724-6545f4246e395569630546.webp"
          "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/724-6545f4246e395569630546.webp"
          "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/724-6545f4246e395569630546.webp"
        ]
        #thumbnailBackground: "#f487b9"
        #publishedAt: DateTimeImmutable @1455753600 {#3116
          date: 2016-02-18 00:00:00.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "p-zahnrad-und-kettenantrieb-p"
      }
      App\Entity\vo\MediaCardLight {#3552
        #id: 408
        #title: "Flaschenzug"
        #mediaType: "simulation"
        #thumbnailSizes: [
          "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/408-6545f351aed09389702939.webp"
          "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/408-6545f351aed09389702939.webp"
          "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/408-6545f351aed09389702939.webp"
        ]
        #thumbnailBackground: "#ee1b2e"
        #publishedAt: DateTimeImmutable @1431302400 {#3041
          date: 2015-05-11 00:00:00.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "flaschenzug"
      }
      App\Entity\vo\MediaCardLight {#3553
        #id: 366
        #title: "Zweischalige Waage"
        #mediaType: "simulation"
        #thumbnailSizes: [
          "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/366-6545f3381b918071850113.webp"
          "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/366-6545f3381b918071850113.webp"
          "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/366-6545f3381b918071850113.webp"
        ]
        #thumbnailBackground: "#f6adcc"
        #publishedAt: DateTimeImmutable @1431302400 {#2989
          date: 2015-05-11 00:00:00.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "zweischalige-waage"
      }
      App\Entity\vo\MediaCardLight {#3554
        #id: 540
        #title: "Schiefe Ebene"
        #mediaType: "simulation"
        #thumbnailSizes: [
          "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/540-6545f3a458be7285571543.webp"
          "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/540-6545f3a458be7285571543.webp"
          "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/540-6545f3a458be7285571543.webp"
        ]
        #thumbnailBackground: "#004387"
        #publishedAt: DateTimeImmutable @1519776000 {#3069
          date: 2018-02-28 00:00:00.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "schiefe-ebene"
      }
      App\Entity\vo\MediaCardLight {#3555
        #id: 681
        #title: "Korkenzieher"
        #mediaType: "simulation"
        #thumbnailSizes: [
          "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/681-6545f4049a1bb885183171.webp"
          "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/681-6545f4049a1bb885183171.webp"
          "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/681-6545f4049a1bb885183171.webp"
        ]
        #thumbnailBackground: "#f6951d"
        #publishedAt: DateTimeImmutable @1431388800 {#3088
          date: 2015-05-12 00:00:00.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "korkenzieher"
      }
    ]
    "tags" => [
      "bike"
      "energie"
      "fahrrad"
      "gang"
      "geschwindigkeit"
      "gänge"
    ]
    "baseNodeName" => "Technik"
  ]
  "key" => "goals"
]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#4275
  -props: [
    "title" => "Lernziele"
    "media" => [
      "id" => 550
      "title" => "Fahrradgangschaltung Übersetzung"
      "slug" => "fahrradgangschaltung-uebersetzung"
      "mediaType" => "simulation"
      "thumbnailSizes" => [
        "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/550-6545f3ab515f9809785078.webp"
        "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/550-6545f3ab515f9809785078.webp"
        "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/550-6545f3ab515f9809785078.webp"
      ]
      "thumbnailBackground" => "#f25821"
      "publishedAt" => DateTimeImmutable @1455235200 {#1390
        date: 2016-02-12 00:00:00.0 UTC (+00:00)
      }
      "isExpert" => false
      "goals" => """
        <ul>\r\n
        \t<li>Versetehn von mechanischen &Uuml;bersetzungen bei Fahrr&auml;dern.</li>\r\n
        \t<li>Simple Maschinen identifizieren: Hebel (Winde), Gang (Umlenkrolle).&nbsp;</li>\r\n
        \t<li>Die mechanischen Begriffe definieren: Getriebe&uuml;bersetzung, &Uuml;bersetzungsverh&auml;ltnis, und die Verbindung zu den G&auml;ngen herstellen.&nbsp;</li>\r\n
        \t<li>Das Konzept des Drehmoments vorstellen.</li>\r\n
        </ul>
        """
      "width" => 550
      "height" => 440
      "description" => """
        <p>Das Rad ist eine alte Erfindung (3000 v. Chr.), doch die Vorfahren des Fahrrads tauchten erst 1850 auf. Das Laufrad hat weder G&auml;nge, noch Kette oder Pedale. Der Fahrer tritt mit &nbsp;den F&uuml;&szlig;en.</p>\r\n
        \r\n
        <p>Das moderne Fahrrad enstand mit dem &quot;Sicherheitsniederrad&quot; im Jahre 1890, ausgestattet mit folgendem Kraft&uuml;bertragungssystem:</p>\r\n
        \r\n
        <ul>\r\n
        \t<li>Zwei Pedal angebracht an ein Kettenrad aber nicht an eines der R&auml;der. Die Pedale nutzen bei der Drehung das Hebelprinzip.&nbsp;</li>\r\n
        \t<li>Das hintere Ritzel, ein Kettenrad mit Z&auml;hnen, befestigt am Hinterrad..&nbsp;</li>\r\n
        \t<li>Eine Kette verbindet das vordere und hintere Zahnrad und &Uuml;bertr&auml;gt das Drehmoment, welches auf die Pedale ausge&uuml;bt wird.</li>\r\n
        </ul>\r\n
        \r\n
        <p>Der Unterschied zwischen den Durchmessern der vorderen und hinteren Kettenr&auml;dern spielt eine wichtige Bedeutung bei der Nutzung des Fahrrads. Das Verh&auml;ltnis der Durchmesser (ebenso das Verh&auml;ltnis der Anzahl an Z&auml;hnen) &nbsp;ist die sogennante Getriebe&uuml;bersetzung. Die Trittfrequenz und die Getriebe&uuml;bersetzung beeinflussen direkt die aufgewendete Energie und Distanz.</p>\r\n
        \r\n
        <p><strong>Klicken</strong>&nbsp;Sie auf dem Board in die linke obere Ecke um die Anzahl an Z&auml;hnen des Kettenrads zu &auml;ndern.</p>\r\n
        \r\n
        <p><strong>Drehen</strong>&nbsp;Sie die Pedale oder&nbsp;<strong>kontrollieren</strong>&nbsp;Sie die Trittfrequenz mit dem Schieberegler.</p>
        """
      "suggestions" => [
        App\Entity\vo\MediaCardLight {#3550
          #id: 724
          #title: "<p>Zahnrad und Kettenantrieb</p>"
          #mediaType: "simulation"
          #thumbnailSizes: [
            "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/724-6545f4246e395569630546.webp"
            "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/724-6545f4246e395569630546.webp"
            "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/724-6545f4246e395569630546.webp"
          ]
          #thumbnailBackground: "#f487b9"
          #publishedAt: DateTimeImmutable @1455753600 {#3116
            date: 2016-02-18 00:00:00.0 UTC (+00:00)
          }
          #isExpert: false
          #slug: "p-zahnrad-und-kettenantrieb-p"
        }
        App\Entity\vo\MediaCardLight {#3552
          #id: 408
          #title: "Flaschenzug"
          #mediaType: "simulation"
          #thumbnailSizes: [
            "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/408-6545f351aed09389702939.webp"
            "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/408-6545f351aed09389702939.webp"
            "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/408-6545f351aed09389702939.webp"
          ]
          #thumbnailBackground: "#ee1b2e"
          #publishedAt: DateTimeImmutable @1431302400 {#3041
            date: 2015-05-11 00:00:00.0 UTC (+00:00)
          }
          #isExpert: false
          #slug: "flaschenzug"
        }
        App\Entity\vo\MediaCardLight {#3553
          #id: 366
          #title: "Zweischalige Waage"
          #mediaType: "simulation"
          #thumbnailSizes: [
            "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/366-6545f3381b918071850113.webp"
            "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/366-6545f3381b918071850113.webp"
            "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/366-6545f3381b918071850113.webp"
          ]
          #thumbnailBackground: "#f6adcc"
          #publishedAt: DateTimeImmutable @1431302400 {#2989
            date: 2015-05-11 00:00:00.0 UTC (+00:00)
          }
          #isExpert: false
          #slug: "zweischalige-waage"
        }
        App\Entity\vo\MediaCardLight {#3554
          #id: 540
          #title: "Schiefe Ebene"
          #mediaType: "simulation"
          #thumbnailSizes: [
            "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/540-6545f3a458be7285571543.webp"
            "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/540-6545f3a458be7285571543.webp"
            "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/540-6545f3a458be7285571543.webp"
          ]
          #thumbnailBackground: "#004387"
          #publishedAt: DateTimeImmutable @1519776000 {#3069
            date: 2018-02-28 00:00:00.0 UTC (+00:00)
          }
          #isExpert: false
          #slug: "schiefe-ebene"
        }
        App\Entity\vo\MediaCardLight {#3555
          #id: 681
          #title: "Korkenzieher"
          #mediaType: "simulation"
          #thumbnailSizes: [
            "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/681-6545f4049a1bb885183171.webp"
            "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/681-6545f4049a1bb885183171.webp"
            "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/681-6545f4049a1bb885183171.webp"
          ]
          #thumbnailBackground: "#f6951d"
          #publishedAt: DateTimeImmutable @1431388800 {#3088
            date: 2015-05-12 00:00:00.0 UTC (+00:00)
          }
          #isExpert: false
          #slug: "korkenzieher"
        }
      ]
      "tags" => [
        "bike"
        "energie"
        "fahrrad"
        "gang"
        "geschwindigkeit"
        "gänge"
      ]
      "baseNodeName" => "Technik"
    ]
    "key" => "goals"
  ]
}
Demo:Video 
[Anonymous]
 12.0 MiB 0.55 ms
Input props 
[
  "width" => "600"
  "height" => "596"
  "class" => "max-w-none absolute"
]
Attributes 
[
  "width" => "600"
  "height" => "596"
  "class" => "max-w-none absolute"
]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#4297
  -props: [
    "width" => "600"
    "height" => "596"
    "class" => "max-w-none absolute"
  ]
}
Heading:Large 
[Anonymous]
 12.0 MiB 0.92 ms
Input props 
[
  "tag" => "h2"
]
Attributes 
[
  "tag" => "h2"
]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#4313
  -props: [
    "tag" => "h2"
  ]
}
Showcase:RevealPill 
[Anonymous]
 12.0 MiB 1.95 ms
Input props 
[
  "icon" => "source"
]
Attributes 
[
  "icon" => "source"
]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#4337
  -props: [
    "icon" => "source"
  ]
}
Showcase:Reveal 
[Anonymous]
 12.0 MiB 0.65 ms
Input props 
[
  "class" => "-mt-1"
  "text" => Twig\Markup {#4373
    -content: "Mehr als 1000 Ressourcen"
    -charset: "UTF-8"
  }
]
Attributes 
[
  "class" => "-mt-1"
  "text" => "Mehr als 1000 Ressourcen"
]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#4375
  -props: [
    "class" => "-mt-1"
    "text" => Twig\Markup {#4373
      -content: "Mehr als 1000 Ressourcen"
      -charset: "UTF-8"
    }
  ]
}
DemoForm 
[Anonymous]
 12.0 MiB 84.62 ms
Input props 
[
  "isDemoPage" => false
  "class" => "max-w-prose mx-auto"
]
Attributes 
[
  "isDemoPage" => false
  "class" => "max-w-prose mx-auto"
]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#4359
  -props: [
    "isDemoPage" => false
    "class" => "max-w-prose mx-auto"
  ]
}
Button App\Twig\Components\Button 12.0 MiB 1.06 ms
Input props 
[
  "tag" => "button"
  "type" => "submit"
  "darkColor" => "domain"
  "attributeString" => "id="demo_submit" name="demo[submit]" disabled="disabled""
]
Attributes 
[
  "tag" => "button"
  "type" => "submit"
  "attributeString" => "id="demo_submit" name="demo[submit]" disabled="disabled""
]
Component 
App\Twig\Components\Button {#4619
  +size: null
  +darkColor: "domain"
  +lightColor: "white"
  +hoverScheme: "default"
  +hoverTextColor: null
  +disabled: false
  +noLabelOnSmallScreen: false
  +iconClass: null
  +beforeIconClass: null
  +afterIconClass: null
}
Heading:Large 
[Anonymous]
 12.0 MiB 0.97 ms
Input props 
[
  "class" => "text-white"
  "tag" => "h1"
]
Attributes 
[
  "class" => "text-white"
  "tag" => "h1"
]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#4404
  -props: [
    "class" => "text-white"
    "tag" => "h1"
  ]
}
MediaCard App\Twig\Components\MediaCard 12.0 MiB 1.16 ms
Input props 
[
  "cardData" => App\Entity\vo\MediaCardLight {#3550
    #id: 724
    #title: "<p>Zahnrad und Kettenantrieb</p>"
    #mediaType: "simulation"
    #thumbnailSizes: [
      "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/724-6545f4246e395569630546.webp"
      "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/724-6545f4246e395569630546.webp"
      "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/724-6545f4246e395569630546.webp"
    ]
    #thumbnailBackground: "#f487b9"
    #publishedAt: DateTimeImmutable @1455753600 {#3116
      date: 2016-02-18 00:00:00.0 UTC (+00:00)
    }
    #isExpert: false
    #slug: "p-zahnrad-und-kettenantrieb-p"
  }
  "context" => "media-teaser"
  "class" => "w-1/2 "
]
Attributes 
[
  "class" => "w-1/2 "
]
Component 
App\Twig\Components\MediaCard {#4486
  -bgColors: [
    "bg-magenta"
    "bg-pink"
    "bg-bubble-gum"
    "bg-navy"
    "bg-turquoise"
    "bg-green"
    "bg-red"
    "bg-orange"
    "bg-gold"
    "bg-purple"
    "bg-prune"
  ]
  -redPixel: "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mN8K63/HwAFbAI4DLWlhgAAAABJRU5ErkJggg=="
  +cardData: App\Entity\vo\MediaCardLight {#3550
    #id: 724
    #title: "<p>Zahnrad und Kettenantrieb</p>"
    #mediaType: "simulation"
    #thumbnailSizes: [
      "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/724-6545f4246e395569630546.webp"
      "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/724-6545f4246e395569630546.webp"
      "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/724-6545f4246e395569630546.webp"
    ]
    #thumbnailBackground: "#f487b9"
    #publishedAt: DateTimeImmutable @1455753600 {#3116
      date: 2016-02-18 00:00:00.0 UTC (+00:00)
    }
    #isExpert: false
    #slug: "p-zahnrad-und-kettenantrieb-p"
  }
  +thumbnailEagerLoading: false
  +preventTabbableLink: false
  +context: "media-teaser"
}
MediaCard App\Twig\Components\MediaCard 12.0 MiB 0.72 ms
Input props 
[
  "cardData" => App\Entity\vo\MediaCardLight {#3552
    #id: 408
    #title: "Flaschenzug"
    #mediaType: "simulation"
    #thumbnailSizes: [
      "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/408-6545f351aed09389702939.webp"
      "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/408-6545f351aed09389702939.webp"
      "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/408-6545f351aed09389702939.webp"
    ]
    #thumbnailBackground: "#ee1b2e"
    #publishedAt: DateTimeImmutable @1431302400 {#3041
      date: 2015-05-11 00:00:00.0 UTC (+00:00)
    }
    #isExpert: false
    #slug: "flaschenzug"
  }
  "context" => "media-teaser"
  "class" => "w-1/2 hidden md:block"
]
Attributes 
[
  "class" => "w-1/2 hidden md:block"
]
Component 
App\Twig\Components\MediaCard {#4699
  -bgColors: [
    "bg-magenta"
    "bg-pink"
    "bg-bubble-gum"
    "bg-navy"
    "bg-turquoise"
    "bg-green"
    "bg-red"
    "bg-orange"
    "bg-gold"
    "bg-purple"
    "bg-prune"
  ]
  -redPixel: "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mN8K63/HwAFbAI4DLWlhgAAAABJRU5ErkJggg=="
  +cardData: App\Entity\vo\MediaCardLight {#3552
    #id: 408
    #title: "Flaschenzug"
    #mediaType: "simulation"
    #thumbnailSizes: [
      "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/408-6545f351aed09389702939.webp"
      "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/408-6545f351aed09389702939.webp"
      "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/408-6545f351aed09389702939.webp"
    ]
    #thumbnailBackground: "#ee1b2e"
    #publishedAt: DateTimeImmutable @1431302400 {#3041
      date: 2015-05-11 00:00:00.0 UTC (+00:00)
    }
    #isExpert: false
    #slug: "flaschenzug"
  }
  +thumbnailEagerLoading: false
  +preventTabbableLink: false
  +context: "media-teaser"
}
MediaCard App\Twig\Components\MediaCard 12.0 MiB 0.42 ms
Input props 
[
  "cardData" => App\Entity\vo\MediaCardLight {#3553
    #id: 366
    #title: "Zweischalige Waage"
    #mediaType: "simulation"
    #thumbnailSizes: [
      "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/366-6545f3381b918071850113.webp"
      "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/366-6545f3381b918071850113.webp"
      "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/366-6545f3381b918071850113.webp"
    ]
    #thumbnailBackground: "#f6adcc"
    #publishedAt: DateTimeImmutable @1431302400 {#2989
      date: 2015-05-11 00:00:00.0 UTC (+00:00)
    }
    #isExpert: false
    #slug: "zweischalige-waage"
  }
  "context" => "media-teaser"
  "class" => "w-1/2 hidden lg:block"
]
Attributes 
[
  "class" => "w-1/2 hidden lg:block"
]
Component 
App\Twig\Components\MediaCard {#4727
  -bgColors: [
    "bg-magenta"
    "bg-pink"
    "bg-bubble-gum"
    "bg-navy"
    "bg-turquoise"
    "bg-green"
    "bg-red"
    "bg-orange"
    "bg-gold"
    "bg-purple"
    "bg-prune"
  ]
  -redPixel: "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mN8K63/HwAFbAI4DLWlhgAAAABJRU5ErkJggg=="
  +cardData: App\Entity\vo\MediaCardLight {#3553
    #id: 366
    #title: "Zweischalige Waage"
    #mediaType: "simulation"
    #thumbnailSizes: [
      "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/366-6545f3381b918071850113.webp"
      "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/366-6545f3381b918071850113.webp"
      "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/366-6545f3381b918071850113.webp"
    ]
    #thumbnailBackground: "#f6adcc"
    #publishedAt: DateTimeImmutable @1431302400 {#2989
      date: 2015-05-11 00:00:00.0 UTC (+00:00)
    }
    #isExpert: false
    #slug: "zweischalige-waage"
  }
  +thumbnailEagerLoading: false
  +preventTabbableLink: false
  +context: "media-teaser"
}
MediaCard App\Twig\Components\MediaCard 12.0 MiB 1.52 ms
Input props 
[
  "cardData" => App\Entity\vo\MediaCardLight {#3554
    #id: 540
    #title: "Schiefe Ebene"
    #mediaType: "simulation"
    #thumbnailSizes: [
      "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/540-6545f3a458be7285571543.webp"
      "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/540-6545f3a458be7285571543.webp"
      "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/540-6545f3a458be7285571543.webp"
    ]
    #thumbnailBackground: "#004387"
    #publishedAt: DateTimeImmutable @1519776000 {#3069
      date: 2018-02-28 00:00:00.0 UTC (+00:00)
    }
    #isExpert: false
    #slug: "schiefe-ebene"
  }
  "context" => "media-teaser"
  "class" => "w-1/2 hidden lg:block"
]
Attributes 
[
  "class" => "w-1/2 hidden lg:block"
]
Component 
App\Twig\Components\MediaCard {#4746
  -bgColors: [
    "bg-magenta"
    "bg-pink"
    "bg-bubble-gum"
    "bg-navy"
    "bg-turquoise"
    "bg-green"
    "bg-red"
    "bg-orange"
    "bg-gold"
    "bg-purple"
    "bg-prune"
  ]
  -redPixel: "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mN8K63/HwAFbAI4DLWlhgAAAABJRU5ErkJggg=="
  +cardData: App\Entity\vo\MediaCardLight {#3554
    #id: 540
    #title: "Schiefe Ebene"
    #mediaType: "simulation"
    #thumbnailSizes: [
      "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/540-6545f3a458be7285571543.webp"
      "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/540-6545f3a458be7285571543.webp"
      "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/540-6545f3a458be7285571543.webp"
    ]
    #thumbnailBackground: "#004387"
    #publishedAt: DateTimeImmutable @1519776000 {#3069
      date: 2018-02-28 00:00:00.0 UTC (+00:00)
    }
    #isExpert: false
    #slug: "schiefe-ebene"
  }
  +thumbnailEagerLoading: false
  +preventTabbableLink: false
  +context: "media-teaser"
}
MediaCard App\Twig\Components\MediaCard 12.0 MiB 0.88 ms
Input props 
[
  "cardData" => App\Entity\vo\MediaCardLight {#3555
    #id: 681
    #title: "Korkenzieher"
    #mediaType: "simulation"
    #thumbnailSizes: [
      "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/681-6545f4049a1bb885183171.webp"
      "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/681-6545f4049a1bb885183171.webp"
      "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/681-6545f4049a1bb885183171.webp"
    ]
    #thumbnailBackground: "#f6951d"
    #publishedAt: DateTimeImmutable @1431388800 {#3088
      date: 2015-05-12 00:00:00.0 UTC (+00:00)
    }
    #isExpert: false
    #slug: "korkenzieher"
  }
  "context" => "media-teaser"
  "class" => "w-1/2 hidden lg:block"
]
Attributes 
[
  "class" => "w-1/2 hidden lg:block"
]
Component 
App\Twig\Components\MediaCard {#4765
  -bgColors: [
    "bg-magenta"
    "bg-pink"
    "bg-bubble-gum"
    "bg-navy"
    "bg-turquoise"
    "bg-green"
    "bg-red"
    "bg-orange"
    "bg-gold"
    "bg-purple"
    "bg-prune"
  ]
  -redPixel: "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mN8K63/HwAFbAI4DLWlhgAAAABJRU5ErkJggg=="
  +cardData: App\Entity\vo\MediaCardLight {#3555
    #id: 681
    #title: "Korkenzieher"
    #mediaType: "simulation"
    #thumbnailSizes: [
      "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/681-6545f4049a1bb885183171.webp"
      "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/681-6545f4049a1bb885183171.webp"
      "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/681-6545f4049a1bb885183171.webp"
    ]
    #thumbnailBackground: "#f6951d"
    #publishedAt: DateTimeImmutable @1431388800 {#3088
      date: 2015-05-12 00:00:00.0 UTC (+00:00)
    }
    #isExpert: false
    #slug: "korkenzieher"
  }
  +thumbnailEagerLoading: false
  +preventTabbableLink: false
  +context: "media-teaser"
}
Footer 
[Anonymous]
 12.0 MiB 3.55 ms
Input props 
[]
Attributes 
[]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#4322
  -props: []
}