<html lang="de-de" dir="ltr" style="font-size: 100%;"><head>
   <meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1"><meta name="HandheldFriendly" content="true"><meta name="apple-mobile-web-app-capable" content="YES"> <!-- document meta -->
   <meta charset="utf-8">
	<meta name="generator" content="Joomla! - Open Source Content Management">
	<title>Medien im Dialog – Home</title>
	<link href="/index.php?format=feed&amp;type=rss" rel="alternate" type="application/rss+xml" title="Medien im Dialog – Home">
	<link href="/index.php?format=feed&amp;type=atom" rel="alternate" type="application/atom+xml" title="Medien im Dialog – Home">
<link href="/images/Logos/favicon.ico?df3e2e34b156b059cfa76043c440de74" rel="shortcut icon" type="image/png" sizes="any">
	<link href="https://fonts.gstatic.com?df3e2e34b156b059cfa76043c440de74" rel="preconnect">
	<link href="https://fonts.googleapis.com/css2?family=Oswald:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700&amp;display=swap" rel="stylesheet">
	<link href="https://fonts.googleapis.com/css2?family=Ropa+Sans:ital,wght@0,400;1,400&amp;display=swap" rel="stylesheet">
	<link href="https://use.fontawesome.com/releases/v6.5.1/css/all.css?df3e2e34b156b059cfa76043c440de74" rel="stylesheet">
	<link href="/media/vendor/joomla-custom-elements/css/joomla-alert.min.css?0.2.0" rel="stylesheet">
	<link href="/components/com_jevents/views/alternative/assets/css/modstyle.css?v=3.6.79" rel="stylesheet">
	<link href="/media/uikit3/css/uikit.css?df3e2e34b156b059cfa76043c440de74" rel="stylesheet" defer="defer">
	<style>.sk-cube-grid{width:20px;height:20px;margin:0 auto}.sk-cube-grid .sk-cube{width:33.33%;height:33.33%;background-color:rgb(26, 164, 224);float:left;-webkit-animation:sk-cubeGridScaleDelay 1.3s infinite ease-in-out;animation:sk-cubeGridScaleDelay 1.3s infinite ease-in-out}.sk-cube-grid .sk-cube1{-webkit-animation-delay:.2s;animation-delay:.2s}.sk-cube-grid .sk-cube2{-webkit-animation-delay:.3s;animation-delay:.3s}.sk-cube-grid .sk-cube3{-webkit-animation-delay:.4s;animation-delay:.4s}.sk-cube-grid .sk-cube4{-webkit-animation-delay:.1s;animation-delay:.1s}.sk-cube-grid .sk-cube5{-webkit-animation-delay:.2s;animation-delay:.2s}.sk-cube-grid .sk-cube6{-webkit-animation-delay:.3s;animation-delay:.3s}.sk-cube-grid .sk-cube7{-webkit-animation-delay:0ms;animation-delay:0ms}.sk-cube-grid .sk-cube8{-webkit-animation-delay:.1s;animation-delay:.1s}.sk-cube-grid .sk-cube9{-webkit-animation-delay:.2s;animation-delay:.2s}@-webkit-keyframes sk-cubeGridScaleDelay{0%,100%,70%{-webkit-transform:scale3D(1,1,1);transform:scale3D(1,1,1)}35%{-webkit-transform:scale3D(0,0,1);transform:scale3D(0,0,1)}}@keyframes sk-cubeGridScaleDelay{0%,100%,70%{-webkit-transform:scale3D(1,1,1);transform:scale3D(1,1,1)}35%{-webkit-transform:scale3D(0,0,1);transform:scale3D(0,0,1)}}[data-bs-theme=dark] .sk-cube-grid .sk-cube{background-color:rgb(26, 164, 224);}#astroid-preloader{background:rgb(255, 255, 255);z-index: 99999;}[data-bs-theme=dark] #astroid-preloader{background:rgb(255, 255, 255);}</style>
<script src="/media/vendor/jquery/js/jquery.min.js?3.7.1"></script>
	<script src="/media/vendor/skipto/js/skipto.min.js?4.1.7" defer=""></script>
	<script src="/media/astroid/js/jquery.easing.min.js?df3e2e34b156b059cfa76043c440de74"></script>
	<script src="/media/astroid/js/offcanvas.min.js?df3e2e34b156b059cfa76043c440de74"></script>
	<script src="/media/astroid/js/mobilemenu.min.js?df3e2e34b156b059cfa76043c440de74"></script>
	<script src="/media/astroid/js/megamenu.min.js?df3e2e34b156b059cfa76043c440de74"></script>
	<script src="/media/astroid/js/jquery.hoverIntent.min.js?df3e2e34b156b059cfa76043c440de74"></script>
	<script src="/media/astroid/js/smooth-scroll.polyfills.min.js?df3e2e34b156b059cfa76043c440de74"></script>
	<script src="/media/astroid/js/script.min.js?df3e2e34b156b059cfa76043c440de74"></script>
	<script type="application/json" class="joomla-script-options loaded">{"skipto-settings":{"settings":{"skipTo":{"enableActions":false,"enableHeadingLevelShortcuts":false,"accesskey":"9","displayOption":"popup","buttonLabel":"Tastaturnavigation","buttonTooltipAccesskey":"Tastaturnavigation \u2013 Zugriffstaste ist $key","landmarkGroupLabel":"Landmarks","headingGroupLabel":"Seitenanfang","mofnGroupLabel":" ($m von $n)","headingLevelLabel":"\u00dcberschrift Ebene","mainLabel":"Main","searchLabel":"Search","navLabel":"Navigation","regionLabel":"Region","asideLabel":"Aside","footerLabel":"Footer","headerLabel":"Header","formLabel":"Form","msgNoLandmarksFound":"Keine Landmarks zum \u201eSpringen\u201c","msgNoHeadingsFound":"Keine \u00dcberschriften zum \u201eSpringen\u201c","headings":"h1, h2, h3","landmarks":"main, nav, search, aside, header, footer, form"}}},"joomla.jtext":{"ERROR":"Fehler","MESSAGE":"Nachricht","NOTICE":"Hinweis","WARNING":"Warnung","JCLOSE":"Schlie\u00dfen","JOK":"OK","JOPEN":"\u00d6ffnen"},"system.paths":{"root":"","rootFull":"https:\/\/medien-im-dialog.info\/","base":"","baseFull":"https:\/\/medien-im-dialog.info\/"},"csrf.token":"ea42c626fc8ab1146a7302b1fbb14eea","accessibility-options":{"labels":{"menuTitle":"Bedienungshilfen","increaseText":"Schrift vergr\u00f6\u00dfern","decreaseText":"Schrift verkleinern","increaseTextSpacing":"Zeichenabstand erh\u00f6hen","decreaseTextSpacing":"Zeichenabstand verringern","invertColors":"Farben umkehren","grayHues":"Graue Farbt\u00f6ne","underlineLinks":"Links unterstreichen","bigCursor":"Gro\u00dfer Mauszeiger","readingGuide":"Zeilenlineal","textToSpeech":"Text vorlesen","speechToText":"Sprache zu Text","resetTitle":"Zur\u00fccksetzen","closeTitle":"Schlie\u00dfen"},"icon":{"position":{"left":{"size":"0","units":"px"}},"useEmojis":false},"hotkeys":{"enabled":true,"helpTitles":true},"textToSpeechLang":["de-DE"],"speechToTextLang":["de-DE"]}}</script>
	<script src="/media/system/js/core.min.js?ee06c8994b37d13d4ad21c573bbffeeb9465c0e2"></script>
	<script src="/media/system/js/messages-es5.min.js?c29829fd2432533d05b15b771f86c6637708bd9d" nomodule="" defer=""></script>
	<script src="/media/system/js/messages.min.js?7f7aa28ac8e8d42145850e8b45b3bc82ff9a6411" type="module"></script>
	<script src="/media/vendor/accessibility/js/accessibility.min.js?3.0.17" defer=""></script>
	<script src="/media/uikit3/js/uikit.min.js?df3e2e34b156b059cfa76043c440de74" defer=""></script>
	<script src="/media/uikit3/js/uikit-icons.min.js?df3e2e34b156b059cfa76043c440de74" defer=""></script>
	<script>
			var scroll = new SmoothScroll('a[href*="#"]', {
            speed: 367
            , header: ".astroid-header"
			});</script>
	<script type="module">window.addEventListener("load", function() {new Accessibility(Joomla.getOptions("accessibility-options") || {});});</script>
	<script>function fetchMoreLatestEvents(modid, direction)
{        
        jQuery.ajax({
                    type : 'POST',
                    dataType : 'json',
                    url : "https://medien-im-dialog.info/index.php?option=com_jevents&ttoption=com_jevents&typeaheadtask=gwejson&file=fetchlatestevents&path=module&folder=mod_jevents_latest&token=ea42c626fc8ab1146a7302b1fbb14eea",
                    data : {'json':JSON.stringify({'modid':modid, 'direction':direction})},
                    contentType: "application/x-www-form-urlencoded; charset=utf-8",
                    scriptCharset: "utf-8"
            })                        
                .done(function( data ){                    
                    jQuery("#mod_events_latest_"+modid+"_data").replaceWith(data.html);
                    try {
                        document.getElementById("mod_events_latest_"+modid+"_data").parentNode.scrollIntoView({block: "start", behavior: "smooth"});
                    }
                    catch (e) {
                    }
                })
                .fail(function(x) {
        alert('fail '+x);
                });
}</script>
 <!-- joomla head -->
   <link href="/media/templates/site/tp_brand/css/compiled-9ec3344fe82325e41f61197c87a79167.css" rel="stylesheet" type="text/css">
