h1, h2, h3, h4, h5, h6,
form, input, text-area {
border:0; padding:0; margin:0;
font-family:Helvetica, Geneva, Arial, sans serif;
}



.headbg {

max-width:1280px;
grid-template-rows:1.8em auto ;
  grid-template-columns: 1fr 1fr 1fr;
   grid-template-areas: "fptma fptma fptma"
                       "fplma magri fptma";
 min-width:0px;
 margin:auto;
	border: 0 solid #d8fd64;
	background : transparent;
		  z-index: -3;
  }
  
.mainbg {

justify-content: center;
  align-content: center;
width: 100%;
	margin:auto;
	  background :rgba(49, 57, 165, 0.4);

	  border:0.08rem solid #d8caca;
	-moz-border-radius: 24px; -webkit-border-radius: 24px; border-radius: 24px;
  }
  
  
  .bblbg  {
       background: url('../memnewimag/weltraum1.jpg') no-repeat;
    background-size: cover;
    background : transparent;
  margin:auto;
     border:0.08rem solid #d8caca;
	-moz-border-radius: 24px; -webkit-border-radius: 24px; border-radius: 24px;
  }

.bg {
   
    background-size: cover;
    height: 100vw;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}
.bg:before {
    content: "";
    height: 100vw;
    width: 100%;
    position: absolute;
    z-index: -2;
    top: 0;
    left: 0;

    opacity: 0.3;
}

.star {
  box-shadow: 0px 0px 1px 1px rgba(255, 255, 255, 0.4);
  position: relative;
  width: 1px;
  height: 1px;
  border-radius: 2px;
}



@keyframes sf-fly-by-1 {
    from {
        transform: translateZ(-600px);
        opacity: 0.5;
    }
    to {
        transform: translateZ(0);
        opacity: 0.5;
    }
}
@keyframes sf-fly-by-2 {
    from {
        transform: translateZ(-1200px);
        opacity: 0.5;
    }
    to {
        transform: translateZ(-600px);
        opacity: 0.5;
    }
}
@keyframes sf-fly-by-3 {
    from {
        transform: translateZ(-1800px);
        opacity: 0.5;
    }
    to {
        transform: translateZ(-1200px);
        opacity: 0.5;
    }
}
.star-field {
  position: absolute;
    top: 0;
    left: 0;
    perspective: 600px;
    background:rgba(0, 0, 0, 0.24);
    -webkit-perspective: 600px;
    z-index: -1;
    border:0.08rem solid #d8caca;
	-moz-border-radius: 24px; -webkit-border-radius: 24px; border-radius: 24px;
}
.star-field .layer {
    box-shadow: -411px -476px #cccccc, 777px -407px #d4d4d4, -387px -477px #fcfcfc, -91px -235px #d4d4d4, 491px -460px #f7f7f7, 892px -128px #f7f7f7, 758px -277px #ededed, 596px 378px #cccccc, 647px 423px whitesmoke, 183px 389px #c7c7c7,
        524px -237px #f0f0f0, 679px -535px #e3e3e3, 158px 399px #ededed, 157px 249px #ededed, 81px -450px #ebebeb, 719px -360px #c2c2c2, -499px 473px #e8e8e8, -158px -349px #d4d4d4, 870px -134px #cfcfcf, 446px 404px #c2c2c2,
        440px 490px #d4d4d4, 414px 507px #e6e6e6, -12px 246px #fcfcfc, -384px 369px #e3e3e3, 641px -413px #fcfcfc, 822px 516px #dbdbdb, 449px 132px #c2c2c2, 727px 146px #f7f7f7, -315px -488px #e6e6e6, 952px -70px #e3e3e3,
        -869px -29px #dbdbdb, 502px 80px #dedede, 764px 342px #e0e0e0, -150px -380px #dbdbdb, 654px -426px #e3e3e3, -325px -263px #c2c2c2, 755px -447px #c7c7c7, 729px -177px #c2c2c2, -682px -391px #e6e6e6, 554px -176px #ededed,
        -85px -428px #d9d9d9, 714px 55px #e8e8e8, 359px -285px #cfcfcf, -362px -508px #dedede, 468px -265px #fcfcfc, 74px -500px #c7c7c7, -514px 383px #dbdbdb, 730px -92px #cfcfcf, -112px 287px #c9c9c9, -853px 79px #d6d6d6,
        828px 475px #d6d6d6, -681px 13px #fafafa, -176px 209px #f0f0f0, 758px 457px #fafafa, -383px -454px #ededed, 813px 179px #d1d1d1, 608px 98px whitesmoke, -860px -65px #c4c4c4, -572px 272px #f7f7f7, 459px 533px #fcfcfc,
        624px -481px #e6e6e6, 790px 477px #dedede, 731px -403px #ededed, 70px -534px #cccccc, -23px 510px #cfcfcf, -652px -237px whitesmoke, -690px 367px #d1d1d1, 810px 536px #d1d1d1, 774px 293px #c9c9c9, -362px 97px #c2c2c2,
        563px 47px #dedede, 313px 475px #e0e0e0, 839px -491px #e3e3e3, -217px 377px #d4d4d4, -581px 239px #c2c2c2, -857px 72px #cccccc, -23px 340px #dedede, -837px 246px white, 170px -502px #cfcfcf, 822px -443px #e0e0e0, 795px 497px #e0e0e0,
        -814px -337px #cfcfcf, 206px -339px #f2f2f2, -779px 108px #e6e6e6, 808px 2px #d4d4d4, 665px 41px #d4d4d4, -564px 64px #cccccc, -380px 74px #cfcfcf, -369px -60px #f7f7f7, 47px -495px #e3e3e3, -383px 368px #f7f7f7, 419px 288px #d1d1d1,
        -598px -50px #c2c2c2, -833px 187px #c4c4c4, 378px 325px whitesmoke, -703px 375px #d6d6d6, 392px 520px #d9d9d9, -492px -60px #c4c4c4, 759px 288px #ebebeb, 98px -412px #c4c4c4, -911px -277px #c9c9c9;
    transform-style: preserve-3d;
    position: absolute;
    top: 50%;
    left: 50%;
    height: 4px;
    width: 4px;
    border-radius: 2px;
}
.star-field .layer:nth-child(1) {
    animation: sf-fly-by-1 5s linear infinite;
}
.star-field .layer:nth-child(2) {
    animation: sf-fly-by-2 5s linear infinite;
}
.star-field .layer:nth-child(3) {
    animation: sf-fly-by-3 5s linear infinite;
}


