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

Response
200 OK
IP
216.73.216.102
Profiled on
Token
55d379

Components

19 Twig Components
32 Render Count
173 ms Render Time
12.0 MiB Memory Usage

Components

Name Metadata Render Count Render Time
Button 
"App\Twig\Components\Button"
components/Button.html.twig 		9 17.17ms
MediaCard 
"App\Twig\Components\MediaCard"
components/MediaCard.html.twig 		5 15.29ms
Heading:Large 
[Anonymous]
components/Heading/Large.html.twig 		2 1.72ms
Store:User 
"App\Twig\Components\Store\User"
components/Store/User.html.twig 		1 0.94ms
Header 
[Anonymous]
components/Header/index.html.twig 		1 37.39ms
Layout:Stack 
[Anonymous]
components/Layout/Stack.html.twig 		1 8.72ms
Header:Anonymous 
[Anonymous]
components/Header/Anonymous.html.twig 		1 7.91ms
Header:Logo 
[Anonymous]
components/Header/Logo.html.twig 		1 0.41ms
Header:LocalePicker 
[Anonymous]
components/Header/LocalePicker.html.twig 		1 3.85ms
LoginLink 
[Anonymous]
components/LoginLink.html.twig 		1 1.75ms
Dialog:LocalePicker 
"App\Twig\Components\Dialog\LocalePicker"
components/Dialog/LocalePicker.html.twig 		1 17.52ms
Dialog 
[Anonymous]
components/Dialog/index.html.twig 		1 17.07ms
Banner:UserBanners 
"App\Twig\Components\Banner\UserBanners"
components/Banner/UserBanners.html.twig 		1 0.46ms
MediaField 
[Anonymous]
components/MediaField.html.twig 		1 0.23ms
Demo:Video 
[Anonymous]
components/Demo/Video.html.twig 		1 9.67ms
Showcase:RevealPill 
[Anonymous]
components/Showcase/RevealPill.html.twig 		1 1.02ms
Showcase:Reveal 
[Anonymous]
components/Showcase/Reveal.html.twig 		1 0.36ms
DemoForm 
[Anonymous]
components/DemoForm.html.twig 		1 100.61ms
Footer 
[Anonymous]
components/Footer/index.html.twig 		1 5.48ms

Render calls

Store:User App\Twig\Components\Store\User 12.0 MiB 0.94 ms
Input props 
[]
Attributes 
[]
Component 
App\Twig\Components\Store\User {#3878
  -securityService: App\Service\SecurityService {#115 …}
  -geoService: App\Service\GeoService {#170 …}
  -institutionUtilsService: App\Service\InstitutionUtilsService {#3879 …}
}
Header 
[Anonymous]
 12.0 MiB 37.39 ms
Input props 
[
  "notSticky" => false
]
Attributes 
[
  "notSticky" => false
]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#3909
  -props: [
    "notSticky" => false
  ]
}
Layout:Stack 
[Anonymous]
 12.0 MiB 8.72 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 {#3935
  -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]
 12.0 MiB 7.91 ms
Input props 
[
  "minimal" => false
]
Attributes 
[
  "minimal" => false
]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#3991
  -props: [
    "minimal" => false
  ]
}
Header:Logo 
[Anonymous]
 12.0 MiB 0.41 ms
Input props 
[]
Attributes 
[]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#4015
  -props: []
}
Header:LocalePicker 
[Anonymous]
 12.0 MiB 3.85 ms
Input props 
[
  "size" => "small"
  "hoverScheme" => "none"
  "darkColor" => "domain"
]
Attributes 
[
  "size" => "small"
  "hoverScheme" => "none"
  "darkColor" => "domain"
]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#4032
  -props: [
    "size" => "small"
    "hoverScheme" => "none"
    "darkColor" => "domain"
  ]
}
Button App\Twig\Components\Button 12.0 MiB 1.20 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 {#4057
  +size: "small"
  +darkColor: "domain"
  +lightColor: "white"
  +hoverScheme: "none"
  +hoverTextColor: null
  +disabled: false
  +noLabelOnSmallScreen: false
  +iconClass: null
  +beforeIconClass: null
  +afterIconClass: null
}
LoginLink 
[Anonymous]
 12.0 MiB 1.75 ms
