<html>

<head>


<title>Live | 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">

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;
	
	
}



#lightbox {
	
    width:100%; 
    height:100%; 
	}

#lightbox img {
	max-height: 570px;


		}

#lightbox p {
    text-align:right; 
    color:#fff; 
    margin-right:30px; 
	
    font-size:22px; 
	margin-top: 12px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
}


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: 3000px;
	}

#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;
	}

#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: 0px;
	margin-bottom: 0px;
	height: 0px;	
	}

.news-titel {
	font-family: tahoma; 
	font-size: 0px;
	height: 0px; 
	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;
	}

.live-date {
	padding-top: 0px;
	margin-top: 0px;
	float: right;
	font-size: 45px;
	position: relative;
	top: -13px;
	}

.right-item {
	float: right;
	margin-left: 10px;
	margin-bottom: 10px;

	margin-right: -4px;
	}



.left-item {
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;

	}

.widepic {
	height: 88vh;
	width: auto;
	}

.highpic {
	height: 88vh;
	width: auto;
	}



.gig-item {
	width: 270px;
	}

.gig-item-i {
	width: 266px;
	border: 2px solid #fe7d00; 
background-color: black; 
	}

.flyerpic {
	max-width: 165px;
	display: block;
	}

.fbitem350r {
	width: 350px;
	height: 250px;
	float: right;
	padding-left: 10px;
	padding-bottom: 10px;
	}

#news-links1 {
	border-top: 4px solid #fe7d00; 
	padding-top: 0px;
	padding-left: 7px;
	margin-top: 18px;
	margin-bottom: 17px;
	font-family: Century Gothic;
	color: white;
	background: 2px 2px #fe7d00;
	height: 25px;
	width: 685px;
	}

#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 {
	
	border-top: 2px solid #fe7d00;
	border-bottom: 2px solid #fe7d00;
	padding-top: 17px;
	background-color: white;
	position: relative;
	z-index: 2;
	}

#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%;
	
	margin-bottom: -15px;
	}

.news-text {
	font-family: georgia; 
	font-size: 14px; 
	color: #262626; 
	padding-top: 5px;
	line-height: 1,4;
	width: 100%;
	margin: 0px;
	
	margin-top: -40px;
	}


.live-date {
	padding-top: 0px;
	margin-top: 0px;
	float: right;
	font-size: 0px;
	display: none;
	}


.right-item {
	width: 100%;
	margin-bottom: 10px;
	}

.left-item {
	width: 100%;
	margin-bottom: 10px;
	}

.widepic {
	height: auto;
	width: 88vw;
	}

.highpic {
	height: auto;
	width: 88vw;	
	}

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;
	}




.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;
	}

#endstrich {
	display: none;
	width: 0px;
	height: 0px; 
	border: 0px ridge darkgrey; 
	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: 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 {
	dsiplay: none;
	width: 0px; 
	margin-top: 2px;
	margin-right: 47px;
	margin-left: -47px;
	}

#topschrift {
	display:none;
	}

#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;
	}

#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 {
	
	border-top: 2px solid #fe7d00;
	
	border-bottom: 2px solid #fe7d00;
	padding-top: 0px;
	background-color: white;
	}

#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;
	}

.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%;
	margin-bottom: -15px;
	}

.news-text {
	font-family: georgia; 
	font-size: 16px; 
	color: #262626; 
	line-height: 1,4;
	width: 100%;
	margin: 0px;
	
	}



.live-date {
	padding-top: 0px;
	margin-top: 0px;
	float: right;
	font-size: 0px;
	display: none;
	}

.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: 0px; 
	border: 0px ridge darkgrey; 
	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">		

		<a href="http://mojoriot.de/index.html">News</a> | <a href="http://mojoriot.de/ftp%20design/2/band.html">Band</a> | <a href="http://mojoriot.de/ftp%20design/2/music.html">Music</a> | <font color="white"><u>Live</u></font> | <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="beginstrich"></div>

<div class="news-item">


					<div class="news-headline">

				
				<div class="news-titel" style="margin-top: -5px; padding-bottom: 15px;">
			    								 
        			Looking for a show?
			
				<div class="news-date">
			

				</div>	

				</div>
									
			</div>
			

			<div class="news-text">

      	<div class="live-date" style="float: left; font-family: tahoma; font-size: 28px; width: 100%; padding-top: 13px; margin-bottom: 2px;">Looking for a show?</div>
		


