GET https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/de/media/924-orthodrome-und-loxodrome

Response
200 OK
IP
216.73.216.102
Profiled on
Token
7dfbc5

Components

19 Twig Components
32 Render Count
119 ms Render Time
14.0 MiB Memory Usage

Components

Name Metadata Render Count Render Time
Button 
"App\Twig\Components\Button"
components/Button.html.twig 		9 17.66ms
MediaCard 
"App\Twig\Components\MediaCard"
components/MediaCard.html.twig 		5 3.18ms
Heading:Large 
[Anonymous]
components/Heading/Large.html.twig 		2 2.02ms
Store:User 
"App\Twig\Components\Store\User"
components/Store/User.html.twig 		1 1.04ms
Header 
[Anonymous]
components/Header/index.html.twig 		1 39.24ms
Layout:Stack 
[Anonymous]
components/Layout/Stack.html.twig 		1 18.32ms
Header:Anonymous 
[Anonymous]
components/Header/Anonymous.html.twig 		1 17.52ms
Header:Logo 
[Anonymous]
components/Header/Logo.html.twig 		1 0.37ms
Header:LocalePicker 
[Anonymous]
components/Header/LocalePicker.html.twig 		1 12.84ms
LoginLink 
[Anonymous]
components/LoginLink.html.twig 		1 1.79ms
Dialog:LocalePicker 
"App\Twig\Components\Dialog\LocalePicker"
components/Dialog/LocalePicker.html.twig 		1 19.06ms
Dialog 
[Anonymous]
components/Dialog/index.html.twig 		1 18.10ms
Banner:UserBanners 
"App\Twig\Components\Banner\UserBanners"
components/Banner/UserBanners.html.twig 		1 0.74ms
MediaField 
[Anonymous]
components/MediaField.html.twig 		1 0.60ms
Demo:Video 
[Anonymous]
components/Demo/Video.html.twig 		1 0.69ms
Showcase:RevealPill 
[Anonymous]
components/Showcase/RevealPill.html.twig 		1 10.50ms
Showcase:Reveal 
[Anonymous]
components/Showcase/Reveal.html.twig 		1 0.43ms
DemoForm 
[Anonymous]
components/DemoForm.html.twig 		1 41.74ms
Footer 
[Anonymous]
components/Footer/index.html.twig 		1 19.22ms

Render calls

Store:User App\Twig\Components\Store\User 14.0 MiB 1.04 ms
Input props 
[]
Attributes 
[]
Component 
App\Twig\Components\Store\User {#4019
  -securityService: App\Service\SecurityService {#115 …}
  -geoService: App\Service\GeoService {#170 …}
  -institutionUtilsService: App\Service\InstitutionUtilsService {#4020 …}
}
Header 
[Anonymous]
 14.0 MiB 39.24 ms
Input props 
[
  "notSticky" => false
]
Attributes 
[
  "notSticky" => false
]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#4050
  -props: [
    "notSticky" => false
  ]
}
Layout:Stack 
[Anonymous]
 14.0 MiB 18.32 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 {#4076
  -props: [
    "data-compo" => "Header"
    "tag" => "header"
    "class" => "js-header transition bg-domain-dark top-0 relative z-10 p-bento -m-bento rounded-b-md"
    "data-header-sticky" => "yes"
  ]
}
Header:Anonymous 
[Anonymous]
 14.0 MiB 17.52 ms
Input props 
[
  "minimal" => false
]
Attributes 
[
  "minimal" => false
]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#4132
  -props: [
    "minimal" => false
  ]
}
Header:Logo 
[Anonymous]
 14.0 MiB 0.37 ms
Input props 
[]
Attributes 
[]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#4156
  -props: []
}
Header:LocalePicker 
[Anonymous]
 14.0 MiB 12.84 ms
Input props 
[
  "size" => "small"
  "hoverScheme" => "none"
  "darkColor" => "domain"
]
Attributes 
[
  "size" => "small"
  "hoverScheme" => "none"
  "darkColor" => "domain"
]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#4173
  -props: [
    "size" => "small"
    "hoverScheme" => "none"
    "darkColor" => "domain"
  ]
}
Button App\Twig\Components\Button 14.0 MiB 11.33 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 {#4198
  +size: "small"
  +darkColor: "domain"
  +lightColor: "white"
  +hoverScheme: "none"
  +hoverTextColor: null
  +disabled: false
  +noLabelOnSmallScreen: false
  +iconClass: null
  +beforeIconClass: null
  +afterIconClass: null
}
LoginLink 
[Anonymous]
 14.0 MiB 1.79 ms
