[Upload custom shit]

ctdo-wp-raumstatus-widget-custom.html

@@ -0,0 +1,19 @@
+<h2 class="widgettitle">Raumstatus</h2>
+<div style="display: flex; flex-direction: row; justify-content: center;">
+    <a href="https://status.ctdo.de/" style="display: block;">
+        <img src="https://status.ctdo.de/api/simple/image" width="60px; float:left" >
+    </a>
+    <span id="roomstate" style="display: block; margin-top: auto; margin-bottom:auto; padding-left:10px; font-size:180%">Unbekannt</span>
+</div>
+<script type="text/javascript">
+    jQuery(document).ready(function() {
+    var jsHost = ("https:" == document.location.protocol) ? "https://" : "http://";
+    jQuery.getJSON(jsHost + "status.ctdo.de/api/simple/v2", function(data) {
+        if(data.state === true) {
+            jQuery("#roomstate").text("Geöffnet");
+        } else {
+            jQuery("#roomstate").text("Geschlossen");
+        }
+    });
+});
+</script>

ctdo-wp-responsive-custom-css.css

@@ -0,0 +1,74 @@
+.site-description {
+	width: 180px;
+	text-align: left;
+	padding-left: 16px;
+}
+
+.site-title {
+	text-wrap: nowrap;
+	text-align: left;
+}
+
+@media only screen and (max-width: 991px) {
+	#secondary {
+		position: absolute;
+		width: 100% !important;
+		display: flex;
+		flex-direction: column;
+		left: 0;
+	}
+
+	#secondary div.widget-wrapper {
+		position: relative;
+		display: block !important;
+		max-width: 512px !important;
+		width: 100% !important;
+		border: 1px solid #EAEAEA;
+		margin: auto !important;
+	}
+
+	#primary {
+		margin-top: 850px;
+		width: 100% !important;
+	}
+}
+
+@media only screen and (max-width: 575px) {
+	.site-description {
+		padding-left: 0;
+	}
+
+	.custom-logo {
+		margin: auto;
+	}
+
+	.site-title-tagline {
+		display: inline-block;
+		width: auto;
+		margin: auto;
+	}
+
+	.main-navigation-wrapper .menu-toggle {
+		width: 100% !important;
+	background-color: rgb(0, 102, 204) !important;
+}
+
+	.main-navigation-wrapper .menu-toggle i {
+		width: 100%;
+	}
+
+	.main-navigation-wrapper #header-menu li {
+		display: flex !important;
+		flex-direction: column !important;
+		justify-content: center !important;
+	}
+
+	.main-navigation-wrapper #header-menu li a {
+		display: inline-block;
+		width: 80%;
+	}
+
+	.main-navigation-wrapper #header-menu li span{
+		width: 20%;
+	}
+}