.fptma {
  grid-area: fptma;
}
.fplma {

  grid-area: fplma;
}
.fprma {

  grid-area: fprma;
}

.magri {
  display: grid;
  grid-area: magri;
  align-items: center;
	padding: 24px 48px;
  margin: auto;
  grid-template-rows: auto auto 1fr auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-gap: 16px;
  
  grid-template-areas: "headsp headsp headsp "
  						"header header header "
                       "main main main"
                       "footer footer footer";
                               
border: 0px solid #d8caca;                       
-moz-border-radius: 16px; 
-webkit-border-radius: 14px; 
border-radius: 14px;

}

/* items */

  .headspa {
  display: grid;
  grid-area: headsp;
  min-width: 0px;
min-height: 1rem;
  line-height:24px;
  }

  
  .darker {
   grid-area: headmid;
    margin: auto;
  height: 180px;
  min-width: 0px;
  align-items:center;
  display: grid;
  border-radius: 100px;
  -moz-border-radius: 100px; 
-webkit-border-radius: 100px; 
-webkit-box-shadow:0px 0px 40px 40px rgba(0, 0, 0, 0.56);
   -moz-box-shadow:0px 0px 40px 40px rgba(0, 0, 0, 0.56);
   box-shadow:0px 0px 40px 40px rgba(0, 0, 0, 0.56);
 z-index: -1;
  border-left:150px solid transparent;
     border-right:150px solid transparent;
}

/* specific item styles */

.darkblay {
 margin: 0px 80px 0px 80px;
  min-width: 0px;
  height: 180px;
 border-radius: 100px;
  -moz-border-radius: 100px; 
-webkit-border-radius: 100px; 
 background: rgb(0,0,0,0.9);
 z-index: 1;
 border:1px solid black;
   
}


.darker {
  position: relative;
margin:auto;
  border: 0px solid rgba(0, 0, 0, 0.56) !important;
background:transparent;
background-size: cover;

}

.darker:before, .darker:after {
  content: '';
  position: absolute;
  margin:auto;
  left: 0px;
  top: 0px;
   border-radius: 100px;
    -moz-border-radius: 100px; 
-webkit-border-radius: 100px; 
 background: linear-gradient(45deg, #fb0094, #0000ff, #00ff00,#ffff00, #ff0000, #fb0094, 
    #0000ff, #00ff00,#ffff00, #ff0000);
 background-size: 200%;
  width: calc(86% + 4px);
  height: calc(94% + 4px);
  z-index: -1;
  animation: steam 20s linear infinite;
  opacity:0.8;
}


@keyframes steam {
  0% {
    background-position: 0 0;
  }
  50% {
    background-position: 100% 0;
  }
  100% {
    background-position: 0 0;
  }
}




.mahead {
height: 12vw;
    min-width:0;
  margin: auto;
  grid-area: header;
 display: grid;
  gap: 32px;
  grid-auto-flow: column;
  justify-content: left;
  background:transparent;
z-index:10;
}


.maheadmpshop {
height: 10vw;
    min-width:0;
  margin: auto;
 display: grid;
  grid-auto-flow: column;
  justify-content: center;
  justify-items: center;
    align-items: center;
  background:transparent;
z-index:10;
}



.menstripe {
text-align: center !important;
 width: 100%;
  height: 100%;
  
}



.symbo
 {  
 padding-top: 6px;
border: 0px solid #606060;
margin-right:12px;
}

.symbodist
 {  
 display:inline-block;
 padding-left: 0rem !important;
border: 0px solid #606060;
padding: 2px !important;
}


@media screen and (max-width: 640px) {

.symbodist
 {  
 display:none;
 padding-left: 0.3rem !important;
border: 0px solid #606060;
padding: 2px !important;
text-align: center;

}
}



.symbo img {
width: 100%;
height: 100%;
}


.typomen img {
width: 100%;
height: 100%;
}

.type {
 border:0px solid black;
   
}


.typomen
 {
 padding-top: 6px;
      margin:auto;
z-index:2;
}
/* navigation */

#navcon {

 margin-top: 1% !important;
margin-left: 1px !important;
	padding-left: 0.1rem !important;
border: 0px solid #606060  !important;
text-align: left;

}


#nav {
padding-left: 1px !important;
	margin-top: -6px !important;
	margin-left: 1vh !important;

	list-style: none !important;
	background: transparent;
}

