Language school Berlin - Learn German at speakeasy

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Language school Berlin - Learn German at speakeasy</title> <meta name="description" content="Your German language school in Berlin. Many different German courses. Official telc examination center. Become an expert in German language."> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="author" content="Speakeasy Berlin GmbH"> <meta name="facebook-domain-verification" content="ijwdw6mukw7uuc7ws8gof76b0medy8"/> <link rel="icon" href="/static/favicon.png"> <link rel="icon" type="image/x-icon" href="/static/favicon.png"/> <link rel="canonical" href="https://www.speakeasysprachzeug.de/en/"> <link rel="preload" href="/build/app.3c996fa5.css" as="style" onload="this.onload=null;this.rel='stylesheet'"> <style> .navbar-nav-desktop, .st-pusher, .portal-login-container { opacity: 0; transition: 0.1s all; } .navbar-nav-desktop {display: none !important;} .portal-login-container {display: none;} </style> <script> document.addEventListener("DOMContentLoaded", function() { // Elemente sichtbar machen document.querySelector('.navbar-nav-desktop').style.setProperty('display', 'block', 'important'); document.querySelector('.portal-login-container').style.setProperty('display', 'flex'); // Einblendeffekt nach kurzer Verzögerung starten //let savedLang = localStorage.getItem('selectedLanguage'); //if (!savedLang) { setTimeout(function () { document.querySelector('.navbar-nav-desktop').style.setProperty('opacity', '1', 'important'); document.querySelector('.st-pusher').style.setProperty('opacity', '1', 'important'); document.querySelector('.portal-login-container').style.setProperty('opacity', '1', 'important'); }, 100); //} }); </script>  <script> window.datalayer = window.dataLayer || []; </script> <script> (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-5SS8XJQ'); </script>  <script type="application/ld+json"> { "@context": "http://schema.org", "@type": "Organization", "url": "https://www.speakeasysprachzeug.de", "logo": "https://www.speakeasysprachzeug.de/Resources/public/images/logo/ballon.png", "name": "Speakeasy Berlin", "alternateName": "Speakeasy Berlin", "sameAs": [ "https://www.facebook.com/speakeasyinberlin", "https://plus.google.com/102122268673936456383" ], "contactPoint": [ { "@type": "ContactPoint", "telephone": "+49306954149", "contactType": "customer service", "areaServed": "DE", "contactOption": "", "availableLanguage": [ "English", "German" ] } ] } </script>  <script> !function (f, b, e, v, n, t, s) { if (f.fbq) return; n = f.fbq = function () { n.callMethod ? n.callMethod.apply(n, arguments) : n.queue.push(arguments) }; if (!f._fbq) f._fbq = n; n.push = n; n.loaded = !0; n.version = '2.0'; n.queue = []; t = b.createElement(e); t.async = !0; t.src = v; s = b.getElementsByTagName(e)[0]; s.parentNode.insertBefore(t, s) }(window, document, 'script', 'https://connect.facebook.net/en_US/fbevents.js'); fbq('init', '1738943073219465'); fbq('track', 'PageView'); </script>  <script> /*! modernizr 3.6.0 (Custom Build) | MIT * * https://modernizr.com/download/?-webp-webpalpha-webpanimation-webplossless_webp_lossless-setclasses !*/ !function (A, e, n) { function a(A, e) { return typeof A === e } function o() { var A, e, n, o, s, i, r; for (var f in l) if (l.hasOwnProperty(f)) { if (A = [], e = l[f], e.name && (A.push(e.name.toLowerCase()), e.options && e.options.aliases && e.options.aliases.length)) for (n = 0; n < e.options.aliases.length; n++) A.push(e.options.aliases[n].toLowerCase()); for (o = a(e.fn, "function") ? e.fn() : e.fn, s = 0; s < A.length; s++) i = A[s], r = i.split("."), 1 === r.length ? Modernizr[r[0]] = o : (!Modernizr[r[0]] || Modernizr[r[0]] instanceof Boolean || (Modernizr[r[0]] = new Boolean(Modernizr[r[0]])), Modernizr[r[0]][r[1]] = o), t.push((o ? "" : "no-") + r.join("-")) } } function s(A) { var e = c.className, n = Modernizr._config.classPrefix || ""; if (u && (e = e.baseVal), Modernizr._config.enableJSClass) { var a = new RegExp("(^|\\s)" + n + "no-js(\\s|$)"); e = e.replace(a, "$1" + n + "js$2") } Modernizr._config.enableClasses && (e += " " + n + A.join(" " + n), u ? c.className.baseVal = e : c.className = e) } function i(A, e) { if ("object" == typeof A) for (var n in A) f(A, n) && i(n, A[n]); else { A = A.toLowerCase(); var a = A.split("."), o = Modernizr[a[0]]; if (2 == a.length && (o = o[a[1]]), "undefined" != typeof o) return Modernizr; e = "function" == typeof e ? e() : e, 1 == a.length ? Modernizr[a[0]] = e : (!Modernizr[a[0]] || Modernizr[a[0]] instanceof Boolean || (Modernizr[a[0]] = new Boolean(Modernizr[a[0]])), Modernizr[a[0]][a[1]] = e), s([(e && 0 != e ? "" : "no-") + a.join("-")]), Modernizr._trigger(A, e) } return Modernizr } var t = [], l = [], r = { _version: "3.6.0", _config: {classPrefix: "", enableClasses: !0, enableJSClass: !0, usePrefixes: !0}, _q: [], on: function (A, e) { var n = this; setTimeout(function () { e(n[A]) }, 0) }, addTest: function (A, e, n) { l.push({name: A, fn: e, options: n}) }, addAsyncTest: function (A) { l.push({name: null, fn: A}) } }, Modernizr = function () { }; Modernizr.prototype = r, Modernizr = new Modernizr; var f, c = e.documentElement, u = "svg" === c.nodeName.toLowerCase(); !function () { var A = {}.hasOwnProperty; f = a(A, "undefined") || a(A.call, "undefined") ? function (A, e) { return e in A && a(A.constructor.prototype[e], "undefined") } : function (e, n) { return A.call(e, n) } }(), r._l = {}, r.on = function (A, e) { this._l[A] || (this._l[A] = []), this._l[A].push(e), Modernizr.hasOwnProperty(A) && setTimeout(function () { Modernizr._trigger(A, Modernizr[A]) }, 0) }, r._trigger = function (A, e) { if (this._l[A]) { var n = this._l[A]; setTimeout(function () { var A, a; for (A = 0; A < n.length; A++) (a = n[A])(e) }, 0), delete this._l[A] } }, Modernizr._q.push(function () { r.addTest = i }), Modernizr.addAsyncTest(function () { var A = new Image; A.onerror = function () { i("webpalpha", !1, {aliases: ["webp-alpha"]}) }, A.onload = function () { i("webpalpha", 1 == A.width, {aliases: ["webp-alpha"]}) }, A.src = "data:image/webp;base64,UklGRkoAAABXRUJQVlA4WAoAAAAQAAAAAAAAAAAAQUxQSAwAAAABBxAR/Q9ERP8DAABWUDggGAAAADABAJ0BKgEAAQADADQlpAADcAD++/1QAA==" }), Modernizr.addAsyncTest(function () { var A = new Image; A.onerror = function () { i("webpanimation", !1, {aliases: ["webp-animation"]}) }, A.onload = function () { i("webpanimation", 1 == A.width, {aliases: ["webp-animation"]}) }, A.src = "data:image/webp;base64,UklGRlIAAABXRUJQVlA4WAoAAAASAAAAAAAAAAAAQU5JTQYAAAD/////AABBTk1GJgAAAAAAAAAAAAAAAAAAAGQAAABWUDhMDQAAAC8AAAAQBxAREYiI/gcA" }), Modernizr.addAsyncTest(function () { var A = new Image; A.onerror = function () { i("webplossless", !1, {aliases: ["webp-lossless"]}) }, A.onload = function () { i("webplossless", 1 == A.width, {aliases: ["webp-lossless"]}) }, A.src = "data:image/webp;base64,UklGRh4AAABXRUJQVlA4TBEAAAAvAAAAAAfQ//73v/+BiOh/AAA=" }), Modernizr.addAsyncTest(function () { function A(A, e, n) { function a(e) { var a = e && "load" === e.type ? 1 == o.width : !1, s = "webp" === A; i(A, s && a ? new Boolean(a) : a), n && n(e) } var o = new Image; o.onerror = a, o.onload = a, o.src = e } var e = [{ uri: "data:image/webp;base64,UklGRiQAAABXRUJQVlA4IBgAAAAwAQCdASoBAAEAAwA0JaQAA3AA/vuUAAA=", name: "webp" }, { uri: "data:image/webp;base64,UklGRkoAAABXRUJQVlA4WAoAAAAQAAAAAAAAAAAAQUxQSAwAAAABBxAR/Q9ERP8DAABWUDggGAAAADABAJ0BKgEAAQADADQlpAADcAD++/1QAA==", name: "webp.alpha" }, { uri: "data:image/webp;base64,UklGRlIAAABXRUJQVlA4WAoAAAASAAAAAAAAAAAAQU5JTQYAAAD/////AABBTk1GJgAAAAAAAAAAAAAAAAAAAGQAAABWUDhMDQAAAC8AAAAQBxAREYiI/gcA", name: "webp.animation" }, { uri: "data:image/webp;base64,UklGRh4AAABXRUJQVlA4TBEAAAAvAAAAAAfQ//73v/+BiOh/AAA=", name: "webp.lossless" }], n = e.shift(); A(n.name, n.uri, function (n) { if (n && "load" === n.type) for (var a = 0; a < e.length; a++) A(e[a].name, e[a].uri) }) }), o(), s(t), delete r.addTest, delete r.addAsyncTest; for (var p = 0; p < Modernizr._q.length; p++) Modernizr._q[p](); A.Modernizr = Modernizr }(window, document); </script> </head> <body lang=en>  <noscript> <iframe src="https://www.googletagmanager.com/ns.html?id=GTM-5SS8XJQ" height="0" width="0" style="display:none;visibility:hidden"></iframe> </noscript> <nav class="navbar navbar-inverse navbar-fixed-top"> <div class="container"> <div class="navbar-header" id="st-trigger-effects"> <button type="button" data-effect="st-effect-11" style="margin-top:11px" class="navbar-toggle collapsed"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> <span class="menu-text visible-xs">Menu</span> <a id="register-mobile" title="Speakeasy Berlin: choose your course here" style="padding-left: 10px; float: left;" href="/en/course-configurator#entryPoint"> <button type="button" class="navbar-toggle btn-sm collapsed" style="margin-top:8px"> Register </button> </a> </div> <div class="collapse navbar-collapse" id="navbar"> <ul class="menen navbar-nav nav navbar-nav-desktop"> <li class="reg-li"> <a class="registerdesktop" title="Speakeasy Berlin: choose your course here" href="/en/course-configurator#entryPoint"> Register </a> </li> <li class="f dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown"> <div class="custom-menu c1en "><span class="custom-one-one eng">Register</span><span class="custom-one-four eng">!</span></div> <b class="caret"></b></a> <ul class="menu_level_1 dropdown-menu"> <li class="f"><a href="/en/course-configurator#entryPoint" class="nav-link" title="Speakeasy Berlin: choose your course here">Course configurator</a></li> <li><a href="/en/sign-up?new=1" class="nav-link" title="Language course Berlin: course configurator">Register <span style="font-size: 16px;font-weight: bold">(new student)</span></a></li> <li><a href="/login" class="nav-link" title="Language course Berlin: course configurator">Sign up! <span style="font-size: 16px;font-weight: bold">(existing student)</span></a></li> <li><a href="/en/prices-and-dates" class="nav-link" title="Prices - complete speakeasy course details">Course fees</a></li> <li><a href="/en/dates" class="nav-link" title="Our Dates | Consider the complete course dates here">Course dates</a></li> <li><a href="/en/course-content" class="nav-link" title="Summary of the content of your German course">Course content</a></li> <li class="l"><a href="/en/languagetest" class="nav-link" title="Our language test | Test your language skills | Check out your abilities">Language placement test</a></li> </ul> </li> <li class="dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown"> <div class="custom-menu c2en"><span class="custom-two-one eng">Why</span><span class="custom-two-two eng">speakeasy?</span> </div> <b class="caret"></b></a> <ul class="menu_level_1 dropdown-menu"> <li><a href="/en/about-us" class="nav-link" title="About Us - introducing speakeasy Berlin">What makes us special?</a></li> <li><a href="/en/events" class="nav-link" title="Events and workshops - benefit from a whole bunch of free extras">Events and workshops</a> </li> <li><a href="/en/online-tutoring" class="nav-link" title="Live Online Tutoring – your speakeasy benefit">Online tutoring</a></li> <li class="nav-header"><a href="#" class="nav-link">Our Team</a> <ul class="sub-menu menu_level_2"> <li class="f"><a href="/en/office-team" class="nav-link" title="The Speakeasy office team - our staff will help you!">Office</a></li> <li class="l"><a href="/en/teacher-team" class="nav-link" title="Meet the language teaching, team they all embody the speakeasy spirit">Teacher</a> </li> </ul> </li> <li><a href="/en/berlin-east" class="nav-link" title="Find information to speakeasy Berlin-East">Location Berlin-East</a></li> <li><a href="/en/berlin-west" class="nav-link" title="Find information to speakeasy Berlin-West">Location Berlin-West</a></li> <li><a href="/en/scholarship" class="nav-link" title="Scholarships">Scholarships @ speakeasy</a></li> </ul> </li> <li class="dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown"> <div class="custom-menu c3en"> <span class="custom-straight">German courses<br />in Berlin</span> </div> <b class="caret"></b></a> <ul class="menu_level_1 dropdown-menu"> <li class="f"><a href="/en/intensive-courses-german" class="nav-link" title="🎓︎ Intensive German Course | Immersive German language learning">Intensive course</a></li> <li><a href="/en/super-intensive-courses-german" class="nav-link" title="🎓︎ Super Intensive German Course | Learning German the fast way">Super-intensive course</a> </li> <li><a href="/en/evening-courses-german" class="nav-link" title="🎓︎ Evening Classes German | For over the day busy people">Evening course</a></li> <li><a href="/en/languagevisas" class="nav-link" title="🎓︎ How to apply for Language Course Visa | Check out our service">Visa course</a></li> <li><a href="/en/private-instruction-german" class="nav-link" title="🎓︎ Private Lessons German - Choose Individual classes">Private lessons</a></li> <li><a href="/en/german-beginners" class="nav-link" title="🎓︎ German course for beginners | Book your course at speakeasy">Beginner German course</a></li> <li class="l"><a href="/en/business-courses" class="nav-link" title="Business German course - lessons at your company"> Business courses </a></li> </ul> </li> <li class="dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown"> <div class="custom-menu c4en"> <span class="custom-straight">German courses<br />online</span> </div> <b class="caret"></b></a> <ul class="menu_level_1 dropdown-menu"> <li class="f"><a href="/en/german-courses-online" class="nav-link" title="🎓︎ German course online | Learning German becomes a piece of cake">Live German course online</a></li> <li><a href="/en/german-intensive-courses-online" class="nav-link" title="🎓︎ German Intensive course online | Improve your German skills quickly">Intensive course online</a></li> <li><a href="/en/german-super-intensive-courses-online" class="nav-link" title="🎓︎ German Super Intensive course online | The fast way to learn German">Super-intensive course online</a></li> <li><a href="/en/german-weekly-courses-online" class="nav-link" title="🎓︎ German Semi Intensive course online | Only two appointments per week">Semi-intensive course online</a></li> <li><a href="/en/german-conversation-courses-online" class="nav-link" title="🎓︎ German Conversation Course Online | Regular talks in the foreground">Conversation course online</a></li> <li><a href="/en/german-private-instruction-online" class="nav-link" title="🎓︎ Private Lessons online | Tailor-made to your individual needs">Private lesson online</a></li> <li><a href="/en/exam-preparation-course-online" class="nav-link" title="🎓︎ preparation course online">Preparation course online</a></li> <li class="l"><a href="/en/business-courses" class="nav-link" title="Business German course - lessons at your company"> Business courses </a></li> </ul> </li> </li> <li class="dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown"> <div class="custom-menu c6en"><span class="custom-six-one eng" style="left:0;">telc</span><span class="custom-six-three eng" style="left: 0.8em;">exams</span></div> <b class="caret"></b></a> <ul class="menu_level_1 dropdown-menu"> <li class="f"><a href="/en/register" class="nav-link" title="Below you find the application for the telc language exam | Register now">Register</a> </li> <li class="nav-header"><a href="#" class="nav-link">telc exams</a> <ul class="sub-menu menu_level_2"> <li class="f"><a href="/en/telc-exams-berlin" class="nav-link" title="🎓 telc exams Berlin | Language examinations | Register now">telc exams Berlin</a></li> <li><a href="/en/telc-exam-a1" class="nav-link" title="🎓︎ telc exam A2 Deutsch or Start Deutsch A2 | Register now">telc exam A1</a></li> <li><a href="/en/telc-exam-a2" class="nav-link" title="🎓︎ telc exam A2 Deutsch or Start Deutsch A2 | Register now">telc exam A2</a></li> <li><a href="/en/telc-exam-b1" class="nav-link" title="🎓︎ telc exam B1 Deutsch or Zertifikat Deutsch (ZD) | Register now">telc exam B1</a> </li> <li><a href="/en/telc-exam-b2" class="nav-link" title="🎓︎ telc exam B2 Deutsch or Zertifikat Deutsch B2 (ZD) | Register now">telc exam B2</a></li> <li><a href="/en/telc-exam-c1" class="nav-link" title="🎓︎ telc exam C1 Deutsch for advanced students | Register now">telc exam C1</a></li> <li class="l"><a href="/en/telc-exam-c1-hochschule" class="nav-link" title="🎓︎ telc exam C1 Hochschule Deutsch | Register now">telc exam C1 Hochschule</a></li> </ul> </li> <li><a href="/en/telc-dates" class="nav-link" title="telc dates and prices | Available information at speakeasy ">Dates and fees</a></li> <li><a href="/en/telc-prepcourses" class="nav-link" title="🎓︎ Targeted exam preparation | Increase your chances for your telc exam">Preparatory courses</a></li> <li><a href="/en/telc-status" class="nav-link" title="🎓︎ Speakeasy.Berlin telc | current status of your exam">Exam status</a></li> <li><a href="/en/telc_terms_exam_regulations" class="nav-link" title="Our telc T&Cs and exam regulations - In our knowledgebase">telc T&Cs and exam regulations</a></li> <li class="l"><a href="/en/telc-faq" class="nav-link" title="FAQ telc exams | All the answers to your frequently asked questions">Telc FAQ</a> </li> </ul> </li> <li class="dropdown"><a href="/en/accommodation-service" class="nav-link dropdown-toggle"> <div class="custom-menu c7en"> <span class="custom-seven-one">Additional</span> <span class="custom-six-two">services</span> </div></a> <ul class="menu_level_1 dropdown-menu"> </li> <li class="f"><a href="/en/accommodation-service#insurance" class="nav-link" title="Bitte Titel mit Key en/care einfügen">Insurance</a></li> <li><a href="/en/accommodation-service#finances" class="nav-link" title="Bitte Titel mit Key en/care einfügen">Finances</a></li> <li><a href="/en/accommodation-service#studentId" class="nav-link" title="Bitte Titel mit Key en/care einfügen">Student identity card</a></li> <li class="l"><a href="/en/accommodation-service#accommodation" class="nav-link" title="Bitte Titel mit Key en/accommodation_service einfügen">Accommodation</a> </li> <li><a href="/en/german-learning-app" class="nav-link" title="">speakeasy App</a></li> <li><a href="/en/podcast" class="nav-link" title="">speakeasy podcast</a></li> <li><a href="/en/faq" class="nav-link" target="_blank" title="Our FAQ | If you have any questions - here are some answers">FAQ</a></li> </ul> </li> <li class="dropdown"><a href="#" class="dropdown-toggle custom-location" data-toggle="dropdown"> <div style="text-align: center;"> Location:<br/>Berlin </div> </a> <ul class="menu_level_1 dropdown-menu"> <li><a href="https://www.speakeasy.hamburg/en" class="nav-link" title="🎓︎ How to apply for Language Course Visa | Check out our service">Hamburg</a></li> <li><a href="https://www.speakeasy-bremen.de/en" class="nav-link" title="Sprachkurse in Bremen | Entdecke alle unsere Sprachkurse">Bremen</a></li> <li><a href="https://www.speakeasy-munich.de/en" class="nav-link" title="University Pathway Program – your path to study in Germany">Munich</a></li> <li><a href="https://www.germanstudios-cologne.de/en" class="nav-link gs-hinweis-tooltip en" title="Sprachkurse in Köln | Entdecke alle unsere Sprachkurse">Cologne *</a></li> <li class="l"><a href="https://www.germanstudios-frankfurt.de/en" class="nav-link gs-hinweis-tooltip en" title="Sprachkurse in Frankfurt | Entdecke alle unsere Sprachkurse">Frankfurt *</a></li> </ul> </li> <li class="dropdown showstandard"> <a href="#" class="dropdown-toggle custom-language" data-toggle="dropdown"> <div> <span class="flag-icon flag-icon-gb"></span> English </div> </a> <ul class="menu_level_1 dropdown-menu lang_drop_down"> <li data-language="de"> <a class="languageSwitchHash" href="/" title="Language school Berlin - Learn German at speakeasy"><span class="flag-icon flag-icon-de"></span> Deutsch</a> </li> <li data-language="es"> <a class="languageSwitchHash" href="/es/" title="Language school Berlin - Learn German at speakeasy"><span class="flag-icon flag-icon-es"></span> Español</a> </li> <li> <a class="changeToDeepl" href="javascript:;"><span style="margin-left:-3px;margin-right:-3px;">🌍</span> Automatic</a> </li> </ul> </li> <li class="showdeepltrans dropdown" style="display: none"> <a class="changeToDeeplBack" href="javascript:;">← go back</a> <select id="languageSelect"> <option value="choose">- Please select</option> <option value="AR">Arabic</option> <option value="BG">Bulgarian</option> <option value="ZH">Chinese</option> <option value="DA">Danish</option> <option value="NL">Dutch</option> <option value="ET">Estonian</option> <option value="FI">Finnish</option> <option value="FR">French</option> <option value="EL">Greek</option> <option value="HU">Hungarian</option> <option value="ID">Indonesian</option> <option value="IT">Italian</option> <option value="JA">Japanese</option> <option value="KO">Korean</option> <option value="LV">Latvian</option> <option value="LT">Lithuanian</option> <option value="NB">Norwegian (Bokmål)</option> <option value="PL">Polish</option> <option value="PT-PT">Portuguese</option> <option value="RO">Romanian</option> <option value="RU">Russian</option> <option value="SK">Slovakian</option> <option value="SL">Slovenian</option> <option value="ES">Spanish</option> <option value="SV">Swedish</option> <option value="TR">Turkish</option> <option value="UK">Ukrainian</option> </select> </li> </ul> <div class="portal-login-container"> <a title="speakeasy Portal" href="https://portal.speakeasysprachzeug.de/login" class="portal-login-btn btn btn-primary" target="_blank"> <img class="login-icon" src="/Resources/public/images/content/login-icon.png" alt="Login-Icon"> <img class="login-icon-hover" src="/Resources/public/images/content/login-icon-hover.png" alt="Login-Icon Hover"> </a> </div> <style> .custom-menu .custom-four-three{ top: .5em!important; } .portal-login-container{ position: absolute; right: 0; bottom: 0; top: 0; justify-content: center; align-items: center; display: flex; } .portal-login-container .portal-login-btn .login-icon-hover{ display: none; } .portal-login-container .portal-login-btn:hover{ background: #009bcd!important; } .portal-login-container .portal-login-btn:hover .login-icon{ display: none; } .portal-login-container .portal-login-btn:hover .login-icon-hover{ display: block; } .portal-login-container .portal-login-btn{ background: #ffc000; color: #000; border-radius: 15px; } .portal-login-container .portal-login-btn:hover{ color: #fff; } .language_selected a { padding-left:2px !important; padding-right:2px !important; } @media only screen and (min-width: 1200px) { .languages .language_selected, ul.menen .languages .language_selected { left: 14px !important; } } .dropdown ul li > a:hover{ background-color: #ffc000; } .dropdown ul li > a:focus{ background-color: #ffc000; } .custom-straight { font-size: 21px !important; } .custom-margin-top { top:1em !important; } .custom-margin-top-small { top:11px !important; } .custom-menu .custom-one-four { left: 2.1em !important; } .custom-menu.c1en { width: 85px !important; } .custom-menu.c2en { width: 96px !important; } .custom-menu.c3en { width: 124px !important; } .custom-menu.c4en { width: 124px !important; } .custom-menu.c6en { width: 62px !important; } .custom-menu.c8en { width: 68px !important; } .custom-menu.c7en { width: 109px !important; } .custom-menu.c10en { width: 60px !important; } .custom-menu.c11en { width: 60px !important; } .languages.c12en { width: 70px !important; } .white-text { color:#fff; } .custom-location { width:100px !important; font-size: 22px !important; height: 70px !important; display: flex !important; align-items: center; justify-content: center; padding:0 !important; border-right:1px solid #fff; } .custom-location div, .custom-language div { font-family: Apple Garamond,serif; } .custom-language { width:130px !important; display: flex !important; align-items: center; justify-content: center; padding:0 !important; border-right:none; height: 70px !important; font-size: 22px !important; } .lang_drop_down .flag-icon, .custom-language .flag-icon { width:1em !important; } @media (max-width: 1199px){ .portal-login-container { display: none !important; } } </style> </div> </div> </nav> <div id="st-container" class="st-container"> <nav class="st-menu st-effect-11" id="menu-11" itemscope itemtype="http://www.schema.org/SiteNavigationElement"> <ul class="menen navbar-nav nav"> <li class="f dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown"><span class="custom-navicon mobnav item-anmeldung">Register!</span><b class="caret"></b></a> <ul class="menu_level_1 dropdown-menu"> <li class="l"><a href="#" class="nav-link back-link">Go back</a></li> <li class="f"><a href="/en/course-configurator" class="nav-link" title="Speakeasy Berlin: choose your course here">Course configurator</a></li> <li><a href="/en/sign-up?new=1" class="nav-link" title="Language course Berlin: course configurator">Register <span style="font-size: 16px;font-weight: bold">(new student)</span></a></li> <li><a href="/login" class="nav-link" title="Language course Berlin: course configurator">Sign up! <span style="font-size: 16px;font-weight: bold">(existing student)</span></a></li> <li><a href="/en/prices-and-dates" class="nav-link" title="Prices - complete speakeasy course details">Course fees</a></li> <li><a href="/en/dates" class="nav-link" title="Our Dates | Consider the complete course dates here">Course dates</a></li> <li><a href="/en/course-content" class="nav-link" title="Summary of the content of your German course">Course content</a></li> <li><a href="/en/languagetest" class="nav-link" title="Our language test | Test your language skills | Check out your abilities">Language placement test</a></li> </ul> </li> <li class="dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown"><span class="custom-navicon mobnav item-warumspeakeasy">Why speakeasy</span><b class="caret"></b></a> <ul class="menu_level_1 dropdown-menu"> <li class="l"><a href="#" class="nav-link back-link">Go back</a></li> <li><a href="/en/about-us" class="nav-link" title="About Us - introducing speakeasy Berlin">What makes us special?</a></li> <li><a href="/en/events" class="nav-link" title="About Us - introducing speakeasy Berlin">Events and workshops</a></li> <li><a href="/en/online-tutoring" class="nav-link" title="Live Online Tutoring – your speakeasy benefit">Online tutoring</a></li> <li class="nav-header"><a href="#" class="nav-link">Our Team</a> <ul class="sub-menu menu_level_2"> <li class="f"><a href="/en/office-team" class="nav-link" title="The Speakeasy office team - our staff will help you!">Office</a></li> <li><a href="/en/teacher-team" class="nav-link" title="Meet the language teaching, team they all embody the speakeasy spirit">Teacher</a> </li> <li class="l"><a href="#" class="nav-link back-link-sub">Go back</a></li> </ul> </li> <li><a href="/en/berlin-east" class="nav-link" title="Find information to speakeasy Berlin-East">Location Berlin-East</a></li> <li><a href="/en/berlin-west" class="nav-link" title="Find information to speakeasy Berlin-West">Location Berlin-West</a></li> <li><a href="/en/scholarship" class="nav-link" title="Scholarship">Scholarships @ speakeasy</a></li> </ul> </li> <li class="dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown"><span class="custom-navicon mobnav item-kurseberlin">German courses in Berlin</span><b class="caret"></b></a> <ul class="menu_level_1 dropdown-menu"> <li class="l"><a href="#" class="nav-link back-link">Go back</a></li> <li><a href="/en/intensive-courses-german" class="nav-link" title="🎓︎ Intensive German Course | Immersive German language learning">Intensive course</a></li> <li><a href="/en/super-intensive-courses-german" class="nav-link" title="🎓︎ Super Intensive German Course | Learning German the fast way">Super-intensive course</a> </li> <li><a href="/en/evening-courses-german" class="nav-link" title="🎓︎ Evening Classes German | For over the day busy people">Evening course</a></li> <li><a href="/en/languagevisas" class="nav-link" title="🎓︎ How to apply for Language Course Visa | Check out our service">Visa course</a></li> <li><a href="/en/private-instruction-german" class="nav-link" title="🎓︎ Private Lessons German - Choose Individual classes">Private lessons</a></li> <li><a href="/en/german-beginners" class="nav-link" title="🎓︎ German course for beginners | Book your course at speakeasy">Beginner German course</a> </li> <li><a href="/en/business-courses" class="nav-link" title="Business German course - lessons at your company"> Business courses </a></li> </ul> </li> <li class="dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown"><span class="custom-navicon mobnav item-kurseonline">German courses online</span><b class="caret"></b></a> <ul class="menu_level_1 dropdown-menu"> <li class="l"><a href="#" class="nav-link back-link">Go back</a></li> <li><a href="/en/german-courses-online" class="nav-link" title="🎓︎ German course online | Learning German becomes a piece of cake">Live German course online</a></li> <li><a href="/en/german-intensive-courses-online" class="nav-link" title="🎓︎ German Intensive course online | Improve your German skills quickly">Intensive course online</a></li> <li><a href="/en/german-super-intensive-courses-online" class="nav-link" title="🎓︎ German Super Intensive course online | The fast way to learn German">Super-intensive course online</a></li> <li><a href="/en/german-weekly-courses-online" class="nav-link" title="🎓︎ German Semi Intensive course online | Only two appointments per week">Semi-intensive course online</a></li> <li><a href="/en/german-conversation-courses-online" class="nav-link" title="🎓︎ German Conversation Course Online | Regular talks in the foreground">Conversation course online</a></li> <li><a href="/en/german-private-instruction-online" class="nav-link" title="🎓︎ Private Lessons online | Tailor-made to your individual needs">Private lesson online</a> </li> <li class="l"><a href="/en/exam-preparation-course-online" class="nav-link" title="🎓︎ preparation course online">Preparation course online</a></li> <li><a href="/en/business-courses" class="nav-link" title="Business German course - lessons at your company"> Business courses </a></li> </ul> </li> <li class="dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown"><span class="custom-navicon mobnav item-telc">telc exam</span><b class="caret"></b></a> <ul class="menu_level_1 dropdown-menu"> <li class="l"><a href="#" class="nav-link back-link">Go back</a></li> <li class="f nav-header"><a href="#" class="nav-link">telc exams</a> <ul class="sub-menu menu_level_2"> <li class="l"><a href="#" class="nav-link back-link-sub">Go back</a></li <li class="f"><a href="/en/telc-exams-berlin" class="nav-link" title="🎓 telc exams Berlin | Language examinations | Register now">telc exam Berlin</a></li> <li><a href="/en/telc-exam-a1" class="nav-link" title="🎓︎ telc exam A2 Deutsch or Start Deutsch A2 | Register now">telc exam A1</a></li> <li><a href="/en/telc-exam-a2" class="nav-link" title="🎓︎ telc exam A2 Deutsch or Start Deutsch A2 | Register now">telc exam A2</a></li> <li><a href="/en/telc-exam-b1" class="nav-link" title="🎓︎ telc exam B1 Deutsch or Zertifikat Deutsch (ZD) | Register now">telc exam B1</a> </li> <li><a href="/en/telc-exam-b2" class="nav-link" title="🎓︎ telc exam B2 Deutsch or Zertifikat Deutsch B2 (ZD) | Register now">telc exam B2</a></li> <li><a href="/en/telc-exam-c1" class="nav-link" title="🎓︎ telc exam C1 Deutsch for advanced students | Register now">telc exam C1</a></li> <li><a href="/en/telc-exam-c1-hochschule" class="nav-link" title="🎓︎ telc exam C1 Hochschule Deutsch | Register now">telc exam C1 Hochschule</a></li> > </ul> </li> <li><a href="/en/telc-dates" class="nav-link" title="Telc dates and prices | Available information at speakeasy ">Dates and fees</a></li> <li><a href="/en/telc-prepcourses" class="nav-link" title="🎓︎ Targeted exam preparation | Increase your chances for your telc exam">Preparatory courses</a></li> <li><a href="/en/telc-status" class="nav-link" title="🎓︎ Speakeasy.Berlin telc | current status of your exam">Exam status</a></li> <li><a href="/en/telc_terms_exam_regulations" class="nav-link" title="Our telc T&Cs and exam regulations - In our knowledgebase">Telc T&Cs and exam regulations</a></li> <li><a href="/en/telc-faq" class="nav-link" title="FAQ telc exams | All the answers to your frequently asked questions">Telc FAQ</a></li> <li><a href="/en/register" class="nav-link" id="register-telc-mobile" title="Below you find the application for the telc language exam | Register now">Register</a></li> </ul> </li> <li class="dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown"><span class="custom-navicon mobnav item-university">Additional services </span></a> <ul class="menu_level_1 dropdown-menu"> <li class="l"><a href="#" class="nav-link back-link">Go back</a></li> <li class="f"><a href="/en/accommodation-service" class="nav-link" title="Bitte Titel mit Key versicherung einfügen">All at a glance</a></li> <li><a href="/en/german-learning-app" class="nav-link" title="">speakeasy App</a></li> <li><a href="/en/podcast" class="nav-link" title="">speakeasy podcast</a></li> <li><a href="/en/faq" class="nav-link" target="_blank" title="Our FAQ | If you have any questions - here are some answers">FAQ</a></li> </ul> </li> <li class="dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown"> <span class="custom-navicon mobnav item-location">Choose your location</span><b class="caret"></b> </a> <ul class="menu_level_1 dropdown-menu"> <li class="l"><a href="#" class="nav-link back-link">Go back</a></li> <li><a href="https://www.speakeasy.hamburg/en" class="nav-link"> Hamburg </a> </li> <li><a href="https://www.speakeasy-bremen.de/en/" class="nav-link" title="German language school in Bremen | Online courses">Bremen</a></li> <li><a href="https://www.speakeasy-munich.de/en" class="nav-link"> Munich </a> </li> <li><a href="https://www.germanstudios-cologne.de/en/" class="nav-link" title="German language school in Cologne | Online courses">Cologne *</a></li> <li><a href="https://www.germanstudios-frankfurt.de/en" class="nav-link" title="German language school in Frankfurt">Frankfurt *</a></li> <li style="color:#fff;padding:8px;">* Under the name german studios</li> </ul> </li> <li class="dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown"> <span class="custom-navicon mobnav item-kurseonline" style="width: 30px; height: 30px"></span> Auto-translation</span><b class="caret"></b> </a> <ul class="menu_level_1 dropdown-menu"> <li class="l"><a href="#" class="nav-link back-link">Back</a></li> <li class="showdeepltrans dropdown" style="display: block;width:100%;"> <span style="padding: 10px;">Choose your desired language:</span> <select class="nav-link" id="languageSelect2" style="width:calc(100% - 20px);padding:20px;color:#000;margin:10px;"> <option value="choose">- Please select</option> <option value="AR">Arabic</option> <option value="BG">Bulgarian</option> <option value="ZH">Chinese</option> <option value="DA">Danish</option> <option value="NL">Dutch</option> <option value="ET">Estonian</option> <option value="FI">Finnish</option> <option value="FR">French</option> <option value="EL">Greek</option> <option value="HU">Hungarian</option> <option value="ID">Indonesian</option> <option value="IT">Italian</option> <option value="JA">Japanese</option> <option value="KO">Korean</option> <option value="LV">Latvian</option> <option value="LT">Lithuanian</option> <option value="NB">Norwegian (Bokmål)</option> <option value="PL">Polish</option> <option value="PT-PT">Portuguese</option> <option value="RO">Romanian</option> <option value="RU">Russian</option> <option value="SK">Slovakian</option> <option value="SL">Slovenian</option> <option value="ES">Spanish</option> <option value="SV">Swedish</option> <option value="TR">Turkish</option> <option value="UK">Ukrainian</option> </select> </li> </ul> </li> <li> <span style="display: flex;justify-content: center;"> <a style="background: unset;border:unset;box-shadow:unset;" target="_blank" href="https://de-de.facebook.com/speakeasyinberlin/" class="facebook animation-grow" title="Facebook"> <i class="fa fa-facebook"></i><span class="sr-only">Facebook</span> </a> <a style="background: unset;border:unset;box-shadow:unset;" target="_blank" href="https://www.instagram.com/speakeasyberlin/" class="facebook animation-grow" title="Instagram"> <i class="fa fa-instagram"></i><span class="sr-only">Instagram</span> </a> </span> </li> </ul> </nav> <div class="st-pusher"> <div class="st-content"> <div class="st-content-inner"> <div class="language-mobil hidden-lg"> <ul class="language_selected"> <li data-language="de" style="margin-right:5px;"> <a class="languageSwitchHash" title="Sprachschule Berlin - Deutsch lernen kann so einfach sein" href="/"><span class="flag-icon flag-icon-de"></span> </a> </li> <li data-language="en" style="margin-right:5px;"> <a class="languageSwitchHash" title="Language school Berlin - Learn German at speakeasy" href="/en/"><span class="flag-icon flag-icon-gb"></span></a> </li> <li data-language="es"> <a title="Language School Berlin - Aprender alemán puede ser muy fácil" class="languageSwitchHash" href="/es/"><span class="flag-icon flag-icon-es"></span></a> </li> </ul> </div> <div class="logobar-wrapper"> <div id="logobar" class="container"> <div class="row"> <div class="col-md-8 col-sm-7 col-xs-6 brand"> <a href="/en/" title="Language school Berlin - Learn German at speakeasy"> <h1 class="head_top"> <span class="title">speakeasy!</span> <span class="hidden-br"></span> <span class="subtitle">Your German language school 2x in Berlin</span> </h1> </a> </div> <div id="mobile-nav" class="col-md-5 col-sm-5 col-xs-6 brand"> <span class="contact"> <a class="mail sprite sprite-block text-right" href="mailto:info@speakeasy.berlin" title="Write an email"><i class="fa fa-at"></i><span class="sr-only">Write an email</span></a> <a class="phone sprite sprite-block text-right" href="tel:+493060954149" title="Call us" target="_blank"><i class="fa fa-phone"></i><span class="sr-only">Call us</span> </a> <a class="address sprite sprite-block text-right" href="https://www.google.com/maps/place/speakeasy+Berlin+-+Language+school/@52.505313,13.448432,16z/data=!4m5!3m4!1s0x0:0x9df150870b968024!8m2!3d52.505313!4d13.448432?hl=de" target="_blank"><i class="fa fa-location-arrow"></i><span class="sr-only">Adress Speakeasy</span></a> <a class="mobile-flag" title="Language school Berlin - Learn German at speakeasy" style="margin-right: 13px;" href="/"><span class="flag-icon flag-icon-de" style="width: 24px;"></span></a> <a class="mobile-flag" title="Language school Berlin - Learn German at speakeasy" href="/es/"><span class="flag-icon flag-icon-es" style="width: 24px;"></span></a> </span> </div> </div> </div> <p class="visible-lg address text-right"> <a class="openadressesbtn" href="javascript:;">i</a> <div class="openadresses"> <a target="_blank" href="https://maps.app.goo.gl/xshkiMV7TFfoRwCG7">Berlin-East: Warschauer Straße 36, 10243 Berlin</a> | <a class="mail sprite" href="mailto:info@speakeasy.berlin" title="Schreib uns eine E-Mail">info@speakeasy.berlin</a><br> <a target="_blank" href="https://maps.app.goo.gl/6esPtNnT3PLwaobm6">Berlin-West: Uhlandstraße 7-8, 10623 Berlin</a> | <a class="mail sprite" href="mailto:info@speakeasy-berlin.de" title="Schreib uns eine E-Mail">info@speakeasy-berlin.de</a><br> phone hours: 09:00 - 18:00 | <a class="phone sprite" href="tel:+493060954149" target="_blank" title="Call us">+49 30 60954149 (East)</a> | <a class="phone sprite" href="tel:+4930544536840" target="_blank" title="Call us">+49 30 544536840 (West)</a> <br> office hours: Mo - Thu: 09:00 - 18:00 Fr:09:00- 16:30 </div> </p> <style> .openadresses { position: absolute; right: 90px; margin-top: -70px; font-size: 16px; opacity: 0; transition: all 0.3s; } .openadressesbtn { margin-top: 17px; border: 2px solid #eee; background-color: rgb(0, 158, 224); color: #fff; font-weight: bold; font-size: 28px; border-radius: 50%; display: flex; align-items: center; justify-content: center; width: 50px; height: 50px; transition: 0.2s all; cursor: pointer; } .visible { opacity: 1; } @media (max-width: 1500px) { .openadresses { background-color: #fff; padding: 5px; border-radius: 5px; } } @media (max-width: 1119px) { .openadresses, .openadressesbtn { display: none; } } .navbar-nav .languages.hidden-sm.hidden-xs.hidden-md { height: 70px; } </style> <script> // Zuerst definieren wir eine Funktion, die überprüft, ob der Benutzer auf einem Mobilgerät ist // Wir wählen das Element mit der Klasse 'openadressesbtn' var openAddressesBtn = document.querySelector('.openadressesbtn'); // Wir wählen das Element, das ein- und ausgeblendet werden soll var openAddresses = document.querySelector('.openadresses'); openAddressesBtn.addEventListener('click', function (event) { // Wir toggeln die Sichtbarkeit der 'openadresses'-Klasse event.stopPropagation(); openAddresses.classList.toggle('visible'); }); </script> </div> <section class="banner-section" style="position: relative"> <div class="wo-box-winter" id="hideWinteroffer" style="display: none" onclick="window.open('/en/winter-offer', '_self')"> <div class="wo-winter-button"><span><strong class="deepltrans">Special winter offer</strong><br />Save up to 150 €<br />during the next</span><br /><span id="setcountdown"></span></div> </div> <style> .wo-box-winter { top: 330px; position: absolute; left: 50px; width:100%; max-width: 300px; height: 100%; max-height: 210px; background-image: linear-gradient(rgba(0, 158, 224, 0.6), rgba(0, 158, 224, 1)), url(/Resources/public/images/backgrounds/winter_landscape_for_language_school.jpg); background-size: cover; background-position: center; border-radius: 20px; padding:20px 30px 30px 30px; text-align: center; cursor: pointer; z-index:1001; display: flex; align-items: center; justify-content: center; transition: all 0.3s; border:4px solid #ffc000 !important; } .wo-box-winter:hover { background-image: linear-gradient(rgba(0, 158, 224, 0.8), rgba(0, 158, 224, 1)), url(/Resources/public/images/backgrounds/winter_landscape_for_language_school.jpg); } .wo-winter-button { display: block; } .wo-winter-button span { font-size: 23px; color:#fff; } .deepl #setcountdown{display: none;} .wo-winter-button .timtext { font-size: 18px; color:#fff; } @media (max-width:1199px) { .wo-box-winter { top:250px; } } @media (max-width:500px) { .wo-box-winter { left:10px; } } @media (max-width:360px) { .wo-box-winter { left:0px; } } </style> <script> document.addEventListener('DOMContentLoaded', function() { // Enddatum und -zeit: 28. Oktober 2024, 9 Uhr const endDate = new Date("2025-01-06T18:00:00").getTime(); function updateCountdown() { const now = new Date().getTime(); const distance = endDate - now; if (distance < 0) { clearInterval(interval); return; } document.getElementById("hideWinteroffer").style.display = 'block'; document.getElementById("hideWinteroffer").classList.add("shownow") // Berechnungen für Tage, Stunden, Minuten und Sekunden const days = Math.floor(distance / (1000 * 60 * 60 * 24)); const hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60)); const minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60)); const seconds = Math.floor((distance % (1000 * 60)) / 1000); // Ausgabe des Countdowns document.getElementById("setcountdown").innerHTML = days + " <span class='timtext'>days<"+"/span> " + hours + " <span class='timtext'>hours<"+"/span><br />" + minutes + " <span class='timtext'>minutes<"+"/span> " + seconds + " <span class='timtext'>seconds<"+"/span>"; } // Countdown jede Sekunde aktualisieren const interval = setInterval(updateCountdown, 1000); }); </script> <video autoplay muted loop playsinline class="banner-clip"> <source id="video" src="" type="video/mp4"> </video> </section> <div class="scroll-down visible-lg-flex"> Scroll for more Information <picture> <source srcset="/assets/start/down.webp" type="image/webp"> <source srcset="/assets/start/down.png" type="image/jpeg"> <img alt="Sepakeasy berlin - deine Sprachschule" class="" src="/assets/start/down.png"> </picture> </div> <section class="course-section "> <div class="brandenburg-gate"></div> <div class="head-wrapper"> <h2 class="section-header2 topline no-line-height"> <div class="upper-box"> <span class="box-text smaller-start-text"> always the</span> </div> <div class="lower-box smaller-start-margin "> <span class="box-text text-rotate smaller-start-text ">right German course</span> </div> </h2> </div> <div class="container"> <div class="course-slider-wrapper visible-lg-flex"> <div class="sliderbox"> <div class="section-header"> <h3>German course online</h3> </div> <p class="teaser"> Live lessons in a virtual classroom, no matter where you are – find out more about our German courses online! </p> <div class="inhouse-slider"> <div class="indexCourseBox-box"> <a title="" href="/en/german-intensive-courses-online"> <div class="col-xs-12"> <h4 class="indexCourseBox-title-h4"><span class="title-new-content">Intensive German Course</span> </h4> <div class="indexCourseBox-textbox"> <p> <span class="indexCourseBox-firstText-en"> <span class="eng-part-one">starting</span><span class="eng-part-two">from</span> </span> 239 EUR / <span class="indexCourseBox-lastText">month</span> </p> </div> <div class="indexCourseBox-infotext"> <p>2 hr 45 Min / 4 times a week</p> </div> </div> </a> </div> <div class="indexCourseBox-box"> <a title="" href="/en/german-weekly-courses-online"> <div class="col-xs-12"> <h4 class="indexCourseBox-title-h4"><span class="title-new-content">Weekly German Course</span> </h4> <div class="indexCourseBox-textbox"> <p> <span class="indexCourseBox-firstText-en"> <span class="eng-part-one">starting</span><span class="eng-part-two">from</span> </span> 129 EUR / <span class="indexCourseBox-lastText">month</span> </p> </div> <div class="indexCourseBox-infotext"> <p>1 hr 30 Min / 2 times a week</p> </div> </div> </a> </div> </div> </div> <div class="sliderbox"> <div class="section-header"> <h3>Physical course German</h3> </div> <p class="teaser"> Interactive lessons in a relaxed environment – typical for our German courses with physical attendance! </p> <div class="inhouse-slider"> <div class="indexCourseBox-box"> <a title="" href="/en/intensive-courses-german"> <div class="col-xs-12"> <h4 class="indexCourseBox-title-h4"><span class="title-new-content">Intensive German Course</span> </h4> <div class="indexCourseBox-textbox"> <p> <span class="indexCourseBox-firstText-en"> <span class="eng-part-one">starting</span><span class="eng-part-two">from</span> </span> 249 EUR / <span class="indexCourseBox-lastText">month</span> </p> </div> <div class="indexCourseBox-infotext"> <p>2 hr 45 Min / 4 times a week</p> </div> </div> </a> </div> <div class="indexCourseBox-box"> <a title="" href="/en/evening-courses-german"> <div class="col-xs-12"> <h4 class="indexCourseBox-title-h4"><span class="title-new-content">German evening course</span> </h4> <div class="indexCourseBox-textbox"> <p> <span class="indexCourseBox-firstText-en"> <span class="eng-part-one">starting</span><span class="eng-part-two">from</span> </span> 149 EUR / <span class="indexCourseBox-lastText">month</span> </p> </div> <div class="indexCourseBox-infotext"> <p>1 hr 30 Min / 2 times a week</p> </div> </div> </a> </div> <div class="indexCourseBox-box"> <a title="" href="/en/visa-services/euf"> <div class="col-xs-12"> <h4 class="indexCourseBox-title-h4"><span class="title-new-content">Visa course</span></h4> <div class="indexCourseBox-textbox"> <p> <span class="indexCourseBox-firstText-en"> <span class="eng-part-one">starting</span><span class="eng-part-two">from</span> </span> 299 EUR / <span class="indexCourseBox-lastText">month</span> </p> </div> <div class="indexCourseBox-infotext"> <p>at least 18 teaching hours a week</p> </div> </div> </a> </div> </div> </div> <div class="sliderbox"> <div class="section-header"> <h3>telc-exams</h3> </div> <p class="teaser"> Certify your German language skills with a telc exam in preparation for your studies or your new job in Berlin! </p> <div class="inhouse-slider"> <div class="indexCourseBox-box"> <a title="" href="/en/telc-exams-berlin"> <div class="col-xs-12"> <h4 class="indexCourseBox-title-h4"><span class="title-new-content">telc exam</span></h4> <div class="indexCourseBox-textbox"> <p> <span class="indexCourseBox-firstText-en"> <span class="eng-part-one">starting</span><span class="eng-part-two">from</span> </span> 159 EUR / <span class="indexCourseBox-lastText">exam</span> </p> </div> <div class="indexCourseBox-infotext"> <p>three exam dates per month</p> </div> </div> </a> </div> </div> </div> </div> <div class="course-slider-wrapper hidden-lg"> <div class="radio-group"> <label class="btn btn-block btn-primary"> <input style="display: none;" type="radio" name="rotate-cube-side" value="front" checked/> Physical course German </label> <label class="btn btn-block btn-primary"> <input style="display: none;" type="radio" name="rotate-cube-side" value="right"/> German course online </label> <label class="btn btn-block btn-primary"> <input style="display: none;" type="radio" name="rotate-cube-side" value="left"/> telc-exams </label> </div> <div class="scene sliderbox"> <div class="cube"> <div class="cube__face cube__face--front"> <div class="section-header cube-header"> <h3>Physical course German</h3> </div> <div class="inhouse-slider"> <div class="indexCourseBox-box"> <a title="" href="/en/intensive-courses-german"> <div class="col-xs-12"> <h4 class="indexCourseBox-title-h4"><span class="title-new-content">Intensive German Course</span> </h4> <div class="indexCourseBox-textbox"> <p> <span class="indexCourseBox-firstText-en"> <span class="eng-part-one">starting</span><span class="eng-part-two">from</span> </span> 249 EUR/<span class="indexCourseBox-lastText">month</span> </p> </div> <div class="indexCourseBox-infotext"> <p>2 hr 45 Min / 4 times a week</p> </div> </div> </a> </div> <div class="indexCourseBox-box"> <a title="" href="/en/evening-courses-german"> <div class="col-xs-12"> <h4 class="indexCourseBox-title-h4"><span class="title-new-content">German evening course</span> </h4> <div class="indexCourseBox-textbox"> <p> <span class="indexCourseBox-firstText-en"> <span class="eng-part-one">starting</span><span class="eng-part-two">from</span> </span> 149 EUR / <span class="indexCourseBox-lastText">month</span> </p> </div> <div class="indexCourseBox-infotext"> <p>1 hr 30 Min / 2 times a week</p> </div> </div> </a> </div> <div class="indexCourseBox-box"> <a title="" href="/en/visa-services/euf"> <div class="col-xs-12"> <h4 class="indexCourseBox-title-h4"><span class="title-new-content">Visa course</span> </h4> <div class="indexCourseBox-textbox"> <p> <span class="indexCourseBox-firstText-en"> <span class="eng-part-one">starting</span><span class="eng-part-two">from</span> </span> 299 EUR/<span class="indexCourseBox-lastText">month</span> </p> </div> <div class="indexCourseBox-infotext"> <p>at least 18 teaching hours a week</p> </div> </div> </a> </div> </div> </div> <div class="cube__face cube__face--back"></div> <div class="cube__face cube__face--right"> <div class="section-header cube-header"> <h3>German course online</h3> </div> <div class="inhouse-slider"> <div class="indexCourseBox-box"> <a title="" href="/en/german-intensive-courses-online"> <div class="col-xs-12"> <h4 class="indexCourseBox-title-h4"><span class="title-new-content">Intensive German Course</span> </h4> <div class="indexCourseBox-textbox"> <p> <span class="indexCourseBox-firstText-en"> <span class="eng-part-one">starting</span><span class="eng-part-two">from</span> </span> 239 EUR/<span class="indexCourseBox-lastText">month</span> </p> </div> <div class="indexCourseBox-infotext"> <p>2 hr 45 Min / 4 times a week</p> </div> </div> </a> </div> <div class="indexCourseBox-box"> <a title="" href="/en/german-weekly-courses-online"> <div class="col-xs-12"> <h4 class="indexCourseBox-title-h4"><span class="title-new-content">Weekly German Course</span> </h4> <div class="indexCourseBox-textbox"> <p> <span class="indexCourseBox-firstText-en"> <span class="eng-part-one">starting</span><span class="eng-part-two">from</span> </span> 129 EUR/<span class="indexCourseBox-lastText">month</span> </p> </div> <div class="indexCourseBox-infotext"> <p>1 hr 30 Min / 2 times a week</p> </div> </div> </a> </div> </div> </div> <div class="cube__face cube__face--left"> <div class="section-header cube-header"> <h3>telc-exams</h3> </div> <div class="inhouse-slider"> <div class="indexCourseBox-box"> <a title="" href="/en/telc-exams-berlin"> <div class="col-xs-12"> <h4 class="indexCourseBox-title-h4"><span class="title-new-content">telc exam</span> </h4> <div class="indexCourseBox-textbox"> <p> <span class="indexCourseBox-firstText-en"> <span class="eng-part-one">starting</span><span class="eng-part-two">from</span> </span>159 EUR/<span class="indexCourseBox-lastText">exam</span> </p> </div> <div class="indexCourseBox-infotext"> <p>three exam dates per month</p> </div> </div> </a> </div> </div> </div> </div> </div> </div> </div> </section> <section class="richsnippet"> <script type="text/javascript" data-css-selector=".custom-richsnippets-1" src="https://www.provenexpert.com/widget/richsnippet.js?u=2LQplAKZiOQZjqGBmNQphWwojpGp5VGZ&v=2" async> </script> <script type="text/javascript" data-css-selector=".custom-richsnippets-2" data-language="en-US" src="https://www.provenexpert.com/widget/richsnippet.js?u=2LQplAKZiSwZ3RKAlSmoltGZjRGAjRaA&v=2" async> </script> <style> .pe-richsnippets a, pe-richsnippets a span { font-size: 22px !important; } .pe-richsnippets { margin-bottom:20px; } </style> </section> <section style="background-color: #ebebeb;"> <div class="container"> <div style="margin-top:20px;" class="section-header"> <div class="header-line left hidden-xs hidden-sm" style="max-width: 100%;"></div> <h2>Our locations in Berlin</h2> <div class="header-line right hidden-xs hidden-sm animated" style="max-width: 100%;"> </div> </div> <div class="standorte"> <div> <div class="custom-richsnippets-1 pe-richsnippets" id="richsnippet-1"></div> <div class="berlinost"><a href="/en/berlin-east"> <div><img alt="East" src="/Resources/public/images/standorte/eastside.jpg" class="lazyload" loading="lazy"></div> <div class="white-standort-box"> <span class="headline-standort">speakeasy Berlin-East</span> Warschauer Straße 36<br/> 10243 Berlin Friedrichshain </div></a> </div> <div class="zdr text-center"> <a href="https://www.google.com/maps/@52.5049948,13.4481761,3a,75y,117.74h,90t/data=!3m8!1e1!3m6!1sAF1QipPCKPVHVVdTe6ozUGmoL_grPCj_DerMzZs2twCY!2e10!3e12!6shttps:%2F%2Flh5.googleusercontent.com%2Fp%2FAF1QipPCKPVHVVdTe6ozUGmoL_grPCj_DerMzZs2twCY%3Dw900-h600-k-no-pi0-ya0.0000021362304920558017-ro0-fo100!7i10000!8i5000?entry=ttu&g_ep=EgoyMDI0MTEyNC4xIKXMDSoASAFQAw%3D%3D"> Start Digital Tour -> </a> </div> </div> <div> <div class="custom-richsnippets-2 pe-richsnippets" id="richsnippet-2"></div> <div class="berlinwest"><a href="/en/berlin-west"> <div><img alt="West" src="/Resources/public/images/standorte/westside.jpg" class="lazyload" loading="lazy"></div> <div class="white-standort-box"> <span class="headline-standort">speakeasy Berlin-West</span> Uhlandstraße 7-8<br/> 10623 Berlin Charlottenburg </div></a> </div> <div class="zdr text-center"> <a href="https://www.google.com/local/place/fid/0x47a851fc7a75f2e9:0xdcbd92bebe13a887/photosphere?iu=https://lh5.googleusercontent.com/p/AF1QipNcGsnSbiVyZ2bbtf9BKB9OgRsdbjcG1w5koBlJ%3Dw160-h106-k-no-pi0-ya265-ro-0-fo100&ik=CAoSLEFGMVFpcE5jR3NuU2JpVnlaMmJidGY5QktCOU9nUnNkYmpjRzF3NWtvQmxK"> Start Digital Tour -> </a> </div> </div> </div> </div> <style> .zdr { margin-top: 20px; padding-left: 10px; font-weight: 700; } .standorte { width:100%; display:flex; flex-wrap:wrap; justify-content: space-evenly; padding-top:20px; padding-bottom:80px; } .standorte a { } .headline-standort { font-size: 26px; } .standorte .berlinost img, .standorte .berlinwest img { width: 300px !important; height: 300px !important; min-height: unset !important; box-shadow: 0 0 10px rgba(0, 0, 0, 0.6); border-radius: 50%; } .standorte .berlinost span, .standorte .berlinwest span { font-weight: bold; display: block; margin-top: -20px; text-align: center; } .standorte .berlinost, .standorte .berlinwest { transition: 0.3s all; display: flex; flex-direction: column; gap: 10px; } .standorte .berlinost:hover, .standorte .berlinwest:hover { transform: scale(1.05); } .white-standort-box { display: block; margin: auto; opacity: 0.9; background-color: #fff; color: #009bdc; border-radius: 10px; border: 4px solid #009bdc; padding: 20px 15px 5px 15px; position: absolute; z-index: 3; margin-top: 250px; width: 320px; text-align: center; } @media (max-width: 620px) { .standorte { flex-direction: column; justify-content: center; align-items: center; bottom: 210px; } .standorte .berlinost { margin-bottom: 60px; } .standorte .berlinwest { margin-bottom: 0px; } } @media (max-width: 599px) { .standorte .berlinost { margin-bottom: 70px; } .standorte .berlinwest { margin-bottom: 20px; } .standorte .berlinost img, .standorte .berlinwest img { } .white-standort-box { } } @media (max-width: 450px) { .standorte { bottom: 270px; } .standorte .berlinost { margin-bottom: 120px; } .standorte .berlinwest { margin-bottom: 20px; } .standorte .berlinost img, .standorte .berlinwest img { } .white-standort-box { margin-top: 260px; margin-left: 0px; } .headline-standort { font-size: 22px; } } </style> <div name="why--speakeasy"></div> </section> <section class="bg-floor whyspeakeasy"> <h2 class="section-header2 why-speakeasy-line-height"> Why learn German<br />with speakeasy? </h2> <div class="container"> <div class="speech-wrapper icon-idee"> <div class="text-wrapper"> <h3>The speakeasy Method </h3> <p> Conversation-based and with exactly the right mix of theory and practise – this is how you learn German for the real world in Berlin, Hamburg and Munich! </p> </div> </div> <div class="speech-wrapper icon-group"> <div class="text-wrapper"> <h3>Great Learning Group Sizes </h3> <p> Our small groups average 8 to 10 students (min 4; max -depending on classroom- 12 or 14) so you’ll have lots of one-on-one time with your teacher. </p> </div> </div> <div class="speech-wrapper icon-you"> <div class="text-wrapper"> <h3>Live-Teacher Online Tutoring </h3> <p> Missed a class or didn’t understand a topic? No problem! We offer <a href="/en/online-tutoring" target="_blank" title="free online tutoring sessions by speakeasy">online tutoring sessions</a> with a real teacher for free to current students. </p> </div> </div> <div class="speech-wrapper icon-community"> <div class="text-wrapper"> <h3>Speakeasy Events & Community </h3> <p> Events, an online community, and regular outings to local bars & museums make finding friends and language practice partners easy! </p> </div> </div> <div class="speech-wrapper icon-event"> <div class="text-wrapper"> <h3>Free Workshops & Seminars </h3> <p> Attend regular <a href="/en/events" title="Your benefit at speakeasy" target="_blank">free-of-charge workshops</a> to help refine your German grammar or aid you in settling into life in Germany. </p> </div> </div> <div class="speech-wrapper icon-documents"> <div class="text-wrapper"> <h3>Speakeasy Library </h3> <p> Online and available 24/7 – in our library, you can find information on your course, homework, and additional material! </p> </div> </div> </div> </section> <style> .speech-wrapper h3 { margin-top:25px !important; margin-bottom:5px !important; color: #009bdc; text-align: center; font-size: 18px; font-weight: 700; } </style> <section class="rating-section" id="rating"> <div class="row m0"> <div class="section-header only-mobile"> <div class="header-line left hidden-xs hidden-sm" style="max-width: 100%;"></div> <h2>Impressions about the school</h2> <div class="header-line right hidden-xs hidden-sm animated" style="max-width: 100%;"> </div> </div> <div class="col-lg-6 col-md-6 centervideos"> <div class="left"> <</div> <div class="right"> ></div> <div class="videoflex"> <div class="testimonialsvideo Beatriz" video="Beatriz"> </div> <div class="testimonialsvideo Martin" video="Martin"> </div> <div class="testimonialsvideo Natalie" video="Natalie"> </div> <div class="testimonialsvideo Carla" video="Carla"> </div> <div class="testimonialsvideo Luis" video="Luis"> </div> <div class="testimonialsvideo Polina" video="Polina"> </div> </div> <style> .videoflex { display: flex; flex-wrap: wrap; gap: 20px; margin: auto; justify-content: center; position: relative; transition: 0.3s all; } .centervideos { display: flex; justify-content: center; align-items: center; flex-direction: column; margin-top: 40px; margin-bottom: 40px; gap: 20px; position: relative; } .testimonialsvideo { width: 25%; position: relative; cursor: pointer; margin: 0; padding: 0; } .testimonialsvideo .play { position: absolute; top: 10px; right: 20px; width: 60px; height: 60px; background-color: #009bdc; border-radius: 50%; border: 5px solid #fff; transition: 0.3s all; } .testimonialsvideo .info { position: absolute; bottom: 35px; right: 0px; left: 0px; height: 80px; background-color: #009bdc; color: #fff; text-align: center; } .testimonialsvideo .info h4 { text-align: center; color: #fff; font-weight: bold; } .testimonialsvideo .info p { text-align: center; color: #fff; margin-top: -10px; } .testimonialsvideo:hover .play { background-color: #ffc000 !important; } .testimonialsvideo img { width: 100%; border-radius: 10px; } .testimonialsvideo video { border-radius: 10px; } .only-mobile { display: none !important; } .centervideos .left, .centervideos .right { display: none; z-index: 2; } .centervideos .left, .centervideos .right { width: 60px; height: 60px; background-color: #009bdc; color: #fff; font-weight: bold; padding-top: 2px; border-radius: 50%; border: 5px solid #fff; transition: 0.3s all; text-align: center; box-shadow: 0 0 15px rgba(0, 0, 0, 0.6); font-size: 30px; cursor: pointer; position: absolute; } .centervideos .left:hover, .centervideos .right:hover { background-color: #ffc000 !important; } .centervideos .left { left: 25px; margin-top: 60%; display: none; } .centervideos .right { right: 25px; margin-top: 60%; } @media (max-width: 991px) { .only-mobile { display: block !important; } .fullwrapperreviews .section-header { display: none; } } @media (max-width: 450px) { .testimonialsvideo { width: 100%; } .videoflex { flex-wrap: nowrap; width: 630%; } .centervideos .right { display: block; } .centervideos { overflow-x: hidden; display: block; } .testimonialsvideo .info { height: 130px; padding-top: 25px; } } </style> </div> <div class="col-lg-6 col-md-6 bg-white">  <noscript><a href="https://www.provenexpert.com/speakeasy-berlin-ost/?utm_source=seals&utm_campaign=embedded-proseal&utm_medium=profile&utm_content=b10957ad-239b-4ed5-bb3b-b16d02d9084c" target="_blank" title="Customer reviews & experiences for speakeasy Berlin Ost" class="pe-pro-seal-more-infos" >More info</a> </noscript> <script defer nowprocket id="proSeal"> window.loadProSeal = function(){ window.provenExpert.proSeal({ widgetId: "b10957ad-239b-4ed5-bb3b-b16d02d9084c", language:"en-US", usePageLanguage: false, bannerColor: "#0DB1CD", textColor: "#FFFFFF", showBackPage: true, showReviews: true, hideDate: true, hideName: false, googleStars: true, displayReviewerLastName: false, embeddedSelector: "#proSealWidget" }) }; window.onload = function() { var script = document.createElement('script'); script.src = "https://s.provenexpert.net/seals/proseal-v2.js"; script.onload = loadProSeal; document.head.appendChild(script); } </script> <div style="gap:40px; display: flex; align-items: center; justify-content: center; padding-top:40px;"> <div id="proSealWidget"></div> </div>  <div style="width:100%;max-width:500px;padding:40px 20px;display: flex;align-items: center;justify-content: center;margin: auto;"> <picture> <source srcset="/Resources/public/images/award/GCA24_Winner_Logo_Gold.webp" type="image/webp"> <source srcset="/Resources/public/images/award/GCA24_Winner_Logo_Gold.webp" type="image/png"> <img src="/Resources/public/images/award/GCA24_Winner_Logo_Gold.webp" class="img-responsive lazyload" alt="Gmaps" loading="lazy"> </picture> </div> </div> </div> </section> <div data-controller="live" data-live-name-value="ConfiguratorComponent" data-live-url-value="/en/_components/ConfiguratorComponent" data-live-listeners-value="[{"action":"openRegistration","event":"openRegistration"},{"action":"registrationSuccess","event":"registration-success"},{"action":"loginSuccess","event":"login-success"},{"action":"invoiceDataCompleted","event":"invoiceData-completed"},{"action":"jumpToCourseSelection","event":"jumpToCourseSelection"},{"action":"jumpToTicketSelection","event":"jumpToTicketSelection"},{"action":"fireStartCheckout","event":"fireStartCheckout"},{"action":"translateAllConfiguratortextes","event":"translateAllConfiguratortextes"}]" id="live-826408318-0" data-live-props-value="{"step":"CourseType","location":0,"locationName":null,"courses":null,"category":null,"toConfigurator":false,"cid":null,"lvl":null,"courseDates":null,"hideSearch":null,"hideIds":null,"coursedate":null,"courseStatus":null,"courseContent":[],"levelOptions":null,"month":null,"year":null,"onlineCourses":null,"configuratorlink":null,"listId":null,"listName":null,"headline":null,"courseCategory":null,"locale":null,"prices":null,"suffix":null,"courseType":null,"brand":null,"forStatus":null,"courseMonths":null,"filterBlock":null,"telcStatus":null,"course":null,"template":null,"employerBooking":null,"courseID":null,"showYouSave":null,"showTicketHint":null,"item":null,"level":null,"tickets":null,"chosenTicketID":null,"directBooking":false,"hideLevelSelection":false,"anotherlanguage":null,"formName":"app_bundlestep2","app_bundlestep2":{"ticket":"value","_token":"767b4973aa0.SiOdImHRdtRNZHoUHg2bQXpgUbU3qXVVV6fifXtOP8E.M1frQAeCIoIkVStsVDroKBwCadN0zBQ0IeanORYlWK59E65ACaFHvxc0Iw"},"isValidated":false,"validatedFields":[],"@attributes":{"id":"live-826408318-0"},"@checksum":"ftP2oNCu9kNH9AEoLjSEEKeSNfp28nWpfE\/j3h04WTE="}"> <section class="exam grey new-configurator"> <div id="entryPoint"></div> <div class="container"> <div class="section-header2 start-configurator"> <div class="upper-box"> <span class="box-text">Course configurator</span> </div> </div> </div> <div id="ourCourses"></div> <div class="container"> <div class="row"> <div class="col-md-12" style="margin-bottom: 20px;"> <div class="row"> <h3 class="h3conf text-center" style="font-weight: 700;">What would you like to choose?</h3> <style> .flash-notice { padding: 7px 15px 5px; background-color: #34a737; color: #fff; border-radius: 15px; max-width: 600px; width: 90%; text-align: center; margin: 20px auto; } </style> <div class="col-md-6 col-xs-12 mb-30"> <a href="javascript:void(0);" data-action="live#action" data-live-action-param="nextStep" data-live-step-param="Location" data-live-category-param="1" class="btn-block btn btn-rounded" title="German courses">German courses</a> </div> <div class="col-md-6 col-xs-12 mb-30"> <a href="javascript:void(0);" data-action="live#action" data-live-action-param="nextStep" data-live-step-param="Location" data-live-category-param="5" class="btn-block btn btn-rounded" title="telc exams">telc exams</a> </div> </div> </div> </div> </div> </section> </div> <section class="section grey"> <div class="container-fluid"> <div class="row"> <div id="carouselInfo" class="carousel slide" data-ride="carousel"> <ol class="carousel-indicators img-responsive"> <li data-target="#carouselInfo" data-slide-to="0" class="active"></li> <li data-target="#carouselInfo" data-slide-to="1"></li> <li data-target="#carouselInfo" data-slide-to="2"></li> <li data-target="#carouselInfo" data-slide-to="3"></li> <li data-target="#carouselInfo" data-slide-to="4"></li> <li data-target="#carouselInfo" data-slide-to="5"></li> </ol> <div class="carousel-inner" id="slider-index-em"> <div class="item active"> <div class="slide"> <div class="container" id="carousel"> <div class="section-header"> <div class="header-line left hidden-xs hidden-sm" style="max-width: 100%;"></div> <h2>Welcome to speakeasy Berlin - the language school in Berlin!</h2> <div class="header-line right hidden-xs hidden-sm animated" style="max-width: 100%;"> </div> </div> <p> Here at speakeasy German <strong>language school Berlin</strong> we have always been proud to do things a little differently. We believe, above all, that learning should be a pleasant and relaxed experience. With this in mind, we created what we think is the perfect place for practical learning: Our language schools in Berlin, Hamburg and Munich! </p> <p> At speakeasy we are proud to put our students’ needs first and to deliver a stress-free personalized service in language training for all levels and purposes. </p> <h3>What we offer:</h3> <p> speakeasy offers conversation-based courses for German from beginner to advanced level (A1 to C2). </p> <p> When it comes to German courses, we offer the full range of morning, afternoon and <a href="/en/evening-courses-german" title="🎓︎ Evening Classes German | For over the day busy people">evening classes</a>. Learn at your own pace by choosing an intensive course, an evening course or a super-intensive course that combines both day and evening elements. </p> <p> Or why don't you give another language a "go" and join one of our <a href="/en/evening-courses-english" title="Evening classes English - find out more">English evening courses</a>? We also provide one-to-one tuition, which is fully flexible and can be arranged to suit your specific needs (and your schedule!) </p> <p> If you are after an official qualification for university admission or job purposes, you can take a TELC examination with us at the speakeasy <strong>language school in Berlin</strong>, recognized worldwide. speakeasy also provides in-house corporate training in both English and German, which can be designed according to your business needs - while staying true to the speakeasy teaching spirit (<a href="/en/teacher-team" title="Meet our speakeasy language teaching team">click here for more</a>) </p> </div> </div> </div> <div class="item"> <div class="slide"> <div class="container" id="carousel"> <div class="section-header"> <div class="header-line left hidden-xs hidden-sm" style="max-width: 100%;"></div> <h2>Welcome to speakeasy Berlin - the language school in Berlin!</h2> <div class="header-line right hidden-xs hidden-sm animated" style="max-width: 100%;"> </div> </div> <h3>‘No nonsense’ approach</h3> <p> Speakeasy is the only <strong>language school Berlin</strong> offers, that prioritizes making things as simple as possible for you. We ensure our fees are easy to understand. </p> <p> You’ll also find many special offers on courses – get in touch with us! Whether <a href="/en/intensive-courses-german" title="🎓︎ Intensive German Course - German language learning">intensive</a> or <a href="/en/evening-courses-english" title="Evening classes English - find out more">evening</a>, our courses are scheduled so you can easily switch if you want to speed up or slow down. </p> <h3>You are what matters!</h3> <p> At speakeasy Berlin we put your individual needs at the centre of what we do: </p> <ul class="bubble-list with-pr"> <li>we teach in small groups (8-10 people on average) so you get the most out of your training. </li> <li>we believe that in learning it is vital to understand the students and focus on their interest & individual characters. </li> <li>speakeasy is a place where students overcome their personal hurdles in an open, warm environment and allow their spoken and written language to flourish! </li> <li>we help students find accommodation. From our <a href="/en/speakeasy-flats" title="Accommodation - speakeasy apartments">own speakeasy apartment</a> near the <strong>language school in Berlin</strong>, to reliable hostels, we’ll find the best way to get you settled! </li> </ul> </div> </div> </div> <div class="item"> <div class="slide"> <div class="container" id="carousel"> <div class="section-header"> <div class="header-line left hidden-xs hidden-sm" style="max-width: 100%;"></div> <h2>Welcome to speakeasy Berlin - the language school in Berlin!</h2> <div class="header-line right hidden-xs hidden-sm animated" style="max-width: 100%;"> </div> </div> <h3>Our German language school Berlin, in Friedrichshain</h3> <p> Located in the buzzing cultural heart of the capital, Friedrichshain, German language school speakeasy Berlin provides the perfect atmosphere for our teaching method. Forget boring classrooms, at speakeasy our rooms have as much character as our students, with artworks from local artists (several of which are students!) and comfortable vintage furniture from Berlin. </p> <p> To help you get to know the city and its people, we offer special programmes and events. If you’re learning German, how about joining our regular "Stammtisch" events and practice your German while enjoying a cold beer with your fellow students and speakeasy's tutors? And what would the coolest school in Berlin has to offer be, without its own <a href="/en/weekly-courses-german" title="🎓︎ German conversation Class | learn real spoken German">conversation classes</a> - free of grammar and other formal restrictions? And of course don't miss out on our regular ‘vernissage’ events, featuring artists and performers from Berlin. </p> <h3>speakeasy Berlin - teachers and method</h3> <p> Our team of worldly, experienced native language trainers embody the speakeasy spirit and are here to help you achieve your goals, whether you’re a beginner or advanced, whether you need general practice or you are training for a specific exam. </p> <p> The teachers pride themselves in bringing their classes to life with passion and enthusiasm. Forget how it was at school with big classes and a teacher at the front boring you with grammar – at speakeasy German language school Berlin's free spirit is transferred to the classroom: here it’s as much about you as it is them! Our trainers use up to date methods to ensure everyone gets the most experience of the language possible – and of course has fun with it! </p> </div> </div> </div> <div class="item"> <div class="slide"> <div class="container" id="carousel"> <div class="section-header"> <div class="header-line left hidden-xs hidden-sm" style="max-width: 100%;"></div> <h2>Learn German Berlin – at speakeasy</h2> <div class="header-line right hidden-xs hidden-sm animated" style="max-width: 100%;"> </div> </div> <p>For <strong>German Language Learning</strong>, Berlin is a fantastic place to do so and at speakeasy we will help you make the most of your time here, with practical training for the real world.</p> <h3>Why speakeasy is different</h3> <p>The city Berlin has always been rather ‘different’. With undoubtedly one of the most unusual histories of any city in the world, today it continues to be proudly different in many ways. You see it when you walk down the street, in the shops, the buzzing cultural sphere and the dynamic business scene.</p> <p>Like Berlin, speakeasy has always prided itself on being different. It was, after all, founded on a different approach to language training. The idea was to do away with old-fashioned didactic teaching methods and offer practical training for the real world. It was also about doing away with the dull environments often equated with schools. Effective language training is about getting the most from each individual student – accordingly the atmosphere should be warm and open.</p> <p>If you want to learn German, Berlin offers many options, but few schools offer the interactive experience of learning you will find at speakeasy in our small group classes where, above all, learning is fun and exciting.</p> </div> </div> </div> <div class="item"> <div class="slide"> <div class="container" id="carousel"> <div class="section-header"> <div class="header-line left hidden-xs hidden-sm" style="max-width: 100%;"></div> <h2>Learn German Berlin – at speakeasy</h2> <div class="header-line right hidden-xs hidden-sm animated" style="max-width: 100%;"> </div> </div> <h3>Learn German in Berlin – making things easy for you!</h3> <p>Inside and outside the classroom your needs as the student matter greatly to us. So we’re all about providing training and other services that will really help you and making it all as easy as possible!</p> <ul class="bubble-list with-pr"> <li>We offer a variety of different courses, daytime and evening, to suit your requirements so you can learn German Berlin at the times and the pace you want to. </li> <li>Classes are firmly based in interactive learning, delivering a personalized experience of learning. We will ensure you are set up for real life language use. </li> <li>Registering for classes is easy – we use simple pricing structures with great discounts for you and above all, no hidden costs! </li> <li>You need to change your classes? we will always do our best to help, just come talk to us. </li> <li>Our additional services like visa support, accommodation and health insurance make the German Language Learning experience much easier for you. </li> </ul> </div> </div> <div class="slide"> <div class="container" id="carousel"> <h3>Level up your language!</h3> <p>At speakeasy we help students achieve their goals from beginner to advanced level, with classes structured as per the CEFR (Common European Framework of Reference for languages). You will always know what level you’re at based on this system, recognized worldwide, and attendance certificates can be provided for classes at all levels (for a small fee of 5€).</p> <p>If you do need an official qualification certifying your language level we offer telc examinations - recognized in the academic world and by employers all over the world. These take place at the end of each course month and classes at every level prepare you naturally for the corresponding examination.</p> </div> </div> </div> <div class="item"> <div class="slide"> <div class="container" id="carousel"> <div class="section-header"> <div class="header-line left hidden-xs hidden-sm" style="max-width: 100%;"></div> <h2>Learn German in Berlin – at speakeasy</h2> <div class="header-line right hidden-xs hidden-sm animated" style="max-width: 100%;"> </div> </div> <h3>German Language Learning – set your own pace!</h3> <p>With our choice of different German courses, you can decide how quickly you want to learn German.</p> <p>If you can focus a few hours every day on classes, choose from an intensive or super-intensive course (the latter is also suitable for getting a language course visa or study preparation visa). With these courses, you’ll complete a sub-level (e.g. A1.1, A1.2) every month (4 weeks). Classes are at either 9.00, 12.00 or 15.00 Mondays to Thursdays. With the Super-Intensive you’ll also take a class on Fridays at 10.00.</p> <p>If you prefer to take things more slowly, or need to schedule classes around a busy day-time schedule, you can learn German in Berlin with one of our Evening Courses. You’ll finish each language sub-level every 2 months this way. Choose from times at either 18.00 or 19.45 with 90 minute sessions twice a week.</p> <p>Don’t forget, if you want complete flexibility in terms of planning your classes, we also offer Private Lessons. These allow you to schedule your classes at times that suit you and of course the lessons are entirely tailored to your specific needs.</p> </div> </div> <div class="slide"> <div class="container"> <h3>Welcome to Friedrichshain!</h3> <p>The speakeasy experience extends beyond our comfortable classrooms. Don’t forget you can also join a variety of free events, such as our ‘Stammtisch’ where you can practice German over a drink with your fellow students and teachers, film screenings where you’ll see the best of German cinema and our Vernissage events, where we showcase the best of local talent in art and music. After all, experiencing Berlin is about immersing in more than just the language!</p> <p>If you need additional help before coming to learn German in Berlin – don’t forget we offer health insurance, visa support, accommodation as well as online training. Just let us know how we can help – that’s what we’re here for!</p> </div> </div> </div> </div>  <a class="left carousel-control" href="#carouselInfo" role="button" data-slide="prev"> <span class="fa fa-angle-left" aria-hidden="true"></span> <span class="sr-only">Previous</span> </a> <a class="right carousel-control" href="#carouselInfo" role="button" data-slide="next"> <span class="fa fa-angle-right" aria-hidden="true"></span> <span class="sr-only">Next</span> </a> </div> </div> </div> </section> <section class="section grey"> <div class="container"> <div class="section-header"> <div class="header-line left hidden-xs hidden-sm" style="max-width: 100%;"></div> <h2>Language school Berlin - Learning german can be so easy<br></h2> <div class="header-line right hidden-xs hidden-sm animated" style="max-width: 100%;"> </div> </div> <div class="row"> <div class="col-md-7"> <h3> Speakeasy - your language school in Berlin </h3> <p> Fed up of just ‘getting by’ with basic language skills? Or maybe you need to take a German course to help with your work or studies? Above all, it doesn’t need to be a chore! At speakeasy we believe learning should be fun – we think this way gets the best results. And we’re proud to have welcomed many students from all over the world who can prove this. </p> <p> We run small group classes to make sure every student gets the most from their course and a personalized experience of learning in a warm, relaxed environment. Above all, as a student at speakeasy your needs come first and making things easy is our priority. Located in the centre of Berlin, we are easily accessible and well located for the main attractions of the city. The speakeasy team is also on hand to help with many other aspects of your stay, including accommodation and visa support – get in touch using our enquiry form to find out more. </p> <p> Our <a href="https://speakeasy.groovehq.com/help" target="_blank" rel="noopener" title="speakeasy - Language school Berlin Knowledgebase">knowledgebase</a> is also super helpful – here you can find the answers to frequently asked questions. </p> <p> speakeasy is proud be to listed as the <a href="https://vidalingua.com/blog/best-language-schools-learn-german-berlin.php" rel="noopener" target="_blank" title="speakeasy berlin Number 1">Number 1 Language School to learn a language in Berlin by Vidalingua</a> . </p> <h3> Speakeasy - Learn German in Berlin </h3> <p> <a href="/en/german-courses-berlin" title="German courses Berlin | A variety of different courses for you">German courses</a> have always been our main focus at speakeasy and we offer a range of options to suit the different needs of our students, whether beginner, intermediate or advanced. Choose from <a href="/en/super-intensive-courses-german" title="🎓︎ Super Intensive German Course - Learn German fast">Super-Intensive</a> or <a href="/en/intensive-courses-german" title="🎓︎ Intensive German Course - German language learning">Intensive</a> courses to learn German most quickly or go for an <a href="/en/evening-courses-german" title="🎓︎ Evening Classes German | For over the day busy people">Evening Course German</a> if you need to fit your training around a busy daytime schedule. We offer classes in the morning, afternoon and evening so it really is easy to find the right course for you! </p> <p> At speakeasy Berlin our German courses are focused on practical learning for the real world. Sign up now and see how you can improve your German skills and have great fun doing it. </p> <p> Come <a href="https://www.google.de/maps/@52.5053352,13.4483052,3a,75y,90.18h,85.94t/data=!3m6!1e1!3m4!1sAF1QipND2DsLHOHIp1UdapCw52hlg6hARrG4vD2jXANx!2e10!7i7260!8i3630" title="take a virtual tour">take a virtual tour</a> - find out what makes us different to other schools! </p> <br/> <br/> </div> <div class="col-md-5" id="mail"> <a target="_blank" href="https://goo.gl/maps/Qva6C82UiDnJTDrX6"> <picture> <source srcset="/Resources/public/images/gmaps-standort-berlin.webp" type="image/webp"> <source srcset="/Resources/public/images/gmaps-standort-berlin.webp" type="image/png"> <img src="/Resources/public/images/gmaps-standort-berlin.webp" class="img-responsive lazyload" alt="Gmaps" loading="lazy"> </picture> </a> <address class="right-adress" itemscope itemtype="https://schema.org/LocalBusiness"> <h4><span itemprop="name">Speakeasy Berlin-East</span><br> <small>- Language school Berlin Friedrichshain -</small> </h4> <div itemprop="address" itemscope itemtype="https://schema.org/PostalAddress"> <span itemprop="streetAddress">Warschauer Straße 36</span><br> <span itemprop="postalCode">10243</span> <span itemprop="addressLocality">Berlin-Friedrichshain</span>, <span itemprop="addressCountry">Deutschland</span> <br> <meta itemprop="telephone" content="+493060954149"> </div> </address> <a href="https://www.google.de/maps/place/speakeasy+Berlin+%E2%80%93+Language+school/@52.50656,13.2493123,13z/data=!3m1!5s0x47a850fd051bc3f7:0xe20757dae102f466!4m10!1m2!2m1!1sspeakeasy+berlin!3m6!1s0x47a851fc7a75f2e9:0xdcbd92bebe13a887!8m2!3d52.50656!4d13.32553!15sChBzcGVha2Vhc3kgYmVybGluIgOIAQFaEiIQc3BlYWtlYXN5IGJlcmxpbpIBFmdlcm1hbl9sYW5ndWFnZV9zY2hvb2zgAQA!16s%2Fg%2F11sw462spx?entry=ttu" target="_blank"> <picture> <source srcset="/Resources/public/images/berlin-west-maps.jpg" type="image/jpg"> <img src="/Resources/public/images/berlin-west-maps.jpg" class="img-responsive lazyload" alt="Gmaps Berlin-West" loading="lazy"> </picture> </a> <address class="right-adress" itemscope itemtype="https://schema.org/LocalBusiness"> <h4><span itemprop="name">Speakeasy Berlin-West</span><br> <small>- Language school Berlin Charlottenburg -</small> </h4> <div itemprop="address" itemscope itemtype="http://schema.org/PostalAddress"> <span itemprop="streetAddress"> Uhlandstraße 7-8</span> <br> <span itemprop="postalCode">10623</span> <span itemprop="addressLocality">Berlin-Charlottenburg</span>, <span itemprop="addressCountry">Deutschland</span> <br> <meta itemprop="telephone" content="+493060954149"> </div> </address> <form name="app_bundle_contact" method="post" action="/en/"> <div class="form-group"><label class="control-label required" for="app_bundle_contact_name">Name</label> <input type="text" id="app_bundle_contact_name" name="app_bundle_contact[name]" required="required" placeholder="Name" aria-label="Name" class="form-control" /> </div> <div class="form-group"><label class="control-label required" for="app_bundle_contact_phone">Phone</label> <input type="text" id="app_bundle_contact_phone" name="app_bundle_contact[phone]" required="required" placeholder="Phone" aria-label="Telefon" class="form-control" /> </div> <div class="form-group"><label class="control-label required" for="app_bundle_contact_email">E-Mail</label> <input type="email" id="app_bundle_contact_email" name="app_bundle_contact[email]" required="required" placeholder="E-Mail" aria-label="E-Mail" class="form-control" /> </div> <div class="form-group"><label class="control-label" for="app_bundle_contact_repeatemail">Repeatemail</label> <input type="email" id="app_bundle_contact_repeatemail" name="app_bundle_contact[repeatemail]" placeholder="confirm E-Mail" class="form-control" /> </div> <textarea id="app_bundle_contact_message" name="app_bundle_contact[message]" required="required" placeholder="Message" aria-label="Nachricht" class="form-control"></textarea> <div style="display:none"> <input type="hidden" id="app_bundle_contact__token" name="app_bundle_contact[_token]" value="063e207440858230b218cb9.9mpHpO9zYClaILkvrR-O5ivD1OiA1vIAHWSyNCQ7ZCA.ol89zJscAWZsbY132Er2gXuyobnj-4RzR1fmWFNrBW-DKS3QvUQwYjxoiQ" /> </div> <br> <p>Find out <a href="/en/privacypolicy" target="_blank" title="Data protection - all about the protection of your data">here</a> how we protect and process your data.</p> <div class="row" style="margin-top:20px;"> <div class="col-md-12"> <input type="checkbox" checked="checked" id="newsletter" name="newsletter" value="1"> <label style="display: block" for="newsletter"> I would like to receive regular updates from speakeasy (news, special offers and discounts, general information). </label> </div> </div> <br> <button class="btn btn-primary btn-block send-contact" type="submit">Send</button> </div> </div> </div> </section> <footer class=" section fp-auto-height"> <div class="container"> <div class="row"> <div class="col-md-3 col-xs-6"> <div class="col-md-11 col-xs-12"> <h3>Information</h3> <ul class="list-unstyled"> <li> <a title="Online german courses" href="/en/speakeasy-german-online-courses">Online german courses</a> </li> <li> <a title="Inhouse Business Courses Berlin" href="/en/inhouse-business-courses">Inhouse German Courses Berlin</a> </li> <li> <a title="German courses Berlin - take a German course in Berlin" href="/en/german-courses-berlin">German courses Berlin</a> </li> <li> <a title="Language school Berlin Friedrichshain - Professional language lessons" href="/en/language-school-berlin-friedrichshain">Language school Berlin Friedrichshain and Charlottenburg-Wilmersdorf</a> </li> <li> <a title="Learn German Berlin Friedrichshain - Come on and join speakeasy" href="/en/learn-german-berlin-friedrichshain">Learn German Berlin Friedrichshain and Charlottenburg-Wilmersdorf</a> </li> <li> <a title="🎓︎Information on language visa for Germany" href="/en/languagevisas">Language visas</a> </li> <li> <a title="🎓 Never been so easy to learn German in Berlin - speakeasy" href="/en/learn-german-in-berlin">Learn German in Berlin</a> </li> <li> <a title="Sign up now for your Intensive German Course Berlin!" href="/en/intensive-german-course-berlin">Intensive German course in Berlin</a> </li> <li> <a title="German course in Berlin & telc test at speakeasy Berlin" href="/en/german-courses-berlin-telc">German course Berlin and telc tests</a> </li> <li> <a title="speakeasy Berlin - your relaxed German language school" href="/en/german-language-school-in-berlin">German languages school in Berlin</a> </li> <li> <a title="Bitte Title für upp_landing hinterlegen." href="/en/how-to-study-in-germany">How to study in Germany</a> </li> </ul> </div> </div> <div class="col-md-3 col-xs-6"> <div class="col-md-9 col-xs-12"> <h3 class="footer_header">Service</h3> <ul class="list-unstyled"> <li> <a title="speakeasy Berlin Friedrichshain - Language school - Google Maps" target="_blank" rel="noopener" href="https://www.google.de/maps/place/speakeasy+Berlin+-+Language+school/@52.505313,13.446238,17z/data=!3m1!4b1!4m5!3m4!1s0x47a84e5db8a20665:0x9df150870b968024!8m2!3d52.505313!4d13.448432"> Google Maps speakeasy Berlin-Friedrichshain</a> </li> <li> <a title="speakeasy Berlin Charlottenburg - Language school - Google Maps" target="_blank" rel="noopener" href="https://www.google.de/maps/place/speakeasy+Berlin+%E2%80%93+Language+school/@52.50656,13.2493123,13z/data=!3m1!5s0x47a850fd051bc3f7:0xe20757dae102f466!4m10!1m2!2m1!1sspeakeasy+berlin!3m6!1s0x47a851fc7a75f2e9:0xdcbd92bebe13a887!8m2!3d52.50656!4d13.32553!15sChBzcGVha2Vhc3kgYmVybGluIgOIAQFaEiIQc3BlYWtlYXN5IGJlcmxpbpIBFmdlcm1hbl9sYW5ndWFnZV9zY2hvb2zgAQA!16s%2Fg%2F11sw462spx?entry=ttu"> Google Maps speakeasy Berlin-Charlottenburg</a> </li> <li> <a title="Speakeasy Berlin - Impressum" href="/en/impressum">Legal Information / GTC</a> </li> <li> <a href="/en/privacypolicy" target="_blank" title="Data protection - all about the protection of your data">Data protection</a> </li> <li> <a title="Language school Berlin - Learn German at speakeasy" href="/en/">English Version</a> </li> <li> <a title="Escuela de idiomas Berlín - Aprender alemán en un bar clandestino" href="/es">Versión española</a> </li> <li> <a title="Sprachschule Berlin - Deutsch lernen kann so einfach sein" href="/en/">Deutsche Version</a> </li> </ul> </div> </div> <div class="col-md-3 col-xs-6"> <div class="col-md-12 col-xs-12"> <h3 class="footer_header">Partner</h3> <a href="https://de.jooble.org/stellenangebote/Berlin" target="_blank" title="Jooble"> <picture class="img-responsive lazyload"> <source srcset="/Resources/public/images/footer/joobleBerlin.webp" type="image/webp"> <source srcset="/Resources/public/images/footer/joobleBerlin.jpg" type="image/jpeg"> <img style="width:100%;margin-bottom:5px;" src="/Resources/public/images/footer/joobleBerlin.jpg" alt="Jooble Webseite" class="lazyload"> </picture> </a> <a href="https://www.momondo.se/city-guides/discover-berlin.9109.guide.ksp" target="_blank" title="Opens momondo Website"> <picture class="img-responsive lazyload" loading="lazy"> <source srcset="/Resources/public/images/footer/momondo.webp" type="image/webp"> <source srcset="/Resources/public/images/footer/momondo.png" type="image/png"> <img style="width:100%;margin-bottom:5px;" src="/Resources/public/images/footer/momondo.png" alt="momonod Webseite" class="lazyload" loading="lazy"> </picture> </a> </div> </div> <div class="col-md-3 col-xs-12"> <div class="col-md-12"> <div class="col-md-12"> <img alt="Speakeasy Logo" title="The Speakeasy logo" class="footer-logo pull-right" src="/Resources/public/images/logo/footer.png" loading="lazy"> </div> <div class="pull-right social-media-container col-md-3 col-xs-3"> <a target="_blank" href="https://de-de.facebook.com/speakeasyinberlin/" class="facebook animation-grow" title="Facebook"> <i class="fa fa-facebook"></i><span class="sr-only">Facebook</span> </a> <a target="_blank" href="https://www.instagram.com/speakeasyberlin/?hl=de" class="facebook animation-grow" title="Instagram"> <i class="fa fa-instagram"></i><span class="sr-only">Instagram</span> </a> </div> <p class="pull-right text-right col-md-12">© Speakeasy Berlin All rights reserved.<br> <a target="_blank" href="https://www.homepagewartung24.de" title="Webdesign Agentur" class="copy">Webdesign </a>by HomepageWartung24.de</p> </div> </div> </div> </div> </footer> <div class="to_bottom_position"> <div class="to_bottom_container"> <img src="/Resources/public/images/icons/scroll_for_more_white.png" title="Opens up more text" alt="Jetzt scrollen für mehr Info"> </div> </div> </div> </div> </div> </div> </div> <link rel="stylesheet" href="/build/app.3c996fa5.css"> <link type="text/css" rel="stylesheet" href="/css/fixes.css"> <link type="text/css" rel="stylesheet" href="/css/seo.css?v=1.1"> <link type="text/css" rel="stylesheet" href="/css/headlines.css"> <link type="text/css" rel="stylesheet" href="/css/langtest.css?v=1.1"> <link type="text/css" rel="stylesheet" href="/css/deepl.css"> <style> .logobar-wrapper { position: fixed; z-index: 9; height: 95px; } .banner-clip { height: 107%; } .image3g img { max-width: 100%; width: 400px; } /*---Konfigurator-Mods---*/ .webp section.exam.grey.transparent.movefaster { background: #f8f8f8 !important; } .no-webp section.exam.grey.transparent.movefaster { background: #f8f8f8 !important; } section.exam.grey.transparent.movefaster { min-height: calc(90vh - 10px); border-bottom: 5px solid #009bcd; border-top: 5px solid #009bcd; } section.exam.grey.transparent.movefaster h3 { color: #fff; } .btn-block.btn.btn-rounded.info-button:hover { background: #fc0; color: #2e3d50; } .exam #ourCourses + .container::after, .learn-german .container + .container::after { display: none !important; } video { min-width: 100%; border: 0; margin-top: 0px; } #bg { position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 100%; height: 100%; background-size: contain; -webkit-background-size: contain; -moz-background-size: contain; -o-background-size: contain; } .wo-box { top: 170px; position: absolute; right: 50px; } .wo-button { height: 112px; width: 148px; background-size: cover; background-repeat: no-repeat; background-position-y: -112px; background-image: url(/Resources/public/images/specials/winter-offer-button-2024.png); transition: none !important; display: flex; align-items: center; justify-content: center; color: #000; text-align: center; } .wo-button span { line-height: 22px; font-weight: 800; font-size: 22px; } .wo-button:hover { background-position-y: 0; color: #009bcd; } .online-courses-box { float: right; position: relative; top: 250px; } .online-courses-box .online-course-box-header { position: relative; color: #fff; font-family: "Apple Garamond"; z-index: 3; } .online-courses-box .online-course-box-header .text-up { font-size: 30px; background: #009bdc; width: max-content; width: -moz-max-content; width: -webkit-max-content; width: -o-max-content; padding: 0 20px; margin-right: auto; margin-left: auto; z-index: 1; padding-right: 22px; line-height: 45px; } .online-course-image { position: relative; top: -42px; z-index: 1; text-align: center; } .online-courses-box .online-course-box-header .text-up span { position: relative; z-index: 2; } .online-courses-box .online-course-box-header .text-down { font-size: 30px; background: #009bdc; width: max-content; width: -moz-max-content; width: -webkit-max-content; width: -o-max-content; padding: 0 25px; transform: rotateZ(-8deg); z-index: 0; margin-top: -13px; margin-left: 89px; padding-right: 19px; } .online-courses-box .online-course-box-header .text-down span { position: relative; z-index: 2; } .online-courses-box .online-course-box-header .text-sign { font-size: 69px; width: max-content; width: -moz-max-content; width: -webkit-max-content; width: -o-max-content; transform: rotateZ(-8deg); position: absolute; top: -18px; right: 95px; } .online-course-btn.btn { background: #ffc000; font-size: 16px; position: relative; bottom: 80px; border-radius: 10px; z-index: 2; transform: rotateZ(8deg); line-height: 37px; padding: 0 15px; right: -62px; color: #000; } .online-course-btn.btn i { position: absolute; bottom: -13px; right: 50%; } .online-course-image img { width: 60%; } .online-course-link:hover .online-course-btn.btn { background: #009bdc; color: #fff; } .sprite-block { display: block; float: left; margin-right: 12px; text-align: center; padding-top: 4px; } .mobile-flag { display: block; float: left; text-align: center; padding-top: 4px; } .contact { display: block; float: right; padding-top: 4px; margin-top: auto; margin-bottom: auto; } @media (max-width: 1200px) { .whitebox.aside-menu { border-radius: 5px 0 0 5px; background-color: #009bdc; border-top: none; right: -240px; box-shadow: -5px 0 6px -1px rgba(0, 0, 0, 0.25); top: 25%; } .i-link { margin-left: -12px; } .online-course-image { display: none; } #logobar .brand { padding-top: 8px; } .logobar-wrapper { background-color: #fff; } .logobar-wrapper span.contact a.sprite i.fa { color: #fff; width: 24px; height: 18px; background-color: #009bdc; padding-top: 3px; font-size: 14px; } #logobar .row .title { font-size: 23px; } #logobar .row .subtitle { color: #000; } .google-review-container-logo { margin-top: 20px; } .online-course-link { display: flex; justify-content: flex-start; } .online-courses-box { margin-top: 70px; margin-left: 26px; text-align: center; position: absolute; bottom: 15%; top: initial; margin: 0; width: max-content; float: none; } .online-courses-box .online-course-box-header { position: relative; color: #fff; font-family: "Apple Garamond"; z-index: 3; } .online-courses-box .online-course-box-header .text-up { padding-left: 10px; font-size: 26px; } .online-courses-box .online-course-box-header .text-down { padding-left: 10px; font-size: 26px; margin-right: 85px; padding-right: 30px; } .online-courses-box .online-course-box-header .text-sign { font-size: 50px; font-weight: bold; width: max-content; width: -moz-max-content; width: -webkit-max-content; width: -o-max-content; transform: rotateZ(-8deg); position: absolute; top: -10px; right: 100px; } .online-course-btn.btn { line-height: 30px; font-size: 12px; padding: -5px 5px -5px 5px; top: 10px; left: -10px; z-index: 4; } .online-course-btn.btn { font-size: 14px; padding: 0 10px; right: -62px; } #logobar .row .hidden-br { display: block; margin-top: -10px; } } @media screen only (max-width: 1080px) and (min-width: 1200px) { #logobar .brand { padding-top: 5px; } .logobar-wrapper { height: 50px; background-color: #fff; } .logobar-wrapper span.contact a.sprite i.fa { color: #fff; width: 24px; height: 18px; background-color: #009bdc; font-size: 14px; } #logobar .row .title { display: block; font-size: 23px; font-weight: bold; } #logobar .row .subtitle { color: #000; font-size: 8px; } #logobar .row .hidden-br { display: block; } } @media (max-width: 600px) { .online-course-link { display: flex; justify-content: flex-start; } .online-courses-box { margin-top: 70px; text-align: center; position: absolute; bottom: 15%; top: 25%; width: max-content; float: none; } .online-courses-box .online-course-box-header { position: relative; color: #fff; font-family: "Apple Garamond"; z-index: 3; } .online-courses-box .online-course-box-header .text-up { padding-left: 10px; font-size: 26px; } .online-courses-box .online-course-box-header .text-down { padding-left: 10px; font-size: 26px; margin-right: 85px; padding-right: 30px; } .online-courses-box .online-course-box-header .text-sign { font-size: 50px; font-weight: bold; width: max-content; width: -moz-max-content; width: -webkit-max-content; width: -o-max-content; transform: rotateZ(-8deg); position: absolute; top: -10px; right: 100px; } .online-course-btn.btn { line-height: 30px; font-size: 12px; padding: -5px 5px -5px 5px; top: 10px; left: -10px; z-index: 4; } .google-review-container-logo { margin-top: 20px; } #logobar .brand { padding-top: 5px; } .logobar-wrapper { height: 50px; background-color: #fff; } .logobar-wrapper span.contact a.sprite i.fa { color: #fff; width: 24px; height: 18px; background-color: #009bdc; font-size: 14px; } #logobar .row .title { display: block; font-size: 23px; font-weight: bold; } #logobar .row .subtitle { color: #000; font-size: 8px; } #logobar .row .hidden-br { display: block; } .i-link { margin-left: -12px; } .whitebox.aside-menu { border-radius: 5px 0 0 5px; background-color: #009bdc; border-top: none; right: -240px; box-shadow: -5px 0 6px -1px rgba(0, 0, 0, 0.25); top: 35%; } .whitebox.aside-menu:hover { right: -60px; /* de */ } .whitebox.aside-menu:hover p { color: #fff; } } @media (min-width: 1080px) { .online-courses-box { margin-right: 125px; } #mobile-nav { display: none; } .lower-box { margin-top: -30px; margin-left: 9px; } } .lower-box { margin-top: -30px; margin-left: 9px; } .section-header2 { height: auto; margin-bottom: 40px; margin-top: 40px; } .white-box-flex { display: flex; justify-content: center; flex-direction: column; align-items: flex-start; } .whitebox { padding: 10px 20px; border-top: 12px solid #009bdc; background: #fff; margin-bottom: 10px; min-width: 305px; max-width: 100%; position: relative; } .whitebox.aside-menu { border-radius: 5px 0 0 5px; background-color: #009bdc; border-top: none; box-shadow: -5px 0 6px -1px rgba(0, 0, 0, 0.25); } .whitebox.aside-menu:hover { right: -60px; /* de */ } .whitebox.aside-menu:hover p { color: #fff; } .whitebox i { position: absolute; bottom: -6px; } .why-speakeasy-columns div.whitebox img { position: initial; width: 64%; padding: 0; margin: 0; margin-right: -23px; } .why-speakeasy-columns div.whitebox .i-link img { position: initial; width: initial; padding: 0; margin: 0; } .i-link { display: flex; justify-content: flex-start; align-items: center; } .i-link p { margin: 0; color: #fff; padding-left: 15px; font-weight: bold; line-height: 16px; font-size: 14px; } .i-link:hover p { color: #000; } .st-content-inner { height: 100%; } section.section.banner { height: 100%; } div#startpage { height: 100%; } .google-review-container { margin-bottom: 15px; } .google-review-margin { margin-left: 40px; margin-right: 40px; margin-top: 30px; } .google-review-margin-logo { margin-bottom: 20px; max-width: 100%; } .google-review-flex { display: flex; } .google-review-img-responsive { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 40px; height: 40px; margin-top: 1px; margin-right: 8px; } .google-review-flex-column { display: flex; flex-direction: column; } .google-review-flex-column .person { font-size: 16px; color: #000000; } .google-review-flex-column .number { margin-bottom: 4px; align-items: flex-start; } .google-review-flex-column .number span { color: #8b8b8b; font-size: 14px; } .google-review-flex-column .stars { align-items: center; margin-bottom: 10px; } .google-review-flex-column .stars img { width: 66px; height: 12px; margin-right: 5px; } .google-review-flex-column .stars span { float: left; color: #8b8b8b; font-size: 12px; } .google-review-flex-column .review { font-size: 14px; color: #000000; } .all-reviews { margin-top: 20px; margin-bottom: 30px; font-size: 14px; } .impressions { max-width: 100%; } .video { display: none; } .webp .webp { display: block; } .no-webp .no-webp { display: block; } .no-webp .dots-blue { background-image: url('/assets/start/dots-blue.png'); background-position: top left; background-repeat: no-repeat; } #bg { background-size: cover; background-repeat: no-repeat; transition: background 1.7s ease; } @media (max-width: 768px) { .mundschutz { text-align: center; margin-top: 10px; margin-bottom: 20px; } .online-courses-box { bottom: 35%; } #startpage .banner, #startpage #bg { background-position: center top; } .webp #bg { background-image: url('Resources/public/images/backgrounds/slides_start/slide1.webp') no-repeat center center scroll; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; transition: background 1.7s ease; } .no-webp #bg { background-image: url('Resources/public/images/backgrounds/slides_start/slide1.jpg') no-repeat center center scroll; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; transition: background 1.7s ease; } .slider-head-bg #bg { background-image: url('Resources/public/images/backgrounds/slides_start/slide3.jpg') no-repeat center center scroll; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; transition: background 1.7s ease; } .whitebox.aside-menu { border-radius: 5px 0 0 5px; background-color: #009bdc; border-top: none; right: -240px; box-shadow: -5px 0 6px -1px rgba(0, 0, 0, 0.25); top: 33%; } .i-link { margin-left: -12px; } } @media (max-width: 400px) { p.bg-yellow { font-size: 15px; } #mobile-nav .contact .address { display: none; } } @media (max-width: 500px) { .indexCourseBox-lastText { line-height: normal; font-size: 18px; } .indexCourseBox-textbox p { font-size: 18px; padding-top: 15px; } } @media (max-width: 600px) { .webp #bg { background-image: url('Resources/public/images/backgrounds/slides_start/slide1.webp'); } .no-webp #bg { background-image: url('Resources/public/images/backgrounds/slides_start/slide1.jpg'); } #bg.slider-head-bg { background-image: url('Resources/public/images/backgrounds/slides_start/slide3.jpg'); } .online-course-image { display: none; } #startpage .banner, #startpage #bg { background-position: center top; < } } @media (min-width: 767px) { .mundschutz { text-align: center; } .online-courses-box { bottom: 35%; } #startpage .banner, #startpage #bg { background-position: center top; } } @media (min-width: 992px) { .mundschutz { text-align: right; } } .impression-image { display: block; margin-left: auto; margin-right: auto; } </style> <style> :root { /*---Colors---*/ --blue: #009ee0; --yellow: #ffcc00; --black: #333; --white: #fff; /*---Fonts---*/ --headline-font: "Apple Garamond", sans-serif; --regular-font: "VAGRoundedStd-Thin", sans-serif; --bold-font: "VAG-Rounded-Bold", sans-serif; } .brandenburg-gate { position: absolute; background: url('/assets/start/brandenburg-gate.png') no-repeat; right: 5%; top: -158px; width: 222px; height: 172px; z-index: 2; } .carousel-indicators { bottom: -40px; } #flat-Carousel .carousel-indicators li, .carousel-indicators li { border: 0; } .carousel-indicators li { background-color: #333; } .carousel-indicators li.active { background-color: #009bdc; } .carousel-inner { margin-bottom: 50px; } .carousel-control { background-image: none !important; filter: none !important; } .exam .upper-box, .exam .lower-box { background: var(--yellow) !important; } .exam .lower-box { margin-top: -20px !important; } .exam .lower-box + .lower-box { margin-top: -5px !important; } .exam .box-text { font-family: "Apple Garamond"; color: #2e3d50; z-index: 2; position: relative; font-size: 42px !important; font-weight: bold !important; } .exam #ourCourses + .container:after { transform: rotate(-8deg); } .inhouse-slider, .sliderbox { max-width: 300px; } .exam #ourCourses + .container:after, .learn-german .container + .container:after { background: url(/static/images/separator.png) right center no-repeat; content: ""; width: 471px; height: 32px; display: block; margin: 50px 0 50px auto; } .opened-info { border: 2px solid #ccc !important; } section.exam.grey.transparent.movefaster { background: #fff !important; } .sliderbox p.teaser { text-align: center; font-size: 18px; } .indexCourseBox-box { margin-top: 70px; } .banner-section { height: 100vh; overflow: hidden; padding-top: 70px; padding-bottom: 0px !important; background-color: #fff; } .banner-section .img-responsive, .banner-section img { height: auto; min-height: 100vh; width: 100%; display: block; overflow: hidden; } .subbar-wrapper { background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 70px; left: 0; right: 0; z-index: 1; height: 70px; } .headlogo { position: absolute; left: 75px; top: 170px; } #subbar { line-height: 70px; } #subbar .title { margin-right: 15px; font-size: 38px; } #subbar .subtitle { font-size: 30px; } .subbar-wrapper address { display: block; position: absolute; font-size: 16px; right: 30px; top: 3px; color: #009bdc; } .scroll-down { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; position: absolute; bottom: 5%; color: #fff; left: 75px; } .webp .right-dots { background-image: url('/assets/start/dots-blue.png'); background-position: top left; background-repeat: no-repeat; } .no-webp .right-dots { background-image: url('/assets/start/dots-blue.png'); background-position: top left; background-repeat: no-repeat; } @media (max-width: 1200px) { .webp .right-dots { background: #fff; } .no-webp .right-dots { background: #fff; } .radio-group { margin-top: 110px; margin-bottom: 40px; } } .course-slider-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .slick-dots { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 0; margin: 0 0 5px; justify-content: center; } .slick-dots li { float: left; list-style: none; text-align: center; color: #009bdc; line-height: 20px; border-bottom: 3px solid #009bdc; -ms-flex-item-align: end; align-self: flex-end; width: 33.3333%; } .slick-dots li:after { content: ""; height: 14px; width: 14px; display: block; margin: 0 auto -8px; border: 3px solid #009bdc; border-radius: 100%; background: #fff; cursor: pointer; } .slick-dots li.slick-active:after { background: #009bdc; } .slick-dots li button { display: none; } ul.slick-dots { margin-top: 25px; } .sliderbox h2 { color: #009bdc; text-align: center; } .section-header h2 { font-size: 30px; } section .section-header { margin-top: 100px; } .update-section + .section .section-header { margin-top: 50px; } section.update-section { padding-bottom: 0; } .btn-sld { margin-top: 20px; } section.course-section { padding-bottom: 135px; } section.bg-floor { padding-top: 160px; padding-bottom: 50px; } .webp section.bg-floor { background-image: url('assets/start/floor.webp'); background-repeat: no-repeat; background-size: cover; } .no-webp section.bg-floor { background-image: url('assets/start/floor.jpg'); background-repeat: no-repeat; background-size: cover; } .video { display: none; } .webp .webp { display: block; -o-object-fit: fill; object-fit: fill; } video { -o-object-fit: fill; object-fit: fill; min-width: 100%; } .no-webp .no-webp { display: block; } section.video-section { padding: 0; margin: 0; } section.update-section { padding-top: 75px; } .speech-wrapper { height: 360px; width: 297px; font-size: 18px; text-align: center; padding-top: 155px; padding-left: 15px; padding-right: 15px; } .speech-wrapper h2 { color: #009bdc; text-align: center; font-size: 18px; font-weight: bold; } .speech-wrapper p { text-align: center; } .speech-wrapper .text-wrapper p { font-size: 16px; } .icon-idee { background-image: url('assets/start/icons/idee.svg'); background-position: center center; background-repeat: no-repeat; margin-bottom: 0px; } .icon-group { background-image: url('assets/start/icons/group.svg'); background-position: center center; background-repeat: no-repeat; margin-bottom: 0px; } .icon-you { background-image: url('assets/start/icons/you.svg'); background-position: center center; background-repeat: no-repeat; margin-bottom: 0px; } .icon-community { background-image: url('assets/start/icons/communitiy.svg'); background-position: center center; background-repeat: no-repeat; margin-bottom: 0px; } .icon-event { background-image: url('assets/start/icons/event.svg'); background-position: center center; background-repeat: no-repeat; margin-bottom: 0px; } .icon-map { background-image: url('assets/start/icons/map.svg'); background-position: center center; background-repeat: no-repeat; margin-bottom: 0px; } .bg-floor .container { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .bg-floor .container:before { content: none; } .bg-floor .container:after { content: none; } section.rating-section { background-color: #fff; padding-bottom: 0; } section.rating-section .section-header { margin-top: 50px; } .bg-white { background-color: #fff; } .p-0 { padding: 0 !important; } .m0 { margin: 0 !important; } .rating { padding: 0 15px; margin: 0 14%; margin-top: 35px; margin-bottom: 25px; } @media (max-width: 1200px) { .rating { padding: 0 15px; margin-top: 35px; margin-bottom: 25px; background-position: top center; } .course-boxes-text p { font-size: 12px; text-align: center; } .author { font-size: 12px; } .bg-floor .container { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } } @media (max-width: 768px) { .rating { padding: 0 0px; margin: 0 0%; margin-top: 35px; margin-bottom: 25px; } } .btn-rating { margin: 50px 0; } .author { color: #009bdc; } .text-grey { color: #8B8B8B; } .section-header2 { margin-top: -213px; } .section-header2.header-for-exam { margin-top: 20px; } .exam .section-header2 { margin-top: 60px; } .upper-box { background-color: #009bdc; color: #fff; } .lower-box { background-color: #009bdc; color: #fff; } .box-text { color: #fff; } .topline .lower-box { -webkit-transform: rotateZ(8deg); transform: rotateZ(8deg); margin-top: -26px; } .section-header2.topline { margin-top: -56px; } .head-wrapper { width: 100%; position: absolute; border-top: 6px solid #009bdc; } .head-wrapper:before { content: ''; width: 100%; height: 6px; top: 8px; position: absolute; background: #009bdc; } @media only screen and (max-width: 1200px), screen and (max-device-width: 1200px) { .logobar-wrapper { top: 58px; height: 58px; } } @media (max-width: 768px) { section.bg-floor { } .section-header2 { margin-top: -143px; } .exam .section-header2 { margin-top: 60px; } section.rating-section { background: #fff; } .banner-section { padding-top: 115px !important; } } @media (max-width: 1200px) { .visible-lg-flex { display: none; } .course-slider-wrapper.hidden-lg { display: block; } .indexCourseBox-infotext p { line-height: 14px; } } @media (min-width: 1200px) { .visible-lg-flex { display: -webkit-box; display: -ms-flexbox; display: flex; } } .scene { width: 280px; height: 340px; -webkit-perspective: 560px; perspective: 680px; margin-left: auto; margin-right: auto; } .cube { width: 280px; height: 340px; position: relative; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform: translateZ(-170px); transform: translateZ(-170px); -webkit-transition: -webkit-transform 1s; transition: -webkit-transform 1s; transition: transform 1s; transition: transform 1s, -webkit-transform 1s; } .cube.show-front { -webkit-transform: translateZ(-140px) rotateY(0deg); transform: translateZ(-140px) rotateY(0deg); } .cube.show-right { -webkit-transform: translateZ(-140px) rotateY(-90deg); transform: translateZ(-140px) rotateY(-90deg); } .cube.show-back { -webkit-transform: translateZ(-140px) rotateY(-180deg); transform: translateZ(-140px) rotateY(-180deg); } .cube.show-left { -webkit-transform: translateZ(-140px) rotateY(90deg); transform: translateZ(-140px) rotateY(90deg); } .cube.show-top { -webkit-transform: translateZ(-140px) rotateX(-90deg); transform: translateZ(-140px) rotateX(-90deg); display: none; } .cube.show-bottom { -webkit-transform: translateZ(-140px) rotateX(90deg); transform: translateZ(-140px) rotateX(90deg); display: none; } .cube__face { position: absolute; width: 280px; height: 340px; border: 2px solid #009bdd; border-radius: 15px; line-height: 340px; font-size: 40px; font-weight: bold; color: white; text-align: center; padding: 15px; } .cube__face--front { background: #FFF; } .cube__face--right { background: #FFF; } .cube__face--back { background: #FFF; } .cube__face--left { background: #FFF; } .cube__face--top { background: #FFF; } .cube__face--bottom { background: #FFF; } .cube__face--front { -webkit-transform: rotateY(0deg) translateZ(140px); transform: rotateY(0deg) translateZ(140px); } .cube__face--right { -webkit-transform: rotateY(90deg) translateZ(140px); transform: rotateY(90deg) translateZ(140px); } .cube__face--back { -webkit-transform: rotateY(180deg) translateZ(140px); transform: rotateY(180deg) translateZ(140px); } .cube__face--left { -webkit-transform: rotateY(-90deg) translateZ(140px); transform: rotateY(-90deg) translateZ(140px); } .cube__face--top { -webkit-transform: rotateX(90deg) translateZ(140px); transform: rotateX(90deg) translateZ(140px); } .cube__face--bottom { -webkit-transform: rotateX(-90deg) translateZ(140px); transform: rotateX(-90deg) translateZ(140px); } label { margin-right: 10px; } .rating-listing { position: relative; } .rating-listing img.img-responsive { margin-left: auto; margin-right: auto; } .btn-sld:hover, .btn-rating:hover { color: #000;; background-color: #ffc000; } .indexCourseBox-title.intensive_course { background-image: url('assets/start/en/intensiv.svg'); } .indexCourseBox-box a:hover .indexCourseBox-title.intensive_course { background-image: url(assets/start/en/intensiv_hover.svg); } .indexCourseBox-title.semi { background-image: url('assets/start/en/semi.svg'); } .indexCourseBox-box a:hover .indexCourseBox-title.semi { background-image: url(assets/start/en/semi_hover.svg); } .indexCourseBox-title.super { background-image: url('assets/start/en/super.svg'); width: 100%; left: 0; } .indexCourseBox-box a:hover .indexCourseBox-title.super { background-image: url(assets/start/en/super_hover.svg); } .indexCourseBox-title.evening { background-image: url('assets/start/en/evening.svg'); } .indexCourseBox-box a:hover .indexCourseBox-title.evening { background-image: url(assets/start/en/evening_hover.svg); } .indexCourseBox-title.telc { background-image: url('assets/start/en/telc.svg'); } .indexCourseBox-box a:hover .indexCourseBox-title.telc { background-image: url(assets/start/en/telc_hover.svg); } .indexCourseBox-title.uni { background-image: url('assets/start/en/uni.svg'); background-size: contain; } .indexCourseBox-box a:hover .indexCourseBox-title.uni { background-image: url(assets/start/en/uni_hover.svg); } .indexCourseBox-title.visa { background-image: url('assets/start/en/visa.svg'); } .indexCourseBox-box a:hover .indexCourseBox-title.visa { background-image: url(assets/start/en/visa_hover.svg); } @media only screen and (max-width: 1200px), screen and (max-device-width: 1200px) { .indexCourseBox-title.intensive_course { width: 80%; left: 10%; } } #carouselInfo { max-width: 100vw; overflow: hidden; } .carousel li { width: auto; } .indexCourseBox-title.intensive_course { top: -50px; } .indexCourseBox-title { top: -47px; height: 65px; } .indexCourseBox-title { background-size: initial; } .head_top { margin: 0; line-height: 14px; } #logobar .row .title { margin-right: 0px; } .btn-primary.active, .btn-primary.active:focus, .btn-primary:hover, .btn-primary.focus, .btn-primary:focus, .btn-primary:active:focus, .btn-primary:active:hover, .btn-primary.active:hover { background-color: #ffc000 !important; color: #000 !important; } .sliderbox .section-header h2 { font-family: 'Apple Garamond'; color: #000; background-color: #ffc000; padding: 8px 13px; margin-bottom: 25px; position: relative; transform: rotate(3deg); } .sliderbox .section-header h2:before { content: ""; width: 0px; height: 0px; position: absolute; border-left: 12px solid #ffc000; border-right: 6px solid transparent; border-top: 6px solid #ffc000; border-bottom: 10px solid transparent; right: 12px; bottom: -16px; } .sliderbox .cube-header { margin: 0; } .sliderbox .cube-header .section-header h2 { margin: 0; } a.slick-prev1.slick-arrow { position: absolute !important; top: 50%; left: 5%; } a.slick-next1.slick-arrow { position: absolute !important; top: 50%; right: 5%; } .section-header2.start-configurator { margin-top: 60px; } @media (max-width: 800px) { .exam #ourCourses + .container:after, .learn-german .container + .container:after, hr { margin: 50px auto !important; max-width: 100%; background-size: 100%; } } @media only screen and (min-width: 992px) { section .section-header h2, section .section-header h1 { font-size: 28px; } } @media only screen and (min-width: 1400px) { section .section-header h2, section .section-header h1 { font-size: 38px; } } #flat-Carousel .carousel-inner > .active, #flat-Carousel .carousel-inner > .next, #flat-Carousel .carousel-inner > .prev, .carousel-inner > .active, .carousel-inner > .next, .carousel-inner > .prev, .collapse.in, .course-container a.active > div .coursebox .back, .course-container a > div:hover .coursebox .back, .course-container a > div > div > .front, .datepicker.days div.datepicker-days, .datepicker.months div.datepicker-months, .datepicker.years div.datepicker-years, .dropdown-label, .dropdown-submenu:hover > .dropdown-menu, .dropdown:hover .dropdown-menu, .languages .language_selected.touched .language_select, .languages .language_selected:hover .language_select, .media-object, .navbar-brand > img, .open > .dropdown-menu, .st-menu .open > .dropdown-menu, .tab-content > .active, .wsk_booking_radiobox input[type="checkbox"], article, aside, details, figcaption, figure, footer, form[name="app_bundleaccomodation_form"] label[for="app_bundleaccomodation_form_flat"], form[name="app_bundleaccomodation_form"] label[for="app_bundleaccomodation_form_shared"], form[name="app_bundleaccomodation_form"] label[for="app_bundleaccomodation_form_single"], form[name="app_bundlestep1"] label.agbLabel, form[name="app_bundletelc1"] label[for="app_bundletelc1_agb"], form[name="app_bundlevisum_form"] label[for="app_bundlevisum_form_accommodation"], form[name="app_bundlevisum_form"] label[for="app_bundlevisum_form_help"], form[name="app_bundlevisum_form"] label[for="app_bundlevisum_form_insurance"], header, hgroup, input#toggle ~ .menu, input[type="file"], main, menu, nav, section, summary { display: block; } .fa-angle-left, .fa-angle-right { color: #000; font-size: 60px; margin-top: 230px; } /*---Winterbutton-pls-del-later---*/ .wo-box { top: 31%; position: absolute; right: 43%; z-index: 999; } @media (max-width: 450px) { .wo-box { top: 30%; position: absolute; right: 36%; z-index: 999; } } </style> <script src="/js_old/main.js" type="text/javascript"></script> <script src="/js/navigation-hover.js" type="text/javascript"></script> <script src="/js/langtest.js" type="text/javascript"></script> <script language="JavaScript" src="/js/translate-via-deepl.js" type="text/javascript" defer></script> <script type="text/javascript"> $(document).ready(function () { $(document).ajaxStart(function () { $('#loading-wrapper').fadeIn({ queue: false, duration: 0 }); }); $(document).ajaxComplete(function () { $('#loading-wrapper').fadeOut({ queue: true, duration: 800 }); }); }) </script> <script> $(document).on('click','.languageSwitchHash',function(event) { event.preventDefault(); let adress = $(this).prop('href') + window.location.hash; window.location.href = adress; }) </script> <script src="/build/runtime.f3575a88.js" defer></script><script src="/build/667.e71ea3f5.js" defer></script><script src="/build/154.0749214d.js" defer></script><script src="/build/app.c5da4d4e.js" defer></script> <script> var screen = window.screen.width; var browser = window.innerWidth; var source = document.getElementById('video'); var video = document.querySelector('.banner-clip') $(window).on("load", function () { if (screen <= 676 || browser <= 676) { source.src = "/Resources/public/video/SpeakEasy_Bannerclips_mobil.mp4"; video.load(); video.play(); } else { source.src = "/Resources/public/video/speakeasy_Bannerclips_4mBit-Sek.mp4"; video.load(); video.play(); } }) $('a[href*="#why--speakeasy"]').click(function (e) { var origin = $(this).attr("href"); $(".st-menu-open").removeClass("st-menu-open"); var locale = $("html").attr("lang"); if (locale === "de") { locale = "" } window.location.href = "/" + locale + "#why--speakeasy"; if (window.location.pathname === "/" || window.location.pathname === "/en") { window.location.reload() } e.preventDefault(); return false }); function setpics(video) { $('.testimonialsvideo').each(function () { let videopic = $(this).attr('video'); if (videopic != video) { switch (videopic) { case 'Beatriz': username = 'Beatriz'; userlocation = 'from Chile'; break; case 'Carla': username = 'Carla'; userlocation = 'from Portugal'; break; case 'Luis': username = 'Luis'; userlocation = 'from Ecuador'; break; case 'Martin': username = 'Martin'; userlocation = 'from Canada'; break; case 'Natalie': username = 'Natalie'; userlocation = 'from Colombia'; break; case 'Polina': username = 'Polina'; userlocation = 'from Ukraine'; break; } let imgcontent = '<img alt="Play" src="/Resources/public/video/testimonials/play.png" class="play">' + '<div class="info"><h4>' + username + '</h4><p>' + userlocation + '</p></div>'; imgcontent += '<picture class="lazyload">' + '<source srcset="/Resources/public/video/testimonials/' + videopic + '.webp"' + 'type="image/webp">' + '<source srcset="/Resources/public/video/testimonials/' + videopic + '.jpg"' + 'type="image/jpeg">' + '<img alt="' + videopic + '" src="/Resources/public/video/testimonials/' + videopic + '.jpg" loading="lazy">' + '</picture>'; $('.testimonialsvideo.' + videopic).html(imgcontent); } }); } $(document).ready(function () { setpics(''); }); let videoposition = 0; let videovalue = -106; $(document).on('click', '.centervideos .left', function () { setpics(''); videoposition--; if (videoposition == 0) { $('.centervideos .left').hide(); $('.videoflex').css('marginLeft', (videoposition * videovalue) + '%'); } else { $('.centervideos .left').show(); $('.centervideos .right').show(); $('.videoflex').css('marginLeft', (videoposition * videovalue) + '%'); } }); $(document).on('click', '.centervideos .right', function () { setpics(''); videoposition++; if (videoposition == 5) { $('.centervideos .right').hide(); $('.videoflex').css('marginLeft', (videoposition * videovalue) + '%'); } else { $('.centervideos .right').show(); $('.centervideos .left').show(); $('.videoflex').css('marginLeft', (videoposition * videovalue) + '%'); } }); $(window).on('resize', function () { if ($(window).width() > 991) { $('.videoflex').css('marginLeft', '0'); $('.centervideos .left').hide(); } }) $(document).on('click', '.testimonialsvideo', function () { let video = $(this).attr('video'); setpics(video); if ($('video[videoid="' + video + '"]').length == 0) { let videocontent = '<video style="width: 100%;object-fit: contain;height: auto;" preload="auto" videoid="' + video + '" muted controls playsinline>'; videocontent += '<source src="/Resources/public/video/testimonials/' + video + '.mp4" type="video/mp4">'; videocontent += '</video>'; $('.testimonialsvideo.' + video).html(videocontent); } }) $(window).on("load", function () { if (window.location.hash === "#why--speakeasy") { setTimeout(function () { $(document).scrollTop($('div[name="why--speakeasy"]').offset().top - 0) }, 1005) } if (window.location.hash === "#entryPoint") { setTimeout(function () { $(document).scrollTop($("div#entryPoint").offset().top) }, 500) } }); $('.inhouse-slider').slick({ arrows: false, dots: true, autoplay: true }); $('.sld-reating').slick({ arrows: false, dots: false, autoplay: true, autoplaySpeed: 5000, arrows: true, prevArrow: $('.slick-prev1'), nextArrow: $('.slick-next1'), }); $('.header-slider').slick({ arrows: false, dots: false, autoplay: true, fade: true, speed: 1000, cssEase: 'linear', autoplaySpeed: 5000, pauseOnHover: false, infinite: true }); var cube = document.querySelector('.cube'); var radioGroup = document.querySelector('.radio-group'); var currentClass = ''; function changeSide() { var checkedRadio = radioGroup.querySelector(':checked'); var showClass = 'show-' + checkedRadio.value; var parentLabel = checkedRadio.parentElement; $('.radio-group .active').removeClass('active'); parentLabel.classList.add('active'); if (currentClass) { cube.classList.remove(currentClass); } cube.classList.add(showClass); currentClass = showClass; } changeSide(); radioGroup.addEventListener('change', changeSide); </script> <link rel="stylesheet" type="text/css" href="//cdnjs.cloudflare.com/ajax/libs/cookieconsent2/3.0.3/cookieconsent.min.css"/> <script src="//cdnjs.cloudflare.com/ajax/libs/cookieconsent2/3.0.3/cookieconsent.min.js"></script> <script src="//code.tidio.co/4uc2motzkfbysj9uv9kxzfhcrij7gihz.js"></script> </body> </html>

CINXE.COM

Language school Berlin - Learn German at speakeasy