GET https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/de/media/674-mittelozeanischer-ruecken

Response
200 OK
IP
216.73.216.102
Profiled on
Token
2159ef

Components

19 Twig Components
32 Render Count
467 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 34.09ms
MediaCard 
"App\Twig\Components\MediaCard"
components/MediaCard.html.twig 		5 7.57ms
Heading:Large 
[Anonymous]
components/Heading/Large.html.twig 		2 19.80ms
Store:User 
"App\Twig\Components\Store\User"
components/Store/User.html.twig 		1 2.32ms
Header 
[Anonymous]
components/Header/index.html.twig 		1 160.80ms
Layout:Stack 
[Anonymous]
components/Layout/Stack.html.twig 		1 76.71ms
Header:Anonymous 
[Anonymous]
components/Header/Anonymous.html.twig 		1 60.89ms
Header:Logo 
[Anonymous]
components/Header/Logo.html.twig 		1 1.05ms
Header:LocalePicker 
[Anonymous]
components/Header/LocalePicker.html.twig 		1 19.86ms
LoginLink 
[Anonymous]
components/LoginLink.html.twig 		1 17.20ms
Dialog:LocalePicker 
"App\Twig\Components\Dialog\LocalePicker"
components/Dialog/LocalePicker.html.twig 		1 62.74ms
Dialog 
[Anonymous]
components/Dialog/index.html.twig 		1 61.22ms
Banner:UserBanners 
"App\Twig\Components\Banner\UserBanners"
components/Banner/UserBanners.html.twig 		1 0.99ms
MediaField 
[Anonymous]
components/MediaField.html.twig 		1 14.22ms
Demo:Video 
[Anonymous]
components/Demo/Video.html.twig 		1 1.09ms
Showcase:RevealPill 
[Anonymous]
components/Showcase/RevealPill.html.twig 		1 19.37ms
Showcase:Reveal 
[Anonymous]
components/Showcase/Reveal.html.twig 		1 17.09ms
DemoForm 
[Anonymous]
components/DemoForm.html.twig 		1 219.24ms
Footer 
[Anonymous]
components/Footer/index.html.twig 		1 21.38ms

Render calls

