/*-------------- Desktop anzeige-----------------------*/
	
@media (min-width:980px){
    #AF_Trigger1 {
    	display:none;
    }


/*-----------Format Jahreskalender Konzertmeister Liste---------*/

.event-line {
    margin: 0.2em 0;       /* kleiner Abstand zwischen Terminen */
    font-size: 1rem;       /* gut lesbare Schriftgröße */

    line-height: 1.4;      /* Zeilenhöhe */
    white-space: nowrap;    /* alles in einer Zeile */
    overflow: hidden;
    text-overflow: ellipsis; /* falls zu lang */
}

.event-line a {
    color: inherit;
    text-decoration: none;
    font-weight: 600;
}

.event-line a:hover {
    text-decoration: underline;
}










/*----------------------Desktopansicht altes CSS-------------*/	
	#main {
		
		
		width: calc(100% - 40px); max-width: 800px;
		
		margin-top:5px;
		margin-left:10px;
		padding-right:10px;
		padding-left:10px;
		padding-block-end: 10px;
		/*
		margin-left:calc((100% / 2) - (800px / 2));
		margin-right:auto;
		*/
		width: calc(100% );
    max-width: 970px;
    margin-left: calc((100% / 2) - (970px / 2));
		
		
		background-color:rgba(255,255,255,.8);
		-webkit-box-shadow:4px 4px 10px 4px rgba(8,0,0,.5);
		box-shadow:4px 4px 10px 4px rgba(8,0,0,.5);
		/* behavior:url('assets/css3pie/1.0.0/PIE.htc'); */ 
		z-index:100;
		
	}


	body {
		width:vw;
		
		
		overflow:scroll;
		
		/*font-family:Arial;*/
		font-family:Calibri;
		color:#0c2582;
	
		/*background-color: #005399;*/
		background-image: linear-gradient( #689cc1,#005399);
		
		/*background-image:url("Back-1.png");*/
		background-image:url("_28A0769.jpeg");
		background-size:auto 100%;
		background-repeat: no-repeat;
		background-repeat: repeat;
		background-position:center top;
		
		
		background-attachment: fixed
		
	}
	
	
	#topline {
			 }
	
	/* Kopf aktuel */
	#header {
	
				
		/*width: calc(100% + 20px); max-width: 970px;*/
		width: calc(100% ); max-width: 970px;
		margin-left:calc((100% / 2) - (970px / 2));
		
			background-image:url("Logo-7-2-Desktop.png");
			background-size:100%;
			margin-top: 0px;
			
			
			background-position: 73%;
			
			background-repeat: no-repeat;
			/*-webkit-drop-shadow:3px 0 5px 3px #5e492f;
			drop-shadow:3px 0 5px 3px #5e492f;
		
			/*width : 960px;*/
			
			padding: 20px;
			
			box-sizing: border-box;
			/*max-width: 960px;*/
			max-height: 208px;*/
			/*max-height: 50px;
			
			/*position : fixed;*/
		/*position : absolute;*/
		z-index: 9000;
	}
	
	
	#main-menu {
	width: calc(62% ); max-width: 970px;
		margin-left:calc((100% / 2) - (970px / 2));
		margin-right:100px;
		/*background-image:url("Logo.png");*/
		background-size:25%;
		margin-top: -2px;
		background-position: 20%;
		background-repeat: no-repeat;
		background-color:#990033;
		/*position: static;*/
		z-index: 990;
	}
	
	
	#right {
			width:136px;
			left:10px;
			margin-top:5px;
			padding: 3px;
			background-color:rgba(255,255,255,.7);
	}
	
	
	
	
	
	
	/* -------- Fußzeile ---------------------*/
	#footer {
		/*width: calc(100% - 40px); max-width: 800px;
		
		margin-top:5px;
		margin-left:10px;
		padding-right:10px;
		padding-left:10px;
	*/
	
	
	
	
		width: calc(100% + 40px); max-width: 970px;
		/*width: calc(100%);*/
		/*margin-left: calc((100% / 2) - (950px / 2));*/
		margin-left: calc((100% / 2) - (970px / 2));
		padding-left: 10px;
		padding-right:10px;
		margin-top: 10px;
		/*font-size: small;*/
		font-weight:bold;
		color:#1b7ec2;
		margin-bottom: 1px;
		/*background-color: rgba(255,255,255,.7);*/	
		background-color: #990033;
		z-index: 1000;
	}
	
}
/*-----------------Ende Desktopansicht---------------*/



