CINXE.COM
Unsere Geschichte – Interplan
<!DOCTYPE html> <html lang="de"> <head><meta charset="UTF-8" /> <title>Unsere Geschichte – Interplan</title> <meta property="og:title" content="Unsere Geschichte – Interplan"/> <meta name="description" content="Interplan wurde 1969 von Anton Kössl in München gegründet. Nach 32 erfolgreichen Jahren hat Kössl 2001 seine Firma in eine Aktiengesellschaft umgewandel …"/> <meta property="og:description" content="Interplan wurde 1969 von Anton Kössl in München gegründet. Nach 32 erfolgreichen Jahren hat Kössl 2001 seine Firma in eine Aktiengesellschaft umgewandel …"/> <link rel="canonical" href="https://www.interplan.de/de/unternehmen/historie.php"/> <meta property="og:url" content="https://www.interplan.de/de/unternehmen/historie.php"/> <meta property="og:image" content="https://www.interplan.de/shared/img/social.png"/> <script async data-name="Google Tag Manager" data-src="https://www.googletagmanager.com/gtag/js?id=G-WQ5DQY1MNZ"></script> <script data-name="Google Analytics" data-type="application/javascript" type="text/plain"> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-WQ5DQY1MNZ', {'anonymize_ip':true}); </script> <meta name="viewport" content="width=device-width,initial-scale=1"/> <link rel="stylesheet" href="/shared/css/normalize.css"/> <link rel="stylesheet" href="/shared/css/skeleton.css"/> <link rel="stylesheet" href="/shared/css/fontawesome.css"/> <link rel="stylesheet" href="/shared/css/style.css"/> <link rel="stylesheet" href="/shared/css/print.css" media="print"/> <link rel="stylesheet" href="/shared/css/magnific.css"/> <link rel="icon" type="image/png" href="/shared/img/favicon.png"/> </head> <body class="no-js"> <script> document.body.classList.remove('no-js'); </script> <!-- --> <div id="toggle"> <a class="hamburger-icon"></a> </div> <header class="container-fluid"> <div class="container"> <div class="twelve columns"> <a class="logo" href="/de/"> <img width="300" height="128" src="/shared/img/logo.svg" alt="INTERPLAN Congress, Meeting & Event Management AG"/> </a> <div class="top-nav"> <ul> <li><a href="/de/kontakt.php">Kontakt</a></li> <li><a href="/de/newsroom.php">Interplan Newsroom</a></li> <li><a class="no-border" href="https://www.linkedin.com/company/interplan-congress-meeting-event-management" title="Folgen Sie uns auf LinkedIn" target="_blank"><i class="fa fa-linkedin" aria-hidden="true"></i></a></li> <li><a class="no-border" href="https://twitter.com/interplan_de" title="Folgen Sie uns auf Twitter" target="_blank" rel="noopener"><i class="fa fa-twitter" aria-hidden="true"></i></a></li> <li><a class="no-border" href="https://www.facebook.com/interplan.de" title="Folgen Sie uns auf Facebook" target="_blank" rel="noopener"><i class="fa fa-facebook" aria-hidden="true"></i></a></li> <li><a class="no-border" href="https://www.instagram.com/interplan_ag/" title="Folgen Sie uns auf Instagram" target="_blank" rel="noopener"><i class="fa fa-instagram" aria-hidden="true"></i></a></li> <li><a class="no-border" title="Language: English" href="/en/"> <img class="flag" src="/shared/img/flag-english.svg" alt="Language: English"/> </a></li> </ul> </div> <nav id="main-nav"> <ul> <li> <a href="/de/"><i class="fa fa-home" aria-hidden="true"></i></a> </li> <li class="dropdown"> <a href="/de/services/kongress-organisation.php">Services</a> <ul class="dropdown-content"> <li> <a href="/de/services/kongress-organisation.php">Kongress-Organisation</a> </li> <li> <a href="/de/services/ausstellungs-sponsoring-management.php">Ausstellungs- und Sponsoring-Management</a> </li> <li> <a href="/de/services/hotel-service.php">Hotel-Service</a> </li> <li> <a href="/de/services/teilnehmer-management.php">Registrierungsservice</a> </li> <li> <a href="/de/services/dmc-event-management.php">DMC & Event-Management</a> </li> <li> <a href="/de/services/association-management.php">Association Management</a> </li> </ul> </li> <li> <a href="/de/veranstaltungen.php">Veranstaltungen</a> </li> <li class="dropdown"> <a href="/de/referenzen.php">Referenzen</a> <ul class="dropdown-content"> <li> <a href="/de/kundenstimmen.php">Kundenstimmen</a> </li> </ul> </li> <li> <a href="/de/team.php">Team</a> </li> <li class="active dropdown"> <a href="/de/unternehmen/historie.php">Unternehmen</a> <ul class="dropdown-content"> <li class="active"> <a href="/de/unternehmen/historie.php">Historie</a> </li> <li> <a href="/de/unternehmen/standorte.php">Standorte</a> </li> <li> <a href="/de/unternehmen/unternehmensleitung.php">Unternehmensleitung</a> </li> <li> <a href="/de/unternehmen/mitgliedschaften.php">Mitgliedschaften</a> </li> <li> <a href="/de/unternehmen/nachhaltigkeit.php">Nachhaltigkeit</a> </li> <li> <a href="/de/unternehmen/unternehmensleitbild.php"> Unternehmensleitbild</a> </li> <li> <a href="/de/unternehmen/compliance-grundsaetze.php"> Compliance Grundsätze</a> </li> </ul> </li> <li> <a href="https://deinekarriere.interplan.de">Karriere</a> </li> </ul> <ul class="top-nav-mobil"> <li><a href="/de/kontakt.php">Kontakt</a></li> <li><a href="/de/newsroom.php">Interplan Newsroom</a></li> <li class="mobile-combine"><a class="no-border" href="https://www.linkedin.com/company/interplan-congress-meeting-event-management" title="Folgen Sie uns auf LinkedIn" target="_blank"><i class="fa fa-linkedin" aria-hidden="true"></i></a></li> <li class="mobile-combine"><a class="no-border" href="https://twitter.com/interplan_de" title="Folgen Sie uns auf Twitter" target="_blank"><i class="fa fa-twitter" aria-hidden="true"></i></a></li> <li class="mobile-combine"><a class="no-border" href="https://www.facebook.com/interplan.de" title="Folgen Sie uns auf Facebook" target="_blank" rel="noopener"><i class="fa fa-facebook" aria-hidden="true"></i></a></li> <li class="mobile-combine"><a class="no-border" href="https://www.instagram.com/interplan_ag/" title="Folgen Sie uns auf Instagram" target="_blank" rel="noopener"><i class="fa fa-instagram" aria-hidden="true"></i></a></li> <li class="mobile-combine"><a class="no-border" title="Language: English" href="/en/"> <img class="flag" src="/shared/img/flag-english.svg" alt="Language: English"/> </a></li> </ul> </nav> </div> </div> <div id="site-overlay"></div> </header> <main> <div class="container"> <div class="row"> <div class="twelve columns"> <div class="header-image"> <picture> <source srcset="/_thumbnails_/5/81_historie.webp?m=1652341926" media="(max-width: 720px)"> <img width="1440" height="600" src="/_thumbnails_/17/81_historie.webp?m=1652341926" alt="Unsere Geschichte" class="image-responsive"/> </picture> <div class="headline-container"> <h1>Unsere Geschichte</h1> </div> </div> </div> <div class="row"> <div class="twelve columns content"> <p>Interplan wurde 1969 von Anton Kössl in München gegründet. Nach 32 erfolgreichen Jahren hat Kössl 2001 seine Firma in eine Aktiengesellschaft umgewandelt und diese 2002 verkauft. Gesellschafter sind seitdem Anton Kössls langjähriger Stellvertreter Bruno Lichtinger und Dr. Markus Preußner, der vom Verlag <em>moderne industrie</em> nach München kam, sowie die <a href="https://kenes-group.com/" target="_blank" rel="noopener">Kenes Group</a>, eine der weltweit operierenden und führenden Kongressagenturen. Kenes wurde 1965 in Tel Aviv von Gideon Rivlin, einem der Pioniere in der globalen Veranstaltungsbranche, gegründet. Heute hat die Kenes Group ihren Hauptsitz in Genf.</p> <p>Am 1. Juli 2003 wurde in Hamburg die erste Interplan Niederlassung neben München eröffnet. Hinzu kam am 1. Januar 2008 ein Büro in Berlin, sowie zum Jahresanfang 2010 ein Büro in Leipzig.</p> <p>Mittlerweile hat Interplan an die 3.500 nationale und internationale Veranstaltungen mit den Schwerpunkten Medizin und Wissenschaft erfolgreich organisiert. Mit über 120 Mitarbeitenden in München, Berlin und Hamburg ist Interplan heute eine der führenden Kongressagenturen in Europa sowie im deutschsprachigen Raum.</p> </div> </div> <div class="row"> <div class="img-wall img-popup leistungen"> <div class="item item-w1 item-h1"> <a href="/bilder/unternehmen/historie/rotary-weltkongress-1989.jpg?m=1481700854" title="Rotary Weltkongress 1989, München"> <noscript> <img src="/_thumbnails_/8/212_rotary-weltkongress-1989.webp?m=1481700854" alt="Rotary Weltkongress 1989, München" title="Rotary Weltkongress 1989, München"> </noscript> <img src="/shared/img/placeholder-196x196.gif" data-src="/_thumbnails_/8/212_rotary-weltkongress-1989.webp?m=1481700854" alt="Rotary Weltkongress 1989, München" title="Rotary Weltkongress 1989, München"> </a> </div> <div class="item item-w1 item-h1"> <a href="/_thumbnails_/10/198_25-jahre-interplan-1994.jpg?m=1481700323" title="1994 – 25 Jahre Interplan, Anton Kössl, Gründer von Interplan zusammen mit Stadtrat Bletschacher"> <noscript> <img src="/_thumbnails_/8/198_25-jahre-interplan-1994.webp?m=1481700323" alt="1994 – 25 Jahre Interplan, Anton Kössl, Gründer von Interplan zusammen mit Stadtrat Bletschacher" title="1994 – 25 Jahre Interplan, Anton Kössl, Gründer von Interplan zusammen mit Stadtrat Bletschacher"> </noscript> <img src="/shared/img/placeholder-196x196.gif" data-src="/_thumbnails_/8/198_25-jahre-interplan-1994.webp?m=1481700323" alt="1994 – 25 Jahre Interplan, Anton Kössl, Gründer von Interplan zusammen mit Stadtrat Bletschacher" title="1994 – 25 Jahre Interplan, Anton Kössl, Gründer von Interplan zusammen mit Stadtrat Bletschacher"> </a> </div> <div class="item item-w2 item-h2"> <a href="/bilder/unternehmen/historie/58th-congress-inter-seed-crushers.jpg?m=1481700635" title="58. Congress of the International Association of Seed Crushers"> <noscript> <img src="/_thumbnails_/12/200_58th-congress-inter-seed-crushers.webp?m=1481700635" alt="58. Congress of the International Association of Seed Crushers" title="58. Congress of the International Association of Seed Crushers"> </noscript> <img src="/shared/img/placeholder-396x396.gif" data-src="/_thumbnails_/12/200_58th-congress-inter-seed-crushers.webp?m=1481700635" alt="58. Congress of the International Association of Seed Crushers" title="58. Congress of the International Association of Seed Crushers"> </a> </div> <div class="item item-w2 item-h2"> <a href="/bilder/unternehmen/historie/iasc.jpg?m=1481700782" title="Alte Kongresshalle des Deutschen Museums in München"> <noscript> <img src="/_thumbnails_/12/207_iasc.webp?m=1481700782" alt="Alte Kongresshalle des Deutschen Museums in München" title="Alte Kongresshalle des Deutschen Museums in München"> </noscript> <img src="/shared/img/placeholder-396x396.gif" data-src="/_thumbnails_/12/207_iasc.webp?m=1481700782" alt="Alte Kongresshalle des Deutschen Museums in München" title="Alte Kongresshalle des Deutschen Museums in München"> </a> </div> <div class="item item-w1 item-h1"> <a href="/bilder/unternehmen/historie/icca-general-assembly-1984.jpg?m=1481700792" title="ICCA General Assembly 1984, München"> <noscript> <img src="/_thumbnails_/8/208_icca-general-assembly-1984.webp?m=1481700792" alt="ICCA General Assembly 1984, München" title="ICCA General Assembly 1984, München"> </noscript> <img src="/shared/img/placeholder-196x196.gif" data-src="/_thumbnails_/8/208_icca-general-assembly-1984.webp?m=1481700792" alt="ICCA General Assembly 1984, München" title="ICCA General Assembly 1984, München"> </a> </div> <div class="item item-w2 item-h2"> <a href="/bilder/unternehmen/historie/70er-jahre.jpg?m=1481700650" title="Tagungsbüro Anfang der 70ziger Jahre"> <noscript> <img src="/_thumbnails_/12/201_70er-jahre.webp?m=1481700650" alt="Tagungsbüro Anfang der 70ziger Jahre" title="Tagungsbüro Anfang der 70ziger Jahre"> </noscript> <img src="/shared/img/placeholder-396x396.gif" data-src="/_thumbnails_/12/201_70er-jahre.webp?m=1481700650" alt="Tagungsbüro Anfang der 70ziger Jahre" title="Tagungsbüro Anfang der 70ziger Jahre"> </a> </div> <div class="item item-w1 item-h1"> <a href="/bilder/unternehmen/historie/analytica-1962.jpg?m=1481700690" title="Analytica 1962"> <noscript> <img src="/_thumbnails_/8/203_analytica-1962.webp?m=1481700690" alt="Analytica 1962" title="Analytica 1962"> </noscript> <img src="/shared/img/placeholder-196x196.gif" data-src="/_thumbnails_/8/203_analytica-1962.webp?m=1481700690" alt="Analytica 1962" title="Analytica 1962"> </a> </div> <div class="item item-w2 item-h1"> <a href="/bilder/unternehmen/historie/icca-muenchen-1984.jpg?m=1482157966" title="Meeting of the Mont Pelerin Society, München 1990"> <noscript> <img src="/_thumbnails_/7/209_icca-muenchen-1984.webp?m=1482157966" alt="Meeting of the Mont Pelerin Society, München 1990" title="Meeting of the Mont Pelerin Society, München 1990"> </noscript> <img src="/shared/img/placeholder-396x196.gif" data-src="/_thumbnails_/7/209_icca-muenchen-1984.webp?m=1482157966" alt="Meeting of the Mont Pelerin Society, München 1990" title="Meeting of the Mont Pelerin Society, München 1990"> </a> </div> <div class="item item-w2 item-h1"> <a href="/bilder/unternehmen/historie/fipci-augsburg-1985.jpg?m=1481700709" title="FIPCI Augsburg 1985"> <noscript> <img src="/_thumbnails_/7/205_fipci-augsburg-1985.webp?m=1481700709" alt="FIPCI Augsburg 1985" title="FIPCI Augsburg 1985"> </noscript> <img src="/shared/img/placeholder-396x196.gif" data-src="/_thumbnails_/7/205_fipci-augsburg-1985.webp?m=1481700709" alt="FIPCI Augsburg 1985" title="FIPCI Augsburg 1985"> </a> </div> <div class="item item-w1 item-h2"> <a href="/bilder/unternehmen/historie/42-tagung-deutsche-gesellschaft-gynaekologie.jpg?m=1481700626" title="42. Tagung – Deutsche Gesellschaft für Gynäkologie und Geburtshilfe"> <noscript> <img src="/_thumbnails_/13/199_42-tagung-deutsche-gesellschaft-gynaekologie.webp?m=1481700626" alt="42. Tagung – Deutsche Gesellschaft für Gynäkologie und Geburtshilfe" title="42. Tagung – Deutsche Gesellschaft für Gynäkologie und Geburtshilfe"> </noscript> <img src="/shared/img/placeholder-196x396.gif" data-src="/_thumbnails_/13/199_42-tagung-deutsche-gesellschaft-gynaekologie.webp?m=1481700626" alt="42. Tagung – Deutsche Gesellschaft für Gynäkologie und Geburtshilfe" title="42. Tagung – Deutsche Gesellschaft für Gynäkologie und Geburtshilfe"> </a> </div> <div class="item item-w1 item-h1"> <a href="/bilder/unternehmen/historie/eucepa-congress-haus-der-kunst-1980.jpg?m=1481700738" title="EUCEPA Congress – Haus der Kunst 1980"> <noscript> <img src="/_thumbnails_/8/206_eucepa-congress-haus-der-kunst-1980.webp?m=1481700738" alt="EUCEPA Congress – Haus der Kunst 1980" title="EUCEPA Congress – Haus der Kunst 1980"> </noscript> <img src="/shared/img/placeholder-196x196.gif" data-src="/_thumbnails_/8/206_eucepa-congress-haus-der-kunst-1980.webp?m=1481700738" alt="EUCEPA Congress – Haus der Kunst 1980" title="EUCEPA Congress – Haus der Kunst 1980"> </a> </div> <div class="item item-w2 item-h2"> <a href="/bilder/unternehmen/historie/interplan-team-2001.jpg?m=1481700676" title="Teamfoto 2001 im Interplan Büro in München Sendling 1999 – 2010"> <noscript> <img src="/_thumbnails_/12/202_interplan-team-2001.webp?m=1481700676" alt="Teamfoto 2001 im Interplan Büro in München Sendling 1999 – 2010" title="Teamfoto 2001 im Interplan Büro in München Sendling 1999 – 2010"> </noscript> <img src="/shared/img/placeholder-396x396.gif" data-src="/_thumbnails_/12/202_interplan-team-2001.webp?m=1481700676" alt="Teamfoto 2001 im Interplan Büro in München Sendling 1999 – 2010" title="Teamfoto 2001 im Interplan Büro in München Sendling 1999 – 2010"> </a> </div> <div class="item item-w1 item-h1"> <a href="/bilder/unternehmen/historie/dgthg-bonn-1990.jpg?m=1481727520" title="Kongress der Deutschen Gesellschaft für Thorax-, Herz und Gefäßchirurgie – DGTHG, Bonn 1991"> <noscript> <img src="/_thumbnails_/8/204_dgthg-bonn-1990.webp?m=1481727520" alt="Kongress der Deutschen Gesellschaft für Thorax-, Herz und Gefäßchirurgie – DGTHG, Bonn 1991" title="Kongress der Deutschen Gesellschaft für Thorax-, Herz und Gefäßchirurgie – DGTHG, Bonn 1991"> </noscript> <img src="/shared/img/placeholder-196x196.gif" data-src="/_thumbnails_/8/204_dgthg-bonn-1990.webp?m=1481727520" alt="Kongress der Deutschen Gesellschaft für Thorax-, Herz und Gefäßchirurgie – DGTHG, Bonn 1991" title="Kongress der Deutschen Gesellschaft für Thorax-, Herz und Gefäßchirurgie – DGTHG, Bonn 1991"> </a> </div> <div class="item item-w2 item-h2"> <a href="/bilder/unternehmen/historie/interplan-promotion-tour.jpg?m=1481700844" title="London – A. Kössl am Mitaussteller-Stand auf der Roadshow des Münchner Kongressbüros"> <noscript> <img src="/_thumbnails_/12/211_interplan-promotion-tour.webp?m=1481700844" alt="London – A. Kössl am Mitaussteller-Stand auf der Roadshow des Münchner Kongressbüros" title="London – A. Kössl am Mitaussteller-Stand auf der Roadshow des Münchner Kongressbüros"> </noscript> <img src="/shared/img/placeholder-396x396.gif" data-src="/_thumbnails_/12/211_interplan-promotion-tour.webp?m=1481700844" alt="London – A. Kössl am Mitaussteller-Stand auf der Roadshow des Münchner Kongressbüros" title="London – A. Kössl am Mitaussteller-Stand auf der Roadshow des Münchner Kongressbüros"> </a> </div> </div> </div> </div> </div> </main> <footer> <div class="container"> <ul class="two columns"> <li><a href="https://www.linkedin.com/company/interplan-congress-meeting-event-management" title="Folgen Sie uns auf LinkedIn" target="_blank"><i class="fa fa-linkedin" aria-hidden="true"></i> LinkedIn</a></li> <li><a href="https://twitter.com/interplan_de" title="Folgen Sie uns auf Twitter" target="_blank"><i class="fa fa-twitter" aria-hidden="true"></i> Twitter</a></li> <li><a href="https://www.facebook.com/interplan.de" title="Folgen Sie uns auf Facebook" target="_blank" rel="noopener"><i class="fa fa-facebook" aria-hidden="true"></i> Facebook</a></li> <li><a href="https://www.instagram.com/interplan_ag/" title="Folgen Sie uns auf Instagram" target="_blank" rel="noopener"><i class="fa fa-instagram" aria-hidden="true"></i> Instagram</a></li> </ul> <ul class="two columns"> <li><a href="/de/datenschutz.php">Datenschutz</a></li> <li><a href="/de/impressum.php">Impressum</a></li> <li><a class="btn-klaro" style="cursor: pointer;">Cookie-Einstellungen</a></li> </ul> <div class="eight columns"> <p class="text-right">Ihre Kongressagentur mit Büros in München, Hamburg, Berlin und Leipzig.</p> <a href="javascript:scrollToTop()" class="to-top">Nach oben <i class="fa fa-chevron-up" aria-hidden="true"></i></a> </div> </div> <noscript> <p class="no-script">Bitte aktivieren Sie in Ihrem Browser JavaScript, damit unsere Website bestmöglich dargestellt wird.</p> </noscript> </footer> <div id="loader"> <img src="/shared/img/preloader.gif" alt="Loading …"/> </div> <script src="/shared/js/global.js"></script><script> $(document).ready(function(){ $("#loader").delay(300).fadeOut("slow"); }); document.getElementById("toggle").onclick = function() {toggle()}; document.getElementById("site-overlay").onclick = function() {toggle()}; function toggle() { document.getElementById("main-nav").classList.toggle("show"); document.getElementById("toggle").classList.toggle("show"); document.getElementById("site-overlay").classList.toggle("show"); } window.onclick = function(event) { if (!event.target.matches('.dropbtn')) { var dropdowns = document.getElementsByClassName("dropdown-content"); var i; for (i = 0; i < dropdowns.length; i++) { var openDropdown = dropdowns[i]; if (openDropdown.classList.contains('show')) { openDropdown.classList.remove('show'); } } } } var $window = $(window).scroll(function(){ if($window.scrollTop()){ $("header").addClass("border"); }else{ $("header").removeClass("border"); } }); $(document).ready(function(){ $('a.btn-klaro').click(function(){ klaro.show(); }); }); function scrollToTop(){ $('html,body').animate({scrollTop:0},'slow'); } </script> <script src="/shared/js/isotope.js"></script> <script src="/shared/js/packery.js"></script> <script src="/shared/js/debouncedresize.js"></script> <script> var $grid = $('.img-wall').isotope(); (function ($) { var $container = $('.img-wall'), colWidth = function () { var w = $container.width(), columnNum = 1, columnWidth = 0; if (w > 1400) { columnNum = 8; } else if (w > 992) { columnNum = 6; } else if (w > 768) { columnNum = 5; } else if (w > 640) { columnNum = 4; } else if (w > 375) { columnNum = 3; } else if (w > 300) { columnNum = 2; } columnWidth = Math.floor(w/columnNum); $container.find('.item').each(function() { var $item = $(this), multiplier_w = $item.attr('class').match(/item-w(\d)/), multiplier_h = $item.attr('class').match(/item-h(\d)/), width = multiplier_w ? columnWidth*multiplier_w[1]-4 : columnWidth-4, /*height = multiplier_h ? columnWidth*multiplier_h[1]*0.5-4 : columnWidth*0.5-4;*/ height = multiplier_h ? columnWidth*multiplier_h[1]-4 : columnWidth-4; $item.css({ width: width, height: height }); }); return columnWidth; }, isotope = function () { $container.isotope({ layoutMode: 'packery', itemSelector: '.item', masonry: { columnWidth: colWidth() } }); }; isotope(); $(window).on('debouncedresize', isotope); }(jQuery)); $('.filter-button-group').on( 'click', 'button', function() { var filterValue = $(this).attr('data-filter'); $grid.isotope({ filter: filterValue }); $(window).lazyLoadXT(); setTimeout(function(){ $(window).lazyLoadXT(); }, 200); }); $('.button-group').each( function( i, buttonGroup ) { var $buttonGroup = $( buttonGroup ); $buttonGroup.on( 'click', 'button', function() { $buttonGroup.find('.is-checked').removeClass('is-checked'); $( this ).addClass('is-checked'); }); }); </script> <script src="/shared/js/magnific.js"></script> <script> $('.img-popup').magnificPopup({ delegate:'a', type:'image', gallery:{ enabled:true, }, mainClass:'mfp-img-mobile', zoom:{ enabled:true, duration:200, opener:function(element){ return element.find('img'); } } }); $.extend(true, $.magnificPopup.defaults, { tClose:'Schließen', tLoading:'Wird geladen …', image:{ tError:"Das <a href='%url%'>Bild</a> konnte nicht geladen werden." }, gallery: { tPrev:'Vorheriges Bild', tNext:'Nächstes Bild', tCounter:'%curr% von %total%' } }); </script> <script> var klaroConfig = { default: true, mustConsent: true, acceptAll: true, cookieExpiresAfterDays: 365, translations: { de: { privacyPolicyUrl: '/de/datenschutz.php', privacyPolicy: { text: 'In unserer {privacyPolicy} befinden sich detaillierte Informationen zu den Diensten/Cookies sowie die Möglichkeit zur Anpassung der gewählten Einstellungen.', name: 'Datenschutzerklärung', }, consentModal: { title: 'Einstellungen zu Diensten und Cookies', description: 'Hier können Sie einsehen und anpassen, welche Dienste/Cookies wir zu welchem Zwecke nutzen.', }, contextualConsent: { description: 'Möchten Sie die von „{title}“ bereitgestellten externen Inhalte laden?', }, purposes: { content: { title: 'Inhalte', description: 'Diese Dienste stellen Inhalte aus externen Quellen zur Verfügung.', }, marketing: { title: 'Marketing', description: 'Diese Dienste dienen zur Auswertung und Verbesserung unseres Service.', }, functional: { title: 'Funktional', description: 'Diese Dienste sind für den Betrieb unserer Website zwingend erforderlich.', }, }, }, }, services: [ { name: 'Klaro', description: 'Funktionalität der Dienste-/Cookie-Verwaltung', purposes: ['functional'], required: true, }, { name: 'Session', description: 'Funktionalität von technisch notwendigen Funktionen über Session-Cookie', purposes: ['functional'], required: true, }, { name: 'YouTube', description: 'Anzeige von Videos über den externen Dienst YouTube', purposes: ['content'], required: false, }, { name: 'Vimeo', description: 'Anzeige von Videos über den externen Dienst Vimeo', purposes: ['content'], required: false, }, { name: 'Google Tag Manager', description: 'Management von Tags und externen Diensten', purposes: ['marketing'], required: false, }, { name: 'Google Analytics', description: 'Sammeln und Auswerten von Statistiken und Nutzerverhalten', purposes: ['marketing'], required: false, }, { name: 'Tagembed', description: 'Einbindung von LinkedIn- und Instagram-Beiträgen', purposes: ['content'], required: false, }, ], }; </script> <script defer src="/shared/js/klaro.js"></script> <script> window.onload = function() { var popup = document.getElementById('popup-box'); var closeBtn = document.getElementsByClassName('close-btn')[0]; // Show the popup box popup.style.display = 'flex'; // Close the popup when the close button is clicked closeBtn.onclick = function() { popup.style.display = 'none'; } // Close the popup when clicking outside of the popup content window.onclick = function(event) { if (event.target == popup) { popup.style.display = 'none'; } } } </script> </body> </html>