GET https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/de/media/642-dampfmaschine

Response
200 OK
IP
216.73.216.102
Profiled on
Token
c3b6c8

Components

19 Twig Components
31 Render Count
185 ms Render Time
10.0 MiB Memory Usage

Components

Name Metadata Render Count Render Time
Button 
"App\Twig\Components\Button"
components/Button.html.twig 		9 20.97ms
MediaCard 
"App\Twig\Components\MediaCard"
components/MediaCard.html.twig 		4 16.82ms
Heading:Large 
[Anonymous]
components/Heading/Large.html.twig 		2 1.91ms
Store:User 
"App\Twig\Components\Store\User"
components/Store/User.html.twig 		1 1.41ms
Header 
[Anonymous]
components/Header/index.html.twig 		1 43.61ms
Layout:Stack 
[Anonymous]
components/Layout/Stack.html.twig 		1 21.44ms
Header:Anonymous 
[Anonymous]
components/Header/Anonymous.html.twig 		1 20.28ms
Header:Logo 
[Anonymous]
components/Header/Logo.html.twig 		1 0.50ms
Header:LocalePicker 
[Anonymous]
components/Header/LocalePicker.html.twig 		1 13.96ms
LoginLink 
[Anonymous]
components/LoginLink.html.twig 		1 2.56ms
Dialog:LocalePicker 
"App\Twig\Components\Dialog\LocalePicker"
components/Dialog/LocalePicker.html.twig 		1 19.98ms
Dialog 
[Anonymous]
components/Dialog/index.html.twig 		1 18.94ms
Banner:UserBanners 
"App\Twig\Components\Banner\UserBanners"
components/Banner/UserBanners.html.twig 		1 0.62ms
MediaField 
[Anonymous]
components/MediaField.html.twig 		1 0.82ms
Demo:Video 
[Anonymous]
components/Demo/Video.html.twig 		1 0.57ms
Showcase:RevealPill 
[Anonymous]
components/Showcase/RevealPill.html.twig 		1 2.42ms
Showcase:Reveal 
[Anonymous]
components/Showcase/Reveal.html.twig 		1 0.79ms
DemoForm 
[Anonymous]
components/DemoForm.html.twig 		1 97.93ms
Footer 
[Anonymous]
components/Footer/index.html.twig 		1 18.95ms

Render calls

Store:User App\Twig\Components\Store\User 8.0 MiB 1.41 ms
Input props 
[]
Attributes 
[]
Component 
App\Twig\Components\Store\User {#3964
  -securityService: App\Service\SecurityService {#115 …}
  -geoService: App\Service\GeoService {#170 …}
  -institutionUtilsService: App\Service\InstitutionUtilsService {#3965 …}
}
Header 
[Anonymous]
 8.0 MiB 43.61 ms
Input props 
[
  "notSticky" => false
]
Attributes 
[
  "notSticky" => false
]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#3995
  -props: [
    "notSticky" => false
  ]
}
Layout:Stack 
[Anonymous]
 8.0 MiB 21.44 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 {#4021
  -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]
 8.0 MiB 20.28 ms
Input props 
[
  "minimal" => false
]
Attributes 
[
  "minimal" => false
]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#4077
  -props: [
    "minimal" => false
  ]
}
Header:Logo 
[Anonymous]
 8.0 MiB 0.50 ms
Input props 
[]
Attributes 
[]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#4101
  -props: []
}
Header:LocalePicker 
[Anonymous]
 8.0 MiB 13.96 ms
Input props 
[
  "size" => "small"
  "hoverScheme" => "none"
  "darkColor" => "domain"
]
Attributes 
[
  "size" => "small"
  "hoverScheme" => "none"
  "darkColor" => "domain"
]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#4118
  -props: [
    "size" => "small"
    "hoverScheme" => "none"
    "darkColor" => "domain"
  ]
}
Button App\Twig\Components\Button 8.0 MiB 11.96 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 {#4143
  +size: "small"
  +darkColor: "domain"
  +lightColor: "white"
  +hoverScheme: "none"
  +hoverTextColor: null
  +disabled: false
  +noLabelOnSmallScreen: false
  +iconClass: null
  +beforeIconClass: null
  +afterIconClass: null
}
LoginLink 
[Anonymous]
 8.0 MiB 2.56 ms
