GET https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/de/media/976-das-wassereinzugsgebiet

Response
200 OK
IP
216.73.216.102
Profiled on
Token
3df068

Components

19 Twig Components
32 Render Count
125 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 5.19ms
MediaCard 
"App\Twig\Components\MediaCard"
components/MediaCard.html.twig 		5 14.28ms
Heading:Large 
[Anonymous]
components/Heading/Large.html.twig 		2 1.38ms
Store:User 
"App\Twig\Components\Store\User"
components/Store/User.html.twig 		1 2.66ms
Header 
[Anonymous]
components/Header/index.html.twig 		1 36.17ms
Layout:Stack 
[Anonymous]
components/Layout/Stack.html.twig 		1 15.25ms
Header:Anonymous 
[Anonymous]
components/Header/Anonymous.html.twig 		1 13.98ms
Header:Logo 
[Anonymous]
components/Header/Logo.html.twig 		1 8.80ms
Header:LocalePicker 
[Anonymous]
components/Header/LocalePicker.html.twig 		1 1.98ms
LoginLink 
[Anonymous]
components/LoginLink.html.twig 		1 1.10ms
Dialog:LocalePicker 
"App\Twig\Components\Dialog\LocalePicker"
components/Dialog/LocalePicker.html.twig 		1 19.66ms
Dialog 
[Anonymous]
components/Dialog/index.html.twig 		1 19.21ms
Banner:UserBanners 
"App\Twig\Components\Banner\UserBanners"
components/Banner/UserBanners.html.twig 		1 0.49ms
MediaField 
[Anonymous]
components/MediaField.html.twig 		1 0.26ms
Demo:Video 
[Anonymous]
components/Demo/Video.html.twig 		1 11.54ms
Showcase:RevealPill 
[Anonymous]
components/Showcase/RevealPill.html.twig 		1 5.95ms
Showcase:Reveal 
[Anonymous]
components/Showcase/Reveal.html.twig 		1 0.71ms
DemoForm 
[Anonymous]
components/DemoForm.html.twig 		1 32.28ms
Footer 
[Anonymous]
components/Footer/index.html.twig 		1 19.51ms

Render calls

