<html>

<head>


<title>News 2026 | Mojo Riot 'damn hot music' from Kiel/Germany</title>

<link rel="shortcut icon" type="image/jpg" href="https://mojoriot.de/onewebstatic/75f90fefb8-Logo%20Orange%208x8b.jpg">

<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
<meta name="theme-color" content="#fe7d00" />




<script type="text/javascript">





<script type="text/javascript">

function toggle(control){
	var elem = document.getElementById(control);
	
	if(elem.style.display == "none"){
		elem.style.display = "block";
	}else{
		elem.style.display = "none";
	}
}

</script>






<style type="text/css">

// Neue Lightbox mit Gallery cssteil


.row > .column {
  padding: 0 8px;
}

.row:after {
  content: "";
  display: table;
  clear: both;
}

/* Create four equal columns that floats next to eachother */
.column {
  float: left;
  width: 25%;
}

/* The Modal (background) */
.modal {
  display: none;
  position: fixed;
  z-index: 5;
  padding-top: 20px;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background:url(http://mojoriot.de/bilda/overlay.png) repeat;
}

/* Modal Content */
.modal-content {
  position: relative;
  background-color: none;
  margin: auto;
  padding: 0;
	object-fit: contain;
	width:100%;
	height:100%;
	
	
}

.modal-content img {
 	margin-left: auto;
	margin-right: auto;
	display: block;
	
		
}





.close:hover,
.close:focus {
  text-decoration: none;
  cursor: pointer;
}

/* Hide the slides by default */
.mySlides {
  display: none;
}

/* Next & previous buttons */
.prev,
.next {
  cursor: pointer;
  position: absolute;
  top: 45%;
  width: auto;
  padding: 65px 15px 65px 15px;
  margin-top: -50px;
  color: white;
  font-weight: bold;
  font-size: 20px;
  transition: 0.6s ease;
  border-radius: 0 5px 5px 0;
  user-select: none;
  -webkit-user-select: none;
}

/* Position the "next button" to the right */
.next {
  right: 0;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.prev:hover,
.next:hover {
}

/* Number text (1/3 etc) or Pic discribtion*/
.numbertext {
  color: white;
font-family: georgia;
  font-size: 16px;
  padding: 8px 12px;
  top: 0;
text-align: center;
}

/* Caption text */
.caption-container {
  text-align: center;
  padding: 0;
  color: white;
}

img.demo {
  opacity: 0.6;
}

.active,
.demo:hover {
  opacity: 1;
}

img.hover-shadow {
  transition: 0.3s;
}

.hover-shadow:hover {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); cursor: pointer;
}



</style>




<script>







enabled=true;



//  Neue Lightbox mit Gallery javascript teil
// Open the Modal
function openModal() {
  document.getElementById("myModal").style.display = "block"; document.body.style.overflow = 'hidden'; enabled = false; document.getElementById("myBtn").style.display = "none";
}

// Close the Modal
function closeModal() {
  document.getElementById("myModal").style.display = "none"; document.body.style.overflow = 'visible'; enabled = true; 
}

document.addEventListener('keydown', function(event){
	if(event.key === "Escape"){
		if(enabled == false)
			{
		document.getElementById("myModal").style.display = "none"; document.body.style.overflow = 'visible'; enabled = true; 
			}
	}
});



var slideIndex = 1;
showSlides(slideIndex);

// Next/previous controls
function plusSlides(n) {
  showSlides(slideIndex += n);
}





// Thumbnail image controls
function currentSlide(n) {
  showSlides(slideIndex = n);
}



function showSlides(n) {
  var i;
  var slides = document.getElementsByClassName("mySlides");
  var dots = document.getElementsByClassName("demo");
  var captionText = document.getElementById("caption");
  if (n > slides.length) {slideIndex = 1}
  if (n < 1) {slideIndex = slides.length}
  for (i = 0; i < slides.length; i++) {
    slides[i].style.display = "none";
  }
  for (i = 0; i < dots.length; i++) {
    dots[i].className = dots[i].className.replace(" active", "");
  }
  slides[slideIndex-1].style.display = "block";
  dots[slideIndex-1].className += " active";
  captionText.innerHTML = dots[slideIndex-1].alt;
}

</script>

<script>

// using keys
//detecting arrow key presses
document.addEventListener('keydown', function(e) { 
if(enabled == false) {
	
    switch (e.keyCode) {
		
        case 37:
            showSlides(slideIndex -= 1)
        break;
           
        case 39:
            showSlides(slideIndex += 1)
        break;
    
	}
		}
});

</script>





<script type="text/javascript">

// When the user scrolls down 150px from the top of the document, show the button
window.onscroll = function() {scrollFunction()};




function scrollFunction() {

if (enabled == true) {

	
    		if (document.body.scrollTop > 150 || document.documentElement.scrollTop > 150) {
       		 document.getElementById("myBtn").style.display = "block" 
    		} else {
        	document.getElementById("myBtn").style.display = "none";
    		}
	}

}



// When the user clicks on the button, scroll to the top of the document
function topFunction() {
    document.body.scrollTop = 0; // For Chrome, Safari and Opera 
    document.documentElement.scrollTop = 0; // For IE and Firefox
}




</script>


<script>

function scrollstopFunction() {
var checkBox = document.getElementById("dropbutton");
  
  if (checkBox.checked == true){
    enabled=false; document.getElementById("myBtn").style.display = "none"; document.body.style.overflow = 'hidden'; document.getElementById("menu").style.overflow = 'auto';
  } else {
     enabled=true; document.body.style.overflow = 'visible';
  } 
}

</script>




<style type="text/css">
.news-text a:link {color:#fe7d00; text-decoration:none}
.news-text a:visited {color:#fe7d00; text-decoration:none}
.news-text a:active {color:#fe7d00; text-decoration:none}
.news-text a:hover {color:#fe7d00; text-decoration:underline}

#header-links a:link {color:black; text-decoration:none}
#header-links a:visited {color:black; text-decoration:none}
#header-links a:active {color:black; text-decoration:none}
#header-links a:hover {color:black; text-decoration:underline}
</style>

<style type="text/css">








#menu {display: none;}
#newsdownmenu {display: none;}

[id^=dropbutton] {
	display: none;
}
[id^=newsdownbutton] {
	display: none;
}

[id^=dropbutton]:checked + #menu {display: block;}
[id^=newsdownbutton]:checked + #newsdownmenu {display: block;}

#dropbuttonstyle {
	display: block;
	width: 30px;
	height: 30px;
	border: 1px solid white;
	margin-top: -5px;
	margin-left: -5px;
	padding: 17px 17px 11px 15px;
	}

#dropbuttonstyle:hover {
	background-color: #FAC864;
	cursor: pointer;
	}

#menu {
	width:100%;
	height: 82vh;
	background-color: white;
	border: 0px;
	margin-left: -6px;
	margin-top: -0px;
	padding-top: 10px;
	padding-bottom: 75px;
	overflow: auto;
}

li {
	list-style: none;
	text-align: left;
	text-indent: 30px;
	font-size: 23px;
	line-height: 1.7;
	padding-bottom: 10px;
}

li a {
	color: black;
	text-decoration: none;
	}

li:hover {
	color: FE7D00;
	cursor: pointer;
	}

li a:hover {
	color: FE7D00;
	cursor: pointer;
	}

nav {
	margin: 0px;
	padding: 0px;
	border: 0px;
	}

nav:after {
	content:"";
	display:table;
	clear:both;
}





.foto {
	padding-bottom: 25px;
	}






@media only screen and (min-width: 740px) {
   /* PC Ansicht */

nav {
	display:none;
}



/* The Close Button */
.close {
  color: #fe7d00;
  position: absolute;
z-index: 5;
  top: -17px;
  right: 5px;
 font-size: 80px;
  font-weight: bold;
	display: block;
	
	
}



body {
	
        background-position: center top;
	background-color: white;
	overflow: auto;
	margin: 0px;
	padding: 0px;
	}

#body-all {
	width: 956px;
	margin-left:auto;
        margin-right:auto;
	position: relative;
	padding-left: 15px;
	padding-top: 15px;
	top: 75px;

	
	margin-bottom: 0px;
	padding-bottom: 0px;
	overflow: hidden;
	height:1855px;
	}

#header {
	position:fixed; 
	z-index: 3; 
	height: 75px; 
	width: 100%; 
	background-color: #fe7d00;
	margin-top: 0px;
	text-align: center;
	font-size: 1.4em;
	font-family: georgia;
	color: black;
	vertical-align: middle;
	}

#headin {
	width: 950px;
	margin-left:auto;
        margin-right:auto;
	}

