PageSourceSearch

https://www.hueber.de/themenwelten/einfach-digital/hueber-media-app

html hueber.de collected 2026-10-01 11:41:46 UTC 114,383 bytes, 398 lines download raw bytes

1<!DOCTYPE html><html lang="de" dir="ltr"> <head><meta charset="utf-8"><title>Hueber Media-App | Hueber Verlag</title><meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover"><meta name="description" content="Mit der praktischen App Hueber Media können Sie die Medien aus Ihrem Hueber-Buch jederzeit auf Ihrem Smartphone abspielen.">
2
3<meta property="og:title" content="Hueber Media-App | Hueber Verlag">
4<meta property="og:description" content="Mit der praktischen App Hueber Media können Sie die Medien aus Ihrem Hueber-Buch jederzeit auf Ihrem Smartphone abspielen.">
5<meta property="og:type" content="website">
6<meta property="og:url" content="https://www.hueber.de/themenwelten/einfach-digital/hueber-media-app">
7<meta property="og:image" content="https://www.hueber.de/images/share-image.png">
8
9<meta name="twitter:title" content="Hueber Media-App | Hueber Verlag">
10<meta name="twitter:description" content="Mit der praktischen App Hueber Media können Sie die Medien aus Ihrem Hueber-Buch jederzeit auf Ihrem Smartphone abspielen.">
11<meta name="twitter:image" content="https://www.hueber.de/images/share-image.png">
12<meta name="twitter:card" content="summary">
13
14<link rel="canonical" href="https://www.hueber.de/themenwelten/einfach-digital/hueber-media-app"><meta name="robots" content="index,follow,noarchive"><link rel="icon" type="image/x-icon" href="/favicon.ico"><link rel="preconnect" href="https://hv-prod-craft.fsn1.your-objectstorage.com"><link rel="preload" href="/fonts/fira-sans/fira-sans-v17-latin-regular.woff2" as="font" type="font/woff2" crossorigin><link rel="preload" href="/fonts/fira-sans/fira-sans-v17-latin-700.woff2" as="font" type="font/woff2" crossorigin><link rel="preload" href="/fonts/hueber-forward-sans/ForwardSans-Regular.otf" as="font" type="font/woff2" crossorigin><link rel="preload" href="/fonts/hueber-forward-sans/ForwardSans-Semi.otf" as="font" type="font/woff2" crossorigin><link rel="preload" href="/fonts/fonts.css" as="style"><link rel="stylesheet" href="/fonts/fonts.css"><link rel="preconnect" href="//privacy-proxy.usercentrics.eu"> 
15<link rel="preload" href="//privacy-proxy.usercentrics.eu/latest/uc-block.bundle.js" as="script">
16<link rel="dns-prefetch" href="//web.cmp.usercentrics.eu"> 
17<link rel="dns-prefetch" href="//api.usercentrics.eu">
18<script id="usercentrics-cmp" data-settings-id="g3Du9LdUX9iAt4" src="https://web.cmp.usercentrics.eu/ui/loader.js" async></script>
vendor: 1 bytes, line 18
18
19<script type="application/javascript" src="https://privacy-proxy.usercentrics.eu/latest/uc-block.bundle.js"></script>
19<!-- Copyright (c) 2000-2025 etracker GmbH. All rights reserved. No reproduction, publication or modification allowed without permission. --> 
20 <!-- etracker code 6.0 --> 
21<script> 
22// var et_pagename = ""; 
23// // var et_areas = ""; 
24</script>
24 
25<script id="_etLoader" charset="UTF-8" data-block-cookies="true" data-secure-code="GQbY8K" src="//code.etracker.com/code/e.js" async></script>
25 
26<!-- etracker code 6.0 end -->
26<script>(function(){const isLoggedIn = false;
27const userDataComplete = false;
28
29    window.__USER_LOGGED_IN__ = {isLoggedIn};
30    window.__USER_DATA_COMPLETE__ = userDataComplete;
31})();</script>
31<!-- 
31<script is:inline src="/js/tokenManager.js"></script>
31 -->
31<script>(function(){const keycloakConfig = {"url":"https://login.hueber.de","realm":"hueber","clientId":"cms"};
32const pageDomain = "https://www.hueber.de";
33const isLoggedIn = false;
34
35    window.__KEYCLOAK_CONFIG__ = keycloakConfig;
36    window.__PAGE_DOMAIN__ = pageDomain;
37
38    /**
39     * Silent SSO check via hidden iframe.
40     * Instead of redirecting the main window to Keycloak (which causes a visible page reload),
41     * we load the Keycloak auth endpoint in a hidden iframe with prompt=none.
42     * - No Keycloak session → iframe gets error → nothing happens, no reload.
43     * - Keycloak session found → redirect main window once to complete login.
44     * - Local session but Keycloak gone → auto-logout.
45     *
46     * is:inline is used here so the message listener is registered early (before module
47     * scripts load) and to avoid pulling in the keycloak-js bundle via the keycloak-sso
48     * module. The URL builder is simple enough to inline.
49     */
50    (function() {
51        var _pageDomain = pageDomain || window.location.origin;
52        var hasAppSession = isLoggedIn;
53        var ss = typeof sessionStorage !== 'undefined';
54        var SSO_SKIP = 'keycloak_sso_skip';
55        var SSO_LAST_CHECK = 'keycloak_sso_last_check';
56        var SSO_RESULT = 'keycloak_sso_result';
57        var SSO_RESULT_TIME = 'keycloak_sso_result_time';
58        var SSO_PENDING = 'keycloak_sso_pending';
59        var SSO_CHECK_INTERVAL_MS = 10 * 1000;
60        var SSO_IFRAME_TIMEOUT_MS = 5000;
61        var SSO_RESULT_TTL_MS = 30000;
62
63        if (ss) sessionStorage.removeItem('keycloak_sso_guard');
64
65        var url = new URL(window.location.href);
66        if (url.searchParams.get('keycloak_checked') === '1') {
67            if (ss) {
68                sessionStorage.setItem(SSO_SKIP, '1');
69                sessionStorage.setItem(SSO_LAST_CHECK, String(Date.now()));
70            }
71            url.searchParams.delete('keycloak_checked');
72            window.history.replaceState(null, '', url.pathname + url.search + url.hash);
73        }
74
75        function buildAuthUrl(config, redirectUri, silent) {
76            if (!config || !config.url || !config.realm || !config.clientId || !redirectUri) return '';
77            var base = config.url + '/realms/' + config.realm + '/protocol/openid-connect/auth';
78            var params = new URLSearchParams({
79                response_type: 'code',
80                client_id: config.clientId,
81                redirect_uri: redirectUri,
82                scope: 'openid profile roles email',
83                state: (crypto.randomUUID ? crypto.randomUUID() : Math.random().toString(36).slice(2))
84            });
85            if (silent) params.set('prompt', 'none');
86            return base + '?' + params.toString();
87        }
88
89        function actOnResult(result) {
90            if (ss) {
91                sessionStorage.setItem(SSO_LAST_CHECK, String(Date.now()));
92                sessionStorage.removeItem(SSO_PENDING);
93            }
94            if (result === 'no-session') {
95                if (ss) sessionStorage.setItem(SSO_SKIP, '1');
96                if (hasAppSession) {
97                    window.location.href = '/api/auth/logout?redirect=' +
98                        encodeURIComponent(window.location.pathname + window.location.search);
99                }
100            } else if (result === 'session' && !hasAppSession) {
101                var currentPath = (window.location.pathname + window.location.search) || '/';
102                var redirectUri = _pageDomain + '/api/auth/loginsuccess?target=' + encodeURIComponent(currentPath);
103                var loginUrl = buildAuthUrl(keycloakConfig, redirectUri, true);
104                if (loginUrl) window.location.href = loginUrl;
105            }
106        }
107
108        if (!keycloakConfig || !_pageDomain || window.location.pathname === '/redirect-success') return;
109
110        // Read and clear the pending flag (set when an iframe check started but may not have completed)
111        var hadPendingCheck = ss ? sessionStorage.getItem(SSO_PEND
111ING) : null;
112        if (ss) sessionStorage.removeItem(SSO_PENDING);
113
114        // Pick up a result that silent-check-sso.html stored before the user navigated away
115        if (ss) {
116            var storedResult = sessionStorage.getItem(SSO_RESULT);
117            var storedTime = parseInt(sessionStorage.getItem(SSO_RESULT_TIME) || '0', 10);
118            sessionStorage.removeItem(SSO_RESULT);
119            sessionStorage.removeItem(SSO_RESULT_TIME);
120            if (storedResult && storedTime > 0 && (Date.now() - storedTime < SSO_RESULT_TTL_MS)) {
121                actOnResult(storedResult);
122                return;
123            }
124        }
125
126        var ssoSkip = ss ? sessionStorage.getItem(SSO_SKIP) : null;
127        var lastCheck = ss ? parseInt(sessionStorage.getItem(SSO_LAST_CHECK) || '0', 10) : 0;
128        var withinInterval = lastCheck > 0 && (Date.now() - lastCheck < SSO_CHECK_INTERVAL_MS);
129        var shouldCheck = hasAppSession ? !withinInterval : (!ssoSkip || !withinInterval);
130
131        if (!shouldCheck) return;
132
133        // For logged-in users: if a previous iframe check was interrupted (no stored result
134        // arrived), fall back to a full-page redirect which is guaranteed to complete.
135        // This only fires once — the redirect itself does not set SSO_PENDING.
136        if (hasAppSession && hadPendingCheck) {
137            var currentPath = (window.location.pathname + window.location.search) || '/';
138            var redirectUri = _pageDomain + '/api/auth/loginsuccess?target=' + encodeURIComponent(currentPath);
139            var loginUrl = buildAuthUrl(keycloakConfig, redirectUri, true);
140            if (loginUrl) {
141                if (ss) sessionStorage.setItem(SSO_LAST_CHECK, String(Date.now()));
142                window.location.href = loginUrl;
143            }
144            return;
145        }
146
147        var checkUrl = buildAuthUrl(keycloakConfig, _pageDomain + '/silent-check-sso/', true);
148        if (!checkUrl) return;
149
150        // Mark that an iframe check is in progress; cleared on completion or timeout
151        if (ss) sessionStorage.setItem(SSO_PENDING, '1');
152
153        var settled = false;
154        var iframe = null;
155        var timeoutId = null;
156
157        function cleanup() {
158            if (timeoutId) clearTimeout(timeoutId);
159            window.removeEventListener('message', onMessage);
160            if (iframe && iframe.parentNode) iframe.parentNode.removeChild(iframe);
161        }
162
163        function onMessage(event) {
164            if (event.origin !== window.location.origin) return;
165            if (typeof event.data !== 'string' || event.data.indexOf('silent-check-sso') === -1) return;
166            if (settled) return;
167            settled = true;
168            cleanup();
169            if (ss) {
170                sessionStorage.removeItem(SSO_RESULT);
171                sessionStorage.removeItem(SSO_RESULT_TIME);
172            }
173
174            try {
175                var cbUrl = new URL(event.data);
176                var error = cbUrl.searchParams.get('error');
177                actOnResult(error ? 'no-session' : 'session');
178            } catch (e) {
179                if (ss) {
180                    sessionStorage.setItem(SSO_SKIP, '1');
181                    sessionStorage.removeItem(SSO_PENDING);
182                }
183            }
184        }
185
186        window.addEventListener('message', onMessage);
187
188        timeoutId = setTimeout(function() {
189            if (settled) return;
190            settled = true;
191            cleanup();
192            if (ss) {
193                sessionStorage.setItem(SSO_SKIP, '1');
194                sessionStorage.removeItem(SSO_PENDING);
195            }
196        }, SSO_IFRAME_TIMEOUT_MS);
197
198        // Append to documentElement immediately — no need to wait for DOMContentLoaded
199        iframe = document.createElement('iframe');
200        iframe.style.display = 'none';
201        iframe.setAttribute('aria-hidden', 'true');
202        iframe.setAttribute('title', 'keycloak-sso-check');
203        iframe.src = checkUrl;
204        document.documentElement.appendChild(iframe);
205    })();
206})();</script>
206<script type="module">const t={vars:{storageKey:"keycloak_link_referrer",maxEntries:10},trackKeycloakClick(e=null){const a=typeof e=="string"&&e.length>0?e:window.location.pathname,r=new Date().toISOString(),o={referrerPath:a,timestamp:r};t.storeEntry(o),console.log("Keycloak login link clicked:",{from:a,timestamp:r})},storeEntry(e){try{const a=localStorage.getItem(t.vars.storageKey);let r=[];if(a)try{r=JSON.parse(a)}catch{console.warn("Failed to parse existing keycloak link data, starting fresh"),r=[]}r.unshift(e),r.length>t.vars.maxEntries&&(r=r.slice(0,t.vars.maxEntries)),localStorage.setItem(t.vars.storageKey,JSON.stringify(r))}catch(a){console.error("Failed to store keycloak link data:",a)}},getStoredEntries(){try{const e=localStorage.getItem(t.vars.storageKey);return e?JSON.parse(e):[]}catch(e){return console.error("Failed to retrieve keycloak link data:",e),[]}},getLastReferrerPath(){const e=t.getStoredEntries();return e.length>0?e[0].referrerPath:null},clearStoredEntries(){try{localStorage.removeItem(t.vars.storageKey)}catch(e){console.error("Failed to clear keycloak link data:",e)}}};window.trackKeycloakClick=t.trackKeycloakClick.bind(t);</script>
206<link rel="stylesheet" href="/_astro/the-editor.7oN3-GhD.css">
207<style>/*!
208 * Toastify js 1.12.0
209 * https://github.com/apvarun/toastify-js
210 * @license MIT licensed
211 *
212 * Copyright (C) 2018 Varun A P
213 */.toastify{padding:12px 20px;color:#fff;display:inline-block;box-shadow:0 3px 6px -1px #0000001f,0 10px 36px -4px #4d60e84d;background:-webkit-linear-gradient(315deg,#73a5ff,#5477f5);background:linear-gradient(135deg,#73a5ff,#5477f5);position:fixed;opacity:0;transition:all .4s cubic-bezier(.215,.61,.355,1);border-radius:2px;cursor:pointer;text-decoration:none;max-width:calc(50% - 20px);z-index:2147483647}.toastify.on{opacity:1}.toast-close{background:transparent;border:0;color:#fff;cursor:pointer;font-family:inherit;font-size:1em;opacity:.4;padding:0 5px}.toastify-right{right:15px}.toastify-left{left:15px}.toastify-top{top:-150px}.toastify-bottom{bottom:-150px}.toastify-rounded{border-radius:25px}.toastify-avatar{width:1.5em;height:1.5em;margin:-7px 5px;border-radius:2px}.toastify-center{margin-left:auto;margin-right:auto;left:0;right:0;max-width:fit-content;max-width:-moz-fit-content}@media only screen and (max-width: 360px){.toastify-right,.toastify-left{margin-left:auto;margin-right:auto;left:0;right:0;max-width:fit-content}}
214.back-navigation{padding:42px 0 0}@media screen and (min-width: 768px){.back-navigation{padding:35px 0 0}}@media screen and (min-width: 1280px){.back-navigation{padding:55px 0 0}}.back-navigation:last-child .back-navigation__wrapper{padding-top:40px;border-top:1px solid var(--color-border-grey)}@media screen and (min-width: 768px){.back-navigation:last-child .back-navigation__wrapper{padding-top:50px}}@media screen and (min-width: 1280px){.back-navigation:last-child .back-navigation__wrapper{padding-top:60px;padding-left:100px}}.back-navigation a{text-decoration:none;font-size:1rem;font-family:Hueber Forward Sans,Arial,sans-serif}.back-navigation a:hover{color:var(--color-theme-red)}
215</style>
216<link rel="stylesheet" href="/_astro/_slug_.BRVjH3Id.css">
217<link rel="stylesheet" href="/_astro/_slug_.ONIoMrWv.css">
218<link rel="stylesheet" href="/_astro/_slug_.BPuMyc32.css">
219<link rel="stylesheet" href="/_astro/_slug_.CMDmJgJt.css">
220<style>.separator{padding:22px 0}@media screen and (min-width: 768px){.separator{padding:27px 0}}@media screen and (min-width: 1280px){.separator{padding:32px 0}}.separator:first-child{padding-top:0}.separator--no-margins{padding:0}.separator+.separator{display:none}.separator hr{background:var(--color-border-grey)}
221</style>
222<link rel="stylesheet" href="/_astro/_slug_.n0rSDj1T.css">
223<style>.registration{padding:22px 0}@media screen and (min-width: 768px){.registration{padding:27px 0}}@media screen and (min-width: 1280px){.registration{padding:32px 0}}.registration:first-child{padding-top:0}.registration .intro-text{margin-bottom:20px}@media screen and (min-width: 1280px){.registration .intro-text{margin-bottom:30px}}.registration__options{position:relative;padding-top:37px;border-top:1px solid var(--color-border-grey);text-align:center}@media screen and (min-width: 768px){.registration__options{padding-top:44px}}@media screen and (min-width: 1280px){.registration__options{padding-top:54px;border:0}}@media screen and (min-width: 1280px){.registration__options:before{position:absolute;top:0;left:50%;transform:translate(-50%);width:1100px;height:1px;background:var(--color-border-grey);content:""}}.registration__options h2{margin-bottom:12px;font-size:1.375rem}@media screen and (min-width: 768px){.registration__options h2{font-size:1.5rem}}.registration__options ul{display:flex;flex-wrap:wrap;justify-content:space-between;list-style:none}.registration__options ul li{display:flex;flex-direction:column;justify-content:center;align-items:center;align-content:center;width:100%;height:146px;margin-left:0;border:1px solid var(--color-border-grey);border-radius:10px}@media screen and (min-width: 768px){.registration__options ul li{width:calc(50% - 5px);height:176px}}@media screen and (min-width: 1280px){.registration__options ul li{width:calc(50% - 7px);height:176px}}.registration__options ul li+li{margin-top:10px}@media screen and (min-width: 768px){.registration__options ul li+li{margin-top:0}}.registration__options ul li .button{margin-top:20px}.registration__form{padding:40px 0;border-top:1px solid var(--color-border-grey);border-bottom:1px solid var(--color-border-grey)}@media screen and (min-width: 1280px){.registration__form{padding:55px 0;border:0}}@media screen and (min-width: 1280px){.registration__form:before,.registration__form:after{position:absolute;top:0;left:50%;transform:translate(-50%);width:1100px;height:1px;background:var(--color-border-grey);content:""}}@media screen and (min-width: 1280px){.registration__form:after{top:auto;bottom:0}}
224.breadcrumb{display:none!important;display:block;font-size:.875rem;font-family:Hueber Forward Sans,Arial,sans-serif;letter-spacing:.5px}.breadcrumb ol{display:flex;align-content:center;align-items:center;list-style:none}.breadcrumb ol li{position:relative;display:flex;align-content:center;align-items:center;min-height:25px;margin-left:0;margin-right:27px}@media screen and (min-width: 1280px){.breadcrumb ol li{margin-right:47px}}.breadcrumb ol li:before{position:absolute;top:4px;right:-17px;width:9px;height:13px;background-image:url(/images/icons/chevron-right-blue.svg);background-size:cover;content:""}@media screen and (min-width: 1280px){.breadcrumb ol li:before{right:-29px}}.breadcrumb ol li:last-child:before{display:none}.breadcrumb ol li svg{position:relative;top:-2px;margin-right:10px}.breadcrumb ol li svg path{stroke:currentColor}.breadcrumb ol li a,.breadcrumb ol li span{position:relative;display:flex;align-content:center;align-items:center;min-height:25px;text-decoration:none}.breadcrumb ol li a:hover,.breadcrumb ol li span:hover{color:var(--color-theme-red)}@media screen and (min-width: 768px){.breadcrumb{display:block!important}}@media screen and (min-width: 768px){.breadcrumb:first-child{margin:-50px 0 -20px}}@media screen and (min-width: 1280px){.breadcrumb:first-child{margin:-58px 0 -25px}}.breadcrumb+div{margin-top:-44px}@media screen and (min-width: 768px){.breadcrumb+div{margin-top:0}}
225.image-banner{padding:22px 0}@media screen and (min-width: 768px){.image-banner{padding:27px 0}}@media screen and (min-width: 1280px){.image-banner{padding:32px 0}}.image-banner:first-child{padding-top:0}@media screen and (min-width: 768px){.image-banner__mobile-image{display:none}}.image-banner__mobile-image+picture{display:none}@media screen and (min-width: 768px){.image-banner__mobile-image+picture{display:block}}.image-banner__mobile-image img{height:auto!important}.image-banner figure{position:relative;
225left:50%;transform:translate(-50%);width:100vw}@media screen and (min-width: 768px){.image-banner figure{left:0;transform:none;width:100%}}.image-banner figure img{height:234px;object-fit:cover}@media screen and (min-width: 768px){.image-banner figure img{height:210px;border-radius:10px}}@media screen and (min-width: 1280px){.image-banner figure img{height:350px}}.image-banner figure figcaption{position:absolute;right:5px;bottom:0;transform:rotate(-90deg) translate(105%);transform-origin:bottom right;max-width:43%;color:var(--color-white);font-size:.75rem;text-shadow:0 1px 4px #000;text-wrap:balance;text-align:left}@media screen and (min-width: 768px){.image-banner figure figcaption span:first-child:not(:last-child){display:none}}.image-banner figure figcaption span:nth-child(2){display:none}@media screen and (min-width: 768px){.image-banner figure figcaption span:nth-child(2){display:block}}.content-navigation{margin-bottom:10px;overflow:auto}.content-navigation:nth-child(2 of:not(script)){padding:22px 0}@media screen and (min-width: 768px){.content-navigation:nth-child(2 of:not(script)){padding:27px 0}}@media screen and (min-width: 1280px){.content-navigation:nth-child(2 of:not(script)){padding:32px 0}}.content-navigation:nth-child(2 of:not(script)):first-child{padding-top:0}.content-navigation--job{margin-top:-15px;margin-bottom:30px;text-align:center}@media screen and (min-width: 768px){.content-navigation--job{margin-top:-20px;margin-bottom:38px}}@media screen and (min-width: 1280px){.content-navigation--job{margin-top:-25px;margin-bottom:50px}}.content-navigation ul{list-style:none;white-space:nowrap;font-size:0}@media screen and (min-width: 768px){.content-navigation ul{text-align:center}}.content-navigation ul li{display:inline-block;margin-left:0;margin-right:10px}@media screen and (min-width: 768px){.content-navigation ul li:first-child{margin-left:10px}}.content-navigation ul li:last-child{margin-right:0}
226.modalbox{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#0000004d;z-index:900;display:block!important;visibility:hidden;opacity:0;transition:visibility 0s,opacity .4s ease-in-out,height ease .4s;transition-delay:.4s,0s}.modalbox--show{visibility:visible;opacity:1;transition-delay:0s,0s}.modalbox__wrapper{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:340px;padding:30px 15px;background:var(--color-white);border-radius:10px}@media screen and (min-width: 768px){.modalbox__wrapper{width:600px;padding:40px 30px}}@media screen and (min-width: 1280px){.modalbox__wrapper{width:654px;padding:40px 50px}}.modalbox__header{margin-bottom:5px;font-family:Hueber Forward Sans,Arial,sans-serif;font-size:1.375rem;letter-spacing:.5px;font-weight:600}@media screen and (min-width: 768px){.modalbox__header{font-size:2rem}}.modalbox__intro-text{width:100%!important;font-size:1.125rem}@media screen and (min-width: 768px){.modalbox__intro-text{font-size:1.25rem}}@media screen and (min-width: 768px){.modalbox p{float:left;width:50%}}@media screen and (min-width: 768px){.modalbox ul{float:left;width:50%}}.modalbox__footer{width:100%!important;margin-top:20px}@media screen and (min-width: 768px){.modalbox__footer{float:left}}.modalbox__close-trigger{position:absolute;top:5px;right:5px;background:transparent!important;border:0;box-shadow:none!important}.modalbox .button{margin-right:6px;margin-bottom:6px}.modalbox.modal-event-registration ul{display:flex;flex-wrap:wrap;align-content:center;align-items:center;list-style:none}.modalbox.modal-event-registration ul li{width:100%;margin-left:0}.modalbox.modal-event-registration ul li+li{margin-top:10px}.modalbox.modal-event-registration ul li>div{display:flex;flex-wrap:wrap;list-style:none}.modalbox.modal-event-registration ul li svg{position:relative;top:3px;margin-right:5px}.modalbox.modal-event-registration strong{display:block;margin-bottom:10px}.modalbox.download-modal-materials-manager .form{align-items:flex-start}.modalbox.download-modal-materials-manager p{width:100%}.modalbox.download-modal-materials-manager input{border:1px solid var(--color-border-grey)!important}.modalbox.download-modal-materials-manager .button{margin-top:20px}.modalbox.edit-data-modal p{width:100%;float:unset}
227.change-password{padding:22px 0}@media screen and (min-width: 768px){.change-password{padding:27px 0}}@media screen and (min-width: 1280px){.change-password{padding:32px 0}}.change-password:first-child{padding-top:0}.change-password--reset .button{margin-top:0}.change-password .intro-text{margin-top:40px}.change-password__wrapper{margin-top:10px;padding-top:40px;border-top:1px solid var(--color-border-grey)}@media screen and (min-width: 768px){.change-password__wrapper{padding-top:53px}}@media screen and (min-width: 1280px){.change-password__wrapper{margin-top:17px;padding-top:60px}}.change-password__wrapper .input:nth-child(3){order:-1}
228</style>
229<link rel="stylesheet" href="/_astro/_slug_.BjDxUw_0.css">
230<style>.job-listing__hits-count{margin:23px 0 5px;text-align:center}
230@media screen and (min-width: 768px){.job-listing__hits-count{margin:33px 0 15px}}.job-listing__hits{list-style:none}.job-listing__hits>li{margin-left:0;margin-bottom:10px}
231.material-element{position:relative;display:flex;flex-wrap:wrap;align-content:center;justify-content:space-between;align-items:center;width:100%;min-height:100px;padding:20px 15px;text-decoration:none;background:var(--color-very-light-blue);border-radius:10px;font-family:Hueber Forward Sans,Arial,sans-serif;font-size:1rem}@media screen and (min-width: 768px){.material-element{padding:23px 180px 15px 132px;font-size:1.125rem}}@media screen and (min-width: 1280px){.material-element{padding:23px 195px 18px 150px}}.material-element__flags{width:100%;margin-bottom:15px}@media screen and (min-width: 768px){.material-element__flags{margin-bottom:14px}}.material-element__flags span{margin-right:5px;display:inline-block;padding:5px 8px 3px;background:var(--color-theme-blue);color:var(--color-white);border:1px solid var(--color-theme-blue);border-radius:4px;font-family:Hueber Forward Sans,Arial,sans-serif;font-size:.875rem;font-weight:600}@media screen and (min-width: 1280px){.material-element__flags span{padding:5px 10px 3px}}.material-element__flags span.outlined{border:1px solid var(--color-theme-blue);background:transparent;color:var(--color-theme-blue)}.material-element__flags span.light{border:1px solid var(--color-very-light-blue);background:var(--color-very-light-blue);color:var(--color-theme-blue)}.material-element__flags span.red{border:1px solid var(--color-theme-red);background:var(--color-theme-red);color:var(--color-white)}.material-element__flags span.white{border:1px solid var(--color-white);background:var(--color-white);color:var(--color-font)}.material-element__flags span.yellow{border:1px solid var(--color-yellow);background:var(--color-yellow);color:var(--color-white)}.material-element__icon{display:flex;align-content:center;align-items:center;width:50%;margin-top:10px}@media screen and (min-width: 768px){.material-element__icon{display:block;position:absolute;top:50%;left:13px;transform:translateY(-50%);width:100px;margin-top:0;text-align:center;font-size:.875rem}}@media screen and (min-width: 768px){.material-element__icon svg{display:block;margin:0 auto}}.material-element__icon span{position:relative;top:2px;margin-left:6px;color:var(--color-light-blue)}@media screen and (min-width: 768px){.material-element__icon span{display:block;top:0;margin-top:8px}}.material-element strong{width:100%}.material-element p{width:100%;padding:0;font-size:1rem}.material-element .button{width:auto;margin-top:10px}@media screen and (min-width: 768px){.material-element .button{position:absolute;top:50%;right:19px;transform:translateY(-50%);margin-top:0}}@media screen and (min-width: 1280px){.material-element .button{right:30px}}
232.job-teaser{position:relative;width:100%;padding:20px 15px 28px;background:var(--color-very-light-blue);border-radius:10px;font-size:1rem;font-family:Hueber Forward Sans,Arial,sans-serif}@media screen and (min-width: 768px){.job-teaser{padding:30px 20px 20px}}@media screen and (min-width: 1280px){.job-teaser{padding:30px 30px 20px}}.job-teaser__flags{margin-bottom:10px}@media screen and (min-width: 768px){.job-teaser__flags{margin-bottom:5px}}.job-teaser__flags span{display:inline-block;padding:5px 8px 3px;background:var(--color-theme-blue);color:var(--color-white);border:1px solid var(--color-theme-blue);border-radius:4px;font-family:Hueber Forward Sans,Arial,sans-serif;font-size:.875rem;font-weight:600}@media screen and (min-width: 1280px){.job-teaser__flags span{padding:5px 10px 3px}}.job-teaser__flags span.outlined{border:1px solid var(--color-theme-blue);background:transparent;color:var(--color-theme-blue)}.job-teaser__flags span.light{border:1px solid var(--color-very-light-blue);background:var(--color-very-light-blue);color:var(--color-theme-blue)}.job-teaser__flags span.red{border:1px solid var(--color-theme-red);background:var(--color-theme-red);color:var(--color-white)}.job-teaser__flags span.white{border:1px solid var(--color-white);background:var(--color-white);color:var(--color-font)}.job-teaser__flags span.yellow{border:1px solid var(--color-yellow);background:var(--color-yellow);color:var(--color-white)}.job-teaser__title{font-size:1rem}
232@media screen and (min-width: 768px){.job-teaser__title{padding-bottom:3px;font-size:1.125rem}}.job-teaser__title a{text-decoration:none}.job-teaser__title a:hover{color:var(--color-theme-red)}.job-teaser__location{padding:0;margin-top:20px;list-style:none}@media screen and (min-width: 768px){.job-teaser__location{padding-right:200px}}.job-teaser__location li{position:relative;margin-left:0;margin-bottom:5px;padding-left:30px}.job-teaser__location li svg{position:absolute;top:1px;left:0}.job-teaser__buttons{margin-top:12px}@media screen and (min-width: 768px){.job-teaser__buttons{position:absolute;display:flex;flex-wrap:wrap;flex-direction:column;align-items:flex-end;right:20px;bottom:30px}}@media screen and (min-width: 1280px){.job-teaser__buttons{right:30px}}@media screen and (min-width: 768px){.job-teaser__buttons .button+.button{margin-top:10px}}
233</style>
234<link rel="stylesheet" href="/_astro/_slug_.brWYjVBN.css">
235<style>.content-headline{margin-top:-5px;text-align:center}.content-headline{padding:25px 0}@media screen and (min-width: 768px){.content-headline{padding:10px 0}}@media screen and (min-width: 1280px){.content-headline{padding:15px 0}}.content-headline:first-child{padding-top:0}@media screen and (min-width: 768px){.content-headline{margin-top:15px}}.content-headline strong{display:block;margin-bottom:10px;color:var(--color-theme-red);font-size:.875rem;letter-spacing:1px;text-transform:uppercase;font-family:Hueber Forward Sans,Arial,sans-serif}@media screen and (min-width: 768px){.content-headline strong{margin-bottom:17px;font-size:1rem}}.content-headline h1,.content-headline .h1{padding:0;font-size:1.75rem}@media screen and (min-width: 768px){.content-headline h1,.content-headline .h1{font-size:2.625rem}}.content-headline h2,.content-headline .h2{padding:0}.breadcrumb+.content-headline{margin-top:0}@media screen and (min-width: 768px){.breadcrumb+.content-headline{margin-top:40px}}
236.video-teaser-element{position:relative}.video-teaser-element figure{position:relative}.video-teaser-element figure>div{position:relative;cursor:pointer;z-index:2}.video-teaser-element figure>div svg{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:50px;height:50px;border-radius:50%;box-shadow:0 2px 20px #0003}@media screen and (min-width: 1280px){.video-teaser-element figure>div svg{width:60px;height:60px}}.video-teaser-element figure>div span{width:168px;max-width:100%!important;position:absolute;right:5px;bottom:0;transform:rotate(-90deg) translate(105%);transform-origin:bottom right;max-width:43%;color:var(--color-white);font-size:.75rem;text-shadow:0 1px 4px #000;text-wrap:balance;text-align:left}@media screen and (min-width: 768px){.video-teaser-element figure>div span{width:176px}}@media screen and (min-width: 1280px){.video-teaser-element figure>div span{width:260px}}.video-teaser-element figure img,.video-teaser-element figure iframe{height:188px;border-radius:10px;aspect-ratio:340/188;object-fit:cover}@media screen and (min-width: 768px){.video-teaser-element figure img,.video-teaser-element figure iframe{height:196px;aspect-ratio:354/196}}@media screen and (min-width: 1280px){.video-teaser-element figure img,.video-teaser-element figure iframe{height:300px;aspect-ratio:542/300}}.video-teaser-element figure iframe,.video-teaser-element figure .uc-embedding-container{position:absolute;top:0;left:0;z-index:1}.video-teaser-element figure figcaption{padding:12px 0;line-height:1.25;font-family:Hueber Forward Sans,Arial,sans-serif;font-size:1rem;font-weight:600}@media screen and (min-width: 768px){.video-teaser-element figure figcaption{padding:20px 14px;font-size:1.125rem;line-height:1.44}}.video-teaser-element a{text-decoration:none}.video-teaser-element a:hover{color:var(--color-theme-red)}
237.intro-text{text-align:center;font-size:1.25rem;line-height:1.4}.intro-text{padding:22px 0}@media screen and (min-width: 768px){.intro-text{padding:27px 0}}@media screen and (min-width: 1280px){.intro-text{padding:32px 0}}.intro-text:first-child{padding-top:0}.intro-text__overline{display:block;margin-bottom:8px;color:var(--color-theme-red);text-transform:uppercase;font-family:Hueber Forward Sans,Arial,sans-serif;font-size:.875rem;letter-spacing:1px}@media screen and (min-width: 768px){.intro-text__overline{margin-bottom:2px;font-size:1rem}}.intro-text h1,.intro-text .h1{font-size:1.75rem}@media screen and (min-width: 768px){.intro-text h1,.intro-text .h1{padding-bottom:5px;font-size:2.625rem}}@media screen and (min-width: 768px){.intro-text h2,.intro-text .h2{padding-bottom:5px}}
238.contact-person{display:flex;flex-wrap:wrap;padding:20px 15px;text-align:left;background:var(--color-very-light-blue);border-radius:10px;font-family:Hueber Forward Sans,Arial,sans-serif}@media screen and (min-width: 768px){.contact-person{padding:20px}}@media screen and (min-width: 1280px){.contact-person{padding:30px}}.contact-person__image{order:2;width:70px}@media screen and (min-width: 768px){.contact-person__image{order:1;width:146px}}.contact-person__image img{border-radius:10px}.contact-person__details{order:1;width:calc(100% - 70px);padding-right:64px;font-size:1rem}@media screen and (min-width: 768px){.contact-person__details{order:2;width:calc(100% - 146px);padding-right:0;padding-left:40px;font-size:1.125rem}}.contact-person__details:only-child{padding:0!important}.contact-person__details__name{padding-top:7px;padding-bottom:0}@media screen and (min-width: 768px){.contact-person__details__name{margin-bottom:8px;font-size:1.5rem}}.contact-person__details__contact-options{padding:0;list-style:none}.contact-person__details__contact-options li{width:100%;margin-left:0}.contact-person__details__contact-options li a{display:flex;align-items:center;line-height:38px;font-weight:600;text-decoration:none}@media screen and (min-width: 1280px){.contact-person__details__contact-options li a{line-height:1.9}}.contact-person__details__contact-options li a svg{margin-right:10px}.contact-person-list{padding:22px 0}@media screen and (min-width: 768px){.contact-person-list{padding:27px 0}}@media screen and (min-width: 1280px){.contact-person-list{padding:32px 0}}.contact-person-list:first-child{padding-top:0}.contact-person-list__filters{margin-bottom:20px}.contact-person-list__hits{padding-bottom:18px;text-align:center;border-bottom:1px solid var(--color-border-grey)}@media screen and (min-width: 768px){.contact-person-list__hits{padding-bottom:28px}}@media screen and (min-width: 1280px){.contact-person-list__hits{padding-bottom:38px}}.contact-person-list__hits h2{margin-top:20px;padding-bottom:0;font-size:1.375rem}@media screen and (min-width: 768px){.contact-person-list__hits h2{font-size:2rem}}@media screen and (min-width: 1280px){.contact-person-list__hits h2{margin-top:30px}}.contact-person-list__hits ul{list-style:none}.contact-person-list__hits ul>li{margin-left:0;margin-bottom:10px}
239</style>
240<link rel="stylesheet" href="/_astro/_slug_.ip-DNj_0.css">
240<script type="module" src="/_astro/page.DufD-8aq.js"></script>
240</head> <body> <header class="site-header" data-js="site-header"> <div class="grid-wrap"> <div class="site-header__wrapper w24"> <a class="site-header__logo" href="/" aria-label="Homepage" title="Homepage"> <svg xmlns="http://www.w3.org/2000/svg" width="180" height="50" viewBox="0 0 180.22 50.69"><defs><style>.cls-1{fill:#df0730;}.cls-2,.cls-3{fill:#fff;}.cls-3{opacity:0.7;}</style></defs><title>MHV-Signet-ohne-Claim-RGB</title><g id="Ebene_2" data-name="Ebene 2"><g id="Schriftzug"><rect class="cls-1" width="180.22" height="50.69"></rect><path class="cls-2" d="M32.66,37.28a.56.56,0,0,1-.63-.63V27H23.84v9.7a.56.56,0,0,1-.63.63h-4a.56.56,0,0,1-.63-.63V14.11a.56.56,0,0,1,.63-.63h4a.56.56,0,0,1,.63.63v9H32v-9a.56.56,0,0,1,.63-.63h4a.56.56,0,0,1,.63.63V36.65a.56.56,0,0,1-.63.63Z"></path><path class="cls-2" d="M52.5,37.63c-.35,0-.56-.25-.7-.56a5.28,5.28,0,0,1-.21-1.3h-.1A7.75,7.75,0,0,1,46,37.63c-3.26,0-5.15-1.4-5.15-4.66V19.36a.56.56,0,0,1,.63-.63h3.71a.56.56,0,0,1,.63.63V32.17c0,1.36.53,1.68,1.89,1.68a6.5,6.5,0,0,0,3.43-1.12V19.36a.56.56,0,0,1,.63-.63h3.71a.56.56,0,0,1,.63.63V34.27a14.91,14.91,0,0,0,.14,2.24.61.61,0,0,1-.52.73Z"></path><path class="cls-3" d="M74,35a.53.53,0,0,1-.21.77A12.65,12.65,0,0,1,67,37.63c-4.62,0-8.27-2.35-8.27-9.63s3.26-9.62,8.09-9.62c6.37,0,7.77,3.92,7.77,10.36,0,.24-.14.49-.38.49H63.84c0,3.36,1.09,4.55,3.75,4.55A10,10,0,0,0,72,32.45c.35-.21.56-.11.77.21Zm-4.41-8.86c0-3.43-.63-4.3-2.77-4.3s-3,.87-3,4.3Z"></path><path class="cls-2" d="M77.87,37.28a.55.55,0,0,1-.62-.63V13.41a.55.55,0,0,1,.62-.63h3.72a.56.56,0,0,1,.63.63v6.65h.07a7.11,7.11,0,0,1,4.76-1.68c4.41,0,6.44,3.74,6.44,9.62s-2,9.63-6.44,9.63a8.41,8.41,0,0,1-5.15-1.79h-.1l-.18.81c-.1.42-.28.63-.7.63Zm4.35-4.55a5.13,5.13,0,0,0,2.94,1.19c2.62,0,3.22-1.51,3.22-5.92s-.6-5.91-3.22-5.91a5.53,5.53,0,0,0-2.94,1Z"></path><path class="cls-2" d="M110.57,35a.53.53,0,0,1-.21.77,12.65,12.65,0,0,1-6.79,1.89c-4.62,0-8.26-2.35-8.26-9.63s3.25-9.62,8.08-9.62c6.37,0,7.77,3.92,7.77,10.36,0,.24-.14.49-.38.49h-10.4c0,3.36,1.09,4.55,3.75,4.55a10,10,0,0,0,4.41-1.33c.35-.21.56-.11.77.21Zm-4.41-8.86c0-3.43-.63-4.3-2.77-4.3s-3,.87-3,4.3Z"></path><path class="cls-2" d="M114.41,37.28a.56.56,0,0,1-.63-.63V22.3a13.24,13.24,0,0,0-.21-2.8.63.63,0,0,1,.53-.74l3.25-.38c.36,0,.57.24.71.56a13.54,13.54,0,0,1,.28,2.27h.1a7.57,7.57,0,0,1,5.22-2.83c.42,0,.56.17.59.59l.14,3.33v0c0,.42-.1.63-.52.63-1.79,0-4.06.11-5.11,1.09v12.6a.56.56,0,0,1-.63.63Z"></path></g></g></svg> </a> <button data-site-search-open-trigger class="site-header__search-trigger" aria-label="Search"> 
241        <svg width="25" height="25" viewBox="0 0 25 25" xmlns="http://www.w3.org/2000/svg">
242            <g fill="none" fill-rule="evenodd">
243                <path d="m18 18 5 5-5-5zm2-7a9 9 0 1 1-18 0 9 9 0 0 1 18 0z" stroke="#233C64" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
244            </g>
245        </svg>
246     </button> <button data-offcanvas-trigger-open-id="offcanvas-account" class="site-header__account-trigger" aria-label="Open account"> 
247        <svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewBox="0 0 24 24" fill="none" aria-hidden="true">
248            <path d="M7.55566 14H16.4443C18.9113 14 20.9999 16.0144 21 18.6113V20.833C21 20.895 20.9766 20.941 20.9502 20.9688C20.9247 20.9955 20.9031 21 20.8887 21H3.11133C3.09688 21 3.07533 20.9955 3.0498 20.9688C3.0234 20.941 3 20.895 3 20.833V18.6113C3.00008 16.0144 5.08868 14 7.55566 14Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
249            <path d="M12 2C14.209 2.00008 16 3.79104 16 6L15.9951 6.20605C15.8878 8.31925 14.1398 9.99992 12 10C9.79104 10 8.00008 8.20902 8 6C8 3.79095 9.79095 2 12 2Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
250        </svg>
251    
252Mein Konto
253</button> <a href="https://shop.hueber.de/de/checkout/cart" data-site-header-cart-trigger data-cart-count-url="https://shop.hueber.de/rest/de/V1/cart/count" class="site-header__cart-trigger button" aria-label="Cart / Warenkorb"> 
254        <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
255            <path fill-rule="evenodd" clip-rule="evenodd" d="M8.03425 18.4617C9.19503 18.4618 10.1367 19.4122 10.137 20.5834C10.137 21.7548 9.19523 22.705 8.03425 22.7051C6.87324 22.705 5.93147 21.7549 5.93147 20.5834C5.93178 19.4122 6.87343 18.4618 8.03425 18.4617ZM8.03425 20.3115C7.88595 20.3116 7.76511 20.4338 7.7648 20.5834C7.7648 20.7332 7.88576 20.8552 8.03425 20.8553C8.18271 20.8551 8.3037 20.7332 8.3037 20.5834C8.30338 20.4338 8.18251 20.3117 8.03425 20.3115Z" fill="#233C64"></path>
256            <path fill-rule="evenodd" clip-rule="evenodd" d="M17.525 18.4617C18.6856 18.462 19.6274 19.4123 19.6277 20.5834C19.6277 21.7548 18.6858 22.7048 17.525 22.7051C16.3639 22.705 15.4222 21.7549 15.4222 20.5834C15.4225 19.4122 16.3641 18.4618 17.525 18.4617ZM17.525 20.3115C17.3767 20.3116 17.2558 20.4338 17.2555 20.5834C17.2555 20.7332 17.3765 20.8552 17.525 20.8553C17.6733 20.855 17.7944 20.7331 17.7944 20.5834C17.7941 20.4339 17.6731 20.3118 17.525 20.3115Z" fill="#233C64"></path>
257            <path fill-rule="evenodd" clip-rule="evenodd" d="M4.66389 1.70869C5.06237 1.74392 5.39646 2.03833 5.4803 2.4394L6.24389 6.09385H21.0833C21.358 6.09385 21.6182 6.21814 21.7923 6.43256C21.9664 6.64705 22.0362 6.9294 21.9821 7.20121L20.5158 14.5652L20.514 14.5724C20.2451 15.8663 19.0728 16.7356 17.7837 16.7194V16.7212H8.87303V16.7194C7.58409 16.7357 6.41187 15.8669 6.14273 14.5733L4.60481 7.21746C4.60312 7.20969 4.60183 7.20183 4.60033 7.19398L3.83943 3.55488H0.916665C0.410405 3.55488 0 3.14079 0 2.62998C0 2.11917 0.410405 1.70508 0.916665 1.70508H4.58332L4.66389 1.70869ZM7.93667 14.1922L7.93757 14.1931L7.97875 14.3286C8.10592 14.6358 8.43584 14.8792 8.85602 14.8714H17.8007C18.2208 
25714.8792 18.5508 14.6358 18.6779 14.3286L18.7191 14.1931L19.9643 7.94366H6.6306L7.93667 14.1922Z" fill="#233C64"></path>
258        </svg>
259     </a> <button class="site-header__menu-trigger" data-site-header-menu-trigger aria-label="Menu"> <span></span> <span></span> <span></span> </button> <nav class="site-navigation" data-site-header-navigation style="display: none;"> <div> <div class="accordion-group accordion-container" data-js="accordion-group" data-accordion-settings="%7B%22duration%22%3A400%2C%22showMultiple%22%3Afalse%2C%22openOnInit%22%3A%5B-1%5D%2C%22disableAdditionalGeneralOptions%22%3Atrue%7D"> <div class="accordion ac"> <div class="accordion__header ac-header"> <button class="accordion__header__trigger ac-trigger no-link" data-ac-trigger-value>Deutsch</button>
260                <a href="/sprache/deutsch" class="accordion__header__trigger ac-trigger button">Deutsch</a> </div> <div class="accordion__content ac-panel"> <div>  <div class="accordion-group accordion-container" data-js="accordion-group" data-accordion-settings="%7B%22duration%22%3A400%2C%22showMultiple%22%3Afalse%2C%22openOnInit%22%3A%5B-1%5D%2C%22disableAdditionalGeneralOptions%22%3Atrue%7D"> <div class="accordion ac"> <div class="accordion__header ac-header"> <button class="accordion__header__trigger ac-trigger no-link" data-ac-trigger-value>Vorschule und Schule</button>
261                <a href="/sprache/deutsch/lehrwerke?teachingType=Vorschule%20und%20Schule" class="accordion__header__trigger ac-trigger button">Vorschule und Schule</a> </div> <div class="accordion__content ac-panel"> <div> <ul> <li> <a href="/sprache/deutsch/lehrwerke?teachingType=Vorschule%20und%20Schule&#38;courseType=Vorschule%20und%20Primarstufe">Vorschule und Primarstufe</a> </li><li> <a href="/sprache/deutsch/lehrwerke?teachingType=Vorschule%20und%20Schule&#38;courseType=Sekundarstufe">Sekundarstufe</a> </li><li> <a href="/sprache/deutsch/lehrwerke?teachingType=Vorschule%20und%20Schule&#38;courseType=Berufsschule">Berufsschule</a> </li> </ul> </div> </div> </div><div class="accordion ac"> <div class="accordion__header ac-header"> <button class="accordion__header__trigger ac-trigger no-link" data-ac-trigger-value>Erwachsenenbildung</button>
262                <a href="/sprache/deutsch/lehrwerke?teachingType=Erwachsenenbildung" class="accordion__header__trigger ac-trigger button">Erwachsenenbildung</a> </div> <div class="accordion__content ac-panel"> <div> <ul> <li> <a href="/sprache/deutsch/lehrwerke?teachingType=Erwachsenenbildung&#38;courseType=Anf%C3%A4nger%2C%20A1%20bis%20B1">Anfänger, A1 bis B1</a> </li><li> <a href="/sprache/deutsch/lehrwerke?teachingType=Erwachsenenbildung&#38;courseType=Integrationskurse">Integrationskurse</a> </li><li> <a href="/sprache/deutsch/lehrwerke?teachingType=Erwachsenenbildung&#38;courseType=Fortgeschrittene%2C%20B1%2B%20bis%20C2">Fortgeschrittene, B1+ bis C2</a> </li><li> <a href="/sprache/deutsch/lehrwerke?teachingType=Erwachsenenbildung&#38;courseType=Berufssprache">Berufssprache</a> </li><li> <a href="/sprache/deutsch/lehrwerke?teachingType=Erwachsenenbildung&#38;courseType=Universit%C3%A4t">Universität</a> </li><li> <a href="/sprache/deutsch/lehrwerke?teachingType=Erwachsenenbildung&#38;courseType=Methodik%2FDidaktik">Methodik/Didaktik</a> </li> </ul> </div> </div> </div><div class="accordion ac"> <div class="accordion__header ac-header"> <button class="accordion__header__trigger ac-trigger no-link" data-ac-trigger-value>Selbstständiges Lernen</button>
263                <a href="/sprache/deutsch/lehrwerke?teachingType=Selbstst%C3%A4ndiges%20Lernen" class="accordion__header__trigger ac-trigger button">Selbstständiges Lernen</a> </div> <div class="accordion__content ac-panel"> <div> <ul> <li> <a href="/sprache/deutsch/lehrwerke?teachingType=Selbstst%C3%A4ndiges%20Lernen&#38;courseType=Sprachkurse">Sprachkurse</a> </li><li> <a href="/sprache/deutsch/lehrwerke?teachingType=Selbstst%C3%A4ndiges%20Lernen&#38;courseType=Weiteres%20%C3%9Cbungsmaterial">Weiteres Übungsmaterial</a> </li> </ul> </div> </div> </div><div class="accordion ac"> <div class="accordion__header ac-header"> <button class="accordion__header__trigger ac-trigger no-link" data-ac-trigger-value>Ausgewählte Reihen</button>
264                <a href="#" class="accordion__header__trigger ac-trigger button">Ausgewählte Reihen</a> </div> <div class="accordion__content ac-panel"> <div> <ul> <li> <a href="/reihe/miteinander">Miteinander! Deutsch für Alltag und Beruf</a> </li><li> <a href="/reihe/beste-freunde-plus">Beste Freunde PLUS</a> </li><li> <a href="/reihe/jana-und-dino-plus">Jana und Dino Plus</a> </li><li> <a href="/reihe/momente">Momente</a> </li> </ul> </div> </div> </div><div class="accordion ac"> <div class="accordion__header ac-header"> <button class="accordion__header__trigger ac-trigger no-link" data-ac-trigger-value>Mehr entdecken</button>
265                <a href="#" class="accordion__header__trigger ac-trigger button">Mehr entdecken</a> </div> <div class="accordion__content ac-panel"> <div> <ul> <li> <a href="/fuer-lehrende-institutionen/webinare-fortbildungen/">Fortbildungen</a> </li><li> <a href="/themenwelten/integrationskurs-fuer-gering-literalisierte/">GeLi-Kurse</a> </li><li> <a href="/themenwelten/deutsch-fuer-den-beruf/">	
266Deutsch für den Beruf</a> </li><li> <a href="/themenwelten/einfach-digital/hueber-interaktiv/">Hueber interaktiv</a> </li><li>
266 <a href="/themenwelten/einfach-digital/deutschfuchs/">Deutschfuchs</a> </li> </ul> </div> </div> </div><a href="/sprache/deutsch">Deutsch</a>  </div>   </div> </div> </div><div class="accordion ac"> <div class="accordion__header ac-header"> <button class="accordion__header__trigger ac-trigger no-link" data-ac-trigger-value>Englisch</button>
267                <a href="/sprache/englisch" class="accordion__header__trigger ac-trigger button">Englisch</a> </div> <div class="accordion__content ac-panel"> <div>  <div class="accordion-group accordion-container" data-js="accordion-group" data-accordion-settings="%7B%22duration%22%3A400%2C%22showMultiple%22%3Afalse%2C%22openOnInit%22%3A%5B-1%5D%2C%22disableAdditionalGeneralOptions%22%3Atrue%7D"> <div class="accordion ac"> <div class="accordion__header ac-header"> <button class="accordion__header__trigger ac-trigger no-link" data-ac-trigger-value>Vorschule und Schule</button>
268                <a href="/sprache/englisch/lehrwerke?teachingType=Vorschule%20und%20Schule" class="accordion__header__trigger ac-trigger button">Vorschule und Schule</a> </div> <div class="accordion__content ac-panel"> <div> <ul> <li> <a href="/sprache/englisch/lehrwerke?teachingType=Vorschule%20und%20Schule&#38;courseType=Vorschule%20und%20Primarstufe">Vorschule und Primarstufe</a> </li><li> <a href="/sprache/englisch/lehrwerke?teachingType=Vorschule%20und%20Schule&#38;courseType=Sekundarschule">Sekundarschule</a> </li> </ul> </div> </div> </div><div class="accordion ac"> <div class="accordion__header ac-header"> <button class="accordion__header__trigger ac-trigger no-link" data-ac-trigger-value>Erwachsenenbildung</button>
269                <a href="/sprache/englisch/lehrwerke?teachingType=Erwachsenenbildung" class="accordion__header__trigger ac-trigger button">Erwachsenenbildung</a> </div> <div class="accordion__content ac-panel"> <div> <ul> <li> <a href="/sprache/englisch/lehrwerke?teachingType=Erwachsenenbildung&#38;courseType=Anf%C3%A4nger%2C%20A1%20bis%20B1">Anfänger, A1 bis B1</a> </li><li> <a href="/sprache/englisch/lehrwerke?teachingType=Erwachsenenbildung&#38;courseType=Fortgeschrittene%2C%20B1%2B%20bis%20C2">Fortgeschrittene, B1+ bis C2</a> </li><li> <a href="/sprache/englisch/lehrwerke?teachingType=Erwachsenenbildung&#38;courseType=Berufssprache">Berufssprache</a> </li><li> <a href="/sprache/englisch/lehrwerke?teachingType=Erwachsenenbildung&#38;courseType=Universit%C3%A4t">Universität</a> </li> </ul> </div> </div> </div><div class="accordion ac"> <div class="accordion__header ac-header"> <button class="accordion__header__trigger ac-trigger no-link" data-ac-trigger-value>Selbstständiges Lernen</button>
270                <a href="/sprache/englisch/lehrwerke?teachingType=Selbstst%C3%A4ndig%20Lernen" class="accordion__header__trigger ac-trigger button">Selbstständiges Lernen</a> </div> <div class="accordion__content ac-panel"> <div> <ul> <li> <a href="/sprache/englisch/lehrwerke?teachingType=Selbstst%C3%A4ndig%20Lernen&#38;courseType=Sprachkurse">Sprachkurse</a> </li><li> <a href="/sprache/englisch/lehrwerke?teachingType=Selbstst%C3%A4ndig%20Lernen&#38;courseType=Weiteres%20%C3%9Cbungsmaterial">Weiteres Übungsmaterial</a> </li> </ul> </div> </div> </div><div class="accordion ac"> <div class="accordion__header ac-header"> <button class="accordion__header__trigger ac-trigger no-link" data-ac-trigger-value>Ausgewählte Reihen</button>
271                <a href="#" class="accordion__header__trigger ac-trigger button">Ausgewählte Reihen</a> </div> <div class="accordion__content ac-panel"> <div> <ul> <li> <a href="/reihe/keynote">Keynote 2nd edition</a> </li><li> <a href="/reihe/in-company">In Company 3.0</a> </li><li> <a href="/reihe/at-your-leisure">At your leisure</a> </li><li> <a href="/reihe/language-hub">Language Hub</a> </li><li> <a href="/reihe/go-for-it">Go for it!</a> </li> </ul> </div> </div> </div><div class="accordion ac"> <div class="accordion__header ac-header"> <button class="accordion__header__trigger ac-trigger no-link" data-ac-trigger-value>Mehr entdecken</button>
272                <a href="#" class="accordion__header__trigger ac-trigger button">Mehr entdecken</a> </div> <div class="accordion__content ac-panel"> <div> <ul> <li> <a href="/fuer-lehrende-institutionen/webinare-fortbildungen/">Fortbildungen</a> </li><li> <a href="/themenwelten/einfach-digital/hueber-interaktiv/">Hueber interaktiv</a> </li> </ul> </div> </div> </div><a href="/sprache/englisch">Englisch</a>  </div>   </div> </div> </div><div class="accordion ac"> <div class="accordion__header ac-header"> <button class="accordion__header__trigger ac-trigger no-link" data-ac-trigger-value>Französisch</button>
273                <a href="/sprache/franzoesisch" class="accordion__header__trigger ac-trigger button">Französisch</a> </div> <div class="accordion__content ac-panel"> <div>  <div class="accordion-group accordion-container" data-js="accordion-group" data-accordion-settings="%7B%22duration%22%3A400%2C%22showMultiple%22%3Afalse%2C%22openOnInit%22%3A%5B-1%5D%2C%22disableAdditionalGeneralOptions%22%3Atrue%7D"> <div class="accordion ac"> <div class="accordion__header ac-header"> <button class="accordion__header__trigger ac-trigger no-link" data-ac-trigger-value>Vorschule und Schule</button>
274                <a href="/sprache/franzoesisch/lehrwerke?teachingType=Vorschule%20und%20Schule" class="accordion__header__trigger ac-trigger button">Vorschule und Schule</a> </div> <div class="accordion__content ac-panel"> <div> <ul> <li> <a href="/sprache/franzoesisch/lehrwerke?teachingType=Vorschule%20und%20Schule&#38;courseType=Vorschule%20und%20Primarstufe">Vorschule und Primarstufe</a> </li><li> <a href="/sprache/franzoesisch/lehrwerke?teachingType=Vorschule%20und%20Schule&#38;courseType=Sekundarschule">Sekundarschule</a> </li> </ul> </div> </div> </div><div class="accordion ac"> <div class="accordion__header ac-header"> <button class="accordion__header__trigger ac-trigger no-link" data-ac-trigger-value>
274Erwachsenenbildung</button>
275                <a href="/sprache/franzoesisch/lehrwerke?teachingType=Erwachsenenbildung" class="accordion__header__trigger ac-trigger button">Erwachsenenbildung</a> </div> <div class="accordion__content ac-panel"> <div> <ul> <li> <a href="/sprache/franzoesisch/lehrwerke?teachingType=Erwachsenenbildung&#38;courseType=Anf%C3%A4nger%2C%20A1%20bis%20B1">Anfänger, A1 bis B1</a> </li><li> <a href="/sprache/franzoesisch/lehrwerke?teachingType=Erwachsenenbildung&#38;courseType=Fortgeschrittene%2C%20B1%2B%20bis%20C2">Fortgeschrittene, B1+ bis C2</a> </li><li> <a href="/sprache/franzoesisch/lehrwerke?teachingType=Erwachsenenbildung&#38;courseType=Berufssprache">Berufssprache</a> </li><li> <a href="/sprache/franzoesisch/lehrwerke?teachingType=Erwachsenenbildung&#38;courseType=Universit%C3%A4t">Universität</a> </li> </ul> </div> </div> </div><div class="accordion ac"> <div class="accordion__header ac-header"> <button class="accordion__header__trigger ac-trigger no-link" data-ac-trigger-value>Selbstständiges Lernen</button>
276                <a href="/sprache/franzoesisch/lehrwerke?teachingType=Selbstst%C3%A4ndig%20Lernen" class="accordion__header__trigger ac-trigger button">Selbstständiges Lernen</a> </div> <div class="accordion__content ac-panel"> <div> <ul> <li> <a href="/sprache/franzoesisch/lehrwerke?teachingType=Selbstst%C3%A4ndig%20Lernen&#38;courseType=Sprachkurse">Sprachkurse</a> </li><li> <a href="/sprache/franzoesisch/lehrwerke?teachingType=Selbstst%C3%A4ndig%20Lernen&#38;courseType=Weiteres%20%C3%9Cbungsmaterial">Weiteres Übungsmaterial</a> </li> </ul> </div> </div> </div><div class="accordion ac"> <div class="accordion__header ac-header"> <button class="accordion__header__trigger ac-trigger no-link" data-ac-trigger-value>Ausgewählte Reihen</button>
277                <a href="#" class="accordion__header__trigger ac-trigger button">Ausgewählte Reihen</a> </div> <div class="accordion__content ac-panel"> <div> <ul> <li> <a href="/reihe/cosmopolite">Cosmopolite</a> </li><li> <a href="/reihe/inspire">Inspire</a> </li><li> <a href="/reihe/on-y-va">On y va !</a> </li><li> <a href="/reihe/chapeau">Chapeau !</a> </li> </ul> </div> </div> </div><div class="accordion ac"> <div class="accordion__header ac-header"> <button class="accordion__header__trigger ac-trigger no-link" data-ac-trigger-value>Mehr entdecken</button>
278                <a href="#" class="accordion__header__trigger ac-trigger button">Mehr entdecken</a> </div> <div class="accordion__content ac-panel"> <div> <ul> <li> <a href="/fuer-lehrende-institutionen/webinare-fortbildungen/">Fortbildungen</a> </li><li> <a href="/themenwelten/einfach-digital/hueber-interaktiv/">Hueber interaktiv</a> </li> </ul> </div> </div> </div><a href="/sprache/franzoesisch">Französisch</a>  </div>   </div> </div> </div><div class="accordion ac"> <div class="accordion__header ac-header"> <button class="accordion__header__trigger ac-trigger no-link" data-ac-trigger-value>Italienisch</button>
279                <a href="/sprache/italienisch" class="accordion__header__trigger ac-trigger button">Italienisch</a> </div> <div class="accordion__content ac-panel"> <div>  <div class="accordion-group accordion-container" data-js="accordion-group" data-accordion-settings="%7B%22duration%22%3A400%2C%22showMultiple%22%3Afalse%2C%22openOnInit%22%3A%5B-1%5D%2C%22disableAdditionalGeneralOptions%22%3Atrue%7D"> <div class="accordion ac"> <div class="accordion__header ac-header"> <button class="accordion__header__trigger ac-trigger no-link" data-ac-trigger-value>Vorschule und Schule</button>
280                <a href="/sprache/italienisch/lehrwerke?teachingType=Vorschule%20und%20Schule" class="accordion__header__trigger ac-trigger button">Vorschule und Schule</a> </div> <div class="accordion__content ac-panel"> <div> <ul> <li> <a href="/sprache/italienisch/lehrwerke?teachingType=Vorschule%20und%20Schule&#38;courseType=Vorschule%20und%20Primarstufe">Vorschule und Primarstufe</a> </li><li> <a href="/sprache/italienisch/lehrwerke?teachingType=Vorschule%20und%20Schule&#38;courseType=Sekundarschule">Sekundarschule</a> </li> </ul> </div> </div> </div><div class="accordion ac"> <div class="accordion__header ac-header"> <button class="accordion__header__trigger ac-trigger no-link" data-ac-trigger-value>
280Erwachsenenbildung</button>
281                <a href="/sprache/italienisch/lehrwerke?teachingType=Erwachsenenbildung" class="accordion__header__trigger ac-trigger button">Erwachsenenbildung</a> </div> <div class="accordion__content ac-panel"> <div> <ul> <li> <a href="/sprache/italienisch/lehrwerke?teachingType=Erwachsenenbildung&#38;courseType=Anf%C3%A4nger%2C%20A1%20bis%20B1">Anfänger, A1 bis B1</a> </li><li> <a href="/sprache/italienisch/lehrwerke?teachingType=Erwachsenenbildung&#38;courseType=Fortgeschrittene%2C%20B1%2B%20bis%20C2">Fortgeschrittene, B1+ bis C2</a> </li><li> <a href="/sprache/italienisch/lehrwerke?teachingType=Erwachsenenbildung&#38;courseType=Berufssprache">Berufssprache</a> </li><li> <a href="/sprache/italienisch/lehrwerke?teachingType=Erwachsenenbildung&#38;courseType=Universit%C3%A4t">Universität</a> </li> </ul> </div> </div> </div><div class="accordion ac"> <div class="accordion__header ac-header"> <button class="accordion__header__trigger ac-trigger no-link" data-ac-trigger-value>Selbstständiges Lernen</button>
282                <a href="/sprache/italienisch/lehrwerke?teachingType=Selbstst%C3%A4ndig%20Lernen" class="accordion__header__trigger ac-trigger button">Selbstständiges Lernen</a> </div> <div class="accordion__content ac-panel"> <div> <ul> <li> <a href="/sprache/italienisch/lehrwerke?teachingType=Selbstst%C3%A4ndig%20Lernen&#38;courseType=Sprachkurse">Sprachkurse</a> </li><li> <a href="/sprache/italienisch/lehrwerke?teachingType=Selbstst%C3%A4ndig%20Lernen&#38;courseType=Weiteres%20%C3%9Cbungsmaterial">Weiteres Übungsmaterial</a> </li> </ul> </div> </div> </div><div class="accordion ac"> <div class="accordion__header ac-header"> <button class="accordion__header__trigger ac-trigger no-link" data-ac-trigger-value>Ausgewählte Reihen</button>
283                <a href="#" class="accordion__header__trigger ac-trigger button">Ausgewählte Reihen</a> </div> <div class="accordion__content ac-panel"> <div> <ul> <li> <a href="/reihe/generazione-universitalia">Generazione UniversItalia</a> </li><li> <a href="/reihe/espresso-ragazzi">Espresso ragazzi</a> </li><li> <a href="/reihe/universitalia">UniversItalia 2.0</a> </li><li> <a href="/reihe/chiaro-nuova-edizione">Chiaro! Nuova edizione</a> </li><li> <a href="/reihe/nuovo-espresso">Nuovo Espresso</a> </li><li> <a href="/reihe/dieci">Dieci</a> </li><li> <a href="/reihe/passo-dopo-passo-plus">Passo dopo passo PLUS</a> </li> </ul> </div> </div> </div><div class="accordion ac"> <div class="accordion__header ac-header"> <button class="accordion__header__trigger ac-trigger no-link" data-ac-trigger-value>Mehr entdecken</button>
284                <a href="#" class="accordion__header__trigger ac-trigger button">Mehr entdecken</a> </div> <div class="accordion__content ac-panel"> <div> <ul> <li> <a href="/fuer-lehrende-institutionen/webinare-fortbildungen/">Fortbildungen</a> </li><li> <a href="/themenwelten/einfach-digital/hueber-interaktiv/">Hueber interaktiv</a> </li> </ul> </div> </div> </div><a href="/sprache/italienisch">Italienisch</a>  </div>   </div> </div> </div><div class="accordion ac"> <div class="accordion__header ac-header"> <button class="accordion__header__trigger ac-trigger no-link" data-ac-trigger-value>Spanisch</button>
285                <a href="/sprache/spanisch" class="accordion__header__trigger ac-trigger button">Spanisch</a> </div> <div class="accordion__content ac-panel"> <div>  <div class="accordion-group accordion-container" data-js="accordion-group" data-accordion-settings="%7B%22duration%22%3A400%2C%22showMultiple%22%3Afalse%2C%22openOnInit%22%3A%5B-1%5D%2C%22disableAdditionalGeneralOptions%22%3Atrue%7D"> <div class="accordion ac"> <div class="accordion__header ac-header"> <button class="accordion__header__trigger ac-trigger no-link" data-ac-trigger-value>Vorschule und Schule</button>
286                <a href="/sprache/spanisch/lehrwerke?teachingType=Vorschule%20und%20Schule" class="accordion__header__trigger ac-trigger button">Vorschule und Schule</a> </div> <div class="accordion__content ac-panel"> <div> <ul> <li> <a href="/sprache/spanisch/lehrwerke?teachingType=Vorschule%20und%20Schule&#38;courseType=Vorschule%20und%20Primarstufe">Vorschule und Primarstufe</a> </li><li> <a href="/sprache/spanisch/lehrwerke?teachingType=Vorschule%20und%20Schule&#38;courseType=Sekundarschule">Sekundarschule</a> </li> </ul> </div> </div> </div><div class="accordion ac"> <div class="accordion__header ac-header"> <button class="accordion__header__trigger ac-trigger no-link" data-ac-trigger-value>
286Erwachsenenbildung</button>
287                <a href="/sprache/spanisch/lehrwerke?teachingType=Erwachsenenbildung" class="accordion__header__trigger ac-trigger button">Erwachsenenbildung</a> </div> <div class="accordion__content ac-panel"> <div> <ul> <li> <a href="/sprache/spanisch/lehrwerke?teachingType=Erwachsenenbildung&#38;courseType=Anf%C3%A4nger%2C%20A1%20bis%20B1">Anfänger, A1 bis B1</a> </li><li> <a href="/sprache/spanisch/lehrwerke?teachingType=Erwachsenenbildung&#38;courseType=Fortgeschrittene%2C%20B1%2B%20bis%20C2">Fortgeschrittene, B1+ bis C2</a> </li><li> <a href="/sprache/spanisch/lehrwerke?teachingType=Erwachsenenbildung&#38;courseType=Berufssprache">Berufssprache</a> </li><li> <a href="/sprache/spanisch/lehrwerke?teachingType=Erwachsenenbildung&#38;courseType=Universit%C3%A4t">Universität</a> </li> </ul> </div> </div> </div><div class="accordion ac"> <div class="accordion__header ac-header"> <button class="accordion__header__trigger ac-trigger no-link" data-ac-trigger-value>Selbstständiges Lernen</button>
288                <a href="/sprache/spanisch/lehrwerke?teachingType=Selbstst%C3%A4ndig%20Lernen" class="accordion__header__trigger ac-trigger button">Selbstständiges Lernen</a> </div> <div class="accordion__content ac-panel"> <div> <ul> <li> <a href="/sprache/spanisch/lehrwerke?teachingType=Selbstst%C3%A4ndig%20Lernen&#38;courseType=Sprachkurse">Sprachkurse</a> </li><li> <a href="/sprache/spanisch/lehrwerke?teachingType=Selbstst%C3%A4ndig%20Lernen&#38;courseType=Weiteres%20%C3%9Cbungsmaterial">Weiteres Übungsmaterial</a> </li> </ul> </div> </div> </div><div class="accordion ac"> <div class="accordion__header ac-header"> <button class="accordion__header__trigger ac-trigger no-link" data-ac-trigger-value>Ausgewählte Reihen</button>
289                <a href="#" class="accordion__header__trigger ac-trigger button">Ausgewählte Reihen</a> </div> <div class="accordion__content ac-panel"> <div> <ul> <li> <a href="/reihe/universo-ele">Universo.ele</a> </li><li> <a href="/reihe/universo-ele-intensivo">Universo.ele intensivo</a> </li><li> <a href="/reihe/impresiones">Impresiones</a> </li> </ul> </div> </div> </div><div class="accordion ac"> <div class="accordion__header ac-header"> <button class="accordion__header__trigger ac-trigger no-link" data-ac-trigger-value>Mehr entdecken</button>
290                <a href="#" class="accordion__header__trigger ac-trigger button">Mehr entdecken</a> </div> <div class="accordion__content ac-panel"> <div> <ul> <li> <a href="/fuer-lehrende-institutionen/webinare-fortbildungen/">Fortbildungen</a> </li><li> <a href="/themenwelten/einfach-digital/hueber-interaktiv/">Hueber interaktiv</a> </li> </ul> </div> </div> </div><a href="/sprache/spanisch">Spanisch</a>  </div>   </div> </div> </div><div class="accordion ac"> <div class="accordion__header ac-header"> <button class="accordion__header__trigger ac-trigger" data-ac-trigger-value>Weitere Sprachen</button> </div> <div class="accordion__content ac-panel"> <div>  <ul class="more-languages-list"> <li> <a href="/sprache/albanisch">Albanisch</a> </li><li> <a href="/sprache/arabisch">Arabisch</a> </li><li> <a href="/sprache/chinesisch">Chinesisch</a> </li><li> <a href="/sprache/daenisch">Dänisch</a> </li><li> <a href="/sprache/finnisch">Finnisch</a> </li><li> <a href="/sprache/griechisch">Griechisch</a> </li><li> <a href="/sprache/hindi">Hindi</a> </li><li> <a href="/sprache/japanisch">Japanisch</a> </li><li> <a href="/sprache/koreanisch">Koreanisch</a> </li><li> <a href="/sprache/kroatisch">Kroatisch</a> </li><li> <a href="/sprache/latein">Latein</a> </li><li> <a href="/sprache/niederlaendisch">Niederländisch</a> </li><li> <a href="/sprache/norwegisch">Norwegisch</a> </li><li> <a href="/sprache/polnisch">Polnisch</a> </li><li> <a href="/sprache/portugiesisch">Portugiesisch</a> </li><li> <a href="/sprache/rumaenisch">Rumänisch</a> </li><li> <a href="/sprache/russisch">Russisch</a> </li><li> <a href="/sprache/schwedisch">Schwedisch</a> </li><li> <a href="/sprache/slowakisch">Slowakisch</a> </li><li> <a href="/sprache/slowenisch">Slowenisch</a> </li><li> <a href="/sprache/thailaendisch">Thailändisch</a> </li><li> <a href="/sprache/tschechisch">Tschechisch</a> </li><li> <a href="/sprache/tuerkisch">Türkisch</a> </li><li> <a href="/sprache/ukrainisch">Ukrainisch</a> </li><li> <a href="/sprache/ungarisch">Ungarisch</a> </li><li> <a href="/sprache/vietnamesisch">Vietnamesisch</a> </li> </ul>  </div> </div> </div> </div> 
290<script type="module" src="/_astro/AccordionGroup.astro_astro_type_script_index_0_lang.BWM3JxxJ.js"></script>
290 <ul class="site-navigation__additionals"> <li> <a href="/fuer-lehrende-institutionen/">  Für Lehrende &amp; Institutionen </a> </li><li> <a href="/fuer-lernende/">  Für Lernende </a> </li><li> <a href="/fuer-haendler/">  Für den Handel </a> </li><li> <a href="/fuer-lehrende-institutionen/webinare-fortbildungen/">  Fortbildungen </a> </li><li> <a href="/newsletter/">  Newsletter </a> </li><li> <a href="/service/kundenservice/"> 
291        <svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
292            <g fill="none" fill-rule="evenodd">
293                <path d="M14.5 8a.5.5 0 1 0 0 1 .5.5 0 0 0 0-1zm-4 0a.5.5 0 1 0 0 1 .5.5 0 0 0 0-1zm-4 0a.5.5 0 1 0 0 1 .5.5 0 0 0 0-1zm11.5.966c0 3.294-3.513 5.965-7.847 5.965-.88 0-1.723-.115-2.512-.318-2.083 2.41-7.115 1.1-5.224.368 1.044-.404 1.602-1.279 1.899-2.038-1.246-1.056-2.01-2.447-2.01-3.977C2.306 5.67 5.819 3 10.153 3 14.487 3 18 5.67 18 8.966z" stroke="#233C64" stroke-linecap="round"/>
294            </g>
295        </svg>
296      Kundenservice </a> </li> <li> <div class="selectbox site-navigation__languge-switch " data-js="selectbox" data-select-max-selectable="1" data-redirect-to-value="true"> <label> <select name autocomplete="off" style="display: none;">  <option value="de" selected>DE</option> <option value="en">EN</option>  </select>  </label> </div> 
296<script type="module" src="/_astro/Selectbox.astro_astro_type_script_index_0_lang.BxJXVE3e.js"></script>
296 </li> </ul> </div> </nav> <div class="offcanvas offcanvas--right offcanvas--id-offcanvas-account " data-js="offcanvas" data-offcanvas-id="offcanvas-account" data-offcanvas-scroll-top-on-change="false" data-offcanvas-open-initially="false" aria-label="Offcanvas" role="dialog"> <div class="offcanvas__header"> <button data-offcanvas-close class="offcanvas__header__close" aria-label="Offcanvas schließen"></button> <span class="offcanvas__header__title">Mein Benutzerkonto</span> <span class="offcanvas__header__title-addition"></span> </div> <div class="offcanvas__body" data-offcanvas-body> <div class="offcanvas__body__box offcanvas__body__box--registration"> <a href="https://login.hueber.de/realms/hueber/protocol/openid-connect/auth?scope=openid+profile+roles+email&state=14b4f7f1c4348e5d26667e3e4656a673&response_type=code&approval_prompt=auto&client_id=cms&redirect_uri=https%3A%2F%2Fwww.hueber.de%2Fapi%2Fauth%2Floginsuccess" target rel class="button button--icon-chevron button--blue " id aria-label onclick="trackKeycloakClick()">Anmelden oder neues Konto erstellen</a> <hr> <strong class="offcanvas__body__special-title">Sind Sie eine Lehrkraft?</strong> <p> Erweitern Sie Ihr Benutzerkonto um viele exklusive Vorteile für Lehrende. </p> <a href="/login" target rel class="button button--icon-chevron button--blue button--outlined " id aria-label>Mehr erfahren</a> </div> </div> </div> 
296<script type="module" src="/_astro/Offcanvas.astro_astro_type_script_index_0_lang.CfaPNCjY.js"></script>
296 <div class="offcanvas offcanvas--right offcanvas--id-offcanvas-login " data-js="offcanvas" data-offcanvas-id="offcanvas-login" data-offcanvas-scroll-top-on-change="false" data-offcanvas-open-initially="false" aria-label="Offcanvas" role="dialog"> <div class="offcanvas__header"> <button data-offcanvas-close class="offcanvas__header__close" aria-label="Offcanvas schließen"></button> <span class="offcanvas__header__title">Lehrkraft-Login</span> <span class="offcanvas__header__title-addition"></span> </div> <div class="offcanvas__body" data-offcanvas-body>  <form id="offcanvas-login-form" class="form" data-js="form-validation"> <p class="w24" id="offcanvas-login-error" style="display: none;color:red;"> Benutzername oder Passwort falsch. </p> <div class="input w24 input--"> <label> <input type="email" name="username" value="" data-validation-required     > <span class="input__label-text">E-Mail-Adresse*</span>  </label> </div> <div class="input w24 input--"> <label> <input type="password" name="password" value="" data-validation-required minlength="9"    > <span class="input__label-text">Passwort*</span>  </label> </div> <p class="form__hint w24"> <a href="/passwort-vergessen">Passwort vergessen?</a> </p> <button type="submit" class="button button--icon-chevron button--blue " aria-label id="loginbutton">Anmelden</button> <hr class="w24"> <div class="offcanvas__body__headline h4"> Angaben als Lehrkraft ergänzen </div> <p>Erweitern Sie Ihr Benutzerkonto um viele exklusive Vorteile für Lehrende.                          </p> </form> <a href="/login/" target rel class="button button--icon-chevron button--blue button--outlined " id="moreinfobutton" aria-label>Weitere Informationen</a>  </div> </div>  </div> </div> </header> 
296<script type="module" src="/_astro/SiteHeader.astro_astro_type_script_index_0_lang.Cele5661.js"></script>
296 <!-- Cart count runs inline so fetch(credentials: 'include') runs in page context and cookies are sent --> 
296<script>
297    (function () {
298        var trigger = document.querySelector('[data-site-header-cart-trigger]');
299        var url = trigger && trigger.getAttribute('data-cart-count-url');
300        if (!url) return;
301
302        fetch(url, {
303            credentials: 'include',
304            headers: { 'Accept': 'application/xml, text/xml' }
305        })
306            .then(function (res) { return res.text(); })
307            .then(function (xmlText) {
308                var match = xmlText.match(/<response>(\d+)<\/response>/);
309                var count = match ? parseInt(match[1], 10) : (parseInt(xmlText.trim(), 10) || 0);
310                var cartHasContent = count > 0;
311                if (trigger) {
312                    trigger.cartHasContent = cartHasContent;
313                    trigger.cartCount = count;
314                    trigger.setAttribute('data-cart-has-content', cartHasContent ? 'true' : 'false');
315                    trigger.setAttribute('aria-label', cartHasContent ? 'Cart / Warenkorb (' + count + ')' : 'Cart / Warenkorb');
316                }
317                var badge = document.querySelector('[data-cart-badge]');
318                if (cartHasContent) {
319                    if (badge) {
320                        badge.textContent = '';
321                    } else {
322                        var span = document.createElement('span');
323                        span.setAttribute('data-cart-badge', '');
324                        if (trigger) trigger.appendChild(span);
325                    }
326                } else if (badge) {
327                    badge.remove();
328                }
329            })
330            .catch(function () {
331                if (trigger) trigger.setAttribute('data-cart-has-content', 'false');
332            });
333    })();
334</script>
334 <main class="site-main">  <div class="breadcrumb"><nav class="grid-wrap"><ol class="w24"><li>
335    <a href="/themenwelten">
336        
337        <svg width="25" height="25" viewBox="0 0 25 25" xmlns="http://www.w3.org/2000/svg">
338            <g fill="none" fill-rule="evenodd">
339                <path d="M16.143 14.15c0-.91-.724-1.65-1.618-1.65h-4.05c-.894 0-1.618.74-1.618 1.65V22h7.286v-7.85zM19.379 22H5.621C4.725 22 4 21.26 4 20.346V8.783L12.5 3 21 8.783v11.563C21 21.26 20.275 22 19.38 22z" stroke="#233C64" stroke-width="2"/>
340            </g>
341        </svg>
342    
343        Themenwelten
344    </a>
345</li>
346<li>
347    <a href="/themenwelten/einfach-digital">
348        Einfach digital!
349    </a>
350</li>
351<li>
352    <span>
353        Hueber Media-App
354    </span>
355</li></ol></nav></div> <div class="content-headline"> <div class="grid-wrap"> <div class="w24">  <h2>Hueber Media-App – alle Medien in einer App</h2> </div> </div> </div><div class="image-text"> <div class="grid-wrap"> <div class="image-text__text w24 mw12 lw10 lw-left-1"> <p>Mit der praktischen App<em> Hueber Media</em> können Sie die Audios und ggf. Videos passend zu verschiedenen Hueber-Büchern abspielen – wo immer Sie möchten. Überall und zu jeder Zeit. Im Unterricht, in der Pause, im Bus oder zu Hause.</p><p>Sie gelangen einfach über eine Miniatur-Ansicht der Seiten oder per Suche zu den gewünschten Medien. Die Sprechgeschwindigkeit lässt sich individuell anpassen.<br><br><strong>Laden Sie jetzt die kostenlose App:</strong></p><p><a href="https://play.google.com/store/apps/details?id=com.hueber.huebermedia" rel="noopener noreferrer" target="_blank">Zum Google Play-Store &gt;</a></p><p><a href="https://apps.apple.com/de/app/hueber-media/id1597468436" rel="noopener noreferrer" target="_blank">Zur Apple-App-Store &gt;</a></p> </div> <figure class="image-text__image w24 mw11 mw-left-1 image-text__image--as-teaser"> <div data-js="equal-width-to-height"> <picture> <source srcset="https://img.hueber.de/img/einfach-digital/huebermediaapp.png?width=400&fit=crop&quality=85&format=webp 400w, https://img.hueber.de/img/einfach-digital/huebermediaapp.png?width=748&fit=crop&quality=85&format=webp 748w, https://img.hueber.de/img/einfach-digital/huebermediaapp.png?width=800&fit=crop&quality=85&format=webp 800w, https://img.hueber.de/img/einfach-digital/huebermediaapp.png?width=1196&fit=crop&quality=85&format=webp 1196w, https://img.hueber.de/img/einfach-digital/huebermediaapp.png?width=1200&fit=crop&quality=85&format=webp 1200w, https://img.hueber.de/img/einfach-digital/huebermediaapp.png?width=1496&fit=crop&quality=85&format=webp 1496w, https://img.hueber.de/img/einfach-digital/huebermediaapp.png?width=2244&fit=crop&quality=85&format=webp 2244w, https://img.hueber.de/img/einfach-digital/huebermediaapp.png?width=2392&fit=crop&quality=85&format=webp 2392w, https://img.hueber.de/img/einfach-digital/huebermediaapp.png?width=3588&fit=crop&quality=85&format=webp 3588w" type="image/webp" sizes="(min-width: 768px) 1196px,(min-width: 450px) 748px,(min-width: 320px) 400px">  <img src="https://img.hueber.de/img/einfach-digital/huebermediaapp.png?width=400&fit=crop&quality=85&format=jpg" srcset="https://img.hueber.de/img/einfach-digital/huebermediaapp.png?width=400&fit=crop&quality=85&format=jpg 400w, https://img.hueber.de/img/einfach-digital/huebermediaapp.png?width=748&fit=crop&quality=85&format=jpg 748w, https://img.hueber.de/img/einfach-digital/huebermediaapp.png?width=800&fit=crop&quality=85&format=jpg 800w, https://img.hueber.de/img/einfach-digital/huebermediaapp.png?width=1196&fit=crop&quality=85&format=jpg 1196w, https://img.hueber.de/img/einfach-digital/huebermediaapp.png?width=1200&fit=crop&quality=85&format=jpg 1200w, https://img.hueber.de/img/einfach-digital/huebermediaapp.png?width=1496&fit=crop&quality=85&format=jpg 1496w, https://img.hueber.de/img/einfach-digital/huebermediaapp.png?width=2244&fit=crop&quality=85&format=jpg 2244w, https://img.hueber.de/img/einfach-digital/huebermediaapp.png?width=2392&fit=crop&quality=85&format=jpg 2392w, https://img.hueber.de/img/einfach-digital/huebermediaapp.png?width=3588&fit=crop&quality=85&format=jpg 3588w" sizes="(min-width: 768px) 1196px,(min-width: 450px) 748px,(min-width: 320px) 400px" alt="Huebermediaapp" loading="lazy" decoding="async" fetchpriority="auto" width="400" height="265"> </picture>  </div>  </figure> </div> </div> 
355<script type="module" src="/_astro/ImageText.astro_astro_type_script_index_0_lang.CexsSp-r.js"></script>
355<div class="content-accordion"> <div class="grid-wrap"> <div class="content-accordion__wrapper w24 lw22 lw-left-1"> <div class="accordion-group accordion-container" data-js="accordion-group" data-accordion-settings="%7B%22duration%22%3A400%2C%22showMultiple%22%3Afalse%2C%22openOnInit%22%3A%5B-1%5D%2C%22disableAdditionalGeneralOptions%22%3Afalse%7D"> <div class="accordion ac"> <div class="accordion__header ac-header"> <button class="accordion__header__trigger ac-trigger" data-ac-trigger-value>In der App finden Sie die Medien zu folgenden Titeln:</button> </div> <div class="accordion__content ac-panel"> <div>  <div class="content-accordion__text-only"> <ul><li>Akademie Deutsch</li><li>At your leisure</li><li>Beste Freunde</li><li>Campus Deutsch</li><li>Chapeau !</li><li>Chiaro</li><li>Dabei!</li><li>Deutsch üben</li><li>Einstiegskurs</li><li>Einstiegskurs DaZ zu Beste Freunde</li><li>Erste Hilfe Deutsch</li><li>Erste Hilfe Deutsch – Ausgabe für Jugendliche</li><li>Erste Schritte plus Neu</li><li>Erste Schritte plus Neu – Einstiegskurs Österreich</li><li>Erste Schritte plus Neu – Einstiegskurs Schweiz</li><li>Espresso ragazzi</li><li>Go for it!</li><li>Gute Idee! A1.1</li><li>Hooray for Holidays! Neu</li><li>Im Beruf Neu</li><li>Im Beruf Neu, Fachwortschatztrainer</li><li>Impresiones</li><li>Intermezzo</li><li>Kalāmunā</li><li>Leve de vakantie! Neu</li><li>Mein Leben in Deutschland</li><li>Menschen</li><li>Menschen hier</li><li>Menschen im Beruf</li><li>Mit uns</li><li>Miteinander! Deutsch für Alltag und Beruf</li><li>Miteinander! Deutsch für Alltag und Beruf Einstiegskurs</li><li>Motive</li><li>Ne güzel!</li><li>Nuovo Espresso</li><li>Oi, Brasil! aktuell</li><li>Otlitschno! aktuell</li><li>Pame</li><li>Phonetik – Übungen und Tipps für eine gute Aussprache</li><li>Prüfung Express</li><li>Qua e là per l&#039;Italia</li><li>Schritt für Schritt in Alltag und Beruf</li><li>Schritt für Schritt zum DTZ</li><li>Schritte International Neu</li><li>Schritte Neu Grammatik</li><li>Schritte plus Alpha Neu</li><li>Schritte plus Alpha kompakt</li><li>Schritte plus Neu</li><li>Schritte plus Neu - Österreich</li><li>Schritte plus Neu - Schweiz</li><li>Sicher!</li><li>Sicher! aktuell</li><li>Sicher in Alltag und Beruf</li><li>Sprachkurs Plus</li><li>Starten wir!</li><li>UniversItalia 2.0</li><li>Universo.ele</li><li>Vi snakkes ved! aktuell</li><li>Viva le vacanze! Neu</li><li>¡Vivan las vacaciones! Neu</li><li>Vive les vacances !</li><li>Wat leuk! aktuell</li><li>Willkommen in Österreich</li><li>Witam! aktuell</li><li>zum Mitreden</li><li>Zur Orientierung</li></ul> </div>  </div> </div> </div><hr>  </div>  </div> </div> </div><div class="content-text"> <div class="grid-wrap"> <div class="w24 lw18 lw-left-3"> <h3>Mehr Funktionen auf Hueber interaktiv oder BlinkLearning</h3><p>Nutzen Sie den Titel auf den Plattformen <a href="/themenwelten/einfach-digital/hueber-interaktiv/" site="1"><em>Hueber interaktiv</em></a> oder <a href="/themenwelten/einfach-digital/digitale-lehrwerke-blink/" site="1"><em>BlinkLearning</em></a>, benötigen Sie die <em>Hueber Media</em>-App nicht. In diesen kostenpflichtigen Apps können Sie nicht nur mit dem Smartphone auf alle Medien zugreifen, sondern in der Desktop- und Tablet-Ansicht auch noch das gesamte digitale Buch, ggf. interaktive Übungen und viele weitere Funktionen nutzen.</p> </div> </div> </div><div class="content-text"> <div class="grid-wrap"> <div class="w24 lw18 lw-left-3"> <h2>So einfach funktioniert die <em>Hueber Media</em>-App</h2><p><strong>1. Titel auswählen</strong></p><p>Tippen Sie im Tab „Bücher“ auf „Buch hinzufügen“. Sie können nun den gewünschten Titel in der Liste auswählen oder Sie geben in das Suchfeld den Titel oder die ISBN des Buchs ein.</p> </div> </div> </div><div class="image-text"> <div class="grid-wrap"> <div class="image-text__text w24 mw12 lw9 lw-left-3"> <p><strong>2. Sie haben immer die Wahl zwischen off- und online</strong></p><p>Sind Videos vorhanden, können Sie immer wählen, ob Sie die Videos auf dem Gerät speichern möchten. Heruntergeladene Videos können Sie jederzeit – auch offline – abspielen. Nicht geladene Videos werden gestreamt, währenddessen benötigt die App Internetzugang.</p><p>Auch nachdem die Videos geladen sind, können Sie Ihre Entscheidung jederzeit wieder ändern: Gehen Sie in „Bücher“ und klicken rechts neben dem Titel auf den Info-Button.</p><p>Audios können nur wiedergegeben werden, wenn Sie sie auf dem Gerät gespeichert haben. Damit haben Sie sie auch offline immer parat.</p> </div> <figure class="image-text__image w24 mw11 mw-left-1 lw9 lw-left-0 image-text__image--as-teaser"> <div data-js="equal-width-to-height"> <picture> <source srcset="https://img.hueber.de/img/einfach-digital/speic
355her-media-app-klein.jpg?width=400&fit=crop&quality=85&format=webp 400w, https://img.hueber.de/img/einfach-digital/speicher-media-app-klein.jpg?width=748&fit=crop&quality=85&format=webp 748w, https://img.hueber.de/img/einfach-digital/speicher-media-app-klein.jpg?width=800&fit=crop&quality=85&format=webp 800w, https://img.hueber.de/img/einfach-digital/speicher-media-app-klein.jpg?width=1196&fit=crop&quality=85&format=webp 1196w, https://img.hueber.de/img/einfach-digital/speicher-media-app-klein.jpg?width=1200&fit=crop&quality=85&format=webp 1200w, https://img.hueber.de/img/einfach-digital/speicher-media-app-klein.jpg?width=1496&fit=crop&quality=85&format=webp 1496w, https://img.hueber.de/img/einfach-digital/speicher-media-app-klein.jpg?width=2244&fit=crop&quality=85&format=webp 2244w, https://img.hueber.de/img/einfach-digital/speicher-media-app-klein.jpg?width=2392&fit=crop&quality=85&format=webp 2392w, https://img.hueber.de/img/einfach-digital/speicher-media-app-klein.jpg?width=3588&fit=crop&quality=85&format=webp 3588w" type="image/webp" sizes="(min-width: 768px) 1196px,(min-width: 450px) 748px,(min-width: 320px) 400px">
355  <img src="https://img.hueber.de/img/einfach-digital/speicher-media-app-klein.jpg?width=400&fit=crop&quality=85&format=jpg" srcset="https://img.hueber.de/img/einfach-digital/speicher-media-app-klein.jpg?width=400&fit=crop&quality=85&format=jpg 400w, https://img.hueber.de/img/einfach-digital/speicher-media-app-klein.jpg?width=748&fit=crop&quality=85&format=jpg 748w, https://img.hueber.de/img/einfach-digital/speicher-media-app-klein.jpg?width=800&fit=crop&quality=85&format=jpg 800w, https://img.hueber.de/img/einfach-digital/speicher-media-app-klein.jpg?width=1196&fit=crop&quality=85&format=jpg 1196w, https://img.hueber.de/img/einfach-digital/speicher-media-app-klein.jpg?width=1200&fit=crop&quality=85&format=jpg 1200w, https://img.hueber.de/img/einfach-digital/speicher-media-app-klein.jpg?width=1496&fit=crop&quality=85&format=jpg 1496w, https://img.hueber.de/img/einfach-digital/speicher-media-app-klein.jpg?width=2244&fit=crop&quality=85&format=jpg 2244w, https://img.hueber.de/img/einfach-digital/speicher-media-app-klein.jpg?width=2392&fit=crop&quality=85&format=jpg 2392w, https://img.hueber.de/img/einfach-digital/speic
355her-media-app-klein.jpg?width=3588&fit=crop&quality=85&format=jpg 3588w" sizes="(min-width: 768px) 1196px,(min-width: 450px) 748px,(min-width: 320px) 400px" alt="Screenshot: Einstellung zur On-/Offline-Bereitstellung der Videos und Audios" loading="lazy" decoding="async" fetchpriority="auto" width="400" height="265"> </picture>  </div>  </figure> </div> </div> <div class="image-text"> <div class="grid-wrap"> <div class="image-text__text w24 mw12 lw9 lw-left-3"> <p><strong>3. Spielerisch leicht zu den Medien durch das Buch navigieren</strong></p><p>Nachdem Sie die Medien eines Titels hinzugefügt haben, klicken Sie in „Bücher“ auf den Titel. Nun wischen/scrollen Sie einfach seitlich durch die Mini-Seiten. Oder Sie geben die Seitenzahl in die Suche ein (Lupensymbol rechts oben). Unter der Seite werden alle vorhandenen Medien in einer Liste angezeigt.</p><p><strong>4. Medien abspielen</strong></p><p>Tippen Sie auf einen Eintrag in der Liste, um die Datei abzuspielen.</p><p>Mit den entsprechenden Icons neben der Audiodatei stoppen Sie die Wiedergabe oder springen wieder auf den Anfang zurück. Natürlich können Sie auch in der Playleiste unten den Kreis verschieben, um punktgenau vor- oder zurückzuspulen.</p><p>Haben Sie die Videos nicht lokal auf das Gerät heruntergeladen, ist das Icon nicht blau gefüllt, sondern nur umrandet. Dann kann es einen Augenblick dauern, bis die Online-Wiedergabe (Streaming) beginnt.</p> </div> <figure class="image-text__image w24 mw11 mw-left-1 lw9 lw-left-0 image-text__image--as-teaser"> <div data-js="equal-width-to-height"> <picture> <source srcset="https://img.hueber.de/img/einfach-digital/scrollen-media-app-mit-play-verkuerzt.jpg?width=400&fit=crop&quality=85&format=webp 400w, https://img.hueber.de/img/einfach-digital/scrollen-media-app-mit-play-verkuerzt.jpg?width=748&fit=crop&quality=85&format=webp 748w, https://img.hueber.de/img/einfach-digital/scrollen-media-app-mit-play-verkuerzt.jpg?width=800&fit=crop&quality=85&format=webp 800w, https://img.hueber.de/img/einfach-digital/scrollen-media-app-mit-play-verkuerzt.jpg?width=1196&fit=crop&quality=85&format=webp 1196w, https://img.hueber.de/img/einfach-digital/scrollen-media-app-mit-play-verkuerzt.jpg?width=1200&fit=crop&quality=85&format=webp 1200w, https://img.hueber.de/img/einfach-digital/scrollen-media-app-mit-play-verkuerzt.jpg?width=1496&fit=crop&quality=85&format=webp 1496w, https://img.hueber.de/img/einfach-digital/scrollen-media-app-mit-play-verkuerzt.jpg?width=2244&fit=crop&quality=85&format=webp 2244w, https://img.hueber.de/img/einfach-digital/scrollen-media-app-mit-play-verkuerzt.jpg?width=2392&fit=crop&quality=85&format=webp 2392w, https://img.hueber.de/img/einfach-digital/scrollen-media-app-mit-play-verkuerzt.jpg?width=3588&fit=crop&quality=85&format=webp 3588w" type="image/webp" sizes="(min-width: 768px) 1196px,(min-width: 450px) 748px,(min-width: 320px) 400px">  <img src="https://img.hueber.de/img/einfach-digital/scrollen-media-app-mit-play-verkuerzt.jpg?width=400&fit=crop&quality=85&format=jpg" srcset="https://img.hueber.de/img/einfach-digital/scrollen-media-app-mit-play-verkuerzt.jpg?width=400&fit=crop&quality=85&format=jpg 400w, https://img.hueber.de/img/einfach-digital/scrollen-media-app-mit-play-verkuerzt.jpg?width=748&fit=crop&quality=85&format=jpg 748w, https://img.hueber.de/img/einfach-digital/scrollen-media-app-mit-play-verkuerzt.jpg?width=800&fit=crop&quality=85&format=jpg 800w, https://img.hueber.de/img/einfach-digital/scrollen-media-app-mit-play-verkuerzt.jpg?width=1196&fit=crop&quality=85&format=jpg 1196w, https://img.hueber.de/img/einfach-digital/scrollen-media-app-mit-play-verkuerzt.jpg?width=1200&fit=crop&quality=85&format=jpg 1200w, https://img.hueber.de/img/einfach-digital/scrollen-media-app-mit-play-verkuerzt.jpg?width=1496&fit=crop&quality=85&format=jpg 1496w, https://img.hueber.de/img/einfach-digital/scrollen-media-app-mit-play-verkuerzt.jpg?width=2244&fit=crop&quality=85&format=jpg 2244w, https://img.hueber.de/img/einfach-digital/scrollen-media-app-mit-play-verkuerzt.jpg?width=2392&fit=crop&quality=85&format=jpg 2392w, https://img.hueber.de/img/einfach-digital/scrollen-media-app-mit-play-verkuerzt.jpg?width=3588&fit=crop&quality=85&format=jpg 3588w" sizes="(min-width: 768px) 1196px,(min-width: 450px) 748px,(min-width: 320px) 400px" alt="Scrollen media app mit play verkuerzt" loading="lazy" decoding="async" fetchpriority="auto" width="400" height="265"> </picture>  </div>  </figure> </div> </div> <div class="image-text"> <div class="grid-wrap"> <div class="image-text__text w24 mw12 lw9 lw-left-3"> <p><strong>5. Sprechgeschwindigkeit anpassen</strong></p><p>Besonders praktisch: Bei den Tonaufnahmen können Sie die Sprechgeschwindigkeit individuell anpassen. Tippen Sie dafür unten in der Playleiste rechts auf den blauen Kasten „1x“ und wählen das Tempo aus.</p> </div> <figure class="image-text__image w24 mw11 mw-left-1 lw9 lw-left-0 image-text__image--as-teaser"> <div data-js="equal-width-to-height"> <picture> <source srcset="https://img.hueber.de/img/einfach-digital/Media-App-Sprechgeschwindigkeit1.jpg?width=400&fit=crop&quality=85&format=webp 400w, https://img.hueber.de/img/einfach-digital/Media-App-Sprechgeschwindigkeit1.jpg?width=748&fit=crop&quality=85&format=webp 748w, https://img.hueber.de/img/einfach-digital/Media-App-Sprechgeschwindigkeit1.jpg?width=800&fit=crop&quality=85&format=webp 800w, https://img.hueber.de/img/einfach-digital/Media-App-Sprechgeschwindigkeit1.jpg?width=1196&fit=crop&quality=85&format=webp 1196w, https://img.hueber.de/img/einfach-digital/Media-App-Sprechgeschwindigkeit1.jpg?width=1200&fit=crop&quality=85&format=webp 1200w, https://img.hueber.de/img/einfach-digital/Media-App-Sprechgeschwindigkeit1.jpg?width=1496&fit=crop&quality=85&format=webp 1496w, https://img.hueber.de/img/einfach-digital/Media-App-Sprechgeschwindigkeit1.jpg?width=2244&fit=crop&quality=85&format=webp 2244w, https://img.hueber.de/img/einfach-digital/Media-App-Sprechgeschwindigkeit1.jpg?width=2392&fit=crop&quality=85&format=webp 2392w, https://img.hueber.de/img/einfach-digital/Media-App-Sprechgeschwindigkeit1.jpg?width=3588&fit=crop&quality=85&format=webp 3588w" type="image/webp" sizes="(min-width: 768px) 1196px,(min-width: 450px) 748px,(min-width: 320px) 400px">  <img src="https://img.hueber.de/img/einfach-digital/Media-App-Sprechgeschwindigkeit1.jpg?width=400&fit=crop&quality=85&format=jpg" srcset="https://img.hueber.de/img/einfach-digital/Media-App-Sprechgeschwindigkeit1.jpg?width=400&fit=crop&quality=85&format=jpg 400w, https://img.hueber.de/img/einfach-digital/Media-App-Sprechgeschwindigkeit1.jpg?width=748&fit=crop&quality=85&format=jpg 748w, https://img.hueber.de/img/einfach-digital/Media-App-Sprechgeschwindigkeit1.jpg?width=800&fit=crop&quality=85&format=jpg 800w, https://img.hueber.de/img/einfach-digital/Media-App-Sprechgeschwindigkeit1.jpg?width=1196&fit=crop&quality=85&format=jpg 1196w, https://img.hueber.de/img/einfach-digital/Media-App-Sprechgeschwindigkeit1.jpg?width=1200&fit=crop&quality=85&format=jpg 1200w, https://img.hueber.de/img/einfach-digital/Media-App-Sprechgeschwindigkeit1.jpg?width=1496&fit=crop&quality=85&format=jpg 1496w, https://img.hueber.de/img/einfach-digital/Media-App-Sprechgeschwindigkeit1.jpg?width=2244&fit=crop&quality=85&format=jpg 2244w, https://img.hueber.de/img/einfach-digital/Media-App-Sprechgeschwindigkeit1.jpg?width=2392&fit=crop&quality=85&format=jpg 2392w, https://img.hueber.de/img/einfach-digital/Media-App-Sprechgeschwindigkeit1.jpg?width=3588&fit=crop&quality=85&format=jpg 3588w" sizes="(min-width: 768px) 1196px,(min-width: 450px) 748px,(min-width: 320px) 400px" alt="Media App Sprechgeschwindigkeit1" loading="lazy" decoding="async" fetchpriority="auto" width="400" height="265"> </picture>  </div>  </figure> </div> </div>   </main> <footer class="site-footer">
355 <div class="site-footer__contact grid-wrap"> <div class="w24 mw8"> <a href="tel:+498996029603"> 
356        <svg width="19" height="19" viewBox="0 0 19 19" xmlns="http://www.w3.org/2000/svg">
357            <g fill="none" fill-rule="evenodd">
358                <path d="M1 1h18v18H1z"/>
359                <path d="M17.888 13.907v2.409a1.605 1.605 0 0 1-1.75 1.606 15.888 15.888 0 0 1-6.929-2.465 15.653 15.653 0 0 1-4.817-4.818 15.888 15.888 0 0 1-2.465-6.96 1.607 1.607 0 0 1 1.598-1.75h2.408a1.606 1.606 0 0 1 1.606 1.38c.102.77.29 1.528.562 2.256.22.587.08 1.249-.361 1.694L6.72 8.28a12.846 12.846 0 0 0 4.817 4.817l1.02-1.02a1.605 1.605 0 0 1 1.694-.36c.728.272 1.486.46 2.256.561a1.606 1.606 0 0 1 1.381 1.63z" stroke="#233C64" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
360            </g>
361        </svg>
362     <span>+49 (0)89 / 96 02 96 03</span> </a> </div> <div class="w24 mw8"> <a href="mailto:[email protected]"> 
363        <svg width="20" height="18" viewBox="0 0 20 18" xmlns="http://www.w3.org/2000/svg">
364            <g fill="none" fill-rule="evenodd">
365                <path d="M1 0h18v18H1z"/>
366                <path d="M16.047 2.029 3.964 2c-1.744-.004-2.62 1.688-1.388 2.678l6.06 4.863c.763.612 2 .612 2.764 0l6.024-4.835c1.229-.986.362-2.673-1.377-2.677zM16.61 15H3.39C2.626 15 2 14.38 2 13.623V3.377C2 2.62 2.626 2 3.391 2H16.61C17.374 2 18 2.62 18 3.377v10.246C18 14.38 17.374 15 16.609 15z" stroke="#233C64" stroke-width="1.5" stroke-linecap="round"/>
367            </g>
368        </svg>
369     <span>[email protected]</span> </a> </div> <div class="w24 mw8"> <ul class="social-media-icons"> <li> <a href="https://www.facebook.com/hueberverlag/" target="_blank" rel="noopener" aria-label="To Facebook"> <picture> <source srcset="https://img.hueber.de/icons/facebook.png?width=26&fit=crop&quality=85&format=webp 26w, https://img.hueber.de/icons/facebook.png?width=52&fit=crop&quality=85&format=webp 52w, https://img.hueber.de/icons/facebook.png?width=78&fit=crop&quality=85&format=webp 78w" type="image/webp" sizes="(min-width: 320px) 26px"><source srcset="https://img.hueber.de/icons/facebook.png?width=26&fit=crop&quality=85&format=png 26w, https://img.hueber.de/icons/facebook.png?width=52&fit=crop&quality=85&format=png 52w, https://img.hueber.de/icons/facebook.png?width=78&fit=crop&quality=85&format=png 78w" type="image/png" sizes="(min-width: 320px) 26px">  <img src="https://img.hueber.de/icons/facebook.png?width=26&fit=crop&quality=85&format=jpg" srcset="https://img.hueber.de/icons/facebook.png?width=26&fit=crop&quality=85&format=jpg 26w, https://img.hueber.de/icons/facebook.png?width=52&fit=crop&quality=85&format=jpg 52w, https://img.hueber.de/icons/facebook.png?width=78&fit=crop&quality=85&format=jpg 78w" sizes="(min-width: 320px) 26px" alt="Social Media Icon Facebook" loading="lazy" decoding="async" fetchpriority="auto" width="26" height="26"> </picture> </a> </li> <li> <a href="https://www.instagram.com/hueber.verlag/#" target="_blank" rel="noopener" aria-label="To Instagram"> <picture> <source srcset="https://img.hueber.de/icons/instagram.png?width=26&fit=crop&quality=85&format=webp 26w, https://img.hueber.de/icons/instagram.png?width=52&fit=crop&quality=85&format=webp 52w, https://img.hueber.de/icons/instagram.png?width=78&fit=crop&quality=85&format=webp 78w" type="image/webp" sizes="(min-width: 320px) 26px"><source srcset="https://img.hueber.de/icons/instagram.png?width=26&fit=crop&quality=85&format=png 26w, https://img.hueber.de/icons/instagram.png?width=52&fit=crop&quality=85&format=png 52w, https://img.hueber.de/icons/instagram.png?width=78&fit=crop&quality=85&format=png 78w" type="image/png" sizes="(min-width: 320px) 26px">  <img src="https://img.hueber.de/icons/instagram.png?width=26&fit=crop&quality=85&format=jpg" srcset="https://img.hueber.de/icons/instagram.png?width=26&fit=crop&quality=85&format=jpg 26w, https://img.hueber.de/icons/instagram.png?width=52&fit=crop&quality=85&format=jpg 52w, https://img.hueber.de/icons/instagram.png?width=78&fit=crop&quality=85&format=jpg 78w" sizes="(min-width: 320px) 26px" alt="Social Media Icon Instagram" loading="lazy" decoding="async" fetchpriority="auto" width="26" height="26"> </picture> </a> </li> <li> <a href="https://www.youtube.com/HueberVerlag" target="_blank" rel="noopener" aria-label="To Youtube"> <picture> <source srcset="https://img.hueber.de/icons/youtube.png?width=40&f
369it=crop&quality=85&format=webp 40w, https://img.hueber.de/icons/youtube.png?width=80&fit=crop&quality=85&format=webp 80w, https://img.hueber.de/icons/youtube.png?width=120&fit=crop&quality=85&format=webp 120w" type="image/webp" sizes="(min-width: 320px) 40px"><source srcset="https://img.hueber.de/icons/youtube.png?width=40&fit=crop&quality=85&format=png 40w, https://img.hueber.de/icons/youtube.png?width=80&fit=crop&quality=85&format=png 80w, https://img.hueber.de/icons/youtube.png?width=120&fit=crop&quality=85&format=png 120w" type="image/png" sizes="(min-width: 320px) 40px">  <img src="https://img.hueber.de/icons/youtube.png?width=40&fit=crop&quality=85&format=jpg" srcset="https://img.hueber.de/icons/youtube.png?width=40&fit=crop&quality=85&format=jpg 40w, https://img.hueber.de/icons/youtube.png?width=80&fit=crop&quality=85&format=jpg 80w, https://img.hueber.de/icons/youtube.png?width=120&fit=crop&quality=85&format=jpg 120w" sizes="(min-width: 320px) 40px" alt="Social Media Icon Youtube" loading="lazy" decoding="async" fetchpriority="auto" width="40" height="40"> </picture> </a> </li> <li> <a href="https://www.linkedin.com/company/hueber-verlag/" target="_blank" rel="noopener" aria-label="To Linkedin"> <picture> <source srcset="https://img.hueber.de/icons/linkedin.png?width=26&fit=crop&quality=85&format=webp 26w, https://img.hueber.de/icons/linkedin.png?width=52&fit=crop&quality=85&format=webp 52w, https://img.hueber.de/icons/linkedin.png?width=78&fit=crop&quality=85&format=webp 78w" type="image/webp" sizes="(min-width: 320px) 26px"><source srcset="https://img.hueber.de/icons/linkedin.png?width=26&fit=crop&quality=85&format=png 26w, https://img.hueber.de/icons/linkedin.png?width=52&fit=crop&quality=85&format=png 52w, https://img.hueber.de/icons/linkedin.png?width=78&fit=crop&quality=85&format=png 78w" type="image/png" sizes="(min-width: 320px) 26px">  <img src="https://img.hueber.de/icons/linkedin.png?width=26&fit=crop&quality=85&format=jpg" srcset="https://img.hueber.de/icons/linkedin.png?width=26&fit=crop&quality=85&format=jpg 26w, https://img.hueber.de/icons/linkedin.png?width=52&fit=crop&quality=85&format=jpg 52w, https://img.hueber.de/icons/linkedin.png?width=78&fit=crop&quality=85&format=jpg 78w" sizes="(min-width: 320px) 26px" alt="Social Media Icon LinkedIn" loading="lazy" decoding="async" fetchpriority="auto" width="26" height="26"> </picture> </a> </li> </ul> </div> </div> <div class="site-footer__additionals grid-wrap"> <div class="w24 mw12 lw8 lw-left-4"> <figure> <a href="https://hueber.edupool.de/login" target="_blank" rel="noopener" title="Hueber interaktiv zum Login" aria-label="Hueber interaktiv zum Login"> <picture> <source srcset="https://img.hueber.de/logos/hueber-interactiv.png?width=100&fit=crop&quality=85&format=webp 100w, https://img.hueber.de/logos/hueber-interactiv.png?width=200&fit=crop&quality=85&format=webp 200w, https://img.hueber.de/logos/hueber-interactiv.png?width=300&fit=crop&quality=85&format=webp 300w" type="image/webp" sizes="(min-width: 320px) 100px"><source srcset="https://img.hueber.de/logos/hueber-interactiv.png?width=100&fit=crop&quality=85&format=png 100w, https://img.hueber.de/logos/hueber-interactiv.png?width=200&fit=crop&quality=85&format=png 200w, https://img.hueber.de/logos/hueber-interactiv.png?width=300&fit=crop&quality=85&format=png 300w" type="image/png" sizes="(min-width: 320px) 100px">  <img src="https://img.hueber.de/logos/hueber-interactiv.png?width=100&fit=crop&quality=85&format=jpg" srcset="https://img.hueber.de/logos/hueber-interactiv.png?width=100&fit=crop&quality=85&format=jpg 100w, https://img.hueber.de/logos/hueber-interactiv.png?width=200&fit=crop&quality=85&format=jpg 200w, https://img.hueber.de/logos/hueber-interactiv.png?width=300&fit=crop&quality=85&format=jpg 300w" sizes="(min-width: 320px) 100px" alt="Hueber interaktiv" loading="lazy" decoding="async" fetchpriority="auto" width="100" height="100"> </picture> </a> </figure> <div> <strong>Hueber interaktiv</strong> <a href="https://hueber.edupool.de/login" target="_blank" rel="noopener" class="button button--icon-chevron button--w
369hite button--outlined " id aria-label>Zum Login</a> </div> </div> <div class="w24 mw12 lw8"> <figure> <a href="/themenwelten/einfach-digital/hueber-media-app" title="Hueber Media mehr erfahren" aria-label="Hueber Media mehr erfahren"> <picture> <source srcset="https://img.hueber.de/logos/hueber-media.png?width=100&fit=crop&quality=85&format=webp 100w, https://img.hueber.de/logos/hueber-media.png?width=200&fit=crop&quality=85&format=webp 200w, https://img.hueber.de/logos/hueber-media.png?width=300&fit=crop&quality=85&format=webp 300w" type="image/webp" sizes="(min-width: 320px) 100px"><source srcset="https://img.hueber.de/logos/hueber-media.png?width=100&fit=crop&quality=85&format=png 100w, https://img.hueber.de/logos/hueber-media.png?width=200&fit=crop&quality=85&format=png 200w, https://img.hueber.de/logos/hueber-media.png?width=300&fit=crop&quality=85&format=png 300w" type="image/png" sizes="(min-width: 320px) 100px">  <img src="https://img.hueber.de/logos/hueber-media.png?width=100&fit=crop&quality=85&format=jpg" srcset="https://img.hueber.de/logos/hueber-media.png?width=100&fit=crop&quality=85&format=jpg 100w, https://img.hueber.de/logos/hueber-media.png?width=200&fit=crop&quality=85&format=jpg 200w, https://img.hueber.de/logos/hueber-media.png?width=300&fit=crop&quality=85&format=jpg 300w" sizes="(min-width: 320px) 100px" alt="Hueber Media" loading="lazy" decoding="async" fetchpriority="auto" width="100" height="100"> </picture> </a> </figure> <div> <strong>Hueber Media</strong> <a href="/themenwelten/einfach-digital/hueber-media-app" target rel class="button button--icon-chevron button--white button--outlined " id aria-label>Mehr erfahren</a> </div> </div> </div> <div class="site-footer__navigation grid-wrap"> <div class="w24"> <div class="accordion-group accordion-container" data-js="accordion-group" data-accordion-settings="%7B%22duration%22%3A400%2C%22showMultiple%22%3Afalse%2C%22openOnInit%22%3A%5B-1%5D%2C%22disableAdditionalGeneralOptions%22%3Atrue%7D"> <div class="accordion ac"> <div class="accordion__header ac-header"> <button class="accordion__header__trigger ac-trigger no-link" data-ac-trigger-value>Themenwelten</button>
370                <a href="/themenwelten" class="accordion__header__trigger ac-trigger button">Themenwelten</a> </div> <div class="accordion__content ac-panel"> <div>  <ul> <li> <a href="/themenwelten/einfach-digital">  Einfach digital! </a> </li><li> <a href="/themenwelten/deutsch-fuer-den-beruf">  	
371Deutsch für den Beruf </a> </li><li> <a href="/themenwelten/integrationskurs-fuer-gering-literalisierte">  Integrationskurs für gering Literalisierte </a> </li><li> <a href="/themenwelten/hochschulzertifikat-dafz">  Online-Weiterbildung mit BAMF-Akkreditierung </a> </li><li> <a href="/themenwelten/sprach-und-reisespiele">  Sprach- und Reisespiele </a> </li> </ul>  </div> </div> </div><div class="accordion ac"> <div class="accordion__header ac-header"> <button class="accordion__header__trigger ac-trigger no-link" data-ac-trigger-value>Für Lehrende &amp; Institutionen</button>
372                <a href="/fuer-lehrende-institutionen" class="accordion__header__trigger ac-trigger button">Für Lehrende &amp; Institutionen</a> </div> <div class="accordion__content ac-panel"> <div>  <ul> <li> <a href="/fuer-lehrende-institutionen/webinare-fortbildungen">  Fortbildungen </a> </li><li> <a href="/fuer-lehrende-institutionen/aufzeichnungen">  Aufzeichnungen </a> </li><li> <a href="/fuer-lehrende-institutionen/jobboerse-fuer-lehrer">  Jobbörse für Lehrende </a> </li><li> <a href="/fuer-lehrende-institutionen/ansprechpartner">  Ansprechpartner:innen </a> </li><li> <a href="/fuer-lehrende-institutionen/hueber-infopunkt">  DaF-Zentrum und Infopunkte </a> </li><li> <a href="/fuer-lehrende-institutionen/kataloge-und-prospekte">  Kataloge und Prospekte </a> </li><li> <a href="/fuer-lehrende-institutionen/genehmigte-lehrbuecher-deutschland">  Zugelassene Lehrwerke in Deutschland </a> </li><li> <a href="/login">  Lehrkraft-Login </a> </li> </ul>  </div> </div> </div><div class="accordion ac"> <div class="accordion__header ac-header"> <button class="accordion__header__trigger ac-trigger no-link" data-ac-trigger-value>Für Lernende</button>
373                <a href="/fuer-lernende" class="accordion__header__trigger ac-trigger button">Für Lernende</a> </div> <div class="accordion__content ac-panel"> <div>  <ul> <li> <a href="/fuer-lernende/selbstlernende-kursteilnehmende">  Selbstlernende und Kursteilnehmende </a> </li> </ul>  </div> </div> </div><div class="accordion ac"> <div class="accordion__header ac-header"> <button class="accordion__header__trigger ac-trigger no-link" data-ac-trigger-value>Für den Handel</button>
374                <a href="/fuer-haendler" class="accordion__header__trigger ac-trigger button">Für den Handel</a> </div> <div class="accordion__content ac-panel"> <div>  <ul> <li> <a href="/fuer-haendler/aktuelles">  Aktuelles </a> </li><li> <a href="/fuer-haendler/ansprechpartner">  Ansprechpartner:innen </a> </li><li> <a href="/fuer-haendler/preise-und-weitere-informationen">  Preise und Produkt-Informationen </a> </li><li> <a href="/fuer-haendler/downloads">  Vorschau, Kataloge und Werbematerialien </a> </li><li> <a href="/fuer-haendler/einzelhandelsaktionen">  Einzelhandelsaktionen </a> </li><li> <a href="/fuer-haendler/messen">  Messen </a> </li> </ul>  </div> </div> </div><div class="accordion ac"> <div class="accordion__header ac-header"> <button class="accordion__header__trigger ac-trigger no-link" data-ac-trigger-value>Der Hueber Verlag</button>
375                <a href="/ueber-uns" class="accordion__header__trigger ac-trigger button">Der Hueber Verlag</a> </div> <div class="accordion__content ac-panel"> <div>  <ul> <li> <a href="/ueber-uns/wir-ueber-uns">  Wir über uns </a> </li><li> <a href="/ueber-uns/verlagsgeschichte">  Verlagsgeschichte </a> </li><li> <a href="/ueber-uns/karriere-bei-hueber">  Karriere bei Hueber </a> </li><li> <a href="/ueber-uns/kooperationspartner-verbaende-institutionen">  Kooperationspartner, Verbände &amp; Institutionen </a> </li><li> <a href="/ueber-uns/barrierefreiheitserklaerung">  Barrierefreiheitserklärung </a> </li><li> <a href="/ueber-uns/nutzungsbedingungen-blog">  Nutzungsbedingungen (Blog) </a> </li><li> <a href="/ueber-uns/nutzungsbedingungen-jobboerse">  Nutzungsbedingungen (Jobbörse) </a> </li><li> <a href="/ueber-uns/kopierregeln-digitaler-unterricht">  Kopierregeln – Digitaler Unterricht </a> </li> </ul>  </div> </div> </div><div class="accordion ac"> <div class="accordion__header ac-header"> <button class="accordion__header__trigger ac-trigger no-link" data-ac-trigger-value>Service</button>
376                <a href="/service" class="accordion__header__trigger ac-trigger button">Service</a> </div> <div class="accordion__content ac-panel"> <div>  <ul> <li> <a href="/service/kundenservice"> 
377        <svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
378            <g fill="none" fill-rule="evenodd">
379                <path d="M14.5 8a.5.5 0 1 0 0 1 .5.5 0 0 0 0-1zm-4 0a.5.5 0 1 0 0 1 .5.5 0 0 0 0-1zm-4 0a.5.5 0 1 0 0 1 .5.5 0 0 0 0-1zm11.5.966c0 3.294-3.513 5.965-7.847 5.965-.88 0-1.723-.115-2.512-.318-2.083 2.41-7.115 1.1-5.224.368 1.044-.404 1.602-1.279 1.899-2.038-1.246-1.056-2.01-2.447-2.01-3.977C2.306 5.67 5.819 3 10.153 3 14.487 3 18 5.67 18 8.966z" stroke="#233C64" stroke-linecap="round"/>
380            </g>
381        </svg>
382      Kundenservice </a> </li><li> <a href="/service/kontakt">  Kontaktformular </a> </li><li> <a href="/service/faq">  Hilfe zu Hueber interaktiv </a> </li> </ul>  </div> </div> </div><div class="accordion accordion--plain"> <div class="accordion__header ac-header"> <a href="/presse" class="accordion__header__trigger ac-trigger button">Presse</a> </div> </div><div class="accordion accordion--plain"> <div class="accordion__header ac-header"> <a href="/withdrawal" class="accordion__header__trigger button button--blue button--outlined">Vertrag widerrufen</a> </div> </div> </div>  </div> </div> <div class="site-footer__meta grid-wrap"> <nav class="w24"> <ul> <li> <a href="/impressum/">Impressum</a> </li><li> <a href="/datenschutz/">Datenschutz</a> </li><li> <a href="/agb/">AGB</a> </li><li> <a href="/bestellung/">Bestellung</a> </li><li> <a href="/zahlungsarten/">Zahlungsarten</a> </li><li> <a href="/lieferung/">Lieferung</a> </li><li> <a href="/widerruf/">Widerrufsbelehrung</a> </li> </ul> </nav> </div> </footer> <button data-js="to-top-button" class="to-top-button"> 
383        <svg width="12" height="12" viewBox="0 0 12 12" xmlns="http://www.w3.org/2000/svg"><path d="m6 1 5 5-5 5m5-5H1" stroke="#fff" stroke-width="1.5" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"/></svg>
384     </button> 
384<script type="module">const e={vars:{componentQuery:"*[data-js=to-top-button]",showClass:"to-top-button--show",requiredViewportWidth:"1280",minScrolledPosition:"100"},init(){e.addEventTrigger()},addEventTrigger(){let t=0,o=!1;const n=document.querySelector(e.vars.componentQuery);if(!n)return!1;document.addEventListener("scroll",s=>{t=window.scrollY,!o&&window.innerWidth>=e.vars.requiredViewportWidth&&(window.requestAnimationFrame(()=>{e.eventHandler(n,t),o=!1}),o=!0)}),n.addEventListener("click",s=>{window.scroll({top:0,behavior:"smooth"})})},eventHandler(t,o){o>e.vars.minScrolledPosition?e.show(t):e.hide(t)},show(t){t.classList.add(e.vars.showClass)},hide(t){t.classList.remove(e.vars.showClass)}};e.init();</script>
384 
384<script defer src="/js/eye-able-plugin-config.js"></script>
384 
384<script defer src="/js/eye-able.js"></script>
384 <div class="site-search" data-js="site-search" style="display: none;"> <div class="grid-wrap"> <button class="site-search__close" data-site-search-close-trigger> 
385        <svg width="25" height="25" viewBox="0 0 25 25" xmlns="http://www.w3.org/2000/svg">
386            <g fill="none" fill-rule="evenodd">
387                <g stroke="#233C64" stroke-linecap="round" stroke-linejoin="round" stroke-width="2">
388                    <path d="m3 3 19 19M22 3 3 22"/>
389                </g>
390            </g>
391        </svg>
392     </button> <div class="site-search__search-icon"> 
393        <svg width="25" height="25" viewBox="0 0 25 25" xmlns="http://www.w3.org/2000/svg">
394            <g fill="none" fill-rule="evenodd">
395                <path d="m18 18 5 5-5-5zm2-7a9 9 0 1 1-18 0 9 9 0 0 1 18 0z" stroke="#233C64" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
396            </g>
397        </svg>
398     </div> <div data-site-search-input class="site-search__input w24" id="site-search__input"></div> <div class="site-search__active-filters" id="site-search-active-filters" style="display: none;"></div> <div class="offcanvas-site-search__clear-active-filters" id="offcanvas-site-search__clear-active-filters" style="display: none;"></div> <div class="site-search__filters w24 mw20 mw-left-2"> <div class="site-search__filters__headline h2">Ihre Suchergebnisse</div> <div class="site-search__filters__refinements1" id="site-search__filters__refinements1"> <div id="site-search__filters__refinements1" style="display: inline;"></div> <div class="ais-Menu ais-Menu--custom"> <ul class="ais-Menu-list"> <li class="ais-Menu-item"> <div> <a data-site-search-shop-result-link class="ais-Menu-link ais-Menu-link--static-shop-link" href="https://shop.hueber.de/de/catalogsearch/result/"> <span class="ais-Menu-label">Erweiterte Produkt-Suche</span> </a> </div> </li> </ul> </div> </div> </div> <div class="site-search__main w24 lw22 lw-left-1"> <div class="site-search__main__hits" id="site-search__main__hits"></div> <div class="site-search__main__pagination" id="site-search__main__pagination"></div> </div> <figure class="site-search__teaser-image w24"> <picture> <source srcset="https://img.hueber.de/search-teaser-image.jpg?width=298&fit=crop&quality=85&format=webp 298w, https://img.hueber.de/search-teaser-image.jpg?width=596&fit=crop&quality=85&format=webp 596w, https://img.hueber.de/search-teaser-image.jpg?width=596&fit=crop&quality=85&format=webp 596w, https://img.hueber.de/search-teaser-image.jpg?width=894&fit=crop&quality=85&format=webp 894w, https://img.hueber.de/search-teaser-image.jpg?width=1192&fit=crop&quality=85&format=webp 1192w, https://img.hueber.de/search-teaser-image.jpg?width=1788&fit=crop&quality=85&format=webp 1788w" type="image/webp" sizes="(min-width: 768px) 596px,(min-width: 320px) 298px">  <img src="https://img.hueber.de/search-teaser-image.jpg?width=596&fit=crop&quality=85&format=jpg" srcset="https://img.hueber.de/search-teaser-image.jpg?width=298&fit=crop&quality=85&format=jpg 298w, https://img.hueber.de/search-teaser-image.jpg?width=596&fit=crop&quality=85&format=jpg 596w, https://img.hueber.de/search-teaser-image.jpg?width=596&fit=crop&quality=85&format=jpg 596w, https://img.hueber.de/search-teaser-image.jpg?width=894&fit=crop&quality=85&format=jpg 894w, https://img.hueber.de/search-teaser-image.jpg?width=1192&fit=crop&quality=85&format=jpg 1192w, https://img.hueber.de/search-teaser-image.jpg?width=1788&fit=crop&quality=85&format=jpg 1788w" sizes="(min-width: 768px) 596px,(min-width: 320px) 298px" alt="Suchergebnisse-Teaser-Bild" loading="lazy" decoding="async" fetchpriority="auto" width="596" height="415"> </picture> </figure> </div> </div> 
398<script type="module" src="/_astro/SiteSearch.astro_astro_type_script_index_0_lang.Cxucw_o4.js"></script>
398 </body></html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.