\n Damit Sie Ihr Hörtraining optimal nutzen können, sollten die\n Tonbeispiele der Übungen eine Lautstärke haben, die für Sie angenehm ist.\n
\n
\n Wichtig ist, dass Sie diese Lautstärke bei allen Übungen beibehalten.\n
\n
\n Um die richtige Lautstärke zu ermitteln spielen Sie das folgende Beispiel ab.\n
\n \n
\n Wichtig ist, dass Sie diese Lautstärke bei allen Übungen beibehalten.\n
\n
\n Um die richtige Lautstärke zu ermitteln spielen Sie das folgende Beispiel ab.\n
\n\n Wir sind keine Kette – wir sind ein bundesweiter Zusammenschluss selbständiger Hörakustikmeister. So verbinden wir persönlichen Service in inhabergeführten Betrieben mit dem Know-how einer starken Gemeinschaft.
\n\n Vereinbaren Sie einfach einen Termin vor Ort.
\n\n Wir freuen uns auf Sie!\n
\n mainMenu.banana \n \n
\n )\n}\n\n/* PropTypes */\nBanana.propTypes = {}\n\nBanana.defaultProps = {}\n\n/* Local utility functions */\n\n/* Local Styled Components */\nconst SButtonWrapper = styled.div`\nborder-radius: 20px;\nborder: 1px solid lightgray;\npadding: 3px;\nmin-width: 280px;\n`\nconst SButton =styled.button`\n background-color: ${({ active }) => active ? '#0082BA' : 'transparent'};\n color: ${({ active }) => active ? 'white' : 'black'}; \n border: none;\n border-radius: 20px;\n outline: none;\n font-size: 16px !important;\n padding: 8px;\n font-family: \"OfficinaSansITCPro-Bold\";\n cursor: pointer;\n padding-top: 10px;\n`\n\nexport default Banana\n","export default [\n [\n require('./LISTEN_AND_SORT/Exercise2.json'),\n require('./LISTEN_AND_SELECT_TONE/Exercise11.json'),\n require('./REVIEW_EXERCISE/index.json'),\n require('./LISTEN_AND_PICK/Exercise31.json'),\n require('./LISTEN_AND_TYPE/Exercise33.json'),\n ]\n]","/* Global imports */\nimport React from 'react'\nimport { Grid, Segment } from 'semantic-ui-react'\n\n// import { } from 'prop-types'\nimport styled from 'styled-components'\n\n/* Local imports */\nimport { DEMO_EXERCISE } from 'Definitions/routes'\nimport Separator from 'Components/Separator'\nimport Spacer from 'Components/Spacer'\nimport Text from 'Components/Text'\nimport exercises from '../ExercisesDemo'\n\n/* Component definition */\nconst Demo = ({ history }) => {\n\n return (\n \n {bananaData[activeBanana].description} \n \n { \n (earToDisplay === 'both' || earToDisplay === 'right') &&\n \n {\n (earToDisplay === 'both' || earToDisplay === 'left') && \n
\n \n Rechtes Ohr: \n \n setActiveBanana('standard')}\n >\n Normalhörigkeit\n \n setActiveBanana('user')}\n >\n Mein Hörvermögen\n \n \n
\n }\n \n Linkes Ohr: \n \n setActiveBanana('standardLeft')}\n >\n Normalhörigkeit\n \n setActiveBanana('userLeft')}\n >\n Mein Hörvermögen\n \n \n
\n }\n \n {`${(currentStep / total *100).toFixed(0)} %`} \n
\n \n {\n FIELDS.slice(0, format.split('/').length)\n .map(item => (\n setData({ [item]: value })}\n value={data[item]}\n inputType=\"number\"\n />\n ))\n }\n
\n )\n}\n\nconst isValid = (fields, data) => {\n if (fields.length === 5) {\n return !!data.day && !!data.month && !!data.year && !!data.hour && !!data.minute\n }\n\n return !!data.day && !!data.month && !!data.year\n}\n\n/* Local Styled Components */\n\nexport default DateInput\n","/* Global imports */\nimport React, { useState, useEffect } from 'react'\nimport { func } from 'prop-types'\nimport { Grid, Responsive } from 'semantic-ui-react'\nimport { withRouter } from 'react-router-dom'\n\n/* Local imports */\nimport { listenAndTypeShape } from 'Definitions/shapes'\nimport InsertHearingAids from 'Components/InsertHearingAids'\nimport NextButton from 'Components/NextButton'\nimport PlayButton from 'Components/PlayButton'\nimport Separator from 'Components/Separator'\nimport Spacer from 'Components/Spacer'\nimport Input from 'Components/Input'\nimport NumberInput from 'Components/NumberInput'\nimport Text from 'Components/Text'\nimport DemoProgressBar from 'Components/DemoProgressBar'\nimport useStages from 'Hooks/useStages'\n\nimport DateInput from '../DateInput'\n\n/* Component definition */\nconst ListenAndType = ({ exercise, onNext }) => {\n const [answer, setAnswer] = useState('')\n const [ insertScreenDisplayed, setInsertScreenDisplayed ] = useState(false)\n const [ lastStepDisplayed, setLastStepDisplayed ] = useState(false)\n const { currentStage, currentStep, next } = useStages(exercise, onNext)\n const step = exercise.stages[currentStage][currentStep]\n const hasIntermediateScreens = exercise && exercise.intermediateScreens\n\n const lastStepCompleted = hasIntermediateScreens && !insertScreenDisplayed && currentStage === 1 && currentStep === 9\n\n const goNext = () => {\n setAnswer('')\n next()\n }\n\n useEffect(()=> {\n window.scrollTo(0, 0)\n },[currentStep])\n\n useEffect(()=> {\n if(currentStep === 1){\n setInsertScreenDisplayed(false)\n }\n },[currentStep])\n useEffect(()=> {\n if(currentStep === 1){\n setInsertScreenDisplayed(false)\n }\n },[currentStep])\n\n\n if (hasIntermediateScreens && !insertScreenDisplayed && currentStage === 0 | 1 && currentStep === 0) {\n const message = currentStage === 0 ? 'Bitte führen Sie die folgende Übung mit Ihrem Hörsystem durch.' : 'Bitte führen Sie die folgende Übung ohne Ihr Hörsystem durch.'\n\n return \n {option.label}\n
\n \n\n \n {\n option.description &&\n {option.description} \n }\n \n \n {\n option.choices.map((choice, cindex) =>\n \n \n \n )\n }\n \n
\n ))\n}\n\nconst renderSteps = (exercise, currentStep, setCurrentAnswer, answer) => {\n const { steps } = exercise\n const choices = setChoices(exercise, currentStep)\n\n return {choice}
\n {exercise.icon &&\n \n {\n steps[currentStep].description &&\n {steps[currentStep].description} \n }\n \n \n {\n choices.map((choice, index) =>\n \n \n {exercise.icon && \n )\n }\n \n
\n}\n\n/* Local Styled Components */\nconst SButton = styled(Button)`\n align-items: center;\n display: flex !important;\n justify-content: flex-start;\n padding: ${( { icon }) => icon ? '0px 6px' : '6 16px'} !important;\n box-shadow: ${( { icon }) => icon ? '0 0 5px 0 rgba(0,0,0,0.15)' : 'none'} !important;\n border: ${( { icon }) => icon && 'none' } !important;\n`\n\nexport default withRouter(ListenAndPick)\n","/* Global imports */\nimport React, { useState } from 'react'\nimport { Grid, TextArea } from 'semantic-ui-react'\nimport { isEmpty } from 'ramda'\nimport styled from 'styled-components'\nimport { assign } from 'crocks/helpers'\n\n/* Local imports */\nimport useSteps from 'Hooks/useSteps'\nimport Text from 'Components/Text'\nimport NextButton from 'Components/NextButton'\nimport Separator from 'Components/Separator'\nimport Spacer from 'Components/Spacer'\nimport Button from 'Components/Button'\n\nconst initialAnswerState = {\n button: '',\n comments: '',\n}\n\n/* Component definition */\nconst ReviewExercise = ({ exercise, onNext }) => {\n const [isIntro, setIsIntro] = useState(true)\n const [answer, setAnswer] = useState(initialAnswerState)\n const { currentStep, next } = useSteps(exercise, onNext)\n\n const goNext = () => {\n if(isIntro) {\n return setIsIntro(false)\n }\n\n next()\n setAnswer(initialAnswerState)\n }\n\n const buttons = [\n {\n text: 'exercise.buttons.veryUnusual',\n value: 5,\n },\n {\n text: 'exercise.buttons.unusual',\n value: 4,\n },\n {\n text: 'exercise.buttons.neutral',\n value: 3,\n },\n {\n text: 'exercise.buttons.usual',\n value: 2,\n },\n {\n text: 'exercise.buttons.veryUsual',\n value: 1,\n },\n ]\n\n return (\n {choice}
\n \n\n {`${getExerciseProgress(exercise, activeResults)} %`} \n
\n \n \n {exercise.title}\n \n
\n \n exercise.selectOption \n
\n \n \n {exercise.title}\n \n
\n \n exercise.selectOption \n
\n \n { exercise.title } \n
\n \n exercise.selectOption \n
\n \n {option.label}\n
\n \n\n \n {exercise.title}\n \n
\n \n {!!exercise.customHeader ? (\n \n {exercise.customHeader}\n \n ) : (\n exercise.selectOption \n )}\n
\n \n \n {option.description && (\n \n {option.description}\n \n )}\n \n \n {option.choices.map((choice, cindex) => (\n \n \n \n ))}\n \n
\n ));\n};\n\nconst renderSteps = (\n currentScreen,\n exercise,\n currentStep,\n setCurrentAnswer,\n answer\n) => {\n const { steps } = exercise;\n const choices = setChoices(exercise, currentStep);\n\n return (\n {choice}
\n {exercise.icon && (\n\n \n {steps[currentStep].description && (\n <>\n \n \n {choices.map((choice, index) => (\n \n \n {exercise.icon && (\n \n ))}\n \n
\n );\n};\n\nconst renderCustomSteps = (\n currentScreen,\n exercise,\n currentStep,\n setCurrentAnswer,\n answer\n) => {\n const { customSeparator, steps } = exercise;\n const choices = setChoices(exercise, currentStep);\n const longChoice = choices.reduce((prev, cur) => {\n return prev ? prev : cur.length > 19;\n }, false);\n\n return (\n \n \n {steps[currentStep].description}\n \n
\n {choice}
\n \n\n \n {steps[currentStep].description && (\n <>\n \n \n {choices.map((choice, index) => (\n <>\n \n \n {exercise.icon && (\n \n \n
\n );\n};\n\n/* Local Styled Components */\nconst SButton = styled(Button)`\n align-items: center;\n display: flex !important;\n justify-content: flex-start;\n padding: ${({ icon }) => (icon ? \"0px 6px\" : \"6 16px\")} !important;\n box-shadow: ${({ icon }) =>\n icon ? \"0 0 5px 0 rgba(0,0,0,0.15)\" : \"none\"} !important;\n border: ${({ icon }) => icon && \"none\"} !important;\n`;\n\nexport default withRouter(ListenAndPick);\n","/* Global imports */\nimport React, { useEffect, useState } from 'react'\nimport { func } from 'prop-types'\nimport { Confirm, Grid, Responsive } from 'semantic-ui-react'\nimport { isEmpty } from 'crocks/predicates'\nimport { append, path } from 'ramda'\nimport { withRouter } from 'react-router-dom'\nimport styled from 'styled-components'\n\n/* Local imports */\nimport I18n from 'Common/i18n'\nimport { listenAndPickAccentedWord } from 'Definitions/shapes'\nimport Button from 'Components/Button'\nimport NextButton from 'Components/NextButton'\nimport PlayButton from 'Components/PlayButton'\nimport ProgressBar from 'Components/ProgressBar'\nimport Separator from 'Components/Separator'\nimport Spacer from 'Components/Spacer'\nimport Text from 'Components/Text'\nimport useResults from 'Hooks/useResults'\nimport useStages from 'Hooks/useStages'\nimport useSession from 'Hooks/useSession'\n\n/* Component definition */\nconst ListenAndPickAccentedWord = ({ exercise, history, onNext }) => {\n const { isPlus } = useSession()\n const { currentStage, currentStep, next } = useStages(exercise, onNext)\n const choices = path(['stages', currentStage, currentStep, 'choices'], exercise)\n const correctAnswer = path(['stages', currentStage, currentStep, 'answer'], exercise)\n const [transitionModalOpen, setTransitionModalOpen] = useState(false)\n const [answer, setAnswer] = useState([])\n const { saveAnswer } = useResults()\n\n const setCurrentAnswer = (choice) => (e, { value }) => {\n setAnswer(\n exercise.multi\n ? answer.includes(value)\n ? answer.filter(val => val !== value)\n : append(value, answer)\n : [value]\n )\n }\n\n const goNext = () => {\n return saveAnswer({\n answer,\n correct: answerCorrect(correctAnswer, answer) ? 1 : 0,\n exercise: exercise.index,\n stage: currentStage,\n step: currentStep,\n })\n .then((res) => {\n setAnswer([])\n next()\n })\n }\n\n useEffect(() => {\n window.scrollTo(0, 0)\n },[currentStep])\n\n useEffect(() => {\n if(currentStep === 0 && currentStage === 1) {\n setTransitionModalOpen(true)\n }\n },[currentStage, currentStep])\n\n return (\n \n \n {steps[currentStep].description}\n \n
\n {choice}
\n \n \n {choices.length - 1 > index && (\n{customSeparator}
\n \n )}\n \n ))}\n\n { exercise.title } \n
\n \n exercise.selectOption \n
\n {choice}
\n \n )\n }\n\n { exercise.title } \n
\n \n exercise.selectOption \n
\n \n \n {\n option.description &&\n {option.description} \n }\n \n \n {\n option.choices.map((choice, cindex) =>\n \n \n \n )\n }\n \n
\n ))\n}\n\nconst renderSteps = (exercise, currentStep, setCurrentAnswer, answer) => {\n const { steps } = exercise\n const choices = setChoices(exercise, currentStep)\n\n return \n \n {\n steps[currentStep].description &&\n {steps[currentStep].description} \n }\n \n
\n}\n\n/* Local Styled Components */\nconst SButton = styled(Button)`\n align-items: center;\n display: flex !important;\n justify-content: flex-start;\n padding: ${( { icon }) => icon ? '0px 6px' : '6 16px'} !important;\n box-shadow: ${( { icon }) => icon ? '0 0 5px 0 rgba(0,0,0,0.15)' : 'none'} !important;\n border: ${( { icon }) => icon && 'none' } !important;\n`\n\nexport default withRouter(ListenAndPick)\n","/* Global imports */\nimport React, { useEffect, useState } from 'react'\nimport { func } from 'prop-types'\nimport { Grid, Responsive} from 'semantic-ui-react'\nimport { isDefined, isEmpty } from 'crocks/predicates'\nimport { not } from 'crocks/logic'\nimport { any, equals, path } from 'ramda'\nimport { withRouter } from 'react-router-dom'\nimport styled from 'styled-components'\n\n/* Local imports */\nimport { listenAndMarkGapsShape } from 'Definitions/shapes'\nimport Button from 'Components/Button'\nimport NextButton from 'Components/NextButton'\nimport PlayButton from 'Components/PlayButton'\nimport Separator from 'Components/Separator'\nimport ProgressBar from 'Components/ProgressBar'\nimport Spacer from 'Components/Spacer'\nimport Text from 'Components/Text'\nimport useResults from 'Hooks/useResults'\nimport useSteps from 'Hooks/useSteps'\nimport useSession from 'Hooks/useSession'\n\n\n// const setChoices = (exercise, currentStep) => {\n // if (exercise.oneStep) {\n // return []\n // }\n \n // const stepChoices = path(['steps', currentStep, 'choices'], exercise)\n \n // return exercise.choices ? exercise.choices : stepChoices\n // }\n \n // const getAnswerTemplate = ({ oneStep, steps }) => oneStep ? Array.from({ length: steps[0].options.length }) : []\n \n // const addAnswer = ({ oneStep }, step, answer, value) =>\n // oneStep ? update(step, answer[step] === value ? undefined : value, answer) : toggleInList(value)(answer || [])\n \n /* Component definition */\nconst ListenAndMarkGaps = ({ exercise, history, onNext }) => {\n const { isPlus } = useSession()\n const {currentStep, next } = useSteps(exercise, onNext)\n const [answer, setAnswer] = useState([])\n const { saveAnswer } = useResults()\n const correctAnswer = path(['steps', currentStep, 'answer'], exercise)\n\n const setCurrentAnswer = index => (e, { value }) => {\n const newAnswer = [...answer]\n \n if (newAnswer.includes(value)) {\n newAnswer.splice(newAnswer.indexOf(value), 1)\n setAnswer(newAnswer)\n } else {\n newAnswer.push(value)\n setAnswer(newAnswer)\n }\n}\n\n const getCorrectnessBit = (selectedAnswer) => {\n if (exercise.oneStep) {\n return equals(correctAnswer, selectedAnswer.sort(function(a, b) { return a - b; })) ? 1 : 0\n }\n }\n\n const goNext = () => {\n return saveAnswer({\n answer,\n correct: getCorrectnessBit(answer),\n exercise: exercise.index,\n step: currentStep,\n })\n .then((res) => {\n setAnswer([])\n next()\n })\n }\n\n useEffect(()=> {\n window.scrollTo(0, 0)\n },[currentStep])\n\n return (\n \n {\n choices.map((choice, index) => \n \n
\n \n { exercise.title } \n
\n \n exercise.selectOption \n
\n {letter}
\n \n )\n\n }\n )\n )\n }\n\n { exercise.title } \n
\n \n exercise.selectOption \n
\n \n \n {\n step.description &&\n {step.description} \n }\n \n \n {\n choices.map((choice, index) =>\n \n \n {exercise.icon && \n )\n }\n \n
\n}\n\n/* Local Styled Components */\nconst SButton = styled(Button)`\n align-items: center;\n display: flex !important;\n justify-content: flex-start;\n padding: ${( { icon }) => icon ? '0px 6px' : '6 16px'} !important;\n box-shadow: ${( { icon }) => icon ? '0 0 5px 0 rgba(0,0,0,0.15)' : 'none'} !important;\n border: ${( { icon }) => icon && 'none' } !important;\n`\n\nexport default withRouter(ListenAndTypeAndPick)\n","/* Global imports */\nimport React, { useEffect, useState } from 'react'\nimport { Grid, TextArea } from 'semantic-ui-react'\nimport { isEmpty } from 'ramda'\nimport styled from 'styled-components'\n\n/* Local imports */\nimport { TRAINING_DAY } from 'Definitions/routes'\nimport useResults from 'Hooks/useResults'\nimport useSession from 'Hooks/useSession'\nimport Text from 'Components/Text'\nimport NextButton from 'Components/NextButton'\nimport Spacer from 'Components/Spacer'\n\n/* Component definition */\nconst Comment = ({ dayIndex, history, setWriteComment }) => {\n const { user, isPlus } = useSession()\n const [comment, setComment] = useState()\n const [answered, setAnswered] = useState(false)\n const { saveComment } = useResults()\n\n const goNext = () => {\n if (!answered) {\n saveComment({\n day: parseInt(dayIndex) + 1,\n comment,\n })\n setComment('')\n setAnswered(true)\n } else {\n if(setWriteComment) {\n setWriteComment(false)\n }\n history.push(TRAINING_DAY(dayIndex))\n }\n }\n\n useEffect(() => {\n const dayNumber = parseInt(dayIndex) +1 \n\n if (user && user.comments && user.comments[`day${dayNumber}`]) {\n setComment(user.comments[`day${dayNumber}`])\n }\n },[dayIndex, user])\n\n return (\n {choice}
\n \n\n exercise.success.incomplete \n history.push(TRAINING_DAY(dayIndex))}\n >\n exercise.success.trainingDay\n \n
\n :\n \n exercise.success.title \n {\n dayIndex === \"13\" ?\n \n Herzlichen Glückwunsch, Sie haben das Training vollständig absolviert. Mit täglichen Übungen haben Sie aktiv zur Verbesserung Ihrer Hörverarbeitung beigetragen. Ihr Pro Akustiker nimmt sich Zeit für Ihre Fragen und unterstützt Sie dabei, Ihre Trainingserfolge zu festigen und auszubauen.\n \n :\n exercise.success.message \n\n }\n \n history.push(RESULTS(dayIndex, 0))}\n >\n exercise.success.results\n \n \n {\n !optional &&\n setWriteComment(true)}\n >\n exercise.success.leaveComment \n \n }\n \n
\n }\n \n {optional ? `Zusatzübung ${nextExercise.letter}` : `Übung ${nextExercise.index + 1 }`} \n onNext()}\n >\n Nächste Übung\n \n
\n }\n \n Sie wollen wissen, wie gut Sie hören? Wir helfen Ihnen dabei. In wenigen Minuten bekommen Sie mit uns ein Ergebnis.\n
\n Empfehlung:\n
\n Sorgen Sie bitte dafür, dass Sie ungestört sind und Ihre Umgebung ruhig ist. Wir empfehlen die Verwendung von Kopfhörern oder von einem externen Verstärker. Bitte beachten Sie, dass die Lautstärke Ihres Endgerätes auf 100% eingestellt sein muss. Achtung: Der Online-Hörtest ersetzt nicht den Besuch beim Pro Akustiker oder HNO-Arzt. Er dient lediglich der Einschätzung Ihres Hörvermögens.\n
\n {\n exercise.stages\n .map((stage, stageIndex) =>\n
\n )\n}\n\n/* PropTypes */\nListenAndType.propTypes = {\n exercise: listenAndTypeShape,\n results: object,\n}\n\nListenAndType.defaultProps = {}\n\n/* Local utility functions */\nconst isAnswerCorrect = (multi, correctAnswer, userAnswer, inputType) => {\n\n if (!userAnswer) {\n return\n }\n\n const comparator = inputType === 'number'\n ? processNumber\n : inputType === 'date'\n ? processDate\n : processString\n\n\n if (multi) {\n return arrayEquals(userAnswer.map(answer => answer.toLowerCase().trim()), correctAnswer.map(correctAnswer => correctAnswer.toLowerCase()))\n }\n\n\n return eqBy(comparator, userAnswer.toLowerCase().trim(), correctAnswer.toLowerCase())\n}\n\nconst formatClientResults = (result, exercise, step) => {\n\n if (!result) {\n return\n }\n\n if (exercise.multi) {\n if (step.multi) {\n return `${result[0]} ${step.separator} ${result[1]}`\n\n } else {\n return `${result[0]}`\n\n }\n }\n\n const date = result.split('/').slice(0, 3).join('/')\n const time = result.split('/').slice(3).join(':')\n\n return `${date} ${time}`\n}\n\nconst getClientResult = (currentStage, results, index, multi) => {\n\n if (!results) {\n return\n }\n\n if (results[`stage${currentStage}`] && results[`stage${currentStage}`][`step${index}`]) {\n return results[`stage${currentStage}`][`step${index}`]\n }\n return\n}\n\nconst getColor = (result, correctAnswer, inputType, multi) => {\n const comparator = inputType === 'number'\n ? processNumber\n : inputType === 'date'\n ? processDate\n : processString\n\n if (!result) {\n return\n }\n\n if (multi) {\n if (arrayEquals(result.map(answer => answer.toLowerCase().trim()), correctAnswer.map(answer => answer.toLowerCase()))) return \"rgba(81,184,157,0.45)\"\n else return \"rgba(224,0,105,0.31)\"\n }\n\n if (eqBy(comparator, result, correctAnswer)) {\n return \"rgba(81,184,157,0.45)\"\n }\n\n return \"rgba(224,0,105,0.31)\"\n}\n\n/* Local Styled Components */\nconst SPlayButton = styled(PlayButton)`\n margin: 16px 0px !important;\n margin-bottom: 32px !important;\n\n`\nconst SWrapper = styled.div`\n display: flex;\n flex-wrap: wrap;\n flex-direction: column;\n margin: 0px 16px;\n\n @media (min-width: 786px) {\n max-width: 400px;\n margin: 0 auto;\n }\n`\n\nconst SLabel = styled(Label)`\n color: #000000 !important;\n background-color: ${({ bgcolor }) => bgcolor} !important;\n border: 1px solid lightgrey !important;\n margin: 4px !important;\n whiteSpace: normal !important;\n font-size: 16px !important;\n font-weight: 300 !important;\n letter-spacing: 1.5px !important;\n line-height: 16px !important;\n padding: 16px !important;\n text-align: center !important;\n `\n\nconst SAnswer = styled.p`\n font-weight: bold !important;\n `\n\nexport default ListenAndType\n","/* Global imports */\nimport React from 'react'\nimport styled from 'styled-components'\nimport { Grid, Label } from 'semantic-ui-react'\n\n/* Local imports */\nimport PlayButton from 'Components/PlayButton'\nimport Text from 'Components/Text'\nimport Spacer from 'Components/Spacer'\n\n/* Component definition */\nconst ListenAndSort = ({ exercise, results }) => {\n\n return (\n <>\n \n \n {\n stage.map((step, stepIndex) => {\n const result = getClientResult(stageIndex, results, stepIndex, exercise.multi)\n const answerCorrect = isAnswerCorrect(exercise.multi, step.answer, result, exercise.inputType)\n\n return (\n \n \n \n {answerCorrect ? 'exercise.results.correctAnswer' : 'exercise.results.wrongAnswer'} \n \n {\n step.prefix &&\n \n {` ${formatClientResults(result, exercise, step)} `}\n \n {\n step.sufix &&\n \n \n \n )\n }\n\n )\n }\n \n
\n )\n }\n {step.prefix}
\n }\n{step.sufix}
\n }\n \n\n
{option.label}
\n \n )\n })\n }\n${current}`\n }, \"\")\n}\n\nconst setChoices = (exercise, step) => {\n return exercise.choices ? exercise.choices : step.choices\n}\n\nconst areEqual = (correctAnswer, userAnswer) => {\n\n if (!userAnswer) {\n return\n }\n\n return correctAnswer.length === userAnswer.length\n && userAnswer.reduce((total, current) => total && correctAnswer.includes(current), true)\n}\n\nconst getClientResult = (results, index) => {\n if (results && results[`step${index}`]) {\n return results[`step${index}`]\n }\n return\n}\n\nconst getColor = (result, correctAnswer, buttonValue) => {\n\n if (!result) {\n return\n }\n\n if (isInteger(result) && isInteger(correctAnswer)) {\n return result === correctAnswer && result === buttonValue ? \"rgba(81,184,157,0.45)\" :\n result !== correctAnswer && result === buttonValue ? \"rgba(224,0,105,0.31)\" : \"transparent\"\n }\n\n if (areEqual(correctAnswer, result) && correctAnswer.includes(buttonValue)) {\n return \"rgba(81,184,157,0.45)\"\n }\n\n if (!areEqual(correctAnswer, result) && result.includes(buttonValue)) {\n return \"rgba(224,0,105,0.31)\"\n }\n\n return \"transparent\"\n}\n\nconst renderResults = (options, result, correctAnswer, exercise, stepIndex) => {\n const answerCorrect = areEqual(correctAnswer, result)\n\n return (\n
{option}
\n \n )\n })\n }\n{choice}
\n \n )\n }\n\n \n {\n stage\n .map((step, stepIndex) =>\n \n \n {\n renderResults(step.choices, getClientResult(stageIndex, results, stepIndex), step.answer, exercise, stageIndex, stepIndex)\n }\n \n \n )\n }\n \n
\n )\n )\n}\n\n/* PropTypes */\nListenAndPickAccentedWord.propTypes = {}\n\nListenAndPickAccentedWord.defaultProps = {}\n\n/* Local utility functions */\nconst areEqual = (correctAnswer, userAnswer) => {\n\n if (!userAnswer) {\n return\n }\n\n return correctAnswer.length === userAnswer.length\n && userAnswer.reduce((total, current) => total && correctAnswer.includes(current), true)\n}\n\nconst getClientResult = (currentStage, results, stepIndex) => {\n if (results[`stage${currentStage}`] && results[`stage${currentStage}`][`step${stepIndex}`]) {\n return results[`stage${currentStage}`][`step${stepIndex}`]\n }\n\n return\n}\n\nconst getColor = (result, correctAnswer, buttonValue) => {\n\n if (!result) {\n return\n }\n\n if (areEqual(correctAnswer, result) && correctAnswer.includes(buttonValue)) {\n return \"rgba(81,184,157,0.45)\"\n }\n\n if (!areEqual(correctAnswer, result) && result.includes(buttonValue)) {\n return \"rgba(224,0,105,0.31)\"\n }\n\n return \"transparent\"\n}\n\nconst renderResults = (options, result, correctAnswer, exercise, stageIndex, stepIndex) => {\n const answerCorrect = areEqual(correctAnswer, result)\n\n return (\n {option}
\n \n )\n })\n }\n\n {\n options.map((option, index) => {\n const color = getColor(result, correctAnswer, index)\n console.log(color)\n let overlay\n if (result) overlay = (index !== result[0]) ? 'overlay' : ''\n return (\n \n
\n {choice}
\n \n )\n }\n\n
\n )\n}\n\n/* PropTypes */\nListenAndMarkGaps.propTypes = {\n exercise: listenAndMarkGapsShape,\n results: object,\n}\n\nListenAndMarkGaps.defaultProps = {}\n\n /* Local utility functions */\n const renderLetters = (exercise, results) => {\n \n return (\n exercise.steps[0].options.map((option, index) =>\n \n {exercise.description} \n \n \n \n \n {renderLetters(exercise, results)}\n \n \n \n \n
\n \n \n {\n option.choices.map((choice) =>\n Array.from(choice).map((letter, tindex) => {\n\n const DynamicButton = (results.step0 && results.step0.includes(tindex)) ? \n exercise.steps[0].answer.includes(tindex) ?\n CButton\n :\n IButton\n : SButton\n\n\n \n return (\n \n \n
\n ))\n}\n\n/* Local Styled Components */\nconst SPlayButton = styled(PlayButton)`\n margin: 16px 0px !important;\n margin-bottom: 32px !important;\n`\n\nconst SWrapper = styled.div`\n display: flex;\n flex-wrap: wrap;\n flex-direction: column;\n margin: 0px 16px;\n\n @media (min-width: 786px) {\n max-width: 400px;\n margin: 0 auto;\n }\n`\n\nconst SButton = styled(Button)`\n align-items: center;\n display: flex !important;\n justify-content: flex-start;\n flex: 0;\n padding: 2px!important;\n border: none!important;\n margin-left: 1px!important;\n margin-bottom: 5px!important;\n padding-bottom: 0px!important;\n max-width: 50px;\n`\n\nconst CButton = styled(Button)`\n align-items: center;\n display: flex !important;\n justify-content: flex-start;\n flex: 0;\n padding: 2px!important;\n border: none!important;\n border-right: 2px solid green!important;\n border-radius: 0!important;\n margin-left: 1px!important;\n margin-bottom: 5px!important;\n padding-bottom: 0px!important;\n max-width: 50px;\n `\n \n const IButton = styled(Button)`\n align-items: center;\n display: flex !important;\n justify-content: flex-start;\n flex: 0;\n padding: 2px!important;\n border: none!important;\n border-right: 2px solid red!important;\n margin-left: 1px!important;\n margin-bottom: 5px!important;\n padding-bottom: 0px!important;\n border-radius: 0!important;\n max-width: 50px;\n`\n\nconst SContainer = styled.div`\n align-items: center;\n display: flex !important;\n justify-content: flex-start;\n flex-flow: wrap;\n`\n\n\nexport default ListenAndMarkGaps\n","/* Global imports */\nimport React from 'react'\nimport styled from 'styled-components'\nimport { isInteger } from 'crocks/predicates'\nimport { Label, Grid } from 'semantic-ui-react'\n\n// import { } from 'prop-types'\n\n/* Local imports */\nimport Text from 'Components/Text'\nimport PlayButton from 'Components/PlayButton'\nimport Spacer from 'Components/Spacer'\nimport { processDate, processNumber, processString } from 'Utils'\nimport { eqBy } from 'ramda'\n\n/* Component definition */\nconst ListenAndTypeAndPick = ({ exercise, results }) => {\n return (\n <>\n {letter}
\n \n )\n\n }\n )\n )\n }\n{step.type.prefix}
\n }\n{step.type.sufix}
\n }\n \n{option}
\n \n )\n })\n }\n\n \n exercise.buttons.cancel.confirmationText\n \n }\n open={cancelModalOpen}\n onCancel={() => setCancelModalOpen(false)}\n onConfirm={() => {\n resetTemp()\n history.push(TRAINING_DAY(currentExercise.day - 1))\n }}\n />\n setCancelModalOpen(true)}\n />\n
\n \n \n \n exercise.results.title\n \n \n { currentExercise.title } \n \n {\n renderExercise(currentExercise, getExerciseAnswers(activeResults, currentExercise.index))\n }\n {\n isExerciseCompleted(currentExercise, temporaryResults) &&\n
\n \n \n Bitte beachten Sie, dass die in der Übungswiederholung erzielten Ergebnisse nicht gespeichert werden. Ihre bestehenden Ergebnisse aus dem ersten Durchlauf werden nicht überschrieben.\n \n
\n }\n \n {\n resetTemp()\n history.push({\n pathname: EXERCISE(dayIndex, parseInt(exerciseIndex)),\n state: { repeated: true }\n })\n }}\n >\n exercise.buttons.retry\n \n {\n !isExerciseCompleted(currentExercise, temporaryResults) &&\n {\n resetTemp()\n history.push(parseInt(exerciseIndex) === exercises[dayIndex].length - 1 || !isExerciseCompleted(nextExercise, results) ? TRAINING_DAY(dayIndex) : RESULTS(dayIndex, parseInt(exerciseIndex) + 1))\n }}\n >\n exercise.buttons.next\n \n }\n
\n \n )\n}\n\n/* PropTypes */\nResults.propTypes = {\n currentDay: number,\n match: object,\n}\n\nResults.defaultProps = {\n currentDay: 0,\n}\n\n/* Local utility functions */\nconst renderExercise = (exercise, results) => {\n switch (exercise.type) {\n case 'LISTEN_AND_TYPE':\n return \n \n exercise.buttons.cancel.confirmationText\n \n }\n open={cancelModalOpen}\n onCancel={() => setCancelModalOpen(false)}\n onConfirm={() => {\n resetTemp()\n history.push(TRAINING_DAY(currentExercise.day - 1))\n }}\n />\n setCancelModalOpen(true)}\n />\n
\n \n \n {\n isExerciseCompleted(currentExercise, temporaryResults) &&\n Bitte beachten Sie, dass die in der Übungswiederholung erzielten Ergebnisse nicht gespeichert werden. Ihre bestehenden Ergebnisse aus dem ersten Durchlauf werden nicht überschrieben. \n }\n \n exercise.results.letter\n \n \n { currentExercise.title } \n \n {\n renderExercise(currentExercise, getExerciseAnswers(activeResults, currentExercise.index, true))\n }\n
\n \n {\n resetTemp()\n history.push({\n pathname: OPTIONAL_EXERCISE(dayIndex, parseInt(exerciseIndex)),\n state: { repeated: true }\n })\n }}\n >\n exercise.buttons.retry\n \n {\n !isExerciseCompleted(currentExercise, temporaryResults) &&\n {\n resetTemp()\n history.push(parseInt(exerciseIndex) === exercises[dayIndex].length - 1 || !isExerciseCompleted(nextExercise, results) ? TRAINING_DAY(dayIndex) : OPTIONAL_RESULTS(dayIndex, parseInt(exerciseIndex) + 1))\n }}\n >\n exercise.buttons.next\n \n }\n
\n \n )\n}\n\n/* PropTypes */\nOptionalResults.propTypes = {\n currentDay: number,\n match: object,\n}\n\nOptionalResults.defaultProps = {\n currentDay: 0,\n}\n\n/* Local utility functions */\nconst renderExercise = (exercise, results, optional) => {\n switch (exercise.type) {\n case 'LISTEN_AND_TYPE':\n return }){kind=icon}
\n x1\n \n \n x2\n \n x3\n \n { `${progress} %` } \n
\n }){kind=icon}
\n \n {`${getProgressForDay(dayIndex- (startDay - 1))} %`} \n
\n \n ourProducts.title \n \n\n \n \n \n\n \n \n Hinter-dem-Ohr-Geräte (HdO) haben ihren Namen von dem kleinen Gehäuse, das hinter dem Ohr getragen wird. In ihm sind nicht nur Batterie oder Akku untergebracht, sondern auch Mikrofone und Lautsprecher. Über einen Schallschlauch werden die akustischen Reize verstärkt in den Gehörgang geleitet. HdOs sind für jeden Grad von Hörverlust einsetzbar.\n \n \n\n \n \n\n \n \n Bei Receiver-In-The-Channel-Geräten (RIC) sitzt das Mikrofon in einem kleinen Gehäuse hinter dem Ohr, der Lautsprecher sitzt im Ohr. Verbunden sind beide über ein dünnes Kabel. Da der Lautsprecher kurz vor dem Trommelfell im Gehörgang sitzt, gibt es keine Übertragungsverluste. Durch die Trennung von Mikrofon und Lautsprecher ist das Gerät, das hinter dem Ohr getragen wird, weitaus kleiner als beim HdO. RIC-Geräte eignen sich für leichte bis hohe Hörverluste.\n \n \n\n \n \n\n \n \n Im-Ohr-Geräte (IO) werden im Gehörgang oder in der Ohrmuschel getragen. Die gesamte Technik befindet sich in dem Gehäuse, das mit einer individuelle Ohrabformung perfekt Ihrem Gehörgang angepasst wird. Dadurch haben IO-Geräte gute Übertragungseigenschaften ohne Klangeinbußen.\n \n
\n
\n\n Hier suchen Sie nach einem Pro Akustik Mitglied in Ihrer Nähe:\n \n
\n
\n\n Unseren Online-Shop besuchen Sie unter:\n \n
\n
\n https://proakustik-hoergeraete.de/produkte\n \n\n \n \n\n \n \n Sie möchten mehr erfahren? Für eine kostenlose und unverbindliche Beratung kontaktieren einen unserer kompetenten Pro Akustik Kollegen oder besuchen Sie unseren Online-Shop und stöbern Sie nach Ihrem Wunschgerät.\n
\n
\n Hier suchen Sie nach einem Pro Akustik Mitglied in Ihrer Nähe:\n
\n
\n Unseren Online-Shop besuchen Sie unter: www.proakustik-hoergeraete.de \n \n \n \n
\n )\n}\n\n/* PropTypes */\nOurProducts.propTypes = {}\n\nOurProducts.defaultProps = {}\n\n/* Local utility functions */\n\n/* Local Styled Components */\n\nconst SImage = styled.img`\n border-radius: 100%;\n border: 10px solid #FAFAFA;\n height: 300px;\n width: 300px;\n`\n\nconst SText = styled(Text)`\n margin: 0px !important;\n`\n\nexport default OurProducts\n","/* Global imports */\nimport React from 'react'\nimport { pickAll } from 'ramda'\nimport { Grid, Image, Responsive, GridColumn } from 'semantic-ui-react'\n\n/* Local imports */\nimport Text from 'Components/Text'\nimport Spacer from 'Components/Spacer'\nimport Separator from 'Components/Separator'\nimport useSession from 'Hooks/useSession'\n\n/* Component definition */\nconst ProfessionalInfo = () => {\n\n const { settings } = useSession()\n\n const professionalData= settings && pickAll([\n 'address',\n 'city',\n 'companyName',\n 'firstName',\n 'email',\n 'name',\n 'fax',\n 'phone',\n 'settings',\n 'zipCode',\n ])(settings)\n\n return (\n settings &&\n <>\n \n HdO-Geräte \n {\n active.includes(0) ?\n })
\n :\n \n }\n
\n \n :\n \n }\n \n
\n \n RIC-Geräte \n {\n active.includes(1) ?\n \n :\n \n }\n
\n \n :\n \n }\n \n
\n\n \n IO-Geräte \n {\n active.includes(2) ?\n \n :\n \n }\n
\n \n :\n \n }\n \n
\n\n \n
\n
\n
\n
\n
\n https://proakustik-hoergeraete.de/produkte\n
\n AO-Geräte \n {\n active.includes(3) ?\n \n :\n \n }\n
\n \n :\n \n }\n \n
\n Hier suchen Sie nach einem Pro Akustik Mitglied in Ihrer Nähe:\n
\n
\n Unseren Online-Shop besuchen Sie unter: www.proakustik-hoergeraete.de \n
\n
\n
\n
\n \n mainMenu.professionalSearch\n \n \n map.buttonText\n \n )}\n
\n )\n}\n\n/* PropTypes */\nProfessionalSearch.propTypes = {}\n\nProfessionalSearch.defaultProps = {}\n\n/* Local utility functions */\n\n/* Local Styled Components */\nconst MapPermissionsWrapper = styled.div`\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n padding: 30px;\n min-height: 400px;\n margin-top: 60px;\n`\n\nexport default ProfessionalSearch\n","/* Global imports */\nimport React from 'react'\n\n/* Local imports */\nimport Text from 'Components/Text'\nimport Separator from 'Components/Separator'\nimport Spacer from 'Components/Spacer'\n\n/* Component definition */\nconst Impressum = () => {\n return (\n \n
\n ) : (\n \n map.text \n map.textLink \n
\n \n mainMenu.impressum \n \n Verantwortlich für den Inhalt \n Pro Akustik Hörakustiker GmbH & Co KG \n \n
\n Königstraße 52
\n 30175 Hannover
\n Telefon 0511-388198 0
\n Telefax 0511-388198 15
\n info@proakustik.de\n
\n Geschäftsführer: Jan H.Wrocklage
\n Rg. Hannover HRA 25545
\n Umst.ID: DE 186186375\n
\n \n Haftung für Inhalte \n \n
\n Als Diensteanbieter sind wir gemäß § 7 Abs.1 TMG für eigene Inhalte auf diesen Seiten nach den allgemeinen Gesetzen verantwortlich. Nach §§ 8 bis 10 TMG sind wir als Diensteanbieter jedoch nicht verpflichtet, übermittelte oder gespeicherte fremde Informationen zu überwachen oder nach Umständen zu forschen, die auf eine rechtswidrige Tätigkeit hinweisen.\n
\n Verpflichtungen zur Entfernung oder Sperrung der Nutzung von Informationen nach den allgemeinen Gesetzen bleiben hiervon unberührt. Eine diesbezügliche Haftung ist jedoch erst ab dem Zeitpunkt der Kenntnis einer konkreten Rechtsverletzung möglich. Bei Bekanntwerden von entsprechenden Rechtsverletzungen werden wir diese Inhalte umgehend entfernen.\n
\n \n Haftung für Links \n \n
\n Unser Angebot enthält Links zu externen Websites Dritter, auf deren Inhalte wir keinen Einfluss haben. Deshalb können wir für diese fremden Inhalte auch keine Gewähr übernehmen. Für die Inhalte der verlinkten Seiten ist stets der jeweilige Anbieter oder Betreiber der Seiten verantwortlich. Die verlinkten Seiten wurden zum Zeitpunkt der Verlinkung auf mögliche Rechtsverstöße überprüft. Rechtswidrige Inhalte waren zum Zeitpunkt der Verlinkung nicht erkennbar.\n
\n Eine permanente inhaltliche Kontrolle der verlinkten Seiten ist jedoch ohne konkrete Anhaltspunkte einer Rechtsverletzung nicht zumutbar. Bei Bekanntwerden von Rechtsverletzungen werden wir derartige Links umgehend entfernen.\n
\n \n Urheberrecht \n \n
\n Die durch die Seitenbetreiber erstellten Inhalte und Werke auf diesen Seiten unterliegen dem deutschen Urheberrecht. Die Vervielfältigung, Bearbeitung, Verbreitung und jede Art der Verwertung außerhalb der Grenzen des Urheberrechtes bedürfen der schriftlichen Zustimmung des jeweiligen Autors bzw. Erstellers. Downloads und Kopien dieser Seite sind nur für den privaten, nicht kommerziellen Gebrauch gestattet.\n
\n Soweit die Inhalte auf dieser Seite nicht vom Betreiber erstellt wurden, werden die Urheberrechte Dritter beachtet. Insbesondere werden Inhalte Dritter als solche gekennzeichnet. Sollten Sie trotzdem auf eine Urheberrechtsverletzung aufmerksam werden, bitten wir um einen entsprechenden Hinweis. Bei Bekanntwerden von Rechtsverletzungen werden wir derartige Inhalte umgehend entfernen.\n
\n \n \n
\n )\n}\n\n/* PropTypes */\nImpressum.propTypes = {}\n\nImpressum.defaultProps = {}\n\n/* Local utility functions */\n\n/* Local Styled Components */\n\nexport default Impressum\n","/* Global imports */\nimport React from 'react'\nimport styled from 'styled-components'\n\n/* Local imports */\nimport Text from 'Components/Text'\nimport Separator from 'Components/Separator'\nimport Spacer from 'Components/Spacer'\n\n/* Component definition */\nconst DataProtection = () => {\n return (\n \n Königstraße 52
\n 30175 Hannover
\n Telefon 0511-388198 0
\n Telefax 0511-388198 15
\n info@proakustik.de\n
\n Geschäftsführer: Jan H.Wrocklage
\n Rg. Hannover HRA 25545
\n Umst.ID: DE 186186375\n
\n
\n Als Diensteanbieter sind wir gemäß § 7 Abs.1 TMG für eigene Inhalte auf diesen Seiten nach den allgemeinen Gesetzen verantwortlich. Nach §§ 8 bis 10 TMG sind wir als Diensteanbieter jedoch nicht verpflichtet, übermittelte oder gespeicherte fremde Informationen zu überwachen oder nach Umständen zu forschen, die auf eine rechtswidrige Tätigkeit hinweisen.\n
\n Verpflichtungen zur Entfernung oder Sperrung der Nutzung von Informationen nach den allgemeinen Gesetzen bleiben hiervon unberührt. Eine diesbezügliche Haftung ist jedoch erst ab dem Zeitpunkt der Kenntnis einer konkreten Rechtsverletzung möglich. Bei Bekanntwerden von entsprechenden Rechtsverletzungen werden wir diese Inhalte umgehend entfernen.\n
\n
\n Unser Angebot enthält Links zu externen Websites Dritter, auf deren Inhalte wir keinen Einfluss haben. Deshalb können wir für diese fremden Inhalte auch keine Gewähr übernehmen. Für die Inhalte der verlinkten Seiten ist stets der jeweilige Anbieter oder Betreiber der Seiten verantwortlich. Die verlinkten Seiten wurden zum Zeitpunkt der Verlinkung auf mögliche Rechtsverstöße überprüft. Rechtswidrige Inhalte waren zum Zeitpunkt der Verlinkung nicht erkennbar.\n
\n Eine permanente inhaltliche Kontrolle der verlinkten Seiten ist jedoch ohne konkrete Anhaltspunkte einer Rechtsverletzung nicht zumutbar. Bei Bekanntwerden von Rechtsverletzungen werden wir derartige Links umgehend entfernen.\n
\n
\n Die durch die Seitenbetreiber erstellten Inhalte und Werke auf diesen Seiten unterliegen dem deutschen Urheberrecht. Die Vervielfältigung, Bearbeitung, Verbreitung und jede Art der Verwertung außerhalb der Grenzen des Urheberrechtes bedürfen der schriftlichen Zustimmung des jeweiligen Autors bzw. Erstellers. Downloads und Kopien dieser Seite sind nur für den privaten, nicht kommerziellen Gebrauch gestattet.\n
\n Soweit die Inhalte auf dieser Seite nicht vom Betreiber erstellt wurden, werden die Urheberrechte Dritter beachtet. Insbesondere werden Inhalte Dritter als solche gekennzeichnet. Sollten Sie trotzdem auf eine Urheberrechtsverletzung aufmerksam werden, bitten wir um einen entsprechenden Hinweis. Bei Bekanntwerden von Rechtsverletzungen werden wir derartige Inhalte umgehend entfernen.\n
\n
\n mainMenu.dataProtection \n \n Datenschutzerklärung für mobile App - Pro Akustik Hörtraining \n \n
\n )\n}\n\n/* PropTypes */\nDataProtection.propTypes = {}\n\nDataProtection.defaultProps = {}\n\n/* Local utility functions */\n\n/* Local Styled Components */\nconst SBold = styled.span`\n font-weight: bold;\n`\nexport default DataProtection\n","/* Global imports */\nimport React, { useState } from 'react'\nimport { func, bool } from 'prop-types'\nimport { Menu, Image } from 'semantic-ui-react'\nimport { isNil } from 'crocks/predicates'\nimport ifElse from 'crocks/logic/ifElse'\nimport { withRouter } from 'react-router-dom'\nimport styled from 'styled-components'\n\n/* Local imports */\nimport * as ROUTES from 'Definitions/routes'\nimport Separator from 'Components/Separator'\nimport Text from 'Components/Text'\nimport useSession from 'Hooks/useSession'\n\n/* Component definition */\nconst MobileMenu = ({ history, onToggleMenu, menuItems }) => {\n const { logout, user, isPlus, setPlus, settings } = useSession()\n const [ activeItem, setActiveItem ] = useState()\n\n const onLogout = () => {\n logout()\n .then(console.log.bind(null, 'Logging out...'))\n .then(() => { \n history.push({\n pathname: ROUTES.LOGIN(),\n state: { isPlus }\n })\n setPlus(false)\n })\n }\n\n const goTo = (path, plus) => {\n setActiveItem(plus ? `${path}+`: path)\n onToggleMenu()\n history.push({ \n pathname: path, \n state: { isPlus: plus},\n })\n }\n\n return (\n \n )\n}\n\n/* PropTypes */\nMobileMenu.propTypes = {\n onToggleMenu: func,\n visible: bool,\n}\n\nMobileMenu.defaultProps = {}\n\n/* Local utility functions */\nconst renderSessionButton = (logout, goTo) => ifElse(\n isNil,\n () => (\n <>\n \n
\n
\n
\n
\n
\nNutzer
Die diese Anwendung verwendende Person, die, soweit nicht anders bestimmt, mit dem Betroffenen übereinstimmt.
\n Diese Anwendung erhebt personenbezogene Daten von ihren Nutzern.\n
\n Nutzer können unterschiedlichen Schutzstandards unterliegen, sodass für einige von ihnen umfassendere Standards anwendbar sein können. Näheres über die Schutzkriterien können Nutzer dem Abschnitt zur Anwendbarkeit entnehmen. Dieses Dokument kann zu Zwecken der Aufbewahrung über den Befehl „Drucken“ im Browser ausgedruckt werden.
Zusammenfassung der Datenschutzerklärung
\nPersonenbezogene Daten, die zu folgenden Zwecken und unter Verwendung folgender Dienste erhoben werden:
\n- \n
- \n
Beta-Tests \n Google Play Beta Testing\n
Personenbezogene Daten: Gerätelogs\n \n Plattform-Dienste und Hosting \n Apple App Store und Google Play Store\n
Personenbezogene Daten: Nutzungsdaten\n \n
\n
Vollständige Datenschutzerklärung
\n\n
Anbieter und Verantwortlicher
\n\n
Pro Akustik Hörakustiker GmbH & Co KG
Königstraße 52
30175 Hannover
Telefon 0511-388198 0
Telefax 0511-388198 15
info@proakustik.de
Arten der erhobenen Daten
\nZu den personenbezogenen Daten, die diese Anwendung selbstständig oder durch Dritte verarbeitet, gehören: Nutzungsdaten; Gerätelogs.
\nVollständige Details zu jeder Art von verarbeiteten personenbezogenen Daten werden in den dafür vorgesehenen Abschnitten dieser Datenschutzerklärung oder punktuell durch Erklärungstexte bereitgestellt, die vor der Datenerhebung angezeigt werden.
\nPersonenbezogene Daten können vom Nutzer freiwillig angegeben oder, im Falle von Nutzungsdaten, automatisch erhoben werden, wenn diese Anwendung genutzt wird.
\nSofern nicht anders angegeben, ist die Angabe aller durch diese Anwendung angeforderten Daten obligatorisch. Weigert sich der Nutzer, die Daten anzugeben, kann dies dazu führen, dass diese Anwendung dem Nutzer ihre Dienste nicht zur Verfügung stellen kann. In Fällen, in denen diese Anwendung die Angabe personenbezogener Daten ausdrücklich als freiwillig bezeichnet, dürfen sich die Nutzer dafür entscheiden, diese Daten ohne jegliche Folgen für die Verfügbarkeit oder die Funktionsfähigkeit des Dienstes nicht anzugeben.
\nNutzer, die sich darüber im Unklaren sind, welche personenbezogenen Daten obligatorisch sind, können sich an den Anbieter wenden.
\nJegliche Verwendung von Cookies – oder anderer Tracking-Tools – durch diese Anwendung oder Anbieter von Drittdiensten, die durch diese Anwendung eingesetzt werden, dient dem Zweck, den vom Nutzer gewünschten Dienst zu erbringen, und allen anderen Zwecken, die im vorliegenden Dokument und, falls vorhanden, in der Cookie-Richtlinie beschrieben sind.
\nDie Nutzer sind für alle personenbezogenen Daten Dritter verantwortlich, die durch diese Anwendung beschafft, veröffentlicht oder weitergegeben werden, und bestätigen, dass sie die Zustimmung zur Übermittlung personenbezogener Daten etwaiger Dritter an diese Anwendung eingeholt haben.
\nArt und Ort der Datenverarbeitung
\n\n
Verarbeitungsmethoden
\n\n
Der Anbieter verarbeitet die Nutzerdaten auf ordnungsgemäße Weise und ergreift angemessene Sicherheitsmaßnahmen, um den unbefugten Zugriff und die unbefugte Weiterleitung, Veränderung oder Vernichtung von Daten zu vermeiden.
\nDie Datenverarbeitung wird mittels Computern oder IT-basierten Systemen nach organisatorischen Verfahren und Verfahrensweisen durchgeführt, die gezielt auf die angegebenen Zwecke abstellen. Zusätzlich zum Verantwortlichen könnten auch andere Personen intern (Personalverwaltung, Vertrieb, Marketing, Rechtsabteilung, Systemadministratoren) oder extern – und in dem Fall soweit erforderlich, vom Verantwortlichen als Auftragsverarbeiter benannt (wie Anbieter technischer Dienstleistungen, Zustellunternehmen, Hosting-Anbieter, IT-Unternehmen oder Kommunikationsagenturen) – diese Anwendung betreiben und damit Zugriff auf die Daten haben. Eine aktuelle Liste dieser Beteiligten kann jederzeit vom Anbieter verlangt werden.
\nRechtsgrundlagen der Verarbeitung
\n\n
Der Anbieter darf personenbezogene Daten von Nutzern nur dann verarbeiten, wenn einer der folgenden Punkte zutrifft:
- Die Nutzer haben ihre Einwilligung für einen oder mehrere bestimmte Zwecke erteilt. Hinweis: In einigen Gesetzgebungen kann es dem Anbieter gestattet sein, personenbezogene Daten zu verarbeiten, bis der Nutzer einer solchen Verarbeitung widerspricht („Opt-out“), ohne sich auf die Einwilligung oder eine andere der folgenden Rechtsgrundlagen verlassen zu müssen. Dies gilt jedoch nicht, wenn die Verarbeitung personenbezogener Daten dem europäischen Datenschutzrecht unterliegt;
- die Datenerhebung ist für die Erfüllung eines Vertrages mit dem Nutzer und/oder für vorvertragliche Maßnahmen daraus erforderlich;
- die Verarbeitung ist für die Erfüllung einer rechtlichen Verpflichtung, der der Anbieter unterliegt, erforderlich;
- die Verarbeitung steht im Zusammenhang mit einer Aufgabe, die im öffentlichen Interesse oder in Ausübung hoheitlicher Befugnisse, die dem Anbieter übertragen wurden, durchgeführt wird;
- die Verarbeitung ist zur Wahrung der berechtigten Interessen des Anbieters oder eines Dritten erforderlich.
In jedem Fall erteilt der Anbieter gerne Auskunft über die konkrete Rechtsgrundlage, auf der die Verarbeitung beruht, insbesondere darüber, ob die Angabe personenbezogener Daten eine gesetzliche oder vertragliche Verpflichtung oder eine Voraussetzung für den Abschluss eines Vertrages ist.
\n
Ort
\nDie Daten werden in der Niederlassung des Anbieters und an allen anderen Orten, an denen sich die an der Datenverarbeitung beteiligten Stellen befinden, verarbeitet.
Je nach Standort der Nutzer können Datenübertragungen die Übertragung der Daten des Nutzers in ein anderes Land als das eigene beinhalten. Um mehr über den Ort der Verarbeitung der übermittelten Daten zu erfahren, können die Nutzer den Abschnitt mit den ausführlichen Angaben zur Verarbeitung der personenbezogenen Daten konsultieren.
Wenn umfassendere Standards anwendbar sind, gilt zusätzlich Folgendes:
Die Nutzer haben auch das Recht, sich über die Rechtsgrundlage der Datenübermittlung in ein Land außerhalb der Europäischen Union oder an eine internationale Organisation, die dem Völkerrecht unterliegt oder von zwei oder mehr Ländern gegründet wurde, wie beispielsweise die UNO, sowie sich über die vom Anbieter ergriffenen Sicherheitsmaßnahmen zum Schutz ihrer Daten aufklären zu lassen.
Wenn eine solche Übermittlung stattfindet, kann der Nutzer mehr darüber erfahren, indem er die entsprechenden Abschnitte dieses Dokuments überprüft oder sich mit dem Anbieter über die im Kontaktteil angegebenen Informationen in Verbindung setzt.
\n
Speicherdauer
\nPersonenbezogene Daten werden so lange verarbeitet und gespeichert, wie es der Zweck erfordert, zu dem sie erhoben wurden.
Daher gilt:
- Personenbezogene Daten, die zu Zwecken der Erfüllung eines zwischen dem Anbieter und dem Nutzer geschlossenen Vertrages erhoben werden, werden bis zur vollständigen Erfüllung dieses Vertrages gespeichert.
- Personenbezogene Daten, die zur Wahrung der berechtigten Interessen des Anbieters erhoben werden, werden so lange aufbewahrt, wie es zur Erfüllung dieser Zwecke erforderlich ist. Nutzer können nähere Informationen über die berechtigten Interessen des Anbieters in den entsprechenden Abschnitten dieses Dokuments oder durch Kontaktaufnahme zum Anbieter erhalten.
Darüber hinaus ist es dem Anbieter gestattet, personenbezogene Daten für einen längeren Zeitraum zu speichern, wenn der Nutzer in eine solche Verarbeitung eingewilligt hat, solange die Einwilligung nicht widerrufen wird. Darüber hinaus kann der Anbieter verpflichtet sein, personenbezogene Daten für einen längeren Zeitraum aufzubewahren, wenn dies zur Erfüllung einer gesetzlichen Verpflichtung oder auf Anordnung einer Behörde erforderlich ist.
Nach Ablauf der Aufbewahrungsfrist werden personenbezogene Daten gelöscht. Daher können das Auskunftsrecht, das Recht auf Löschung, das Recht auf Berichtigung und das Recht auf Datenübertragbarkeit nach Ablauf der Aufbewahrungsfrist nicht geltend gemacht werden.
Zwecke der Verarbeitung
Personenbezogene Daten über den Nutzer werden erhoben, damit der Anbieter den Dienst erbringen und des Weiteren seinen gesetzlichen Verpflichtungen nachkommen, auf Durchsetzungsforderungen reagieren, seine Rechte und Interessen (oder die der Nutzer oder Dritter) schützen, böswillige oder betrügerische Aktivitäten aufdecken kann. Darüber hinaus werden Daten zu folgenden Zwecken erhoben: Plattform-Dienste und Hosting, Beta-Tests und Registrierung und Anmeldung.
Nutzer können in den entsprechenden Abschnitten dieses Dokuments weitere detaillierte Informationen zu diesen Verarbeitungszwecken und die zu den für den jeweiligen Zweck verwendeten personenbezogenen Daten vorfinden.
Ausführliche Angaben über die Verarbeitung personenbezogener Daten
Personenbezogene Daten werden zu folgenden Zwecken unter Inanspruchnahme folgender Dienstleistungen erhoben:
Beta-Tests Diese Art von Diensten ermöglicht es, den Nutzerzugriff auf diese Anwendung oder Teile davon zu verwalten, um eine bestimmte Funktion oder die gesamte Anwendung zu testen.
Der Dienstanbieter kann automatisch Daten über Abstürze und Statistiken im Zusammenhang mit der Nutzung von dieser Anwendung (diese Anwendung) durch den Nutzer in einer persönlich identifizierbaren Form sammeln.Google Play Beta Testing (Google Ireland Limited)
Verarbeitete personenbezogene Daten: Gerätelogs.
Plattform-Dienste und Hosting
Diese Dienste haben den Zweck, Hauptkomponenten der Applikation für diese Anwendung zu hosten und zu betreiben, damit diese Anwendung aus einer einheitlichen Platform angeboten werden kann. Solche Plattformen stellen dem Anbieter eine ganze Reihe von Werkzeugen zur Verfügung – zum Beispiel Analyse- und Kommentarfunktionen, Nutzer- und Datenbankverwaltung, E-Commerce und Zahlungsabwicklung – welche die Verarbeitung von personenbezogenen Daten beinhalten.
Einige dieser Dienste arbeiten mit geografisch verteilten Servern, so dass es schwierig ist, den Ort zu bestimmen, an dem die personenbezogenen Daten gespeichert sind.
\n
Apple App Store (Apple Inc.)
\nDiese Anwendung wird im App Store von Apple vertrieben, einer Plattform für den Vertrieb mobiler Anwendungen, die von Apple Inc. bereitgestellt wird.
Dadurch, dass diese Anwendung über diesen Kanal verteilt wird, erhebt Apple grundlegende Nutzungsstatistiken und stellt Berichtsfunktionen zur Verfügung, die es dem Anbieter ermöglichen, Nutzungsstatistiken anzuzeigen und die Leistungsdaten dieser Anwendung (diese Anwendung) zu messen.
Ein Großteil dieser Informationen wird auf Opt-in-Basis verarbeitet.
Nutzer können diese Analysefunktion direkt über ihre Geräteeinstellungen deaktivieren. Weitere Informationen zur Verwaltung der Analyseeinstellungen findet der Nutzer auf dieser Seite.
Verarbeitete personenbezogene Daten: Nutzungsdaten.
Verarbeitungsort: Vereinigte Staaten
Datenschutzerklärung. Privacy Shield-Mitglied.
Google Play Store (Google Ireland Limited)
Diese Anwendung wird im Google Play Store vertrieben, einer Plattform für den Vertrieb von mobilen Apps, die von Google Ireland Limited bereitgestellt wird.
Dadurch, dass diese Anwendung über diesen Kanal verteilt wird, erhebt Google Nutzungs- und Diagnoseinformationen und teilt diese mit dem Anbieter. Ein Großteil dieser Informationen wird auf Opt-in-Basis verarbeitet.
Nutzer können diese Analysefunktion direkt über ihre Geräteeinstellungen deaktivieren. Weitere Informationen zur Verwaltung der Analyseeinstellungen findet der Nutzer auf dieser Seite.
Verarbeitete personenbezogene Daten: Nutzungsdaten.
Verarbeitungsort: Irland
Datenschutzerklärung. Privacy Shield-Mitglied.
Die Rechte der Nutzer
Die Nutzer können bestimmte Rechte in Bezug auf ihre vom Anbieter verarbeiteten Daten ausüben.
Nutzer, die Anspruch auf umfassendere Standards haben, können alle nachstehend beschriebenen Rechte ausüben. In allen anderen Fällen kann sich der Nutzer beim Anbieter erkundigen, welche Rechte für ihn gelten.
Nutzer haben insbesondere das Recht, Folgendes zu tun:
Die Einwilligungen jederzeit widerrufen. Hat der Nutzer zuvor in die Verarbeitung personenbezogener Daten eingewilligt, so kann er die eigene Einwilligung jederzeit widerrufen.Widerspruch gegen die Verarbeitung ihrer Daten einlegen. Der Nutzer hat das Recht, der Verarbeitung seiner Daten zu widersprechen, wenn die Verarbeitung auf einer anderen Rechtsgrundlage als der Einwilligung erfolgt. Weitere Informationen hierzu sind weiter unten aufgeführt.Auskunft bezüglich ihrer Daten erhalten. Der Nutzer hat das Recht zu erfahren, ob die Daten vom Anbieter verarbeitet werden, über einzelne Aspekte der Verarbeitung Auskunft zu erhalten und eine Kopie der Daten zu erhalten.Überprüfen und berichtigen lassen. Der Nutzer hat das Recht, die Richtigkeit seiner Daten zu überprüfen und deren Aktualisierung oder Berichtigung zu verlangen.Einschränkung der Verarbeitung ihrer Daten verlangen. Die Nutzer haben das Recht, unter bestimmten Umständen die Verarbeitung ihrer Daten einzuschränken. In diesem Fall wird der Anbieter die Daten zu keinem anderen Zweck als der Speicherung verarbeiten.Löschung oder anderweitiges Entfernen der personenbezogenen Daten verlangen. Die Nutzer haben unter bestimmten Umständen das Recht, die Löschung ihrer Daten vom Anbieter zu verlangen.Ihre Daten erhalten und an einen anderen Verantwortlichen übertragen lassen. Der Nutzer hat das Recht, seine Daten in einem strukturierten, gängigen und maschinenlesbaren Format zu erhalten und, sofern technisch möglich, ungehindert an einen anderen Verantwortlichen übermitteln zu lassen. Diese Bestimmung ist anwendbar, sofern die Daten automatisiert verarbeitet werden und die Verarbeitung auf der Zustimmung des Nutzers, auf einem Vertrag, an dem der Nutzer beteiligt ist, oder auf vorvertraglichen Verpflichtungen beruht.Beschwerde einreichen. Die Nutzer haben das Recht, eine Beschwerde bei der zuständigen Aufsichtsbehörde einzureichen.
\n
Details zum Widerspruchsrecht bezüglich der Verarbeitung
\nWerden personenbezogene Daten im öffentlichen Interesse, in Ausübung eines dem Anbieter übertragenen hoheitlichen Befugnisses oder zur Wahrung der berechtigten Interessen des Anbieters verarbeitet, kann der Nutzer dieser Verarbeitung widersprechen, indem er einen Rechtfertigungsgrund angibt, der sich auf seine besondere Situation bezieht.
Nutzer werden darüber informiert, dass sie der Verarbeitung der personenbezogenen Daten für Direktwerbung jederzeit ohne Angabe von Gründen widersprechen können. Ob der Anbieter personenbezogene Daten für Direktwerbungszwecke verarbeitet, können die Nutzer den entsprechenden Abschnitten dieses Dokuments entnehmen.
Wie die Rechte ausgeübt werden können
Alle Anfragen zur Ausübung der Nutzerrechte können über die in diesem Dokument angegebenen Kontaktdaten an den Anbieter gerichtet werden. Anträge können kostenlos ausgeübt werden und werden vom Anbieter so früh wie möglich, spätestens innerhalb eines Monats, bearbeitet.
Anwendbarkeit umfassenderer Standards
Während die meisten Bestimmungen dieses Dokuments alle Nutzer betreffen, gelten einige Bestimmungen ausdrücklich nur, wenn die Verarbeitung personenbezogener Daten umfassenderen Schutzstandards unterliegt.
Solche umfassendere Standards sind anwendbar wenn die Verarbeitung:
- von einem in der EU niedergelassenen Anbieter durchgeführt wird;
- sich auf die personenbezogenen Daten von Nutzern bezieht, die sich in der EU befinden und gleichzeitig das Angebot von bezahlten oder unbezahlten Waren oder Dienstleistungen an diese Nutzer betrifft;
- die personenbezogenen Daten von Nutzern, die sich in der EU befinden, betrifft und es dem Anbieter ermöglicht, das Verhalten dieser Nutzer in der EU zu überwachen.
Weitere Informationen über die Erhebung und Verarbeitung von Daten
Rechtliche Maßnahmen
Die personenbezogenen Daten des Nutzers können vom Anbieter zu Zwecken der Rechtsdurchsetzung innerhalb oder in Vorbereitung gerichtlicher Verfahren verarbeitet werden, die sich daraus ergeben, dass diese Anwendung oder die dazugehörigen Dienste nicht ordnungsgemäß genutzt wurden.
Der Nutzer erklärt, sich dessen bewusst zu sein, dass der Anbieter von den Behörden zur Herausgabe von personenbezogenen Daten verpflichtet werden könnte.
Weitere Informationen über die personenbezogenen Daten des Nutzers
Zusätzlich zu den in dieser Datenschutzerklärung aufgeführten Informationen kann diese Anwendung dem Nutzer auf Anfrage weitere kontextbezogene Informationen zur Verfügung stellen, die sich auf bestimmte Dienste oder auf die Erhebung und Verarbeitung personenbezogener Daten beziehen.
Systemprotokolle und Wartung
Diese Anwendung und die Dienste von Drittanbietern können zu Betriebs- und Wartungszwecken Dateien sammeln, die die über diese Anwendung stattfindende Interaktion aufzeichnen (Systemprotokolle), oder andere personenbezogene Daten (z. B. IP-Adresse) zu diesem Zweck verwenden.
Nicht in dieser Datenschutzerklärung enthaltene Informationen
Weitere Informationen über die Erhebung oder Verarbeitung personenbezogener Daten können jederzeit vom Anbieter über die aufgeführten Kontaktangaben angefordert werden.
Wie „Do Not Track“ Anfragen behandelt werden
Diese Anwendung unterstützt keine Nicht-Verfolgen-Anfragen (\"Do Not Track\") durch Webbrowser.
Die Information, ob integrierte Drittdienste das Nicht-Verfolgen Protokoll unterstützen, entnehmen Nutzer der Datenschutzerklärung des jeweiligen Dienstes.
Änderungen dieser Datenschutzerklärung
Der Anbieter behält sich vor, jederzeit Änderungen an dieser Datenschutzerklärung vorzunehmen, indem Nutzer auf dieser Seite und gegebenenfalls über diese Anwendung und/oder – soweit technisch und rechtlich möglich – durch das Versenden einer Mitteilung über dem Anbieter vorliegende Kontaktdaten der Nutzer informiert werden. Nutzern wird daher nahe gelegt, diese Seite regelmäßig aufzurufen und insbesondere das am Seitenende angegebene Datum der letzten Änderung zu prüfen.
Soweit Änderungen eine auf der Einwilligung des Nutzers basierte Datennutzung betreffen, so wird der Anbieter – soweit erforderlich – eine neue Einwilligung einholen.
Begriffsbestimmungen und rechtliche Hinweise
Personenbezogene Daten (oder Daten)
Alle Informationen, durch die direkt oder in Verbindung mit weiteren Informationen die Identität einer natürlichen Person bestimmt wird oder werden kann.
Nutzungsdaten
Informationen, die diese Anwendung (oder Dienste Dritter, die diese Anwendung in Anspruch nimmt), automatisch erhebt, z. B.: die IP-Adressen oder Domain-Namen der Computer von Nutzern, die diese Anwendung verwenden, die URI-Adressen (Uniform Resource Identifier), den Zeitpunkt der Anfrage, die Methode, die für die Übersendung der Anfrage an den Server verwendet wurde, die Größe der empfangenen Antwort-Datei, der Zahlencode, der den Status der Server-Antwort anzeigt (erfolgreiches Ergebnis, Fehler etc.), das Herkunftsland, die Funktionen des vom Nutzer verwendeten Browsers und Betriebssystems, die diversen Zeitangaben pro Aufruf (z. B. wie viel Zeit auf jeder Seite der Anwendung verbracht wurde) und Angaben über den Pfad, dem innerhalb einer Anwendung gefolgt wurde, insbesondere die Reihenfolge der besuchten Seiten, sowie sonstige Informationen über das Betriebssystem des Geräts und/oder die IT-Umgebung des Nutzers.
Nutzer
Die diese Anwendung verwendende Person, die, soweit nicht anders bestimmt, mit dem Betroffenen übereinstimmt.Betroffener
Die natürliche Person, auf die sich die personenbezogenen Daten beziehen.
Auftragsverarbeiter (oder Datenverarbeiter)
Natürliche oder juristische Person, Behörde, Einrichtung oder andere Stelle, die personenbezogene Daten im Auftrag des Verantwortlichen verarbeitet, wie in dieser Datenschutzerklärung beschrieben.
Verantwortlicher (oder Anbieter, teilweise auch Eigentümer)
Die natürliche oder juristische Person, Behörde, Einrichtung oder andere Stelle, die allein oder gemeinsam mit anderen über die Zwecke und Mittel der Verarbeitung personenbezogener Daten sowie die hierfür verwendeten Mittel entscheidet, einschließlich der Sicherheitsmaßnahmen bezüglich des sich auf diese Anwendung beziehenden Betriebs und der Nutzung. Soweit nichts anderes angegeben ist, ist der Verantwortliche die natürliche oder juristische Person, über welche diese Anwendung angeboten wird.
Diese Anwendung
Das Hardware- oder Software-Tool, mit dem die personenbezogenen Daten des Nutzers erhoben und verarbeitet werden.
Dienst
Der durch diese Anwendung angebotene Dienst, wie in den entsprechenden Nutzungsbedingungen (falls vorhanden) und auf dieser Seite/Anwendung beschrieben.
Europäische Union (oder EU)
Sofern nicht anders angegeben, beziehen sich alle Verweise in diesem Dokument auf die Europäische Union auf alle derzeitigen Mitgliedstaaten der Europäischen Union und den Europäischen Wirtschaftsraum (EWR).
Rechtlicher Hinweis
Diese Datenschutzeklärung wurde auf der Grundlage von Bestimmungen verschiedener Gesetzgebungen verfasst, einschließlich Art. 13/14 der Verordnung (EU) 2016/679 (Datenschutz-Grundverordnung).
Diese Datenschutzerklärung bezieht sich ausschließlich auf diese Anwendung, sofern in diesem Dokument nicht anders angegeben.
\n\n Datenschutz | Impressum\n
\n})\n\n/* Component definition */\nconst Routes = (props) => {\n const { fontSizeFactor } = useStyles()\n const [menuOpen, setMenuOpen] = useState(false)\n\n return (\n <>\n \n \n bool ? setMenuOpen(false) : setMenuOpen(!menuOpen)}\n menuItems={menu}\n visible={menuOpen}\n />\n {\n menuOpen ?\n setMenuOpen(!menuOpen)}\n menuItems={mobileMenu}\n /> :\n \n \n { routes.map(({ protect, ...props }) => protect ? \n \n }\n
\n \n cookies.title \n \n \n
\n \n writeCookie(false)}\n secondary\n toggle\n >\n cookies.buttons.acceptSelected\n \n writeCookie(true)}\n toggle\n primary\n >\n cookies.buttons.acceptAll\n \n
\n