Input props 
[
  "class" => "grow"
  "size" => "small"
]
Attributes 
[
  "class" => "grow"
  "size" => "small"
]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#4190
  -props: [
    "class" => "grow"
    "size" => "small"
  ]
}
Button App\Twig\Components\Button 14.0 MiB 0.84 ms
Input props 
[
  "data-compo" => "LoginLink"
  "href" => "/de/login?next=/de/media/924-orthodrome-und-loxodrome"
  "class" => "grow"
  "size" => "small"
]
Attributes 
[
  "data-compo" => "LoginLink"
  "href" => "/de/login?next=/de/media/924-orthodrome-und-loxodrome"
  "class" => "grow"
]
Component 
App\Twig\Components\Button {#4276
  +size: "small"
  +darkColor: "domain-dark"
  +lightColor: "white"
  +hoverScheme: "default"
  +hoverTextColor: null
  +disabled: false
  +noLabelOnSmallScreen: false
  +iconClass: null
  +beforeIconClass: null
  +afterIconClass: null
}
Button App\Twig\Components\Button 14.0 MiB 0.86 ms
Input props 
[
  "class" => "grow"
  "size" => "small"
  "darkColor" => "domain"
  "href" => "/de/subscribe/"
]
Attributes 
[
  "class" => "grow"
  "href" => "/de/subscribe/"
]
Component 
App\Twig\Components\Button {#4290
  +size: "small"
  +darkColor: "domain"
  +lightColor: "white"
  +hoverScheme: "default"
  +hoverTextColor: null
  +disabled: false
  +noLabelOnSmallScreen: false
  +iconClass: null
  +beforeIconClass: null
  +afterIconClass: null
}
Dialog:LocalePicker App\Twig\Components\Dialog\LocalePicker 14.0 MiB 19.06 ms
Input props 
[]
Attributes 
[]
Component 
App\Twig\Components\Dialog\LocalePicker {#4114
  -localeSwitcherService: App\Service\LocaleSwitcherService {#1481 …}
}
Dialog 
[Anonymous]
 14.0 MiB 18.10 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 {#4327
  -props: [
    "data-compo" => "Dialog/LocalePicker"
    "id" => "language-picker-dialog"
  ]
}
Button App\Twig\Components\Button 14.0 MiB 0.97 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 {#4361
  +size: "small"
  +darkColor: "domain-dark"
  +lightColor: "white"
  +hoverScheme: "none"
  +hoverTextColor: "domain"
  +disabled: false
  +noLabelOnSmallScreen: false
  +iconClass: null
  +beforeIconClass: null
  +afterIconClass: null
}
Button App\Twig\Components\Button 14.0 MiB 0.54 ms
Input props 
[
  "class" => "w-full mb-bento "
  "href" => "/en/media/924-rhumb-line-versus-great-circle"
  "hoverScheme" => "none"
  "hoverTextColor" => "domain"
  "beforeIcon" => null
  "beforeIconClass" => "text-domain"
  "data-locale-picker-target" => "en"
]
Attributes 
[
  "class" => "w-full mb-bento "
  "href" => "/en/media/924-rhumb-line-versus-great-circle"
  "beforeIcon" => null
  "data-locale-picker-target" => "en"
]
Component 
App\Twig\Components\Button {#4392
  +size: null
  +darkColor: "domain-dark"
  +lightColor: "white"
  +hoverScheme: "none"
  +hoverTextColor: "domain"
  +disabled: false
  +noLabelOnSmallScreen: false
  +iconClass: null
  +beforeIconClass: "text-domain"
  +afterIconClass: null
}
Button App\Twig\Components\Button 14.0 MiB 0.79 ms
Input props 
[
  "class" => "w-full mb-bento "
  "href" => "/fr/media/924-orthodromie-et-loxodromie"
  "hoverScheme" => "none"
  "hoverTextColor" => "domain"
  "beforeIcon" => null
  "beforeIconClass" => "text-domain"
  "data-locale-picker-target" => "fr"
]
Attributes 
[
  "class" => "w-full mb-bento "
  "href" => "/fr/media/924-orthodromie-et-loxodromie"
  "beforeIcon" => null
  "data-locale-picker-target" => "fr"
]
Component 
App\Twig\Components\Button {#4429
  +size: null
  +darkColor: "domain-dark"
  +lightColor: "white"
  +hoverScheme: "none"
  +hoverTextColor: "domain"
  +disabled: false
  +noLabelOnSmallScreen: false
  +iconClass: null
  +beforeIconClass: "text-domain"
  +afterIconClass: null
}
Button App\Twig\Components\Button 14.0 MiB 0.62 ms
Input props 
[
  "class" => "w-full mb-bento "
  "href" => "/es/media/924-linea-de-rumbo-contra-gran-circulo"
  "hoverScheme" => "none"
  "hoverTextColor" => "domain"
  "beforeIcon" => null
  "beforeIconClass" => "text-domain"
  "data-locale-picker-target" => "es"
]
Attributes 
[
  "class" => "w-full mb-bento "
  "href" => "/es/media/924-linea-de-rumbo-contra-gran-circulo"
  "beforeIcon" => null
  "data-locale-picker-target" => "es"
]
Component 
App\Twig\Components\Button {#4448
  +size: null
  +darkColor: "domain-dark"
  +lightColor: "white"
  +hoverScheme: "none"
  +hoverTextColor: "domain"
  +disabled: false
  +noLabelOnSmallScreen: false
  +iconClass: null
  +beforeIconClass: "text-domain"
  +afterIconClass: null
}
Button App\Twig\Components\Button 14.0 MiB 0.85 ms
Input props 
[
  "class" => "w-full mb-bento pointer-events-none"
  "href" => "/de/media/924-orthodrome-und-loxodrome"
  "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/924-orthodrome-und-loxodrome"
  "beforeIcon" => "done"
  "data-locale-picker-target" => "de"
]
Component 
App\Twig\Components\Button {#4468
  +size: null
  +darkColor: "domain-dark"
  +lightColor: "white"
  +hoverScheme: "none"
  +hoverTextColor: "domain"
  +disabled: false
  +noLabelOnSmallScreen: false
  +iconClass: null
  +beforeIconClass: "text-domain"
  +afterIconClass: null
}
Banner:UserBanners App\Twig\Components\Banner\UserBanners 14.0 MiB 0.74 ms
Input props 
[]
Attributes 
[]
Component 
App\Twig\Components\Banner\UserBanners {#4067
  -purchaseRepository: App\Repository\PurchaseRepository {#118 …}
  -securityService: App\Service\SecurityService {#115 …}
}
MediaField 
[Anonymous]
 14.0 MiB 0.60 ms
Input props 
[
  "title" => "Lernziele"
  "media" => [
    "id" => 924
    "title" => "Orthodrome und Loxodrome"
    "slug" => "orthodrome-und-loxodrome"
    "mediaType" => "simulation"
    "thumbnailSizes" => [
      "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/924-6545f47b48c80499838634.webp"
      "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/924-6545f47b48c80499838634.webp"
      "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/924-6545f47b48c80499838634.webp"
    ]
    "thumbnailBackground" => "#f25821"
    "publishedAt" => DateTimeImmutable @1567382400 {#1378
      date: 2019-09-02 00:00:00.0 UTC (+00:00)
    }
    "isExpert" => true
    "goals" => """
      <ul>\r\n
      \t<li>Die Schwierigkeiten bei der Messung der Entfernung zwischen zwei Punkten auf einer Kugel veranschaulichen.&nbsp;</li>\r\n
      \t<li>Die L&auml;nge eines Meridianbogens und eines Breitenkreisbogens berechnen.&nbsp;</li>\r\n
      \t<li>Die L&auml;nge verschiedener Wege, die zwei Punkte auf der Erdoberfl&auml;che verbinden, vergleichen.&nbsp;</li>\r\n
      </ul>
      """
    "width" => 550
    "height" => 350
    "description" => """
      <p>Es kann eine &Uuml;berraschung sein, auf einer Karte den kurvigen Verlauf der Flugbahnen von Langstreckenfl&uuml;gen oder von Schiffen bei Langstreckenrennen zu sehen. Das ist der Projektion der Weltkugel, einer sph&auml;rischen Oberfl&auml;che, auf eine flache Oberfl&auml;che geschuldet. Diese Projektion bewirkt notwendigerweise Verzerrungen. Die Mercator-Projektion wird oft benutzt, da sie die Winkel zu den Meridianen treu abbildet, aber im Gegenzug ist sie nicht fl&auml;chentreu: Die Polargebiete werden stark horizontal und vertikal gedehnt (man kann &uuml;brigens die Pole nicht darstellen, da sie ins Unendliche gehen). Die Orthodrome ist die k&uuml;rzeste Strecke auf der Erdkugel, entspricht also in etwa dem, was in der Umgangssprache als die &quot;Luftlinie&quot; bezeichnet wird: Sie ist ein Bogen eines Gro&szlig;kreises und in der Animation in rot dargestellt. Nur entlang eines Meridians wird sie auf der Mercator-Karte als Gerade dargestellt. Um der Orthodrome zu folgen, muss ein Schiff st&auml;ndig seinen Kurs korrigieren.&nbsp;</p>\r\n
      \r\n
      <p>Wenn das Schiff seinen Kurs beibeh&auml;lt, ist seine Route die Loxodrome (Kursgleiche), in der Animation in blau. Sie bildet eine Spirale, die sich um die Weltkugel windet. Aber auf der Mercator-Karte ist sie geradlinig, weil die Mercator-Projektion die Winkel beibeh&auml;lt.</p>
      """
    "suggestions" => [
      App\Entity\vo\MediaCardLight {#3776
        #id: 948
        #title: "Delta ¹⁸O"
        #mediaType: "simulation"
        #thumbnailSizes: [
          "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/948-6545f4868c202799120636.webp"
          "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/948-6545f4868c202799120636.webp"
          "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/948-6545f4868c202799120636.webp"
        ]
        #thumbnailBackground: "#00a751"
        #publishedAt: DateTimeImmutable @1645142400 {#3307
          date: 2022-02-18 00:00:00.0 UTC (+00:00)
        }
        #isExpert: true
        #slug: "delta-18o"
      }
      App\Entity\vo\MediaCardLight {#3778
        #id: 679
        #title: "Scheinbare Sonnenbahn"
        #mediaType: "simulation"
        #thumbnailSizes: [
          "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/679-6545f402b4d61542275583.webp"
          "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/679-6545f402b4d61542275583.webp"
          "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/679-6545f402b4d61542275583.webp"
        ]
        #thumbnailBackground: "#004387"
        #publishedAt: DateTimeImmutable @1431302400 {#3253
          date: 2015-05-11 00:00:00.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "scheinbare-sonnenbahn"
      }
      App\Entity\vo\MediaCardLight {#3779
        #id: 903
        #title: "Die Planeten"
        #mediaType: "simulation"
        #thumbnailSizes: [
          "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/903-6545f46f23d19368512940.webp"
          "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/903-6545f46f23d19368512940.webp"
          "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/903-6545f46f23d19368512940.webp"
        ]
        #thumbnailBackground: "#f25821"
        #publishedAt: DateTimeImmutable @1531785600 {#3288
          date: 2018-07-17 00:00:00.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "die-planeten"
      }
      App\Entity\vo\MediaCardLight {#3780
        #id: 371
        #title: "Tage und Nächte im Laufe des Jahres"
        #mediaType: "simulation"
        #thumbnailSizes: [
          "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/371-6545f33b256d9234136507.webp"
          "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/371-6545f33b256d9234136507.webp"
          "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/371-6545f33b256d9234136507.webp"
        ]
        #thumbnailBackground: "#f6951d"
        #publishedAt: DateTimeImmutable @1431302400 {#3217
          date: 2015-05-11 00:00:00.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "tage-und-naechte-im-laufe-des-jahres"
      }
      App\Entity\vo\MediaCardLight {#3781
        #id: 976
        #title: "Das Wassereinzugsgebiet"
        #mediaType: "simulation"
        #thumbnailSizes: [
          "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/976-6545f492985be646618409.webp"
          "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/976-6545f492985be646618409.webp"
          "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/976-6545f492985be646618409.webp"
        ]
        #thumbnailBackground: "#ec008d"
        #publishedAt: DateTimeImmutable @1684281600 {#3339
          date: 2023-05-17 00:00:00.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "das-wassereinzugsgebiet"
      }
    ]
    "tags" => [
      "breiten"
      "entfernung"
      "geodäsie"
      "großkreis"
      "kartographie"
      "koordinaten"
      "luftfahrt"
      "luftlinie"
      "längen"
      "mercator"
      "schifffahrt"
      "strecke"
    ]
    "baseNodeName" => "Ökologie und Umwelt"
  ]
  "key" => "goals"
]
Attributes 
[
  "title" => "Lernziele"
  "media" => [
    "id" => 924
    "title" => "Orthodrome und Loxodrome"
    "slug" => "orthodrome-und-loxodrome"
    "mediaType" => "simulation"
    "thumbnailSizes" => [
      "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/924-6545f47b48c80499838634.webp"
      "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/924-6545f47b48c80499838634.webp"
      "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/924-6545f47b48c80499838634.webp"
    ]
    "thumbnailBackground" => "#f25821"
    "publishedAt" => DateTimeImmutable @1567382400 {#1378
      date: 2019-09-02 00:00:00.0 UTC (+00:00)
    }
    "isExpert" => true
    "goals" => """
      <ul>\r\n
      \t<li>Die Schwierigkeiten bei der Messung der Entfernung zwischen zwei Punkten auf einer Kugel veranschaulichen.&nbsp;</li>\r\n
      \t<li>Die L&auml;nge eines Meridianbogens und eines Breitenkreisbogens berechnen.&nbsp;</li>\r\n
      \t<li>Die L&auml;nge verschiedener Wege, die zwei Punkte auf der Erdoberfl&auml;che verbinden, vergleichen.&nbsp;</li>\r\n
      </ul>
      """
    "width" => 550
    "height" => 350
    "description" => """
      <p>Es kann eine &Uuml;berraschung sein, auf einer Karte den kurvigen Verlauf der Flugbahnen von Langstreckenfl&uuml;gen oder von Schiffen bei Langstreckenrennen zu sehen. Das ist der Projektion der Weltkugel, einer sph&auml;rischen Oberfl&auml;che, auf eine flache Oberfl&auml;che geschuldet. Diese Projektion bewirkt notwendigerweise Verzerrungen. Die Mercator-Projektion wird oft benutzt, da sie die Winkel zu den Meridianen treu abbildet, aber im Gegenzug ist sie nicht fl&auml;chentreu: Die Polargebiete werden stark horizontal und vertikal gedehnt (man kann &uuml;brigens die Pole nicht darstellen, da sie ins Unendliche gehen). Die Orthodrome ist die k&uuml;rzeste Strecke auf der Erdkugel, entspricht also in etwa dem, was in der Umgangssprache als die &quot;Luftlinie&quot; bezeichnet wird: Sie ist ein Bogen eines Gro&szlig;kreises und in der Animation in rot dargestellt. Nur entlang eines Meridians wird sie auf der Mercator-Karte als Gerade dargestellt. Um der Orthodrome zu folgen, muss ein Schiff st&auml;ndig seinen Kurs korrigieren.&nbsp;</p>\r\n
      \r\n
      <p>Wenn das Schiff seinen Kurs beibeh&auml;lt, ist seine Route die Loxodrome (Kursgleiche), in der Animation in blau. Sie bildet eine Spirale, die sich um die Weltkugel windet. Aber auf der Mercator-Karte ist sie geradlinig, weil die Mercator-Projektion die Winkel beibeh&auml;lt.</p>
      """
    "suggestions" => [
      App\Entity\vo\MediaCardLight {#3776
        #id: 948
        #title: "Delta ¹⁸O"
        #mediaType: "simulation"
        #thumbnailSizes: [
          "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/948-6545f4868c202799120636.webp"
          "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/948-6545f4868c202799120636.webp"
          "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/948-6545f4868c202799120636.webp"
        ]
        #thumbnailBackground: "#00a751"
        #publishedAt: DateTimeImmutable @1645142400 {#3307
          date: 2022-02-18 00:00:00.0 UTC (+00:00)
        }
        #isExpert: true
        #slug: "delta-18o"
      }
      App\Entity\vo\MediaCardLight {#3778
        #id: 679
        #title: "Scheinbare Sonnenbahn"
        #mediaType: "simulation"
        #thumbnailSizes: [
          "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/679-6545f402b4d61542275583.webp"
          "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/679-6545f402b4d61542275583.webp"
          "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/679-6545f402b4d61542275583.webp"
        ]
        #thumbnailBackground: "#004387"
        #publishedAt: DateTimeImmutable @1431302400 {#3253
          date: 2015-05-11 00:00:00.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "scheinbare-sonnenbahn"
      }
      App\Entity\vo\MediaCardLight {#3779
        #id: 903
        #title: "Die Planeten"
        #mediaType: "simulation"
        #thumbnailSizes: [
          "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/903-6545f46f23d19368512940.webp"
          "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/903-6545f46f23d19368512940.webp"
          "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/903-6545f46f23d19368512940.webp"
        ]
        #thumbnailBackground: "#f25821"
        #publishedAt: DateTimeImmutable @1531785600 {#3288
          date: 2018-07-17 00:00:00.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "die-planeten"
      }
      App\Entity\vo\MediaCardLight {#3780
        #id: 371
        #title: "Tage und Nächte im Laufe des Jahres"
        #mediaType: "simulation"
        #thumbnailSizes: [
          "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/371-6545f33b256d9234136507.webp"
          "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/371-6545f33b256d9234136507.webp"
          "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/371-6545f33b256d9234136507.webp"
        ]
        #thumbnailBackground: "#f6951d"
        #publishedAt: DateTimeImmutable @1431302400 {#3217
          date: 2015-05-11 00:00:00.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "tage-und-naechte-im-laufe-des-jahres"
      }
      App\Entity\vo\MediaCardLight {#3781
        #id: 976
        #title: "Das Wassereinzugsgebiet"
        #mediaType: "simulation"
        #thumbnailSizes: [
          "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/976-6545f492985be646618409.webp"
          "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/976-6545f492985be646618409.webp"
          "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/976-6545f492985be646618409.webp"
        ]
        #thumbnailBackground: "#ec008d"
        #publishedAt: DateTimeImmutable @1684281600 {#3339
          date: 2023-05-17 00:00:00.0 UTC (+00:00)
        }
        #isExpert: false
        #slug: "das-wassereinzugsgebiet"
      }
    ]
    "tags" => [
      "breiten"
      "entfernung"
      "geodäsie"
      "großkreis"
      "kartographie"
      "koordinaten"
      "luftfahrt"
      "luftlinie"
      "längen"
      "mercator"
      "schifffahrt"
      "strecke"
    ]
    "baseNodeName" => "Ökologie und Umwelt"
  ]
  "key" => "goals"
]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#4500
  -props: [
    "title" => "Lernziele"
    "media" => [
      "id" => 924
      "title" => "Orthodrome und Loxodrome"
      "slug" => "orthodrome-und-loxodrome"
      "mediaType" => "simulation"
      "thumbnailSizes" => [
        "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/924-6545f47b48c80499838634.webp"
        "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/924-6545f47b48c80499838634.webp"
        "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/924-6545f47b48c80499838634.webp"
      ]
      "thumbnailBackground" => "#f25821"
      "publishedAt" => DateTimeImmutable @1567382400 {#1378
        date: 2019-09-02 00:00:00.0 UTC (+00:00)
      }
      "isExpert" => true
      "goals" => """
        <ul>\r\n
        \t<li>Die Schwierigkeiten bei der Messung der Entfernung zwischen zwei Punkten auf einer Kugel veranschaulichen.&nbsp;</li>\r\n
        \t<li>Die L&auml;nge eines Meridianbogens und eines Breitenkreisbogens berechnen.&nbsp;</li>\r\n
        \t<li>Die L&auml;nge verschiedener Wege, die zwei Punkte auf der Erdoberfl&auml;che verbinden, vergleichen.&nbsp;</li>\r\n
        </ul>
        """
      "width" => 550
      "height" => 350
      "description" => """
        <p>Es kann eine &Uuml;berraschung sein, auf einer Karte den kurvigen Verlauf der Flugbahnen von Langstreckenfl&uuml;gen oder von Schiffen bei Langstreckenrennen zu sehen. Das ist der Projektion der Weltkugel, einer sph&auml;rischen Oberfl&auml;che, auf eine flache Oberfl&auml;che geschuldet. Diese Projektion bewirkt notwendigerweise Verzerrungen. Die Mercator-Projektion wird oft benutzt, da sie die Winkel zu den Meridianen treu abbildet, aber im Gegenzug ist sie nicht fl&auml;chentreu: Die Polargebiete werden stark horizontal und vertikal gedehnt (man kann &uuml;brigens die Pole nicht darstellen, da sie ins Unendliche gehen). Die Orthodrome ist die k&uuml;rzeste Strecke auf der Erdkugel, entspricht also in etwa dem, was in der Umgangssprache als die &quot;Luftlinie&quot; bezeichnet wird: Sie ist ein Bogen eines Gro&szlig;kreises und in der Animation in rot dargestellt. Nur entlang eines Meridians wird sie auf der Mercator-Karte als Gerade dargestellt. Um der Orthodrome zu folgen, muss ein Schiff st&auml;ndig seinen Kurs korrigieren.&nbsp;</p>\r\n
        \r\n
        <p>Wenn das Schiff seinen Kurs beibeh&auml;lt, ist seine Route die Loxodrome (Kursgleiche), in der Animation in blau. Sie bildet eine Spirale, die sich um die Weltkugel windet. Aber auf der Mercator-Karte ist sie geradlinig, weil die Mercator-Projektion die Winkel beibeh&auml;lt.</p>
        """
      "suggestions" => [
        App\Entity\vo\MediaCardLight {#3776
          #id: 948
          #title: "Delta ¹⁸O"
          #mediaType: "simulation"
          #thumbnailSizes: [
            "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/948-6545f4868c202799120636.webp"
            "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/948-6545f4868c202799120636.webp"
            "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/948-6545f4868c202799120636.webp"
          ]
          #thumbnailBackground: "#00a751"
          #publishedAt: DateTimeImmutable @1645142400 {#3307
            date: 2022-02-18 00:00:00.0 UTC (+00:00)
          }
          #isExpert: true
          #slug: "delta-18o"
        }
        App\Entity\vo\MediaCardLight {#3778
          #id: 679
          #title: "Scheinbare Sonnenbahn"
          #mediaType: "simulation"
          #thumbnailSizes: [
            "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/679-6545f402b4d61542275583.webp"
            "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/679-6545f402b4d61542275583.webp"
            "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/679-6545f402b4d61542275583.webp"
          ]
          #thumbnailBackground: "#004387"
          #publishedAt: DateTimeImmutable @1431302400 {#3253
            date: 2015-05-11 00:00:00.0 UTC (+00:00)
          }
          #isExpert: false
          #slug: "scheinbare-sonnenbahn"
        }
        App\Entity\vo\MediaCardLight {#3779
          #id: 903
          #title: "Die Planeten"
          #mediaType: "simulation"
          #thumbnailSizes: [
            "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/903-6545f46f23d19368512940.webp"
            "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/903-6545f46f23d19368512940.webp"
            "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/903-6545f46f23d19368512940.webp"
          ]
          #thumbnailBackground: "#f25821"
          #publishedAt: DateTimeImmutable @1531785600 {#3288
            date: 2018-07-17 00:00:00.0 UTC (+00:00)
          }
          #isExpert: false
          #slug: "die-planeten"
        }
        App\Entity\vo\MediaCardLight {#3780
          #id: 371
          #title: "Tage und Nächte im Laufe des Jahres"
          #mediaType: "simulation"
          #thumbnailSizes: [
            "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/371-6545f33b256d9234136507.webp"
            "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/371-6545f33b256d9234136507.webp"
            "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/371-6545f33b256d9234136507.webp"
          ]
          #thumbnailBackground: "#f6951d"
          #publishedAt: DateTimeImmutable @1431302400 {#3217
            date: 2015-05-11 00:00:00.0 UTC (+00:00)
          }
          #isExpert: false
          #slug: "tage-und-naechte-im-laufe-des-jahres"
        }
        App\Entity\vo\MediaCardLight {#3781
          #id: 976
          #title: "Das Wassereinzugsgebiet"
          #mediaType: "simulation"
          #thumbnailSizes: [
            "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/976-6545f492985be646618409.webp"
            "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/976-6545f492985be646618409.webp"
            "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/976-6545f492985be646618409.webp"
          ]
          #thumbnailBackground: "#ec008d"
          #publishedAt: DateTimeImmutable @1684281600 {#3339
            date: 2023-05-17 00:00:00.0 UTC (+00:00)
          }
          #isExpert: false
          #slug: "das-wassereinzugsgebiet"
        }
      ]
      "tags" => [
        "breiten"
        "entfernung"
        "geodäsie"
        "großkreis"
        "kartographie"
        "koordinaten"
        "luftfahrt"
        "luftlinie"
        "längen"
        "mercator"
        "schifffahrt"
        "strecke"
      ]
      "baseNodeName" => "Ökologie und Umwelt"
    ]
    "key" => "goals"
  ]
}
Demo:Video 
[Anonymous]
 14.0 MiB 0.69 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 {#4522
  -props: [
    "width" => "600"
    "height" => "596"
    "class" => "max-w-none absolute"
  ]
}
Heading:Large 
[Anonymous]
 14.0 MiB 1.63 ms
