<html>

<head>


<title>Bilder 2026 | Mojo Riot 'damn hot music' from Kiel/Germany</title>

<link rel="shortcut icon" type="image/jpg" href="https://mojoriot.de/onewebstatic/75f90fefb8-Logo%20Orange%208x8b.jpg">

<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
<meta name="theme-color" content="#fe7d00" />





<script type="text/javascript">

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() {
resetAllImageZooms(); // ergänzen - Setzt alle Zooms zurück
  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) {
resetAllImageZooms(); // ergänzen - Setzt alle Zooms zurück
  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">





a:focus {
  outline: none;
  box-shadow: none;
}





#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;
	}

</style>
<style type="text/css">




.lightbox_trigger img {

	border-bottom-left-radius: 12px;
      border-bottom-right-radius: 12px;
      border-top-left-radius: 12px;
      border-top-right-radius: 12px
		}

#p1{
     width: 100%;
	height: auto;
}


.pic-inlay {
  font-size: 0;
}




.pic-inlay a {
  font-size: 16px;
  overflow: hidden;
  display: inline-block;
  margin-bottom: 8px;
  width: calc(50% - 4px);
  margin-right: 8px;
}




.pic-inlay a:nth-of-type(2n) {
  margin-right: 0;
}




.pic-inlay a:hover img {
  transform: scale(1.15);
}




.pic-inlay figure {
  margin: 0;
}




.pic-inlay img {
  border: none;
  max-width: 100%;
  height: auto;
  display: block;
  background: #ccc;
  transition: transform .2s ease-in-out;
}



#lightbox {
    position:fixed; /* keeps the lightbox window in the current viewport */
    top:0; 
    left:0; 
    z-index: 2000;
	
    background:url(http://mojoriot.de/bilda/overlay.png) repeat; 
    text-align:center;
	
	vertical-align: middle;
	
}


#lightbox img {
	
	vertical-align: middle;
    box-shadow:0 0 25px #111;
    -webkit-box-shadow:0 0 25px #111;
    -moz-box-shadow:0 0 25px #111;
}









.lightbox_trigger img {

	border-bottom-left-radius: 12px;
      border-bottom-right-radius: 12px;
      border-top-left-radius: 12px;
      border-top-right-radius: 12px
		}

#p1{
     width: 100%;
	height: auto;
}


.pic-inlay {
  font-size: 0;
}




.pic-inlay a {
  font-size: 16px;
  overflow: hidden;
  display: inline-block;
  margin-bottom: 8px;
  width: calc(50% - 4px);
  margin-right: 8px;
}




.pic-inlay a:nth-of-type(2n) {
  margin-right: 0;
}




.pic-inlay a:hover img {
  transform: scale(1.15);
}




.pic-inlay figure {
  margin: 0;
}




.pic-inlay img {
  border: none;
  max-width: 100%;
  height: auto;
  display: block;
  background: #ccc;
  transition: transform .2s ease-in-out;
}







@media only screen and (min-width: 604px) {
   /* PC Ansicht */

.lightbox_trigger img {

	border-bottom-left-radius: 7px;
      border-bottom-right-radius: 7px;
      border-top-left-radius: 7px;
      border-top-right-radius: 7px
		}


.pic-inlay a {
    width: calc(12.5% - 7px);
  }
  
  


.pic-inlay a:nth-of-type(2n) {
    margin-right: 8px;
  }
  
  


.pic-inlay a:nth-of-type(8n) {
    margin-right: 0;
  }

}

@media only screen and (min-width: 320px) and (max-width: 603px) {
    /* For mobile phones schräg: */


.lightbox_trigger img {

	border-bottom-left-radius: 10px;
      border-bottom-right-radius: 10px;
      border-top-left-radius: 10px;
      border-top-right-radius: 10px
		}

.pic-inlay a {
    width: calc(25% - 6px);
  }
  
  


.pic-inlay a:nth-of-type(2n) {
    margin-right: 8px;
  }
  
  


.pic-inlay a:nth-of-type(4n) {
    margin-right: 0;
  }

}

</style>
<style type="text/css">


@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;
	}


#js2025 {
scroll-margin-top: 87px;
}


#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: 1645px;
	}

#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;
	}