Ob großes Stadfest, gemütliches Festival, fette Firmenfeier, in urigen Kneipen, beim modischen Abiball oder opulenter Hochzeit ... in unserer Bandgeschichte durften wir schon viele einzigartige Orte besuchen und Zuhörer mit unserer Musik begeistern.
<br><br>
Habt ihr eine Auftrittsanfrage? Dann schreibt uns eine eMail an
<b><font color="#fe7d00"> kontakt@mojoriot.de</font></b>
	
		</div>
</div>


<div class="trennstrich"></div>


<div class="news-item">


				
			<div class="news-headline">

				
				<div class="news-titel">
			    								 
        			2026

				</div>
				<div class="news-date">
			

				</div>						
			</div>

			<div class="news-text">

<div class="live-date">2026</div>

<table border="0" style="border: 0px; margin: 0px; padding: 0px;">
	
	<tr height="30">
		<td>
		29.05. 
		</td>
		<td>
		Bandfestival Immanuel Kant Gymnasium - Hamburg
		</td>
	</tr>
	<tr height="30">
		<td>
		11.04. 
		</td>
		<td>
		Rock Area A7 - Neumünster
		</td>
	</tr>
	<tr height="30">
		<td>
		20.03. 
		</td>
		<td>
		Kneipenkarussell - Neumünster
		</td>
	</tr>
	
	
	
	
</table>



						</div>
		</div>

			
			<div class="trennstrich"></div>


<div class="news-item">


				
			<div class="news-headline">

				
				<div class="news-titel">
			    								 
        			2025

				</div>
				<div class="news-date">
			

				</div>						
			</div>

			<div class="news-text">

<div class="live-date">2025</div>

<table border="0" style="border: 0px; margin: 0px; padding: 0px;">
	
	<tr height="30">
		<td>
		12.10. 
		</td>
		<td>
		Hansa48 - Kiel
		</td>
	</tr>
	<tr height="30">
		<td>
		12.07. 
		</td>
		<td>
		Abiball - Norderstedt
		</td>
	</tr>
	<tr height="30">
		<td>
		29.06. 
		</td>
		<td>
		Kieler Woche 2025 - Kiel
		</td>
	</tr>
	<tr height="30">
		<td>
		24.01. 
		</td>
		<td>
		Fabrique - Hamburg
		</td>
	</tr>
	
	
	
</table>



						</div>
		</div>

			
			<div class="trennstrich"></div>

<div class="news-item">


				
			<div class="news-headline">

				
				<div class="news-titel">
			    								 
        			2024

				</div>
				<div class="news-date">
			

				</div>						
			</div>

			<div class="news-text">



<div class="live-date">2024</div>

<table border="0" style="border: 0px; margin: 0px; padding: 0px;">
	
<tr height="30">
		<td>
		24.08.
		</td>
		<td>
		Bootshafensommer - Kiel
		</td>
	</tr>
<tr height="30">
		<td>
		08.06.
		</td>
		<td>
		Musikmeile - Norderstedt
		</td>
	</tr>
<tr height="30">
		<td>
		17.05.
		</td>
		<td>
		Sprottentage - Eckernförde
		</td>
	</tr>
	
	
	
</table>



						</div>
		</div>

			
			<div class="trennstrich"></div>



<div class="news-item">


				
			<div class="news-headline">

				
				<div class="news-titel">
			    								 
        			2023

				</div>
				<div class="news-date">
			

				</div>						
			</div>

			<div class="news-text">



<div class="live-date">2023</div>

<table border="0" style="border: 0px; margin: 0px; padding: 0px;">
	<tr height="30">
		<td>
		15.09.
		</td>
		<td>
		KJHV Firmenfest - Kiel
		</td>
	</tr>
	<tr height="30">
		<td>
		03.09.
		</td>
		<td>
		Strassenfest - Bordesholm
		</td>
	</tr>
	<tr height="30">
		<td>
		18.06.
		</td>
		<td>
		Kieler Woche 2023 - Kiel
		</td>
	</tr>
	
	
</table>



						</div>
		</div>

			
			<div class="trennstrich"></div>





<div class="news-item">


				
			<div class="news-headline">

				
				<div class="news-titel">
			    								 
        			2022

				</div>
				<div class="news-date">
			

				</div>						
			</div>

			<div class="news-text">



<div class="live-date">2022</div>