Store:User App\Twig\Components\Store\User 10.0 MiB 2.66 ms
Input props 
[]
Attributes 
[]
Component 
App\Twig\Components\Store\User {#3836
  -securityService: App\Service\SecurityService {#115 …}
  -geoService: App\Service\GeoService {#170 …}
  -institutionUtilsService: App\Service\InstitutionUtilsService {#3837 …}
}
Header 
[Anonymous]
 10.0 MiB 36.17 ms
Input props 
[
  "notSticky" => false
]
Attributes 
[
  "notSticky" => false
]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#3867
  -props: [
    "notSticky" => false
  ]
}
Layout:Stack 
[Anonymous]
 10.0 MiB 15.25 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 {#3893
  -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 13.98 ms
Input props 
[
  "minimal" => false
]
Attributes 
[
  "minimal" => false
]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#3949
  -props: [
    "minimal" => false
  ]
}
Header:Logo 
[Anonymous]
 10.0 MiB 8.80 ms
Input props 
[]
Attributes 
[]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#3973
  -props: []
}
Header:LocalePicker 
[Anonymous]
 10.0 MiB 1.98 ms
Input props 
[
  "size" => "small"
  "hoverScheme" => "none"
  "darkColor" => "domain"
]
Attributes 
[
  "size" => "small"
  "hoverScheme" => "none"
  "darkColor" => "domain"
]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#3990
  -props: [
    "size" => "small"
    "hoverScheme" => "none"
    "darkColor" => "domain"
  ]
}
Button App\Twig\Components\Button 10.0 MiB 0.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 {#4015
  +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 1.10 ms
Input props 
[
  "class" => "grow"
  "size" => "small"
]
Attributes 
[
  "class" => "grow"
  "size" => "small"
]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#4007
  -props: [
    "class" => "grow"
    "size" => "small"
  ]
}
Button App\Twig\Components\Button 10.0 MiB 0.48 ms
Input props 
[
  "data-compo" => "LoginLink"
  "href" => "/de/login?next=/de/media/976-das-wassereinzugsgebiet"
  "class" => "grow"
  "size" => "small"
]
Attributes 
[
  "data-compo" => "LoginLink"
  "href" => "/de/login?next=/de/media/976-das-wassereinzugsgebiet"
  "class" => "grow"
]
Component 
App\Twig\Components\Button {#4093
  +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 0.41 ms
Input props 
[
  "class" => "grow"
  "size" => "small"
  "darkColor" => "domain"
  "href" => "/de/subscribe/"
]
Attributes 
[
  "class" => "grow"
  "href" => "/de/subscribe/"
]
Component 
App\Twig\Components\Button {#4107
  +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 19.66 ms
Input props 
[]
Attributes 
[]
Component 
App\Twig\Components\Dialog\LocalePicker {#3931
  -localeSwitcherService: App\Service\LocaleSwitcherService {#1480 …}
}
Dialog 
[Anonymous]
 10.0 MiB 19.21 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 {#4144
  -props: [
    "data-compo" => "Dialog/LocalePicker"
    "id" => "language-picker-dialog"
  ]
}
Button App\Twig\Components\Button 10.0 MiB 0.46 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 {#4178
  +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 0.43 ms
Input props 
[
  "class" => "w-full mb-bento "
  "href" => "/en/media/976-watershed"
  "hoverScheme" => "none"
  "hoverTextColor" => "domain"
  "beforeIcon" => null
  "beforeIconClass" => "text-domain"
  "data-locale-picker-target" => "en"
]
Attributes 
[
  "class" => "w-full mb-bento "
  "href" => "/en/media/976-watershed"
  "beforeIcon" => null
  "data-locale-picker-target" => "en"
]
Component 
App\Twig\Components\Button {#4209
  +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 0.37 ms
Input props 
[
  "class" => "w-full mb-bento "
  "href" => "/fr/media/976-bassin-versant"
  "hoverScheme" => "none"
  "hoverTextColor" => "domain"
  "beforeIcon" => null
  "beforeIconClass" => "text-domain"
  "data-locale-picker-target" => "fr"
]
Attributes 
[
  "class" => "w-full mb-bento "
  "href" => "/fr/media/976-bassin-versant"
  "beforeIcon" => null
  "data-locale-picker-target" => "fr"
]
Component 
App\Twig\Components\Button {#4246
  +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 0.39 ms
Input props 
[
  "class" => "w-full mb-bento "
  "href" => "/es/media/976-cuenca-hidrografica"
  "hoverScheme" => "none"
  "hoverTextColor" => "domain"
  "beforeIcon" => null
  "beforeIconClass" => "text-domain"
  "data-locale-picker-target" => "es"
]
Attributes 
[
  "class" => "w-full mb-bento "
  "href" => "/es/media/976-cuenca-hidrografica"
  "beforeIcon" => null
  "data-locale-picker-target" => "es"
]
Component 
App\Twig\Components\Button {#4265
  +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 0.71 ms
Input props 
[
  "class" => "w-full mb-bento pointer-events-none"
  "href" => "/de/media/976-das-wassereinzugsgebiet"
  "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/976-das-wassereinzugsgebiet"
  "beforeIcon" => "done"
  "data-locale-picker-target" => "de"
]
Component 
App\Twig\Components\Button {#4285
  +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 0.49 ms
Input props 
[]
Attributes 
[]
Component 
App\Twig\Components\Banner\UserBanners {#3884
  -purchaseRepository: App\Repository\PurchaseRepository {#118 …}
  -securityService: App\Service\SecurityService {#115 …}
}
MediaField 
[Anonymous]
 10.0 MiB 0.26 ms
Input props 
[
  "title" => "Lernziele"
  "media" => [
    "id" => 976
    "title" => "Das Wassereinzugsgebiet"
    "slug" => "das-wassereinzugsgebiet"
    "mediaType" => "simulation"
    "thumbnailSizes" => [
      "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/976-6545f492985be646618409.webp"
      "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/976-6545f492985be646618409.webp"
      "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/976-6545f492985be646618409.webp"
    ]
    "thumbnailBackground" => "#ec008d"
    "publishedAt" => DateTimeImmutable @1684281600 {#1386
      date: 2023-05-17 00:00:00.0 UTC (+00:00)
    }
    "isExpert" => false
    "goals" => """
      <ul>\r\n
      \t<li>Definieren Sie, was ein Einzugsgebiet und eine Wasserscheide sind.</li>\r\n
      \t<li>Erkl&auml;ren Sie die Zeitr&auml;ume zwischen Niederschlag, Hochwasser und R&uuml;ckgang.</li>\r\n
      \t<li>Erkl&auml;ren, wie die Raumplanung das Hochwasserrisiko begrenzen oder verschlimmern kann.</li>\r\n
      </ul>
      """
    "width" => 550
    "height" => 350
    "description" => """
      <p style="margin-left:0cm; margin-right:0cm">Wasser, das von der Spitze eines Reliefs herunterl&auml;uft, wird unweigerlich in einem Meer oder Ozean enden. Das lehrt uns der Wasserkreislauf. Die Schwerkraft zwingt fl&uuml;ssiges Wasser zu sinken, sei es durch Oberfl&auml;chenabfluss oder durch Versickern. An der Oberfl&auml;che flie&szlig;t es durch einen Wildbach, dann durch einen oder mehrere Fl&uuml;sse, bevor es in einen Strom m&uuml;ndet, der wiederum in ein Meer oder einen Ozean m&uuml;ndet.</p>\r\n
      \r\n
      <p style="margin-left:0cm; margin-right:0cm">Ein Wassereinzugsgebiet ist ein geografisches Gebiet, das durch Wasserscheiden begrenzt wird. Der gesamte Niederschlag, der in diesem Gebiet f&auml;llt, flie&szlig;t von flussaufw&auml;rts nach flussabw&auml;rts. Der tiefste Punkt des Einzugsgebiets wird als Ausfluss bezeichnet.</p>
      """
    "suggestions" => [
      App\Entity\vo\MediaCardLight {#3592
        #id: 57
        #title: "Erosion und Abholzung"
        #mediaType: "simulation"
        #thumbnailSizes: [
          "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/57-6545f3b6c6ce2672721279.webp"
          "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/57-6545f3b6c6ce2672721279.webp"
          "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/57-6545f3b6c6ce2672721279.webp"
        ]
        #thumbnailBackground: "#f6951d"
        #publishedAt: DateTimeImmutable @1431302400 {#2913
          date: 2015-05-11 00:00:00.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "erosion-und-abholzung"
      }
      App\Entity\vo\MediaCardLight {#3594
        #id: 889
        #title: "Interaktive Erde: Geodynamik"
        #mediaType: "simulation"
        #thumbnailSizes: [
          "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/889-6545f4656ece5688743390.webp"
          "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/889-6545f4656ece5688743390.webp"
          "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/889-6545f4656ece5688743390.webp"
        ]
        #thumbnailBackground: "#004387"
        #publishedAt: DateTimeImmutable @1492646400 {#3055
          date: 2017-04-20 00:00:00.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "interaktive-erde-geodynamik"
      }
      App\Entity\vo\MediaCardLight {#3595
        #id: 899
        #title: "Gezeiten"
        #mediaType: "simulation"
        #thumbnailSizes: [
          "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/899-6545f46b5e4fc471248670.webp"
          "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/899-6545f46b5e4fc471248670.webp"
          "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/899-6545f46b5e4fc471248670.webp"
        ]
        #thumbnailBackground: "#00b7ad"
        #publishedAt: DateTimeImmutable @1520208000 {#3090
          date: 2018-03-05 00:00:00.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "gezeiten"
      }
      App\Entity\vo\MediaCardLight {#3596
        #id: 924
        #title: "Orthodrome und Loxodrome"
        #mediaType: "simulation"
        #thumbnailSizes: [
          "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/924-6545f47b48c80499838634.webp"
          "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/924-6545f47b48c80499838634.webp"
          "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/924-6545f47b48c80499838634.webp"
        ]
        #thumbnailBackground: "#f25821"
        #publishedAt: DateTimeImmutable @1567382400 {#3113
          date: 2019-09-02 00:00:00.0 UTC (+00:00)
        }
        #isExpert: true
        #slug: "orthodrome-und-loxodrome"
      }
      App\Entity\vo\MediaCardLight {#3597
        #id: 952
        #title: "Brennstoffzelle"
        #mediaType: "simulation"
        #thumbnailSizes: [
          "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/952-6545f48909cb8084859499.webp"
          "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/952-6545f48909cb8084859499.webp"
          "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/952-6545f48909cb8084859499.webp"
        ]
        #thumbnailBackground: "#b51d8e"
        #publishedAt: DateTimeImmutable @1645142400 {#3171
          date: 2022-02-18 00:00:00.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "brennstoffzelle"
      }
    ]
    "tags" => [
      "fluss"
      "hochwasser"
      "hydrologie"
      "naturrisiko"
      "niederschläge"
      "rieseln"
      "strom oder"
      "wasserkreislauf"
      "überschwemmung"
    ]
    "baseNodeName" => "Ökologie und Umwelt"
  ]
  "key" => "goals"
]
Attributes 
[
  "title" => "Lernziele"
  "media" => [
    "id" => 976
    "title" => "Das Wassereinzugsgebiet"
    "slug" => "das-wassereinzugsgebiet"
    "mediaType" => "simulation"
    "thumbnailSizes" => [
      "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/976-6545f492985be646618409.webp"
      "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/976-6545f492985be646618409.webp"
      "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/976-6545f492985be646618409.webp"
    ]
    "thumbnailBackground" => "#ec008d"
    "publishedAt" => DateTimeImmutable @1684281600 {#1386
      date: 2023-05-17 00:00:00.0 UTC (+00:00)
    }
    "isExpert" => false
    "goals" => """
      <ul>\r\n
      \t<li>Definieren Sie, was ein Einzugsgebiet und eine Wasserscheide sind.</li>\r\n
      \t<li>Erkl&auml;ren Sie die Zeitr&auml;ume zwischen Niederschlag, Hochwasser und R&uuml;ckgang.</li>\r\n
      \t<li>Erkl&auml;ren, wie die Raumplanung das Hochwasserrisiko begrenzen oder verschlimmern kann.</li>\r\n
      </ul>
      """
    "width" => 550
    "height" => 350
    "description" => """
      <p style="margin-left:0cm; margin-right:0cm">Wasser, das von der Spitze eines Reliefs herunterl&auml;uft, wird unweigerlich in einem Meer oder Ozean enden. Das lehrt uns der Wasserkreislauf. Die Schwerkraft zwingt fl&uuml;ssiges Wasser zu sinken, sei es durch Oberfl&auml;chenabfluss oder durch Versickern. An der Oberfl&auml;che flie&szlig;t es durch einen Wildbach, dann durch einen oder mehrere Fl&uuml;sse, bevor es in einen Strom m&uuml;ndet, der wiederum in ein Meer oder einen Ozean m&uuml;ndet.</p>\r\n
      \r\n
      <p style="margin-left:0cm; margin-right:0cm">Ein Wassereinzugsgebiet ist ein geografisches Gebiet, das durch Wasserscheiden begrenzt wird. Der gesamte Niederschlag, der in diesem Gebiet f&auml;llt, flie&szlig;t von flussaufw&auml;rts nach flussabw&auml;rts. Der tiefste Punkt des Einzugsgebiets wird als Ausfluss bezeichnet.</p>
      """
    "suggestions" => [
      App\Entity\vo\MediaCardLight {#3592
        #id: 57
        #title: "Erosion und Abholzung"
        #mediaType: "simulation"
        #thumbnailSizes: [
          "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/57-6545f3b6c6ce2672721279.webp"
          "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/57-6545f3b6c6ce2672721279.webp"
          "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/57-6545f3b6c6ce2672721279.webp"
        ]
        #thumbnailBackground: "#f6951d"
        #publishedAt: DateTimeImmutable @1431302400 {#2913
          date: 2015-05-11 00:00:00.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "erosion-und-abholzung"
      }
      App\Entity\vo\MediaCardLight {#3594
        #id: 889
        #title: "Interaktive Erde: Geodynamik"
        #mediaType: "simulation"
        #thumbnailSizes: [
          "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/889-6545f4656ece5688743390.webp"
          "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/889-6545f4656ece5688743390.webp"
          "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/889-6545f4656ece5688743390.webp"
        ]
        #thumbnailBackground: "#004387"
        #publishedAt: DateTimeImmutable @1492646400 {#3055
          date: 2017-04-20 00:00:00.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "interaktive-erde-geodynamik"
      }
      App\Entity\vo\MediaCardLight {#3595
        #id: 899
        #title: "Gezeiten"
        #mediaType: "simulation"
        #thumbnailSizes: [
          "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/899-6545f46b5e4fc471248670.webp"
          "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/899-6545f46b5e4fc471248670.webp"
          "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/899-6545f46b5e4fc471248670.webp"
        ]
        #thumbnailBackground: "#00b7ad"
        #publishedAt: DateTimeImmutable @1520208000 {#3090
          date: 2018-03-05 00:00:00.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "gezeiten"
      }
      App\Entity\vo\MediaCardLight {#3596
        #id: 924
        #title: "Orthodrome und Loxodrome"
        #mediaType: "simulation"
        #thumbnailSizes: [
          "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/924-6545f47b48c80499838634.webp"
          "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/924-6545f47b48c80499838634.webp"
          "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/924-6545f47b48c80499838634.webp"
        ]
        #thumbnailBackground: "#f25821"
        #publishedAt: DateTimeImmutable @1567382400 {#3113
          date: 2019-09-02 00:00:00.0 UTC (+00:00)
        }
        #isExpert: true
        #slug: "orthodrome-und-loxodrome"
      }
      App\Entity\vo\MediaCardLight {#3597
        #id: 952
        #title: "Brennstoffzelle"
        #mediaType: "simulation"
        #thumbnailSizes: [
          "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/952-6545f48909cb8084859499.webp"
          "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/952-6545f48909cb8084859499.webp"
          "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/952-6545f48909cb8084859499.webp"
        ]
        #thumbnailBackground: "#b51d8e"
        #publishedAt: DateTimeImmutable @1645142400 {#3171
          date: 2022-02-18 00:00:00.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "brennstoffzelle"
      }
    ]
    "tags" => [
      "fluss"
      "hochwasser"
      "hydrologie"
      "naturrisiko"
      "niederschläge"
      "rieseln"
      "strom oder"
      "wasserkreislauf"
      "überschwemmung"
    ]
    "baseNodeName" => "Ökologie und Umwelt"
  ]
  "key" => "goals"
]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#4317
  -props: [
    "title" => "Lernziele"
    "media" => [
      "id" => 976
      "title" => "Das Wassereinzugsgebiet"
      "slug" => "das-wassereinzugsgebiet"
      "mediaType" => "simulation"
      "thumbnailSizes" => [
        "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/976-6545f492985be646618409.webp"
        "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/976-6545f492985be646618409.webp"
        "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/976-6545f492985be646618409.webp"
      ]
      "thumbnailBackground" => "#ec008d"
      "publishedAt" => DateTimeImmutable @1684281600 {#1386
        date: 2023-05-17 00:00:00.0 UTC (+00:00)
      }
      "isExpert" => false
      "goals" => """
        <ul>\r\n
        \t<li>Definieren Sie, was ein Einzugsgebiet und eine Wasserscheide sind.</li>\r\n
        \t<li>Erkl&auml;ren Sie die Zeitr&auml;ume zwischen Niederschlag, Hochwasser und R&uuml;ckgang.</li>\r\n
        \t<li>Erkl&auml;ren, wie die Raumplanung das Hochwasserrisiko begrenzen oder verschlimmern kann.</li>\r\n
        </ul>
        """
      "width" => 550
      "height" => 350
      "description" => """
        <p style="margin-left:0cm; margin-right:0cm">Wasser, das von der Spitze eines Reliefs herunterl&auml;uft, wird unweigerlich in einem Meer oder Ozean enden. Das lehrt uns der Wasserkreislauf. Die Schwerkraft zwingt fl&uuml;ssiges Wasser zu sinken, sei es durch Oberfl&auml;chenabfluss oder durch Versickern. An der Oberfl&auml;che flie&szlig;t es durch einen Wildbach, dann durch einen oder mehrere Fl&uuml;sse, bevor es in einen Strom m&uuml;ndet, der wiederum in ein Meer oder einen Ozean m&uuml;ndet.</p>\r\n
        \r\n
        <p style="margin-left:0cm; margin-right:0cm">Ein Wassereinzugsgebiet ist ein geografisches Gebiet, das durch Wasserscheiden begrenzt wird. Der gesamte Niederschlag, der in diesem Gebiet f&auml;llt, flie&szlig;t von flussaufw&auml;rts nach flussabw&auml;rts. Der tiefste Punkt des Einzugsgebiets wird als Ausfluss bezeichnet.</p>
        """
      "suggestions" => [
        App\Entity\vo\MediaCardLight {#3592
          #id: 57
          #title: "Erosion und Abholzung"
          #mediaType: "simulation"
          #thumbnailSizes: [
            "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/57-6545f3b6c6ce2672721279.webp"
            "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/57-6545f3b6c6ce2672721279.webp"
            "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/57-6545f3b6c6ce2672721279.webp"
          ]
          #thumbnailBackground: "#f6951d"
          #publishedAt: DateTimeImmutable @1431302400 {#2913
            date: 2015-05-11 00:00:00.0 UTC (+00:00)
          }
          #isExpert: false
          #slug: "erosion-und-abholzung"
        }
        App\Entity\vo\MediaCardLight {#3594
          #id: 889
          #title: "Interaktive Erde: Geodynamik"
          #mediaType: "simulation"
          #thumbnailSizes: [
            "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/889-6545f4656ece5688743390.webp"
            "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/889-6545f4656ece5688743390.webp"
            "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/889-6545f4656ece5688743390.webp"
          ]
          #thumbnailBackground: "#004387"
          #publishedAt: DateTimeImmutable @1492646400 {#3055
            date: 2017-04-20 00:00:00.0 UTC (+00:00)
          }
          #isExpert: false
          #slug: "interaktive-erde-geodynamik"
        }
        App\Entity\vo\MediaCardLight {#3595
          #id: 899
          #title: "Gezeiten"
          #mediaType: "simulation"
          #thumbnailSizes: [
            "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/899-6545f46b5e4fc471248670.webp"
            "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/899-6545f46b5e4fc471248670.webp"
            "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/899-6545f46b5e4fc471248670.webp"
          ]
          #thumbnailBackground: "#00b7ad"
          #publishedAt: DateTimeImmutable @1520208000 {#3090
            date: 2018-03-05 00:00:00.0 UTC (+00:00)
          }
          #isExpert: false
          #slug: "gezeiten"
        }
        App\Entity\vo\MediaCardLight {#3596
          #id: 924
          #title: "Orthodrome und Loxodrome"
          #mediaType: "simulation"
          #thumbnailSizes: [
            "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/924-6545f47b48c80499838634.webp"
            "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/924-6545f47b48c80499838634.webp"
            "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/924-6545f47b48c80499838634.webp"
          ]
          #thumbnailBackground: "#f25821"
          #publishedAt: DateTimeImmutable @1567382400 {#3113
            date: 2019-09-02 00:00:00.0 UTC (+00:00)
          }
          #isExpert: true
          #slug: "orthodrome-und-loxodrome"
        }
        App\Entity\vo\MediaCardLight {#3597
          #id: 952
          #title: "Brennstoffzelle"
          #mediaType: "simulation"
          #thumbnailSizes: [
            "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/952-6545f48909cb8084859499.webp"
            "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/952-6545f48909cb8084859499.webp"
            "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/952-6545f48909cb8084859499.webp"
          ]
          #thumbnailBackground: "#b51d8e"
          #publishedAt: DateTimeImmutable @1645142400 {#3171
            date: 2022-02-18 00:00:00.0 UTC (+00:00)
          }
          #isExpert: false
          #slug: "brennstoffzelle"
        }
      ]
      "tags" => [
        "fluss"
        "hochwasser"
        "hydrologie"
        "naturrisiko"
        "niederschläge"
        "rieseln"
        "strom oder"
        "wasserkreislauf"
        "überschwemmung"
      ]
      "baseNodeName" => "Ökologie und Umwelt"
    ]
    "key" => "goals"
  ]
}
Demo:Video 
[Anonymous]
 10.0 MiB 11.54 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 {#4339
  -props: [
    "width" => "600"
    "height" => "596"
    "class" => "max-w-none absolute"
  ]
}
Heading:Large 
[Anonymous]
 10.0 MiB 0.90 ms