#nav li {
	 display: inline-block;
        padding: 6px 2px;
	margin: 0 !important;
	list-style: none !important;
border: 0px solid #606060;
background: url('../mmimages/pfeil3.png') no-repeat left !important; 

}


#nav a {
	 display: inline-block;
        padding: 1rem;
	padding: 3px 13px !important;
	text-decoration: none !important;
	color: #606060;
	border: none !important;
}



#nav a:hover {
	color: #ffffff;
text-decoration: none;
 background: url('mmimages/navgraf.jpg') repeat-x bottom left !important; 
}









.macont {
border: 0px solid #d8caca;
	-moz-border-radius: 14px; -webkit-border-radius: 14px; border-radius: 14px;
  text-align:center;
  width:100%;
  padding: 6px 24px !important; 
    background:transparent;
  
}








  img.bg {
	/* Hintergrund fuellen */
	height: 100%;
	/* Skalieren */
	width: 100%;
	/* feste Positionierung */
	position: fixed;
	top: 0;
	left: 0;
}
  
  
  
  



.main-content {

  height: 100%;
	margin: auto;
 text-align:center;
 border: 2px solid #d8caca;
	-moz-border-radius: 14px; -webkit-border-radius: 14px; border-radius: 14px;
	background:transparent !important;
}


@media (max-width:832px) {
.main-content {
display: grid;
 grid-template-columns: 1fr 1fr;
grid-template-rows: 20% auto;
  grid-template-areas:   "albcon albcon"
  						 "singhd singhd"
  						"lisidebar  mecont" 
  						"residebar lisidebar1"
  						"mquot mquot"
  						"mecont1 residebar1"
  						;
  grid-gap: 10px;
	margin: 0px 0px 12px 0px;
border: 0px solid #606060;
 text-align:center;

}
}

@media (max-width:432px) {
.main-content {
display: grid;
 grid-template-columns: repeat(auto-fit, minmax(auto, 1fr));
grid-template-rows: 1fr;
  grid-template-areas: "mecont"
  						"lisidebar" 
  						"residebar";
  grid-gap: 10px;
  min-width: 0px;
	margin: 0px 0px 0px 10px;
border: 0px solid #606060;
 text-align:center;
 
}
}








#albumhd {
 grid-template-rows:auto;
 border-radius: 180px 180px 0px 0px;          
	background:rgba(49, 57, 165, 0.1) !important;
	  justify-content: center;
margin-top: 6px;
}


.alb-cont {
height:18vw;

border: 0px solid #606060;
 display: grid;
  justify-content: center;
  align-content: center;
   	margin-left: 2px;
   	   	
	margin-right: 2px;
  border-top: 1.4px solid #d8caca; 
    border-left: 1.4px solid #d8caca; 
     border-right: 1.4px solid #d8caca; 
 border-radius: 180px 180px 0px 0px;          
	background:transparent !important;
}
/*   
   .alb-cont {
height:auto;
	margin:auto;
border: 0px solid #606060;
 display: grid;
  justify-content: center;
  align-content: center;
   	margin-left: 2px;
	margin-right: 2px;
    border: 1px solid #d8caca;
	-moz-border-radius: 45px; -webkit-border-radius: 45px; border-radius: 45px;
	background:rgba(0, 0, 0, 0.58) !important;
   
   }
     */
 
	
.alblft {
	margin: auto;
display: grid;
  padding: 16px 24px;
 gap: 3.8vh;
  grid-auto-flow: column;
  align-items: center;

 justify-items: center;
text-align: left;
 border:0px solid #d8caca;
	-moz-border-radius: 14px; -webkit-border-radius: 14px; border-radius: 14px;
	background:rgba(49, 57, 165, 0.12) !important;
}

.albrt {
	margin: auto;
 justify-items: center;
margin-left:8px;
 border:0px solid #d8caca;
	-moz-border-radius: 14px; -webkit-border-radius: 14px; border-radius: 14px;
	background:rgba(0, 0, 0, 0.58) !important;
}


.albhddescr { 

margin: auto;
text-align: left;
border: 0px solid #606060;
}



.roldesk { 

margin: auto;
border: 0px solid #606060;
 }
 
 
.singhd { 
	margin: auto !important;
	padding: 16px 8px;
border:0.08rem solid #d8caca;
	-moz-border-radius: 24px; -webkit-border-radius: 24px; border-radius: 24px;
 justify-items: center;
 align-items: center;
text-align: center;
}

.psinghd { 
	margin: auto !important;
 justify-items: center;
 align-items: center;
text-align: center;
}


.singshop { 
margin: auto;
display: grid;
 gap: 0.2vh;
  grid-auto-flow: column;
  align-items: center;

 justify-items: center;
	padding: 16px 36px;
border:0.08rem solid #d8caca;
	-moz-border-radius: 24px; -webkit-border-radius: 24px; border-radius: 24px;

}


.fa-x-twitter:before {
  content: "\e61b"; }

.albrt {
	margin: auto;
	display:inline-block;
 justify-items: center;
border: 0px solid #606060;
text-align: left;
 border: 0px solid #d8caca;
	-moz-border-radius: 14px; -webkit-border-radius: 14px; border-radius: 14px;
background:rgba(0, 0, 0, 0.58) !important;
}

   
  
  
  

#mquote {
 grid-area: mquot;
 grid-template-rows:auto;
padding:0px;
height:auto;
 
}
   