<table border="0" style="border: 0px; margin: 0px; padding: 0px;">
	
	<tr height="30">
		<td>
		01.10.
		</td>
		<td>
		Interkulturelle Woche - Neumünster
		</td>
	</tr>
	<tr height="30">
		<td>
		08.09.
		</td>
		<td>
		KJHV Firmenfest - Kiel
		</td>
	</tr>
	<tr height="30">
		<td>
		27.08. 
		</td>
		<td>
		Bootshafensommer - Kiel
		</td>
	</tr>
	<tr height="30">
		<td>
		02.07. 
		</td>
		<td>
		'Auf der Elbe' Spezialkonzert - Hamburg 
		</td>
	</tr>
	
</table>



						</div>
		</div>

			
			<div class="trennstrich"></div>


<div class="news-item">


				
			<div class="news-headline">

				
				<div class="news-titel">
			    								 
        			2021

				</div>
				<div class="news-date">
			

				</div>						
			</div>

			<div class="news-text">

<div class="live-date">2021</div>

<table border="0" style="border: 0px; margin: 0px; padding: 0px;">
	
	<tr height="30">
		<td>
		26.08. 
		</td>
		<td>
		Waldbühnen Festival - Neumünster
		</td>
	</tr>
	<tr height="30">
		<td>
		21.08. 
		</td>
		<td>
		Bootshafensommer - Kiel
		</td>
	</tr>
	
	
</table>



						</div>
		</div>

			
			<div class="trennstrich"></div>

<div class="news-item">


				
			<div class="news-headline">

				
				<div class="news-titel">
			    								 
        			2020

				</div>
				<div class="news-date">
			

				</div>						
			</div>

			<div class="news-text">

<div class="live-date">2020</div>

<table border="0" style="border: 0px; margin: 0px; padding: 0px;">
	
	<tr height="30">
		<td>
		<i>There was no year 2020</i>
		</td>
	</tr>
	
	
</table>



						</div>
		</div>

			
			<div class="trennstrich"></div>
<div class="news-item">


				
			<div class="news-headline">

				
				<div class="news-titel">
			    								 
        			2019

				</div>
				<div class="news-date">
			

				</div>						
			</div>

			<div class="news-text">

<div class="live-date">2019</div>

<table border="0" style="border: 0px; margin: 0px; padding: 0px;">
	
	<tr height="30">
		<td>
		15.11. 
		</td>
		<td>
		LuK TUHH - Hamburg
		</td>
	</tr>
	<tr height="30">
		<td>
		10.08. 
		</td>
		<td>
		N.E.M.O. Festival - Bollewick
		</td>
	</tr>
	<tr height="30">
		<td>
		17.07. 
		</td>
		<td>
		FestiSoulacMusik - Soulac sur mer
		</td>
	</tr>
	<tr height="30">
		<td>
		14.06. 
		</td>
		<td>
		Holstenköste - Neumünster
		</td>
	</tr>
	<tr height="30">
		<td>
		17.05. 
		</td>
		<td>
		Pooca Bar - Hamburg
		</td>
	</tr>
	<tr height="30">
		<td>
		14.04. 
		</td>
		<td>
		Hansa 48 - Kiel
		</td>
	</tr>
	<tr height="30">
		<td>
		26.01. 
		</td>
		<td>
		Wittorfer Brauerei - Neumünster
		</td>
	</tr>
	
</table>



						</div>
		</div>

			
			<div class="trennstrich"></div>
<div class="news-item">


				
			<div class="news-headline">

				
				<div class="news-titel">
			    								 
        			2018

				</div>
				<div class="news-date">
			

				</div>						
			</div>

			<div class="news-text">

<div class="live-date">2018</div>

<table border="0" style="border: 0px; margin: 0px; padding: 0px;">
	
	<tr height="30">
		<td>
		16.11. 
		</td>
		<td>
		LuK TUHH - Hamburg
		</td>
	</tr>
	<tr height="30">
		<td>
		03.11. 
		</td>
		<td>
		Segelschiff Sigandor - Flensburg
		</td>
	</tr>
	<tr height="30">
		<td>
		14.09. 
		</td>
		<td>
		Schenefeld Rockx - Schenefeld
		</td>
	</tr>
	<tr height="30">
		<td>
		11.08. 
		</td>
		<td>
		Sommerfest - Ehndorf
		</td>
	</tr>
	<tr height="30">
		<td>
		30.06. 
		</td>
		<td>
		Abiball - Gelting
		</td>
	</tr>
	<tr height="30">
		<td>
		17.06. 
		</td>
		<td>
		Open Ship Kieler Woche 2018 - Kiel
		</td>
	</tr>
	<tr height="30">
		<td>
		16.06. 
		</td>
		<td>
		Streetfood Festival - Posthausen
		</td>
	</tr>
	<tr height="30">
		<td>
		09.02. 
		</td>
		<td>
		Logo - Hamburg
		</td>
	</tr>
	<tr height="30">
		<td>
		27.01. 
		</td>
		<td>
		Pogue Mahone - Kiel
		</td>
	</tr>
	
	<tr height="30">
		<td>
		20.01. 
		</td>
		<td>
		Alte Holstenbrauerei - Neumünster
		</td>
	</tr>
