GET https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/de/media/381-dampflokomotive

Response
200 OK
IP
216.73.216.102
Profiled on
Token
44efdd

Components

19 Twig Components
31 Render Count
210 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 21.66ms
MediaCard 
"App\Twig\Components\MediaCard"
components/MediaCard.html.twig 		4 16.12ms
Heading:Large 
[Anonymous]
components/Heading/Large.html.twig 		2 11.51ms
Store:User 
"App\Twig\Components\Store\User"
components/Store/User.html.twig 		1 2.98ms
Header 
[Anonymous]
components/Header/index.html.twig 		1 62.52ms
Layout:Stack 
[Anonymous]
components/Layout/Stack.html.twig 		1 24.97ms
Header:Anonymous 
[Anonymous]
components/Header/Anonymous.html.twig 		1 23.30ms
Header:Logo 
[Anonymous]
components/Header/Logo.html.twig 		1 0.76ms
Header:LocalePicker 
[Anonymous]
components/Header/LocalePicker.html.twig 		1 15.24ms
LoginLink 
[Anonymous]
components/LoginLink.html.twig 		1 2.92ms
Dialog:LocalePicker 
"App\Twig\Components\Dialog\LocalePicker"
components/Dialog/LocalePicker.html.twig 		1 34.03ms
Dialog 
[Anonymous]
components/Dialog/index.html.twig 		1 22.39ms
Banner:UserBanners 
"App\Twig\Components\Banner\UserBanners"
components/Banner/UserBanners.html.twig 		1 0.82ms
MediaField 
[Anonymous]
components/MediaField.html.twig 		1 0.67ms
Demo:Video 
[Anonymous]
components/Demo/Video.html.twig 		1 0.66ms
Showcase:RevealPill 
[Anonymous]
components/Showcase/RevealPill.html.twig 		1 4.67ms
Showcase:Reveal 
[Anonymous]
components/Showcase/Reveal.html.twig 		1 1.54ms
DemoForm 
[Anonymous]
components/DemoForm.html.twig 		1 103.81ms
Footer 
[Anonymous]
components/Footer/index.html.twig 		1 6.51ms

Render calls