#inlay-all {
	margin-left:auto;
        margin-right:auto;
	width: 960px;
	}

#mobilestartschrift {
	display: none;
	}

#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;
	}




#endstrich {
	display: block;
	heigt: 0px;
	width: 100%; 
	border: 2px solid #fe7d00; 
	margin-left: 0px;
	position: relative;
	top: 0px;	
	font-size: 0.00000001px;
	color: white;
	}

#righty-all {
	float:right;
	width: 250px;
	height: auto;
	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;
	}


.no-trennstrich {
	width: 683px;
	margin-top: -10px;
	margin-bottom: 15px; 
	border: 1.5px solid #E5E5E5; 
	margin-left: 0;
	}

.news-headline {	
	padding-bottom: 15px;
	margin-bottom: 15px;
	height: 15px;	
	}

.news-titel {
	font-family: tahoma; 
	font-size: 28px; 
	color: black;
	float: left;
	padding-bottom: 1px;
	}

.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;
	padding-bottom: 35px;
	}


.firstnewstext {
	padding-top: 7px;
	}

.live-date {
	font-family: georgia; 
	padding-top: 0px;
	margin-top: 0px;
	float: right;
	font-size: 45px;
	position: relative;
	top: -13px;
	}

.live-date-m {
	font-size: 0px;
	display: none;
	}


.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 {
	display: none;
	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;
	}


#js2025 {
scroll-margin-top: 70px;
}


#body-all {
	display: block;
	width: 100%;
	margin-left:auto;
        margin-right:auto;
	padding-top: 15px;
	margin: 0px;
	padding: 0px;
	position: relative;
	top 50px;
	float: center;
	}

#header {
	position:fixed; 
	z-index: 3; 
	width: 100%;
	height: 50px;
	background-color: #fe7d00;
	margin-top: 0px;
	text-align: center;
	font-size: 1em;
	font-family: georgia;
	color: black;
	vertical-align: middle;
	margin: 0px;
	padding: 5px;
	}

#headin {
	width: 100%;
	margin-left:auto;
        margin-right:auto;
	
	}

#header-links {
	position:relative;
	left: 0px;
	top: 5px;
	display: none;
		
	}

#startbild {
	dsiplay: none;
	width: 0px; 
	margin-top: 2px;
	margin-right: 47px;
	margin-left: -47px;
	}
#top-picture {
	width: 100%;
	height: 138px;;
	margin-top: 0px; 
	margin-bottom: 0px;
	padding-bottom: 0px;
	padding-top: 0px; 
	background-image: url('https://mojoriot.de/ftp%20design/2/zufallsbildtop.php');  
	background-size: 100% auto;
	display: block;
	background-repeat:no-repeat;
	position: relative;
	top:55px;
	z-index: -3;
	margin-left:auto;
        margin-right:auto;
	}

#topschrift {
	display:none;
	}

#topschrift2 {
	display: none;
	position: relative; 
	left: 0px; 
	top: 0px;
	}

#mobilestartschrift {
	height:108%;
	position: absolute;
	top: -1;
	left: 65px;
	z-index: 1000;
	}

#inlay-all {
	padding: 0px;
	margin: 0px;
	margin-left:auto;
        margin-right:auto;
	width: 100%;
	padding-top: 25px;
	}

#righty-all {
	width: 100%;
	padding-top: 0px;
	padding-bottom: 15px;
	margin-left:auto;
        margin-right:auto;
	}

#nextgig {
	border: 2px solid #FE7D00;
	background-color: black;
	margin-left:auto;
        margin-right:auto;
	padding-top: 0px;
	margin-top: 20px;
	margin-bottom: 3px;
	padding-bottom: 3px;
	height: 128px; width: 245px;
	}		

#musicplayer {
	display: none;
	margin-top: 0px;
	padding-top: 0px;
	margin-left: 0px;
	width: 0px;
	height: 0px;
	}

#musicfindlinks {
	margin-top: 0px;
	padding-top: 0px;
	margin-bottom: 10px;
	margin-left:auto;
        margin-right:auto;
	font-size: 20px; 
	color:white; 
	width: 100%; 
	}

#news-all {
	
	
	position: relative;
	overflow-x: hidden;
	z-index: 2;
	}

.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: 450px;
	
	}