<link href="/media/templates/site/tp_brand/css/custom.css" rel="stylesheet" type="text/css">
<style>.astroid-offcanvas {width: 320px;} .astroid-offcanvas .dropdown-menus {width: 320px !important;}.st-effect-2.astroid-offcanvas-open .astroid-content{-webkit-transform:translate3d(320px, 0, 0);transform:translate3d(320px, 0, 0);}.st-effect-2.astroid-offcanvas-open .st-effect-2.astroid-offcanvas{-webkit-transform:translate3d(0%, 0, 0);transform:translate3d(0%, 0, 0);}.astroid-offcanvas-opened .astroid-wrapper{background:rgb(173, 181, 189);}.st-effect-2.astroid-offcanvas{z-index:0 !important;}.st-effect-2.astroid-offcanvas-open .st-effect-2.astroid-offcanvas{visibility: visible; -webkit-transition:-webkit-transform 0.5s;transition:transform 0.5s;}.st-effect-2.astroid-offcanvas::after{display:none;}.offcanvasDirRight .st-effect-2.astroid-offcanvas-open .astroid-content{-webkit-transform:translate3d(-320px, 0, 0);transform:translate3d(-320px, 0, 0);}.mobilemenu-slide.astroid-mobilemenu{visibility:visible;-webkit-transform:translate3d(-100%, 0, 0);transform:translate3d(-100%, 0, 0);}.mobilemenu-slide.astroid-mobilemenu-open .mobilemenu-slide.astroid-mobilemenu {visibility:visible;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);}.mobilemenu-slide.astroid-mobilemenu::after{display:none;}#ta1-md2wjhb80{background-color:rgb(255, 255, 255);color:rgb(0, 0, 0);padding:30px 30px 30px 30px}[data-bs-theme=dark] #ta1-md2wjhb80{background-color:rgb(255, 255, 255);color:rgb(0, 0, 0);}#ta2-anlx9p1k4{background-color:rgb(255, 255, 255);color:rgb(0, 0, 0);padding:30px 30px 30px 30px}[data-bs-theme=dark] #ta2-anlx9p1k4{background-color:rgb(255, 255, 255);color:rgb(0, 0, 0);}#ta-jm805nddt{margin:1px 1px 1px 1px;padding:1% 0% 0% 0%}#ca-1529739248826{background-color:rgb(255, 255, 255);color:rgb(0, 0, 0);padding:30px 30px 30px 30px}[data-bs-theme=dark] #ca-1529739248826{background-color:rgb(255, 255, 255);color:rgb(0, 0, 0);}#tr-d16orinwr{margin-bottom:30px;padding:20px 20px 20px 20px}#ar-1528971561366{background-color:rgb(255, 255, 255);color:rgb(0, 0, 0);padding:30px 30px 30px 30px}[data-bs-theme=dark] #ar-1528971561366{background-color:rgb(255, 255, 255);color:rgb(0, 0, 0);}#inhalt{padding-top:3%;padding-bottom:3%}#ba1-97cfe8mov{background-color:rgb(255, 255, 255);color:rgb(0, 0, 0);padding:30px 30px 30px 30px}[data-bs-theme=dark] #ba1-97cfe8mov{background-color:rgb(255, 255, 255);color:rgb(0, 0, 0);}#tc1-df5sbnjae{padding-top:3%;padding-bottom:3%}#f1c-qe89el34j{color:rgb(255, 255, 255);padding-top:10px;padding-bottom:10px}#f1c-qe89el34j a{color:rgb(119, 119, 119);}#f1c-qe89el34j a:hover{color:rgb(204, 204, 204);}[data-bs-theme=dark] #f1c-qe89el34j{color:rgb(255, 255, 255);}[data-bs-theme=dark] #f1c-qe89el34j a{color:rgb(119, 119, 119);}[data-bs-theme=dark] #f1c-qe89el34j a:hover{color:rgb(204, 204, 204);}#f-oel6e1bpp{background-color:rgb(0, 117, 187);color:rgb(255, 255, 255);padding-top:10px;padding-bottom:10px}#f-oel6e1bpp a{color:rgb(255, 255, 255);}#f-oel6e1bpp a:hover{color:rgb(255, 255, 255);}[data-bs-theme=dark] #f-oel6e1bpp{background-color:rgb(0, 117, 187);color:rgb(255, 255, 255);}[data-bs-theme=dark] #f-oel6e1bpp a{color:rgb(255, 255, 255);}[data-bs-theme=dark] #f-oel6e1bpp a:hover{color:rgb(255, 255, 255);}body, .body{font-weight:400;text-transform:none;font-size:15px;line-height:1.7em;font-family:Arial, Helvetica, sans-serif, Arial, Helvetica, sans-serif;}h1, .h1{font-weight:300;text-transform:none;font-size:40px;line-height:1.6em;font-family:"Oswald", Arial, Helvetica, sans-serif;}h2, .h2{font-weight:300;text-transform:none;font-size:30px;line-height:1.3em;font-family:"Oswald", Arial, Helvetica, sans-serif;}h3, .h3{font-weight:300;text-transform:none;font-size:28px;line-height:1.6em;font-family:"Oswald", Arial, Helvetica, sans-serif;}h4, .h4{color:rgb(0, 0, 0);font-weight:300;text-transform:none;font-size:20px;line-height:1.2em;font-family:"Oswald", Arial, Helvetica, sans-serif;}[data-bs-theme=dark] h4, .h4{color:rgb(0, 0, 0);}.astroid-nav > li > .as-menu-item, .astroid-sidebar-menu > li > .as-menu-item, .astroid-mobile-menu > .nav-item > .as-menu-item{font-weight:300;text-transform:uppercase;font-size:28.272px;line-height:1.6em;font-family:"Oswald", Arial, Helvetica, sans-serif;}.nav-submenu-container .nav-submenu > li, .jddrop-content .megamenu-item .megamenu-menu li, .nav-submenu, .astroid-mobile-menu .nav-child .menu-go-back, .astroid-mobile-menu .nav-child .nav-item-submenu > .as-menu-item{font-weight:400;text-transform:none;font-size:15px;line-height:1.8em;font-family:Arial, Helvetica, sans-serif, Arial, Helvetica, sans-serif;}small{color:rgb(0, 0, 0);font-weight:400;text-transform:none;font-size:12px;line-height:1.2em;font-family:"Ropa Sans", Arial, Helvetica, sans-serif;}[data-bs-theme=dark] small{color:rgb(0, 0, 0);}html{background-color:rgb(238, 239, 234);}[data-bs-theme=dark]{background-color:rgb(238, 239, 234);}body{--bs-body-bg:rgb(238, 239, 234);--bs-body-color:rgb(85, 85, 85);}body a{color:var(--as-link-color);--as-link-color:rgb(34, 34, 34);}body a:hover{color:var(--as-link-hover-color);--as-link-hover-color:rgb(153, 153, 153);}[data-bs-theme=dark] body{--bs-body-bg:rgb(238, 239, 234);--bs-body-color:rgb(85, 85, 85);}[data-bs-theme=dark] body a{--as-link-color:rgb(34, 34, 34);}[data-bs-theme=dark] body a:hover{--as-link-hover-color:rgb(153, 153, 153);}header{color:rgb(255, 255, 255);}header a{color:rgb(255, 255, 255);}[data-bs-theme=dark] header{color:rgb(255, 255, 255);}[data-bs-theme=dark] header a{color:rgb(255, 255, 255);}.astroid-header-section, .astroid-sidebar-header{background-color:rgb(0, 117, 187);}[data-bs-theme=dark] .astroid-header-section, [data-bs-theme=dark] .astroid-sidebar-header{background-color:rgb(0, 117, 187);}#astroid-sticky-header{background-color:rgb(255, 255, 255);}#astroid-sticky-header .astroid-nav .nav-link{color:rgb(85, 85, 85);}#astroid-sticky-header .astroid-nav .nav-link:hover{color:rgb(153, 153, 153);}#astroid-sticky-header .astroid-nav .nav-link:active, #astroid-sticky-header .astroid-nav .nav-link.active{color:rgb(0, 0, 0);}[data-bs-theme=dark] #astroid-sticky-header{background-color:rgb(255, 255, 255);}[data-bs-theme=dark] #astroid-sticky-header .astroid-nav .nav-link{color:rgb(85, 85, 85);}[data-bs-theme=dark] #astroid-sticky-header .astroid-nav .nav-link:hover{color:rgb(153, 153, 153);}[data-bs-theme=dark] #astroid-sticky-header .astroid-nav .nav-link:active, [data-bs-theme=dark] #astroid-sticky-header .astroid-nav .nav-link.active{color:rgb(0, 0, 0);}.astroid-nav .nav-link, .astroid-sidebar-menu .nav-link{color:rgb(255, 255, 255);}.astroid-nav .nav-link:hover, .astroid-sidebar-menu .nav-link:hover{color:rgb(153, 153, 153);}.astroid-nav .nav-link:focus, .astroid-sidebar-menu .nav-link:focus{color:rgb(153, 153, 153);}.astroid-nav .nav-link:active, .astroid-nav .nav-link.active, .astroid-sidebar-menu .nav-link:active, .astroid-sidebar-menu .nav-link.active{color:rgb(0, 0, 0);}[data-bs-theme=dark] .astroid-nav .nav-link, [data-bs-theme=dark] .astroid-sidebar-menu .nav-link{color:rgb(255, 255, 255);}[data-bs-theme=dark] .astroid-nav .nav-link:hover, [data-bs-theme=dark] .astroid-sidebar-menu .nav-link:hover{color:rgb(153, 153, 153);}[data-bs-theme=dark] .astroid-nav .nav-link:focus, [data-bs-theme=dark] .astroid-sidebar-menu .nav-link:focus{color:rgb(153, 153, 153);}[data-bs-theme=dark] .astroid-nav .nav-link:active, [data-bs-theme=dark] .astroid-nav .nav-link.active, [data-bs-theme=dark] .astroid-sidebar-menu .nav-link:active, [data-bs-theme=dark] .astroid-sidebar-menu .nav-link.active{color:rgb(0, 0, 0);}.megamenu-container{background-color:rgb(255, 255, 255);}.megamenu-container .nav-submenu .nav-submenu{background-color:rgb(255, 255, 255);}.has-megamenu.open .arrow{border-bottom-color:rgb(255, 255, 255);}.megamenu-container li.nav-item-submenu > a{color:rgb(119, 119, 119);}.megamenu-container li.nav-item-submenu > a:hover{color:rgb(0, 0, 0);background-color:rgb(248, 248, 248);}.megamenu-container li.nav-item-submenu > a:active, .megamenu-container li.nav-item-submenu > a.active{color:rgb(0, 0, 0);background-color:rgb(248, 248, 248);}[data-bs-theme=dark] .megamenu-container{background-color:rgb(255, 255, 255);}[data-bs-theme=dark] .megamenu-container .nav-submenu .nav-submenu{background-color:rgb(255, 255, 255);}[data-bs-theme=dark] .has-megamenu.open .arrow{border-bottom-color:rgb(255, 255, 255);}[data-bs-theme=dark] .megamenu-container li.nav-item-submenu > a{color:rgb(119, 119, 119);}[data-bs-theme=dark] .megamenu-container li.nav-item-submenu > a:hover{color:rgb(0, 0, 0);background-color:rgb(248, 248, 248);}[data-bs-theme=dark] .megamenu-container li.nav-item-submenu > a:active, [data-bs-theme=dark] .megamenu-container li.nav-item-submenu > a.active{color:rgb(0, 0, 0);background-color:rgb(248, 248, 248);}.astroid-offcanvas{color:rgb(0, 0, 0) !important;background-color:rgb(255, 255, 255) !important;}.astroid-offcanvas .burger-menu-button, .astroid-offcanvas .astroid-mobilemenu-container .astroid-mobilemenu-inner .dropdown-menus{background-color:rgb(255, 255, 255) !important;}.astroid-offcanvas .menu-indicator{color:rgb(0, 0, 0) !important;}.astroid-offcanvas .astroid-mobilemenu-container .astroid-mobilemenu-inner .menu-item a{color:rgb(0, 0, 0) !important;}.astroid-offcanvas .astroid-mobilemenu-container .astroid-mobilemenu-inner .menu-item a:hover{background-color: !important;}.astroid-offcanvas .astroid-mobilemenu-container .astroid-mobilemenu-inner .menu-item.active > a, .astroid-offcanvas .astroid-mobilemenu-container .astroid-mobilemenu-inner .menu-item.active > .nav-header, .astroid-offcanvas .astroid-mobilemenu-container .astroid-mobilemenu-inner .menu-item.nav-item-active > a, .astroid-offcanvas .astroid-mobilemenu-container .astroid-mobilemenu-inner .menu-item.nav-item-active > a + .menu-indicator{color:rgb(26, 164, 224) !important;}.astroid-offcanvas .astroid-mobilemenu-container .astroid-mobilemenu-inner .menu-item.active, .astroid-offcanvas .astroid-mobilemenu-container .astroid-mobilemenu-inner .menu-item.nav-item-active{background-color:rgb(255, 255, 255) !important;}.astroid-offcanvas .burger-menu-button .inner, .astroid-offcanvas .burger-menu-button .inner::before, .astroid-offcanvas .burger-menu-button .inner::after{background-color:rgb(0, 0, 0);}[data-bs-theme=dark] .astroid-offcanvas{color:rgb(0, 0, 0) !important;background-color:rgb(255, 255, 255) !important;}[data-bs-theme=dark] .astroid-offcanvas .burger-menu-button, [data-bs-theme=dark] .astroid-offcanvas .astroid-mobilemenu-container .astroid-mobilemenu-inner .dropdown-menus{background-color:rgb(255, 255, 255) !important;}[data-bs-theme=dark] .astroid-offcanvas .menu-indicator{color:rgb(0, 0, 0) !important;}[data-bs-theme=dark] .astroid-offcanvas .astroid-mobilemenu-container .astroid-mobilemenu-inner .menu-item a{color:rgb(0, 0, 0) !important;}[data-bs-theme=dark] .astroid-offcanvas .astroid-mobilemenu-container .astroid-mobilemenu-inner .menu-item a:hover{background-color: !important;}[data-bs-theme=dark] .astroid-offcanvas .astroid-mobilemenu-container .astroid-mobilemenu-inner .menu-item.active > a, [data-bs-theme=dark] .astroid-offcanvas .astroid-mobilemenu-container .astroid-mobilemenu-inner .menu-item.active > .nav-header, [data-bs-theme=dark] .astroid-offcanvas .astroid-mobilemenu-container .astroid-mobilemenu-inner .menu-item.nav-item-active > a, [data-bs-theme=dark] .astroid-offcanvas .astroid-mobilemenu-container .astroid-mobilemenu-inner .menu-item.nav-item-active > a + .menu-indicator{color:rgb(26, 164, 224) !important;}[data-bs-theme=dark] .astroid-offcanvas .astroid-mobilemenu-container .astroid-mobilemenu-inner .menu-item.active, [data-bs-theme=dark] .astroid-offcanvas .astroid-mobilemenu-container .astroid-mobilemenu-inner .menu-item.nav-item-active{background-color:rgb(255, 255, 255) !important;}[data-bs-theme=dark] .astroid-offcanvas .burger-menu-button .inner, [data-bs-theme=dark] .astroid-offcanvas .burger-menu-button .inner::before, [data-bs-theme=dark] .astroid-offcanvas .burger-menu-button .inner::after{background-color:rgb(0, 0, 0);}.header-offcanvas-trigger.burger-menu-button .inner, .header-offcanvas-trigger.burger-menu-button .inner::before, .header-offcanvas-trigger.burger-menu-button .inner::after{background-color:rgb(0, 0, 0);}[data-bs-theme=dark] .header-offcanvas-trigger.burger-menu-button .inner, [data-bs-theme=dark] .header-offcanvas-trigger.burger-menu-button .inner::before, [data-bs-theme=dark] .header-offcanvas-trigger.burger-menu-button .inner::after{background-color:rgb(0, 0, 0);}.astroid-mobilemenu{background-color:rgb(255, 255, 255) !important;color:rgb(0, 0, 0) !important;}.astroid-mobilemenu .astroid-mobilemenu-container .astroid-mobilemenu-inner .dropdown-menus{background-color:rgb(255, 255, 255) !important;}.astroid-mobilemenu .astroid-mobilemenu-container .astroid-mobilemenu-inner .menu-item a{color:rgb(0, 0, 0) !important;}.astroid-mobilemenu .astroid-mobilemenu-container .astroid-mobilemenu-inner .menu-item a:hover{background-color: !important;}.astroid-mobilemenu .astroid-mobilemenu-container .astroid-mobilemenu-inner .menu-item.active > a, .astroid-mobilemenu .astroid-mobilemenu-container .astroid-mobilemenu-inner .menu-item.active > .nav-header, .astroid-mobilemenu .astroid-mobilemenu-container .astroid-mobilemenu-inner .menu-item.nav-item-active > a, .astroid-mobilemenu .astroid-mobilemenu-container .astroid-mobilemenu-inner .menu-item.nav-item-active > a + .menu-indicator{color:rgb(67, 146, 176) !important;}.astroid-mobilemenu .astroid-mobilemenu-container .astroid-mobilemenu-inner .menu-item.active, .astroid-mobilemenu .astroid-mobilemenu-container .astroid-mobilemenu-inner .menu-item.nav-item-active{background-color:rgb(255, 255, 255) !important;}.astroid-mobilemenu .menu-indicator{color:rgb(0, 0, 0) !important;}[data-bs-theme=dark] .astroid-mobilemenu{background-color:rgb(255, 255, 255) !important;color:rgb(0, 0, 0) !important;}[data-bs-theme=dark] .astroid-mobilemenu .astroid-mobilemenu-container .astroid-mobilemenu-inner .dropdown-menus{background-color:rgb(255, 255, 255) !important;}[data-bs-theme=dark] .astroid-mobilemenu .astroid-mobilemenu-container .astroid-mobilemenu-inner .menu-item a{color:rgb(0, 0, 0) !important;}[data-bs-theme=dark] .astroid-mobilemenu .astroid-mobilemenu-container .astroid-mobilemenu-inner .menu-item a:hover{background-color: !important;}[data-bs-theme=dark] .astroid-mobilemenu .astroid-mobilemenu-container .astroid-mobilemenu-inner .menu-item.active > a, [data-bs-theme=dark] .astroid-mobilemenu .astroid-mobilemenu-container .astroid-mobilemenu-inner .menu-item.active > .nav-header, [data-bs-theme=dark] .astroid-mobilemenu .astroid-mobilemenu-container .astroid-mobilemenu-inner .menu-item.nav-item-active > a, [data-bs-theme=dark] .astroid-mobilemenu .astroid-mobilemenu-container .astroid-mobilemenu-inner .menu-item.nav-item-active > a + .menu-indicator{color:rgb(67, 146, 176) !important;}[data-bs-theme=dark] .astroid-mobilemenu .astroid-mobilemenu-container .astroid-mobilemenu-inner .menu-item.active, [data-bs-theme=dark] .astroid-mobilemenu .astroid-mobilemenu-container .astroid-mobilemenu-inner .menu-item.nav-item-active{background-color:rgb(255, 255, 255) !important;}[data-bs-theme=dark] .astroid-mobilemenu .menu-indicator{color:rgb(0, 0, 0) !important;}.header-mobilemenu-trigger.burger-menu-button .inner, .header-mobilemenu-trigger.burger-menu-button .inner::before, .header-mobilemenu-trigger.burger-menu-button .inner::after{background-color:rgb(0, 0, 0);}[data-bs-theme=dark] .header-mobilemenu-trigger.burger-menu-button .inner, [data-bs-theme=dark] .header-mobilemenu-trigger.burger-menu-button .inner::before, [data-bs-theme=dark] .header-mobilemenu-trigger.burger-menu-button .inner::after{background-color:rgb(0, 0, 0);}.astroid-mobilemenu-open .burger-menu-button .inner, .astroid-mobilemenu-open .burger-menu-button .inner::before, .astroid-mobilemenu-open .burger-menu-button .inner::after{background-color:rgb(0, 0, 0);}[data-bs-theme=dark] .astroid-mobilemenu-open .burger-menu-button .inner, [data-bs-theme=dark] .astroid-mobilemenu-open .burger-menu-button .inner::before, [data-bs-theme=dark] .astroid-mobilemenu-open .burger-menu-button .inner::after{background-color:rgb(0, 0, 0);}.astroid-contact-info i[class*="fa-"]{color:rgb(255, 255, 255);}[data-bs-theme=dark] .astroid-contact-info i[class*="fa-"]{color:rgb(255, 255, 255);}.items-leading .article-title .page-header h2{font-size:32px;}.items-row .article-title .page-header h2{font-size:26px;}@media (max-width: 991.98px) {#ta-jm805nddt{margin:0px 0px 0px 0px}#ca-1529739248826{padding:20px 20px 20px 20px}#ar-1528971561366{padding:0px 0px 0px 0px}#ba1-97cfe8mov{padding:10px 10px 10px 10px}body, .body{font-size:14px;line-height:1.7em;}h1, .h1{font-size:38px;line-height:1.3em;}h2, .h2{font-size:30px;line-height:1.3em;}h3, .h3{font-size:24px;line-height:1.6em;}h4, .h4{font-size:20px;line-height:1.2em;}.astroid-nav > li > .as-menu-item, .astroid-sidebar-menu > li > .as-menu-item, .astroid-mobile-menu > .nav-item > .as-menu-item{font-size:14px;line-height:1.6em;}.nav-submenu-container .nav-submenu > li, .jddrop-content .megamenu-item .megamenu-menu li, .nav-submenu, .astroid-mobile-menu .nav-child .menu-go-back, .astroid-mobile-menu .nav-child .nav-item-submenu > .as-menu-item{font-size:15px;line-height:1.8em;}small{font-size:0.7em;letter-spacing:1em;line-height:1em;}}@media (max-width: 767.98px) {#ta-jm805nddt{margin:0px 0px 0px 0px}#ca-1529739248826{padding:20px 20px 20px 20px}#ar-1528971561366{padding:0px 0px 0px 0px}#ba1-97cfe8mov{padding:10px 10px 10px 10px}body, .body{font-size:14px;line-height:1.7em;}h1, .h1{font-size:36px;line-height:1.6em;}h2, .h2{font-size:30px;line-height:1.3em;}h3, .h3{font-size:20px;line-height:1.2em;}h4, .h4{font-size:18px;line-height:1.2em;}.astroid-nav > li > .as-menu-item, .astroid-sidebar-menu > li > .as-menu-item, .astroid-mobile-menu > .nav-item > .as-menu-item{font-size:14px;line-height:1.6em;}.nav-submenu-container .nav-submenu > li, .jddrop-content .megamenu-item .megamenu-menu li, .nav-submenu, .astroid-mobile-menu .nav-child .menu-go-back, .astroid-mobile-menu .nav-child .nav-item-submenu > .as-menu-item{font-size:15px;line-height:1.8em;}small{font-size:0.7em;letter-spacing:1em;line-height:1em;}}</style> <!-- head styles -->
    <!-- head scripts -->
