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

Response
200 OK
IP
216.73.216.102
Profiled on
Token
1cde32

Components

19 Twig Components
32 Render Count
254 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 35.04ms
MediaCard 
"App\Twig\Components\MediaCard"
components/MediaCard.html.twig 		5 17.18ms
Heading:Large 
[Anonymous]
components/Heading/Large.html.twig 		2 2.41ms
Store:User 
"App\Twig\Components\Store\User"
components/Store/User.html.twig 		1 1.75ms
Header 
[Anonymous]
components/Header/index.html.twig 		1 75.49ms
Layout:Stack 
[Anonymous]
components/Layout/Stack.html.twig 		1 35.60ms
Header:Anonymous 
[Anonymous]
components/Header/Anonymous.html.twig 		1 34.08ms
Header:Logo 
[Anonymous]
components/Header/Logo.html.twig 		1 1.05ms
Header:LocalePicker 
[Anonymous]
components/Header/LocalePicker.html.twig 		1 5.32ms
LoginLink 
[Anonymous]
components/LoginLink.html.twig 		1 12.67ms
Dialog:LocalePicker 
"App\Twig\Components\Dialog\LocalePicker"
components/Dialog/LocalePicker.html.twig 		1 36.31ms
Dialog 
[Anonymous]
components/Dialog/index.html.twig 		1 24.49ms
Banner:UserBanners 
"App\Twig\Components\Banner\UserBanners"
components/Banner/UserBanners.html.twig 		1 0.96ms
MediaField 
[Anonymous]
components/MediaField.html.twig 		1 0.69ms
Demo:Video 
[Anonymous]
components/Demo/Video.html.twig 		1 0.73ms
Showcase:RevealPill 
[Anonymous]
components/Showcase/RevealPill.html.twig 		1 12.61ms
Showcase:Reveal 
[Anonymous]
components/Showcase/Reveal.html.twig 		1 10.36ms
DemoForm 
[Anonymous]
components/DemoForm.html.twig 		1 124.86ms
Footer 
[Anonymous]
components/Footer/index.html.twig 		1 16.87ms

Render calls