Input props 
[
  "class" => "grow"
  "size" => "small"
]
Attributes 
[
  "class" => "grow"
  "size" => "small"
]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#4049
  -props: [
    "class" => "grow"
    "size" => "small"
  ]
}
Button App\Twig\Components\Button 12.0 MiB 0.92 ms
Input props 
[
  "data-compo" => "LoginLink"
  "href" => "/de/login?next=/de/media/378-atmosphaere"
  "class" => "grow"
  "size" => "small"
]
Attributes 
[
  "data-compo" => "LoginLink"
  "href" => "/de/login?next=/de/media/378-atmosphaere"
  "class" => "grow"
]
Component 
App\Twig\Components\Button {#4135
  +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 12.0 MiB 0.53 ms
Input props 
[
  "class" => "grow"
  "size" => "small"
  "darkColor" => "domain"
  "href" => "/de/subscribe/"
]
Attributes 
[
  "class" => "grow"
  "href" => "/de/subscribe/"
]
Component 
App\Twig\Components\Button {#4149
  +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 12.0 MiB 17.52 ms
Input props 
[]
Attributes 
[]
Component 
App\Twig\Components\Dialog\LocalePicker {#3973
  -localeSwitcherService: App\Service\LocaleSwitcherService {#1494 …}
}
Dialog 
[Anonymous]
 12.0 MiB 17.07 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 {#4186
  -props: [
    "data-compo" => "Dialog/LocalePicker"
    "id" => "language-picker-dialog"
  ]
}
Button App\Twig\Components\Button 12.0 MiB 1.12 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 {#4220
  +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 12.0 MiB 1.15 ms
Input props 
[
  "class" => "w-full mb-bento "
  "href" => "/en/media/378-atmosphere"
  "hoverScheme" => "none"
  "hoverTextColor" => "domain"
  "beforeIcon" => null
  "beforeIconClass" => "text-domain"
  "data-locale-picker-target" => "en"
]
Attributes 
[
  "class" => "w-full mb-bento "
  "href" => "/en/media/378-atmosphere"
  "beforeIcon" => null
  "data-locale-picker-target" => "en"
]
Component 
App\Twig\Components\Button {#4251
  +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 12.0 MiB 0.60 ms
Input props 
[
  "class" => "w-full mb-bento "
  "href" => "/fr/media/378-atmosphere"
  "hoverScheme" => "none"
  "hoverTextColor" => "domain"
  "beforeIcon" => null
  "beforeIconClass" => "text-domain"
  "data-locale-picker-target" => "fr"
]
Attributes 
[
  "class" => "w-full mb-bento "
  "href" => "/fr/media/378-atmosphere"
  "beforeIcon" => null
  "data-locale-picker-target" => "fr"
]
Component 
App\Twig\Components\Button {#4288
  +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 12.0 MiB 0.42 ms
Input props 
[
  "class" => "w-full mb-bento "
  "href" => "/es/media/378-atmosfera"
  "hoverScheme" => "none"
  "hoverTextColor" => "domain"
  "beforeIcon" => null
  "beforeIconClass" => "text-domain"
  "data-locale-picker-target" => "es"
]
Attributes 
[
  "class" => "w-full mb-bento "
  "href" => "/es/media/378-atmosfera"
  "beforeIcon" => null
  "data-locale-picker-target" => "es"
]
Component 
App\Twig\Components\Button {#4307
  +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 12.0 MiB 0.35 ms
Input props 
[
  "class" => "w-full mb-bento pointer-events-none"
  "href" => "/de/media/378-atmosphaere"
  "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/378-atmosphaere"
  "beforeIcon" => "done"
  "data-locale-picker-target" => "de"
]
Component 
App\Twig\Components\Button {#4327
  +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 12.0 MiB 0.46 ms
Input props 
[]
Attributes 
[]
Component 
App\Twig\Components\Banner\UserBanners {#3926
  -purchaseRepository: App\Repository\PurchaseRepository {#118 …}
  -securityService: App\Service\SecurityService {#115 …}
}
MediaField 
[Anonymous]
 12.0 MiB 0.23 ms
Input props 
[
  "title" => "Lernziele"
  "media" => [
    "id" => 378
    "title" => "Atmosphäre"
    "slug" => "atmosphaere"
    "mediaType" => "simulation"
    "thumbnailSizes" => [
      "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/378-6545f33eaabf9231597235.webp"
      "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/378-6545f33eaabf9231597235.webp"
      "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/378-6545f33eaabf9231597235.webp"
    ]
    "thumbnailBackground" => "#004387"
    "publishedAt" => DateTimeImmutable @1431302400 {#1394
      date: 2015-05-11 00:00:00.0 UTC (+00:00)
    }
    "isExpert" => false
    "goals" => """
      <ul>\r\n
      \t<li>Den Gr&ouml;&szlig;enma&szlig;stab veranschaulichen (wissen, dass in dieser Animation nicht immer korrekte Proportionen ber&uuml;cksichtig werden)</li>\r\n
      \t<li>Die Standardatmosph&auml;re (ISA) definieren</li>\r\n
      \t<li>Sich bewusst werden, dass der Teil der Atmosph&auml;re, der uns betrifft, im Ma&szlig;stab des Planeten nur eine sehr d&uuml;nne Schicht ist</li>\r\n
      \t<li>Den Aufbau und die Funktion jeder Schicht vorstellen</li>\r\n
      </ul>
      """
    "width" => 550
    "height" => 440
    "description" => """
      <p>Eine Atmosph&auml;re ist die Gasschicht, die einen Planeten umgibt. Die Erdatmosph&auml;re wird von den Wissenschaftlern in 5 theoretische Schichten unterteilt:</p>\r\n
      \r\n
      <ul>\r\n
      \t<li>Die <strong>Troposph&auml;re</strong> enth&auml;lt 80% der 5 Trillionen Tonnen Luft! Im direkten Kontakt mit und erhitzt durch den Boden finden in dieser Luftschicht&nbsp;die wichtigen thermischen Aust&auml;usche, die f&uuml;r meteorologische Ph&auml;nomene verantwortlich sind, statt.</li>\r\n
      \t<li>In der <strong>Stratosph&auml;re</strong> steigt die Temperatur mit steigender H&ouml;he. Diese Temperaturumstellung fungiert als Begrenzung f&uuml;r Wolken. Hier findet man die Ozonschicht, die einen gro&szlig;en Teil der ultravioletten Strahlung, die von der Sonne kommt, herausfiltert.</li>\r\n
      \t<li>In der <strong>Mesosph&auml;re</strong> f&auml;ngt die Temperatur noch einmal an zu fallen.</li>\r\n
      \t<li>Die seltenen Partikel, die in der <strong>Thermosph&auml;re</strong> noch vorhanden sind, stehen in Wechselwirkung mit der Sonnenstrahlung. Wenn sie diese Energie aufsaugen, erh&ouml;ht sich ihre Temperatur und sie ionisieren. Das ist die Ionosph&auml;re. Dieser Teil der Thermosph&auml;re hat wichtige elektromagnetische Eigenschaften. Die internationale Weltraumstation (ISS) hat ihre Bahn in der Thermosph&auml;re, &uuml;ber der Ionosph&auml;re.</li>\r\n
      \t<li>Partikel sind in der <strong>Exosph&auml;re</strong> so selten, dass die Wahrscheinlichkeit von Zusammenst&ouml;&szlig;en unter ihnen vernachl&auml;ssigbar ist. Einige entgehen sogar der Gravitationskraft der Erde. Obgleich die Grenze nicht eindeutig definiert ist, markiert die Exosph&auml;re den Anfang des Weltraumes. Die Mehrheit der Satelliten umkreisen die Erde in der Exosph&auml;re, in H&ouml;hen zwischen 800 und 36.000 Kilometern.</li>\r\n
      </ul>
      """
    "suggestions" => [
      App\Entity\vo\MediaCardLight {#3634
        #id: 890
        #title: "Interaktive Erde: Meeresströmungen"
        #mediaType: "simulation"
        #thumbnailSizes: [
          "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/890-6545f466c09f1737431820.webp"
          "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/890-6545f466c09f1737431820.webp"
          "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/890-6545f466c09f1737431820.webp"
        ]
        #thumbnailBackground: "#00a751"
        #publishedAt: DateTimeImmutable @1517961600 {#3176
          date: 2018-02-07 00:00:00.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "interaktive-erde-meeresstroemungen"
      }
      App\Entity\vo\MediaCardLight {#3636
        #id: 842
        #title: "Vier Jahreszeiten Landschaft"
        #mediaType: "simulation"
        #thumbnailSizes: [
          "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/842-6545f45e4c608863883364.webp"
          "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/842-6545f45e4c608863883364.webp"
          "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/842-6545f45e4c608863883364.webp"
        ]
        #thumbnailBackground: "#413994"
        #publishedAt: DateTimeImmutable @1464912000 {#3137
          date: 2016-06-03 00:00:00.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "vier-jahreszeiten-landschaft"
      }
      App\Entity\vo\MediaCardLight {#3637
        #id: 286
        #title: "Gewicht / Masse auf dem Mond"
        #mediaType: "simulation"
        #thumbnailSizes: [
          "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/286-6545f308c8283788141644.webp"
          "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/286-6545f308c8283788141644.webp"
          "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/286-6545f308c8283788141644.webp"
        ]
        #thumbnailBackground: "#b51d8e"
        #publishedAt: DateTimeImmutable @1746057600 {#3030
          date: 2025-05-01 00:00:00.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "gewicht-masse-auf-dem-mond"
      }
      App\Entity\vo\MediaCardLight {#3638
        #id: 661
        #title: "Emissions- und Absorptionsspektren"
        #mediaType: "simulation"
        #thumbnailSizes: [
          "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/661-6545f3f6542b7006188991.webp"
          "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/661-6545f3f6542b7006188991.webp"
          "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/661-6545f3f6542b7006188991.webp"
        ]
        #thumbnailBackground: "#462f92"
        #publishedAt: DateTimeImmutable @1431388800 {#3093
          date: 2015-05-12 00:00:00.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "emissions-und-absorptionsspektren"
      }
      App\Entity\vo\MediaCardLight {#3639
        #id: 891
        #title: "Interaktive-Erde: Klima"
        #mediaType: "simulation"
        #thumbnailSizes: [
          "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/891-6545f46754731332555945.webp"
          "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/891-6545f46754731332555945.webp"
          "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/891-6545f46754731332555945.webp"
        ]
        #thumbnailBackground: "#f487b9"
        #publishedAt: DateTimeImmutable @1493856000 {#3184
          date: 2017-05-04 00:00:00.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "interaktive-erde-klima"
      }
    ]
    "tags" => [
      "druck"
      "flugzeug"
      "iss"
      "klima"
      "luft"
      "luftfahrt"
      "stratosphäre"
      "temperatur"
      "troposphäre"
      "weltall"
      "wetter"
      "wolke"
    ]
    "baseNodeName" => "Ökologie und Umwelt"
  ]
  "key" => "goals"
]
Attributes 
[
  "title" => "Lernziele"
  "media" => [
    "id" => 378
    "title" => "Atmosphäre"
    "slug" => "atmosphaere"
    "mediaType" => "simulation"
    "thumbnailSizes" => [
      "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/378-6545f33eaabf9231597235.webp"
      "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/378-6545f33eaabf9231597235.webp"
      "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/378-6545f33eaabf9231597235.webp"
    ]
    "thumbnailBackground" => "#004387"
    "publishedAt" => DateTimeImmutable @1431302400 {#1394
      date: 2015-05-11 00:00:00.0 UTC (+00:00)
    }
    "isExpert" => false
    "goals" => """
      <ul>\r\n
      \t<li>Den Gr&ouml;&szlig;enma&szlig;stab veranschaulichen (wissen, dass in dieser Animation nicht immer korrekte Proportionen ber&uuml;cksichtig werden)</li>\r\n
      \t<li>Die Standardatmosph&auml;re (ISA) definieren</li>\r\n
      \t<li>Sich bewusst werden, dass der Teil der Atmosph&auml;re, der uns betrifft, im Ma&szlig;stab des Planeten nur eine sehr d&uuml;nne Schicht ist</li>\r\n
      \t<li>Den Aufbau und die Funktion jeder Schicht vorstellen</li>\r\n
      </ul>
      """
    "width" => 550
    "height" => 440
    "description" => """
      <p>Eine Atmosph&auml;re ist die Gasschicht, die einen Planeten umgibt. Die Erdatmosph&auml;re wird von den Wissenschaftlern in 5 theoretische Schichten unterteilt:</p>\r\n
      \r\n
      <ul>\r\n
      \t<li>Die <strong>Troposph&auml;re</strong> enth&auml;lt 80% der 5 Trillionen Tonnen Luft! Im direkten Kontakt mit und erhitzt durch den Boden finden in dieser Luftschicht&nbsp;die wichtigen thermischen Aust&auml;usche, die f&uuml;r meteorologische Ph&auml;nomene verantwortlich sind, statt.</li>\r\n
      \t<li>In der <strong>Stratosph&auml;re</strong> steigt die Temperatur mit steigender H&ouml;he. Diese Temperaturumstellung fungiert als Begrenzung f&uuml;r Wolken. Hier findet man die Ozonschicht, die einen gro&szlig;en Teil der ultravioletten Strahlung, die von der Sonne kommt, herausfiltert.</li>\r\n
      \t<li>In der <strong>Mesosph&auml;re</strong> f&auml;ngt die Temperatur noch einmal an zu fallen.</li>\r\n
      \t<li>Die seltenen Partikel, die in der <strong>Thermosph&auml;re</strong> noch vorhanden sind, stehen in Wechselwirkung mit der Sonnenstrahlung. Wenn sie diese Energie aufsaugen, erh&ouml;ht sich ihre Temperatur und sie ionisieren. Das ist die Ionosph&auml;re. Dieser Teil der Thermosph&auml;re hat wichtige elektromagnetische Eigenschaften. Die internationale Weltraumstation (ISS) hat ihre Bahn in der Thermosph&auml;re, &uuml;ber der Ionosph&auml;re.</li>\r\n
      \t<li>Partikel sind in der <strong>Exosph&auml;re</strong> so selten, dass die Wahrscheinlichkeit von Zusammenst&ouml;&szlig;en unter ihnen vernachl&auml;ssigbar ist. Einige entgehen sogar der Gravitationskraft der Erde. Obgleich die Grenze nicht eindeutig definiert ist, markiert die Exosph&auml;re den Anfang des Weltraumes. Die Mehrheit der Satelliten umkreisen die Erde in der Exosph&auml;re, in H&ouml;hen zwischen 800 und 36.000 Kilometern.</li>\r\n
      </ul>
      """
    "suggestions" => [
      App\Entity\vo\MediaCardLight {#3634
        #id: 890
        #title: "Interaktive Erde: Meeresströmungen"
        #mediaType: "simulation"
        #thumbnailSizes: [
          "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/890-6545f466c09f1737431820.webp"
          "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/890-6545f466c09f1737431820.webp"
          "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/890-6545f466c09f1737431820.webp"
        ]
        #thumbnailBackground: "#00a751"
        #publishedAt: DateTimeImmutable @1517961600 {#3176
          date: 2018-02-07 00:00:00.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "interaktive-erde-meeresstroemungen"
      }
      App\Entity\vo\MediaCardLight {#3636
        #id: 842
        #title: "Vier Jahreszeiten Landschaft"
        #mediaType: "simulation"
        #thumbnailSizes: [
          "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/842-6545f45e4c608863883364.webp"
          "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/842-6545f45e4c608863883364.webp"
          "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/842-6545f45e4c608863883364.webp"
        ]
        #thumbnailBackground: "#413994"
        #publishedAt: DateTimeImmutable @1464912000 {#3137
          date: 2016-06-03 00:00:00.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "vier-jahreszeiten-landschaft"
      }
      App\Entity\vo\MediaCardLight {#3637
        #id: 286
        #title: "Gewicht / Masse auf dem Mond"
        #mediaType: "simulation"
        #thumbnailSizes: [
          "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/286-6545f308c8283788141644.webp"
          "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/286-6545f308c8283788141644.webp"
          "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/286-6545f308c8283788141644.webp"
        ]
        #thumbnailBackground: "#b51d8e"
        #publishedAt: DateTimeImmutable @1746057600 {#3030
          date: 2025-05-01 00:00:00.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "gewicht-masse-auf-dem-mond"
      }
      App\Entity\vo\MediaCardLight {#3638
        #id: 661
        #title: "Emissions- und Absorptionsspektren"
        #mediaType: "simulation"
        #thumbnailSizes: [
          "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/661-6545f3f6542b7006188991.webp"
          "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/661-6545f3f6542b7006188991.webp"
          "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/661-6545f3f6542b7006188991.webp"
        ]
        #thumbnailBackground: "#462f92"
        #publishedAt: DateTimeImmutable @1431388800 {#3093
          date: 2015-05-12 00:00:00.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "emissions-und-absorptionsspektren"
      }
      App\Entity\vo\MediaCardLight {#3639
        #id: 891
        #title: "Interaktive-Erde: Klima"
        #mediaType: "simulation"
        #thumbnailSizes: [
          "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/891-6545f46754731332555945.webp"
          "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/891-6545f46754731332555945.webp"
          "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/891-6545f46754731332555945.webp"
        ]
        #thumbnailBackground: "#f487b9"
        #publishedAt: DateTimeImmutable @1493856000 {#3184
          date: 2017-05-04 00:00:00.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "interaktive-erde-klima"
      }
    ]
    "tags" => [
      "druck"
      "flugzeug"
      "iss"
      "klima"
      "luft"
      "luftfahrt"
      "stratosphäre"
      "temperatur"
      "troposphäre"
      "weltall"
      "wetter"
      "wolke"
    ]
    "baseNodeName" => "Ökologie und Umwelt"
  ]
  "key" => "goals"
]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#4359
  -props: [
    "title" => "Lernziele"
    "media" => [
      "id" => 378
      "title" => "Atmosphäre"
      "slug" => "atmosphaere"
      "mediaType" => "simulation"
      "thumbnailSizes" => [
        "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/378-6545f33eaabf9231597235.webp"
        "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/378-6545f33eaabf9231597235.webp"
        "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/378-6545f33eaabf9231597235.webp"
      ]
      "thumbnailBackground" => "#004387"
      "publishedAt" => DateTimeImmutable @1431302400 {#1394
        date: 2015-05-11 00:00:00.0 UTC (+00:00)
      }
      "isExpert" => false
      "goals" => """
        <ul>\r\n
        \t<li>Den Gr&ouml;&szlig;enma&szlig;stab veranschaulichen (wissen, dass in dieser Animation nicht immer korrekte Proportionen ber&uuml;cksichtig werden)</li>\r\n
        \t<li>Die Standardatmosph&auml;re (ISA) definieren</li>\r\n
        \t<li>Sich bewusst werden, dass der Teil der Atmosph&auml;re, der uns betrifft, im Ma&szlig;stab des Planeten nur eine sehr d&uuml;nne Schicht ist</li>\r\n
        \t<li>Den Aufbau und die Funktion jeder Schicht vorstellen</li>\r\n
        </ul>
        """
      "width" => 550
      "height" => 440
      "description" => """
        <p>Eine Atmosph&auml;re ist die Gasschicht, die einen Planeten umgibt. Die Erdatmosph&auml;re wird von den Wissenschaftlern in 5 theoretische Schichten unterteilt:</p>\r\n
        \r\n
        <ul>\r\n
        \t<li>Die <strong>Troposph&auml;re</strong> enth&auml;lt 80% der 5 Trillionen Tonnen Luft! Im direkten Kontakt mit und erhitzt durch den Boden finden in dieser Luftschicht&nbsp;die wichtigen thermischen Aust&auml;usche, die f&uuml;r meteorologische Ph&auml;nomene verantwortlich sind, statt.</li>\r\n
        \t<li>In der <strong>Stratosph&auml;re</strong> steigt die Temperatur mit steigender H&ouml;he. Diese Temperaturumstellung fungiert als Begrenzung f&uuml;r Wolken. Hier findet man die Ozonschicht, die einen gro&szlig;en Teil der ultravioletten Strahlung, die von der Sonne kommt, herausfiltert.</li>\r\n
        \t<li>In der <strong>Mesosph&auml;re</strong> f&auml;ngt die Temperatur noch einmal an zu fallen.</li>\r\n
        \t<li>Die seltenen Partikel, die in der <strong>Thermosph&auml;re</strong> noch vorhanden sind, stehen in Wechselwirkung mit der Sonnenstrahlung. Wenn sie diese Energie aufsaugen, erh&ouml;ht sich ihre Temperatur und sie ionisieren. Das ist die Ionosph&auml;re. Dieser Teil der Thermosph&auml;re hat wichtige elektromagnetische Eigenschaften. Die internationale Weltraumstation (ISS) hat ihre Bahn in der Thermosph&auml;re, &uuml;ber der Ionosph&auml;re.</li>\r\n
        \t<li>Partikel sind in der <strong>Exosph&auml;re</strong> so selten, dass die Wahrscheinlichkeit von Zusammenst&ouml;&szlig;en unter ihnen vernachl&auml;ssigbar ist. Einige entgehen sogar der Gravitationskraft der Erde. Obgleich die Grenze nicht eindeutig definiert ist, markiert die Exosph&auml;re den Anfang des Weltraumes. Die Mehrheit der Satelliten umkreisen die Erde in der Exosph&auml;re, in H&ouml;hen zwischen 800 und 36.000 Kilometern.</li>\r\n
        </ul>
        """
      "suggestions" => [
        App\Entity\vo\MediaCardLight {#3634
          #id: 890
          #title: "Interaktive Erde: Meeresströmungen"
          #mediaType: "simulation"
          #thumbnailSizes: [
            "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/890-6545f466c09f1737431820.webp"
            "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/890-6545f466c09f1737431820.webp"
            "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/890-6545f466c09f1737431820.webp"
          ]
          #thumbnailBackground: "#00a751"
          #publishedAt: DateTimeImmutable @1517961600 {#3176
            date: 2018-02-07 00:00:00.0 UTC (+00:00)
          }
          #isExpert: false
          #slug: "interaktive-erde-meeresstroemungen"
        }
        App\Entity\vo\MediaCardLight {#3636
          #id: 842
          #title: "Vier Jahreszeiten Landschaft"
          #mediaType: "simulation"
          #thumbnailSizes: [
            "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/842-6545f45e4c608863883364.webp"
            "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/842-6545f45e4c608863883364.webp"
            "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/842-6545f45e4c608863883364.webp"
          ]
          #thumbnailBackground: "#413994"
          #publishedAt: DateTimeImmutable @1464912000 {#3137
            date: 2016-06-03 00:00:00.0 UTC (+00:00)
          }
          #isExpert: false
          #slug: "vier-jahreszeiten-landschaft"
        }
        App\Entity\vo\MediaCardLight {#3637
          #id: 286
          #title: "Gewicht / Masse auf dem Mond"
          #mediaType: "simulation"
          #thumbnailSizes: [
            "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/286-6545f308c8283788141644.webp"
            "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/286-6545f308c8283788141644.webp"
            "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/286-6545f308c8283788141644.webp"
          ]
          #thumbnailBackground: "#b51d8e"
          #publishedAt: DateTimeImmutable @1746057600 {#3030
            date: 2025-05-01 00:00:00.0 UTC (+00:00)
          }
          #isExpert: false
          #slug: "gewicht-masse-auf-dem-mond"
        }
        App\Entity\vo\MediaCardLight {#3638
          #id: 661
          #title: "Emissions- und Absorptionsspektren"
          #mediaType: "simulation"
          #thumbnailSizes: [
            "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/661-6545f3f6542b7006188991.webp"
            "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/661-6545f3f6542b7006188991.webp"
            "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/661-6545f3f6542b7006188991.webp"
          ]
          #thumbnailBackground: "#462f92"
          #publishedAt: DateTimeImmutable @1431388800 {#3093
            date: 2015-05-12 00:00:00.0 UTC (+00:00)
          }
          #isExpert: false
          #slug: "emissions-und-absorptionsspektren"
        }
        App\Entity\vo\MediaCardLight {#3639
          #id: 891
          #title: "Interaktive-Erde: Klima"
          #mediaType: "simulation"
          #thumbnailSizes: [
            "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/891-6545f46754731332555945.webp"
            "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/891-6545f46754731332555945.webp"
            "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/891-6545f46754731332555945.webp"
          ]
          #thumbnailBackground: "#f487b9"
          #publishedAt: DateTimeImmutable @1493856000 {#3184
            date: 2017-05-04 00:00:00.0 UTC (+00:00)
          }
          #isExpert: false
          #slug: "interaktive-erde-klima"
        }
      ]
      "tags" => [
        "druck"
        "flugzeug"
        "iss"
        "klima"
        "luft"
        "luftfahrt"
        "stratosphäre"
        "temperatur"
        "troposphäre"
        "weltall"
        "wetter"
        "wolke"
      ]
      "baseNodeName" => "Ökologie und Umwelt"
    ]
    "key" => "goals"
  ]
}
Demo:Video 
[Anonymous]
 12.0 MiB 9.67 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 {#4381
  -props: [
    "width" => "600"
    "height" => "596"
    "class" => "max-w-none absolute"
  ]
}
Heading:Large 
[Anonymous]
 12.0 MiB 0.69 ms