#header-links {
	position:relative;
	top: 20px;
	left: -58px;
	}

#startbild {
	width: 137px; 
	margin-top: 2px;
	margin-right: 47px;
	margin-left: -47px;
	position: relative;
  z-index: 10;
	}

#top-picture {
	width: 956px; 
	height: 342px;
	margin-top: 0px; 
	padding-top: 0px; 
	background-image: url('https://mojoriot.de/ftp%20design/2/zufallsbildtop.php'); 
	background-size: 956px 342px; 
	display: block;
	background-repeat:no-repeat;
	margin-left:auto;
        margin-right:auto;
	}


#topschrift {	
	position: relative; 
	left: -3px; 
	}

#topschrift2 {
	position: relative; 
	left: 136px; 
	top: -36px;
	}

#mobilestartschrift {
	display: none;
	}

#inlay-all {
	margin-left:auto;
        margin-right:auto;
	width: 960px;
	}

#news-all {
	float: left;
	width: 685px;
	padding: 15px;
	padding-left: 5px;
	padding-right: 10px;
	padding-top: 0px;
	line-height: 1,4;
	}



.jahresstrichpc {
	padding-top: 0px;
	margin-top: 13px;
	margin-bottom: 0px;
	float: left;
	font-size: 45px;
	height: 55px;
	width: 680px;
	border: 0px solid #fe7d00; 
	background-color:#fe7d00;
	margin-left: 0px;
	padding-left: 8px;
	font-family: georgia;
	color: white;
	}


.firstjhp {
	margin-top: 13px;
	margin-bottom: 20px;
	}

.pic-jhp1 {
	position: relative; 
	top: 16px; 
	right: 13px; 
	float: right;
	width: 34px;
	height: 26px;
	}

.pic-jhp2 {
	position: relative; 
	top: 13px; 
	right: 13px; 
	float: right;
	width: 35px;
	height: 27px;
	}

.jsprecent {
	margin-bottom: 16px;
	}


#righty-all {
	float:right;
	width: 250px;
	height: 1820px;
	padding-top: 15px;
	}

#nextgig {
	display: block;
	margin-left: 2px;
	padding-bottom: 5px; 
	background-image: url(http://mojoriot.de/ftp%20design/ngbg.png);
	background-size: 245px 127px; 
	background-repeat:no-repeat;
	border: 0px;
	padding-top: 0px;
	}

#nextgig-inlay {
	position: relative; 
	top: -2px;
	}

#musicplayer {
	margin-top: 10px;
	margin-left: 5px;
	width: 240px;
	}


#musicfindlinks {
	margin-top: -25px;
	padding-top: 0px;
	margin-left:auto;
        margin-right:auto;
	font-size: 20px; 
	color:black; 
	width: 240px; 
	}

#beginstrich {
	width: 685px;
	margin-top: 15px;
	margin-bottom: 15px; 
	border: 2px solid #fe7d00; 
	margin-left: 0px;
	}

.trennstrich {
	width: 685px;
	margin-top: 15px;
	margin-bottom: 15px; 
	border: 2px solid #fe7d00; 
	margin-left: 0px;
	}

.news-headline {	
	padding-bottom: 15px;
	margin-bottom: 15px;
	height: 15px;	
	}

.news-titel {
	font-family: tahoma; 
	font-size: 28px; 
	color: black;
	float: left;
	}

.news-date {
	font-family: tahoma; 
	font-size: 14px; 
	color: black; 
	float: right;
	position: relative;
	top: 7px;
	left: 3px;
	}

.news-text {
	font-family: georgia; 
	font-size: 16px; 
	color: #262626; 
	display: inline-block;
	line-height: 1,4;
	width: 100%;
	margin: 0px;
	}

