CINXE.COM
Sunrise, Sunset, and Twilight Worldwide
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="google-adsense-account" content="ca-pub-7646476700124050"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Sunrise, Sunset, and Twilight Worldwide</title> <link rel="shortcut icon" href="https://sonnenaufgang-sonnenuntergang.com/favicon.ico" type="image/x-icon"> <link rel="apple-touch-icon" href="https://sonnenaufgang-sonnenuntergang.com/Sonnenaufgang-Sonnenuntergang-de.png"> <meta name="description" content="Sunrise, sunset, and twilight times for any location, clearly presented in a calendar, along with moonrise and moonset."> <meta name="robots" content="index, follow"> <meta name="page-topic" content="Sunrise, Sunset, Moonrise, Moonset, Twilight, Day length, Leisure, Photography, Sport flying, Hiking"> <meta name="author" content="Guido Gerding"> <!-- leaflet --> <link rel="stylesheet" href="css/leaflet.css"/> <script src="js/leaflet.js"></script> <!-- Bootstrap --> <link href="css/bootstrap.css" rel="stylesheet"> <!-- Tooltipps end of bootstrap --> <script> function adjustNavbarPadding() { var navbarHeight = document.querySelector('.navbar-fixed-top').offsetHeight; document.body.style.paddingTop = navbarHeight + 'px'; } // Event-Listener beim Laden der Seite document.addEventListener("DOMContentLoaded", adjustNavbarPadding); // Event-Listener für Fenstergrößenänderungen window.addEventListener("resize", adjustNavbarPadding); function IsCountryCode(plzcode){ if (isNaN(plzcode)==false){ alert("Please also use a country code\naccording to ISO 3166-1-alpha-2,\nsuch as AT, CH, DE, etc.!\nFor example, \"DE " + plzcode + "\"."); } } function showPar() { if(document.getElementById('p01').style.display=='none') { document.getElementById('p01').style.display='inline'; } else { document.getElementById('p01').style.display='none'; } return; } </script> <script> function CalcTZDiff (){ var tz = parseFloat(document.TZCalc.tz.value.replace(',', '.')); var dzone = parseFloat(document.TZCalc.dzone.value.replace(',', '.')); var loczone = tz-dzone; document.TZCalc.zone.value = loczone; document.Adjustment.timezone.value = loczone; } function showGeoLocError(error) { var errorMessage = 'An error has occurred.'; // Default error message // Adjust error message based on error code switch (error.code) { case error.PERMISSION_DENIED: errorMessage = "You have denied the request for location access. If you still want to allow location access, you need to enable it through your browser."; break; case error.POSITION_UNAVAILABLE: errorMessage = "Location information is not available."; break; case error.TIMEOUT: errorMessage = "The request to retrieve the user's location has timed out."; break; case error.UNKNOWN_ERROR: errorMessage = "An unknown error has occurred."; break; } // Set the errorMessage as the text for the modal document.getElementById('errorText').innerHTML = errorMessage; // Show the modal $('#geolocErrorModal').modal('show'); } function getLocation() { if (navigator.geolocation) { navigator.geolocation.getCurrentPosition(showPosition, showGeoLocError, {enableHighAccuracy: true, timeout: 5000, maximumAge: 0}); } else { showGeoLocError(); } } function showPosition(position){ var lat = position.coords.latitude; var lon = position.coords.longitude; // Redirect to the same page with the coordinates as GET parameters window.location.href = "index.php?latitude=" + lat + "&longitude=" + lon + "&resulting=1"; } </script> <!-- jQuery (necessary for Bootstrap's JavaScript plugins) --> <script src="js/jquery-1.11.3.min.js"></script> <!-- Include all compiled plugins (below), or include individual files as needed --> <script src="js/bootstrap.js"></script> <!-- Start Cookie Consent 3.1.0 --> <!-- End Cookie Consent --> <!-- Begin page-level-ads --> <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-7646476700124050" crossorigin="anonymous"></script> <!-- End page-level-ads --> </head> <body> <!-- GeoLoc Error Modal --> <div class="modal fade" id="geolocErrorModal" tabindex="-1" role="dialog" aria-labelledby="errorModalLabel" aria-hidden="true"> <div class="modal-dialog modal-sm" role="document"> <div class="modal-content"> <div class="modal-header"> <h5 class="modal-title" id="errorModalLabel">Location Error</h5> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> </div> <div class="modal-body"> <p id="errorText">An error has occurred.</p> </div> <div class="modal-footer"> <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button> </div> </div> </div> </div> <div class="container-fluid"> <nav class="navbar navbar-default navbar-fixed-top transparent" id="nav1"> <div class="container-fluid"> <!-- Brand and toggle get grouped for better mobile display --> <div class="navbar-header"> <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#defaultNavbar1" aria-expanded="false"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button> <a class="navbar-brand" href=".">Sonnenaufgang-Sonnenuntergang.com</a></div> <!-- Collect the nav links, forms, and other content for toggling --> <div class="collapse navbar-collapse" id="defaultNavbar1"> <form class="navbar-form navbar-right" role="search" action="GM/coords_plz.php" name="coplz"> <div class="form-group"> <input type="text" name="plz" class="form-control" placeholder="Your location (or ZIP code)"> </div> <button type="submit" onclick="IsCountryCode(this.form.plz.value)" class="btn btn-default">Find</button> </form> <ul class="nav navbar-nav navbar-left"> <li><a href="#" class="btn btn-warning navbar-btn" onclick="getLocation();" style="padding: 5px 10px;"> <img src="img/marker-icon-blue.png" alt="Your location" title="Your location" style="height: 20px;"> ? </a></li> <li class="dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Settings<span class="caret"></span></a> <ul class="dropdown-menu"> <li><a href="#home1" data-toggle="tab">Show calendar</a></li> <li role="presentation"><a href="#paneMoon" data-toggle="tab" role="tab" aria-controls="paneMoon">Moonrise - Moonset</a></li> <li><a tabindex="-1" title="Coordinate search for your location" onclick=getLocation();>Search</a></li> <li><a href="GM/bookmark.php" title="Location preselection">Preselected locations</a></li> <li><a href="#tabDropDownOne1" tabindex="-1" data-toggle="tab">Twilight type / Time zone / Date</a></li> <li><a href="#tabDropDownTwo1" tabindex="-1" data-toggle="tab">CSV Table</a></li> <li><a href="#tabDropDownThree1" tabindex="-1" data-toggle="tab">Downloads</a></li> <li><a href="#tabDropDownThree2" tabindex="-1" data-toggle="tab">FAQ</a></li> <li role="separator" class="divider"></li> <li><a href="https://gezeiten-kalender.de" title="Tide Calendar" rel="noreferrer" target="_blank">Link tip: Tide Calendar</a></li> </ul> </ul> <!-- /.navbar-collapse --> </div></div> <!-- /.container-fluid --> </nav> </div> <div class="container"> <h1>Sunrise and Sunset times for the location of your choice</h1><div class="sasu-txt-box"><p>Please note the timezone information!</p></div></div> <div class="container"> <div role="tabpanel"> <ul class="nav nav-tabs" role="tablist"> <li role="presentation" class="active"><a href="#home1" data-toggle="tab" role="tab" aria-controls="home1">Your<br>Location</a></li> <li role="presentation" class="dropdown"><a href="#" id="tabDropOne1" class="dropdown-toggle" data-toggle="dropdown" role="tab" aria-controls="tabDropOne1" aria-haspopup="true" aria-expanded="false">Settings<br>Info<span class="caret"></span></a> <ul class="dropdown-menu" aria-labelledby="tabDropOne1"> <li><a tabindex="-1" title="Coordinate search for your location" onclick=getLocation();>Search</a></li> <li><a href="#tabDropDownOne1" tabindex="-1" data-toggle="tab">Twilight type / Timezone / Date</a></li> <li><a href="#tabDropDownTwo1" tabindex="-1" data-toggle="tab">CSV Table</a></li> <li><a href="#tabDropDownThree1" tabindex="-1" data-toggle="tab">Downloads</a></li> <li><a href="#tabDropDownThree2" tabindex="-1" data-toggle="tab">FAQ</a></li> <li role="separator" class="divider"></li> <li><a href="https://gezeiten-kalender.de" title="Tide Calendar" rel="noreferrer" target="_blank">Link tip: Tide Calendar</a></li> </ul> </li> <li role="presentation"> <a href="#paneMoon" data-toggle="tab" role="tab" aria-controls="paneMoon">Moon<br>Times</a> </li> <li role="presentation"> <a href="#paneMyTime" data-toggle="tab" role="tab" aria-controls="paneMyTime">Appointment<br>Planner</a> </li> <li role="presentation"><a href="#paneTwo1" data-toggle="tab" role="tab" aria-controls="paneTwo1">Privacy Policy<br>Imprint</a></li> </ul> </div><!-- tabpanel end --> </div><!-- container end --> <div id="tabContent1" class="tab-content"> <div role="tabpanel" class="tab-pane fade in active" id="home1"> <!-- Tab home1 start --> <div class="container"> <!-- Modal --> <div id="datenschutzModal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="datenschutzModalLabel"> <div class="modal-dialog modal-sm" role="document"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button> <h4 class="modal-title" id="datenschutzModalLabel">Privacy Settings</h4> </div> <div class="modal-body"> <p>The site uses map services to offer you additional features. Would you like to enable this feature? <a href="privacy.html" target="_blank">Please read the privacy policy</a>.</p> </div> <div class="modal-footer"> <button type="button" class="btn btn-default" data-dismiss="modal">Decline</button> <button type="button" class="btn btn-primary" id="acceptMaps">Accept</button> </div> </div> </div> </div> <br><div style="max-width:560px;background-color:white;display:flex; justify-content: center;"> <div id="mapid" style="width: 380px; height: 380px;"></div> <script> $(document).ready(function() { // Check if consent for the map has already been given or explicitly denied var mapsAllowed = sessionStorage.getItem("mapsAllowed"); // If mapsAllowed is null, show the modal (user has not made a decision yet) if (mapsAllowed === null) { $('#datenschutzModal').modal('show'); } else if (mapsAllowed === "true") { // Load the map as consent has already been given loadMap(); } else { // "mapsAllowed" is "false", no action required, // as the user has declined the display of the map // Optionally, you can add code here to execute if the map should not be displayed } $("#acceptMaps").on('click', function() { sessionStorage.setItem("mapsAllowed", "true"); sessionStorage.setItem("showModal", "false"); $('#datenschutzModal').modal('hide'); loadMap(); }); $('#datenschutzModal .btn-default').click(function() { // Even if declined, save that a decision has been made sessionStorage.setItem("mapsAllowed", "false"); $('#datenschutzModal').modal('hide'); }); // Change settings button $("#changePreference").on('click', function() { $('#datenschutzModal').modal('show'); }); }); function loadMap() { var mymap = new L.map('mapid', { zoomControl:false }).setView([46.1, 36.5], 17); L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png',{ attribution: 'Map data: © <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a> contributors</a>)', maxZoom: 17,}).addTo(mymap); L.control.zoom({ position:'bottomright' }).addTo(mymap); // Marker for the location without text, uses the default icon L.marker([46.1, 36.5]).addTo(mymap) .bindPopup("<b>Your location!</b><br><a href='https://sonnenaufgang-sonnenuntergang.com/GM/coords_plz.php?latitude=46.1&longitude=36.5' title='Do you want to change your location?' target='blank_1'>[Change?]</a>"); // Separate DivIcon for the text var customIcon = L.divIcon({ html: '<div style="display: flex; align-items: center; justify-content: center; height: 100%; background-color: rgba(233, 232, 226, 0.6); line-height: 1.2; padding: 5px; border-radius: 5px;">' + 'Ihr gewählter Ort' + '</div>', iconAnchor: [180, -140], // Adjust the anchor point of the icon iconSize: [150, 30] // Adjust the size of the DivIcon }); // Marker for the text, uses the customized DivIcon L.marker([46.1, 36.5], {icon: customIcon}).bindPopup("<b>Your location!</b><br><a href='https://sonnenaufgang-sonnenuntergang.com/GM/coords_plz.php?latitude=46.1&longitude=36.5' title='Do you want to change your location?' target='blank_1'>[Change?]</a>").addTo(mymap); } </script></div><div style="max-width:560px;background-color:white;text-align:center;"><div style="max-width:560px;text-align:center;background-color:white;"><h2>Sunrise and Sunset - November 2024</h2><p><strong>Time Zone:</strong> Etc/GMT-2, <strong>GMT</strong>: <strong> +2</strong></p>GMT+1-Difference:<strong> +1 hrs</strong>. Please note the instructions in the Settings tab!<div><span data-tooltip="Twilight refers to the period around sunrise and sunset when the sun is below the horizon but the sky is still or already illuminated. This phase, during which outdoor activities are often still possible without artificial lighting in Central Europe, usually lasts a little more than half an hour." data-tooltip-position="bottom"><strong>Adjust the twilight type ("Zenith") if necessary <span class="glyphicon glyphicon-info-sign" aria-hidden="true"></span></strong></span><br></div></div></div> <div style="max-width:560px;text-align:center;background-color:white;"><span class="glyphicon glyphicon-arrow-left" aria-hidden="true"></span> Too few weekdays visible? Scroll! <span class="glyphicon glyphicon-arrow-right" aria-hidden="true"></span></div> <!-- Table start --> <div style="overflow-x:auto;"> <div class="twrapper"> <div class="ttable"> <div class="tbody"> <div class="trow"> <div style="background-color:#DDDDDD;">Mo</div><div style="background-color:#DDDDDD;">Tu</div><div style="background-color:#DDDDDD;">We</div><div style="background-color:#DDDDDD;">Th</div><div style="background-color:#DDDDDD;">Fr</div><div style="background-color:#fda203;">Sa</div><div style="background-color:#f15306;">Su</div> </div> <!-- end trow --> <div class="trow"><!-- start trow --> <div style="background-color:white"><br><br><br></div><div style="background-color:white"><br><br><br></div><div style="background-color:white"><br><br><br></div><div style="background-color:white"><br><br><br></div> <div style="text-align:right;background-color:white;"><span style="background-color:white"><strong><span style="color:#007220">1.</span></strong> R: </span><span style="background-color:white"><span class="zeitWahl" data-zeit="06:13">06:13</span></span><br><span style="background-color:white;text-align:right;"> S: <span style="background-color:white;"><span class="zeitWahl" data-zeit="16:21">16:21</span></span></span><br><span style="background-color:white;text-align:right;"> <span style="color:#4472A8;">D</span>: </span><span style="color:#4472A8;">10:07</span></div><!-- end trow --> <div style="text-align:right;background-color:white;"><span style="background-color:white"><strong><span style="color:#007220">2.</span></strong> R: </span><span style="background-color:white"><span class="zeitWahl" data-zeit="06:15">06:15</span></span><br><span style="background-color:white;text-align:right;"> S: <span style="background-color:white;"><span class="zeitWahl" data-zeit="16:19">16:19</span></span></span><br><span style="background-color:white;text-align:right;"> <span style="color:#4472A8;">D</span>: </span><span style="color:#4472A8;">10:04</span></div><!-- end trow --> <div style="text-align:right;background-color:white;"><span style="background-color:white"><strong><span style="color:#007220">3.</span></strong> R: </span><span style="background-color:white"><span class="zeitWahl" data-zeit="06:16">06:16</span></span><br><span style="background-color:white;text-align:right;"> S: <span style="background-color:white;"><span class="zeitWahl" data-zeit="16:18">16:18</span></span></span><br><span style="background-color:white;text-align:right;"> <span style="color:#4472A8;">D</span>: </span><span style="color:#4472A8;">10:01</span></div><!-- end trow --></div> <!-- next row --> <div class="trow"> <div style="text-align:right;background-color:white;"><span style="background-color:white"><strong><span style="color:#007220">4.</span></strong> R: </span><span style="background-color:white"><span class="zeitWahl" data-zeit="06:18">06:18</span></span><br><span style="background-color:white;text-align:right;"> S: <span style="background-color:white;"><span class="zeitWahl" data-zeit="16:17">16:17</span></span></span><br><span style="background-color:white;text-align:right;"> <span style="color:#4472A8;">D</span>: </span><span style="color:#4472A8;">09:59</span></div><!-- end trow --> <div style="text-align:right;background-color:white;"><span style="background-color:white"><strong><span style="color:#007220">5.</span></strong> R: </span><span style="background-color:white"><span class="zeitWahl" data-zeit="06:19">06:19</span></span><br><span style="background-color:white;text-align:right;"> S: <span style="background-color:white;"><span class="zeitWahl" data-zeit="16:15">16:15</span></span></span><br><span style="background-color:white;text-align:right;"> <span style="color:#4472A8;">D</span>: </span><span style="color:#4472A8;">09:56</span></div><!-- end trow --> <div style="text-align:right;background-color:white;"><span style="background-color:white"><strong><span style="color:#007220">6.</span></strong> R: </span><span style="background-color:white"><span class="zeitWahl" data-zeit="06:20">06:20</span></span><br><span style="background-color:white;text-align:right;"> S: <span style="background-color:white;"><span class="zeitWahl" data-zeit="16:14">16:14</span></span></span><br><span style="background-color:white;text-align:right;"> <span style="color:#4472A8;">D</span>: </span><span style="color:#4472A8;">09:53</span></div><!-- end trow --> <div style="text-align:right;background-color:white;"><span style="background-color:white"><strong><span style="color:#007220">7.</span></strong> R: </span><span style="background-color:white"><span class="zeitWahl" data-zeit="06:22">06:22</span></span><br><span style="background-color:white;text-align:right;"> S: <span style="background-color:white;"><span class="zeitWahl" data-zeit="16:13">16:13</span></span></span><br><span style="background-color:white;text-align:right;"> <span style="color:#4472A8;">D</span>: </span><span style="color:#4472A8;">09:50</span></div><!-- end trow --> <div style="text-align:right;background-color:white;"><span style="background-color:white"><strong><span style="color:#007220">8.</span></strong> R: </span><span style="background-color:white"><span class="zeitWahl" data-zeit="06:23">06:23</span></span><br><span style="background-color:white;text-align:right;"> S: <span style="background-color:white;"><span class="zeitWahl" data-zeit="16:11">16:11</span></span></span><br><span style="background-color:white;text-align:right;"> <span style="color:#4472A8;">D</span>: </span><span style="color:#4472A8;">09:48</span></div><!-- end trow --> <div style="text-align:right;background-color:white;"><span style="background-color:white"><strong><span style="color:#007220">9.</span></strong> R: </span><span style="background-color:white"><span class="zeitWahl" data-zeit="06:25">06:25</span></span><br><span style="background-color:white;text-align:right;"> S: <span style="background-color:white;"><span class="zeitWahl" data-zeit="16:10">16:10</span></span></span><br><span style="background-color:white;text-align:right;"> <span style="color:#4472A8;">D</span>: </span><span style="color:#4472A8;">09:45</span></div><!-- end trow --> <div style="text-align:right;background-color:white;"><span style="background-color:white"><strong><span style="color:#007220">10.</span></strong> R: </span><span style="background-color:white"><span class="zeitWahl" data-zeit="06:26">06:26</span></span><br><span style="background-color:white;text-align:right;"> S: <span style="background-color:white;"><span class="zeitWahl" data-zeit="16:09">16:09</span></span></span><br><span style="background-color:white;text-align:right;"> <span style="color:#4472A8;">D</span>: </span><span style="color:#4472A8;">09:42</span></div><!-- end trow --></div> <!-- next row --> <div class="trow"> <div style="text-align:right;background-color:white;"><span style="background-color:white"><strong><span style="color:#007220">11.</span></strong> R: </span><span style="background-color:white"><span class="zeitWahl" data-zeit="06:28">06:28</span></span><br><span style="background-color:white;text-align:right;"> S: <span style="background-color:white;"><span class="zeitWahl" data-zeit="16:08">16:08</span></span></span><br><span style="background-color:white;text-align:right;"> <span style="color:#4472A8;">D</span>: </span><span style="color:#4472A8;">09:40</span></div><!-- end trow --> <div style="text-align:right;background-color:white;"><span style="background-color:white"><strong><span style="color:#007220">12.</span></strong> R: </span><span style="background-color:white"><span class="zeitWahl" data-zeit="06:29">06:29</span></span><br><span style="background-color:white;text-align:right;"> S: <span style="background-color:white;"><span class="zeitWahl" data-zeit="16:06">16:06</span></span></span><br><span style="background-color:white;text-align:right;"> <span style="color:#4472A8;">D</span>: </span><span style="color:#4472A8;">09:37</span></div><!-- end trow --> <div style="text-align:right;background-color:white;"><span style="background-color:white"><strong><span style="color:#007220">13.</span></strong> R: </span><span style="background-color:white"><span class="zeitWahl" data-zeit="06:30">06:30</span></span><br><span style="background-color:white;text-align:right;"> S: <span style="background-color:white;"><span class="zeitWahl" data-zeit="16:05">16:05</span></span></span><br><span style="background-color:white;text-align:right;"> <span style="color:#4472A8;">D</span>: </span><span style="color:#4472A8;">09:34</span></div><!-- end trow --> <div style="text-align:right;background-color:white;"><span style="background-color:white"><strong><span style="color:#007220">14.</span></strong> R: </span><span style="background-color:white"><span class="zeitWahl" data-zeit="06:32">06:32</span></span><br><span style="background-color:white;text-align:right;"> S: <span style="background-color:white;"><span class="zeitWahl" data-zeit="16:04">16:04</span></span></span><br><span style="background-color:white;text-align:right;"> <span style="color:#4472A8;">D</span>: </span><span style="color:#4472A8;">09:32</span></div><!-- end trow --> <div style="text-align:right;background-color:white;"><span style="background-color:white"><strong><span style="color:#007220">15.</span></strong> R: </span><span style="background-color:white"><span class="zeitWahl" data-zeit="06:33">06:33</span></span><br><span style="background-color:white;text-align:right;"> S: <span style="background-color:white;"><span class="zeitWahl" data-zeit="16:03">16:03</span></span></span><br><span style="background-color:white;text-align:right;"> <span style="color:#4472A8;">D</span>: </span><span style="color:#4472A8;">09:30</span></div><!-- end trow --> <div style="text-align:right;background-color:white;"><span style="background-color:white"><strong><span style="color:#007220">16.</span></strong> R: </span><span style="background-color:white"><span class="zeitWahl" data-zeit="06:35">06:35</span></span><br><span style="background-color:white;text-align:right;"> S: <span style="background-color:white;"><span class="zeitWahl" data-zeit="16:02">16:02</span></span></span><br><span style="background-color:white;text-align:right;"> <span style="color:#4472A8;">D</span>: </span><span style="color:#4472A8;">09:27</span></div><!-- end trow --> <div style="text-align:right;background-color:white;"><span style="background-color:white"><strong><span style="color:#007220">17.</span></strong> R: </span><span style="background-color:white"><span class="zeitWahl" data-zeit="06:36">06:36</span></span><br><span style="background-color:white;text-align:right;"> S: <span style="background-color:white;"><span class="zeitWahl" data-zeit="16:01">16:01</span></span></span><br><span style="background-color:white;text-align:right;"> <span style="color:#4472A8;">D</span>: </span><span style="color:#4472A8;">09:25</span></div><!-- end trow --></div> <!-- next row --> <div class="trow"> <div style="text-align:right;background-color:white;"><span style="background-color:white"><strong><span style="color:#007220">18.</span></strong> R: </span><span style="background-color:white"><span class="zeitWahl" data-zeit="06:37">06:37</span></span><br><span style="background-color:white;text-align:right;"> S: <span style="background-color:white;"><span class="zeitWahl" data-zeit="16:00">16:00</span></span></span><br><span style="background-color:white;text-align:right;"> <span style="color:#4472A8;">D</span>: </span><span style="color:#4472A8;">09:22</span></div><!-- end trow --> <div style="text-align:right;background-color:white;"><span style="background-color:white"><strong><span style="color:#007220">19.</span></strong> R: </span><span style="background-color:white"><span class="zeitWahl" data-zeit="06:39">06:39</span></span><br><span style="background-color:white;text-align:right;"> S: <span style="background-color:white;"><span class="zeitWahl" data-zeit="15:59">15:59</span></span></span><br><span style="background-color:white;text-align:right;"> <span style="color:#4472A8;">D</span>: </span><span style="color:#4472A8;">09:20</span></div><!-- end trow --> <div style="text-align:right;background-color:white;"><span style="background-color:white"><strong><span style="color:#007220">20.</span></strong> R: </span><span style="background-color:white"><span class="zeitWahl" data-zeit="06:40">06:40</span></span><br><span style="background-color:white;text-align:right;"> S: <span style="background-color:white;"><span class="zeitWahl" data-zeit="15:58">15:58</span></span></span><br><span style="background-color:white;text-align:right;"> <span style="color:#4472A8;">D</span>: </span><span style="color:#4472A8;">09:18</span></div><!-- end trow --> <div style="text-align:right;background-color:white;"><span style="background-color:white"><strong><span style="color:#007220">21.</span></strong> R: </span><span style="background-color:white"><span class="zeitWahl" data-zeit="06:41">06:41</span></span><br><span style="background-color:white;text-align:right;"> S: <span style="background-color:white;"><span class="zeitWahl" data-zeit="15:58">15:58</span></span></span><br><span style="background-color:white;text-align:right;"> <span style="color:#4472A8;">D</span>: </span><span style="color:#4472A8;">09:16</span></div><!-- end trow --> <div style="text-align:right;background-color:white;"><span style="background-color:white"><strong><span style="color:#007220">22.</span></strong> R: </span><span style="background-color:white"><span class="zeitWahl" data-zeit="06:43">06:43</span></span><br><span style="background-color:white;text-align:right;"> S: <span style="background-color:white;"><span class="zeitWahl" data-zeit="15:57">15:57</span></span></span><br><span style="background-color:white;text-align:right;"> <span style="color:#4472A8;">D</span>: </span><span style="color:#4472A8;">09:14</span></div><!-- end trow --> <div style="text-align:right;background-color:white;"><span style="background-color:white"><strong><span style="color:#007220">23.</span></strong> R: </span><span style="background-color:white"><span class="zeitWahl" data-zeit="06:44">06:44</span></span><br><span style="background-color:white;text-align:right;"> S: <span style="background-color:white;"><span class="zeitWahl" data-zeit="15:56">15:56</span></span></span><br><span style="background-color:white;text-align:right;"> <span style="color:#4472A8;">D</span>: </span><span style="color:#4472A8;">09:11</span></div><!-- end trow --> <div style="text-align:right;background-color:white;"><span style="background-color:#41FF03"><strong><span style="color:#FF0000">24.</span></strong> R: </span><span style="background-color:white"><span class="zeitWahl" data-zeit="06:45">06:45</span></span><br><span style="background-color:white;text-align:right;"> S: <span style="background-color:white;"><span class="zeitWahl" data-zeit="15:55">15:55</span></span></span><br><span style="background-color:white;text-align:right;"> <span style="color:#4472A8;">D</span>: </span><span style="color:#4472A8;">09:09</span></div><!-- end trow --></div> <!-- next row --> <div class="trow"> <div style="text-align:right;background-color:white;"><span style="background-color:white"><strong><span style="color:#007220">25.</span></strong> R: </span><span style="background-color:white"><span class="zeitWahl" data-zeit="06:47">06:47</span></span><br><span style="background-color:white;text-align:right;"> S: <span style="background-color:white;"><span class="zeitWahl" data-zeit="15:55">15:55</span></span></span><br><span style="background-color:white;text-align:right;"> <span style="color:#4472A8;">D</span>: </span><span style="color:#4472A8;">09:07</span></div><!-- end trow --> <div style="text-align:right;background-color:white;"><span style="background-color:white"><strong><span style="color:#007220">26.</span></strong> R: </span><span style="background-color:white"><span class="zeitWahl" data-zeit="06:48">06:48</span></span><br><span style="background-color:white;text-align:right;"> S: <span style="background-color:white;"><span class="zeitWahl" data-zeit="15:54">15:54</span></span></span><br><span style="background-color:white;text-align:right;"> <span style="color:#4472A8;">D</span>: </span><span style="color:#4472A8;">09:06</span></div><!-- end trow --> <div style="text-align:right;background-color:white;"><span style="background-color:white"><strong><span style="color:#007220">27.</span></strong> R: </span><span style="background-color:white"><span class="zeitWahl" data-zeit="06:49">06:49</span></span><br><span style="background-color:white;text-align:right;"> S: <span style="background-color:white;"><span class="zeitWahl" data-zeit="15:53">15:53</span></span></span><br><span style="background-color:white;text-align:right;"> <span style="color:#4472A8;">D</span>: </span><span style="color:#4472A8;">09:04</span></div><!-- end trow --> <div style="text-align:right;background-color:white;"><span style="background-color:white"><strong><span style="color:#007220">28.</span></strong> R: </span><span style="background-color:white"><span class="zeitWahl" data-zeit="06:50">06:50</span></span><br><span style="background-color:white;text-align:right;"> S: <span style="background-color:white;"><span class="zeitWahl" data-zeit="15:53">15:53</span></span></span><br><span style="background-color:white;text-align:right;"> <span style="color:#4472A8;">D</span>: </span><span style="color:#4472A8;">09:02</span></div><!-- end trow --> <div style="text-align:right;background-color:white;"><span style="background-color:white"><strong><span style="color:#007220">29.</span></strong> R: </span><span style="background-color:white"><span class="zeitWahl" data-zeit="06:52">06:52</span></span><br><span style="background-color:white;text-align:right;"> S: <span style="background-color:white;"><span class="zeitWahl" data-zeit="15:52">15:52</span></span></span><br><span style="background-color:white;text-align:right;"> <span style="color:#4472A8;">D</span>: </span><span style="color:#4472A8;">09:00</span></div><!-- end trow --> <div style="text-align:right;background-color:white;"><span style="background-color:white"><strong><span style="color:#007220">30.</span></strong> R: </span><span style="background-color:white"><span class="zeitWahl" data-zeit="06:53">06:53</span></span><br><span style="background-color:white;text-align:right;"> S: <span style="background-color:white;"><span class="zeitWahl" data-zeit="15:52">15:52</span></span></span><br><span style="background-color:white;text-align:right;"> <span style="color:#4472A8;">D</span>: </span><span style="color:#4472A8;">08:59</span></div><!-- end trow --><div style="background-color:white"><br><br><br></div><div class="tfooter"></div> </div> <!-- end trows --> </div><!-- end tbody --> </div><!-- end ttable --> </div><!-- end twrapper --> </div><!-- end overflow, end table --> <div style="max-width:530px;text-align:center;background-color:white;"> <div style="background-color:#DDDDDD;text-align:center;"><strong>Twilight type: official.</strong><br><strong><span class="glyphicon glyphicon-info-sign" aria-hidden="true"></span> R: Sunrise, S: Sunset, D: Day length in hours</strong></div> <p> Moon phases above in the tab <strong><a href="#paneMoon" data-toggle="tab">Moon Times</a></strong> </div></div> <!-- end Container --> </div> <!-- Tab home1 end --> <!-- Tab Moon start --> <div role="tabpanel" class="tab-pane fade" id="paneMoon"> <div class="container"> <div style="max-width:560px;text-align:center"> <div class="heading2">Moonset - Moonrise</div> </div> <div style="max-width:560px;text-align:center;background-color:white;"><span class="glyphicon glyphicon-arrow-left" aria-hidden="true"></span> Too few weekdays visible? Scroll! <span class="glyphicon glyphicon-arrow-right" aria-hidden="true"></span></div> <!-- moontable start --> <div style="overflow-x:auto;"> <div class="twrapper"> <div class="ttable"> <div class="tbody"> <div class="trow"> <div style="background-color:#DDDDDD;">Date</div><div style="background-color:#DDDDDD;">Date</div><div style="background-color:#DDDDDD;">Date</div><div style="background-color:#DDDDDD;">Date</div><div style="background-color:#DDDDDD;">Date</div><div style="background-color:#DDDDDD;">Date</div><div style="background-color:#DDDDDD;">Date</div> </div> <!-- end trow --> <div class="trow"><!-- start trow --> <div style="background-color:#E5F6FF"><br><br><br></div><div style="background-color:#E5F6FF"><br><br><br></div><div style="background-color:#E5F6FF"><br><br><br></div><div style="background-color:#E5F6FF"><br><br><br></div> <div style="text-align:left;background-color:#E5F6FF;"><span style="background-color:#CEDDE5;">01. R: </span><span style="background-color:#CEDDE5">06:07</span><br><span style="background-color:#E5F6FF;">01. S: </span><span style="background-color:#E5F6FF;">15:58</span><span style="color:#000000; background-color:#E5F6FF;"><br>● (0.3%)</span></div><!-- end trow --> <div style="text-align:left;background-color:#E5F6FF;"><span style="background-color:#CEDDE5;">02. R: </span><span style="background-color:#CEDDE5">07:15</span><br><span style="background-color:#E5F6FF;">02. S: </span><span style="background-color:#E5F6FF;">16:20</span><span style="color:#8700D5; background-color:#E5F6FF;"><br>● (0.17%)</span></div><!-- end trow --> <div style="text-align:left;background-color:#E5F6FF;"><span style="background-color:#CEDDE5;">03. R: </span><span style="background-color:#CEDDE5">08:25</span><br><span style="background-color:#E5F6FF;">03. S: </span><span style="background-color:#E5F6FF;">16:49</span><span style="color:#000000; background-color:#E5F6FF;"><br>● (1.9%)</span></div><!-- end trow --></div> <!-- next row --> <div class="trow"> <div style="text-align:left;background-color:#E5F6FF;"><span style="background-color:#CEDDE5;">04. R: </span><span style="background-color:#CEDDE5">09:33</span><br><span style="background-color:#E5F6FF;">04. S: </span><span style="background-color:#E5F6FF;">17:26</span><span style="color:#000000; background-color:#E5F6FF;"><br>⇑ (5.49%)</span></div><!-- end trow --> <div style="text-align:left;background-color:#E5F6FF;"><span style="background-color:#CEDDE5;">05. R: </span><span style="background-color:#CEDDE5">10:36</span><br><span style="background-color:#E5F6FF;">05. S: </span><span style="background-color:#E5F6FF;">18:16</span><span style="color:#000000; background-color:#E5F6FF;"><br>⇑ (10.88%)</span></div><!-- end trow --> <div style="text-align:left;background-color:#E5F6FF;"><span style="background-color:#CEDDE5;">06. R: </span><span style="background-color:#CEDDE5">11:30</span><br><span style="background-color:#E5F6FF;">06. S: </span><span style="background-color:#E5F6FF;">19:17</span><span style="color:#000000; background-color:#E5F6FF;"><br>⇑ (17.94%)</span></div><!-- end trow --> <div style="text-align:left;background-color:#E5F6FF;"><span style="background-color:#CEDDE5;">07. R: </span><span style="background-color:#CEDDE5">12:14</span><br><span style="background-color:#E5F6FF;">07. S: </span><span style="background-color:#E5F6FF;">20:28</span><span style="color:#000000; background-color:#E5F6FF;"><br>⇑ (26.47%)</span></div><!-- end trow --> <div style="text-align:left;background-color:#E5F6FF;"><span style="background-color:#CEDDE5;">08. R: </span><span style="background-color:#CEDDE5">12:48</span><br><span style="background-color:#E5F6FF;">08. S: </span><span style="background-color:#E5F6FF;">21:44</span><span style="color:#000000; background-color:#E5F6FF;"><br>◐ (36.22%)</span></div><!-- end trow --> <div style="text-align:left;background-color:#E5F6FF;"><span style="background-color:#CEDDE5;">09. R: </span><span style="background-color:#CEDDE5">13:14</span><br><span style="background-color:#E5F6FF;">09. S: </span><span style="background-color:#E5F6FF;">23:03</span><span style="color:#000000; background-color:#E5F6FF;"><br>◐ (46.83%)</span></div><!-- end trow --> <div style="text-align:left;background-color:#E5F6FF;"><span style="background-color:#CEDDE5;">10. R: </span><span style="background-color:#CEDDE5">13:36</span><br><span style="background-color:#E5F6FF;">11. S: </span><span style="background-color:#E5F6FF;">00:23</span><span style="color:#000000; background-color:#E5F6FF;"><br>◐ (57.86%)</span></div><!-- end trow --></div> <!-- next row --> <div class="trow"> <div style="text-align:left;background-color:#E5F6FF;"><span style="background-color:#CEDDE5;">11. R: </span><span style="background-color:#CEDDE5">13:56</span><br><span style="background-color:#E5F6FF;">12. S: </span><span style="background-color:#E5F6FF;"> --:-- </span><span style="color:#000000; background-color:#E5F6FF;"><br>◐ (68.8%)</span></div><!-- end trow --> <div style="text-align:left;background-color:#E5F6FF;"><span style="background-color:#E5F6FF;">12. S: </span><span style="background-color:#E5F6FF">01:43</span><br><span style="background-color:#CEDDE5;">12. R: </span><span style="background-color:#CEDDE5;">14:15</span><span style="color:#000000; background-color:#E5F6FF;"><br>⇑ (79.01%)</span></div><!-- end trow --> <div style="text-align:left;background-color:#E5F6FF;"><span style="background-color:#E5F6FF;">13. S: </span><span style="background-color:#E5F6FF">03:05</span><br><span style="background-color:#CEDDE5;">13. R: </span><span style="background-color:#CEDDE5;">14:34</span><span style="color:#000000; background-color:#E5F6FF;"><br>⇑ (87.82%)</span></div><!-- end trow --> <div style="text-align:left;background-color:#E5F6FF;"><span style="background-color:#E5F6FF;">14. S: </span><span style="background-color:#E5F6FF">04:29</span><br><span style="background-color:#CEDDE5;">14. R: </span><span style="background-color:#CEDDE5;">14:56</span><span style="color:#000000; background-color:#E5F6FF;"><br>⇑ (94.58%)</span></div><!-- end trow --> <div style="text-align:left;background-color:#E5F6FF;"><span style="background-color:#E5F6FF;">15. S: </span><span style="background-color:#E5F6FF">05:55</span><br><span style="background-color:#CEDDE5;">15. R: </span><span style="background-color:#CEDDE5;">15:23</span><span style="color:#000000; background-color:#E5F6FF;"><br>○ (98.74%)</span></div><!-- end trow --> <div style="text-align:left;background-color:#E5F6FF;"><span style="background-color:#E5F6FF;">16. S: </span><span style="background-color:#E5F6FF">07:22</span><br><span style="background-color:#CEDDE5;">16. R: </span><span style="background-color:#CEDDE5;">15:58</span><span style="color:#D55C00; background-color:#E5F6FF;"><br>○ (99.99%)</span></div><!-- end trow --> <div style="text-align:left;background-color:#E5F6FF;"><span style="background-color:#E5F6FF;">17. S: </span><span style="background-color:#E5F6FF">08:45</span><br><span style="background-color:#CEDDE5;">17. R: </span><span style="background-color:#CEDDE5;">16:44</span><span style="color:#000000; background-color:#E5F6FF;"><br>○ (98.34%)</span></div><!-- end trow --></div> <!-- next row --> <div class="trow"> <div style="text-align:left;background-color:#E5F6FF;"><span style="background-color:#E5F6FF;">18. S: </span><span style="background-color:#E5F6FF">09:57</span><br><span style="background-color:#CEDDE5;">18. R: </span><span style="background-color:#CEDDE5;">17:43</span><span style="color:#000000; background-color:#E5F6FF;"><br>⇓ (94.07%)</span></div><!-- end trow --> <div style="text-align:left;background-color:#E5F6FF;"><span style="background-color:#E5F6FF;">19. S: </span><span style="background-color:#E5F6FF">10:53</span><br><span style="background-color:#CEDDE5;">19. R: </span><span style="background-color:#CEDDE5;">18:52</span><span style="color:#000000; background-color:#E5F6FF;"><br>⇓ (87.65%)</span></div><!-- end trow --> <div style="text-align:left;background-color:#E5F6FF;"><span style="background-color:#E5F6FF;">20. S: </span><span style="background-color:#E5F6FF">11:34</span><br><span style="background-color:#CEDDE5;">20. R: </span><span style="background-color:#CEDDE5;">20:06</span><span style="color:#000000; background-color:#E5F6FF;"><br>⇓ (79.64%)</span></div><!-- end trow --> <div style="text-align:left;background-color:#E5F6FF;"><span style="background-color:#E5F6FF;">21. S: </span><span style="background-color:#E5F6FF">12:04</span><br><span style="background-color:#CEDDE5;">21. R: </span><span style="background-color:#CEDDE5;">21:19</span><span style="color:#000000; background-color:#E5F6FF;"><br>⇓ (70.6%)</span></div><!-- end trow --> <div style="text-align:left;background-color:#E5F6FF;"><span style="background-color:#E5F6FF;">22. S: </span><span style="background-color:#E5F6FF">12:28</span><br><span style="background-color:#CEDDE5;">22. R: </span><span style="background-color:#CEDDE5;">22:30</span><span style="color:#000000; background-color:#E5F6FF;"><br>◑ (60.99%)</span></div><!-- end trow --> <div style="text-align:left;background-color:#E5F6FF;"><span style="background-color:#E5F6FF;">23. S: </span><span style="background-color:#E5F6FF">12:46</span><br><span style="background-color:#CEDDE5;">23. R: </span><span style="background-color:#CEDDE5;">23:37</span><span style="color:#000000; background-color:#E5F6FF;"><br>◑ (51.22%)</span></div><!-- end trow --> <div style="text-align:left;background-color:#E5F6FF;"><span style="background-color:#E5F6FF;color:#FF0000;">24. S: </span><span style="background-color:#E5F6FF">13:01</span><br><span style="background-color:#CEDDE5;">25. R: </span><span style="background-color:#CEDDE5;">00:42</span><span style="color:#000000; background-color:#E5F6FF;"><br>◑ (41.61%)</span></div><!-- end trow --></div> <!-- next row --> <div class="trow"> <div style="text-align:left;background-color:#E5F6FF;"><span style="background-color:#E5F6FF;">25. S: </span><span style="background-color:#E5F6FF">13:16</span><br><span style="background-color:#CEDDE5;">26. R: </span><span style="background-color:#CEDDE5;"> --:-- </span><span style="color:#000000; background-color:#E5F6FF;"><br>◑ (32.45%)</span></div><!-- end trow --> <div style="text-align:left;background-color:#E5F6FF;"><span style="background-color:#CEDDE5;">26. R: </span><span style="background-color:#CEDDE5">01:46</span><br><span style="background-color:#E5F6FF;">26. S: </span><span style="background-color:#E5F6FF;">13:30</span><span style="color:#000000; background-color:#E5F6FF;"><br>⇓ (23.97%)</span></div><!-- end trow --> <div style="text-align:left;background-color:#E5F6FF;"><span style="background-color:#CEDDE5;">27. R: </span><span style="background-color:#CEDDE5">02:50</span><br><span style="background-color:#E5F6FF;">27. S: </span><span style="background-color:#E5F6FF;">13:46</span><span style="color:#000000; background-color:#E5F6FF;"><br>⇓ (16.42%)</span></div><!-- end trow --> <div style="text-align:left;background-color:#E5F6FF;"><span style="background-color:#CEDDE5;">28. R: </span><span style="background-color:#CEDDE5">03:56</span><br><span style="background-color:#E5F6FF;">28. S: </span><span style="background-color:#E5F6FF;">14:03</span><span style="color:#000000; background-color:#E5F6FF;"><br>⇓ (10.04%)</span></div><!-- end trow --> <div style="text-align:left;background-color:#E5F6FF;"><span style="background-color:#CEDDE5;">29. R: </span><span style="background-color:#CEDDE5">05:03</span><br><span style="background-color:#E5F6FF;">29. S: </span><span style="background-color:#E5F6FF;">14:24</span><span style="color:#000000; background-color:#E5F6FF;"><br>⇓ (5.05%)</span></div><!-- end trow --> <div style="text-align:left;background-color:#E5F6FF;"><span style="background-color:#CEDDE5;">30. R: </span><span style="background-color:#CEDDE5">06:13</span><br><span style="background-color:#E5F6FF;">30. S: </span><span style="background-color:#E5F6FF;">14:51</span><span style="color:#000000; background-color:#E5F6FF;"><br>● (1.67%)</span></div><!-- end trow --><div style="background-color:#E5F6FF"><br><br><br></div><div class="tfooter"></div> </div> <!-- end trows --> </div> <!-- end tbody --> </div> <!-- end ttable --> </div> <!-- end twrapper --> </div> <!-- end overflow, end MOON-table --> <div style="max-width:560px;text-align:center"> <p><strong><span class="glyphicon glyphicon-info-sign" aria-hidden="true"></span> S: Moonset, R: Moonrise </strong> <br>● New Moon, ○ Full Moon, ⇑ Waxing, ⇓ Waning, ◐ First Quarter, ◑ Last Quarter (at 0:00) <br><strong><a href="#home1" data-toggle="tab">Back to Solar Calendar</a></strong></p> <p>(Times also available at <a href="https://mondaufgang-monduntergang.de" title="Moonrise Moonset Times" rel="noreferrer" target="_blank">mondaufgang-monduntergang.de</a>) </p> </div> </div> <!-- container end --> </div><!-- Tab Moon end --> <!-- Tab MyTime start --> <script> function berechneDeineZeit() { // Sammle alle Zeiten aus den Eingabefeldern let gesamtDauerMinuten = 0; $('input[name="zeiten[]"]').each(function() { gesamtDauerMinuten += parseInt($(this).val(), 10); }); // Berechne Stunden und Minuten let gesamtStunden = Math.floor(gesamtDauerMinuten / 60); let restMinuten = gesamtDauerMinuten % 60; let gesamtDauerFormatiert = gesamtStunden.toString().padStart(2, '0') + ':' + restMinuten.toString().padStart(2, '0'); // Lese die eingegebene Zeit ein und erstelle ein Date-Objekt let eingegebeneZeit = $('#eingegebeneZeit').val(); let eingegebeneStunden = parseInt(eingegebeneZeit.split(':')[0], 10); let eingegebeneMinuten = parseInt(eingegebeneZeit.split(':')[1], 10); let eingegebeneDatum = new Date(); eingegebeneDatum.setHours(eingegebeneStunden, eingegebeneMinuten, 0, 0); // Berechne die Aufstehzeit und die Fertigkeitszeit let aufstehZeit = new Date(eingegebeneDatum); aufstehZeit.setMinutes(aufstehZeit.getMinutes() - gesamtDauerMinuten); let fertigZeit = new Date(eingegebeneDatum); fertigZeit.setMinutes(fertigZeit.getMinutes() + gesamtDauerMinuten); // Formatierung der Zeiten let aufstehStunden = aufstehZeit.getHours().toString().padStart(2, '0'); let aufstehMinuten = aufstehZeit.getMinutes().toString().padStart(2, '0'); let fertigStunden = fertigZeit.getHours().toString().padStart(2, '0'); let fertigMinuten = fertigZeit.getMinutes().toString().padStart(2, '0'); // Setze das Ergebnis in das Modal $('#berechnungsergebnis').html(`If you start at ${eingegebeneZeit},<br>you will be finished at ${fertigStunden}:${fertigMinuten}.<br>If you want to finish at ${eingegebeneZeit},<br>you need to start at ${aufstehStunden}:${aufstehMinuten}.<br>You will need a total of<br>${gesamtDauerFormatiert} hours.`); // Zeige das Modal an $('#ergebnisModal').modal('show'); } // Event-Handler für den Berechnen-Button $(document).on('click', '#berechnenButton', function() { berechneDeineZeit(); }); $(document).ready(function() { let aufgabenListe = $('#aufgabenListe'); // Funktion, um eine neue Aufgabe hinzuzufügen $('#neueAufgabeHinzufuegen').click(function() { let aufgabenNummer = aufgabenListe.children().length + 1; aufgabenListe.append(` <div class="aufgabe"> <label for="aufgabe_${aufgabenNummer}">Task ${aufgabenNummer}</label> <input type="text" name="aufgaben[]" id="aufgabe_${aufgabenNummer}" placeholder="Task designation" required> <input type="number" name="zeiten[]" min="0" placeholder="Duration in minutes" required> <button type="button" class="aufgabeEntfernen">-</button> </div> `); }); // Function to remove a task aufgabenListe.on('click', '.aufgabeEntfernen', function() { $(this).parent('.aufgabe').remove(); // Update task numbers after removing a task aufgabenListe.children().each(function(index) { $(this).find('label').attr('for', `aufgabe_${index + 1}`).text(`Task ${index + 1}`); $(this).find('input[type="text"]').attr('id', `aufgabe_${index + 1}`); }); }); }); window.addEventListener('load', function() { var jetzt = new Date(); var stunden = jetzt.getHours().toString().padStart(2, '0'); var minuten = jetzt.getMinutes().toString().padStart(2, '0'); var aktuelleZeit = stunden + ':' + minuten; document.getElementById('eingegebeneZeit').value = aktuelleZeit; }); </script> <div role="tabpanel" class="tab-pane fade" id="paneMyTime"> <div class="container"> <div style="max-width:560px;text-align:justify"> <div class="heading2">Scheduler – Efficient Day Planning with Sunrise and Sunset</div> <div class="cpb-10">Discover and use the scheduler, an intuitive online tool that supports your daily planning. With this user-friendly helper, you can not only list tasks and set the required times, but also seamlessly integrate times for sunrise and sunset into your planning.</div> <div class="cpb-10">A special feature of the scheduler is the ability to directly transfer a time displayed in the calendar – that is, the time of sunrise or sunset – into the time planning calculator by simply clicking or tapping on it. This saves time and makes planning more efficient, easier, and more accurate. (Note: The mouse pointer does not change in the calendar.)</div> <div class="cpb-10">Plan your activities in harmony with natural daylight to increase your productivity. The scheduler helps you organize your tasks around important times of the day, such as sunrise and sunset. Whether you want to start your day with a relaxing morning run or enjoy the evening after work, this tool supports you in making the most of your time.</div> <div class="cpb-10">Easy to use but effective in implementation: Choose a start or end time, add your tasks, and the scheduler calculates the perfect schedule. Maximize your efficiency and make the most of every day – with the scheduler, it's easy to stay on top of things and manage your time effectively.</div> <!-- form start --> <form id="zeitFormular"> <div id="aufgabenListe"> <!-- Task inputs can be added here --> </div> <p> <button type="button" id="neueAufgabeHinzufuegen">Add New Task</button> <button type="button" onclick="berechneDeineZeit()">Calculate</button><br> </p> <p>Start or End Time: <input type="time" name="eingegebeneZeit" id="eingegebeneZeit" required> </p> </form> <!-- form end --> <!-- Bootstrap Modal --> <div class="modal fade" id="ergebnisModal" tabindex="-1" role="dialog" aria-labelledby="modalLabel" aria-hidden="true"> <div class="modal-dialog modal-sm" role="document"> <div class="modal-content"> <div class="modal-header text-center"> <h5 class="modal-title" id="modalLabel">Result</h5> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> </div> <div class="modal-body text-center"> <p id="berechnungsergebnis"></p> </div> <div class="modal-footer text-center"> <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button> </div> </div><!-- content end --> </div><!-- dialog end --> </div><!-- fade end --> </div><!-- internal end --> </div> <!-- container end --> </div> <!-- tabpanel end --> <!-- Tab MyTime end --> <div role="tabpanel" class="tab-pane fade" id="paneTwo1"> <div class="container"> <!-- Impressum / Datenschutz start --> <div style="max-width:560px; text-align:left; padding:20px; border:thin solid black; background-color:#f0f0f0; box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.1); border-radius: 10px;"> <div class="heading2">Imprint</div> <div class="heading3">Responsible according to § 18 Abs. 2 MStV:</div> <p>Guido Gerding<br> <br> Heerdestraße 3<br> D-48149 Münster</p> <div class="heading3">Contact:</div> <p>Phone: +49 251 6867211<br> Email: <!-- Email Button START --> <!-- modal start --> <!-- Trigger --> <button type="button" class="btn btn-info btn-xs" data-toggle="modal" data-target="#myEmail"><span class="glyphicon glyphicon-envelope" aria-hidden="true"></span> Guido Gerding gerding@sonnenaufgang-sonnenuntergang.de </button> <!-- Modal --> <div class="modal fade" id="myEmail" role="dialog"> <div class="modal-dialog modal-sm" role="document"> <!-- Modal content--> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal">×</button> <div class="modal-title heading4">Info about Email</div> </div> <div class="modal-body"> <p>Please note that if you write an email, you will of course transmit your email address. Personal data that you transmit in this way (e.g., your email address or other data in a signature) will be used by me exclusively for the purpose of the email (e.g., response). The data will never be forwarded to third parties. You can request the deletion of your data from me at any time.</p> <p><img src="Smile.png" width="26" height="26" alt="Thank you!" title="Thank you!"> Thank you for your email!</p> <p><a href="mailto:gerding@sonnenaufgang-sonnenuntergang.de" title="Email">gerding@sonnenaufgang-sonnenuntergang.de</a></p> </div> <div class="modal-footer"> <button type="button" class="btn btn-default pull-left" data-dismiss="modal">Close</button> </div> </div> </div> </div> <!-- modal end --> <!-- Email Button END --> <div class="heading3">VAT:</div> <p>VAT identification number according to §27 a Umsatzsteuergesetz:<br> DE275065562</p> <div class="heading3">Dispute Resolution</div> <p>The website operator is not willing or obligated to participate in dispute resolution procedures before a consumer arbitration board.</p> <div class="heading4">Liability for Content</div> <p>As a service provider, I am responsible for my own content on these pages in accordance with § 7 para.1 TMG under the general laws. According to §§ 8 to 10 TMG, as a service provider, I am not obligated to monitor transmitted or stored external information or to investigate circumstances that indicate illegal activity.</p> <p>Obligations to remove or block the use of information under general laws remain unaffected by this. However, liability in this regard is only possible from the time of knowledge of a specific legal violation. Upon becoming aware of such legal violations, I will remove this content immediately.</p> <div class="heading4">Liability for Links</div> <p>My offer contains links to external websites of third parties, on whose content I have no influence. Therefore, I cannot assume any liability for these external contents. The respective provider or operator of the pages is always responsible for the content of the linked pages. The linked pages were checked for possible legal violations at the time of linking. Illegal content was not recognizable at the time of linking.</p> <p>A permanent content control of the linked pages is, however, not reasonable without concrete evidence of a legal violation. Upon becoming aware of legal violations, I will remove such links immediately.</p> <div class="heading4">Copyright</div> <p>The content and works created by the site operators on these pages are subject to German copyright law. The duplication, editing, distribution, and any kind of exploitation outside the limits of copyright law require the written consent of the respective author or creator. Downloads and copies of this site are only permitted for private, non-commercial use.</p> <p>Insofar as the content on this site was not created by the operator, the copyrights of third parties are respected. In particular, third-party content is marked as such. Should you nevertheless become aware of a copyright infringement, please provide a corresponding notice. Upon becoming aware of legal violations, I will remove such content immediately.</p> <hr><div class="text-center"> <div class="heading2">PRIVACY POLICY</div> </div> <div class="heading3" style="text-align: center"><a href="privacy.html" target="_blank">You can access the privacy policy via this link.</a></div> </div> </div> </div><!-- Impressum / Datenschutz end --> <div role="tabpanel" class="tab-pane fade" id="tabDropDownOne1"> <!-- start Attr --> <div class="container"> <!-- start container --> <p><a href="GM/bookmark.php" title="Location Pre-selection">Pre-selected Locations <img src="sonnenaufgang.png" width="40" height="22" alt="Sunrise" title="Location Pre-selection"></a></p> <p>For interactive input of your coordinates, please click on this <a title="Coordinate Search for Your Location" onclick=getLocation();>[Link] (worldwide)</a></p> <p>Or: Enter place name or postal code. The postal code is best entered in the form "AT 6370", "CH 6433", "DE 90513", etc.</p> <div style="width:260px"><form action="GM/coords_plz.php" name="coplz"> Postal Code:<input type="text" name="plz" class="form-control"><input type="reset" class="btn btn-default" value="C"> <input type="submit" class="btn btn-default" onclick="IsCountryCode(this.form.plz.value)" value="Find"> </form></div> <h3>Further Settings</h3> <div style="width:260px"><form action="." name="Adjustment"><a id="aktualisieren"></a> <p>Month: <select class="form-control" name="month"> <option value="1">Januar</option><option value="2">Februar</option><option value="3">März</option><option value="4">April</option><option value="5">Mai</option><option value="6">Juni</option><option value="7">Juli</option><option value="8">August</option><option value="9">September</option><option value="10">Oktober</option><option value="11" selected="selected">November</option><option value="12">Dezember</option></select></p> <p>Year: <input name="year" type="text" class="form-control" value="2024"></p> <p> Latitude: <input name="latitude" type="text" class="form-control" value="46.1"> Longitude: <input name="longitude" type="text" class="form-control" value="36.5"></p> <p><a href="#TZInfo" class="txtln" title="Information on Time Difference">Notes on setting the timezone below:</a></p> <p>Time Difference <input name="timezone" type="text" class="form-control" value="1"> <a href="https://de.wikipedia.org/wiki/Zeitzone" rel="noreferrer" target="_blank" class="txtln" title="Wikipedia :: Article :: Time Zone">[⇒ Wiki]</a></p> <span data-tooltip="Here you set the type of twilight. "Twilight" refers to the time before sunrise and after sunset when the sun is still (or already) below the horizon, but the sky is already (or still) more or less bright (see also the explanation below)" data-tooltip-position="right">Zenith <span class="glyphicon glyphicon-info-sign" aria-hidden="true"></span>:</span> <select class="form-control" name="zenith"> <option value="90.83333333333" selected>90°50' Official</option> <option value="96">96° Civil</option> <option value="102">102° Nautical</option> <option value="108">108° Astronomical</option> </select> <input type="hidden" name="location" value=""> <input type="hidden" name="tzid" value="Etc/GMT-2"> <input type="hidden" name="hoffset" value="2"> <input type="hidden" name="view" value="month"> <input type="hidden" name="resulting" value="1"> <input type="submit" class="btn btn-default" value="Update"> </form> </div> <h3>Important Notes</h3> <p>You can easily customize the calendar to a location. To do this, please either enter the coordinates in the fields above or use one of the interactive input options or the search via the postal code. In order to use the calendar for any location, it must first be set to that location. However, if you have reached this page through an already customized link, the adjustment to a location is usually not necessary. If youIf you don't know the coordinates, you can determine them conveniently and interactively as mentioned. Through the interactive coordinate selection, you can find places worldwide.</p> <p>The calendar takes into account daylight saving time and standard time. Please note that you may need to adjust the time zone, as the times in the calendar are based on GMT +2 hours (Berlin time zone). "GMT" is somewhat the world base time. Without an adjustment, the calendar will show, for example, what time the sun rises in New York according to Berlin time. <a href="https://de.wikipedia.org/wiki/Zeitzone" rel="noreferrer" target="_blank" class="txtln" title="Information about time zones">(Further explanation and help on time zones in Wikipedia)</a>. In the months of the daylight saving time change, the times are mixed. In these months, the sudden jump of one hour is explained. If you want to determine the times for a specific country in a different time zone, you need to enter the difference ("time difference") into the form above. For the example of New York, this means you replace the "0" with "-6" and then click "Update" again.</p> <p><a id="TZInfo"></a> <strong>If you display information about the time zone</strong>, you will see this information directly above the calendar for the currently selected location. The bold number indicates the difference to standard time (GMT). DST indicates whether daylight saving time or standard time is currently in effect at the location. Please consider this if you are performing a calculation for a future or past date. </p> <p>You can use this small calculator to calculate the difference. You then need to update via the form above:</p> <div style="width:260px"><form name="TZCalc" action="."> Location: GMT<input type="text" name="tz" class="form-control" value="2"> Local value: GMT<input type="text" name="dzone" class="form-control" value="+1"> Difference: <input type="text" name="zone" class="form-control"> <input type="button" value="[=]" class="btn btn-default" onclick="CalcTZDiff();"> </form><a href="#aktualisieren" class="txtln" title="Refresh page and adjust time information" >Link to the input.</a> </div> <p> <strong>Attention!</strong> Please check whether there is a daylight saving time change in the relevant country, in which months these changes occur, and how large the time differences are. And keep in mind that on the southern hemisphere, summer is during our winter (and vice versa). You need to additionally account for this information in the table. </p> <p> The values become less accurate the further north (or south) the locations are. The calculation is based on an astronomical model that refers to locations at sea level. Therefore, the calculations may differ from the actual times at your location for various reasons. One reason could be the altitude at which you are located. The higher your location, the longer the day length.<br> The mere indication of the moon phases does not allow conclusions about the light conditions at night. </p> The underlying code has been tested. Nevertheless, <strong>no guarantee for the correctness of the calculation</strong> can be given <span class="glyphicon glyphicon-exclamation-sign" aria-hidden="true"></span> <h3>Note on the types of twilight (-> "Zenith")</h3> <p> "Twilight" generally refers to the time when the sun is just setting in the evening. It can equally refer to the time when the sun is rising in the morning. During twilight, the sun is hidden below the horizon. However, the sky already (or still) glows a little to very brightly.</p> <p> When flying in an airplane, due to the spherical shape of the earth, you can see the sun a bit longer compared to an observer on the ground. The observer on the ground, on the other hand, still sees the airplane in sunlight, although the sun has already disappeared below the horizon. The atmosphere reflects the sun's rays and continues to glow for a while, even though the sun has already set (or for a while before it rises).</p> <p> There are four categories of twilight. When the sun just disappears below the horizon, the twilight of the "official" sunset begins. After that, when the sun is no longer visible, the "civil twilight" follows. During this time, most outdoor activities can still be carried out without additional light. Then the "nautical twilight" follows. The sky is already so dark that the brighter stars are easily visible. The horizon is still recognizable at sea. When the sun has disappeared 12 degrees below the horizon, the horizon at sea also disappears into the darkness. </p> <p> Then the "astronomical twilight" follows. More and more stars become visible, but the sky is still too bright for an astronomer to work. Only when the sun has disappeared 18 degrees below the horizon does the last twilight also disappear.</p> </div> <!-- end container --> <!-- end Attr --> </div> <div role="tabpanel" class="tab-pane fade" id="tabDropDownTwo1"> <!-- start csv --> <div class="container"> <!-- start container --> <p>DST = Daylight Saving Time</p> <p> "Date","Sunrise","Sunset","<span style="color: #CF6D20">Noon</span>","Sunlight (hours)","DST"<br> "Freitag, 01. November 2024","06:13:47","16:21:21","<span style="color: #CF6D20">10:17:34</span>","10:07:34","no"<br>"Samstag, 02. November 2024","06:15:12","16:19:54","<span style="color: #CF6D20">10:17:33</span>","10:04:42","no"<br>"Sonntag, 03. November 2024","06:16:38","16:18:28","<span style="color: #CF6D20">10:17:33</span>","10:01:50","no"<br>"Montag, 04. November 2024","06:18:03","16:17:04","<span style="color: #CF6D20">10:17:34</span>","09:59:01","no"<br>"Dienstag, 05. November 2024","06:19:29","16:15:42","<span style="color: #CF6D20">10:17:36</span>","09:56:13","no"<br>"Mittwoch, 06. November 2024","06:20:55","16:14:22","<span style="color: #CF6D20">10:17:38</span>","09:53:27","no"<br>"Donnerstag, 07. November 2024","06:22:20","16:13:03","<span style="color: #CF6D20">10:17:42</span>","09:50:43","no"<br>"Freitag, 08. November 2024","06:23:46","16:11:46","<span style="color: #CF6D20">10:17:46</span>","09:48:00","no"<br>"Samstag, 09. November 2024","06:25:11","16:10:30","<span style="color: #CF6D20">10:17:51</span>","09:45:19","no"<br>"Sonntag, 10. November 2024","06:26:36","16:09:17","<span style="color: #CF6D20">10:17:57</span>","09:42:41","no"<br>"Montag, 11. November 2024","06:28:01","16:08:05","<span style="color: #CF6D20">10:18:03</span>","09:40:04","no"<br>"Dienstag, 12. November 2024","06:29:26","16:06:56","<span style="color: #CF6D20">10:18:11</span>","09:37:30","no"<br>"Mittwoch, 13. November 2024","06:30:51","16:05:48","<span style="color: #CF6D20">10:18:19</span>","09:34:57","no"<br>"Donnerstag, 14. November 2024","06:32:15","16:04:42","<span style="color: #CF6D20">10:18:29</span>","09:32:27","no"<br>"Freitag, 15. November 2024","06:33:39","16:03:39","<span style="color: #CF6D20">10:18:39</span>","09:30:00","no"<br>"Samstag, 16. November 2024","06:35:02","16:02:37","<span style="color: #CF6D20">10:18:50</span>","09:27:35","no"<br>"Sonntag, 17. November 2024","06:36:25","16:01:38","<span style="color: #CF6D20">10:19:02</span>","09:25:13","no"<br>"Montag, 18. November 2024","06:37:48","16:00:41","<span style="color: #CF6D20">10:19:14</span>","09:22:53","no"<br>"Dienstag, 19. November 2024","06:39:10","15:59:46","<span style="color: #CF6D20">10:19:28</span>","09:20:36","no"<br>"Mittwoch, 20. November 2024","06:40:31","15:58:53","<span style="color: #CF6D20">10:19:42</span>","09:18:22","no"<br>"Donnerstag, 21. November 2024","06:41:51","15:58:03","<span style="color: #CF6D20">10:19:57</span>","09:16:12","no"<br>"Freitag, 22. November 2024","06:43:11","15:57:15","<span style="color: #CF6D20">10:20:13</span>","09:14:04","no"<br>"Samstag, 23. November 2024","06:44:30","15:56:29","<span style="color: #CF6D20">10:20:30</span>","09:11:59","no"<br>"Sonntag, 24. November 2024","06:45:48","15:55:46","<span style="color: #CF6D20">10:20:47</span>","09:09:58","no"<br>"Montag, 25. November 2024","06:47:06","15:55:05","<span style="color: #CF6D20">10:21:05</span>","09:07:59","no"<br>"Dienstag, 26. November 2024","06:48:22","15:54:26","<span style="color: #CF6D20">10:21:24</span>","09:06:04","no"<br>"Mittwoch, 27. November 2024","06:49:37","15:53:51","<span style="color: #CF6D20">10:21:44</span>","09:04:14","no"<br>"Donnerstag, 28. November 2024","06:50:51","15:53:17","<span style="color: #CF6D20">10:22:04</span>","09:02:26","no"<br>"Freitag, 29. November 2024","06:52:04","15:52:47","<span style="color: #CF6D20">10:22:25</span>","09:00:43","no"<br>"Samstag, 30. November 2024","06:53:16","15:52:18","<span style="color: #CF6D20">10:22:47</span>","08:59:02","no"<br> </p> </div> <!-- end container --> <!-- end csv --> </div> <div role="tabpanel" class="tab-pane fade" id="tabDropDownThree1"> <!-- start dnl --> <div class="container"> <!-- start container --> <!-- <p><a href="KML/sonnenzeiten.kmz" title="Orts-Vorauswahl für Google Earth">Vorgewählte Orte: Download einer KMZ-Datei für Google Earth.</a></p> --> <p><a href=" tableview.php?month=11&year=2024&longitude=36.5&latitude=46.1&timezone=1&zenith=90.83333333333&loc=&tzid=Etc/GMT-2&hoffset=2&view=month" target="blank_" title="Sunrise and Sunset :: Calendar for printing">Calendar view for printing etc.</a></p> <p><a href="csvexport.php?location=&longitude=36.5&latitude=46.1&month=11&year=2024&zenith=90.83333333333&timezone=1" title="CSV File - Sunrise and Sunset" class="txtln">Download a CSV file for November 2024.</a></p> <p><a href="rexport.php?loc=&longitude=36.5&latitude=46.1" title="R Script - Sunrise and Sunset" class="txtln">Download an R script for 2024.</a></p> </div> <!-- end container --> <!-- end dnl --> </div> <!-- end tabDropDownThree1--> <div role="tabpanel" class="tab-pane fade" id="tabDropDownThree2"> <!-- start faq --> <div class="container"> <!-- start container --> <h3>FAQ about Sunrise, Sunset, and the Technology of the Site</h3> <!-- faq1 --> <a href="#faq1" data-toggle="collapse"><span class="glyphicon glyphicon-plus-sign" aria-hidden="true"></span> Errors in March or October?</a> <div id="faq1" class="collapse sasu-faq-box"> <div class="myquestion">Why are the times for sunrise and sunset not continuous during the last weekend in March and October? Is there an error?</div> <div class="myanswer">The observed time jump of one hour in the times for sunrise and sunset during the last weekend in March and October is not an error, but the result of the switch between daylight saving time and standard time. In many countries, including those in Central Europe, the clock is set forward by one hour in March (start of daylight saving time) and set back by one hour in October (end of daylight saving time). This switch leads to an apparent shift in the local times for sunrise and sunset. The actual position of the sun in the sky does not change, only our clock time, by which we divide the day. <a href="#faq1" data-toggle="collapse"><span class="glyphicon glyphicon-ok" aria-hidden="true"></span></a></div> </div><br> <!-- end faq1 --> <!-- faq2 --> <a href="#faq2" data-toggle="collapse"><span class="glyphicon glyphicon-plus-sign" aria-hidden="true"></span> Why doesn't the calendar show seconds?</a> <div id="faq2" class="collapse sasu-faq-box"> <div class="myquestion">I need the data for sunrise and sunset to the exact second. Why is there only a minute-accurate display in the calendar?</div> <div class="myanswer">Even a minute-accurate indication of the data is difficult because the calculation model cannot include all parameters. For example, it also matters at what altitude you are located. However, you can find second-accurate data in the CSV table. This can be important in some contexts, even if the information cannot be more accurate. For ritual purposes, we recommend using this data as a guideline and consulting with local religious authorities if necessary. <a href="#faq2" data-toggle="collapse"><span class="glyphicon glyphicon-ok" aria-hidden="true"></span></a></div> </div><br><!-- end faq2 --> <!-- faq3 --> <a href="#faq3" data-toggle="collapse"><span class="glyphicon glyphicon-plus-sign" aria-hidden="true"></span> I can't find data for the weekend?</a> <div id="faq3" class="collapse sasu-faq-box"> <div class="myquestion">Why do I only see weekdays from Monday to Friday in the calendar on my smartphone?</div> <div class="myanswer">Due to layout constraints, the calendar has a certain size. If this size exceeds the dimensions of your display, only part of the calendar is shown. The missing data for sunrise and sunset will become visible if you move the calendar, i.e., scroll horizontally. <a href="#faq3" data-toggle="collapse"><span class="glyphicon glyphicon-ok" aria-hidden="true"></span></a></div> </div><br><!-- end faq3 --> <!-- faq4 --> <a href="#faq4" data-toggle="collapse"><span class="glyphicon glyphicon-plus-sign" aria-hidden="true"></span> Can I print the calendar?</a> <div id="faq4" class="collapse sasu-faq-box"> <div class="myquestion">I would like to print the calendar, but the other elements on the page bother me. Is there a separate print view?</div> <div class="myanswer">Yes! Although somewhat hidden, in the tabSettings/Info <span class="glyphicon glyphicon-arrow-right" aria-hidden="true"></span> Downloads, you will find a print view of the current calendar. <a href="#faq4" data-toggle="collapse"><span class="glyphicon glyphicon-ok" aria-hidden="true"></span></a></div> </div><br><!-- end faq4 --> <!-- faq5 --> <a href="#faq5" data-toggle="collapse"><span class="glyphicon glyphicon-plus-sign" aria-hidden="true"></span> Earlier Sunset in December</a> <div id="faq5" class="collapse sasu-faq-box"> <div class="myquestion">Why does the sun set earlier on December 11th than on December 21st?</div> <div class="myanswer">Sunset times vary throughout the year due to the tilt of the Earth's axis and its elliptical orbit around the sun. Although the shortest days are around the winter solstice (around December 21st), the earliest sunset often occurs a few days earlier. This is due to the combination of the Earth's axial tilt and the shape of its orbit, which affects the apparent position of the sun in the sky. <a href="#faq5" data-toggle="collapse"><span class="glyphicon glyphicon-ok" aria-hidden="true"></span></a></div> </div><br><!-- end faq5 --> <!-- faq6 --> <a href="#faq6" data-toggle="collapse"><span class="glyphicon glyphicon-plus-sign" aria-hidden="true"></span> Earliest and Latest Sunset/Sunrise</a> <div id="faq6" class="collapse sasu-faq-box"> <div class="myquestion">Why is the earliest sunset in Central Europe around December 11th, but the latest sunrise not until January 1st?</div> <div class="myanswer">This phenomenon can be explained by the tilt of the Earth's axis and the elliptical orbit of the Earth. These factors lead to a shift in the time between sunrise and sunset. While the earliest sunset occurs before the winter solstice, the latest sunrise happens after the winter solstice. This time shift is a natural part of the annual cycle and is directly related to the way the Earth orbits the sun. <a href="#faq6" data-toggle="collapse"><span class="glyphicon glyphicon-ok" aria-hidden="true"></span></a></div> </div><br><!-- end faq6 --> <!-- faq7 --> <a href="#faq7" data-toggle="collapse"><span class="glyphicon glyphicon-plus-sign" aria-hidden="true"></span> Influence of the Elliptical Orbit</a> <div id="faq7" class="collapse sasu-faq-box"> <div class="myquestion">Does the elliptical orbit of the Earth affect the times of sunrise and sunset?</div> <div class="myanswer">Yes, the elliptical shape of the Earth's orbit does have an influence. The Earth does not move in a perfect circle around the sun but in an ellipse. This means that the Earth's speed in its orbit varies. Combined with the tilt of the Earth's axis, this leads to variations in sunrise and sunset times throughout the year. <a href="#faq7" data-toggle="collapse"><span class="glyphicon glyphicon-ok" aria-hidden="true"></span></a></div> </div><br><!-- end faq7 --> <!-- faq8 --> <a href="#faq8" data-toggle="collapse"><span class="glyphicon glyphicon-plus-sign" aria-hidden="true"></span> Accuracy of Sunrise/Sunset Times</a> <div id="faq8" class="collapse sasu-faq-box"> <div class="myquestion">Can I rely on the calculated times of sunrise and sunset to be accurate?</div> <div class="myanswer">The times for sunrise and sunset provided on this website are based on precise astronomical calculations considering the geographical location. However, it should be noted that these calculations can become less accurate near the poles (high latitudes). This is due to complex astronomical conditions and the fact that standard calculation methods are less precise in extreme latitudes. In most inhabited regions, particularly in mid-latitudes, the calculated times are very accurate. If you have doubts about the data or are in a region near the poles, we recommend consulting additional local sources for verification. <a href="#faq8" data-toggle="collapse"><span class="glyphicon glyphicon-ok" aria-hidden="true"></span></a></div> </div><br><!-- end faq8 --> <!-- faq9 --> <a href="#faq9" data-toggle="collapse"><span class="glyphicon glyphicon-plus-sign" aria-hidden="true"></span> Effects of Horizon Obstruction</a> <div id="faq9" class="collapse sasu-faq-box"> <div class="myquestion">How does horizon obstruction affect the times of sunrise and sunset?</div> <div class="myanswer">Horizon obstruction refers to the phenomenon where landscape features such as mountains or buildings block the horizon. This can cause the sunrise to appear later or the sunset to occur earlier than astronomically calculated. Therefore, the actual perception of sunrise and sunset also depends on local topography and structures. Our calculations are based on a clear horizon, so local conditions can lead to deviations. <a href="#faq9" data-toggle="collapse"><span class="glyphicon glyphicon-ok" aria-hidden="true"></span></a></div> </div><br><!-- end faq9 --> <!-- faq10 --> <a href="#faq10" data-toggle="collapse"><span class="glyphicon glyphicon-plus-sign" aria-hidden="true"></span> Sunlight at Altitude After Sunset</a> <div id="faq10" class="collapse sasu-faq-box"> <div class="myquestion">Why does the sun shine on airplanes at high altitudes when it is already dark on the ground?</div> <div class="myanswer">This phenomenon is due to altitude. The higher an object is above the ground, the longer it remains in sunlight, even when the sun has already set for an observer on the ground. This is because the Earth's atmosphere refracts and scatters sunlight. At high altitudes, such as in an airplane, the sun can still be visible even if it has already disappeared below the horizon for ground observers. <a href="#faq10" data-toggle="collapse"><span class="glyphicon glyphicon-ok" aria-hidden="true"></span></a></div> </div><br><!-- end faq10 --> <!-- faq11 --> <a href="#faq11" data-toggle="collapse"><span class="glyphicon glyphicon-plus-sign" aria-hidden="true"></span> Altitude Differences and Daylight Times</a> <div id="faq11" class="collapse sasu-faq-box"> <div class="myquestion">Do altitude differences affect the times of sunrise and sunset?</div> <div class="myanswer">Yes,Elevation differences can affect the times of sunrise and sunset. In higher altitudes, such as in mountains, the sunrise can be perceived earlier and the sunset later than in lower altitudes. This is due to the fact that the horizon is farther away from a higher perspective, making the sun visible for a longer period. <a href="#faq11" data-toggle="collapse"><span class="glyphicon glyphicon-ok" aria-hidden="true"></span></a></div> </div><br><!-- end faq11 --> <!-- faq12 --> <a href="#faq12" data-toggle="collapse"><span class="glyphicon glyphicon-plus-sign" aria-hidden="true"></span> Planning with altitude and local conditions</a> <div id="faq12" class="collapse sasu-faq-box"> <div class="myquestion">Should I consider altitude and local conditions when planning activities around sunrise and sunset?</div> <div class="myanswer">Yes, it is advisable to consider altitude and local conditions such as buildings or mountains when planning activities that depend on the time of sunrise or sunset. Especially in mountainous or heavily built-up areas, these factors can make a noticeable difference in the perception of daylight times. <a href="#faq12" data-toggle="collapse"><span class="glyphicon glyphicon-ok" aria-hidden="true"></span></a></div> </div><br><!-- end faq12 --> <!-- faq13 --> <a href="#faq13" data-toggle="collapse"><span class="glyphicon glyphicon-plus-sign" aria-hidden="true"></span> Constancy of day length around the winter solstice</a> <div id="faq13" class="collapse sasu-faq-box"> <div class="myquestion">Why is the day length almost the same for several days around the winter solstice?</div> <div class="myanswer">Around the winter solstice, which usually takes place on December 21st, the day length in Central Europe changes only minimally over a period of about a week. This is because the rate of change in day length is at its lowest during this time of year. Therefore, we experience a period, not just a single day, with the shortest day lengths of the year. <a href="#faq13" data-toggle="collapse"><span class="glyphicon glyphicon-ok" aria-hidden="true"></span></a></div> </div><br><!-- end faq13 --> <!-- faq14 --> <a href="#faq14" data-toggle="collapse"><span class="glyphicon glyphicon-plus-sign" aria-hidden="true"></span> Summer solstice - Winter solstice</a> <div id="faq14" class="collapse sasu-faq-box"> <div class="myquestion">Is there a similar phenomenon in summer as around the winter solstice?</div> <div class="myanswer">Yes, a similar phenomenon occurs around the summer solstice, which usually takes place on June 21st. During this period, the day length also changes only very slightly over several days. This leads to a period of the longest days of the year, instead of just a single longest day. <a href="#faq14" data-toggle="collapse"><span class="glyphicon glyphicon-ok" aria-hidden="true"></span></a></div> </div><br><!-- end faq14 --> <!-- faq15 --> <a href="#faq15" data-toggle="collapse"><span class="glyphicon glyphicon-plus-sign" aria-hidden="true"></span> Why does the calendar only show the current month?</a> <div id="faq15" class="collapse sasu-faq-box"> <div class="myquestion">I need the calendar for a specific month. However, only the current month is displayed. Can I also view other months?</div> <div class="myanswer">Yes! You can view the times for sunrise and sunset for any desired month. In the Settings/Info tab <span class="glyphicon glyphicon-arrow-right" aria-hidden="true"></span> Twilight type / Time zone / Date, you will find all the necessary settings. <a href="#faq15" data-toggle="collapse"><span class="glyphicon glyphicon-ok" aria-hidden="true"></span></a></div> </div><br><!-- end faq15 --> </div> <!-- end container --> <!-- end faq --> </div><!-- end tabDropDownThree2--> </div><!-- end tabContent1 --> <div class="sasu-ad-area"> <!-- SaSuResponsive_Down01 --> <!-- SaSuResponsive_Down01 --> <hr> <!-- Bottom Buttons Start --> <div style="text-align: center"> <div style="display:inline-block"> <p><!-- Support Button START --> <!-- modal start --> <!-- Trigger --> <button type="button" class="btn btn-success btn-md" data-toggle="modal" data-target="#myModal">Help this site <span class="glyphicon glyphicon-thumbs-up" aria-hidden="true"></span> ?</button> <button id="changePreference" class="btn btn-info">Change privacy settings (map)?</button> <!-- Modal --> <div class="modal fade" id="myModal" role="dialog"> <div class="modal-dialog modal-sm" role="document"> <!-- Modal content--> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal">×</button> <div class="modal-title heading4">How you can support this site</div> </div> <div class="modal-body"> <p>I am happy if you like this site and find it useful. If you would like to support the site, I would of course be very pleased.</p> <p>This site is intended to be fully funded through advertising revenue.</p> <p>Until now, you also had the option to make a donation for the site via PayPal. However, at the moment, this seems not quite simple from a data protection perspective. Therefore, this form of contribution is deactivated.</p> <p><img src="Smile.png" width="26" height="26" alt="Thank you very much!" title="Thank you very much!"> Thank you for your support! Feel free to recommend the site. Also, feel free to link to this site!</p> <p> </div> <div class="modal-footer"> <button type="button" class="btn btn-default pull-left" data-dismiss="modal">Close</button> </div> </div> </div> </div> <!-- modal end --> <!-- Support Button END --> </div><div style="display:inline-block"> <!-- E-Mail Button Copyright START --> <!-- modal start --> <!-- Trigger --> <button type="button" class="btn btn-info btn-md" data-toggle="modal" data-target="#myEmailCopy"><span class="glyphicon glyphicon-copyright-mark" aria-hidden="true"></span> Guido Gerding 2005 - 2024 <span class="glyphicon glyphicon-envelope" aria-hidden="true"></span> </button> <!-- Modal --> <div class="modal fade" id="myEmailCopy" role="dialog"> <div class="modal-dialog modal-sm" role="document"> <!-- Modal content--> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal">×</button> <div class="modal-title heading4">Info about the Email</div> </div> <div class="modal-body"> <p>When you write an email, you naturally transmit at least your email address. Personal data that you transmit in this way (e.g., your email address or additional data in a signature) will be used by me exclusively for the purpose of the email (e.g., response). The data will never be forwarded to third parties. You can request the deletion of your data from me at any time.</p> <p><img src="Smile.png" width="26" alt="Thank you!" title="Thank you!"> Thank you for your email!</p> <p><a href="mailto:gerding@sonnenaufgang-sonnenuntergang.de" title="Email">gerding@sonnenaufgang-sonnenuntergang.de</a></p> </div> <div class="modal-footer"> <button type="button" class="btn btn-default pull-left" data-dismiss="modal">Close</button> </div> </div> </div> </div> <!-- modal end --> <!-- Email Button Copyright END --> </div> </div><!-- Bottom Button End --> </div> <script> $('a[data-toggle="tab"]').on('click', function(e) { e.preventDefault(); // Deactivate all other tabs and contents $('.nav-link').removeClass('active'); $('.nav-link').attr('aria-selected', 'false'); $('.tab-pane').removeClass('active show'); // Activate the clicked tab and content var target = $(this).attr('href'); $('a[href="' + target + '"]').addClass('active'); $('a[href="' + target + '"]').attr('aria-selected', 'true'); $(target).addClass('active show'); // Show the tab $('.nav-tabs a[href="' + target + '"]').tab('show'); }); document.addEventListener('DOMContentLoaded', function() { // Event listener for clicking on time entries document.querySelectorAll('.zeitWahl').forEach(function(element) { element.addEventListener('click', function() { var selectedTime = this.getAttribute('data-zeit'); document.getElementById('eingegebeneZeit').value = selectedTime; }); }); }); </script> </body> </html>