.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;
	}

#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;
	}


.no-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 {
    height: auto;
    min-height: 25px;
    margin-bottom: 0px;
}



.news-titel {
	font-family: tahoma; 
	font-size: 20px; 
	color: #fe7d00;
	width: 100%;
	padding-bottom: 6px;
	}

.news-date {
	font-family: tahoma; 
	font-size: 14px;  
	color: #fe7d00; 
	position: relative;
	top: 7px;
	left: 3px;
	width: 0px;
	height: 0px;
	}

.news-text {
	font-family: georgia; 
	font-size: 14px; 
	color: #262626; 
	padding-top: 5px;
	line-height: 1,4;
	width: 100%;
	margin: 0px;
	
	margin-top: 0px;
	}


.live-date {
	padding-top: 0px;
	margin-top: 0px;
	font-size: 12px;
	float: right;
	display: none;
	}


.live-date-m {
	font-family: tahoma; 
	font-size: 20px; 
	color: #fe7d00;
	width: 100%;
	padding-bottom: 10px;
	}

.firstnewspic {
	margin-top: 54px;
	}

.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: block;
	
	width: 100%; 
	border: 2px solid #fe7d00; 
	margin-left: 0px;
	margin-bottom: 10px;
	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;
	}


#js2025 {
scroll-margin-top: 70px;
}


#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 {
	
	
	overflow-x: hidden;
	
	padding-top: 0px;
	background-color: white;
	}

.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: 490px;
	}

.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;
	}

#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;
	}


.no-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%;
	padding-bottom: 6px;
	}

.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;
	text-align: justify;
	hyphens: auto; 
	margin-top: -12px;

}



.live-date {
	padding-top: 0px;
	margin-top: 0px;
	float: right;
	font-size: 0px;
	display: none;
	}


.live-date-m {
	font-family: tahoma; 
	font-size: 20px; 
	color: #fe7d00;
	width: 100%;
	margin-bottom: 10px;
	}



.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">		

		<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> | <a href="http://mojoriot.de/ftp%20design/2/live.html">Live</a> | <font color="white"><u>Bilder</u></font> | <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">

		

<a href="https://mojoriot.de/ftp%20design/2/nobilder.html" style="outline: none;"><div class="jahresstrichpc firstjhp">2026 <img src="https://mojoriot.de/bilda/icons/above.png" class="pic-jhp2"></div></a>



<div class="news-item">

		</div>




<div class="news-item">


				
			<div class="news-headline">

				
				<div class="news-titel">
			    								 
        			Bootshafensommer


				</div>
				<div class="news-date">
				

				</div>						
			</div>

			<div class="news-text firstnewstext">



	<div class="pic-inlay">



<a class="lightbox_trigger">
     <figure> <img id="p1" src="https://mojoriot.de/bilda/2026/bohaso26/1_sma.jpg"  class="pic1g hover-shadow" onclick="openModal();currentSlide(25);"></figure>
        </a>


<a class="lightbox_trigger">
     <figure> <img id="p1" src="https://mojoriot.de/bilda/2026/bohaso26/GZ6_8560_display_sma.jpg"  class="pic1g hover-shadow" onclick="openModal();currentSlide(24);"></figure>
</a>
	
<a class="lightbox_trigger">
     <figure> <img id="p1" src="https://mojoriot.de/bilda/2026/bohaso26/GZ6_8610_display_sma.jpg"  class="pic1g hover-shadow" onclick="openModal();currentSlide(23);"></figure>
</a>		
      



<a class="lightbox_trigger">
     <figure> <img id="p1" src="https://mojoriot.de/bilda/2026/bohaso26/GZ6_8682_display_sma.jpg"  class="pic1g hover-shadow" onclick="openModal();currentSlide(22);"></figure>
        </a> 


<a class="lightbox_trigger">
     <figure> <img id="p1" src="https://mojoriot.de/bilda/2026/bohaso26/GZ6_8682_display2_sma.jpg"  class="pic1g hover-shadow" onclick="openModal();currentSlide(21);"></figure>
        </a> 



<a class="lightbox_trigger">
     <figure> <img id="p1" src="https://mojoriot.de/bilda/2026/bohaso26/GZ6_8722_display_sma.jpg"  class="pic1g hover-shadow" onclick="openModal();currentSlide(20);"></figure>
        </a> 