.quot { text-align:center; font-size:16px; letter-spacing:0.32em; color:#d8caca; }

.songtit{
letter-spacing:0.06em; 
margin-left:12px; 
font-size:28px; 
color:#8E8787;
} 





#linkespalte {
 grid-area: lisidebar;
padding:8px;
border: 0px solid #606060;

}

#linkespalte1 {
 grid-area: lisidebar1;
padding:8px;
border: 0px solid #606060;


}

.mymusicshop {
margin: 36px 0px 16px 0px;
   align-items: center;
     min-height:60px;
      flex-direction: row; 
       border: 0px solid #d8caca;
	-moz-border-radius: 14px; -webkit-border-radius: 14px; border-radius: 14px;
      width:100%;
}




.alleft {
margin: 48px 0px 0px 0px;
   align-items: center;
      flex-direction: row; 
       border: 0px solid #d8caca;
	-moz-border-radius: 14px; -webkit-border-radius: 14px; border-radius: 14px;
      width:100%;
}

.text-byfromart {

  display:inline-block;
}

.text-centerib {

  display:inline-block;
}

.bg-purpl {

  background-color:rgb(255,  242,  236, 0.2);
   border: none;
   height:100%;
  color:#c0c0c0;
 
  padding: 0px 32px;
    position: relative;
  top: 0;
  transition: top ease 0.5s;
   transition: color, ease 0.75s;
}


.bg-purpl:hover {
color: #FFCFFD;
  text-shadow:
    0 0 5px #fff,
    0 0 10px #fff,
    0 0 20px #fff,
    0 0 40px #FFCFFD,
    0 0 80px #FFCFFD
    0 0 90px #FFCFFD,
    0 0 100px #fFf,
    0 0 150px #fff;
background-color:rgb(255,  226,  234, 0.4);
 top: -10px;
}

.bg-purplgr {

  background-color:rgb(255,  242,  236, 0.2);
   border: none;
   height:100%;
  color:#c0c0c0;
 
  padding-left: 22px;
    position: relative;
  top: 0;
 
}



.stacdiv {
align-items: center;
justify-content: center;
 justify-items: center;
 grid-column-gap:48px;
  text-align: justify;
font-size: 16px;
 margin:auto;
}

.stacdivri {
 margin:0px 36px;
 text-align: left;
  justify-items: center;
    align-items:center;
font-size: 16px;
}

.stacdivgr {
width:188px;
 margin:auto;
 text-align: left;
  justify-items: start;
font-size: 16px;
}

.stacdivle {
align-items: center;
font-size: 16px;
display: flex;

}



.dropdownart {
  position: relative;
  cursor: pointer;
   top:4px;
margin: auto;
}

.dropdownart-content {
  display: none;
  position: absolute;
   margin: auto;
    top:-120px;
     left:74px;
    z-index: 999;
    border: 1px solid rgb(216, 202, 202,0.4);
    	-moz-border-radius: 9px; -webkit-border-radius: 9px; border-radius: 9px;
  background: transparent;
padding:8px;
}

.dropdownart:hover .dropdownart-content {
  display: block;
}




.dropdownartvid {
  position: relative;
  cursor: pointer;
   top:4px;
margin: auto;
}

.dropdownartvid-content {
  display: none;
  position: absolute;
   margin: auto;
    top:-120px;
     left:74px;
    z-index: 999;
    border: 1px solid rgb(216, 202, 202,0.4);
    	-moz-border-radius: 9px; -webkit-border-radius: 9px; border-radius: 9px;
  background: transparent;
padding:8px;
}

.dropdownartvid:hover .dropdownartvid-content {
  display: block;
}




.dropdown {
  position: relative;
  cursor: pointer;
   top:4px;
margin: auto;
}

.dropdown-content {
  display: none;
  position: absolute;
   margin-left: 1px;
    top:-300px;
     left:74px;
    margin-top: 0px;
      margin-bottom: 40px;
    z-index: 999;
  height: 160px;
     width: 90%;
    border: 1px solid rgba(0,0,0,0.2);
  background-color: transparent;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  padding: 12px 16px;
}

.dropdown:hover .dropdown-content {
  display: block;
}


.lupp {
 margin: 4px 8px 0px 8px;
width: 200px;
  height: 200px;
  border-radius: 50%;
  display: flex;
	margin: auto;
 justify-items: center;
text-align: left;
 border-top: 1px solid #d8caca; 
 border-radius: 180px 180px 14px 14px;
                  
	background:rgba(0, 0, 0, 0.58) !important;
}

.lmidupp {
	margin: auto;
 justify-items: center;
text-align: left;
 border:1px solid #d8caca;
	-moz-border-radius: 14px; -webkit-border-radius: 14px; border-radius: 14px;
	background:rgba(0, 0, 0, 0.58) !important;
}

.lmidsec {
	margin: auto;
 justify-items: center;
border: 0px solid #606060;
text-align: left;
 border: 1px solid #d8caca;
	-moz-border-radius: 14px; -webkit-border-radius: 14px; border-radius: 14px;
background:rgba(0, 0, 0, 0.58) !important;
}




#mainhead {

margin-top:1px;
	padding-top: 0.5em;
}

.mainhsec {
margin-top:36px;
height:auto;
padding: 0px 4px;
justify-items: center;
}


.mid-cont {
	margin:auto;
height:auto;
  border: 0px solid #d8caca;
	-moz-border-radius: 14px; -webkit-border-radius: 14px; border-radius: 14px;
	background:transparent !important;
  
}


