CINXE.COM
KINO: Operation Saimaa Seal - Botschaft der Wildtiere Webshop
<!DOCTYPE html> <html lang="de-DE"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title> KINO: Operation Saimaa Seal - Botschaft der Wildtiere Webshop</title> <link rel="preload" href="/build/shop.15fc0e66.css" as="style"> <link rel="stylesheet" href="/build/shop.15fc0e66.css"> <link rel="stylesheet" href="/skin/compiled/build.theme.a2f579e0ce.css"> <link rel="shortcut icon" type="image/x-icon" href="/favicon.ico"> <link rel="icon" type="image/png" href="/favicon.png"> <link rel="apple-touch-icon" href="/apple-touch-icon.png"> <script src="/build/shop.616ca663.js"></script> <script src="/build/alpine.27183346.js" defer></script> <!-- Google Tag Manager --> <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-WKDP7PX6');</script> <!-- End Google Tag Manager --> </head> <div x-data x-init="$store.shopTimeZone = 'Europe/Berlin'"></div> <body class=""> <!-- Google Tag Manager (noscript) --> <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-WKDP7PX6" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <!-- End Google Tag Manager (noscript) --> <div id="browser-warning" class="global-site-notice browser-warning fixed-top" style="z-index: 2020; display: none;"> <div class="alert alert-danger" role="alert"> <span class="fa-stack fa-2x"> <i class="fab fa-internet-explorer fa-stack-1x" style="color:dodgerblue"></i> <i class="fas fa-ban fa-stack-2x" style="color:tomato"></i> </span> <h4 class="alert-heading">Achtung, wichtiger Hinweis!</h4> <p>Der von Ihnen genutzte Browser ist leider nicht mit diesem Webshop kompatibel! Wir empfehlen Ihnen dringend, Ihren Browser zu aktualisieren oder einen anderen, modernen Browser zu nutzen.</p> <hr> <p class="mb-0">Bitte verwenden Sie einen der folgenden Web-Browser um diesen Webshop nutzen zu können: <a href="https://www.microsoft.com/de-de/edge" target="_blank" class="alert-link">Edge<i class="fas fa-link alert-link ms-1"></i></a>, <a href="https://www.google.de/chrome/" target="_blank" class="alert-link">Chrome<i class="fas fa-link alert-link ms-1"></i></a>, <a href="https://www.mozilla.org/de/firefox/new/" target="_blank" class="alert-link">Firefox<i class="fas fa-link alert-link ms-1"></i></a>, <a href="https://www.opera.com/de/download" target="_blank" class="alert-link">Opera<i class="fas fa-link alert-link ms-1"></i></a> </p> </div> </div> <header id="header" class="sticky-top"> <div class="container py-2 py-md-3"> <div class="row"> <div class="col me-auto"> <div class="d-flex "> <a href="/" target="_self" class=""><img src="/uploads/cms/4edb580791379ea8cebfc7189f7df73db555558f.png" class="logo" alt="Logo Deutsche Wildtier Stiftung"></a> </div> </div> <div class="col-auto d-flex align-items-center justify-content-end"> <a href="/login" class="icon-text icon-user me-2"> <i class="fas fa-user fa-2x"></i> <small class="d-none d-xxxl-block mt-1">Mein Konto</small> </a> <a href="/cart" class="icon-text icon-cart"> <i class="fas fa-shopping-cart fa-2x"></i> <small class="d-none d-xxxl-block mt-1 text-nowrap">0 Artikel (0,00 €)</small> </a> <a href="#navbarToggler" class="icon-text icon-toggler d-block d-xxxl-none ms-2 collapsed" role="button" data-bs-toggle="collapse" data-target="#navbarToggler" aria-controls="navbarToggler" aria-expanded="false" aria-label="Toggle navigation"> <i class="fas fa-bars fa-2x fa-fw"></i> <i class="fas fa-xmark fa-2x fa-fw"></i> </a> </div> </div> </div> <nav class="menu-top navbar navbar-expand-xxxl py-0 py-xxxl-2"> <div class="collapse navbar-collapse" id="navbarToggler"> <div class="container"> <div class="row"> <div class="col"> <ul class="nav navbar-nav me-auto my-2 my-xxxl-0"> <li class="nav-item me-lg-2 "> <a class="nav-link " href="/category/3" data-seo="/category/3" data-type="article" target="_self" data-cy="Test_Articles" rel=""> Alle Tickets </a> </li> <li class="nav-item me-lg-2 "> <a class="nav-link " href="/category/12" data-seo="/category/12" data-type="article" target="_self" data-cy="Test_Articles" rel=""> Tickets Ausstellung </a> </li> <li class="nav-item me-lg-2 "> <a class="nav-link " href="/category/13" data-seo="/category/13" data-type="article" target="_self" data-cy="Test_Articles" rel=""> Tickets Naturfilm-Mittwoch </a> </li> <li class="nav-item me-lg-2 "> <a class="nav-link " href="/category/14" data-seo="/category/14" data-type="article" target="_self" data-cy="Test_Articles" rel=""> Kindergeburtstage </a> </li> <li class="nav-item me-lg-2 "> <a class="nav-link " href="/category/4" data-seo="/category/4" data-type="article" target="_self" data-cy="Test_Articles" rel=""> Veranstaltungen </a> </li> </ul> </div> </div> </div> </div> </nav> </header> <main id="content"> <section id="Title" class="jumbotron jumbotron-fluid bg-cover"> <div class="container"> <div class="row"> <div class="col"> <h1 class="page-title"> KINO: Operation Saimaa Seal </h1> <div class="page-subtitle"></div> </div> </div> </div> </section> <section id="Article" class="mb-4 pb-4 article-328"> <div class="container"> <div class="row justify-content-center"> <div class="col-images col-md-4"> <div class="article-image mb-3 mb-sm-4"> <img src="/uploads/articles/328/da8ba107d764a0f5ed63cb91b6f62a0e9a423805.jpg" alt="" class="img-fluid border rounded"> </div> </div> <div class="col-content col-md-8"> <div class="mb-4"> <p class="MsoNormal"><strong>Ein Film von Petteri Saario</strong></p> <p class="MsoNormal">Der Klimawandel stellt eine düstere Zukunft für die Saimaa-Ringelrobbe dar. Die Robbe braucht Schnee und Eis, um sich fortzupflanzen, aber in Zukunft könnte es im Winter auf dem Saimaa-See im Süden Finnlands weder Schnee noch Eis geben. Was wird mit der Robbe geschehen, wenn der Klimawandel ihre Lebensbedingungen zu zerstören droht? Die Forscher haben eine Lösung: Robbenkästen. Aber was für ein künstliches Nest wird die Robbe als ihr Zuhause akzeptieren? „Operation Saimaa Seal“ ist ein Dokumentarfilm über die Saimaa-Ringelrobbe, ihren faszinierenden Lebensraum im Saimaa-See und den unermüdlichen Einsatz von Forschern zur Rettung dieser stark bedrohten Art.</p> </div> <form action="/cart/328/add/group" id="article-form" data-cy="article-form" data-cy-type="group" method="post"> <template x-data="articleAttributesHandler()" x-init="addBundleOrGroupArticleToStore({ id: 328, name: 'KINO: Operation Saimaa Seal', price: 0, quantity: 1, type: 'group', })"></template> <div class="card mb-4 article-group"> <div class="card-header"> <h5>Bitte wählen Sie Ihre Artikel</h5> </div> <div class="card-body p-0"> <div class="table"> <div class="tbody"> <div class="row table-row" data-id="306"> <div class="col-12 col-sm col-name"> Ticket Kino Erw. 09.04.25 </div> <div class="col-auto col-qty"> <div class="input-group-quantity input-group input-group-sm mx-auto " x-data="quantityChangeHandler()" x-init="initHandler({ articleId: '306', articleType: 'virtual', customClass: 'qty_nullable', dynamicallyPriced: '', editableQty: '1', maxQty: '100', minQty: '0', name: 'Ticket Kino Erw. 09.04.25', price: '600', reslingArticle: '', reslingEventId: '', isSeatsioItem: '', }) "> <button class="button-minus btn btn-primary" x-on:click="decreaseQuantity()" type="button" data-cy="article-show-quantity-change-minus" data-cy-id="306" data-qty-id="306" data-cy-hash="a9b4ff5b" x-bind:disabled="Alpine.store('fullCalendarStore').isEventsLoading()" > <i class="bi bi-lg bi-dash-lg"></i> </button> <input x-model="currentQuantity" x-init="validateCurrentQuantity(0); $watch('$store.cartArticleContents.items', items => cartArticleContentsStoreChanged())" x-on:change="validateCurrentQuantity($event.target.value)" x-bind:disabled="Alpine.store('fullCalendarStore').isEventsLoading()" type="text" class="form-control text-center qty qty_nullable" value="0" name="qty[306]" id="qtyValue306" aria-label="Anzahl" data-bs-title="Anzahl" data-bs-toggle="tooltip" data-bs-placement="bottom" aria-describedby="button-refresh" data-cy="article-show-quantity-change-value" data-cy-id="306" data-cy-hash="a9b4ff5b" data-qty-id="qty-306" data-dependent-sale-article-ids="[]" data-price="600" data-min="0" data-max="100" > <button class="button-plus btn btn-primary" x-on:click="increaseQuantity()" type="button" data-cy="article-show-quantity-change-plus" data-cy-id="306" data-cy-hash="a9b4ff5b" data-qty-id="306" x-bind:disabled="Alpine.store('fullCalendarStore').isEventsLoading()" > <i class="bi bi-lg bi-plus-lg"></i> </button> </div> </div> <div class="col col-sm-auto col-price"> 6,00 € </div> </div> <div class="row table-row" data-id="298"> <div class="col-12 col-sm col-name"> Ticket Kino Erm./Kind 09.04.25 </div> <div class="col-auto col-qty"> <div class="input-group-quantity input-group input-group-sm mx-auto " x-data="quantityChangeHandler()" x-init="initHandler({ articleId: '298', articleType: 'virtual', customClass: 'qty_nullable', dynamicallyPriced: '', editableQty: '1', maxQty: '100', minQty: '0', name: 'Ticket Kino Erm./Kind 09.04.25', price: '400', reslingArticle: '', reslingEventId: '', isSeatsioItem: '', }) "> <button class="button-minus btn btn-primary" x-on:click="decreaseQuantity()" type="button" data-cy="article-show-quantity-change-minus" data-cy-id="298" data-qty-id="298" data-cy-hash="df472e6" x-bind:disabled="Alpine.store('fullCalendarStore').isEventsLoading()" > <i class="bi bi-lg bi-dash-lg"></i> </button> <input x-model="currentQuantity" x-init="validateCurrentQuantity(0); $watch('$store.cartArticleContents.items', items => cartArticleContentsStoreChanged())" x-on:change="validateCurrentQuantity($event.target.value)" x-bind:disabled="Alpine.store('fullCalendarStore').isEventsLoading()" type="text" class="form-control text-center qty qty_nullable" value="0" name="qty[298]" id="qtyValue298" aria-label="Anzahl" data-bs-title="Anzahl" data-bs-toggle="tooltip" data-bs-placement="bottom" aria-describedby="button-refresh" data-cy="article-show-quantity-change-value" data-cy-id="298" data-cy-hash="df472e6" data-qty-id="qty-298" data-dependent-sale-article-ids="[]" data-price="400" data-min="0" data-max="100" > <button class="button-plus btn btn-primary" x-on:click="increaseQuantity()" type="button" data-cy="article-show-quantity-change-plus" data-cy-id="298" data-cy-hash="df472e6" data-qty-id="298" x-bind:disabled="Alpine.store('fullCalendarStore').isEventsLoading()" > <i class="bi bi-lg bi-plus-lg"></i> </button> </div> </div> <div class="col col-sm-auto col-price"> 4,00 € </div> </div> </div> <div class="row table-row-sum"> <div class="col">Gesamtpreis</div> <div class="col col-price"> <span data-cy="article-show-sum" data-cy-id="328" data-cy-hash="1732b9d1"> <span x-data="cartPriceSum()" x-init="$watch('$store.cartArticleContents', () => { updateTotalPrice() }); updateTotalPrice()" x-text="getTotalPriceAsString()"></span> € </span> </div> </div> <div class="row table-row" x-data="cartPriceSum()" x-init="$watch('$store.cartArticleContents', () => { updateTotalPrice() }); " > <template style="padding: 0 !important;" x-for="dependentSale in getGroupedDependentSaleArticles()"> <template x-if="dependentSale.quantity > 0" style="padding: 0 !important;"> <div class="col border-bottom-0" style="padding-top: 0!important;"> <small> inkl. <span x-text="getDependentSalePriceAsString(dependentSale)" class="dependent-sale-price" x-data-dependent-sale-article-id="dependentSale.article.id" > </span> € für <span x-text="dependentSale.name"></span> </small> </div> </template> </template> </div> </div> </div> </div> <template x-data="{ handler: articleAttributesHandler(), renderer: attributeTemplates() }" x-if="handler.anyArticleHasVisibleAttributes()"> <div class="card mb-3 article-attributes"> <div class="card-header"> <h5 class="mb-0" x-html=" handler.getAttributesBoxTitle({ articleId: 328, defaultBoxTitle: 'Bitte wählen Sie Ihre Optionen', }) "> </h5> </div> <div class="card-body"> <div class="form-content"> <template x-for="(article, i) in handler.buildArticlesArrayFromStore()"> <template x-if="handler.articleHasVisibleAttributes(article.id)"> <div class="article-attributes-group-container"> <template x-if="handler.getLocalIteration(i) === 1"> <h5 x-html="handler.getAttributesGroupTitle(article)"></h5> </template> <div class="article-attributes-group"> <template x-if="article.quantity > 1"> <div class="group-number-container"> <div class="group-number"><h6 x-html="`Artikel ${handler.getLocalIteration(i)}`"></h6></div> </div> </template> <template x-for="attribute in handler.getAttributesForArticle(article)"> <div class="form-group row" x-html="renderer.renderAttribute(article, attribute, i)"></div> </template> </div> </div> </template> </template> </div> <div class="text-small mt-2" x-show="handler.anyArticleHasRequiredAttributes()"> *) Pflichtfelder </div> </div> </div> </template> <script> $(function () { const form = document.querySelector('#article-form'); const submitButton = document.querySelector('#addToCart'); const popoverSubmit = bootstrap.Popover.getOrCreateInstance('#addToCart'); const unfocusEventListener = getMobileOS() === 'iOS' ? 'mouseout' : 'blur'; form.classList.add('needs-validation'); form.setAttribute('novalidate', 'novalidate'); form.addEventListener('submit', event => { if (!form.checkValidity()) { popoverSubmit.show(); event.preventDefault() event.stopPropagation() } else { // Disable add to cart button on submit to prevent multiple clicks submitButton.setAttribute('disabled', 'disabled'); } form.classList.add('was-validated'); }, false) submitButton.addEventListener(unfocusEventListener, (event) => { popoverSubmit.hide(); }); }); </script> <div class="row" x-data="cartSubmitButton()" x-init="initHandler({ isSellable: '1', cartContainsSeatsioHoldToken: '', })"> <div class="col"> <span id="cart-button-popover" class="d-inline-block float-end btn-popover" role="button" tabindex="0" x-ref="popoverElement" x-effect=" !isDisabled() ? bootstrap.Popover.getOrCreateInstance($refs.popoverElement).disable() : bootstrap.Popover.getOrCreateInstance($refs.popoverElement).enable()" data-bs-toggle="popover" data-bs-trigger="focus" data-bs-placement="left" data-bs-custom-class="popover-primary" data-bs-content="Sie müssen mindestens einen Artikel auswählen." data-bs-title="Auswahl unvollständig!" > <button x-bind:disabled="isDisabled()" data-cy="article-show-submit-button" data-cy-id="328" data-cy-hash="1732b9d1" id="addToCart" type="submit" class="btn btn-primary float-end" data-bs-toggle="popover" data-bs-trigger="manual" data-bs-placement="left" data-bs-custom-class="popover-primary" data-bs-content="Bitte füllen Sie alle Felder aus." data-bs-title="Auswahl unvollständig!" > In den Warenkorb<svg xmlns="http://www.w3.org/2000/svg" class="svg-inline icon-sm ms-2" style="height: 1em;" viewBox="0 0 320 512"><path fill="currentColor" d="M310.6 233.4c12.5 12.5 12.5 32.8 0 45.3l-192 192c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L242.7 256 73.4 86.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l192 192z"></path></svg> </button> </span> </div> </div> </form> <div class="mt-4"> <h4>Weitere Informationen </h4> <p>Vorstellung am Mittwoch, 9. April 2025, 18:30 Uhr</p> <p>Dauer des Angebots etwa 70 Minuten</p> <p>Sprache: Finnisch mit englischen Untertiteln</p> </div> </div> </div> </div> </section> <!-- eslint-disable --> <template x-data="cartCalendarUpdater()" x-init=" initHandler({ isDynamicallyPriced: '', reslingArticle: '', isSeatsioItem: '', }); $watch('$store.cartArticleContents.items', () => { cartQuantitiesChangeHandler() }) "> </template> </main> <footer id="footer" class=""> <div class="container py-4"> <div class="row"> <div class="col"> <img src="/uploads/cms/125b89234a217b3313b414183d748a6665e9fb5a.svg" class="logo mb-3" alt="Logo Deutsche Wildtier Stiftung"> <p class="mb-0"> Deutsche Wildtier Stiftung<br> Lucy-Borchardt-Straße 2<br> 20457 Hamburg<br> Tel. 040 970 78 69-0<br> info@deutschewildtierstiftung.de </p> </div> <div class="col d-none"> </div> <div class="col-sm-6 d-flex justify-content-sm-end align-items-sm-end pt-4 pt-sm-0"> <ul class="nav flex-column"> <li class="nav-item"> <a class="nav-link" href="/terms/" > Allgemeine Geschäftsbedingungen </a> </li> <li class="nav-item"> <a class="nav-link" href="/privacy/" > Datenschutz </a> </li> <li class="nav-item"> <a class="nav-link" href="/imprint/" > Impressum </a> </li> </ul> </div> <div class="col-12 text-center pt-4 px-5 px-sm-0 order-last"> <small>© 2025 Botschaft der Wildtiere | powered by entervo access & HKS Systeme GmbH</small> </div> </div> </div> </footer> <!-- eslint-disable --> <script> if( /Trident/i.test(navigator.userAgent) ) { console.log('Incompatible browser detected: '+navigator.userAgent); var browserWarning = true; document.getElementById('browser-warning').style.display = 'block'; } </script> <script> const tooltipTriggerList = document.querySelectorAll('[data-bs-toggle="tooltip"]') const tooltipList = [...tooltipTriggerList].map(tooltipTriggerEl => new bootstrap.Tooltip(tooltipTriggerEl)) const popoverTriggerList = document.querySelectorAll('[data-bs-toggle="popover"]'); const popoverList = [...popoverTriggerList].map(popoverTriggerEl => new bootstrap.Popover(popoverTriggerEl)); const getMobileOS = () => { const ua = navigator.userAgent if (/android/i.test(ua)) { return "Android" } else if ((/iPad|iPhone|iPod/.test(ua)) || (navigator.platform === 'MacIntel' && navigator.maxTouchPoints > 1)) { return "iOS" } return "Other" } </script> <script src="/build/fullcalendar.68ee2271.js" defer></script> <script src="/build/v10-reservation.d87b0373.js" defer></script> </body> </html>