<a class="lightbox_trigger">
     <figure> <img id="p1" src="https://mojoriot.de/bilda/2026/bohaso26/GZ6_8726_display%202_sma.jpg"  class="pic1g hover-shadow" onclick="openModal();currentSlide(19);"></figure>
        </a> 



<a class="lightbox_trigger">
     <figure> <img id="p1" src="https://mojoriot.de/bilda/2026/bohaso26/GZ6_8726_display_sma.jpg"  class="pic1g hover-shadow" onclick="openModal();currentSlide(18);"></figure>
        </a> 


<a class="lightbox_trigger">
     <figure> <img id="p1" src="https://mojoriot.de/bilda/2026/bohaso26/GZ6_8731_display_sma.jpg"  class="pic1g hover-shadow" onclick="openModal();currentSlide(17);"></figure>
        </a> 



<a class="lightbox_trigger">
     <figure> <img id="p1" src="https://mojoriot.de/bilda/2026/bohaso26/GZ6_8731_display2_sma.jpg"  class="pic1g hover-shadow" onclick="openModal();currentSlide(16);"></figure>
        </a>


<a class="lightbox_trigger">
     <figure> <img id="p1" src="https://mojoriot.de/bilda/2026/bohaso26/GZ6_8782_display_sma.jpg"  class="pic1g hover-shadow" onclick="openModal();currentSlide(15);"></figure>
        </a>

<a class="lightbox_trigger">
     <figure> <img id="p1" src="https://mojoriot.de/bilda/2026/bohaso26/GZ6_8783_display_sma.jpg"  class="pic1g hover-shadow" onclick="openModal();currentSlide(14);"></figure>
        </a>









<div style="font-size: 16px; font-color: black; margin-top: 1%;">
Ach ja, es war wieder schön auf dem <b>Bootshafensommer 2026</b>. Die Atmosphäre dort sucht einfach seinesgleichen und auf der schönsten Bühne Kiels vor einer unglaublichen Kulisse zu spielen macht einfach jedes Mal wieder unfassbar viel Spass. 
</div>




	</div>

		</div>
		</div>


<div class="no-trennstrich"></div>
		
			<div class="news-item">


				
			<div class="news-headline">

				
				<div class="news-titel">
			    								 
        			Kneipenkarussell

				</div>
				<div class="news-date">
				

				</div>						
			</div>

			<div class="news-text">


<div class="pic-inlay">

<a class="lightbox_trigger">
     <figure> <img id="p1" src="https://mojoriot.de/bilda/2026/Kneipenkarussell%20NMS/p1_sma.jpg"  class="pic1g hover-shadow" onclick="openModal();currentSlide(13);"></figure>
        </a>

			
<a class="lightbox_trigger">     
   <figure> <img id="p1" src="https://mojoriot.de/bilda/2026/Kneipenkarussell%20NMS/p2_sma.jpg" class="pic1g hover-shadow" onclick="openModal();currentSlide(12);"></figure>
        </a>        
        
<a class="lightbox_trigger">     
   <figure><img id="p1" src="https://mojoriot.de/bilda/2026/Kneipenkarussell%20NMS/p3_sma.jpg"  class="pic1g hover-shadow" onclick="openModal();currentSlide(11);"></figure>
        </a>     
       
<a class="lightbox_trigger">     
   <figure> <img id="p1" src="https://mojoriot.de/bilda/2026/Kneipenkarussell%20NMS/p4_sma.jpg" class="pic1g hover-shadow" onclick="openModal();currentSlide(10);"></figure>
        </a>     
           
<a class="lightbox_trigger">     
   <figure> <img id="p1" src="https://mojoriot.de/bilda/2026/Kneipenkarussell%20NMS/p5_sma.jpg" class="pic1g hover-shadow" onclick="openModal();currentSlide(9);"></figure>
        </a>            
        
<a class="lightbox_trigger">     
   <figure> <img id="p1" src="https://mojoriot.de/bilda/2026/Kneipenkarussell%20NMS/p6_sma.jpg"  class="pic1g hover-shadow" onclick="openModal();currentSlide(8);"></figure>
        </a>        
       
