
/*--------------- Mobile Bereich -----------------------*/
/*@media (max-width:765px) {*/
@media (max-width:979px) {

	.AF_main-menu, .menu-list {
	display:none;
	}
	
	/*----------- CSS Einstellungen alte HP (Desktop)angepasst an Handyansicht-------------------*/
	#main {
		width: calc(100% - 40px);
		margin-top:5px;
		margin-left:10px;
		padding-right:5px;
		padding:5px;
		background-color:rgba(255,255,255,.7);	/* 04.2025 Transparenz einstellen  */
		/*background-image:url("Back-04-25-s.JPG");*/
		
		-webkit-box-shadow:4px 4px 10px 4px rgba(8,0,0,.5);
		box-shadow:4px 4px 10px 4px rgba(8,0,0,.5);
	}
	
	/*-----------------------------------------------------------------------------------------*/

	body {
		width:vw;
		overflow:scroll;
		font-family:Arial;
		color:#0c2582;
		/*background-color: #005399;*/
		background-image: linear-gradient( #689cc1,#005399);

		/*background-image:url("Back-1.png");*/
		background-image:url("_28A0769.jpeg");
		background-size:100% 100%;
		background-repeat: no-repeat;
		background-position:center top;
		background-attachment: fixed
	}
	
	
	/*------------- Kopf aktuel ---------------------------------------------*/
	
	#header {
		
		/* min-height: var(--hoehe); /* Mindesth�he f�r den Header */
	  	/*background-color: #66FF00;*/
	  	padding: 20px;
	  	box-sizing: border-box;
	
		/*hight: var(--hoehe);*/
		/*hight: 100px;*/
		min-width: 380px;
		
		background-image:url("Logo-7-2.png");
		background-size:100% auto;
		background-repeat: no-repeat;
		
		/*background-color:rgba(255,255,255,0);	/* 04.2025 Transparenz einstellen  */
	}
		
	/*----------------------- Main Menü ---------------------------------------*/	
		
	#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: 9990;
	}
		
	/* -------- Fu�zeile ---------------------*/

	#footer {
		/*width: calc(100% + 40px); max-width: 970px;
		margin-left:calc((100% / 2) - (950px / 2));
		/*padding-bottom: 2px;*/
		margin-top: 10px;
		margin-bottom: 2px;
		font-weight:bold;
		color:#1b7ec2;
		/*background-color: rgba(255,255,255,.7);*/	
		background-color: #990033;
		z-index: 1000;
	}
}

/*----------------Kalender-------------*/	
/* Terminliste */

#mod_eventlist h1 {
	margin-bottom:0;
	/*margin-right:10px;*/
	font-size:10px;
	color:#f00;
}

/* --------------Minikalender Termin */

.minicalendar .active {
	background-color:rgba(229,255,36,.7);
}

/*----------------- ????? ---------*/

#right {
   	width:136px;
	left:10px;
	padding: 3px;
	/*margin:5px;*/
	/*margin-right:5px;*/
	margin-top:5px;
	/*padding-left:4px;*/
	
	background-color:rgba(255,255,255,.8);
	-webkit-box-shadow:4px 4px 4px 4px rgba(5,5,5,.5);
	box-shadow:4px 4px 4px 4px rgba(5,5,5,.5);
	font-size:11px;
	color:#3b4c80;
/*    behavior:url('assets/css3pie/1.0.0/PIE.htc');  */
}

/*-----------------------------*/	

#Textdokument {
    margin-right:5mm;
    margin-bottom:20mm;
    margin-left:5mm;
    padding:20mm;
    background-color:#f2f2e4;
    font-family:Arial;
    color:#0d0101;
}

/*----------------------------------------*/

#AF_Trigger1 {
	margin-right:5px;
    margin-bottom:20mm;
    margin-left:5px;
    padding: 1em 0.01em 0.01em 0.01em;
	/*---- Hintergrund Hamburger--*/
	/*background-color:rgba(255,255,255,.80);*/
}