.midupp {
	margin: auto;
	padding:4px;
	margin-bottom:12px;
 justify-items: center;
text-align: center;
 border: 1px solid #d8caca;
	-moz-border-radius: 45px; -webkit-border-radius: 45px; border-radius: 45px;
	background:rgba(0, 0, 0, 0.58) !important;
}

.midsec {
	margin: auto;
	padding:4px;
	min-height: 360px;
 justify-items: center;
border: 0px solid #606060;
text-align: center;
 border: 1px solid #d8caca;
-moz-border-radius: 45px; -webkit-border-radius: 45px; border-radius: 45px;
	background:rgba(0, 0, 0, 0.58) !important;
}


.midabosec {
	margin: 2px 0px 0px 12px;

border: 0px solid #606060;
}



.leftfoot  {

margin-top:1px;
border: 0px solid #606060;
}



#musicdesk { 
margin: 18px 0px 0px 0px;
	padding-top: 0.5em;
border: 0px solid #606060;
 }






#rechtespalte {
grid-area: mecont;
padding: 8px;
border: 0px solid #606060;

}


#rechtespalte1 {
grid-area: mecont1;
padding: 8px;
border: 0px solid #606060;

}




   
.rechter {
 grid-area: residebar;
border: 0px solid #606060;
padding: 8px;

}

   
.rechter1 {
 grid-area: residebar1;
border: 0px solid #606060;
padding: 8px;

}

.inline-flex {
  display:inline-flex
}

.text-3xl {
min-width:24px;
  font-size:1.2rem;
  color:#d8caca;
}

.mafoot {
grid-area: footer;
   margin: auto;
	padding: 10px 0px;	
	background:transparent;
	 justify-items: center;
text-align:center;
background:rgba(0, 0, 0, 0.18) !important;
}

.footer {
 justify-items: center;
   margin: auto;
		padding: 10px 0px;	
	background:transparent;
text-align:center;
}


#lyrvid {
max-width: 200px;
	margin: auto;
	padding:4px;
	margin-top:12px;
 justify-items: center;
text-align: center;
 cursor: pointer;
 color:#d8caca;
 border: 1px solid #d8caca;
	-moz-border-radius: 45px; -webkit-border-radius: 45px; border-radius: 45px;
	background:rgba(0, 0, 0, 0.58) !important;
}





#togbutlyr {
max-width: 200px;
	margin: auto;
	padding:4px;
	margin-top:12px;
 justify-items: center;
text-align: center;
 cursor: pointer;
 color:#d8caca;
 border: 1px solid #d8caca;
	-moz-border-radius: 45px; -webkit-border-radius: 45px; border-radius: 45px;
	background:rgba(0, 0, 0, 0.58) !important;
}


#togbutlyr1 {
max-width: 200px;
	margin: auto;
	padding:4px;
	margin-top:12px;
 justify-items: center;
text-align: center;
 cursor: pointer;
 color:#d8caca;
 border: 1px solid #d8caca;
	-moz-border-radius: 45px; -webkit-border-radius: 45px; border-radius: 45px;
	background:rgba(0, 0, 0, 0.58) !important;
}

#togbutlyr2 {
max-width: 200px;
	margin: auto;
	padding:4px;
	margin-top:12px;
 justify-items: center;
text-align: center;
 cursor: pointer;
 color:#d8caca;
 border: 1px solid #d8caca;
	-moz-border-radius: 45px; -webkit-border-radius: 45px; border-radius: 45px;
	background:rgba(0, 0, 0, 0.58) !important;
}

#togbutlyr3 {
max-width: 200px;
	margin: auto;
	padding:4px;
	margin-top:12px;
 justify-items: center;
text-align: center;
 cursor: pointer;
 color:#d8caca;
 border: 1px solid #d8caca;
	-moz-border-radius: 45px; -webkit-border-radius: 45px; border-radius: 45px;
	background:rgba(0, 0, 0, 0.58) !important;
}

#togbutlyr4 {
max-width: 200px;
	margin: auto;
	padding:4px;
	margin-top:12px;
 justify-items: center;
text-align: center;
 cursor: pointer;
 color:#d8caca;
 border: 1px solid #d8caca;
	-moz-border-radius: 45px; -webkit-border-radius: 45px; border-radius: 45px;
	background:rgba(0, 0, 0, 0.58) !important;
}

#togbutlyr5 {
max-width: 200px;
	margin: auto;
	padding:4px;
	margin-top:12px;
 justify-items: center;
text-align: center;
 cursor: pointer;
 color:#d8caca;
 border: 1px solid #d8caca;
	-moz-border-radius: 45px; -webkit-border-radius: 45px; border-radius: 45px;
	background:rgba(0, 0, 0, 0.58) !important;
}
#togbutlyr6 {
max-width: 200px;
	margin: auto;
	padding:4px;
	margin-top:12px;
 justify-items: center;
text-align: center;
 cursor: pointer;
 color:#d8caca;
 border: 1px solid #d8caca;
	-moz-border-radius: 45px; -webkit-border-radius: 45px; border-radius: 45px;
	background:rgba(0, 0, 0, 0.58) !important;
}



.lyricdiv {
 display: none;
	margin: auto;
	padding:4px;
	margin-bottom:12px;
 justify-items: center;
text-align: center;
 border: 1px solid #d8caca;
	-moz-border-radius: 45px; -webkit-border-radius: 45px; border-radius: 45px;
	background:rgba(0, 0, 0, 0.58) !important;
}