<a class="lightbox_trigger">     
   <figure> <img id="p1" src="https://mojoriot.de/bilda/2026/Kneipenkarussell%20NMS/p6a_sma.jpg" class="pic1g hover-shadow" onclick="openModal();currentSlide(7);"></figure>
        </a>            
        
<a class="lightbox_trigger">     
   <figure> <img id="p1" src="https://mojoriot.de/bilda/2026/Kneipenkarussell%20NMS/p6b_sma.jpg" class="pic1g hover-shadow" onclick="openModal();currentSlide(6);"></figure>
        </a>             
        
<a class="lightbox_trigger">     
   <figure> <img id="p1" src="https://mojoriot.de/bilda/2026/Kneipenkarussell%20NMS/p7_sma.jpg" class="pic1g hover-shadow" onclick="openModal();currentSlide(5);"></figure>
        </a>              
        
<a class="lightbox_trigger">     
  <figure> <img id="p1" src="https://mojoriot.de/bilda/2026/Kneipenkarussell%20NMS/p7a_sma.jpg"  class="pic1g hover-shadow" onclick="openModal();currentSlide(4);"></figure>
        </a>           
        
<a class="lightbox_trigger">     
   <figure> <img id="p1" src="https://mojoriot.de/bilda/2026/Kneipenkarussell%20NMS/p7b_sma.jpg" class="pic1g hover-shadow" onclick="openModal();currentSlide(3);"></figure>
        </a>          
        
<a class="lightbox_trigger">     
   <figure> <img id="p1" src="https://mojoriot.de/bilda/2026/Kneipenkarussell%20NMS/p8_sma.jpg" class="pic1g hover-shadow" onclick="openModal();currentSlide(2);"></figure>
        </a>            
        
 <a class="lightbox_trigger">     
   <figure> <img id="p1" src="https://mojoriot.de/bilda/2026/Kneipenkarussell%20NMS/p9_sma.jpg" class="pic1g hover-shadow" onclick="openModal();currentSlide(1);"></figure>
        </a>       
       

<div style="font-size: 16px; font-color: black; margin-top: 1%;">
Das<b>Kneipenkarussell</b> in Neumünster war gemütlich und sehr stimmungsvoll. Im <b>Gästehaus Kontraste</b> hat jedoch der Bär gesteppt, wie man so schön sagt. Bei köstlichem Bräu ebenso geschmackvolle Musik hören, was gibt's Besseres?
</div>


</div>




			</div>
			</div>



<div class="theend">



<div id="endstrich"></div>
	
<a href="https://mojoriot.de/ftp%20design/2/bilder2025.html#js2025" id="js2025">
<div class="jahresstrichpc">2025 <img src="https://mojoriot.de/bilda/icons/down.png" class="pic-jhp1"></div></a>

<a href="https://mojoriot.de/ftp%20design/2/bilder2024.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/bilder2022.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/bilder2021.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/bilder2018.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/bilder2017.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/bilder2016.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/bilder2015.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" >
      						<img src="https://mojoriot.de/bilda/2026/Kneipenkarussell%20NMS/p9.jpg" class="highpic">
					   	<div class="numbertext">Kneipenkarussell Neumünster (2026)- 13/13</div>
    				</div>



<div class="mySlides" >
      						<img src="https://mojoriot.de/bilda/2026/Kneipenkarussell%20NMS/p8.jpg" class="highpic">
					   	<div class="numbertext">Kneipenkarussell Neumünster (2026)- 12/13</div>
    				</div>



<div class="mySlides">
      						<img src="https://mojoriot.de/bilda/2026/Kneipenkarussell%20NMS/p7b.jpg" class="highpic">
					   	<div class="numbertext">Kneipenkarussell Neumünster (2026)- 11/13</div>
    				</div>



<div class="mySlides" >
      						<img src="https://mojoriot.de/bilda/2026/Kneipenkarussell%20NMS/p7a.jpg" class="highpic">
					   	<div class="numbertext">Kneipenkarussell Neumünster (2026)- 10/13</div>
    				</div>





<div class="mySlides" >
      						<img src="https://mojoriot.de/bilda/2026/Kneipenkarussell%20NMS/p7.jpg" class="highpic">
					   	<div class="numbertext">Kneipenkarussell Neumünster (2026)- 9/13</div>


				</div>


