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

Response
200 OK
IP
216.73.217.39
Profiled on
Token
f60ddd

Components

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

Components

Name Metadata Render Count Render Time
Button 
"App\Twig\Components\Button"
components/Button.html.twig 		9 124.62ms
MediaCard 
"App\Twig\Components\MediaCard"
components/MediaCard.html.twig 		3 33.71ms
Heading:Large 
[Anonymous]
components/Heading/Large.html.twig 		2 81.22ms
Store:User 
"App\Twig\Components\Store\User"
components/Store/User.html.twig 		1 2.18ms
Header 
[Anonymous]
components/Header/index.html.twig 		1 204.80ms
Layout:Stack 
[Anonymous]
components/Layout/Stack.html.twig 		1 39.69ms
Header:Anonymous 
[Anonymous]
components/Header/Anonymous.html.twig 		1 38.28ms
Header:Logo 
[Anonymous]
components/Header/Logo.html.twig 		1 0.48ms
Header:LocalePicker 
[Anonymous]
components/Header/LocalePicker.html.twig 		1 17.69ms
LoginLink 
[Anonymous]
components/LoginLink.html.twig 		1 2.01ms
Dialog:LocalePicker 
"App\Twig\Components\Dialog\LocalePicker"
components/Dialog/LocalePicker.html.twig 		1 162.67ms
Dialog 
[Anonymous]
components/Dialog/index.html.twig 		1 143.80ms
Banner:UserBanners 
"App\Twig\Components\Banner\UserBanners"
components/Banner/UserBanners.html.twig 		1 19.29ms
MediaField 
[Anonymous]
components/MediaField.html.twig 		1 1.32ms
Demo:Video 
[Anonymous]
components/Demo/Video.html.twig 		1 1.66ms
Showcase:RevealPill 
[Anonymous]
components/Showcase/RevealPill.html.twig 		1 3.58ms
Showcase:Reveal 
[Anonymous]
components/Showcase/Reveal.html.twig 		1 1.30ms
DemoForm 
[Anonymous]
components/DemoForm.html.twig 		1 661.47ms
Footer 
[Anonymous]
components/Footer/index.html.twig 		1 3.38ms

Render calls

Store:User App\Twig\Components\Store\User 14.0 MiB 2.18 ms
Input props 
[]
Attributes 
[]
Component 
App\Twig\Components\Store\User {#3676
  -securityService: App\Service\SecurityService {#116 …}
  -geoService: App\Service\GeoService {#171 …}
  -institutionUtilsService: App\Service\InstitutionUtilsService {#3677 …}
}
Header 
[Anonymous]
 14.0 MiB 204.80 ms
Input props 
[
  "notSticky" => false
]
Attributes 
[
  "notSticky" => false
]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#3707
  -props: [
    "notSticky" => false
  ]
}
Layout:Stack 
[Anonymous]
 14.0 MiB 39.69 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 {#3733
  -props: [
    "data-compo" => "Header"
    "tag" => "header"
    "class" => "js-header transition bg-domain-dark top-0 relative z-10 p-bento -m-bento rounded-b-md"
    "data-header-sticky" => "yes"
  ]
}
Header:Anonymous 
[Anonymous]
 14.0 MiB 38.28 ms
Input props 
[
  "minimal" => false
]
Attributes 
[
  "minimal" => false
]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#3789
  -props: [
    "minimal" => false
  ]
}
Header:Logo 
[Anonymous]
 14.0 MiB 0.48 ms
Input props 
[]
Attributes 
[]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#3813
  -props: []
}
Header:LocalePicker 
[Anonymous]
 14.0 MiB 17.69 ms
Input props 
[
  "size" => "small"
  "hoverScheme" => "none"
  "darkColor" => "domain"
]
Attributes 
[
  "size" => "small"
  "hoverScheme" => "none"
  "darkColor" => "domain"
]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#3830
  -props: [
    "size" => "small"
    "hoverScheme" => "none"
    "darkColor" => "domain"
  ]
}
Button App\Twig\Components\Button 14.0 MiB 1.13 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 {#3855
  +size: "small"
  +darkColor: "domain"
  +lightColor: "white"
  +hoverScheme: "none"
  +hoverTextColor: null
  +disabled: false
  +noLabelOnSmallScreen: false
  +iconClass: null
  +beforeIconClass: null
  +afterIconClass: null
}
LoginLink 
[Anonymous]
 14.0 MiB 2.01 ms
