GET https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/de/media/906-roemische-zahlen

Response
200 OK
IP
216.73.216.102
Profiled on
Token
cd5e71

Components

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

Components

Name Metadata Render Count Render Time
Button 
"App\Twig\Components\Button"
components/Button.html.twig 		9 17.68ms
MediaCard 
"App\Twig\Components\MediaCard"
components/MediaCard.html.twig 		5 6.62ms
Heading:Large 
[Anonymous]
components/Heading/Large.html.twig 		2 2.14ms
Store:User 
"App\Twig\Components\Store\User"
components/Store/User.html.twig 		1 0.75ms
Header 
[Anonymous]
components/Header/index.html.twig 		1 34.82ms
Layout:Stack 
[Anonymous]
components/Layout/Stack.html.twig 		1 6.90ms
Header:Anonymous 
[Anonymous]
components/Header/Anonymous.html.twig 		1 6.23ms
Header:Logo 
[Anonymous]
components/Header/Logo.html.twig 		1 0.31ms
Header:LocalePicker 
[Anonymous]
components/Header/LocalePicker.html.twig 		1 2.15ms
LoginLink 
[Anonymous]
components/LoginLink.html.twig 		1 2.01ms
Dialog:LocalePicker 
"App\Twig\Components\Dialog\LocalePicker"
components/Dialog/LocalePicker.html.twig 		1 18.05ms
Dialog 
[Anonymous]
components/Dialog/index.html.twig 		1 17.47ms
Banner:UserBanners 
"App\Twig\Components\Banner\UserBanners"
components/Banner/UserBanners.html.twig 		1 0.58ms
MediaField 
[Anonymous]
components/MediaField.html.twig 		1 0.42ms
Demo:Video 
[Anonymous]
components/Demo/Video.html.twig 		1 0.38ms
Showcase:RevealPill 
[Anonymous]
components/Showcase/RevealPill.html.twig 		1 2.45ms
Showcase:Reveal 
[Anonymous]
components/Showcase/Reveal.html.twig 		1 1.20ms
DemoForm 
[Anonymous]
components/DemoForm.html.twig 		1 103.22ms
Footer 
[Anonymous]
components/Footer/index.html.twig 		1 6.90ms

Render calls

Store:User App\Twig\Components\Store\User 12.0 MiB 0.75 ms
Input props 
[]
Attributes 
[]
Component 
App\Twig\Components\Store\User {#3716
  -securityService: App\Service\SecurityService {#115 …}
  -geoService: App\Service\GeoService {#170 …}
  -institutionUtilsService: App\Service\InstitutionUtilsService {#3717 …}
}
Header 
[Anonymous]
 12.0 MiB 34.82 ms
Input props 
[
  "notSticky" => false
]
Attributes 
[
  "notSticky" => false
]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#3747
  -props: [
    "notSticky" => false
  ]
}
Layout:Stack 
[Anonymous]
 12.0 MiB 6.90 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 {#3773
  -props: [
    "data-compo" => "Header"
    "tag" => "header"
    "class" => "js-header transition bg-domain-dark top-0 relative z-10 p-bento -m-bento rounded-b-md"
    "data-header-sticky" => "yes"
  ]
}
Header:Anonymous 
[Anonymous]
 12.0 MiB 6.23 ms
Input props 
[
  "minimal" => false
]
Attributes 
[
  "minimal" => false
]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#3829
  -props: [
    "minimal" => false
  ]
}
Header:Logo 
[Anonymous]
 12.0 MiB 0.31 ms
Input props 
[]
Attributes 
[]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#3853
  -props: []
}
Header:LocalePicker 
[Anonymous]
 12.0 MiB 2.15 ms
Input props 
[
  "size" => "small"
  "hoverScheme" => "none"
  "darkColor" => "domain"
]
Attributes 
[
  "size" => "small"
  "hoverScheme" => "none"
  "darkColor" => "domain"
]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#3870
  -props: [
    "size" => "small"
    "hoverScheme" => "none"
    "darkColor" => "domain"
  ]
}
Button App\Twig\Components\Button 12.0 MiB 0.81 ms
Input props 
[
  "data-compo" => "Header/LocalePicker"
  "tag" => "button"
  "hoverScheme" => "none"
  "darkColor" => "domain"
  "class" => "text-center"
  "afterIcon" => "expand_more"
  "command" => "show-modal"
  "commandfor" => "language-picker-dialog"
  "size" => "small"
]
Attributes 
[
  "data-compo" => "Header/LocalePicker"
  "tag" => "button"
  "class" => "text-center"
  "afterIcon" => "expand_more"
  "command" => "show-modal"
  "commandfor" => "language-picker-dialog"
]
Component 
App\Twig\Components\Button {#3895
  +size: "small"
  +darkColor: "domain"
  +lightColor: "white"
  +hoverScheme: "none"
  +hoverTextColor: null
  +disabled: false
  +noLabelOnSmallScreen: false
  +iconClass: null
  +beforeIconClass: null
  +afterIconClass: null
}
LoginLink 
[Anonymous]
 12.0 MiB 2.01 ms