Store:User App\Twig\Components\Store\User 14.0 MiB 1.75 ms
Input props 
[]
Attributes 
[]
Component 
App\Twig\Components\Store\User {#3743
  -securityService: App\Service\SecurityService {#115 …}
  -geoService: App\Service\GeoService {#170 …}
  -institutionUtilsService: App\Service\InstitutionUtilsService {#3744 …}
}
Header 
[Anonymous]
 14.0 MiB 75.49 ms
Input props 
[
  "notSticky" => false
]
Attributes 
[
  "notSticky" => false
]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#3774
  -props: [
    "notSticky" => false
  ]
}
Layout:Stack 
[Anonymous]
 14.0 MiB 35.60 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 {#3800
  -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 34.08 ms
Input props 
[
  "minimal" => false
]
Attributes 
[
  "minimal" => false
]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#3856
  -props: [
    "minimal" => false
  ]
}
Header:Logo 
[Anonymous]
 14.0 MiB 1.05 ms
Input props 
[]
Attributes 
[]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#3880
  -props: []
}
Header:LocalePicker 
[Anonymous]
 14.0 MiB 5.32 ms
Input props 
[
  "size" => "small"
  "hoverScheme" => "none"
  "darkColor" => "domain"
]
Attributes 
[
  "size" => "small"
  "hoverScheme" => "none"
  "darkColor" => "domain"
]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#3897
  -props: [
    "size" => "small"
    "hoverScheme" => "none"
    "darkColor" => "domain"
  ]
}
Button App\Twig\Components\Button 14.0 MiB 2.02 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 {#3922
  +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 12.67 ms
Input props 
[
  "class" => "grow"
  "size" => "small"
]
Attributes 
[
  "class" => "grow"
  "size" => "small"
]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#3914
  -props: [
    "class" => "grow"
    "size" => "small"
  ]
}
Button App\Twig\Components\Button 14.0 MiB 10.79 ms
Input props 
[
  "data-compo" => "LoginLink"
  "href" => "/de/login?next=/de/media/167-kuestenerosion"
  "class" => "grow"
  "size" => "small"
]
Attributes 
[
  "data-compo" => "LoginLink"
  "href" => "/de/login?next=/de/media/167-kuestenerosion"
  "class" => "grow"
]
Component 
App\Twig\Components\Button {#4000
  +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.37 ms
Input props 
[
  "class" => "grow"
  "size" => "small"
  "darkColor" => "domain"
  "href" => "/de/subscribe/"
]
Attributes 
[
  "class" => "grow"
  "href" => "/de/subscribe/"
]
Component 
App\Twig\Components\Button {#4014
  +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 36.31 ms
Input props 
[]
Attributes 
[]
Component 
App\Twig\Components\Dialog\LocalePicker {#3838
  -localeSwitcherService: App\Service\LocaleSwitcherService {#1494 …}
}
Dialog 
[Anonymous]
 14.0 MiB 24.49 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 {#4051
  -props: [
    "data-compo" => "Dialog/LocalePicker"
    "id" => "language-picker-dialog"
  ]
}
Button App\Twig\Components\Button 14.0 MiB 1.67 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 {#4085
  +size: "small"
  +darkColor: "domain-dark"
  +lightColor: "white"
  +hoverScheme: "none"
  +hoverTextColor: "domain"
  +disabled: false
  +noLabelOnSmallScreen: false
  +iconClass: null
  +beforeIconClass: null
  +afterIconClass: null
}
Button App\Twig\Components\Button 14.0 MiB 1.62 ms
Input props 
[
  "class" => "w-full mb-bento "
  "href" => "/en/media/167-coastal-erosion"
  "hoverScheme" => "none"
  "hoverTextColor" => "domain"
  "beforeIcon" => null
  "beforeIconClass" => "text-domain"
  "data-locale-picker-target" => "en"
]
Attributes 
[
  "class" => "w-full mb-bento "
  "href" => "/en/media/167-coastal-erosion"
  "beforeIcon" => null
  "data-locale-picker-target" => "en"
]
Component 
App\Twig\Components\Button {#4116
  +size: null
  +darkColor: "domain-dark"
  +lightColor: "white"
  +hoverScheme: "none"
  +hoverTextColor: "domain"
  +disabled: false
  +noLabelOnSmallScreen: false
  +iconClass: null
  +beforeIconClass: "text-domain"
  +afterIconClass: null
}
Button App\Twig\Components\Button 14.0 MiB 1.17 ms
Input props 
[
  "class" => "w-full mb-bento "
  "href" => "/fr/media/167-erosion-cotiere"
  "hoverScheme" => "none"
  "hoverTextColor" => "domain"
  "beforeIcon" => null
  "beforeIconClass" => "text-domain"
  "data-locale-picker-target" => "fr"
]
Attributes 
[
  "class" => "w-full mb-bento "
  "href" => "/fr/media/167-erosion-cotiere"
  "beforeIcon" => null
  "data-locale-picker-target" => "fr"
]
Component 
App\Twig\Components\Button {#4153
  +size: null
  +darkColor: "domain-dark"
  +lightColor: "white"
  +hoverScheme: "none"
  +hoverTextColor: "domain"
  +disabled: false
  +noLabelOnSmallScreen: false
  +iconClass: null
  +beforeIconClass: "text-domain"
  +afterIconClass: null
}
Button App\Twig\Components\Button 14.0 MiB 1.26 ms
Input props 
[
  "class" => "w-full mb-bento "
  "href" => "/es/media/167-erosion-costera"
  "hoverScheme" => "none"
  "hoverTextColor" => "domain"
  "beforeIcon" => null
  "beforeIconClass" => "text-domain"
  "data-locale-picker-target" => "es"
]
Attributes 
[
  "class" => "w-full mb-bento "
  "href" => "/es/media/167-erosion-costera"
  "beforeIcon" => null
  "data-locale-picker-target" => "es"
]
Component 
App\Twig\Components\Button {#4172
  +size: null
  +darkColor: "domain-dark"
  +lightColor: "white"
  +hoverScheme: "none"
  +hoverTextColor: "domain"
  +disabled: false
  +noLabelOnSmallScreen: false
  +iconClass: null
  +beforeIconClass: "text-domain"
  +afterIconClass: null
}
Button App\Twig\Components\Button 14.0 MiB 1.41 ms
Input props 
[
  "class" => "w-full mb-bento pointer-events-none"
  "href" => "/de/media/167-kuestenerosion"
  "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/167-kuestenerosion"
  "beforeIcon" => "done"
  "data-locale-picker-target" => "de"
]
Component 
App\Twig\Components\Button {#4192
  +size: null
  +darkColor: "domain-dark"
  +lightColor: "white"
  +hoverScheme: "none"
  +hoverTextColor: "domain"
  +disabled: false
  +noLabelOnSmallScreen: false
  +iconClass: null
  +beforeIconClass: "text-domain"
  +afterIconClass: null
}
Banner:UserBanners App\Twig\Components\Banner\UserBanners 14.0 MiB 0.96 ms
Input props 
[]
Attributes 
[]
Component 
App\Twig\Components\Banner\UserBanners {#3791
  -purchaseRepository: App\Repository\PurchaseRepository {#118 …}
  -securityService: App\Service\SecurityService {#115 …}
}
MediaField 
[Anonymous]
 14.0 MiB 0.69 ms
Input props 
[
  "title" => "Lernziele"
  "media" => [
    "id" => 167
    "title" => "Küstenerosion"
    "slug" => "kuestenerosion"
    "mediaType" => "simulation"
    "thumbnailSizes" => [
      "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/167-6545f2c757bc2735252434.webp"
      "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/167-6545f2c757bc2735252434.webp"
      "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/167-6545f2c757bc2735252434.webp"
    ]
    "thumbnailBackground" => "#004387"
    "publishedAt" => DateTimeImmutable @1431302400 {#1398
      date: 2015-05-11 00:00:00.0 UTC (+00:00)
    }
    "isExpert" => false
    "goals" => """
      <ul>\r\n
      \t<li>Die Hauptfaktoren, die f&uuml;r die Abnutzung einer Landschaft verantwortlich sind,&nbsp;studieren.</li>\r\n
      \t<li>Unser Wissen auf die Erkl&auml;rung einiger Eigenschaften des Reliefs&nbsp;der Region anwenden.</li>\r\n
      \t<li>Die Dauer dieser Ph&auml;nomene auf die geologische Zeitskala setzen.</li>\r\n
      \t<li>Einige Fotos verschiedender Pl&auml;tze auf dem Globus darstellen, die die gleichen Ph&auml;nomene der Ver&auml;nderung, Erosion oder Akkumulation veranschaulichen.</li>\r\n
      </ul>
      """
    "width" => 550
    "height" => 440
    "description" => """
      <p>Die Hauptursachen f&uuml;r die Erosion von K&uuml;stenzonen sind Wellen, Gezeiteneffekte und die Str&ouml;mung. Die Massen beweglichen Wassers fungieren wie &quot; Prellb&ouml;cke&quot; die den Felsen ver&auml;ndern.</p>\r\n
      \r\n
      <p>Die Bedeutung der chemischen Abnutzung des Felsens durch Spritzwasser, wie bei kalkhaltigem Felsen, sollte nicht untersch&auml;tzt werden (es verursacht die Aufl&ouml;sung des Materials.)</p>\r\n
      \r\n
      <p>Die Form der K&uuml;stenzone h&auml;ngt von sehr vielen Parameter ab. Wie zum Beispiel&nbsp;einfache Str&auml;nde, die aus Sand- oder Kieselstr&auml;nden zusammengesetzt sind, oder&nbsp;Klippen, die durch aufeinander folgende Steinschl&auml;ge geformt worden sind.</p>
      """
    "suggestions" => [
      App\Entity\vo\MediaCardLight {#3499
        #id: 66
        #title: "Erosion (u-förmiges Tal)"
        #mediaType: "simulation"
        #thumbnailSizes: [
          "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/66-6545f3f4c4b28288273444.webp"
          "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/66-6545f3f4c4b28288273444.webp"
          "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/66-6545f3f4c4b28288273444.webp"
        ]
        #thumbnailBackground: "#ec008d"
        #publishedAt: DateTimeImmutable @1431302400 {#2920
          date: 2015-05-11 00:00:00.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "erosion-u-foermiges-tal"
      }
      App\Entity\vo\MediaCardLight {#3501
        #id: 64
        #title: "Mäanderformationen"
        #mediaType: "simulation"
        #thumbnailSizes: [
          "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/64-6545f3e88bf94260131074.webp"
          "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/64-6545f3e88bf94260131074.webp"
          "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/64-6545f3e88bf94260131074.webp"
        ]
        #thumbnailBackground: "#00a751"
        #publishedAt: DateTimeImmutable @1431302400 {#2831
          date: 2015-05-11 00:00:00.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "maeanderformationen"
      }
      App\Entity\vo\MediaCardLight {#3502
        #id: 126
        #title: "Erosion (V-förmiges Tal)"
        #mediaType: "simulation"
        #thumbnailSizes: [
          "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/126-6545f2af1da3c770671261.webp"
          "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/126-6545f2af1da3c770671261.webp"
          "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/126-6545f2af1da3c770671261.webp"
        ]
        #thumbnailBackground: "#f6951d"
        #publishedAt: DateTimeImmutable @1431302400 {#2992
          date: 2015-05-11 00:00:00.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "erosion-v-foermiges-tal"
      }
      App\Entity\vo\MediaCardLight {#3503
        #id: 162
        #title: "Frost-Tau-Verwitterung"
        #mediaType: "simulation"
        #thumbnailSizes: [
          "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/162-6545f2c4b5313942633852.webp"
          "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/162-6545f2c4b5313942633852.webp"
          "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/162-6545f2c4b5313942633852.webp"
        ]
        #thumbnailBackground: "#b51d8e"
        #publishedAt: DateTimeImmutable @1431302400 {#3044
          date: 2015-05-11 00:00:00.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "frost-tau-verwitterung"
      }
      App\Entity\vo\MediaCardLight {#3504
        #id: 76
        #title: "Sedimenttransport durch Wasser"
        #mediaType: "simulation"
        #thumbnailSizes: [
          "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/76-6545f43722728688063553.webp"
          "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/76-6545f43722728688063553.webp"
          "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/76-6545f43722728688063553.webp"
        ]
        #thumbnailBackground: "#f6951d"
        #publishedAt: DateTimeImmutable @1431302400 {#2948
          date: 2015-05-11 00:00:00.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "sedimenttransport-durch-wasser"
      }
    ]
    "tags" => [
      "ablagerung"
      "bogen"
      "erdrutsch"
      "erosion"
      "kalkstein"
      "klippe"
      "meer"
      "welle"
    ]
    "baseNodeName" => "Geowissenschaften"
  ]
  "key" => "goals"
]
Attributes 
[
  "title" => "Lernziele"
  "media" => [
    "id" => 167
    "title" => "Küstenerosion"
    "slug" => "kuestenerosion"
    "mediaType" => "simulation"
    "thumbnailSizes" => [
      "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/167-6545f2c757bc2735252434.webp"
      "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/167-6545f2c757bc2735252434.webp"
      "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/167-6545f2c757bc2735252434.webp"
    ]
    "thumbnailBackground" => "#004387"
    "publishedAt" => DateTimeImmutable @1431302400 {#1398
      date: 2015-05-11 00:00:00.0 UTC (+00:00)
    }
    "isExpert" => false
    "goals" => """
      <ul>\r\n
      \t<li>Die Hauptfaktoren, die f&uuml;r die Abnutzung einer Landschaft verantwortlich sind,&nbsp;studieren.</li>\r\n
      \t<li>Unser Wissen auf die Erkl&auml;rung einiger Eigenschaften des Reliefs&nbsp;der Region anwenden.</li>\r\n
      \t<li>Die Dauer dieser Ph&auml;nomene auf die geologische Zeitskala setzen.</li>\r\n
      \t<li>Einige Fotos verschiedender Pl&auml;tze auf dem Globus darstellen, die die gleichen Ph&auml;nomene der Ver&auml;nderung, Erosion oder Akkumulation veranschaulichen.</li>\r\n
      </ul>
      """
    "width" => 550
    "height" => 440
    "description" => """
      <p>Die Hauptursachen f&uuml;r die Erosion von K&uuml;stenzonen sind Wellen, Gezeiteneffekte und die Str&ouml;mung. Die Massen beweglichen Wassers fungieren wie &quot; Prellb&ouml;cke&quot; die den Felsen ver&auml;ndern.</p>\r\n
      \r\n
      <p>Die Bedeutung der chemischen Abnutzung des Felsens durch Spritzwasser, wie bei kalkhaltigem Felsen, sollte nicht untersch&auml;tzt werden (es verursacht die Aufl&ouml;sung des Materials.)</p>\r\n
      \r\n
      <p>Die Form der K&uuml;stenzone h&auml;ngt von sehr vielen Parameter ab. Wie zum Beispiel&nbsp;einfache Str&auml;nde, die aus Sand- oder Kieselstr&auml;nden zusammengesetzt sind, oder&nbsp;Klippen, die durch aufeinander folgende Steinschl&auml;ge geformt worden sind.</p>
      """
    "suggestions" => [
      App\Entity\vo\MediaCardLight {#3499
        #id: 66
        #title: "Erosion (u-förmiges Tal)"
        #mediaType: "simulation"
        #thumbnailSizes: [
          "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/66-6545f3f4c4b28288273444.webp"
          "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/66-6545f3f4c4b28288273444.webp"
          "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/66-6545f3f4c4b28288273444.webp"
        ]
        #thumbnailBackground: "#ec008d"
        #publishedAt: DateTimeImmutable @1431302400 {#2920
          date: 2015-05-11 00:00:00.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "erosion-u-foermiges-tal"
      }
      App\Entity\vo\MediaCardLight {#3501
        #id: 64
        #title: "Mäanderformationen"
        #mediaType: "simulation"
        #thumbnailSizes: [
          "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/64-6545f3e88bf94260131074.webp"
          "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/64-6545f3e88bf94260131074.webp"
          "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/64-6545f3e88bf94260131074.webp"
        ]
        #thumbnailBackground: "#00a751"
        #publishedAt: DateTimeImmutable @1431302400 {#2831
          date: 2015-05-11 00:00:00.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "maeanderformationen"
      }
      App\Entity\vo\MediaCardLight {#3502
        #id: 126
        #title: "Erosion (V-förmiges Tal)"
        #mediaType: "simulation"
        #thumbnailSizes: [
          "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/126-6545f2af1da3c770671261.webp"
          "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/126-6545f2af1da3c770671261.webp"
          "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/126-6545f2af1da3c770671261.webp"
        ]
        #thumbnailBackground: "#f6951d"
        #publishedAt: DateTimeImmutable @1431302400 {#2992
          date: 2015-05-11 00:00:00.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "erosion-v-foermiges-tal"
      }
      App\Entity\vo\MediaCardLight {#3503
        #id: 162
        #title: "Frost-Tau-Verwitterung"
        #mediaType: "simulation"
        #thumbnailSizes: [
          "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/162-6545f2c4b5313942633852.webp"
          "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/162-6545f2c4b5313942633852.webp"
          "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/162-6545f2c4b5313942633852.webp"
        ]
        #thumbnailBackground: "#b51d8e"
        #publishedAt: DateTimeImmutable @1431302400 {#3044
          date: 2015-05-11 00:00:00.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "frost-tau-verwitterung"
      }
      App\Entity\vo\MediaCardLight {#3504
        #id: 76
        #title: "Sedimenttransport durch Wasser"
        #mediaType: "simulation"
        #thumbnailSizes: [
          "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/76-6545f43722728688063553.webp"
          "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/76-6545f43722728688063553.webp"
          "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/76-6545f43722728688063553.webp"
        ]
        #thumbnailBackground: "#f6951d"
        #publishedAt: DateTimeImmutable @1431302400 {#2948
          date: 2015-05-11 00:00:00.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "sedimenttransport-durch-wasser"
      }
    ]
    "tags" => [
      "ablagerung"
      "bogen"
      "erdrutsch"
      "erosion"
      "kalkstein"
      "klippe"
      "meer"
      "welle"
    ]
    "baseNodeName" => "Geowissenschaften"
  ]
  "key" => "goals"
]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#4224
  -props: [
    "title" => "Lernziele"
    "media" => [
      "id" => 167
      "title" => "Küstenerosion"
      "slug" => "kuestenerosion"
      "mediaType" => "simulation"
      "thumbnailSizes" => [
        "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/167-6545f2c757bc2735252434.webp"
        "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/167-6545f2c757bc2735252434.webp"
        "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/167-6545f2c757bc2735252434.webp"
      ]
      "thumbnailBackground" => "#004387"
      "publishedAt" => DateTimeImmutable @1431302400 {#1398
        date: 2015-05-11 00:00:00.0 UTC (+00:00)
      }
      "isExpert" => false
      "goals" => """
        <ul>\r\n
        \t<li>Die Hauptfaktoren, die f&uuml;r die Abnutzung einer Landschaft verantwortlich sind,&nbsp;studieren.</li>\r\n
        \t<li>Unser Wissen auf die Erkl&auml;rung einiger Eigenschaften des Reliefs&nbsp;der Region anwenden.</li>\r\n
        \t<li>Die Dauer dieser Ph&auml;nomene auf die geologische Zeitskala setzen.</li>\r\n
        \t<li>Einige Fotos verschiedender Pl&auml;tze auf dem Globus darstellen, die die gleichen Ph&auml;nomene der Ver&auml;nderung, Erosion oder Akkumulation veranschaulichen.</li>\r\n
        </ul>
        """
      "width" => 550
      "height" => 440
      "description" => """
        <p>Die Hauptursachen f&uuml;r die Erosion von K&uuml;stenzonen sind Wellen, Gezeiteneffekte und die Str&ouml;mung. Die Massen beweglichen Wassers fungieren wie &quot; Prellb&ouml;cke&quot; die den Felsen ver&auml;ndern.</p>\r\n
        \r\n
        <p>Die Bedeutung der chemischen Abnutzung des Felsens durch Spritzwasser, wie bei kalkhaltigem Felsen, sollte nicht untersch&auml;tzt werden (es verursacht die Aufl&ouml;sung des Materials.)</p>\r\n
        \r\n
        <p>Die Form der K&uuml;stenzone h&auml;ngt von sehr vielen Parameter ab. Wie zum Beispiel&nbsp;einfache Str&auml;nde, die aus Sand- oder Kieselstr&auml;nden zusammengesetzt sind, oder&nbsp;Klippen, die durch aufeinander folgende Steinschl&auml;ge geformt worden sind.</p>
        """
      "suggestions" => [
        App\Entity\vo\MediaCardLight {#3499
          #id: 66
          #title: "Erosion (u-förmiges Tal)"
          #mediaType: "simulation"
          #thumbnailSizes: [
            "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/66-6545f3f4c4b28288273444.webp"
            "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/66-6545f3f4c4b28288273444.webp"
            "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/66-6545f3f4c4b28288273444.webp"
          ]
          #thumbnailBackground: "#ec008d"
          #publishedAt: DateTimeImmutable @1431302400 {#2920
            date: 2015-05-11 00:00:00.0 UTC (+00:00)
          }
          #isExpert: false
          #slug: "erosion-u-foermiges-tal"
        }
        App\Entity\vo\MediaCardLight {#3501
          #id: 64
          #title: "Mäanderformationen"
          #mediaType: "simulation"
          #thumbnailSizes: [
            "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/64-6545f3e88bf94260131074.webp"
            "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/64-6545f3e88bf94260131074.webp"
            "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/64-6545f3e88bf94260131074.webp"
          ]
          #thumbnailBackground: "#00a751"
          #publishedAt: DateTimeImmutable @1431302400 {#2831
            date: 2015-05-11 00:00:00.0 UTC (+00:00)
          }
          #isExpert: false
          #slug: "maeanderformationen"
        }
        App\Entity\vo\MediaCardLight {#3502
          #id: 126
          #title: "Erosion (V-förmiges Tal)"
          #mediaType: "simulation"
          #thumbnailSizes: [
            "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/126-6545f2af1da3c770671261.webp"
            "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/126-6545f2af1da3c770671261.webp"
            "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/126-6545f2af1da3c770671261.webp"
          ]
          #thumbnailBackground: "#f6951d"
          #publishedAt: DateTimeImmutable @1431302400 {#2992
            date: 2015-05-11 00:00:00.0 UTC (+00:00)
          }
          #isExpert: false
          #slug: "erosion-v-foermiges-tal"
        }
        App\Entity\vo\MediaCardLight {#3503
          #id: 162
          #title: "Frost-Tau-Verwitterung"
          #mediaType: "simulation"
          #thumbnailSizes: [
            "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/162-6545f2c4b5313942633852.webp"
            "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/162-6545f2c4b5313942633852.webp"
            "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/162-6545f2c4b5313942633852.webp"
          ]
          #thumbnailBackground: "#b51d8e"
          #publishedAt: DateTimeImmutable @1431302400 {#3044
            date: 2015-05-11 00:00:00.0 UTC (+00:00)
          }
          #isExpert: false
          #slug: "frost-tau-verwitterung"
        }
        App\Entity\vo\MediaCardLight {#3504
          #id: 76
          #title: "Sedimenttransport durch Wasser"
          #mediaType: "simulation"
          #thumbnailSizes: [
            "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/76-6545f43722728688063553.webp"
            "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/76-6545f43722728688063553.webp"
            "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/76-6545f43722728688063553.webp"
          ]
          #thumbnailBackground: "#f6951d"
          #publishedAt: DateTimeImmutable @1431302400 {#2948
            date: 2015-05-11 00:00:00.0 UTC (+00:00)
          }
          #isExpert: false
          #slug: "sedimenttransport-durch-wasser"
        }
      ]
      "tags" => [
        "ablagerung"
        "bogen"
        "erdrutsch"
        "erosion"
        "kalkstein"
        "klippe"
        "meer"
        "welle"
      ]
      "baseNodeName" => "Geowissenschaften"
    ]
    "key" => "goals"
  ]
}
Demo:Video 
[Anonymous]
 14.0 MiB 0.73 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 {#4246
  -props: [
    "width" => "600"
    "height" => "596"
    "class" => "max-w-none absolute"
  ]
}
Heading:Large 
[Anonymous]
 14.0 MiB 1.22 ms