.firstnewstext {
	padding-top: 7px;
	}


.sbs {
	height: 50px;
	}
.sbs2 {
	height: 75px;
	}
.sbs3 {
	height: 100px;
	}

.right-item {
	float: right;
	margin-left: 10px;
	margin-bottom: 10px;

	margin-right: -4px;
	}



.left-item {
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;

	}



.gig-item {
	width: 270px;
	}

.gig-item-i {
	width: 266px;
	border: 2px solid #fe7d00; 
background-color: black; 
	}




.widepic {
	height: 88vh;
	width: auto;
	}

.highpic {
	height: 88vh;
	width: auto;
	}





.flyerpic {
	max-width: 165px;
	display: block;
	}

.fbitem350r {
	width: 350px;
	height: 250px;
	float: right;
	padding-left: 10px;
	padding-bottom: 10px;
	}

#news-links1 {
	display: none;
	}

#news-links1 a:link {color:white; text-decoration:none}
#news-links1 a:visited {color:white; text-decoration:none}
#news-links1 a:active {color:white; text-decoration:none}
#news-links1 a:hover {color:white; text-decoration:underline}


#news-links2 {
	display: none;
	}

.thechosenlink {
	color: black;
	}

#endstrich {
	width: 946px; 
	margin-top: 15px;
	border-top: 0px ridge darkgrey; 
	margin-left: 0px;
	padding-bottom: 0px;
	}


#footer {
	margin: 0px;
	padding: 0px;
	padding-bottom: 15px;
	margin-left:auto;
        margin-right:auto;
	}


#endinhalt {
	display: none;
	padding: 0px;
	margin-left:auto;
        margin-right:auto;
	}


#endbild {
	right: 00px;
	width: 0px;
	display: none;
	}

#credits-box {
	width: 0px;
	display: none;
	}

#credits {
	}

#creditsfull {
	padding-bottom: 5px;
	margin-top: 19px;
	padding-top: 4px;
	padding-left: 1px; 
	font-family: georgia; 
	font-size: 9pt; 
	line-height: 2; 
	display: inline-block; 
	float: left; 
	text-align: left; 
	border-top: 1px ridge grey; 
	width: 98%;
	}

.icon-unten {
	width: 39px;
	height: 39px;
	}



#myBtn img:last-child { display: none; }

#myBtn {
    display: none; /* Hidden by default */
     bottom: 30px; /* Place the button at the bottom of the page */
    right: 30px; /* Place the button 30px from the right */
    border: none; /* Remove borders */
    outline: none; /* Remove outline */
    background-color: #fe7d00; /* Set a background color */
    color: white; /* Text color */
    cursor: pointer; /* Add a mouse pointer on hover */
    padding-left: 0px; /* Some padding */
    padding-right: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	border-radius: 0px; /* Rounded corners */
}

#myBtn:hover {
    background-color: black; /* Add a dark-grey background on hover */
}





					}






@media only screen and (max-width: 480px) {
    /* For standard mobile phones: */
    









	nav {
		display: block;
	}




/* The Close Button */
.close {
  color: #fe7d00;
  position: absolute;
z-index: 5;
  top: -25px;
  right: 3px;
 font-size: 80px;
  font-weight: bold;
	display: block;
	
	
}




body {
	background-color: black;
   	background-position: center top;
	overflow: auto;
	margin: 0px;
	padding: 0px;
	width: 100%;
	display: block;
	}

#body-all {
	display: block;
	width: 100%;
	margin-left:auto;
        margin-right:auto;
	padding-top: 15px;
	margin: 0px;
	padding: 0px;
	position: relative;
	top 50px;
	float: center;
	}

#header {
	position:fixed; 
	z-index: 3; 
	width: 100%;
	height: 50px;
	background-color: #fe7d00;
	margin-top: 0px;
	text-align: center;
	font-size: 1em;
	font-family: georgia;
	color: black;
	vertical-align: middle;
	margin: 0px;
	padding: 5px;
	}

#headin {
	width: 100%;
	margin-left:auto;
        margin-right:auto;
	
	}

#header-links {
	position:relative;
	left: 0px;
	top: 5px;
	display: none;
		
	}

#startbild {
	dsiplay: none;
	width: 0px; 
	margin-top: 2px;
	margin-right: 47px;
	margin-left: -47px;
	}

#top-picture {
	width: 100%;
	height: 138px;;
	margin-top: 0px; 
	margin-bottom: 0px;
	padding-bottom: 0px;
	padding-top: 0px; 
	background-image: url('https://mojoriot.de/ftp%20design/2/zufallsbildtop.php'); 
	background-size: 100% auto;
	display: block;
	background-repeat:no-repeat;
	position: relative;
	top:55px;
	z-index: -3;
	margin-left:auto;
        margin-right:auto;
	}

#topschrift {	
	display: none;
	}

#topschrift2 {
	display: none;
	position: relative; 
	left: 0px; 
	top: 0px;
	}

#mobilestartschrift {
	height:108%;
	position: absolute;
	top: -1;
	left: 65px;
	z-index: 1000;
	}


#inlay-all {
	padding: 0px;
	margin: 0px;
	margin-left:auto;
        margin-right:auto;
	width: 100%;
	padding-top: 25px;
	}

#righty-all {
	width: 100%;
	padding-top: 0px;
	padding-bottom: 15px;
	margin-left:auto;
        margin-right:auto;
	}

#nextgig {
	border: 2px solid #FE7D00;
	background-color: black;
	margin-left:auto;
        margin-right:auto;
	padding-top: 0px;
	margin-top: 20px;
	margin-bottom: 3px;
	padding-bottom: 3px;
	height: 128px; width: 245px;
	}		

#musicplayer {
	display: none;
	margin-top: 0px;
	padding-top: 0px;
	margin-left: 0px;
	width: 0px;
	height: 0px;
	}

#musicfindlinks {
	margin-top: 0px;
	padding-top: 0px;
	margin-bottom: 10px;
	margin-left:auto;
        margin-right:auto;
	font-size: 20px; 
	color:white; 
	width: 100%; 
	}

