GET https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/de/media/1002-ein-jahr-365-tage-und-1-4

Response
200 OK
IP
216.73.217.39
Profiled on
Token
dffdd1

Components

19 Twig Components
32 Render Count
624 ms Render Time
10.0 MiB Memory Usage

Components

Name Metadata Render Count Render Time
Button 
"App\Twig\Components\Button"
components/Button.html.twig 		9 142.14ms
MediaCard 
"App\Twig\Components\MediaCard"
components/MediaCard.html.twig 		5 2.87ms
Heading:Large 
[Anonymous]
components/Heading/Large.html.twig 		2 19.92ms
Store:User 
"App\Twig\Components\Store\User"
components/Store/User.html.twig 		1 3.81ms
Header 
[Anonymous]
components/Header/index.html.twig 		1 296.80ms
Layout:Stack 
[Anonymous]
components/Layout/Stack.html.twig 		1 80.06ms
Header:Anonymous 
[Anonymous]
components/Header/Anonymous.html.twig 		1 78.62ms
Header:Logo 
[Anonymous]
components/Header/Logo.html.twig 		1 0.66ms
Header:LocalePicker 
[Anonymous]
components/Header/LocalePicker.html.twig 		1 17.16ms
LoginLink 
[Anonymous]
components/LoginLink.html.twig 		1 4.48ms
Dialog:LocalePicker 
"App\Twig\Components\Dialog\LocalePicker"
components/Dialog/LocalePicker.html.twig 		1 140.67ms
Dialog 
[Anonymous]
components/Dialog/index.html.twig 		1 139.19ms
Banner:UserBanners 
"App\Twig\Components\Banner\UserBanners"
components/Banner/UserBanners.html.twig 		1 1.55ms
MediaField 
[Anonymous]
components/MediaField.html.twig 		1 16.57ms
Demo:Video 
[Anonymous]
components/Demo/Video.html.twig 		1 1.77ms
Showcase:RevealPill 
[Anonymous]
components/Showcase/RevealPill.html.twig 		1 23.96ms
Showcase:Reveal 
[Anonymous]
components/Showcase/Reveal.html.twig 		1 1.65ms
DemoForm 
[Anonymous]
components/DemoForm.html.twig 		1 240.28ms
Footer 
[Anonymous]
components/Footer/index.html.twig 		1 16.65ms

Render calls

Store:User App\Twig\Components\Store\User 10.0 MiB 3.81 ms
Input props 
[]
Attributes 
[]
Component 
App\Twig\Components\Store\User {#3734
  -securityService: App\Service\SecurityService {#116 …}
  -geoService: App\Service\GeoService {#171 …}
  -institutionUtilsService: App\Service\InstitutionUtilsService {#3735 …}
}
Header 
[Anonymous]
 10.0 MiB 296.80 ms
Input props 
[
  "notSticky" => false
]
Attributes 
[
  "notSticky" => false
]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#3765
  -props: [
    "notSticky" => false
  ]
}
Layout:Stack 
[Anonymous]
 10.0 MiB 80.06 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 {#3791
  -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]
 10.0 MiB 78.62 ms
Input props 
[
  "minimal" => false
]
Attributes 
[
  "minimal" => false
]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#3847
  -props: [
    "minimal" => false
  ]
}
Header:Logo 
[Anonymous]
 10.0 MiB 0.66 ms
Input props 
[]
Attributes 
[]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#3871
  -props: []
}
Header:LocalePicker 
[Anonymous]
 10.0 MiB 17.16 ms
Input props 
[
  "size" => "small"
  "hoverScheme" => "none"
  "darkColor" => "domain"
]
Attributes 
[
  "size" => "small"
  "hoverScheme" => "none"
  "darkColor" => "domain"
]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#3888
  -props: [
    "size" => "small"
    "hoverScheme" => "none"
    "darkColor" => "domain"
  ]
}
Button App\Twig\Components\Button 10.0 MiB 14.65 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 {#3913
  +size: "small"
  +darkColor: "domain"
  +lightColor: "white"
  +hoverScheme: "none"
  +hoverTextColor: null
  +disabled: false
  +noLabelOnSmallScreen: false
  +iconClass: null
  +beforeIconClass: null
  +afterIconClass: null
}
LoginLink 
[Anonymous]
 10.0 MiB 4.48 ms