.lyricdiv1 {
 display: none;
	margin: auto;
	padding:4px;
	margin-bottom:12px;
 justify-items: center;
text-align: center;
 border: 1px solid #d8caca;
	-moz-border-radius: 45px; -webkit-border-radius: 45px; border-radius: 45px;
	background:rgba(0, 0, 0, 0.58) !important;
}

.lyricdiv2 {
 display: none;
	margin: auto;
	padding:4px;
	margin-bottom:12px;
 justify-items: center;
text-align: center;
 border: 1px solid #d8caca;
	-moz-border-radius: 45px; -webkit-border-radius: 45px; border-radius: 45px;
	background:rgba(0, 0, 0, 0.58) !important;
}

.lyricdiv3 {
 display: none;
	margin: auto;
	padding:4px;
	margin-bottom:12px;
 justify-items: center;
text-align: center;
 border: 1px solid #d8caca;
	-moz-border-radius: 45px; -webkit-border-radius: 45px; border-radius: 45px;
	background:rgba(0, 0, 0, 0.58) !important;
}

.lyricdiv4 {
 display: none;
	margin: auto;
	padding:4px;
	margin-bottom:12px;
 justify-items: center;
text-align: center;
 border: 1px solid #d8caca;
	-moz-border-radius: 45px; -webkit-border-radius: 45px; border-radius: 45px;
	background:rgba(0, 0, 0, 0.58) !important;
}

.lyricdiv5 {
 display: none;
	margin: auto;
	padding:4px;
	margin-bottom:12px;
 justify-items: center;
text-align: center;
 border: 1px solid #d8caca;
	-moz-border-radius: 45px; -webkit-border-radius: 45px; border-radius: 45px;
	background:rgba(0, 0, 0, 0.58) !important;
}



.lyricdiv6 {
 display: none;
	margin: auto;
	padding:4px;
	margin-bottom:12px;
 justify-items: center;
text-align: center;
 border: 1px solid #d8caca;
	-moz-border-radius: 45px; -webkit-border-radius: 45px; border-radius: 45px;
	background:rgba(0, 0, 0, 0.58) !important;
}



#leftfoot {
	margin: 16px 0px 30px 0px;
border: 0px solid #606060;
}



#frontentry { 
border: 0px solid #606060;
 }




 
.abodesk { 
display:inline-block;
margin:12px 0px 1px 16px;
width: 22%;
height: auto;
border: 0px solid #606060;
 }
 
 

.recshroldesk { 
display:inline-block;
margin:16px 0px 10px 12px;
  min-width: 0px;
height: auto;
border: 0px solid #606060;
 }
  
.roldescr { 
display:inline-block;
vertical-align: top;
  min-width: 0px;
  height: auto;
margin: 12px 0px 0px 10px;
padding: 2px;
border: 0px solid #606060;
}

.abodescr { 
display:inline-block;
vertical-align: top;
width: 54%;
height: auto;
margin: 18px 0px 0px 10px;
padding: 2px;
border: 0px solid #606060;
text-align:left; 
}


#roltext { 
margin: 10px 0 12px 2px;

border: 0px solid #606060;
} 


.abotext { width: 98%;margin-top:16px; line-height: 148%; margin-left:0px; margin-right:0px; text-align:left; font-size:14px; color:#606060; }


.rolcdtext { width: auto;margin-top:12px; line-height: 120%; margin-left:0px; margin-right:0px; text-align:center; font-size:13px; color:#606060; }




#recdesk { 
display:inline-block;
margin:0px 0px 10px 12px;
width: auto;
height: auto;
border: 0px solid #606060;
}

#reckopf { 
width: 580px;
border: 0px solid #606060;
} 

#reccov { 
margin: 12px 0px 8px 18px;
width: 180px;
text-align: left;
border: 0px solid #606060;
}
#recdescr { 
margin: 2px 0 2px 8px;
width: 340px;
text-align: justify;
border: 0px solid #606060;
}


#recdescr a { 
margin: 0px 0 0px 10px;
width: auto;
border: 0px solid #606060;

}



#kontdesk { 
margin: 0px 0px 20px 0px;
border: 0px solid #606060;
 }

#kontform { 
margin: 0px 0px 00px 0px;
border: 0px solid #606060;
 }
		
		
s#recshopdesk { 
	display:inline-block;

width: auto;
margin: 0px 0px 20px 0px;
border: 0px solid #606060;
 }




#discodesk { 
margin: auto;
 justify-items: center;
 margin-left: 1.8em;
	margin-top: 1.2em;
text-align: left;
height: auto;
max-width: 500px;
border: 0px solid #606060;
 }



#diskdesk { 
margin: 0px 0 0px 18px;
border: 0px solid #606060;
}


#disktitle { 
margin: 10px 0 0px 10px;
height: auto;
max-width: 400px;
text-align: left;
border: 0px solid #606060;
 }

#diskliner{ 
margin: 1px 0 0px 10px;
height: auto;
max-width: 340px;

text-align: left;
border: 0px solid #606060;
 }

#disktext { 
margin: 1px 0 2px 2px;
max-width: 370px;
height: auto;
text-align: left;
border: 0px solid #606060;
}







	
/* --- SUB NAVIGATION -------------------------- */
	
#subnavcon {
	margin: 0 0 0 20px;
}


#subnav {
	float: left;
	margin: 0 0 0 0;
	padding: 0;
	max-width: 730px;
	list-style: none;
	border-top: 1px solid #bbb;
	border-bottom: 0px solid #355A10;
	background: #777 ;
}

