GET https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/de/media/915-entwurf-eines-zahnradgetriebes

Response
200 OK
IP
216.73.216.102
Profiled on
Token
edd0c8

Components

19 Twig Components
30 Render Count
372 ms Render Time
14.0 MiB Memory Usage

Components

Name Metadata Render Count Render Time
Button 
"App\Twig\Components\Button"
components/Button.html.twig 		9 13.57ms
MediaCard 
"App\Twig\Components\MediaCard"
components/MediaCard.html.twig 		3 19.03ms
Heading:Large 
[Anonymous]
components/Heading/Large.html.twig 		2 14.93ms
Store:User 
"App\Twig\Components\Store\User"
components/Store/User.html.twig 		1 15.84ms
Header 
[Anonymous]
components/Header/index.html.twig 		1 119.12ms
Layout:Stack 
[Anonymous]
components/Layout/Stack.html.twig 		1 58.72ms
Header:Anonymous 
[Anonymous]
components/Header/Anonymous.html.twig 		1 43.29ms
Header:Logo 
[Anonymous]
components/Header/Logo.html.twig 		1 0.86ms
Header:LocalePicker 
[Anonymous]
components/Header/LocalePicker.html.twig 		1 19.71ms
LoginLink 
[Anonymous]
components/LoginLink.html.twig 		1 17.96ms
Dialog:LocalePicker 
"App\Twig\Components\Dialog\LocalePicker"
components/Dialog/LocalePicker.html.twig 		1 56.88ms
Dialog 
[Anonymous]
components/Dialog/index.html.twig 		1 42.10ms
Banner:UserBanners 
"App\Twig\Components\Banner\UserBanners"
components/Banner/UserBanners.html.twig 		1 1.03ms
MediaField 
[Anonymous]
components/MediaField.html.twig 		1 0.71ms
Demo:Video 
[Anonymous]
components/Demo/Video.html.twig 		1 1.16ms
Showcase:RevealPill 
[Anonymous]
components/Showcase/RevealPill.html.twig 		1 17.71ms
Showcase:Reveal 
[Anonymous]
components/Showcase/Reveal.html.twig 		1 1.33ms
DemoForm 
[Anonymous]
components/DemoForm.html.twig 		1 163.86ms
Footer 
[Anonymous]
components/Footer/index.html.twig 		1 18.62ms

Render calls

Store:User App\Twig\Components\Store\User 14.0 MiB 15.84 ms
Input props 
[]
Attributes 
[]
Component 
App\Twig\Components\Store\User {#3688
  -securityService: App\Service\SecurityService {#115 …}
  -geoService: App\Service\GeoService {#170 …}
  -institutionUtilsService: App\Service\InstitutionUtilsService {#3689 …}
}
Header 
[Anonymous]
 14.0 MiB 119.12 ms
Input props 
[
  "notSticky" => false
]
Attributes 
[
  "notSticky" => false
]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#3719
  -props: [
    "notSticky" => false
  ]
}
Layout:Stack 
[Anonymous]
 14.0 MiB 58.72 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 {#3745
  -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]
 14.0 MiB 43.29 ms
Input props 
[
  "minimal" => false
]
Attributes 
[
  "minimal" => false
]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#3801
  -props: [
    "minimal" => false
  ]
}
Header:Logo 
[Anonymous]
 14.0 MiB 0.86 ms
Input props 
[]
Attributes 
[]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#3825
  -props: []
}
Header:LocalePicker 
[Anonymous]
 14.0 MiB 19.71 ms
Input props 
[
  "size" => "small"
  "hoverScheme" => "none"
  "darkColor" => "domain"
]
Attributes 
[
  "size" => "small"
  "hoverScheme" => "none"
  "darkColor" => "domain"
]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#3842
  -props: [
    "size" => "small"
    "hoverScheme" => "none"
    "darkColor" => "domain"
  ]
}
Button App\Twig\Components\Button 14.0 MiB 1.87 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 {#3867
  +size: "small"
  +darkColor: "domain"
  +lightColor: "white"
  +hoverScheme: "none"
  +hoverTextColor: null
  +disabled: false
  +noLabelOnSmallScreen: false
  +iconClass: null
  +beforeIconClass: null
  +afterIconClass: null
}
LoginLink 
[Anonymous]
 14.0 MiB 17.96 ms