Input props 
[
  "tag" => "h2"
]
Attributes 
[
  "tag" => "h2"
]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#4355
  -props: [
    "tag" => "h2"
  ]
}
Showcase:RevealPill 
[Anonymous]
 10.0 MiB 5.95 ms
Input props 
[
  "icon" => "source"
]
Attributes 
[
  "icon" => "source"
]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#4379
  -props: [
    "icon" => "source"
  ]
}
Showcase:Reveal 
[Anonymous]
 10.0 MiB 0.71 ms
Input props 
[
  "class" => "-mt-1"
  "text" => Twig\Markup {#4415
    -content: "Mehr als 1000 Ressourcen"
    -charset: "UTF-8"
  }
]
Attributes 
[
  "class" => "-mt-1"
  "text" => "Mehr als 1000 Ressourcen"
]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#4417
  -props: [
    "class" => "-mt-1"
    "text" => Twig\Markup {#4415
      -content: "Mehr als 1000 Ressourcen"
      -charset: "UTF-8"
    }
  ]
}
DemoForm 
[Anonymous]
 10.0 MiB 32.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 {#4401
  -props: [
    "isDemoPage" => false
    "class" => "max-w-prose mx-auto"
  ]
}
Button App\Twig\Components\Button 10.0 MiB 1.29 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 {#4661
  +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.49 ms
Input props 
[
  "class" => "text-white"
  "tag" => "h1"
]
Attributes 
[
  "class" => "text-white"
  "tag" => "h1"
]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#4446
  -props: [
    "class" => "text-white"
    "tag" => "h1"
  ]
}
MediaCard App\Twig\Components\MediaCard 10.0 MiB 1.91 ms
Input props 
[
  "cardData" => App\Entity\vo\MediaCardLight {#3592
    #id: 57
    #title: "Erosion und Abholzung"
    #mediaType: "simulation"
    #thumbnailSizes: [
      "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/57-6545f3b6c6ce2672721279.webp"
      "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/57-6545f3b6c6ce2672721279.webp"
      "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/57-6545f3b6c6ce2672721279.webp"
    ]
    #thumbnailBackground: "#f6951d"
    #publishedAt: DateTimeImmutable @1431302400 {#2913
      date: 2015-05-11 00:00:00.0 UTC (+00:00)
    }
    #isExpert: false
    #slug: "erosion-und-abholzung"
  }
  "context" => "media-teaser"
  "class" => "w-1/2 "
]
Attributes 
[
  "class" => "w-1/2 "
]
Component 
App\Twig\Components\MediaCard {#4528
  -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 {#3592
    #id: 57
    #title: "Erosion und Abholzung"
    #mediaType: "simulation"
    #thumbnailSizes: [
      "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/57-6545f3b6c6ce2672721279.webp"
      "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/57-6545f3b6c6ce2672721279.webp"
      "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/57-6545f3b6c6ce2672721279.webp"
    ]
    #thumbnailBackground: "#f6951d"
    #publishedAt: DateTimeImmutable @1431302400 {#2913
      date: 2015-05-11 00:00:00.0 UTC (+00:00)
    }
    #isExpert: false
    #slug: "erosion-und-abholzung"
  }
  +thumbnailEagerLoading: false
  +preventTabbableLink: false
  +context: "media-teaser"
}
MediaCard App\Twig\Components\MediaCard 10.0 MiB 0.97 ms
Input props 
[
  "cardData" => App\Entity\vo\MediaCardLight {#3594
    #id: 889
    #title: "Interaktive Erde: Geodynamik"
    #mediaType: "simulation"
    #thumbnailSizes: [
      "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/889-6545f4656ece5688743390.webp"
      "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/889-6545f4656ece5688743390.webp"
      "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/889-6545f4656ece5688743390.webp"
    ]
    #thumbnailBackground: "#004387"
    #publishedAt: DateTimeImmutable @1492646400 {#3055
      date: 2017-04-20 00:00:00.0 UTC (+00:00)
    }
    #isExpert: false
    #slug: "interaktive-erde-geodynamik"
  }
  "context" => "media-teaser"
  "class" => "w-1/2 hidden md:block"
]
Attributes 
[
  "class" => "w-1/2 hidden md:block"
]
Component 
App\Twig\Components\MediaCard {#4741
  -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 {#3594
    #id: 889
    #title: "Interaktive Erde: Geodynamik"
    #mediaType: "simulation"
    #thumbnailSizes: [
      "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/889-6545f4656ece5688743390.webp"
      "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/889-6545f4656ece5688743390.webp"
      "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/889-6545f4656ece5688743390.webp"
    ]
    #thumbnailBackground: "#004387"
    #publishedAt: DateTimeImmutable @1492646400 {#3055
      date: 2017-04-20 00:00:00.0 UTC (+00:00)
    }
    #isExpert: false
    #slug: "interaktive-erde-geodynamik"
  }
  +thumbnailEagerLoading: false
  +preventTabbableLink: false
  +context: "media-teaser"
}
MediaCard App\Twig\Components\MediaCard 10.0 MiB 0.90 ms
Input props 
[
  "cardData" => App\Entity\vo\MediaCardLight {#3595
    #id: 899
    #title: "Gezeiten"
    #mediaType: "simulation"
    #thumbnailSizes: [
      "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/899-6545f46b5e4fc471248670.webp"
      "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/899-6545f46b5e4fc471248670.webp"
      "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/899-6545f46b5e4fc471248670.webp"
    ]
    #thumbnailBackground: "#00b7ad"
    #publishedAt: DateTimeImmutable @1520208000 {#3090
      date: 2018-03-05 00:00:00.0 UTC (+00:00)
    }
    #isExpert: false
    #slug: "gezeiten"
  }
  "context" => "media-teaser"
  "class" => "w-1/2 hidden lg:block"
]
Attributes 
[
  "class" => "w-1/2 hidden lg:block"
]
Component 
App\Twig\Components\MediaCard {#4769
  -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 {#3595
    #id: 899
    #title: "Gezeiten"
    #mediaType: "simulation"
    #thumbnailSizes: [
      "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/899-6545f46b5e4fc471248670.webp"
      "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/899-6545f46b5e4fc471248670.webp"
      "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/899-6545f46b5e4fc471248670.webp"
    ]
    #thumbnailBackground: "#00b7ad"
    #publishedAt: DateTimeImmutable @1520208000 {#3090
      date: 2018-03-05 00:00:00.0 UTC (+00:00)
    }
    #isExpert: false
    #slug: "gezeiten"
  }
  +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 {#3596
    #id: 924
    #title: "Orthodrome und Loxodrome"
    #mediaType: "simulation"
    #thumbnailSizes: [
      "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/924-6545f47b48c80499838634.webp"
      "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/924-6545f47b48c80499838634.webp"
      "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/924-6545f47b48c80499838634.webp"
    ]
    #thumbnailBackground: "#f25821"
    #publishedAt: DateTimeImmutable @1567382400 {#3113
      date: 2019-09-02 00:00:00.0 UTC (+00:00)
    }
    #isExpert: true
    #slug: "orthodrome-und-loxodrome"
  }
  "context" => "media-teaser"
  "class" => "w-1/2 hidden lg:block"
]
Attributes 
[
  "class" => "w-1/2 hidden lg:block"
]
Component 
App\Twig\Components\MediaCard {#4788
  -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 {#3596
    #id: 924
    #title: "Orthodrome und Loxodrome"
    #mediaType: "simulation"
    #thumbnailSizes: [
      "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/924-6545f47b48c80499838634.webp"
      "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/924-6545f47b48c80499838634.webp"
      "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/924-6545f47b48c80499838634.webp"
    ]
    #thumbnailBackground: "#f25821"
    #publishedAt: DateTimeImmutable @1567382400 {#3113
      date: 2019-09-02 00:00:00.0 UTC (+00:00)
    }
    #isExpert: true
    #slug: "orthodrome-und-loxodrome"
  }
  +thumbnailEagerLoading: false
  +preventTabbableLink: false
  +context: "media-teaser"
}
MediaCard App\Twig\Components\MediaCard 10.0 MiB 10.05 ms
Input props 
[
  "cardData" => App\Entity\vo\MediaCardLight {#3597
    #id: 952
    #title: "Brennstoffzelle"
    #mediaType: "simulation"
    #thumbnailSizes: [
      "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/952-6545f48909cb8084859499.webp"
      "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/952-6545f48909cb8084859499.webp"
      "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/952-6545f48909cb8084859499.webp"
    ]
    #thumbnailBackground: "#b51d8e"
    #publishedAt: DateTimeImmutable @1645142400 {#3171
      date: 2022-02-18 00:00:00.0 UTC (+00:00)
    }
    #isExpert: false
    #slug: "brennstoffzelle"
  }
  "context" => "media-teaser"
  "class" => "w-1/2 hidden lg:block"
]
Attributes 
[
  "class" => "w-1/2 hidden lg:block"
]
Component 
App\Twig\Components\MediaCard {#4807
  -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 {#3597
    #id: 952
    #title: "Brennstoffzelle"
    #mediaType: "simulation"
    #thumbnailSizes: [
      "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/952-6545f48909cb8084859499.webp"
      "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/952-6545f48909cb8084859499.webp"
      "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/952-6545f48909cb8084859499.webp"
    ]
    #thumbnailBackground: "#b51d8e"
    #publishedAt: DateTimeImmutable @1645142400 {#3171
      date: 2022-02-18 00:00:00.0 UTC (+00:00)
    }
    #isExpert: false
    #slug: "brennstoffzelle"
  }
  +thumbnailEagerLoading: false
  +preventTabbableLink: false
  +context: "media-teaser"
}
Footer 
[Anonymous]
 10.0 MiB 19.51 ms
Input props 
[]
Attributes 
[]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#4364
  -props: []
}