Store:User App\Twig\Components\Store\User 14.0 MiB 2.98 ms
Input props 
[]
Attributes 
[]
Component 
App\Twig\Components\Store\User {#3767
  -securityService: App\Service\SecurityService {#115 …}
  -geoService: App\Service\GeoService {#170 …}
  -institutionUtilsService: App\Service\InstitutionUtilsService {#3768 …}
}
Header 
[Anonymous]
 14.0 MiB 62.52 ms
Input props 
[
  "notSticky" => false
]
Attributes 
[
  "notSticky" => false
]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#3798
  -props: [
    "notSticky" => false
  ]
}
Layout:Stack 
[Anonymous]
 14.0 MiB 24.97 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 {#3824
  -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 23.30 ms
Input props 
[
  "minimal" => false
]
Attributes 
[
  "minimal" => false
]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#3880
  -props: [
    "minimal" => false
  ]
}
Header:Logo 
[Anonymous]
 14.0 MiB 0.76 ms
Input props 
[]
Attributes 
[]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#3904
  -props: []
}
Header:LocalePicker 
[Anonymous]
 14.0 MiB 15.24 ms
Input props 
[
  "size" => "small"
  "hoverScheme" => "none"
  "darkColor" => "domain"
]
Attributes 
[
  "size" => "small"
  "hoverScheme" => "none"
  "darkColor" => "domain"
]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#3921
  -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 {#3946
  +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 2.92 ms
Input props 
[
  "class" => "grow"
  "size" => "small"
]
Attributes 
[
  "class" => "grow"
  "size" => "small"
]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#3938
  -props: [
    "class" => "grow"
    "size" => "small"
  ]
}
Button App\Twig\Components\Button 14.0 MiB 1.28 ms
Input props 
[
  "data-compo" => "LoginLink"
  "href" => "/de/login?next=/de/media/381-dampflokomotive"
  "class" => "grow"
  "size" => "small"
]
Attributes 
[
  "data-compo" => "LoginLink"
  "href" => "/de/login?next=/de/media/381-dampflokomotive"
  "class" => "grow"
]
Component 
App\Twig\Components\Button {#4024
  +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.25 ms
Input props 
[
  "class" => "grow"
  "size" => "small"
  "darkColor" => "domain"
  "href" => "/de/subscribe/"
]
Attributes 
[
  "class" => "grow"
  "href" => "/de/subscribe/"
]
Component 
App\Twig\Components\Button {#4038
  +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 34.03 ms
Input props 
[]
Attributes 
[]
Component 
App\Twig\Components\Dialog\LocalePicker {#3862
  -localeSwitcherService: App\Service\LocaleSwitcherService {#1498 …}
}
Dialog 
[Anonymous]
 14.0 MiB 22.39 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 {#4075
  -props: [
    "data-compo" => "Dialog/LocalePicker"
    "id" => "language-picker-dialog"
  ]
}
Button App\Twig\Components\Button 14.0 MiB 1.39 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 {#4109
  +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.46 ms
Input props 
[
  "class" => "w-full mb-bento "
  "href" => "/en/media/381-steam-locomotive"
  "hoverScheme" => "none"
  "hoverTextColor" => "domain"
  "beforeIcon" => null
  "beforeIconClass" => "text-domain"
  "data-locale-picker-target" => "en"
]
Attributes 
[
  "class" => "w-full mb-bento "
  "href" => "/en/media/381-steam-locomotive"
  "beforeIcon" => null
  "data-locale-picker-target" => "en"
]
Component 
App\Twig\Components\Button {#4140
  +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.07 ms
Input props 
[
  "class" => "w-full mb-bento "
  "href" => "/fr/media/381-locomotive-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/381-locomotive-a-vapeur"
  "beforeIcon" => null
  "data-locale-picker-target" => "fr"
]
Component 
App\Twig\Components\Button {#4177
  +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 10.43 ms
Input props 
[
  "class" => "w-full mb-bento "
  "href" => "/es/media/381-locomotora-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/381-locomotora-de-vapor"
  "beforeIcon" => null
  "data-locale-picker-target" => "es"
]
Component 
App\Twig\Components\Button {#4196
  +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.30 ms
Input props 
[
  "class" => "w-full mb-bento pointer-events-none"
  "href" => "/de/media/381-dampflokomotive"
  "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/381-dampflokomotive"
  "beforeIcon" => "done"
  "data-locale-picker-target" => "de"
]
Component 
App\Twig\Components\Button {#4216
  +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 0.82 ms
Input props 
[]
Attributes 
[]
Component 
App\Twig\Components\Banner\UserBanners {#3815
  -purchaseRepository: App\Repository\PurchaseRepository {#118 …}
  -securityService: App\Service\SecurityService {#115 …}
}
MediaField 
[Anonymous]
 14.0 MiB 0.67 ms
Input props 
[
  "title" => "Lernziele"
  "media" => [
    "id" => 381
    "title" => "Dampflokomotive"
    "slug" => "dampflokomotive"
    "mediaType" => "simulation"
    "thumbnailSizes" => [
      "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/381-6545f340c29a4584477591.webp"
      "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/381-6545f340c29a4584477591.webp"
      "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/381-6545f340c29a4584477591.webp"
    ]
    "thumbnailBackground" => "#00b7ad"
    "publishedAt" => DateTimeImmutable @1488240000 {#1398
      date: 2017-02-28 00:00:00.0 UTC (+00:00)
    }
    "isExpert" => false
    "goals" => """
      <ul>\r\n
      \t<li>Illustriert die ber&uuml;hmtesten Anwendungen der Dampfmaschine.</li>\r\n
      \t<li>Erkl&auml;rt die Vorg&auml;nge innerhalb einer Dampflokomotive.</li>\r\n
      </ul>
      """
    "width" => 550
    "height" => 440
    "description" => """
      <p>Ein Dampfmotor wandelt W&auml;rmeenergie (Hitze) in mechanische Energie (Arbeit) durch folgenden Prozess um:</p>\r\n
      \r\n
      <p>&rArr; Verbrennung von Kohle in einem Ofen.<br />\r\n
      &rArr; W&auml;rme auffangen um Wasser zu erhitzen und in Dampf umzuwandeln.<br />\r\n
      &rArr; Den Dampf weiter erhitzen um ihn auf Hochdruck zu bringen (Frischdampf).<br />\r\n
      &rArr; Den erzeugten Druck dazu nutzen, einen Kolben durch einen Zylinder zu schieben.<br />\r\n
      &rArr; Translationsbewegung des Kolben durch ein Kurbelsystem in eine Drehbewegung umwandeln.<br />\r\n
      &rArr; Aussto&szlig; von Verbrennungsgasen und dem ausgedehnten Dampf.</p>\r\n
      \r\n
      <p>Die ersten Dampflokomotiven enstanden zu Beginn des 19. Jahrhunderts nach der Erfindung der Dampfmaschine. Die Effizienz steigerte sich enorm mit der doppelt wirkenden Dampfmaschine, bei der ein Schieberventil den Druck auf die linke und rechte Kammer eines Zylinders verteilt, sodass der Kolben in beide Richtungen angetrieben wird.<br />\r\n
      <br />\r\n
      Der Kolben ist mit einer Achse (Antriebsachse) verbunden und Zuganker werden verwendet um weitere Achsen anzutreiben. Die gr&ouml;&szlig;ten Dampflokomotiven hatten f&uuml;nf Antriebsachsen ( 10 R&auml;der f&uuml;r Lokomotiven des Typs &quot;Santa Fe&quot;).<br />\r\n
      <br />\r\n
      Die niedrige Ausbeute aus Dampf erkl&auml;rt das allm&auml;hliche Verschwinden in den 60er Jahren zugunsten von Diesel und Elektromotoren. Jedoch hat ihre Verwendung f&uuml;r 150 eine der gr&ouml;&szlig;ten Ver&auml;nderungen unserer Gesellschaft begleitet: die industrielle Revolution.</p>
      """
    "suggestions" => [
      App\Entity\vo\MediaCardLight {#3524
        #id: 535
        #title: "Quiz: Sich auf der Erde orientieren"
        #mediaType: "simulation"
        #thumbnailSizes: [
          "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/535-6545f3a00ff99417963510.webp"
          "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/535-6545f3a00ff99417963510.webp"
          "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/535-6545f3a00ff99417963510.webp"
        ]
        #thumbnailBackground: "#462f92"
        #publishedAt: DateTimeImmutable @1431302400 {#3023
          date: 2015-05-11 00:00:00.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "quiz-sich-auf-der-erde-orientieren"
      }
      App\Entity\vo\MediaCardLight {#3526
        #id: 467
        #title: "Brückenquiz"
        #mediaType: "simulation"
        #thumbnailSizes: [
          "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/467-6545f3730b62b709019704.webp"
          "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/467-6545f3730b62b709019704.webp"
          "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/467-6545f3730b62b709019704.webp"
        ]
        #thumbnailBackground: "#f6951d"
        #publishedAt: DateTimeImmutable @1457395200 {#2983
          date: 2016-03-08 00:00:00.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "brueckenquiz"
      }
      App\Entity\vo\MediaCardLight {#3527
        #id: 633
        #title: "Brücken"
        #mediaType: "simulation"
        #thumbnailSizes: [
          "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/633-6545f3e41bd10099372647.webp"
          "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/633-6545f3e41bd10099372647.webp"
          "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/633-6545f3e41bd10099372647.webp"
        ]
        #thumbnailBackground: "#00b7ad"
        #publishedAt: DateTimeImmutable @1431388800 {#3063
          date: 2015-05-12 00:00:00.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "bruecken"
      }
      App\Entity\vo\MediaCardLight {#3528
        #id: 11
        #title: "Das Flugzeug"
        #mediaType: "simulation"
        #thumbnailSizes: [
          "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/11-6545f2a6608f6613222880.webp"
          "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/11-6545f2a6608f6613222880.webp"
          "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/11-6545f2a6608f6613222880.webp"
        ]
        #thumbnailBackground: "#b51d8e"
        #publishedAt: DateTimeImmutable @1494460800 {#2952
          date: 2017-05-11 00:00:00.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "das-flugzeug"
      }
    ]
    "tags" => [
      "energie"
      "industrielle revolution"
      "kolben"
      "motor"
      "watt"
      "zug"
    ]
    "baseNodeName" => "Technik"
  ]
  "key" => "goals"
]
Attributes 
[
  "title" => "Lernziele"
  "media" => [
    "id" => 381
    "title" => "Dampflokomotive"
    "slug" => "dampflokomotive"
    "mediaType" => "simulation"
    "thumbnailSizes" => [
      "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/381-6545f340c29a4584477591.webp"
      "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/381-6545f340c29a4584477591.webp"
      "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/381-6545f340c29a4584477591.webp"
    ]
    "thumbnailBackground" => "#00b7ad"
    "publishedAt" => DateTimeImmutable @1488240000 {#1398
      date: 2017-02-28 00:00:00.0 UTC (+00:00)
    }
    "isExpert" => false
    "goals" => """
      <ul>\r\n
      \t<li>Illustriert die ber&uuml;hmtesten Anwendungen der Dampfmaschine.</li>\r\n
      \t<li>Erkl&auml;rt die Vorg&auml;nge innerhalb einer Dampflokomotive.</li>\r\n
      </ul>
      """
    "width" => 550
    "height" => 440
    "description" => """
      <p>Ein Dampfmotor wandelt W&auml;rmeenergie (Hitze) in mechanische Energie (Arbeit) durch folgenden Prozess um:</p>\r\n
      \r\n
      <p>&rArr; Verbrennung von Kohle in einem Ofen.<br />\r\n
      &rArr; W&auml;rme auffangen um Wasser zu erhitzen und in Dampf umzuwandeln.<br />\r\n
      &rArr; Den Dampf weiter erhitzen um ihn auf Hochdruck zu bringen (Frischdampf).<br />\r\n
      &rArr; Den erzeugten Druck dazu nutzen, einen Kolben durch einen Zylinder zu schieben.<br />\r\n
      &rArr; Translationsbewegung des Kolben durch ein Kurbelsystem in eine Drehbewegung umwandeln.<br />\r\n
      &rArr; Aussto&szlig; von Verbrennungsgasen und dem ausgedehnten Dampf.</p>\r\n
      \r\n
      <p>Die ersten Dampflokomotiven enstanden zu Beginn des 19. Jahrhunderts nach der Erfindung der Dampfmaschine. Die Effizienz steigerte sich enorm mit der doppelt wirkenden Dampfmaschine, bei der ein Schieberventil den Druck auf die linke und rechte Kammer eines Zylinders verteilt, sodass der Kolben in beide Richtungen angetrieben wird.<br />\r\n
      <br />\r\n
      Der Kolben ist mit einer Achse (Antriebsachse) verbunden und Zuganker werden verwendet um weitere Achsen anzutreiben. Die gr&ouml;&szlig;ten Dampflokomotiven hatten f&uuml;nf Antriebsachsen ( 10 R&auml;der f&uuml;r Lokomotiven des Typs &quot;Santa Fe&quot;).<br />\r\n
      <br />\r\n
      Die niedrige Ausbeute aus Dampf erkl&auml;rt das allm&auml;hliche Verschwinden in den 60er Jahren zugunsten von Diesel und Elektromotoren. Jedoch hat ihre Verwendung f&uuml;r 150 eine der gr&ouml;&szlig;ten Ver&auml;nderungen unserer Gesellschaft begleitet: die industrielle Revolution.</p>
      """
    "suggestions" => [
      App\Entity\vo\MediaCardLight {#3524
        #id: 535
        #title: "Quiz: Sich auf der Erde orientieren"
        #mediaType: "simulation"
        #thumbnailSizes: [
          "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/535-6545f3a00ff99417963510.webp"
          "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/535-6545f3a00ff99417963510.webp"
          "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/535-6545f3a00ff99417963510.webp"
        ]
        #thumbnailBackground: "#462f92"
        #publishedAt: DateTimeImmutable @1431302400 {#3023
          date: 2015-05-11 00:00:00.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "quiz-sich-auf-der-erde-orientieren"
      }
      App\Entity\vo\MediaCardLight {#3526
        #id: 467
        #title: "Brückenquiz"
        #mediaType: "simulation"
        #thumbnailSizes: [
          "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/467-6545f3730b62b709019704.webp"
          "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/467-6545f3730b62b709019704.webp"
          "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/467-6545f3730b62b709019704.webp"
        ]
        #thumbnailBackground: "#f6951d"
        #publishedAt: DateTimeImmutable @1457395200 {#2983
          date: 2016-03-08 00:00:00.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "brueckenquiz"
      }
      App\Entity\vo\MediaCardLight {#3527
        #id: 633
        #title: "Brücken"
        #mediaType: "simulation"
        #thumbnailSizes: [
          "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/633-6545f3e41bd10099372647.webp"
          "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/633-6545f3e41bd10099372647.webp"
          "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/633-6545f3e41bd10099372647.webp"
        ]
        #thumbnailBackground: "#00b7ad"
        #publishedAt: DateTimeImmutable @1431388800 {#3063
          date: 2015-05-12 00:00:00.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "bruecken"
      }
      App\Entity\vo\MediaCardLight {#3528
        #id: 11
        #title: "Das Flugzeug"
        #mediaType: "simulation"
        #thumbnailSizes: [
          "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/11-6545f2a6608f6613222880.webp"
          "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/11-6545f2a6608f6613222880.webp"
          "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/11-6545f2a6608f6613222880.webp"
        ]
        #thumbnailBackground: "#b51d8e"
        #publishedAt: DateTimeImmutable @1494460800 {#2952
          date: 2017-05-11 00:00:00.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "das-flugzeug"
      }
    ]
    "tags" => [
      "energie"
      "industrielle revolution"
      "kolben"
      "motor"
      "watt"
      "zug"
    ]
    "baseNodeName" => "Technik"
  ]
  "key" => "goals"
]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#4248
  -props: [
    "title" => "Lernziele"
    "media" => [
      "id" => 381
      "title" => "Dampflokomotive"
      "slug" => "dampflokomotive"
      "mediaType" => "simulation"
      "thumbnailSizes" => [
        "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/381-6545f340c29a4584477591.webp"
        "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/381-6545f340c29a4584477591.webp"
        "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/381-6545f340c29a4584477591.webp"
      ]
      "thumbnailBackground" => "#00b7ad"
      "publishedAt" => DateTimeImmutable @1488240000 {#1398
        date: 2017-02-28 00:00:00.0 UTC (+00:00)
      }
      "isExpert" => false
      "goals" => """
        <ul>\r\n
        \t<li>Illustriert die ber&uuml;hmtesten Anwendungen der Dampfmaschine.</li>\r\n
        \t<li>Erkl&auml;rt die Vorg&auml;nge innerhalb einer Dampflokomotive.</li>\r\n
        </ul>
        """
      "width" => 550
      "height" => 440
      "description" => """
        <p>Ein Dampfmotor wandelt W&auml;rmeenergie (Hitze) in mechanische Energie (Arbeit) durch folgenden Prozess um:</p>\r\n
        \r\n
        <p>&rArr; Verbrennung von Kohle in einem Ofen.<br />\r\n
        &rArr; W&auml;rme auffangen um Wasser zu erhitzen und in Dampf umzuwandeln.<br />\r\n
        &rArr; Den Dampf weiter erhitzen um ihn auf Hochdruck zu bringen (Frischdampf).<br />\r\n
        &rArr; Den erzeugten Druck dazu nutzen, einen Kolben durch einen Zylinder zu schieben.<br />\r\n
        &rArr; Translationsbewegung des Kolben durch ein Kurbelsystem in eine Drehbewegung umwandeln.<br />\r\n
        &rArr; Aussto&szlig; von Verbrennungsgasen und dem ausgedehnten Dampf.</p>\r\n
        \r\n
        <p>Die ersten Dampflokomotiven enstanden zu Beginn des 19. Jahrhunderts nach der Erfindung der Dampfmaschine. Die Effizienz steigerte sich enorm mit der doppelt wirkenden Dampfmaschine, bei der ein Schieberventil den Druck auf die linke und rechte Kammer eines Zylinders verteilt, sodass der Kolben in beide Richtungen angetrieben wird.<br />\r\n
        <br />\r\n
        Der Kolben ist mit einer Achse (Antriebsachse) verbunden und Zuganker werden verwendet um weitere Achsen anzutreiben. Die gr&ouml;&szlig;ten Dampflokomotiven hatten f&uuml;nf Antriebsachsen ( 10 R&auml;der f&uuml;r Lokomotiven des Typs &quot;Santa Fe&quot;).<br />\r\n
        <br />\r\n
        Die niedrige Ausbeute aus Dampf erkl&auml;rt das allm&auml;hliche Verschwinden in den 60er Jahren zugunsten von Diesel und Elektromotoren. Jedoch hat ihre Verwendung f&uuml;r 150 eine der gr&ouml;&szlig;ten Ver&auml;nderungen unserer Gesellschaft begleitet: die industrielle Revolution.</p>
        """
      "suggestions" => [
        App\Entity\vo\MediaCardLight {#3524
          #id: 535
          #title: "Quiz: Sich auf der Erde orientieren"
          #mediaType: "simulation"
          #thumbnailSizes: [
            "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/535-6545f3a00ff99417963510.webp"
            "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/535-6545f3a00ff99417963510.webp"
            "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/535-6545f3a00ff99417963510.webp"
          ]
          #thumbnailBackground: "#462f92"
          #publishedAt: DateTimeImmutable @1431302400 {#3023
            date: 2015-05-11 00:00:00.0 UTC (+00:00)
          }
          #isExpert: false
          #slug: "quiz-sich-auf-der-erde-orientieren"
        }
        App\Entity\vo\MediaCardLight {#3526
          #id: 467
          #title: "Brückenquiz"
          #mediaType: "simulation"
          #thumbnailSizes: [
            "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/467-6545f3730b62b709019704.webp"
            "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/467-6545f3730b62b709019704.webp"
            "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/467-6545f3730b62b709019704.webp"
          ]
          #thumbnailBackground: "#f6951d"
          #publishedAt: DateTimeImmutable @1457395200 {#2983
            date: 2016-03-08 00:00:00.0 UTC (+00:00)
          }
          #isExpert: false
          #slug: "brueckenquiz"
        }
        App\Entity\vo\MediaCardLight {#3527
          #id: 633
          #title: "Brücken"
          #mediaType: "simulation"
          #thumbnailSizes: [
            "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/633-6545f3e41bd10099372647.webp"
            "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/633-6545f3e41bd10099372647.webp"
            "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/633-6545f3e41bd10099372647.webp"
          ]
          #thumbnailBackground: "#00b7ad"
          #publishedAt: DateTimeImmutable @1431388800 {#3063
            date: 2015-05-12 00:00:00.0 UTC (+00:00)
          }
          #isExpert: false
          #slug: "bruecken"
        }
        App\Entity\vo\MediaCardLight {#3528
          #id: 11
          #title: "Das Flugzeug"
          #mediaType: "simulation"
          #thumbnailSizes: [
            "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/11-6545f2a6608f6613222880.webp"
            "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/11-6545f2a6608f6613222880.webp"
            "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/11-6545f2a6608f6613222880.webp"
          ]
          #thumbnailBackground: "#b51d8e"
          #publishedAt: DateTimeImmutable @1494460800 {#2952
            date: 2017-05-11 00:00:00.0 UTC (+00:00)
          }
          #isExpert: false
          #slug: "das-flugzeug"
        }
      ]
      "tags" => [
        "energie"
        "industrielle revolution"
        "kolben"
        "motor"
        "watt"
        "zug"
      ]
      "baseNodeName" => "Technik"
    ]
    "key" => "goals"
  ]
}
Demo:Video 
[Anonymous]
 14.0 MiB 0.66 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 {#4270
  -props: [
    "width" => "600"
    "height" => "596"
    "class" => "max-w-none absolute"
  ]
}
Heading:Large 
[Anonymous]
 14.0 MiB 1.15 ms