Store:User App\Twig\Components\Store\User 14.0 MiB 2.32 ms
Input props 
[]
Attributes 
[]
Component 
App\Twig\Components\Store\User {#3715
  -securityService: App\Service\SecurityService {#115 …}
  -geoService: App\Service\GeoService {#170 …}
  -institutionUtilsService: App\Service\InstitutionUtilsService {#3716 …}
}
Header 
[Anonymous]
 14.0 MiB 160.80 ms
Input props 
[
  "notSticky" => false
]
Attributes 
[
  "notSticky" => false
]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#3746
  -props: [
    "notSticky" => false
  ]
}
Layout:Stack 
[Anonymous]
 14.0 MiB 76.71 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 {#3772
  -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 60.89 ms
Input props 
[
  "minimal" => false
]
Attributes 
[
  "minimal" => false
]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#3828
  -props: [
    "minimal" => false
  ]
}
Header:Logo 
[Anonymous]
 14.0 MiB 1.05 ms
Input props 
[]
Attributes 
[]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#3852
  -props: []
}
Header:LocalePicker 
[Anonymous]
 14.0 MiB 19.86 ms
Input props 
[
  "size" => "small"
  "hoverScheme" => "none"
  "darkColor" => "domain"
]
Attributes 
[
  "size" => "small"
  "hoverScheme" => "none"
  "darkColor" => "domain"
]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#3869
  -props: [
    "size" => "small"
    "hoverScheme" => "none"
    "darkColor" => "domain"
  ]
}
Button App\Twig\Components\Button 14.0 MiB 2.11 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 {#3894
  +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 17.20 ms
Input props 
[
  "class" => "grow"
  "size" => "small"
]
Attributes 
[
  "class" => "grow"
  "size" => "small"
]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#3886
  -props: [
    "class" => "grow"
    "size" => "small"
  ]
}
Button App\Twig\Components\Button 14.0 MiB 1.48 ms
Input props 
[
  "data-compo" => "LoginLink"
  "href" => "/de/login?next=/de/media/674-mittelozeanischer-ruecken"
  "class" => "grow"
  "size" => "small"
]
Attributes 
[
  "data-compo" => "LoginLink"
  "href" => "/de/login?next=/de/media/674-mittelozeanischer-ruecken"
  "class" => "grow"
]
Component 
App\Twig\Components\Button {#3972
  +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.52 ms
Input props 
[
  "class" => "grow"
  "size" => "small"
  "darkColor" => "domain"
  "href" => "/de/subscribe/"
]
Attributes 
[
  "class" => "grow"
  "href" => "/de/subscribe/"
]
Component 
App\Twig\Components\Button {#3986
  +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 62.74 ms
Input props 
[]
Attributes 
[]
Component 
App\Twig\Components\Dialog\LocalePicker {#3810
  -localeSwitcherService: App\Service\LocaleSwitcherService {#1494 …}
}
Dialog 
[Anonymous]
 14.0 MiB 61.22 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 {#4023
  -props: [
    "data-compo" => "Dialog/LocalePicker"
    "id" => "language-picker-dialog"
  ]
}
Button App\Twig\Components\Button 14.0 MiB 1.75 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 {#4057
  +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 3.00 ms
Input props 
[
  "class" => "w-full mb-bento "
  "href" => "/en/media/674-mid-ocean-ridge"
  "hoverScheme" => "none"
  "hoverTextColor" => "domain"
  "beforeIcon" => null
  "beforeIconClass" => "text-domain"
  "data-locale-picker-target" => "en"
]
Attributes 
[
  "class" => "w-full mb-bento "
  "href" => "/en/media/674-mid-ocean-ridge"
  "beforeIcon" => null
  "data-locale-picker-target" => "en"
]
Component 
App\Twig\Components\Button {#4088
  +size: null
  +darkColor: "domain-dark"
  +lightColor: "white"
  +hoverScheme: "none"
  +hoverTextColor: "domain"
  +disabled: false
  +noLabelOnSmallScreen: false
  +iconClass: null
  +beforeIconClass: "text-domain"
  +afterIconClass: null
}
Button App\Twig\Components\Button 14.0 MiB 2.23 ms
Input props 
[
  "class" => "w-full mb-bento "
  "href" => "/fr/media/674-dorsale-oceanique"
  "hoverScheme" => "none"
  "hoverTextColor" => "domain"
  "beforeIcon" => null
  "beforeIconClass" => "text-domain"
  "data-locale-picker-target" => "fr"
]
Attributes 
[
  "class" => "w-full mb-bento "
  "href" => "/fr/media/674-dorsale-oceanique"
  "beforeIcon" => null
  "data-locale-picker-target" => "fr"
]
Component 
App\Twig\Components\Button {#4125
  +size: null
  +darkColor: "domain-dark"
  +lightColor: "white"
  +hoverScheme: "none"
  +hoverTextColor: "domain"
  +disabled: false
  +noLabelOnSmallScreen: false
  +iconClass: null
  +beforeIconClass: "text-domain"
  +afterIconClass: null
}
Button App\Twig\Components\Button 14.0 MiB 17.23 ms
Input props 
[
  "class" => "w-full mb-bento "
  "href" => "/es/media/674-dorsal-oceanica"
  "hoverScheme" => "none"
  "hoverTextColor" => "domain"
  "beforeIcon" => null
  "beforeIconClass" => "text-domain"
  "data-locale-picker-target" => "es"
]
Attributes 
[
  "class" => "w-full mb-bento "
  "href" => "/es/media/674-dorsal-oceanica"
  "beforeIcon" => null
  "data-locale-picker-target" => "es"
]
Component 
App\Twig\Components\Button {#4144
  +size: null
  +darkColor: "domain-dark"
  +lightColor: "white"
  +hoverScheme: "none"
  +hoverTextColor: "domain"
  +disabled: false
  +noLabelOnSmallScreen: false
  +iconClass: null
  +beforeIconClass: "text-domain"
  +afterIconClass: null
}
Button App\Twig\Components\Button 14.0 MiB 1.29 ms
Input props 
[
  "class" => "w-full mb-bento pointer-events-none"
  "href" => "/de/media/674-mittelozeanischer-ruecken"
  "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/674-mittelozeanischer-ruecken"
  "beforeIcon" => "done"
  "data-locale-picker-target" => "de"
]
Component 
App\Twig\Components\Button {#4164
  +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.99 ms
Input props 
[]
Attributes 
[]
Component 
App\Twig\Components\Banner\UserBanners {#3763
  -purchaseRepository: App\Repository\PurchaseRepository {#118 …}
  -securityService: App\Service\SecurityService {#115 …}
}
MediaField 
[Anonymous]
 14.0 MiB 14.22 ms
Input props 
[
  "title" => "Lernziele"
  "media" => [
    "id" => 674
    "title" => "Mittelozeanischer Rücken"
    "slug" => "mittelozeanischer-ruecken"
    "mediaType" => "simulation"
    "thumbnailSizes" => [
      "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/674-6545f3ff44fdf668331203.webp"
      "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/674-6545f3ff44fdf668331203.webp"
      "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/674-6545f3ff44fdf668331203.webp"
    ]
    "thumbnailBackground" => "#00b7ad"
    "publishedAt" => DateTimeImmutable @1431302400 {#1377
      date: 2015-05-11 00:00:00.0 UTC (+00:00)
    }
    "isExpert" => false
    "goals" => """
      <ul>\r\n
      \t<li>Darstellen, wie sich der Meeresboden bildet.</li>\r\n
      \t<li>Definieren, was Divergenzgrenzen und&nbsp;Transformst&ouml;rungen sind.</li>\r\n
      \t<li>Diese Animation in den gr&ouml;&szlig;eren Rahmen der Plattentektonik und der Kontinentaldrift einordnen.</li>\r\n
      </ul>
      """
    "width" => 550
    "height" => 440
    "description" => """
      <p>Diese Animaton veranschaulicht in <strong>stark vereinfachter</strong> Form das Aufsteigen von Magma an einem mittelozeanischen R&uuml;cken und die Ausbildung von ozeanischer Erdkruste. Ein R&uuml;cken ist eine Divergenzzone, an der sich zwei Platten voneinander weg bewegen.<br />\r\n
      Geologen unterscheiden zwei Haupttypen von Divergenz:</p>\r\n
      \r\n
      <ul>\r\n
      \t<li>Schnelle&nbsp;R&uuml;cken,&nbsp;bei denen&nbsp;sich die Platten&nbsp;mit einer Geschwindigkeit von&nbsp;10&nbsp;cm pro Jahr (zwischen 12 und 17&nbsp;cm pro Jahr&nbsp;im&nbsp;Pazifik) voneinander entfernen.</li>\r\n
      \t<li>Langsame&nbsp;R&uuml;cken,&nbsp;bei denen&nbsp;sich die Platten&nbsp;um weniger als 5&nbsp;cm pro Jahr (etwa 2.5&nbsp;cm&nbsp;im Atlantik) voneinander entfernen.</li>\r\n
      </ul>\r\n
      \r\n
      <p>Die Topographie des R&uuml;ckens h&auml;ngt stark von dieser Geschwindigkeit ab.<br />\r\n
      Anmerkung: Das Modell des &bdquo;Laufbands&rdquo; l&auml;sst vermuten, dass der Magmaaufstieg&nbsp;im&nbsp;Zentrum f&uuml;r das&nbsp;Auseinanderdriften der Platten verantwortlich ist.&nbsp;Aktuell g&uuml;ltige geologische Modelle zeigen, dass tiefe, im&nbsp;Mantel befindliche Hadley-Zellen,&nbsp;f&uuml;r gro&szlig;r&auml;umige Driftbewegungen verantwortlich sind. Ein R&uuml;cken ist folgich wie eine plattentektonische Subduktion&nbsp;(oder Unterschiebung) Resultat des Abdriftens der Kontinente.<br />\r\n
      Hierbei ist festzuhalten, dass die Theorie der Plattentektonik sehr jung ist. Sie wurde 1967 erstmals erw&auml;hnt und wir nachwievor weiterentwickelt.</p>
      """
    "suggestions" => [
      App\Entity\vo\MediaCardLight {#3471
        #id: 929
        #title: "Mittelozeanischer Rücken"
        #mediaType: "simulation"
        #thumbnailSizes: [
          "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/929-6545f47d8c2aa650004055.webp"
          "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/929-6545f47d8c2aa650004055.webp"
          "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/929-6545f47d8c2aa650004055.webp"
        ]
        #thumbnailBackground: "#f6adcc"
        #publishedAt: DateTimeImmutable @1567641600 {#3035
          date: 2019-09-05 00:00:00.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "mittelozeanischer-ruecken"
      }
      App\Entity\vo\MediaCardLight {#3473
        #id: 426
        #title: "Die 3 Typen seismischer Wellen"
        #mediaType: "simulation"
        #thumbnailSizes: [
          "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/426-6545f35b22453002997606.webp"
          "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/426-6545f35b22453002997606.webp"
          "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/426-6545f35b22453002997606.webp"
        ]
        #thumbnailBackground: "#00b7ad"
        #publishedAt: DateTimeImmutable @1431302400 {#2900
          date: 2015-05-11 00:00:00.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "die-3-typen-seismischer-wellen"
      }
      App\Entity\vo\MediaCardLight {#3474
        #id: 729
        #title: "Geologische Faltenbildung"
        #mediaType: "simulation"
        #thumbnailSizes: [
          "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/729-6545f427c501c539590523.webp"
          "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/729-6545f427c501c539590523.webp"
          "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/729-6545f427c501c539590523.webp"
        ]
        #thumbnailBackground: "#ec008d"
        #publishedAt: DateTimeImmutable @1431302400 {#2968
          date: 2015-05-11 00:00:00.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "geologische-faltenbildung"
      }
      App\Entity\vo\MediaCardLight {#3475
        #id: 188
        #title: "Seismische Wellen"
        #mediaType: "simulation"
        #thumbnailSizes: [
          "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/188-6545f2d245c0f349929404.webp"
          "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/188-6545f2d245c0f349929404.webp"
          "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/188-6545f2d245c0f349929404.webp"
        ]
        #thumbnailBackground: "#f487b9"
        #publishedAt: DateTimeImmutable @1431302400 {#2863
          date: 2015-05-11 00:00:00.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "seismische-wellen"
      }
      App\Entity\vo\MediaCardLight {#3476
        #id: 483
        #title: "Riftzone"
        #mediaType: "simulation"
        #thumbnailSizes: [
          "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/483-6545f37e2fb7a412032620.webp"
          "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/483-6545f37e2fb7a412032620.webp"
          "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/483-6545f37e2fb7a412032620.webp"
        ]
        #thumbnailBackground: "#f487b9"
        #publishedAt: DateTimeImmutable @1431302400 {#2932
          date: 2015-05-11 00:00:00.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "riftzone"
      }
    ]
    "tags" => [
      "divergenz"
      "kontinentaldrift"
      "meeresboden"
      "ozean"
      "ozeanische erdkruste"
      "platte"
      "rücken"
      "störung"
      "tektonik"
      "transformstörung"
      "wegener"
    ]
    "baseNodeName" => "Geowissenschaften"
  ]
  "key" => "goals"
]
Attributes 
[
  "title" => "Lernziele"
  "media" => [
    "id" => 674
    "title" => "Mittelozeanischer Rücken"
    "slug" => "mittelozeanischer-ruecken"
    "mediaType" => "simulation"
    "thumbnailSizes" => [
      "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/674-6545f3ff44fdf668331203.webp"
      "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/674-6545f3ff44fdf668331203.webp"
      "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/674-6545f3ff44fdf668331203.webp"
    ]
    "thumbnailBackground" => "#00b7ad"
    "publishedAt" => DateTimeImmutable @1431302400 {#1377
      date: 2015-05-11 00:00:00.0 UTC (+00:00)
    }
    "isExpert" => false
    "goals" => """
      <ul>\r\n
      \t<li>Darstellen, wie sich der Meeresboden bildet.</li>\r\n
      \t<li>Definieren, was Divergenzgrenzen und&nbsp;Transformst&ouml;rungen sind.</li>\r\n
      \t<li>Diese Animation in den gr&ouml;&szlig;eren Rahmen der Plattentektonik und der Kontinentaldrift einordnen.</li>\r\n
      </ul>
      """
    "width" => 550
    "height" => 440
    "description" => """
      <p>Diese Animaton veranschaulicht in <strong>stark vereinfachter</strong> Form das Aufsteigen von Magma an einem mittelozeanischen R&uuml;cken und die Ausbildung von ozeanischer Erdkruste. Ein R&uuml;cken ist eine Divergenzzone, an der sich zwei Platten voneinander weg bewegen.<br />\r\n
      Geologen unterscheiden zwei Haupttypen von Divergenz:</p>\r\n
      \r\n
      <ul>\r\n
      \t<li>Schnelle&nbsp;R&uuml;cken,&nbsp;bei denen&nbsp;sich die Platten&nbsp;mit einer Geschwindigkeit von&nbsp;10&nbsp;cm pro Jahr (zwischen 12 und 17&nbsp;cm pro Jahr&nbsp;im&nbsp;Pazifik) voneinander entfernen.</li>\r\n
      \t<li>Langsame&nbsp;R&uuml;cken,&nbsp;bei denen&nbsp;sich die Platten&nbsp;um weniger als 5&nbsp;cm pro Jahr (etwa 2.5&nbsp;cm&nbsp;im Atlantik) voneinander entfernen.</li>\r\n
      </ul>\r\n
      \r\n
      <p>Die Topographie des R&uuml;ckens h&auml;ngt stark von dieser Geschwindigkeit ab.<br />\r\n
      Anmerkung: Das Modell des &bdquo;Laufbands&rdquo; l&auml;sst vermuten, dass der Magmaaufstieg&nbsp;im&nbsp;Zentrum f&uuml;r das&nbsp;Auseinanderdriften der Platten verantwortlich ist.&nbsp;Aktuell g&uuml;ltige geologische Modelle zeigen, dass tiefe, im&nbsp;Mantel befindliche Hadley-Zellen,&nbsp;f&uuml;r gro&szlig;r&auml;umige Driftbewegungen verantwortlich sind. Ein R&uuml;cken ist folgich wie eine plattentektonische Subduktion&nbsp;(oder Unterschiebung) Resultat des Abdriftens der Kontinente.<br />\r\n
      Hierbei ist festzuhalten, dass die Theorie der Plattentektonik sehr jung ist. Sie wurde 1967 erstmals erw&auml;hnt und wir nachwievor weiterentwickelt.</p>
      """
    "suggestions" => [
      App\Entity\vo\MediaCardLight {#3471
        #id: 929
        #title: "Mittelozeanischer Rücken"
        #mediaType: "simulation"
        #thumbnailSizes: [
          "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/929-6545f47d8c2aa650004055.webp"
          "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/929-6545f47d8c2aa650004055.webp"
          "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/929-6545f47d8c2aa650004055.webp"
        ]
        #thumbnailBackground: "#f6adcc"
        #publishedAt: DateTimeImmutable @1567641600 {#3035
          date: 2019-09-05 00:00:00.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "mittelozeanischer-ruecken"
      }
      App\Entity\vo\MediaCardLight {#3473
        #id: 426
        #title: "Die 3 Typen seismischer Wellen"
        #mediaType: "simulation"
        #thumbnailSizes: [
          "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/426-6545f35b22453002997606.webp"
          "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/426-6545f35b22453002997606.webp"
          "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/426-6545f35b22453002997606.webp"
        ]
        #thumbnailBackground: "#00b7ad"
        #publishedAt: DateTimeImmutable @1431302400 {#2900
          date: 2015-05-11 00:00:00.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "die-3-typen-seismischer-wellen"
      }
      App\Entity\vo\MediaCardLight {#3474
        #id: 729
        #title: "Geologische Faltenbildung"
        #mediaType: "simulation"
        #thumbnailSizes: [
          "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/729-6545f427c501c539590523.webp"
          "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/729-6545f427c501c539590523.webp"
          "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/729-6545f427c501c539590523.webp"
        ]
        #thumbnailBackground: "#ec008d"
        #publishedAt: DateTimeImmutable @1431302400 {#2968
          date: 2015-05-11 00:00:00.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "geologische-faltenbildung"
      }
      App\Entity\vo\MediaCardLight {#3475
        #id: 188
        #title: "Seismische Wellen"
        #mediaType: "simulation"
        #thumbnailSizes: [
          "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/188-6545f2d245c0f349929404.webp"
          "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/188-6545f2d245c0f349929404.webp"
          "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/188-6545f2d245c0f349929404.webp"
        ]
        #thumbnailBackground: "#f487b9"
        #publishedAt: DateTimeImmutable @1431302400 {#2863
          date: 2015-05-11 00:00:00.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "seismische-wellen"
      }
      App\Entity\vo\MediaCardLight {#3476
        #id: 483
        #title: "Riftzone"
        #mediaType: "simulation"
        #thumbnailSizes: [
          "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/483-6545f37e2fb7a412032620.webp"
          "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/483-6545f37e2fb7a412032620.webp"
          "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/483-6545f37e2fb7a412032620.webp"
        ]
        #thumbnailBackground: "#f487b9"
        #publishedAt: DateTimeImmutable @1431302400 {#2932
          date: 2015-05-11 00:00:00.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "riftzone"
      }
    ]
    "tags" => [
      "divergenz"
      "kontinentaldrift"
      "meeresboden"
      "ozean"
      "ozeanische erdkruste"
      "platte"
      "rücken"
      "störung"
      "tektonik"
      "transformstörung"
      "wegener"
    ]
    "baseNodeName" => "Geowissenschaften"
  ]
  "key" => "goals"
]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#4196
  -props: [
    "title" => "Lernziele"
    "media" => [
      "id" => 674
      "title" => "Mittelozeanischer Rücken"
      "slug" => "mittelozeanischer-ruecken"
      "mediaType" => "simulation"
      "thumbnailSizes" => [
        "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/674-6545f3ff44fdf668331203.webp"
        "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/674-6545f3ff44fdf668331203.webp"
        "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/674-6545f3ff44fdf668331203.webp"
      ]
      "thumbnailBackground" => "#00b7ad"
      "publishedAt" => DateTimeImmutable @1431302400 {#1377
        date: 2015-05-11 00:00:00.0 UTC (+00:00)
      }
      "isExpert" => false
      "goals" => """
        <ul>\r\n
        \t<li>Darstellen, wie sich der Meeresboden bildet.</li>\r\n
        \t<li>Definieren, was Divergenzgrenzen und&nbsp;Transformst&ouml;rungen sind.</li>\r\n
        \t<li>Diese Animation in den gr&ouml;&szlig;eren Rahmen der Plattentektonik und der Kontinentaldrift einordnen.</li>\r\n
        </ul>
        """
      "width" => 550
      "height" => 440
      "description" => """
        <p>Diese Animaton veranschaulicht in <strong>stark vereinfachter</strong> Form das Aufsteigen von Magma an einem mittelozeanischen R&uuml;cken und die Ausbildung von ozeanischer Erdkruste. Ein R&uuml;cken ist eine Divergenzzone, an der sich zwei Platten voneinander weg bewegen.<br />\r\n
        Geologen unterscheiden zwei Haupttypen von Divergenz:</p>\r\n
        \r\n
        <ul>\r\n
        \t<li>Schnelle&nbsp;R&uuml;cken,&nbsp;bei denen&nbsp;sich die Platten&nbsp;mit einer Geschwindigkeit von&nbsp;10&nbsp;cm pro Jahr (zwischen 12 und 17&nbsp;cm pro Jahr&nbsp;im&nbsp;Pazifik) voneinander entfernen.</li>\r\n
        \t<li>Langsame&nbsp;R&uuml;cken,&nbsp;bei denen&nbsp;sich die Platten&nbsp;um weniger als 5&nbsp;cm pro Jahr (etwa 2.5&nbsp;cm&nbsp;im Atlantik) voneinander entfernen.</li>\r\n
        </ul>\r\n
        \r\n
        <p>Die Topographie des R&uuml;ckens h&auml;ngt stark von dieser Geschwindigkeit ab.<br />\r\n
        Anmerkung: Das Modell des &bdquo;Laufbands&rdquo; l&auml;sst vermuten, dass der Magmaaufstieg&nbsp;im&nbsp;Zentrum f&uuml;r das&nbsp;Auseinanderdriften der Platten verantwortlich ist.&nbsp;Aktuell g&uuml;ltige geologische Modelle zeigen, dass tiefe, im&nbsp;Mantel befindliche Hadley-Zellen,&nbsp;f&uuml;r gro&szlig;r&auml;umige Driftbewegungen verantwortlich sind. Ein R&uuml;cken ist folgich wie eine plattentektonische Subduktion&nbsp;(oder Unterschiebung) Resultat des Abdriftens der Kontinente.<br />\r\n
        Hierbei ist festzuhalten, dass die Theorie der Plattentektonik sehr jung ist. Sie wurde 1967 erstmals erw&auml;hnt und wir nachwievor weiterentwickelt.</p>
        """
      "suggestions" => [
        App\Entity\vo\MediaCardLight {#3471
          #id: 929
          #title: "Mittelozeanischer Rücken"
          #mediaType: "simulation"
          #thumbnailSizes: [
            "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/929-6545f47d8c2aa650004055.webp"
            "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/929-6545f47d8c2aa650004055.webp"
            "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/929-6545f47d8c2aa650004055.webp"
          ]
          #thumbnailBackground: "#f6adcc"
          #publishedAt: DateTimeImmutable @1567641600 {#3035
            date: 2019-09-05 00:00:00.0 UTC (+00:00)
          }
          #isExpert: false
          #slug: "mittelozeanischer-ruecken"
        }
        App\Entity\vo\MediaCardLight {#3473
          #id: 426
          #title: "Die 3 Typen seismischer Wellen"
          #mediaType: "simulation"
          #thumbnailSizes: [
            "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/426-6545f35b22453002997606.webp"
            "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/426-6545f35b22453002997606.webp"
            "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/426-6545f35b22453002997606.webp"
          ]
          #thumbnailBackground: "#00b7ad"
          #publishedAt: DateTimeImmutable @1431302400 {#2900
            date: 2015-05-11 00:00:00.0 UTC (+00:00)
          }
          #isExpert: false
          #slug: "die-3-typen-seismischer-wellen"
        }
        App\Entity\vo\MediaCardLight {#3474
          #id: 729
          #title: "Geologische Faltenbildung"
          #mediaType: "simulation"
          #thumbnailSizes: [
            "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/729-6545f427c501c539590523.webp"
            "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/729-6545f427c501c539590523.webp"
            "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/729-6545f427c501c539590523.webp"
          ]
          #thumbnailBackground: "#ec008d"
          #publishedAt: DateTimeImmutable @1431302400 {#2968
            date: 2015-05-11 00:00:00.0 UTC (+00:00)
          }
          #isExpert: false
          #slug: "geologische-faltenbildung"
        }
        App\Entity\vo\MediaCardLight {#3475
          #id: 188
          #title: "Seismische Wellen"
          #mediaType: "simulation"
          #thumbnailSizes: [
            "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/188-6545f2d245c0f349929404.webp"
            "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/188-6545f2d245c0f349929404.webp"
            "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/188-6545f2d245c0f349929404.webp"
          ]
          #thumbnailBackground: "#f487b9"
          #publishedAt: DateTimeImmutable @1431302400 {#2863
            date: 2015-05-11 00:00:00.0 UTC (+00:00)
          }
          #isExpert: false
          #slug: "seismische-wellen"
        }
        App\Entity\vo\MediaCardLight {#3476
          #id: 483
          #title: "Riftzone"
          #mediaType: "simulation"
          #thumbnailSizes: [
            "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/483-6545f37e2fb7a412032620.webp"
            "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/483-6545f37e2fb7a412032620.webp"
            "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/483-6545f37e2fb7a412032620.webp"
          ]
          #thumbnailBackground: "#f487b9"
          #publishedAt: DateTimeImmutable @1431302400 {#2932
            date: 2015-05-11 00:00:00.0 UTC (+00:00)
          }
          #isExpert: false
          #slug: "riftzone"
        }
      ]
      "tags" => [
        "divergenz"
        "kontinentaldrift"
        "meeresboden"
        "ozean"
        "ozeanische erdkruste"
        "platte"
        "rücken"
        "störung"
        "tektonik"
        "transformstörung"
        "wegener"
      ]
      "baseNodeName" => "Geowissenschaften"
    ]
    "key" => "goals"
  ]
}
Demo:Video 
[Anonymous]
 14.0 MiB 1.09 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 {#4218
  -props: [
    "width" => "600"
    "height" => "596"
    "class" => "max-w-none absolute"
  ]
}
Heading:Large 
[Anonymous]
 14.0 MiB 18.29 ms
