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

Components

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

Components

Name Metadata Render Count Render Time
Button
"App\Twig\Components\Button"
components/Button.html.twig
9 70.86ms
MediaCard
"App\Twig\Components\MediaCard"
components/MediaCard.html.twig
5 21.79ms
Heading:Large
[Anonymous]
components/Heading/Large.html.twig
2 8.05ms
Store:User
"App\Twig\Components\Store\User"
components/Store/User.html.twig
1 1.34ms
Header
[Anonymous]
components/Header/index.html.twig
1 97.35ms
Layout:Stack
[Anonymous]
components/Layout/Stack.html.twig
1 39.57ms
Header:Anonymous
[Anonymous]
components/Header/Anonymous.html.twig
1 38.49ms
Header:Logo
[Anonymous]
components/Header/Logo.html.twig
1 0.42ms
Header:LocalePicker
[Anonymous]
components/Header/LocalePicker.html.twig
1 1.82ms
LoginLink
[Anonymous]
components/LoginLink.html.twig
1 15.45ms
Dialog:LocalePicker
"App\Twig\Components\Dialog\LocalePicker"
components/Dialog/LocalePicker.html.twig
1 41.74ms
Dialog
[Anonymous]
components/Dialog/index.html.twig
1 40.40ms
Banner:UserBanners
"App\Twig\Components\Banner\UserBanners"
components/Banner/UserBanners.html.twig
1 0.68ms
MediaField
[Anonymous]
components/MediaField.html.twig
1 0.47ms
Demo:Video
[Anonymous]
components/Demo/Video.html.twig
1 14.87ms
Showcase:RevealPill
[Anonymous]
components/Showcase/RevealPill.html.twig
1 1.52ms
Showcase:Reveal
[Anonymous]
components/Showcase/Reveal.html.twig
1 0.46ms
DemoForm
[Anonymous]
components/DemoForm.html.twig
1 124.37ms
Footer
[Anonymous]
components/Footer/index.html.twig
1 57.04ms

Render calls