#news-all {
	
	
	position: relative;
	z-index: 2;

	overflow-x: hidden;
	}


.jahresstrichpc {
	padding-top: 8px;
	margin-top: 13x;
	margin-bottom: 10px;
	float: left;
	font-size: 34px;
	height: 47px;
	width: 100%;
	border: 0px solid #fe7d00; 
	background-color:#fe7d00;
	margin-left: 0px;
	padding-left: 10px;
	font-family: georgia;
	color: white;
	position: relative;
	z-index: 2;
	}



.jhspcbg {
	background-color: black;
	width: 100%;
	height: 10px;
	margin-top: 55px;
	margin-bottom: 00px;
	}

.firstjhp {
	margin-top: 0px
	
	}

.lastjhp {
	height: 580px;
	
	}

.theend {
	background-color: black;
	}

.pic-jhp1 {
	position: relative; 
	top: 10px; 
	right: 30px; 
	float: right;
	width: 34px;
	height: 26px;
	}

.pic-jhp2 {
	position: relative; 
	top: 6px; 
	right: 30px; 
	float: right;
	width: 35px;
	height: 27px;
	}

.jsprecent {
	margin-bottom: 16px;
	}

#endstrich {
	display: block;
	heigt: 0px;
	width: 100%; 
	border: 2px solid #fe7d00; 
	margin-left: 0px;
	position: relative;
	top: 0px;	
	font-size: 0.00000001px;
	color: white;
	margin-bottom: 10px;
	}

#beginstrich {
	background-color: white;
	padding-bottom: 0px;
	height: 0px;
	}

.trennstrich {
	height: 1px;
	border-top: 4px solid #fe7d00; 
	background-color: white;
	padding-bottom: 15px;
	margin-left: 0px;
	width: 100%;
	z-index: 2;
	}

.news-item {
	margin-bottom: 0px;
	position: relative;
	width: 94%;
	background-color: white; 
	padding-left: 3%; 
	padding-right: 3%; 
	padding-bottom: 3%;
	margin-left:auto;
        margin-right:auto;
	}

.news-headline {	
	padding-top: 0px;
	padding-bottom: 15px;
	height: 30px;	
	width: 100%;
	margin-bottom: 15px;
	}

.news-titel {
	font-family: tahoma; 
	font-size: 20px; 
	color: #fe7d00;
	width: 100%;
	}

.news-date {
	font-family: tahoma; 
	font-size: 14px;  
	color: #fe7d00; 
	position: relative;
	top: 7px;
	left: 3px;
	width: 100%;
	}

.news-text {
	font-family: georgia; 
	font-size: 14px; 
	color: #262626; 
	padding-top: 5px;
	line-height: 1,4;
	width: 100%;
	margin: 0px;
	
	margin-top: -10px;
	}


.sbs {
	display: none;
	}
.sbs2 {
	display: none;
	}
.sbs3 {
	display: none;
	}

.firstnewspic {
	margin-top: 54px;
	}

.right-item {
	width: 100%;
	margin-bottom: 10px;
	}

img.left-item {
	width: 100%;
	}

img.right-item {
	width: 100%;
	}

.fbitem350r {
	max-width: 100%;
	height: 250px;
	float: right;
	padding-left: 10px;
	padding-bottom: 10px;
	}

.flyerpic {
	max-width: 100%;
	display: block;
	}

.left-item {
	width: 100%;
	margin-bottom: 10px;
	}



.widepic {
	height: auto;
	width: 88vw;
	}

.highpic {
	height: auto;
	width: 88vw;	
	}






.gig-item {
	max-width: 100%;
	margin-left:auto;
        margin-right:auto;
	}

.gig-item-i {
	width: 99%;
	max-width: 300px;
	border: 2px solid #fe7d00; 
background-color: black; 
	
	margin-left:auto;
        margin-right:auto;
	}

#news-links1 {	
	display: none;
	height: 0px;
	}

#news-links2 {
	display: none;
	border-top: 0px solid #fe7d00; 
	margin-left:auto;
        margin-right:auto;
	margin-top: -18px;
	margin-bottom: 15px;
	padding-top: 2px;
	padding-bottom: 2px;
	font-family: Century Gothic;
	color: white;
	text-align: center;
	background: 2px 2px #fe7d00;
	}


#news-links2 a:link {color:white; text-decoration:none}
#news-links2 a:visited {color:white; text-decoration:none}
#news-links2 a:active {color:white; text-decoration:none}
#news-links2 a:hover {color:white; text-decoration:underline}

.thechosenlink {
	color: black;
	}


#footer {
	width: 100%;
	margin: 0px;
	padding: 0px; 
	height: auto;	
	background-color: #fe7d00;
	}


#endinhalt {
	width: 100%;
	padding: 0px;
	margin: 0px,
	margin-left:auto;
        margin-right:auto;
	}

#endbild {
	margin-left: 3%;
	margin-top: 2%;
	width: 116px;
	
	}

#credits-box {	
	display: none;
	width: 0px;
	height: 0px;
	}

#credits {
	
	color: white;
	margin-top: 2%;
	margin-left: 4%;
	background-color: #fe7d00;
	}

#creditsfull {
	display: none;
	width: 0px;
	}

.icon-unten {
	width: 16vw;
	}



#myBtn img {
	width: 65%;
	}

#myBtn {
    display: none; /* Hidden by default */
    position: fixed; /* Fixed/sticky position */
    bottom: 30px; /* Place the button at the bottom of the page */
    right: 5px; /* Place the button 30px from the right */
    z-index: 99; /* Make sure it does not overlap */
    border: 2px solid white; /* Remove borders */
    outline: none; /* Remove outline */
    background-color: #fe7d00; /* Set a background color */
    color: white; /* Text color */
    cursor: pointer; /* Add a mouse pointer on hover */
    padding-left: 7px; /* Some padding */
    padding-right: 7px;
	padding-top: 15px;
	padding-bottom: 20px;
	border-radius: 15px; /* Rounded corners */
}

#myBtn:hover {
    background-color: black; /* Add a dark-grey background on hover */
}





				}