Input props 
[
  "tag" => "h2"
]
Attributes 
[
  "tag" => "h2"
]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#4397
  -props: [
    "tag" => "h2"
  ]
}
Showcase:RevealPill 
[Anonymous]
 12.0 MiB 1.02 ms
Input props 
[
  "icon" => "source"
]
Attributes 
[
  "icon" => "source"
]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#4421
  -props: [
    "icon" => "source"
  ]
}
Showcase:Reveal 
[Anonymous]
 12.0 MiB 0.36 ms
Input props 
[
  "class" => "-mt-1"
  "text" => Twig\Markup {#4457
    -content: "Mehr als 1000 Ressourcen"
    -charset: "UTF-8"
  }
]
Attributes 
[
  "class" => "-mt-1"
  "text" => "Mehr als 1000 Ressourcen"
]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#4459
  -props: [
    "class" => "-mt-1"
    "text" => Twig\Markup {#4457
      -content: "Mehr als 1000 Ressourcen"
      -charset: "UTF-8"
    }
  ]
}
DemoForm 
[Anonymous]
 12.0 MiB 100.61 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 {#4443
  -props: [
    "isDemoPage" => false
    "class" => "max-w-prose mx-auto"
  ]
}
Button App\Twig\Components\Button 12.0 MiB 10.88 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 {#4703
  +size: null
  +darkColor: "domain"
  +lightColor: "white"
  +hoverScheme: "default"
  +hoverTextColor: null
  +disabled: false
  +noLabelOnSmallScreen: false
  +iconClass: null
  +beforeIconClass: null
  +afterIconClass: null
}
Heading:Large 
[Anonymous]
 12.0 MiB 1.03 ms