</table>



						</div>
		</div>

			
			<div class="trennstrich"></div>
<div class="news-item">


				
			<div class="news-headline">

				
				<div class="news-titel">
			    								 
        			2017

				</div>
				<div class="news-date">
			

				</div>						
			</div>

			<div class="news-text">

<div class="live-date">2017</div>

<table border="0" style="border: 0px; margin: 0px; padding: 0px;">
	
<tr height="30">
		<td>
		21.12. 
		</td>
		<td>
		Blauer Engel - Kiel
		</td>
	</tr>
	<tr height="30">
		<td>
		24.11. 
		</td>
		<td>
		Hansa 48 - Kiel
		</td>
	</tr>
	<tr height="30">
		<td>
		26.08. 
		</td>
		<td>
		Nightlife Nightlive - Kiel
		</td>
	</tr>
<tr height="30">
		<td>
		22.07. 
		</td>
		<td>
		Bootshafensommer - Kiel
		</td>
	</tr>
<tr height="30">
		<td>
02.06.
		</td>
		<td>
		Ulmenhof - Süderbrarup
		</td>
	</tr>
	
<tr height="30">
		<td>
16.03.
		</td>
		<td>
Blauer Engel - Kiel
		</td>
	</tr>
	

</table>



						</div>
		</div>

			
			<div class="trennstrich"></div>
		
			<div class="news-item">


				
			<div class="news-headline">

				
				<div class="news-titel">
			    								 
        			2016

				</div>
				<div class="news-date">
			

				</div>						
			</div>

			<div class="news-text">

<div class="live-date">2016</div>

<table border="0" style="border: 0px; margin: 0px; padding: 0px;">
	<tr height="30">
		<td>
08.10.
		</td>
		<td>
Booblecap Festival - Aukrug
		</td>
	</tr>
	<tr height="30">
		<td>
		13.08. 
		</td>
		<td>
		Bootshafen - Kiel
		</td>
	</tr>
<tr height="30">
<td>16.07. </td><td>KDW - Neumünster</td>
</tr>
<tr height="30">
<td>17.06. </td><td>Nordisches Institut CAU - Kiel</td>
</tr>
<tr height="30">
<td>04.06. </td><td>Rock Café - Hamburg</td>
</tr>
<tr height="30">
<td>13.05. </td><td>Knust - Hamburg</td> 
</tr>
<tr height="30">
<td>15.04. </td><td>Pogue Mahone - Kiel</td>
</tr>
<tr height="30">
<td>12.02. </td><td>Logo - Hamburg</td>
</table>



						</div>
		</div>

			
			<div class="trennstrich"></div>


		<div class="news-item">

				
			<div class="news-headline">

				
				<div class="news-titel">
			    								 
        			2015

				</div>
				<div class="news-date">
			

				</div>						
			</div>

			<div class="news-text">
<div class="live-date">2015</div>
	
<table border="0" style="border: 0px; margin: 0px; padding: 0px;">
	<tr height="30">
		
		
<td>04.12. </td><td>Pogue Mahone - Kiel</td>
</tr>
<tr height="30"><td>
27.11. </td><td>Rock Café - Hamburg</td>
</tr>
<tr height="30">
<td>09.10. </td><td>Grüner Jäger - Hamburg</td>
</tr>
<tr height="30">
<td>19.09. </td><td>Pogue Mahone - Kiel</td>
</tr>
<tr height="30">
<td>18.09. </td><td>Heilandskirche - Kiel</td>
</tr><tr height="30">

<td>12.09. </td><td>Seebrückenfest - Heiligenhafen</td>
</tr>
<tr height="30">
<td>28.08. </td><td>Pogue Mahone - Kiel</td>
</tr>
<tr height="30">
<td>12.06. </td><td>Nordisches Institut CAU - Kiel</td>
</tr>
<tr height="30">
<td>09.05. </td><td>Sterntaucher - Kiel</td>
</tr>
<tr height="30">
<td>13.03. </td><td>Pooca Bar - Hamburg
</td></tr>
<tr height="30">
<td>31.01. </td><td>Café do Sul - Kiel</td>


</tr>
</table>
			</div>

		</div>
		
		

	<div id="endstrich"></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>
(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>