Input props 
[
  "tag" => "h2"
]
Attributes 
[
  "tag" => "h2"
]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#4538
  -props: [
    "tag" => "h2"
  ]
}
Showcase:RevealPill 
[Anonymous]
 14.0 MiB 10.50 ms
Input props 
[
  "icon" => "source"
]
Attributes 
[
  "icon" => "source"
]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#4562
  -props: [
    "icon" => "source"
  ]
}
Showcase:Reveal 
[Anonymous]
 14.0 MiB 0.43 ms
Input props 
[
  "class" => "-mt-1"
  "text" => Twig\Markup {#4598
    -content: "Mehr als 1000 Ressourcen"
    -charset: "UTF-8"
  }
]
Attributes 
[
  "class" => "-mt-1"
  "text" => "Mehr als 1000 Ressourcen"
]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#4600
  -props: [
    "class" => "-mt-1"
    "text" => Twig\Markup {#4598
      -content: "Mehr als 1000 Ressourcen"
      -charset: "UTF-8"
    }
  ]
}
DemoForm 
[Anonymous]
 14.0 MiB 41.74 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 {#4584
  -props: [
    "isDemoPage" => false
    "class" => "max-w-prose mx-auto"
  ]
}
Button App\Twig\Components\Button 14.0 MiB 0.86 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 {#4844
  +size: null
  +darkColor: "domain"
  +lightColor: "white"
  +hoverScheme: "default"
  +hoverTextColor: null
  +disabled: false
  +noLabelOnSmallScreen: false
  +iconClass: null
  +beforeIconClass: null
  +afterIconClass: null
}
Heading:Large 
[Anonymous]
 14.0 MiB 0.39 ms