@media only screen and (min-width: 481px) and (max-width: 739px) {
    /* For mobile phones schräg: */






	/* Own Topdown Menü */

	nav {
		display: block;
	}
	


/* The Close Button */
.close {
  color: #fe7d00;
  position: absolute;
z-index: 5;
  top: -25px;
  right: 3px;
 font-size: 80px;
  font-weight: bold;
	display: block;
	
	
}

	

body {
	background-color: black;
   	background-position: center top;
	overflow: auto;
	margin: 0px;
	padding: 0px;
	width: 100%;
	display: block;
	}

#body-all {
	display: block;
	width: 100%;
	margin-left:auto;
        margin-right:auto;
	padding-top: 15px;
	margin: 0px;
	padding: 0px;
	position: relative;
	top 50px;
	float: center;
	}

#header {
	position:fixed; 
	z-index: 3; 
	width: 100%;
	height: 50px;
	background-color: #fe7d00;
	margin-top: 0px;
	text-align: center;
	font-size: 1.2em;
	font-family: georgia;
	color: black;
	vertical-align: middle;
	margin: 0px;
	padding: 5px;
	
	}

#headin {
	width: 100%;
	margin-left:auto;
        margin-right:auto;
	vertical-align: middle;
	
	}

#header-links {
	position:relative;
	top: 2px;
	left: 0px;
	vertical-align: middle;	
	display: none;
	}

#startbild {
	display: none;
	width: 0px; 
	margin-top: 2px;
	margin-right: 47px;
	margin-left: -47px;
	}

#top-picture {
	width: 100%;
	height: 200px;;
	margin-top: 0px; 
	margin-bottom: 0px;
	padding-bottom: 0px;
	padding-top: 0px; 
	background-image: url('https://mojoriot.de/ftp%20design/2/zufallsbildtop.php'); 
	background-size: 100% auto;
	display: block;
	background-repeat:no-repeat;
	position: relative;
	top:55px;
	z-index: -3;
	margin-left:auto;
        margin-right:auto;
	}


#topschrift {	
	display: none;
	}



#topschrift2 {
	display: none;
	position: relative; 
	left: 0px; 
	top: 0px;
	}

#mobilestartschrift {
	height:110%;
	position: absolute;
	top: -2;
	left: 65px;
	z-index: 1000;
	}

#inlay-all {
	padding: 0px;
	margin: 0px;
	margin-left:auto;
        margin-right:auto;
	width: 100%;
	padding-top: 25px;
	}

#righty-all {
	width: 100%;
	padding-top: 0px;
	padding-bottom: 15px;
	margin-left:auto;
        margin-right:auto;
	}

#nextgig {
	border: 2px solid #FE7D00;
	background-color: black;
	margin-left:auto;
        margin-right:auto;
	padding-top: 0px;
	margin-top: 20px;
	margin-bottom: 3px;
	padding-bottom: 3px;
	height: 128px; width: 245px;
	}		

#musicplayer {
	display: none;
	margin-top: 0px;
	padding-top: 0px;
	margin-left: 0px;
	width: 0px;
	height: 0px;
	}

#musicfindlinks {
	margin-top: 0px;
	padding-top: 0px;
	margin-bottom: 10px;
	margin-left:auto;
        margin-right:auto;
	font-size: 20px; 
	color:white; 
	width: 100%;
	}

#news-all {
	padding-top: 0px;
	
	background-color: white;
	overflow-x: hidden;
	}

.jahresstrichpc {
	padding-top: 6px;
	margin-top: 13px;
	margin-bottom: 0px;
	float: left;
	font-size: 36px;
	height: 47px;
	width: 100%;
	border: 0px solid #fe7d00; 
	background-color:#fe7d00;
	margin-left: 0px;
	padding-left: 20px;
	font-family: georgia;
	color: white;
	position: relative;
	z-index: 2;
	display: inline-block;
	}



.jhspcbg {
	background-color: black;
	width: 100%;
	height: 25px;
	margin-top: 50px;
	margin-bottom: -20px;
	}

.firstjhp {
	margin-top: 0px;
	margin-bottom: 20px;
	}

.lastjhp {
	height: 680px;
	}

.theend {
	background-color: black;
	}

.pic-jhp1 {
	position: relative; 
	top: 12px; 
	right: 46px; 
	float: right;
	width: 34px;
	height: 26px;
	}

.pic-jhp2 {
	position: relative; 
	top: 8px; 
	right: 46px; 
	float: right;
	width: 35px;
	height: 27px;
	}



.jsprecent {
	margin-bottom: 16px;
	}




#beginstrich {
	background-color: white;
	padding-bottom: 15px;
	}

.trennstrich {
	height: 1px;
	border-top: 4px solid #fe7d00; 
	background-color: white;
	padding-bottom: 15px;
	margin-left: 0px;
	width: 100%;
	z-index: 2;
	}

.news-item {
	margin-bottom: 0px;
	border-left: 0px;
	border-right: 0px;
	position: relative;
	width: 94%;
	background-color: white; 
	padding-left: 3%; 
	padding-right: 3%; 
	padding-bottom: 3%;
	margin-left:auto;
        margin-right:auto;
	margin-top: 15px;
	
	}

.news-headline {	
	padding-top: 0px;
	width: 100%;
	margin-bottom: 15px;
	}

.news-titel {
	font-family: tahoma; 
	font-size: 26px; 
	color: #fe7d00;
	width: 100%;
	}

.news-date {
	font-family: tahoma; 
	font-size: 14px; 
	color: #fe7d00; 
	position: relative;
	top: 7px;
	left: 3px;
	width: 100%;
	}

.news-text {
	font-family: georgia; 
	font-size: 16px; 
	color: #262626; 
	line-height: 1,4;
	width: 100%;
	margin: 0px;
		
	}


.sbs {
	height: 50px;
	}
.sbs2 {
	height: 75px;
	}
.sbs3 {
	height: 100px;
	}

.right-item {
	float: right;
	margin-left: 10px;
	max-width: 100%;
	margin-bottom: 10px;
	}


.left-item {
	float: left;
	margin-right: 10px;
	max-width: 100%;
	margin-bottom: 10px;
	}


.widepic {
	height: 82vh;
	width: auto;
	}

.highpic {
	height: 82vh;
	width: auto;
	}