Store:User App\Twig\Components\Store\User 10.0 MiB 1.34 ms
Input props
[]
Attributes
[]
Component
App\Twig\Components\Store\User {#3707
  -securityService: App\Service\SecurityService {#115 …}
  -geoService: App\Service\GeoService {#170 …}
  -institutionUtilsService: App\Service\InstitutionUtilsService {#3708 …}
}
Header
[Anonymous]
10.0 MiB 97.35 ms
Input props
[
  "notSticky" => false
]
Attributes
[
  "notSticky" => false
]
Component
Symfony\UX\TwigComponent\AnonymousComponent {#3738
  -props: [
    "notSticky" => false
  ]
}
Layout:Stack
[Anonymous]
10.0 MiB 39.57 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 {#3764
  -props: [
    "data-compo" => "Header"
    "tag" => "header"
    "class" => "js-header transition bg-domain-dark top-0 relative z-10 p-bento -m-bento rounded-b-md"
    "data-header-sticky" => "yes"
  ]
}
Header:Anonymous
[Anonymous]
10.0 MiB 38.49 ms
Input props
[
  "minimal" => false
]
Attributes
[
  "minimal" => false
]
Component
Symfony\UX\TwigComponent\AnonymousComponent {#3820
  -props: [
    "minimal" => false
  ]
}
Header:Logo
[Anonymous]
10.0 MiB 0.42 ms
Input props
[]
Attributes
[]
Component
Symfony\UX\TwigComponent\AnonymousComponent {#3844
  -props: []
}
Header:LocalePicker
[Anonymous]
10.0 MiB 1.82 ms
Input props
[
  "size" => "small"
  "hoverScheme" => "none"
  "darkColor" => "domain"
]
Attributes
[
  "size" => "small"
  "hoverScheme" => "none"
  "darkColor" => "domain"
]
Component
Symfony\UX\TwigComponent\AnonymousComponent {#3861
  -props: [
    "size" => "small"
    "hoverScheme" => "none"
    "darkColor" => "domain"
  ]
}
Button App\Twig\Components\Button 10.0 MiB 0.65 ms
Input props
[
  "data-compo" => "Header/LocalePicker"
  "tag" => "button"
  "hoverScheme" => "none"
  "darkColor" => "domain"
  "class" => "text-center"
  "afterIcon" => "expand_more"
  "command" => "show-modal"
  "commandfor" => "language-picker-dialog"
  "size" => "small"
]
Attributes
[
  "data-compo" => "Header/LocalePicker"
  "tag" => "button"
  "class" => "text-center"
  "afterIcon" => "expand_more"
  "command" => "show-modal"
  "commandfor" => "language-picker-dialog"
]
Component
App\Twig\Components\Button {#3886
  +size: "small"
  +darkColor: "domain"
  +lightColor: "white"
  +hoverScheme: "none"
  +hoverTextColor: null
  +disabled: false
  +noLabelOnSmallScreen: false
  +iconClass: null
  +beforeIconClass: null
  +afterIconClass: null
}
LoginLink
[Anonymous]
10.0 MiB 15.45 ms
Input props
[
  "class" => "grow"
  "size" => "small"
]
Attributes
[
  "class" => "grow"
  "size" => "small"
]
Component
Symfony\UX\TwigComponent\AnonymousComponent {#3878
  -props: [
    "class" => "grow"
    "size" => "small"
  ]
}
Button App\Twig\Components\Button 10.0 MiB 14.69 ms
Input props
[
  "data-compo" => "LoginLink"
  "href" => "/de/login?next=/de/media/929-mittelozeanischer-ruecken"
  "class" => "grow"
  "size" => "small"
]
Attributes
[
  "data-compo" => "LoginLink"
  "href" => "/de/login?next=/de/media/929-mittelozeanischer-ruecken"
  "class" => "grow"
]
Component
App\Twig\Components\Button {#3964
  +size: "small"
  +darkColor: "domain-dark"
  +lightColor: "white"
  +hoverScheme: "default"
  +hoverTextColor: null
  +disabled: false
  +noLabelOnSmallScreen: false
  +iconClass: null
  +beforeIconClass: null
  +afterIconClass: null
}
Button App\Twig\Components\Button 10.0 MiB 18.71 ms
Input props
[
  "class" => "grow"
  "size" => "small"
  "darkColor" => "domain"
  "href" => "/de/subscribe/"
]
Attributes
[
  "class" => "grow"
  "href" => "/de/subscribe/"
]
Component
App\Twig\Components\Button {#3978
  +size: "small"
  +darkColor: "domain"
  +lightColor: "white"
  +hoverScheme: "default"
  +hoverTextColor: null
  +disabled: false
  +noLabelOnSmallScreen: false
  +iconClass: null
  +beforeIconClass: null
  +afterIconClass: null
}
Dialog:LocalePicker App\Twig\Components\Dialog\LocalePicker 10.0 MiB 41.74 ms
Input props
[]
Attributes
[]
Component
App\Twig\Components\Dialog\LocalePicker {#3802
  -localeSwitcherService: App\Service\LocaleSwitcherService {#1481 …}
}
Dialog
[Anonymous]
10.0 MiB 40.40 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 {#4015
  -props: [
    "data-compo" => "Dialog/LocalePicker"
    "id" => "language-picker-dialog"
  ]
}
Button App\Twig\Components\Button 10.0 MiB 1.49 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 {#4049
  +size: "small"
  +darkColor: "domain-dark"
  +lightColor: "white"
  +hoverScheme: "none"
  +hoverTextColor: "domain"
  +disabled: false
  +noLabelOnSmallScreen: false
  +iconClass: null
  +beforeIconClass: null
  +afterIconClass: null
}
Button App\Twig\Components\Button 10.0 MiB 1.35 ms
Input props
[
  "class" => "w-full mb-bento "
  "href" => "/en/media/929-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/929-mid-ocean-ridge"
  "beforeIcon" => null
  "data-locale-picker-target" => "en"
]
Component
App\Twig\Components\Button {#4080
  +size: null
  +darkColor: "domain-dark"
  +lightColor: "white"
  +hoverScheme: "none"
  +hoverTextColor: "domain"
  +disabled: false
  +noLabelOnSmallScreen: false
  +iconClass: null
  +beforeIconClass: "text-domain"
  +afterIconClass: null
}
Button App\Twig\Components\Button 10.0 MiB 15.56 ms
Input props
[
  "class" => "w-full mb-bento "
  "href" => "/fr/media/929-fonctionnement-d-une-dorsale"
  "hoverScheme" => "none"
  "hoverTextColor" => "domain"
  "beforeIcon" => null
  "beforeIconClass" => "text-domain"
  "data-locale-picker-target" => "fr"
]
Attributes
[
  "class" => "w-full mb-bento "
  "href" => "/fr/media/929-fonctionnement-d-une-dorsale"
  "beforeIcon" => null
  "data-locale-picker-target" => "fr"
]
Component
App\Twig\Components\Button {#4117
  +size: null
  +darkColor: "domain-dark"
  +lightColor: "white"
  +hoverScheme: "none"
  +hoverTextColor: "domain"
  +disabled: false
  +noLabelOnSmallScreen: false
  +iconClass: null
  +beforeIconClass: "text-domain"
  +afterIconClass: null
}
Button App\Twig\Components\Button 10.0 MiB 0.97 ms
Input props
[
  "class" => "w-full mb-bento "
  "href" => "/es/media/929-dorsal-mediooceanica"
  "hoverScheme" => "none"
  "hoverTextColor" => "domain"
  "beforeIcon" => null
  "beforeIconClass" => "text-domain"
  "data-locale-picker-target" => "es"
]
Attributes
[
  "class" => "w-full mb-bento "
  "href" => "/es/media/929-dorsal-mediooceanica"
  "beforeIcon" => null
  "data-locale-picker-target" => "es"
]
Component
App\Twig\Components\Button {#4136
  +size: null
  +darkColor: "domain-dark"
  +lightColor: "white"
  +hoverScheme: "none"
  +hoverTextColor: "domain"
  +disabled: false
  +noLabelOnSmallScreen: false
  +iconClass: null
  +beforeIconClass: "text-domain"
  +afterIconClass: null
}
Button App\Twig\Components\Button 10.0 MiB 0.81 ms
Input props
[
  "class" => "w-full mb-bento pointer-events-none"
  "href" => "/de/media/929-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/929-mittelozeanischer-ruecken"
  "beforeIcon" => "done"
  "data-locale-picker-target" => "de"
]
Component
App\Twig\Components\Button {#4156
  +size: null
  +darkColor: "domain-dark"
  +lightColor: "white"
  +hoverScheme: "none"
  +hoverTextColor: "domain"
  +disabled: false
  +noLabelOnSmallScreen: false
  +iconClass: null
  +beforeIconClass: "text-domain"
  +afterIconClass: null
}
Banner:UserBanners App\Twig\Components\Banner\UserBanners 10.0 MiB 0.68 ms
Input props
[]
Attributes
[]
Component
App\Twig\Components\Banner\UserBanners {#3755
  -purchaseRepository: App\Repository\PurchaseRepository {#118 …}
  -securityService: App\Service\SecurityService {#115 …}
}
MediaField
[Anonymous]
10.0 MiB 0.47 ms
Input props
[
  "title" => "Lernziele"
  "media" => [
    "id" => 929
    "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/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 {#1385
      date: 2019-09-05 00:00:00.0 UTC (+00:00)
    }
    "isExpert" => false
    "goals" => """
      <ul>\r\n
      \t<li>Die Funktionsweise eines mittelozeanischen R&uuml;ckens und den Magmatismus der mittelozeanischen R&uuml;cken verstehen.&nbsp;</li>\r\n
      \t<li>Die Bildung und die Entwicklung der ozeanischen Erdkruste veranschaulichen.</li>\r\n
      \t<li>Die geologischen Eigenschaften der Gesteine beschreiben, die die ozeanische Lithosph&auml;re bilden: Peridotit, Basalte und Gabbro.</li>\r\n
      </ul>
      """
    "width" => 550
    "height" => 350
    "description" => """
      <p>Die ozeanische Lithosph&auml;re setzt sich aus zwei Teilen zusammen: der ozeanischen Erdkruste (in blau in der Animation) und dem oberen Erdmantel (dunkelgr&uuml;n). Diese zwei Regionen sind aus verschiedenartigem Gestein aufgebaut:</p>\r\n
      \r\n
      <ul>\r\n
      \t<li>Steine basaltischen Typs mit geringer Dichte&nbsp;(&asymp;&nbsp;2900&nbsp;kg/m&sup3;&nbsp; kg/m&sup3; auf H&ouml;he des mittelozeanischen R&uuml;ckens) f&uuml;r die ozeanische Erdkruste.</li>\r\n
      \t<li>Steine des Typs Peridotit mit hoher Dichte (&asymp;&nbsp;3300&nbsp;kg/m&sup3;) f&uuml;r den oberen Erdmantel.</li>\r\n
      </ul>\r\n
      \r\n
      <p>Die&nbsp;Mohorovičić-Diskontinuit&auml;t (oder Moho) ist die Grenze zwischen diesen zwei Zonen. Da sie zwei verschiedene Gesteinsarten voneinander trennt, handelt es sich um eine Trennung geochemischer Art.&nbsp;</p>\r\n
      \r\n
      <p>Die Asthenosph&auml;re befindet sich unter der Lithosoph&auml;re. Genau wie der obere Erdmantel ist sie aus Peridotit aufgebaut, aber ihre Besonderheit besteht darin, dass sie duktil ist, w&auml;hrend das Peridotit des oberen Erdmantels spr&ouml;de ist. Die physikalischen Eigenschaften des Gesteins sind temperaturabh&auml;ngig und gehen bei um die 1300&deg;C von spr&ouml;de zu duktil &uuml;ber.&nbsp;</p>\r\n
      \r\n
      <p>Die Isotherme 1300&nbsp;&deg;C ist eine Grenze physikalischer Natur, welche die Lithosph&auml;re (spr&ouml;des Gestein) von der Asthenosph&auml;re (duktiles Gestein) trennt. Diese Isotherme liegt im Allgemeinen zwischen 50 und 100 km Tiefe, aber sie steigt zur Oberfl&auml;che auf, wenn sie sich &uuml;ber einem Hotspot oder einem mittelozeanischen R&uuml;cken befindet, wo der Mantel der Asthenosph&auml;re partiell aufschmilzt.&nbsp;</p>\r\n
      \r\n
      <p>Ein Teil des Peridotits schmilzt, wobei sich Magma ergibt. Dieses Magma ist weniger dicht als das umgebende Gestein und wird aufsteigen und sich in einer Magmakammer in der ozeanischen Kruste ansammeln. Das in einer Magmakammer vorhandene Magma wird durch Konvektionsbewegungen angeregt. Unter Druck k&ouml;nnen Teile des Magmas das Gestein durchschneiden und G&auml;nge (engl. <em>dykes</em>) bilden, von denen manche die Erdoberfl&auml;che erreichen. Das Magma, das aus diesen G&auml;ngen auftaucht, nimmt die charakteristische Form eines Kissens an, woher die Bezeichnung &quot;Kissenlava&quot; stammt. Basalte sind magmatisches Gestein, das aus schnell abgek&uuml;hltem Magma stammt und aus kleinen Kristallen aufgebaut ist.&nbsp;</p>\r\n
      \r\n
      <p>Ein anderer Teil des Magmas folgt den Konvektionsschleifen und reibt sich an den k&auml;lteren W&auml;nden der Magmakammer. Dieses langsame Abk&uuml;hlen des Magmas bildet nach dem Prinzip der fraktionierten Kristallisation den Ursprung eines anderen Gesteinstyps: des Gabbro (aus gr&ouml;&szlig;eren Kristallen als die Basalte aufgebaut)</p>\r\n
      \r\n
      <p>Basalt und Gabbro sind die beiden Hauptbestandteile der ozeanischen Erdkruste.&nbsp;</p>\r\n
      \r\n
      <p>Auf H&ouml;he des mittelozeanischen R&uuml;ckens erfolgt durch Magmatismus die Ausbildung eines neuen Meeresbodens, aber es ist nicht dieses Hervordr&auml;ngen des Magmas, das das Auseinanderdriften der Platten bewirkt. Das Ph&auml;nomen der Subduktion an den rechten und linken Enden der Platten ist verantwortlich f&uuml;r die divergierenden Plattengrenzen.&nbsp;</p>
      """
    "suggestions" => [
      App\Entity\vo\MediaCardLight {#3463
        #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 {#3028
          date: 2015-05-11 00:00:00.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "geologische-faltenbildung"
      }
      App\Entity\vo\MediaCardLight {#3465
        #id: 674
        #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/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 {#2980
          date: 2015-05-11 00:00:00.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "mittelozeanischer-ruecken"
      }
      App\Entity\vo\MediaCardLight {#3466
        #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 {#2920
          date: 2015-05-11 00:00:00.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "riftzone"
      }
      App\Entity\vo\MediaCardLight {#3467
        #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 {#2888
          date: 2015-05-11 00:00:00.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "die-3-typen-seismischer-wellen"
      }
      App\Entity\vo\MediaCardLight {#3468
        #id: 638
        #title: "Verschiedene Arten von Verwerfungen"
        #mediaType: "simulation"
        #thumbnailSizes: [
          "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/638-6545f3e705948949390576.webp"
          "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/638-6545f3e705948949390576.webp"
          "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/638-6545f3e705948949390576.webp"
        ]
        #thumbnailBackground: "#f487b9"
        #publishedAt: DateTimeImmutable @1431302400 {#2944
          date: 2015-05-11 00:00:00.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "verschiedene-arten-von-verwerfungen"
      }
    ]
    "tags" => [
      "basalt"
      "divergenz"
      "gabbro"
      "kissenlava"
      "kontinentalkruste"
      "lithosphäre"
      "mantel"
      "mittelozeanischer rücken"
    ]
    "baseNodeName" => "Geowissenschaften"
  ]
  "key" => "goals"
]
Attributes
[
  "title" => "Lernziele"
  "media" => [
    "id" => 929
    "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/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 {#1385
      date: 2019-09-05 00:00:00.0 UTC (+00:00)
    }
    "isExpert" => false
    "goals" => """
      <ul>\r\n
      \t<li>Die Funktionsweise eines mittelozeanischen R&uuml;ckens und den Magmatismus der mittelozeanischen R&uuml;cken verstehen.&nbsp;</li>\r\n
      \t<li>Die Bildung und die Entwicklung der ozeanischen Erdkruste veranschaulichen.</li>\r\n
      \t<li>Die geologischen Eigenschaften der Gesteine beschreiben, die die ozeanische Lithosph&auml;re bilden: Peridotit, Basalte und Gabbro.</li>\r\n
      </ul>
      """
    "width" => 550
    "height" => 350
    "description" => """
      <p>Die ozeanische Lithosph&auml;re setzt sich aus zwei Teilen zusammen: der ozeanischen Erdkruste (in blau in der Animation) und dem oberen Erdmantel (dunkelgr&uuml;n). Diese zwei Regionen sind aus verschiedenartigem Gestein aufgebaut:</p>\r\n
      \r\n
      <ul>\r\n
      \t<li>Steine basaltischen Typs mit geringer Dichte&nbsp;(&asymp;&nbsp;2900&nbsp;kg/m&sup3;&nbsp; kg/m&sup3; auf H&ouml;he des mittelozeanischen R&uuml;ckens) f&uuml;r die ozeanische Erdkruste.</li>\r\n
      \t<li>Steine des Typs Peridotit mit hoher Dichte (&asymp;&nbsp;3300&nbsp;kg/m&sup3;) f&uuml;r den oberen Erdmantel.</li>\r\n
      </ul>\r\n
      \r\n
      <p>Die&nbsp;Mohorovičić-Diskontinuit&auml;t (oder Moho) ist die Grenze zwischen diesen zwei Zonen. Da sie zwei verschiedene Gesteinsarten voneinander trennt, handelt es sich um eine Trennung geochemischer Art.&nbsp;</p>\r\n
      \r\n
      <p>Die Asthenosph&auml;re befindet sich unter der Lithosoph&auml;re. Genau wie der obere Erdmantel ist sie aus Peridotit aufgebaut, aber ihre Besonderheit besteht darin, dass sie duktil ist, w&auml;hrend das Peridotit des oberen Erdmantels spr&ouml;de ist. Die physikalischen Eigenschaften des Gesteins sind temperaturabh&auml;ngig und gehen bei um die 1300&deg;C von spr&ouml;de zu duktil &uuml;ber.&nbsp;</p>\r\n
      \r\n
      <p>Die Isotherme 1300&nbsp;&deg;C ist eine Grenze physikalischer Natur, welche die Lithosph&auml;re (spr&ouml;des Gestein) von der Asthenosph&auml;re (duktiles Gestein) trennt. Diese Isotherme liegt im Allgemeinen zwischen 50 und 100 km Tiefe, aber sie steigt zur Oberfl&auml;che auf, wenn sie sich &uuml;ber einem Hotspot oder einem mittelozeanischen R&uuml;cken befindet, wo der Mantel der Asthenosph&auml;re partiell aufschmilzt.&nbsp;</p>\r\n
      \r\n
      <p>Ein Teil des Peridotits schmilzt, wobei sich Magma ergibt. Dieses Magma ist weniger dicht als das umgebende Gestein und wird aufsteigen und sich in einer Magmakammer in der ozeanischen Kruste ansammeln. Das in einer Magmakammer vorhandene Magma wird durch Konvektionsbewegungen angeregt. Unter Druck k&ouml;nnen Teile des Magmas das Gestein durchschneiden und G&auml;nge (engl. <em>dykes</em>) bilden, von denen manche die Erdoberfl&auml;che erreichen. Das Magma, das aus diesen G&auml;ngen auftaucht, nimmt die charakteristische Form eines Kissens an, woher die Bezeichnung &quot;Kissenlava&quot; stammt. Basalte sind magmatisches Gestein, das aus schnell abgek&uuml;hltem Magma stammt und aus kleinen Kristallen aufgebaut ist.&nbsp;</p>\r\n
      \r\n
      <p>Ein anderer Teil des Magmas folgt den Konvektionsschleifen und reibt sich an den k&auml;lteren W&auml;nden der Magmakammer. Dieses langsame Abk&uuml;hlen des Magmas bildet nach dem Prinzip der fraktionierten Kristallisation den Ursprung eines anderen Gesteinstyps: des Gabbro (aus gr&ouml;&szlig;eren Kristallen als die Basalte aufgebaut)</p>\r\n
      \r\n
      <p>Basalt und Gabbro sind die beiden Hauptbestandteile der ozeanischen Erdkruste.&nbsp;</p>\r\n
      \r\n
      <p>Auf H&ouml;he des mittelozeanischen R&uuml;ckens erfolgt durch Magmatismus die Ausbildung eines neuen Meeresbodens, aber es ist nicht dieses Hervordr&auml;ngen des Magmas, das das Auseinanderdriften der Platten bewirkt. Das Ph&auml;nomen der Subduktion an den rechten und linken Enden der Platten ist verantwortlich f&uuml;r die divergierenden Plattengrenzen.&nbsp;</p>
      """
    "suggestions" => [
      App\Entity\vo\MediaCardLight {#3463
        #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 {#3028
          date: 2015-05-11 00:00:00.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "geologische-faltenbildung"
      }
      App\Entity\vo\MediaCardLight {#3465
        #id: 674
        #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/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 {#2980
          date: 2015-05-11 00:00:00.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "mittelozeanischer-ruecken"
      }
      App\Entity\vo\MediaCardLight {#3466
        #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 {#2920
          date: 2015-05-11 00:00:00.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "riftzone"
      }
      App\Entity\vo\MediaCardLight {#3467
        #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 {#2888
          date: 2015-05-11 00:00:00.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "die-3-typen-seismischer-wellen"
      }
      App\Entity\vo\MediaCardLight {#3468
        #id: 638
        #title: "Verschiedene Arten von Verwerfungen"
        #mediaType: "simulation"
        #thumbnailSizes: [
          "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/638-6545f3e705948949390576.webp"
          "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/638-6545f3e705948949390576.webp"
          "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/638-6545f3e705948949390576.webp"
        ]
        #thumbnailBackground: "#f487b9"
        #publishedAt: DateTimeImmutable @1431302400 {#2944
          date: 2015-05-11 00:00:00.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "verschiedene-arten-von-verwerfungen"
      }
    ]
    "tags" => [
      "basalt"
      "divergenz"
      "gabbro"
      "kissenlava"
      "kontinentalkruste"
      "lithosphäre"
      "mantel"
      "mittelozeanischer rücken"
    ]
    "baseNodeName" => "Geowissenschaften"
  ]
  "key" => "goals"
]
Component
Symfony\UX\TwigComponent\AnonymousComponent {#4188
  -props: [
    "title" => "Lernziele"
    "media" => [
      "id" => 929
      "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/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 {#1385
        date: 2019-09-05 00:00:00.0 UTC (+00:00)
      }
      "isExpert" => false
      "goals" => """
        <ul>\r\n
        \t<li>Die Funktionsweise eines mittelozeanischen R&uuml;ckens und den Magmatismus der mittelozeanischen R&uuml;cken verstehen.&nbsp;</li>\r\n
        \t<li>Die Bildung und die Entwicklung der ozeanischen Erdkruste veranschaulichen.</li>\r\n
        \t<li>Die geologischen Eigenschaften der Gesteine beschreiben, die die ozeanische Lithosph&auml;re bilden: Peridotit, Basalte und Gabbro.</li>\r\n
        </ul>
        """
      "width" => 550
      "height" => 350
      "description" => """
        <p>Die ozeanische Lithosph&auml;re setzt sich aus zwei Teilen zusammen: der ozeanischen Erdkruste (in blau in der Animation) und dem oberen Erdmantel (dunkelgr&uuml;n). Diese zwei Regionen sind aus verschiedenartigem Gestein aufgebaut:</p>\r\n
        \r\n
        <ul>\r\n
        \t<li>Steine basaltischen Typs mit geringer Dichte&nbsp;(&asymp;&nbsp;2900&nbsp;kg/m&sup3;&nbsp; kg/m&sup3; auf H&ouml;he des mittelozeanischen R&uuml;ckens) f&uuml;r die ozeanische Erdkruste.</li>\r\n
        \t<li>Steine des Typs Peridotit mit hoher Dichte (&asymp;&nbsp;3300&nbsp;kg/m&sup3;) f&uuml;r den oberen Erdmantel.</li>\r\n
        </ul>\r\n
        \r\n
        <p>Die&nbsp;Mohorovičić-Diskontinuit&auml;t (oder Moho) ist die Grenze zwischen diesen zwei Zonen. Da sie zwei verschiedene Gesteinsarten voneinander trennt, handelt es sich um eine Trennung geochemischer Art.&nbsp;</p>\r\n
        \r\n
        <p>Die Asthenosph&auml;re befindet sich unter der Lithosoph&auml;re. Genau wie der obere Erdmantel ist sie aus Peridotit aufgebaut, aber ihre Besonderheit besteht darin, dass sie duktil ist, w&auml;hrend das Peridotit des oberen Erdmantels spr&ouml;de ist. Die physikalischen Eigenschaften des Gesteins sind temperaturabh&auml;ngig und gehen bei um die 1300&deg;C von spr&ouml;de zu duktil &uuml;ber.&nbsp;</p>\r\n
        \r\n
        <p>Die Isotherme 1300&nbsp;&deg;C ist eine Grenze physikalischer Natur, welche die Lithosph&auml;re (spr&ouml;des Gestein) von der Asthenosph&auml;re (duktiles Gestein) trennt. Diese Isotherme liegt im Allgemeinen zwischen 50 und 100 km Tiefe, aber sie steigt zur Oberfl&auml;che auf, wenn sie sich &uuml;ber einem Hotspot oder einem mittelozeanischen R&uuml;cken befindet, wo der Mantel der Asthenosph&auml;re partiell aufschmilzt.&nbsp;</p>\r\n
        \r\n
        <p>Ein Teil des Peridotits schmilzt, wobei sich Magma ergibt. Dieses Magma ist weniger dicht als das umgebende Gestein und wird aufsteigen und sich in einer Magmakammer in der ozeanischen Kruste ansammeln. Das in einer Magmakammer vorhandene Magma wird durch Konvektionsbewegungen angeregt. Unter Druck k&ouml;nnen Teile des Magmas das Gestein durchschneiden und G&auml;nge (engl. <em>dykes</em>) bilden, von denen manche die Erdoberfl&auml;che erreichen. Das Magma, das aus diesen G&auml;ngen auftaucht, nimmt die charakteristische Form eines Kissens an, woher die Bezeichnung &quot;Kissenlava&quot; stammt. Basalte sind magmatisches Gestein, das aus schnell abgek&uuml;hltem Magma stammt und aus kleinen Kristallen aufgebaut ist.&nbsp;</p>\r\n
        \r\n
        <p>Ein anderer Teil des Magmas folgt den Konvektionsschleifen und reibt sich an den k&auml;lteren W&auml;nden der Magmakammer. Dieses langsame Abk&uuml;hlen des Magmas bildet nach dem Prinzip der fraktionierten Kristallisation den Ursprung eines anderen Gesteinstyps: des Gabbro (aus gr&ouml;&szlig;eren Kristallen als die Basalte aufgebaut)</p>\r\n
        \r\n
        <p>Basalt und Gabbro sind die beiden Hauptbestandteile der ozeanischen Erdkruste.&nbsp;</p>\r\n
        \r\n
        <p>Auf H&ouml;he des mittelozeanischen R&uuml;ckens erfolgt durch Magmatismus die Ausbildung eines neuen Meeresbodens, aber es ist nicht dieses Hervordr&auml;ngen des Magmas, das das Auseinanderdriften der Platten bewirkt. Das Ph&auml;nomen der Subduktion an den rechten und linken Enden der Platten ist verantwortlich f&uuml;r die divergierenden Plattengrenzen.&nbsp;</p>
        """
      "suggestions" => [
        App\Entity\vo\MediaCardLight {#3463
          #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 {#3028
            date: 2015-05-11 00:00:00.0 UTC (+00:00)
          }
          #isExpert: false
          #slug: "geologische-faltenbildung"
        }
        App\Entity\vo\MediaCardLight {#3465
          #id: 674
          #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/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 {#2980
            date: 2015-05-11 00:00:00.0 UTC (+00:00)
          }
          #isExpert: false
          #slug: "mittelozeanischer-ruecken"
        }
        App\Entity\vo\MediaCardLight {#3466
          #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 {#2920
            date: 2015-05-11 00:00:00.0 UTC (+00:00)
          }
          #isExpert: false
          #slug: "riftzone"
        }
        App\Entity\vo\MediaCardLight {#3467
          #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 {#2888
            date: 2015-05-11 00:00:00.0 UTC (+00:00)
          }
          #isExpert: false
          #slug: "die-3-typen-seismischer-wellen"
        }
        App\Entity\vo\MediaCardLight {#3468
          #id: 638
          #title: "Verschiedene Arten von Verwerfungen"
          #mediaType: "simulation"
          #thumbnailSizes: [
            "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/638-6545f3e705948949390576.webp"
            "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/638-6545f3e705948949390576.webp"
            "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/638-6545f3e705948949390576.webp"
          ]
          #thumbnailBackground: "#f487b9"
          #publishedAt: DateTimeImmutable @1431302400 {#2944
            date: 2015-05-11 00:00:00.0 UTC (+00:00)
          }
          #isExpert: false
          #slug: "verschiedene-arten-von-verwerfungen"
        }
      ]
      "tags" => [
        "basalt"
        "divergenz"
        "gabbro"
        "kissenlava"
        "kontinentalkruste"
        "lithosphäre"
        "mantel"
        "mittelozeanischer rücken"
      ]
      "baseNodeName" => "Geowissenschaften"
    ]
    "key" => "goals"
  ]
}
Demo:Video
[Anonymous]
10.0 MiB 14.87 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 {#4210
  -props: [
    "width" => "600"
    "height" => "596"
    "class" => "max-w-none absolute"
  ]
}
Heading:Large
[Anonymous]
10.0 MiB 6.57 ms
Input props
[
  "tag" => "h2"
]
Attributes
[
  "tag" => "h2"
]
Component
Symfony\UX\TwigComponent\AnonymousComponent {#4226
  -props: [
    "tag" => "h2"
  ]
}
Showcase:RevealPill
[Anonymous]
10.0 MiB 1.52 ms
Input props
[
  "icon" => "source"
]
Attributes
[
  "icon" => "source"
]
Component
Symfony\UX\TwigComponent\AnonymousComponent {#4250
  -props: [
    "icon" => "source"
  ]
}
Showcase:Reveal
[Anonymous]
10.0 MiB 0.46 ms
Input props
[
  "class" => "-mt-1"
  "text" => Twig\Markup {#4286
    -content: "Mehr als 1000 Ressourcen"
    -charset: "UTF-8"
  }
]
Attributes
[
  "class" => "-mt-1"
  "text" => "Mehr als 1000 Ressourcen"
]
Component
Symfony\UX\TwigComponent\AnonymousComponent {#4288
  -props: [
    "class" => "-mt-1"
    "text" => Twig\Markup {#4286
      -content: "Mehr als 1000 Ressourcen"
      -charset: "UTF-8"
    }
  ]
}
DemoForm
[Anonymous]
10.0 MiB 124.37 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 {#4272
  -props: [
    "isDemoPage" => false
    "class" => "max-w-prose mx-auto"
  ]
}
Button App\Twig\Components\Button 10.0 MiB 16.63 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 {#4532
  +size: null
  +darkColor: "domain"
  +lightColor: "white"
  +hoverScheme: "default"
  +hoverTextColor: null
  +disabled: false
  +noLabelOnSmallScreen: false
  +iconClass: null
  +beforeIconClass: null
  +afterIconClass: null
}
Heading:Large
[Anonymous]
10.0 MiB 1.48 ms
Input props
[
  "class" => "text-white"
  "tag" => "h1"
]
Attributes
[
  "class" => "text-white"
  "tag" => "h1"
]
Component
Symfony\UX\TwigComponent\AnonymousComponent {#4317
  -props: [
    "class" => "text-white"
    "tag" => "h1"
  ]
}
MediaCard App\Twig\Components\MediaCard 10.0 MiB 2.06 ms
Input props
[
  "cardData" => App\Entity\vo\MediaCardLight {#3463
    #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 {#3028
      date: 2015-05-11 00:00:00.0 UTC (+00:00)
    }
    #isExpert: false
    #slug: "geologische-faltenbildung"
  }
  "context" => "media-teaser"
  "class" => "w-1/2 "
]
Attributes
[
  "class" => "w-1/2 "
]
Component
App\Twig\Components\MediaCard {#4399
  -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 {#3463
    #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 {#3028
      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 10.0 MiB 15.20 ms
Input props
[
  "cardData" => App\Entity\vo\MediaCardLight {#3465
    #id: 674
    #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/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 {#2980
      date: 2015-05-11 00:00:00.0 UTC (+00:00)
    }
    #isExpert: false
    #slug: "mittelozeanischer-ruecken"
  }
  "context" => "media-teaser"
  "class" => "w-1/2 hidden md:block"
]
Attributes
[
  "class" => "w-1/2 hidden md:block"
]
Component
App\Twig\Components\MediaCard {#4612
  -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 {#3465
    #id: 674
    #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/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 {#2980
      date: 2015-05-11 00:00:00.0 UTC (+00:00)
    }
    #isExpert: false
    #slug: "mittelozeanischer-ruecken"
  }
  +thumbnailEagerLoading: false
  +preventTabbableLink: false
  +context: "media-teaser"
}
MediaCard App\Twig\Components\MediaCard 10.0 MiB 1.59 ms
Input props
[
  "cardData" => App\Entity\vo\MediaCardLight {#3466
    #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 {#2920
      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 {#4640
  -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 {#3466
    #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 {#2920
      date: 2015-05-11 00:00:00.0 UTC (+00:00)
    }
    #isExpert: false
    #slug: "riftzone"
  }
  +thumbnailEagerLoading: false
  +preventTabbableLink: false
  +context: "media-teaser"
}
MediaCard App\Twig\Components\MediaCard 10.0 MiB 1.60 ms
Input props
[
  "cardData" => App\Entity\vo\MediaCardLight {#3467
    #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 {#2888
      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 lg:block"
]
Attributes
[
  "class" => "w-1/2 hidden lg:block"
]
Component
App\Twig\Components\MediaCard {#4659
  -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 {#3467
    #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 {#2888
      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 10.0 MiB 1.34 ms
Input props
[
  "cardData" => App\Entity\vo\MediaCardLight {#3468
    #id: 638
    #title: "Verschiedene Arten von Verwerfungen"
    #mediaType: "simulation"
    #thumbnailSizes: [
      "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/638-6545f3e705948949390576.webp"
      "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/638-6545f3e705948949390576.webp"
      "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/638-6545f3e705948949390576.webp"
    ]
    #thumbnailBackground: "#f487b9"
    #publishedAt: DateTimeImmutable @1431302400 {#2944
      date: 2015-05-11 00:00:00.0 UTC (+00:00)
    }
    #isExpert: false
    #slug: "verschiedene-arten-von-verwerfungen"
  }
  "context" => "media-teaser"
  "class" => "w-1/2 hidden lg:block"
]
Attributes
[
  "class" => "w-1/2 hidden lg:block"
]
Component
App\Twig\Components\MediaCard {#4678
  -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 {#3468
    #id: 638
    #title: "Verschiedene Arten von Verwerfungen"
    #mediaType: "simulation"
    #thumbnailSizes: [
      "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/638-6545f3e705948949390576.webp"
      "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/638-6545f3e705948949390576.webp"
      "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/638-6545f3e705948949390576.webp"
    ]
    #thumbnailBackground: "#f487b9"
    #publishedAt: DateTimeImmutable @1431302400 {#2944
      date: 2015-05-11 00:00:00.0 UTC (+00:00)
    }
    #isExpert: false
    #slug: "verschiedene-arten-von-verwerfungen"
  }
  +thumbnailEagerLoading: false
  +preventTabbableLink: false
  +context: "media-teaser"
}
Footer
[Anonymous]
10.0 MiB 57.04 ms
Input props
[]
Attributes
[]
Component
Symfony\UX\TwigComponent\AnonymousComponent {#4235
  -props: []
}