<!DOCTYPE html>
<html lang="de" dir="ltr">
<head>
<title>PASCH-Initiative</title>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="user-scalable=yes, width=device-width, initial-scale=1, maximum-scale=5, minimum-scale=1, shrink-to-fit=no">
<meta name="HandheldFriendly" content="true">
<meta name="audience" content="all">
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
<meta name="mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-capable" content="yes">
<!-- $$customhtml:metaTags$$ -->
<meta name="description" content="Die PASCH-Initiative vernetzt weltweit mehr als 2.000 Schulen, an denen Deutsch einen besonders hohen Stellenwert hat." />
<meta name="google-site-verification" content="tF7mNx-zAQw66syVhusl8pCTbI3gm7rf3FOoRLfcq1s" />
<!-- $$customhtml:canonicalLinks$$ -->
<style>.container{width:100%;padding-right:20px;padding-left:20px;margin-right:auto;margin-left:auto}.row{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:-10px;margin-left:-10px}*,:after,:before{-moz-box-sizing:border-box;box-sizing:border-box}body{font-family:EuclidCircularA-Regular,Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;line-height:19px;color:#1b1b1d;background-color:#fff;padding-top:65px}#nav-background,#overlay,.container-search,.skip-navigation,.slider-wrapper,ul.sub{opacity:0}#lang-list,#nav-lang{display:none}.trigger-nav{border:none}.filter-wrapper{-webkit-transform:translateX(-100%);-ms-transform:translateX(-100%);transform:translateX(-100%)}.trigger-search.icon{position:fixed;right:20px;bottom:25px;width:50px;height:50px;background:#2962ff}.trigger-search.icon img{position:absolute;width:32px;height:32px;top:50%;left:50%;-webkit-transform:translateX(-50%) translateY(-50%);-ms-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%)}#navigation{position:fixed;top:0;left:0;width:100%;height:65px;background:#fff;z-index:4!important;box-shadow:0 2px 12px rgba(0,0,0,.1)}#navigation .container,#navigation .row{position:relative;height:100%}#navigation #nav-logo{position:relative;width:auto;padding:5px 10px 10px;z-index:3}#navigation #nav-logo a{display:block;width:64px;height:50px;outline:0;box-shadow:none}#navigation #nav-logo img{height:100%;width:auto}#navigation #nav-logo img.mobile{display:block}#navigation #nav-logo img.desktop{display:none}#navigation a.is-focus,#navigation a:focus,#navigation button.is-focus,#navigation button:focus,#navigation span.is-focus,#navigation span:focus{outline:none}#navigation.is-keyboard a.is-focus,#navigation.is-keyboard a:focus,#navigation.is-keyboard button.is-focus,#navigation.is-keyboard button:focus,#navigation.is-keyboard span.is-focus,#navigation.is-keyboard span:focus{outline:2px solid #fff;outline-offset:4px;box-shadow:none}#navigation #nav-icons{position:absolute;height:65px;cursor:pointer;z-index:3;right:-14px;top:0}#navigation #nav-icons .trigger-nav{position:absolute;display:inline-block;right:0;top:0;width:75px;height:100%;padding:0;background:transparent;max-width:none;-webkit-transition:outline 0s linear;transition:outline 0s linear}#navigation #nav-icons .trigger-nav.is-focus,#navigation #nav-icons .trigger-nav:focus{outline-offset:-15px;outline-color:#04f;outline-width:2px}#navigation #nav-icons .trigger-nav .icon{position:absolute;width:30px;height:30px;top:50%;right:24px;margin-top:-15px}#navigation #nav-icons .trigger-nav .icon .line{position:relative;width:30px;height:3px;background:#1b1b1d;top:50%;margin-top:-3px;border-radius:1.5px;left:0}#navigation #nav-icons .trigger-nav .icon .line:after,#navigation #nav-icons .trigger-nav .icon .line:before{content:"";position:absolute;width:30px;height:3px;background:#1b1b1d;border-radius:1.5px;left:0}#navigation #nav-icons .trigger-nav .icon .line:before{top:-7px}#navigation #nav-icons .trigger-nav .icon .line:after{top:7px}#navigation #nav-list{display:none;position:fixed;width:100%;height:100%;background:#ef5762;font-size:0;top:0;left:0;z-index:2;top:-500%}#navigation #nav-list .menu-link{display:block;width:100%}#navigation #nav-list .menu-link.trigger{position:absolute;width:50px;height:50px;background:transparent;left:-50px;top:-10px}#navigation #nav-list button{position:static;min-height:0}#navigation #nav-list ul{list-style:none;padding-top:45px;padding-left:28px;padding-right:28px}#navigation #nav-list ul.secondary{padding-top:25px;padding-bottom:0}#navigation #nav-list ul.secondary li.account:not(.logged-in){padding-bottom:25px;margin-left:0!important}#navigation #nav-list ul.secondary li.account:not(.logged-in) img{display:none;margin-top:-2px;margin-right:15px;vertical-align:middle;border-style:none}#navigation #nav-list ul.secondary li.account:not(.logged-in) img.is-mobile{display:inline-block;position:absolute;margin-top:3px}#navigation #nav-list ul.secondary li.account:not(.logged-in) a{display:block;padding-left:40px;opacity:1!important}#navigation #nav-list ul.social{display:none}#navigation #nav-list li{position:relative;padding-bottom:30px;margin-bottom:0}#navigation #nav-list li a,#navigation #nav-list li button,#navigation #nav-list li span{text-decoration:none;-webkit-transition:opacity .23s cubic-bezier(.75,.1,.175,1);transition:opacity .23s cubic-bezier(.75,.1,.175,1);font-family:EuclidCircularA-Semibold,Helvetica,Arial,sans-serif;font-size:20px;line-height:25px;color:#1b1b1d;opacity:1;cursor:pointer}#navigation #nav-list li a:before,#navigation #nav-list li button:before,#navigation #nav-list li span:before{content:"";position:absolute;bottom:-33px;width:100%;height:6px;opacity:0;left:0;pointer-events:none;-webkit-transition:background .13s cubic-bezier(.75,.1,.175,1);transition:background .13s cubic-bezier(.75,.1,.175,1)}#navigation #nav-list li a.has-sub,#navigation #nav-list li button.has-sub,#navigation #nav-list li span.has-sub{background:none;border:none;text-align:left;padding:0;margin-left:0}#navigation #nav-list li img{display:inline-block}#navigation #nav-list ul.sub{display:none;background:transparent;padding:30px 0 0;opacity:1;overflow:hidden;padding-right:8px}#navigation #nav-list ul.sub:after{display:none}#navigation #nav-list ul.sub.is-open{display:block!important}#navigation #nav-list ul.sub li{display:block;margin-left:0!important;text-align:left;padding-bottom:30px;padding-left:30px}#navigation #nav-list ul.sub li:last-child{padding-bottom:0}#navigation #nav-list ul.sub li a{word-break:break-word;opacity:1;-webkit-transition:opacity .13s cubic-bezier(.75,.1,.175,1);transition:opacity .13s cubic-bezier(.75,.1,.175,1)}.breadcrumb-wrapper{position:absolute;display:block;z-index:1}.breadcrumb-wrapper a{display:inline-block;position:relative;text-decoration:none;font-family:EuclidCircularA-Semibold,Helvetica,Arial,sans-serif;margin-top:20px;margin-left:35px}.breadcrumb-wrapper a:before{content:"";display:block;position:absolute;background:url(../img/icons/icon-arrow-black.svg);background-size:contain;background-repeat:no-repeat;-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);margin-left:-35px;width:20px;bottom:6px;height:10px}.breadcrumb-wrapper.white a{color:#fff}.breadcrumb-wrapper.black a{color:#1b1b1d}@media (min-width:576px){.container{max-width:540px}.trigger-search.icon{right:25px;bottom:25px;border-radius:4px}#navigation #nav-list{max-width:375px;right:-100%;left:auto}}@media (min-width:768px){.container{max-width:720px}}@media (min-width:1024px){.container{padding-right:40px;padding-left:40px;max-width:1280px}.row{margin-right:-20px;margin-left:-20px}#navigation #nav-logo{padding:5px 20px 10px}#navigation #nav-icons{right:0}}@media (min-width:1280px){.container{max-width:1380px}body{padding-top:90px}#navigation{height:90px}#navigation #nav-logo{height:90px;padding:15px 0 15px 20px}#navigation #nav-logo a{width:77px;height:60px}#navigation #nav-logo img.mobile{display:none}#navigation #nav-logo img.desktop{display:block}#navigation.is-keyboard a.is-focus,#navigation.is-keyboard a:focus,#navigation.is-keyboard button.is-focus,#navigation.is-keyboard button:focus,#navigation.is-keyboard span.is-focus,#navigation.is-keyboard span:focus{outline-color:#04f}#navigation #nav-icons{display:none}#navigation #nav-list{display:-webkit-box!important;display:-webkit-flex!important;display:-moz-box!important;display:-ms-flexbox!important;display:flex!important}#navigation #nav-list .menu-link.trigger{display:none}#navigation #nav-list{height:90px!important;position:relative;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-flex:1;-webkit-flex:1;-moz-box-flex:1;-ms-flex:1;flex:1;opacity:1;visibility:visible;width:auto;text-align:right;margin-top:0;left:auto;right:auto;-webkit-transform:none!important;-ms-transform:none!important;transform:none!important;-webkit-transition:none!important;transition:none!important;top:0;background:#fff;max-width:none}#navigation #nav-list ul{display:inline-block;margin-top:37px;padding-top:0;padding-left:0;padding-bottom:0;margin-left:auto;margin-left:0}#navigation #nav-list ul.secondary{padding-top:0;padding-right:20px}#navigation #nav-list ul.secondary li.account:not(.logged-in) img{display:inline-block}#navigation #nav-list ul.secondary li.account:not(.logged-in) img.is-mobile{display:none}#navigation #nav-list ul.secondary li.account:not(.logged-in) img{margin-top:-12px;margin-right:15px}#navigation #nav-list ul.secondary li.account:not(.logged-in) a{width:auto;margin-left:0;display:inline-block;padding-left:0}#navigation #nav-list ul.secondary li.account:not(.logged-in) a:after{display:none}#navigation #nav-list li{display:inline-block;padding-bottom:0;margin-left:40px;border:none}#navigation #nav-list li a,#navigation #nav-list li button,#navigation #nav-list li span{font-family:EuclidCircularA-Bold,Helvetica,Arial,sans-serif;font-size:16px;line-height:20px;color:#1b1b1d}#navigation #nav-list li a.is-current:before,#navigation #nav-list li button.is-current:before,#navigation #nav-list li span.is-current:before{opacity:1!important}#navigation #nav-list li a.has-sub,#navigation #nav-list li button.has-sub,#navigation #nav-list li span.has-sub{left:0;margin-left:0}#navigation #nav-list ul.sub{position:absolute;top:53px;left:-30px;background:#fff;padding:0 30px;margin-top:0;border-bottom-right-radius:4px;border-bottom-left-radius:4px;overflow:hidden;box-shadow:inset 0 2px 12px rgba(0,0,0,.1)}#navigation #nav-list ul.sub li{padding-bottom:20px;padding-left:0}#navigation #nav-list ul.sub li:first-child{padding-top:40px}#navigation #nav-list ul.sub li:last-child{padding-bottom:40px}#navigation #nav-list ul.sub li a{white-space:nowrap;word-break:none;display:block;position:relative;-webkit-transition:color .13s cubic-bezier(.75,.1,.175,1);transition:color .13s cubic-bezier(.75,.1,.175,1)}#navigation #nav-list ul.sub li a.is-close{color:#737578}#navigation #nav-list ul.sub li a.is-active,#navigation #nav-list ul.sub li a.is-hover,#navigation #nav-list ul.sub li a:hover{color:#1b1b1d}body[data-ui=orange] .menu-link:before{background:#f39759!important}body[data-ui=red] .menu-link:before{background:#ef5762!important}body[data-ui=green] .menu-link:before{background:#8bd592!important}body[data-ui=purple] .menu-link:before{background:#cf8bd5!important}body[data-ui=blue] .menu-link:before{background:#7fb7ec!important}body[data-ui=yellow] .menu-link:before{background:#f1c33f!important}.breadcrumb-wrapper a{margin-top:30px}}@media (min-width:1440px){.container{max-width:1410px}}@media (max-width:1279.98px){#navigation .container{max-width:none;padding-left:20px;padding-right:20px}#navigation #nav-list{overflow:scroll;-webkit-overflow-scrolling:touch;overflow-x:hidden}#navigation #nav-list li{margin-left:25px!important}#navigation #nav-list li a.is-close,#navigation #nav-list li button.is-close,#navigation #nav-list li span.is-close{color:#1b1b1dab}#navigation #nav-list li a.is-close:after,#navigation #nav-list li a.is-close:before,#navigation #nav-list li button.is-close:after,#navigation #nav-list li button.is-close:before,#navigation #nav-list li span.is-close:after,#navigation #nav-list li span.is-close:before{background:#1b1b1dab!important}#navigation #nav-list li a.is-active,#navigation #nav-list li a.is-hover,#navigation #nav-list li a:hover,#navigation #nav-list li button.is-active,#navigation #nav-list li button.is-hover,#navigation #nav-list li button:hover,#navigation #nav-list li span.is-active,#navigation #nav-list li span.is-hover,#navigation #nav-list li span:hover{color:#1b1b1d}}</style>
<link rel="stylesheet" href="../assets/css/bootstrap.css">
<link rel="stylesheet" href="../assets/css/quiz.css">
<link rel="stylesheet" href="../assets/css/fonts.css">
<link rel="stylesheet" href="../assets/css/rtl.css">
<link rel="stylesheet" href="../assets/css/placeholder-loading.min.css">
<link rel="stylesheet" href="../assets/css/custom_fancybox.css">
<link rel="stylesheet" type="text/css" href="/resources/relaunch/js/bitmovin/bitmovinplayer-ui.css">
<link rel="stylesheet" type="text/css" href="/resources/relaunch/js/bitmovin/bitmovinplayer-ui-custom.gimin.css">
<link rel="stylesheet" type="text/css" href="/resources/relaunch/js/swiper/swiper-bundle.min.css">
<script src="/resources/relaunch/js/audio/audio_player.gimin.js" defer></script>
<script src="/resources/relaunch/js/bitmovin/modules/bitmovinplayer-core.js" defer></script>
<script src="/resources/relaunch/js/bitmovin/modules/bitmovinplayer-engine-native.js" defer></script>
<script src="/resources/relaunch/js/bitmovin/modules/bitmovinplayer-engine-bitmovin.js" defer></script>
<script src="/resources/relaunch/js/bitmovin/modules/bitmovinplayer-mserenderer.js" defer></script>
<script src="/resources/relaunch/js/bitmovin/modules/bitmovinplayer-abr.js" defer></script>
<script src="/resources/relaunch/js/bitmovin/modules/bitmovinplayer-dash.js" defer></script>
<script src="/resources/relaunch/js/bitmovin/modules/bitmovinplayer-xml.js" defer></script>
<script src="/resources/relaunch/js/bitmovin/modules/bitmovinplayer-container-mp4.js" defer></script>
<script src="/resources/relaunch/js/bitmovin/modules/bitmovinplayer-container-ts.js" defer></script>
<script src="/resources/relaunch/js/bitmovin/modules/bitmovinplayer-hls.js" defer></script>
<script src="/resources/relaunch/js/bitmovin/modules/bitmovinplayer-polyfill.js" defer></script>
<script src="/resources/relaunch/js/bitmovin/modules/bitmovinplayer-style.js" defer></script>
<script src="/resources/relaunch/js/bitmovin/modules/bitmovinplayer-subtitles.js" defer></script>
<script src="/resources/relaunch/js/bitmovin/modules/bitmovinplayer-subtitles-vtt.js" defer></script>
<script src="/resources/relaunch/js/bitmovin/modules/bitmovinplayer-subtitles-cea608.js" defer></script>
<script src="/resources/relaunch/js/bitmovin/modules/bitmovinplayer-subtitles-native.js" defer></script>
<script src="/resources/relaunch/js/bitmovin/bitmovinplayer-ui.js" defer></script>
<script src="/resources/relaunch/js/bitmovin/bitmovinplayer-init.js" defer></script>
<script src="/resources/relaunch/js/swiper/swiper-bundle.min.js" defer></script>
<script src="/resources/relaunch/js/lib/vue-2.6.14.js" defer></script>
<script src="/resources/relaunch/js/ajax_service.gimin.js" defer></script>
<script type="application/ld+json">{"@context": "https://schema.org","@graph": [{"thumbnailUrl":"https://www.goethe.de/resources/files/jpg1432/krummer-hund_standbild_1224x816.jpg","copyrightNotice":"© Daniela Račková, Oliver Halák und Matúš Goda","contentUrl":"https://goethemediadd-prod.akamaized.net/a1fd3b84-9d36-4976-8fe8-fb91f1ede3d4-1770047892828/a1fd3b84-9d36-4976-8fe8-fb91f1ede3d4-1770047892828.mp4","@type":"VideoObject","uploadDate":"2026-02-02T17:02:34+01:00","name":" ","description":""}]}</script>
<!-- $$customhtml:jsonSEOstring$$ -->
<link media="all" rel="stylesheet" href="../assets/css/main-mobile.css?rel=8546285" as="style">
<link media="all and (min-width: 576px)" rel="stylesheet" href="../assets/css/main-tablet.css" as="style">
<link media="all and (min-width: 1024px)" rel="stylesheet" href="../assets/css/main-desktop.css" as="style">
<link rel="stylesheet" href="../assets/css/custom_pasch.css">
<link rel="stylesheet" href="../assets/css/pasch-school.gimin.css">
<link rel="stylesheet" href="../assets/css/subobjects.gimin.css">
<link rel="stylesheet" href="../assets/css/modal-form.gimin.css">
<link rel="apple-touch-icon" sizes="180x180" href="../assets/img/favicon/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="../assets/img/favicon/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="../assets/img/favicon/favicon-16x16.png">
<link rel="manifest" href="../assets/img/favicon/site.webmanifest">
<link rel="shortcut icon" href="../assets/img/favicon/favicon.ico">
<meta name="msapplication-TileColor" content="#ffffff">
<meta name="msapplication-config" content="../assets/img/favicon/browserconfig.xml">
<meta name="theme-color" content="#ffffff">
<meta data-name="page-id" data-content="959319">
<meta data-name="site-id" data-content="202179">
<!-- $$customhtml:headLinks$$ -->
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:domain" content="pasch-net.de" />
<meta name="twitter:site" content="@paschnet" />
<meta property="og:type" content="article" />
<meta property="og:url" content="https://www.pasch-net.de/de/index.html" />
<meta property="og:title" content="PASCH-Initiative" />
<meta property="og:locale" content="de_DE" />
<meta property="og:site_name" content="PASCH-Initiative" />
<meta property="og:description" content="Stellt euer Team vor und löst jeden Monat eine neue Aufgabe. Die besten Beiträge werden prämiert. Am Jahresende habt ihr die Chance auf den Hauptpreis." />
<style>
#page-wrapper{opacity:1!important}
.hide {display:none !important;}
</style>
<style type="text/css">
nav#navigation #nav-lang span { display: none; }
</style>
<script src="../assets/js/lib/jquery-3.6.0.min.js"></script>
<script src="../assets/js/onw.js"></script>
<script src="/resources/js/loadCSS.min.js"></script>
<!-- here to ensure a non-blocking load still occurs in IE and Edge, even if scripts follow loadCSS in head-->
<style></style>
<!-- no javascript-->
<noscript>
<link rel="stylesheet" href="../assets/css/bootstrap.css">
<link rel="stylesheet" href="../assets/css/main.css">
<link rel="stylesheet" href="../assets/css/fonts.css">
<link rel="stylesheet" href="../assets/css/rtl.css">
<link rel="stylesheet" href="../assets/css/placeholder-loading.min.css">
<link rel="stylesheet" href="../assets/css/custom_pasch.css">
<link rel="stylesheet" href="../assets/css/pasch-school.gimin.css">
<link rel="stylesheet" href="../assets/css/subobjects.gimin.css">
<link rel="stylesheet" href="../assets/css/modal-form.gimin.css">
<!-- overwrite stylings-->
<style>#page-wrapper{opacity:1!important}</style>
</noscript>
<script src="../assets/js/0.js" defer="defer"></script>
<script>
window._bundleConfig = {};
</script>
<!-- $$customhtml:headScripts$$ -->
<!-- BEGIN Usercentrics related code -->
<link rel="preconnect" href="//app.usercentrics.eu" />
<link rel="preconnect" href="//api.usercentrics.eu" />
<link rel="preconnect" href="//privacy-proxy.usercentrics.eu" />
<link rel="preload" href="//app.usercentrics.eu/browser-ui/latest/loader.js" as="script" />
<link rel="preload" href="//privacy-proxy.usercentrics.eu/latest/uc-block.bundle.js" as="script" />
<script id="usercentrics-cmp" data-language="de" data-settings-id="ukE-HQTvS" src="https://app.usercentrics.eu/browser-ui/latest/loader.js" async></script>
<meta data-privacy-proxy-server="https://privacy-proxy-server.usercentrics.eu">
<script type="application/javascript" src="https://privacy-proxy.usercentrics.eu/latest/uc-block.bundle.js"></script>
<script>
// The following services are not blocked:
uc.deactivateBlocking([
'rJOZc4jOiWQ', // Webtrekk
'Ouzxu26Rv', // Mapp Intelligence Full Feature Tracking
'Hko_qNsui-Q', // reCAPTCHA
'SkdccNsdj-X' // Btmvn
]);
// The page is reloaded after opting in to the following services:
uc.reloadOnOptIn('U8QkTd2W'); // Mapbox
uc.reloadOnOptIn('S1pcEj_jZX'); // Google Maps
uc.reloadOnOptIn('RO1d0uR2fCybGj'); // MapTiler
uc.reloadOnOptIn('lZ1Yj0x9eu-o4J'); // Stationista
// The page is reloaded after opting out of the following services:
uc.reloadOnOptOut('U8QkTd2W'); // Mapbox
uc.reloadOnOptOut('S1pcEj_jZX'); // Google Maps
// Custom elements to block
uc.blockElements({
'RO1d0uR2fCybGj': '.map-maptiler', // MapTiler
'lZ1Yj0x9eu-o4J': '.embedded-code-stationista' // Stationista
});
</script>
<!-- END Usercentrics related code -->
<!-- IMPORTANT: all other scripts are added **after** the Smart Data Protector -->
<!-- Webtrekk 5.CONTENS, (c) www.webtrekk.de -->
<script type="text/plain" data-usercentrics="Mapp Intelligence Full Feature Tracking" src="../assets/js/tiLoader.min.js"></script>
<script type="text/plain" data-usercentrics="Mapp Intelligence Full Feature Tracking">
window._ti = window._ti || {};
window._ti["linkTrack"] = "standard";
window._ti["contentId"] = "www_pasch-net_de.de.index";
window._ti["contentGroup"] = {"18":"0","15":"PASCH-Initiative","2":"index","9":"Länderübergreifend","10":"PASCH-net Relaunch (WA)","1":"www.pasch-net.de"};
window._ti["customParameter"] = {"17":"202179","16":"2","14":"959319","1":"de"};
</script>
<script>
/* Form tracking */
function webtrekkWatchAllForm() {
if (!window.wts) {
return setTimeout(webtrekkWatchAllForm, 500)
}
$("form").each(function () {
var $form = $(this);
if (typeof $form[0].dataset.beingTracked != 'undefined' && $form[0].dataset.beingTracked === 'true') {
window.wts.push(['multipleFormTrackInstall', $form[0]]);
}
})
console.log("Watched All Forms")
}
setTimeout(webtrekkWatchAllForm, 500)
/* ------------- */
/* File tracking */
function trackDownloadLink(link) {
if (!link.href)
return;
const filePath = link.href
.substring(link.href.indexOf('/') + 2)
.replaceAll(".", "_")
.replaceAll("/", ".");
link.addEventListener("click", () => {
if (typeof window.wt !== "undefined" && typeof window.wt.sendinfo === "function") {
window.wt.sendinfo({linkId: filePath});
}
});
}
document.addEventListener("DOMContentLoaded", () => {
document
.querySelectorAll("a[data-filetracking=true]")
.forEach(link => trackDownloadLink(link));
});
/* ------------- */
</script>
<!-- /Webtrekk 5.CONTENS -->
<!-- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Last Update: 2026-03-16 15:18 (Generated: 2026-03-16 15:21, Published: 2026-03-16 15:20) index.html (PID: 959319 / FID: 21149642 / HTML / Public / de)
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -->
<meta name="CONTENS CMS" property="pid" content="959319" />
</head>
<body data-ui="0" dir="ltr">
<a href="#page-wrapper" aria-label="Zum Hauptinhalt springen" class="skip-navigation">Zum Hauptinhalt springen</a>
<header id="navigation">
<div class="container no-userselect">
<div class="row">
<div id="nav-logo">
<a class="logo-link" href="/de/index.html" alt="" title="Zur Startseite">
<img class="mobile" src="../assets/img/logos/logo-mobile.svg" width="64" height="50" title="Zur Startseite" alt="Logo der PASCH-Initiative">
<img class="desktop" src="../assets/img/logos/logo-desktop.svg" width="77" height="60" title="Zur Startseite" alt="Logo der PASCH-Initiative">
</a>
</div>
<div class="no-userselect" id="nav-icons">
<button class="trigger-nav" aria-label="Navigation öffnen oder schließen">
<div class="icon" tabIndex="-1">
<div class="line"></div>
</div>
</button>
</div>
<div id="nav-background"></div>
<div id="nav-list">
<ul class="main" aria-label="Haupt-Navigation">
<li><a class="menu-link " href="../de/lernmaterial.html" >Lernmaterial</a></li>
<li><a class="menu-link " href="../de/wettbewerbe.html" >Wettbewerbe</a></li>
<li>
<div class="menu-link has-sub trigger"></div>
<button class="menu-link has-sub ">Projekte</button>
<ul class="sub">
<li><a class="menu-link is-sub" href="../de/projekte/schuelerblog.html" >Schülerblog</a></li>
<li><a class="menu-link is-sub" href="../de/projekte/projekte-weltweit.html" >Projekte weltweit</a></li>
<li><a class="menu-link is-sub" href="../de/projekte/jugendkurse-in-deutschland.html" >Jugendkurse in Deutschland</a></li>
</ul>
</li>
<li>
<div class="menu-link has-sub trigger"></div>
<button class="menu-link has-sub ">Ausbildung und Studium</button>
<ul class="sub">
<li><a class="menu-link is-sub" href="../de/ausbildung-und-studium/infos-zum-studium.html" >Infos zum Studium in Deutschland</a></li>
<li><a class="menu-link is-sub" href="../de/ausbildung-und-studium/infos-zur-ausbildung.html" >Infos zur Ausbildung in Deutschland</a></li>
<li><a class="menu-link is-sub" href="../de/ausbildung-und-studium/stipendien.html" >Stipendien</a></li>
<li><a class="menu-link is-sub" href="../de/ausbildung-und-studium/alumni-berichten.html" >Erfahrungsberichte</a></li>
</ul>
</li>
<li>
<div class="menu-link has-sub trigger"></div>
<button class="menu-link has-sub ">Schulen</button>
<ul class="sub">
<li><a class="menu-link is-sub" href="../de/pasch-schulen/weltkarte.cfm" >Weltkarte</a></li>
<li><a class="menu-link is-sub" href="../de/pasch-schulen/schulportraets.html" >Schulporträts</a></li>
<li><a class="menu-link is-sub" href="../de/pasch-schulen/schulpartnerschaften.html" >Schulpartnerschaften</a></li>
<li><a class="menu-link is-sub" href="../de/pasch-schulen/praktika.html" >Praktika</a></li>
</ul>
</li>
<li>
<div class="menu-link has-sub trigger"></div>
<button class="menu-link has-sub ">PASCH-Initiative</button>
<ul class="sub">
<li><a class="menu-link is-sub" href="../de/pasch-initiative/ueber-die-initiative.html" >Über die Initiative</a></li>
<li><a class="menu-link is-sub" href="../de/pasch-initiative/pasch-aktuell.html" >PASCH aktuell</a></li>
<li><a class="menu-link is-sub" href="../de/pasch-initiative/pasch-geschichten.html" >PASCH-Geschichten</a></li>
<li><a class="menu-link is-sub" href="../de/pasch-initiative/faq.html" >FAQ–Häufige Fragen</a></li>
<li><a class="menu-link is-sub" href="../de/pasch-initiative/downloads.html" >Downloads</a></li>
</ul>
</li>
</ul>
<ul class="secondary giAccount" aria-label="Account-Navigation">
<li class="account logged-in hide" id="giAccountLoggedIn">
<img class="avatar" src="../assets/img/icons/icon-my-pasch.svg">
<div class="menu-link has-sub trigger"></div>
<button class="menu-link has-sub" aria-label="Mein-PASCH-Einstellungen">Mein PASCH</button>
<ul class="sub" style="display: none; height: 0px;">
<li>
<a href="https://my.pasch-net.de/pas/fe/user/index" class="menu-link is-sub" title="Konto verwalten">Konto verwalten</a>
</li>
<li>
<a href="/services/cas/logout/pasch/" class="menu-link is-sub" title="Abmelden">Abmelden</a>
</li>
</ul>
</li>
<li class="account" id="giAccountNotLoggedIn">
<img class="is-mobile" src="../assets/img/icons/icon-my-pasch.svg" title="" alt="" aria-hidden="true">
<img src="../assets/img/icons/icon-my-pasch.svg" title="" alt="" aria-hidden="true">
<a href="/services/cas/login/pasch/?locale=de&langId=2&module=default" alt="" aria-label="Log-in">Log-in</a>
</li>
</ul>
<ul class="social">
<li><a href="https://www.instagram.com/paschnet/" alt="" tabIndex="-1"><img class="lazyload" src="../assets/img/icons/icon-instagram.svg"></a></li>
</ul>
</div>
</div>
</div>
</header>
<!-- global overlay background-->
<div id="overlay"></div>
<!-- search trigger -->
<button class="trigger-search icon" role="search" aria-label="Diese Seite durchsuchen" tabIndex="0">
<img class="lazyload" data-src="../assets/img/icons/icon-search.svg" title="" alt="" aria-hidden="true"/>
</button>
<!-- search field-->
<form action="/de/suche.html" name="searchForm" method="get">
<div class="container-search">
<div class="search-scroll">
<div class="search-head"><img class="background" src="../assets/img/logos/logo-transparent-white.svg" title="" alt="" aria-hidden="true">
<div class="trigger-search is-close"></div>
<h2>Hallo, wie können wir dir helfen?</h2>
</div>
<div class="search-content">
<div class="item-wrapper">
<label>PASCH-net durchsuchen</label>
<div class="input-wrapper">
<input placeholder="Suche..." name="query" aria-label="Gebe deine Suche ein und drücke die Eingabetaste.">
<button class="button-wrapper trigger-search" tabIndex="-1" aria-hidden="true">
<img src="../assets/img/icons/icon-search.svg" title="" alt="" aria-hidden="true">
</button>
</div>
</div>
<div class="item-wrapper no-wrapper">
<h3>Du hast Fragen? Schreib uns eine Nachricht.</h3><a class="button" href="/de/kontakt.html" alt="" aria-label="Zum Kontakt">Zum Kontakt</a>
</div>
</div>
</div>
</div>
</form>
<script>
(function() {
document.searchForm.action = '/de/suche.html';
})()
</script>
<script>
var _apiStPageData = "HeUlNGnsGQWpY/6XS8M3a5meAylbCI8GAx7hZ16Oy+1KFSxCu/9heB+v7dJ16mAhixdcLly1cG6Qu+IAu24d4yqIhWrRmxOgkDn/8hq+121offw9WW++ytq1fx6MXsijn0qeySPcDStenTRVYSp4osG4zGUvbIoKoKGXSkGljah38rLtDdpcJHRsJaSax9Rcjs47UkgYbIBbmsWBfNWEel9stZYBBi1SIlznpqk4iR9pSHxnc/lXUerpVlz+I+6rn7sfYlIgaAa/r27n+V6C1Q==";
</script>
<div id="page-wrapper">
<main class="page-content" data-ui="0">
<!-- $$templateSnippet.secondary_navigation$$ -->
<div class="container-fluid container-landing is-slider">
<div class="container">
<!-- $$object.wrapperstart$$ -->
<a id="i6404461"></a>
<div class="row slider-wrapper is-landing">
<div class="slider-inner">
<div class="title-wrapper">
<h1 class="white">PASCH-Klasse 2026:<br> Schule fertig – und dann?<br></h1>
</div>
<div class="text-wrapper">
<article><p class="white">Stellt euer Team vor und löst jeden Monat eine neue Aufgabe. Die besten Beiträge werden prämiert. Am Jahresende habt ihr die Chance auf den Hauptpreis.</p></article>
<a class="button" href="../de/wettbewerbe/mitmachaktion2026.html" target="_self">Mehr erfahren</a>
</div>
<div class="image-wrapper object-fit">
<picture>
<source type=image/webp srcset="/resources/files/jpg1430/bild-formatkey-webp-w160r.jpg 160w, /resources/files/jpg1430/bild-formatkey-webp-w320r.jpg 320w, /resources/files/jpg1430/bild-formatkey-webp-w480r.jpg 480w, /resources/files/jpg1430/bild-formatkey-webp-w640r.jpg 640w, /resources/files/jpg1430/bild-formatkey-webp-w800r.jpg 800w, /resources/files/jpg1430/bild-formatkey-webp-w960r.jpg 960w, /resources/files/jpg1430/bild-formatkey-webp-w1120r.jpg 1120w, /resources/files/jpg1430/bild-formatkey-webp-w1280r.jpg 1280w, /resources/files/jpg1430/bild-formatkey-webp-w1440r.jpg 1440w, /resources/files/jpg1430/bild-formatkey-webp-w1600r.jpg 1600w, /resources/files/jpg1430/bild-formatkey-webp-w1760r.jpg 1760w, /resources/files/jpg1430/bild-formatkey-webp-w1920r.jpg 1920w" sizes=" (min-width: 1440px) 1330px, (min-width: 1380px) 1300px, (min-width: 1024px) calc(100vw-80px), 100vw" width="10000" height="3400">
<img src="/resources/files/jpg1430/bild-formatkey-jpg-w320r.jpg" srcset="/resources/files/jpg1430/bild-formatkey-jpg-w160r.jpg 160w, /resources/files/jpg1430/bild-formatkey-jpg-w320r.jpg 320w, /resources/files/jpg1430/bild-formatkey-jpg-w480r.jpg 480w, /resources/files/jpg1430/bild-formatkey-jpg-w640r.jpg 640w, /resources/files/jpg1430/bild-formatkey-jpg-w800r.jpg 800w, /resources/files/jpg1430/bild-formatkey-jpg-w960r.jpg 960w, /resources/files/jpg1430/bild-formatkey-jpg-w1120r.jpg 1120w, /resources/files/jpg1430/bild-formatkey-jpg-w1280r.jpg 1280w, /resources/files/jpg1430/bild-formatkey-jpg-w1440r.jpg 1440w, /resources/files/jpg1430/bild-formatkey-jpg-w1600r.jpg 1600w, /resources/files/jpg1430/bild-formatkey-jpg-w1760r.jpg 1760w, /resources/files/jpg1430/bild-formatkey-jpg-w1920r.jpg 1920w" sizes=" (min-width: 1440px) 1330px, (min-width: 1380px) 1300px, (min-width: 1024px) calc(100vw-80px), 100vw" alt="Illustrationen mit lila Hintergrund und drei jungen Menschen auf der rechten Seite. Über den Menschen sind Sprachblasen. In den Sprechblasen sind Berufsgegenstände: ein Stethoskop, ein Laptop, ein Werkzeug. " title="PASCH-Klasse 2026: Schule fertig – und dann?" width="10000" height="3400" class="lazyload">
</picture>
</div>
</div>
<div class="slider-inner">
<div class="title-wrapper">
<h1 class="white">Online-Seminare</h1>
</div>
<div class="text-wrapper">
<article><p class="white">Die Fortbildungen richten sich an PASCH-Lehrkräfte und PASCH-Mitarbeitende. Sie informieren über Angebote der PASCH-Website und behandeln methodisch-didaktische und landeskundliche Themen.</p></article>
<a class="button" href="../de/lernmaterial/unterricht/onlineseminar.html" target="_self">Mehr erfahren</a>
</div>
<div class="image-wrapper object-fit">
<picture>
<source type=image/webp media="(min-width: 768px)" srcset="/resources/files/jpg1366/gettyimages-1146500478-formatkey-webp-w160r.jpg 160w, /resources/files/jpg1366/gettyimages-1146500478-formatkey-webp-w320r.jpg 320w, /resources/files/jpg1366/gettyimages-1146500478-formatkey-webp-w480r.jpg 480w, /resources/files/jpg1366/gettyimages-1146500478-formatkey-webp-w640r.jpg 640w, /resources/files/jpg1366/gettyimages-1146500478-formatkey-webp-w800r.jpg 800w, /resources/files/jpg1366/gettyimages-1146500478-formatkey-webp-w960r.jpg 960w, /resources/files/jpg1366/gettyimages-1146500478-formatkey-webp-w1120r.jpg 1120w, /resources/files/jpg1366/gettyimages-1146500478-formatkey-webp-w1280r.jpg 1280w, /resources/files/jpg1366/gettyimages-1146500478-formatkey-webp-w1440r.jpg 1440w, /resources/files/jpg1366/gettyimages-1146500478-formatkey-webp-w1600r.jpg 1600w, /resources/files/jpg1366/gettyimages-1146500478-formatkey-webp-w1760r.jpg 1760w, /resources/files/jpg1366/gettyimages-1146500478-formatkey-webp-w1920r.jpg 1920w" sizes="100vw" width="6598" height="4304">
<source media="(min-width: 768px)" srcset="/resources/files/jpg1366/gettyimages-1146500478-formatkey-jpg-w160r.jpg 160w, /resources/files/jpg1366/gettyimages-1146500478-formatkey-jpg-w320r.jpg 320w, /resources/files/jpg1366/gettyimages-1146500478-formatkey-jpg-w480r.jpg 480w, /resources/files/jpg1366/gettyimages-1146500478-formatkey-jpg-w640r.jpg 640w, /resources/files/jpg1366/gettyimages-1146500478-formatkey-jpg-w800r.jpg 800w, /resources/files/jpg1366/gettyimages-1146500478-formatkey-jpg-w960r.jpg 960w, /resources/files/jpg1366/gettyimages-1146500478-formatkey-jpg-w1120r.jpg 1120w, /resources/files/jpg1366/gettyimages-1146500478-formatkey-jpg-w1280r.jpg 1280w, /resources/files/jpg1366/gettyimages-1146500478-formatkey-jpg-w1440r.jpg 1440w, /resources/files/jpg1366/gettyimages-1146500478-formatkey-jpg-w1600r.jpg 1600w, /resources/files/jpg1366/gettyimages-1146500478-formatkey-jpg-w1760r.jpg 1760w, /resources/files/jpg1366/gettyimages-1146500478-formatkey-jpg-w1920r.jpg 1920w" sizes="100vw" width="6598" height="4304">
<source type=image/webp media="(max-width: 767.98px)" srcset="/resources/files/jpg1366/online-seminar-formatkey-webp-w160r.jpg 160w, /resources/files/jpg1366/online-seminar-formatkey-webp-w320r.jpg 320w, /resources/files/jpg1366/online-seminar-formatkey-webp-w480r.jpg 480w, /resources/files/jpg1366/online-seminar-formatkey-webp-w640r.jpg 640w, /resources/files/jpg1366/online-seminar-formatkey-webp-w800r.jpg 800w, /resources/files/jpg1366/online-seminar-formatkey-webp-w960r.jpg 960w, /resources/files/jpg1366/online-seminar-formatkey-webp-w1120r.jpg 1120w, /resources/files/jpg1366/online-seminar-formatkey-webp-w1280r.jpg 1280w, /resources/files/jpg1366/online-seminar-formatkey-webp-w1440r.jpg 1440w, /resources/files/jpg1366/online-seminar-formatkey-webp-w1600r.jpg 1600w, /resources/files/jpg1366/online-seminar-formatkey-webp-w1760r.jpg 1760w, /resources/files/jpg1366/online-seminar-formatkey-webp-w1920r.jpg 1920w" sizes="100vw" width="3000" height="1500">
<source media="(max-width: 767.98px)" srcset="/resources/files/jpg1366/online-seminar-formatkey-jpg-w160r.jpg 160w, /resources/files/jpg1366/online-seminar-formatkey-jpg-w320r.jpg 320w, /resources/files/jpg1366/online-seminar-formatkey-jpg-w480r.jpg 480w, /resources/files/jpg1366/online-seminar-formatkey-jpg-w640r.jpg 640w, /resources/files/jpg1366/online-seminar-formatkey-jpg-w800r.jpg 800w, /resources/files/jpg1366/online-seminar-formatkey-jpg-w960r.jpg 960w, /resources/files/jpg1366/online-seminar-formatkey-jpg-w1120r.jpg 1120w, /resources/files/jpg1366/online-seminar-formatkey-jpg-w1280r.jpg 1280w, /resources/files/jpg1366/online-seminar-formatkey-jpg-w1440r.jpg 1440w, /resources/files/jpg1366/online-seminar-formatkey-jpg-w1600r.jpg 1600w, /resources/files/jpg1366/online-seminar-formatkey-jpg-w1760r.jpg 1760w, /resources/files/jpg1366/online-seminar-formatkey-jpg-w1920r.jpg 1920w" sizes="100vw" width="3000" height="1500">
<img src="/resources/files/jpg1366/gettyimages-1146500478-formatkey-jpg-w320r.jpg" srcset="/resources/files/jpg1366/gettyimages-1146500478-formatkey-jpg-w160r.jpg 160w, /resources/files/jpg1366/gettyimages-1146500478-formatkey-jpg-w320r.jpg 320w, /resources/files/jpg1366/gettyimages-1146500478-formatkey-jpg-w480r.jpg 480w, /resources/files/jpg1366/gettyimages-1146500478-formatkey-jpg-w640r.jpg 640w, /resources/files/jpg1366/gettyimages-1146500478-formatkey-jpg-w800r.jpg 800w, /resources/files/jpg1366/gettyimages-1146500478-formatkey-jpg-w960r.jpg 960w, /resources/files/jpg1366/gettyimages-1146500478-formatkey-jpg-w1120r.jpg 1120w, /resources/files/jpg1366/gettyimages-1146500478-formatkey-jpg-w1280r.jpg 1280w, /resources/files/jpg1366/gettyimages-1146500478-formatkey-jpg-w1440r.jpg 1440w, /resources/files/jpg1366/gettyimages-1146500478-formatkey-jpg-w1600r.jpg 1600w, /resources/files/jpg1366/gettyimages-1146500478-formatkey-jpg-w1760r.jpg 1760w, /resources/files/jpg1366/gettyimages-1146500478-formatkey-jpg-w1920r.jpg 1920w" sizes="100vw" alt="Zwei junge Frauen sitzen am Schreibtisch und arbeiten am Computer und Laptop. Sie unterhalten sich und lachen. Im Hintergrund arbeitet ein Mann konzentriert, er trägt einen Kopfhörer. Er ist unscharf abgebildet." title="Online-Seminare zu PASCH-net" width="6598" height="4304" loading="lazy" class="lazyload">
</picture>
</div>
</div>
<div class="slider-inner">
<div class="title-wrapper">
<h1 class="white">Schulporträts</h1>
</div>
<div class="text-wrapper">
<article><p class="white">PASCH-Schulen aus der ganzen Welt stellen sich näher vor. Präsentieren Sie auch Ihre PASCH-Schule und bieten Sie anderen Schulen im Netzwerk die Gelegenheit, sich zu informieren und Kontakt zu suchen.</p></article>
<a class="button" href="../de/pasch-schulen/schulportraets.html" target="_self">Mehr erfahren</a>
</div>
<div class="image-wrapper object-fit">
<picture>
<source type=image/webp srcset="/resources/files/jpg1147/schulportrait_gettyimages-871454068-formatkey-webp-w160r.jpg 160w, /resources/files/jpg1147/schulportrait_gettyimages-871454068-formatkey-webp-w320r.jpg 320w, /resources/files/jpg1147/schulportrait_gettyimages-871454068-formatkey-webp-w480r.jpg 480w, /resources/files/jpg1147/schulportrait_gettyimages-871454068-formatkey-webp-w640r.jpg 640w, /resources/files/jpg1147/schulportrait_gettyimages-871454068-formatkey-webp-w800r.jpg 800w, /resources/files/jpg1147/schulportrait_gettyimages-871454068-formatkey-webp-w960r.jpg 960w, /resources/files/jpg1147/schulportrait_gettyimages-871454068-formatkey-webp-w1120r.jpg 1120w, /resources/files/jpg1147/schulportrait_gettyimages-871454068-formatkey-webp-w1280r.jpg 1280w, /resources/files/jpg1147/schulportrait_gettyimages-871454068-formatkey-webp-w1440r.jpg 1440w, /resources/files/jpg1147/schulportrait_gettyimages-871454068-formatkey-webp-w1600r.jpg 1600w, /resources/files/jpg1147/schulportrait_gettyimages-871454068-formatkey-webp-w1760r.jpg 1760w, /resources/files/jpg1147/schulportrait_gettyimages-871454068-formatkey-webp-w1920r.jpg 1920w" sizes=" (min-width: 1440px) 1330px, (min-width: 1380px) 1300px, (min-width: 1024px) calc(100vw-80px), 100vw" width="4000" height="2668">
<img src="/resources/files/jpg1147/schulportrait_gettyimages-871454068-formatkey-jpg-w320r.jpg" srcset="/resources/files/jpg1147/schulportrait_gettyimages-871454068-formatkey-jpg-w160r.jpg 160w, /resources/files/jpg1147/schulportrait_gettyimages-871454068-formatkey-jpg-w320r.jpg 320w, /resources/files/jpg1147/schulportrait_gettyimages-871454068-formatkey-jpg-w480r.jpg 480w, /resources/files/jpg1147/schulportrait_gettyimages-871454068-formatkey-jpg-w640r.jpg 640w, /resources/files/jpg1147/schulportrait_gettyimages-871454068-formatkey-jpg-w800r.jpg 800w, /resources/files/jpg1147/schulportrait_gettyimages-871454068-formatkey-jpg-w960r.jpg 960w, /resources/files/jpg1147/schulportrait_gettyimages-871454068-formatkey-jpg-w1120r.jpg 1120w, /resources/files/jpg1147/schulportrait_gettyimages-871454068-formatkey-jpg-w1280r.jpg 1280w, /resources/files/jpg1147/schulportrait_gettyimages-871454068-formatkey-jpg-w1440r.jpg 1440w, /resources/files/jpg1147/schulportrait_gettyimages-871454068-formatkey-jpg-w1600r.jpg 1600w, /resources/files/jpg1147/schulportrait_gettyimages-871454068-formatkey-jpg-w1760r.jpg 1760w, /resources/files/jpg1147/schulportrait_gettyimages-871454068-formatkey-jpg-w1920r.jpg 1920w" sizes=" (min-width: 1440px) 1330px, (min-width: 1380px) 1300px, (min-width: 1024px) calc(100vw-80px), 100vw" alt="Stifte und Schulbücher liegen auf einem Tisch. Im Hintergrund eine bemalte, unscharfe Tafel." title="PASCH-Schulporträts" width="4000" height="2668" loading="lazy" class="lazyload">
</picture>
</div>
</div>
<div class="slider-inner">
<div class="title-wrapper">
<h1 class="white">gemeinsam. lernen. weltweit.</h1>
</div>
<div class="text-wrapper">
<article><p class="white">PASCH steht für die Initiative „Schulen: Partner der Zukunft“. Sie vernetzt weltweit mehr als 2.000 Schulen, an denen Deutsch einen besonders hohen Stellenwert hat.</p></article>
<a class="button" href="../de/pasch-initiative/ueber-die-initiative.html" target="_self">Mehr erfahren</a>
</div>
<div class="image-wrapper object-fit">
<picture>
<source type=image/webp media="(min-width: 768px)" srcset="/resources/files/jpg1103/alumni_muenchen_pasch_goethe-institut_auftakt-formatkey-webp-w160r.jpg 160w, /resources/files/jpg1103/alumni_muenchen_pasch_goethe-institut_auftakt-formatkey-webp-w320r.jpg 320w, /resources/files/jpg1103/alumni_muenchen_pasch_goethe-institut_auftakt-formatkey-webp-w480r.jpg 480w, /resources/files/jpg1103/alumni_muenchen_pasch_goethe-institut_auftakt-formatkey-webp-w640r.jpg 640w, /resources/files/jpg1103/alumni_muenchen_pasch_goethe-institut_auftakt-formatkey-webp-w800r.jpg 800w, /resources/files/jpg1103/alumni_muenchen_pasch_goethe-institut_auftakt-formatkey-webp-w960r.jpg 960w, /resources/files/jpg1103/alumni_muenchen_pasch_goethe-institut_auftakt-formatkey-webp-w1120r.jpg 1120w, /resources/files/jpg1103/alumni_muenchen_pasch_goethe-institut_auftakt-formatkey-webp-w1280r.jpg 1280w, /resources/files/jpg1103/alumni_muenchen_pasch_goethe-institut_auftakt-formatkey-webp-w1440r.jpg 1440w, /resources/files/jpg1103/alumni_muenchen_pasch_goethe-institut_auftakt-formatkey-webp-w1600r.jpg 1600w, /resources/files/jpg1103/alumni_muenchen_pasch_goethe-institut_auftakt-formatkey-webp-w1760r.jpg 1760w, /resources/files/jpg1103/alumni_muenchen_pasch_goethe-institut_auftakt-formatkey-webp-w1920r.jpg 1920w" sizes="100vw" width="4000" height="2667">
<source media="(min-width: 768px)" srcset="/resources/files/jpg1103/alumni_muenchen_pasch_goethe-institut_auftakt-formatkey-jpg-w160r.jpg 160w, /resources/files/jpg1103/alumni_muenchen_pasch_goethe-institut_auftakt-formatkey-jpg-w320r.jpg 320w, /resources/files/jpg1103/alumni_muenchen_pasch_goethe-institut_auftakt-formatkey-jpg-w480r.jpg 480w, /resources/files/jpg1103/alumni_muenchen_pasch_goethe-institut_auftakt-formatkey-jpg-w640r.jpg 640w, /resources/files/jpg1103/alumni_muenchen_pasch_goethe-institut_auftakt-formatkey-jpg-w800r.jpg 800w, /resources/files/jpg1103/alumni_muenchen_pasch_goethe-institut_auftakt-formatkey-jpg-w960r.jpg 960w, /resources/files/jpg1103/alumni_muenchen_pasch_goethe-institut_auftakt-formatkey-jpg-w1120r.jpg 1120w, /resources/files/jpg1103/alumni_muenchen_pasch_goethe-institut_auftakt-formatkey-jpg-w1280r.jpg 1280w, /resources/files/jpg1103/alumni_muenchen_pasch_goethe-institut_auftakt-formatkey-jpg-w1440r.jpg 1440w, /resources/files/jpg1103/alumni_muenchen_pasch_goethe-institut_auftakt-formatkey-jpg-w1600r.jpg 1600w, /resources/files/jpg1103/alumni_muenchen_pasch_goethe-institut_auftakt-formatkey-jpg-w1760r.jpg 1760w, /resources/files/jpg1103/alumni_muenchen_pasch_goethe-institut_auftakt-formatkey-jpg-w1920r.jpg 1920w" sizes="100vw" width="4000" height="2667">
<source type=image/webp media="(max-width: 767.98px)" srcset="/resources/files/jpg1103/alumni_muenchen_pasch_goethe-institut_auftakt_quadrat-formatkey-webp-w160r.jpg 160w, /resources/files/jpg1103/alumni_muenchen_pasch_goethe-institut_auftakt_quadrat-formatkey-webp-w320r.jpg 320w, /resources/files/jpg1103/alumni_muenchen_pasch_goethe-institut_auftakt_quadrat-formatkey-webp-w480r.jpg 480w, /resources/files/jpg1103/alumni_muenchen_pasch_goethe-institut_auftakt_quadrat-formatkey-webp-w640r.jpg 640w, /resources/files/jpg1103/alumni_muenchen_pasch_goethe-institut_auftakt_quadrat-formatkey-webp-w800r.jpg 800w, /resources/files/jpg1103/alumni_muenchen_pasch_goethe-institut_auftakt_quadrat-formatkey-webp-w960r.jpg 960w, /resources/files/jpg1103/alumni_muenchen_pasch_goethe-institut_auftakt_quadrat-formatkey-webp-w1120r.jpg 1120w, /resources/files/jpg1103/alumni_muenchen_pasch_goethe-institut_auftakt_quadrat-formatkey-webp-w1280r.jpg 1280w, /resources/files/jpg1103/alumni_muenchen_pasch_goethe-institut_auftakt_quadrat-formatkey-webp-w1440r.jpg 1440w, /resources/files/jpg1103/alumni_muenchen_pasch_goethe-institut_auftakt_quadrat-formatkey-webp-w1600r.jpg 1600w, /resources/files/jpg1103/alumni_muenchen_pasch_goethe-institut_auftakt_quadrat-formatkey-webp-w1760r.jpg 1760w, /resources/files/jpg1103/alumni_muenchen_pasch_goethe-institut_auftakt_quadrat-formatkey-webp-w1920r.jpg 1920w" sizes="100vw" width="2666" height="2667">
<source media="(max-width: 767.98px)" srcset="/resources/files/jpg1103/alumni_muenchen_pasch_goethe-institut_auftakt_quadrat-formatkey-jpg-w160r.jpg 160w, /resources/files/jpg1103/alumni_muenchen_pasch_goethe-institut_auftakt_quadrat-formatkey-jpg-w320r.jpg 320w, /resources/files/jpg1103/alumni_muenchen_pasch_goethe-institut_auftakt_quadrat-formatkey-jpg-w480r.jpg 480w, /resources/files/jpg1103/alumni_muenchen_pasch_goethe-institut_auftakt_quadrat-formatkey-jpg-w640r.jpg 640w, /resources/files/jpg1103/alumni_muenchen_pasch_goethe-institut_auftakt_quadrat-formatkey-jpg-w800r.jpg 800w, /resources/files/jpg1103/alumni_muenchen_pasch_goethe-institut_auftakt_quadrat-formatkey-jpg-w960r.jpg 960w, /resources/files/jpg1103/alumni_muenchen_pasch_goethe-institut_auftakt_quadrat-formatkey-jpg-w1120r.jpg 1120w, /resources/files/jpg1103/alumni_muenchen_pasch_goethe-institut_auftakt_quadrat-formatkey-jpg-w1280r.jpg 1280w, /resources/files/jpg1103/alumni_muenchen_pasch_goethe-institut_auftakt_quadrat-formatkey-jpg-w1440r.jpg 1440w, /resources/files/jpg1103/alumni_muenchen_pasch_goethe-institut_auftakt_quadrat-formatkey-jpg-w1600r.jpg 1600w, /resources/files/jpg1103/alumni_muenchen_pasch_goethe-institut_auftakt_quadrat-formatkey-jpg-w1760r.jpg 1760w, /resources/files/jpg1103/alumni_muenchen_pasch_goethe-institut_auftakt_quadrat-formatkey-jpg-w1920r.jpg 1920w" sizes="100vw" width="2666" height="2667">
<img src="/resources/files/jpg1103/alumni_muenchen_pasch_goethe-institut_auftakt-formatkey-jpg-w320r.jpg" srcset="/resources/files/jpg1103/alumni_muenchen_pasch_goethe-institut_auftakt-formatkey-jpg-w160r.jpg 160w, /resources/files/jpg1103/alumni_muenchen_pasch_goethe-institut_auftakt-formatkey-jpg-w320r.jpg 320w, /resources/files/jpg1103/alumni_muenchen_pasch_goethe-institut_auftakt-formatkey-jpg-w480r.jpg 480w, /resources/files/jpg1103/alumni_muenchen_pasch_goethe-institut_auftakt-formatkey-jpg-w640r.jpg 640w, /resources/files/jpg1103/alumni_muenchen_pasch_goethe-institut_auftakt-formatkey-jpg-w800r.jpg 800w, /resources/files/jpg1103/alumni_muenchen_pasch_goethe-institut_auftakt-formatkey-jpg-w960r.jpg 960w, /resources/files/jpg1103/alumni_muenchen_pasch_goethe-institut_auftakt-formatkey-jpg-w1120r.jpg 1120w, /resources/files/jpg1103/alumni_muenchen_pasch_goethe-institut_auftakt-formatkey-jpg-w1280r.jpg 1280w, /resources/files/jpg1103/alumni_muenchen_pasch_goethe-institut_auftakt-formatkey-jpg-w1440r.jpg 1440w, /resources/files/jpg1103/alumni_muenchen_pasch_goethe-institut_auftakt-formatkey-jpg-w1600r.jpg 1600w, /resources/files/jpg1103/alumni_muenchen_pasch_goethe-institut_auftakt-formatkey-jpg-w1760r.jpg 1760w, /resources/files/jpg1103/alumni_muenchen_pasch_goethe-institut_auftakt-formatkey-jpg-w1920r.jpg 1920w" sizes="100vw" alt="Eine Gruppe von PASCH-Alumni positionieren sich gemeinsam vor einer Fotobox." title="Internationale PASCH-Alumni © PASCH/Cordula Flegel" width="4000" height="2667" loading="lazy" class="lazyload">
</picture>
</div>
</div>
</div>
<!-- $$object.objbuttons$$ -->
<!-- $$object.wrapperend$$ -->
</div>
</div>
<div class="container container-teaser is-slider">
<!-- $$object.wrapperstart$$ -->
<a id="i6480349"></a>
<div class="row">
<div class="col-12">
<h2>Lernmaterial</h2>
</div>
</div>
<div class="slider-wrapper is-teaser mobile-only">
<div class="teaser-wrapper is-slider teaser-0">
<div class="col-image lvl">
<span class="is-right" aria-label="B1">
B1
</span>
<a class="image-wrapper object-fit ratio-3-2" href="../de/lernmaterial/schule-ausbildung/seitenweise-lust-aufs-lesen.html" target="_self" aria-label="Schule und Ausbildung, Seitenweise – Lust aufs Lesen machen, Sprachniveau B1" tabindex="0">
<picture>
<source type=image/webp srcset="/resources/files/jpg1432/logo-seitenweise_2500x1667-formatkey-webp-w160r.jpg 160w, /resources/files/jpg1432/logo-seitenweise_2500x1667-formatkey-webp-w320r.jpg 320w, /resources/files/jpg1432/logo-seitenweise_2500x1667-formatkey-webp-w480r.jpg 480w, /resources/files/jpg1432/logo-seitenweise_2500x1667-formatkey-webp-w640r.jpg 640w, /resources/files/jpg1432/logo-seitenweise_2500x1667-formatkey-webp-w800r.jpg 800w, /resources/files/jpg1432/logo-seitenweise_2500x1667-formatkey-webp-w960r.jpg 960w, /resources/files/jpg1432/logo-seitenweise_2500x1667-formatkey-webp-w1120r.jpg 1120w, /resources/files/jpg1432/logo-seitenweise_2500x1667-formatkey-webp-w1280r.jpg 1280w, /resources/files/jpg1432/logo-seitenweise_2500x1667-formatkey-webp-w1440r.jpg 1440w, /resources/files/jpg1432/logo-seitenweise_2500x1667-formatkey-webp-w1600r.jpg 1600w, /resources/files/jpg1432/logo-seitenweise_2500x1667-formatkey-webp-w1760r.jpg 1760w, /resources/files/jpg1432/logo-seitenweise_2500x1667-formatkey-webp-w1920r.jpg 1920w" sizes="(min-width: 1440px) 417px, (min-width: 1024px) calc((100vw - 160px) / 3), (min-width: 768px) calc((100vw -80px) / 3), (min-width: 576px) 500px, calc(100vw - 40px)" width="2500" height="1667">
<img src="/resources/files/jpg1432/logo-seitenweise_2500x1667-formatkey-jpg-w320r.jpg" srcset="/resources/files/jpg1432/logo-seitenweise_2500x1667-formatkey-jpg-w160r.jpg 160w, /resources/files/jpg1432/logo-seitenweise_2500x1667-formatkey-jpg-w320r.jpg 320w, /resources/files/jpg1432/logo-seitenweise_2500x1667-formatkey-jpg-w480r.jpg 480w, /resources/files/jpg1432/logo-seitenweise_2500x1667-formatkey-jpg-w640r.jpg 640w, /resources/files/jpg1432/logo-seitenweise_2500x1667-formatkey-jpg-w800r.jpg 800w, /resources/files/jpg1432/logo-seitenweise_2500x1667-formatkey-jpg-w960r.jpg 960w, /resources/files/jpg1432/logo-seitenweise_2500x1667-formatkey-jpg-w1120r.jpg 1120w, /resources/files/jpg1432/logo-seitenweise_2500x1667-formatkey-jpg-w1280r.jpg 1280w, /resources/files/jpg1432/logo-seitenweise_2500x1667-formatkey-jpg-w1440r.jpg 1440w, /resources/files/jpg1432/logo-seitenweise_2500x1667-formatkey-jpg-w1600r.jpg 1600w, /resources/files/jpg1432/logo-seitenweise_2500x1667-formatkey-jpg-w1760r.jpg 1760w, /resources/files/jpg1432/logo-seitenweise_2500x1667-formatkey-jpg-w1920r.jpg 1920w" sizes="(min-width: 1440px) 417px, (min-width: 1024px) calc((100vw - 160px) / 3), (min-width: 768px) calc((100vw -80px) / 3), (min-width: 576px) 500px, calc(100vw - 40px)" alt="Projektlogo „Seitenweise“" title="Seitenweise, Logo" width="2500" height="1667" loading="lazy" class="lazyload" aria-hidden="true">
</picture>
</a>
</div>
<a class="trigger-hover teaser-link" href="../de/lernmaterial/schule-ausbildung/seitenweise-lust-aufs-lesen.html" target= "_self" tabIndex="-1" aria-hidden="true">
<span class="kicker">Schule und Ausbildung</span>
<h3 class="h4">Seitenweise – Lust aufs Lesen machen</h3>
<p class="small js-trim" data-lines="3">Das internationale Leseprojekt „Seitenweise“ soll Jugendlichen Spaß am Lesen bringen und sie motivieren, sich kreativ auszuleben. </p>
</a>
</div>
<div class="teaser-wrapper is-slider teaser-1">
<div class="col-image lvl">
<span class="is-right" aria-label="A2 / B1">
A2 / B1
</span>
<a class="image-wrapper object-fit ratio-3-2" href="../de/lernmaterial/kultur-musik/mit-literatur-bruecken-bauen.html" target="_self" aria-label="Kultur und Musik, Das Bücherschloss – mit Literatur Brücken bauen, Sprachniveau A2 / B1" tabindex="0">
<picture>
<source type=image/webp srcset="/resources/files/jpg1432/lina-felix-jugendbibliothek-formatkey-webp-w160r.jpg 160w, /resources/files/jpg1432/lina-felix-jugendbibliothek-formatkey-webp-w320r.jpg 320w, /resources/files/jpg1432/lina-felix-jugendbibliothek-formatkey-webp-w480r.jpg 480w, /resources/files/jpg1432/lina-felix-jugendbibliothek-formatkey-webp-w640r.jpg 640w, /resources/files/jpg1432/lina-felix-jugendbibliothek-formatkey-webp-w800r.jpg 800w, /resources/files/jpg1432/lina-felix-jugendbibliothek-formatkey-webp-w960r.jpg 960w, /resources/files/jpg1432/lina-felix-jugendbibliothek-formatkey-webp-w1120r.jpg 1120w, /resources/files/jpg1432/lina-felix-jugendbibliothek-formatkey-webp-w1280r.jpg 1280w, /resources/files/jpg1432/lina-felix-jugendbibliothek-formatkey-webp-w1440r.jpg 1440w, /resources/files/jpg1432/lina-felix-jugendbibliothek-formatkey-webp-w1600r.jpg 1600w, /resources/files/jpg1432/lina-felix-jugendbibliothek-formatkey-webp-w1760r.jpg 1760w, /resources/files/jpg1432/lina-felix-jugendbibliothek-formatkey-webp-w1920r.jpg 1920w" sizes="(min-width: 1440px) 417px, (min-width: 1024px) calc((100vw - 160px) / 3), (min-width: 768px) calc((100vw -80px) / 3), (min-width: 576px) 500px, calc(100vw - 40px)" width="4714" height="3143">
<img src="/resources/files/jpg1432/lina-felix-jugendbibliothek-formatkey-jpg-w320r.jpg" srcset="/resources/files/jpg1432/lina-felix-jugendbibliothek-formatkey-jpg-w160r.jpg 160w, /resources/files/jpg1432/lina-felix-jugendbibliothek-formatkey-jpg-w320r.jpg 320w, /resources/files/jpg1432/lina-felix-jugendbibliothek-formatkey-jpg-w480r.jpg 480w, /resources/files/jpg1432/lina-felix-jugendbibliothek-formatkey-jpg-w640r.jpg 640w, /resources/files/jpg1432/lina-felix-jugendbibliothek-formatkey-jpg-w800r.jpg 800w, /resources/files/jpg1432/lina-felix-jugendbibliothek-formatkey-jpg-w960r.jpg 960w, /resources/files/jpg1432/lina-felix-jugendbibliothek-formatkey-jpg-w1120r.jpg 1120w, /resources/files/jpg1432/lina-felix-jugendbibliothek-formatkey-jpg-w1280r.jpg 1280w, /resources/files/jpg1432/lina-felix-jugendbibliothek-formatkey-jpg-w1440r.jpg 1440w, /resources/files/jpg1432/lina-felix-jugendbibliothek-formatkey-jpg-w1600r.jpg 1600w, /resources/files/jpg1432/lina-felix-jugendbibliothek-formatkey-jpg-w1760r.jpg 1760w, /resources/files/jpg1432/lina-felix-jugendbibliothek-formatkey-jpg-w1920r.jpg 1920w" sizes="(min-width: 1440px) 417px, (min-width: 1024px) calc((100vw - 160px) / 3), (min-width: 768px) calc((100vw -80px) / 3), (min-width: 576px) 500px, calc(100vw - 40px)" alt="Lina und Felix in der Bibliothek" title="Das Bücherschloss – mit Literatur Brücken bauen" width="4714" height="3143" loading="lazy" class="lazyload" aria-hidden="true">
</picture>
</a>
</div>
<a class="trigger-hover teaser-link" href="../de/lernmaterial/kultur-musik/mit-literatur-bruecken-bauen.html" target= "_self" tabIndex="-1" aria-hidden="true">
<span class="kicker">Kultur und Musik</span>
<h3 class="h4">Das Bücherschloss – mit Literatur Brücken bauen</h3>
<p class="small js-trim" data-lines="3">Die Internationale Jugendbibliothek in München ist ein besonderer Ort. Hier gibt es nicht nur Bücher aus aller Welt. Die Bibliothek ist auch ein Treffpunkt für Jugendliche.</p>
</a>
</div>
<div class="teaser-wrapper is-slider teaser-2">
<div class="col-image lvl">
<span class="is-right" aria-label="A2">
A2
</span>
<a class="image-wrapper object-fit ratio-3-2" href="../de/lernmaterial/schule-ausbildung/schulpause-in-deutschland.html" target="_self" aria-label="Schule und Ausbildung, Schulpause in Deutschland, Sprachniveau A2" tabindex="0">
<picture>
<source type=image/webp srcset="/resources/files/jpg1431/schulpause-in-deutschland_4032x2688-formatkey-webp-w160r.jpg 160w, /resources/files/jpg1431/schulpause-in-deutschland_4032x2688-formatkey-webp-w320r.jpg 320w, /resources/files/jpg1431/schulpause-in-deutschland_4032x2688-formatkey-webp-w480r.jpg 480w, /resources/files/jpg1431/schulpause-in-deutschland_4032x2688-formatkey-webp-w640r.jpg 640w, /resources/files/jpg1431/schulpause-in-deutschland_4032x2688-formatkey-webp-w800r.jpg 800w, /resources/files/jpg1431/schulpause-in-deutschland_4032x2688-formatkey-webp-w960r.jpg 960w, /resources/files/jpg1431/schulpause-in-deutschland_4032x2688-formatkey-webp-w1120r.jpg 1120w, /resources/files/jpg1431/schulpause-in-deutschland_4032x2688-formatkey-webp-w1280r.jpg 1280w, /resources/files/jpg1431/schulpause-in-deutschland_4032x2688-formatkey-webp-w1440r.jpg 1440w, /resources/files/jpg1431/schulpause-in-deutschland_4032x2688-formatkey-webp-w1600r.jpg 1600w, /resources/files/jpg1431/schulpause-in-deutschland_4032x2688-formatkey-webp-w1760r.jpg 1760w, /resources/files/jpg1431/schulpause-in-deutschland_4032x2688-formatkey-webp-w1920r.jpg 1920w" sizes="(min-width: 1440px) 417px, (min-width: 1024px) calc((100vw - 160px) / 3), (min-width: 768px) calc((100vw -80px) / 3), (min-width: 576px) 500px, calc(100vw - 40px)" width="4032" height="2688">
<img src="/resources/files/jpg1431/schulpause-in-deutschland_4032x2688-formatkey-jpg-w320r.jpg" srcset="/resources/files/jpg1431/schulpause-in-deutschland_4032x2688-formatkey-jpg-w160r.jpg 160w, /resources/files/jpg1431/schulpause-in-deutschland_4032x2688-formatkey-jpg-w320r.jpg 320w, /resources/files/jpg1431/schulpause-in-deutschland_4032x2688-formatkey-jpg-w480r.jpg 480w, /resources/files/jpg1431/schulpause-in-deutschland_4032x2688-formatkey-jpg-w640r.jpg 640w, /resources/files/jpg1431/schulpause-in-deutschland_4032x2688-formatkey-jpg-w800r.jpg 800w, /resources/files/jpg1431/schulpause-in-deutschland_4032x2688-formatkey-jpg-w960r.jpg 960w, /resources/files/jpg1431/schulpause-in-deutschland_4032x2688-formatkey-jpg-w1120r.jpg 1120w, /resources/files/jpg1431/schulpause-in-deutschland_4032x2688-formatkey-jpg-w1280r.jpg 1280w, /resources/files/jpg1431/schulpause-in-deutschland_4032x2688-formatkey-jpg-w1440r.jpg 1440w, /resources/files/jpg1431/schulpause-in-deutschland_4032x2688-formatkey-jpg-w1600r.jpg 1600w, /resources/files/jpg1431/schulpause-in-deutschland_4032x2688-formatkey-jpg-w1760r.jpg 1760w, /resources/files/jpg1431/schulpause-in-deutschland_4032x2688-formatkey-jpg-w1920r.jpg 1920w" sizes="(min-width: 1440px) 417px, (min-width: 1024px) calc((100vw - 160px) / 3), (min-width: 768px) calc((100vw -80px) / 3), (min-width: 576px) 500px, calc(100vw - 40px)" alt="Vier Kinder fegen Blätter auf einem Hof zusammen. Neben ihnen steht eine Schubkarre." title="Schulpause in Deutschland: Schulhof fegen" width="4032" height="2688" loading="lazy" class="lazyload" aria-hidden="true">
</picture>
</a>
</div>
<a class="trigger-hover teaser-link" href="../de/lernmaterial/schule-ausbildung/schulpause-in-deutschland.html" target= "_self" tabIndex="-1" aria-hidden="true">
<span class="kicker">Schule und Ausbildung</span>
<h3 class="h4">Schulpause in Deutschland</h3>
<p class="small js-trim" data-lines="3">Im Video erzählen Schülerinnen und Schüler in Deutschland, wie sie ihre Schulpause verbringen.</p>
</a>
</div>
</div>
<div class="row link-wrapper">
<div class="col-12 col-md-6">
<a class="lead arrow blue" href="../de/lernmaterial.html" target="_self">Zum Bereich Lernmaterial</a>
</div>
</div>
<!-- $$object.objbuttons$$ -->
<!-- $$object.wrapperend$$ -->
</div>
<a id="i11016187"></a>
<section class="teaser-container-section bg-blue-sky " id="teaser-743638" aria-labelledby="hdl-743638" data-role="text-teaser-api-extend">
<div class="teaser-container-outer container">
<div class="teaser-container-inner row">
<div class="teaser-column col-12 col-lg-6 offset-lg-1">
<header class="teaser-header ">
<h3 class="teaser-headline h2" id="hdl-743638">
<span class="teaser-hdl ">Praktika an PASCH-Schulen</span>
</h3>
</header>
<div class="teaser-body ">
<p class="teaser-text ">Praktika für Lehramtsstudierende und Freiwilligendienste an PASCH-Schulen bieten jungen Menschen aus Deutschland die Möglichkeit, internationale Erfahrungen zu sammeln.
<div id="gtx-trans" style="position: absolute; left: -63px; top: 23.5px;">
<div class="gtx-trans-icon"> </div>
</div>
</p>
</div>
</div>
<div class="teaser-column col-12 col-lg-4 col-xl-3 offset-lg-1">
<p class="teaser-text-wrapper ">
<a href="../de/pasch-schulen/praktika.html" target="_self" class="teaser-link ">
<span class="teaser-link-text ">Mehr erfahren</span>
</a>
</p>
</div>
</div>
</div>
</section>
<div class="container container-teaser is-slider">
<!-- $$object.wrapperstart$$ -->
<a id="i6480383"></a>
<div class="row">
<div class="col-12">
<h2>Wettbewerbe</h2>
</div>
</div>
<div class="slider-wrapper is-teaser mobile-only">
<div class="teaser-wrapper is-slider teaser-0">
<div class="col-image lvl">
<a class="image-wrapper object-fit ratio-3-2" href="../de/wettbewerbe/wir-zeigen-wie-inklusion-geht.html" target="_self" aria-label="Einsendeschluss ist der 3. Mai 2026., 14. Kroatischer DSD-Kurzfilmwettbewerb 2026: „Wir zeigen, wie Inklusion geht!“" tabindex="0">
<picture>
<source type=image/webp srcset="/resources/files/jpg1432/inklusion_4223x2815_mk-formatkey-webp-w160r.jpg 160w, /resources/files/jpg1432/inklusion_4223x2815_mk-formatkey-webp-w320r.jpg 320w, /resources/files/jpg1432/inklusion_4223x2815_mk-formatkey-webp-w480r.jpg 480w, /resources/files/jpg1432/inklusion_4223x2815_mk-formatkey-webp-w640r.jpg 640w, /resources/files/jpg1432/inklusion_4223x2815_mk-formatkey-webp-w800r.jpg 800w, /resources/files/jpg1432/inklusion_4223x2815_mk-formatkey-webp-w960r.jpg 960w, /resources/files/jpg1432/inklusion_4223x2815_mk-formatkey-webp-w1120r.jpg 1120w, /resources/files/jpg1432/inklusion_4223x2815_mk-formatkey-webp-w1280r.jpg 1280w, /resources/files/jpg1432/inklusion_4223x2815_mk-formatkey-webp-w1440r.jpg 1440w, /resources/files/jpg1432/inklusion_4223x2815_mk-formatkey-webp-w1600r.jpg 1600w, /resources/files/jpg1432/inklusion_4223x2815_mk-formatkey-webp-w1760r.jpg 1760w, /resources/files/jpg1432/inklusion_4223x2815_mk-formatkey-webp-w1920r.jpg 1920w" sizes="(min-width: 1440px) 417px, (min-width: 1024px) calc((100vw - 160px) / 3), (min-width: 768px) calc((100vw -80px) / 3), (min-width: 576px) 500px, calc(100vw - 40px)" width="4223" height="2815">
<img src="/resources/files/jpg1432/inklusion_4223x2815_mk-formatkey-jpg-w320r.jpg" srcset="/resources/files/jpg1432/inklusion_4223x2815_mk-formatkey-jpg-w160r.jpg 160w, /resources/files/jpg1432/inklusion_4223x2815_mk-formatkey-jpg-w320r.jpg 320w, /resources/files/jpg1432/inklusion_4223x2815_mk-formatkey-jpg-w480r.jpg 480w, /resources/files/jpg1432/inklusion_4223x2815_mk-formatkey-jpg-w640r.jpg 640w, /resources/files/jpg1432/inklusion_4223x2815_mk-formatkey-jpg-w800r.jpg 800w, /resources/files/jpg1432/inklusion_4223x2815_mk-formatkey-jpg-w960r.jpg 960w, /resources/files/jpg1432/inklusion_4223x2815_mk-formatkey-jpg-w1120r.jpg 1120w, /resources/files/jpg1432/inklusion_4223x2815_mk-formatkey-jpg-w1280r.jpg 1280w, /resources/files/jpg1432/inklusion_4223x2815_mk-formatkey-jpg-w1440r.jpg 1440w, /resources/files/jpg1432/inklusion_4223x2815_mk-formatkey-jpg-w1600r.jpg 1600w, /resources/files/jpg1432/inklusion_4223x2815_mk-formatkey-jpg-w1760r.jpg 1760w, /resources/files/jpg1432/inklusion_4223x2815_mk-formatkey-jpg-w1920r.jpg 1920w" sizes="(min-width: 1440px) 417px, (min-width: 1024px) calc((100vw - 160px) / 3), (min-width: 768px) calc((100vw -80px) / 3), (min-width: 576px) 500px, calc(100vw - 40px)" alt="Am unteren Rand des Bildes Buntstifte in verschiedenen Farben; in der Mitte des Bildes auf Papier ausgeschnittene und bunt colorierte Menschen unterschiedlicher Haut-/Haarfarben und zwei Menschen im Rollstuhl" title="Wettbewerb: „Wir zeigen, wie Inklusion geht!“" width="4223" height="2815" loading="lazy" class="lazyload" aria-hidden="true">
</picture>
</a>
</div>
<a class="trigger-hover teaser-link" href="../de/wettbewerbe/wir-zeigen-wie-inklusion-geht.html" target= "_self" tabIndex="-1" aria-hidden="true">
<span class="kicker">Einsendeschluss ist der 3. Mai 2026.</span>
<h3 class="h4">14. Kroatischer DSD-Kurzfilmwettbewerb 2026: „Wir zeigen, wie Inklusion geht!“</h3>
<p class="small js-trim" data-lines="3">Was bedeutet Inklusion eigentlich wirklich – im Alltag, in der Schule und im Beruf? Wo gelingt Inklusion bereits und wo gibt es noch Nachholbedarf? Setzt euch mit diesen Fragen in kurzen, kreativen Videos auseinander und gewinnt tolle Preise!</p>
</a>
</div>
<div class="teaser-wrapper is-slider teaser-1">
<div class="col-image lvl">
<a class="image-wrapper object-fit ratio-3-2" href="../de/wettbewerbe/paschport.html" target="_self" aria-label="Einsendeschluss war der 9. März 2026., PASCHPort – Zeig uns deine Zukunft!" tabindex="0">
<picture>
<source type=image/webp srcset="/resources/files/jpg1431/paschport_poster_website-v1-formatkey-webp-w160r.jpg 160w, /resources/files/jpg1431/paschport_poster_website-v1-formatkey-webp-w320r.jpg 320w, /resources/files/jpg1431/paschport_poster_website-v1-formatkey-webp-w480r.jpg 480w, /resources/files/jpg1431/paschport_poster_website-v1-formatkey-webp-w640r.jpg 640w, /resources/files/jpg1431/paschport_poster_website-v1-formatkey-webp-w800r.jpg 800w, /resources/files/jpg1431/paschport_poster_website-v1-formatkey-webp-w960r.jpg 960w, /resources/files/jpg1431/paschport_poster_website-v1-formatkey-webp-w1120r.jpg 1120w, /resources/files/jpg1431/paschport_poster_website-v1-formatkey-webp-w1280r.jpg 1280w, /resources/files/jpg1431/paschport_poster_website-v1-formatkey-webp-default-r.jpg 1425w" sizes="(min-width: 1440px) 417px, (min-width: 1024px) calc((100vw - 160px) / 3), (min-width: 768px) calc((100vw -80px) / 3), (min-width: 576px) 500px, calc(100vw - 40px)" width="1425" height="1015">
<img src="/resources/files/jpg1431/paschport_poster_website-v1-formatkey-jpg-w320r.jpg" srcset="/resources/files/jpg1431/paschport_poster_website-v1-formatkey-jpg-w160r.jpg 160w, /resources/files/jpg1431/paschport_poster_website-v1-formatkey-jpg-w320r.jpg 320w, /resources/files/jpg1431/paschport_poster_website-v1-formatkey-jpg-w480r.jpg 480w, /resources/files/jpg1431/paschport_poster_website-v1-formatkey-jpg-w640r.jpg 640w, /resources/files/jpg1431/paschport_poster_website-v1-formatkey-jpg-w800r.jpg 800w, /resources/files/jpg1431/paschport_poster_website-v1-formatkey-jpg-w960r.jpg 960w, /resources/files/jpg1431/paschport_poster_website-v1-formatkey-jpg-w1120r.jpg 1120w, /resources/files/jpg1431/paschport_poster_website-v1-formatkey-jpg-w1280r.jpg 1280w, /resources/files/jpg1431/paschport_poster_website-v1-formatkey-jpg-default-r.jpg 1425w" sizes="(min-width: 1440px) 417px, (min-width: 1024px) calc((100vw - 160px) / 3), (min-width: 768px) calc((100vw -80px) / 3), (min-width: 576px) 500px, calc(100vw - 40px)" alt="Wettbewerb: PASCHPort – Zeig uns deine Zukunft!" title="Wettbewerb: PASCHPort – Zeig uns deine Zukunft!" width="1425" height="1015" loading="lazy" class="lazyload" aria-hidden="true">
</picture>
</a>
</div>
<a class="trigger-hover teaser-link" href="../de/wettbewerbe/paschport.html" target= "_self" tabIndex="-1" aria-hidden="true">
<span class="kicker">Einsendeschluss war der 9. März 2026.</span>
<h3 class="h4">PASCHPort – Zeig uns deine Zukunft!</h3>
<p class="small js-trim" data-lines="3">Gehst du auf eine vom Goethe-Institut betreute PASCH-Schule in der Türkei? Dann dreh ein kreatives Video zum Thema „PASCHPort – Zeig uns deine Zukunft!“ Mitmachen lohnt sich. Es gibt tolle Preise zu gewinnen!</p>
</a>
</div>
<div class="teaser-wrapper is-slider teaser-2">
<div class="col-image lvl">
<a class="image-wrapper object-fit ratio-3-2" href="../de/wettbewerbe/die-pasch-klasse-des-monats.html" target="_self" aria-label=", PASCH-Klasse des Monats 2025" tabindex="0">
<picture>
<source type=image/webp srcset="/resources/files/png174/250101_pasch-net_klassenwettbewerb_3000x2000px_uebersicht-v1-formatkey-webp-w160r.png 160w, /resources/files/png174/250101_pasch-net_klassenwettbewerb_3000x2000px_uebersicht-v1-formatkey-webp-w320r.png 320w, /resources/files/png174/250101_pasch-net_klassenwettbewerb_3000x2000px_uebersicht-v1-formatkey-webp-w480r.png 480w, /resources/files/png174/250101_pasch-net_klassenwettbewerb_3000x2000px_uebersicht-v1-formatkey-webp-w640r.png 640w, /resources/files/png174/250101_pasch-net_klassenwettbewerb_3000x2000px_uebersicht-v1-formatkey-webp-w800r.png 800w, /resources/files/png174/250101_pasch-net_klassenwettbewerb_3000x2000px_uebersicht-v1-formatkey-webp-w960r.png 960w, /resources/files/png174/250101_pasch-net_klassenwettbewerb_3000x2000px_uebersicht-v1-formatkey-webp-w1120r.png 1120w, /resources/files/png174/250101_pasch-net_klassenwettbewerb_3000x2000px_uebersicht-v1-formatkey-webp-w1280r.png 1280w, /resources/files/png174/250101_pasch-net_klassenwettbewerb_3000x2000px_uebersicht-v1-formatkey-webp-w1440r.png 1440w, /resources/files/png174/250101_pasch-net_klassenwettbewerb_3000x2000px_uebersicht-v1-formatkey-webp-w1600r.png 1600w, /resources/files/png174/250101_pasch-net_klassenwettbewerb_3000x2000px_uebersicht-v1-formatkey-webp-w1760r.png 1760w, /resources/files/png174/250101_pasch-net_klassenwettbewerb_3000x2000px_uebersicht-v1-formatkey-webp-w1920r.png 1920w" sizes="(min-width: 1440px) 417px, (min-width: 1024px) calc((100vw - 160px) / 3), (min-width: 768px) calc((100vw -80px) / 3), (min-width: 576px) 500px, calc(100vw - 40px)" width="12501" height="8334">
<img src="/resources/files/png174/250101_pasch-net_klassenwettbewerb_3000x2000px_uebersicht-v1-formatkey-png-w320r.png" srcset="/resources/files/png174/250101_pasch-net_klassenwettbewerb_3000x2000px_uebersicht-v1-formatkey-png-w160r.png 160w, /resources/files/png174/250101_pasch-net_klassenwettbewerb_3000x2000px_uebersicht-v1-formatkey-png-w320r.png 320w, /resources/files/png174/250101_pasch-net_klassenwettbewerb_3000x2000px_uebersicht-v1-formatkey-png-w480r.png 480w, /resources/files/png174/250101_pasch-net_klassenwettbewerb_3000x2000px_uebersicht-v1-formatkey-png-w640r.png 640w, /resources/files/png174/250101_pasch-net_klassenwettbewerb_3000x2000px_uebersicht-v1-formatkey-png-w800r.png 800w, /resources/files/png174/250101_pasch-net_klassenwettbewerb_3000x2000px_uebersicht-v1-formatkey-png-w960r.png 960w, /resources/files/png174/250101_pasch-net_klassenwettbewerb_3000x2000px_uebersicht-v1-formatkey-png-w1120r.png 1120w, /resources/files/png174/250101_pasch-net_klassenwettbewerb_3000x2000px_uebersicht-v1-formatkey-png-w1280r.png 1280w, /resources/files/png174/250101_pasch-net_klassenwettbewerb_3000x2000px_uebersicht-v1-formatkey-png-w1440r.png 1440w, /resources/files/png174/250101_pasch-net_klassenwettbewerb_3000x2000px_uebersicht-v1-formatkey-png-w1600r.png 1600w, /resources/files/png174/250101_pasch-net_klassenwettbewerb_3000x2000px_uebersicht-v1-formatkey-png-w1760r.png 1760w, /resources/files/png174/250101_pasch-net_klassenwettbewerb_3000x2000px_uebersicht-v1-formatkey-png-w1920r.png 1920w" sizes="(min-width: 1440px) 417px, (min-width: 1024px) calc((100vw - 160px) / 3), (min-width: 768px) calc((100vw -80px) / 3), (min-width: 576px) 500px, calc(100vw - 40px)" alt="Mitmachaktion" title="Mitmachaktion" width="12501" height="8334" loading="lazy" class="lazyload" aria-hidden="true">
</picture>
</a>
</div>
<a class="trigger-hover teaser-link" href="../de/wettbewerbe/die-pasch-klasse-des-monats.html" target= "_self" tabIndex="-1" aria-hidden="true">
<span class="kicker"></span>
<h3 class="h4">PASCH-Klasse des Monats 2025</h3>
<p class="small js-trim" data-lines="3">Ihr konntet jeden Monat eine neue Aufgabe lösen. Bald geben wir bekannt, wer die PASCH-Klassen des Jahres sind.<br />
</p>
</a>
</div>
</div>
<div class="row link-wrapper">
<div class="col-12 col-md-6">
<a class="lead arrow blue" href="../de/wettbewerbe.html" target="_self">Zum Bereich Wettbewerbe</a>
</div>
</div>
<!-- $$object.objbuttons$$ -->
<!-- $$object.wrapperend$$ -->
</div>
<div class="container container-image-box container-mb">
<!-- $$object.wrapperstart$$ -->
<a id="i10042127"></a>
<div class="row image-box-wrapper">
<div class="col-12">
<div class="image-wrapper object-fit is-full">
<picture>
<source type=image/webp srcset="/resources/files/png206/pasch-klasse-dezember-2025-formatkey-webp-w160r.png 160w, /resources/files/png206/pasch-klasse-dezember-2025-formatkey-webp-w320r.png 320w, /resources/files/png206/pasch-klasse-dezember-2025-formatkey-webp-w480r.png 480w, /resources/files/png206/pasch-klasse-dezember-2025-formatkey-webp-w640r.png 640w, /resources/files/png206/pasch-klasse-dezember-2025-formatkey-webp-w800r.png 800w, /resources/files/png206/pasch-klasse-dezember-2025-formatkey-webp-w960r.png 960w, /resources/files/png206/pasch-klasse-dezember-2025-formatkey-webp-w1120r.png 1120w, /resources/files/png206/pasch-klasse-dezember-2025-formatkey-webp-w1280r.png 1280w, /resources/files/png206/pasch-klasse-dezember-2025-formatkey-webp-w1440r.png 1440w, /resources/files/png206/pasch-klasse-dezember-2025-formatkey-webp-w1600r.png 1600w, /resources/files/png206/pasch-klasse-dezember-2025-formatkey-webp-w1760r.png 1760w, /resources/files/png206/pasch-klasse-dezember-2025-formatkey-webp-w1920r.png 1920w" sizes=" (min-width: 1440px) 1330px, (min-width: 1380px) 1300px, (min-width: 1024px) calc(100vw-80px), (min-width: 768px) 680px, (min-width: 576px) 540px, 100vw" width="3000" height="2000">
<img src="/resources/files/png206/pasch-klasse-dezember-2025-formatkey-png-w320r.png" srcset="/resources/files/png206/pasch-klasse-dezember-2025-formatkey-png-w160r.png 160w, /resources/files/png206/pasch-klasse-dezember-2025-formatkey-png-w320r.png 320w, /resources/files/png206/pasch-klasse-dezember-2025-formatkey-png-w480r.png 480w, /resources/files/png206/pasch-klasse-dezember-2025-formatkey-png-w640r.png 640w, /resources/files/png206/pasch-klasse-dezember-2025-formatkey-png-w800r.png 800w, /resources/files/png206/pasch-klasse-dezember-2025-formatkey-png-w960r.png 960w, /resources/files/png206/pasch-klasse-dezember-2025-formatkey-png-w1120r.png 1120w, /resources/files/png206/pasch-klasse-dezember-2025-formatkey-png-w1280r.png 1280w, /resources/files/png206/pasch-klasse-dezember-2025-formatkey-png-w1440r.png 1440w, /resources/files/png206/pasch-klasse-dezember-2025-formatkey-png-w1600r.png 1600w, /resources/files/png206/pasch-klasse-dezember-2025-formatkey-png-w1760r.png 1760w, /resources/files/png206/pasch-klasse-dezember-2025-formatkey-png-w1920r.png 1920w" sizes=" (min-width: 1440px) 1330px, (min-width: 1380px) 1300px, (min-width: 1024px) calc(100vw-80px), (min-width: 768px) 680px, (min-width: 576px) 540px, 100vw" alt="Bild von einem Schulhof, der von einem Schulgebäude mit hohen Fenstern umgeben ist" title="PASCH-Klasse Dezember 2026" width="3000" height="2000" loading="lazy" class="lazyload">
</picture>
</div>
<span class="copyright is-right">© Team „Asla Umudunu Yitirmeyenler“</span>
</div>
<div class="text-wrapper col-12 col-md-10 col-lg-7 offset-lg-1 is-full">
<div class="text-inner">
<h3>Dezember: PASCH-Klasse des Monats </h3>
<p class="big"><p>Das Gewinnerteam im Dezember steht fest: Es nennt sich „Asla Umudunu Yitirmeyenler“ und kommt aus der Türkei. Übersetzt bedeutet der Name „Menschen, die niemals die Hoffnung verlieren“. In ihrem Beitrag zur Challenge „Deutsche Spuren“ berichten sie über den deutschen Architekten Bruno Taut, der ihre Schule entworfen hat. Diese empfinden sie als eine besonders angenehme Lernumgebung. Herzlichen Glückwunsch!</p>
</p>
<a class="button" href="../de/wettbewerbe/die-pasch-klasse-des-monats/dezember.html" target="_self">Mehr erfahren</a>
</div>
</div>
</div>
<!-- $$object.objbuttons$$ -->
<!-- $$object.wrapperend$$ -->
</div>
<div class="container container-discover">
<!-- $$object.wrapperstart$$ -->
<a id="i6410813"></a>
<div class="row">
<div class="col-12">
<h2>PASCH-net entdecken</h2>
</div>
</div>
<div class="row">
<div class="col-12 col-md-4 discover-wrapper">
<a class="image-wrapper object-fit" href="../de/lernmaterial/unterricht/onlineseminar.html" target="_self" aria-label="Online-Seminare">
<picture>
<source type=image/webp srcset="/resources/files/jpg1367/gettyimages-v103-formatkey-webp-w160r.jpg 160w, /resources/files/jpg1367/gettyimages-v103-formatkey-webp-w320r.jpg 320w, /resources/files/jpg1367/gettyimages-v103-formatkey-webp-w480r.jpg 480w, /resources/files/jpg1367/gettyimages-v103-formatkey-webp-w640r.jpg 640w, /resources/files/jpg1367/gettyimages-v103-formatkey-webp-w800r.jpg 800w, /resources/files/jpg1367/gettyimages-v103-formatkey-webp-w960r.jpg 960w, /resources/files/jpg1367/gettyimages-v103-formatkey-webp-w1120r.jpg 1120w, /resources/files/jpg1367/gettyimages-v103-formatkey-webp-w1280r.jpg 1280w, /resources/files/jpg1367/gettyimages-v103-formatkey-webp-w1440r.jpg 1440w, /resources/files/jpg1367/gettyimages-v103-formatkey-webp-w1600r.jpg 1600w, /resources/files/jpg1367/gettyimages-v103-formatkey-webp-w1760r.jpg 1760w, /resources/files/jpg1367/gettyimages-v103-formatkey-webp-w1920r.jpg 1920w" sizes="(min-width: 1440px) 417px, (min-width: 1024px) calc((100vw - 160px) / 3), (min-width: 768px) calc((100vw - 80px) / 3), (min-width: 576px) 500px, calc(100vw - 40px)" width="6598" height="4304">
<img src="/resources/files/jpg1367/gettyimages-v103-formatkey-jpg-w320r.jpg" srcset="/resources/files/jpg1367/gettyimages-v103-formatkey-jpg-w160r.jpg 160w, /resources/files/jpg1367/gettyimages-v103-formatkey-jpg-w320r.jpg 320w, /resources/files/jpg1367/gettyimages-v103-formatkey-jpg-w480r.jpg 480w, /resources/files/jpg1367/gettyimages-v103-formatkey-jpg-w640r.jpg 640w, /resources/files/jpg1367/gettyimages-v103-formatkey-jpg-w800r.jpg 800w, /resources/files/jpg1367/gettyimages-v103-formatkey-jpg-w960r.jpg 960w, /resources/files/jpg1367/gettyimages-v103-formatkey-jpg-w1120r.jpg 1120w, /resources/files/jpg1367/gettyimages-v103-formatkey-jpg-w1280r.jpg 1280w, /resources/files/jpg1367/gettyimages-v103-formatkey-jpg-w1440r.jpg 1440w, /resources/files/jpg1367/gettyimages-v103-formatkey-jpg-w1600r.jpg 1600w, /resources/files/jpg1367/gettyimages-v103-formatkey-jpg-w1760r.jpg 1760w, /resources/files/jpg1367/gettyimages-v103-formatkey-jpg-w1920r.jpg 1920w" sizes="(min-width: 1440px) 417px, (min-width: 1024px) calc((100vw - 160px) / 3), (min-width: 768px) calc((100vw - 80px) / 3), (min-width: 576px) 500px, calc(100vw - 40px)" alt="Zwei junge Frauen sitzen am Schreibtisch und arbeiten am Computer und Laptop. Sie unterhalten sich und lachen. Im Hintergrund arbeitet ein Mann konzentriert, er trägt einen Kopfhörer. Er ist unscharf abgebildet." title="Online-Seminare zu PASCH-net" width="6598" height="4304" loading="lazy" class="lazyload" aria-hidden="true">
</picture>
<h3 aria-hidden="true">Online-Seminare</h3>
</a>
</div>
<div class="col-12 col-md-4 discover-wrapper">
<a class="image-wrapper object-fit" href="../de/pasch-schulen/schulpartnerschaften.html" target="_self" aria-label="Internationale Schulpartnerschaften">
<picture>
<source type=image/webp srcset="/resources/files/jpg881/pad-schulparternschaften-formatkey-webp-w160r.jpg 160w, /resources/files/jpg881/pad-schulparternschaften-formatkey-webp-w320r.jpg 320w, /resources/files/jpg881/pad-schulparternschaften-formatkey-webp-w480r.jpg 480w, /resources/files/jpg881/pad-schulparternschaften-formatkey-webp-w640r.jpg 640w, /resources/files/jpg881/pad-schulparternschaften-formatkey-webp-w800r.jpg 800w, /resources/files/jpg881/pad-schulparternschaften-formatkey-webp-w960r.jpg 960w, /resources/files/jpg881/pad-schulparternschaften-formatkey-webp-w1120r.jpg 1120w, /resources/files/jpg881/pad-schulparternschaften-formatkey-webp-w1280r.jpg 1280w, /resources/files/jpg881/pad-schulparternschaften-formatkey-webp-w1440r.jpg 1440w, /resources/files/jpg881/pad-schulparternschaften-formatkey-webp-w1600r.jpg 1600w, /resources/files/jpg881/pad-schulparternschaften-formatkey-webp-w1760r.jpg 1760w, /resources/files/jpg881/pad-schulparternschaften-formatkey-webp-w1920r.jpg 1920w" sizes="(min-width: 1440px) 417px, (min-width: 1024px) calc((100vw - 160px) / 3), (min-width: 768px) calc((100vw - 80px) / 3), (min-width: 576px) 500px, calc(100vw - 40px)" width="3000" height="2000">
<img src="/resources/files/jpg881/pad-schulparternschaften-formatkey-jpg-w320r.jpg" srcset="/resources/files/jpg881/pad-schulparternschaften-formatkey-jpg-w160r.jpg 160w, /resources/files/jpg881/pad-schulparternschaften-formatkey-jpg-w320r.jpg 320w, /resources/files/jpg881/pad-schulparternschaften-formatkey-jpg-w480r.jpg 480w, /resources/files/jpg881/pad-schulparternschaften-formatkey-jpg-w640r.jpg 640w, /resources/files/jpg881/pad-schulparternschaften-formatkey-jpg-w800r.jpg 800w, /resources/files/jpg881/pad-schulparternschaften-formatkey-jpg-w960r.jpg 960w, /resources/files/jpg881/pad-schulparternschaften-formatkey-jpg-w1120r.jpg 1120w, /resources/files/jpg881/pad-schulparternschaften-formatkey-jpg-w1280r.jpg 1280w, /resources/files/jpg881/pad-schulparternschaften-formatkey-jpg-w1440r.jpg 1440w, /resources/files/jpg881/pad-schulparternschaften-formatkey-jpg-w1600r.jpg 1600w, /resources/files/jpg881/pad-schulparternschaften-formatkey-jpg-w1760r.jpg 1760w, /resources/files/jpg881/pad-schulparternschaften-formatkey-jpg-w1920r.jpg 1920w" sizes="(min-width: 1440px) 417px, (min-width: 1024px) calc((100vw - 160px) / 3), (min-width: 768px) calc((100vw - 80px) / 3), (min-width: 576px) 500px, calc(100vw - 40px)" alt="Internationale Schulpartnerschaften" title="Internationale Schulpartnerschaften" width="3000" height="2000" loading="lazy" class="lazyload" aria-hidden="true">
</picture>
<h3 aria-hidden="true">Internationale Schulpartnerschaften</h3>
</a>
</div>
<div class="col-12 col-md-4 discover-wrapper">
<a class="image-wrapper object-fit" href="../de/pasch-initiative/pasch-geschichten/karriere-mit-deutsch-serie.html" target="_self" aria-label="PASCH-Geschichten">
<picture>
<source type=image/webp srcset="/resources/files/jpg1219/aldi-rinaldi_melia-bali1-formatkey-webp-w160r.jpg 160w, /resources/files/jpg1219/aldi-rinaldi_melia-bali1-formatkey-webp-w320r.jpg 320w, /resources/files/jpg1219/aldi-rinaldi_melia-bali1-formatkey-webp-w480r.jpg 480w, /resources/files/jpg1219/aldi-rinaldi_melia-bali1-formatkey-webp-w640r.jpg 640w, /resources/files/jpg1219/aldi-rinaldi_melia-bali1-formatkey-webp-w800r.jpg 800w, /resources/files/jpg1219/aldi-rinaldi_melia-bali1-formatkey-webp-w960r.jpg 960w, /resources/files/jpg1219/aldi-rinaldi_melia-bali1-formatkey-webp-w1120r.jpg 1120w, /resources/files/jpg1219/aldi-rinaldi_melia-bali1-formatkey-webp-w1280r.jpg 1280w, /resources/files/jpg1219/aldi-rinaldi_melia-bali1-formatkey-webp-w1440r.jpg 1440w, /resources/files/jpg1219/aldi-rinaldi_melia-bali1-formatkey-webp-w1600r.jpg 1600w, /resources/files/jpg1219/aldi-rinaldi_melia-bali1-formatkey-webp-w1760r.jpg 1760w, /resources/files/jpg1219/aldi-rinaldi_melia-bali1-formatkey-webp-default-r.jpg 1817w" sizes="(min-width: 1440px) 417px, (min-width: 1024px) calc((100vw - 160px) / 3), (min-width: 768px) calc((100vw - 80px) / 3), (min-width: 576px) 500px, calc(100vw - 40px)" width="1817" height="1211">
<img src="/resources/files/jpg1219/aldi-rinaldi_melia-bali1-formatkey-jpg-w320r.jpg" srcset="/resources/files/jpg1219/aldi-rinaldi_melia-bali1-formatkey-jpg-w160r.jpg 160w, /resources/files/jpg1219/aldi-rinaldi_melia-bali1-formatkey-jpg-w320r.jpg 320w, /resources/files/jpg1219/aldi-rinaldi_melia-bali1-formatkey-jpg-w480r.jpg 480w, /resources/files/jpg1219/aldi-rinaldi_melia-bali1-formatkey-jpg-w640r.jpg 640w, /resources/files/jpg1219/aldi-rinaldi_melia-bali1-formatkey-jpg-w800r.jpg 800w, /resources/files/jpg1219/aldi-rinaldi_melia-bali1-formatkey-jpg-w960r.jpg 960w, /resources/files/jpg1219/aldi-rinaldi_melia-bali1-formatkey-jpg-w1120r.jpg 1120w, /resources/files/jpg1219/aldi-rinaldi_melia-bali1-formatkey-jpg-w1280r.jpg 1280w, /resources/files/jpg1219/aldi-rinaldi_melia-bali1-formatkey-jpg-w1440r.jpg 1440w, /resources/files/jpg1219/aldi-rinaldi_melia-bali1-formatkey-jpg-w1600r.jpg 1600w, /resources/files/jpg1219/aldi-rinaldi_melia-bali1-formatkey-jpg-w1760r.jpg 1760w, /resources/files/jpg1219/aldi-rinaldi_melia-bali1-formatkey-jpg-default-r.jpg 1817w" sizes="(min-width: 1440px) 417px, (min-width: 1024px) calc((100vw - 160px) / 3), (min-width: 768px) calc((100vw - 80px) / 3), (min-width: 576px) 500px, calc(100vw - 40px)" alt="Aldi Rinaldi" title=" Aldi-Rinaldi_Melia" width="1817" height="1211" loading="lazy" class="lazyload" aria-hidden="true">
</picture>
<h3 aria-hidden="true">PASCH-Geschichten</h3>
</a>
</div>
</div>
<!-- $$object.objbuttons$$ -->
<!-- $$object.wrapperend$$ -->
</div>
<div class="container container-image-box container-mb">
<!-- $$object.wrapperstart$$ -->
<a id="i8945311"></a>
<div class="row image-box-wrapper">
<div class="col-12">
<div class="image-wrapper object-fit is-full">
<picture>
<source type=image/webp srcset="/resources/files/jpg1415/goethe-institut---school-leaders-summit-2025-sri-lanka-01591-formatkey-webp-w160r.jpg 160w, /resources/files/jpg1415/goethe-institut---school-leaders-summit-2025-sri-lanka-01591-formatkey-webp-w320r.jpg 320w, /resources/files/jpg1415/goethe-institut---school-leaders-summit-2025-sri-lanka-01591-formatkey-webp-w480r.jpg 480w, /resources/files/jpg1415/goethe-institut---school-leaders-summit-2025-sri-lanka-01591-formatkey-webp-w640r.jpg 640w, /resources/files/jpg1415/goethe-institut---school-leaders-summit-2025-sri-lanka-01591-formatkey-webp-w800r.jpg 800w, /resources/files/jpg1415/goethe-institut---school-leaders-summit-2025-sri-lanka-01591-formatkey-webp-w960r.jpg 960w, /resources/files/jpg1415/goethe-institut---school-leaders-summit-2025-sri-lanka-01591-formatkey-webp-w1120r.jpg 1120w, /resources/files/jpg1415/goethe-institut---school-leaders-summit-2025-sri-lanka-01591-formatkey-webp-w1280r.jpg 1280w, /resources/files/jpg1415/goethe-institut---school-leaders-summit-2025-sri-lanka-01591-formatkey-webp-w1440r.jpg 1440w, /resources/files/jpg1415/goethe-institut---school-leaders-summit-2025-sri-lanka-01591-formatkey-webp-w1600r.jpg 1600w, /resources/files/jpg1415/goethe-institut---school-leaders-summit-2025-sri-lanka-01591-formatkey-webp-w1760r.jpg 1760w, /resources/files/jpg1415/goethe-institut---school-leaders-summit-2025-sri-lanka-01591-formatkey-webp-w1920r.jpg 1920w" sizes=" (min-width: 1440px) 1330px, (min-width: 1380px) 1300px, (min-width: 1024px) calc(100vw-80px), (min-width: 768px) 680px, (min-width: 576px) 540px, 100vw" width="5702" height="3801">
<img src="/resources/files/jpg1415/goethe-institut---school-leaders-summit-2025-sri-lanka-01591-formatkey-jpg-w320r.jpg" srcset="/resources/files/jpg1415/goethe-institut---school-leaders-summit-2025-sri-lanka-01591-formatkey-jpg-w160r.jpg 160w, /resources/files/jpg1415/goethe-institut---school-leaders-summit-2025-sri-lanka-01591-formatkey-jpg-w320r.jpg 320w, /resources/files/jpg1415/goethe-institut---school-leaders-summit-2025-sri-lanka-01591-formatkey-jpg-w480r.jpg 480w, /resources/files/jpg1415/goethe-institut---school-leaders-summit-2025-sri-lanka-01591-formatkey-jpg-w640r.jpg 640w, /resources/files/jpg1415/goethe-institut---school-leaders-summit-2025-sri-lanka-01591-formatkey-jpg-w800r.jpg 800w, /resources/files/jpg1415/goethe-institut---school-leaders-summit-2025-sri-lanka-01591-formatkey-jpg-w960r.jpg 960w, /resources/files/jpg1415/goethe-institut---school-leaders-summit-2025-sri-lanka-01591-formatkey-jpg-w1120r.jpg 1120w, /resources/files/jpg1415/goethe-institut---school-leaders-summit-2025-sri-lanka-01591-formatkey-jpg-w1280r.jpg 1280w, /resources/files/jpg1415/goethe-institut---school-leaders-summit-2025-sri-lanka-01591-formatkey-jpg-w1440r.jpg 1440w, /resources/files/jpg1415/goethe-institut---school-leaders-summit-2025-sri-lanka-01591-formatkey-jpg-w1600r.jpg 1600w, /resources/files/jpg1415/goethe-institut---school-leaders-summit-2025-sri-lanka-01591-formatkey-jpg-w1760r.jpg 1760w, /resources/files/jpg1415/goethe-institut---school-leaders-summit-2025-sri-lanka-01591-formatkey-jpg-w1920r.jpg 1920w" sizes=" (min-width: 1440px) 1330px, (min-width: 1380px) 1300px, (min-width: 1024px) calc(100vw-80px), (min-width: 768px) 680px, (min-width: 576px) 540px, 100vw" alt="xxx" title="Schulleiterkonferenz in Sri Lanka" width="5702" height="3801" loading="lazy" class="lazyload">
</picture>
</div>
<span class="copyright is-right"> © Goethe-Institut Indien</span>
</div>
<div class="text-wrapper col-12 col-md-10 col-lg-7 offset-lg-1 is-full">
<div class="text-inner">
<h3>PASCH aktuell – Nachrichten aus aller Welt</h3>
<p class="big"><p>Was gibt es Neues in der PASCH-Welt? Partner und Beteiligte der PASCH-Initiative berichten über aktuelle Entwicklungen, Projekte und Veranstaltungen.</p>
</p>
<a class="button" href="../de/pasch-initiative/pasch-aktuell.html" target="_self">Mehr erfahren</a>
</div>
</div>
</div>
<!-- $$object.objbuttons$$ -->
<!-- $$object.wrapperend$$ -->
</div>
</main>
</div>
<footer id="footer">
<div class="container">
<div class="background-logo"><img class="lazyload" src="../assets/img/logos/logo-transparent.svg" width="420" height="327" title="" alt="" aria-hidden="true"></div>
<div class="row">
<div class="col-12"><span class="label">gemeinsam. lernen. weltweit.</span></div>
<div class="col-12 col-md-4 col-lg-3 col-xl-2">
<ul>
<li><a class="footer-link" href="/de/lernmaterial.html" alt="" aria-label="Lernmaterial">Lernmaterial</a></li>
<li><a class="footer-link" href="/de/wettbewerbe.html" alt="" aria-label="Wettbewerbe">Wettbewerbe</a></li>
<li><a class="footer-link" href="/de/pasch-schulen/schulportraets.html" alt="" aria-label="Schulporträts">Schulporträts</a></li>
<li><a class="footer-link" href="/de/pasch-schulen/schulpartnerschaften.html" alt="" aria-label="Schulpartnerschaften">Schulpartnerschaften</a></li>
</ul>
</div>
<div class="col-12 col-md-4 col-lg-9">
<ul>
<li><a class="footer-link" href="/de/pasch-schulen/weltkarte.html" alt="" aria-label="Weltkarte">Weltkarte</a></li>
<li><a class="footer-link" href="/de/pasch-initiative/ueber-die-initiative.html" alt="" aria-label="Über die Initiative">Über die Initiative</a></li>
<li><a class="footer-link" href="/de/pasch-schulen/praktika.html" alt="" aria-label="Praktika">Praktika</a></li>
</ul>
</div>
<div class="col-12 col-lg-4 col-xl-3"><a class="newsletter" href="https://www.pasch-net.de/de/newsletter-abonnieren.html" aria-label="Zum Newsletter anmelden">
<hr><img src="../assets/img/icons/icon-newsletter.svg" title="" alt="" aria-hidden="true"><img class="arrow" src="../assets/img/icons/icon-arrow-black.svg" title="" alt="" aria-hidden="true"><span>Zum Newsletter anmelden</span>
<hr></a></div>
<div class="col-12 col-lg-6 footer-wrapper social-wrapper">
<ul class="social-icons">
<li><a class="footer-link" href="https://www.instagram.com/paschnet/" rel="nofollow" alt="instagram" title="instagram" target="_blank" aria-label="Besuche uns auf Instagram"><img src="../assets/img/icons/icon-instagram.svg" title="" alt="" aria-hidden="true"></a></li>
</ul>
</div>
<div class="col-12 footer-wrapper privacy-wrapper">
<ul class="privacy">
<li>
<a class="footer-link " href="../de/pasch-initiative/faq.html" aria-label="FAQ–Häufige Fragen">
FAQ–Häufige Fragen
</a>
</li>
<li>
<a class="footer-link " href="../de/kontakt.html" aria-label="Kontakt">
Kontakt
</a>
</li>
<li>
<a class="footer-link " href="../de/impressum.html" aria-label="Impressum">
Impressum
</a>
</li>
<li>
<a class="footer-link " href="../de/impressum/nutzungsbedingungen.html" aria-label="Nutzungsbedingungen">
Nutzungsbedingungen
</a>
</li>
<li>
<a class="footer-link " href="../de/datenschutz.html" aria-label="Datenschutz">
Datenschutz
</a>
</li>
<li><a class="footer-link" href="javascript:UC_UI.showSecondLayer(); void 0" aria-label="Privatsphäre-Einstellungen">Privatsphäre-Einstellungen</a></li>
<li>
<a class="footer-link d-flex align-items-center" href="../de/leichte-sprache.html" aria-label="Leichte Sprache">
<img src="../assets/img/icons/icon-easy-language-outlined-bold.svg" alt="Leichte Sprache" aria-hidden="true" />
Leichte Sprache
</a>
</li>
<li>
<a class="footer-link d-flex align-items-center" href="../de/gebaerdensprache.html" aria-label="Gebärdensprache">
<img src="../assets/img/icons/icon-hand-outlined-bold.svg" alt="Gebärdensprache" aria-hidden="true" />
Gebärdensprache
</a>
</li>
<li>
<a class="footer-link " href="../de/barrierefreiheit.html" aria-label="Erklärung zur Barrierefreiheit">
Erklärung zur Barrierefreiheit
</a>
</li>
</ul>
<span class="copyright">© 2026 Initiative „Schulen: Partner der Zukunft“ (PASCH)</span>
</div>
</div>
</div>
</footer>
<script src="../assets/js/lib/jquery.easing.js" defer="defer"></script>
<script src="../assets/js/lib/picturefill.js" defer="defer"></script>
<script src="../assets/js/build.js" defer="defer"></script>
<script src="../assets/js/0.js" defer="defer"></script>
<script src="../assets/js/1.js" defer="defer"></script>
<script src="../assets/js/2.js" defer="defer"></script>
<script src="../assets/js/3.js" defer="defer"></script>
<script src="../assets/js/4.js" defer="defer"></script>
<script src="../assets/js/5.js" defer="defer"></script>
<script src="../assets/js/6.js" defer="defer"></script>
<script src="../assets/js/jquery.gi-merged.gimin.js" defer="defer"></script>
<script src="/services/cas/assets/js/sso.js" defer="defer"></script>
<script src="../assets/js/lib/barba.js" defer="defer"></script>
<script>
var GI_SSO_SETTINGS = {
lang : 2,
loginIframe : '',
app : 'pasch',
locale : 'de',
i18n : {
'login' : 'Mein Goethe.de – Anmelden',
'loginCommentingHint' : 'Melden Sie sich an, um kommentieren zu können.',
'signupSuccess' : 'Ihre Registrierung war erfolgreich',
'signupSuccessHint' : 'Sie können sich jetzt anmelden.',
'userLoggedInText' : 'Mein Goethe.de - [username]'
}
};
function cloneObj(obj) {
return JSON.parse(JSON.stringify(obj));
}
var KEYS = {
artikelDataCacheKey: "artikelDataCacheKey959319",
learnMaterialFilter: "learnMaterialFilter959319",
learnMaterialPosition: "learnMaterialPosition959319",
learnMaterialTotalPages: "learnMaterialTotalPages959319",
competitionFilter: "competitionFilter959319",
competitionPosition: "competitionPosition959319",
competitionTotalPages: "competitionTotalPages959319",
articleNewsFilter: "articleNewsFilter959319",
articleNewsPosition: "articleNewsPosition959319",
articleNewsTotalPages: "articleNewsTotalPages959319",
articleProjectFilter: "articleProjectFilter959319",
articleProjectPosition: "articleProjectPosition959319",
articleProjectTotalPages: "articleProjectTotalPages959319",
schoolProfilesFilter: "schoolProfilesFilter959319",
schoolProfilesPosition: "schoolProfilesPosition959319",
schoolProfilesTotalPages: "schoolProfilesTotalPages959319"
};
var SaveFilterMixin = {
data: function () {
return {
// main bucket data key - TODO: Need to override
itemsKey: 'articles',
// to save filters - TODO: NEED TO OVERRIDE
sessionStorageKey: "",
// to save position & latest pages - TODO: NEED TO OVERRIDE
positionKey: "",
totalPagesKey: "",
// for checking purpose
needToScrollAfterInit: false,
scrollPositionAfterInit: 0,
}
},
methods: {
/**
* Make API Request
*/
makeAPIRequest: function() {
// request api for init data
this.request_api()
.then(this.afterInitialization)
.done(this.storeCurrentFilterData)
.fail(this.handleFailedRequest);
// refreshing state
if (this.limit > _limit) {
this.start = cloneObj(this.limit) - _limit;
this.limit = cloneObj(_limit);
}
},
/**
* After Initialization v2
*/
afterInitialization: function(data) {
// this.clearOldItems();
this.setLoading(false);
this.refreshToBasic();
this.items = data[this.itemsKey];
if (this.items.length <= 0) {
this.is_no_item = true;
this.is_fully_load = true;
return;
}
if (this.items.length < _limit) {
this.is_fully_load = true;
}
this.afterInitScrollToPreviousPosition();
},
/**
* Initialize - Get Filters from URL or Saved in the SessionStorage
*/
loadSavedFiltersInitialize: function () {
this.start = 0;
// check if there's existing filter...
var loadedFilters = this.$loadFilters();
var storageFilters = localStorage.getItem(this.sessionStorageKey);
// priority: URL Filter => Storage Filter => No
if (loadedFilters || storageFilters) {
if (loadedFilters) {
$.extend(this.filter_data, loadedFilters);
// save it to the storage
localStorage.setItem(this.sessionStorageKey, JSON.stringify(this.filter_data));
} else {
$.extend(this.filter_data, JSON.parse(storageFilters));
}
// prepare data for the API
this.is_filtering = true;
$.extend(this.filter_data, loadedFilters);
this.applied_filter = cloneObj(this.filter_data);
}
// is user back from the detail page?
var previousBackPosition = parseInt(localStorage.getItem(this.positionKey)) || 0;
var totalPages = parseInt(localStorage.getItem(this.totalPagesKey)) || 0;
var isAbleToScrollAfterInit = previousBackPosition && totalPages;
if (isAbleToScrollAfterInit) {
this.limit = _limit * totalPages;
// cache to use it after api done
this.needToScrollAfterInit = true;
this.scrollPositionAfterInit = previousBackPosition;
} else {
this.clearPositionHistory();
}
// request api for init data
this.makeAPIRequest();
},
/**
* This will be called before request to API for Filtered-Data (Users Action)
*/
beforeAPISaveFilterToStorage: function() {
// save filter to the storage
localStorage.setItem(this.sessionStorageKey, JSON.stringify(this.applied_filter));
},
/**
* Clear Position for every-state we need
*/
clearPositionHistory: function() {
// remove item for sure...
[this.positionKey, this.totalPagesKey].forEach(function (value) {
localStorage.removeItem(value);
});
// clear cache
this.needToScrollAfterInit = false;
this.scrollPositionAfterInit = 0;
},
/**
* [Emit-From-Children]
*/
saveUserCurrentPositionAndPages: function() {
localStorage.setItem(this.positionKey, $(document).scrollTop());
// calculate total pages and set it too
var totalPages = 1;
if (this.start > 0) {
totalPages += (this.start / _limit);
}
localStorage.setItem(this.totalPagesKey, totalPages);
},
/**
* As the func's name
*/
afterInitScrollToPreviousPosition: function () {
if (!this.needToScrollAfterInit) {
return;
}
this.$nextTick(function () {
setTimeout(function () {
// scroll first
window.scroll(0, this.scrollPositionAfterInit);
// clear position
this.clearPositionHistory();
}.bind(this), 1000);
}.bind(this));
},
}
};
var PaschArticleHandlerMixin = {
methods: {
/**
* Trigger this to notify parent to save the position
*/
beforeGoToDetailPage: function() {
this.$emit('save-position', true);
},
/**
* Trigger this method to go to detail page
* @param {String} url the detail page url
*/
goToDetailPage: function(url) {
if (!url) {
throw new TypeError("URL is empty, can't go further!");
}
this.beforeGoToDetailPage();
window.location.href = url;
},
}
};
</script>
<template id="selectOptionControlComponentTemplate">
<select :multiple="isMultiple"
:name="fieldId"
class="kontaktSelectV1"
style="visibility:hidden;">
<option v-if="!isMultiple"
value=""
v-text="config.defaultOptionText"></option>
<option v-for="(optionItem, index) in config.Optionen"
:value="optionItem.value"
v-text="optionItem.text"></option>
</select>
</template>
<template id="fieldFieldComponentTemplate">
<textarea
class="form-input form-text-inputarea"
:id="fieldId"
rows="6"
:name="fieldId"
:value="value"
@input="updateValue($event.target.value)"
></textarea>
</template>
<template id="radioCheckboxControlComponentTemplate">
<div class="form-input-c">
<div class="form-check"
:class="containerClass"
v-for="(optionItem, index) in config.Optionen">
<input :type="fieldType"
class="form-check-input"
:id="getFieldOptionId(index)"
:name="fieldId"
:value="optionItem.value"
@change="updateValue"
>
<label :for="getFieldOptionId(index)"
v-text="optionItem.text"
class="form-check-label"
:class="{'form-check-label-last': index == lastItemIndex}">
</label>
</div>
</div>
</template>
<template id="lineFieldComponentTemplate">
<input class="form-input form-text-input"
:id="fieldId"
:name="fieldId"
placeholder=""
:value="value"
type="text"
@input="updateValue($event.target.value)"
/>
</template>
<template id="infoTextFieldComponentTemplate">
<p class="form-text-infotext">
<strong v-text="config.headline"></strong>
<br/>
<span v-html="config.text"></span>
<br/>
</p>
</template>
<template id="optionComponentTemplate">
<div class="form-group" :class="containerClasses" :id="fieldId">
<field-label
:fieldId="fieldId"
:config="config"
></field-label>
<div class="form-input-c">
<p class="form-text-plain form-text-top"
v-if="config.TextOben"
v-text="config.TextOben"
></p>
<component :is="fieldComponent"
:fieldId="fieldId"
:config="config"
:class="validationErrorClasses"
v-model="emittedValue"
></component>
<span
class="form-text-invalid-c"
v-show="hasError"
>
<label
class="form-text-invalid"
v-text="config.validationMessage"
></label>
</span>
<p class="form-text-plain form-text-bottom"
v-if="config.TextUnten"
v-text="config.TextUnten"
></p>
</div>
</div>
</template>
<template id="fieldComponentTemplate">
<div class="form-group" :class="validationErrorClasses">
<field-label
:fieldId="fieldId"
:config="config"></field-label>
<div class="form-input-c">
<component :is="fieldComponent"
:fieldId="fieldId"
v-model="emittedValue"
:class="validationErrorClasses"
></component>
<span
class="form-text-invalid-c"
v-show="hasError"
>
<label
class="form-text-invalid"
v-text="config.validationMessage"
></label>
</span>
</div>
</div>
</template>
<template id="formObjectTemplate">
<div class="quiz-form-c">
<h2 class="form-h2" v-text="formConfiguration.headline"></h2>
<p class="form-subtitle" v-text="formConfiguration.subtitle"></p>
<form @submit.prevent class="form-standard">
<fieldset class="form-section">
<!-- Render field(s) here -->
<component
v-for="(mappedField, indexKey) in formFieldValues"
:is="mappedField.type"
:config="mappedField.config"
:key="mappedField.config.fieldObjectId"
:index="indexKey"
:hasError="mappedField.hasError"
v-model="mappedField.value">
</component>
</fieldset>
<div class="form-required-text" v-text="formConfiguration.requiredText"></div>
<div class="form-privacy-text" v-html="formConfiguration.privacyText"></div>
<newsletter-checkbox
v-if="formConfiguration.newsletter"
:newsletter="formConfiguration.newsletter"
></newsletter-checkbox>
<!-- reCaptcha always needed -->
<field-recaptcha v-if="formConfiguration.isEnableRecaptcha"
:objectId="formConfiguration.formObjectId"
v-model="googleCaptchaSolveKey"
:hasError="googleCaptchaError">
</field-recaptcha>
<!-- final submit button -->
<field-submit-button
:submitButton="formConfiguration.submitButton"
:disabled="isSubmitting"
@onSubmit="submitForm"
@onCancel="cancelForm"
></field-submit-button>
</form>
</div>
</template>
<template id="formFieldRecaptchaTemplate">
<div class="form-recaptcha D(f) Jc(fe)"
:style="errorStyling"
field-captcha="true"
:id="containerId">
</div>
</template>
<template id="quiz_body_template">
<div>
<div class="quiz-wrapper Mtb(64px) Pos(r)">
<div class="quiz-badge Ta(ce) Pos(a) webfont-medium C-weiss Bgc-gi-orange Tt(up) Br(50%)"
:class="{'quiz-badge-right': isPositionRight}"
>
<div class="badge-text Fs(22px)" v-text="defaultBadgeText"></div>
</div>
<div class="quiz-teaser C-weiss D(f) "
v-show="disable_teaser"
:class="{
'quiz-teaser-image-right': isPositionRight,
'Bgc-gi-gruen-dunkel': quiz_data.bgType === 'darkgreen',
'Bgc-gi-grau-7': quiz_data.bgType === 'darkgrey',
'Bgc-gi-grau-7': bgType === 'darkgrey'
}"
>
<div class="quiz-teaser-img-c" v-if="quiz_data.image">
<span class="teaserBildContainer scaledImage">
<span v-html="quiz_data.image.image_html"></span>
<span class="bildnachweis" v-if="quiz_data.image.copyrightnotice">
{{quiz_data.image.copyrightnotice}}
</span>
</span>
</div>
<div class="quiz-teaser-text-c"
:class="{
'quiz-has-image': quiz_data.image
}">
<h2 class="quiz-teaser-hdl Fs(34px) Lh(1.17) M(0) Mb(14px) C-weiss">
<span class="spitzmarke Fs(14px) Lh(1.14) Mb(4px) Tt(n) D(b)">{{quiz_data.spitzmarke}}<br></span>
<span class="hdl Fs(34px) Lh(1.17) D(b)">{{quiz_data.headline}}</span>
</h2>
<p class="quiz-teaser-text ">
{{quiz_data.teaser_text}}
</p>
<p class="quiz-teaser-author ">
<strong v-html="quiz_data.author"></strong>
</p>
<div class="Mt(32px) D(f) Jc(sb) Al(fs)">
<a href="javascript:void(0);"
@click="startQuiz"
class="gi-btn gi-btn-large gi-btn-rounded Bs(3dp) C-weiss Bgc-gi-orange webfont-medium Tt(up) Fs(16px) gi-btn-quiz">
<span class="gi-btn-text">
{{quiz_data.button_text}}
</span>
</a>
</div>
<div class="quiz-share-c">
<h3 class="quiz-share-hdl">
<span class="D(b) Ta(ce) Tt(n) Fs(20px)">Jetzt teilen</span>
</h3>
<!-- Social Media -->
<div class="box social box social horizontal-start quiz-template">
<div class="socialShare social-share-section">
<div class="social-share-wrapper">
<div class="social-share-item facebook">
<button class="social-share-button" data-share-link="https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Fwww.pasch-net.de%2Fde%2Findex.html"
title="Bei Facebook teilen" type="button" aria-label="Bei Facebook teilen"
onclick="window.handleSocialShareClick(event)"
>
<span class="social-share-icon fa fa-facebook"></span>
<span class="social-share-text" aria-hidden="true" aria-label="teilen">teilen</span>
</button>
</div>
</div>
</div>
<ul class="list-linkliste list-linkliste list-privacy webfont-bold">
<li class="list-item ">
<a class="" href="https://www.pasch-net.de/de/dat.html" target="_blank">
<span class="">Datenschutz</span>
</a>
</li>
</ul>
</div>
</div>
</div>
</div>
<div v-if="is_start">
<quiz-question :type="quiz_data.type"
:list-questions="quiz_data.list_questions"
:is-feedback-immediately="quiz_data.is_feedback_immediately"
:badge-text="defaultBadgeText"
:bg-type="quiz_data.bgType"
@result-ready="showResult">
</quiz-question>
</div>
<div v-if="is_show_result">
<quiz-result :type="quiz_data.type"
:evaluations="quiz_data.evaluations"
:answers="user_questions"
:object-id="objectId"
:badge-text="defaultBadgeText"
:bg-type="quiz_data.bgType"
@do-again="doAgain">
</quiz-result>
</div>
<form-object
v-if="is_show_form && quiz_data.formConfiguration"
:formConfiguration="quiz_data.formConfiguration"
:extendedValues="formExtendedValues"
@formSubmitted="afterSavedFormCompleted"
@formCancelled="closeFormAndOpenTeaser"
></form-object>
</div>
</div>
</template>
<template id="fieldLabelComponentTemplate">
<div class="form-label-c">
<label class="form-label"
:class="fieldLabelSpecificClasses"
:for="fieldId"
v-text="config.headline">
</label>
<p class="form-label-text" v-if="config.headline_subfield" v-text="config.headline_subfield"></p>
</div>
</template>
<template id="feedback_popup_template">
<div class="quiz-overlay-c">
<div class="quiz-overlay-wrapper Pos(r) D(f)">
<div class="quiz-overlay Bgc-weiss Pos(r) D(f) Fd(c)"
:class="{
'quiz-overlay-correct': type == 'correct',
'quiz-overlay-false': type == 'incorrect',
'quiz-overlay-has-image': rightAnswer && rightAnswer.image_html && type == 'incorrect',
}">
<a href="javascript:void(0);" class="quiz-overlay-close C-gi-grau-7" @click="clickedHide">
<span class="hide-text">Schliessen</span>
</a>
<div class="quiz-overlay-image-c" v-if="isCorrect && isSmileyEnabled">
<img :src="correctFeedbackImg" class="quiz-overlay-image-correct Mb(36px)">
<h4 class="Fs(22px) Lh(1.272) M(0) C-gi-grau-7 Tt(n)">
{{feedback.headline_correct}}
</h4>
</div>
<div class="quiz-overlay-image-c" v-if="!isCorrect && isSmileyEnabled">
<img :src="incorrectFeedbackImg" class="quiz-overlay-image-false Mb(36px)">
<h4 class="Fs(22px) Lh(1.272) M(0) C-gi-grau-7 Tt(n)">
{{feedback.headline_wrong}}
</h4>
</div>
<template v-if="rightAnswer">
<div class="quiz-overlay-result-c D(f) Fw(w)"
v-show="!isCorrect"
:class="{'Fw(w)': rightAnswer.image_html}">
<p class="quiz-overlay-text M(0) C-gi-grau-6 Ta(ce)" :class="{'Mb(7px)': rightAnswer.image_html}">
<strong>Richtig ist:</strong>
<br v-if="!rightAnswer.image_html">
<template v-if="!rightAnswer.image_html">„{{rightAnswer.answer_text}}“</template>
</p>
<span class="bildnachweisContainer" v-if="rightAnswer.image_html">
<span v-html="rightAnswer.image_html_popup"></span>
<span class="bildnachweis" v-show="rightAnswer.image_copyright" v-text="rightAnswer.image_copyright"></span>
</span>
<p class="quiz-overlay-text quiz-overlay-text-wrong-answer M(0) Mt(8px) C-gi-grau-6 Ta(ce)">
{{feedback.text_wrong}}
</p>
</div>
<div class="quiz-overlay-result-c D(f)"
v-show="isCorrect">
<p class="quiz-overlay-text quiz-overlay-text-correct-answer M(0) C-gi-grau-6 Ta(ce)">
{{feedback.text_correct}}
</p>
</div>
</template>
<div class="quiz-overlay-button-c Ta(ce)">
<div class="gi-btn-c gi-btn-center Mb(24px)">
<a href="javascript:void(0);"
class="gi-btn gi-btn-large gi-btn-rounded gi-btn-quiz Bs(3dp) C-weiss Br(50%) webfont-medium Tt(up) Fs(16px)"
:class="{
'Bgc-gi-orange': type == 'incorrect',
'Bgc-gi-gruen-hell': type == 'correct'
}"
@click="moveNext">
<span class="gi-btn-text" v-if="!isLastQuestion">
Nächste Frage
</span>
<span class="gi-btn-text" v-if="isLastQuestion">
Zur Auswertung
</span>
</a>
</div>
<h5 class="Fs(16px) Lh(1.43) Tt(n) C-gi-grau-5 M(0)">
<a href="javascript:void(0);" class="C-gi-grau-5" @click="clickedHide">
Antworten nochmal ansehen
</a>
</h5>
</div>
</div>
</div>
</div>
</template>
<template id="quiz_result_template">
<div v-if="ranking">
<section class="quiz-c quiz-completed" v-if="isTypenQuiz">
<div class="quiz-header quiz-header-has-image Bgc-gi-grau-1 Pos(r)" v-show="ranking.image_html">
<div class="quiz-header-image-c" v-if="ranking.image_html">
<span class="bildnachweisContainer">
<span v-html="ranking.image_html"></span>
<span class="bildnachweis" v-show="ranking.image_copyright" v-text="ranking.image_copyright"></span>
</span>
</div>
</div>
<div class="quiz-body"
:class="{
'quiz-has-image': ranking.image_html,
'Bgc-gi-gruen-dunkel': bgType === 'darkgreen',
'Bgc-gi-grau-7': bgType === 'darkgrey'
}">
<div class="quiz-completed-text-c">
<h3 class="quiz-completed-hdl C-weiss M(0) Mb(17px)">
<span class="spitzmarke Fs(14px) Lh(1.14) Mb(4px) Tt(n) D(b)">
Auswertung<br>
</span>
<span class="hdl Fs(34px) Lh(1.17) D(b)" v-text="ranking.headline"></span>
</h3>
<p class="C-weiss Fs(18px) Lh(1.55) M(0) Mb(32px)" v-html="ranking.text"></p>
<div class="quiz-additional-links-c gi-btn-c gi-btn-left">
<a
class="gi-btn gi-btn-large gi-btn-rounded gi-btn-quiz Bs(3dp) C-weiss Bgc-gi-orange Br(50%) webfont-medium Tt(up) Fs(16px) Mb(8px) Mr(8px)"
v-if="hasLinks"
v-for="linkObj in buttonLinks"
:key="linkObj.id"
:href="linkObj.url"
:target="linkObj.target"
>
<span class="gi-btn-text" v-text="linkObj.label"></span>
</a>
</div>
<h4 class="C-weiss Fs(22px) Lh(1.272) M(0) Mb(12px)">Andere Typen</h4>
<div class="accordion quiz-accordion">
<template v-for="(evaluation, index) in evaluations" v-if="evaluation.object_id != ranking.object_id">
<div class="accordion_toggle Fs(22px) Lh(1.272) webfont-medium">
<a href="javascript:void(0);" class="C-gi-grau-7 Pos(r)" v-text="evaluation.headline"></a>
</div>
<div class="accordion_content Fs(18px) Lh(1.55) Pb(66px) C-gi-grau-7 Bgc-gi-grau-1">
<span v-if="evaluation.image_html" class="bildnachweisContainer Mb(18px)">
<span v-html="evaluation.image_html"></span>
<span class="bildnachweis" v-show="evaluation.image_copyright" v-text="evaluation.image_copyright"></span>
</span>
<div v-html="evaluation.text"></div>
</div>
</template>
</div>
<div class="quiz-share-result-c">
<h3 class="quiz-share-hdl">
<span class="C-weiss D(b) Ta(ce) Tt(n) Fs(20px)">Teile das Quiz!</span>
</h3>
<!-- Social Media -->
<div class="box social box social horizontal-start responsive-quiz">
<div class="socialShare social-share-section">
<div class="social-share-wrapper">
<div class="social-share-item facebook">
<button class="social-share-button" data-share-link="https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Fwww.pasch-net.de%2Fde%2Findex.html"
title="Bei Facebook teilen" type="button" aria-label="Bei Facebook teilen"
onclick="window.handleSocialShareClick(event)"
>
<span class="social-share-icon fa fa-facebook"></span>
<span class="social-share-text" aria-hidden="true" aria-label="teilen">teilen</span>
</button>
</div>
</div>
</div>
<ul class="list-linkliste list-linkliste list-privacy webfont-bold">
<li class="list-item ">
<a class="" href="https://www.pasch-net.de/de/dat.html" target="_blank">
<span class="">Datenschutz</span>
</a>
</li>
</ul>
</div>
</div>
<div class="gi-btn-c gi-btn-center Mb(76px)">
<a href="javascript:void(0);"
@click="doAgain"
class="gi-btn gi-btn-large gi-btn-rounded gi-btn-quiz Bs(3dp) C-weiss Bgc-gi-orange Br(50%) webfont-medium Tt(up) Fs(16px)">
<span class="gi-btn-text">Nochmal</span>
</a>
</div>
</div>
</div>
</section>
<section class="quiz-c quiz-completed" v-if="!isTypenQuiz">
<div class="quiz-header quiz-header-has-image Bgc-gi-grau-1 Pos(r)" v-show="ranking.image_html">
<div class="quiz-header-image-c" v-if="ranking.image_html">
<span class="bildnachweisContainer">
<span v-html="ranking.image_html"></span>
<span class="bildnachweis" v-show="ranking.image_copyright" v-text="ranking.image_copyright"></span>
</span>
</div>
</div>
<div class="quiz-body"
:class="{
'quiz-has-image': ranking.image_html,
'Bgc-gi-gruen-dunkel': bgType === 'darkgreen',
'Bgc-gi-grau-7': bgType === 'darkgrey'
}">
<div class="quiz-completed-text-c">
<h3 class="C-weiss M(0) Mb(17px)">
<span class="spitzmarke Fs(14px) Lh(1.14) Mb(4px) Tt(n) D(b)">
Auswertung<br>
</span>
<span class="hdl Fs(34px) Lh(1.17) D(b)" v-text="ranking.headline"></span>
</h3>
<p class="C-weiss M(0)" v-html="ranking.text"
:class="hasLinks ? 'Mb(32px)' : 'Mb(36px)'"
></p>
<div class="quiz-additional-links-c gi-btn-c gi-btn-left">
<a
class="gi-btn gi-btn-large gi-btn-rounded gi-btn-quiz Bs(3dp) C-weiss Bgc-gi-orange Br(50%) webfont-medium Tt(up) Fs(16px) Mb(8px) Mr(8px)"
v-if="hasLinks"
v-for="linkObj in buttonLinks"
:key="linkObj.id"
:href="linkObj.url"
:target="linkObj.target"
>
<span class="gi-btn-text" v-text="linkObj.label"></span>
</a>
</div>
<div class="quiz-share-result-c">
<h3 class="quiz-share-hdl">
<span class="C-weiss D(b) Ta(ce) Tt(n) Fs(20px)">Teile das Quiz!</span>
</h3>
<!-- Social Media -->
<div class="box social box social horizontal-start responsive-quiz">
<div class="socialShare social-share-section">
<div class="social-share-wrapper">
<div class="social-share-item facebook">
<button class="social-share-button" data-share-link="https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Fwww.pasch-net.de%2Fde%2Findex.html"
title="Bei Facebook teilen" type="button" aria-label="Bei Facebook teilen"
onclick="window.handleSocialShareClick(event)"
>
<span class="social-share-icon fa fa-facebook"></span>
<span class="social-share-text" aria-hidden="true" aria-label="teilen">teilen</span>
</button>
</div>
</div>
</div>
<ul class="list-linkliste list-linkliste list-privacy webfont-bold">
<li class="list-item ">
<a class="" href="https://www.pasch-net.de/de/dat.html" target="_blank">
<span class="">Datenschutz</span>
</a>
</li>
</ul>
</div>
</div>
<div class="gi-btn-c gi-btn-center Mb(76px)">
<a href="javascript:void(0);"
@click="doAgain"
class="gi-btn gi-btn-large gi-btn-rounded gi-btn-quiz Bs(3dp) C-weiss Bgc-gi-orange Br(50%) webfont-medium Tt(up) Fs(16px)">
<span class="gi-btn-text">Nochmal</span>
</a>
</div>
</div>
</div>
</section>
</div>
</template>
<template id="fieldSubmitButtonTemplate">
<div class="form-group form-button-c">
<div class="form-button-i">
<button class="standard btnGrau" :disabled="disabled" type="reset" @click="clickCancel">
{{submitButton.resetText}}
</button>
<button class="standard btnBlau" :disabled="disabled" type="submit" @click="clickSubmit">
{{submitButton.submitText}}
</button>
</div>
</div>
</template>
<template id="simple_question_template">
<div class="">
<section class="quiz-c">
<div class="quiz-header Bgc-gi-grau-1 Pos(r)"
:class="{
'quiz-header-has-image': isQuestionHasImage,
'quiz-header-image-full-width': isImagePositionFullWidth,
'quiz-header-has-quad-image quiz-header-image-left D(f)': isImagePositionLeft,
'quiz-header-has-quad-image quiz-header-image-right D(f)': isImagePositionRight
}"
:style="{height: headerHeight}">
<div class="quiz-header-image-c is-rendering" :class="{ 'is-rendering': isRendering }" v-if="current_question_obj.image_position == 'full' && current_question_obj.image_html">
<span class="bildnachweisContainer">
<span v-html="current_question_obj.image_html"></span>
<span class="bildnachweis" v-show="current_question_obj.image_copyright" v-text="current_question_obj.image_copyright"></span>
</span>
</div>
<div class="quiz-progress-c Pos(a)">
<div class="quiz-progess C-gi-grau-5">{{current_question}}/{{total_question}}</div>
</div>
<div class="quiz-question-c"
:class="{
'quiz-has-video': current_question_obj.hasEmbeddedCode
}">
<transition name="fade">
<h3 class="quiz-question-hdl Fs(22px) Lh(1.272) C-gi-grau-7 M(0) Tt(n)" v-show="is_animate_show">
{{current_question_obj.question_text}}
</h3>
</transition>
<div v-if="current_question_obj.hasAudio" class="audio-c Mt(10px)">
<div class="m-lr-a">
<div class="audio-player-c audio-player-light D(f) Pos(r)" aria-label="Audio Player" role="region">
<div class="audio-player-controls-c">
<div class="audio-player-control-btn-c">
<audio :id="audioPlayerContainerName" class="lesson-audio" preload="metadata"><source :src="current_question_obj.audioLink" type="audio/mpeg"></audio>
<button class="audio-player-control-btn" aria-label="Play" v-bind:id="'play-pause' + current_question_obj.object_id" @click="onPlayPause(current_question_obj.object_id)">
<span class="audio-player-icon" v-bind:id="'play-pause_button' + current_question_obj.object_id">
<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 18 19"><path d="M17.23,8.57a1,1,0,0,1,0,1.87L2.77,18.07A1.11,1.11,0,0,1,1,17V2A1.11,1.11,0,0,1,2.77.93Z" class="audio-player-icon-play"></path></svg>
</span>
</button>
</div>
</div>
<div class="audio-player-content">
<div class="progress-bar-c">
<div class="progress-bar-time-c">
<time class="time-current" v-bind:id="'currentPlayTime' + current_question_obj.object_id" datetime="1m 24s">00:00</time>
<time class="time-total" v-bind:id="'duration' + current_question_obj.object_id" datetime="10m 57s">00:00</time>
</div>
<div class="progress-bar" v-bind:id="'slider' + current_question_obj.object_id" role="slider" aria-label="Seek slider" aria-valuemin="0" aria-valuemax="100" aria-valuenow="34" draggable="false">
<div class="progress-list" v-bind:id="'progress-list'+ current_question_obj.object_id" v-on:mousemove="onHover(current_question_obj.object_id)" v-on:onmouseout="onClearHover(current_question_obj.object_id)" @click="onDragging(current_question_obj.object_id)">
<div class="progress-play" v-bind:id="'progress-play' + current_question_obj.object_id" style="width: 0%"></div>
<div class="progress-load" v-bind:id="'progress-load' + current_question_obj.object_id" style="width: 0%;"></div>
<div class="progress-hover" v-bind:id="'progress-hover' + current_question_obj.object_id" style="width: 0%;"></div>
</div>
<div class="progress-button-c" v-bind:id="'progress-button-c' + current_question_obj.object_id" ondrag="dragging()" @keydown="onKeyboardEvents(current_question_obj.object_id);" draggable="true">
<button class="progress-button" aria-label="Progress Button" v-bind:id="'progress-button' + current_question_obj.object_id" style="transform: translateX(0px); position: relative"><span class="sr-only" v-bind:id="'current-playtime-' + current_question_obj.object_id"></span></button>
</div>
</div>
</div>
</div>
</div>
</div>
<p class="copyright-text C-gi-grau-7"
v-show="current_question_obj.audio_copyright"
v-text="current_question_obj.audio_copyright"
></p>
</div>
<div v-if="current_question_obj.hasEmbeddedCode"
class="quiz-embedded-c"
v-html="current_question_obj.embeddedCode.code"
></div>
</div>
<div class="quiz-header-image-quad-c is-rendering" :class="{ 'is-rendering': isRendering }" v-if="current_question_obj.image_position != 'full' && current_question_obj.image_html">
<span class="teaserBildContainer">
<span v-html="current_question_obj.image_html"></span>
<span class="bildnachweis" v-show="current_question_obj.image_copyright" v-text="current_question_obj.image_copyright"></span>
</span>
</div>
</div>
<div class="quiz-body"
:class="{
'quiz-has-image': current_question_obj.image_html,
'Bgc-gi-gruen-dunkel': bgType === 'darkgreen',
'Bgc-gi-grau-7': bgType === 'darkgrey'
}"
:style="{height: bodyHeight}">
<transition name="fade">
<div class="quiz-answer-c" v-show="is_animate_show">
<ul class="answer-list"
:class="{
'answer-type-image': is_image_answer,
'answer-type-text': !is_image_answer
}">
<li class="answer-list-item Bs(3dp)"
v-for="(answer, index) in current_question_obj.answers"
:key="answer.object_id"
@click="selectAnswer(index)"
:class="{
'answer-selected': answer_selected_index === index && !is_show_result,
'answer-list-item-disabled': is_show_result,
'answer-selected-correct': is_show_result && answer.correct_answer,
'answer-selected-false': is_show_result && answer_selected_index == index && !answer.correct_answer
}">
<a href="javascript:void(0);" class="answer-list-link" v-if="answer.image_url">
<span class="bildnachweisContainer">
<span v-html="answer.image_html"></span>
<span class="bildnachweis" v-show="answer.image_copyright" v-text="answer.image_copyright"></span>
</span>
</a>
<a href="javascript:void(0);" class="answer-list-link" v-else>
{{answer.answer_text}}
</a>
</li>
</ul>
</div>
</transition>
<div class="gi-btn-c gi-btn-center Mt(24px)" v-show="show_next_button">
<a href="javascript:void(0);" @click="next" class="gi-btn gi-btn-large gi-btn-rounded gi-btn-quiz Bs(3dp) C-weiss Bgc-gi-orange Br(50%) webfont-medium Tt(up) Fs(16px)">
<span class="gi-btn-text" v-if="!isLastQuestion">
Nächste Frage
</span>
<span class="gi-btn-text" v-if="isLastQuestion">
Zur Auswertung
</span>
</a>
</div>
</div>
<feedback-popup v-if="isFeedbackImmediately"
v-show="is_show_popup"
:feedback="current_question_obj.feedback"
:type="answer_final_type"
:right-answer="right_answer_obj"
:is-last-question="isLastQuestion"
@hide="onHidePopup"
@next="next">
</feedback-popup>
</section>
</div>
</template>
<template id="formNewsletterTemplate">
<div>
<label>
<input type="checkbox" v-model="checked">
{{newsletter.subscribetext}}
</label>
</div>
</template>
<script>
window.bitmovinPlayerConfig = {
key: "59ff3b15-279c-4a9d-bcfd-d66b3cd9be3f",
adaptation: {
preload: false
},
logs: {
bitmovin: false
},
localizationConfig: {
language: "de",
vocabularies: {
de: {"auto":"auto","settings.time.minutes":"Minuten","percent":"{value}%","reset":"Reset","seekBar":"Schieberegler suchen","off":"aus","settings.time.hours":"Stunden","settings.audio.volume":"Volume","normal":"normal","pictureInPicture":"Bild-in-Bild","settings.audio.mute":"Mute","settings.subtitles.font.size":"Font size","close":"schließen","settings.time.seconds":"Sekunden","replay":"Replay","settings.audio.track":"Audio Track","play":"Abspielen","seekBar.durationText":"out of","subtitle.select":"Select subtitle","seekBar.timeshift":"Timeshift","controlBar":"Video-Player Steuerung","default":"Standardeinstellung","live":"Live","open":"öffnen","back":"zurück","settings.video.quality":"Video Quality","speed":"Geschwindigkeit","settings.subtitles.font.color":"Font color","player":"Video-Player","settings.subtitles.window.opacity":"Window opacity","settings":"Settings","seekBar.value":"Value","fullscreen":"Vollbildschirm","playPause":"Pausieren\r\n","settings.subtitles":"Subtitles"}
}
}
};
window.awsSourcingErrorMessage = `Video Source Unavailable
We apologize, but the video source is currently unavailable. Please try again later.`;
window.awsCloudAssetsUrlEndpoint = "https://vams-api.goethe.de/prod/api/v1/public/assets/";
window.awsCloudAssetsRequestHeader = {
"x-api-key":"",
"Content-Type":"application/json"
};
(function(f){
if (typeof onDocumentReady === 'function')
onDocumentReady(f)
else if (typeof $ === 'function')
$(f)
else
f()
})(function() {
function importMediaTracking () {
import('/resources/relaunch/js/mediatracking/pixel-mediatracking.min.js')
.then(() => {
window.initMediaTracking = function() {
if (window.webtrekkMediaTracking && typeof window.wt_init_media === 'function' && typeof window.wt !== 'undefined') {
wt_init_media(window.wt.trackDomain, window.wt.trackId);
window.enableMediaTracking = true;
console.log('Media tracking enabled!');
}
}
})
}
function deleteMediaTracking () {
delete window.enableMediaTracking;
delete window.initMediaTracking;
}
if (window.UC_UI) {
const services = UC_UI.getServicesBaseInfo();
// Find your service by name or templateId
const myService = services.find(s => s.name === 'Mapp Intelligence Full Feature Tracking');
if (myService) { // If Mapp service is found
if (myService.consent.status === true) { // Check status of Mapp is allowed
importMediaTracking();
}
} else {
deleteMediaTracking();
}
} else {
window.addEventListener('ucEvent', e => {
if (e.detail && e.detail['Mapp Intelligence Full Feature Tracking']) {
importMediaTracking();
} else {
deleteMediaTracking();
}
});
}
var FeedbackMixin = {
props: [
'type', /* REQUIRED - correct or incorrect */
'feedback',
'rightAnswer',
'isLastQuestion'
],
methods: {
clickedHide: function() {
this.$emit('hide', true);
},
moveNext: function() {
this.$emit('next', true);
}
},
computed: {
isCorrect: function() {
return this.type == 'correct';
},
correctFeedbackImg: function() {
return correctFeedbackImg
},
incorrectFeedbackImg: function() {
return incorrectFeedbackImg
},
isSmileyEnabled: function() {
return !this.feedback.isTurnedOffSmileyFeedback
}
}
};
/**
* @property {Boolean} config.isShowByLine
* @property {Array} config.Optionen
* @property {String} fieldId
* @property {Array|String} values
*/
var SelectControl = Vue.component('select-control', {
template: "#selectOptionControlComponentTemplate",
props: [
'fieldId',
'config',
'value'
],
model: {
event: 'change',
prop: 'value'
},
data: function() {
return {
values: null,
}
},
methods: {
updateValue: function(value) {
this.values = value;
this.$emit('change', this.values);
},
/**
* Get field option ID string
*/
getFieldOptionId: function(index) {
return this.fieldId + "_" + index;
}
},
computed: {
lastItemIndex: function() {
return this.config.Optionen.length - 1;
},
isMultiple: function() {
return this.config.isMultipleSelection;
}
},
mounted: function() {
var self = this;
$(document).on("focusout", $(this.$el), function(){
self.updateValue(
$(self.$el).val()
);
});
}
});
var FieldFieldControl = Vue.component('field-control', {
template: "#fieldFieldComponentTemplate",
props: ['fieldId', 'value'],
model: {
event: 'change',
prop: 'value'
},
methods: {
updateValue: function(value) {
this.$emit('change', value);
}
}
});
/**
* @property {Boolean} config.isShowByLine
* @property {Array} config.Optionen
* @property {String} fieldId
* @property {Array|String} values
*/
var RadioCheckboxControl = Vue.component('radio-checkbox-control', {
template: "#radioCheckboxControlComponentTemplate",
props: [
'fieldId',
'config',
'value'
],
model: {
event: 'change',
prop: 'value'
},
data: function() {
return {
values: null,
}
},
methods: {
updateValue: function(event) {
var value = event.target.value;
// handling multiple selection
if (this.config.isMultipleSelection) {
if (event.target.checked) {
this.values.push(value); // add
} else {
this.values.splice(this.values.indexOf(value), 1); // delete
}
} else {
this.values = value; // single selection
}
this.$emit('change', this.values);
},
/**
* Get field option ID string
*/
getFieldOptionId: function(index) {
return this.fieldId + "_" + index;
}
},
computed: {
containerClass: function() {
return {
'form-check-block D(b) Mb(5px)': this.config.isShowByLine,
'form-check-inline D(if) Al(ce)': !this.config.isShowByLine,
}
},
/**
* Get checkbox or radio
*/
fieldType: function() {
return this.config.isMultipleSelection ? 'checkbox' : 'radio';
},
lastItemIndex: function() {
return this.config.Optionen.length - 1;
},
},
created:function() {
if (this.config.isMultipleSelection) {
this.values = [];
}
}
});
var LineFieldText = Vue.component('line-control', {
template: "#lineFieldComponentTemplate",
props: ['fieldId', 'value'],
model: {
event: 'change',
prop: 'value'
},
methods: {
updateValue: function(value) {
this.$emit('change', value);
}
}
});
var InfoTextComponent = Vue.component('info-text', {
template: "#infoTextFieldComponentTemplate",
props: {
config: Object
},
});
/**
* Option Type Enum
*/
var OptionFileEnum = {
0: SelectControl, // select - option
1: RadioCheckboxControl, // radio - checkbox
};
/**
* OptionComponent is the component which show a list and let users select it by their own ideas
* @property {Object} config Main configuration of the field
* @property {any} value The value that bind by using the v-model
* @property {numeric} index The field's index in the form array
*/
var OptionComponent = Vue.component('option-component', {
template: "#optionComponentTemplate",
props: [
'config',
'value',
'index',
'hasError'
],
model: {
event: 'change',
prop: 'value'
},
watch: {
emittedValue:function(val) {
this.updateValue(val);
}
},
data: function() {
return {
emittedValue: "", // value that we will use to handle the change
};
},
methods: {
updateValue: function(value) {
this.$emit('change', value);
}
},
created: function() {
this.emittedValue = this.value; // set value...
},
computed: {
fieldId: function() {
return "formFeld" + this.index;
},
fieldComponent: function() {
return OptionFileEnum[this.config.type];
},
isMultipleSelection: function() {
return this.config.isMultipleSelection;
},
containerClasses: function() {
return $.extend({
'multiple': this.isMultipleSelection
}, this.validationErrorClasses)
},
validationErrorClasses: function() {
return {
'form-text-invalid': this.hasError
}
}
},
});
/**
* Field-Text Type Enum
*/
var TextFieldEnum = {
line: LineFieldText,
field: FieldFieldControl,
date: 'date',
singledate: 'singledate',
};
/**
* FieldComponent which help you to render the field-text-object
* @property {Object} config Main configuration of the field
* @property {any} value The value that bind by using the v-model
* @property {numeric} index The field's index in the form array
*/
var FieldComponent = Vue.component('field-component', {
template: "#fieldComponentTemplate",
props: [
'config',
'value',
'index',
'hasError'
],
model: {
event: 'change',
prop: 'value'
},
watch: {
emittedValue:function(val) {
this.updateValue(val);
}
},
data: function() {
return {
emittedValue: "", // value that we will use to handle the change
};
},
methods: {
updateValue: function(value) {
this.$emit('change', value);
}
},
created: function() {
this.emittedValue = this.value; // set value...
},
computed: {
fieldId: function() {
return "formFeld" + this.index;
},
fieldComponent: function() {
return TextFieldEnum[this.config.type];
},
validationErrorClasses: function() {
return {
'form-text-invalid': this.hasError
}
}
},
});
/**
* Mapped Field in order to validate - Text field
* @param {Object} mappedField
* @returns {Boolean}
*/
function validateTextField(mappedField) {
// because we supported many field types, so each one have a specific rule to validate.
var dateRule = /^((0[1-9]|[1-2][0-9]|3[0-1])\.(0[1-9]|1[0-2])\.\d{4})|(\d{4}-(0[1-9]|1[0-2])-(0[1-9]|[1-2][0-9]|3[0-1]))$/;
var telephoneRule = /^([\+]|[0-9]|[\(]|[\)]|[\-]|[ ])*$/;
var urlRule = /(https?:\/\/(?:www\.|(?!www))[a-zA-Z0-9][a-zA-Z0-9-]+[a-zA-Z0-9]\.[^\s]{2,}|www\.[a-zA-Z0-9][a-zA-Z0-9-]+[a-zA-Z0-9]\.[^\s]{2,}|https?:\/\/(?:www\.|(?!www))[a-zA-Z0-9]+\.[^\s]{2,}|www\.[a-zA-Z0-9]+\.[^\s]{2,})/;
var numberRule = /^-?[0-9]*\.[0-9]*$/;
var emailRule = /^[-!#$%&'*+\./0-9=?A-Z^_`a-z{|}~]+@[-!#$%&'*+\/0-9=?A-Z^_`a-z{|}~]+.[-!#$%&'*+\./0-9=?A-Z^_`a-z{|}~]+$/;
// check by field type
switch (mappedField.config.type) {
// line can check all...
case 'line': {
switch (mappedField.config.validationType) {
case 'email':
return emailRule.test(mappedField.value);
case 'number':
return numberRule.test(mappedField.value);
case 'url':
return urlRule.test(mappedField.value);
case 'telephone':
return telephoneRule.test(mappedField.value);
}
}
// these are not supported yet. coming soon
case 'date':
return dateRule.test( mappedField.value.startDate ) && dateRule.test( mappedField.value.endDate );
case 'singledate':
return dateRule.test( mappedField.value );
}
return true;
}
/**
* Mapped Field in order to validate - Select-Option/Radio/Checkboxes
* @param {Object} mappedField
* @returns {Boolean}
*/
function validateOptionField(mappedField) {
if (mappedField.config.isMultipleSelection) {
return mappedField.value.length !== 0; // this is an array - ccheck it.
}
return !!mappedField.value; // change falsy into false
}
Vue.prototype.$form = new Vue();
var FormEvent = {
SUBMITTING: 'form.submitting'
}
/**
* Field-Object-Class Mapping
* 'object_class_id' => Component which render the object_class_id
*/
var FieldComponentMapping = {
164: FieldComponent,
125: InfoTextComponent,
163: OptionComponent
};
/**
* Field-Object-Class Validation Mapping
* 'object_class_id' => Function-first which will run the validation
* Your function can have these params: function validateTextField({Object} mappingFieldConfiguration) {...} and it must return a boolean
* If your class is not in here => no need to validate hehe
*/
var FieldValidationMapping = {
164: validateTextField,
163: validateOptionField
};
/**
* Form-Object to render the dynamic form
* @property {Object} formConfiguration
* @property {Array} formConfiguration.fields
* Available methods to emit:
* - 'formSubmitted' => <form-object @formSubmitted='your-func'></form-object>
* - Will be emitted if the form data is successfully inserted into the database.
*/
Vue.component('form-object', {
template: "#formObjectTemplate",
props: {
formConfiguration: Object, // this is the formObject Main Configuration generated from form.libraries.FormObjectTransformer
extendedValues: Object // this is your own extended fields that you need insert along with the normal form values.
},
data: function() {
return {
formFieldValues: [],
formObjectId: null,
// special for google captcha
googleCaptchaSolveKey: null,
googleCaptchaError: false,
// flag
isSubmitting: false,
};
},
methods: {
/**
* Run mapping config <=> component depends on the formConfiguration data
* @desc Invoke at runtime, after invoked we'll get the true configuration to render
*/
fieldComponentMapping: function() {
var length = this.formConfiguration.fields.length;
for (var i = 0; i < length; i++) {
var fieldObj = this.formConfiguration.fields[i];
// check if specific component available to render it
if (!FieldComponentMapping[fieldObj.classId]) {
throw new TypeError("Component for the classID: " + fieldObj.classId + " is not defined");
}
// set data for component
this.formFieldValues.push({
config: fieldObj,
// dependable data of the superform
value: "",
hasError: false,
type: FieldComponentMapping[fieldObj.classId]
});
}
},
/**
* Handling when users clicked submit button
* @desc Send an AJAX request to save the form data.
*/
submitForm: function() {
// send ajax here
console.log("SUBMIT-CLICKED");
// run validation process
if (!this.validateForm()) {
console.log("VALIDATION-FAILED");
return;
}
console.log("VALIDATION-CONFIRMED.READY-TO-BREAK");
console.log("PACKING-UP-FORM-DATA");
var finalFormData = {
formObjectId: this.formObjectId,
langId: this.formConfiguration.langId,
googleCaptchaSolveKey: this.googleCaptchaSolveKey,
formValues: [], // array better
};
// get the value into this...
$.each(this.formFieldValues, function (index, mappedInfo) {
finalFormData.formValues.push(
fieldMapping(mappedInfo)
);
});
// if the parent has some extended values want to inject???
if (this.extendedValues) {
$.each(this.extendedValues, function(key, value) {
finalFormData.formValues.push({
fieldName: key,
value: value
});
});
}
console.log("PACKED-UP-FORM-DATA", finalFormData);
this.$form.$emit(FormEvent.SUBMITTING, finalFormData, this.formFieldValues);
// SEND AJAX NOW HIHI
this.isSubmitting = true;
AjaxService.post(
API_PATH.FORM_DATA,
JSON.stringify(finalFormData),
{contentType: "application/json;charset=utf-8"}
)
.done(this.afterSavedForm)
.fail(this.failedToSaveForm);
},
/**
* [Click] On Cancel pressed
*/
cancelForm: function() {
this.$emit('formCancelled', true)
},
/**
* [Ajax-HOOK] Successfully requested. Post handling...
* We just need to check the result. If failed from the API => show the error
* Otherwise, emit it so the parent whom injected this form-object will handle the next stage.
*/
afterSavedForm: function(result) {
this.isSubmitting = false;
if (!result.status) {
// show error message
alert(result.errorMessages[0]);
return;
}
// emit it to the next stage.
this.$emit('formSubmitted', result);
},
/**
* Where we got errors from API-call. Post handle error here.
*/
failedToSaveForm: function(err) {
this.isSubmitting = false;
console.log("Err:", err);
// TODO: Change alert message??
alert("There was a problem while saving the form. Please try again.");
},
/**
* Run the validation of the form value
* @desc Validation and show error or not
* @returns boolean
*/
validateForm: function() {
this.clearError();
var fieldLength = this.formConfiguration.fields.length;
// traversal all fields to validate ...
for (var fieldIndex = 0; fieldIndex < fieldLength; fieldIndex++) {
var mappedField = this.formFieldValues[fieldIndex];
// No need to validation these
if (!FieldValidationMapping[mappedField.config.classId]) {
continue;
}
// basic check - required
if (!mappedField.config.isRequired) {
continue; // no required => no need to do further check...
}
// check required here
if (
mappedField.value === '' // empty if string
|| (
$.isArray(mappedField.value) // array
&& !mappedField.value.length // no items
)
) {
console.log("FAILED FIELD-REQUIRED:", fieldIndex, mappedField);
this.scrollToField(fieldIndex);
this.$set(this.formFieldValues[fieldIndex], 'hasError', true);
return false;
}
// customize check depend on specific cases
if (mappedField.config.validationType) {
/**
* @var {Function} validationSpecificMethod
*/
var validationSpecificMethod = FieldValidationMapping[mappedField.config.classId];
var validationStatus = validationSpecificMethod(mappedField);
if (validationStatus === false) {
console.log("FAILED FIELD:", fieldIndex, mappedField);
this.scrollToField(fieldIndex);
this.$set(this.formFieldValues[fieldIndex], 'hasError', true);
return false;
}
}
}
// last but not least => captcha
if (this.formConfiguration.isEnableRecaptcha && !this.googleCaptchaSolveKey) {
this.googleCaptchaError = true;
this.scrollToField("div[field-captcha='true']");
return false;
}
// the code can come to here => validation success
return true;
},
/**
* Scroll up to field and select the field
* @param {String|Number} fieldIndex (Number => formFieldIndex) - (String => Selector)
*/
scrollToField: function(fieldIndex) {
var fieldId;
if ($.isNumeric(fieldIndex)) {
fieldId = "#formFeld" + fieldIndex;
} else {
fieldId = fieldIndex; // sing
}
$(fieldId).focus();
$('html, body').animate({
scrollTop: ( $(fieldId).offset().top - 50 ) + 'px'
}, 'fast');
},
clearError: function() {
this.googleCaptchaError = false;
var fieldLength = this.formConfiguration.fields.length;
for (var fieldIndex = 0; fieldIndex < fieldLength; fieldIndex++) {
this.$set(this.formFieldValues[fieldIndex], 'hasError', false);
}
}
},
created: function() {
// set form object ID for fun
this.formObjectId = this.formConfiguration.formObjectId;
this.fieldComponentMapping();
}
});
/**
* POST-Data field mapping
* @param fieldMappedInfo
* @return {Object}
*/
function fieldMapping(fieldMappedInfo) {
return {
value: fieldMappedInfo.value, // form value
langId: fieldMappedInfo.config.langId,
fieldName: fieldMappedInfo.config.headline, // field name - headline
fieldObjectId: fieldMappedInfo.config.fieldObjectId
}
}
Vue.component('field-recaptcha', {
template: "#formFieldRecaptchaTemplate",
props: {
objectId: Number,
value: String,
hasError: Boolean,
dataKey: {
type: String,
default: function () {
return "6LepBAQTAAAAACrZE5IGfwGpnfisw_cLVRRr6Q4m"
}
}
},
model: {
event: 'change',
prop: 'value'
},
methods: {
onSolve: function(solvedToken) {
console.log("SOLVED CAPTCHA - SolvedToken:", solvedToken);
this.$emit('change', solvedToken);
},
onExpired: function() {
console.log("CAPTCHA EXXPIRED");
this.$emit('change', null);
},
onError: function() {
alert("There was a problem with reCAPTCHA. Please refresh the page and try again.");
},
/**
* Render Captcha by using the SetTimeOut method
* We're using setTimeout because:
* - Non-blocking thread
* - ReCaptcha is async loaded => need this to render the captcha item...
*/
timingRenderCaptcha: function() {
setTimeout(this.renderHandler, 500);
},
renderHandler: function() {
if (!window.grecaptcha || !window.grecaptcha.render) {
return this.timingRenderCaptcha();
}
window.grecaptcha.render(this.containerId, {
'sitekey': this.dataKey,
'callback': this.onSolve,
'expired-callback': this.onExpired,
'error-callback': this.onError
});
console.log("CAPTCHA RENDERED HIHI");
},
},
mounted: function() {
this.timingRenderCaptcha();
},
computed: {
containerId: function() {
return "recaptchaWidget_" + this.objectId;
},
errorStyling: function() {
if (this.hasError) {
return {
border: "1px solid red"
}
}
return {};
},
}
});
window["data_comp"] = {"ENABLEFB":true,"ENABLETW":false,"SHOWSOCIALMEDIALINKS":"true"};
// COMPONENT: QUIZ - Main Block
Vue.component('quiz', {
template: "#quiz_body_template",
props: {
objectId: {
required: true,
type: Number
},
position: {
default: "left"
},
badgeText: {
default: "Quiz"
},
bgType: {
type: String
}
},
data: function() {
return {
quiz_data: null,
is_start: false,
is_show_result: false,
is_show_form: false,
user_questions: null,
formExtendedValues: {}
};
},
methods: {
startQuiz:function() {
this.is_start = true;
this.scrollTopAgain();
},
/**
* This event will be run when the user reached the last question and click "Next".
* So in <quiz-question>, we will run $emit to trigger this function, together with the data from user.
* @return void
*/
showResult: function(right_answer) {
// prepare data
this.is_start = false;
this.user_questions = right_answer;
this.scrollTopAgain();
// dependable
if (this.isNeedToSaveResult) {
this.is_show_form = true;
// send ajax to save the quiz result ...
this.saveQuizResultAPICall();
} else {
this.is_show_result = true;
}
},
/**
* Back to the teaser to let user start the quiz once again
* Trigger this to show the teaser again
*/
doAgain: function() {
this.is_start = false;
this.is_show_result = false;
this.is_show_form = false;
this.scrollTopAgain();
},
/**
* Scroll To Top, Using NativeScroll
*/
scrollTopAgain: function() {
$(this.$el).find('.quiz-badge')[0].scrollIntoView({
behavior: 'smooth',
block: 'start'
});
},
/**
* Call to save the Quiz Result of the User
*/
saveQuizResultAPICall:function() {
var postData = this.getSaveResultDataForAPI();
AjaxService.post(
API_PATH.SAVE_QUIZ_RESULT,
JSON.stringify(postData),
{contentType: "application/json;charset=utf-8"}
).done(this.afterSavedQuizResult);
},
afterSavedQuizResult: function(result) {
this.formExtendedValues.quizResultId = result.id || 0;
},
/**
* Packing up the data for the API Request of Save Quiz Result
* @returns {Object}
*/
getSaveResultDataForAPI: function() {
var postDataBasic = {
objectId: parseInt(this.objectId, 10),
langId: LANG_ID,
totalRightAnswers: 0,
totalPoint: 0,
questionInfo: [],
answersInfo: []
};
var point = 0;
this.user_questions.forEach(function (object, index) {
point += object.point;
postDataBasic.questionInfo.push(object.question);
postDataBasic.answersInfo.push(object.question.answers[object.answer_index]);
});
postDataBasic.totalRightAnswers = point;
postDataBasic.totalPoint = point;
return postDataBasic;
},
/**
* This method will be invoked after the users submitted the Form-Info Successfully.
* The Form will be emitted the data into this function
*/
afterSavedFormCompleted: function() {
// move to result page
this.is_show_result = true; // turn on result...
this.is_show_form = false; // turn off form
this.scrollTopAgain();
},
/**
* [Event from Form] Close form then open back the first teaser
*/
closeFormAndOpenTeaser: function() {
console.log("Cancel Form - Back to Square One")
this.is_show_form = false; // turn off form
this.doAgain()
},
},
computed: {
disable_teaser: function() {
return !this.is_start && !this.is_show_result && !this.is_show_form;
},
/**
* Check if the quiz need to show result or not
* Only knowledge quiz can save result (FOR NOW)
* @property {Boolean} isNeedToSaveResult
* @return {Boolean}
*/
isNeedToSaveResult: function() {
return this.quiz_data.type === 'knowledge' && this.quiz_data.save_result;
},
/**
* Accessor to check if the Position of the Quiz Label & Image is right
* @returns {boolean}
*/
isPositionRight: function() {
return this.position == 'right'
},
defaultBadgeText: function() {
return this.badgeText || "Quiz";
}
},
created: function() {
this.quiz_data = window['quiz_' + this.objectId];
if (!this.quiz_data) {
throw new TypeError("Quiz Data (ObjectID: "+this.objectId+") doesn't exists. Aborting...");
}
this.bgType = this.quiz_data.bgType || "darkgrey";
},
});
/**
* This will be the generic label used by all the form-fields
* @property {{isMultipleSelection: (boolean), isRequired: (boolean)}} config Field's configuration data
*/
Vue.component('field-label', {
template: "#fieldLabelComponentTemplate",
props: {
fieldId: String,
config: Object,
},
computed: {
/**
* Generate classes by the configuration
* @return {{multiple: (boolean), "form-label-required": (boolean)}}
*/
fieldLabelSpecificClasses: function() {
return {
'multiple': this.config.isMultipleSelection,
'form-label-required': this.config.isRequired
};
},
}
});
// COMPONENT: QUIZ Feedback Popup
Vue.component('feedback-popup', {
template: "#feedback_popup_template",
mixins: [FeedbackMixin],
props: ['badgeText']
});
window["data_comp"] = {"ENABLEFB":true,"ENABLETW":false,"SHOWSOCIALMEDIALINKS":"true"};
// COMPONENT: QUIZ Result Page
Vue.component('quiz-result', {
template: "#quiz_result_template",
props: [
'evaluations', // REQUIRED - {array} - From system to determine users ranking - TYPEN QUIZ ONLY
'answers', // REQUIRED - {array} - Answered question from the users
'type', // REQUIRED - {string} - knowledge or typen
'objectId', // REQUIRED - {number} - objectId
'badgeText',
'bgType'
],
data: function() {
return {
// for knowledge
knowledge: null,
// for typen only
total_score: 0,
ranking: null,
};
},
methods: {
doAgain: function() {
this.$emit('do-again', true);
},
/**
* For Knowledge Quiz
* Get total right answer
* @return {integer}
*/
getTotalRightAnswer: function() {
var right = 0;
if (!this.answers) {
return right;
}
// traverse to check
$.each(this.answers, function(index, answer_obj) {
if (answer_obj.is_right) {
right++;
}
});
return right;
},
/**
* For Knowledge Quiz
* Get the total right answer object to show
*/
getKnowledgeInfo: function() {
if (!$.isArray(this.evaluations)) {
throw new TypeError("[KNOWLEDGE] EVALUATIONS DATA IS NOT EXISTED. ABORTED!!");
}
var total_right = this.getTotalRightAnswer();
var info = null;
for (var i = 0; i < this.evaluations.length; i++) {
var evaluation = this.evaluations[i];
if (total_right == evaluation.num_of_right_answer) {
info = evaluation;
break;
}
}
// @@
if (!info) {
throw new TypeError("[KNOWLEDGE] NO EVALUATION FOR THIS USER SCORE: " + this.total_right);
}
this.knowledge = info;
},
/**
* For Type Quiz
* Calculate user total score
* @return {void}
*/
calculateScore: function() {
var score = 0;
// traverse to get score
$.each(this.answers, function(index, answer_obj) {
score += answer_obj.point;
});
this.total_score = score;
},
/**
* For Type Quiz
* After we calculated the score, we will check the user rank.
* @return {void}
*/
getRanking: function() {
if (!$.isArray(this.evaluations)) {
throw new TypeError("[TYPEN] EVALUATIONS DATA IS NOT EXISTED. ABORTED!!");
}
// traverse to get the ranking
var ranking = null;
for (var i = 0; i < this.evaluations.length; i++) {
var evaluation = this.evaluations[i];
if (this.total_score >= evaluation.min && this.total_score <= evaluation.max) {
ranking = evaluation;
break;
}
}
// @@
if (!ranking) {
if (0 > 0) {
alert("[TYPEN] NO EVALUATION FOR THIS USER SCORE: " + this.total_score);
}
}
this.ranking = ranking;
},
/**
* For Type Quiz
* Init the behavior of Accordion oh là là
*/
initAccordion: function() {
var $accordion = $(this.$el).find(".accordion");
// hide all body
$accordion.find(".accordion_content").hide();
// to toggle oh la la
$accordion.find(".accordion_toggle > a").click(function(e){
if($(this).parent().hasClass('current')) {
$(this).parent()
.removeClass('current')
.next('.accordion_content').slideUp();
} else {
$accordion.find('.current')
.removeClass('current')
.next('.accordion_content').slideUp();
$(this).parent()
.addClass('current')
.next('.accordion_content').slideDown();
}
e.preventDefault();
});
},
},
computed: {
/**
* Check if the quiz is typen
* @return {boolean}
*/
isTypenQuiz: function() {
return this.type === 'typen';
},
/**
* Parse the total right/total question as format: right/total
* @return {string}
*/
parsed_question_total: function() {
return this.getTotalRightAnswer() + "/" + this.answers.length;
},
hasLinks: function() {
return (
this.ranking
&& this.buttonLinks.length > 0
)
},
buttonLinks: function() {
return this.ranking.links
},
services: function() {
var quiz_data = window['quiz_' + this.objectId];
return quiz_data.services;
}
},
/**
* There will be updated data from the parent, so this HOOK will help us out
* BUSS:
* - For the Typen: Calculate the total score and map to a evalution
* - For Knowledge: Show the total right answer / total questions.
*/
created: function() {
this.calculateScore();
this.getRanking();
if (this.isTypenQuiz) {
this.$nextTick(this.initAccordion);
}
},
});
Vue.component('field-submit-button', {
template: "#fieldSubmitButtonTemplate",
props: {
submitButton: Object,
disabled: Boolean
},
methods: {
clickSubmit: function() {
this.$emit('onSubmit', true)
},
clickCancel: function() {
this.$emit('onCancel', true)
},
}
})
var ANIMATION_TIMER = 300;
// COMPONENT: QUIZ QUESTION
Vue.component('quiz-question', {
template: "#simple_question_template",
mixins: [
window.GlobalEmbeddedInitiatorMixin || {},
window.RenderEmbeddedCodeMixin || {}
],
props: [
'objectId', // main object-id - REQUIRED
'listQuestions', // REQUIRED
'isFeedbackImmediately', // OPTIONAL
'type', // OPTIONAL
'badgeText',
'bgType'
],
data: function() {
return {
current_question_obj: null,
current_question: 1,
total_question: 1,
// current base
answer_selected_index: null,
answer_final_type: 'incorrect',
right_answer_obj: null,
// flag
is_show_result: false,
show_next_button: false,
is_show_popup: false,
is_animate_show: true,
// cache
right_questions: [], // {question: obj, selected: index}
// animations
oldBodyHeight: "",
oldHeaderHeight: "",
bodyHeight: "auto",
headerHeight: "auto",
isRendering: true,
};
},
methods: {
selectAnswer: function(index) {
// BUSS: This mean the user already answered so they can't do anything now.
if (this.answer_selected_index !== null) {
return;
}
// prepare to solve
this.answer_selected_index = index;
if (this.isMultipleChoice()) {
this._handler_multiple_answer();
return;
}
// handle answer
this._handle_single_answer();
// show feedback or next.
if (!this.is_typen_quiz && this.isFeedbackImmediately) {
setTimeout(this.showPopup, 500);
} else {
this.next();
}
},
/**
* Move to the next question.
* @return {void}
*/
next: function() {
// Check if we reached the last or not.
if (this.current_question === this.total_question) {
this._clean(); // clean before show result.
this.showResult();
return;
}
// clean data
this._clean();
// move to the next question
setTimeout(function() {
this.current_question++;
this.current_question_obj = this.listQuestions[this.current_question - 1];
this.updateRightAnswer();
this.scrollTopAgain();
// fake click to remove the hover
document.getElementsByClassName("quiz-body")[0].click()
}.bind(this), ANIMATION_TIMER);
},
/**
* Show result. We will run $emit and passed all the question that user already answered back to parent component.
* @return {void}
*/
showResult: function() {
this.$emit('result-ready', this.right_questions);
},
/**
* TODO: Handle Later for the Multiple Answer
* @return void
*/
_handler_multiple_answer: function() {
},
/**
* Check for answer when user clicked
* @return void
*/
_handle_single_answer: function() {
var answer = this.current_question_obj.answers[this.answer_selected_index]; // access selected answer
if (!answer) {
throw new TypeError("Answer missing while the system tried to retrieve...");
}
// logic for knowledge quiz
// BUSS: Right => +1 point | Wrong => 0 point
if (!this.is_typen_quiz) {
if (answer.correct_answer) {
this.answer_final_type = "correct";
answer.point = 1;
} else {
answer.point = 0;
}
}
var _payload = {
question: cloneDeep(this.current_question_obj),
answer_index: this.answer_selected_index,
// for typen quiz
point: answer.point,
// for knowledge quiz
is_right: (this.answer_final_type == "correct"),
};
// cache for result...
this.right_questions.push(_payload);
},
/**
* Check type of the question
* @return {boolean} - True if Multiple - False if Single
*/
isMultipleChoice: function() {
return this.current_question_obj.type == "multiple";
},
/**
* Clean stuff before move next or refresh...
*/
_clean: function() {
this.answer_selected_index = null;
this.answer_final_type = 'incorrect';
this.is_show_result = false;
this.is_show_popup = false;
this.show_next_button = false;
this.right_answer_obj = null;
this.triggerAnimation(false);
},
/**
* Run it after change the question. Get the right answer and put it to: right_answer_obj
* @return void
*/
updateRightAnswer: function() {
var self = this;
$.each(this.current_question_obj.answers, function(index, value) {
if (!value.correct_answer) {
return;
}
self.right_answer_obj = cloneDeep(value);
});
// post action..
this.afterLoadedNewQuestion();
},
// HOOKS: After load/switch to the new question
afterLoadedNewQuestion: function() {
if (this.current_question_obj.hasAudio) {
setTimeout(this.createAudioInstance, 300);
}
// show question again
if (this.current_question != 1) {
// animation update...
setTimeout(function () {
this.triggerAnimation(true);
setTimeout(this.clearFixedHeight, ANIMATION_TIMER);
}.bind(this), ANIMATION_TIMER);
}
// clear fixed height
setTimeout(this.getAndSetCurrentHeight, 1000);
},
createAudioInstance: function() {
var audioId = this.audioPlayerContainerName;
const objectId = this.current_question_obj.object_id;
touchDrag(this.current_question_obj.object_id);
var durationLopper = window.setInterval(function(){
var audio = document.getElementById(audioId);
if(audio != null){
if(!isNaN(audio.duration)){
if (typeof getDuration === 'function') {
getDuration(objectId, '');
clearInterval(durationLopper);
}
}
}
}, 100);
},
/**
* The <feedback-popup> component will fire an emit after clicked the X button
* So we need to change is_show_result = false when receive this event and show the wrong/right result
* @return void
*/
onHidePopup: function() {
this.is_show_popup = false;
this.show_next_button = true;
this.is_show_result = true;
this.scrollTopAgain();
},
showPopup: function() {
this.is_show_popup = true;
this.parentScroll('center');
},
scrollTopAgain: function() {
if (typeof $(this.$el).find('.quiz-badge')[0] !== 'undefined') {
$(this.$el).find('.quiz-badge')[0].scrollIntoView({
behavior: 'smooth',
block: 'start'
});
} else {
this.$parent.scrollTopAgain();
}
},
parentScroll: function(block) {
this.$el.scrollIntoView({
behavior: 'smooth',
block: block
});
},
/**
* Trigger fade in/out animation for the main block
* @param {Boolean} state
*/
triggerAnimation:function(state) {
if (!this.isAvailableToAnimate) {
return;
}
// hide the current
if (!state || this.isLastQuestion) {
this.bodyHeight = this.oldBodyHeight; // using old one
this.headerHeight = this.oldHeaderHeight; // using old one...
this.isRendering = true;
} else {
// appear new question
this.setFixedHeightBasedOnQuestionObj(this.listQuestions[this.current_question]);
this.isRendering = false;
}
this.is_animate_show = state;
},
/**
* Calculate the height of the containers while transitioning the animation...
*/
setFixedHeightBasedOnQuestionObj: function(questionObj) {
// size for question test
var lengthQuestion = questionObj.question_text.length;
if (lengthQuestion <= 30) {
this.headerHeight = "180px";
} else if (lengthQuestion <= 60) {
this.headerHeight = "205px";
} else {
this.headerHeight = "230px";
}
// size for body
var totalBodyHeight = 0;
questionObj.answers.forEach(function (answerObj) {
if (answerObj.image_html !== undefined) {
totalBodyHeight += 200;
return;
}
if (typeof answerObj.answer_text !== "string") {
answerObj.answer_text += ""; // force it to become a string
}
var lengthAnswerText = answerObj.answer_text.length;
totalBodyHeight += Math.ceil(lengthAnswerText / 60) * 56;
});
var additionalPixel = 100;
if (typeof $.detectMobileBrowser === 'function') {
additionalPixel = $.detectMobileBrowser() ? 20 : additionalPixel;
}
this.bodyHeight = (totalBodyHeight + additionalPixel) + "px";
},
/**
* [HOOK] This will be run when the content is rendered.
*/
getAndSetCurrentHeight: function() {
this.oldHeaderHeight = $(this.$el).find(".quiz-header").height() + "px";
this.oldBodyHeight = $(this.$el).find(".quiz-body").outerHeight() + "px";
$(this.$el).find(".quiz-header-image-quad-c").removeClass('is-rendering');
$(this.$el).find(".quiz-header-image-c").removeClass('is-rendering');
},
/**
* Clear all fixed height
*/
clearFixedHeight: function() {
this.bodyHeight = "auto";
this.headerHeight = "auto";
},
onPlayPause: function (audioId) {
playPause(audioId);
},
onHover: function (audioId) {
hover(audioId);
},
onClearHover: function (audioId) {
clearHover(audioId);
},
onDragging: function (audioId) {
dragging(audioId);
},
onKeyboardEvents: function (audioId) {
keyboardEvents(audioId);
},
onUpdateProgressBar: function (audioId) {
updateProgressBar(audioId);
}
},
computed: {
/**
* To help us check the answer display type. Based on the first answers.
* @returns {boolean}
*/
is_image_answer: function() {
// BUSS: Always false if the data doesn't exists
if (!this.current_question_obj || !this.current_question_obj.answers) {
return false;
}
// BUSS: For the first answer, if we see it got an image => all image answers.
if (this.current_question_obj.answers[0].image_html) {
return true;
}
return false;
},
/**
* Check if the current is typen
* @returns {boolean}
*/
is_typen_quiz: function() {
return this.type === 'typen';
},
/**
* Check if question has image
* @return {boolean}
*/
isQuestionHasImage: function() {
return this.current_question_obj && this.current_question_obj.image_html;
},
/**
* Is Question's Image Position In the Left?
* @returns {boolean}
*/
isImagePositionLeft: function() {
return this.isQuestionHasImage && this.current_question_obj.image_position === 'left';
},
/**
* Is Question's Image Position In the Right?
* @returns {boolean}
*/
isImagePositionRight: function() {
return this.isQuestionHasImage && this.current_question_obj.image_position === 'right';
},
/**
* Is Question's Image Position Full Width?
* @returns {boolean}
*/
isImagePositionFullWidth: function() {
return this.isQuestionHasImage && this.current_question_obj.image_position === 'full';
},
/**
* Check if the current question is last or not
* @returns {boolean}
*/
isLastQuestion: function() {
return this.current_question == this.total_question;
},
/**
* Get audioPlayer container ID
* @returns {string}
*/
audioPlayerContainerName: function() {
return "myAudio" + this.current_question_obj.object_id;
},
isAvailableToAnimate: function() {
return this.is_typen_quiz && !this.isFeedbackImmediately;
},
},
created: function() {
// base data
if (!this.type) {
this.type = 'knowledge';
}
// set default data before using.
this.total_question = this.listQuestions.length;
this.current_question_obj = this.listQuestions[0];
this.updateRightAnswer();
this.$nextTick(this.scrollTopAgain);
}
});
Vue.component('newsletter-checkbox', {
template: "#formNewsletterTemplate",
props: {
newsletter: Object
},
data: function() {
return {
checked: false
}
},
methods: {
/**
*
* @param {Array} inputtedFormData
* @param {Array} formFieldValues
*/
sendOutNewsletterSubscription: function(inputtedFormData, formFieldValues) {
if (!this.checked) {
return;
}
// get the email
var email = null;
for (var iFormValue = 0; iFormValue < formFieldValues.length; iFormValue++) {
var formValue = formFieldValues[iFormValue];
if (formValue.config.isEmailSender) {
// this one is email - pick the value
email = formValue.value;
break;
}
}
// send api to subscribe the newsletter
// ready to submit
$.ajax({
dataType: "json",
type: "POST",
url: "/rest/newsletter/subscribe/",
data: {
objectID: this.newsletter.objectId,
listname: this.newsletter.listName,
email: email,
subscribe: "subscribe"
}
}).done(function(result){
if(!result["OK"]){
console.log("[Quiz] Newsletter Register Failed", result)
} else {
console.log("[Quiz] Newsletter Register OK")
}
}).fail(function (err) {
console.log("[Quiz] Newsletter Register Failed", err)
});
},
},
created: function () {
// listen-event from parent
this.$form.$on(FormEvent.SUBMITTING, this.sendOutNewsletterSubscription);
}
})
new Swiper(".swiper[data-imagegallery-id='823041']", {"autoHeight":true,"keyboard":{"enabled":true},"pagination":{"el":".swiper-pagination","enabled":true,"clickable":true,"dynamicBullets":false},"autoplay":false,"effect":"slide","navigation":{"prevEl":".swiper-button-prev","nextEl":".swiper-button-next","enabled":true},"a11y":{"paginationBulletMessage":"Gehe zu Bild {{index}}","prevSlideMessage":"Vorheriges Bild","nextSlideMessage":"Nächstes Bild"}});
new Swiper(".swiper[data-imagegallery-id='117624']", {"autoHeight":true,"keyboard":{"enabled":true},"pagination":{"el":".swiper-pagination","enabled":true,"clickable":true,"dynamicBullets":false},"autoplay":false,"effect":"slide","navigation":{"prevEl":".swiper-button-prev","nextEl":".swiper-button-next","enabled":true},"a11y":{"paginationBulletMessage":"Gehe zu Bild {{index}}","prevSlideMessage":"Vorheriges Bild","nextSlideMessage":"Nächstes Bild"}});
});
</script>
<script>
var langIsoCode = "de";
var API_PATH = {"DOWNLOAD_QUIZ_RESULT":"/rest/quiz/v1/result/download","FORM_DATA":"/rest/form/create","SAVE_QUIZ_RESULT":"/rest/quiz/v1/result/save"};
var LANG_ID = 2;
var correctFeedbackImg = "../assets/img/quiz/quiz-answer-correct.png";
var incorrectFeedbackImg = "../assets/img/quiz/quiz-answer-false.png";
var resourcePath = "../assets/";
/**
* Help you to clone the JavaScript Data (deep-able)
* @param obj
* @returns {any}
*/
function cloneDeep(obj) {
return JSON.parse(JSON.stringify(obj));
}
/**
* Init the Vue JS
*/
function initVueJs(containerId, instanceProperties) {
if (typeof containerId !== "string") {
return;
}
var defaultInstanceProperties = {
el: containerId
}
var vueProperties = (typeof Object.assign !== "undefined")
? Object.assign(defaultInstanceProperties, instanceProperties || {})
: $.extend(defaultInstanceProperties, instanceProperties || {})
if (!window.goetheVueInstance) {
window.goetheVueInstance = {};
}
window.goetheVueInstance[vueProperties.el] = new Vue(vueProperties);
}
</script>
<script src="https://www.google.com/recaptcha/api.js?hl=de"></script>
<script>
// quiz object data
window['quiz_27207997'] = {"spitzmarke":"Hörverstehen","result_type":"","button_text":"Start","headline":"Richtig oder falsch?","evaluations":[{"text":"Du hast alle sechs Fragen richtig beantwortet. Eine tolle Leistung!","min":"6","object_id":27207984,"headline":"Großartig!","num_of_right_answer":"","links":[],"max":"6"},{"text":"Du hast fünf von sechs Fragen richtig beantwortet!","min":"5","object_id":27207986,"headline":"Sehr gut!","num_of_right_answer":"","links":[],"max":"5"},{"text":"Du hast vier von sechs Fragen richtig beantwortet.","min":"4","object_id":27207987,"headline":"Gut gemacht.","num_of_right_answer":"","links":[],"max":"4"},{"text":"Du hast drei von sechs Fragen richtig beantwortet.","min":"3","object_id":27207988,"headline":"Nächstes Mal läuft es besser!","num_of_right_answer":"","links":[],"max":"3"},{"text":"Du hast zwei von sechs Fragen richtig beantwortet.","min":"2","object_id":27207989,"headline":"Nächstes Mal läuft es besser!","num_of_right_answer":"","links":[],"max":"2"},{"text":"Du hast nur eine von sechs Fragen richtig beantwortet. Versuche es noch einmal.","min":"1","object_id":27207994,"headline":"Nächstes Mal läuft es besser!","num_of_right_answer":"","links":[],"max":"1"},{"text":"Du hast leider keine der sechs Fragen richtig beantwortet. Versuche es noch einmal.","min":"0","object_id":27207996,"headline":"Nächstes Mal läuft es besser!","num_of_right_answer":"","links":[],"max":"0"}],"bgType":"darkgrey","image":{"copyrightnotice":"© PASCH-net/Alessandra Fasino","image_html":"<picture>\n <source type=image/webp srcset=\"/resources/files/png114/pasch-net-quiz-formatkey-webp-w160r.png 160w, /resources/files/png114/pasch-net-quiz-formatkey-webp-w320r.png 320w, /resources/files/png114/pasch-net-quiz-formatkey-webp-w480r.png 480w, /resources/files/png114/pasch-net-quiz-formatkey-webp-w640r.png 640w, /resources/files/png114/pasch-net-quiz-formatkey-webp-w800r.png 800w, /resources/files/png114/pasch-net-quiz-formatkey-webp-w960r.png 960w, /resources/files/png114/pasch-net-quiz-formatkey-webp-w1120r.png 1120w, /resources/files/png114/pasch-net-quiz-formatkey-webp-w1280r.png 1280w, /resources/files/png114/pasch-net-quiz-formatkey-webp-w1440r.png 1440w, /resources/files/png114/pasch-net-quiz-formatkey-webp-w1600r.png 1600w, /resources/files/png114/pasch-net-quiz-formatkey-webp-w1760r.png 1760w, /resources/files/png114/pasch-net-quiz-formatkey-webp-w1920r.png 1920w\" sizes=\"(min-width: 768px) 32vw, 100vw\" width=\"4192\" height=\"2096\">\n <img src=\"/resources/files/png114/pasch-net-quiz-formatkey-png-w320r.png\" srcset=\"/resources/files/png114/pasch-net-quiz-formatkey-png-w160r.png 160w, /resources/files/png114/pasch-net-quiz-formatkey-png-w320r.png 320w, /resources/files/png114/pasch-net-quiz-formatkey-png-w480r.png 480w, /resources/files/png114/pasch-net-quiz-formatkey-png-w640r.png 640w, /resources/files/png114/pasch-net-quiz-formatkey-png-w800r.png 800w, /resources/files/png114/pasch-net-quiz-formatkey-png-w960r.png 960w, /resources/files/png114/pasch-net-quiz-formatkey-png-w1120r.png 1120w, /resources/files/png114/pasch-net-quiz-formatkey-png-w1280r.png 1280w, /resources/files/png114/pasch-net-quiz-formatkey-png-w1440r.png 1440w, /resources/files/png114/pasch-net-quiz-formatkey-png-w1600r.png 1600w, /resources/files/png114/pasch-net-quiz-formatkey-png-w1760r.png 1760w, /resources/files/png114/pasch-net-quiz-formatkey-png-w1920r.png 1920w\" sizes=\"(min-width: 768px) 32vw, 100vw\" alt=\"Illustration einer Hand, die auf einen Kasten tippt, auf dem sich ein grüner Haken befindet. Darunter ein Kasten, auf dem sich ein rotes X befindet.\" title=\"PASCH-net Quiz\" width=\"4192\" height=\"2096\" loading=\"lazy\" class=\"img-fluid\">\n</picture>","image_link":"/resources/files/png114/pasch-net-quiz.png"},"is_feedback_immediately":true,"type":"knowledge","author":"","save_result":true,"list_questions":[{"question_text":"Von Montag bis Donnerstag hat die Klasse 6 c ...","hasAudio":false,"object_id":27207963,"image_position":"left","type":"single","feedback":{"isTurnedOffSmileyFeedback":false,"headline_correct":"","text_wrong":"","headline_wrong":"","text_correct":""},"hasEmbeddedCode":false,"answers":[{"object_id":27207960,"answer_text":"nur die Mittagspause.","correct_answer":false,"point":0,"image_url":"","image_html":"","image_copyright":"","image_html_popup":""},{"object_id":27207961,"answer_text":"vier Pausen am Tag.","correct_answer":true,"point":0,"image_url":"","image_html":"","image_copyright":"","image_html_popup":""},{"object_id":27207962,"answer_text":"zwei Pausen am Tag.","correct_answer":false,"point":0,"image_url":"","image_html":"","image_copyright":"","image_html_popup":""}]},{"question_text":"Die Mittagspause dauert...","hasAudio":false,"object_id":27207967,"image_position":"left","type":"single","feedback":{"isTurnedOffSmileyFeedback":false,"headline_correct":"","text_wrong":"","headline_wrong":"","text_correct":""},"hasEmbeddedCode":false,"answers":[{"object_id":27207964,"answer_text":"60 Minuten.","correct_answer":false,"point":0,"image_url":"","image_html":"","image_copyright":"","image_html_popup":""},{"object_id":27207965,"answer_text":"90 Minuten.","correct_answer":false,"point":0,"image_url":"","image_html":"","image_copyright":"","image_html_popup":""},{"object_id":27207966,"answer_text":"45 Minuten.","correct_answer":true,"point":0,"image_url":"","image_html":"","image_copyright":"","image_html_popup":""}]},{"question_text":"Die kürzeste Pause geht...","hasAudio":false,"object_id":27207971,"image_position":"left","type":"single","feedback":{"isTurnedOffSmileyFeedback":false,"headline_correct":"","text_wrong":"","headline_wrong":"","text_correct":""},"hasEmbeddedCode":false,"answers":[{"object_id":27207968,"answer_text":"von 13:10 bis 13:25.","correct_answer":true,"point":0,"image_url":"","image_html":"","image_copyright":"","image_html_popup":""},{"object_id":27207969,"answer_text":"von 13:15 bis 13:30.","correct_answer":false,"point":0,"image_url":"","image_html":"","image_copyright":"","image_html_popup":""},{"object_id":27207970,"answer_text":"von 13:20 bis 13:40.","correct_answer":false,"point":0,"image_url":"","image_html":"","image_copyright":"","image_html_popup":""}]},{"question_text":"Die Schule hat...","hasAudio":false,"object_id":27207975,"image_position":"left","type":"single","feedback":{"isTurnedOffSmileyFeedback":false,"headline_correct":"","text_wrong":"","headline_wrong":"","text_correct":""},"hasEmbeddedCode":false,"answers":[{"object_id":27207972,"answer_text":"vier Trampoline und sechs Tischtennisplatten.","correct_answer":false,"point":0,"image_url":"","image_html":"","image_copyright":"","image_html_popup":""},{"object_id":27207973,"answer_text":"drei Trampoline und fünf Tischtennisplatten.","correct_answer":false,"point":0,"image_url":"","image_html":"","image_copyright":"","image_html_popup":""},{"object_id":27207974,"answer_text":"zwei Trampoline und vier Tischtennisplatten.","correct_answer":true,"point":0,"image_url":"","image_html":"","image_copyright":"","image_html_popup":""}]},{"question_text":"Auf den Tischtennisplatten","hasAudio":false,"object_id":27207979,"image_position":"left","type":"single","feedback":{"isTurnedOffSmileyFeedback":false,"headline_correct":"","text_wrong":"","headline_wrong":"","text_correct":""},"hasEmbeddedCode":false,"answers":[{"object_id":27207976,"answer_text":"spielen die Schülerinnen und Schüler sehr oft Tischtennis.","correct_answer":false,"point":0,"image_url":"","image_html":"","image_copyright":"","image_html_popup":""},{"object_id":27207977,"answer_text":"frühstücken die Schülerinnen und Schüler oft.","correct_answer":true,"point":0,"image_url":"","image_html":"","image_copyright":"","image_html_popup":""},{"object_id":27207978,"answer_text":"spielen die Lehrkräfte Tischfußball.","correct_answer":false,"point":0,"image_url":"","image_html":"","image_copyright":"","image_html_popup":""}]},{"question_text":"In der Box","hasAudio":false,"object_id":27207983,"image_position":"left","type":"single","feedback":{"isTurnedOffSmileyFeedback":false,"headline_correct":"","text_wrong":"","headline_wrong":"","text_correct":""},"hasEmbeddedCode":false,"answers":[{"object_id":27207980,"answer_text":"gibt es viele Sachen zum Spielen.","correct_answer":true,"point":0,"image_url":"","image_html":"","image_copyright":"","image_html_popup":""},{"object_id":27207981,"answer_text":"machen die Schülerinnen und Schüler Hausaufgaben.","correct_answer":false,"point":0,"image_url":"","image_html":"","image_copyright":"","image_html_popup":""},{"object_id":27207982,"answer_text":"findet oft Unterricht statt.","correct_answer":false,"point":0,"image_url":"","image_html":"","image_copyright":"","image_html_popup":""}]}],"teaser_text":"Hier kannst du testen, ob du das Video richtig verstanden hast."};
// create instance
$(function() {
initVueJs("#quiz_container_27207997");
});
$(window).on("load", function() {
<!-- $$customhtml:footerJSWindow$$ -->
});
$(document).ready(function(){
setupSocialMediaToggle();
});
$(function(){
<!-- $$customhtml:footerJSDocument$$ -->
// avoid image drag
$(document).on('dragstart', 'img', function(e) {
e.preventDefault();
});
$(document).on('click', '.trigger-media-format', function(){
setTimeout(function(){
$('.slider-wrapper').slick('unslick'); // destroy current sliders
window._initSlickSlider(); // initiate sliders again
}, 350);
});
});
</script>
<script>
function FilterPanel() {
this._config = {
containerFilter: '.container-filter',
filter: '.filter-wrapper',
triggerFilter: '.trigger-filter',
triggerFilterSubmit: '.trigger-filter-submit',
triggerFilterRemove: '.trigger-filter-remove',
triggerFilterReveal: '.trigger-filter-reveal',
overlay: '#overlay',
isOpen: 'is-open',
isAnimating: 'is-animating',
};
var self = this;
$(document).on('click', this._config.overlay + '.is-filter', function(e) {
self.close(e);
});
}
FilterPanel.prototype.panelHandler = function(e, close) {
e.preventDefault();
if (!close) {
close = false;
}
var element = e.target;
var animateTime = 400;
var throttleTime = 150;
var isCloseButton = $(element).hasClass('filter-close');
var $this = (close ? $(this._config.triggerFilter) : (isCloseButton ? $(element).parent().parent().find('.filter-buttons ' + this._config.triggerFilter) : $(element)));
var $background = $(this._config.overlay);
var open = (close ? close : $this.hasClass(this._config.isOpen));
var animating = $this.hasClass(this._config.isAnimating);
var $filter = (!open ? $this.closest(this._config.containerFilter).find(this._config.filter) : $(this._config.filter));
// only one click
if (animating) {
return false;
}
$this.addClass(this._config.isAnimating);
// reset animation flag
var self = this;
setTimeout(function() {
$this.removeClass(self._config.isAnimating);
}, animateTime + throttleTime);
// open it
if (!open) {
$filter.css('display', 'block');
setTimeout(function() {
$this.addClass(self._config.isOpen);
$background.addClass(self._config.isOpen + ' is-filter');
$filter.addClass(self._config.isOpen);
$filter.find('span').first().focus();
}, 10);
} else {
// close it
$this.removeClass(self._config.isOpen);
$background.removeClass(self._config.isOpen + ' is-filter');
$filter.removeClass(self._config.isOpen);
setTimeout(function() {
$filter.css('display', 'none');
}, animateTime);
}
};
FilterPanel.prototype.open = function(e) {
this.panelHandler(e, false);
};
FilterPanel.prototype.close = function(e) {
this.panelHandler(e, true);
};
</script>
<!-- $$customhtml:footerAlternative$$ -->
<div class="gi-tip" id="tip-inhalt-27213565">
<strong>sich mit etwas beschäftigen:</strong> länger an etwas arbeiten, über etwas nachdenken
</div>
<div class="gi-tip" id="tip-inhalt-27213566">
<strong>sich mit etwas beschäftigen:</strong> länger an etwas arbeiten, über etwas nachdenken
</div>
<div class="gi-tip" id="tip-inhalt-27213567">
<strong>sich schuldig fühlen:</strong> das Gefühl haben, dass man selbst etwas falsch gemacht hat
</div>
<div class="gi-tip" id="tip-inhalt-27213568">
<strong>die Trauer:</strong> ein starkes Gefühl von Schmerz, wenn man jemanden oder etwas verloren hat
</div>
<div class="gi-tip" id="tip-inhalt-27213572">
<strong>die Fragestellung, die Fragestellungen:</strong> eine Frage oder Aufgabe, die man bearbeiten soll
</div>
<div class="gi-tip" id="tip-inhalt-27213574">
<strong>die Zentralstelle für das Auslandsschulwesen:</strong> eine deutsche Organisation, die Schulen im Ausland unterstützt, an denen Deutsch unterrichtet wird
</div>
<div class="gi-tip" id="tip-inhalt-27213575">
<strong>die Fachberaterin, der Fachberater, die Fachberater (Pl.):</strong> Mitarbeitende der Zentralstelle für das Auslandsschulwesen, die den Deutschunterricht in verschiedenen Ländern unterstützen, beraten und betreuen
</div>
<div class="gi-tip" id="tip-inhalt-27213578">
<strong>der Wettbewerbsgedanke:</strong> die Idee, dass es vor allem ums Gewinnen geht
</div>
<div class="gi-tip" id="tip-inhalt-27213580">
<strong>sich mit etwas auseinandersetzen:</strong> sich intensiv mit einem Thema beschäftigen und eine Meinung dazu entwickeln
</div>
<div class="gi-tip" id="tip-inhalt-27213581">
<strong>sich mit etwas auseinandersetzen:</strong> sich intensiv mit einem Thema beschäftigen und eine Meinung dazu entwickeln
</div>
<div class="gi-tip" id="tip-inhalt-27213582">
<strong>schöngeistig:</strong> künstlerisch, literarisch
</div>
<div class="gi-tip" id="tip-inhalt-27213583">
<strong>die Selbstentwicklung:</strong> wenn man an sich selbst arbeitet, um sich zu verbessern oder Neues über sich zu lernen
</div>
<div class="gi-tip" id="tip-inhalt-27213585">
<strong>fliehen, floh, geflohen:</strong> wenn man weglaufen muss, weil man in Gefahr ist, zum Beispiel vor einem Krieg fliehen
</div>
<div class="gi-tip" id="tip-inhalt-27213586">
<strong>der Schulabschluss, die Schulabschlüsse:</strong> ein Zeugnis, das man bekommt, wenn man die Schule verlässt und mit dem man zum Beispiel an einer Universität studieren kann
</div>
<div class="gi-tip" id="tip-inhalt-27213587">
<strong>nachdenklich:</strong> hier: ruhig und melancholisch
</div>
<div class="gi-tip" id="tip-inhalt-27193929">
<article>
<strong>die Schreibwerkstatt, die Schreibwerkstätten:</strong> ein Kurs oder Treffen, wo Menschen zusammenkommen und schreiben und Tipps bekommen<br />
</article>
</div>
<div class="gi-tip" id="tip-inhalt-27193931">
<article>
<strong>der Lektor, die Lektoren/ die Lektorin, die Lektorinnen:</strong> eine Person, die Texte liest und verbessert, bevor sie veröffentlicht werden<br />
</article>
</div>
<div class="gi-tip" id="tip-inhalt-27193950">
<article>
<strong>der Schreibpädagoge, die Schreibpädagogen/ die Schreibpädagogin, die Schreibpädagoginnen:</strong> eine Person, die anderen das Schreiben beibringt<br />
</article>
</div>
<div class="gi-tip" id="tip-inhalt-27193951">
<article>
<strong>der Schreibstil, die Schreibstile:</strong> wie jemand schreibt<br />
</article>
</div>
<div class="gi-tip" id="tip-inhalt-27193935">
<article>
<strong>der Schreibtyp, die Schreibtypen:</strong> wie jemand schreibt<br />
</article>
</div>
<div class="gi-tip" id="tip-inhalt-27193933">
<article>
<strong>der Herzensort, die Herzensorte:</strong> ein Ort, den man sehr mag und wo man sich wohlfühlt<br />
</article>
</div>
<div class="gi-tip" id="tip-inhalt-27193936">
<article>
<strong>der Nationalsozialismus:</strong> auf der Ideologie des Nationalsozialismus (extrem nationalistische, imperialistische und rassistische politische Bewegung) basierende faschistische Herrschaft von Adolf Hitler in Deutschland von 1933 bis 1945<br />
</article>
</div>
<div class="gi-tip" id="tip-inhalt-27193937">
<article>
<strong>die Lesung, die Lesungen:</strong> eine Veranstaltung, bei der jemand aus einem Buch vorliest<br />
</article>
</div>
<div class="gi-tip" id="tip-inhalt-27193939">
<article>
<strong>der Jugendroman, die Jugendromane:</strong> ein Buch für Jugendliche, oft über ihre Probleme und Abenteuer<br />
</article>
</div>
<div class="gi-tip" id="tip-inhalt-27193940">
<article>
<strong>die Handlung, die Handlungen:</strong> was in einer Geschichte passiert<br />
</article>
</div>
<div class="gi-tip" id="tip-inhalt-27193941">
<article>
<strong>die Schlossführung, die Schlossführungen: </strong>ein Rundgang durch ein Schloss mit Erklärungen<br />
</article>
</div>
<div class="gi-tip" id="tip-inhalt-27193942">
<article>
<strong>die Poesie: </strong>schöne, künstlerische Texte, oft in Gedichtform<br />
</article>
</div>
<div class="gi-tip" id="tip-inhalt-27193943">
<article>
<strong>der Kooperationspartner, die Kooperationspartner:</strong> eine Organisation, die mit einer anderen zusammenarbeitet<br />
</article>
</div>
<div class="gi-tip" id="tip-inhalt-27193944">
<article>
<strong>Literaturvermittlung: </strong>Menschen Texte und Bücher näherbringen, damit sie Lust aufs Lesen bekommen
</article>
</div>
<div class="gi-tip" id="tip-inhalt-27193945">
<article>
<strong>der Rundfunk:</strong> Radio und Fernsehen
</article>
</div>
<div class="gi-tip" id="tip-inhalt-27193948">
<article>
<strong>das NS-Dokumentationszentrum, die NS-Dokumentationszentren:</strong> ein Ort, wo man Informationen über den Nationalsozialismus findet<br />
</article>
</div>
<div class="gi-tip" id="tip-inhalt-27193949">
<article>
<strong>die KZ-Gedenkstätte, die KZ-Gedenkstätten: </strong>ein Ort zur Erinnerung an die Konzentrationslager im Nationalsozialismus<br />
</article>
</div>
<div class="gi-tip" id="tip-inhalt-27207923">
<strong>anstrengend:</strong> eine Aktivität, für die man viel Energie braucht
</div>
<div class="gi-tip" id="tip-inhalt-27207926">
<strong>verbringen:</strong> hier: was die Schülerinnen und Schüler in der Pause machen
</div>
<div class="gi-tip" id="tip-inhalt-27207931">
<strong>die Entspannung:</strong> wenn man nichts tun muss
</div>
<div class="gi-tip" id="tip-inhalt-27207940">
<strong>klettern:</strong> sich z.B. auf einem Baum nach oben bewegen
</div>
<div class="gi-tip" id="tip-inhalt-27207937">
<strong>schaukeln:</strong> sich hin- und her bewegen
</div>
<div class="gi-tip" id="tip-inhalt-27207939">
<article>
<strong>der Pausenhof, die Pausenhöfe:</strong> ein Platz zwischen Schulgebäuden, auf den die Schülerinnen und Schüler in der Pause gehen können
</article>
</div>
<div class="gi-tip" id="tip-inhalt-27207937">
<strong>schaukeln:</strong> sich hin- und her bewegen
</div>
<div class="gi-tip" id="tip-inhalt-27207935">
<strong>klettern:</strong> sich z.B. auf einem Baum nach oben bewegen
</div>
<div class="gi-tip" id="tip-inhalt-27207942">
<strong>die Regel, die Regeln:</strong> was man tun darf und was nicht
</div>
<div class="gi-tip" id="tip-inhalt-27207943">
<strong>der Klassenraum, die Klassenräume:</strong> das Zimmer, in dem man in der Schule lernt
</div>
<div class="gi-tip" id="tip-inhalt-27207945">
<strong>ausnahmsweise:</strong> etwas, was man normalerweise nicht macht
</div>
<div class="gi-tip" id="tip-inhalt-27207946">
<strong>sinnvoll:</strong> hier: richtig, gut
</div>
<div class="gi-tip" id="tip-inhalt-27207947">
<strong>aufpassen:</strong> hier: gemeinsam dafür arbeiten, dass die Schule sauber ist
</div>
<div class="gi-tip" id="tip-inhalt-27207948">
<strong>das Missgeschick, die Missgeschicke:</strong> wenn man z.B. etwas kaputtmacht oder einen kleinen Unfall hat
</div>
<div class="gi-tip" id="tip-inhalt-27207949">
<strong>stolpern:</strong> Wenn beim Gehen einen Gegenstand auf dem Weg nicht sieht und fast hinfällt
</div>
<div class="gi-tip" id="tip-inhalt-27207950">
<strong>entdecken:</strong> hier: finden
</div>
<script type="text/javascript" src="/bOLUi/5/g-/npTq/Dbi-ZRo5/ktu7fkQE7S/LmtJNA/aRx8/JkF8YCAE?v=6941778e-3e8c-898c-bc98-93b0b6e41733" defer></script></body>
</html>Following keywords were found. You can check the keyword optimization of this page for each keyword.
(Nice to have)