Input props 
[
  "class" => "grow"
  "size" => "small"
]
Attributes 
[
  "class" => "grow"
  "size" => "small"
]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#3905
  -props: [
    "class" => "grow"
    "size" => "small"
  ]
}
Button App\Twig\Components\Button 10.0 MiB 1.80 ms
Input props 
[
  "data-compo" => "LoginLink"
  "href" => "/de/login?next=/de/media/1002-ein-jahr-365-tage-und-1-4"
  "class" => "grow"
  "size" => "small"
]
Attributes 
[
  "data-compo" => "LoginLink"
  "href" => "/de/login?next=/de/media/1002-ein-jahr-365-tage-und-1-4"
  "class" => "grow"
]
Component 
App\Twig\Components\Button {#3991
  +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 10.0 MiB 39.19 ms
Input props 
[
  "class" => "grow"
  "size" => "small"
  "darkColor" => "domain"
  "href" => "/de/subscribe/"
]
Attributes 
[
  "class" => "grow"
  "href" => "/de/subscribe/"
]
Component 
App\Twig\Components\Button {#4005
  +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 10.0 MiB 140.67 ms
Input props 
[]
Attributes 
[]
Component 
App\Twig\Components\Dialog\LocalePicker {#3829
  -localeSwitcherService: App\Service\LocaleSwitcherService {#1480 …}
}
Dialog 
[Anonymous]
 10.0 MiB 139.19 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 {#4042
  -props: [
    "data-compo" => "Dialog/LocalePicker"
    "id" => "language-picker-dialog"
  ]
}
Button App\Twig\Components\Button 10.0 MiB 1.53 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 {#4076
  +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 10.0 MiB 2.35 ms
Input props 
[
  "class" => "w-full mb-bento "
  "href" => "/en/media/1002-one-year-365-25-days"
  "hoverScheme" => "none"
  "hoverTextColor" => "domain"
  "beforeIcon" => null
  "beforeIconClass" => "text-domain"
  "data-locale-picker-target" => "en"
]
Attributes 
[
  "class" => "w-full mb-bento "
  "href" => "/en/media/1002-one-year-365-25-days"
  "beforeIcon" => null
  "data-locale-picker-target" => "en"
]
Component 
App\Twig\Components\Button {#4107
  +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 10.0 MiB 20.89 ms
Input props 
[
  "class" => "w-full mb-bento "
  "href" => "/fr/media/1002-un-an-365-jours-et-1-4"
  "hoverScheme" => "none"
  "hoverTextColor" => "domain"
  "beforeIcon" => null
  "beforeIconClass" => "text-domain"
  "data-locale-picker-target" => "fr"
]
Attributes 
[
  "class" => "w-full mb-bento "
  "href" => "/fr/media/1002-un-an-365-jours-et-1-4"
  "beforeIcon" => null
  "data-locale-picker-target" => "fr"
]
Component 
App\Twig\Components\Button {#4144
  +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 10.0 MiB 19.90 ms
Input props 
[
  "class" => "w-full mb-bento "
  "href" => "/es/media/1002-un-ano-365-dias-y-1-4"
  "hoverScheme" => "none"
  "hoverTextColor" => "domain"
  "beforeIcon" => null
  "beforeIconClass" => "text-domain"
  "data-locale-picker-target" => "es"
]
Attributes 
[
  "class" => "w-full mb-bento "
  "href" => "/es/media/1002-un-ano-365-dias-y-1-4"
  "beforeIcon" => null
  "data-locale-picker-target" => "es"
]
Component 
App\Twig\Components\Button {#4163
  +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 10.0 MiB 40.76 ms
Input props 
[
  "class" => "w-full mb-bento pointer-events-none"
  "href" => "/de/media/1002-ein-jahr-365-tage-und-1-4"
  "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/1002-ein-jahr-365-tage-und-1-4"
  "beforeIcon" => "done"
  "data-locale-picker-target" => "de"
]
Component 
App\Twig\Components\Button {#4183
  +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 10.0 MiB 1.55 ms
Input props 
[]
Attributes 
[]
Component 
App\Twig\Components\Banner\UserBanners {#3782
  -purchaseRepository: App\Repository\PurchaseRepository {#119 …}
  -securityService: App\Service\SecurityService {#116 …}
}
MediaField 
[Anonymous]
 10.0 MiB 16.57 ms
Input props 
[
  "title" => "Lernziele"
  "media" => [
    "id" => 1002
    "title" => "Ein Jahr = 365 Tage und 1/4"
    "slug" => "ein-jahr-365-tage-und-1-4"
    "mediaType" => "simulation"
    "thumbnailSizes" => [
      "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/1000-calendrier-3d-1-666b2add93a44392659196.webp"
      "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/1000-calendrier-3d-1-666b2add93a44392659196.webp"
      "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/1000-calendrier-3d-1-666b2add93a44392659196.webp"
    ]
    "thumbnailBackground" => null
    "publishedAt" => DateTimeImmutable @1718740714 {#1392
      date: 2024-06-18 19:58:34.0 UTC (+00:00)
    }
    "isExpert" => false
    "goals" => """
      <ul>\r\n
      \t<li>Den Zusammenhang zwischen dem Kalender und dem Umlauf der Erde um die Sonne herstellen ;</li>\r\n
      \t<li>Zwischen dem astronomischen Jahr (365,25 Tage) und dem Kalenderjahr (365 Tage) unterscheiden.&nbsp;</li>\r\n
      \t<li>Die Tagundnachtgleichen und die Sonnenwenden definieren und lokalisieren ;</li>\r\n
      \t<li>Die Datumsgrenze definieren (180&deg;-Meridian).</li>\r\n
      </ul>
      """
    "width" => 550
    "height" => 350
    "description" => """
      <p>Ein Kalender ist ein System, das der Mensch erfunden hat, um sich in der Zeit zu orientieren. Er st&uuml;tzt sich auf die Beobachtung periodischer Ph&auml;nomene (Tag- und Nachtwechsel, Mondphasen, Position der Sternbilder).</p>\r\n
      \r\n
      <p>Es gibt zwei gro&szlig;e Kalenderfamilien:</p>\r\n
      \r\n
      <ol>\r\n
      \t<li>Sonnenkalender: Ein Datum entspricht einer Position der Erde auf ihrer Umlaufbahn um die Sonne. Der Sonnenkalender ist saisonal (eine Jahreszeit entspricht jedes Jahr denselben Monaten).&nbsp;</li>\r\n
      \t<li>Mondkalender: Ein Mondzyklus&nbsp;definiert die Einheit des Monats. Mit solchen Kalendern l&auml;sst sich die Periodizit&auml;t der Jahreszeiten nicht genau verfolgen, und viele Mondkalender haben sich zu Lunisolarkalendern&nbsp;entwickelt.</li>\r\n
      </ol>\r\n
      \r\n
      <p>Der heute am h&auml;ufigsten verwendete Kalender ist der gregorianische Kalender (Sonnenkalender). Ein Jahr ist in zw&ouml;lf Monate von ungleicher L&auml;nge (28, 29, 30 oder 31 Tage) unterteilt. Ein gemeinsames Jahr hat 365 Tage. Da ein astronomisches Jahr (Umlaufzeit der Erde um die Sonne) jedoch etwas mehr als 365,25 Tage betr&auml;gt, muss alle vier Jahre ein neuer Tag hinzugef&uuml;gt werden, um die Verschiebung auszugleichen, die bei jeder Umdrehung entsteht: Das ist der 366. Tag eines Schaltjahres.</p>\r\n
      \r\n
      <p>In dieser Animation wird die Entfernungsskala aus Gr&uuml;nden der Lesbarkeit nicht eingehalten.</p>\r\n
      \r\n
      <p>Bildnachweis: Milchstra&szlig;e: ESO/S. Brunier; Sonne: NASA JPL; Mond: NASA&#39;s Scientific Visualization Studio; Erde: http://planetpixelemporium.com/planets.html.</p>
      """
    "suggestions" => [
      App\Entity\vo\MediaCardLight {#3485
        #id: 398
        #title: "Tag und Nacht"
        #mediaType: "simulation"
        #thumbnailSizes: [
          "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/398-6545f34b104cd302421004.webp"
          "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/398-6545f34b104cd302421004.webp"
          "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/398-6545f34b104cd302421004.webp"
        ]
        #thumbnailBackground: "#f6adcc"
        #publishedAt: DateTimeImmutable @1431302400 {#2925
          date: 2015-05-11 00:00:00.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "tag-und-nacht"
      }
      App\Entity\vo\MediaCardLight {#3487
        #id: 495
        #title: "Jahreszeiten 3 D"
        #mediaType: "simulation"
        #thumbnailSizes: [
          "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/495-6545f384c241c424559269.webp"
          "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/495-6545f384c241c424559269.webp"
          "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/495-6545f384c241c424559269.webp"
        ]
        #thumbnailBackground: "#ec008d"
        #publishedAt: DateTimeImmutable @1431302400 {#2945
          date: 2015-05-11 00:00:00.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "jahreszeiten-3-d"
      }
      App\Entity\vo\MediaCardLight {#3488
        #id: 169
        #title: "Die Uhr (Quiz)"
        #mediaType: "simulation"
        #thumbnailSizes: [
          "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/169-6545f2c86095d258039926.webp"
          "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/169-6545f2c86095d258039926.webp"
          "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/169-6545f2c86095d258039926.webp"
        ]
        #thumbnailBackground: "#f6951d"
        #publishedAt: DateTimeImmutable @1431302400 {#2884
          date: 2015-05-11 00:00:00.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "die-uhr-quiz"
      }
      App\Entity\vo\MediaCardLight {#3489
        #id: 626
        #title: "Schaltjahr"
        #mediaType: "simulation"
        #thumbnailSizes: [
          "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/626-annee-bissextile-659ea45a368a2399158636.webp"
          "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/626-annee-bissextile-659ea45a368a2399158636.webp"
          "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/626-annee-bissextile-659ea45a368a2399158636.webp"
        ]
        #thumbnailBackground: "#f7941d"
        #publishedAt: DateTimeImmutable @1431302400 {#3037
          date: 2015-05-11 00:00:00.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "schaltjahr"
      }
      App\Entity\vo\MediaCardLight {#3490
        #id: 897
        #title: "Die Zeitmessung"
        #mediaType: "simulation"
        #thumbnailSizes: [
          "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/897-6545f46acce60434557792.webp"
          "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/897-6545f46acce60434557792.webp"
          "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/897-6545f46acce60434557792.webp"
        ]
        #thumbnailBackground: "#f6951d"
        #publishedAt: DateTimeImmutable @1518739200 {#3053
          date: 2018-02-16 00:00:00.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "die-zeitmessung"
      }
    ]
    "tags" => [
      "jahr"
      "mond"
      "schaltjahr"
      "sonne"
      "sonnenwende"
      "äquinoktien"
    ]
    "baseNodeName" => "Technik"
  ]
  "key" => "goals"
]
Attributes 
[
  "title" => "Lernziele"
  "media" => [
    "id" => 1002
    "title" => "Ein Jahr = 365 Tage und 1/4"
    "slug" => "ein-jahr-365-tage-und-1-4"
    "mediaType" => "simulation"
    "thumbnailSizes" => [
      "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/1000-calendrier-3d-1-666b2add93a44392659196.webp"
      "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/1000-calendrier-3d-1-666b2add93a44392659196.webp"
      "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/1000-calendrier-3d-1-666b2add93a44392659196.webp"
    ]
    "thumbnailBackground" => null
    "publishedAt" => DateTimeImmutable @1718740714 {#1392
      date: 2024-06-18 19:58:34.0 UTC (+00:00)
    }
    "isExpert" => false
    "goals" => """
      <ul>\r\n
      \t<li>Den Zusammenhang zwischen dem Kalender und dem Umlauf der Erde um die Sonne herstellen ;</li>\r\n
      \t<li>Zwischen dem astronomischen Jahr (365,25 Tage) und dem Kalenderjahr (365 Tage) unterscheiden.&nbsp;</li>\r\n
      \t<li>Die Tagundnachtgleichen und die Sonnenwenden definieren und lokalisieren ;</li>\r\n
      \t<li>Die Datumsgrenze definieren (180&deg;-Meridian).</li>\r\n
      </ul>
      """
    "width" => 550
    "height" => 350
    "description" => """
      <p>Ein Kalender ist ein System, das der Mensch erfunden hat, um sich in der Zeit zu orientieren. Er st&uuml;tzt sich auf die Beobachtung periodischer Ph&auml;nomene (Tag- und Nachtwechsel, Mondphasen, Position der Sternbilder).</p>\r\n
      \r\n
      <p>Es gibt zwei gro&szlig;e Kalenderfamilien:</p>\r\n
      \r\n
      <ol>\r\n
      \t<li>Sonnenkalender: Ein Datum entspricht einer Position der Erde auf ihrer Umlaufbahn um die Sonne. Der Sonnenkalender ist saisonal (eine Jahreszeit entspricht jedes Jahr denselben Monaten).&nbsp;</li>\r\n
      \t<li>Mondkalender: Ein Mondzyklus&nbsp;definiert die Einheit des Monats. Mit solchen Kalendern l&auml;sst sich die Periodizit&auml;t der Jahreszeiten nicht genau verfolgen, und viele Mondkalender haben sich zu Lunisolarkalendern&nbsp;entwickelt.</li>\r\n
      </ol>\r\n
      \r\n
      <p>Der heute am h&auml;ufigsten verwendete Kalender ist der gregorianische Kalender (Sonnenkalender). Ein Jahr ist in zw&ouml;lf Monate von ungleicher L&auml;nge (28, 29, 30 oder 31 Tage) unterteilt. Ein gemeinsames Jahr hat 365 Tage. Da ein astronomisches Jahr (Umlaufzeit der Erde um die Sonne) jedoch etwas mehr als 365,25 Tage betr&auml;gt, muss alle vier Jahre ein neuer Tag hinzugef&uuml;gt werden, um die Verschiebung auszugleichen, die bei jeder Umdrehung entsteht: Das ist der 366. Tag eines Schaltjahres.</p>\r\n
      \r\n
      <p>In dieser Animation wird die Entfernungsskala aus Gr&uuml;nden der Lesbarkeit nicht eingehalten.</p>\r\n
      \r\n
      <p>Bildnachweis: Milchstra&szlig;e: ESO/S. Brunier; Sonne: NASA JPL; Mond: NASA&#39;s Scientific Visualization Studio; Erde: http://planetpixelemporium.com/planets.html.</p>
      """
    "suggestions" => [
      App\Entity\vo\MediaCardLight {#3485
        #id: 398
        #title: "Tag und Nacht"
        #mediaType: "simulation"
        #thumbnailSizes: [
          "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/398-6545f34b104cd302421004.webp"
          "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/398-6545f34b104cd302421004.webp"
          "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/398-6545f34b104cd302421004.webp"
        ]
        #thumbnailBackground: "#f6adcc"
        #publishedAt: DateTimeImmutable @1431302400 {#2925
          date: 2015-05-11 00:00:00.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "tag-und-nacht"
      }
      App\Entity\vo\MediaCardLight {#3487
        #id: 495
        #title: "Jahreszeiten 3 D"
        #mediaType: "simulation"
        #thumbnailSizes: [
          "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/495-6545f384c241c424559269.webp"
          "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/495-6545f384c241c424559269.webp"
          "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/495-6545f384c241c424559269.webp"
        ]
        #thumbnailBackground: "#ec008d"
        #publishedAt: DateTimeImmutable @1431302400 {#2945
          date: 2015-05-11 00:00:00.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "jahreszeiten-3-d"
      }
      App\Entity\vo\MediaCardLight {#3488
        #id: 169
        #title: "Die Uhr (Quiz)"
        #mediaType: "simulation"
        #thumbnailSizes: [
          "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/169-6545f2c86095d258039926.webp"
          "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/169-6545f2c86095d258039926.webp"
          "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/169-6545f2c86095d258039926.webp"
        ]
        #thumbnailBackground: "#f6951d"
        #publishedAt: DateTimeImmutable @1431302400 {#2884
          date: 2015-05-11 00:00:00.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "die-uhr-quiz"
      }
      App\Entity\vo\MediaCardLight {#3489
        #id: 626
        #title: "Schaltjahr"
        #mediaType: "simulation"
        #thumbnailSizes: [
          "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/626-annee-bissextile-659ea45a368a2399158636.webp"
          "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/626-annee-bissextile-659ea45a368a2399158636.webp"
          "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/626-annee-bissextile-659ea45a368a2399158636.webp"
        ]
        #thumbnailBackground: "#f7941d"
        #publishedAt: DateTimeImmutable @1431302400 {#3037
          date: 2015-05-11 00:00:00.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "schaltjahr"
      }
      App\Entity\vo\MediaCardLight {#3490
        #id: 897
        #title: "Die Zeitmessung"
        #mediaType: "simulation"
        #thumbnailSizes: [
          "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/897-6545f46acce60434557792.webp"
          "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/897-6545f46acce60434557792.webp"
          "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/897-6545f46acce60434557792.webp"
        ]
        #thumbnailBackground: "#f6951d"
        #publishedAt: DateTimeImmutable @1518739200 {#3053
          date: 2018-02-16 00:00:00.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "die-zeitmessung"
      }
    ]
    "tags" => [
      "jahr"
      "mond"
      "schaltjahr"
      "sonne"
      "sonnenwende"
      "äquinoktien"
    ]
    "baseNodeName" => "Technik"
  ]
  "key" => "goals"
]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#4215
  -props: [
    "title" => "Lernziele"
    "media" => [
      "id" => 1002
      "title" => "Ein Jahr = 365 Tage und 1/4"
      "slug" => "ein-jahr-365-tage-und-1-4"
      "mediaType" => "simulation"
      "thumbnailSizes" => [
        "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/1000-calendrier-3d-1-666b2add93a44392659196.webp"
        "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/1000-calendrier-3d-1-666b2add93a44392659196.webp"
        "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/1000-calendrier-3d-1-666b2add93a44392659196.webp"
      ]
      "thumbnailBackground" => null
      "publishedAt" => DateTimeImmutable @1718740714 {#1392
        date: 2024-06-18 19:58:34.0 UTC (+00:00)
      }
      "isExpert" => false
      "goals" => """
        <ul>\r\n
        \t<li>Den Zusammenhang zwischen dem Kalender und dem Umlauf der Erde um die Sonne herstellen ;</li>\r\n
        \t<li>Zwischen dem astronomischen Jahr (365,25 Tage) und dem Kalenderjahr (365 Tage) unterscheiden.&nbsp;</li>\r\n
        \t<li>Die Tagundnachtgleichen und die Sonnenwenden definieren und lokalisieren ;</li>\r\n
        \t<li>Die Datumsgrenze definieren (180&deg;-Meridian).</li>\r\n
        </ul>
        """
      "width" => 550
      "height" => 350
      "description" => """
        <p>Ein Kalender ist ein System, das der Mensch erfunden hat, um sich in der Zeit zu orientieren. Er st&uuml;tzt sich auf die Beobachtung periodischer Ph&auml;nomene (Tag- und Nachtwechsel, Mondphasen, Position der Sternbilder).</p>\r\n
        \r\n
        <p>Es gibt zwei gro&szlig;e Kalenderfamilien:</p>\r\n
        \r\n
        <ol>\r\n
        \t<li>Sonnenkalender: Ein Datum entspricht einer Position der Erde auf ihrer Umlaufbahn um die Sonne. Der Sonnenkalender ist saisonal (eine Jahreszeit entspricht jedes Jahr denselben Monaten).&nbsp;</li>\r\n
        \t<li>Mondkalender: Ein Mondzyklus&nbsp;definiert die Einheit des Monats. Mit solchen Kalendern l&auml;sst sich die Periodizit&auml;t der Jahreszeiten nicht genau verfolgen, und viele Mondkalender haben sich zu Lunisolarkalendern&nbsp;entwickelt.</li>\r\n
        </ol>\r\n
        \r\n
        <p>Der heute am h&auml;ufigsten verwendete Kalender ist der gregorianische Kalender (Sonnenkalender). Ein Jahr ist in zw&ouml;lf Monate von ungleicher L&auml;nge (28, 29, 30 oder 31 Tage) unterteilt. Ein gemeinsames Jahr hat 365 Tage. Da ein astronomisches Jahr (Umlaufzeit der Erde um die Sonne) jedoch etwas mehr als 365,25 Tage betr&auml;gt, muss alle vier Jahre ein neuer Tag hinzugef&uuml;gt werden, um die Verschiebung auszugleichen, die bei jeder Umdrehung entsteht: Das ist der 366. Tag eines Schaltjahres.</p>\r\n
        \r\n
        <p>In dieser Animation wird die Entfernungsskala aus Gr&uuml;nden der Lesbarkeit nicht eingehalten.</p>\r\n
        \r\n
        <p>Bildnachweis: Milchstra&szlig;e: ESO/S. Brunier; Sonne: NASA JPL; Mond: NASA&#39;s Scientific Visualization Studio; Erde: http://planetpixelemporium.com/planets.html.</p>
        """
      "suggestions" => [
        App\Entity\vo\MediaCardLight {#3485
          #id: 398
          #title: "Tag und Nacht"
          #mediaType: "simulation"
          #thumbnailSizes: [
            "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/398-6545f34b104cd302421004.webp"
            "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/398-6545f34b104cd302421004.webp"
            "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/398-6545f34b104cd302421004.webp"
          ]
          #thumbnailBackground: "#f6adcc"
          #publishedAt: DateTimeImmutable @1431302400 {#2925
            date: 2015-05-11 00:00:00.0 UTC (+00:00)
          }
          #isExpert: false
          #slug: "tag-und-nacht"
        }
        App\Entity\vo\MediaCardLight {#3487
          #id: 495
          #title: "Jahreszeiten 3 D"
          #mediaType: "simulation"
          #thumbnailSizes: [
            "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/495-6545f384c241c424559269.webp"
            "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/495-6545f384c241c424559269.webp"
            "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/495-6545f384c241c424559269.webp"
          ]
          #thumbnailBackground: "#ec008d"
          #publishedAt: DateTimeImmutable @1431302400 {#2945
            date: 2015-05-11 00:00:00.0 UTC (+00:00)
          }
          #isExpert: false
          #slug: "jahreszeiten-3-d"
        }
        App\Entity\vo\MediaCardLight {#3488
          #id: 169
          #title: "Die Uhr (Quiz)"
          #mediaType: "simulation"
          #thumbnailSizes: [
            "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/169-6545f2c86095d258039926.webp"
            "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/169-6545f2c86095d258039926.webp"
            "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/169-6545f2c86095d258039926.webp"
          ]
          #thumbnailBackground: "#f6951d"
          #publishedAt: DateTimeImmutable @1431302400 {#2884
            date: 2015-05-11 00:00:00.0 UTC (+00:00)
          }
          #isExpert: false
          #slug: "die-uhr-quiz"
        }
        App\Entity\vo\MediaCardLight {#3489
          #id: 626
          #title: "Schaltjahr"
          #mediaType: "simulation"
          #thumbnailSizes: [
            "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/626-annee-bissextile-659ea45a368a2399158636.webp"
            "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/626-annee-bissextile-659ea45a368a2399158636.webp"
            "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/626-annee-bissextile-659ea45a368a2399158636.webp"
          ]
          #thumbnailBackground: "#f7941d"
          #publishedAt: DateTimeImmutable @1431302400 {#3037
            date: 2015-05-11 00:00:00.0 UTC (+00:00)
          }
          #isExpert: false
          #slug: "schaltjahr"
        }
        App\Entity\vo\MediaCardLight {#3490
          #id: 897
          #title: "Die Zeitmessung"
          #mediaType: "simulation"
          #thumbnailSizes: [
            "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/897-6545f46acce60434557792.webp"
            "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/897-6545f46acce60434557792.webp"
            "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/897-6545f46acce60434557792.webp"
          ]
          #thumbnailBackground: "#f6951d"
          #publishedAt: DateTimeImmutable @1518739200 {#3053
            date: 2018-02-16 00:00:00.0 UTC (+00:00)
          }
          #isExpert: false
          #slug: "die-zeitmessung"
        }
      ]
      "tags" => [
        "jahr"
        "mond"
        "schaltjahr"
        "sonne"
        "sonnenwende"
        "äquinoktien"
      ]
      "baseNodeName" => "Technik"
    ]
    "key" => "goals"
  ]
}
Demo:Video 
[Anonymous]
 10.0 MiB 1.77 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 {#4237
  -props: [
    "width" => "600"
    "height" => "596"
    "class" => "max-w-none absolute"
  ]
}
Heading:Large 
[Anonymous]
 10.0 MiB 19.36 ms