<div class="mySlides" >
      						<img src="https://mojoriot.de/bilda/2026/Kneipenkarussell%20NMS/p6b.jpg" class="highpic">
					   	<div class="numbertext">Kneipenkarussell Neumünster (2026)- 8/13</div>
</div>




<div class="mySlides" >
      						<img src="https://mojoriot.de/bilda/2026/Kneipenkarussell%20NMS/p6a.jpg" class="highpic">
					   	<div class="numbertext">Kneipenkarussell Neumünster (2026)- 7/13</div>
</div>

			
			

<div class="mySlides" >
      						<img src="https://mojoriot.de/bilda/2026/Kneipenkarussell%20NMS/p6.jpg" class="highpic">
					   	<div class="numbertext">Kneipenkarussell Neumünster (2026)- 6/13</div>

</div>




<div class="mySlides">
      						<img src="https://mojoriot.de/bilda/2026/Kneipenkarussell%20NMS/p5.jpg" class="highpic">
					   	<div class="numbertext">Kneipenkarussell Neumünster (2026)- 5/13</div>
</div>





<div class="mySlides" >
      						<img src="https://mojoriot.de/bilda/2026/Kneipenkarussell%20NMS/p4.jpg" class="highpic">
					   	<div class="numbertext">Kneipenkarussell Neumünster (2026)- 4/13</div>
</div>





<div class="mySlides" >
      						<img src="https://mojoriot.de/bilda/2026/Kneipenkarussell%20NMS/p3.jpg" class="highpic">
					   	<div class="numbertext">Kneipenkarussell Neumünster (2026)- 3/13</div>

</div>




<div class="mySlides" >
      						<img src="https://mojoriot.de/bilda/2026/Kneipenkarussell%20NMS/p2.jpg" class="highpic">
					   	<div class="numbertext">Kneipenkarussell Neumünster (2026)- 2/13</div>

</div>



<div class="mySlides" >
      						<img src="https://mojoriot.de/bilda/2026/Kneipenkarussell%20NMS/p1.jpg" class="highpic">
					   	<div class="numbertext">Kneipenkarussell Neumünster (2026)- 1/13</div>

</div>




<!-- Beginn BoHaSo -->



<div class="mySlides" >
      						<img src="https://mojoriot.de/bilda/2026/bohaso26/GZ6_8783_display.jpg" class="highpic">
					   	<div class="numbertext">Bootshafensommer (2026)- 12/12</div>

</div>



<div class="mySlides" >
      						<img src="https://mojoriot.de/bilda/2026/bohaso26/GZ6_8782_display.jpg" class="highpic">
					   	<div class="numbertext">Bootshafensommer (2026)- 11/12</div>

</div>




<div class="mySlides" >
      						<img src="https://mojoriot.de/bilda/2026/bohaso26/GZ6_8731_display2.jpg" class="highpic">
					   	<div class="numbertext">Bootshafensommer (2026)- 10/12</div>

</div>





<div class="mySlides" >
      						<img src="https://mojoriot.de/bilda/2026/bohaso26/GZ6_8731_display.jpg" class="highpic">
					   	<div class="numbertext">Bootshafensommer (2026)- 9/12</div>

</div>




<div class="mySlides" >
      						<img src="https://mojoriot.de/bilda/2026/bohaso26/GZ6_8726_display.jpg" class="highpic">
					   	<div class="numbertext">Bootshafensommer (2026)- 8/12</div>

</div>



<div class="mySlides" >
      						<img src="https://mojoriot.de/bilda/2026/bohaso26/GZ6_8726_display%202.jpg" class="highpic">
					   	<div class="numbertext">Bootshafensommer (2026)- 7/12</div>

</div>






<div class="mySlides" >
      						<img src="https://mojoriot.de/bilda/2026/bohaso26/GZ6_8722_display.jpg" class="highpic">
					   	<div class="numbertext">Bootshafensommer (2026)- 6/12</div>

</div>



<div class="mySlides" >
      						<img src="https://mojoriot.de/bilda/2026/bohaso26/GZ6_8682_display2.jpg" class="highpic">
					   	<div class="numbertext">Bootshafensommer (2026)- 5/12</div>