Input props 
[
  "class" => "grow"
  "size" => "small"
]
Attributes 
[
  "class" => "grow"
  "size" => "small"
]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#3887
  -props: [
    "class" => "grow"
    "size" => "small"
  ]
}
Button App\Twig\Components\Button 12.0 MiB 0.90 ms
Input props 
[
  "data-compo" => "LoginLink"
  "href" => "/de/login?next=/de/media/906-roemische-zahlen"
  "class" => "grow"
  "size" => "small"
]
Attributes 
[
  "data-compo" => "LoginLink"
  "href" => "/de/login?next=/de/media/906-roemische-zahlen"
  "class" => "grow"
]
Component 
App\Twig\Components\Button {#3973
  +size: "small"
  +darkColor: "domain-dark"
  +lightColor: "white"
  +hoverScheme: "default"
  +hoverTextColor: null
  +disabled: false
  +noLabelOnSmallScreen: false
  +iconClass: null
  +beforeIconClass: null
  +afterIconClass: null
}
Button App\Twig\Components\Button 12.0 MiB 0.56 ms
Input props 
[
  "class" => "grow"
  "size" => "small"
  "darkColor" => "domain"
  "href" => "/de/subscribe/"
]
Attributes 
[
  "class" => "grow"
  "href" => "/de/subscribe/"
]
Component 
App\Twig\Components\Button {#3987
  +size: "small"
  +darkColor: "domain"
  +lightColor: "white"
  +hoverScheme: "default"
  +hoverTextColor: null
  +disabled: false
  +noLabelOnSmallScreen: false
  +iconClass: null
  +beforeIconClass: null
  +afterIconClass: null
}
Dialog:LocalePicker App\Twig\Components\Dialog\LocalePicker 12.0 MiB 18.05 ms
Input props 
[]
Attributes 
[]
Component 
App\Twig\Components\Dialog\LocalePicker {#3811
  -localeSwitcherService: App\Service\LocaleSwitcherService {#1489 …}
}
Dialog 
[Anonymous]
 12.0 MiB 17.47 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 {#4024
  -props: [
    "data-compo" => "Dialog/LocalePicker"
    "id" => "language-picker-dialog"
  ]
}
Button App\Twig\Components\Button 12.0 MiB 11.06 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 {#4058
  +size: "small"
  +darkColor: "domain-dark"
  +lightColor: "white"
  +hoverScheme: "none"
  +hoverTextColor: "domain"
  +disabled: false
  +noLabelOnSmallScreen: false
  +iconClass: null
  +beforeIconClass: null
  +afterIconClass: null
}
Button App\Twig\Components\Button 12.0 MiB 0.59 ms
Input props 
[
  "class" => "w-full mb-bento "
  "href" => "/en/media/906-roman-numerals"
  "hoverScheme" => "none"
  "hoverTextColor" => "domain"
  "beforeIcon" => null
  "beforeIconClass" => "text-domain"
  "data-locale-picker-target" => "en"
]
Attributes 
[
  "class" => "w-full mb-bento "
  "href" => "/en/media/906-roman-numerals"
  "beforeIcon" => null
  "data-locale-picker-target" => "en"
]
Component 
App\Twig\Components\Button {#4089
  +size: null
  +darkColor: "domain-dark"
  +lightColor: "white"
  +hoverScheme: "none"
  +hoverTextColor: "domain"
  +disabled: false
  +noLabelOnSmallScreen: false
  +iconClass: null
  +beforeIconClass: "text-domain"
  +afterIconClass: null
}
Button App\Twig\Components\Button 12.0 MiB 0.82 ms
Input props 
[
  "class" => "w-full mb-bento "
  "href" => "/fr/media/906-chiffres-romains"
  "hoverScheme" => "none"
  "hoverTextColor" => "domain"
  "beforeIcon" => null
  "beforeIconClass" => "text-domain"
  "data-locale-picker-target" => "fr"
]
Attributes 
[
  "class" => "w-full mb-bento "
  "href" => "/fr/media/906-chiffres-romains"
  "beforeIcon" => null
  "data-locale-picker-target" => "fr"
]
Component 
App\Twig\Components\Button {#4126
  +size: null
  +darkColor: "domain-dark"
  +lightColor: "white"
  +hoverScheme: "none"
  +hoverTextColor: "domain"
  +disabled: false
  +noLabelOnSmallScreen: false
  +iconClass: null
  +beforeIconClass: "text-domain"
  +afterIconClass: null
}
Button App\Twig\Components\Button 12.0 MiB 0.58 ms
Input props 
[
  "class" => "w-full mb-bento "
  "href" => "/es/media/906-numeros-romanos"
  "hoverScheme" => "none"
  "hoverTextColor" => "domain"
  "beforeIcon" => null
  "beforeIconClass" => "text-domain"
  "data-locale-picker-target" => "es"
]
Attributes 
[
  "class" => "w-full mb-bento "
  "href" => "/es/media/906-numeros-romanos"
  "beforeIcon" => null
  "data-locale-picker-target" => "es"
]
Component 
App\Twig\Components\Button {#4145
  +size: null
  +darkColor: "domain-dark"
  +lightColor: "white"
  +hoverScheme: "none"
  +hoverTextColor: "domain"
  +disabled: false
  +noLabelOnSmallScreen: false
  +iconClass: null
  +beforeIconClass: "text-domain"
  +afterIconClass: null
}
Button App\Twig\Components\Button 12.0 MiB 0.61 ms
Input props 
[
  "class" => "w-full mb-bento pointer-events-none"
  "href" => "/de/media/906-roemische-zahlen"
  "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/906-roemische-zahlen"
  "beforeIcon" => "done"
  "data-locale-picker-target" => "de"
]
Component 
App\Twig\Components\Button {#4165
  +size: null
  +darkColor: "domain-dark"
  +lightColor: "white"
  +hoverScheme: "none"
  +hoverTextColor: "domain"
  +disabled: false
  +noLabelOnSmallScreen: false
  +iconClass: null
  +beforeIconClass: "text-domain"
  +afterIconClass: null
}
Banner:UserBanners App\Twig\Components\Banner\UserBanners 12.0 MiB 0.58 ms
Input props 
[]
Attributes 
[]
Component 
App\Twig\Components\Banner\UserBanners {#3764
  -purchaseRepository: App\Repository\PurchaseRepository {#118 …}
  -securityService: App\Service\SecurityService {#115 …}
}
MediaField 
[Anonymous]
 12.0 MiB 0.42 ms
Input props 
[
  "title" => "Lernziele"
  "media" => [
    "id" => 906
    "title" => "Römische Zahlen"
    "slug" => "roemische-zahlen"
    "mediaType" => "simulation"
    "thumbnailSizes" => [
      "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/906-6545f470ca058029558222.webp"
      "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/906-6545f470ca058029558222.webp"
      "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/906-6545f470ca058029558222.webp"
    ]
    "thumbnailBackground" => "#462f92"
    "publishedAt" => DateTimeImmutable @1529625600 {#1378
      date: 2018-06-22 00:00:00.0 UTC (+00:00)
    }
    "isExpert" => false
    "goals" => """
      <ul>\r\n
      \t<li>Seinen Sinn f&uuml;r Logik und seine F&auml;higkeit zum abstrakten Denken testen.&nbsp;</li>\r\n
      \t<li>Aufzeigen, dass es verschiedene Darstellungsformen von Zahlen gibt.</li>\r\n
      \t<li>Erkl&auml;ren, warum das r&ouml;mische Zahlensystem kein Stellenwertsystem ist.&nbsp;</li>\r\n
      </ul>
      """
    "width" => 550
    "height" => 440
    "description" => """
      <p>Die r&ouml;mischen Zahlen schreibt man ausgehend von 7 Symbolen, die miteinander kombiniert werden. Die Symbole waren urspr&uuml;nglich grafische Zeichen und sind jetzt in die Buchstaben I, V, X, L, C, D, M &uuml;bergegangen. Jedes dieser Symbol stellt jeweils einen Zahlenwert dar: 1, 5, 10, 50, 100, 500, 1000.&nbsp;</p>\r\n
      \r\n
      <p>Andere Zahlen werden gebildet, indem mehrere Zahlzeichen miteinander kombiniert werden, wobei die Regeln der Addition oder der Subtraktion respektiert werden. Im r&ouml;mischen Zahlensystem schreibt man die Zahlen von links nach rechts.&nbsp;<br />\r\n
      Im Allgemeinen werden die Symbole nach abnehmendem Wert angeordnet.&nbsp;</p>\r\n
      \r\n
      <p>Der Wert der Zahl erschlie&szlig;t sich, indem die mit jedem Symbol verbundenen Werte addiert werden: MMDCCLXXVII stellt die Zahl 2777 dar (1000 + 1000 + 500 + 100 + 100 + 50 + 10 + 10 + 5 + 1 + 1).&nbsp;</p>\r\n
      \r\n
      <p>Die Regeln der Subtraktion werden nur auf die Symbole I, X und C angewendet. Diese k&ouml;nnen 2 &nbsp;Symbolen mit h&ouml;herem Wert vorangestellt werden, aber nur 2 bestimmten. In diesem Fall wird der Wert von I, X oder C von demjenigen des Symbols, dem er vorausgeht, abgezogen.&nbsp;</p>\r\n
      \r\n
      <ul>\r\n
      \t<li>Das Symbol I kann den Symbolen V und X vorangestellt werden: IV stellt die Zahl 4 dar (5-1), IX stellt die Zahl 9 dar (10-1).&nbsp;</li>\r\n
      \t<li>Das Symbol X kann den Symbolen L und C vorangestellt werden: XL stellt die Zahl 40 dar (50-10), XC stellt die Zahl 90 dar (100-10).&nbsp;</li>\r\n
      \t<li>Das Symbol C kann den Symbolen D und M vorangestellt werden: CD stellt die Zahl 400 dar (500-100), CM stellt die Zahl 900 dar (1000-100).&nbsp;</li>\r\n
      </ul>
      """
    "suggestions" => [
      App\Entity\vo\MediaCardLight {#3472
        #id: 490
        #title: "Abakus (soroban)"
        #mediaType: "simulation"
        #thumbnailSizes: [
          "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/490-6545f38272672939831589.webp"
          "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/490-6545f38272672939831589.webp"
          "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/490-6545f38272672939831589.webp"
        ]
        #thumbnailBackground: "#00a751"
        #publishedAt: DateTimeImmutable @1431302400 {#2984
          date: 2015-05-11 00:00:00.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "abakus-soroban"
      }
      App\Entity\vo\MediaCardLight {#3474
        #id: 461
        #title: "Abakus (suanpan)"
        #mediaType: "simulation"
        #thumbnailSizes: [
          "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/461-6545f36fbb3bd600152207.webp"
          "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/461-6545f36fbb3bd600152207.webp"
          "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/461-6545f36fbb3bd600152207.webp"
        ]
        #thumbnailBackground: "#462f92"
        #publishedAt: DateTimeImmutable @1431302400 {#2948
          date: 2015-05-11 00:00:00.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "abakus-suanpan"
      }
      App\Entity\vo\MediaCardLight {#3475
        #id: 194
        #title: "Größer oder kleiner als"
        #mediaType: "simulation"
        #thumbnailSizes: [
          "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/194-6545f2d5eefc1986923922.webp"
          "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/194-6545f2d5eefc1986923922.webp"
          "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/194-6545f2d5eefc1986923922.webp"
        ]
        #thumbnailBackground: "#462f92"
        #publishedAt: DateTimeImmutable @1431302400 {#2879
          date: 2015-05-11 00:00:00.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "groesser-oder-kleiner-als"
      }
      App\Entity\vo\MediaCardLight {#3476
        #id: 201
        #title: "Vielfache und Primzahlen"
        #mediaType: "simulation"
        #thumbnailSizes: [
          "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/201-6545f2da809f3286325323.webp"
          "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/201-6545f2da809f3286325323.webp"
          "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/201-6545f2da809f3286325323.webp"
        ]
        #thumbnailBackground: "#f6951d"
        #publishedAt: DateTimeImmutable @1492560000 {#2912
          date: 2017-04-19 00:00:00.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "vielfache-und-primzahlen"
      }
      App\Entity\vo\MediaCardLight {#3477
        #id: 768
        #title: "<p>Gerade und ungerade Zahlen</p>"
        #mediaType: "simulation"
        #thumbnailSizes: [
          "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/768-6545f43ca4d11616734520.webp"
          "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/768-6545f43ca4d11616734520.webp"
          "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/768-6545f43ca4d11616734520.webp"
        ]
        #thumbnailBackground: "#f6adcc"
        #publishedAt: DateTimeImmutable @1457395200 {#3000
          date: 2016-03-08 00:00:00.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "p-gerade-und-ungerade-zahlen-p"
      }
    ]
    "tags" => [
      "geschichte"
      "rechenkompetenz"
      "rom"
      "zahlen"
      "zahlensystem"
      "ziffern"
    ]
    "baseNodeName" => "Mathemathik"
  ]
  "key" => "goals"
]
Attributes 
[
  "title" => "Lernziele"
  "media" => [
    "id" => 906
    "title" => "Römische Zahlen"
    "slug" => "roemische-zahlen"
    "mediaType" => "simulation"
    "thumbnailSizes" => [
      "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/906-6545f470ca058029558222.webp"
      "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/906-6545f470ca058029558222.webp"
      "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/906-6545f470ca058029558222.webp"
    ]
    "thumbnailBackground" => "#462f92"
    "publishedAt" => DateTimeImmutable @1529625600 {#1378
      date: 2018-06-22 00:00:00.0 UTC (+00:00)
    }
    "isExpert" => false
    "goals" => """
      <ul>\r\n
      \t<li>Seinen Sinn f&uuml;r Logik und seine F&auml;higkeit zum abstrakten Denken testen.&nbsp;</li>\r\n
      \t<li>Aufzeigen, dass es verschiedene Darstellungsformen von Zahlen gibt.</li>\r\n
      \t<li>Erkl&auml;ren, warum das r&ouml;mische Zahlensystem kein Stellenwertsystem ist.&nbsp;</li>\r\n
      </ul>
      """
    "width" => 550
    "height" => 440
    "description" => """
      <p>Die r&ouml;mischen Zahlen schreibt man ausgehend von 7 Symbolen, die miteinander kombiniert werden. Die Symbole waren urspr&uuml;nglich grafische Zeichen und sind jetzt in die Buchstaben I, V, X, L, C, D, M &uuml;bergegangen. Jedes dieser Symbol stellt jeweils einen Zahlenwert dar: 1, 5, 10, 50, 100, 500, 1000.&nbsp;</p>\r\n
      \r\n
      <p>Andere Zahlen werden gebildet, indem mehrere Zahlzeichen miteinander kombiniert werden, wobei die Regeln der Addition oder der Subtraktion respektiert werden. Im r&ouml;mischen Zahlensystem schreibt man die Zahlen von links nach rechts.&nbsp;<br />\r\n
      Im Allgemeinen werden die Symbole nach abnehmendem Wert angeordnet.&nbsp;</p>\r\n
      \r\n
      <p>Der Wert der Zahl erschlie&szlig;t sich, indem die mit jedem Symbol verbundenen Werte addiert werden: MMDCCLXXVII stellt die Zahl 2777 dar (1000 + 1000 + 500 + 100 + 100 + 50 + 10 + 10 + 5 + 1 + 1).&nbsp;</p>\r\n
      \r\n
      <p>Die Regeln der Subtraktion werden nur auf die Symbole I, X und C angewendet. Diese k&ouml;nnen 2 &nbsp;Symbolen mit h&ouml;herem Wert vorangestellt werden, aber nur 2 bestimmten. In diesem Fall wird der Wert von I, X oder C von demjenigen des Symbols, dem er vorausgeht, abgezogen.&nbsp;</p>\r\n
      \r\n
      <ul>\r\n
      \t<li>Das Symbol I kann den Symbolen V und X vorangestellt werden: IV stellt die Zahl 4 dar (5-1), IX stellt die Zahl 9 dar (10-1).&nbsp;</li>\r\n
      \t<li>Das Symbol X kann den Symbolen L und C vorangestellt werden: XL stellt die Zahl 40 dar (50-10), XC stellt die Zahl 90 dar (100-10).&nbsp;</li>\r\n
      \t<li>Das Symbol C kann den Symbolen D und M vorangestellt werden: CD stellt die Zahl 400 dar (500-100), CM stellt die Zahl 900 dar (1000-100).&nbsp;</li>\r\n
      </ul>
      """
    "suggestions" => [
      App\Entity\vo\MediaCardLight {#3472
        #id: 490
        #title: "Abakus (soroban)"
        #mediaType: "simulation"
        #thumbnailSizes: [
          "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/490-6545f38272672939831589.webp"
          "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/490-6545f38272672939831589.webp"
          "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/490-6545f38272672939831589.webp"
        ]
        #thumbnailBackground: "#00a751"
        #publishedAt: DateTimeImmutable @1431302400 {#2984
          date: 2015-05-11 00:00:00.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "abakus-soroban"
      }
      App\Entity\vo\MediaCardLight {#3474
        #id: 461
        #title: "Abakus (suanpan)"
        #mediaType: "simulation"
        #thumbnailSizes: [
          "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/461-6545f36fbb3bd600152207.webp"
          "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/461-6545f36fbb3bd600152207.webp"
          "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/461-6545f36fbb3bd600152207.webp"
        ]
        #thumbnailBackground: "#462f92"
        #publishedAt: DateTimeImmutable @1431302400 {#2948
          date: 2015-05-11 00:00:00.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "abakus-suanpan"
      }
      App\Entity\vo\MediaCardLight {#3475
        #id: 194
        #title: "Größer oder kleiner als"
        #mediaType: "simulation"
        #thumbnailSizes: [
          "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/194-6545f2d5eefc1986923922.webp"
          "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/194-6545f2d5eefc1986923922.webp"
          "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/194-6545f2d5eefc1986923922.webp"
        ]
        #thumbnailBackground: "#462f92"
        #publishedAt: DateTimeImmutable @1431302400 {#2879
          date: 2015-05-11 00:00:00.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "groesser-oder-kleiner-als"
      }
      App\Entity\vo\MediaCardLight {#3476
        #id: 201
        #title: "Vielfache und Primzahlen"
        #mediaType: "simulation"
        #thumbnailSizes: [
          "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/201-6545f2da809f3286325323.webp"
          "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/201-6545f2da809f3286325323.webp"
          "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/201-6545f2da809f3286325323.webp"
        ]
        #thumbnailBackground: "#f6951d"
        #publishedAt: DateTimeImmutable @1492560000 {#2912
          date: 2017-04-19 00:00:00.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "vielfache-und-primzahlen"
      }
      App\Entity\vo\MediaCardLight {#3477
        #id: 768
        #title: "<p>Gerade und ungerade Zahlen</p>"
        #mediaType: "simulation"
        #thumbnailSizes: [
          "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/768-6545f43ca4d11616734520.webp"
          "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/768-6545f43ca4d11616734520.webp"
          "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/768-6545f43ca4d11616734520.webp"
        ]
        #thumbnailBackground: "#f6adcc"
        #publishedAt: DateTimeImmutable @1457395200 {#3000
          date: 2016-03-08 00:00:00.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "p-gerade-und-ungerade-zahlen-p"
      }
    ]
    "tags" => [
      "geschichte"
      "rechenkompetenz"
      "rom"
      "zahlen"
      "zahlensystem"
      "ziffern"
    ]
    "baseNodeName" => "Mathemathik"
  ]
  "key" => "goals"
]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#4197
  -props: [
    "title" => "Lernziele"
    "media" => [
      "id" => 906
      "title" => "Römische Zahlen"
      "slug" => "roemische-zahlen"
      "mediaType" => "simulation"
      "thumbnailSizes" => [
        "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/906-6545f470ca058029558222.webp"
        "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/906-6545f470ca058029558222.webp"
        "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/906-6545f470ca058029558222.webp"
      ]
      "thumbnailBackground" => "#462f92"
      "publishedAt" => DateTimeImmutable @1529625600 {#1378
        date: 2018-06-22 00:00:00.0 UTC (+00:00)
      }
      "isExpert" => false
      "goals" => """
        <ul>\r\n
        \t<li>Seinen Sinn f&uuml;r Logik und seine F&auml;higkeit zum abstrakten Denken testen.&nbsp;</li>\r\n
        \t<li>Aufzeigen, dass es verschiedene Darstellungsformen von Zahlen gibt.</li>\r\n
        \t<li>Erkl&auml;ren, warum das r&ouml;mische Zahlensystem kein Stellenwertsystem ist.&nbsp;</li>\r\n
        </ul>
        """
      "width" => 550
      "height" => 440
      "description" => """
        <p>Die r&ouml;mischen Zahlen schreibt man ausgehend von 7 Symbolen, die miteinander kombiniert werden. Die Symbole waren urspr&uuml;nglich grafische Zeichen und sind jetzt in die Buchstaben I, V, X, L, C, D, M &uuml;bergegangen. Jedes dieser Symbol stellt jeweils einen Zahlenwert dar: 1, 5, 10, 50, 100, 500, 1000.&nbsp;</p>\r\n
        \r\n
        <p>Andere Zahlen werden gebildet, indem mehrere Zahlzeichen miteinander kombiniert werden, wobei die Regeln der Addition oder der Subtraktion respektiert werden. Im r&ouml;mischen Zahlensystem schreibt man die Zahlen von links nach rechts.&nbsp;<br />\r\n
        Im Allgemeinen werden die Symbole nach abnehmendem Wert angeordnet.&nbsp;</p>\r\n
        \r\n
        <p>Der Wert der Zahl erschlie&szlig;t sich, indem die mit jedem Symbol verbundenen Werte addiert werden: MMDCCLXXVII stellt die Zahl 2777 dar (1000 + 1000 + 500 + 100 + 100 + 50 + 10 + 10 + 5 + 1 + 1).&nbsp;</p>\r\n
        \r\n
        <p>Die Regeln der Subtraktion werden nur auf die Symbole I, X und C angewendet. Diese k&ouml;nnen 2 &nbsp;Symbolen mit h&ouml;herem Wert vorangestellt werden, aber nur 2 bestimmten. In diesem Fall wird der Wert von I, X oder C von demjenigen des Symbols, dem er vorausgeht, abgezogen.&nbsp;</p>\r\n
        \r\n
        <ul>\r\n
        \t<li>Das Symbol I kann den Symbolen V und X vorangestellt werden: IV stellt die Zahl 4 dar (5-1), IX stellt die Zahl 9 dar (10-1).&nbsp;</li>\r\n
        \t<li>Das Symbol X kann den Symbolen L und C vorangestellt werden: XL stellt die Zahl 40 dar (50-10), XC stellt die Zahl 90 dar (100-10).&nbsp;</li>\r\n
        \t<li>Das Symbol C kann den Symbolen D und M vorangestellt werden: CD stellt die Zahl 400 dar (500-100), CM stellt die Zahl 900 dar (1000-100).&nbsp;</li>\r\n
        </ul>
        """
      "suggestions" => [
        App\Entity\vo\MediaCardLight {#3472
          #id: 490
          #title: "Abakus (soroban)"
          #mediaType: "simulation"
          #thumbnailSizes: [
            "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/490-6545f38272672939831589.webp"
            "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/490-6545f38272672939831589.webp"
            "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/490-6545f38272672939831589.webp"
          ]
          #thumbnailBackground: "#00a751"
          #publishedAt: DateTimeImmutable @1431302400 {#2984
            date: 2015-05-11 00:00:00.0 UTC (+00:00)
          }
          #isExpert: false
          #slug: "abakus-soroban"
        }
        App\Entity\vo\MediaCardLight {#3474
          #id: 461
          #title: "Abakus (suanpan)"
          #mediaType: "simulation"
          #thumbnailSizes: [
            "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/461-6545f36fbb3bd600152207.webp"
            "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/461-6545f36fbb3bd600152207.webp"
            "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/461-6545f36fbb3bd600152207.webp"
          ]
          #thumbnailBackground: "#462f92"
          #publishedAt: DateTimeImmutable @1431302400 {#2948
            date: 2015-05-11 00:00:00.0 UTC (+00:00)
          }
          #isExpert: false
          #slug: "abakus-suanpan"
        }
        App\Entity\vo\MediaCardLight {#3475
          #id: 194
          #title: "Größer oder kleiner als"
          #mediaType: "simulation"
          #thumbnailSizes: [
            "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/194-6545f2d5eefc1986923922.webp"
            "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/194-6545f2d5eefc1986923922.webp"
            "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/194-6545f2d5eefc1986923922.webp"
          ]
          #thumbnailBackground: "#462f92"
          #publishedAt: DateTimeImmutable @1431302400 {#2879
            date: 2015-05-11 00:00:00.0 UTC (+00:00)
          }
          #isExpert: false
          #slug: "groesser-oder-kleiner-als"
        }
        App\Entity\vo\MediaCardLight {#3476
          #id: 201
          #title: "Vielfache und Primzahlen"
          #mediaType: "simulation"
          #thumbnailSizes: [
            "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/201-6545f2da809f3286325323.webp"
            "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/201-6545f2da809f3286325323.webp"
            "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/201-6545f2da809f3286325323.webp"
          ]
          #thumbnailBackground: "#f6951d"
          #publishedAt: DateTimeImmutable @1492560000 {#2912
            date: 2017-04-19 00:00:00.0 UTC (+00:00)
          }
          #isExpert: false
          #slug: "vielfache-und-primzahlen"
        }
        App\Entity\vo\MediaCardLight {#3477
          #id: 768
          #title: "<p>Gerade und ungerade Zahlen</p>"
          #mediaType: "simulation"
          #thumbnailSizes: [
            "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/768-6545f43ca4d11616734520.webp"
            "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/768-6545f43ca4d11616734520.webp"
            "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/768-6545f43ca4d11616734520.webp"
          ]
          #thumbnailBackground: "#f6adcc"
          #publishedAt: DateTimeImmutable @1457395200 {#3000
            date: 2016-03-08 00:00:00.0 UTC (+00:00)
          }
          #isExpert: false
          #slug: "p-gerade-und-ungerade-zahlen-p"
        }
      ]
      "tags" => [
        "geschichte"
        "rechenkompetenz"
        "rom"
        "zahlen"
        "zahlensystem"
        "ziffern"
      ]
      "baseNodeName" => "Mathemathik"
    ]
    "key" => "goals"
  ]
}
Demo:Video 
[Anonymous]
 12.0 MiB 0.38 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 {#4219
  -props: [
    "width" => "600"
    "height" => "596"
    "class" => "max-w-none absolute"
  ]
}
Heading:Large 
[Anonymous]
 12.0 MiB 0.91 ms