.gig-item {
	width: 250px;
	}

.gig-item-i {
	border: 2px solid #fe7d00; 
background-color: black; 
	
	margin-left:auto;
        margin-right:auto;
	}

.flyerpic {
	max-width: 165px;
	display: block;
	}

.fbitem350r {
	width: 350px;
	height: 250px;
	float: right;
	padding-left: 10px;
	padding-bottom: 10px;
	}

#news-links1 {	
	display: none;
	}

#news-links2 {
	display: none;
	border-top: 0px solid #fe7d00; 
	margin-left:auto;
        margin-right:auto;
	margin-bottom: 17px;
	padding-top: 3px;
	padding-bottom: 3px;
	font-family: Century Gothic;
	color: white;
	text-align: center;
	
	background: 2px 2px #fe7d00;
	}


#news-links2 a:link {color:white; text-decoration:none}
#news-links2 a:visited {color:white; text-decoration:none}
#news-links2 a:active {color:white; text-decoration:none}
#news-links2 a:hover {color:white; text-decoration:underline}

.thechosenlink {
	color: black;
	}

#endstrich {
	display: block;
	heigt: 0px;
	width: 100%; 
	border: 2px solid #fe7d00; 
	margin-left: 0px;
	position: relative;
	top: 0px;	
	font-size: 0.00000001px;
	color: white;
	}


#footer {
	width: 100%;
	margin: 0px;
	padding: 0px; 
	height: auto;	
	background-color: #fe7d00;
	}


#endinhalt {
	width: 100%;
	padding: 0px;
	margin: 0px,
	margin-left:auto;
        margin-right:auto;
	}

#endbild {
	margin-left: 3%;
	margin-top: 2%;
	width: 116px;
	
	}

#credits-box {	
	display: none;
	width: 0px;
	height: 0px;
	}

#credits {
	
	color: white;
	margin-top: 2%;
	margin-left: 4%;
	background-color: #fe7d00;
	}

#creditsfull {
	display: none;
	width: 0px;
	}


.icon-unten {
	width: 17vw;
	}



#myBtn img {
	width: 65%;
	}

#myBtn {
    display: none; /* Hidden by default */
    position: fixed; /* Fixed/sticky position */
    bottom: 36px; /* Place the button at the bottom of the page */
    right: 8px; /* Place the button 30px from the right */
    z-index: 99; /* Make sure it does not overlap */
    border: 2px solid white; /* Remove borders */
    outline: none; /* Remove outline */
    background-color: #fe7d00; /* Set a background color */
    color: white; /* Text color */
    cursor: pointer; /* Add a mouse pointer on hover */
    padding-left: 10px; /* Some padding */
    padding-right: 10px;
	padding-top: 15px;
	padding-bottom: 20px;
	border-radius: 15px; /* Rounded corners */
}

#myBtn:hover {
    background-color: black; /* Add a dark-grey background on hover */
}




				}




</style>







</head>

<body>



<div id="header">

	<div id="headin">
		
		<img id="startbild" src="http://mojoriot.de/onewebmedia/pics/rrlngb.png" align="right">
		
		<div id="header-links">		

		<font color="white"><u>News</u></font> | <a href="http://mojoriot.de/ftp%20design/2/band.html">Band</a> | <a href="http://mojoriot.de/ftp%20design/2/music.html">Music</a> | <a href="http://mojoriot.de/ftp%20design/2/live.html">Live</a> | <a href="http://mojoriot.de/ftp%20design/2/bilder.html">Bilder</a> | <a href="http://mojoriot.de/ftp%20design/2/videos.html">Videos</a> | <a href="http://mojoriot.de/ftp%20design/2/press.html">Presse</a> | <a href="http://mojoriot.de/ftp%20design/2/contact.html">Kontakt</a>



		</div>
		
		 	<nav>
      
 
	<label for="dropbutton" id="dropbuttonstyle"><img src="http://mojoriot.de/bilda/icons/menu.png"></label>
        <input type="checkbox" id="dropbutton" onclick="scrollstopFunction()" />
        
            <ul id="menu">
               
                
                 

                    

                
                <li><a href="http://mojoriot.de/">News</a></li>
                <li><a href="http://mojoriot.de/ftp%20design/2/band.html">Biography</a></li>
                <li><a href="http://mojoriot.de/ftp%20design/2/music.html">Music</a></li>
                <li><a href="http://mojoriot.de/ftp%20design/2/live.html">Live</a></li>
                <li><a href="http://mojoriot.de/ftp%20design/2/bilder.html">Fotos</a></li>
		<li><a href="http://mojoriot.de/ftp%20design/2/videos.html">Videos</a></li>
		<li><a href="http://mojoriot.de/ftp%20design/2/press.html">Press</a></li>
		<li><a href="http://mojoriot.de/ftp%20design/2/contact.html">Contact</a></li>
            </ul>



</nav>
		
<a href="https://www.mojoriot.de"><img id="mobilestartschrift" src="https://mojoriot.de/onewebmedia/pics/schrif1.png" align="left"></a>

	</div>
</div>

<div id="body-all">

<div id="top-picture">


	
	


	<img id="topschrift" src="http://mojoriot.de/onewebmedia/pics/schrif1.png">

			<br>

			<br>
			<div id="topschrift2"><i><font color="white" face="georgia">'damn hot music'</font></i>
			</div>


</div>




<div id="inlay-all">



	<div id="news-all">

		<div id="news-links2"><b><font class="thechosenlink"><u>News 2024</font></u></b>| <a href="http://mojoriot.de/ftp%20design/2/news2023.html">News 2023</a> | <a href="http://mojoriot.de/ftp%20design/2/news2022.html">News 2022</a> | <a href="http://mojoriot.de/ftp%20design/2/news2021.html">News 2021</a> | <a href="http://mojoriot.de/ftp%20design/2/news2020.html">News 2020</a> | <a href="http://mojoriot.de/ftp%20design/2/news2019.html">News 2019</a> | <a href="http://mojoriot.de/ftp%20design/2/news2018.html">News 2018</a> | <a href="http://mojoriot.de/ftp%20design/2/news2017.html">News 2017</a> | <a href="http://mojoriot.de/ftp%20design/2/news2016.html">News 2016</a> | <a href="http://mojoriot.de/ftp%20design/2/news2015.html">News 2015</a></div>
	
			