</div>



<div class="mySlides" >
      						<img src="https://mojoriot.de/bilda/2026/bohaso26/GZ6_8682_display.jpg" class="highpic">
					   	<div class="numbertext">Bootshafensommer (2026)- 4/12</div>

</div>





<div class="mySlides" >
      						<img src="https://mojoriot.de/bilda/2026/bohaso26/GZ6_8610_display.jpg" class="highpic">
					   	<div class="numbertext">Bootshafensommer (2026)- 3/12</div>

</div>





<div class="mySlides" >
      						<img src="https://mojoriot.de/bilda/2026/bohaso26/GZ6_8560_display.jpg" class="highpic">
					   	<div class="numbertext">Bootshafensommer (2026)- 2/12</div>

</div>





<div class="mySlides" >
      						<img src="https://mojoriot.de/bilda/2026/bohaso26/1.jpg" class="highpic">
					   	<div class="numbertext">Bootshafensommer (2026)- 1/12</div>

</div>







<!-- Next/previous controls -->
    <a class="prev" onclick="plusSlides(1)">&#10094;</a>
    <a class="next" onclick="plusSlides(-1)">&#10095;</a>

    <!-- Caption text -->
    <div class="caption-container">
      <p id="caption"></p>
    </div>

    
  			</div>
	</div> 



	

	<div id="righty-all">
					
					
<div id="nextgig">
<center>
<iframe id="nextgig-inlay" src="https://mojoriot.de/ftp design/2/next-gig.html" style="border: 0px; height: 132px; width: 245px; overflow: hidden;margin-left:auto; margin-right:auto; margin-top: 0px; margin-bottom: 0px; padding: 0px;">
</center>
</iframe>
</div>


					<div id="musicplayer">
						
					</div>
						

					<div id="musicfindlinks" style="text-align: center; padding: 0px; padding-top: 25px;">

    						
    						<div>
        
       			   		       
     			   		<a href="http://www.amazon.de/s/ref=ntt_srch_drd_B012802WDW?ie=UTF8&field-keywords=Mojo%20Riot&index=digital-music&search-type=ss" target="_blank"><img src="http://mojoriot.de/bilda/icons/a-black.png" style="padding-right: 7px;" class="icon-unten"></a>

<a href="http://facebook.com/mojoriot" target="_blank"><img src="http://mojoriot.de/bilda/icons/f-black.png" style="padding-right: 7px;" class="icon-unten"></a>
        
        
                
      			   		<a href="https://itunes.apple.com/de/artist/mojo-riot/id1021279687" target="_blank"><img src="http://mojoriot.de/bilda/icons/i-black.png" style="padding-right: 7px;" class="icon-unten"></a>
                                    
      			   		    
       			   		<a href="https://play.spotify.com/artist/6OxLlRPgTnIwLdoCTtZb9q?play=true&utm_source=open.spotify.com&utm_medium=open" target="_blank"><img src="http://mojoriot.de/bilda/icons/s-black.png" style="" class="icon-unten"></a>
        
        <a href="https://www.instagram.com/mojoriot/" target="_blank"><img src="http://mojoriot.de/bilda/icons/instalogobw.png" style="" class="icon-unten"></a>
        
        


<div id="creditsfull">
			
						
				© <script>
         var dt = new Date();
         document.write(dt.getFullYear() );
      </script>
				by Mojo Riot

				<br>

				✉ kontakt@mojoriot.de

				
				


			</div>

  						</div>

					</div>

		
		</div>


	<div id="footer">

		

		<div id="endinhalt">

			
			
			<img id="endbild" src="http://mojoriot.de/onewebmedia/pics/rrlngb.png" style="padding-right: 0%; background-color: #fe7d00; margin-bottom: 2px;"><br>

			<div id="credits" style="padding-bottom: 5px; font-family: georgia; font-size: 9pt; line-height: 2; display: inline-block;">
			
			<div id="credits-box"></div>
				
© 
<script>
         var dt = new Date();
         document.write(dt.getFullYear() );
      </script>

by Mojo Riot

				<br>

				✉ kontakt@mojoriot.de

				
				


			</div>

		</div>

	</div>
</div>




<script src="https://code.jquery.com/jquery-1.6.2.min.js"></script>