Input props 
[
  "tag" => "h2"
]
Attributes 
[
  "tag" => "h2"
]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#4253
  -props: [
    "tag" => "h2"
  ]
}
Showcase:RevealPill 
[Anonymous]
 10.0 MiB 23.96 ms
Input props 
[
  "icon" => "source"
]
Attributes 
[
  "icon" => "source"
]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#4277
  -props: [
    "icon" => "source"
  ]
}
Showcase:Reveal 
[Anonymous]
 10.0 MiB 1.65 ms
Input props 
[
  "class" => "-mt-1"
  "text" => Twig\Markup {#4313
    -content: "Mehr als 1000 Ressourcen"
    -charset: "UTF-8"
  }
]
Attributes 
[
  "class" => "-mt-1"
  "text" => "Mehr als 1000 Ressourcen"
]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#4315
  -props: [
    "class" => "-mt-1"
    "text" => Twig\Markup {#4313
      -content: "Mehr als 1000 Ressourcen"
      -charset: "UTF-8"
    }
  ]
}
DemoForm 
[Anonymous]
 10.0 MiB 240.28 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 {#4299
  -props: [
    "isDemoPage" => false
    "class" => "max-w-prose mx-auto"
  ]
}
Button App\Twig\Components\Button 10.0 MiB 1.08 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 {#4559
  +size: null
  +darkColor: "domain"
  +lightColor: "white"
  +hoverScheme: "default"
  +hoverTextColor: null
  +disabled: false
  +noLabelOnSmallScreen: false
  +iconClass: null
  +beforeIconClass: null
  +afterIconClass: null
}
Heading:Large 
[Anonymous]
 10.0 MiB 0.56 ms