<style type="text/css" id="id-skip-to-js-4">.skip-to.popup{position:absolute;top:-30em;left:0}.skip-to,.skip-to.popup.focus{position:absolute;top:0;left:46%;font-family:inherit;font-size:inherit}.skip-to.fixed{position:fixed}.skip-to button{position:relative;margin:0;padding:6px 8px 6px 8px;border-width:0 1px 1px 1px;border-style:solid;border-radius:0 0 6px 6px;border-color:#eeeeee;color:#1a1a1a;background-color:#eeeeee;z-index:200;font-family:inherit;font-size:inherit}.skip-to .skip-to-tooltip{position:absolute;top:2.25em;left:8em;margin:1px;padding:4px;border:1px solid #ccc;box-shadow:2px 3px 5px #ddd;background-color:#eee;color:#000;font-family:Helvetica,Arial,Sans-Serif;font-variant-numeric:slashed-zero;font-size:9pt;width:auto;display:none;white-space:nowrap;z-index:201}.skip-to .skip-to-tooltip.skip-to-show-tooltip{display:block}.skip-to [aria-expanded=true]+.skip-to-tooltip.skip-to-show-tooltip{display:none}.skip-to [role=menu]{position:absolute;min-width:17em;display:none;margin:0;padding:.25rem;background-color:#dcdcdc;border-width:2px;border-style:solid;border-color:#1a1a1a;border-radius:5px;z-index:1000}.skip-to [role=group]{display:grid;grid-auto-rows:min-content;grid-row-gap:1px}.skip-to [role=separator]:first-child{border-radius:5px 5px 0 0}.skip-to [role=menuitem]{padding:3px;width:auto;border-width:0;border-style:solid;color:#1a1a1a;background-color:#dcdcdc;z-index:1000;display:grid;overflow-y:auto;grid-template-columns:repeat(6,1.2rem) 1fr;grid-column-gap:2px;font-size:1em}.skip-to [role=menuitem] .label,.skip-to [role=menuitem] .level{font-size:100%;font-weight:400;color:#1a1a1a;display:inline-block;background-color:#dcdcdc;line-height:inherit;display:inline-block}.skip-to [role=menuitem] .level{text-align:right;padding-right:4px}.skip-to [role=menuitem] .label{text-align:left;margin:0;padding:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}[dir=rtl] .skip-to [role=menuitem] .label{text-align:right}.skip-to [role=menuitem] .label:first-letter,.skip-to [role=menuitem] .level:first-letter{text-decoration:underline;text-transform:uppercase}.skip-to [role=menuitem].skip-to-h1 .level{grid-column:1}.skip-to [role=menuitem].skip-to-h2 .level{grid-column:2}.skip-to [role=menuitem].skip-to-h3 .level{grid-column:3}.skip-to [role=menuitem].skip-to-h4 .level{grid-column:4}.skip-to [role=menuitem].skip-to-h5 .level{grid-column:5}.skip-to [role=menuitem].skip-to-h6 .level{grid-column:8}.skip-to [role=menuitem].skip-to-h1 .label{grid-column:2/8}.skip-to [role=menuitem].skip-to-h2 .label{grid-column:3/8}.skip-to [role=menuitem].skip-to-h3 .label{grid-column:4/8}.skip-to [role=menuitem].skip-to-h4 .label{grid-column:5/8}.skip-to [role=menuitem].skip-to-h5 .label{grid-column:6/8}.skip-to [role=menuitem].skip-to-h6 .label{grid-column:7/8}.skip-to [role=menuitem].skip-to-h1.no-level .label{grid-column:1/8}.skip-to [role=menuitem].skip-to-h2.no-level .label{grid-column:2/8}.skip-to [role=menuitem].skip-to-h3.no-level .label{grid-column:3/8}.skip-to [role=menuitem].skip-to-h4.no-level .label{grid-column:4/8}.skip-to [role=menuitem].skip-to-h5.no-level .label{grid-column:5/8}.skip-to [role=menuitem].skip-to-h6.no-level .label{grid-column:6/8}.skip-to [role=menuitem].skip-to-nesting-level-1 .nesting{grid-column:1}.skip-to [role=menuitem].skip-to-nesting-level-2 .nesting{grid-column:2}.skip-to [role=menuitem].skip-to-nesting-level-3 .nesting{grid-column:3}.skip-to [role=menuitem].skip-to-nesting-level-0 .label{grid-column:1/8}.skip-to [role=menuitem].skip-to-nesting-level-1 .label{grid-column:2/8}.skip-to [role=menuitem].skip-to-nesting-level-2 .label{grid-column:3/8}.skip-to [role=menuitem].skip-to-nesting-level-3 .label{grid-column:4/8}.skip-to [role=menuitem].action .label,.skip-to [role=menuitem].no-items .label{grid-column:1/8}.skip-to [role=separator]{margin:1px 0 1px 0;padding:3px;display:block;width:auto;font-weight:700;border-bottom-width:1px;border-bottom-style:solid;border-bottom-color:#1a1a1a;background-color:#dcdcdc;color:#1a1a1a;z-index:1000}.skip-to [role=separator] .mofn{font-weight:400;font-size:85%}.skip-to [role=separator]:first-child{border-radius:5px 5px 0 0}.skip-to [role=menuitem].last{border-radius:0 0 5px 5px}.skip-to.focus{display:block}.skip-to button:focus,.skip-to button:hover{background-color:#dcdcdc;color:#1a1a1a;outline:0}.skip-to button:focus{padding:6px 7px 5px 7px;border-width:0 2px 2px 2px;border-color:#1a1a1a}.skip-to [role=menuitem]:focus{padding:1px;border-width:2px;border-style:solid;border-color:#1a1a1a;background-color:#1a1a1a;color:#eeeeee;outline:0}.skip-to [role=menuitem]:focus .label,.skip-to [role=menuitem]:focus .level{background-color:#1a1a1a;color:#eeeeee}</style><link type="text/css" rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons" class="_access-font-icon-0"></head> <!-- document head -->

<body class="site astroid-framework com-content view-featured layout-default itemid-101 home-alias tp-style-12 de-DE ltr offcanvasDirRight astroid-device-xl" style="font-size: 0.9375em;">
   <div id="astroid-preloader" class="align-items-center justify-content-center position-fixed top-0 start-0 bottom-0 end-0 d-none">
   <div class="sk-cube-grid"> <div class="sk-cube sk-cube1"></div><div class="sk-cube sk-cube2"></div><div class="sk-cube sk-cube3"></div><div class="sk-cube sk-cube4"></div><div class="sk-cube sk-cube5"></div><div class="sk-cube sk-cube6"></div><div class="sk-cube sk-cube7"></div><div class="sk-cube sk-cube8"></div><div class="sk-cube sk-cube9"></div></div></div><!-- astroid container -->
<div class="astroid-container">
    <div class="astroid-offcanvas d-init st-effect-2" id="astroid-offcanvas">
   <div class="burger-menu-button active">
    <button aria-label="Off-Canvas Toggle" type="button" class="button close-offcanvas offcanvas-close-btn">
        <span class="box">
            <span class="inner"><span class="visually-hidden">Off-Canvas Toggle</span></span>
        </span>
    </button>
</div>   <div class="astroid-offcanvas-inner">
      <div class="offcanvas-position moduletable ">
        <div class="astroid-mobilemenu-container"><div class="astroid-mobilemenu-inner"><ul class="nav menu menu-module list-inline d-block">
<li class="item-106 menu-item"><a href="/index.php/impressum" title="Impressum"> <span class="nav-title">Impressum</span></a></li><li class="item-107 menu-item"><a href="/index.php/haftungsausschluss" title="Haftungsausschluss"> <span class="nav-title">Haftungsausschluss</span></a></li></ul></div></div></div>   </div>
</div><div class="astroid-mobilemenu d-init dir-left mobilemenu-slide" data-class-prefix="astroid-mobilemenu" id="astroid-mobilemenu">
   <div class="burger-menu-button active">
      <button aria-label="Mobile Menu Toggle" type="button" class="button close-offcanvas offcanvas-close-btn">
         <span class="box">
            <span class="inner"><span class="visually-hidden">Mobile Menu Toggle</span></span>
         </span>
      </button>
   </div>
   <div class="astroid-mobilemenu-container"><div class="astroid-mobilemenu-inner"><ul class="astroid-mobile-menu"><li class="nav-item nav-item-id-101 nav-item-level-1 nav-item-default nav-item-current nav-item-active menu-item"><!--menu link starts-->
<a href="/index.php" title="Home" class="as-menu-item nav-link-item-id-101 nav-link active item-link-component item-level-1" data-drop-action="hover">
   <span class="nav-title">
                                          Home                              </span>
   </a>
<!--menu link ends--></li><li class="nav-item nav-item-id-102 nav-item-level-1 menu-item"><!--menu link starts-->
<a href="/index.php/angebote" title="Angebote" class="as-menu-item nav-link-item-id-102 nav-link item-link-component item-level-1" data-drop-action="hover">
   <span class="nav-title">
                                          Angebote                              </span>
   </a>
<!--menu link ends--></li><li class="nav-item nav-item-id-103 nav-item-level-1 menu-item"><!--menu link starts-->
<a href="/index.php/termine" title="Termine" class="as-menu-item nav-link-item-id-103 nav-link item-link-component item-level-1" data-drop-action="hover">
   <span class="nav-title">
                                          Termine                              </span>
   </a>
<!--menu link ends--></li><li class="nav-item nav-item-id-104 nav-item-level-1 menu-item"><!--menu link starts-->
<a href="/index.php/das-projekt" title="Das Projekt" class="as-menu-item nav-link-item-id-104 nav-link item-link-component item-level-1" data-drop-action="hover">
   <span class="nav-title">
                                          Das Projekt                              </span>
   </a>
<!--menu link ends--></li><li class="nav-item nav-item-id-105 nav-item-level-1 menu-item"><!--menu link starts-->
<a href="/index.php/kontakt" title="Kontakt" class="as-menu-item nav-link-item-id-105 nav-link item-link-component item-level-1" data-drop-action="hover">
   <span class="nav-title">
                                          Kontakt                              </span>
   </a>
<!--menu link ends--></li></ul></div></div></div>    <!-- astroid content -->
    <div class="astroid-content">
                <!-- astroid layout -->
        <div class="astroid-layout astroid-layout-wide">
                        <!-- astroid wrapper -->
            <div class="astroid-wrapper">
                                <section class="astroid-section astroid-header-section" id="hm-fs8bhwlsh"><div class="container"><div class="astroid-row row" id="ar-aj20a49jd"><div class="astroid-column col-lg-12 col-md-12 col-sm-12 col-12" id="ac-cxm6jskss"><div class="astroid-module-position" id="h-199izrpg7"><!-- header starts -->
<header data-megamenu="" data-megamenu-class=".has-megamenu" data-megamenu-content-class=".megamenu-container" data-dropdown-arrow="true" data-header-offset="true" data-transition-speed="300" data-megamenu-animation="fade" data-easing="linear" data-astroid-trigger="hover" data-megamenu-submenu-class=".nav-submenu,.nav-submenu-static" id="astroid-header" class="astroid-header astroid-horizontal-header astroid-horizontal-center-header">
   <div class="skip-to popup"><button aria-haspopup="true" aria-expanded="false" aria-controls="id-skip-to-menu-4" accesskey="9">Tastaturnavigation</button><div role="tooltip" id="id-skip-to-tooltip" class="skip-to-tooltip" style="left: 157.25px; top: 38.5px;">Tastaturnavigation – Zugriffstaste ist Alt + 9</div><div role="menu" aria-busy="true" id="id-skip-to-menu-4"></div></div><div class="d-flex flex-row justify-content-between">
               <div class="d-flex d-lg-none justify-content-start">
            <div class="header-mobilemenu-trigger d-lg-none burger-menu-button align-self-center" data-offcanvas="#astroid-mobilemenu" data-effect="mobilemenu-slide">
               <button aria-label="Mobile Menu Toggle" class="button" type="button"><span class="box"><span class="inner"><span class="visually-hidden">Mobile Menu Toggle</span></span></span></button>
            </div>
         </div>
            <div class="header-left-section d-flex justify-content-start">
                                            </div>
            <div class="header-center-section d-none d-lg-flex justify-content-center flex-lg-grow-1"><div class=" align-self-center px-2 d-none d-lg-block"><ul class="nav astroid-nav d-none d-lg-flex"><li data-position="right" class="nav-item nav-item-id-101 nav-item-level-1 nav-item-default nav-item-current nav-item-active"><!--menu link starts-->
<a href="/index.php" title="Home" class="as-menu-item nav-link-item-id-101 nav-link active item-link-component item-level-1" data-drop-action="hover">
   <span class="nav-title">
                                          Home                              </span>
   </a>
<!--menu link ends--></li><li data-position="right" class="nav-item nav-item-id-102 nav-item-level-1"><!--menu link starts-->
<a href="/index.php/angebote" title="Angebote" class="as-menu-item nav-link-item-id-102 nav-link item-link-component item-level-1" data-drop-action="hover">
   <span class="nav-title">
                                          Angebote                              </span>
   </a>
<!--menu link ends--></li><li data-position="right" class="nav-item nav-item-id-103 nav-item-level-1"><!--menu link starts-->
<a href="/index.php/termine" title="Termine" class="as-menu-item nav-link-item-id-103 nav-link item-link-component item-level-1" data-drop-action="hover">
   <span class="nav-title">
                                          Termine                              </span>
   </a>
<!--menu link ends--></li><li data-position="right" class="nav-item nav-item-id-104 nav-item-level-1"><!--menu link starts-->
<a href="/index.php/das-projekt" title="Das Projekt" class="as-menu-item nav-link-item-id-104 nav-link item-link-component item-level-1" data-drop-action="hover">
   <span class="nav-title">
                                          Das Projekt                              </span>
   </a>
<!--menu link ends--></li><li data-position="right" class="nav-item nav-item-id-105 nav-item-level-1"><!--menu link starts-->
<a href="/index.php/kontakt" title="Kontakt" class="as-menu-item nav-link-item-id-105 nav-link item-link-component item-level-1" data-drop-action="hover">
   <span class="nav-title">
                                          Kontakt                              </span>
   </a>
<!--menu link ends--></li></ul></div></div>               <div class="header-right-section d-flex justify-content-end">
                                                      <div class="d-flex ms-4 offcanvas-button offcanvasRight">                 <div class="header-offcanvas-trigger burger-menu-button align-self-center d-none d-xl-block" data-offcanvas="#astroid-offcanvas" data-effect="st-effect-2" data-direction="offcanvasDirRight">
    <button type="button" aria-label="Off-Canvas Toggle" class="button">
        <span class="box">
            <span class="inner"><span class="visually-hidden">Off-Canvas Toggle</span></span>
        </span>
    </button>
</div>                 </div>                      </div>
         </div>
</header>
<!-- header ends --></div></div></div></div></section><section class="astroid-section" id="ta-jm805nddt"><div class="container-fluid"><div class="astroid-row row" id="ar-4fpmjsnot"><div class="astroid-column col-lg-6 col-md-12 col-sm-12 col-12" id="ac-bvbya1mnv"><div class="astroid-module-position" id="ta1-md2wjhb80"><div class="top-a-1-position moduletable ">
            <h3 class="module-title">Impressionen</h3>        <style type="text/css">

.uk-slidenav {
    color: rgba(255,255,255,.9);
    background: rgba(0,0,0,.3);
	transition:background .1s ease-in-out
	
}
.uk-slidenav:focus, .uk-slidenav:hover {
    color: rgba(255,255,255,1);
    background: rgba(0,0,0,.5);
}
@media only screen and (max-width: 768px) {
  .jp-slide {max-width:90%!important;}
}

</style>
<div class="uk-position-relative uk-visible-toggle uk-dark uk-slideshow" data-uk-slideshow="ratio:16:9;animation:slide;autoplay:true;autoplay-interval:3000;finite:false;pause-on-hover:true" role="region" aria-roledescription="carousel">
    <ul class="uk-slideshow-items" aria-live="off" role="presentation" id="uk-slideshow-0-items" style="min-height: 488.25px;">
                <li role="tabpanel" aria-label="1 of 9" tabindex="-1" class="" id="uk-slideshow-0-item-0" style="">
		                        <img src="/images/Slider_Fotos/mid4.jpg#joomlaImage://local-images/Slider_Fotos/mid4.jpg?width=1668&amp;height=1129" alt="" uk-cover="" style="height: 588px; width: 868px;">
            			
		
		        </li>
                <li role="tabpanel" aria-label="2 of 9" tabindex="-1" id="uk-slideshow-0-item-1" class="" style="">
		                        <img src="/images/Slider_Fotos/slider_foto_05.jpg#joomlaImage://local-images/Slider_Fotos/slider_foto_05.jpg?width=672&amp;height=480" alt="" uk-cover="" style="height: 620px; width: 868px;">
            			
		
		        </li>
                <li role="tabpanel" aria-label="3 of 9" tabindex="-1" id="uk-slideshow-0-item-2" class="" style="">
		                        <img src="/images/Slider_Fotos/slider_foto_01.jpg#joomlaImage://local-images/Slider_Fotos/slider_foto_01.jpg?width=750&amp;height=442" alt="" uk-cover="" style="height: 512px; width: 868px;">
            			
		
		        </li>
                <li role="tabpanel" aria-label="4 of 9" tabindex="-1" id="uk-slideshow-0-item-3" class="" style="">
		                        <img src="/images/Slider_Fotos/mid3.jpg#joomlaImage://local-images/Slider_Fotos/mid3.jpg?width=806&amp;height=605" alt="" uk-cover="" style="height: 652px; width: 868px;">
            			
		
		        </li>
                <li role="tabpanel" aria-label="5 of 9" tabindex="-1" id="uk-slideshow-0-item-4" class="uk-active uk-transition-active uk-transition" style="transform: translate3d(-100%, 0px, 0px); transition-property: transform; transition-duration: 734ms; transition-timing-function: ease;">
		                        <img src="/images/Slider_Fotos/slider_foto_04.jpg#joomlaImage://local-images/Slider_Fotos/slider_foto_04.jpg?width=750&amp;height=520" alt="" uk-cover="" style="height: 602px; width: 868px;">
            			
		
		        </li>
                <li role="tabpanel" aria-label="6 of 9" tabindex="-1" id="uk-slideshow-0-item-5" class="uk-active uk-transition" style="transform: translate3d(0px, 0px, 0px); transition-property: transform; transition-duration: 734ms; transition-timing-function: ease;">
		                        <img src="/images/Slider_Fotos/mid1.jpeg#joomlaImage://local-images/Slider_Fotos/mid1.jpeg?width=1080&amp;height=1080" alt="" uk-cover="" style="height: 868px; width: 868px;">
            			
		
		        </li>
                <li role="tabpanel" aria-label="7 of 9" tabindex="-1" id="uk-slideshow-0-item-6">
		                        <img src="/images/Slider_Fotos/slider_foto_07.jpg#joomlaImage://local-images/Slider_Fotos/slider_foto_07.jpg?width=4032&amp;height=3024" alt="" uk-cover="">
            			
		
		        </li>
                <li role="tabpanel" aria-label="8 of 9" tabindex="-1" id="uk-slideshow-0-item-7">
		                        <img src="/images/Slider_Fotos/slider_foto_08.jpg#joomlaImage://local-images/Slider_Fotos/slider_foto_08.jpg?width=4032&amp;height=3024" alt="" uk-cover="">
            			
		
		        </li>
                <li role="tabpanel" aria-label="9 of 9" tabindex="-1" id="uk-slideshow-0-item-8">
		                        <img src="/images/Slider_Fotos/mid2.jpg#joomlaImage://local-images/Slider_Fotos/mid2.jpg?width=605&amp;height=806" alt="" uk-cover="">
            			
		
		        </li>
            </ul>

    	
    <a class="uk-position-center-left uk-position-small uk-hidden-hover uk-icon uk-slidenav-previous uk-slidenav" href="#" data-uk-slidenav-previous="" data-uk-slideshow-item="previous" role="button" aria-controls="uk-slideshow-0-items" aria-label="Previous slide"><svg width="14" height="24" viewBox="0 0 14 24"><polyline fill="none" stroke="#000" stroke-width="1.4" points="12.775,1 1.225,12 12.775,23"></polyline></svg></a>
    <a class="uk-position-center-right uk-position-small uk-hidden-hover uk-icon uk-slidenav-next uk-slidenav" href="#" data-uk-slidenav-next="" data-uk-slideshow-item="next" role="button" aria-controls="uk-slideshow-0-items" aria-label="Next slide"><svg width="14" height="24" viewBox="0 0 14 24"><polyline fill="none" stroke="#000" stroke-width="1.4" points="1.225,23 12.775,12 1.225,1"></polyline></svg></a>
    
    	<div class="uk-position-bottom-center uk-position-small">
	<ul class="uk-slideshow-nav uk-dotnav uk-flex-center uk-margin" role="tablist"><li uk-slideshow-item="0" role="presentation" class=""><a href="" role="tab" aria-controls="uk-slideshow-0-item-0" aria-label="Slide 1" aria-selected="false" tabindex="-1"></a></li><li uk-slideshow-item="1" role="presentation" class=""><a href="" role="tab" aria-controls="uk-slideshow-0-item-1" aria-label="Slide 2" aria-selected="false" tabindex="-1"></a></li><li uk-slideshow-item="2" role="presentation" class=""><a href="" role="tab" aria-controls="uk-slideshow-0-item-2" aria-label="Slide 3" aria-selected="false" tabindex="-1"></a></li><li uk-slideshow-item="3" role="presentation" class=""><a href="" role="tab" aria-controls="uk-slideshow-0-item-3" aria-label="Slide 4" aria-selected="false" tabindex="-1"></a></li><li uk-slideshow-item="4" role="presentation" class=""><a href="" role="tab" aria-controls="uk-slideshow-0-item-4" aria-label="Slide 5" aria-selected="false" tabindex="-1"></a></li><li uk-slideshow-item="5" role="presentation" class="uk-active"><a href="" role="tab" aria-controls="uk-slideshow-0-item-5" aria-label="Slide 6" aria-selected="true"></a></li><li uk-slideshow-item="6" role="presentation"><a href="" role="tab" aria-controls="uk-slideshow-0-item-6" aria-label="Slide 7" aria-selected="false" tabindex="-1"></a></li><li uk-slideshow-item="7" role="presentation"><a href="" role="tab" aria-controls="uk-slideshow-0-item-7" aria-label="Slide 8" aria-selected="false" tabindex="-1"></a></li><li uk-slideshow-item="8" role="presentation"><a href="" role="tab" aria-controls="uk-slideshow-0-item-8" aria-label="Slide 9" aria-selected="false" tabindex="-1"></a></li></ul>
	</div>
    
</div>
</div></div></div><div class="astroid-column col-lg-6 col-md-12 col-sm-12 col-12" id="ac-bwltlda4v"><div class="astroid-module-position" id="ta2-anlx9p1k4"><div class="top-a-2-position moduletable ">
            <h3 class="module-title">Aktuelle Angebote</h3>        
<div id="mod-custom121" class="mod-custom custom">
    <p><span style="font-size: 18.6667px;">Es ist da! Das<strong> <span style="text-decoration: underline; color: #3598db;"><a style="color: #3598db; text-decoration: underline;" href="/images/MiD_Sommerferienprogramm2024.pdf">Sommerferienprogramm 2024</a></span></strong> mit vielen tollen Veranstaltungsangeboten! </span></p>
<p><span style="font-size: 18.6667px;">Mit Sicherheit ist auch etwas für Ihre Einrichtung dabei.</span></p>
<p><span style="font-size: 14pt;">Individuelle Veranstaltungen können jederzeit geplant werden.<span style="color: #ff6600;"> </span></span></p>
<p><span style="font-size: 14pt;"><span style="color: #ff6600;">Kontaktieren Sie uns bei Interesse!</span></span></p></div>
</div><div class="top-a-2-position moduletable ">
            <h3 class="module-title white-shadow">Nächste Veranstaltungen</h3>        <table class="mod_events_latest_table jevbootstrap" width="100%" border="0" cellspacing="0" cellpadding="0" align="center"><tbody><tr><td class="mod_events_latest_first" style="border-color:#e8e831"><span class="mod_events_latest_date">Mi, 10.07.24, 00:00Uhr</span><br>
<span class="mod_events_latest_content"><a href="/index.php/component/jevents/eventdetail/59/9|10|11|12|13|14/hoerspielworkshop-die-maulwurfstadt?Itemid=101" target="_top">Hörspielworkshop: Die Maulwurfstadt</a></span></td></tr>
<tr><td class="mod_events_latest" style="border-color:#e8e831"><span class="mod_events_latest_date">Mi, 10.07.24, 00:00Uhr</span><br>
<span class="mod_events_latest_content"><a href="/index.php/component/jevents/eventdetail/59/9|10|11|12|13|14/hoerspielworkshop-die-maulwurfstadt?Itemid=101" target="_top">Hörspielworkshop: Die Maulwurfstadt</a></span></td></tr>
<tr><td class="mod_events_latest" style="border-color:#0075bb"><span class="mod_events_latest_date">Mi, 24.07.24, 00:00Uhr</span><br>
<span class="mod_events_latest_content"><a href="/index.php/component/jevents/eventdetail/62/9|10|11|12|13|14/film-yuku-und-die-blume-des-himalaya?Itemid=101" target="_top">Film: Yuku und die Blume des Himalaya</a></span></td></tr>
<tr><td class="mod_events_latest" style="border-color:#0075bb"><span class="mod_events_latest_date">Mi, 24.07.24, 00:00Uhr</span><br>
<span class="mod_events_latest_content"><a href="/index.php/component/jevents/eventdetail/61/9|10|11|12|13|14/maerchen-in-dgs?Itemid=101" target="_top">Märchen in DGS</a></span></td></tr>
<tr><td class="mod_events_latest" style="border-color:#e8e831"><span class="mod_events_latest_date">Mi, 31.07.24, 00:00Uhr</span><br>
<span class="mod_events_latest_content"><a href="/index.php/component/jevents/eventdetail/63/9|10|11|12|13|14/hoerspielworkshop-die-maulwurfstadt?Itemid=101" target="_top">Hörspielworkshop: Die Maulwurfstadt</a></span></td></tr>
<tr><td class="mod_events_latest" style="border-color:#e8e831"><span class="mod_events_latest_date">Mi, 31.07.24, 00:00Uhr</span><br>
<span class="mod_events_latest_content"><a href="/index.php/component/jevents/eventdetail/63/9|10|11|12|13|14/hoerspielworkshop-die-maulwurfstadt?Itemid=101" target="_top">Hörspielworkshop: Die Maulwurfstadt</a></span></td></tr>
<tr><td class="mod_events_latest" style="border-color:#ccc"><span class="mod_events_latest_date">Mi, 02.10.24, 09:00Uhr</span><br>
<span class="mod_events_latest_content"><a href="/index.php/component/jevents/eventdetail/39/9|10|11|12|13|14/fortbildung-bne-in-der-grundschule?Itemid=101" target="_top">Fortbildung: BNE in der Grundschule</a></span></td></tr>
</tbody></table>
</div></div></div></div></div></section><section class="astroid-section astroid-component-section" id="inhalt"><div class="container-fluid"><div class="astroid-row row no-gutters gx-0" id="ar-1528971561366"><div class="astroid-column col-lg-4 col-md-12 col-sm-12 col-12 col-lg-8" id="ac-1528971561366"><div class="astroid-message" id="m-1528971711775"><div id="system-message-container" aria-live="polite"></div>
</div><div class="astroid-component" id="ca-1529739248826"><main class="astroid-component-area">
   
<div class="blog-featured" itemscope="" itemtype="https://schema.org/Blog">
    
        <div class="items-leading clearfix">
              <div class="article-wraper">
          <div class="article-wraper-inner">
            <article class="item leading-0 item-featured" itemprop="blogPost" itemscope="" itemtype="https://schema.org/BlogPosting">
                  <div class="system-unpublished">
    <div class="card-body">

                
        
        
        <div class="article-title item-title">
                    </div>

        <div class="article-intro-text">
            <h1><span style="font-color: #0075bb;">Medien im Dialog - Die Welt mit anderen Augen sehen</span></h1>
<p>&nbsp;</p>
<p><span style="font-size: 12pt;"><strong>Herzlich willkommen auf der Webseite unseres Projekts!</strong></span></p>
<p><span style="font-size: 12pt;">Mit dem Projekt <span style="font-size: 12pt;">„<strong>Medien im Dialog – Die Welt mit anderen Augen sehen</strong>“</span> leistet der LFD - Fachstelle für Medien und bildung einen Beitrag zur Erreichung der <strong>Sustainable Development Goals (SDGs) der Agenda 2030</strong>.</span></p>
<p><span style="font-size: 12pt;">Es richtet sich an Schüler:innen aller Altersgruppen und Schularten, Kinder und Jugendliche im Rahmen der außerschulischen Bildung, Multiplikator:innen, entwicklungsbezogen arbeitende Vereine und Initiativen sowie die breite Öffentlichkeit in Sachsen mit Schwerpunkt auf dem ländlichen Raum. </span></p>
<p>&nbsp;</p>        </div>

        


                            
        
            </div>

    </div>

            </article>
          </div>
        </div>
                  </div><!-- end items-leading -->
  
  
  



  
  </div>
</main></div></div><div class="astroid-column col-lg-4 col-md-12 col-sm-12 col-12" id="ac-5hhc89qmq"><div class="astroid-module-position" id="tr-d16orinwr"><div class="toolbar-right-position moduletable ">
        
<div id="mod-custom131" class="mod-custom custom">
    <p><img src="/images/Logos/Logo_MiD_2020_1.png" alt="Logo MiD 2020 1" width="400" height="322"></p>
<p><img src="/images/Logos/Logo_MiD_2020.png" alt="Logo MiD 2020" width="400" height="160"></p></div>
</div></div></div></div></div></section><section class="astroid-section" id="tc1-df5sbnjae"><div class="container-fluid"><div class="astroid-row row no-gutters gx-0" id="ar-svsk1m5wt"><div class="astroid-column col-lg-4 col-md-12 col-sm-12 col-12 col-lg-12" id="ac-t3k41y93i"><div class="astroid-module-position" id="ba1-97cfe8mov"><div class="bottom-a-1-position moduletable ">
            <h3 class="module-title">Online Veranstaltungen</h3>        
<div id="mod-custom132" class="mod-custom custom">
    <p><span style="font-size: 12pt;">Gerne wandeln wir alle Vorhaben nach Ihren Wünschen in ein digitales Format um, sodass Workshops, Elternabende, Fortbildungen und Informationsveranstaltungen in virtuellen Räumen (z.B. als Online-Seminar oder im eLearning-Format) stattfinden können.</span></p></div>
</div></div></div></div></div></section><section class="astroid-section astroid-footer-section" id="f-oel6e1bpp"><div class="container-fluid"><div class="astroid-row row" id="ar-pn9wa1b0i"><div class="astroid-column col-lg-10 col-md-12 col-sm-12 col-12" id="ac-y0qc1ag4p"><div class="astroid-module-position" id="f1c-qe89el34j"><div class="footer-1-position moduletable ">
        
<div id="mod-custom112" class="mod-custom custom">
    <p>Gefördert durch: <img style="margin: 1px 5px 1px 5px;" src="/images/Logos/Logo_BMZ_500px.png" alt="Logo BMZ" width="231" height="132"><img style="margin: 1px 5px 1px 5px;" src="/images/Foerderlogo_300dpi.jpg" alt="Logo Brot für die Welt" width="297" height="130"><img style="margin: 1px 5px 1px 5px;" src="/images/Logos/Logo_Stadt_Leipzig.png" alt="Logo Stadt Leipzig" width="230" height="130"></p></div>
</div></div></div><div class="astroid-column col-lg-2 col-md-12 col-sm-12 col-12" id="ac-0qn99a2rp"><div class="astroid-module-position" id="f2-dvt83re1h"><div id="astroid-footer" class="astroid-footer"><div class="text-lg-center">© LFD - Fachstelle für Medien und Bildung 2024 </div></div></div></div></div></div></section>                            </div>
            <!-- end of astroid wrapper -->
                    </div>
        <!-- end of astroid layout -->
            </div>
    <!-- end of astroid content -->
    </div>
<!-- end of astroid container -->
   <!-- body and layout -->
    <!-- body scripts -->
 

 <div class="astroid-breakpoints d-none"><div class="d-block d-sm-none device-xs"></div><div class="d-none d-sm-block d-md-none device-sm"></div><div class="d-none d-md-block d-lg-none device-md"></div><div class="d-none d-lg-block d-xl-none device-lg"></div><div class="d-none d-xl-block device-xl"></div></div><style class="_access-main-css">
        ._access-scrollbar::-webkit-scrollbar-track, .mat-autocomplete-panel::-webkit-scrollbar-track, .mat-tab-body-content::-webkit-scrollbar-track, .mat-select-panel:not([class*='mat-elevation-z'])::-webkit-scrollbar-track, .mat-menu-panel::-webkit-scrollbar-track {
            -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
            background-color: #F5F5F5;
        }
        
        ._access-scrollbar::-webkit-scrollbar, .mat-autocomplete-panel::-webkit-scrollbar, .mat-tab-body-content::-webkit-scrollbar, .mat-select-panel:not([class*='mat-elevation-z'])::-webkit-scrollbar, .mat-menu-panel::-webkit-scrollbar {
            width: 6px;
            background-color: #F5F5F5;
        }
        
        ._access-scrollbar::-webkit-scrollbar-thumb, .mat-autocomplete-panel::-webkit-scrollbar-thumb, .mat-tab-body-content::-webkit-scrollbar-thumb, .mat-select-panel:not([class*='mat-elevation-z'])::-webkit-scrollbar-thumb, .mat-menu-panel::-webkit-scrollbar-thumb {
            background-color: #999999;
        }
        ._access-icon {
            position: fixed;
            background-repeat: no-repeat;
            background-size: contain;
            cursor: pointer;
            opacity: 0;
            transition-duration: .5s;
            -moz-user-select: none;
            -webkit-user-select: none;
            -ms-user-select: none;
            user-select: none;
            box-shadow: 1px 1px 5px rgba(0,0,0,.5);
            transform: scale(1);
        }
        ._access-icon:hover {
            
            box-shadow: 1px 1px 10px rgba(0,0,0,.9);
            transform: scale(1.1);
            
        }
        .circular._access-icon {
            border-radius: 50%;
            border: .5px solid white;
        }
        
        .access_read_guide_bar{
            box-sizing: border-box;
            background: #000000;
            width: 100%!important;
            min-width: 100%!important;
            position: fixed!important;
            height: 12px !important;
            border: solid 3px #20ff69;
            border-radius: 5px;
            top: 15px;
            z-index: 2147483647;
        }
        .access-high-contrast *{
            background-color: #000 !important;
            background-image: none !important;
            border-color: #fff !important;
            -webkit-box-shadow: none !important;
            box-shadow: none !important;
            color: #fff !important;
            text-indent: 0 !important;
            text-shadow: none !important;
        }
        ._access-menu {
            -moz-user-select: none;
            -webkit-user-select: none;
            -ms-user-select: none;
            user-select: none;
            position: fixed;
            width: 25vw;
            height: auto;
            transition-duration: .5s;
            z-index: 99991;
            opacity: 1;
            background-color: #fff;
            color: #000;
            border-radius: 3px;
            border: solid 1px #f1f0f1;
            font-family: RobotoDraft, Roboto, sans-serif, Arial;
            min-width: 300px;
            box-shadow: 0px 0px 1px #aaa;
            max-height: 100vh;
            
        }
        ._access-menu.close {
            z-index: -1;
            width: 0;
            opacity: 0;
            background-color: transparent;
        }
        ._access-menu.bottom {
            bottom: 0;
        }
        ._access-menu.top {
            top: 0;
        }
        ._access-menu.left {
            left: 0;
        }
        ._access-menu.close.left {
            left: -25vw;
        }
        ._access-menu.right {
            right: 0;
        }
        ._access-menu.close.right {
            right: -25vw;
        }
        ._access-menu ._text-center {
            text-align: center;
        }
        ._access-menu h3 {
            font-size: 24px !important;
            margin-top: 20px;
            margin-bottom: 20px;
            padding: 0;
            color: rgba(0,0,0,.87);
            letter-spacing: initial!important;
            word-spacing: initial!important;
        }
        ._access-menu ._menu-close-btn {
            left: 5px;
            color: #d63c3c;
            transition: .3s ease;
            transform: rotate(0deg);
        }
        ._access-menu ._menu-reset-btn:hover,._access-menu ._menu-close-btn:hover {
            transform: rotate(180deg);
        }
        ._access-menu ._menu-reset-btn {
            right: 5px;
            color: #4054b2;
            transition: .3s ease;
            transform: rotate(0deg);
        }
        ._access-menu ._menu-btn {
            position: absolute;
            top: 5px;
            cursor: pointer;
            font-size: 24px !important;
            font-weight: bold;
        }
        ._access-menu ul {
            padding: 0;
            position: relative;
            font-size: 18px !important;
            margin: 0;
            overflow: auto;
            max-height: calc(100vh - 77px);
        }
        html._access_cursor * {
            cursor: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSIyOS4xODhweCIgaGVpZ2h0PSI0My42MjVweCIgdmlld0JveD0iMCAwIDI5LjE4OCA0My42MjUiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDI5LjE4OCA0My42MjUiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxnPjxwb2x5Z29uIGZpbGw9IiNGRkZGRkYiIHN0cm9rZT0iI0Q5REFEOSIgc3Ryb2tlLXdpZHRoPSIxLjE0MDYiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgcG9pbnRzPSIyLjgsNC41NDkgMjYuODQ3LDE5LjkwMiAxNi45NjQsMjIuNzAxIDI0LjIzOSwzNy43NDkgMTguMjc4LDQyLjAxNyA5Ljc0MSwzMC43MjQgMS4xMzgsMzUuODA5ICIvPjxnPjxnPjxnPjxwYXRoIGZpbGw9IiMyMTI2MjciIGQ9Ik0yOS4xNzUsMjEuMTU1YzAuMDcxLTAuNjEzLTAuMTY1LTEuMjUzLTAuNjM1LTEuNTczTDIuMTY1LDAuMjU4Yy0wLjQyNC0wLjMyLTAuOTg4LTAuMzQ2LTEuNDM1LTAuMDUzQzAuMjgyLDAuNDk3LDAsMS4wMywwLDEuNjE3djM0LjE3MWMwLDAuNjEzLDAuMzA2LDEuMTQ2LDAuNzc2LDEuNDM5YzAuNDcxLDAuMjY3LDEuMDU5LDAuMjEzLDEuNDgyLTAuMTZsNy40ODItNi4zNDRsNi44NDcsMTIuMTU1YzAuMjU5LDAuNDgsMC43MjksMC43NDYsMS4yLDAuNzQ2YzAuMjM1LDAsMC40OTQtMC4wOCwwLjcwNi0wLjIxM2w2Ljk4OC00LjU4NWMwLjMyOS0wLjIxMywwLjU2NS0wLjU4NiwwLjY1OS0xLjAxM2MwLjA5NC0wLjQyNiwwLjAyNC0wLjg4LTAuMTg4LTEuMjI2bC02LjM3Ni0xMS4zODJsOC42MTEtMi43NDVDMjguNzA1LDIyLjI3NCwyOS4xMDUsMjEuNzY4LDI5LjE3NSwyMS4xNTV6IE0xNi45NjQsMjIuNzAxYy0wLjQyNCwwLjEzMy0wLjc3NiwwLjUwNi0wLjk0MSwwLjk2Yy0wLjE2NSwwLjQ4LTAuMTE4LDEuMDEzLDAuMTE4LDEuNDM5bDYuNTg4LDExLjc4MWwtNC41NDEsMi45ODVsLTYuODk0LTEyLjMxNWMtMC4yMTItMC4zNzMtMC41NDEtMC42NC0wLjk0MS0wLjcyYy0wLjA5NC0wLjAyNy0wLjE2NS0wLjAyNy0wLjI1OS0wLjAyN2MtMC4zMDYsMC0wLjU4OCwwLjEwNy0wLjg0NywwLjMyTDIuOCwzMi41OVY0LjU0OWwyMS41OTksMTUuODA2TDE2Ljk2NCwyMi43MDF6Ii8+PC9nPjwvZz48L2c+PC9nPjwvc3ZnPg==),auto!important;
        }
        ._access-menu ul li {
            list-style-type: none;
            cursor: pointer;
            -ms-user-select: none;
            -moz-user-select: none;
            -webkit-user-select: none;
            user-select: none;
            border: solid 1px #f1f0f1;
            padding: 10px 0 10px 30px;
            margin: 5px;
            border-radius: 4px;
            transition-duration: .5s;
            transition-timing-function: ease-in-out;
            font-size: 18px !important;
            line-height: 18px !important;
            text-indent: 5px;
            background: #f9f9f9;
            color: rgba(0,0,0,.6);
            letter-spacing: initial!important;
            word-spacing: initial!important;
        }
        ._access-menu ul.before-collapse li {
            opacity: 0.05;
        }
        ._access-menu ul li.active, ._access-menu ul li.active:hover {
            color: #fff;
            background-color: #000;
        }
        ._access-menu ul li:hover {
            color: rgba(0,0,0,.8);
            background-color: #eaeaea;
        }
        ._access-menu ul li.not-supported {
            display: none;
        }
        ._access-menu ul li:before {
            content: ' ';
            font-family: Material Icons;
            text-rendering: optimizeLegibility;
            font-feature-settings: "liga" 1;
            font-style: normal;
            text-transform: none;
            line-height: 1;
            font-size: 24px !important;
            width: 30px;
            height: 30px;
            display: inline-block;
            overflow: hidden;
            -webkit-font-smoothing: antialiased;
            left: 8px;
            position: absolute;
            color: rgba(0,0,0,.6);
            direction: ltr;
        }
        ._access-menu ul li svg path {
            fill: rgba(0,0,0,.6);
        }
        ._access-menu ul li:hover svg path {
            fill: rgba(0,0,0,.8);
        }
        ._access-menu ul li.active svg path {
            fill: #fff;
        }
        ._access-menu ul li:hover:before {
            color: rgba(0,0,0,.8);
        }
        ._access-menu ul li.active:before {
            color: #fff;
        }
        ._access-menu ul li[data-access-action="increaseText"]:before {
            content: "zoom_in";
        }
        ._access-menu ul li[data-access-action="decreaseText"]:before {
            content: "zoom_out";
        }
        ._access-menu ul li[data-access-action="increaseTextSpacing"]:before {
            content: "unfold_more";
            transform: rotate(90deg) translate(-7px, 2px);
        }
        ._access-menu ul li[data-access-action="decreaseTextSpacing"]:before {
            content: "unfold_less";
            transform: rotate(90deg) translate(-7px, 2px);
        }
        ._access-menu ul li[data-access-action="invertColors"]:before {
            content: "invert_colors";
        }
        ._access-menu ul li[data-access-action="grayHues"]:before {
            content: "format_color_reset";
        }
        ._access-menu ul li[data-access-action="underlineLinks"]:before {
            content: "format_underlined";
        }
        ._access-menu ul li[data-access-action="bigCursor"]:before {
            /*content: 'touch_app';*/
        }
        ._access-menu ul li[data-access-action="readingGuide"]:before {
            content: "border_horizontal";
        }
        ._access-menu ul li[data-access-action="textToSpeech"]:before {
            content: "record_voice_over";
        }
        ._access-menu ul li[data-access-action="speechToText"]:before {
            content: "mic";
        }</style><i class="_access-icon material-icons _access" style="width: 50px; height: 50px; font-size: 40px; line-height: 45px; text-indent: 5px; background-color: rgb(64, 84, 178); color: rgb(255, 255, 255); bottom: 50px; left: 0px; z-index: 9999; opacity: 1;" title="Bedienungshilfen">accessible</i><div class="_access-menu close _access bottom type left"><h3 class="_text-center"><i class="_menu-close-btn _menu-btn material-icons" title="Schließen">close</i>Bedienungshilfen<i class="_menu-reset-btn _menu-btn material-icons" title="Zurücksetzen">refresh</i></h3><ul class="before-collapse _access-scrollbar"><li data-access-action="increaseText">Schrift vergrößern</li><li data-access-action="decreaseText">Schrift verkleinern</li><li data-access-action="increaseTextSpacing">Zeichenabstand erhöhen</li><li data-access-action="decreaseTextSpacing">Zeichenabstand verringern</li><li data-access-action="invertColors" title="Hotkey: ctrl+alt+i">Farben umkehren</li><li data-access-action="grayHues" title="Hotkey: ctrl+alt+g">Graue Farbtöne</li><li data-access-action="underlineLinks" title="Hotkey: ctrl+alt+u">Links unterstreichen</li><li data-access-action="bigCursor" title="Hotkey: ctrl+alt+c"><svg version="1.1" id="iconBigCursorSvg" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 512 512" style="position: absolute;width: 19px;height: 19px;left: 17px;enable-background:new 0 0 512 512;" xml:space="preserve"><path d="M 423.547 323.115 l -320 -320 c -3.051 -3.051 -7.637 -3.947 -11.627 -2.304 s -6.592 5.547 -6.592 9.856 V 480 c 0 4.501 2.837 8.533 7.083 10.048 c 4.224 1.536 8.981 0.192 11.84 -3.285 l 85.205 -104.128 l 56.853 123.179 c 1.792 3.883 5.653 6.187 9.685 6.187 c 1.408 0 2.837 -0.277 4.203 -0.875 l 74.667 -32 c 2.645 -1.131 4.736 -3.285 5.76 -5.973 c 1.024 -2.688 0.939 -5.675 -0.277 -8.299 l -57.024 -123.52 h 132.672 c 4.309 0 8.213 -2.603 9.856 -6.592 C 427.515 330.752 426.598 326.187 423.547 323.115 Z"></path></svg>Großer Mauszeiger</li><li data-access-action="readingGuide" title="Hotkey: ctrl+alt+r">Zeilenlineal</li><li data-access-action="textToSpeech">Text vorlesen</li><li data-access-action="speechToText">Sprache zu Text</li></ul></div></body><!-- document body --></html>