<script>
jQuery(document).ready(function($) {
	
	// Our script will go here

});
</script>


<button onclick="topFunction()" id="myBtn" title="Go to top"><img src="http://mojoriot.de/bilda/icons/above.png"></button>

<script>
(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>




<script>
// Der führende Schrägstrich / sorgt dafür, dass immer das Hauptverzeichnis aufgerufen wird
fetch('/counter.php');

// Tastenkombination: Strg + S
document.addEventListener('keydown', function(e) {
    if ((e.ctrlKey || e.metaKey) && e.code === 'KeyS') {
        e.preventDefault();
        fetch('/send_now.php');
    }
});
</script>


<script>
document.querySelectorAll('.mySlides').forEach(function(slide) {
    slide.addEventListener('mouseup', function(event) {
        // event.button === 0 entspricht der linken Maustaste
        if (event.button === 0) {
            closeModal();
        }
    });
});
</script>



<script>
document.addEventListener('DOMContentLoaded', function() {
    window.imageZoomResets = [];

    document.querySelectorAll('.mySlides img').forEach(img => {
        let currentScale = 1;
        let initialDistance = 0;
        let posX = 0;
        let posY = 0;
        let startX = 0;
        let startY = 0;
        let isDragging = false;

        img.style.touchAction = 'none';

        img.addEventListener('touchstart', function(e) {
            if (e.touches.length === 2) {
                initialDistance = Math.hypot(
                    e.touches[0].pageX - e.touches[1].pageX,
                    e.touches[0].pageY - e.touches[1].pageY
                );
            } else if (e.touches.length === 1 && currentScale > 1) {
                isDragging = true;
                startX = e.touches[0].pageX - posX;
                startY = e.touches[0].pageY - posY;
            }
        }, { passive: false });

        img.addEventListener('touchmove', function(e) {
            if (e.touches.length === 2 && initialDistance > 0) {
                e.preventDefault();
                const currentDistance = Math.hypot(
                    e.touches[0].pageX - e.touches[1].pageX,
                    e.touches[0].pageY - e.touches[1].pageY
                );
                const factor = currentDistance / initialDistance;
                currentScale = Math.min(Math.max(currentScale * factor, 1), 4);
                initialDistance = currentDistance;
                
                if (currentScale === 1) {
                    posX = 0;
                    posY = 0;
                }
                clampAndTransform();
            } else if (e.touches.length === 1 && isDragging && currentScale > 1) {
                e.preventDefault();
                posX = e.touches[0].pageX - startX;
                posY = e.touches[0].pageY - startY;
                clampAndTransform();
            }
        }, { passive: false });

        img.addEventListener('touchend', function(e) {
            if (e.touches.length < 2) {
                initialDistance = 0;
            }
            if (e.touches.length === 0) {
                isDragging = false;
            }
        });

        // Berechnet die maximalen Grenzen und verhindert das Rausrutschen
        function clampAndTransform() {
            if (currentScale > 1) {
                const rect = img.getBoundingClientRect();
                const imgWidth = rect.width / (currentScale > 0 ? (rect.width / (img.offsetWidth * currentScale)) : 1);
                
                // Maximale Verschiebung basierend auf Bild- und Fenstergröße
                const maxTranslateX = (img.offsetWidth * (currentScale - 1)) / 2;
                const maxTranslateY = (img.offsetHeight * (currentScale - 1)) / 2;

                // Position innerhalb der erlaubten Grenzen halten
                posX = Math.min(Math.max(posX, -maxTranslateX), maxTranslateX);
                posY = Math.min(Math.max(posY, -maxTranslateY), maxTranslateY);
            } else {
                posX = 0;
                posY = 0;
            }

            img.style.transform = `translate(${posX}px, ${posY}px) scale(${currentScale})`;
        }

        // Reset-Funktion für Bildwechsel / Schließen
        function resetZoom() {
            currentScale = 1;
            posX = 0;
            posY = 0;
            img.style.transform = 'none';
        }

        window.imageZoomResets.push(resetZoom);
    });
});

function resetAllImageZooms() {
    if (window.imageZoomResets) {
        window.imageZoomResets.forEach(resetFn => resetFn());
    }
}
</script>

	
</body>