{"id":6,"date":"2026-08-20T14:56:42","date_gmt":"2026-08-20T14:56:42","guid":{"rendered":"https:\/\/ueb1.de\/?page_id=6"},"modified":"2026-11-13T18:30:03","modified_gmt":"2026-11-13T18:30:03","slug":"ub1-uber-b1","status":"publish","type":"page","link":"https:\/\/ueb1.de\/","title":{"rendered":"Mit \u00dcB1 \u00fcber B1"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<p class=\"wp-block-paragraph\" style=\"font-size:20px\">Bist du B1?<br>Oder nicht ganz?\u2028<br>Oder doch \u2013 also, auf dem Papier schon, aber irgendwie \u2026\u2028<br>HIER GEHT\u2019S RICHTIG \u00dcBER B1<\/p>\n\n\n\n<figure class=\"wp-block-video\"><video controls src=\"https:\/\/w3schools.com\"><\/video><\/figure>\n\n\n\n<style data-wp-block-html=\"css\">\n\/* --- 1. FIXED DESIGN-GR\u00d6SSEN (EXAKT ANGEPASST AN DEINEN TEXT OBEN) --- *\/\n.quiz-container,\n.quiz-container p,\n.quiz-container span,\n.quiz-container label,\n.quiz-container div,\n.quiz-option span,\n.loesung-text-highlight,\n.loesung-text-sub,\n.grid-col p {\n  font-family: inherit !important; \/* Nutzt deine exakte Astra-Schriftart *\/\n  font-size: 20px !important;      \/* FESTE GR\u00d6SSE: Exakt so gro\u00df wie dein Text vor dem Video! *\/\n  font-weight: 400 !important;     \/* Absolut schlanker Text ohne Fettschrift *\/\n  color: #000000 !important;\n}\n\n.quiz-container { margin-bottom: 40px; }\n\n\/* Vertikale Abst\u00e4nde f\u00fcr das Layout *\/\n.quiz-question, \n.quiz-intertext,\n.loesung-text-highlight,\n.loesung-text-sub { \n  line-height: 1.5 !important;\n  margin-top: 15px !important;\n  margin-bottom: 15px !important; \n}\n\n\/* Quiz-Antwortoptionen und Klick-Kreise *\/\n.quiz-options { display: flex; flex-direction: column; gap: 12px; margin-bottom: 25px; margin-top: 10px; }\n.quiz-option-row { display: flex; align-items: center; }\n.quiz-option { display: flex; align-items: center; cursor: pointer; width: 100%; }\n\n.quiz-option input[type=\"radio\"] { \n  margin-right: 14px !important; \n  transform: scale(1.3) !important; \/* Klick-Kreise perfekt passend zur neuen Textgr\u00f6\u00dfe *\/\n  cursor: pointer !important;\n}\n\n\/* --- 2. DIE \u00dcBERSCHRIFTEN DER AUFKLAPP-BOXEN (SUMMARY) --- *\/\n.quiz-container details summary {\n  font-family: inherit !important;\n  font-size: 22px !important;    \/* Minimal angehoben, damit es sich als Box-Titel sauber abhebt *\/\n  font-weight: 400 !important;     \/* Garantiert nicht fett gedruckt! *\/\n  display: flex !important;       \n  align-items: center !important;  \n  cursor: pointer !important;\n  margin-top: 25px !important;\n  margin-bottom: 12px !important;\n  list-style: none !important;     \n}\n\n\/* Blendet den kleinen schwarzen Safari-Pfeil restlos aus *\/\n.quiz-container details summary::-webkit-details-marker,\n.quiz-container details summary::marker {\n  display: none !important;\n}\n\n\/* DIE WACKELNDEN H\u00c4NDE IN DEN BOXEN *\/\n.quiz-container details summary .profi-quiz-hand {\n  display: inline-block !important;\n  margin-right: 12px !important;\n  font-size: 28px !important;   \/* Angenehm sichtbar, passend zum feinen Text *\/\n  vertical-align: middle !important;\n  animation: hand-stoss-2d 1.2s ease-in-out infinite !important;\n}\n\n.quiz-container details[open] > summary .profi-quiz-hand {\n  display: none !important;\n}\n\n\/* --- 3. DAS GE\u00d6FFNETE INFO-GRID (WAS, WIE, WIEVIEL) --- *\/\n.info-grid { \n  display: grid; \n  grid-template-columns: repeat(3, 1fr); \n  gap: 25px; \n  margin-top: 20px; \n  margin-bottom: 15px;\n}\n\n\/* Spalten-Titel (WAS, WIE, WIEVIEL) *\/\n.grid-col h3 { \n  font-family: inherit !important;\n  font-size: 20px !important;     \/* Exakt dieselbe Gr\u00f6\u00dfe wie dein Flie\u00dftext *\/\n  letter-spacing: 1px; \n  margin-bottom: 8px !important; \n  color: #334155 !important; \n  font-weight: 400 !important;\n}\n\n@media (max-width: 600px) { \n  .info-grid { grid-template-columns: 1fr; gap: 20px; } \n}\n\n\/* Feedback-H\u00e4kchen im Quiz *\/\n.feedback-icon { font-size: 1.3rem !important; flex-shrink: 0; vertical-align: middle !important; }\n#fb-correct { font-size: 1.5rem !important; }\n\n\/* --- 4. DESIGN F\u00dcR DEN ROTEN BUTTON (CTA) --- *\/\n.profi-cta-container {\n  width: 100% !important;\n  margin-top: 35px !important;\n  margin-bottom: 20px !important;\n  display: flex !important;\n  justify-content: center !important;\n}\n\n.profi-cta-button {\n  display: flex !important;\n  justify-content: center !important;\n  align-items: center !important;\n  text-align: center !important;\n  width: 100% !important;\n  max-width: 100% !important;\n  background-color: #b63627 !important; \n  color: #ffffff !important;\n  text-decoration: none !important;\n  font-family: inherit !important;\n  font-size: 20px !important;      \/* EXAKT DIE GLEICHE SCHRIFTGR\u00d6SSE WIE DEIN FLIESSTEXT! *\/\n  font-weight: 400 !important;     \/* Komplett schlank und elegant eingef\u00fcgt *\/\n  padding: 14px 24px !important;\n  border-radius: 8px !important;\n  box-sizing: border-box !important;\n  line-height: 1.4 !important;\n}\n\n\/* Die wackelnde Hand im Button *\/\n.profi-cta-button::before {\n  content: \"\ud83d\udc49\" !important;\n  display: inline-block !important;\n  margin-right: 14px !important;\n  font-size: 28px !important; \n  vertical-align: middle !important;\n  flex-shrink: 0 !important;\n  animation: hand-stoss-2d 1.2s ease-in-out infinite !important;\n}\n\n\/* --- 5. DIE ANIMATIONS-LOGIK --- *\/\n@keyframes hand-stoss-2d {\n  0%, 100% { transform: translateX(0); }\n  50% { transform: translateX(6px); }\n}\n<\/style>\n\n<script data-wp-block-html=\"js\">\nfunction initQuiz() {\n  const loesungBlock = document.getElementById(\"details-loesung\");\n  const optionsWrapper = document.getElementById(\"quiz-options-wrapper\");\n  \n  if (!loesungBlock || !optionsWrapper) return;\n\n  loesungBlock.addEventListener('toggle', function() {\n    if (loesungBlock.open) {\n      const selectedOption = document.querySelector('input[name=\"www-quiz\"]:checked');\n      \n      if (selectedOption) {\n        optionsWrapper.style.pointerEvents = \"none\";\n\n        const feedbackId = \"fb-\" + selectedOption.value;\n        const targetFeedback = document.getElementById(feedbackId);\n        if (targetFeedback) {\n          targetFeedback.style.display = 'inline-block';\n        }\n\n        setTimeout(function() {\n          selectedOption.checked = false;\n          document.querySelectorAll('.feedback-icon').forEach(fb => fb.style.display = 'none');\n          optionsWrapper.style.pointerEvents = \"auto\";\n        }, 5000);\n\n      } else {\n        alert(\"Bitte w\u00e4hle zuerst eine Antwortm\u00f6glichkeit aus!\");\n        loesungBlock.open = false;\n      }\n    }\n  });\n\n  const radioButtons = document.querySelectorAll('input[name=\"www-quiz\"]');\n  radioButtons.forEach(radio => {\n    radio.addEventListener('change', function() {\n      document.querySelectorAll('.feedback-icon').forEach(fb => fb.style.display = 'none');\n    });\n  });\n}\n\nif (document.readyState === \"loading\") {\n  document.addEventListener(\"DOMContentLoaded\", initQuiz);\n} else {\n  initQuiz();\n}\n<\/script>\n\n<div class=\"quiz-container\">\n  <details class=\"accordion-block main-loesung\">\n    <summary>\n      <span class=\"profi-quiz-hand\">\ud83d\udc49<\/span>Sprachen sind meine Welt&#8230;\n    <\/summary>\n    <div class=\"accordion-content normal-text-block\">\n      <p>\u00dcbersetzer, Dolmetscher, Spezialist f\u00fcr Deutsch als Fremdsprache \u2013 das bin ich durch und durch.<\/p>\n      <p>Seit vielen Jahren helfe ich Menschen in deiner Situation.<\/p>\n      <p>Grammatik, Wortschatz und Sprechen? Kein Problem. <\/p> \n     <p> Ich mache schwer leicht. <br> Ich mache kompliziert logisch.<br>\n      Ich mache unsicher sicher\u2026<br>\n      \u2026 und falsch richtig!<\/p>\n      <p>Mit \u00dcB1 kommst du WIRKLICH \u00fcber B1.<br>\n      Ich zeige dir den Weg dahin.<\/p>\n    <\/div>\n  <\/details>\n<\/div>\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"quiz-container\">\n  <p class=\"quiz-question\">Wir starten direkt mit einem Mini-Quiz. Nur EINE Frage. Bist du bereit? Na, los! Also dann: Was bedeutet WWW?<\/p>\n  \n  <div class=\"quiz-options\" id=\"quiz-options-wrapper\">\n    <div class=\"quiz-option-row\">\n      <label class=\"quiz-option\">\n        <input type=\"radio\" name=\"www-quiz\" value=\"wrong1\">\n        <span>Internationale Wrestling-Competition<\/span>\n      <\/label>\n      <span class=\"feedback-icon\" id=\"fb-wrong1\" style=\"display: none; margin-left: 12px;\">\u274c<\/span>\n    <\/div>\n    \n    <div class=\"quiz-option-row\">\n      <label class=\"quiz-option\">\n        <input type=\"radio\" name=\"www-quiz\" value=\"wrong2\">\n        <span>Fu\u00dfball-Weltmeisterschaft<\/span>\n      <\/label>\n      <span class=\"feedback-icon\" id=\"fb-wrong2\" style=\"display: none; margin-left: 12px;\">\u274c<\/span>\n    <\/div>\n    \n    <div class=\"quiz-option-row\">\n      <label class=\"quiz-option\">\n        <input type=\"radio\" name=\"www-quiz\" value=\"wrong3\">\n        <span>World Wide Web<\/span>\n      <\/label>\n      <span class=\"feedback-icon\" id=\"fb-wrong3\" style=\"display: none; margin-left: 12px;\">\u274c<\/span>\n    <\/div>\n    \n    <div class=\"quiz-option-row\">\n      <label class=\"quiz-option\">\n        <input type=\"radio\" name=\"www-quiz\" value=\"correct\">\n        <span>\u00dcB1 in drei Fragen<\/span>\n      <\/label>\n      <span class=\"feedback-icon\" id=\"fb-correct\" style=\"display: none; margin-left: 12px;\">\u2705<\/span>\n    <\/div>\n  <\/div>\n\n  <p class=\"quiz-intertext\">Und? Ist deine Antwort richtig?<\/p>\n\n  <details class=\"accordion-block main-loesung\" id=\"details-loesung\">\n    <summary>\n      <span class=\"profi-quiz-hand\">\ud83d\udc49<\/span>L\u00f6sung\n    <\/summary>\n    <div class=\"accordion-content\">\n      <p class=\"loesung-text-highlight\">Richtig war: \u201e\u00dcB1 in drei Fragen\u201c, also: Was? Wie? und Wieviel?<\/p>\n      <p class=\"loesung-text-sub\">Du hast mitgespielt? Toll! Als Dankesch\u00f6n wartet dein kostenloser Platz im ersten Live-Webinar auf dich.<\/p>\n      \n      <details class=\"accordion-block sub-info\" style=\"margin-top: 30px;\">\n        <summary>\n          <span class=\"profi-quiz-hand\">\ud83d\udc49<\/span>Was, Wie, Wieviel&#8230; Informieren\n        <\/summary>\n        <div class=\"accordion-content info-grid\">\n          <div class=\"grid-col\">\n            <h3>WAS<\/h3>\n            <p>Ein Monat online-Pass to 4 x 120 Min. Webinaren pro Woche<\/p>\n          <\/div>\n          <div class=\"grid-col\">\n            <h3>WIE<\/h3>\n            <p>Einstufen, registrieren, zum Webinar kommen &#8230; und \u00fcber B1 kommen<\/p>\n          <\/div>\n          <div class=\"grid-col\">\n            <h3>WIEVIEL?<\/h3>\n            <p>100 \u20ac \/ Monat. Ohne Blabla<\/p>\n          <\/div>\n        <\/div>\n      <\/details>\n    <\/div>\n  <\/details>\n<\/div>\n\n<script>\nfunction initQuiz() {\n  const loesungBlock = document.getElementById(\"details-loesung\");\n  const optionsWrapper = document.getElementById(\"quiz-options-wrapper\");\n  if (!loesungBlock || !optionsWrapper) return;\n\n  loesungBlock.addEventListener('toggle', function() {\n    if (loesungBlock.open) {\n      const selectedOption = document.querySelector('input[name=\"www-quiz\"]:checked');\n      if (selectedOption) {\n        optionsWrapper.style.pointerEvents = \"none\";\n        const feedbackId = \"fb-\" + selectedOption.value;\n        const targetFeedback = document.getElementById(feedbackId);\n        if (targetFeedback) {\n          targetFeedback.style.display = 'inline-block';\n        }\n        setTimeout(function() {\n          selectedOption.checked = false;\n          document.querySelectorAll('.feedback-icon').forEach(fb => fb.style.display = 'none');\n          optionsWrapper.style.pointerEvents = \"auto\";\n        }, 5000);\n      } else {\n        alert(\"Bitte w\u00e4hle zuerst eine Antwortm\u00f6glichkeit aus!\");\n        loesungBlock.open = false;\n      }\n    }\n  });\n\n  const radioButtons = document.querySelectorAll('input[name=\"www-quiz\"]');\n  radioButtons.forEach(radio => {\n    radio.addEventListener('change', function() {\n      document.querySelectorAll('.feedback-icon').forEach(fb => fb.style.display = 'none');\n    });\n  });\n}\n\nif (document.readyState === \"loading\") {\n  document.addEventListener(\"DOMContentLoaded\", initQuiz);\n} else {\n  initQuiz();\n}\n<\/script>\n\n\n\n<div class=\"wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex\">\n<div style=\"--wp--block-button--width: 100;\" class=\"wp-block-button has-custom-width wp-block-button__width wp-block-button__width-100\"><a class=\"wp-block-button__link has-ast-global-color-4-color has-text-color has-background has-link-color has-custom-font-size wp-element-button\" style=\"background-color:#b63627;font-size:20px\"><code>Jetzt Platz<\/code><br>kostenlos sichern<\/a><\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Bist du B1?Oder nicht ganz?\u2028Oder doch \u2013 also, auf dem Papier schon, aber irgendwie \u2026\u2028HIER GEHT\u2019S RICHTIG \u00dcBER B1 \ud83d\udc49Sprachen [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"inline_featured_image":false,"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"disabled","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-6","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/ueb1.de\/index.php?rest_route=\/wp\/v2\/pages\/6","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ueb1.de\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ueb1.de\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ueb1.de\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ueb1.de\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=6"}],"version-history":[{"count":97,"href":"https:\/\/ueb1.de\/index.php?rest_route=\/wp\/v2\/pages\/6\/revisions"}],"predecessor-version":[{"id":203,"href":"https:\/\/ueb1.de\/index.php?rest_route=\/wp\/v2\/pages\/6\/revisions\/203"}],"wp:attachment":[{"href":"https:\/\/ueb1.de\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=6"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}