@font-face{ 	font-family: 'Schrift';
        src: url(schrift.otf)
    	format('truetype');}

*{		margin: 5px;
		padding: 2px;
		font-family: Schrift, Helvetica, Arial, Geneva, sans-serif;}

html{	height: auto;
		width: auto;}

body{   margin: 5px auto;
		color: #fff;
		width: auto;
		height: auto;
		min-width: 10em;
		max-width: 60em;
		position:relative;}

main{  	width:auto;
       	display: flex;
		flex-flow: column wrap;
		justify-content: flex-start;
		background-color: #000f;		
		border: 0px solid #fff0;
		border-radius: 1em;}

nav{   	margin: 5px auto;
		width:98%;
       	display: block;
		position: sticky;
       	top: 0em;
		text-align: center;
		font-size: 1.5em;		
		background-color: #000;		
		border: 0px solid #f0f;
		border-bottom-left-radius: 1em;
		border-bottom-right-radius: 1em;}

@keyframes sweep{
		0%   {opacity: 1;}
		100% {opacity: 0;}
		}

h1{		font-size: 1em;
		background-color: #000000;
		color: #bbbbbb;
		text-align: center;}

/* Für die SHOPS !++++++++++++++++++++++++++ */

h2{		font-size: 2.2em;
		font-weight: bold;
	    background-color: #000000;
		color: #ffffff;
		border: 1px solid #ffffff;
		text-align: center;
		border-radius: 20px;}

/* Für die SHOPS !++++++++++++++++++++++++++ */


h3{		font-size: 1.2em;
       	background-color: #000000;
		color: #ffffff;
		text-align: left;
		border-radius: 1em;}

h4{		font-size: 1.5em;
       	background-color: #333333;
		color: #ffffff;
		text-align: center;
		border-radius: 1em;}

hr{	background-color: #0000;
		border:none 1px #0000;
		width: 98%; 
    	height: 1px;
		margin:12px;
		clear: both;}

a{		color: #ffffff;
		text-decoration: none;}

a.aktuell{	color: #f0f;
		font-weight: bold;
		text-decoration: none;}

table{	width:auto;}

th{		border: 0px solid;
		overflow: hidden;
		text-align: left;
		font-size: 1.2em;
		vertical-align: bottom;}

td{		border: 0px solid;
		overflow: hidden;
		text-align: left;		
		vertical-align: bottom;}

object:focus{	outline: none;}

fieldset{	border: 0px solid #000000;
        background: transparent;
		border: 0px solid #000000;
		border-radius: 3px;}