#subnav li {
	float: left;
	margin: 0;
	padding: 0 1px 0 0;

	
}

#subnav a {
	float: left;
	padding: 5px 13px;
	text-decoration: none;
	color: #fff;
}

#subnav a:hover, #subnav a.aktuell2 {
	color: #fff;
	background: #aaa ;
}

#subnav a.aktuell2 {
	font-weight: bold;
	background: #aaa ;
}



#persdesk { 
margin: 0p 0px 0px 0px;

border: 0px solid #606060;
 }


#mquote { 
margin: 2px 0px 2px 0px;
height:auto;
  min-width: 0px;
text-align:center !important;
border: 0px solid #606060;
 }




/* TEXTFORMATIERUNG -------------------------------------------*/

.justify-evenly {
  justify-content:space-evenly
}


ul {
	margin: 0 0 0px 0px !important; 	/* unten und linker Abstand */
	padding: 0 !important;					/* Innenabstand */
}


ol {
	margin: 0 0 12px 24px; 	/* unten und linker Abstand */
	padding: 0;					/* Innenabstand */
}

li {
 display: inline-block;
        padding: 1rem;
	margin: 0 !important;				/* Abstand */
color: #606060;	
font-size: 12px !important;
			/* Innenabstand */
/* Zeilenabstand */
}



blockquote {
	margin: 0 0 0 24px;	/* Abstand */
	padding: 0px 0 12px 0;				/* Innenabstand */
}


/* Link */
a {
	text-decoration: none;			/* Keine Unterlinierung */			/* Fettschrift */
	color: #606060;							/* Schriftfarbe dunkelgruen */
	border-bottom: 0px dashed #b70027;	/* Untere Linie grau 1 Pixel Rahmen gestrichelt */
}

/* Link bei darueberfahrender Maus */
a:hover {
text-decoration: none;
	color: #c70027;							/* Schriftfarbe hellgruen */
	border-bottom: 0px solid #c70027;	/* Untere Linie hellgruen 1 Pixel Rahmen durchgezogen */
}


/* Geklickter Link */
a:active {
text-decoration: none;
	color: #fa0;							/* Schriftfarbe tuerkis */
	border-bottom: 1px solid #ff0;	/* Untere Linie tuerkis 1 Pixel Rahmen durchgezogen */
}


a.big { margin-left:54px; font-size:15px; color:#990000; text-decoration:none; }

a.big:hover { margin-left:54px; font-size:15px; color:#606060; text-decoration:none; }


.artikel {
margin: 0 0 14px 0;
}



#mamuform {
text-align: left;
width: 340px !important;
}




input {

 padding: 8px 8px;
	width: 92% !important;
	height: 28px;
	font-family: "Neue Helvetica", Verdana, Arial, Helvetica, sans-serif;
	color: #606060 !important;
margin-left: 8px;
	border: 1px solid #d8caca;
	-moz-border-radius: 14px; -webkit-border-radius: 14px; border-radius: 14px;
	background:transparent !important;
}

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #606060  !important;
  opacity: 1 !important; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #606060 !important;
}

::-ms-input-placeholder { /* Microsoft Edge */
  color: #606060  !important;
}





textarea { 
white-space: pre; 
	padding: 8px 8px;
	width: 92% !important;
	height: 60px;
	font-family: "Neue Helvetica", Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #606060 !important;
margin-left: 8px;
margin-top: 8px;
	border: 1px solid #d8caca;
	-moz-border-radius: 14px; -webkit-border-radius: 14px; border-radius: 14px;
	background:transparent !important;
}

 

 
input:hover, textarea:hover,
input:focus, textarea:focus { 
	border-color: #C9C9C9; 
	-webkit-box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 10px;
	}
 

.subby {
  width: 240px !important;
  color: #606060 !important;
  height: 32px !important;
  padding-left: 20px;
border: 1px solid #d8caca !important;
  border-radius: 4px;
  cursor: pointer;
  background:transparent!important;
}

.subby:hover {
  width: 240px !important;
  color: #606060 !important;
  height: 32px !important;
  padding-left: 18px;
border: 1px solid #d8caca !important;
  border-radius: 4px;
  cursor: pointer;
  background:rgba(195, 190, 236, 0.4) !important;

}


 .contactlabel { 
 line-height: 125%;
	margin-left: 10px;
	font-weight:bold; 
	text-align:left; 
	font-size:14px; 
	margin-top:5px; 
	color:#996699;  
 
	}
	
	.submit {
	text-align: center;
	width: 200px;
	padding: 9px 12px; 
		font-weight:bold; 
	color: #990000;
}	
	