Input props 
[
  "tag" => "h2"
]
Attributes 
[
  "tag" => "h2"
]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#4262
  -props: [
    "tag" => "h2"
  ]
}
Showcase:RevealPill 
[Anonymous]
 14.0 MiB 12.61 ms
Input props 
[
  "icon" => "source"
]
Attributes 
[
  "icon" => "source"
]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#4286
  -props: [
    "icon" => "source"
  ]
}
Showcase:Reveal 
[Anonymous]
 14.0 MiB 10.36 ms
Input props 
[
  "class" => "-mt-1"
  "text" => Twig\Markup {#4322
    -content: "Mehr als 1000 Ressourcen"
    -charset: "UTF-8"
  }
]
Attributes 
[
  "class" => "-mt-1"
  "text" => "Mehr als 1000 Ressourcen"
]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#4324
  -props: [
    "class" => "-mt-1"
    "text" => Twig\Markup {#4322
      -content: "Mehr als 1000 Ressourcen"
      -charset: "UTF-8"
    }
  ]
}
DemoForm 
[Anonymous]
 14.0 MiB 124.86 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 {#4308
  -props: [
    "isDemoPage" => false
    "class" => "max-w-prose mx-auto"
  ]
}
Button App\Twig\Components\Button 14.0 MiB 13.73 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 {#4568
  +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.19 ms
Input props 
[
  "class" => "text-white"
  "tag" => "h1"
]
Attributes 
[
  "class" => "text-white"
  "tag" => "h1"
]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#4353
  -props: [
    "class" => "text-white"
    "tag" => "h1"
  ]
}
MediaCard App\Twig\Components\MediaCard 14.0 MiB 11.53 ms
Input props 
[
  "cardData" => App\Entity\vo\MediaCardLight {#3499
    #id: 66
    #title: "Erosion (u-förmiges Tal)"
    #mediaType: "simulation"
    #thumbnailSizes: [
      "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/66-6545f3f4c4b28288273444.webp"
      "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/66-6545f3f4c4b28288273444.webp"
      "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/66-6545f3f4c4b28288273444.webp"
    ]
    #thumbnailBackground: "#ec008d"
    #publishedAt: DateTimeImmutable @1431302400 {#2920
      date: 2015-05-11 00:00:00.0 UTC (+00:00)
    }
    #isExpert: false
    #slug: "erosion-u-foermiges-tal"
  }
  "context" => "media-teaser"
  "class" => "w-1/2 "
]
Attributes 
[
  "class" => "w-1/2 "
]
Component 
App\Twig\Components\MediaCard {#4435
  -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 {#3499
    #id: 66
    #title: "Erosion (u-förmiges Tal)"
    #mediaType: "simulation"
    #thumbnailSizes: [
      "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/66-6545f3f4c4b28288273444.webp"
      "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/66-6545f3f4c4b28288273444.webp"
      "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/66-6545f3f4c4b28288273444.webp"
    ]
    #thumbnailBackground: "#ec008d"
    #publishedAt: DateTimeImmutable @1431302400 {#2920
      date: 2015-05-11 00:00:00.0 UTC (+00:00)
    }
    #isExpert: false
    #slug: "erosion-u-foermiges-tal"
  }
  +thumbnailEagerLoading: false
  +preventTabbableLink: false
  +context: "media-teaser"
}
MediaCard App\Twig\Components\MediaCard 14.0 MiB 1.86 ms
Input props 
[
  "cardData" => App\Entity\vo\MediaCardLight {#3501
    #id: 64
    #title: "Mäanderformationen"
    #mediaType: "simulation"
    #thumbnailSizes: [
      "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/64-6545f3e88bf94260131074.webp"
      "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/64-6545f3e88bf94260131074.webp"
      "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/64-6545f3e88bf94260131074.webp"
    ]
    #thumbnailBackground: "#00a751"
    #publishedAt: DateTimeImmutable @1431302400 {#2831
      date: 2015-05-11 00:00:00.0 UTC (+00:00)
    }
    #isExpert: false
    #slug: "maeanderformationen"
  }
  "context" => "media-teaser"
  "class" => "w-1/2 hidden md:block"
]
Attributes 
[
  "class" => "w-1/2 hidden md:block"
]
Component 
App\Twig\Components\MediaCard {#4648
  -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 {#3501
    #id: 64
    #title: "Mäanderformationen"
    #mediaType: "simulation"
    #thumbnailSizes: [
      "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/64-6545f3e88bf94260131074.webp"
      "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/64-6545f3e88bf94260131074.webp"
      "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/64-6545f3e88bf94260131074.webp"
    ]
    #thumbnailBackground: "#00a751"
    #publishedAt: DateTimeImmutable @1431302400 {#2831
      date: 2015-05-11 00:00:00.0 UTC (+00:00)
    }
    #isExpert: false
    #slug: "maeanderformationen"
  }
  +thumbnailEagerLoading: false
  +preventTabbableLink: false
  +context: "media-teaser"
}
MediaCard App\Twig\Components\MediaCard 14.0 MiB 1.31 ms
Input props 
[
  "cardData" => App\Entity\vo\MediaCardLight {#3502
    #id: 126
    #title: "Erosion (V-förmiges Tal)"
    #mediaType: "simulation"
    #thumbnailSizes: [
      "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/126-6545f2af1da3c770671261.webp"
      "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/126-6545f2af1da3c770671261.webp"
      "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/126-6545f2af1da3c770671261.webp"
    ]
    #thumbnailBackground: "#f6951d"
    #publishedAt: DateTimeImmutable @1431302400 {#2992
      date: 2015-05-11 00:00:00.0 UTC (+00:00)
    }
    #isExpert: false
    #slug: "erosion-v-foermiges-tal"
  }
  "context" => "media-teaser"
  "class" => "w-1/2 hidden lg:block"
]
Attributes 
[
  "class" => "w-1/2 hidden lg:block"
]
Component 
App\Twig\Components\MediaCard {#4676
  -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 {#3502
    #id: 126
    #title: "Erosion (V-förmiges Tal)"
    #mediaType: "simulation"
    #thumbnailSizes: [
      "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/126-6545f2af1da3c770671261.webp"
      "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/126-6545f2af1da3c770671261.webp"
      "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/126-6545f2af1da3c770671261.webp"
    ]
    #thumbnailBackground: "#f6951d"
    #publishedAt: DateTimeImmutable @1431302400 {#2992
      date: 2015-05-11 00:00:00.0 UTC (+00:00)
    }
    #isExpert: false
    #slug: "erosion-v-foermiges-tal"
  }
  +thumbnailEagerLoading: false
  +preventTabbableLink: false
  +context: "media-teaser"
}
MediaCard App\Twig\Components\MediaCard 14.0 MiB 1.15 ms
Input props 
[
  "cardData" => App\Entity\vo\MediaCardLight {#3503
    #id: 162
    #title: "Frost-Tau-Verwitterung"
    #mediaType: "simulation"
    #thumbnailSizes: [
      "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/162-6545f2c4b5313942633852.webp"
      "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/162-6545f2c4b5313942633852.webp"
      "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/162-6545f2c4b5313942633852.webp"
    ]
    #thumbnailBackground: "#b51d8e"
    #publishedAt: DateTimeImmutable @1431302400 {#3044
      date: 2015-05-11 00:00:00.0 UTC (+00:00)
    }
    #isExpert: false
    #slug: "frost-tau-verwitterung"
  }
  "context" => "media-teaser"
  "class" => "w-1/2 hidden lg:block"
]
Attributes 
[
  "class" => "w-1/2 hidden lg:block"
]
Component 
App\Twig\Components\MediaCard {#4695
  -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 {#3503
    #id: 162
    #title: "Frost-Tau-Verwitterung"
    #mediaType: "simulation"
    #thumbnailSizes: [
      "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/162-6545f2c4b5313942633852.webp"
      "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/162-6545f2c4b5313942633852.webp"
      "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/162-6545f2c4b5313942633852.webp"
    ]
    #thumbnailBackground: "#b51d8e"
    #publishedAt: DateTimeImmutable @1431302400 {#3044
      date: 2015-05-11 00:00:00.0 UTC (+00:00)
    }
    #isExpert: false
    #slug: "frost-tau-verwitterung"
  }
  +thumbnailEagerLoading: false
  +preventTabbableLink: false
  +context: "media-teaser"
}
MediaCard App\Twig\Components\MediaCard 14.0 MiB 1.33 ms
Input props 
[
  "cardData" => App\Entity\vo\MediaCardLight {#3504
    #id: 76
    #title: "Sedimenttransport durch Wasser"
    #mediaType: "simulation"
    #thumbnailSizes: [
      "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/76-6545f43722728688063553.webp"
      "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/76-6545f43722728688063553.webp"
      "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/76-6545f43722728688063553.webp"
    ]
    #thumbnailBackground: "#f6951d"
    #publishedAt: DateTimeImmutable @1431302400 {#2948
      date: 2015-05-11 00:00:00.0 UTC (+00:00)
    }
    #isExpert: false
    #slug: "sedimenttransport-durch-wasser"
  }
  "context" => "media-teaser"
  "class" => "w-1/2 hidden lg:block"
]
Attributes 
[
  "class" => "w-1/2 hidden lg:block"
]
Component 
App\Twig\Components\MediaCard {#4714
  -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 {#3504
    #id: 76
    #title: "Sedimenttransport durch Wasser"
    #mediaType: "simulation"
    #thumbnailSizes: [
      "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/76-6545f43722728688063553.webp"
      "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/76-6545f43722728688063553.webp"
      "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/76-6545f43722728688063553.webp"
    ]
    #thumbnailBackground: "#f6951d"
    #publishedAt: DateTimeImmutable @1431302400 {#2948
      date: 2015-05-11 00:00:00.0 UTC (+00:00)
    }
    #isExpert: false
    #slug: "sedimenttransport-durch-wasser"
  }
  +thumbnailEagerLoading: false
  +preventTabbableLink: false
  +context: "media-teaser"
}
Footer 
[Anonymous]
 14.0 MiB 16.87 ms
Input props 
[]
Attributes 
[]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#4271
  -props: []
}