Input props 
[
  "class" => "grow"
  "size" => "small"
]
Attributes 
[
  "class" => "grow"
  "size" => "small"
]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#3847
  -props: [
    "class" => "grow"
    "size" => "small"
  ]
}
Button App\Twig\Components\Button 14.0 MiB 0.88 ms
Input props 
[
  "data-compo" => "LoginLink"
  "href" => "/de/login?next=/de/media/708-nahrungsketten"
  "class" => "grow"
  "size" => "small"
]
Attributes 
[
  "data-compo" => "LoginLink"
  "href" => "/de/login?next=/de/media/708-nahrungsketten"
  "class" => "grow"
]
Component 
App\Twig\Components\Button {#3933
  +size: "small"
  +darkColor: "domain-dark"
  +lightColor: "white"
  +hoverScheme: "default"
  +hoverTextColor: null
  +disabled: false
  +noLabelOnSmallScreen: false
  +iconClass: null
  +beforeIconClass: null
  +afterIconClass: null
}
Button App\Twig\Components\Button 14.0 MiB 1.18 ms
Input props 
[
  "class" => "grow"
  "size" => "small"
  "darkColor" => "domain"
  "href" => "/de/subscribe/"
]
Attributes 
[
  "class" => "grow"
  "href" => "/de/subscribe/"
]
Component 
App\Twig\Components\Button {#3947
  +size: "small"
  +darkColor: "domain"
  +lightColor: "white"
  +hoverScheme: "default"
  +hoverTextColor: null
  +disabled: false
  +noLabelOnSmallScreen: false
  +iconClass: null
  +beforeIconClass: null
  +afterIconClass: null
}
Dialog:LocalePicker App\Twig\Components\Dialog\LocalePicker 14.0 MiB 162.67 ms
Input props 
[]
Attributes 
[]
Component 
App\Twig\Components\Dialog\LocalePicker {#3771
  -localeSwitcherService: App\Service\LocaleSwitcherService {#1494 …}
}
Dialog 
[Anonymous]
 14.0 MiB 143.80 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 {#3984
  -props: [
    "data-compo" => "Dialog/LocalePicker"
    "id" => "language-picker-dialog"
  ]
}
Button App\Twig\Components\Button 14.0 MiB 1.83 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 {#4018
  +size: "small"
  +darkColor: "domain-dark"
  +lightColor: "white"
  +hoverScheme: "none"
  +hoverTextColor: "domain"
  +disabled: false
  +noLabelOnSmallScreen: false
  +iconClass: null
  +beforeIconClass: null
  +afterIconClass: null
}
Button App\Twig\Components\Button 14.0 MiB 57.98 ms
Input props 
[
  "class" => "w-full mb-bento "
  "href" => "/en/media/708-food-chains"
  "hoverScheme" => "none"
  "hoverTextColor" => "domain"
  "beforeIcon" => null
  "beforeIconClass" => "text-domain"
  "data-locale-picker-target" => "en"
]
Attributes 
[
  "class" => "w-full mb-bento "
  "href" => "/en/media/708-food-chains"
  "beforeIcon" => null
  "data-locale-picker-target" => "en"
]
Component 
App\Twig\Components\Button {#4049
  +size: null
  +darkColor: "domain-dark"
  +lightColor: "white"
  +hoverScheme: "none"
  +hoverTextColor: "domain"
  +disabled: false
  +noLabelOnSmallScreen: false
  +iconClass: null
  +beforeIconClass: "text-domain"
  +afterIconClass: null
}
Button App\Twig\Components\Button 14.0 MiB 40.93 ms
Input props 
[
  "class" => "w-full mb-bento "
  "href" => "/fr/media/708-les-chaines-alimentaires"
  "hoverScheme" => "none"
  "hoverTextColor" => "domain"
  "beforeIcon" => null
  "beforeIconClass" => "text-domain"
  "data-locale-picker-target" => "fr"
]
Attributes 
[
  "class" => "w-full mb-bento "
  "href" => "/fr/media/708-les-chaines-alimentaires"
  "beforeIcon" => null
  "data-locale-picker-target" => "fr"
]
Component 
App\Twig\Components\Button {#4086
  +size: null
  +darkColor: "domain-dark"
  +lightColor: "white"
  +hoverScheme: "none"
  +hoverTextColor: "domain"
  +disabled: false
  +noLabelOnSmallScreen: false
  +iconClass: null
  +beforeIconClass: "text-domain"
  +afterIconClass: null
}
Button App\Twig\Components\Button 14.0 MiB 16.56 ms
Input props 
[
  "class" => "w-full mb-bento "
  "href" => "/es/media/708-cadenas-alimenticias"
  "hoverScheme" => "none"
  "hoverTextColor" => "domain"
  "beforeIcon" => null
  "beforeIconClass" => "text-domain"
  "data-locale-picker-target" => "es"
]
Attributes 
[
  "class" => "w-full mb-bento "
  "href" => "/es/media/708-cadenas-alimenticias"
  "beforeIcon" => null
  "data-locale-picker-target" => "es"
]
Component 
App\Twig\Components\Button {#4105
  +size: null
  +darkColor: "domain-dark"
  +lightColor: "white"
  +hoverScheme: "none"
  +hoverTextColor: "domain"
  +disabled: false
  +noLabelOnSmallScreen: false
  +iconClass: null
  +beforeIconClass: "text-domain"
  +afterIconClass: null
}
Button App\Twig\Components\Button 14.0 MiB 2.54 ms
Input props 
[
  "class" => "w-full mb-bento pointer-events-none"
  "href" => "/de/media/708-nahrungsketten"
  "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/708-nahrungsketten"
  "beforeIcon" => "done"
  "data-locale-picker-target" => "de"
]
Component 
App\Twig\Components\Button {#4125
  +size: null
  +darkColor: "domain-dark"
  +lightColor: "white"
  +hoverScheme: "none"
  +hoverTextColor: "domain"
  +disabled: false
  +noLabelOnSmallScreen: false
  +iconClass: null
  +beforeIconClass: "text-domain"
  +afterIconClass: null
}
Banner:UserBanners App\Twig\Components\Banner\UserBanners 14.0 MiB 19.29 ms
Input props 
[]
Attributes 
[]
Component 
App\Twig\Components\Banner\UserBanners {#3724
  -purchaseRepository: App\Repository\PurchaseRepository {#119 …}
  -securityService: App\Service\SecurityService {#116 …}
}
MediaField 
[Anonymous]
 14.0 MiB 1.32 ms
Input props 
[
  "title" => "Lernziele"
  "media" => [
    "id" => 708
    "title" => "Nahrungsketten"
    "slug" => "nahrungsketten"
    "mediaType" => "simulation"
    "thumbnailSizes" => [
      "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/708-6545f419d4801284910232.webp"
      "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/708-6545f419d4801284910232.webp"
      "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/708-6545f419d4801284910232.webp"
    ]
    "thumbnailBackground" => "#004387"
    "publishedAt" => DateTimeImmutable @1431302400 {#1390
      date: 2015-05-11 00:00:00.0 UTC (+00:00)
    }
    "isExpert" => false
    "goals" => """
      <ul>\r\n
      \t<li>Organismen entsprechend ihrer Rolle in einer Nahrungskette klassifizieren: Produzenten, Pflanzenfresser, Fleischfresser, Spitzenpr&auml;datoren</li>\r\n
      \t<li>Die Abh&auml;ngigkeit aller Organismen voneinander in einem &Ouml;kosystem lehren.</li>\r\n
      \t<li>Erw&auml;hnen, dass viele Nahrungsketten innerhalb eines &Ouml;kosystems&nbsp;existieren. Eine Nahrungskette ist ein Zweig eines Nahrungsnetzwerks.</li>\r\n
      \t<li>Ann&auml;hern an die Begriffe R&auml;uber und Beute.</li>\r\n
      </ul>
      """
    "width" => 550
    "height" => 440
    "description" => """
      <p>Eine Nahrungskette ist eine organisierte Reihe lebender Sachen, die durch ein (auf die Nahrung bezogenes) Nahrungsverh&auml;ltnis miteinander verbunden sind. Tiere beziehen die Energie, die sie f&uuml;r ihr &Uuml;berleben ben&ouml;tigen, von ihrer Nahrung.</p>\r\n
      \r\n
      <p>An der Basis einer solchen Kette findet man die Produzenten. Diese sind terrestrische Pflanzen&nbsp;oder Wasserpflanzen (Algen, Phytoplankton). Sie bilden ihre eigene organische Substanz&nbsp;durch N&auml;hrstoffe, CO<sub>2</sub> und Licht (Photosynthese).</p>\r\n
      \r\n
      <p>Die Tiere, die eine Stufe h&ouml;her in der Kette stehen, sind die Konsumenten der ersten Ebene: die Pflanzenfresser. Sie sind die Beute der Konsumenten der zweiten Ebene: die Fleischfresser. Ein Fleisch fressendes Tier, das keine Feinde hat, wird einen Spitzenfleischfresser genannt. Diese stehen an der Spitze der Kette.</p>\r\n
      \r\n
      <p>Ein Pfeil steht f&uuml;r &bdquo;&hellip; wird gegessen durch&hellip;&ldquo;. Eine Nahrungskette besteht aus Gliedern, die auch Teil anderer Ketten sein k&ouml;nnen. Sie sind Zweige eines ausgedehnten Nahrungsnetzes. Diese Animation&nbsp;vernachl&auml;ssigt die Rolle von Destruenten. Das sind Organismen und Mikroorganismen, die tote organische Substanzen zersetzen (Abf&auml;lle, tote Anlagen und Tiere). Sie&nbsp;stellen den gr&ouml;&szlig;eren Teil der N&auml;hrstoffe zur Verf&uuml;gung, die von den Produzenten&nbsp;verarbeitet werden.</p>
      """
    "suggestions" => [
      App\Entity\vo\MediaCardLight {#3429
        #id: 521
        #title: "Ökosystem Teich (trophische Beziehungen)"
        #mediaType: "simulation"
        #thumbnailSizes: [
          "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/521-6545f396e33f7161861708.webp"
          "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/521-6545f396e33f7161861708.webp"
          "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/521-6545f396e33f7161861708.webp"
        ]
        #thumbnailBackground: "#f6adcc"
        #publishedAt: DateTimeImmutable @1431302400 {#2957
          date: 2015-05-11 00:00:00.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "oekosystem-teich-trophische-beziehungen"
      }
      App\Entity\vo\MediaCardLight {#3431
        #id: 140
        #title: "Ökosystem Teich (Biozönose und Biotop)"
        #mediaType: "simulation"
        #thumbnailSizes: [
          "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/140-6545f2b842c82217721865.webp"
          "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/140-6545f2b842c82217721865.webp"
          "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/140-6545f2b842c82217721865.webp"
        ]
        #thumbnailBackground: "#004387"
        #publishedAt: DateTimeImmutable @1431302400 {#2854
          date: 2015-05-11 00:00:00.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "oekosystem-teich-biozoenose-und-biotop"
      }
      App\Entity\vo\MediaCardLight {#3432
        #id: 363
        #title: "Nahrungsnetz #1"
        #mediaType: "simulation"
        #thumbnailSizes: [
          "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/363-6545f3363ff40341969988.webp"
          "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/363-6545f3363ff40341969988.webp"
          "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/363-6545f3363ff40341969988.webp"
        ]
        #thumbnailBackground: "#ee1b2e"
        #publishedAt: DateTimeImmutable @1431302400 {#2929
          date: 2015-05-11 00:00:00.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "nahrungsnetz-1"
      }
    ]
    "tags" => [
      "beute"
      "feind"
      "fleischfresser"
      "nahrungs"
      "pflanzenfresser"
      "tier"
      "ökosystem"
    ]
    "baseNodeName" => "Ökologie und Umwelt"
  ]
  "key" => "goals"
]
Attributes 
[
  "title" => "Lernziele"
  "media" => [
    "id" => 708
    "title" => "Nahrungsketten"
    "slug" => "nahrungsketten"
    "mediaType" => "simulation"
    "thumbnailSizes" => [
      "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/708-6545f419d4801284910232.webp"
      "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/708-6545f419d4801284910232.webp"
      "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/708-6545f419d4801284910232.webp"
    ]
    "thumbnailBackground" => "#004387"
    "publishedAt" => DateTimeImmutable @1431302400 {#1390
      date: 2015-05-11 00:00:00.0 UTC (+00:00)
    }
    "isExpert" => false
    "goals" => """
      <ul>\r\n
      \t<li>Organismen entsprechend ihrer Rolle in einer Nahrungskette klassifizieren: Produzenten, Pflanzenfresser, Fleischfresser, Spitzenpr&auml;datoren</li>\r\n
      \t<li>Die Abh&auml;ngigkeit aller Organismen voneinander in einem &Ouml;kosystem lehren.</li>\r\n
      \t<li>Erw&auml;hnen, dass viele Nahrungsketten innerhalb eines &Ouml;kosystems&nbsp;existieren. Eine Nahrungskette ist ein Zweig eines Nahrungsnetzwerks.</li>\r\n
      \t<li>Ann&auml;hern an die Begriffe R&auml;uber und Beute.</li>\r\n
      </ul>
      """
    "width" => 550
    "height" => 440
    "description" => """
      <p>Eine Nahrungskette ist eine organisierte Reihe lebender Sachen, die durch ein (auf die Nahrung bezogenes) Nahrungsverh&auml;ltnis miteinander verbunden sind. Tiere beziehen die Energie, die sie f&uuml;r ihr &Uuml;berleben ben&ouml;tigen, von ihrer Nahrung.</p>\r\n
      \r\n
      <p>An der Basis einer solchen Kette findet man die Produzenten. Diese sind terrestrische Pflanzen&nbsp;oder Wasserpflanzen (Algen, Phytoplankton). Sie bilden ihre eigene organische Substanz&nbsp;durch N&auml;hrstoffe, CO<sub>2</sub> und Licht (Photosynthese).</p>\r\n
      \r\n
      <p>Die Tiere, die eine Stufe h&ouml;her in der Kette stehen, sind die Konsumenten der ersten Ebene: die Pflanzenfresser. Sie sind die Beute der Konsumenten der zweiten Ebene: die Fleischfresser. Ein Fleisch fressendes Tier, das keine Feinde hat, wird einen Spitzenfleischfresser genannt. Diese stehen an der Spitze der Kette.</p>\r\n
      \r\n
      <p>Ein Pfeil steht f&uuml;r &bdquo;&hellip; wird gegessen durch&hellip;&ldquo;. Eine Nahrungskette besteht aus Gliedern, die auch Teil anderer Ketten sein k&ouml;nnen. Sie sind Zweige eines ausgedehnten Nahrungsnetzes. Diese Animation&nbsp;vernachl&auml;ssigt die Rolle von Destruenten. Das sind Organismen und Mikroorganismen, die tote organische Substanzen zersetzen (Abf&auml;lle, tote Anlagen und Tiere). Sie&nbsp;stellen den gr&ouml;&szlig;eren Teil der N&auml;hrstoffe zur Verf&uuml;gung, die von den Produzenten&nbsp;verarbeitet werden.</p>
      """
    "suggestions" => [
      App\Entity\vo\MediaCardLight {#3429
        #id: 521
        #title: "Ökosystem Teich (trophische Beziehungen)"
        #mediaType: "simulation"
        #thumbnailSizes: [
          "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/521-6545f396e33f7161861708.webp"
          "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/521-6545f396e33f7161861708.webp"
          "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/521-6545f396e33f7161861708.webp"
        ]
        #thumbnailBackground: "#f6adcc"
        #publishedAt: DateTimeImmutable @1431302400 {#2957
          date: 2015-05-11 00:00:00.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "oekosystem-teich-trophische-beziehungen"
      }
      App\Entity\vo\MediaCardLight {#3431
        #id: 140
        #title: "Ökosystem Teich (Biozönose und Biotop)"
        #mediaType: "simulation"
        #thumbnailSizes: [
          "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/140-6545f2b842c82217721865.webp"
          "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/140-6545f2b842c82217721865.webp"
          "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/140-6545f2b842c82217721865.webp"
        ]
        #thumbnailBackground: "#004387"
        #publishedAt: DateTimeImmutable @1431302400 {#2854
          date: 2015-05-11 00:00:00.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "oekosystem-teich-biozoenose-und-biotop"
      }
      App\Entity\vo\MediaCardLight {#3432
        #id: 363
        #title: "Nahrungsnetz #1"
        #mediaType: "simulation"
        #thumbnailSizes: [
          "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/363-6545f3363ff40341969988.webp"
          "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/363-6545f3363ff40341969988.webp"
          "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/363-6545f3363ff40341969988.webp"
        ]
        #thumbnailBackground: "#ee1b2e"
        #publishedAt: DateTimeImmutable @1431302400 {#2929
          date: 2015-05-11 00:00:00.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "nahrungsnetz-1"
      }
    ]
    "tags" => [
      "beute"
      "feind"
      "fleischfresser"
      "nahrungs"
      "pflanzenfresser"
      "tier"
      "ökosystem"
    ]
    "baseNodeName" => "Ökologie und Umwelt"
  ]
  "key" => "goals"
]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#4157
  -props: [
    "title" => "Lernziele"
    "media" => [
      "id" => 708
      "title" => "Nahrungsketten"
      "slug" => "nahrungsketten"
      "mediaType" => "simulation"
      "thumbnailSizes" => [
        "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/708-6545f419d4801284910232.webp"
        "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/708-6545f419d4801284910232.webp"
        "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/708-6545f419d4801284910232.webp"
      ]
      "thumbnailBackground" => "#004387"
      "publishedAt" => DateTimeImmutable @1431302400 {#1390
        date: 2015-05-11 00:00:00.0 UTC (+00:00)
      }
      "isExpert" => false
      "goals" => """
        <ul>\r\n
        \t<li>Organismen entsprechend ihrer Rolle in einer Nahrungskette klassifizieren: Produzenten, Pflanzenfresser, Fleischfresser, Spitzenpr&auml;datoren</li>\r\n
        \t<li>Die Abh&auml;ngigkeit aller Organismen voneinander in einem &Ouml;kosystem lehren.</li>\r\n
        \t<li>Erw&auml;hnen, dass viele Nahrungsketten innerhalb eines &Ouml;kosystems&nbsp;existieren. Eine Nahrungskette ist ein Zweig eines Nahrungsnetzwerks.</li>\r\n
        \t<li>Ann&auml;hern an die Begriffe R&auml;uber und Beute.</li>\r\n
        </ul>
        """
      "width" => 550
      "height" => 440
      "description" => """
        <p>Eine Nahrungskette ist eine organisierte Reihe lebender Sachen, die durch ein (auf die Nahrung bezogenes) Nahrungsverh&auml;ltnis miteinander verbunden sind. Tiere beziehen die Energie, die sie f&uuml;r ihr &Uuml;berleben ben&ouml;tigen, von ihrer Nahrung.</p>\r\n
        \r\n
        <p>An der Basis einer solchen Kette findet man die Produzenten. Diese sind terrestrische Pflanzen&nbsp;oder Wasserpflanzen (Algen, Phytoplankton). Sie bilden ihre eigene organische Substanz&nbsp;durch N&auml;hrstoffe, CO<sub>2</sub> und Licht (Photosynthese).</p>\r\n
        \r\n
        <p>Die Tiere, die eine Stufe h&ouml;her in der Kette stehen, sind die Konsumenten der ersten Ebene: die Pflanzenfresser. Sie sind die Beute der Konsumenten der zweiten Ebene: die Fleischfresser. Ein Fleisch fressendes Tier, das keine Feinde hat, wird einen Spitzenfleischfresser genannt. Diese stehen an der Spitze der Kette.</p>\r\n
        \r\n
        <p>Ein Pfeil steht f&uuml;r &bdquo;&hellip; wird gegessen durch&hellip;&ldquo;. Eine Nahrungskette besteht aus Gliedern, die auch Teil anderer Ketten sein k&ouml;nnen. Sie sind Zweige eines ausgedehnten Nahrungsnetzes. Diese Animation&nbsp;vernachl&auml;ssigt die Rolle von Destruenten. Das sind Organismen und Mikroorganismen, die tote organische Substanzen zersetzen (Abf&auml;lle, tote Anlagen und Tiere). Sie&nbsp;stellen den gr&ouml;&szlig;eren Teil der N&auml;hrstoffe zur Verf&uuml;gung, die von den Produzenten&nbsp;verarbeitet werden.</p>
        """
      "suggestions" => [
        App\Entity\vo\MediaCardLight {#3429
          #id: 521
          #title: "Ökosystem Teich (trophische Beziehungen)"
          #mediaType: "simulation"
          #thumbnailSizes: [
            "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/521-6545f396e33f7161861708.webp"
            "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/521-6545f396e33f7161861708.webp"
            "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/521-6545f396e33f7161861708.webp"
          ]
          #thumbnailBackground: "#f6adcc"
          #publishedAt: DateTimeImmutable @1431302400 {#2957
            date: 2015-05-11 00:00:00.0 UTC (+00:00)
          }
          #isExpert: false
          #slug: "oekosystem-teich-trophische-beziehungen"
        }
        App\Entity\vo\MediaCardLight {#3431
          #id: 140
          #title: "Ökosystem Teich (Biozönose und Biotop)"
          #mediaType: "simulation"
          #thumbnailSizes: [
            "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/140-6545f2b842c82217721865.webp"
            "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/140-6545f2b842c82217721865.webp"
            "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/140-6545f2b842c82217721865.webp"
          ]
          #thumbnailBackground: "#004387"
          #publishedAt: DateTimeImmutable @1431302400 {#2854
            date: 2015-05-11 00:00:00.0 UTC (+00:00)
          }
          #isExpert: false
          #slug: "oekosystem-teich-biozoenose-und-biotop"
        }
        App\Entity\vo\MediaCardLight {#3432
          #id: 363
          #title: "Nahrungsnetz #1"
          #mediaType: "simulation"
          #thumbnailSizes: [
            "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/363-6545f3363ff40341969988.webp"
            "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/363-6545f3363ff40341969988.webp"
            "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/363-6545f3363ff40341969988.webp"
          ]
          #thumbnailBackground: "#ee1b2e"
          #publishedAt: DateTimeImmutable @1431302400 {#2929
            date: 2015-05-11 00:00:00.0 UTC (+00:00)
          }
          #isExpert: false
          #slug: "nahrungsnetz-1"
        }
      ]
      "tags" => [
        "beute"
        "feind"
        "fleischfresser"
        "nahrungs"
        "pflanzenfresser"
        "tier"
        "ökosystem"
      ]
      "baseNodeName" => "Ökologie und Umwelt"
    ]
    "key" => "goals"
  ]
}
Demo:Video 
[Anonymous]
 14.0 MiB 1.66 ms
