<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">


<!--

// 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;
	
	
}



#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: 2375px;
	}

#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;
	}

#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(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 {
	border-left: 2px solid #fe7d00;
	border-right: 2px solid #fe7d00;
	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: 20px; /* 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 */
}





				}

@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(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;
	}

#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-left: 2px solid #fe7d00;
	border-top: 2px solid #fe7d00;
	border-right: 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: 20px; /* 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">
               
                
                    <label for="newsdownbutton"><li>News ...</li>
                    <a href="#"></a></label>
		    <input type="checkbox" id="newsdownbutton" />

                  <ul id="newsdownmenu">
			<li><a href="http://mojoriot.de/">2023</a></li>
			<li><a href="http://mojoriot.de/ftp%20design/2/news2022.html">2022</a></li>
                        <li><a href="http://mojoriot.de/ftp%20design/2/news2021.html">2021</a></li>
			<li><a href="http://mojoriot.de/ftp%20design/2/news2020.html">2020</a></li>
                        <li><a href="http://mojoriot.de/ftp%20design/2/news2019.html">2019</a></li>
                        <li><a href="http://mojoriot.de/ftp%20design/2/news2018.html">2018</a></li>
			<li><a href="http://mojoriot.de/ftp%20design/2/news2017.html">2017</a></li>
			<li><a href="http://mojoriot.de/ftp%20design/2/news2016.html">2016</a></li>
			<li><a href="http://mojoriot.de/ftp%20design/2/news2015.html">2015</a></li>
                    </ul>

                
               
                <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="beginstrich"></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 - NMS
		</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>
	
</body>