<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:3215px;
	}

#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">
			    								 
        			Im Marx
				</div>
				<div class="news-date">

				// 12.04.2026				

				</div>						
			</div>

			<div class="news-text firstnewstext">

         <a href="https://markthalle-hamburg.de/konzerte/bad-age-manta-mojo-riot/" target="_blank"><img class="left-item  firstnewspic" data-scalestrategy="fit" width="365" src="https://mojoriot.de/bilda/2026/marx.png" style="display:block;"  ></a>
Weiter geht's mit guter Live Musik.<br><br><b>Am 22.05.</b> spielen wir zusammen mit <b>Bad Age</b> und <b>Manta</b> im <b>Marx in Hamburg</b>.
<br><br>Es wird laut, es wird heiß, es wird schnell, es wird Rock'n'Roll!

</div>
		</div>


<div class="trennstrich"></div>





<div class="news-item">


				
			<div class="news-headline">

				
<div class="news-titel">
			    								 
        			Feier frei
				</div>
				<div class="news-date">

				// 05.04.2026				

				</div>						
			</div>

			<div class="news-text">

         <img class="right-item hover-shadow foto" data-scalestrategy="fit" width="255" src="https://mojoriot.de/bilda/2026/rfr1sma.png" style="display:block;"  onclick="openModal();currentSlide(6);">
Wow, einfach wow! Was da gestern auf dem <b>Rabbit Fire Rock</b> Festival in Ehndorf abging war einfach nur genial.
<br><br>Gute Stimmung, gutes Wetter, gute Leute, gutes Bier, gute Orga, gute Location und vor allem gute Musik.
<br><br>Und all das für Lau.
<br><br>Soviel Liebe muss gewürdigt werden, daher besucht unbedingt im Juli die <b>A7 RockArea</b> oder im nächsten Jahr wieder das <b>Rabbit Fire Rock</b>. Es lohnt sich!

</div>
		</div>


<div class="trennstrich"></div>


<div class="news-item">


				
			<div class="news-headline">

				
<div class="news-titel">
			    								 
        			Follow the torpedo
				</div>
				<div class="news-date">

				// 04.04.2026				

				</div>						
			</div>

			<div class="news-text">

         <img class="left-item hover-shadow foto" data-scalestrategy="fit" width="165" src="https://mojoriot.de/bilda/2026/miracle26sma.png" style="display:block;"  onclick="openModal();currentSlide(5);">
Da gerade Ostern ist, haben wir auf der Website ein kleines Easter Egg versteckt. 
<br><br>Mal sehen, ob ihr es findet?

</div>
		</div>


<div class="trennstrich"></div>

<div class="news-item">


				
			<div class="news-headline">

				
<div class="news-titel">
			    								 
        			Ehndorf on fire
				</div>
				<div class="news-date">

				// 30.03.2026				

				</div>						
			</div>

			<div class="news-text">

         <img class="right-item hover-shadow foto" data-scalestrategy="fit" width="175" src="https://mojoriot.de/bilda/2026/rfr26_sma.png" style="display:block;"  onclick="openModal();currentSlide(4);">
Der Zoo ist offen geblieben und ausgebrochen sind 'die wilden Rock Tiere' ...

<br><br>oder <br><br> ... Osterfeuer der etwas anderen Art und zwar mit guter Live-Musik.
<br><br> So ähnlich könnte man mit dem offiziellen und sehr kreativen Flyer des <b>Rabbit Fire Rock</b> werben, das am <b>KarSamstag.</b> stattfindet. 
<br><br>Sympathisch ist auf jeden Fall, dass auf dem Plakat alle Musiker Bass spielen ;) Ein ziemlich cooles Oster Konzert steht also bevor, das solltet ihr nicht verpassen.

</div>
		</div>


<div class="trennstrich"></div>




<div class="news-item">


				
			<div class="news-headline">

				
<div class="news-titel">
			    								 
        			On the road again
				</div>
				<div class="news-date">

				// 21.03.2026				

				</div>						
			</div>

			<div class="news-text">

         <img class="left-item hover-shadow foto" data-scalestrategy="fit" width="215" src="https://mojoriot.de/bilda/2026/ktour_sma.png" style="display:block;"  onclick="openModal();currentSlide(3);">
Die erste Live Show liegt hinter uns. Vielen Dank an das gesamte Team des Kontraste, es war uns eine Ehre bei euch Auftreten zu können.

<br><br>Aber natürlich auch tausend Dank an alle Gäste die beim Kneipen Karusell 2026 mitgetanzt, gesungen oder einfach nur gelauscht haben. Ihr wart mega!  
<br><br>
Ein kurzes Video gibt es bei <a href="https://www.facebook.com/reel/1869518387059637" target="_blank">Neumünster TV</a>. Seht es euch am besten bei nem kühlen Blonden im <b>Gasthaus Kontraste</b> an :)
</div>
		</div>


<div class="trennstrich"></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">

         <img class="right-item hover-shadow foto" 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 beim <b>Rabbit Fire Rock</b> in Ehndorf 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>


<div class="mySlides" onclick="closeModal()"> <!-- 3 -->
      						<img src="https://mojoriot.de/bilda/2026/ktour_big.png" class="highpic">
					   	<div class="numbertext">Der Bus war voll und die Mojos in Bestform.</div>
    				</div>
<div class="mySlides" onclick="closeModal()"> <!-- 4 -->
      						<img src="https://mojoriot.de/bilda/2026/rfr26_big.jpg" class="highpic">
					   	<div class="numbertext">Ich dachte eigentlich, das wäre ein Wolf.</div>
    				</div>
<div class="mySlides" onclick="closeModal()"> <!-- 5 -->
      						<img src="https://mojoriot.de/bilda/2026/miracle26bg.png" class="highpic">
					   	<div class="numbertext">Wo auf der Website hat sich das Easter Egg bloß versteckt?.</div>
    				</div>
<div class="mySlides" onclick="closeModal()"> <!-- 6 -->
      						<img src="https://mojoriot.de/bilda/2026/rfr1big.png" class="highpic">
					   	<div class="numbertext">Das Rabbit Fire Rock Festival war episch.</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>