<div id="news-links1"><b><font class="thechosenlink"><u>News 2024</font></u></b>| <a href="http://mojoriot.de/ftp%20design/2/news2023.html">News 2023</a>  | <a href="http://mojoriot.de/ftp%20design/2/news2022.html">News 2022</a> | <a href="http://mojoriot.de/ftp%20design/2/news2021.html">News 2021</a> | <a href="http://mojoriot.de/ftp%20design/2/news2020.html">News 2020</a> | <a href="http://mojoriot.de/ftp%20design/2/news2019.html">News 2019</a> | <a href="http://mojoriot.de/ftp%20design/2/news2018.html">News 2018</a> | <a href="http://mojoriot.de/ftp%20design/2/news2017.html">News 2017</a> | <a href="http://mojoriot.de/ftp%20design/2/news2016.html">News 2016</a> | <a href="http://mojoriot.de/ftp%20design/2/news2015.html">News 2015</a> </div>


<a href="https://mojoriot.de/ftp%20design/2/newsempty.html" style="outline: none;"><div class="jahresstrichpc firstjhp">2026 <img src="https://mojoriot.de/bilda/icons/above.png" class="pic-jhp2"></div></a>



<div class="news-item">

		</div>



<div class="news-item">


				
			<div class="news-headline">

				
<div class="news-titel">
			    								 
        			Dreht ne Mojo-Runde
				</div>
				<div class="news-date">

				// 04.03.2026				

				</div>						
			</div>

			<div class="news-text firstnewstext">

         <img class="right-item hover-shadow foto firstnewspic" data-scalestrategy="fit" width="237" src="https://mojoriot.de/bilda/2026/NMS_kneip_werbung_sma.png" style="display:block;"  onclick="openModal();currentSlide(2);">
Denn wie ihr ja wisst, spielen wir in zwei Wochen, am 20.03. beim <b>Kneipen Karussell</b> in Neumünster.
<br><br>Unsere Location ist das <b>Gasthaus Kontraste</b>. Dort spielen wir ab 19 Uhr mehrere Sets. 
<br><br>
Aber wieso schreibe ich eigentlich soviel? Lest euch den Artikel im <a href="https://lebensart-sh.de/wp-content/uploads/2026/02/lanms0326.pdf#page=77" target="_blank">Magazin Lebensart</a> am Besten selbst durch.
</div>
		</div>


<div class="trennstrich"></div>




<div class="news-item">


				
			<div class="news-headline">

				
<div class="news-titel">
			    								 
        			New live!
				</div>
				<div class="news-date">

				// 18.01.2026			

				</div>						
			</div>

			<div class="news-text">

         <img class="left-item hover-shadow foto" data-scalestrategy="fit" width="290" src="https://mojoriot.de/bilda/2026/livemusic2026_sma.png" style="display:block;"  onclick="openModal();currentSlide(1);">

Jippie, mit voller Mojo Power steht im neuen Jahr schon richtig was auf dem Zettel. Und zwar Gigs, Gigs, Gigs. Die ersten kündigen wir euch hier schon mal an, also holt Kalender und Textmarker aus der Tasche.
<br><br>
Am <b>Fr. 29.05.</b> spielen wir beim <b>Bandfestivel auf dem Gelände des IKG</b> in Hamburg.
<br><br>
Am <b> Ostersamstag 11.04. </b> könnt ihr uns bei der <b>A7 Rock Area</b> in Neumünster erleben.
<br><br>
Am <b>Fr. 20.03.</b> sind wir bei der Kneipen Konzert Reihe <b>Rockt den Fühling</b> in Neumünster dabei. 
<br><br>
Weitere Auftritte werden in den nächsten Wochen und Monaten folgen. Also bleibt gespannt!
</div>
		</div>






<div class="theend">	

<div id="endstrich"></div>


<a href="https://mojoriot.de/ftp%20design/2/news2025.html#js2025" id="js2025">
<div class="jahresstrichpc">2025 <img src="https://mojoriot.de/bilda/icons/down.png" class="pic-jhp1"></div></a>

<a href="https://mojoriot.de/ftp%20design/2/news2024.html#js2024" id="js2024">
<div class="jahresstrichpc">2024 <img src="https://mojoriot.de/bilda/icons/down.png" class="pic-jhp1"></div></a>

<a href="https://mojoriot.de/ftp%20design/2/news2023.html#js2023" id="js2023">
<div class="jahresstrichpc">2023 <img src="https://mojoriot.de/bilda/icons/down.png" class="pic-jhp1"></div></a>

<a href="https://mojoriot.de/ftp%20design/2/news2022.html#js2022" id="js2022">
<div class="jahresstrichpc">2022 <img src="https://mojoriot.de/bilda/icons/down.png" class="pic-jhp1"></div></a>

<a href="https://mojoriot.de/ftp%20design/2/news2021.html#js2021" id="js2021">
<div class="jahresstrichpc">2021 <img src="https://mojoriot.de/bilda/icons/down.png" class="pic-jhp1"></div></a>

<a href="https://mojoriot.de/ftp%20design/2/news2020.html#js2020" id="js2020">
<div class="jahresstrichpc">2020 <img src="https://mojoriot.de/bilda/icons/down.png" class="pic-jhp1"></div></a>

<a href="https://mojoriot.de/ftp%20design/2/news2019.html#js2019" id="js2019">
<div class="jahresstrichpc">2019 <img src="https://mojoriot.de/bilda/icons/down.png" class="pic-jhp1"></div></a>

<a href="https://mojoriot.de/ftp%20design/2/news2018.html#js2018" id="js2018">
<div class="jahresstrichpc">2018 <img src="https://mojoriot.de/bilda/icons/down.png" class="pic-jhp1"></div></a>

<a href="https://mojoriot.de/ftp%20design/2/news2017.html#js2017" id="js2017">
<div class="jahresstrichpc">2017 <img src="https://mojoriot.de/bilda/icons/down.png" class="pic-jhp1"></div></a>