Input props 
[
  "tag" => "h2"
]
Attributes 
[
  "tag" => "h2"
]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#4234
  -props: [
    "tag" => "h2"
  ]
}
Showcase:RevealPill 
[Anonymous]
 14.0 MiB 19.37 ms
Input props 
[
  "icon" => "source"
]
Attributes 
[
  "icon" => "source"
]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#4258
  -props: [
    "icon" => "source"
  ]
}
Showcase:Reveal 
[Anonymous]
 14.0 MiB 17.09 ms
Input props 
[
  "class" => "-mt-1"
  "text" => Twig\Markup {#4294
    -content: "Mehr als 1000 Ressourcen"
    -charset: "UTF-8"
  }
]
Attributes 
[
  "class" => "-mt-1"
  "text" => "Mehr als 1000 Ressourcen"
]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#4296
  -props: [
    "class" => "-mt-1"
    "text" => Twig\Markup {#4294
      -content: "Mehr als 1000 Ressourcen"
      -charset: "UTF-8"
    }
  ]
}
DemoForm 
[Anonymous]
 14.0 MiB 219.24 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 {#4280
  -props: [
    "isDemoPage" => false
    "class" => "max-w-prose mx-auto"
  ]
}
Button App\Twig\Components\Button 14.0 MiB 3.47 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 {#4540
  +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.51 ms
Input props 
[
  "class" => "text-white"
  "tag" => "h1"
]
Attributes 
[
  "class" => "text-white"
  "tag" => "h1"
]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#4325
  -props: [
    "class" => "text-white"
    "tag" => "h1"
  ]
}
MediaCard App\Twig\Components\MediaCard 14.0 MiB 1.89 ms
Input props 
[
  "cardData" => App\Entity\vo\MediaCardLight {#3471
    #id: 929
    #title: "Mittelozeanischer Rücken"
    #mediaType: "simulation"
    #thumbnailSizes: [
      "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/929-6545f47d8c2aa650004055.webp"
      "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/929-6545f47d8c2aa650004055.webp"
      "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/929-6545f47d8c2aa650004055.webp"
    ]
    #thumbnailBackground: "#f6adcc"
    #publishedAt: DateTimeImmutable @1567641600 {#3035
      date: 2019-09-05 00:00:00.0 UTC (+00:00)
    }
    #isExpert: false
    #slug: "mittelozeanischer-ruecken"
  }
  "context" => "media-teaser"
  "class" => "w-1/2 "
]
Attributes 
[
  "class" => "w-1/2 "
]
Component 
App\Twig\Components\MediaCard {#4407
  -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 {#3471
    #id: 929
    #title: "Mittelozeanischer Rücken"
    #mediaType: "simulation"
    #thumbnailSizes: [
      "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/929-6545f47d8c2aa650004055.webp"
      "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/929-6545f47d8c2aa650004055.webp"
      "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/929-6545f47d8c2aa650004055.webp"
    ]
    #thumbnailBackground: "#f6adcc"
    #publishedAt: DateTimeImmutable @1567641600 {#3035
      date: 2019-09-05 00:00:00.0 UTC (+00:00)
    }
    #isExpert: false
    #slug: "mittelozeanischer-ruecken"
  }
  +thumbnailEagerLoading: false
  +preventTabbableLink: false
  +context: "media-teaser"
}
MediaCard App\Twig\Components\MediaCard 14.0 MiB 0.94 ms
Input props 
[
  "cardData" => App\Entity\vo\MediaCardLight {#3473
    #id: 426
    #title: "Die 3 Typen seismischer Wellen"
    #mediaType: "simulation"
    #thumbnailSizes: [
      "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/426-6545f35b22453002997606.webp"
      "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/426-6545f35b22453002997606.webp"
      "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/426-6545f35b22453002997606.webp"
    ]
    #thumbnailBackground: "#00b7ad"
    #publishedAt: DateTimeImmutable @1431302400 {#2900
      date: 2015-05-11 00:00:00.0 UTC (+00:00)
    }
    #isExpert: false
    #slug: "die-3-typen-seismischer-wellen"
  }
  "context" => "media-teaser"
  "class" => "w-1/2 hidden md:block"
]
Attributes 
[
  "class" => "w-1/2 hidden md:block"
]
Component 
App\Twig\Components\MediaCard {#4620
  -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 {#3473
    #id: 426
    #title: "Die 3 Typen seismischer Wellen"
    #mediaType: "simulation"
    #thumbnailSizes: [
      "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/426-6545f35b22453002997606.webp"
      "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/426-6545f35b22453002997606.webp"
      "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/426-6545f35b22453002997606.webp"
    ]
    #thumbnailBackground: "#00b7ad"
    #publishedAt: DateTimeImmutable @1431302400 {#2900
      date: 2015-05-11 00:00:00.0 UTC (+00:00)
    }
    #isExpert: false
    #slug: "die-3-typen-seismischer-wellen"
  }
  +thumbnailEagerLoading: false
  +preventTabbableLink: false
  +context: "media-teaser"
}
MediaCard App\Twig\Components\MediaCard 14.0 MiB 0.62 ms
Input props 
[
  "cardData" => App\Entity\vo\MediaCardLight {#3474
    #id: 729
    #title: "Geologische Faltenbildung"
    #mediaType: "simulation"
    #thumbnailSizes: [
      "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/729-6545f427c501c539590523.webp"
      "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/729-6545f427c501c539590523.webp"
      "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/729-6545f427c501c539590523.webp"
    ]
    #thumbnailBackground: "#ec008d"
    #publishedAt: DateTimeImmutable @1431302400 {#2968
      date: 2015-05-11 00:00:00.0 UTC (+00:00)
    }
    #isExpert: false
    #slug: "geologische-faltenbildung"
  }
  "context" => "media-teaser"
  "class" => "w-1/2 hidden lg:block"
]
Attributes 
[
  "class" => "w-1/2 hidden lg: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 {#3474
    #id: 729
    #title: "Geologische Faltenbildung"
    #mediaType: "simulation"
    #thumbnailSizes: [
      "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/729-6545f427c501c539590523.webp"
      "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/729-6545f427c501c539590523.webp"
      "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/729-6545f427c501c539590523.webp"
    ]
    #thumbnailBackground: "#ec008d"
    #publishedAt: DateTimeImmutable @1431302400 {#2968
      date: 2015-05-11 00:00:00.0 UTC (+00:00)
    }
    #isExpert: false
    #slug: "geologische-faltenbildung"
  }
  +thumbnailEagerLoading: false
  +preventTabbableLink: false
  +context: "media-teaser"
}
MediaCard App\Twig\Components\MediaCard 14.0 MiB 2.46 ms
Input props 
[
  "cardData" => App\Entity\vo\MediaCardLight {#3475
    #id: 188
    #title: "Seismische Wellen"
    #mediaType: "simulation"
    #thumbnailSizes: [
      "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/188-6545f2d245c0f349929404.webp"
      "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/188-6545f2d245c0f349929404.webp"
      "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/188-6545f2d245c0f349929404.webp"
    ]
    #thumbnailBackground: "#f487b9"
    #publishedAt: DateTimeImmutable @1431302400 {#2863
      date: 2015-05-11 00:00:00.0 UTC (+00:00)
    }
    #isExpert: false
    #slug: "seismische-wellen"
  }
  "context" => "media-teaser"
  "class" => "w-1/2 hidden lg:block"
]
Attributes 
[
  "class" => "w-1/2 hidden lg:block"
]
Component 
App\Twig\Components\MediaCard {#4667
  -bgColors: [
    "bg-magenta"
    "bg-pink"
    "bg-bubble-gum"
    "bg-navy"
    "bg-turquoise"
    "bg-green"
    "bg-red"
    "bg-orange"
    "bg-gold"
    "bg-purple"
    "bg-prune"
  ]
  -redPixel: "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mN8K63/HwAFbAI4DLWlhgAAAABJRU5ErkJggg=="
  +cardData: App\Entity\vo\MediaCardLight {#3475
    #id: 188
    #title: "Seismische Wellen"
    #mediaType: "simulation"
    #thumbnailSizes: [
      "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/188-6545f2d245c0f349929404.webp"
      "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/188-6545f2d245c0f349929404.webp"
      "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/188-6545f2d245c0f349929404.webp"
    ]
    #thumbnailBackground: "#f487b9"
    #publishedAt: DateTimeImmutable @1431302400 {#2863
      date: 2015-05-11 00:00:00.0 UTC (+00:00)
    }
    #isExpert: false
    #slug: "seismische-wellen"
  }
  +thumbnailEagerLoading: false
  +preventTabbableLink: false
  +context: "media-teaser"
}
MediaCard App\Twig\Components\MediaCard 14.0 MiB 1.65 ms
Input props 
[
  "cardData" => App\Entity\vo\MediaCardLight {#3476
    #id: 483
    #title: "Riftzone"
    #mediaType: "simulation"
    #thumbnailSizes: [
      "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/483-6545f37e2fb7a412032620.webp"
      "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/483-6545f37e2fb7a412032620.webp"
      "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/483-6545f37e2fb7a412032620.webp"
    ]
    #thumbnailBackground: "#f487b9"
    #publishedAt: DateTimeImmutable @1431302400 {#2932
      date: 2015-05-11 00:00:00.0 UTC (+00:00)
    }
    #isExpert: false
    #slug: "riftzone"
  }
  "context" => "media-teaser"
  "class" => "w-1/2 hidden lg:block"
]
Attributes 
[
  "class" => "w-1/2 hidden lg:block"
]
Component 
App\Twig\Components\MediaCard {#4686
  -bgColors: [
    "bg-magenta"
    "bg-pink"
    "bg-bubble-gum"
    "bg-navy"
    "bg-turquoise"
    "bg-green"
    "bg-red"
    "bg-orange"
    "bg-gold"
    "bg-purple"
    "bg-prune"
  ]
  -redPixel: "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mN8K63/HwAFbAI4DLWlhgAAAABJRU5ErkJggg=="
  +cardData: App\Entity\vo\MediaCardLight {#3476
    #id: 483
    #title: "Riftzone"
    #mediaType: "simulation"
    #thumbnailSizes: [
      "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/483-6545f37e2fb7a412032620.webp"
      "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/483-6545f37e2fb7a412032620.webp"
      "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/483-6545f37e2fb7a412032620.webp"
    ]
    #thumbnailBackground: "#f487b9"
    #publishedAt: DateTimeImmutable @1431302400 {#2932
      date: 2015-05-11 00:00:00.0 UTC (+00:00)
    }
    #isExpert: false
    #slug: "riftzone"
  }
  +thumbnailEagerLoading: false
  +preventTabbableLink: false
  +context: "media-teaser"
}
Footer 
[Anonymous]
 14.0 MiB 21.38 ms
Input props 
[]
Attributes 
[]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#4243
  -props: []
}