Input props 
[
  "class" => "text-white"
  "tag" => "h1"
]
Attributes 
[
  "class" => "text-white"
  "tag" => "h1"
]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#4629
  -props: [
    "class" => "text-white"
    "tag" => "h1"
  ]
}
MediaCard App\Twig\Components\MediaCard 14.0 MiB 1.01 ms
Input props 
[
  "cardData" => App\Entity\vo\MediaCardLight {#3776
    #id: 948
    #title: "Delta ¹⁸O"
    #mediaType: "simulation"
    #thumbnailSizes: [
      "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/948-6545f4868c202799120636.webp"
      "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/948-6545f4868c202799120636.webp"
      "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/948-6545f4868c202799120636.webp"
    ]
    #thumbnailBackground: "#00a751"
    #publishedAt: DateTimeImmutable @1645142400 {#3307
      date: 2022-02-18 00:00:00.0 UTC (+00:00)
    }
    #isExpert: true
    #slug: "delta-18o"
  }
  "context" => "media-teaser"
  "class" => "w-1/2 "
]
Attributes 
[
  "class" => "w-1/2 "
]
Component 
App\Twig\Components\MediaCard {#4711
  -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 {#3776
    #id: 948
    #title: "Delta ¹⁸O"
    #mediaType: "simulation"
    #thumbnailSizes: [
      "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/948-6545f4868c202799120636.webp"
      "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/948-6545f4868c202799120636.webp"
      "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/948-6545f4868c202799120636.webp"
    ]
    #thumbnailBackground: "#00a751"
    #publishedAt: DateTimeImmutable @1645142400 {#3307
      date: 2022-02-18 00:00:00.0 UTC (+00:00)
    }
    #isExpert: true
    #slug: "delta-18o"
  }
  +thumbnailEagerLoading: false
  +preventTabbableLink: false
  +context: "media-teaser"
}
MediaCard App\Twig\Components\MediaCard 14.0 MiB 0.59 ms
Input props 
[
  "cardData" => App\Entity\vo\MediaCardLight {#3778
    #id: 679
    #title: "Scheinbare Sonnenbahn"
    #mediaType: "simulation"
    #thumbnailSizes: [
      "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/679-6545f402b4d61542275583.webp"
      "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/679-6545f402b4d61542275583.webp"
      "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/679-6545f402b4d61542275583.webp"
    ]
    #thumbnailBackground: "#004387"
    #publishedAt: DateTimeImmutable @1431302400 {#3253
      date: 2015-05-11 00:00:00.0 UTC (+00:00)
    }
    #isExpert: false
    #slug: "scheinbare-sonnenbahn"
  }
  "context" => "media-teaser"
  "class" => "w-1/2 hidden md:block"
]
Attributes 
[
  "class" => "w-1/2 hidden md:block"
]
Component 
App\Twig\Components\MediaCard {#4924
  -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 {#3778
    #id: 679
    #title: "Scheinbare Sonnenbahn"
    #mediaType: "simulation"
    #thumbnailSizes: [
      "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/679-6545f402b4d61542275583.webp"
      "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/679-6545f402b4d61542275583.webp"
      "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/679-6545f402b4d61542275583.webp"
    ]
    #thumbnailBackground: "#004387"
    #publishedAt: DateTimeImmutable @1431302400 {#3253
      date: 2015-05-11 00:00:00.0 UTC (+00:00)
    }
    #isExpert: false
    #slug: "scheinbare-sonnenbahn"
  }
  +thumbnailEagerLoading: false
  +preventTabbableLink: false
  +context: "media-teaser"
}
MediaCard App\Twig\Components\MediaCard 14.0 MiB 0.59 ms
Input props 
[
  "cardData" => App\Entity\vo\MediaCardLight {#3779
    #id: 903
    #title: "Die Planeten"
    #mediaType: "simulation"
    #thumbnailSizes: [
      "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/903-6545f46f23d19368512940.webp"
      "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/903-6545f46f23d19368512940.webp"
      "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/903-6545f46f23d19368512940.webp"
    ]
    #thumbnailBackground: "#f25821"
    #publishedAt: DateTimeImmutable @1531785600 {#3288
      date: 2018-07-17 00:00:00.0 UTC (+00:00)
    }
    #isExpert: false
    #slug: "die-planeten"
  }
  "context" => "media-teaser"
  "class" => "w-1/2 hidden lg:block"
]
Attributes 
[
  "class" => "w-1/2 hidden lg:block"
]
Component 
App\Twig\Components\MediaCard {#4953
  -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 {#3779
    #id: 903
    #title: "Die Planeten"
    #mediaType: "simulation"
    #thumbnailSizes: [
      "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/903-6545f46f23d19368512940.webp"
      "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/903-6545f46f23d19368512940.webp"
      "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/903-6545f46f23d19368512940.webp"
    ]
    #thumbnailBackground: "#f25821"
    #publishedAt: DateTimeImmutable @1531785600 {#3288
      date: 2018-07-17 00:00:00.0 UTC (+00:00)
    }
    #isExpert: false
    #slug: "die-planeten"
  }
  +thumbnailEagerLoading: false
  +preventTabbableLink: false
  +context: "media-teaser"
}
MediaCard App\Twig\Components\MediaCard 14.0 MiB 0.55 ms
Input props 
[
  "cardData" => App\Entity\vo\MediaCardLight {#3780
    #id: 371
    #title: "Tage und Nächte im Laufe des Jahres"
    #mediaType: "simulation"
    #thumbnailSizes: [
      "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/371-6545f33b256d9234136507.webp"
      "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/371-6545f33b256d9234136507.webp"
      "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/371-6545f33b256d9234136507.webp"
    ]
    #thumbnailBackground: "#f6951d"
    #publishedAt: DateTimeImmutable @1431302400 {#3217
      date: 2015-05-11 00:00:00.0 UTC (+00:00)
    }
    #isExpert: false
    #slug: "tage-und-naechte-im-laufe-des-jahres"
  }
  "context" => "media-teaser"
  "class" => "w-1/2 hidden lg:block"
]
Attributes 
[
  "class" => "w-1/2 hidden lg:block"
]
Component 
App\Twig\Components\MediaCard {#4972
  -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 {#3780
    #id: 371
    #title: "Tage und Nächte im Laufe des Jahres"
    #mediaType: "simulation"
    #thumbnailSizes: [
      "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/371-6545f33b256d9234136507.webp"
      "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/371-6545f33b256d9234136507.webp"
      "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/371-6545f33b256d9234136507.webp"
    ]
    #thumbnailBackground: "#f6951d"
    #publishedAt: DateTimeImmutable @1431302400 {#3217
      date: 2015-05-11 00:00:00.0 UTC (+00:00)
    }
    #isExpert: false
    #slug: "tage-und-naechte-im-laufe-des-jahres"
  }
  +thumbnailEagerLoading: false
  +preventTabbableLink: false
  +context: "media-teaser"
}
MediaCard App\Twig\Components\MediaCard 14.0 MiB 0.44 ms
Input props 
[
  "cardData" => App\Entity\vo\MediaCardLight {#3781
    #id: 976
    #title: "Das Wassereinzugsgebiet"
    #mediaType: "simulation"
    #thumbnailSizes: [
      "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/976-6545f492985be646618409.webp"
      "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/976-6545f492985be646618409.webp"
      "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/976-6545f492985be646618409.webp"
    ]
    #thumbnailBackground: "#ec008d"
    #publishedAt: DateTimeImmutable @1684281600 {#3339
      date: 2023-05-17 00:00:00.0 UTC (+00:00)
    }
    #isExpert: false
    #slug: "das-wassereinzugsgebiet"
  }
  "context" => "media-teaser"
  "class" => "w-1/2 hidden lg:block"
]
Attributes 
[
  "class" => "w-1/2 hidden lg:block"
]
Component 
App\Twig\Components\MediaCard {#4991
  -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 {#3781
    #id: 976
    #title: "Das Wassereinzugsgebiet"
    #mediaType: "simulation"
    #thumbnailSizes: [
      "node_pack" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_node_pack/uploads/media/thumbnails/976-6545f492985be646618409.webp"
      "suggestion" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_suggestion/uploads/media/thumbnails/976-6545f492985be646618409.webp"
      "title" => "https://www.preprod-yousg3q-etbsswybjvlic.fr-3.platformsh.site/media-cache/media_thumbnail_title/uploads/media/thumbnails/976-6545f492985be646618409.webp"
    ]
    #thumbnailBackground: "#ec008d"
    #publishedAt: DateTimeImmutable @1684281600 {#3339
      date: 2023-05-17 00:00:00.0 UTC (+00:00)
    }
    #isExpert: false
    #slug: "das-wassereinzugsgebiet"
  }
  +thumbnailEagerLoading: false
  +preventTabbableLink: false
  +context: "media-teaser"
}
Footer 
[Anonymous]
 14.0 MiB 19.22 ms
Input props 
[]
Attributes 
[]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#4547
  -props: []
}