Input props 
[
  "class" => "grow"
  "size" => "small"
]
Attributes 
[
  "class" => "grow"
  "size" => "small"
]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#4135
  -props: [
    "class" => "grow"
    "size" => "small"
  ]
}
Button App\Twig\Components\Button 8.0 MiB 1.11 ms
Input props 
[
  "data-compo" => "LoginLink"
  "href" => "/de/login?next=/de/media/642-dampfmaschine"
  "class" => "grow"
  "size" => "small"
]
Attributes 
[
  "data-compo" => "LoginLink"
  "href" => "/de/login?next=/de/media/642-dampfmaschine"
  "class" => "grow"
]
Component 
App\Twig\Components\Button {#4221
  +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 8.0 MiB 1.03 ms
Input props 
[
  "class" => "grow"
  "size" => "small"
  "darkColor" => "domain"
  "href" => "/de/subscribe/"
]
Attributes 
[
  "class" => "grow"
  "href" => "/de/subscribe/"
]
Component 
App\Twig\Components\Button {#4235
  +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 8.0 MiB 19.98 ms
Input props 
[]
Attributes 
[]
Component 
App\Twig\Components\Dialog\LocalePicker {#4059
  -localeSwitcherService: App\Service\LocaleSwitcherService {#1494 …}
}
Dialog 
[Anonymous]
 8.0 MiB 18.94 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 {#4272
  -props: [
    "data-compo" => "Dialog/LocalePicker"
    "id" => "language-picker-dialog"
  ]
}
Button App\Twig\Components\Button 8.0 MiB 0.82 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 {#4306
  +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 8.0 MiB 1.26 ms
Input props 
[
  "class" => "w-full mb-bento "
  "href" => "/en/media/642-steam-engine"
  "hoverScheme" => "none"
  "hoverTextColor" => "domain"
  "beforeIcon" => null
  "beforeIconClass" => "text-domain"
  "data-locale-picker-target" => "en"
]
Attributes 
[
  "class" => "w-full mb-bento "
  "href" => "/en/media/642-steam-engine"
  "beforeIcon" => null
  "data-locale-picker-target" => "en"
]
Component 
App\Twig\Components\Button {#4337
  +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 8.0 MiB 0.91 ms
Input props 
[
  "class" => "w-full mb-bento "
  "href" => "/fr/media/642-machine-a-vapeur"
  "hoverScheme" => "none"
  "hoverTextColor" => "domain"
  "beforeIcon" => null
  "beforeIconClass" => "text-domain"
  "data-locale-picker-target" => "fr"
]
Attributes 
[
  "class" => "w-full mb-bento "
  "href" => "/fr/media/642-machine-a-vapeur"
  "beforeIcon" => null
  "data-locale-picker-target" => "fr"
]
Component 
App\Twig\Components\Button {#4374
  +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 8.0 MiB 0.94 ms
Input props 
[
  "class" => "w-full mb-bento "
  "href" => "/es/media/642-maquina-de-vapor"
  "hoverScheme" => "none"
  "hoverTextColor" => "domain"
  "beforeIcon" => null
  "beforeIconClass" => "text-domain"
  "data-locale-picker-target" => "es"
]
Attributes 
[
  "class" => "w-full mb-bento "
  "href" => "/es/media/642-maquina-de-vapor"
  "beforeIcon" => null
  "data-locale-picker-target" => "es"
]
Component 
App\Twig\Components\Button {#4393
  +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 8.0 MiB 0.94 ms
Input props 
[
  "class" => "w-full mb-bento pointer-events-none"
  "href" => "/de/media/642-dampfmaschine"
  "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/642-dampfmaschine"
  "beforeIcon" => "done"
  "data-locale-picker-target" => "de"
]
Component 
App\Twig\Components\Button {#4413
  +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 8.0 MiB 0.62 ms
Input props 
[]
Attributes 
[]
Component 
App\Twig\Components\Banner\UserBanners {#4012
  -purchaseRepository: App\Repository\PurchaseRepository {#118 …}
  -securityService: App\Service\SecurityService {#115 …}
}
MediaField 
[Anonymous]
 8.0 MiB 0.82 ms
Input props 
[
  "title" => "Lernziele"
  "media" => [
    "id" => 642
    "title" => "Dampfmaschine"
    "slug" => "dampfmaschine"
    "mediaType" => "simulation"
    "thumbnailSizes" => [
      "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/642-6545f3ea1df68593684234.webp"
      "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/642-6545f3ea1df68593684234.webp"
      "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/642-6545f3ea1df68593684234.webp"
    ]
    "thumbnailBackground" => "#462f92"
    "publishedAt" => DateTimeImmutable @1431388800 {#1390
      date: 2015-05-12 00:00:00.0 UTC (+00:00)
    }
    "isExpert" => false
    "goals" => """
      <ul>\r\n
      \t<li>Verst&auml;ndnis des Funktionsprinzips einer Dampfmaschine.</li>\r\n
      \t<li>Das Simulieren der Umwandlung von thermischer Energie (W&auml;rme) in mechanische Energie (Arbeit).</li>\r\n
      \t<li>Identifizierung der Funktionen jedes Bestandteils der Watt&#39;schen Maschine.</li>\r\n
      \t<li>Das Er&ouml;rtern der Auswirkungen dieser Erfindung auf seine Epoche: die industrielle Revolution.</li>\r\n
      </ul>
      """
    "width" => 550
    "height" => 440
    "description" => """
      <p>Wie der Name schon sagt, nutzt die Dampfmaschine die Antriebskraft des Wasserdampfes, der in einen hohen Druckzustand gef&uuml;hrt wird. Es handelt sich um eine Technologie, die thermische Energie (W&auml;rme) in mechanische Energie (Arbeit) umwandelt.</p>\r\n
      \r\n
      <p>Der Heizkessel erhitzt das Wasser um es in Dampf umzuwandeln. Der daraus resultierende Druck wird daraufhin genutzt einen Kolben in einen Zylinder zu schieben. Der Kolben ist an einer Kurbelstange befestigt, die es erlaubt die Linearbewegung in eine Rotationsbewegung umzuwandeln.</p>\r\n
      \r\n
      <p>Die unten abgebildete Animation stellt die Dampmaschine des Schotten James Watt dar. Sie beinhaltet zahlreiche Verbesserungen im Vergleich zu den Maschinen seiner Vorg&auml;nger ((Somerset, Papin, Savery, Newcomen). Im Jahr 1782 erfindet er das Prinzip der Doppelwirkung (oder Zweitaktverfahren) mit der ein gleitender Schieber den Druck so verteilt, dass der Kolben vor- und zur&uuml;ckgeschoben wird.</p>\r\n
      \r\n
      <p>Eine weitere Erfindung von James Watt ist der Fliehkraftregler (1788). Er erlaubt es eine quasi konstante Geschwindigkeit trotz der Schwankungen des zur Verf&uuml;gung stehenden Drucks aufrechtzuerhalten.</p>\r\n
      \r\n
      <p>&nbsp;</p>\r\n
      \r\n
      <p><strong>Klicke</strong> und <strong>ziehe</strong> den Schieber um die Temperatur zu erh&ouml;hen oder zu verringern.</p>
      """
    "suggestions" => [
      App\Entity\vo\MediaCardLight {#3721
        #id: 524
        #title: "Kinetischer Druck"
        #mediaType: "simulation"
        #thumbnailSizes: [
          "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/524-6545f398ad4a8624833350.webp"
          "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/524-6545f398ad4a8624833350.webp"
          "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/524-6545f398ad4a8624833350.webp"
        ]
        #thumbnailBackground: "#00b7ad"
        #publishedAt: DateTimeImmutable @1431302400 {#3262
          date: 2015-05-11 00:00:00.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "kinetischer-druck"
      }
      App\Entity\vo\MediaCardLight {#3723
        #id: 180
        #title: "PV=nRT"
        #mediaType: "simulation"
        #thumbnailSizes: [
          "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/180-6545f2cf382f3208217684.webp"
          "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/180-6545f2cf382f3208217684.webp"
          "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/180-6545f2cf382f3208217684.webp"
        ]
        #thumbnailBackground: "#f25821"
        #publishedAt: DateTimeImmutable @1431302400 {#3190
          date: 2015-05-11 00:00:00.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "pv-nrt"
      }
      App\Entity\vo\MediaCardLight {#3724
        #id: 88
        #title: "Übertragung mechanischer Energie"
        #mediaType: "simulation"
        #thumbnailSizes: [
          "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/88-6545f464ab3a3949793552.webp"
          "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/88-6545f464ab3a3949793552.webp"
          "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/88-6545f464ab3a3949793552.webp"
        ]
        #thumbnailBackground: "#ee1b2e"
        #publishedAt: DateTimeImmutable @1491436800 {#3124
          date: 2017-04-06 00:00:00.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "uebertragung-mechanischer-energie"
      }
      App\Entity\vo\MediaCardLight {#3725
        #id: 233
        #title: "Druck"
        #mediaType: "simulation"
        #thumbnailSizes: [
          "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/233-6545f2ecb23d2401532313.webp"
          "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/233-6545f2ecb23d2401532313.webp"
          "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/233-6545f2ecb23d2401532313.webp"
        ]
        #thumbnailBackground: "#f6adcc"
        #publishedAt: DateTimeImmutable @1431302400 {#3238
          date: 2015-05-11 00:00:00.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "druck"
      }
    ]
    "tags" => [
      "eisenbahn"
      "energie"
      "industrielle revolution"
      "kolben"
      "leistung"
      "maschine"
      "wasserdampf"
      "watt"
    ]
    "baseNodeName" => "Physik"
  ]
  "key" => "goals"
]
Attributes 
[
  "title" => "Lernziele"
  "media" => [
    "id" => 642
    "title" => "Dampfmaschine"
    "slug" => "dampfmaschine"
    "mediaType" => "simulation"
    "thumbnailSizes" => [
      "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/642-6545f3ea1df68593684234.webp"
      "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/642-6545f3ea1df68593684234.webp"
      "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/642-6545f3ea1df68593684234.webp"
    ]
    "thumbnailBackground" => "#462f92"
    "publishedAt" => DateTimeImmutable @1431388800 {#1390
      date: 2015-05-12 00:00:00.0 UTC (+00:00)
    }
    "isExpert" => false
    "goals" => """
      <ul>\r\n
      \t<li>Verst&auml;ndnis des Funktionsprinzips einer Dampfmaschine.</li>\r\n
      \t<li>Das Simulieren der Umwandlung von thermischer Energie (W&auml;rme) in mechanische Energie (Arbeit).</li>\r\n
      \t<li>Identifizierung der Funktionen jedes Bestandteils der Watt&#39;schen Maschine.</li>\r\n
      \t<li>Das Er&ouml;rtern der Auswirkungen dieser Erfindung auf seine Epoche: die industrielle Revolution.</li>\r\n
      </ul>
      """
    "width" => 550
    "height" => 440
    "description" => """
      <p>Wie der Name schon sagt, nutzt die Dampfmaschine die Antriebskraft des Wasserdampfes, der in einen hohen Druckzustand gef&uuml;hrt wird. Es handelt sich um eine Technologie, die thermische Energie (W&auml;rme) in mechanische Energie (Arbeit) umwandelt.</p>\r\n
      \r\n
      <p>Der Heizkessel erhitzt das Wasser um es in Dampf umzuwandeln. Der daraus resultierende Druck wird daraufhin genutzt einen Kolben in einen Zylinder zu schieben. Der Kolben ist an einer Kurbelstange befestigt, die es erlaubt die Linearbewegung in eine Rotationsbewegung umzuwandeln.</p>\r\n
      \r\n
      <p>Die unten abgebildete Animation stellt die Dampmaschine des Schotten James Watt dar. Sie beinhaltet zahlreiche Verbesserungen im Vergleich zu den Maschinen seiner Vorg&auml;nger ((Somerset, Papin, Savery, Newcomen). Im Jahr 1782 erfindet er das Prinzip der Doppelwirkung (oder Zweitaktverfahren) mit der ein gleitender Schieber den Druck so verteilt, dass der Kolben vor- und zur&uuml;ckgeschoben wird.</p>\r\n
      \r\n
      <p>Eine weitere Erfindung von James Watt ist der Fliehkraftregler (1788). Er erlaubt es eine quasi konstante Geschwindigkeit trotz der Schwankungen des zur Verf&uuml;gung stehenden Drucks aufrechtzuerhalten.</p>\r\n
      \r\n
      <p>&nbsp;</p>\r\n
      \r\n
      <p><strong>Klicke</strong> und <strong>ziehe</strong> den Schieber um die Temperatur zu erh&ouml;hen oder zu verringern.</p>
      """
    "suggestions" => [
      App\Entity\vo\MediaCardLight {#3721
        #id: 524
        #title: "Kinetischer Druck"
        #mediaType: "simulation"
        #thumbnailSizes: [
          "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/524-6545f398ad4a8624833350.webp"
          "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/524-6545f398ad4a8624833350.webp"
          "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/524-6545f398ad4a8624833350.webp"
        ]
        #thumbnailBackground: "#00b7ad"
        #publishedAt: DateTimeImmutable @1431302400 {#3262
          date: 2015-05-11 00:00:00.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "kinetischer-druck"
      }
      App\Entity\vo\MediaCardLight {#3723
        #id: 180
        #title: "PV=nRT"
        #mediaType: "simulation"
        #thumbnailSizes: [
          "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/180-6545f2cf382f3208217684.webp"
          "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/180-6545f2cf382f3208217684.webp"
          "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/180-6545f2cf382f3208217684.webp"
        ]
        #thumbnailBackground: "#f25821"
        #publishedAt: DateTimeImmutable @1431302400 {#3190
          date: 2015-05-11 00:00:00.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "pv-nrt"
      }
      App\Entity\vo\MediaCardLight {#3724
        #id: 88
        #title: "Übertragung mechanischer Energie"
        #mediaType: "simulation"
        #thumbnailSizes: [
          "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/88-6545f464ab3a3949793552.webp"
          "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/88-6545f464ab3a3949793552.webp"
          "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/88-6545f464ab3a3949793552.webp"
        ]
        #thumbnailBackground: "#ee1b2e"
        #publishedAt: DateTimeImmutable @1491436800 {#3124
          date: 2017-04-06 00:00:00.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "uebertragung-mechanischer-energie"
      }
      App\Entity\vo\MediaCardLight {#3725
        #id: 233
        #title: "Druck"
        #mediaType: "simulation"
        #thumbnailSizes: [
          "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/233-6545f2ecb23d2401532313.webp"
          "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/233-6545f2ecb23d2401532313.webp"
          "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/233-6545f2ecb23d2401532313.webp"
        ]
        #thumbnailBackground: "#f6adcc"
        #publishedAt: DateTimeImmutable @1431302400 {#3238
          date: 2015-05-11 00:00:00.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "druck"
      }
    ]
    "tags" => [
      "eisenbahn"
      "energie"
      "industrielle revolution"
      "kolben"
      "leistung"
      "maschine"
      "wasserdampf"
      "watt"
    ]
    "baseNodeName" => "Physik"
  ]
  "key" => "goals"
]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#4445
  -props: [
    "title" => "Lernziele"
    "media" => [
      "id" => 642
      "title" => "Dampfmaschine"
      "slug" => "dampfmaschine"
      "mediaType" => "simulation"
      "thumbnailSizes" => [
        "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/642-6545f3ea1df68593684234.webp"
        "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/642-6545f3ea1df68593684234.webp"
        "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/642-6545f3ea1df68593684234.webp"
      ]
      "thumbnailBackground" => "#462f92"
      "publishedAt" => DateTimeImmutable @1431388800 {#1390
        date: 2015-05-12 00:00:00.0 UTC (+00:00)
      }
      "isExpert" => false
      "goals" => """
        <ul>\r\n
        \t<li>Verst&auml;ndnis des Funktionsprinzips einer Dampfmaschine.</li>\r\n
        \t<li>Das Simulieren der Umwandlung von thermischer Energie (W&auml;rme) in mechanische Energie (Arbeit).</li>\r\n
        \t<li>Identifizierung der Funktionen jedes Bestandteils der Watt&#39;schen Maschine.</li>\r\n
        \t<li>Das Er&ouml;rtern der Auswirkungen dieser Erfindung auf seine Epoche: die industrielle Revolution.</li>\r\n
        </ul>
        """
      "width" => 550
      "height" => 440
      "description" => """
        <p>Wie der Name schon sagt, nutzt die Dampfmaschine die Antriebskraft des Wasserdampfes, der in einen hohen Druckzustand gef&uuml;hrt wird. Es handelt sich um eine Technologie, die thermische Energie (W&auml;rme) in mechanische Energie (Arbeit) umwandelt.</p>\r\n
        \r\n
        <p>Der Heizkessel erhitzt das Wasser um es in Dampf umzuwandeln. Der daraus resultierende Druck wird daraufhin genutzt einen Kolben in einen Zylinder zu schieben. Der Kolben ist an einer Kurbelstange befestigt, die es erlaubt die Linearbewegung in eine Rotationsbewegung umzuwandeln.</p>\r\n
        \r\n
        <p>Die unten abgebildete Animation stellt die Dampmaschine des Schotten James Watt dar. Sie beinhaltet zahlreiche Verbesserungen im Vergleich zu den Maschinen seiner Vorg&auml;nger ((Somerset, Papin, Savery, Newcomen). Im Jahr 1782 erfindet er das Prinzip der Doppelwirkung (oder Zweitaktverfahren) mit der ein gleitender Schieber den Druck so verteilt, dass der Kolben vor- und zur&uuml;ckgeschoben wird.</p>\r\n
        \r\n
        <p>Eine weitere Erfindung von James Watt ist der Fliehkraftregler (1788). Er erlaubt es eine quasi konstante Geschwindigkeit trotz der Schwankungen des zur Verf&uuml;gung stehenden Drucks aufrechtzuerhalten.</p>\r\n
        \r\n
        <p>&nbsp;</p>\r\n
        \r\n
        <p><strong>Klicke</strong> und <strong>ziehe</strong> den Schieber um die Temperatur zu erh&ouml;hen oder zu verringern.</p>
        """
      "suggestions" => [
        App\Entity\vo\MediaCardLight {#3721
          #id: 524
          #title: "Kinetischer Druck"
          #mediaType: "simulation"
          #thumbnailSizes: [
            "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/524-6545f398ad4a8624833350.webp"
            "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/524-6545f398ad4a8624833350.webp"
            "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/524-6545f398ad4a8624833350.webp"
          ]
          #thumbnailBackground: "#00b7ad"
          #publishedAt: DateTimeImmutable @1431302400 {#3262
            date: 2015-05-11 00:00:00.0 UTC (+00:00)
          }
          #isExpert: false
          #slug: "kinetischer-druck"
        }
        App\Entity\vo\MediaCardLight {#3723
          #id: 180
          #title: "PV=nRT"
          #mediaType: "simulation"
          #thumbnailSizes: [
            "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/180-6545f2cf382f3208217684.webp"
            "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/180-6545f2cf382f3208217684.webp"
            "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/180-6545f2cf382f3208217684.webp"
          ]
          #thumbnailBackground: "#f25821"
          #publishedAt: DateTimeImmutable @1431302400 {#3190
            date: 2015-05-11 00:00:00.0 UTC (+00:00)
          }
          #isExpert: false
          #slug: "pv-nrt"
        }
        App\Entity\vo\MediaCardLight {#3724
          #id: 88
          #title: "Übertragung mechanischer Energie"
          #mediaType: "simulation"
          #thumbnailSizes: [
            "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/88-6545f464ab3a3949793552.webp"
            "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/88-6545f464ab3a3949793552.webp"
            "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/88-6545f464ab3a3949793552.webp"
          ]
          #thumbnailBackground: "#ee1b2e"
          #publishedAt: DateTimeImmutable @1491436800 {#3124
            date: 2017-04-06 00:00:00.0 UTC (+00:00)
          }
          #isExpert: false
          #slug: "uebertragung-mechanischer-energie"
        }
        App\Entity\vo\MediaCardLight {#3725
          #id: 233
          #title: "Druck"
          #mediaType: "simulation"
          #thumbnailSizes: [
            "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/233-6545f2ecb23d2401532313.webp"
            "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/233-6545f2ecb23d2401532313.webp"
            "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/233-6545f2ecb23d2401532313.webp"
          ]
          #thumbnailBackground: "#f6adcc"
          #publishedAt: DateTimeImmutable @1431302400 {#3238
            date: 2015-05-11 00:00:00.0 UTC (+00:00)
          }
          #isExpert: false
          #slug: "druck"
        }
      ]
      "tags" => [
        "eisenbahn"
        "energie"
        "industrielle revolution"
        "kolben"
        "leistung"
        "maschine"
        "wasserdampf"
        "watt"
      ]
      "baseNodeName" => "Physik"
    ]
    "key" => "goals"
  ]
}
Demo:Video 
[Anonymous]
 8.0 MiB 0.57 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 {#4467
  -props: [
    "width" => "600"
    "height" => "596"
    "class" => "max-w-none absolute"
  ]
}
Heading:Large 
[Anonymous]
 8.0 MiB 1.03 ms