/*------------ Desktop Style   Normales Menu ----------------*/
@media (min-width:980px) {

	/*--------- Position DropDown Menü ----------------*/
	
	.AF_main-menu ul li:focus ul.level_2 {
		margin:5px 0 0 -30px;
		
	}
	
	/* Menü Schrit */
	.AF_main-menu ul.level_1 li a {
		display:block;
		text-align:center;
		text-decoration:none;
		color:#fff;
		
	}
	
	/* Farbe schrift 1 */
	.AF_main-menu ul.level_1 li:hover a,
	.AF_main-menu ul.level_1 li:active a,
	.AF_main-menu ul.level_1 li:focus a {
		color:#FFF;
		
	}
	
	/* hintergrund 2 */
	.AF_main-menu ul.level_2 {
		width:120px;
		position:absolute;
		display:block;
		margin-left:-99999px;
		padding:4px;
		
	}
	.AF_main-menu ul.level_2 span.active {
		display:block;
		padding:3px 0 3px 5px;
		text-align:left;
		font-weight:bold;
		color:#fafc60;
		
	}
	.AF_main-menu ul.level_2 span.active:hover,
	.AF_main-menu ul.level_2 span.active:focus,
	.AF_main-menu ul.level_2 span.active:active {
		color:#000;
	}
	
	/* 2 hintergrund */
	.AF_main-menu ul.level_2 li {
		width:100%;
		margin:0;
		padding:2px 0;
		background-color:rgba(0,0,0,.20);
	}
	
	/* Hintergruns 2 */
	.AF_main-menu ul.level_2 li a {
		display:block;
		padding:3px 0 3px 5px;
		text-align:left;
		color:#fff;
		
	}
	
	/* 2 onover */
	.AF_main-menu ul.level_2 li a:hover,
	.AF_main-menu ul.level_2 li a:active,
	.AF_main-menu ul.level_2 li a:focus {
		border-radius:5px;
		color:#000;
	/*    behavior:url('assets/css3pie/1.0.0/PIE.htc');
		behavior:url('assets/css3pie/1.0.0/PIE.htc');    */
		background-color:rgba(252,252,252,.6);
	/*    behavior:url('assets/css3pie/1.0.0/PIE.htc');  */
	}
	
	/* ---------- Ende Navigation ----------------------------
	
	/* ----------------Aus CSS Gallerie_Menue ---------------*/
	
	/* Mitgliedertabelle */
	#Aktive {
		font-size:11px;
		font-weight:bold;
	}
	mod_navigation level2 menu {
		background-color:#f00;
	}
	.AF_main-menu ul.level_1 span.active:hover,
	.AF_main-menu ul.level_1 span.active:focus,
	.AF_main-menu ul.level_1 span.active:active {
		color:#FFF;
		
		
	}
	
	/* Menü */
	.AF_main-menu ul.level_1 li {
		float:left;
		display:block;
		margin:0 4px 3px;
		padding:5px 10px;
		border-radius:10px;
		border-collapse:separate;
		
	/*    behavior:url('assets/css3pie/1.0.0/PIE.htc');
		behavior:url('assets/css3pie/1.0.0/PIE.htc');
		behavior:url('assets/css3pie/1.0.0/PIE.htc');
		behavior:url('assets/css3pie/1.0.0/PIE.htc');   */
	}
	
	/* Farbe Schaltfläche 1 */
	.AF_main-menu ul li:hover,
	.AF_main-menu ul li:active,
	.AF_main-menu ul li:focus {
		background-color:rgba(255,255,255,.15);
	}
	
	/* unterpukt 1 */
	.AF_main-menu ul li:hover ul.level_2,
	.AF_main-menu ul li:active ul.level_2,
	.AF_main-menu ul li:focus ul.level_2 {
		margin:5px 0 0 -10px;
		z-index: 999; /* Stellt sicher, dass der Button über anderen Elementen liegt */
	}
	
	/* Menü Schrit */
	.AF_main-menu ul.level_1 li a {
		display:block;
		text-align:center;
		text-decoration:none;
		color:#fff;
	}
	
	/* Farbe schrift 1 */
	.AF_main-menu ul.level_1 li:hover a,
	.AF_main-menu ul.level_1 li:active a,
	.AF_main-menu ul.level_1 li:focus a {
		color:#FFF;
	}
	
	/* hintergrund 2 */
	.AF_main-menu ul.level_2 {
		width:120px;
		position:absolute;
		display:block;
		margin-left:-99999px;
		padding:4px;
	}
	.AF_main-menu ul.level_2 span.active {
		display:block;
		padding:3px 0 3px 5px;
		text-align:left;
		font-weight:bold;
		color:#fafc60;
	}
	.AF_main-menu ul.level_2 span.active:hover,
	.AF_main-menu ul.level_2 span.active:focus,
	.AF_main-menu ul.level_2 span.active:active {
		color:#000;
		
	}
	
	/* 2 hintergrund */
	.AF_main-menu ul.level_2 li {
		width:100%;
		margin:0;
		padding:2px 0;
		/*background-color:rgba(0,0,0,.20);*/
		background-color:rgba(153,0,51, 0.8);
		
	}
	
	/* Hintergruns 2 */
	.AF_main-menu ul.level_2 li a {
		display:block;
		padding:3px 0 3px 5px;
		text-align:left;
		color:#fff;
		
	}
	
	/* 2 onover */
	.AF_main-menu ul.level_2 li a:hover,
	.AF_main-menu ul.level_2 li a:active,
	.AF_main-menu ul.level_2 li a:focus {
		border-radius:5px;
		color:#000;
	/*    behavior:url('assets/css3pie/1.0.0/PIE.htc');
		behavior:url('assets/css3pie/1.0.0/PIE.htc');
		behavior:url('assets/css3pie/1.0.0/PIE.htc');  */
		background-color:rgba(252,252,252,.6);
	/*    behavior:url('assets/css3pie/1.0.0/PIE.htc');  */
	}
}



	
/*-------------- Bildabstand in der Gasllerieansicht--------------*/	
.content-gallery ul {
  display: grid;
  grid-template-columns: repeat(2, 1fr); /* 2 Spalten */
  gap: 1.5rem; /* Abstand */
  padding: 0;
  margin: 0;
  list-style: none;
}

.content-gallery figure {
  margin: 0;
  text-align: center;
}

.content-gallery figcaption {
  margin-top: 0.5rem;
  font-size: 0.9rem;
  color: #555;
}

/*------------------ Fehler ------------------------------
#error{
	font-weight:bold;
	color:#FF0000;
}
/*------------------ Fehler ------------------------------*/
.error{
	font-weight:bold;
	color:#FF0000;
}