Input props 
[
  "class" => "grow"
  "size" => "small"
]
Attributes 
[
  "class" => "grow"
  "size" => "small"
]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#3859
  -props: [
    "class" => "grow"
    "size" => "small"
  ]
}
Button App\Twig\Components\Button 14.0 MiB 1.61 ms
Input props 
[
  "data-compo" => "LoginLink"
  "href" => "/de/login?next=/de/media/915-entwurf-eines-zahnradgetriebes"
  "class" => "grow"
  "size" => "small"
]
Attributes 
[
  "data-compo" => "LoginLink"
  "href" => "/de/login?next=/de/media/915-entwurf-eines-zahnradgetriebes"
  "class" => "grow"
]
Component 
App\Twig\Components\Button {#3945
  +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 14.0 MiB 1.26 ms
Input props 
[
  "class" => "grow"
  "size" => "small"
  "darkColor" => "domain"
  "href" => "/de/subscribe/"
]
Attributes 
[
  "class" => "grow"
  "href" => "/de/subscribe/"
]
Component 
App\Twig\Components\Button {#3959
  +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 14.0 MiB 56.88 ms
Input props 
[]
Attributes 
[]
Component 
App\Twig\Components\Dialog\LocalePicker {#3783
  -localeSwitcherService: App\Service\LocaleSwitcherService {#1478 …}
}
Dialog 
[Anonymous]
 14.0 MiB 42.10 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 {#3996
  -props: [
    "data-compo" => "Dialog/LocalePicker"
    "id" => "language-picker-dialog"
  ]
}
Button App\Twig\Components\Button 14.0 MiB 1.46 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 {#4030
  +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 14.0 MiB 1.52 ms
Input props 
[
  "class" => "w-full mb-bento "
  "href" => "/en/media/915-gears-sketch"
  "hoverScheme" => "none"
  "hoverTextColor" => "domain"
  "beforeIcon" => null
  "beforeIconClass" => "text-domain"
  "data-locale-picker-target" => "en"
]
Attributes 
[
  "class" => "w-full mb-bento "
  "href" => "/en/media/915-gears-sketch"
  "beforeIcon" => null
  "data-locale-picker-target" => "en"
]
Component 
App\Twig\Components\Button {#4061
  +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 14.0 MiB 1.15 ms
Input props 
[
  "class" => "w-full mb-bento "
  "href" => "/fr/media/915-constructeur-d-engrenages"
  "hoverScheme" => "none"
  "hoverTextColor" => "domain"
  "beforeIcon" => null
  "beforeIconClass" => "text-domain"
  "data-locale-picker-target" => "fr"
]
Attributes 
[
  "class" => "w-full mb-bento "
  "href" => "/fr/media/915-constructeur-d-engrenages"
  "beforeIcon" => null
  "data-locale-picker-target" => "fr"
]
Component 
App\Twig\Components\Button {#4098
  +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 14.0 MiB 1.13 ms
Input props 
[
  "class" => "w-full mb-bento "
  "href" => "/es/media/915-bosquejo-de-engranajes"
  "hoverScheme" => "none"
  "hoverTextColor" => "domain"
  "beforeIcon" => null
  "beforeIconClass" => "text-domain"
  "data-locale-picker-target" => "es"
]
Attributes 
[
  "class" => "w-full mb-bento "
  "href" => "/es/media/915-bosquejo-de-engranajes"
  "beforeIcon" => null
  "data-locale-picker-target" => "es"
]
Component 
App\Twig\Components\Button {#4117
  +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 14.0 MiB 1.52 ms
Input props 
[
  "class" => "w-full mb-bento pointer-events-none"
  "href" => "/de/media/915-entwurf-eines-zahnradgetriebes"
  "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/915-entwurf-eines-zahnradgetriebes"
  "beforeIcon" => "done"
  "data-locale-picker-target" => "de"
]
Component 
App\Twig\Components\Button {#4137
  +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 14.0 MiB 1.03 ms
Input props 
[]
Attributes 
[]
Component 
App\Twig\Components\Banner\UserBanners {#3736
  -purchaseRepository: App\Repository\PurchaseRepository {#118 …}
  -securityService: App\Service\SecurityService {#115 …}
}
MediaField 
[Anonymous]
 14.0 MiB 0.71 ms
Input props 
[
  "title" => "Lernziele"
  "media" => [
    "id" => 915
    "title" => "Entwurf eines Zahnradgetriebes"
    "slug" => "entwurf-eines-zahnradgetriebes"
    "mediaType" => "simulation"
    "thumbnailSizes" => [
      "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/915-6545f4764497b585662630.webp"
      "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/915-6545f4764497b585662630.webp"
      "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/915-6545f4764497b585662630.webp"
    ]
    "thumbnailBackground" => "#f6951d"
    "publishedAt" => DateTimeImmutable @1566432000 {#1371
      date: 2019-08-22 00:00:00.0 UTC (+00:00)
    }
    "isExpert" => false
    "goals" => """
      <ul>\r\n
      \t<li>Ein Zahnradgetriebe erstellen und das Antriebsrad und das oder die angetriebenen R&auml;der identifizieren.&nbsp;</li>\r\n
      \t<li>Veranschaulichen, wie man eine Bewegung mit einer Kette &uuml;bertragen kann.</li>\r\n
      \t<li>Ein &Uuml;bersetzungsverh&auml;ltnis berechnen.</li>\r\n
      \t<li>Die Funktionsweise eines Fahrrads und der Gangschaltung erkl&auml;ren.&nbsp;</li>\r\n
      </ul>
      """
    "width" => 550
    "height" => 350
    "description" => """
      <p>Ein Zahnradgetriebe entsteht, wenn mindestens zwei Zahnr&auml;der miteinander verbunden werden.&nbsp;</p>\r\n
      \r\n
      <p>Nur ein Zahnrad ist antreibend (Triebzahnrad). Die anderen werden angetrieben (getriebene Zahnr&auml;der). Ist das getriebene Zahnrad kleiner als das Triebzahnrad, dreht es sich schneller und umgekehrt dreht sich ein gr&ouml;&szlig;eres getriebenes Zahnrad langsamer.&nbsp;</p>\r\n
      \r\n
      <p>Auf diesem Prinzip basieren die Mechanismen der Gangschaltung. Das Verh&auml;ltnis der Geschwindigkeiten hei&szlig;t auch das &quot;&Uuml;bersetzungsverh&auml;ltnis&quot;. Das System Zahnrad + &Uuml;bersetzung durch eine Fahrradkette veranschaulicht sehr sch&ouml;n die &Uuml;bersetzung einer Drehbewegung zwischen zwei R&auml;dern. Die Drehgeschwindigkeit des Hinterrades h&auml;ngt vom &Uuml;bersetzungsverh&auml;ltnis zwischen dem Kettenblatt (antreibendes Vorderrad) und dem Ritzel (angetriebenes Hinterrad) ab.</p>\r\n
      \r\n
      <p>Das &Uuml;bersetzungsverh&auml;ltnis eines Zahnradgetriebes herauszufinden l&auml;uft darauf hinaus, die Anzahl der Z&auml;hne, also der Speichen, zu vergleichen.&nbsp;</p>\r\n
      \r\n
      <p><strong>Zeichnen</strong> Sie einen Kreis auf dem Bildschirm, um ein Rad zu gestalten. Die Gr&ouml;&szlig;e der R&auml;der ist beschr&auml;nkt, um einfache Verh&auml;ltnisse zu veranschaulichen: 10, 15, 20, 30, 40, 60 Z&auml;hne.&nbsp;</p>\r\n
      \r\n
      <p>Das Antriebsrad ist grau unterlegt. Alle Antriebsr&auml;der drehen sich mit derselben Geschwindigkeit.&nbsp;</p>\r\n
      \r\n
      <p><strong>Kreisen</strong> Sie zwei R&auml;der <strong>ein</strong>, um eine Getriebekette zu kreieren.&nbsp;</p>\r\n
      \r\n
      <p><strong>Klicken</strong> Sie auf ein Rad, um es auszuw&auml;hlen oder die Auswahl aufzuheben.&nbsp;</p>\r\n
      \r\n
      <p><strong>Streichen</strong> Sie ein Element <strong>durch</strong>, um es zu l&ouml;schen.&nbsp;</p>\r\n
      \r\n
      <p>Credits: Frank Leenaars &amp; eduMedia.&nbsp;</p>
      """
    "suggestions" => [
      App\Entity\vo\MediaCardLight {#3447
        #id: 430
        #title: "Ungewöhnliche Getriebe"
        #mediaType: "simulation"
        #thumbnailSizes: [
          "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/430-6545f35defd7b291659271.webp"
          "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/430-6545f35defd7b291659271.webp"
          "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/430-6545f35defd7b291659271.webp"
        ]
        #thumbnailBackground: "#f487b9"
        #publishedAt: DateTimeImmutable @1431302400 {#2899
          date: 2015-05-11 00:00:00.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "ungewoehnliche-getriebe"
      }
      App\Entity\vo\MediaCardLight {#3449
        #id: 687
        #title: "Québec-Brücke (zweite Brücke)"
        #mediaType: "simulation"
        #thumbnailSizes: [
          "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/687-6545f408cb2a2266555232.webp"
          "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/687-6545f408cb2a2266555232.webp"
          "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/687-6545f408cb2a2266555232.webp"
        ]
        #thumbnailBackground: "#ee1b2e"
        #publishedAt: DateTimeImmutable @1478131200 {#2960
          date: 2016-11-03 00:00:00.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "quebec-bruecke-zweite-bruecke"
      }
      App\Entity\vo\MediaCardLight {#3450
        #id: 514
        #title: "Farbmonitor"
        #mediaType: "simulation"
        #thumbnailSizes: [
          "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/514-6545f392cc684254331363.webp"
          "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/514-6545f392cc684254331363.webp"
          "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/514-6545f392cc684254331363.webp"
        ]
        #thumbnailBackground: "#f6951d"
        #publishedAt: DateTimeImmutable @1431302400 {#2945
          date: 2015-05-11 00:00:00.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "farbmonitor"
      }
    ]
    "tags" => [
      "einfache maschine"
      "fahrrad"
      "kette"
      "rate"
      "zahnrad"
      "zahnradgetriebe"
      "übersetzung"
      "übersetzungsverhältnis"
    ]
    "baseNodeName" => "Technik"
  ]
  "key" => "goals"
]
Attributes 
[
  "title" => "Lernziele"
  "media" => [
    "id" => 915
    "title" => "Entwurf eines Zahnradgetriebes"
    "slug" => "entwurf-eines-zahnradgetriebes"
    "mediaType" => "simulation"
    "thumbnailSizes" => [
      "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/915-6545f4764497b585662630.webp"
      "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/915-6545f4764497b585662630.webp"
      "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/915-6545f4764497b585662630.webp"
    ]
    "thumbnailBackground" => "#f6951d"
    "publishedAt" => DateTimeImmutable @1566432000 {#1371
      date: 2019-08-22 00:00:00.0 UTC (+00:00)
    }
    "isExpert" => false
    "goals" => """
      <ul>\r\n
      \t<li>Ein Zahnradgetriebe erstellen und das Antriebsrad und das oder die angetriebenen R&auml;der identifizieren.&nbsp;</li>\r\n
      \t<li>Veranschaulichen, wie man eine Bewegung mit einer Kette &uuml;bertragen kann.</li>\r\n
      \t<li>Ein &Uuml;bersetzungsverh&auml;ltnis berechnen.</li>\r\n
      \t<li>Die Funktionsweise eines Fahrrads und der Gangschaltung erkl&auml;ren.&nbsp;</li>\r\n
      </ul>
      """
    "width" => 550
    "height" => 350
    "description" => """
      <p>Ein Zahnradgetriebe entsteht, wenn mindestens zwei Zahnr&auml;der miteinander verbunden werden.&nbsp;</p>\r\n
      \r\n
      <p>Nur ein Zahnrad ist antreibend (Triebzahnrad). Die anderen werden angetrieben (getriebene Zahnr&auml;der). Ist das getriebene Zahnrad kleiner als das Triebzahnrad, dreht es sich schneller und umgekehrt dreht sich ein gr&ouml;&szlig;eres getriebenes Zahnrad langsamer.&nbsp;</p>\r\n
      \r\n
      <p>Auf diesem Prinzip basieren die Mechanismen der Gangschaltung. Das Verh&auml;ltnis der Geschwindigkeiten hei&szlig;t auch das &quot;&Uuml;bersetzungsverh&auml;ltnis&quot;. Das System Zahnrad + &Uuml;bersetzung durch eine Fahrradkette veranschaulicht sehr sch&ouml;n die &Uuml;bersetzung einer Drehbewegung zwischen zwei R&auml;dern. Die Drehgeschwindigkeit des Hinterrades h&auml;ngt vom &Uuml;bersetzungsverh&auml;ltnis zwischen dem Kettenblatt (antreibendes Vorderrad) und dem Ritzel (angetriebenes Hinterrad) ab.</p>\r\n
      \r\n
      <p>Das &Uuml;bersetzungsverh&auml;ltnis eines Zahnradgetriebes herauszufinden l&auml;uft darauf hinaus, die Anzahl der Z&auml;hne, also der Speichen, zu vergleichen.&nbsp;</p>\r\n
      \r\n
      <p><strong>Zeichnen</strong> Sie einen Kreis auf dem Bildschirm, um ein Rad zu gestalten. Die Gr&ouml;&szlig;e der R&auml;der ist beschr&auml;nkt, um einfache Verh&auml;ltnisse zu veranschaulichen: 10, 15, 20, 30, 40, 60 Z&auml;hne.&nbsp;</p>\r\n
      \r\n
      <p>Das Antriebsrad ist grau unterlegt. Alle Antriebsr&auml;der drehen sich mit derselben Geschwindigkeit.&nbsp;</p>\r\n
      \r\n
      <p><strong>Kreisen</strong> Sie zwei R&auml;der <strong>ein</strong>, um eine Getriebekette zu kreieren.&nbsp;</p>\r\n
      \r\n
      <p><strong>Klicken</strong> Sie auf ein Rad, um es auszuw&auml;hlen oder die Auswahl aufzuheben.&nbsp;</p>\r\n
      \r\n
      <p><strong>Streichen</strong> Sie ein Element <strong>durch</strong>, um es zu l&ouml;schen.&nbsp;</p>\r\n
      \r\n
      <p>Credits: Frank Leenaars &amp; eduMedia.&nbsp;</p>
      """
    "suggestions" => [
      App\Entity\vo\MediaCardLight {#3447
        #id: 430
        #title: "Ungewöhnliche Getriebe"
        #mediaType: "simulation"
        #thumbnailSizes: [
          "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/430-6545f35defd7b291659271.webp"
          "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/430-6545f35defd7b291659271.webp"
          "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/430-6545f35defd7b291659271.webp"
        ]
        #thumbnailBackground: "#f487b9"
        #publishedAt: DateTimeImmutable @1431302400 {#2899
          date: 2015-05-11 00:00:00.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "ungewoehnliche-getriebe"
      }
      App\Entity\vo\MediaCardLight {#3449
        #id: 687
        #title: "Québec-Brücke (zweite Brücke)"
        #mediaType: "simulation"
        #thumbnailSizes: [
          "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/687-6545f408cb2a2266555232.webp"
          "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/687-6545f408cb2a2266555232.webp"
          "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/687-6545f408cb2a2266555232.webp"
        ]
        #thumbnailBackground: "#ee1b2e"
        #publishedAt: DateTimeImmutable @1478131200 {#2960
          date: 2016-11-03 00:00:00.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "quebec-bruecke-zweite-bruecke"
      }
      App\Entity\vo\MediaCardLight {#3450
        #id: 514
        #title: "Farbmonitor"
        #mediaType: "simulation"
        #thumbnailSizes: [
          "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/514-6545f392cc684254331363.webp"
          "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/514-6545f392cc684254331363.webp"
          "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/514-6545f392cc684254331363.webp"
        ]
        #thumbnailBackground: "#f6951d"
        #publishedAt: DateTimeImmutable @1431302400 {#2945
          date: 2015-05-11 00:00:00.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "farbmonitor"
      }
    ]
    "tags" => [
      "einfache maschine"
      "fahrrad"
      "kette"
      "rate"
      "zahnrad"
      "zahnradgetriebe"
      "übersetzung"
      "übersetzungsverhältnis"
    ]
    "baseNodeName" => "Technik"
  ]
  "key" => "goals"
]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#4169
  -props: [
    "title" => "Lernziele"
    "media" => [
      "id" => 915
      "title" => "Entwurf eines Zahnradgetriebes"
      "slug" => "entwurf-eines-zahnradgetriebes"
      "mediaType" => "simulation"
      "thumbnailSizes" => [
        "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/915-6545f4764497b585662630.webp"
        "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/915-6545f4764497b585662630.webp"
        "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/915-6545f4764497b585662630.webp"
      ]
      "thumbnailBackground" => "#f6951d"
      "publishedAt" => DateTimeImmutable @1566432000 {#1371
        date: 2019-08-22 00:00:00.0 UTC (+00:00)
      }
      "isExpert" => false
      "goals" => """
        <ul>\r\n
        \t<li>Ein Zahnradgetriebe erstellen und das Antriebsrad und das oder die angetriebenen R&auml;der identifizieren.&nbsp;</li>\r\n
        \t<li>Veranschaulichen, wie man eine Bewegung mit einer Kette &uuml;bertragen kann.</li>\r\n
        \t<li>Ein &Uuml;bersetzungsverh&auml;ltnis berechnen.</li>\r\n
        \t<li>Die Funktionsweise eines Fahrrads und der Gangschaltung erkl&auml;ren.&nbsp;</li>\r\n
        </ul>
        """
      "width" => 550
      "height" => 350
      "description" => """
        <p>Ein Zahnradgetriebe entsteht, wenn mindestens zwei Zahnr&auml;der miteinander verbunden werden.&nbsp;</p>\r\n
        \r\n
        <p>Nur ein Zahnrad ist antreibend (Triebzahnrad). Die anderen werden angetrieben (getriebene Zahnr&auml;der). Ist das getriebene Zahnrad kleiner als das Triebzahnrad, dreht es sich schneller und umgekehrt dreht sich ein gr&ouml;&szlig;eres getriebenes Zahnrad langsamer.&nbsp;</p>\r\n
        \r\n
        <p>Auf diesem Prinzip basieren die Mechanismen der Gangschaltung. Das Verh&auml;ltnis der Geschwindigkeiten hei&szlig;t auch das &quot;&Uuml;bersetzungsverh&auml;ltnis&quot;. Das System Zahnrad + &Uuml;bersetzung durch eine Fahrradkette veranschaulicht sehr sch&ouml;n die &Uuml;bersetzung einer Drehbewegung zwischen zwei R&auml;dern. Die Drehgeschwindigkeit des Hinterrades h&auml;ngt vom &Uuml;bersetzungsverh&auml;ltnis zwischen dem Kettenblatt (antreibendes Vorderrad) und dem Ritzel (angetriebenes Hinterrad) ab.</p>\r\n
        \r\n
        <p>Das &Uuml;bersetzungsverh&auml;ltnis eines Zahnradgetriebes herauszufinden l&auml;uft darauf hinaus, die Anzahl der Z&auml;hne, also der Speichen, zu vergleichen.&nbsp;</p>\r\n
        \r\n
        <p><strong>Zeichnen</strong> Sie einen Kreis auf dem Bildschirm, um ein Rad zu gestalten. Die Gr&ouml;&szlig;e der R&auml;der ist beschr&auml;nkt, um einfache Verh&auml;ltnisse zu veranschaulichen: 10, 15, 20, 30, 40, 60 Z&auml;hne.&nbsp;</p>\r\n
        \r\n
        <p>Das Antriebsrad ist grau unterlegt. Alle Antriebsr&auml;der drehen sich mit derselben Geschwindigkeit.&nbsp;</p>\r\n
        \r\n
        <p><strong>Kreisen</strong> Sie zwei R&auml;der <strong>ein</strong>, um eine Getriebekette zu kreieren.&nbsp;</p>\r\n
        \r\n
        <p><strong>Klicken</strong> Sie auf ein Rad, um es auszuw&auml;hlen oder die Auswahl aufzuheben.&nbsp;</p>\r\n
        \r\n
        <p><strong>Streichen</strong> Sie ein Element <strong>durch</strong>, um es zu l&ouml;schen.&nbsp;</p>\r\n
        \r\n
        <p>Credits: Frank Leenaars &amp; eduMedia.&nbsp;</p>
        """
      "suggestions" => [
        App\Entity\vo\MediaCardLight {#3447
          #id: 430
          #title: "Ungewöhnliche Getriebe"
          #mediaType: "simulation"
          #thumbnailSizes: [
            "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/430-6545f35defd7b291659271.webp"
            "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/430-6545f35defd7b291659271.webp"
            "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/430-6545f35defd7b291659271.webp"
          ]
          #thumbnailBackground: "#f487b9"
          #publishedAt: DateTimeImmutable @1431302400 {#2899
            date: 2015-05-11 00:00:00.0 UTC (+00:00)
          }
          #isExpert: false
          #slug: "ungewoehnliche-getriebe"
        }
        App\Entity\vo\MediaCardLight {#3449
          #id: 687
          #title: "Québec-Brücke (zweite Brücke)"
          #mediaType: "simulation"
          #thumbnailSizes: [
            "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/687-6545f408cb2a2266555232.webp"
            "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/687-6545f408cb2a2266555232.webp"
            "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/687-6545f408cb2a2266555232.webp"
          ]
          #thumbnailBackground: "#ee1b2e"
          #publishedAt: DateTimeImmutable @1478131200 {#2960
            date: 2016-11-03 00:00:00.0 UTC (+00:00)
          }
          #isExpert: false
          #slug: "quebec-bruecke-zweite-bruecke"
        }
        App\Entity\vo\MediaCardLight {#3450
          #id: 514
          #title: "Farbmonitor"
          #mediaType: "simulation"
          #thumbnailSizes: [
            "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/514-6545f392cc684254331363.webp"
            "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/514-6545f392cc684254331363.webp"
            "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/514-6545f392cc684254331363.webp"
          ]
          #thumbnailBackground: "#f6951d"
          #publishedAt: DateTimeImmutable @1431302400 {#2945
            date: 2015-05-11 00:00:00.0 UTC (+00:00)
          }
          #isExpert: false
          #slug: "farbmonitor"
        }
      ]
      "tags" => [
        "einfache maschine"
        "fahrrad"
        "kette"
        "rate"
        "zahnrad"
        "zahnradgetriebe"
        "übersetzung"
        "übersetzungsverhältnis"
      ]
      "baseNodeName" => "Technik"
    ]
    "key" => "goals"
  ]
}
Demo:Video 
[Anonymous]
 14.0 MiB 1.16 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 {#4191
  -props: [
    "width" => "600"
    "height" => "596"
    "class" => "max-w-none absolute"
  ]
}
Heading:Large 
[Anonymous]
 14.0 MiB 1.37 ms