.submit:hover {
	width: 200px;
	padding: 9px 12px;
	border-color: #996699; 
		font-weight:bold; 
	color: #990000;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	font-size: 14px;
background: -webkit-gradient(linear, left top, left 30, from(#990000), color-stop(3%, #eeeeee), to(#FFFFFF));
}


.okmessag
{
 width: 240px !important;
 margin-left: 10px;
 text-align: center;
}
		
		


/* links-liste -------------------------------------------*/


p.cdtext { max-width: 250px; text-align:left; line-height: 100%; font-size:13px; color:#606060; }


p.biotext { margin-left:8px; line-height: 120%; text-align:justify; font-size:13px; color:#606060; }


.hinweis {
color: #f00;
font-weight: bold;
}


#news { font-size:18px; color:#990000; }

.news2 { margin-left:0px; border-top:0px solid silver; border-bottom:0px solid silver; font-size:16px; color:#606060; }


.tracktit { font-size: 100%; line-height: 100%; font-weight:bold; font-size:14px; margin-left:8px; color:#606060; }

.headline { font-size: 100%; letter-spacing:0.1em; font-weight:bold; font-size:18px; margin-left:8px; color:#990000; }



.cccdtext { margin-top:8px; margin-left:5px; margin-right:0px; text-align:left; font-size:13px; color:#606060; }

.newstext { margin-left:15px; line-height: 80%; border-top:0px solid silver; border-bottom:0px solid silver; font-size:12px; color:#606060; }

.news2 { margin-left:2px; border-top:0px solid silver; border-bottom:0px solid silver; font-size:16px; color:#606060; }

.trnumb { margin-top:8px; vertical-align: top; font-weight:bold; font-size:12px; margin-left:1px; color:#c0c0c0; }

.imp { text-align:center; font-size:11px; color:#606060; margin-bottom:4px; }

a.big { margin-left:54px; font-size:13px; color:#990000; text-decoration:none; }

a.big:hover { margin-left:54px; font-size:13px; color:#606060; text-decoration:none; }

.bluemp { text-align:right; line-height: 80%; font-size:9px; margin-left:4px; margin-right:4px; color:#0033cc; }

.cdliner { text-align:justify; font-size:13px; margin-left:8px; margin-right:55px; margin-bottom:4px; color:#606060; }

.medtext { text-align:left; font-size:13px; color:#606060; }

.download { text-align:justify; font-size:13px; margin-left:8px; margin-right:5px; margin-bottom:4px; color:#606060; }

.mainh { text-align:left; border-top:0px solid silver; border-bottom:0px solid silver; font-size:18px; color:#c0c0c0; }

.cdtitle { text-align:left; font-size:20px; line-height: 80%; color:#606060; }


.versandtext { margin-left:23px; text-align:left; line-height: 100%; font-size:13px; color:#606060; }

.cdsmtext { text-align:left; font-size:12px; margin-left:20px; color:#606060; }

.cdsmtextcc { text-align:left; font-size:12px; margin-left:20px; color:#c0c0c0; }



.smtext { line-height: 100%; font-size:10px; margin-left:20px; color:#606060; }

.smaltext { text-align:left; font-size:10px; margin-left:20px; color:#606060; }

.tracktitvid { font-weight:bold; text-align:left; font-size:14px; margin-top:5px; margin-left:36px; color:#606060; }

.ccmp3name { font-weight:bold; text-align:left; font-size:14px; margin-top:5px; margin-left:36px; color:#606060; }


.ccmp3email { font-weight:bold; text-align:left; font-size:14px; margin-top:5px; margin-left:36px; color:#606060; }



.formtitle { font-weight:bold; text-align:left; font-size:14px; margin-left:6px; color:#606060; }



.promart { font-weight:bold; vertical-align:top; line-height: 15%; font-size:14px; margin-left:6px; margin-right:30px; color:#606060; }

.scortitle { font-size:16px; margin-left:5px; margin-top:5px; color:#606060; font-weight:bold; }

.promtitle { font-size:16px; line-height: 50%; text-decoration:underline; margin-left:15px; margin-top:5px; color:#606060; font-weight:bold; }

.clsamptext { font-size:12px; margin:5px; color:#606060; }

.quote { text-align: center; font-size:13px; line-height: 60%; margin-left:38px; margin-right:1px; color:#909090; font-weight:bold; }


.quotecc { text-align: left; font-size:13px; line-height: 60%; margin-left:38px; margin-right:1px; color:#c0c0c0; font-weight:bold; }

.bitext { margin-left:5px; line-height: 40%; text-align:left; font-size:13px; margin-right:1px; color:#606060; }


a.teli { font-size:14px; font-weight:bold; color:#606060; text-decoration:none; }

a.teli:hover { font-size:14px; font-weight:bold; color:#990000; text-decoration:none; }

.heartrack { font-weight:bold; margin-top:2px; line-height: 120%; text-align:justify; font-size:15px; margin-left:15px; color:#606060; }


.rectitle { text-align:left; margin-left:2px; font-size:20px; line-height: 80%; color:#606060; }

.rectitlecc { text-align:left; margin-left:2px; font-size:20px; line-height: 80%; color:#c0c0c0; }

.rectext, .roltext { text-align:left; width: 480px; margin-left:1px; margin-right:10px; text-align:justify; font-size:11px; color:#606060; }

.rectextcc { text-align:left; width: 480px; margin-left:1px; margin-right:10px; text-align:justify; font-size:11px; color:#c0c0c0; }

.listtocc { text-align:left; line-height: 110%; width: auto; margin-left:1px;  vertical-align:center;font-size:11px; color:#c0c0c0; }


#schov img:last-child {
	  display: none;  
	}
	#schov a:hover img:last-child {
	  display: inherit;  
	}
	#schov a:hover img:first-child {
	  display: none;  
}
.tracktext { text-align:left; margin-left:32px; line-height: 80%; text-align:justify; font-size:11px; color:#606060; }

.tracktextcc { text-align:left; margin-left:32px; line-height: 80%; text-align:justify; font-size:11px; color:#c0c0c0; }

.disktracktit { font-size: 100%; line-height: 100%; font-weight:bold; font-size:12px; margin-left:20px; color:#606060; }


.storliner { text-align:left; font-size:13px; margin-right:2px; color:#606060; }