Input props 
[
  "tag" => "h2"
]
Attributes 
[
  "tag" => "h2"
]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#4483
  -props: [
    "tag" => "h2"
  ]
}
Showcase:RevealPill 
[Anonymous]
 8.0 MiB 2.42 ms
Input props 
[
  "icon" => "source"
]
Attributes 
[
  "icon" => "source"
]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#4507
  -props: [
    "icon" => "source"
  ]
}
Showcase:Reveal 
[Anonymous]
 8.0 MiB 0.79 ms
Input props 
[
  "class" => "-mt-1"
  "text" => Twig\Markup {#4543
    -content: "Mehr als 1000 Ressourcen"
    -charset: "UTF-8"
  }
]
Attributes 
[
  "class" => "-mt-1"
  "text" => "Mehr als 1000 Ressourcen"
]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#4545
  -props: [
    "class" => "-mt-1"
    "text" => Twig\Markup {#4543
      -content: "Mehr als 1000 Ressourcen"
      -charset: "UTF-8"
    }
  ]
}
DemoForm 
[Anonymous]
 8.0 MiB 97.93 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 {#4529
  -props: [
    "isDemoPage" => false
    "class" => "max-w-prose mx-auto"
  ]
}
Button App\Twig\Components\Button 8.0 MiB 2.00 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 {#4789
  +size: null
  +darkColor: "domain"
  +lightColor: "white"
  +hoverScheme: "default"
  +hoverTextColor: null
  +disabled: false
  +noLabelOnSmallScreen: false
  +iconClass: null
  +beforeIconClass: null
  +afterIconClass: null
}
Heading:Large 
[Anonymous]
 8.0 MiB 0.88 ms