Input props 
[
  "tag" => "h2"
]
Attributes 
[
  "tag" => "h2"
]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#4286
  -props: [
    "tag" => "h2"
  ]
}
Showcase:RevealPill 
[Anonymous]
 14.0 MiB 4.67 ms
Input props 
[
  "icon" => "source"
]
Attributes 
[
  "icon" => "source"
]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#4310
  -props: [
    "icon" => "source"
  ]
}
Showcase:Reveal 
[Anonymous]
 14.0 MiB 1.54 ms
Input props 
[
  "class" => "-mt-1"
  "text" => Twig\Markup {#4346
    -content: "Mehr als 1000 Ressourcen"
    -charset: "UTF-8"
  }
]
Attributes 
[
  "class" => "-mt-1"
  "text" => "Mehr als 1000 Ressourcen"
]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#4348
  -props: [
    "class" => "-mt-1"
    "text" => Twig\Markup {#4346
      -content: "Mehr als 1000 Ressourcen"
      -charset: "UTF-8"
    }
  ]
}
DemoForm 
[Anonymous]
 14.0 MiB 103.81 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 {#4332
  -props: [
    "isDemoPage" => false
    "class" => "max-w-prose mx-auto"
  ]
}
Button App\Twig\Components\Button 14.0 MiB 1.60 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 {#4592
  +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 10.36 ms
Input props 
[
  "class" => "text-white"
  "tag" => "h1"
]
Attributes 
[
  "class" => "text-white"
  "tag" => "h1"
]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#4377
  -props: [
    "class" => "text-white"
    "tag" => "h1"
  ]
}
MediaCard App\Twig\Components\MediaCard 14.0 MiB 1.97 ms
Input props 
[
  "cardData" => App\Entity\vo\MediaCardLight {#3524
    #id: 535
    #title: "Quiz: Sich auf der Erde orientieren"
    #mediaType: "simulation"
    #thumbnailSizes: [
      "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/535-6545f3a00ff99417963510.webp"
      "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/535-6545f3a00ff99417963510.webp"
      "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/535-6545f3a00ff99417963510.webp"
    ]
    #thumbnailBackground: "#462f92"
    #publishedAt: DateTimeImmutable @1431302400 {#3023
      date: 2015-05-11 00:00:00.0 UTC (+00:00)
    }
    #isExpert: false
    #slug: "quiz-sich-auf-der-erde-orientieren"
  }
  "context" => "media-teaser"
  "class" => "w-1/2 "
]
Attributes 
[
  "class" => "w-1/2 "
]
Component 
App\Twig\Components\MediaCard {#4459
  -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 {#3524
    #id: 535
    #title: "Quiz: Sich auf der Erde orientieren"
    #mediaType: "simulation"
    #thumbnailSizes: [
      "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/535-6545f3a00ff99417963510.webp"
      "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/535-6545f3a00ff99417963510.webp"
      "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/535-6545f3a00ff99417963510.webp"
    ]
    #thumbnailBackground: "#462f92"
    #publishedAt: DateTimeImmutable @1431302400 {#3023
      date: 2015-05-11 00:00:00.0 UTC (+00:00)
    }
    #isExpert: false
    #slug: "quiz-sich-auf-der-erde-orientieren"
  }
  +thumbnailEagerLoading: false
  +preventTabbableLink: false
  +context: "media-teaser"
}
MediaCard App\Twig\Components\MediaCard 14.0 MiB 1.21 ms
Input props 
[
  "cardData" => App\Entity\vo\MediaCardLight {#3526
    #id: 467
    #title: "Brückenquiz"
    #mediaType: "simulation"
    #thumbnailSizes: [
      "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/467-6545f3730b62b709019704.webp"
      "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/467-6545f3730b62b709019704.webp"
      "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/467-6545f3730b62b709019704.webp"
    ]
    #thumbnailBackground: "#f6951d"
    #publishedAt: DateTimeImmutable @1457395200 {#2983
      date: 2016-03-08 00:00:00.0 UTC (+00:00)
    }
    #isExpert: false
    #slug: "brueckenquiz"
  }
  "context" => "media-teaser"
  "class" => "w-1/2 hidden md:block"
]
Attributes 
[
  "class" => "w-1/2 hidden md:block"
]
Component 
App\Twig\Components\MediaCard {#4672
  -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 {#3526
    #id: 467
    #title: "Brückenquiz"
    #mediaType: "simulation"
    #thumbnailSizes: [
      "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/467-6545f3730b62b709019704.webp"
      "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/467-6545f3730b62b709019704.webp"
      "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/467-6545f3730b62b709019704.webp"
    ]
    #thumbnailBackground: "#f6951d"
    #publishedAt: DateTimeImmutable @1457395200 {#2983
      date: 2016-03-08 00:00:00.0 UTC (+00:00)
    }
    #isExpert: false
    #slug: "brueckenquiz"
  }
  +thumbnailEagerLoading: false
  +preventTabbableLink: false
  +context: "media-teaser"
}
MediaCard App\Twig\Components\MediaCard 14.0 MiB 1.14 ms
Input props 
[
  "cardData" => App\Entity\vo\MediaCardLight {#3527
    #id: 633
    #title: "Brücken"
    #mediaType: "simulation"
    #thumbnailSizes: [
      "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/633-6545f3e41bd10099372647.webp"
      "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/633-6545f3e41bd10099372647.webp"
      "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/633-6545f3e41bd10099372647.webp"
    ]
    #thumbnailBackground: "#00b7ad"
    #publishedAt: DateTimeImmutable @1431388800 {#3063
      date: 2015-05-12 00:00:00.0 UTC (+00:00)
    }
    #isExpert: false
    #slug: "bruecken"
  }
  "context" => "media-teaser"
  "class" => "w-1/2 hidden lg:block"
]
Attributes 
[
  "class" => "w-1/2 hidden lg:block"
]
Component 
App\Twig\Components\MediaCard {#4700
  -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 {#3527
    #id: 633
    #title: "Brücken"
    #mediaType: "simulation"
    #thumbnailSizes: [
      "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/633-6545f3e41bd10099372647.webp"
      "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/633-6545f3e41bd10099372647.webp"
      "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/633-6545f3e41bd10099372647.webp"
    ]
    #thumbnailBackground: "#00b7ad"
    #publishedAt: DateTimeImmutable @1431388800 {#3063
      date: 2015-05-12 00:00:00.0 UTC (+00:00)
    }
    #isExpert: false
    #slug: "bruecken"
  }
  +thumbnailEagerLoading: false
  +preventTabbableLink: false
  +context: "media-teaser"
}
MediaCard App\Twig\Components\MediaCard 14.0 MiB 11.80 ms
Input props 
[
  "cardData" => App\Entity\vo\MediaCardLight {#3528
    #id: 11
    #title: "Das Flugzeug"
    #mediaType: "simulation"
    #thumbnailSizes: [
      "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/11-6545f2a6608f6613222880.webp"
      "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/11-6545f2a6608f6613222880.webp"
      "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/11-6545f2a6608f6613222880.webp"
    ]
    #thumbnailBackground: "#b51d8e"
    #publishedAt: DateTimeImmutable @1494460800 {#2952
      date: 2017-05-11 00:00:00.0 UTC (+00:00)
    }
    #isExpert: false
    #slug: "das-flugzeug"
  }
  "context" => "media-teaser"
  "class" => "w-1/2 hidden lg:block"
]
Attributes 
[
  "class" => "w-1/2 hidden lg:block"
]
Component 
App\Twig\Components\MediaCard {#4719
  -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 {#3528
    #id: 11
    #title: "Das Flugzeug"
    #mediaType: "simulation"
    #thumbnailSizes: [
      "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/11-6545f2a6608f6613222880.webp"
      "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/11-6545f2a6608f6613222880.webp"
      "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/11-6545f2a6608f6613222880.webp"
    ]
    #thumbnailBackground: "#b51d8e"
    #publishedAt: DateTimeImmutable @1494460800 {#2952
      date: 2017-05-11 00:00:00.0 UTC (+00:00)
    }
    #isExpert: false
    #slug: "das-flugzeug"
  }
  +thumbnailEagerLoading: false
  +preventTabbableLink: false
  +context: "media-teaser"
}
Footer 
[Anonymous]
 14.0 MiB 6.51 ms
Input props 
[]
Attributes 
[]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#4295
  -props: []
}