<a href="https://mojoriot.de/ftp%20design/2/news2016.html#js2016" id="js2016">
<div class="jahresstrichpc">2016 <img src="https://mojoriot.de/bilda/icons/down.png" class="pic-jhp1"></div></a>

<a href="https://mojoriot.de/ftp%20design/2/news2015.html#js2015" id="js2015">
<div class="jahresstrichpc">2015 <img src="https://mojoriot.de/bilda/icons/down.png" class="pic-jhp1"></div></a>



<div class="lastjhp"></div>

</div>
</div>

<!-- The Modal - the big images all of em -->
	<div id="myModal" class="modal">
  		<span class="close cursor" onclick="closeModal()">&times;</span>
  			<div class="modal-content">

<div class="mySlides" onclick="closeModal()"> <!-- 1 -->
      						<img src="https://mojoriot.de/bilda/2026/livemusic2026_big.png" class="highpic">
					   	<div class="numbertext">Das Jahr startet mit einigen Konzert Terminen.</div>
    				</div>
<div class="mySlides" onclick="closeModal()"> <!-- 2 -->
      						<img src="https://mojoriot.de/bilda/2026/NMS_kneip_werbung_bg.png" class="highpic">
					   	<div class="numbertext">Was meinen die mit Schwiegersöhne-Rocker?</div>
    				</div>


				
				
				



<!-- Next/previous controls -->
    <a class="prev" onclick="plusSlides(-1)">&#10094;</a>
    <a class="next" onclick="plusSlides(1)">&#10095;</a>

    <!-- Caption text -->
    <div class="caption-container">
      <p id="caption"></p>
    </div>

    
  			</div>
	</div> 





	

	<div id="righty-all">
					
					
<div id="nextgig">
<center>
<iframe id="nextgig-inlay" src="https://mojoriot.de/ftp design/2/next-gig.html" style="border: 0px; height: 132px; width: 245px; overflow: hidden;margin-left:auto; margin-right:auto; margin-top: 0px; margin-bottom: 0px; padding: 0px;">
</center>
</iframe>
</div>


					<div id="musicplayer">
						
					</div>
						

					<div id="musicfindlinks" style="text-align: center; padding: 0px; padding-top: 25px;">

    						
    						<div>
        
       			   		       
     			   		<a href="http://www.amazon.de/s/ref=ntt_srch_drd_B012802WDW?ie=UTF8&field-keywords=Mojo%20Riot&index=digital-music&search-type=ss" target="_blank"><img src="http://mojoriot.de/bilda/icons/a-black.png" style="padding-right: 7px;" class="icon-unten"></a>

<a href="http://facebook.com/mojoriot" target="_blank"><img src="http://mojoriot.de/bilda/icons/f-black.png" style="padding-right: 7px;" class="icon-unten"></a>
        
        
                
      			   		<a href="https://itunes.apple.com/de/artist/mojo-riot/id1021279687" target="_blank"><img src="http://mojoriot.de/bilda/icons/i-black.png" style="padding-right: 7px;" class="icon-unten"></a>
                                    
      			   		    
       			   		<a href="https://play.spotify.com/artist/6OxLlRPgTnIwLdoCTtZb9q?play=true&utm_source=open.spotify.com&utm_medium=open" target="_blank"><img src="http://mojoriot.de/bilda/icons/s-black.png" style="" class="icon-unten"></a>
        
        <a href="https://www.instagram.com/mojoriot/" target="_blank"><img src="http://mojoriot.de/bilda/icons/instalogobw.png" style="" class="icon-unten"></a>
        
        


<div id="creditsfull">
			
						
				© <script>
         var dt = new Date();
         document.write(dt.getFullYear() );
      </script>
				by Mojo Riot

				<br>

				✉ kontakt@mojoriot.de

				
				


			</div>

  						</div>

					</div>

		
		</div>


	<div id="footer">

		

		<div id="endinhalt">

			
			
			<img id="endbild" src="http://mojoriot.de/onewebmedia/pics/rrlngb.png" style="padding-right: 0%; background-color: #fe7d00; margin-bottom: 2px;"><br>

			<div id="credits" style="padding-bottom: 5px; font-family: georgia; font-size: 9pt; line-height: 2; display: inline-block;">
			
			<div id="credits-box"></div>
				
© 
<script>
         var dt = new Date();
         document.write(dt.getFullYear() );
      </script>

by Mojo Riot

				<br>

				✉ kontakt@mojoriot.de

				
				


			</div>

		</div>

	</div>
</div>




<script src="https://code.jquery.com/jquery-1.6.2.min.js"></script>

<script>
jQuery(document).ready(function($) {
	
	// Our script will go here

});
</script>





<button onclick="topFunction()" id="myBtn" title="Go to top"><img src="http://mojoriot.de/bilda/icons/above.png"></button>
	



<script>
let gameWindow = null;

document.addEventListener('keydown', function(event) {
    const tag = document.activeElement.tagName.toLowerCase();
    const isTyping = tag === 'input' || tag === 'textarea' || document.activeElement.isContentEditable;
    if (isTyping) return;

    if ((event.key === 'g' || event.key === 'G') && !event.repeat) {
        if (!gameWindow || gameWindow.closed) {
            gameWindow = window.open(
                'https://mojoriot.de/g/torpedo-traveler-game.html',
                'TorpedoTravelerGame',
                'width=1000,height=700,resizable=yes,scrollbars=yes'
            );
        } else {
            gameWindow.focus();
        }
    }
});
</script>

<script>
(function () {
  const url = 'https://mojoriot.de/g/torpedo-traveler-game.html';

  function openGame() {
    // Popup/Tab öffnen (Mobile öffnet meist neuen Tab)
    window.open(url, '_blank', 'noopener');
  }

  // Beide Elemente anbinden (falls eins auf einer Seite nicht existiert)
  ['startbild', 'endbild'].forEach(id => {
    const el = document.getElementById(id);
    if (!el) return;

    // Klick
    el.addEventListener('click', openGame);

    // optional: auf Touch schneller reagieren
    el.addEventListener('touchend', function (e) {
      e.preventDefault();
      openGame();
    }, { passive: false });
  });
})();
</script>

</body>