Input props 
[
  "class" => "text-white"
  "tag" => "h1"
]
Attributes 
[
  "class" => "text-white"
  "tag" => "h1"
]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#4574
  -props: [
    "class" => "text-white"
    "tag" => "h1"
  ]
}
MediaCard App\Twig\Components\MediaCard 8.0 MiB 13.50 ms
Input props 
[
  "cardData" => App\Entity\vo\MediaCardLight {#3721
    #id: 524
    #title: "Kinetischer Druck"
    #mediaType: "simulation"
    #thumbnailSizes: [
      "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/524-6545f398ad4a8624833350.webp"
      "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/524-6545f398ad4a8624833350.webp"
      "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/524-6545f398ad4a8624833350.webp"
    ]
    #thumbnailBackground: "#00b7ad"
    #publishedAt: DateTimeImmutable @1431302400 {#3262
      date: 2015-05-11 00:00:00.0 UTC (+00:00)
    }
    #isExpert: false
    #slug: "kinetischer-druck"
  }
  "context" => "media-teaser"
  "class" => "w-1/2 "
]
Attributes 
[
  "class" => "w-1/2 "
]
Component 
App\Twig\Components\MediaCard {#4656
  -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 {#3721
    #id: 524
    #title: "Kinetischer Druck"
    #mediaType: "simulation"
    #thumbnailSizes: [
      "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/524-6545f398ad4a8624833350.webp"
      "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/524-6545f398ad4a8624833350.webp"
      "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/524-6545f398ad4a8624833350.webp"
    ]
    #thumbnailBackground: "#00b7ad"
    #publishedAt: DateTimeImmutable @1431302400 {#3262
      date: 2015-05-11 00:00:00.0 UTC (+00:00)
    }
    #isExpert: false
    #slug: "kinetischer-druck"
  }
  +thumbnailEagerLoading: false
  +preventTabbableLink: false
  +context: "media-teaser"
}
MediaCard App\Twig\Components\MediaCard 8.0 MiB 1.24 ms
Input props 
[
  "cardData" => App\Entity\vo\MediaCardLight {#3723
    #id: 180
    #title: "PV=nRT"
    #mediaType: "simulation"
    #thumbnailSizes: [
      "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/180-6545f2cf382f3208217684.webp"
      "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/180-6545f2cf382f3208217684.webp"
      "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/180-6545f2cf382f3208217684.webp"
    ]
    #thumbnailBackground: "#f25821"
    #publishedAt: DateTimeImmutable @1431302400 {#3190
      date: 2015-05-11 00:00:00.0 UTC (+00:00)
    }
    #isExpert: false
    #slug: "pv-nrt"
  }
  "context" => "media-teaser"
  "class" => "w-1/2 hidden md:block"
]
Attributes 
[
  "class" => "w-1/2 hidden md:block"
]
Component 
App\Twig\Components\MediaCard {#4869
  -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 {#3723
    #id: 180
    #title: "PV=nRT"
    #mediaType: "simulation"
    #thumbnailSizes: [
      "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/180-6545f2cf382f3208217684.webp"
      "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/180-6545f2cf382f3208217684.webp"
      "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/180-6545f2cf382f3208217684.webp"
    ]
    #thumbnailBackground: "#f25821"
    #publishedAt: DateTimeImmutable @1431302400 {#3190
      date: 2015-05-11 00:00:00.0 UTC (+00:00)
    }
    #isExpert: false
    #slug: "pv-nrt"
  }
  +thumbnailEagerLoading: false
  +preventTabbableLink: false
  +context: "media-teaser"
}
MediaCard App\Twig\Components\MediaCard 8.0 MiB 1.06 ms
Input props 
[
  "cardData" => App\Entity\vo\MediaCardLight {#3724
    #id: 88
    #title: "Übertragung mechanischer Energie"
    #mediaType: "simulation"
    #thumbnailSizes: [
      "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/88-6545f464ab3a3949793552.webp"
      "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/88-6545f464ab3a3949793552.webp"
      "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/88-6545f464ab3a3949793552.webp"
    ]
    #thumbnailBackground: "#ee1b2e"
    #publishedAt: DateTimeImmutable @1491436800 {#3124
      date: 2017-04-06 00:00:00.0 UTC (+00:00)
    }
    #isExpert: false
    #slug: "uebertragung-mechanischer-energie"
  }
  "context" => "media-teaser"
  "class" => "w-1/2 hidden lg:block"
]
Attributes 
[
  "class" => "w-1/2 hidden lg:block"
]
Component 
App\Twig\Components\MediaCard {#4897
  -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 {#3724
    #id: 88
    #title: "Übertragung mechanischer Energie"
    #mediaType: "simulation"
    #thumbnailSizes: [
      "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/88-6545f464ab3a3949793552.webp"
      "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/88-6545f464ab3a3949793552.webp"
      "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/88-6545f464ab3a3949793552.webp"
    ]
    #thumbnailBackground: "#ee1b2e"
    #publishedAt: DateTimeImmutable @1491436800 {#3124
      date: 2017-04-06 00:00:00.0 UTC (+00:00)
    }
    #isExpert: false
    #slug: "uebertragung-mechanischer-energie"
  }
  +thumbnailEagerLoading: false
  +preventTabbableLink: false
  +context: "media-teaser"
}
MediaCard App\Twig\Components\MediaCard 8.0 MiB 1.02 ms
Input props 
[
  "cardData" => App\Entity\vo\MediaCardLight {#3725
    #id: 233
    #title: "Druck"
    #mediaType: "simulation"
    #thumbnailSizes: [
      "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/233-6545f2ecb23d2401532313.webp"
      "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/233-6545f2ecb23d2401532313.webp"
      "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/233-6545f2ecb23d2401532313.webp"
    ]
    #thumbnailBackground: "#f6adcc"
    #publishedAt: DateTimeImmutable @1431302400 {#3238
      date: 2015-05-11 00:00:00.0 UTC (+00:00)
    }
    #isExpert: false
    #slug: "druck"
  }
  "context" => "media-teaser"
  "class" => "w-1/2 hidden lg:block"
]
Attributes 
[
  "class" => "w-1/2 hidden lg:block"
]
Component 
App\Twig\Components\MediaCard {#4916
  -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 {#3725
    #id: 233
    #title: "Druck"
    #mediaType: "simulation"
    #thumbnailSizes: [
      "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/233-6545f2ecb23d2401532313.webp"
      "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/233-6545f2ecb23d2401532313.webp"
      "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/233-6545f2ecb23d2401532313.webp"
    ]
    #thumbnailBackground: "#f6adcc"
    #publishedAt: DateTimeImmutable @1431302400 {#3238
      date: 2015-05-11 00:00:00.0 UTC (+00:00)
    }
    #isExpert: false
    #slug: "druck"
  }
  +thumbnailEagerLoading: false
  +preventTabbableLink: false
  +context: "media-teaser"
}
Footer 
[Anonymous]
 10.0 MiB 18.95 ms
Input props 
[]
Attributes 
[]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#4492
  -props: []
}