Input props 
[
  "tag" => "h2"
]
Attributes 
[
  "tag" => "h2"
]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#4207
  -props: [
    "tag" => "h2"
  ]
}
Showcase:RevealPill 
[Anonymous]
 14.0 MiB 17.71 ms
Input props 
[
  "icon" => "source"
]
Attributes 
[
  "icon" => "source"
]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#4231
  -props: [
    "icon" => "source"
  ]
}
Showcase:Reveal 
[Anonymous]
 14.0 MiB 1.33 ms
Input props 
[
  "class" => "-mt-1"
  "text" => Twig\Markup {#4267
    -content: "Mehr als 1000 Ressourcen"
    -charset: "UTF-8"
  }
]
Attributes 
[
  "class" => "-mt-1"
  "text" => "Mehr als 1000 Ressourcen"
]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#4269
  -props: [
    "class" => "-mt-1"
    "text" => Twig\Markup {#4267
      -content: "Mehr als 1000 Ressourcen"
      -charset: "UTF-8"
    }
  ]
}
DemoForm 
[Anonymous]
 14.0 MiB 163.86 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 {#4253
  -props: [
    "isDemoPage" => false
    "class" => "max-w-prose mx-auto"
  ]
}
Button App\Twig\Components\Button 14.0 MiB 2.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 {#4513
  +size: null
  +darkColor: "domain"
  +lightColor: "white"
  +hoverScheme: "default"
  +hoverTextColor: null
  +disabled: false
  +noLabelOnSmallScreen: false
  +iconClass: null
  +beforeIconClass: null
  +afterIconClass: null
}
Heading:Large 
[Anonymous]
 14.0 MiB 13.56 ms
