CINXE.COM
Vorhang auf f黵 eine neue Art, Gesetze zu lesen - dejure.org
<!doctype html> <html lang="de"> <head> <meta http-equiv="Content-type" content="text/html;charset=iso-8859-1" /> <meta charset="ISO-8859-1" /> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /> <meta http-equiv="content-language" content="de" /> <meta name="language" content="de" /> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> <meta name="robots" content="noindex, nofollow" /> <meta name="theme-color" content="#003366" /> <link rel="preconnect" href="https://j.dejure.org" crossorigin> <title>Vorhang auf f黵 eine neue Art, Gesetze zu lesen - dejure.org</title> <link rel="start" title="dejure.org" href="/" /> <script type="text/javascript"> var ad_allowed=true; const viewportWidth = Math.max((navigator.userAgent.search(" Firefox/") == -1 && window.visualViewport && window.visualViewport.width) || 0, window.innerWidth || 0); window.mobil = false; window.mobilschalter = false; if (viewportWidth && viewportWidth > 100 && viewportWidth < 801) { if (document.cookie && document.cookie.indexOf("mobilschalter=1") > -1) { window.mobilschalter = true; } else { window.mobil = true; } } </script> <link rel="stylesheet" type="text/css" media="screen and (min-width:801px)" href="https://j.dejure.org/jcg/style-33.css" /> <link rel="stylesheet" type="text/css" media="screen and (max-width:800px)" href="https://j.dejure.org/jcg/style_mobile-09.css" /> <script type="text/javascript"> (window.__ba = window.__ba || {}).publisher = window.__ba.publisher || {}; window.__ba.publisher.section = "no_ads"; window.__ba.publisher.keywords = ""; var Ads_BA_ADIDsection = "no_ads"; var Ads_BA_ADIDsite = "dejure.org"; </script> <script type="text/javascript" class="topentertainment_script" src="https://j.dejure.org/jcg/ba_djo.js"></script> <link rel="manifest" href="/manifest.json" /> <link rel="mask-icon" href="https://j.dejure.org/jcg/favicon.svg" color="#003366" /> <link rel="apple-touch-icon" sizes="57x57" href="https://j.dejure.org/jcg/favicons/favicon_57x57.png" /> <link rel="apple-touch-icon" sizes="76x76" href="https://j.dejure.org/jcg/favicons/favicon_76x76.png" /> <link rel="apple-touch-icon" sizes="120x120" href="https://j.dejure.org/jcg/favicons/favicon_120x120.png" /> <link rel="apple-touch-icon" sizes="152x152" href="https://j.dejure.org/jcg/favicons/favicon_152x152.png" /> <link rel="apple-touch-icon" sizes="180x180" href="https://j.dejure.org/jcg/favicons/favicon_180x180.png" /> <link rel="icon" type="image/png" href="https://j.dejure.org/jcg/favicons/favicon.png" /> <link rel="Shortcut Icon" type="image/x-icon" href="/favicon.ico" /> <link rel="search" type="application/opensearchdescription+xml" title="dejure.org" href="https://dejure.org/dejure.org.xml" /> </head> <body id="dejure"> <div id="main"> <header id="head"> <div id="head_wrapper"> <a href="/" id="logo" rel="home">dejure.org</a> <div id="suche"> <form id="suchfeldform_ajax" class="suchfeldform_ajax" action="/cgi-bin/suche" method="get"> <span id="suchfeldset_ajax"> <input id="suchfeld_ajax" accesskey="u" name="Suchenach" type="search" maxlength="255"><button class="button" id="suchbutton_ajax">suchen</button> </span> </form> </div> <div id="mobil_login"></div> </div> </header> <nav id="navigation"> <div id="nav_wrapper"> <ul class="nav-menu"> <li class="nav-item" id="nav-item-gesetze" data-item="gesetze"><a href="/">Gesetze</a></li><li class="nav-item nav-benachrichtigung" id="nav-item-bgbl" data-item="bgbl" data-ajax="6"><a href="/BGBl">Bundesgesetzblatt</a></li><li class="nav-item" id="nav-item-rechtsprechung" data-item="rechtsprechung" data-ajax="6"><a href="/gerichte">Rechtsprechung</a></li><li class="nav-item" style="background-color: var(--pur-color);" id="nav-item-pur" data-item="pur" data-param="menu_vorstellung" data-ajax="pur"><a href="/pur"><span class="red_white_highlight">Neu</span> Werbefrei</a></li><li class="nav-item" id="do_login" data-item="benutzer" data-ajax="true" style="float: right;" data-login="true"><a id="benutzerlink">Benutzer</a></li><li class="nav-item" id="nav-item-verlauf" data-item="verlauf" data-ajax="90" style="float: right;" data-login="true"><a href="/dienste/verlauf">Verlauf</a></li><li class="nav-item" id="nav-item-merkliste" data-item="merkliste" data-ajax="30" style="float: right;" data-login="true"><a href="/dienste/merkliste" class="get_option" data-typ="merkliste" data-name="ansicht" data-execute="redirect">Merkliste</a></li><li class="nav-item nav-neu" id="nav-item-stellenmarkt" data-item="stellenmarkt" data-ajax="menu" style="float: right;"><a href="/stellenmarkt">Stellenmarkt</a></li><li class="nav-item" data-item="suche" data-subnav="false" style="float: right;"><a id="nav_suchlink">Suche</a></li> </ul> <div id="nav_sub_wrapper"> <div id="nav_sub_content" class="nav_sub_content"> <div id="nav_gesetze" class="sub-nav"> <ul class="sub-nav-group" style="display: block;"> <li class="sub-nav-item" data-item="gesetze_meistgenutzte" data-parent="gesetze"><span class="open">Meistgenutzte Gesetze</span></li> <li class="sub-nav-item" data-item="gesetze_komplett" data-parent="gesetze"><span>Kurzübersicht</span></li> <li class="sub-nav-item" data-item="gesetze_komplettliste" data-parent="gesetze"><span>Ausführliche Übersicht</span></li> </ul> <div id="nav_gesetze_meistgenutzte" class="a_list sub-nav2 scrollable"></div> <div id="nav_gesetze_komplett" class="a_row sub-nav2 scrollable"></div> <div id="nav_gesetze_komplettliste" class="a_list sub-nav2 scrollable"></div> </div> <div id="nav_bgbl" class="sub-nav nav_karten"></div> <div id="nav_rechtsprechung" class="sub-nav nav_karten"> <div style="float: right; margin-right:15px; padding:5px; background: #f9f9f9 url(/jcg/virus_rot.svg) 99% 50%/20px no-repeat;"><a href="/corona-pandemie?s=nach_Einstelldatum#rechtsprechung" style="padding-right: 24px;"><span style="color: #c30;">Siehe auch: </span> Die neuesten Entscheidungen zur COVID-19-Pandemie.</a></div> </div> <div id="nav_verlauf" class="sub-nav nav_karten"> <ul class="sub-nav-group"> <li class="sub-nav-item" data-item="verlauf_alles" data-parent="verlauf"><span class="open">Alles</span></li><li class="sub-nav-item" data-item="verlauf_gesetze" data-parent="verlauf"><span>Gesetze</span></li><li class="sub-nav-item" data-item="verlauf_rspr" data-parent="verlauf"><span>Rechtsprechung</span></li><li class="sub-nav-item" data-item="verlauf_bgbl" data-parent="verlauf"><span>Bundesgesetzblatt</span></li><li class="sub-nav-item" data-item="verlauf_suche" data-parent="verlauf"><span>Suchanfragen</span></li> </ul> </div> <div id="nav_pur" class="sub-nav" data-text="pur"></div> <div id="nav_stellenmarkt" class="sub-nav"></div> <div id="nav_merkliste" class="sub-nav nav_karten"> <ul class="sub-nav-group"> <li class="sub-nav-item" data-item="merkliste_neue" data-parent="merkliste"><span class="open">Neue Einträge</span></li> <li class="sub-nav-item" data-item="merkliste_ereignisse" data-parent="merkliste"><span>Letzte Ereignisse</span></li> <li class="sub-nav-item" data-item="notizen" data-parent="merkliste"><span>Markierungen</span></li> </ul> </div> <div class="wrapper_benutzer_login login_container menu_login menu_benutzer versteckt"> </div> </div> </div> </div></nav> <content id="content_wrapper"> <div id="content" class="kein_bg"> <div class="schatten schatten_content_oben"> <div class="content_inner minheight"> <h2 class="sub top"><div class="h2back">Vorhang auf</div><div class="h2front">für eine neue Art, Gesetze zu lesen</div></h2> <div id="alpha" class="kasteninhalt"> <style> :root { --track-color: #000; --track-color: #6196c4; --track-height: 100px; --track-width: 10px; } input[type=range] { -webkit-appearance: none; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: 0; cursor: pointer; margin: 0; opacity: .6; transition: .3s all; border: 0; z-index: 3; } input[type=range]:hover { opacity: 1 } input[type=range]:focus { outline: none; } input[type=range]::-webkit-slider-runnable-track { width: 100%; height: var(--track-height); cursor: pointer; background: 0 0; border: none; } input[type=range]::-webkit-slider-thumb { border: none; height: var(--track-height); width: var(--track-width); background: var(--track-color); cursor: pointer; -webkit-appearance: none; } input[type=range]::-moz-range-track { width: 100%; height: 8.4px; cursor: pointer; background: transparent; border: none } input[type=range]::-moz-range-thumb { border:none; height: var(--track-height); width: var(--track-width); background: var(--track-color); cursor: pointer; } input[type=range]::-ms-track { width: 100%; height: 8.4px; cursor: pointer; background: 0 0; border: none; color: transparent; } input[type=range]::-ms-fill-lower { background: transparent; border: none; } input[type=range]::-ms-fill-upper { background: transparent; border: none; } input[type=range]::-ms-thumb { border: none; height: 36px; width: 5px; background: var(--track-color); cursor: pointer; height: 8.4px; } input[type=range]:focus::-ms-fill-lower { background: transparent; } input[type=range]:focus::-ms-fill-upper { background: transparent; } input[type=range]::-webkit-slider-thumb { -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 5px 0; -moz-box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 5px 0; box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 5px 0; background: #fff url('data:image/svg+xml;charset=UTF-8,<svg width="100%" height="100%" viewBox="0 0 500 500" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;"><g id="Play" transform="matrix(8.5,1.15248e-30,-1.04771e-31,8.5,-1716,-2253.5)"><path d="M236,284.2C236,283.265 237.064,282.69 237.894,283.177L255.404,293.479C256.198,293.945 256.198,295.055 255.404,295.522C252.694,297.117 250.661,298.312 249.306,299.11C246.77,300.601 242.966,302.839 237.894,305.823C237.064,306.31 236,305.736 236,304.801L236,284.2Z" style="fill:rgb(100,100,100);"/></g><g id="Play1" serif:id="Play" transform="matrix(-8.5,-1.04095e-15,1.04095e-15,-8.5,2216,2753)"><path d="M236,284.2C236,283.265 237.064,282.69 237.894,283.177L255.404,293.479C256.198,293.945 256.198,295.055 255.404,295.522C252.694,297.117 250.661,298.312 249.306,299.11C246.77,300.601 242.966,302.839 237.894,305.823C237.064,306.31 236,305.736 236,304.801L236,284.2Z" style="fill:rgb(100,100,100);"/></g></svg>') 50% 50%/70% no-repeat; border: 2px solid #ccc; height: 3em; width: 3em; border-radius: 50%; cursor: pointer; -webkit-appearance: none; } input[type=range]::-moz-range-thumb { -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 5px 0; -moz-box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 5px 0; box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 5px 0; background: #fff url('data:image/svg+xml;charset=UTF-8,<svg width="100%" height="100%" viewBox="0 0 500 500" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;"><g id="Play" transform="matrix(8.5,1.15248e-30,-1.04771e-31,8.5,-1716,-2253.5)"><path d="M236,284.2C236,283.265 237.064,282.69 237.894,283.177L255.404,293.479C256.198,293.945 256.198,295.055 255.404,295.522C252.694,297.117 250.661,298.312 249.306,299.11C246.77,300.601 242.966,302.839 237.894,305.823C237.064,306.31 236,305.736 236,304.801L236,284.2Z" style="fill:rgb(100,100,100);"/></g><g id="Play1" serif:id="Play" transform="matrix(-8.5,-1.04095e-15,1.04095e-15,-8.5,2216,2753)"><path d="M236,284.2C236,283.265 237.064,282.69 237.894,283.177L255.404,293.479C256.198,293.945 256.198,295.055 255.404,295.522C252.694,297.117 250.661,298.312 249.306,299.11C246.77,300.601 242.966,302.839 237.894,305.823C237.064,306.31 236,305.736 236,304.801L236,284.2Z" style="fill:rgb(100,100,100);"/></g></svg>') 50% 50%/70% no-repeat; border: 2px solid #ccc; height: 3em; width: 3em; border-radius: 50%; } .slider-container { border: 1px solid #eee; margin: 70px auto 30px auto; max-width: 90%; max-width: 75%; overflow: hidden; } .slider-before-after { display: inline-block; position: relative; /*height: calc(100vh - 16px);*/ max-width: 100%; /*overflow: hidden;*/ /*margin: 10px;*/ /*width: 728px;*/ display: flex; } .slider-before-image, .slider-after-image { overflow: hidden; position: absolute; top: 0; right: 0; bottom: 0; left: 0; /*overflow: hidden;*/ } .slider-after-image { background-color: #fff; will-change: width; overflow: hidden; z-index: 2; } .slider-before-image img, .slider-after-image img { /*float: left;*/ /*visibility: hidden;*/ max-width: 90vw; } .slider-before-image { /* background: url(/jcg/lesefreundlich02.png) 0 0 no-repeat; background-size: auto 100%; */ background-color: whitesmoke; background-color: #fbfbfb; height: 100%; z-index: 1; } .slider-after-image { /* background: url(/jcg/lesefreundlich01.png) 0 0 no-repeat; background-size: auto 100%; height: 100%; */ } .slider-after-image { -webkit-box-shadow: rgba(0, 0, 0, 0.1) 3px 3px 3px 0; -moz-box-shadow: rgba(0, 0, 0, 0.1) 3px 3px 3px 0; box-shadow: rgba(0, 0, 0, 0.1) 3px 3px 3px 0; border-right: 2px solid #ccc; } .slider-text { background: rgba(0, 0, 0, .8); color: #fff; padding: 10px; position: absolute; bottom: 0; left: 0; right: 0; z-index: 3; opacity: 0; transition: opacity .5s; } #slider_vergroessern { cursor: pointer; /*display: flex;*/ font-weight: bold; } #slider_vergroessern:before { content: "+"; font-size: 1.4em; } #slider_vergroessern:hover { color: #ccc; } .blink { animation: blink-animation 2s ease-out; -webkit-animation: blink-animation 2s ease-out; } @keyframes blink-animation { 0% { opacity: .6; } 33% { opacity: .1; } 66% { opacity: 1; } 100% { opacity: .6; } } @-webkit-keyframes blink-animation { 0% { opacity: .6; } 33% { opacity: .1; } 66% { opacity: 1; } 100% { opacity: .6; } } .slider-before-image, .slider-after-image { /*white-space: nowrap;*/ /*font-size: calc((75vw - 4.5rem) / 148);*/ } .slider-before-image p, .slider-before-image center, .slider-after-image p, .slider-after-image center { display: block; width: 728px; } @media screen and (max-width: 800px) { .slider-container { max-width: 100%; } } .resizeme { resize: both; margin: 0; padding: 0; height: 200px; width: 500px; background-color: lightblue; overflow: hidden; } #content h2.sub.top { background: none; } .h2back, .h2front { border: none !important; font-weight: bold; letter-spacing: 0; text-align: center; } .h2back { font-size: 3em; color: #ddd; display: block !important; margin-top: 40px; width: 100%; } .h2front { color: #036; position: relative; z-index: 1; } </style> <div class="slider-container"> <div class="slider-before-after"> <div class="slider-before-image"> <img src="/jcg/lesefreundlich02.svg" width="auto" height="100%" alt=""/> </div> <div class="slider-after-image"> <img src="/jcg/lesefreundlich01.svg" width="auto" height="100%" alt=""/> </div> <img src="/jcg/lesefreundlich02.svg" width="100%" height="100%" alt=""/> <input type="range" class="slider-track" value="66"> <div class="slider-text">Vergleichen Sie die beiden Versionen, indem Sie den Schieberegler bewegen. <span id="slider_vergroessern">Vergrößern</span></div> </div> </div> <p>Lesen Sie nun - <b>optional</b> - auf dejure.org Gesetzestexte in einer neuen, <b>übersichtlicheren Darstellung</b>: Gegenüber der herkömmlichen Darstellung erscheint in der neuen Fassung jeder Satz in einem eigenen Absatz. Dies ist führt zwar zu einem etwas größeren Platzverbrauch, gleichzeitig aber zu einer besseren Lesbarkeit. Jeder Satz tritt prägnanter hervor.</p> <p>Auch in der neuen Darstellung bleibt natürlich die Unterscheidung zwischen Absätzen und Sätzen erhalten. Sie wird besonders deutlich gemacht. Auch unsere praktische <a href="/zitiervorschlaege">Zitierfunktion</a>, mit der Sie per Mausbewegung ein kopierbares Zitat erzeugen können, steht weiterhin zur Verfügung.</p> <p>Ziehen Sie im obigen Bild den Schieberegler zur Seite, um den Unterschied der beiden Darstellungen zu sehen.</p> <p>Sie <b>wechseln die Darstellung</b> über das Zahnradsymbol oberhalb des Gesetzestextes (siehe nächste Abbildung). Als eingeloggter Nutzer können Sie diese Einstellung automatisch für alle Seiten gelten lassen. Denken Sie daran: Die Registrierung bei dejure.org ist dauerhaft kostenlos.</p> <p>Probieren Sie es aus am Beispiel von <a href="/gesetze/IfSG/5.html">§ 5 IfSG</a>!</p> <center> <br> <img src="/jcg/lesefreundlicher_einstellung.png" width="523" style="border: 1px solid #eee; max-width: 100%;"> <br><br> </center> <script> document.querySelector("#slider_vergroessern").onclick = function() { document.querySelector(".slider-container").style.maxWidth = "100%"; document.querySelector(".slider-text").style.display = "none"; }; document.querySelector(".slider-track").onmousedown = function() { document.querySelector(".slider-text").classList.add("versteckt"); } window.addEventListener("mouseup", e => { if (document.querySelector(".slider-text") !== null) { document.querySelector(".slider-text").classList.remove("versteckt"); } }); (function (root) { "use strict"; const DEFAULT_CONFIG = { $el: null, defaultValue: 66 }; /** * Function which initialize before/after slider. * * @param {Object} options - Default settings */ function setup(options) { const config = Object.assign({}, DEFAULT_CONFIG, options); const $slider = config.$el; const $track = $slider.querySelector(".slider-track"); const $after = $slider.querySelector(".slider-after-image"); // Copy styles. //$slider.style.width = getComputedStyle($after).getPropertyValue("width"); //$slider.style.height = getComputedStyle($after).getPropertyValue("height"); $track.addEventListener("input", (evt) => { const percent = Number(evt.target.value); $after.style.width = `${percent}%`; }); $track.value = 1; var delayInSeconds = 1, num = 66, len = 100; var reached_end = false; var trackanimation = setInterval(function() { if (!reached_end) { num = (num === len) ? len : num - 1; $track.value = num; $track.dispatchEvent(new Event("input")); if (num == 0) { reached_end = true; } } else { num++; $track.value = num; $track.dispatchEvent(new Event("input")); if (num == config.defaultValue) { clearInterval(trackanimation); $track.classList.add("blink"); document.querySelector(".slider-text").style.opacity = 1; } } }, 20); //$track.value = config.defaultValue; $track.dispatchEvent(new Event("input")); } /** * Initialized */ function autorunSliders() { const $sliders = document.querySelectorAll(".slider-before-after"); $sliders.forEach(($slider) => { setup({ $el: $slider }); }); window.slidersLoaded = true; } //root.addEventListener("load", autorunSliders); autorunSliders(); }(window)); </script> </div><!-- #alpha --> </div><!-- content_inner --> <div class="schatten schatten_content_unten"></div> <div id="aktuell" class="aktuell"> <div id="linkkasten" class="zettel"> <div class="schatten schatten_zettel_oben"> <div class="schatten schatten_zettel_unten"> <div id="linkkasten_inner" class="zettel_innen"> <a href="/" class="start" id="rel_home" rel="home"><span>dejure.org</span></a> </div> </div> </div> </div> </div> </div><!-- schatten_content_oben --> </div><!-- content --> </content> </div> <div id="footer"> <div id="footer_inhalt"> <div class="was_ist_dejureorg"><b>Was ist dejure.org?</b> <a href="/verzahnung">Gesetze und Rechtsprechung</a> <a href="/agb_datenschutz">AGB & Datenschutzerklärung</a> <a href="/impressum">Kontakt/Impressum</a> <a href="javascript:void(0);" onclick="Ads_BA_privacyManager()">Datenschutzeinstellungen</a> </div> <div><b>Funktionen/Sonderseiten</b> <a href="/wird-zitiert-von">Wird-zitiert-von</a> <a href="/merkfunktion">Merkfunktion</a> <a href="/lesefreundlicher">"Lesefreundlicher"</a> </div> <div><br> <a href="/vernetzung.html">Vernetzungsfunktion</a> <a href="/stellenmarkt">Stellenmarkt</a> <a href="/zitiervorschlaege">Zitierfunktion</a> </div> <div><br> <a href="/multi_suche">Erweiterung Multi-Suche</a> <a href="/rechtsfenster">Rechtsfenster</a> <a href="/corona-pandemie" class="bg_virus">COVID-19-Übersichten</a> </div> </div> <div id="AdsDiv"></div> </div> <script type="text/javascript" src="https://j.dejure.org/jcg/jquery-3.7.1.min.js" defer></script> <script type="text/javascript" src="https://j.dejure.org/jcg/einzelseite-71.js" defer></script> <script type="text/javascript" src="https://j.dejure.org/jcg/jquery-ui-1.14.1/jquery-ui.min.js" defer></script> <script type="text/javascript" src="https://j.dejure.org/jcg/formular2b-68.js" defer></script> <link rel="stylesheet" type="text/css" media="print" href="https://j.dejure.org/jcg/print-05.css"> </body> </html>