.bgtickets{	background-image: url("bilder/bgbuehne.png");
		background-repeat: no-repeat;
		background-attachment: fixed;
		background-position: center top +2.5em;
		background-color: #000000;}
		
.bgshop{	background-image: url("bilder/bgcdshop.png");
		background-repeat: no-repeat;
		background-attachment: fixed;
		background-position: center top +2.5em;
		background-color: #000000;}
	
.bgcollage{	background-image: url("bilder/bgcollage.png");
		background-attachment: fixed;}

.bgwuerfel{	background-image: url("bilder/bgwuerfel.jpg");
		background-attachment: fixed;}

.bgpunkte{	background-image: url("bilder/bgpunkte.png");
		background-attachment: fixed;}

.bgnoyxel{	background-image: url("bilder/bgnoyxel.png");
		background-attachment: fixed;}

.bgfab4{	background-image: url("bilder/bgfab4.png");
		background-attachment: fixed;}

.bgolli{	background-image: url("bilder/bgolli.png");
		background-attachment: fixed;}

.bgflo{		background-image: url("bilder/bgflo.png");
		background-attachment: fixed;}

.bglilie{	background-image: url("bilder/bglilie.png");
		background-attachment: fixed;}

.halbiert{	width: auto;
	    	display: block;
    		overflow: hidden;   		
    		transform: scale(0.5);
    		transform-origin: left top 0;}

.menuereviews{	margin:1px auto;
		height:24vh;
		width:100%;
		text-align: center;
        background-color: #f0f0;
		border: 0px solid #fff0;
		border-radius: 1em;}

.zentriert{	text-align: center;}

.review{	text-align: justify;}

.interview{	text-align: left;
		color: #ffffff;
		background-color: #000;
		border-radius: 1em;}

.gross{	background-color: #444;
		font-size: 1.4em;
		font-weight: bold;		
		border-radius: 1em;}

.vollebreite{	width: 95%;}

.graflinks{	height: 2em;
		opacity: 0.7;
		transition: all ease 2.5s;}
.graflinks:hover{
		opacity: 1.0;
		transition: all ease 0.2s;}

.graflinksgross{height: 4em;
		opacity: 0.7;
		transition: all ease 2.5s;}
.graflinksgross:hover{
		opacity: 1.0;
		transition: all ease 0.2s;}

.graflink2{	height: 9em;
		opacity: 0.7;
		transition: all ease 2.5s;}
.graflink2:hover{
		opacity: 1.0;
		transition: all ease 0.2s;}

.bestaetigt{	color: green;
		font-weight: bold;}

.abgesagt{	color: orange;}

.wackelt{	color: grey;}

.aussenrahmen{	padding:1em;
		border-radius: 1em;
		border: 2px solid #aaa;
		background-color: #000;}




/* EIN-/AUSBLENDUNG IMPRESSUM oder andere ARTIKEL (ausser die in den SHOPS!!) */

#art1:not(:target) {height: 4em;overflow:hidden;}
#art1:target       {padding:1em;border-radius: 1em;border: 2px solid #aaa;background-color: rgba(0,0,0,1.0);}
#art2:not(:target) {height: 4em;overflow:hidden;}
#art2:target       {padding:1em;border-radius: 1em;border: 2px solid #aaa;background-color: rgba(0,0,0,1.0);}
#art3:not(:target) {height: 4em;overflow:hidden;}
#art3:target       {padding:1em;border-radius: 1em;border: 2px solid #aaa;background-color: rgba(0,0,0,1.0);}
#art4:not(:target) {height: 4em;overflow:hidden;}
#art4:target       {padding:1em;border-radius: 1em;border: 2px solid #aaa;background-color: rgba(0,0,0,1.0);}

/* EIN-/AUSBLENDUNG REVIEWS */

#rev1:not(:target) {height: 2em;overflow:hidden;}
#rev1:target       {padding:1em;border-radius: 1em;border: 2px solid #aaa;background-color: rgba(0,0,0,1.0);}
#rev2:not(:target) {height: 2em;overflow:hidden;}
#rev2:target       {padding:1em;border-radius: 1em;border: 2px solid #aaa;background-color: rgba(0,0,0,1.0);}
#rev3:not(:target) {height: 2em;overflow:hidden;}
#rev3:target       {padding:1em;border-radius: 1em;border: 2px solid #aaa;background-color: rgba(0,0,0,1.0);}
#rev4:not(:target) {height: 2em;overflow:hidden;}
#rev4:target       {padding:1em;border-radius: 1em;border: 2px solid #aaa;background-color: rgba(0,0,0,1.0);}
#rev5:not(:target) {height: 2em;overflow:hidden;}
#rev5:target       {padding:1em;border-radius: 1em;border: 2px solid #aaa;background-color: rgba(0,0,0,1.0);}
#rev6:not(:target) {height: 2em;overflow:hidden;}
#rev6:target       {padding:1em;border-radius: 1em;border: 2px solid #aaa;background-color: rgba(0,0,0,1.0);}
#rev7:not(:target) {height: 2em;overflow:hidden;}
#rev7:target       {padding:1em;border-radius: 1em;border: 2px solid #aaa;background-color: rgba(0,0,0,1.0);}
#rev8:not(:target) {height: 2em;overflow:hidden;}
#rev8:target       {padding:1em;border-radius: 1em;border: 2px solid #aaa;background-color: rgba(0,0,0,1.0);}
#rev9:not(:target) {height: 2em;overflow:hidden;}
#rev9:target       {padding:1em;border-radius: 1em;border: 2px solid #aaa;background-color: rgba(0,0,0,1.0);}
#rev10:not(:target){height: 2em;overflow:hidden;}
#rev10:target      {padding:1em;border-radius: 1em;border: 2px solid #aaa;background-color: rgba(0,0,0,1.0);}
#rev11:not(:target){height: 2em;overflow:hidden;}
#rev11:target      {padding:1em;border-radius: 1em;border: 2px solid #aaa;background-color: rgba(0,0,0,1.0);}
#rev12:not(:target){height: 2em;overflow:hidden;}
#rev12:target      {padding:1em;border-radius: 1em;border: 2px solid #aaa;background-color: rgba(0,0,0,1.0);}

/* EIN-/AUSBLENDUNG INTERVIEWS */

#itv1:not(:target) {height: 5em;overflow:hidden;}
#itv1:target       {padding:1em;border-radius: 1em;border: 2px solid #aaa;background-color: rgba(0,0,0,1.0);}
#itv2:not(:target) {height: 5em;overflow:hidden;}
#itv2:target       {padding:1em;border-radius: 1em;border: 2px solid #aaa;background-color: rgba(0,0,0,1.0);}
#itv3:not(:target) {height: 5em;overflow:hidden;}
#itv3:target       {padding:1em;border-radius: 1em;border: 2px solid #aaa;background-color: rgba(0,0,0,1.0);}
#itv4:not(:target) {height: 5em;overflow:hidden;}
#itv4:target       {padding:1em;border-radius: 1em;border: 2px solid #aaa;background-color: rgba(0,0,0,1.0);}
#itv5:not(:target) {height: 5em;overflow:hidden;}
#itv5:target       {padding:1em;border-radius: 1em;border: 2px solid #aaa;background-color: rgba(0,0,0,1.0);}
#itv6:not(:target) {height: 5em;overflow:hidden;}
#itv6:target       {padding:1em;border-radius: 1em;border: 2px solid #aaa;background-color: rgba(0,0,0,1.0);}
#itv7:not(:target) {height: 5em;overflow:hidden;}
#itv7:target       {padding:1em;border-radius: 1em;border: 2px solid #aaa;background-color: rgba(0,0,0,1.0);}

/* AB HIER FORMATIERUNGEN FÜR DIE SHOPS ! */

.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  font-size: 0;
  height: 0;
  visibility: hidden;}

.rot{		color: #f77;
		font-weight: bold;}

.graflink{	opacity: 0.7;
		transition: all ease 2.0s;
        text-align: center;
        border-radius: 1.5em;}

.graflink:hover{opacity: 1.0;
		transition: all ease 0.2s;
        background-color: #000   ;
        border-radius: 1.5em;}

.menge{	color: #fff;
		font-size: 1.3em;
		border: 0px solid #aaa;			
		border-radius: 15px;
		border-bottom: transparent;
		clear: both;}

.mengenfeld{background-color: #000;
		color: #ffffff;
		width:1.3em;
		font-size: 1.2em;
		text-align: right;
		border: 1px solid #888;				
		border-radius: 3px;}

.mengenfeldx{background-color: #0000;
		color: #fff0;
		width:1.3em;
		font-size: 1.2em;
		text-align: right;
		border: 1px dotted #8880;
		border-radius: 3px;}

.bestellbutton{	font-size: 1.0em;
		font-weight: bold;
		background-color: transparent;
		border: 2px solid red;
		border-radius: 5px;}

.rezensionbutton{font-size: 1.0em;
		font-weight: bold;
		background-color: transparent;
		border: 2px solid blue;
		border-radius: 5px;}

.bestellfelder{	background-color: rgba(40,40,40,1);
		color: #fff;
		border: 0px solid #aaa;			
		border-radius: 15px;}

.kann{	width: auto%;
		font-size: 1.1em;}

.muss{	width: 22%;
		font-size: 1.1em;}

.submitbutton{background-color: transparent;
		color: #fff;
		font-size: 1.1em;		
		width:11em;
		border: 2px solid red;
		border-radius: 5px;}

.beschreibung{	background-color: rgba(40,40,40,0.6);
		color: #fff;
		font-size: 0.9em;
		border: 0px solid #aaa;			
		border-radius: 1em;
		position: relative;}

.beschreibung img{
      max-height:100%;
		max-width:50%;
      min-height:1%;
		min-width:1%;
		float: right;}
	
#felder:not(:target)    {display:none;}
#felder:target ~ .menge {background-color: rgba(40,40,40,0.6);}

#dse:not(:target) {height: 0em;overflow:hidden;background-color: rgba(0,0,0,0.0);}
#dse:target {border: 2px solid #aaa;background-color: rgba(0,0,0,1.0);}

#art1a:not(:target) {height: 2em;overflow:hidden;}
#art1a:target {border: 2px solid #aaa;background-color: rgba(40,40,40,0.6);}
#art2a:not(:target) {height: 2em;overflow:hidden;}
#art2a:target {border: 2px solid #aaa;background-color: rgba(40,40,40,0.6);}
#art3a:not(:target) {max-height: 2em;overflow:hidden;}
#art3a:target {border: 2px solid #aaa;background-color: rgba(40,40,40,0.6);}
#art4a:not(:target) {max-height: 2em;overflow:hidden;}
#art4a:target {border: 2px solid #aaa;background-color: rgba(40,40,40,0.6);}
#art5a:not(:target) {max-height: 2em;overflow:hidden;}
#art5a:target {border: 2px solid #aaa;background-color: rgba(40,40,40,0.6);}
#art6a:not(:target) {max-height: 2em;overflow:hidden;}
#art6a:target {border: 2px solid #aaa;background-color: rgba(40,40,40,0.6);}
#art7a:not(:target) {max-height: 2em;overflow:hidden;}
#art7a:target {border: 2px solid #aaa;background-color: rgba(40,40,40,0.6);}
#art8a:not(:target) {max-height: 2em;overflow:hidden;}
#art8a:target {border: 2px solid #aaa;background-color: rgba(40,40,40,0.6);}
#art9a:not(:target) {max-height: 2em;overflow:hidden;}
#art9a:target {border: 2px solid #aaa;background-color: rgba(40,40,40,0.6);}