<html>

<head>


<title>News 2025 | 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">


<!--

// Top Pictures hier die Abmessungen eintragen

ImageArr = new Array()

// hier die Grafiken eintragen
ImageArr[ImageArr.length] = "http://mojoriot.de/ftp%20design/bgs/bg2%20small%20pano%20wf%20nb.png";
ImageArr[ImageArr.length] = "http://mojoriot.de/ftp%20design/bgs/wsbg2.png";
ImageArr[ImageArr.length] = "http://mojoriot.de/ftp%20design/bgs/bgabe2.png";
ImageArr[ImageArr.length] = "http://mojoriot.de/bilda/New%20Bg1.png";
ImageArr[ImageArr.length] = "http://mojoriot.de/bilda/sfp.png";
ImageArr[ImageArr.length] = "http://mojoriot.de/bilda/BG1kiwo.png";
ImageArr[ImageArr.length] = "http://mojoriot.de/bilda/bg2nms.png";
ImageArr[ImageArr.length] = "http://mojoriot.de/bilda/bgbhs21.png";
ImageArr[ImageArr.length] = "http://mojoriot.de/bilda/bhs2022.png";

var xAnzahl = ImageArr.length;

var Zufallnow = new Date()
var ZufallZahl = (Zufallnow.getTime() % xAnzahl);

function ZufallsBildStart() {
document.write('<style> #top-picture { background-image: url(' + ImageArr[ZufallZahl] + ');  } </style>');
}


//-->
</script>


<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:2155px;
	}

#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;
	}

#top-picture {
	width: 956px; 
	height: 342px;
	margin-top: 0px; 
	padding-top: 0px; 
	background-image: url(); 
	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(http://mojoriot.de/ftp%20design/wsbg2.png); 
	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(http://mojoriot.de/ftp%20design/wsbg2.png); 
	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: 630px;
	}

.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">


	<script type="text/javascript" language="JavaScript">
	<!--
	ZufallsBildStart()
	//-->
	</script>

	


	<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">2025 <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">
			    								 
        			Mojo Action (Figuren)
				</div>
				<div class="news-date">

				// 20.04.2025				

				</div>						
			</div>

			<div class="news-text firstnewstext">

         <img class="right-item hover-shadow foto firstnewspic" data-scalestrategy="fit" width="270" src="https://mojoriot.de/bilda/2025/mojofigurs25_sma.png" style="display:block;"  onclick="openModal();currentSlide(1);">

Schon Jan's Mama hat immer gesagt. <i>"Man sollte nicht jeden Trend nachmachen."</i> Und trotzdem, dieser hier ist sehr witzig.
<br><br>
Daher präsentieren wir euch das (fast echte) Mojo Riot Action Figuren Set, skynet sei dank.
<br><br>
Wir wissen nicht so genau, ob wir uns beleidigt oder geschmeichelt fühlen sollen. 
Immerhin fehlt auf diesem Bild der ein oder andere Mojo, aber es sind auch ein paar von uns gut getroffen.
<br><br>
Was meint ihr? Würdet ihr euch diese Kapeiken auf die Kommode stellen? Erzählt es uns beim nächsten Auftritt.

</div>
		</div>


<div class="trennstrich"></div>

<div class="news-item">


				
			<div class="news-headline">

				
<div class="news-titel">
			    								 
        			New Era has begun!
				</div>
				<div class="news-date">

				// 26.01.2025				

				</div>						
			</div>

			<div class="news-text">

         <img class="left-item hover-shadow foto" data-scalestrategy="fit" width="300" src="https://mojoriot.de/bilda/2025/firsthh_sma.png" style="display:block;"  onclick="openModal();currentSlide(2);">

Meine Güte, war das eine fette Show in der Fabrique im hamburger Gängelviertel!
<br><br>
So viele coole, freundliche und musikliebende Personen haben wir sehr lange nicht mehr erlebt.
<br><br>
Ein gebührender Live-Einstand für unseren neuen Drummer und eine fantastische Rückkehr aus der Elternpause von unserem Gitarristen Jan.
<br><br>
Vielen Dank an <a href="https://www.instagram.com/smileinsteadofficial/" target="_blank"> Smile Instead</a> und euch allen für den geilen Abend in der Elbmetropole.

</div>
		</div>


<div class="trennstrich"></div>



<div class="news-item">


				
			<div class="news-headline">

				
<div class="news-titel">
			    								 
        			10 Jahre mojoriot.de
				</div>
				<div class="news-date">

				// 03.01.2025				

				</div>						
			</div>

			<div class="news-text">

        <img class="right-item" data-scalestrategy="fit" width="263" src="https://mojoriot.de/onewebmedia/fernseher3c.png" style="display:block;">

Ja krass, 10 Jahre sind so schnell vergangen. 
<br><br>
Wär hätte damals gedacht, dass diese kleine online Chronografie von (damals noch) 5 Typen, die einfach ein bisschen Musik zusammen machen wollten, all die Zeit überdauern wird bzw. die Band selbst es nich geben wird.
<br><br> 
Zum Dank gibt es eine kleine Design Überarbeitung.
<br><br>
Also auf die nächsten 10 Jahre.



</div>
		</div>







<div class="theend">	

<div id="endstrich"></div>

<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()"> <!-- 2 -->
      						<img src="https://mojoriot.de/bilda/2025/mojofigurs25_big.png" class="highpic">
					   	<div class="numbertext">Mojo Action Figuren dank KI. </div>
    				</div>

<div class="mySlides" onclick="closeModal()"> <!-- 1 -->
      						<img src="https://mojoriot.de/bilda/2025/firsthh_bg.jpg" class="highpic">
					   	<div class="numbertext">What a great show! </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>
	
</body>