Input props 
[
  "width" => "600"
  "height" => "596"
  "class" => "max-w-none absolute"
]
Attributes 
[
  "width" => "600"
  "height" => "596"
  "class" => "max-w-none absolute"
]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#4179
  -props: [
    "width" => "600"
    "height" => "596"
    "class" => "max-w-none absolute"
  ]
}
Heading:Large 
[Anonymous]
 14.0 MiB 79.39 ms
Input props 
[
  "tag" => "h2"
]
Attributes 
[
  "tag" => "h2"
]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#4195
  -props: [
    "tag" => "h2"
  ]
}
Showcase:RevealPill 
[Anonymous]
 14.0 MiB 3.58 ms
Input props 
[
  "icon" => "source"
]
Attributes 
[
  "icon" => "source"
]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#4219
  -props: [
    "icon" => "source"
  ]
}
Showcase:Reveal 
[Anonymous]
 14.0 MiB 1.30 ms
Input props 
[
  "class" => "-mt-1"
  "text" => Twig\Markup {#4255
    -content: "Mehr als 1000 Ressourcen"
    -charset: "UTF-8"
  }
]
Attributes 
[
  "class" => "-mt-1"
  "text" => "Mehr als 1000 Ressourcen"
]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#4257
  -props: [
    "class" => "-mt-1"
    "text" => Twig\Markup {#4255
      -content: "Mehr als 1000 Ressourcen"
      -charset: "UTF-8"
    }
  ]
}
DemoForm 
[Anonymous]
 14.0 MiB 661.47 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 {#4241
  -props: [
    "isDemoPage" => false
    "class" => "max-w-prose mx-auto"
  ]
}
Button App\Twig\Components\Button 14.0 MiB 1.57 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 {#4501
  +size: null
  +darkColor: "domain"
  +lightColor: "white"
  +hoverScheme: "default"
  +hoverTextColor: null
  +disabled: false
  +noLabelOnSmallScreen: false
  +iconClass: null
  +beforeIconClass: null
  +afterIconClass: null
}
Heading:Large 
[Anonymous]
 14.0 MiB 1.83 ms