Input props 
[
  "class" => "text-white"
  "tag" => "h1"
]
Attributes 
[
  "class" => "text-white"
  "tag" => "h1"
]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#4298
  -props: [
    "class" => "text-white"
    "tag" => "h1"
  ]
}
MediaCard App\Twig\Components\MediaCard 14.0 MiB 1.85 ms
Input props 
[
  "cardData" => App\Entity\vo\MediaCardLight {#3447
    #id: 430
    #title: "Ungewöhnliche Getriebe"
    #mediaType: "simulation"
    #thumbnailSizes: [
      "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/430-6545f35defd7b291659271.webp"
      "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/430-6545f35defd7b291659271.webp"
      "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/430-6545f35defd7b291659271.webp"
    ]
    #thumbnailBackground: "#f487b9"
    #publishedAt: DateTimeImmutable @1431302400 {#2899
      date: 2015-05-11 00:00:00.0 UTC (+00:00)
    }
    #isExpert: false
    #slug: "ungewoehnliche-getriebe"
  }
  "context" => "media-teaser"
  "class" => "w-1/2 "
]
Attributes 
[
  "class" => "w-1/2 "
]
Component 
App\Twig\Components\MediaCard {#4380
  -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 {#3447
    #id: 430
    #title: "Ungewöhnliche Getriebe"
    #mediaType: "simulation"
    #thumbnailSizes: [
      "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/430-6545f35defd7b291659271.webp"
      "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/430-6545f35defd7b291659271.webp"
      "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/430-6545f35defd7b291659271.webp"
    ]
    #thumbnailBackground: "#f487b9"
    #publishedAt: DateTimeImmutable @1431302400 {#2899
      date: 2015-05-11 00:00:00.0 UTC (+00:00)
    }
    #isExpert: false
    #slug: "ungewoehnliche-getriebe"
  }
  +thumbnailEagerLoading: false
  +preventTabbableLink: false
  +context: "media-teaser"
}
MediaCard App\Twig\Components\MediaCard 14.0 MiB 15.81 ms
Input props 
[
  "cardData" => App\Entity\vo\MediaCardLight {#3449
    #id: 687
    #title: "Québec-Brücke (zweite Brücke)"
    #mediaType: "simulation"
    #thumbnailSizes: [
      "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/687-6545f408cb2a2266555232.webp"
      "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/687-6545f408cb2a2266555232.webp"
      "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/687-6545f408cb2a2266555232.webp"
    ]
    #thumbnailBackground: "#ee1b2e"
    #publishedAt: DateTimeImmutable @1478131200 {#2960
      date: 2016-11-03 00:00:00.0 UTC (+00:00)
    }
    #isExpert: false
    #slug: "quebec-bruecke-zweite-bruecke"
  }
  "context" => "media-teaser"
  "class" => "w-1/2 hidden md:block"
]
Attributes 
[
  "class" => "w-1/2 hidden md:block"
]
Component 
App\Twig\Components\MediaCard {#4593
  -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 {#3449
    #id: 687
    #title: "Québec-Brücke (zweite Brücke)"
    #mediaType: "simulation"
    #thumbnailSizes: [
      "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/687-6545f408cb2a2266555232.webp"
      "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/687-6545f408cb2a2266555232.webp"
      "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/687-6545f408cb2a2266555232.webp"
    ]
    #thumbnailBackground: "#ee1b2e"
    #publishedAt: DateTimeImmutable @1478131200 {#2960
      date: 2016-11-03 00:00:00.0 UTC (+00:00)
    }
    #isExpert: false
    #slug: "quebec-bruecke-zweite-bruecke"
  }
  +thumbnailEagerLoading: false
  +preventTabbableLink: false
  +context: "media-teaser"
}
MediaCard App\Twig\Components\MediaCard 14.0 MiB 1.38 ms
Input props 
[
  "cardData" => App\Entity\vo\MediaCardLight {#3450
    #id: 514
    #title: "Farbmonitor"
    #mediaType: "simulation"
    #thumbnailSizes: [
      "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/514-6545f392cc684254331363.webp"
      "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/514-6545f392cc684254331363.webp"
      "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/514-6545f392cc684254331363.webp"
    ]
    #thumbnailBackground: "#f6951d"
    #publishedAt: DateTimeImmutable @1431302400 {#2945
      date: 2015-05-11 00:00:00.0 UTC (+00:00)
    }
    #isExpert: false
    #slug: "farbmonitor"
  }
  "context" => "media-teaser"
  "class" => "w-1/2 hidden lg:block"
]
Attributes 
[
  "class" => "w-1/2 hidden lg:block"
]
Component 
App\Twig\Components\MediaCard {#4621
  -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 {#3450
    #id: 514
    #title: "Farbmonitor"
    #mediaType: "simulation"
    #thumbnailSizes: [
      "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/514-6545f392cc684254331363.webp"
      "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/514-6545f392cc684254331363.webp"
      "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/514-6545f392cc684254331363.webp"
    ]
    #thumbnailBackground: "#f6951d"
    #publishedAt: DateTimeImmutable @1431302400 {#2945
      date: 2015-05-11 00:00:00.0 UTC (+00:00)
    }
    #isExpert: false
    #slug: "farbmonitor"
  }
  +thumbnailEagerLoading: false
  +preventTabbableLink: false
  +context: "media-teaser"
}
Footer 
[Anonymous]
 14.0 MiB 18.62 ms
Input props 
[]
Attributes 
[]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#4216
  -props: []
}