Input props 
[
  "tag" => "h2"
]
Attributes 
[
  "tag" => "h2"
]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#4235
  -props: [
    "tag" => "h2"
  ]
}
Showcase:RevealPill 
[Anonymous]
 12.0 MiB 2.45 ms
Input props 
[
  "icon" => "source"
]
Attributes 
[
  "icon" => "source"
]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#4259
  -props: [
    "icon" => "source"
  ]
}
Showcase:Reveal 
[Anonymous]
 12.0 MiB 1.20 ms
Input props 
[
  "class" => "-mt-1"
  "text" => Twig\Markup {#4295
    -content: "Mehr als 1000 Ressourcen"
    -charset: "UTF-8"
  }
]
Attributes 
[
  "class" => "-mt-1"
  "text" => "Mehr als 1000 Ressourcen"
]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#4297
  -props: [
    "class" => "-mt-1"
    "text" => Twig\Markup {#4295
      -content: "Mehr als 1000 Ressourcen"
      -charset: "UTF-8"
    }
  ]
}
DemoForm 
[Anonymous]
 12.0 MiB 103.22 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 {#4281
  -props: [
    "isDemoPage" => false
    "class" => "max-w-prose mx-auto"
  ]
}
Button App\Twig\Components\Button 12.0 MiB 1.75 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 {#4541
  +size: null
  +darkColor: "domain"
  +lightColor: "white"
  +hoverScheme: "default"
  +hoverTextColor: null
  +disabled: false
  +noLabelOnSmallScreen: false
  +iconClass: null
  +beforeIconClass: null
  +afterIconClass: null
}
Heading:Large 
[Anonymous]
 12.0 MiB 1.23 ms
