CINXE.COM

CFEL - Deutsches Elektronen-Synchrotron DESY

<!DOCTYPE html> <!-- lastmod 20240625_15:53h --> <html xmlns="http://www.w3.org/1999/xhtml" lang="de"> <head><meta name="generator" content="ZMS http://www.zms-publishing.com" /> <title>CFEL - Deutsches Elektronen-Synchrotron DESY</title> <!-- DESY meta-tags start --> <meta name="MSSmartTagsPreventParsing" content="TRUE" /> <!-- prevent IE smart-tagging --> <meta name="DC.language" content="de" /> <meta http-equiv="content-language" content="de" /> <meta name="publisher" content="Deutsches Elektronen-Synchrotron DESY" /> <meta name="DC.title" content="CFEL" /> <meta name="DC.title.alternative" content="CFEL" /> <meta name="copyright" content="by DESY, http://www.desy.de/html/home/impressum.html" /> <!-- DESY meta-tags end --> <!-- CACHE meta-tags start --> <!-- Expires HAS to be a valid date. Set to past for nocache. Otherwise some webcaches will take their default for expiration. --> <meta name="Expires" content="Thu, 27 Mar 2025 06:58:55 +0100" /> <meta name="Cache-Control" content="max-age=3600" /> <meta name="Last-Modified" content="Thu, 30 Jan 2025 13:54:54 +0100" /> <!-- CACHE meta-tags end --> <link rel="icon" href="/favicon.png" type="image/png" /> <link rel="stylesheet" type="text/css" href="/++resource++desy/css/styles.css?q" /> <link rel="stylesheet" type="text/css" media="print" href="/++resource++desy/css/print.css" /> <link rel="stylesheet" type="text/css" href="/++resource++desy/jquery.fancybox/jquery.fancybox.css" /> <!--[if IE 6]> <style type="text/css" media="all">@import url('/++resource++desy/css/ie6.css');</style><![endif]--> <!--[if IE 7]> <style type="text/css" media="all">@import url('/++resource++desy/css/ie7.css');</style><![endif]--> <!--[if IE]> <style type="text/css"> div#e105534 { margin-top: 33px !important; } </style> <![endif]--> <script type="text/javascript" charset="UTF-8" src="/++resource++zms_/jquery/jquery-1.7.1.min.js"></script> <!--script type="text/javascript" src="/++resource++zms_/jquery/jquery-3.7.0.min.js"></script--> <script type="text/javascript" src="/++resource++desy/jquery.fancybox/jquery.fancybox-1.2.1.pack.js"></script> <!--script type="text/javascript" src="/++resource++desy/jquery.fancybox/jquery.fancybox.min.js"></script--> <script src="/++resource++desy/javascript/optional/jq.cleanCSSanim.js" type="text/javascript"></script> <script src="/++resource++desy/javascript/optional/dimensions.js" type="text/javascript"></script> <script src="/++resource++desy/javascript/jquery-ui-1.7.3.custom.min.js" type="text/javascript"></script> <!--script type="text/javascript" src="/++resource++desy/javascript/jquery-ui.min.js"></script--> </head> <body class="mainsite d10n"> <div id="wrapper"> <div id="page-head" class="header"> <h1><a href="http://www.desy.de" title="Zur DESY Startseite"> <img id="desy_logo" alt="DESY Logo" src="/++resource++desy/images/desy_logo_3c_web.svg" style="width: 89px;" /> </a> </h1> <a id="top" title="nach oben"></a> <h2 class="hidden">Sprungnavigation</h2> <ul class="skip-nav"> <li> <a href="#content" title="zum Inhalt">Zum Inhalt</a> </li> <li> <a href="#mainnav" title="zur Hauptnavigation">Zum Hauptmenu</a> </li> </ul> <h2 class="hidden">Divisions</h2> <ul id="division-nav" class="nav" style="visibility:hidden"> <li class=""> <a title="zu 'Beschleuniger'" href="http://www.desy.de/forschung/beschleuniger/index_ger.html">Beschleuniger</a> </li> <li class=""> <a title="zu 'Forschung mit Photonen'" href="http://www.desy.de/forschung/forschung_mit_photonen/index_ger.html">Forschung mit Photonen</a> </li> <li class="last"> <a title="zu 'Teilchenphysik'" href="http://www.desy.de/forschung/teilchenphysik/index_ger.html">Teilchenphysik</a> </li> </ul> <p id="tagline"> <span>Deutsches Elektronen-Synchrotron DESY</span><br /> <span>Ein Forschungszentrum der Helmholtz-Gemeinschaft</span> </p> <h2 class="hidden">Desy Global</h2> <a id="mainnav"></a> <ul id="main-nav" class="nav"> <li> <a href="http://www.desy.de" class="home" title="Zu DESY Home"> <dfn>0:</dfn> <span class="">DESY Home</span> <span class="hidden">.</span></a> </li> <li class=""> <a href="https://www.desy.de/forschung/index_ger.html" class="forschung_ger" title="Zu Forschung bei DESY"> <dfn>1: </dfn> <span class="selected"></span><span>Forschung</span> <span class="hidden">.</span></a> </li> <li class=""> <a href="https://www.desy.de/aktuelles/index_ger.html" class="aktuelles_ger" title="Zu Aktuelle Meldungen und Veranstaltungen"> <dfn>2: </dfn> <span class=""></span><span>Aktuelles</span> <span class="hidden">.</span></a> </li> <li class=""> <a href="https://www.desy.de/ueber_desy/desy/index_ger.html" class="ueber_desy_ger" title="Zu Das Forschungszentrum DESY"> <dfn>3: </dfn> <span class=""></span><span>Über DESY</span> <span class="hidden">.</span></a> </li> <li class=""> <a href="https://www.desy.de/karriere/index_ger.html" class="karriere_ger" title="Zu Karriere bei DESY"> <dfn>4: </dfn> <span class=""></span><span>Karriere</span> <span class="hidden">.</span></a> </li> <li class="last"> <a href="https://www.desy.de/kontakt/index_ger.html" class="kontakt_ger" title="Zu Kontakt"> <dfn>5: </dfn> <span class=""></span><span>Kontakt</span> <span class="hidden">.</span></a> </li> </ul> <ul class="skip-nav"> <li> <a href="#content-nav" title="zum Untermenü">Zum Untermenü</a> </li> </ul> <form id="cse-search-form" class="search hide-for-small cse-search-box" action="//www.desy.de/suche/"> <input type="hidden" name="cx" value="001514986709699092902:huphnzcwfpo" /> <input type="hidden" name="ie" value="UTF-8" /> <label for="regularInput">Suche: </label> <input type="text" name="q" class="regularInput" id="regularInput" /> </form> <h2 class="hidden">Zielgruppennavigation</h2> <div id="targetgroup-nav"> <ol> <li class="parent"> <a href="http://www.desy.de/infos__services" class="infos" title="zu 'Infos &amp; Services'">Infos &amp; Services &nbsp;<img src="/++resource++desy/images/pfeileunten.jpg" alt="" /></a> <ol> <li><a title="Presse" href="https://www.desy.de/infos__services/presse/index_ger.html">Presse</a><span class="sbh">. </span></li> <li><a title="Stellenangebote" href="https://www.desy.de/infos__services/stellenangebote/index_ger.html">Stellenangebote</a><span class="sbh">. </span></li> <li><a title="Schule" href="https://www.desy.de/infos__services/schule/index_ger.html">Schule</a><span class="sbh">. </span></li> <li><a title="Industrie" href="https://www.desy.de/infos__services/industrie/index_ger.html">Industrie</a><span class="sbh">. </span></li> <li><a title="DESY User" href="https://www.desy.de/infos__services/desy_user/index_ger.html">DESY User</a><span class="sbh">. </span></li> <li><a title="Leichte Sprache" href="https://www.desy.de/infos__services/leichte_sprache/index_ger.html">Leichte Sprache</a><span class="sbh">. </span></li> <li><a title="Gebärdensprache" href="https://www.desy.de/infos__services/gebaerdensprache/index_ger.html">Gebärdensprache</a><span class="sbh">. </span></li> </ol> </li> </ol> </div> <a id="search" title="Suche"></a> <h2 class="hidden">Suchfunktion</h2> <h2 class="hidden">Servicefunktionen:</h2> <ul id="social_bar"> <li> <a rel="me" href="https://helmholtz.social/@DESY" target="_blank" class="mastodon" title="Besuchen Sie uns auf Mastodon"> <span>Mastodon</span> </a> </li> <li> <a href="https://www.desy.de/facebook" class="facebook" title="Besuchen Sie uns auf Facebook"> <span>Facebook</span> </a> </li> <li> <a href="https://de.linkedin.com/company/desy" class="linkedin" title="LinkedIn"> <span>LinkedIn</span> </a> </li> <li> <a href="https://www.desy.de/youtube" class="youtube" title="YouTube"> <span>YouTube</span> </a> </li> <li> <a href="https://www.desy.de/instagram" class="instagram" title="Instagram"> <span>Instagram</span> </a> </li> <li> <a class="rss" title="DESY RSS Feeds" href="https://www.desy.de/rss/index_ger.html"> <span>RSS</span> </a> </li> </ul> <ul id="service-nav" class="nav"> <li> <a href="https://www.desy.de/pbook?lang=ger" class="adress" title="zu 'Adressbuch'"><span>Adressbuch</span></a> </li> <li> <a href="https://www.desy.de/forschung/kooperationen__institute/cfel/index_ger.html?&amp;printversion=1" target="_blank" class="print" title="Diese Seite drucken"><span>Diese Seite drucken</span></a> </li> <li> <a href="https://www.desy.de/research/cooperations__institutes/cfel/index_eng.html" class="changelang_eng" title="Wechsel zu eng" data-lang-length="2"> <span>Wechsel zu eng mit URL: https://www.desy.de/research/cooperations__institutes/cfel/index_eng.html</span> </a> </li> <!--tal:rep tal:condition="python:not request['QUERY_STRING']" repeat="lang python:view.getLanguages()"> <li> <a href="link" class="class" title="titel" tal:attributes="href lang/url; class string:changelang_${lang/language}; title string:Wechsel zu ${lang/language};"> <span tal:content="string:Wechsel zu ${lang/language} mit URL: ${lang/url}"></span> </a> </li> </tal:rep> <tal:rep tal:condition="python:request['QUERY_STRING']" repeat="lang python:view.getLanguages()" tal:define=" querystring python:request['QUERY_STRING']; new_qs python:[querystring.replace('P_LANG=en', 'P_LANG=de'), querystring.replace('P_LANG=de', 'P_LANG=en')][request.get('lang','ger')=='ger']; "> <li> <a href="link" class="class" title="titel" tal:attributes=" href string:${lang/url}?$new_qs; class string:changelang_${lang/language}; title string:Wechsel zu ${lang/language}; "> <span tal:content="string:Wechsel zu ${lang/language} mit URL: ${lang/url}"></span> <span tal:content="new_qs">DEBUG</span> </a> </li> </tal:rep--> </ul> </div> <!-- START content-nav --> <div id="content-nav" class="section"> <h2 class="hidden">Inhalt</h2> <div id="content-nav2" class="clearfix"> <ul class="nav"> <li> <a href="https://www.desy.de/forschung/beschleuniger/index_ger.html" class=" " title="Zu Beschleuniger"> <dfn>1.1: </dfn> <span>Beschleuniger</span> <span class="hidden">.</span></a> </li> <li> <a href="https://www.desy.de/forschung/forschung_mit_photonen/index_ger.html" class=" " title="Zu Forschung mit Photonen"> <dfn>1.2: </dfn> <span>Forschung mit Photonen</span> <span class="hidden">.</span></a> </li> <li> <a href="https://www.desy.de/forschung/teilchenphysik/index_ger.html" class=" " title="Zu Teilchenphysik"> <dfn>1.3: </dfn> <span>Teilchenphysik</span> <span class="hidden">.</span></a> </li> <li> <a href="https://www.desy.de/forschung/astroteilchenphysik/index_ger.html" class=" " title="Zu Astroteilchenphysik"> <dfn>1.4: </dfn> <span>Astroteilchenphysik</span> <span class="hidden">.</span></a> </li> <li> <a href="https://www.desy.de/forschung/anlagen__projekte/index_ger.html" class=" " title="Zu Anlagen &amp; Projekte"> <dfn>1.5: </dfn> <span>Anlagen &amp; Projekte</span> <span class="hidden">.</span></a> </li> <li> <a href="https://www.desy.de/forschung/kooperationen__institute/index_ger.html" class="selected " title="Zu Kooperationen &amp; Institute"> <dfn>1.6: </dfn> <span>Kooperationen &amp; Institute</span> <span class="hidden">.</span></a> <ul class="nav"> <li> <a href="https://www.desy.de/forschung/kooperationen__institute/cfel/index_ger.html" class="selected " title="Zu CFEL"> <span class="hidden">Standort: </span> <dfn>1.6.1: </dfn> <span>CFEL</span> <span class="hidden">.</span></a> </li> <li> <a href="https://www.desy.de/forschung/kooperationen__institute/cdcs/index_ger.html" class=" " title="Zu CDCS"> <dfn>1.6.2: </dfn> <span>CDCS</span> <span class="hidden">.</span></a> </li> <li> <a href="https://www.desy.de/forschung/kooperationen__institute/cssb/index_ger.html" class=" " title="Zu CSSB"> <dfn>1.6.3: </dfn> <span>CSSB</span> <span class="hidden">.</span></a> </li> <li> <a href="https://www.desy.de/forschung/kooperationen__institute/cxns/index_ger.html" class=" " title="Zu CXNS"> <dfn>1.6.4: </dfn> <span>CXNS</span> <span class="hidden">.</span></a> </li> <li> <a href="https://www.desy.de/forschung/kooperationen__institute/pier/index_ger.html" class=" " title="Zu PIER"> <dfn>1.6.5: </dfn> <span>PIER</span> <span class="hidden">.</span></a> </li> <li> <a href="https://www.desy.de/forschung/kooperationen__institute/embl/index_ger.html" class=" " title="Zu EMBL"> <dfn>1.6.6: </dfn> <span>EMBL</span> <span class="hidden">.</span></a> </li> <li> <a href="https://www.desy.de/forschung/kooperationen__institute/hereon/index_ger.html" class=" " title="Zu Helmholtz-Zentrum Hereon"> <dfn>1.6.7: </dfn> <span>Hereon</span> <span class="hidden">.</span></a> </li> <li> <a href="https://www.desy.de/forschung/kooperationen__institute/mpsd/index_ger.html" class=" " title="Zu MPSD"> <dfn>1.6.8: </dfn> <span>MPSD</span> <span class="hidden">.</span></a> </li> <li> <a href="https://www.desy.de/forschung/kooperationen__institute/universitaet_hamburg/index_ger.html" class=" " title="Zu Universität Hamburg"> <dfn>1.6.9: </dfn> <span>Universität Hamburg</span> <span class="hidden">.</span></a> </li> <li> <a href="https://www.desy.de/forschung/kooperationen__institute/start_up_labs/index_ger.html" class=" " title="Zu Start-up Labs Bahrenfeld"> <dfn>1.6.10: </dfn> <span>Start-up Labs</span> <span class="hidden">.</span></a> </li> </ul> </li> </ul> </div> <div class="teaserarea"> </div> </div> <!-- END content-nav --> <div id="content" class="section"><p class="hidden showforprint">URL: https://www.desy.de/forschung/kooperationen__institute/cfel/index_ger.html</p> <div> <div class="line"> <span class="hidden">.</span> </div> </div> <h2 class="hidden">Breadcrumb Navigation</h2> <ul id="bread-nav" class="nav"> <li> <a href="https://www.desy.de/index_ger.html" title="Home">Home /</a> </li> <li> <a href="https://www.desy.de/forschung/index_ger.html" title="Zu 'Forschung bei DESY'">Forschung /</a> </li> <li> <a href="https://www.desy.de/forschung/kooperationen__institute/index_ger.html" title="Zu 'Kooperationen &amp; Institute'">Kooperationen &amp; Institute /</a> </li> <li> <span title="Sie sind hier: CFEL">CFEL</span> </li> </ul> <div id="main-content" class="dsy"> <a id="maincontent" title="maincontent"></a> <img alt="" src="/sites2009/site_www-desy/content/e141261/e306529/e306530/CFEL_2_ger.png" /> <!-- conditional divs on 'mediacollection' yes/no shall move to own subtemplate --> <div class="section"> <div class="section htmltext-"> </div> <div class="imageheader" id="e306533"> <img src="https://www.desy.de/e141261/e306529/e306530/e306533/@@DESYTopicHeaderHeadline?lang=ger" /> </div> <br clear="all" /> <script type="text/javascript"> $(document).ready(function() { $(".imageheader .slider").hover(function() { $(this).stop().animate({width:'415px'},{queue:false,duration:300}); }, function() { $(this).stop().animate({width:'20px'},{queue:false,duration:300}); }) }); </script> <p id="e306531" class="summary">Das Center for Free-Electron Laser Science CFEL ist ein europaweit einmaliges Kompetenzzentrum für Forschung an Lichtquellen der neuesten Generation. Das Zentrum wurde von DESY, der Universität Hamburg und der Max-Planck-Gesellschaft gegründet, um die Möglichkeiten der Strahlungsquellen bei DESY – PETRA III und FLASH – sowie am internationalen Röntgenlaser European XFEL interdisziplinär optimal auszuschöpfen. Mit diesen neuen Lichtquellen können Forschende dynamische Prozesse und strukturelle Änderungen von Atomen, Molekülen, Festkörpern, Plasmen und biologischen Systemen in Echtzeit beobachten und analysieren.</p> <div class="section htmltext-Wide"> <p> L&auml;sst sich beobachten, wie ein Elektron w&auml;hrend einer chemischen Reaktion blitzschnell von einem Reaktionspartner zum anderen springt? Kann man bestimmte Biomolek&uuml;le mit starken R&ouml;ntgenblitzen so beleuchten, dass die Atome zu erkennen sind, aus denen sie aufgebaut sind? Und ist es m&ouml;glich, Supraleiter &ndash; Stoffe, die Strom verlustfrei transportieren &ndash; mit Lichtpulsen ein- und auszuschalten? Diese Fragen lassen sich erst seit wenigen Jahren untersuchen &ndash; mit Lasern und Beschleunigern, die ultrakurze Lichtblitze erzeugen, sowie mit Spezialmikroskopen, die Nanoteilchen pr&auml;zise analysieren k&ouml;nnen.</p> <h2> Einmaliges Kompetenzzentrum</h2> <p> Auf dieses hochaktuelle Forschungsfeld konzentriert sich das CFEL auf dem DESY-Campus in Hamburg. Die drei Kooperationspartner verfolgen dabei eine europaweit einzigartige Strategie: Expertinnen und Experten diverser Fachdisziplinen beobachten die ultraschnellen Vorg&auml;nge im Nanokosmos aus unterschiedlichen Blickwinkeln, also mit verschiedenen Forschungswerkzeugen. Dazu nutzen die CFEL-Forschenden R&ouml;ntgenlaser, optische Laser und modernste Elektronen- und Rastertunnelmikroskope. Gleichzeitig entwickeln sie diese Forschungswerkzeuge weiter und erbringen damit einen fundamentalen Beitrag, um die dynamischen Prozesse in allen Bereichen der Materie weiter zu entr&auml;tseln.&nbsp;</p> <p> Die CFEL-Forschenden durchleuchten mit hochintensiven Blitzen von R&ouml;ntgenlasern Zellen, Viren, Eiwei&szlig;e und Nanoteilchen, um deren Struktur zu entschl&uuml;sseln und so neues Grundlagenwissen f&uuml;r die Entwicklung k&uuml;nftiger Medikamente zu erschlie&szlig;en. Sie untersuchen ultraschnelle Prozesse, die sich in Festk&ouml;rpern abspielen und als Basiswissen f&uuml;r Informationstechnologie und Energietechnik dienen k&ouml;nnen. Und sie machen mit &bdquo;molekularen Filmen&ldquo; sichtbar, wie chemische Reaktionen ablaufen und wie die einzelnen Reaktionspartner miteinander agieren. Dabei setzt das CFEL &ndash; insbesondere im Bereich der Bio- und Nanomaterialien &ndash; neue Ma&szlig;st&auml;be in der Forschung.</p> <p> &nbsp;</p> </div> <div class="section smallteaser" style="" id="e306535"> <a href='http://www.cfel.de/' target='_self' class='LinkElementExternal' title='CFEL' alt='CFEL'> <img alt="" src="https://www.desy.de/e141261/e306529/e306530/e306535/@@DESYSmallTeaserImage" /> <a href='http://www.cfel.de/' target='_self' class='LinkElementExternal' title='CFEL' alt='CFEL'> <h2>CFEL<!--img src="/++resource++desy/images/internal_link.gif" alt="linkarrow" class="linkarrow"/--></h2> <p>Center for Free-Electron Laser Science</p> </a> </a> </div> </div> <!-- /conditional divs on 'mediacollection' yes/no shall move to own subtemplate --> </div> <!-- /conditional div on 'Learning Document' --> </div> <div id="page-footer" class="footer clearfix"> <a target="_blank" title="zu 'Die Website der Helmholtz Gemeinschaft'" href="https://www.helmholtz.de/"> <img id="logo-helmholtz" alt="Logo der Helmholtz Gemeinschaft" src="/++resource++desy/images/2017_H_Logo_RGB_DE.png" /> </a> <div class="address"> <h2 class="hidden">Footer Navigation</h2> <ul id="footer-nav" class="nav"> <li class="first"> <a href="//www.desy.de/erklaerung_zur_barrierefreiheit/index_ger.html" title="Erkl&auml;rung zur Barrierefreiheit">Erkl&auml;rung zur Barrierefreiheit</a> </li> <li> <a href="//www.desy.de/datenschutzerklaerung/index_ger.html" title="Datenschutzerkl&auml;rung">Datenschutzerkl&auml;rung</a> </li> <li class="last"> <a href="https://www.desy.de/impressum/index_ger.html" title="Impressum">Impressum</a> </li> </ul> <p class="copyright"> &copy; 2024, Deutsches Elektronen-Synchrotron DESY </p> </div> </div> </div> <script type="text/javascript"> var dohide = false; function hideNav() { if(dohide) { dohide = false; $("#targetgroup-nav ol ol").removeClass("show"); } } function showNav() { dohide = false; $("#targetgroup-nav ol ol").addClass("show"); } // Fancybox IDs $("a.zoom").fancybox(); // old IEs wont recognize multiple elements with same ID tag... $("a#single_image").fancybox(); $("a#inline").fancybox({ 'hideOnContentClick': false, 'frameWidth': 600, 'frameHeight': 300 }); $("a.group").fancybox({ 'zoomSpeedIn': 300, 'zoomSpeedOut': 300, 'overlayShow': false }); $("#targetgroup-nav li a").focus(function() { showNav(); }).blur(function() { dohide = true; setTimeout("hideNav()", 500); }); $("#targetgroup-nav li").hover(function() { showNav(); },function() { dohide = true; setTimeout("hideNav()", 500); }); $('li.area > a').click(function(){ $(this).parent().toggleClass("active"); return false; }); //GCS $('#cse-search-form > .regularInput').focus(function() { $(this).css('background','#fff'); }); $('#cse-search-form > .regularInput').blur(function() { $(this).css('background','#fff url(https://www.google.com/cse/intl/en/images/google_custom_search_watermark.gif) left no-repeat'); }); </script> <!-- Piwik --> <script type="text/javascript"> var piwik_id='291'; var _paq = _paq || []; _paq.push(['trackPageView']); _paq.push(['enableLinkTracking']); (function() { var u=(('https:' == document.location.protocol) ? 'https' : 'http') + '://wof-piwik2.desy.de/piwik/'; _paq.push(['setTrackerUrl', u+'piwik.php']); _paq.push(['setSiteId', 291]); var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0]; g.type='text/javascript'; g.defer=true; g.async=true; g.src=u+'piwik.js'; s.parentNode.insertBefore(g,s); })();</script> <noscript><p> <img src="https://wof-piwik2.desy.de/piwik/piwik.php?idsite=291" style="border:0" alt="" /> </p></noscript> <!-- End Piwik Tracking Code --> <!-- HEADINGS HACK - d10n - 20201009 --> <style> .mainsite div#main-content > h1:not(.desy_headline){ display: none !important; } </style> <!-- Cookie Bar --> <style> .cookie-bar__inner{background-color:#000;color:#fff;font-size:.875rem;padding:.375rem .5rem}@media (min-width:48rem){.cookie-bar__inner{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}}.cookie-bar__buttons{display:block;margin-top:.375rem}@media (min-width:48rem){.cookie-bar__buttons{display:inline;margin-top:0}.cookie-bar--bottom-left,.cookie-bar--bottom-right{width:22.5rem}}.cookie-bar__btn{background-color:#0275d8;color:#fff;border:none;margin-right:.875rem;padding:.125rem .875rem;-webkit-transition:background-color .3s;-o-transition:background-color .3s;transition:background-color .3s;cursor:pointer}.cookie-bar__btn:hover{background-color:#009fdf}.cookie-bar__btn:active{background-color:#F18F1F}.cookie-bar a{color:#fff;text-decoration:underline}.cookie-bar a:hover{text-decoration:none}.cookie-bar--bottom,.cookie-bar--bottom-left,.cookie-bar--bottom-right{z-index:100;position:fixed}.cookie-bar--bottom{right:0;bottom:0;left:0}.cookie-bar--bottom-left{left:.9375rem}.cookie-bar--bottom-right{right:.9375rem}.cookie-bar--bottom-left,.cookie-bar--bottom-right{bottom:.9375rem}@media (min-width:48rem){.cookie-bar--bottom-left .cookie-bar__buttons,.cookie-bar--bottom-left .cookie-bar__inner,.cookie-bar--bottom-right .cookie-bar__buttons,.cookie-bar--bottom-right .cookie-bar__inner{display:block}.cookie-bar--bottom-left .cookie-bar__buttons,.cookie-bar--bottom-right .cookie-bar__buttons{margin-top:.375rem}}.cookie-bar--bottom-left .cookie-bar__inner,.cookie-bar--bottom-right .cookie-bar__inner{line-height:1.3} </style> <div id="cookie-bar" style="display:none;" class="cookie-bar cookie-bar--bottom-right"><div class="cookie-bar__inner"><span class="cookie-bar__message">Wir verwenden Cookies, um die einwandfreie Funktion unserer Website zu gew&auml;hrleisten.</span><span class="cookie-bar__buttons"><button type="button" class="cookie-bar__btn" id="cookie-bar_ok">OK</button><a href="https://www.desy.de/datenschutzerklaerung/" target="_blank">Weitere Informationen</a></span></div></div> <script> var DESYcookies = localStorage.getItem('DESYcookies'); if (DESYcookies != 'accepted') { var cookiebar = document.getElementById('cookie-bar'); cookiebar.style.display = ''; document.getElementById('cookie-bar_ok').onclick = function() { localStorage.setItem('DESYcookies', 'accepted'); cookiebar.style.display = 'none'; } } </script> <!-- End Cookie Bar --> </body> </html>

Pages: 1 2 3 4 5 6 7 8 9 10