german studios – your language school in the heart of Cologne

<!DOCTYPE html><html class=no-webp lang=en><head><meta charset=UTF-8><meta content="width=device-width, initial-scale=1.0" name=viewport><meta content="Speakeasy Berlin GmbH" name=author><meta content=ijwdw6mukw7uuc7ws8gof76b0medy8 name=facebook-domain-verification><link href=/favicon.png rel=icon><link href=/favicon.png rel=icon type=image/x-icon><link as=font crossorigin="" href=/Resources/public/fonts/Apple-Garamond.ttf.woff rel=preload type=font/woff><link as=font crossorigin="" href=/Resources/public/fonts/fontawesome-webfont.woff rel=preload type=font/woff><link as=font crossorigin="" href=/Resources/public/fonts/VAGRoundedStd-Thin.otf rel=preload type=font/otf><meta charset=UTF-8><title>german studios – your language school in the heart of Cologne</title><meta content="Your language school Cologne - with us, learning German is fun! Choose your language level and sign up." name=description><meta content="width=device-width, initial-scale=1.0" name=viewport><meta content="Speakeasy Cologne" name=author><meta content=ijwdw6mukw7uuc7ws8gof76b0medy8 name=facebook-domain-verification><link href=/static/favicon.png rel=icon><link href=/static/favicon.png rel=icon type=image/x-icon><link href=https://www.germanstudios-cologne.de/en/ rel=canonical><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-MCLWZ652');</script><script type=application/ld+json>{ "@context": "http://schema.org", "@type": "Organization", "url": "https://www.speakeasy-munich.de/", "logo": "https://www.speakeasy-munich.de/Resources/public/images/logo/ballon-munich.png", "name": "Speakeasy München", "alternateName": "Speakeasy München", "sameAs": [ "https://www.facebook.com/speakeasymunchen" ], "contactPoint": [ { "@type": "ContactPoint", "telephone": "+4989444433630", "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', '759655702584533'); fbq('track', 'PageView');</script><noscript><img height=1 src="https://www.facebook.com/tr?id=759655702584533&ev=PageView&noscript=1" style=display:none width=1></noscript><link as=style href=/build/app.3c996fa5.css onload="this.onload=null;this.rel='stylesheet'" rel=preload><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 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><meta content=KTELkqipa1tO16B9shEx5AmMqusxxqufJdbI08BRQPE name=google-site-verification> <body><noscript><iframe height=0 src="https://www.googletagmanager.com/ns.html?id=GTM-MCLWZ652" style=display:none;visibility:hidden width=0></iframe> </noscript> <nav class="navbar navbar-fixed-top navbar-inverse"><div class=container><div class=navbar-header id=st-trigger-effects><button class="collapsed navbar-toggle" data-effect=st-effect-11 style=margin-top:11px type=button><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 href=/en/course-configurator#entryPoint id=register-mobile style="padding-left: 10px; float: left;" title=register><button class="btn-sm collapsed navbar-toggle" style=margin-top:8px type=button> Register </button> </a></div> <div class="collapse navbar-collapse" id=navbar><ul class="menen nav navbar-nav navbar-nav-desktop"><li class=reg-li><a class=registerdesktop href=/en/course-configurator#entryPoint title="Choose your german studios language course."> Register </a> <li class="dropdown f"><a class=dropdown-toggle data-toggle=dropdown href=#><div class="c1en custom-menu"><span class="custom-one-one eng">Register</span><span class="custom-one-four eng">!</span></div><b class=caret></b></a> <ul class="dropdown-menu menu_level_1"><li class=f><a class=nav-link href=/en/course-configurator#entryPoint title="german studios Cologne: choose your course here">Course configurator</a> <li><a class=nav-link href="/en/sign-up?new=1" title="Language course Cologne: course configurator">Register <span style="font-size: 16px;font-weight: bold">(new student)</span></a> <li><a class=nav-link href=/login title="Language course Cologne: course configurator">Sign up! <span style="font-size: 16px;font-weight: bold">(existing student)</span></a> <li><a class=nav-link href=/en/prices-and-dates title="german studios Cologne course fees">Course fees</a> <li><a class=nav-link href=/en/dates title="Have a look at all the course dates to help you choose the course time that suits you best. Many German courses every month.">Course dates</a> <li><a class=nav-link href=/en/course-content title="German course content - all levels from A1 to C1">Course content</a> <li class=l><a class=nav-link href=/en/languagetest title="Language placement test - Assess your German knowledge">Language placement test</a></ul> <li class=dropdown><a class=dropdown-toggle data-toggle=dropdown href=#><div class="c2en custom-menu"><span class="custom-two-one eng">Why</span><span class="custom-two-two eng">german studios?</span></div><b class=caret></b></a> <ul class="dropdown-menu menu_level_1"><li><a class=nav-link href=/en/about-us title="About us | Who we are">About the school</a> <li class=f><a class=nav-link href="{ path('index_cologne') }}#whyspeakeasy" title="Why german studios?">What makes us special?</a> <li><a class=nav-link href=/en/events title="Our events and workshops | free of charge for you">Events and workshops</a> <li><a class=nav-link href=/en/german-learning-app title="Unsere app für dich">german studios App</a> <li><a class=nav-link href=/en/online-tutoring title="german studios Online Tutoring - Get help on difficult topics">Online tutoring</a> <li><a class=nav-link href="https://podcasters.spotify.com/pod/show/speakeasy-podcast3/episodes/Folge-1-Willkommen-in-Deutschland-mit-Karoline-e25m2q8?%24web_only=true&_branch_match_id=1197821341315188389&utm_source=web&utm_campaign=web-share&utm_medium=sharing&_branch_referrer=H4sIAAAAAAAAA8soKSkottLXLy7IL8lMq0zMS87IL9ItT03SSywo0MvJzMvWT9U3S%2FVNdwy0CHR2TAIA3yGJxjAAAAA%3D" target=_blank title="speakeasy Podcast">speakeasy Podcast</a> <li><a class=nav-link href=/en/faq title="Our FAQ - Frequently Asked Questions - the answers you need">FAQ</a> <li class=nav-header><a class=nav-link href=/en/living-in-cologne title=Unterkunft>Accommodation</a></ul> <li class=dropdown><a class=dropdown-toggle data-toggle=dropdown href=#><div class="c3en custom-menu"><span class=custom-straight>German courses<br>in Cologne</span></div><b class=caret></b></a> <ul class="dropdown-menu menu_level_1"><li class=f><a class=nav-link href=/en/intensive-courses-german title="German Intensive Course Cologne - Quickest way to learn">Intensive courses</a> <li><a class=nav-link href=/en/super-intensive-courses-german title="Super-Intensive German Course Cologne - Most effective way">Super-intensive courses</a> <li><a class=nav-link href=/en/evening-courses-german title="German Evening Course - For those busy during the daytime">Evening courses</a> <li><a class=nav-link href=/en/german-conversation-course title="Your German Conversation Course | If you need extra practice">Conversation courses</a> <li><a class=nav-link href=/en/private-instruction-german title="German Private Lessons Cologne - Focus on particular topics">One-to-one lessons</a> <li><a class=nav-link href=/en/german-beginners title="German Courses for Beginners at german studios Cologne">Beginner German courses</a> <li><a class=nav-link href=/en/business-courses title="German business language courses in Cologne">Business courses</a></ul> <li class=dropdown><a class=dropdown-toggle data-toggle=dropdown href=#><div class="c4en custom-menu"><span class=custom-straight>German courses<br>online</span></div><b class=caret></b></a> <ul class="dropdown-menu menu_level_1"><li class=f><a class=nav-link href=/en/german-courses-online title="German Course Online Cologne - Learning German is easy">Live German course online</a> <li><a class=nav-link href=/en/german-intensive-courses-online title="Intensive German Course Online Cologne">Intensive course online</a> <li><a class=nav-link href=/en/german-super-intensive-courses-online title="German Online Super Intensive Course Cologne">Super-intensive course online</a> <li><a class=nav-link href=/en/semi-intensive-course-german-online title="Semi Intensive Course German Online - german studios Cologne">Semi-intensive course online</a> <li><a class=nav-link href=/en/german-conversation-courses-online title="Online German Conversation Course - german studios Cologne ">Conversation course online</a> <li><a class=nav-link href=/en/german-private-instruction-online title="Online German Private Lessons - german studios Cologne">Private lesson online</a> <li><a class=nav-link href=/en/exam-preparation-course-online title="Exam preparation course online - german studios Cologne">Exam preparation course online</a> <li><a class=nav-link href=/en/business-courses title="German business language courses in Cologne">Business courses online</a></ul> <li class=dropdown><a class=dropdown-toggle data-toggle=dropdown href=#><div class="c6en custom-menu" style="width: 80px;"><span class="custom-six-one eng" style=left:0;>Telc</span><span class="custom-six-three eng" style="left: 0.2em;">exams</span></div><b class=caret></b></a> <ul class="dropdown-menu menu_level_1"><li class=f><a class=nav-link href=/en/register title="You can register for a telc examination at any time on this page. All language levels from A1 – C1 Hochschule. Register now!">Register</a> <li><a class=nav-link href=/en/general-information-telc-exams title="telc language exams at german studios Cologne">Level information</a> <li><a class=nav-link href=/en/telc-exam-c1-hochschule title="Sit your telc C1 Hochschule exam with german studios and benefit from our vast experience. Many exam dates available. Fast correction times.">Telc exam C1 Hochschule</a> <li><a class=nav-link href=/en/telc-b1-b2-pflege title="telc B1/B2 Pflege">telc B1/B2 Pflege</a> <li><a class=nav-link href=/en/telc-dates title="Inform yourself about the dates and prices for your telc exam at german studios Cologne. Find all the information you need regarding your telc exam.">Dates and fees</a> <li><a class=nav-link href=/en/telc-prepcourses title="Preparatory courses for your telc exam | following the CEFR">Self-study preparation course</a> <li><a class=nav-link href=/en/telc-status title="Your telc exam results | Check the status">Exam status</a> <li><a class=nav-link href=/en/telc-terms title="telc examination regulations at german studios Cologne">Telc T&Cs and exam regulations</a> <li class=l><a class=nav-link href=/en/telc-faq title="FAQ & answers about the telc exams at german studios Cologne">Telc FAQ</a></ul> <li><a class=nav-link href=/en/visa-services title="Fulfill your dream of studying in Germany | With speakeasy"><div class=custom-menu style=width:70px;><span class=custom-six-one style=left:0;>Visa</span><span class=custom-six-two>support</span></div></a> <li class=dropdown><a class="custom-location dropdown-toggle" data-toggle=dropdown href=#><div style="text-align: center;"> Location:<br>Cologne </div> </a> <ul class="dropdown-menu menu_level_1"><li><a class=nav-link href=https://www.speakeasy.hamburg/en title="🎓︎ How to apply for Language Course Visa | Check out our service">Hamburg</a> <li><a class=nav-link href=https://www.speakeasy-bremen.de/en title="Sprachkurse in Bremen | Entdecke alle unsere Sprachkurse">Bremen</a> <li><a class=nav-link href=https://www.speakeasy-munich.de/en title="University Pathway Program – your path to study in Germany">Munich</a> <li><a class=nav-link href=https://www.speakeasysprachzeug.de/en title="Sprachkurse in Berlin | Entdecke alle unsere Sprachkurse">Berlin</a> <li class=l><a class="en gs-hinweis-tooltip nav-link" href=https://www.germanstudios-frankfurt.de/en title="Sprachkurse in Frankfurt | Entdecke alle unsere Sprachkurse">Frankfurt *</a> <li><a class=nav-link href=https://www.speakeasy-zurich.ch/en title="Sprachkurse in Zürich | Entdecke alle unsere Sprachkurse">Zurich</a></ul> <li class=dropdown><a class="custom-language dropdown-toggle" data-toggle=dropdown href=#><div><span class="flag-icon flag-icon-gb"></span> English </div> </a> <ul class="dropdown-menu lang_drop_down menu_level_1"><li data-language=en><a class=languageSwitchHash href=/ title="Language school Berlin - Learn German at speakeasy"><span class="flag-icon flag-icon-de"></span> Deutsch</a> </ul></ul></div> <div class=portal-login-container><a class="btn btn-primary portal-login-btn" href=https://portal.speakeasysprachzeug.de/login target=_blank title="speakeasy Portal"><img alt=Login-Icon class=login-icon src=/Resources/public/images/content/login-icon.png> <img alt="Login-Icon Hover" class=login-icon-hover src=/Resources/public/images/content/login-icon-hover.png></a> </div> <style>.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; } .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: 95px !important; height: 55px !important; } .custom-menu.c2en { margin-top:0px !important; } .custom-menu.c2en .custom-two-one { font-size: 25px !important; left: 0em !important; transform: rotate(-6deg) !important; top: -0.2em !important; } .custom-menu.c2en .custom-two-two { font-size: 27px !important; top: 0.3em !important; left: 0.6em !important; transform: rotate(2deg) !important; } .custom-menu.c2en .custom-two-two { line-height: 21px; } .custom-menu.c3en { width: 122px !important; } .custom-menu.c4en { width: 124px !important; } .custom-menu.c6en { width: 75px !important; } .custom-menu.c8en { width: 84px !important; } .custom-menu.c9en { width: 66px !important; } .custom-menu.c10en { width: 60px !important; } .custom-menu.c11en { width: 56px !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; } } @media (min-width: 1200px) { .navbar .container { width: 1220px; } }</style></div> </nav> <div id=language language=en></div> <div class=st-container id=st-container><nav class="st-effect-11 st-menu" id=menu-11 itemscope itemtype=http://www.schema.org/SiteNavigationElement><ul class="menen nav navbar-nav"><li class="dropdown f"><a class=dropdown-toggle data-toggle=dropdown href=#><span class="custom-navicon item-anmeldung">Register!</span><b class=caret></b></a> <ul class="dropdown-menu menu_level_1"><li class=l><a class="back-link nav-link" href=#>Go back</a> <li class=f><a class=nav-link href=/en/course-configurator title="german studios Cologne: choose your course here">Course configurator</a> <li><a class=nav-link href="/en/sign-up?new=1" title="Language course Cologne: course configurator">Register <span style="font-size: 16px;font-weight: bold">(new student)</span></a> <li><a class=nav-link href=/login title="Language course Cologne: course configurator">Sign up! <span style="font-size: 16px;font-weight: bold">(existing student)</span></a> <li><a class=nav-link href=/en/prices-and-dates title="german studios Cologne course fees">Course fees</a> <li><a class=nav-link href=/en/dates title="Have a look at all the course dates to help you choose the course time that suits you best. Many German courses every month.">Course dates</a> <li><a class=nav-link href=/en/course-content title="German course content - all levels from A1 to C1">Course content</a> <li><a class=nav-link href=/en/languagetest title="Language placement test - Assess your German knowledge">Language placement test</a></ul> <li class=dropdown><a class=dropdown-toggle data-toggle=dropdown href=#><span class="custom-navicon item-warumspeakeasy">Why german studios</span><b class=caret></b></a> <ul class="dropdown-menu menu_level_1"><li class=f><a class="back-link nav-link" href=#>Go back</a> <li><a class=nav-link href=/en/about-us title="About us | Who we are">About the school</a> <li><a class=nav-link href=/en/#whyspeakeasy title="Why german studios?">What makes us special?</a> <li><a class=nav-link href=/en/events title="About us | Who we are">Events and workshops</a> <li><a class=nav-link href=/en/german-learning-app title="Unsere app für dich">german studios App</a> <li><a class=nav-link href=/en/online-tutoring title="german studios Online Tutoring - Get help on difficult topics">Online Tutoring</a> <li><a class=nav-link href="https://podcasters.spotify.com/pod/show/speakeasy-podcast3/episodes/Folge-1-Willkommen-in-Deutschland-mit-Karoline-e25m2q8?%24web_only=true&_branch_match_id=1197821341315188389&utm_source=web&utm_campaign=web-share&utm_medium=sharing&_branch_referrer=H4sIAAAAAAAAA8soKSkottLXLy7IL8lMq0zMS87IL9ItT03SSywo0MvJzMvWT9U3S%2FVNdwy0CHR2TAIA3yGJxjAAAAA%3D" target=_blank title="speakeasy Podcast">speakeasy Podcast</a> <li><a class=nav-link href=/en/faq target=_blank title="Our FAQ - Frequently Asked Questions - the answers you need">FAQ</a> <li class=nav-header><a class=nav-link href=/en/living-in-cologne title=Unterkunft>Accommodation</a></ul> <li class=dropdown><a class=dropdown-toggle data-toggle=dropdown href=#><span class="custom-navicon item-kurseCologne">German courses in Cologne</span><b class=caret></b></a> <ul class="dropdown-menu menu_level_1"><li class=f><a class="back-link nav-link" href=#>go back</a> <li><a class=nav-link href=/en/intensive-courses-german title="German Intensive Course Cologne - Quickest way to learn">Intensive courses</a> <li><a class=nav-link href=/en/super-intensive-courses-german title="Super-Intensive German Course Cologne - Most effective way">Super-intensive courses</a> <li><a class=nav-link href=/en/evening-courses-german title="German Evening Course - For those busy during the daytime">Evening courses</a> <li><a class=nav-link href=/en/german-conversation-course title="Your German Conversation Course | If you need extra practice">Conversation courses</a> <li><a class=nav-link href=/en/private-instruction-german title="German Private Lessons Cologne - Focus on particular topics">One-to-one lessons</a> <li><a class=nav-link href=/en/german-beginners title="German Courses for Beginners at german studios Cologne">Beginner German courses</a> <li><a class=nav-link href=/en/business-courses title="Stay always up-to-date with our german studios language school news for Cologne. Inform now about our relevant news!">Business courses</a></ul> <li class=dropdown><a class=dropdown-toggle data-toggle=dropdown href=#><span class="custom-navicon item-kurseonline">German courses online</span><b class=caret></b></a> <ul class="dropdown-menu menu_level_1"><li class=l><a class="back-link nav-link" href=#>Go back</a> <li><a class=nav-link href=/en/german-courses-online title="German Course Online Cologne - Learning German is easy">live German course online</a> <li><a class=nav-link href=/en/german-intensive-courses-online title="Intensive German Course Online Cologne">Intensive course online</a> <li><a class=nav-link href=/en/german-super-intensive-courses-online title="German Online Super Intensive Course Cologne">Super-intensive course online</a> <li><a class=nav-link href=/en/semi-intensive-course-german-online title="Semi Intensive Course German Online - german studios Cologne">Semi-intensive course online</a> <li><a class=nav-link href=/en/german-conversation-courses-online title="Online German Conversation Course - german studios Cologne ">Conversation course online</a> <li><a class=nav-link href=/en/german-private-instruction-online title="Online German Private Lessons - german studios Cologne">Private lesson online</a> <li><a class=nav-link href=/en/exam-preparation-course-online title="Exam preparation course online - german studios Cologne">Exam preparation course online</a> <li><a class=nav-link href=/en/business-courses title="Stay always up-to-date with our german studios language school news for Cologne. Inform now about our relevant news!">Business courses online</a></ul> <li class=dropdown><a class=dropdown-toggle data-toggle=dropdown href=#><span class="custom-navicon item-telc">telc exam</span><b class=caret></b></a> <ul class="dropdown-menu menu_level_1"><li class=f><a class="back-link nav-link" href=#>Go back</a> <li class=l><a class=nav-link href=/en/register id=register-telc-mobile title="You can register for a telc examination at any time on this page. All language levels from A1 – C1 Hochschule. Register now!">Register</a> <li><a class=nav-link href=/en/general-information-telc-exams title="telc language exams at german studios Cologne">Level information</a> <li><a class=nav-link href=/en/telc-exam-c1-hochschule title="Sit your telc C1 Hochschule exam with german studios and benefit from our vast experience. Many exam dates available. Fast correction times.">Telc exam C1 Hochschule</a> <li><a class=nav-link href=/en/telc-b1-b2-pflege title="telc B1/B2 Pflege">telc B1/B2 Pflege</a> <li><a class=nav-link href=/en/telc-dates title="Inform yourself about the dates and prices for your telc exam at german studios Cologne. Find all the information you need regarding your telc exam.">Dates and fees</a> <li><a class=nav-link href=/en/telc-prepcourses title="Preparatory courses for your telc exam | following the CEFR">Self-study preparation course</a> <li><a class=nav-link href=/en/telc-status title="Your telc exam results | Check the status">Exam status</a> <li><a class=nav-link href=/en/telc-terms title="telc examination regulations at german studios Cologne">Telc T&Cs and exam regulations</a> <li><a class=nav-link href=/en/telc-faq title="FAQ & answers about the telc exams at german studios Cologne">Telc FAQ</a></ul> <li><a class="custom-navicon item-university nav-link" href=/en/visa-services title="We support you with the different German Visa applications">Visa support</a> <li class=dropdown><a class=dropdown-toggle data-toggle=dropdown href=#><span class="custom-navicon item-location">Choose your location</span><b class=caret></b></a> <ul class="dropdown-menu menu_level_1"><li class=l><a class="back-link nav-link" href=#>Go back</a> <li><a class=nav-link href=https://www.speakeasy.hamburg/en>Hamburg</a> <li><a class=nav-link href=https://www.speakeasy-bremen.de/en/ title="German language school in Bremen | Online courses">Bremen</a> <li><a class=nav-link href=https://www.speakeasysprachzeug.de>Berlin</a> <li><a class=nav-link href=https://www.speakeasy-munich.de>München</a> <li class=f><a class=nav-link href=https://www.germanstudios-frankfurt.de/en>Frankfurt *</a> <li><a class=nav-link href=https://www.speakeasy-zurich.ch/en title="Sprachkurse in Zürich | Entdecke alle unsere Sprachkurse">Zurich</a> <li style=color:#fff;padding:8px;>* Under the name german studios</ul> <li><span style="display: flex;justify-content: center;"><a class="animation-grow facebook" href=https://www.facebook.com/speakeasyhamburg style="background: unset;border:unset;box-shadow:unset;" target=_blank title=Facebook><i class="fa fa-facebook"></i><span class=sr-only>Facebook</span> </a> <a class="animation-grow facebook" href=https://www.instagram.com/speakeasyhamburg/ style="background: unset;border:unset;box-shadow:unset;" target=_blank title=Instagram><i class="fa fa-instagram"></i><span class=sr-only>Instagram</span> </a></span> </ul> <style>.custom-navicon { line-height: 30px !important; } .custom-navicon.item-kurseCologne{ font-size:16px; } .custom-navicon.item-kurseCologne:before { content: url(/Resources/public/images/navigation/colognemutze.png); }</style></nav> <div class=st-pusher><div class=st-content><div class=st-content-inner><div class="hidden-lg language-mobil" style=top:0;><ul class=language_selected><li data-language=de><a class=languageSwitchHash href=/ title="Sprachschule München - Deutsch lernen kann so einfach sein"><span class="flag-icon flag-icon-de"></span> </a> <li data-language=en><a class=languageSwitchHash href=/en/ title="Language school Munich - Learn German at speakeasy"><span class="flag-icon flag-icon-gb"></span></a> </ul> </div> <header class=cologneheader><div class=logobar-wrapper style="z-index: 1001;"><div class=container id=logobar><div class=row><div class="brand col-md-9 col-sm-6 col-xs-6"><a href=//www.speakeasysprachzeug.de/en/ title="Sprachschule Berlin - Deutsch lernen kann so einfach sein"><h1 class=head_top><span class=title>german studios!</span> <span class=hidden-br></span> <span class=subtitle>Your German language school in Cologne</span></h1> </a> </div> <div class="brand col-md-5 col-sm-5 col-xs-6" id=mobile-nav><span class=contact><a class="mail sprite sprite-block text-right" href=mailto:info@germanstudios-cologne.de title="Schreib uns eine E-Mail"><i class="fa fa-at"></i><span class=sr-only>Send an e-Mail</span> </a> <a class="phone sprite sprite-block text-right" href=tel:+4922157273960 target=_blank title="Ruf uns an"><i class="fa fa-phone"></i><span class=sr-only>Call us</span> </a> <a class="address sprite sprite-block text-right" href=https://maps.app.goo.gl/9JZxJTgkHnAxvY6MA rel=noopener target=_blank title="Find us"><i class="fa fa-location-arrow"></i><span class=sr-only>The way to us</span></a> <a class=mobile-flag href=/ style="margin-right: 13px;" title="Language school Berlin - Learn German at german studios"><span class="flag-icon flag-icon-de" style="width: 24px;"></span></a></span> </div></div> </div> <p class="address text-right visible-lg"> Gürzenichstraße 21, 50667 Köln | <a class="mail sprite" href=info@germanstudios-cologne.de title="Schreib uns eine E-Mail">info@germanstudios-cologne.de</a><br> Office hours: Mo – Th: 09:00 – 18:00 Fr: 10:00 – 15:00 | <a class="phone sprite" href=tel:+4922157273960 target=_blank title="Ruf uns an">+49 (0) 221 572 739 60</a> </div> <div class="col-md-12 hmt32 landing-logo-container" style="z-index: 1000;"><picture class=cgn-logo-mobile style=width:100%;max-width:320px;margin-top:60px;display:block><source srcset=/Resources/public/images/logo/gs_logo_koeln_shadow.webp type=image/webp><source srcset=/Resources/public/images/logo/gs_logo_koeln_shadow.png type=image/png><img alt=Logo class="img-responsive lazyload" loading=lazy src=/Resources/public/images/logo/gs_logo_koeln_shadow.png> </picture> <style>.st-pusher{overflow-x: hidden;} @media (max-width:991px){ .cgn-logo-mobile { display:none!important; max-width:200px !important; padding-top:80px !important; } } @media (max-width: 1199px) { .box2.wo-box-winter { top: 75px !important; right: 20px !important; height: 150px !important; width: 150px !important; font-size: 15px !important; padding: 62px 10px 0 !important } .box2.wo-box-winter strong { font-size:70px!important; } }</style></div> <video autoplay class=banner-clip loop muted playsinline="" style=position:absolute;top:0><source id=video src="" type=video/mp4></video></header> <a href=/en/opening-offer title=50€><div class="box2 wo-box-winter" style=" width: 200px; background-color: #ffc000; display: block; height: 200px; top: 95px; right: 50px; left: unset; cursor: pointer; padding: 20px; text-align: center; align-items: center; justify-content: center; transition: all 0.3s; position: absolute; border-radius: 100%; z-index: 5000; color:black; rotate: 21deg; padding: 80px 20px 0; font-size: 21px; line-height: 1em; font-weight: 900; box-shadow: 0 0 10px black; "><strong style="font-size: 80px;/* padding: 10px; */">50€</strong><br>New Customer Discount</div></a> <div class="scroll-down scroll-higher 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 muenchen - deine Sprachschule" src=/assets/start/down.png> </picture> </div> <section class=course-section><div class=head-wrapper><h2 class="no-line-height section-header2 topline"><div class="blue-box upper-box"><span class="box-text smaller-start-text">always the</span> </div> <div class="blue-box lower-box smaller-start-margin"><span class="box-text smaller-start-text text-rotate">right German course</span> </div></h2> </div> <div class=container><div class="course-slider-wrapper visible-lg-flex" style="align-items: flex-start"><div class=sliderbox><div class=section-header><h3>Online German Courses</h3> </div> <p class=teaser> We bring interactive online lessons directly to you! Learn German from the comfort of your home!<br><br> <div class=inhouse-slider><div class=indexCourseBox-box><a href=/en/semi-intensive-course-german-online><div class=col-xs-12><h4 class=indexCourseBox-title-h4><span class=title-new-content>German semi-intensive 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> </div> <div class=indexCourseBox-infotext><p>1 hr 30 Min / 2 times a week </div></div> </a> </div> <div class=indexCourseBox-box><a 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> 249 EUR / <span class=indexCourseBox-lastText>month</span> </div> <div class=indexCourseBox-infotext><p>2 hr 45 Min / 4 times a week </div></div> </a> </div></div></div> <div class=sliderbox><div class=section-header><h3>Courses with Physical Attendance</h3> </div> <p class=teaser> High-quality German lessons in a friendly and motivating atmosphere - that's what our in-person courses offer at our language school in Cologne! <div class=inhouse-slider><div class=indexCourseBox-box><a 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> 179 EUR / <span class=indexCourseBox-lastText>month</span> </div> <div class=indexCourseBox-infotext><p>1 hr 30 Min / 2 times a week </div></div> </a> </div> <div class=indexCourseBox-box><a 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> 299 EUR / <span class=indexCourseBox-lastText>month</span> </div> <div class=indexCourseBox-infotext><p>2 hr 45 Min / 4 times a week </div></div> </a> </div> <div class=indexCourseBox-box><a href=/en/languagevisas/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> 409 EUR / <span class=indexCourseBox-lastText>month</span> </div> <div class=indexCourseBox-infotext><p>at least 18 teaching units a week </div></div> </a> </div></div></div> <div class=sliderbox><div class=section-header><h3>telc exams</h3> </div> <p class=teaser> Receive an official language certificate with our language school Cologne! We offer language exams for all levels from A1 to C1 Hochschule.<br><br> <div class=inhouse-slider><div class=indexCourseBox-box><a href=/en/general-information-telc-exams><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> 189 EUR / <span class=indexCourseBox-lastText>exam</span> </div> <div class=indexCourseBox-infotext><p>official language exam for all levels </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 checked name=rotate-cube-side style="display: none;" type=radio value=front> Physical course German </label> <label class="btn btn-block btn-primary"><input name=rotate-cube-side style="display: none;" type=radio value=right> German course online </label> <label class="btn btn-block btn-primary"><input name=rotate-cube-side style="display: none;" type=radio value=left> telc-exams </label></div> <div class="scene sliderbox"><div class=cube><div class="cube__face cube__face--front"><div class="cube-header section-header"><h3>Physical course German</h3> </div> <div class=inhouse-slider><div class=indexCourseBox-box><a 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> 299 EUR/<span class=indexCourseBox-lastText>month</span> </div> <div class=indexCourseBox-infotext><p>2 hr 45 Min / 4 times a week </div></div> </a> </div> <div class=indexCourseBox-box><a 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> 179 EUR / <span class=indexCourseBox-lastText>month</span> </div> <div class=indexCourseBox-infotext><p>1 hr 30 Min / 2 times a week </div></div> </a> </div> <div class=indexCourseBox-box><a href=/en/languagevisas/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> 409 EUR/<span class=indexCourseBox-lastText>month</span> </div> <div class=indexCourseBox-infotext><p>at least 18 teaching units a week </div></div> </a> </div></div></div> <div class="cube__face cube__face--back"></div> <div class="cube__face cube__face--right"><div class="cube-header section-header"><h3>German course online</h3> </div> <div class=inhouse-slider><div class=indexCourseBox-box><a 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> 249 EUR/<span class=indexCourseBox-lastText>month</span> </div> <div class=indexCourseBox-infotext><p>2 hr 45 Min / 4 times a week </div></div> </a> </div> <div class=indexCourseBox-box><a href=/en/semi-intensive-course-german-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> </div> <div class=indexCourseBox-infotext><p>1 hr 30 Min / 2 times a week </div></div> </a> </div></div></div> <div class="cube__face cube__face--left"><div class="cube-header section-header"><h3>telc-exams</h3> </div> <div class=inhouse-slider><div class=indexCourseBox-box><a href=/en/general-information-telc-exams><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>189 EUR/<span class=indexCourseBox-lastText>exam</span> </div> <div class=indexCourseBox-infotext><p>official language exam for all levels </div></div> </a> </div> </div></div></div> </div></div></div> <div name=why--speakeasy></div></section> <section style="background-color: #ebebeb; padding:40px 40px 100px 40px !important;"><div class=pe-richsnippets></div> <div class=text-center style="padding-bottom:10px; margin-top: -5px; font-size: 70%;"><a href=https://info.provenexpert.com/de/pruefung-der-echtheit style="color: grey; text-decoration: none;" target=_blank> Authenticity of Reviews </a></div> <script async data-skip-lazy="" nowprocket="" src="https://www.provenexpert.com/widget/richsnippet.js?u=2LQplAKZiEQA1xQZhA3ZlIwpj4zp4V3Z&v=2"></script> <style>.pe-richsnippets a, pe-richsnippets a span { font-size: 28px !important; } .pe-richsnippets { display: flex;align-items: center;justify-content: center; } .richsnippet { background-color: #ebebeb;display: flex;align-items: center;justify-content: center;padding:40px 40px 100px 40px !important;gap:200px; } @media (max-width:767px){ .richsnippet { flex-wrap: wrap; gap:5px; } }</style> <script async data-skip-lazy="" nowprocket="" src="https://www.provenexpert.com/badge/topservice.js?id=2LQplW3pj5TAkIQBlRGAiOGZjDwZj42p&w=180&key=upagsazx"></script></section> <div id=uspanchor></div> <section class="bg-floor whyspeakeasy" id=whyspeakeasy><h2 class="section-header2 why-speakeasy-line-height"> Why Learn German<br>with german studios Cologne? </h2> <div class=container><div class="icon-idee speech-wrapper"><div class=text-wrapper><h3>The German Studios Method </h3> <p> Practical and interactive – this is how we design German courses at our schools in Cologne, Berlin, Hamburg, Munich, Frankfurt, and online! </div> </div> <div class="icon-group speech-wrapper"><div class=text-wrapper><h3>Small Learning Groups</h3> <p> Small group sizes of average 5-6 people (max.10) contribute to effective learning. </div> </div> <div class="icon-you speech-wrapper"><div class=text-wrapper><h3>Free Online Learning Support</h3> <p> Do you have questions about your homework? Join our <a href=/en/online-tutoring title="Our learning support - live with a teacher.">Live Online Learning Support</a> and let your teacher explain it to you! </div> </div> <div class="icon-community speech-wrapper"><div class=text-wrapper><h3>German Studios Socializer </h3> <p> Get to know other participants at our regular events and in the Online Community! </div> </div> <div class="icon-event speech-wrapper"><div class=text-wrapper><h3>Practice Makes Perfect</h3> <p> Participate in our online <a href=/en/events>grammar and topic workshops</a> and learn not only about the German language but also about life in Germany. </div> </div> <div class="icon-documents speech-wrapper"><div class=text-wrapper><h3>Online Library</h3> <p> With the online library, you can access additional learning materials at any time. </div> </div></div></section> <section class=rating-section id=rating style="background-image: unset"><div class=row style=display:flex><div class="col-lg-6 col-md-6 hidebgimage" style="background-image: url(/Resources/public/images/startcgn.jpg);background-size: cover;min-height:100%;background-position: top"></div> <div class="bg-white col-lg-6 col-md-6 googlereviewwrapper"><noscript><a class=pe-pro-seal-more-infos href="https://www.provenexpert.com/german-studios-koeln/?utm_source=seals&utm_campaign=embedded-proseal&utm_medium=profile&utm_content=817d9ae9-d0cb-4536-ba51-bde9d7f52fb5" target=_blank title="Customer reviews & experiences for german studios Köln">More info</a> </noscript> <script defer id=proSeal nowprocket="">window.loadProSeal = function(){ window.provenExpert.proSeal({ widgetId: "817d9ae9-d0cb-4536-ba51-bde9d7f52fb5", 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;display: flex;align-items: center;justify-content: center;margin: 10px auto 20px;"><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 alt=Gmaps class="img-responsive lazyload" loading=lazy src=/Resources/public/images/award/GCA24_Winner_Logo_Gold.webp> </picture> </div></div> <style>@media (max-width:991px){ .hidebgimage { display:none; } .googlereviewwrapper { margin:auto; } }</style></div> </section> <section><div class="m0 row"><div class="centervideos col-lg-12 col-md-12"><h2 style="position: relative">Further customer opinions from other locations <span class=infoschool id=infoschool>i</span><span class=infoschooltext id=infoschooltext>German studios is a brand of speakeasy with other locations in Berlin, Hamburg and Munich.</span></h2> <style>.infoschool { background-color: #009bdc; color:#fff; display: flex; align-items: center; justify-content: center; padding:5px; border-radius: 50%; width:40px; height:40px; cursor:pointer; float:right; margin-left:10px; font-size: 22px; } .infoschooltext { display: none; position: absolute; background-color: #009bdc; color:#fff; padding:25px; max-width: 320px; font-size: 24px; line-height: 24px; right:0; z-index:100; }</style> <script>document.addEventListener('DOMContentLoaded', function() { var infoSchoolElement = document.getElementById('infoschool'); var infoSchoolTextElement = document.getElementById('infoschooltext'); // Funktion zum Einblenden var showInfoSchoolText = function() { infoSchoolTextElement.style.display = 'block'; }; // Funktion zum Ausblenden var hideInfoSchoolText = function() { infoSchoolTextElement.style.display = 'none'; }; // Event-Listener für Desktop-Geräte infoSchoolElement.addEventListener('mouseenter', showInfoSchoolText); infoSchoolElement.addEventListener('mouseleave', hideInfoSchoolText); // Event-Listener für Touch-Geräte infoSchoolElement.addEventListener('touchstart', function(event) { // Prüfen, ob das infoschooltext-Element angezeigt wird var displayStatus = infoSchoolTextElement.style.display; if (displayStatus === 'block') { // Ausblenden, wenn es bereits angezeigt wird hideInfoSchoolText(); } else { // Einblenden, wenn es nicht angezeigt wird showInfoSchoolText(); } // Verhindern, dass das Ereignis mehrfach ausgelöst wird event.preventDefault(); }, {passive: false}); });</script> <div class=left> <</div> <div class=right> ></div> <div class=videoflex><div class="Beatriz testimonialsvideo" video=Beatriz></div> <div class="Martin testimonialsvideo" video=Martin></div> <div class="Natalie testimonialsvideo" video=Natalie></div> <div class="Carla testimonialsvideo" video=Carla></div> <div class="Luis testimonialsvideo" video=Luis></div> <div class="Polina testimonialsvideo" video=Polina></div></div> <style>.videoflex { display: flex; flex-wrap: nowrap; 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 video { border-radius: 10px; } .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; } .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; } .videoflex { display: flex; flex-wrap: wrap; } } @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> </section> <div id=registeranchor></div> <div data-controller=live 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"}] data-live-name-value=ConfiguratorComponent data-live-props-value={"step":"CourseType","location":7,"locationName":"K\u00f6ln","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":"ed6aa23c4b6.CgzBR_snGZyNgh2o-PNvieSpJP03XFc9lBu2SoFjm0c.Q1iTAJFlfavVtm_Kp7Bd6IPfVZ5CCDZYxnPic_sA8ip_RLAkl34srsrIag"},"isValidated":false,"validatedFields":[],"@attributes":{"id":"live-1564929903-0"},"@checksum":"Kk8ZH\/Et7MjAzxqEjtlXyvJrpzTykpy3Cnp4dkjtNSI="} data-live-url-value=/en/_components/ConfiguratorComponent id=live-1564929903-0><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 class="btn btn-block btn-rounded" data-action=live#action data-live-action-param=nextStep data-live-category-param=1 data-live-step-param=CourseCategory href=javascript:void(0); title="German courses">German courses</a> <div class=info-moneyback><a href=/en/money-back-guarantee target=_blank>with money-back-guarantee <span class=mini-info><span class=align-middle-flex>i</span></span></a></div></div> <div class="col-md-6 col-xs-12 mb-30"><a class="btn btn-block btn-rounded" data-action=live#action data-live-action-param=nextStep data-live-category-param=5 data-live-step-param=CourseCategory href=javascript:void(0); title="telc exams">telc exams</a> </div></div> </div> </div> </div></section> <style>.info-moneyback { background-color:#fc0;font-size:14px;border-radius: 5px;top:-20px;left:-50px;position: absolute;box-shadow: 0 0 10px rgba(0,0,0,0.4); color:#000;transition: 0.3s all; } .info-moneyback:hover { background-color:#009bcd; } .info-moneyback a { color:#000; padding:20px; transition: 0.2s all; } .info-moneyback a:hover { color:#fff; } .info-moneyback .mini-info { color:#fff;display:inline-block;width:30px;height:30px;border:2px solid #fff;background-color: #ff8800;padding:5px;margin:5px 0 5px 5px;font-size:14px;border-radius: 50%; } .info-moneyback:hover .mini-info { background-color:#fc0; } .info-moneyback .align-middle-flex { display:flex;align-items: center;justify-content: center; } @media(max-width: 900px){ .info-moneyback { left:5px; top:-30px; } }</style></div> <div id=scroll-contact></div> <section class=section><div class=container><div class=section-header style=margin-top:20px;><div class="header-line hidden-sm hidden-xs left" style="max-width: 100%;"></div> <h2>german studios - Your Language School in Cologne!</h2><br> <div class="animated header-line hidden-sm hidden-xs right" style="max-width: 100%;"></div></div> <div class=row><div class=col-md-7><p> Are you looking for a German language course in Cologne? Then you've come to the right place at german studios by speakeasy! We offer a wide range of German courses and telc exams that are fully tailored to your various learning goals and preferences. Whether you want to take a group or individual course, prefer an online or in-person format, or wish to study in the morning or evening, you will always find a suitable option with us. <p> When you book a language course at our language school Cologne, you benefit from all the german studios advantages. These advantages include attractive prices, free online learning support, small learning groups, interesting grammar workshops, and events. Additionally, we follow the proven german studios Method. The german studios Method is based on the idea of not making the fundamental mistake of learning theory without practice. Therefore, the instruction at our language school Cologne is always communication-oriented, active, and closely related to real life. Our teachers are passionate and dedicated! They explain even complex structures in a simple and understandable way. Furthermore, you are always welcome to contribute your own ideas to the lessons. <p> Another advantage is that we are located in the heart of Cologne. You can easily reach us by all public transportation, even if you don't live directly in the city but in the Cologne area. <p> Detailed information about our offers can be found on our website. If you have any further questions, please feel free to contact us <a href=mailto:info@germanstudios-cologne.de>by email</a> or through the contact form on the right. Our friendly front office team is always happy to assist you. </div> <div class=col-md-5 id=mail><picture class="img-handy lazyload"><source srcset=/Resources/public/images/gmaps-koe.webp type=image/webp><source srcset=/Resources/public/images/gmaps-koe.png type=image/jpeg><img alt="speakeasy wohlfühlen" class=lazyload loading=lazy src=/Resources/public/images/gmaps-koe.png style=width:100%;> </picture> <address class=right-adress itemscope itemtype=http://schema.org/LocalBusiness><h4><span itemprop=name>german studios Cologne</span><br> <small>- Language school Cologne -</small></h4> <p style="text-align: right">Gürzenichstr. 21<br> 50667 Köln, Deutschland </address> <form action=/en/ method=post name=landing_form_drop_down><div class=form-group><label class="control-label required" for=landing_form_drop_down_name>Name</label> <input class=form-control id=landing_form_drop_down_name name=landing_form_drop_down[name] placeholder=Name required type=text></div> <div class=form-group><label class="control-label required" for=landing_form_drop_down_phone>Phone</label> <input class=form-control id=landing_form_drop_down_phone name=landing_form_drop_down[phone] placeholder=Phone required type=text></div> <div class=form-group><label class="control-label required" for=landing_form_drop_down_email>E-Mail</label> <input class=form-control id=landing_form_drop_down_email name=landing_form_drop_down[email] placeholder=E-Mail required type=email></div> <div class=form-group style="position: absolute; left: -9999px;"><label class=control-label for=landing_form_drop_down_subject>Subject</label> <input aria-hidden=true autocomplete=off class=form-control id=landing_form_drop_down_subject name=landing_form_drop_down[subject] type=text></div> <textarea class=form-control id=landing_form_drop_down_message name=landing_form_drop_down[message] placeholder=Message required></textarea> <div style=display:none><input id=landing_form_drop_down__token name=landing_form_drop_down[_token] type=hidden value=37af387197640b32e57d8d06585e96.nT2GdSOyM-eycMhD1U0UHPtzU9qCMDGYWY-MwfaHYBc.wle_REbwaorENoIIvSx-bqFEPY7nRFn0FcbOuIC_Enz0bPQcct4KkeQEqw> </div> <br> <p>Find out <a href=/doc/2020/Info_on_data_processing_students.pdf target=_blank title="Privacy Policy | How we protect your data | All information">here</a> how we protect and process your data. <div class=row style=margin-top:10px;margin-bottom:10px;><div class=col-md-12><input checked id=newsletter name=newsletter type=checkbox value=1> <label for=newsletter style="display: inline;padding-left: 20px; font-size:18px"> I would like to receive regular updates from german studios (news, special offers and discounts, general information). </label></div> </div> <br> <button class="btn btn-block btn-primary send-contact" type=submit>Absenden</button></form></div></div></div> </section> <footer class="fp-auto-height section"><div class=container><div class=row><div class="col-md-4 col-xs-0"><a href=https://www.kayak.de/flights target=_blank title="Öffnet die KAYAK Webseite"><picture class="img-responsive lazyload"><source srcset=/Resources/public/images/footer/munich_kayak_logo.webp type=image/webp><source srcset=/Resources/public/images/footer/munich_kayak_logo.jpg type=image/png><img alt="Expats Webseite" class=lazyload loading=lazy src=/Resources/public/images/footer/munich_kayak_logo.jpg style=width:100%;margin-bottom:5px;> </picture> </a> <a href=https://www.momondo.se/city-guides/discover-koeln.14508.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 alt="momonod Webseite" class=lazyload loading=lazy src=/Resources/public/images/footer/momondo.png style=width:100%;margin-bottom:5px;> </picture> </a></div> <div class="col-md-4 col-xs-4 footercologneleft"><div class="col-md-7 col-xs-12"><h3 class=footer_header>Service</h3> <ul class=list-unstyled><li><a href=https://maps.app.goo.gl/9JZxJTgkHnAxvY6MA rel=noopener target=_blank title="speakeasy Munich - Language school - Google Maps"> Google Maps</a> <li><a href=/en/impressum title="Speakeasy Sprachzeug - Impressum">Legal Information / GTC</a> <li><a href=/en/privacypolicy target=_blank title="German language school in Cologne | Online courses">Data protection</a> <li><a href=/en title="Language school Munich - Learn German at speakeasy">English Version</a> <li><a href=/ title="Sprachschule München - Deutsch lernen kann so einfach sein">Deutsche Version</a> </ul></div> </div> <div class="col-md-4 col-xs-8 footercologneright"><div class=col-md-12><div class=col-md-12><img alt="Speakeasy Logo" class="footer-logo footerlogocologne lazyload pull-right" loading=lazy src=/Resources/public/images/logo/gs_Logo_koeln_Extension.svg> </div> <div class="col-md-3 col-xs-3 pull-right social-media-container"><a class="animation-grow facebook" href=https://www.facebook.com/germanstudioskoeln target=_blank title=Facebook><i class="fa fa-facebook"></i><span class=sr-only>Facebook</span> </a> <a class="animation-grow facebook" href=https://www.instagram.com/germanstudios_koeln target=_blank title=Instagram><i class="fa fa-instagram"></i><span class=sr-only>Instagram</span> </a></div> <p class="col-md-12 pull-right text-right">© Speakeasy München All rights reserved.<br> <a class=copy href=https://www.homepagewartung24.de/ rel=noopener target=_blank title="Webdesign Agentur">Webdesign </a>by HomepageWartung24.de</div> </div></div> </div> </footer> <div class=to_bottom_position><div class=to_bottom_container><img alt="Jetzt scrollen für mehr Info" src=/Resources/public/images/icons/scroll_for_more_white.png title="Öffnet weiteren Text"> </div> </div></div> </div> </div></div> <link href=/build/app.3c996fa5.css rel=stylesheet> <link href="/css/seo.css?v=1.1" rel=stylesheet> <link href=/css/headlines.css rel=stylesheet> <link href="/css/langtest.css?v=1.1" rel=stylesheet> <style>.logobar-wrapper p.address { top:9px; } #carouselInfo { max-width: 100vw; overflow: hidden; } .carousel li { width: auto; } #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; } #slider-index-em { min-height:675px; } .carousel-control { background-image: none !important; filter: none !important; } .fa-angle-left, .fa-angle-right { color: #009BDC; font-size: 60px; margin-top: 70px; } .banner-clip { position: absolute; top: 50% !important; left: 50%; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); min-width: 100%; min-height: 100%; max-width: 100%; width: auto; height: 107%; overflow: hidden; object-fit: cover; } .slick-slide { min-height: 120px !important; } /*---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; } .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 { 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; } .wd-box { top: 468px; position: absolute; right: 50px; font-weight:700; z-index:5001; } .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; } .logobar-wrapper { z-index: 2; top: 0 !important; } @media(min-width: 1201px) and (max-width: 1535px) { #logobar .row .title { font-size: 32px; } #logobar .row .subtitle { font-size: 22px; } } @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: 20px; 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%; } .h2-camouflage { font-size: 24px; } 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; } /*Offer Banner*/ .offer-banner { color: #fff; background-color: #ffc000; position: absolute; transform: rotate(50deg); z-index: 1; overflow: hidden; margin: auto; display: block; width: 900px; padding: 15px 0; box-shadow: 0 5px 10px rgb(0 0 0 / 10%); text-shadow: 0 1px 1px rgb(0 0 0 / 20%); text-align: left; top: 226px; right: -298px; } .offer-banner::before, .offer-banner::after { border-top-color: transparent; border-right-color: transparent; } .offer-banner::before { top: 0; left: 0; } .offer-banner::after { bottom: 0; right: 0; } .offer-banner span { color: #009bdc; font-weight: bold; } .offer-banner .offer-head { font-size: large; font-weight: bold; } .offer-banner p { margin: 0; left: -25px; top: 30px; text-align: center; } /*Offer Banner*/ @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; } } @media (max-width: 500px) { .indexCourseBox-lastText { line-height: normal; font-size: 18px; } .indexCourseBox-textbox p { font-size: 18px; } } @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; } .brandenburg-gate { position: absolute; background: url('/assets/start/brandenburg-gate.png') no-repeat; right: 5%; top: -158px; width: 222px; height: 172px; z-index: 2; } .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; 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: 0; } 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; 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: url('assets/start/rating-right.jpg') no-repeat, url('assets/start/rating-left.jpg') no-repeat; background-position: top right, top left; background-size: auto 100%, auto 100%; 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; } .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: -77px; } .head-wrapper { width: 100%; position: absolute; } /*.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; } 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/intensiv.svg'); } .indexCourseBox-box a:hover .indexCourseBox-title.intensive_course { background-image: url(assets/start/intensiv_hover.svg); } .indexCourseBox-title.semi { background-image: url('assets/start/semi.svg'); } .indexCourseBox-box a:hover .indexCourseBox-title.semi { background-image: url(assets/start/semi_hover.svg); } .indexCourseBox-title.super { background-image: url('assets/start/super.svg'); width: 100%; left: 0; } .indexCourseBox-box a:hover .indexCourseBox-title.super { background-image: url(assets/start/super_hover.svg); } .indexCourseBox-title.evening { background-image: url('assets/start/evening.svg'); } .indexCourseBox-box a:hover .indexCourseBox-title.evening { background-image: url(assets/start/evening_hover.svg); } .indexCourseBox-title.telc { background-image: url('assets/start/telc.svg'); } .indexCourseBox-box a:hover .indexCourseBox-title.telc { background-image: url(assets/start/telc_hover.svg); } .indexCourseBox-title.uni { background-image: url('assets/start/uni.svg'); background-size: contain; } .indexCourseBox-box a:hover .indexCourseBox-title.uni { background-image: url(assets/start/uni_hover.svg); } .indexCourseBox-title.visa { background-image: url('assets/start/visa.svg'); } .indexCourseBox-box a:hover .indexCourseBox-title.visa { background-image: url(assets/start/visa_hover.svg); } @media only screen and (max-width: 1200px), screen and (max-device-width: 1200px) { .indexCourseBox-title.intensive_course { width: 80%; left: 10%; } } .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; } } @media only screen and (max-width: 1024px) and (max-height: 1366px), screen and (max-height: 862px) { .whitebox.aside-menu { background-color: rgba(0, 155, 220, 0.3) !important; } } .skylineMunich { position: relative; margin: auto; } .skylineMunich img { bottom: 0; position: absolute; }</style> <style>.winter_badge_2022 { position: absolute; top: 160px; left: 20px; } .winter_badge_2022 .german_badge { display: block; width: 250px; height: 189px; background-image: url('/assets/start/winterbadgede.png'); background-repeat: no-repeat; background-position: 0 -189px; overflow: hidden; } .winter_badge_2022 .german_badge:hover { background-position: 0 0; }</style> <style>.landingmessage { min-height: 340px !important; } .slick-dots { justify-content: center; } .indexCourseBox-box:hover { border: 3px solid #ffc000 !important; } .navenregister{ margin-top: 10px; } .contactformdown { margin-top: 80px; } .contactformrow { padding: 12px; } .cologneheadlogo { box-sizing: border-box; color: rgb(51, 51, 51); display: flex; float: left; font-family: "VAGRoundedStd-Thin", sans-serif; font-size: 18px; line-height: 25.7167px; margin-bottom: 12.5px; margin-left: 0px; margin-right: 0px; margin-top: 32px; max-width: 100%; min-height: 1px; padding-bottom: 0px; padding-left: 15px; padding-right: 15px; padding-top: 0px; position: relative; scroll-behavior: smooth; text-align: left; z-index:1000; } .cologneheadaddress { box-sizing: border-box; color: rgb(255, 255, 255); font-family: "VAGRoundedStd-Thin", sans-serif; font-size: 18px; line-height: 25.7167px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; position: absolute; right: 75px; scroll-behavior: smooth; text-align: left; text-shadow: 0 0 2px rgba(0, 0, 0, 0.8); } .cologneheader { display: block; font-family: "VAGRoundedStd-Thin", sans-serif; font-size: 18px; height: 980px; line-height: 25.7167px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 70px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; position: relative; scroll-behavior: smooth; width: auto; } .section-header2 { margin-top: 0px; } .upper-box { background-color: #fff; color: #2e3d50; padding: 18px 12px 12px 12px; } .lower-box { background-color: #fff; color: #2e3d50; padding: 18px 12px 12px 12px; } .header-part .box-text { text-transform: uppercase; font-weight: bold !important; font-family: apple garamond; color: #2e3d50; z-index: 2; position: relative; } .box-text { } .blue-box { background-color: #009bdd; padding: 0 15px;; } .col-first-textbox { transform: rotate(0) !important; margin: 0px 0 0 50px !important; } .col-second-textbox { transform: rotate(-8deg) !important; margin: -30px 0 0 140px !important; } .col-third-textbox { transform: rotate(0) !important; margin: -45px 0 0 370px !important; } .col-fourth-textbox { transform: rotate(0) !important; margin: -40px 0 0 310px !important; } .col-fifth-textbox { transform: rotate(8deg) !important; margin: -15px 0 0 120px !important; } .col-sixth-textbox { transform: rotate(0) !important; margin: -30px 0 0 340px !important; } .box-col-text { color: #fff; background-color: #009bdd; padding: 5px 5px 5px 5px !important; } .emptytextheader { display: none; } .padding-content { padding-top: 65px !important; padding-bottom: 65px !important; } .borderbottom-content { border-bottom: 5px solid #009bcd; } .landing-header-line { width: inherit; max-width: 100%; height: 6px; border-top: 6px solid #009bdc; } .landingform input:not([type='radio']), .landingform select, .landingform textarea { -webkit-appearance: none; box-shadow: 0 3px 10px 2px rgb(0 0 0 / 10%); margin-bottom: 15px; font-size: 20px; padding: 25px 10px 20px; border: none; font-family: 'VAG Rounded Std Thin', Helvetica, sans-serif; } .contactformrow { padding: 0px !important; } .lower-box-contact { transform: rotateZ(-8deg) !important; }.landing-header-line { width: inherit; max-width: 100%; height: 6px; border-top: 6px solid #009bdc; } .landingform input:not([type='radio']), .landingform select, .landingform textarea { -webkit-appearance: none; box-shadow: 0 3px 10px 2px rgb(0 0 0 / 10%); margin-bottom: 15px; font-size: 20px; padding: 25px 10px 20px; border: none; font-family: 'VAG Rounded Std Thin', Helvetica, sans-serif; } .contactformrow { padding: 0px !important; } .lower-box-contact { transform: rotateZ(-8deg) !important; } .landingform input:not([type='radio']), .landingform select, .landingform textarea { -webkit-appearance: none; box-shadow: 0 3px 10px 2px rgb(0 0 0 / 10%); margin-bottom: 15px; font-size: 20px; padding: 25px 10px 20px; border: none; font-family: 'VAG Rounded Std Thin', Helvetica, sans-serif; } .contactformrow { padding: 0px !important; } .lower-box-contact { transform: rotateZ(-8deg) !important; } .landing-header-line { width: inherit; max-width: 100%; height: 6px; border-top: 6px solid #009bdc; } .landingform input:not([type='radio']), .landingform select, .landingform textarea { -webkit-appearance: none; box-shadow: 0 3px 10px 2px rgb(0 0 0 / 10%); margin-bottom: 15px; font-size: 20px; padding: 25px 10px 20px; border: none; font-family: 'VAG Rounded Std Thin', Helvetica, sans-serif; } .contactformrow { padding: 0px !important; } .lower-box-contact { transform: rotateZ(-8deg) !important; } .indexCourseBox-textbox, .indexCourseBox-textbox p { margin: 12px 0 3px 6px; } .indexCourseBox-infotext { margin-top: 6px; } .whyspeakeasy.whyonline .section-header2 { margin-top: -213px; } .typoblock { padding: 50px 70px 0 0 !important; } @media (max-width: 1200px) { .cologneheader { margin-top: 58px; width: 100% !important; height: 100%; } } @media (max-width: 992px) { .cologneheader { margin-top: 58px; width: 100% !important; height: 100%; } .cologneheadlogo { width: 100%; } .typoblock { padding: 50px 70px 0 0 !important; } .section-header2 { margin-top: 120px !important; } #whyspeakeasy{ padding-top:1px; margin-top:-40px; } #whyspeakeasy .section-header2 { margin-top: -43px !important; } } @media (max-width: 800px) { .de-header-part .de-box-text { font-size: 36px !important; } .cologneheader { margin-top: 58px; width: 100% !important; height: 100%; min-height: 600px; } .cologneheadlogo { width: 100%; } .typoblock { padding: 50px 70px 0 0 !important; } .section-header2 { margin-top: 120px !important; } } @media (max-width: 580px) { .cologneheader { height: 100%; min-height: 600px; } .cologneheader { } .box-text { font-size: 32px !important; } .header-part .box-text { font-size: 36px !important; } .col-first-textbox { margin: 0px 0 0 40px !important; padding: 15px 10px 10px 10px !important; } .col-second-textbox { margin: -30px 0 0 100px !important; padding: 15px 10px 10px 10px !important; } .col-third-textbox { margin: -45px 0 0 270px !important; padding: 15px 10px 10px 10px !important; } .col-fourth-textbox { margin: -10px 0 0 190px !important; padding: 15px 10px 10px 10px !important; } .col-fifth-textbox { margin: -15px 0 0 40px !important; padding: 15px 10px 10px 10px !important; } .col-sixth-textbox { margin: -58px 0 0 195px !important; padding: 15px 10px 10px 10px !important; } .typoblock { padding: 50px 70px 0 0 !important; } .section-header2 { margin-top: 100px !important; } } @media (max-width: 450px) { .cologneheader { height: 100%; min-height: 320px; } .typoblock { display: none; } .section-header2 { margin-top: 120px !important; } } .scroll-higher { bottom: 110px; } .emptynav { width: 600px; background-color: #009ee0 !important; height: 70px; } .emptynav li:hover { background: #009bdc !important; color: #fff; } .topline { margin-top: -77px !important; } .toplinewhy { margin-top: -233px !important; } .custom-menu .custom-two-one{ font-size: 25px; left: 0em; transform: rotate(-6deg); top: -0.2em; } .custom-menu .custom-two-two{ font-size: 27px; top: 0.3em; left: 0.6em; transform: rotate(2deg); } .custom-menu .custom-two-three{ font-size: 25px; top: 1.1em; left: 1.8em; transform: rotate(-5deg); }</style> <script crossorigin=anonymous integrity="sha512-v2CJ7UaYy4JwqLDIrZUI/4hqeoQieOmAZNXBeQyjo21dadnwR+8ZaIJVT8EE2iyI61OV8e6M8PP2/4hpQINQ/g==" referrerpolicy=no-referrer src=https://cdnjs.cloudflare.com/ajax/libs/jquery/3.7.1/jquery.min.js></script> <script>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 Kolumbien'; 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 + '" loop autoplay controls playsinline>'; videocontent += '<source src="/Resources/public/video/testimonials/' + video + '.mp4" type="video/mp4">'; videocontent += '<\/video>'; $('.testimonialsvideo.' + video).html(videocontent); $('video[videoid="' + video + '"]').get(0).play(); } })</script> <script>$(document).load(function(){ $('.carousel').carousel({ interval: 0 }); })</script> <script defer src=/build/runtime.f3575a88.js></script><script defer src=/build/667.e71ea3f5.js></script><script defer src=/build/154.0749214d.js></script><script defer src=/build/app.c5da4d4e.js></script> <script src=/js_old/main.js></script> <script src=/js/navigation-hover.js></script> <script src=/js/langtest.js></script> <style>.footerlogocologne { margin-top: 24px !important; } @media (max-width: 580px) { .footercologneleft { width: 100%; } .footercologneright { width: 100%; } } @media (max-width: 950px){ .why-speakeasy-line-height { font-size: 29px !important; line-break: auto; max-width: 100%; } .why-speakeasy-line-height-online { font-size: 29px !important; line-break: auto; max-width: 100%; } }</style> <script>$(document).on('click','.languageSwitchHash',function(event) { event.preventDefault(); let adress = $(this).prop('href') + window.location.hash; window.location.href = adress; })</script> <script>function loadsite(url){ window.location.href = url; } window.addEventListener('load', function (){ // Lesen Sie den Query-String aus der URL let queryString = window.location.search; // Entfernen Sie das Fragezeichen am Anfang des Query-Strings queryString = queryString.slice(1); // Teilen Sie den Query-String in ein Array von Schlüssel/Wert-Paaren auf let queryParams = queryString.split("&"); // Erstellen Sie ein Objekt, um die Schlüssel/Wert-Paare zu speichern let params = {}; // Iterieren Sie über jedes Schlüssel/Wert-Paar im Array und speichern Sie es im Objekt for (let i = 0; i < queryParams.length; i++) { let pair = queryParams[i].split("="); let key = pair[0]; let value = pair[1]; params[key] = value; } // Greifen Sie auf eine bestimmte GET-Variable zu let jump = params["jump"]; if (typeof jump !== 'undefined') { let elem = document.getElementById('language').getAttribute('language'); let path = '/'; if (elem==='en'){ path = '/en/'; } window.open('https://'+window.location.host+path+'#'+jump,'_self'); } });</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/frankfurt/frankfurt_Bannerclips_mobil.mp4"; video.load(); video.play(); } else { source.src = "/Resources/public/video/frankfurt/frankfurt_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 }); $(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: false, autoplaySpeed: 1000, speed: 1000 }); $('.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 href=//cdnjs.cloudflare.com/ajax/libs/cookieconsent2/3.0.3/cookieconsent.min.css rel=stylesheet> <script src=//cdnjs.cloudflare.com/ajax/libs/cookieconsent2/3.0.3/cookieconsent.min.js></script> <script src=//code.tidio.co/4uc2motzkfbysj9uv9kxzfhcrij7gihz.js></script>

CINXE.COM

german studios – your language school in the heart of Cologne