Input props 
[
  "class" => "text-white"
  "tag" => "h1"
]
Attributes 
[
  "class" => "text-white"
  "tag" => "h1"
]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#4326
  -props: [
    "class" => "text-white"
    "tag" => "h1"
  ]
}
MediaCard App\Twig\Components\MediaCard 12.0 MiB 1.69 ms
Input props 
[
  "cardData" => App\Entity\vo\MediaCardLight {#3472
    #id: 490
    #title: "Abakus (soroban)"
    #mediaType: "simulation"
    #thumbnailSizes: [
      "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/490-6545f38272672939831589.webp"
      "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/490-6545f38272672939831589.webp"
      "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/490-6545f38272672939831589.webp"
    ]
    #thumbnailBackground: "#00a751"
    #publishedAt: DateTimeImmutable @1431302400 {#2984
      date: 2015-05-11 00:00:00.0 UTC (+00:00)
    }
    #isExpert: false
    #slug: "abakus-soroban"
  }
  "context" => "media-teaser"
  "class" => "w-1/2 "
]
Attributes 
[
  "class" => "w-1/2 "
]
Component 
App\Twig\Components\MediaCard {#4408
  -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 {#3472
    #id: 490
    #title: "Abakus (soroban)"
    #mediaType: "simulation"
    #thumbnailSizes: [
      "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/490-6545f38272672939831589.webp"
      "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/490-6545f38272672939831589.webp"
      "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/490-6545f38272672939831589.webp"
    ]
    #thumbnailBackground: "#00a751"
    #publishedAt: DateTimeImmutable @1431302400 {#2984
      date: 2015-05-11 00:00:00.0 UTC (+00:00)
    }
    #isExpert: false
    #slug: "abakus-soroban"
  }
  +thumbnailEagerLoading: false
  +preventTabbableLink: false
  +context: "media-teaser"
}
MediaCard App\Twig\Components\MediaCard 12.0 MiB 1.21 ms
Input props 
[
  "cardData" => App\Entity\vo\MediaCardLight {#3474
    #id: 461
    #title: "Abakus (suanpan)"
    #mediaType: "simulation"
    #thumbnailSizes: [
      "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/461-6545f36fbb3bd600152207.webp"
      "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/461-6545f36fbb3bd600152207.webp"
      "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/461-6545f36fbb3bd600152207.webp"
    ]
    #thumbnailBackground: "#462f92"
    #publishedAt: DateTimeImmutable @1431302400 {#2948
      date: 2015-05-11 00:00:00.0 UTC (+00:00)
    }
    #isExpert: false
    #slug: "abakus-suanpan"
  }
  "context" => "media-teaser"
  "class" => "w-1/2 hidden md:block"
]
Attributes 
[
  "class" => "w-1/2 hidden md: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 {#3474
    #id: 461
    #title: "Abakus (suanpan)"
    #mediaType: "simulation"
    #thumbnailSizes: [
      "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/461-6545f36fbb3bd600152207.webp"
      "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/461-6545f36fbb3bd600152207.webp"
      "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/461-6545f36fbb3bd600152207.webp"
    ]
    #thumbnailBackground: "#462f92"
    #publishedAt: DateTimeImmutable @1431302400 {#2948
      date: 2015-05-11 00:00:00.0 UTC (+00:00)
    }
    #isExpert: false
    #slug: "abakus-suanpan"
  }
  +thumbnailEagerLoading: false
  +preventTabbableLink: false
  +context: "media-teaser"
}
MediaCard App\Twig\Components\MediaCard 12.0 MiB 1.38 ms
Input props 
[
  "cardData" => App\Entity\vo\MediaCardLight {#3475
    #id: 194
    #title: "Größer oder kleiner als"
    #mediaType: "simulation"
    #thumbnailSizes: [
      "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/194-6545f2d5eefc1986923922.webp"
      "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/194-6545f2d5eefc1986923922.webp"
      "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/194-6545f2d5eefc1986923922.webp"
    ]
    #thumbnailBackground: "#462f92"
    #publishedAt: DateTimeImmutable @1431302400 {#2879
      date: 2015-05-11 00:00:00.0 UTC (+00:00)
    }
    #isExpert: false
    #slug: "groesser-oder-kleiner-als"
  }
  "context" => "media-teaser"
  "class" => "w-1/2 hidden lg:block"
]
Attributes 
[
  "class" => "w-1/2 hidden lg:block"
]
Component 
App\Twig\Components\MediaCard {#4649
  -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 {#3475
    #id: 194
    #title: "Größer oder kleiner als"
    #mediaType: "simulation"
    #thumbnailSizes: [
      "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/194-6545f2d5eefc1986923922.webp"
      "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/194-6545f2d5eefc1986923922.webp"
      "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/194-6545f2d5eefc1986923922.webp"
    ]
    #thumbnailBackground: "#462f92"
    #publishedAt: DateTimeImmutable @1431302400 {#2879
      date: 2015-05-11 00:00:00.0 UTC (+00:00)
    }
    #isExpert: false
    #slug: "groesser-oder-kleiner-als"
  }
  +thumbnailEagerLoading: false
  +preventTabbableLink: false
  +context: "media-teaser"
}
MediaCard App\Twig\Components\MediaCard 12.0 MiB 1.14 ms
Input props 
[
  "cardData" => App\Entity\vo\MediaCardLight {#3476
    #id: 201
    #title: "Vielfache und Primzahlen"
    #mediaType: "simulation"
    #thumbnailSizes: [
      "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/201-6545f2da809f3286325323.webp"
      "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/201-6545f2da809f3286325323.webp"
      "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/201-6545f2da809f3286325323.webp"
    ]
    #thumbnailBackground: "#f6951d"
    #publishedAt: DateTimeImmutable @1492560000 {#2912
      date: 2017-04-19 00:00:00.0 UTC (+00:00)
    }
    #isExpert: false
    #slug: "vielfache-und-primzahlen"
  }
  "context" => "media-teaser"
  "class" => "w-1/2 hidden lg:block"
]
Attributes 
[
  "class" => "w-1/2 hidden lg:block"
]
Component 
App\Twig\Components\MediaCard {#4668
  -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 {#3476
    #id: 201
    #title: "Vielfache und Primzahlen"
    #mediaType: "simulation"
    #thumbnailSizes: [
      "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/201-6545f2da809f3286325323.webp"
      "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/201-6545f2da809f3286325323.webp"
      "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/201-6545f2da809f3286325323.webp"
    ]
    #thumbnailBackground: "#f6951d"
    #publishedAt: DateTimeImmutable @1492560000 {#2912
      date: 2017-04-19 00:00:00.0 UTC (+00:00)
    }
    #isExpert: false
    #slug: "vielfache-und-primzahlen"
  }
  +thumbnailEagerLoading: false
  +preventTabbableLink: false
  +context: "media-teaser"
}
MediaCard App\Twig\Components\MediaCard 12.0 MiB 1.19 ms
Input props 
[
  "cardData" => App\Entity\vo\MediaCardLight {#3477
    #id: 768
    #title: "<p>Gerade und ungerade Zahlen</p>"
    #mediaType: "simulation"
    #thumbnailSizes: [
      "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/768-6545f43ca4d11616734520.webp"
      "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/768-6545f43ca4d11616734520.webp"
      "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/768-6545f43ca4d11616734520.webp"
    ]
    #thumbnailBackground: "#f6adcc"
    #publishedAt: DateTimeImmutable @1457395200 {#3000
      date: 2016-03-08 00:00:00.0 UTC (+00:00)
    }
    #isExpert: false
    #slug: "p-gerade-und-ungerade-zahlen-p"
  }
  "context" => "media-teaser"
  "class" => "w-1/2 hidden lg:block"
]
Attributes 
[
  "class" => "w-1/2 hidden lg:block"
]
Component 
App\Twig\Components\MediaCard {#4687
  -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 {#3477
    #id: 768
    #title: "<p>Gerade und ungerade Zahlen</p>"
    #mediaType: "simulation"
    #thumbnailSizes: [
      "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/768-6545f43ca4d11616734520.webp"
      "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/768-6545f43ca4d11616734520.webp"
      "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/768-6545f43ca4d11616734520.webp"
    ]
    #thumbnailBackground: "#f6adcc"
    #publishedAt: DateTimeImmutable @1457395200 {#3000
      date: 2016-03-08 00:00:00.0 UTC (+00:00)
    }
    #isExpert: false
    #slug: "p-gerade-und-ungerade-zahlen-p"
  }
  +thumbnailEagerLoading: false
  +preventTabbableLink: false
  +context: "media-teaser"
}
Footer 
[Anonymous]
 12.0 MiB 6.90 ms
Input props 
[]
Attributes 
[]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#4244
  -props: []
}