Input props 
[
  "class" => "text-white"
  "tag" => "h1"
]
Attributes 
[
  "class" => "text-white"
  "tag" => "h1"
]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#4488
  -props: [
    "class" => "text-white"
    "tag" => "h1"
  ]
}
MediaCard App\Twig\Components\MediaCard 12.0 MiB 2.18 ms
Input props 
[
  "cardData" => App\Entity\vo\MediaCardLight {#3634
    #id: 890
    #title: "Interaktive Erde: Meeresströmungen"
    #mediaType: "simulation"
    #thumbnailSizes: [
      "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/890-6545f466c09f1737431820.webp"
      "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/890-6545f466c09f1737431820.webp"
      "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/890-6545f466c09f1737431820.webp"
    ]
    #thumbnailBackground: "#00a751"
    #publishedAt: DateTimeImmutable @1517961600 {#3176
      date: 2018-02-07 00:00:00.0 UTC (+00:00)
    }
    #isExpert: false
    #slug: "interaktive-erde-meeresstroemungen"
  }
  "context" => "media-teaser"
  "class" => "w-1/2 "
]
Attributes 
[
  "class" => "w-1/2 "
]
Component 
App\Twig\Components\MediaCard {#4570
  -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 {#3634
    #id: 890
    #title: "Interaktive Erde: Meeresströmungen"
    #mediaType: "simulation"
    #thumbnailSizes: [
      "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/890-6545f466c09f1737431820.webp"
      "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/890-6545f466c09f1737431820.webp"
      "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/890-6545f466c09f1737431820.webp"
    ]
    #thumbnailBackground: "#00a751"
    #publishedAt: DateTimeImmutable @1517961600 {#3176
      date: 2018-02-07 00:00:00.0 UTC (+00:00)
    }
    #isExpert: false
    #slug: "interaktive-erde-meeresstroemungen"
  }
  +thumbnailEagerLoading: false
  +preventTabbableLink: false
  +context: "media-teaser"
}
MediaCard App\Twig\Components\MediaCard 12.0 MiB 1.13 ms
Input props 
[
  "cardData" => App\Entity\vo\MediaCardLight {#3636
    #id: 842
    #title: "Vier Jahreszeiten Landschaft"
    #mediaType: "simulation"
    #thumbnailSizes: [
      "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/842-6545f45e4c608863883364.webp"
      "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/842-6545f45e4c608863883364.webp"
      "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/842-6545f45e4c608863883364.webp"
    ]
    #thumbnailBackground: "#413994"
    #publishedAt: DateTimeImmutable @1464912000 {#3137
      date: 2016-06-03 00:00:00.0 UTC (+00:00)
    }
    #isExpert: false
    #slug: "vier-jahreszeiten-landschaft"
  }
  "context" => "media-teaser"
  "class" => "w-1/2 hidden md:block"
]
Attributes 
[
  "class" => "w-1/2 hidden md:block"
]
Component 
App\Twig\Components\MediaCard {#4783
  -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 {#3636
    #id: 842
    #title: "Vier Jahreszeiten Landschaft"
    #mediaType: "simulation"
    #thumbnailSizes: [
      "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/842-6545f45e4c608863883364.webp"
      "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/842-6545f45e4c608863883364.webp"
      "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/842-6545f45e4c608863883364.webp"
    ]
    #thumbnailBackground: "#413994"
    #publishedAt: DateTimeImmutable @1464912000 {#3137
      date: 2016-06-03 00:00:00.0 UTC (+00:00)
    }
    #isExpert: false
    #slug: "vier-jahreszeiten-landschaft"
  }
  +thumbnailEagerLoading: false
  +preventTabbableLink: false
  +context: "media-teaser"
}
MediaCard App\Twig\Components\MediaCard 12.0 MiB 10.70 ms
Input props 
[
  "cardData" => App\Entity\vo\MediaCardLight {#3637
    #id: 286
    #title: "Gewicht / Masse auf dem Mond"
    #mediaType: "simulation"
    #thumbnailSizes: [
      "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/286-6545f308c8283788141644.webp"
      "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/286-6545f308c8283788141644.webp"
      "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/286-6545f308c8283788141644.webp"
    ]
    #thumbnailBackground: "#b51d8e"
    #publishedAt: DateTimeImmutable @1746057600 {#3030
      date: 2025-05-01 00:00:00.0 UTC (+00:00)
    }
    #isExpert: false
    #slug: "gewicht-masse-auf-dem-mond"
  }
  "context" => "media-teaser"
  "class" => "w-1/2 hidden lg:block"
]
Attributes 
[
  "class" => "w-1/2 hidden lg:block"
]
Component 
App\Twig\Components\MediaCard {#4811
  -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 {#3637
    #id: 286
    #title: "Gewicht / Masse auf dem Mond"
    #mediaType: "simulation"
    #thumbnailSizes: [
      "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/286-6545f308c8283788141644.webp"
      "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/286-6545f308c8283788141644.webp"
      "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/286-6545f308c8283788141644.webp"
    ]
    #thumbnailBackground: "#b51d8e"
    #publishedAt: DateTimeImmutable @1746057600 {#3030
      date: 2025-05-01 00:00:00.0 UTC (+00:00)
    }
    #isExpert: false
    #slug: "gewicht-masse-auf-dem-mond"
  }
  +thumbnailEagerLoading: false
  +preventTabbableLink: false
  +context: "media-teaser"
}
MediaCard App\Twig\Components\MediaCard 12.0 MiB 0.69 ms
Input props 
[
  "cardData" => App\Entity\vo\MediaCardLight {#3638
    #id: 661
    #title: "Emissions- und Absorptionsspektren"
    #mediaType: "simulation"
    #thumbnailSizes: [
      "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/661-6545f3f6542b7006188991.webp"
      "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/661-6545f3f6542b7006188991.webp"
      "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/661-6545f3f6542b7006188991.webp"
    ]
    #thumbnailBackground: "#462f92"
    #publishedAt: DateTimeImmutable @1431388800 {#3093
      date: 2015-05-12 00:00:00.0 UTC (+00:00)
    }
    #isExpert: false
    #slug: "emissions-und-absorptionsspektren"
  }
  "context" => "media-teaser"
  "class" => "w-1/2 hidden lg:block"
]
Attributes 
[
  "class" => "w-1/2 hidden lg:block"
]
Component 
App\Twig\Components\MediaCard {#4830
  -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 {#3638
    #id: 661
    #title: "Emissions- und Absorptionsspektren"
    #mediaType: "simulation"
    #thumbnailSizes: [
      "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/661-6545f3f6542b7006188991.webp"
      "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/661-6545f3f6542b7006188991.webp"
      "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/661-6545f3f6542b7006188991.webp"
    ]
    #thumbnailBackground: "#462f92"
    #publishedAt: DateTimeImmutable @1431388800 {#3093
      date: 2015-05-12 00:00:00.0 UTC (+00:00)
    }
    #isExpert: false
    #slug: "emissions-und-absorptionsspektren"
  }
  +thumbnailEagerLoading: false
  +preventTabbableLink: false
  +context: "media-teaser"
}
MediaCard App\Twig\Components\MediaCard 12.0 MiB 0.58 ms
Input props 
[
  "cardData" => App\Entity\vo\MediaCardLight {#3639
    #id: 891
    #title: "Interaktive-Erde: Klima"
    #mediaType: "simulation"
    #thumbnailSizes: [
      "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/891-6545f46754731332555945.webp"
      "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/891-6545f46754731332555945.webp"
      "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/891-6545f46754731332555945.webp"
    ]
    #thumbnailBackground: "#f487b9"
    #publishedAt: DateTimeImmutable @1493856000 {#3184
      date: 2017-05-04 00:00:00.0 UTC (+00:00)
    }
    #isExpert: false
    #slug: "interaktive-erde-klima"
  }
  "context" => "media-teaser"
  "class" => "w-1/2 hidden lg:block"
]
Attributes 
[
  "class" => "w-1/2 hidden lg:block"
]
Component 
App\Twig\Components\MediaCard {#4849
  -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 {#3639
    #id: 891
    #title: "Interaktive-Erde: Klima"
    #mediaType: "simulation"
    #thumbnailSizes: [
      "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/891-6545f46754731332555945.webp"
      "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/891-6545f46754731332555945.webp"
      "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/891-6545f46754731332555945.webp"
    ]
    #thumbnailBackground: "#f487b9"
    #publishedAt: DateTimeImmutable @1493856000 {#3184
      date: 2017-05-04 00:00:00.0 UTC (+00:00)
    }
    #isExpert: false
    #slug: "interaktive-erde-klima"
  }
  +thumbnailEagerLoading: false
  +preventTabbableLink: false
  +context: "media-teaser"
}
Footer 
[Anonymous]
 12.0 MiB 5.48 ms
Input props 
[]
Attributes 
[]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#4406
  -props: []
}