Input props 
[
  "class" => "text-white"
  "tag" => "h1"
]
Attributes 
[
  "class" => "text-white"
  "tag" => "h1"
]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#4286
  -props: [
    "class" => "text-white"
    "tag" => "h1"
  ]
}
MediaCard App\Twig\Components\MediaCard 14.0 MiB 15.52 ms
Input props 
[
  "cardData" => App\Entity\vo\MediaCardLight {#3429
    #id: 521
    #title: "Ökosystem Teich (trophische Beziehungen)"
    #mediaType: "simulation"
    #thumbnailSizes: [
      "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/521-6545f396e33f7161861708.webp"
      "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/521-6545f396e33f7161861708.webp"
      "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/521-6545f396e33f7161861708.webp"
    ]
    #thumbnailBackground: "#f6adcc"
    #publishedAt: DateTimeImmutable @1431302400 {#2957
      date: 2015-05-11 00:00:00.0 UTC (+00:00)
    }
    #isExpert: false
    #slug: "oekosystem-teich-trophische-beziehungen"
  }
  "context" => "media-teaser"
  "class" => "w-1/2 "
]
Attributes 
[
  "class" => "w-1/2 "
]
Component 
App\Twig\Components\MediaCard {#4368
  -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 {#3429
    #id: 521
    #title: "Ökosystem Teich (trophische Beziehungen)"
    #mediaType: "simulation"
    #thumbnailSizes: [
      "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/521-6545f396e33f7161861708.webp"
      "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/521-6545f396e33f7161861708.webp"
      "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/521-6545f396e33f7161861708.webp"
    ]
    #thumbnailBackground: "#f6adcc"
    #publishedAt: DateTimeImmutable @1431302400 {#2957
      date: 2015-05-11 00:00:00.0 UTC (+00:00)
    }
    #isExpert: false
    #slug: "oekosystem-teich-trophische-beziehungen"
  }
  +thumbnailEagerLoading: false
  +preventTabbableLink: false
  +context: "media-teaser"
}
MediaCard App\Twig\Components\MediaCard 14.0 MiB 2.73 ms
Input props 
[
  "cardData" => App\Entity\vo\MediaCardLight {#3431
    #id: 140
    #title: "Ökosystem Teich (Biozönose und Biotop)"
    #mediaType: "simulation"
    #thumbnailSizes: [
      "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/140-6545f2b842c82217721865.webp"
      "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/140-6545f2b842c82217721865.webp"
      "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/140-6545f2b842c82217721865.webp"
    ]
    #thumbnailBackground: "#004387"
    #publishedAt: DateTimeImmutable @1431302400 {#2854
      date: 2015-05-11 00:00:00.0 UTC (+00:00)
    }
    #isExpert: false
    #slug: "oekosystem-teich-biozoenose-und-biotop"
  }
  "context" => "media-teaser"
  "class" => "w-1/2 hidden md:block"
]
Attributes 
[
  "class" => "w-1/2 hidden md:block"
]
Component 
App\Twig\Components\MediaCard {#4581
  -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 {#3431
    #id: 140
    #title: "Ökosystem Teich (Biozönose und Biotop)"
    #mediaType: "simulation"
    #thumbnailSizes: [
      "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/140-6545f2b842c82217721865.webp"
      "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/140-6545f2b842c82217721865.webp"
      "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/140-6545f2b842c82217721865.webp"
    ]
    #thumbnailBackground: "#004387"
    #publishedAt: DateTimeImmutable @1431302400 {#2854
      date: 2015-05-11 00:00:00.0 UTC (+00:00)
    }
    #isExpert: false
    #slug: "oekosystem-teich-biozoenose-und-biotop"
  }
  +thumbnailEagerLoading: false
  +preventTabbableLink: false
  +context: "media-teaser"
}
MediaCard App\Twig\Components\MediaCard 14.0 MiB 15.47 ms
Input props 
[
  "cardData" => App\Entity\vo\MediaCardLight {#3432
    #id: 363
    #title: "Nahrungsnetz #1"
    #mediaType: "simulation"
    #thumbnailSizes: [
      "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/363-6545f3363ff40341969988.webp"
      "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/363-6545f3363ff40341969988.webp"
      "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/363-6545f3363ff40341969988.webp"
    ]
    #thumbnailBackground: "#ee1b2e"
    #publishedAt: DateTimeImmutable @1431302400 {#2929
      date: 2015-05-11 00:00:00.0 UTC (+00:00)
    }
    #isExpert: false
    #slug: "nahrungsnetz-1"
  }
  "context" => "media-teaser"
  "class" => "w-1/2 hidden lg:block"
]
Attributes 
[
  "class" => "w-1/2 hidden lg:block"
]
Component 
App\Twig\Components\MediaCard {#4609
  -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 {#3432
    #id: 363
    #title: "Nahrungsnetz #1"
    #mediaType: "simulation"
    #thumbnailSizes: [
      "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/363-6545f3363ff40341969988.webp"
      "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/363-6545f3363ff40341969988.webp"
      "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/363-6545f3363ff40341969988.webp"
    ]
    #thumbnailBackground: "#ee1b2e"
    #publishedAt: DateTimeImmutable @1431302400 {#2929
      date: 2015-05-11 00:00:00.0 UTC (+00:00)
    }
    #isExpert: false
    #slug: "nahrungsnetz-1"
  }
  +thumbnailEagerLoading: false
  +preventTabbableLink: false
  +context: "media-teaser"
}
Footer 
[Anonymous]
 14.0 MiB 3.38 ms
Input props 
[]
Attributes 
[]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#4204
  -props: []
}