<!DOCTYPE html>
<html class="overflow-x-hidden" lang="en">
<head>
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta charset="utf-8" />
<title>Marlen Korf - media</title>
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link
href="https://fonts.googleapis.com/css2?family=Average&family=Source+Sans+Pro:ital,wght@0,200;0,300;0,400;0,600;0,700;0,900;1,200;1,300;1,400;1,600;1,700;1,900&display=swap"
rel="stylesheet"
/>
<link
rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.2.1/css/all.min.css"
integrity="sha512-MV7K8+y+gLIBoVD59lQIYicR65iaqukzvf/nwasF0nqhPay5w/9lJmVM2hMDcnK1OnMGCdVK+iQrJ7lzPJQd1w=="
crossorigin="anonymous"
referrerpolicy="no-referrer"
/>
<link
rel="stylesheet"
href="https://cdn.jsdelivr.net/npm/swiper@8/swiper-bundle.min.css"
/>
<script src="https://identity.netlify.com/v1/netlify-identity-widget.js"></script>
</head>
<link rel="stylesheet" href="/assets/css/main.css">
<style>
:root {
--swiper-theme-color: rgb(
175,
154,
89
);
--colorBackground: #ffffff; /* Change the color value to the desired color */
}
</style>
<body
class="overflow-x-hidden min-h-screen font-source-sans-pro bg-background"
>
<nav class="nav xs:relative md:fixed md:h-auto xs:w-screen z-20">
<div class="white-bg"></div>
<button
class="md:hidden fixed hamburger hamburger--collapse top-6 right-6 z-20"
type="button"
>
<span class="hamburger-box">
<span class="hamburger-inner"></span>
</span>
</button>
<ul
class="ul-nav md:flex xs:bg-background justify-center items-center md:space-x-4 lg:space-x-8 fixed left-0 right-0 top-0 md:py-4 xs:pt-4 md:mt-0 xs:mb-0 md:mb-0 md:translate-y-0 xs:py-0 md:h-auto md:bottom-auto xs:top-0 xs:grid xs:place-items-center"
>
<li class="w-32 relative left-0 md:top-auto md:left-auto">
<img class="relative" src="/assets/img/marlenlogo.svg" />
</li>
<li
class="li-menu xs:mb-6 md:mb-0 xs:opacity-0 md:opacity-100 md:translate-y-0"
>
<a
class="text-secondary uppercase relative transition ease-out tracking-wide pl-3 pr-3 pt-2 pb-2 hover:bg-primary/10 "
href="/en/"
>Home</a
>
</li>
<li
class="li-menu xs:mb-6 md:mb-0 xs:opacity-0 md:opacity-100 md:translate-y-0"
>
<a
class="text-secondary uppercase relative transition ease-out tracking-wide pl-3 pr-3 pt-2 pb-2 hover:bg-primary/10 "
href="/en/biography/"
>Biography</a
>
</li>
<li
class="li-menu xs:mb-6 md:mb-0 xs:opacity-0 md:opacity-100 md:translate-y-0"
>
<a
class="text-secondary uppercase relative transition ease-out tracking-wide pl-3 pr-3 pt-2 pb-2 hover:bg-primary/10 "
href="/en/schedule/"
>Schedule</a
>
</li>
<li
class="li-menu xs:mb-6 md:mb-0 xs:opacity-0 md:opacity-100 md:translate-y-0"
>
<a
class="text-secondary uppercase relative transition ease-out tracking-wide pl-3 pr-3 pt-2 pb-2 hover:bg-primary/10 "
href="/en/repertoire/"
>Repertoire</a
>
</li>
<li
class="li-menu xs:mb-6 md:mb-0 xs:opacity-0 md:opacity-100 md:translate-y-0"
>
<a
class="text-secondary uppercase relative transition ease-out tracking-wide pl-3 pr-3 pt-2 pb-2 hover:bg-primary/10 "
href="/en/media/"
>Media</a
>
</li>
<li
class="li-menu xs:mb-6 md:mb-0 xs:opacity-0 md:opacity-100 md:translate-y-0"
>
<a
class="text-secondary uppercase relative transition ease-out tracking-wide pl-3 pr-3 pt-2 pb-2 hover:bg-primary/10 "
href="/en/contact/"
>Contact</a
>
</li>
<li class="li-menu xs:opacity-0 md:opacity-100">
<a
href="/medien"
class="text-primary/70"
>de |</a
>
<a
href="/en/media/"
class="text-primary "
>en</a
>
</li>
</ul>
</nav>
<div class="mx-auto px-6 mt-32">
<div class="gallery">
<div
class="swiper-container gallery-slider relative"
data-images-count="19"
>
<div class="swiper-wrapper">
<div class="swiper-slide">
<img
src="/assets/img/uploads/marlen-home.jpg"
alt="Portrait"
title="Photographer: Julia Löwe"
/>
</div>
<div class="swiper-slide">
<img
src="/assets/img/uploads/marlen-mirror.jpg"
alt="Portrait"
title="Photographer: Julia Löwe"
/>
</div>
<div class="swiper-slide">
<img
src="/assets/img/uploads/marlen-sits.jpg"
alt="Portrait"
title="Photographer: Julia Löwe"
/>
</div>
<div class="swiper-slide">
<img
src="/assets/img/uploads/marlen-feet.jpg"
alt="Portrait"
title="Photographer: Julia Löwe"
/>
</div>
<div class="swiper-slide">
<img
src="/assets/img/uploads/marlen-black-white.jpg"
alt="Portrait"
title="Photographer: Friederike Johanna Reeb"
/>
</div>
<div class="swiper-slide">
<img
src="/assets/img/uploads/alcina.jpeg"
alt="Morgana, Alcina"
title="Photographer: Tillmann Engel"
/>
</div>
<div class="swiper-slide">
<img
src="/assets/img/uploads/marlen-daan-1-.jpg"
alt="NN"
title="Photographer: NN"
/>
</div>
<div class="swiper-slide">
<img
src="/assets/img/uploads/marlen-2-1-.jpg"
alt="NN"
title="Photographer: NN"
/>
</div>
<div class="swiper-slide">
<img
src="/assets/img/uploads/katerina-paulpape17-1-.jpg"
alt="Katerina"
title="Photographer: Paul Pape"
/>
</div>
<div class="swiper-slide">
<img
src="/assets/img/uploads/katerina-paulpape14-1-.jpg"
alt="Katerina"
title="Photographer: Paul Pape"
/>
</div>
<div class="swiper-slide">
<img
src="/assets/img/uploads/katerina-paulpape13-1-.jpg"
alt="Katerina"
title="Photographer: Paul Pape"
/>
</div>
<div class="swiper-slide">
<img
src="/assets/img/uploads/25626954-1619868604715531-5508017600430414967-o.1280x0.jpg"
alt="J.S. Bach Weihnachtsoratorium Hamburger Laeiszhalle"
title="Photographer: privat"
/>
</div>
<div class="swiper-slide">
<img
src="/assets/img/uploads/lustige-witwe.1280x0.jpg"
alt="F. Lehár, Die Lustige Witwe"
title="Photographer: Christian Engert"
/>
</div>
<div class="swiper-slide">
<img
src="/assets/img/uploads/14908265-1425271944153847-10580914070827742-n.1280x0.jpg"
alt="H. Purcell, Dido & Aeneas"
title="Photographer: Christian Engert"
/>
</div>
<div class="swiper-slide">
<img
src="/assets/img/uploads/meerjungfrau-1.1280x0.jpg"
alt="Uraufführung Die Kleine Meerjungfrau, Klangoper nach Hans Christian Anderson von Anna Mikolajková und Sergio Vásques Carrillo"
title="Photographer: NN"
/>
</div>
<div class="swiper-slide">
<img
src="/assets/img/uploads/meerjungfrau-2.1280x0.jpg"
alt="Uraufführung Die Kleine Meerjungfrau, Klangoper nach Hans Christian Anderson von Anna Mikolajková und Sergio Vásques Carrillo"
title="Photographer: NN"
/>
</div>
<div class="swiper-slide">
<img
src="/assets/img/uploads/alcina.jpeg"
alt="G.F. Händel, Alcina"
title="Photographer: Tillmann Engel"
/>
</div>
<div class="swiper-slide">
<img
src="/assets/img/uploads/marlen-daan-1-.jpg"
alt="Recital"
title="Photographer: Stuart Ackerholt"
/>
</div>
<div class="swiper-slide">
<img
src="/assets/img/uploads/marlen-2-1-.jpg"
alt="Recital"
title="Photographer: Stuart Ackerholt"
/>
</div>
</div>
<div class="swiper-button-prev xs:hidden md:block"></div>
<div class="swiper-button-next xs:hidden md:block"></div>
</div>
<div class="swiper-container gallery-thumbs">
<div class="swiper-wrapper">
<div class="swiper-slide">
<img
src="/assets/img/uploads/marlen-home.jpg"
alt="Portrait"
title="Photographer: Julia Löwe"
/>
</div>
<div class="swiper-slide">
<img
src="/assets/img/uploads/marlen-mirror.jpg"
alt="Portrait"
title="Photographer: Julia Löwe"
/>
</div>
<div class="swiper-slide">
<img
src="/assets/img/uploads/marlen-sits.jpg"
alt="Portrait"
title="Photographer: Julia Löwe"
/>
</div>
<div class="swiper-slide">
<img
src="/assets/img/uploads/marlen-feet.jpg"
alt="Portrait"
title="Photographer: Julia Löwe"
/>
</div>
<div class="swiper-slide">
<img
src="/assets/img/uploads/marlen-black-white.jpg"
alt="Portrait"
title="Photographer: Friederike Johanna Reeb"
/>
</div>
<div class="swiper-slide">
<img
src="/assets/img/uploads/alcina.jpeg"
alt="Morgana, Alcina"
title="Photographer: Tillmann Engel"
/>
</div>
<div class="swiper-slide">
<img
src="/assets/img/uploads/marlen-daan-1-.jpg"
alt="NN"
title="Photographer: NN"
/>
</div>
<div class="swiper-slide">
<img
src="/assets/img/uploads/marlen-2-1-.jpg"
alt="NN"
title="Photographer: NN"
/>
</div>
<div class="swiper-slide">
<img
src="/assets/img/uploads/katerina-paulpape17-1-.jpg"
alt="Katerina"
title="Photographer: Paul Pape"
/>
</div>
<div class="swiper-slide">
<img
src="/assets/img/uploads/katerina-paulpape14-1-.jpg"
alt="Katerina"
title="Photographer: Paul Pape"
/>
</div>
<div class="swiper-slide">
<img
src="/assets/img/uploads/katerina-paulpape13-1-.jpg"
alt="Katerina"
title="Photographer: Paul Pape"
/>
</div>
<div class="swiper-slide">
<img
src="/assets/img/uploads/25626954-1619868604715531-5508017600430414967-o.1280x0.jpg"
alt="J.S. Bach Weihnachtsoratorium Hamburger Laeiszhalle"
title="Photographer: privat"
/>
</div>
<div class="swiper-slide">
<img
src="/assets/img/uploads/lustige-witwe.1280x0.jpg"
alt="F. Lehár, Die Lustige Witwe"
title="Photographer: Christian Engert"
/>
</div>
<div class="swiper-slide">
<img
src="/assets/img/uploads/14908265-1425271944153847-10580914070827742-n.1280x0.jpg"
alt="H. Purcell, Dido & Aeneas"
title="Photographer: Christian Engert"
/>
</div>
<div class="swiper-slide">
<img
src="/assets/img/uploads/meerjungfrau-1.1280x0.jpg"
alt="Uraufführung Die Kleine Meerjungfrau, Klangoper nach Hans Christian Anderson von Anna Mikolajková und Sergio Vásques Carrillo"
title="Photographer: NN"
/>
</div>
<div class="swiper-slide">
<img
src="/assets/img/uploads/meerjungfrau-2.1280x0.jpg"
alt="Uraufführung Die Kleine Meerjungfrau, Klangoper nach Hans Christian Anderson von Anna Mikolajková und Sergio Vásques Carrillo"
title="Photographer: NN"
/>
</div>
<div class="swiper-slide">
<img
src="/assets/img/uploads/alcina.jpeg"
alt="G.F. Händel, Alcina"
title="Photographer: Tillmann Engel"
/>
</div>
<div class="swiper-slide">
<img
src="/assets/img/uploads/marlen-daan-1-.jpg"
alt="Recital"
title="Photographer: Stuart Ackerholt"
/>
</div>
<div class="swiper-slide">
<img
src="/assets/img/uploads/marlen-2-1-.jpg"
alt="Recital"
title="Photographer: Stuart Ackerholt"
/>
</div>
</div>
</div>
</div>
</div>
<footer
class="mx-auto mb-5 flex justify-between px-6 text-primary md:container"
>
<div>© Marlen Korf | 2025</div>
<div class="space-x-1">
<a href="mailto:mail@marlenkorf.com"
><i class="fa fa-envelope text-2xl" aria-hidden="true"></i
></a>
<a href="https://facebook.com/marlenkorf"
><i class="fa-brands fa-facebook text-2xl" aria-hidden="true"></i>
</i
></a>
<a href="https://instagram.com/nelramfrok"
><i class="fa-brands fa-instagram text-2xl" aria-hidden="true"></i>
</i
></a>
</div>
</footer>
<div class="fixed bottom-0 pt-6 bg-background z-10 w-screen"></div>
<script
src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.11.4/gsap.min.js"
integrity="sha512-f8mwTB+Bs8a5c46DEm7HQLcJuHMBaH/UFlcgyetMqqkvTcYg4g5VXsYR71b3qC82lZytjNYvBj2pf0VekA9/FQ=="
crossorigin="anonymous"
referrerpolicy="no-referrer"
></script>
<script
src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.11.4/ScrollTrigger.min.js"
integrity="sha512-A64Nik4Ql7/W/PJk2RNOmVyC/Chobn5TY08CiKEX50Sdw+33WTOpPJ/63bfWPl0hxiRv1trPs5prKO8CpA7VNQ=="
crossorigin="anonymous"
referrerpolicy="no-referrer"
></script>
<script src="https://cdn.jsdelivr.net/npm/swiper@8/swiper-bundle.min.js"></script>
<script src="/assets/js/index.js"></script>
<script></script>
<script>
if (window.netlifyIdentity) {
window.netlifyIdentity.on("init", (user) => {
if (!user) {
window.netlifyIdentity.on("login", () => {
document.location.href = "/admin/";
});
}
});
}
</script>
</body>
</html>