Input props 
[
  "class" => "text-white"
  "tag" => "h1"
]
Attributes 
[
  "class" => "text-white"
  "tag" => "h1"
]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#4344
  -props: [
    "class" => "text-white"
    "tag" => "h1"
  ]
}
MediaCard App\Twig\Components\MediaCard 10.0 MiB 1.06 ms
Input props 
[
  "cardData" => App\Entity\vo\MediaCardLight {#3485
    #id: 398
    #title: "Tag und Nacht"
    #mediaType: "simulation"
    #thumbnailSizes: [
      "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/398-6545f34b104cd302421004.webp"
      "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/398-6545f34b104cd302421004.webp"
      "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/398-6545f34b104cd302421004.webp"
    ]
    #thumbnailBackground: "#f6adcc"
    #publishedAt: DateTimeImmutable @1431302400 {#2925
      date: 2015-05-11 00:00:00.0 UTC (+00:00)
    }
    #isExpert: false
    #slug: "tag-und-nacht"
  }
  "context" => "media-teaser"
  "class" => "w-1/2 "
]
Attributes 
[
  "class" => "w-1/2 "
]
Component 
App\Twig\Components\MediaCard {#4426
  -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 {#3485
    #id: 398
    #title: "Tag und Nacht"
    #mediaType: "simulation"
    #thumbnailSizes: [
      "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/398-6545f34b104cd302421004.webp"
      "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/398-6545f34b104cd302421004.webp"
      "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/398-6545f34b104cd302421004.webp"
    ]
    #thumbnailBackground: "#f6adcc"
    #publishedAt: DateTimeImmutable @1431302400 {#2925
      date: 2015-05-11 00:00:00.0 UTC (+00:00)
    }
    #isExpert: false
    #slug: "tag-und-nacht"
  }
  +thumbnailEagerLoading: false
  +preventTabbableLink: false
  +context: "media-teaser"
}
MediaCard App\Twig\Components\MediaCard 10.0 MiB 0.61 ms
Input props 
[
  "cardData" => App\Entity\vo\MediaCardLight {#3487
    #id: 495
    #title: "Jahreszeiten 3 D"
    #mediaType: "simulation"
    #thumbnailSizes: [
      "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/495-6545f384c241c424559269.webp"
      "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/495-6545f384c241c424559269.webp"
      "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/495-6545f384c241c424559269.webp"
    ]
    #thumbnailBackground: "#ec008d"
    #publishedAt: DateTimeImmutable @1431302400 {#2945
      date: 2015-05-11 00:00:00.0 UTC (+00:00)
    }
    #isExpert: false
    #slug: "jahreszeiten-3-d"
  }
  "context" => "media-teaser"
  "class" => "w-1/2 hidden md:block"
]
Attributes 
[
  "class" => "w-1/2 hidden md:block"
]
Component 
App\Twig\Components\MediaCard {#4639
  -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 {#3487
    #id: 495
    #title: "Jahreszeiten 3 D"
    #mediaType: "simulation"
    #thumbnailSizes: [
      "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/495-6545f384c241c424559269.webp"
      "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/495-6545f384c241c424559269.webp"
      "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/495-6545f384c241c424559269.webp"
    ]
    #thumbnailBackground: "#ec008d"
    #publishedAt: DateTimeImmutable @1431302400 {#2945
      date: 2015-05-11 00:00:00.0 UTC (+00:00)
    }
    #isExpert: false
    #slug: "jahreszeiten-3-d"
  }
  +thumbnailEagerLoading: false
  +preventTabbableLink: false
  +context: "media-teaser"
}
MediaCard App\Twig\Components\MediaCard 10.0 MiB 0.45 ms
Input props 
[
  "cardData" => App\Entity\vo\MediaCardLight {#3488
    #id: 169
    #title: "Die Uhr (Quiz)"
    #mediaType: "simulation"
    #thumbnailSizes: [
      "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/169-6545f2c86095d258039926.webp"
      "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/169-6545f2c86095d258039926.webp"
      "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/169-6545f2c86095d258039926.webp"
    ]
    #thumbnailBackground: "#f6951d"
    #publishedAt: DateTimeImmutable @1431302400 {#2884
      date: 2015-05-11 00:00:00.0 UTC (+00:00)
    }
    #isExpert: false
    #slug: "die-uhr-quiz"
  }
  "context" => "media-teaser"
  "class" => "w-1/2 hidden lg:block"
]
Attributes 
[
  "class" => "w-1/2 hidden lg:block"
]
Component 
App\Twig\Components\MediaCard {#4667
  -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 {#3488
    #id: 169
    #title: "Die Uhr (Quiz)"
    #mediaType: "simulation"
    #thumbnailSizes: [
      "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/169-6545f2c86095d258039926.webp"
      "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/169-6545f2c86095d258039926.webp"
      "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/169-6545f2c86095d258039926.webp"
    ]
    #thumbnailBackground: "#f6951d"
    #publishedAt: DateTimeImmutable @1431302400 {#2884
      date: 2015-05-11 00:00:00.0 UTC (+00:00)
    }
    #isExpert: false
    #slug: "die-uhr-quiz"
  }
  +thumbnailEagerLoading: false
  +preventTabbableLink: false
  +context: "media-teaser"
}
MediaCard App\Twig\Components\MediaCard 10.0 MiB 0.39 ms
Input props 
[
  "cardData" => App\Entity\vo\MediaCardLight {#3489
    #id: 626
    #title: "Schaltjahr"
    #mediaType: "simulation"
    #thumbnailSizes: [
      "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/626-annee-bissextile-659ea45a368a2399158636.webp"
      "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/626-annee-bissextile-659ea45a368a2399158636.webp"
      "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/626-annee-bissextile-659ea45a368a2399158636.webp"
    ]
    #thumbnailBackground: "#f7941d"
    #publishedAt: DateTimeImmutable @1431302400 {#3037
      date: 2015-05-11 00:00:00.0 UTC (+00:00)
    }
    #isExpert: false
    #slug: "schaltjahr"
  }
  "context" => "media-teaser"
  "class" => "w-1/2 hidden lg:block"
]
Attributes 
[
  "class" => "w-1/2 hidden lg:block"
]
Component 
App\Twig\Components\MediaCard {#4686
  -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 {#3489
    #id: 626
    #title: "Schaltjahr"
    #mediaType: "simulation"
    #thumbnailSizes: [
      "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/626-annee-bissextile-659ea45a368a2399158636.webp"
      "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/626-annee-bissextile-659ea45a368a2399158636.webp"
      "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/626-annee-bissextile-659ea45a368a2399158636.webp"
    ]
    #thumbnailBackground: "#f7941d"
    #publishedAt: DateTimeImmutable @1431302400 {#3037
      date: 2015-05-11 00:00:00.0 UTC (+00:00)
    }
    #isExpert: false
    #slug: "schaltjahr"
  }
  +thumbnailEagerLoading: false
  +preventTabbableLink: false
  +context: "media-teaser"
}
MediaCard App\Twig\Components\MediaCard 10.0 MiB 0.36 ms
Input props 
[
  "cardData" => App\Entity\vo\MediaCardLight {#3490
    #id: 897
    #title: "Die Zeitmessung"
    #mediaType: "simulation"
    #thumbnailSizes: [
      "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/897-6545f46acce60434557792.webp"
      "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/897-6545f46acce60434557792.webp"
      "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/897-6545f46acce60434557792.webp"
    ]
    #thumbnailBackground: "#f6951d"
    #publishedAt: DateTimeImmutable @1518739200 {#3053
      date: 2018-02-16 00:00:00.0 UTC (+00:00)
    }
    #isExpert: false
    #slug: "die-zeitmessung"
  }
  "context" => "media-teaser"
  "class" => "w-1/2 hidden lg:block"
]
Attributes 
[
  "class" => "w-1/2 hidden lg:block"
]
Component 
App\Twig\Components\MediaCard {#4705
  -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 {#3490
    #id: 897
    #title: "Die Zeitmessung"
    #mediaType: "simulation"
    #thumbnailSizes: [
      "node_pack" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/897-6545f46acce60434557792.webp"
      "suggestion" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/897-6545f46acce60434557792.webp"
      "title" => "https://junior.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/897-6545f46acce60434557792.webp"
    ]
    #thumbnailBackground: "#f6951d"
    #publishedAt: DateTimeImmutable @1518739200 {#3053
      date: 2018-02-16 00:00:00.0 UTC (+00:00)
    }
    #isExpert: false
    #slug: "die-zeitmessung"
  }
  +thumbnailEagerLoading: false
  +preventTabbableLink: false
  +context: "media-teaser"
}
Footer 
[Anonymous]
 10.0 MiB 16.65 ms
Input props 
[]
Attributes 
[]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#4262
  -props: []
}