/* ********* Style ASD-V24 ab 251223 / as *********  */

html {
	height: 100%;
}
body {
	font-family: Arial, Verdana, Geneva, sans-serif;
	color: #FFF;
	background:  #888;   		/* Background-color HTML Seite */
	background: url(../RES-v24/HGB-QUER-GECKO.jpg) no-repeat top 0px center fixed;   	       /*  HINTERGRUND-BILD  */ 
	background-size: cover;  		/*  cover; (full screen) contain; (orig px breite) 100%; (max px höhe) */ 
}
body a {
	color: #CCFF00XXXX;
}
XXXbody a:hover {
	color:  #FF0000;	/* hover mouseover */
}
a:link {
	font-family: Arial, Verdana, sans-serif;
	font-size: 160%;			/* Text-Grösse Menu   */
	font-weight: normal;			/* normal;  */
	text-decoration: none; 
	color: #FFF;			/* #33CCFF;  Fontcolor Links */
	text-shadow: 2px 1px 1px black;  
}
a:visited {
	text-decoration: none;
	color: #FFF;	/* Fontcolor Links */ 			
}
a:active {
	text-decoration: none;
	color: #FFF;
}
a:hover {			/* hover siehe oben "body" */
	font-weight: normal;
	text-decoration: none;
	color: #FF0000;  
	text-shadow: 2px 1px 1px black;
}
/* ---------------------------------- MENU & LOGO - AVATAR -------------------------------------- */
.avatar {				/* Bild - about.jpg */
	width: 100px;
	float: left;
	margin: 0 10px 5px 0;	/* Abstand umfliessender Text */
} 
#rei-notiz {			/*   AKTIV !   betrifft iframes! - EVTL. FÜR SPÄTER REISENOTIZEN !!!! */
	position: fixed;
	top: 60px;
	width: 830px;		
	height: 1400px;            	 /* 980px; */
	margin: auto;
	padding: 0px 60px 33px 28px;  		  
	font-size: 100%;
	z-index: 0; 
}
#menu {
	position:absolute;	/* relative; */
	top: 150px;	/* 34px;  */
	left: -20px;	        /* weil sonst nicht mittig  */
	width: 100%;
	font-size: 100%;	/* Bold, color etc. oben unter a:link */
	letter-spacing: 2px;
/*	text-align: center;	 */  /* wenn Logo mittig, wieder aktivieren und left löschen */
	line-height: 70%;
/*	text-shadow: 3px 2px 1px black; */
	z-index: 2;
}
#menusen {
	position:absolute;	/* relative; */
	top: 75px;	/* 34px;  */
	left: -10px;	        /* weil sonst nicht mittig  */
	width: 100%;
	font-size: 100%;	/* Bold, color etc. oben unter a:link */
	letter-spacing: 2px;
/*	text-align: center;	 */  /* wenn Logo mittig, wieder aktivieren und left löschen */
	line-height: 70%;
/*	text-shadow: 3px 2px 1px black; */
	z-index: 2;
}



#menu-rei {
	position:fixed;	/* relative; */
	top: 210px;	/* 34px;  */
	left: 120px;	/* weil sonst nicht mittig  */
	width: 100%;
	font-size: 20px;	/* Bold, color etc. oben unter a:link */
	letter-spacing: 2px;
	text-align: center;	   /* wenn Logo mittig, wieder aktivieren und left löschen */
	line-height: 90%;
/*	text-shadow: 1.5px 1.5px 0 black; */
	z-index: 2;
}


#logohg {
	position: fixed;
	background: rgba(0,0,0,0.1);   
/*	background: rgb(191,191,191,0.3); */
	top: 0px;
	left: 0px;
	width: 100%;
/*	margin: 0px auto;	*/
	height: 90px;   /*  70  */
/*	border-bottom: 1px solid white;   */
	z-index: 10;
}
#footerhg {
	position: fixed;
	background: rgba(0,0,0,0.15);   
/*	background: rgb(191,191,191,0.3); */
	bottom: 0px;
	left: 0px;		
	width: 100%;
	height: 70px;
/*	border-top: 1px solid white;   */
	z-index: 1;
}
#footer-v24 {
	color: rgba(255,255,255,0.9);
	position: fixed;
	bottom: -1px;         	/* Logos fb ig as-d  */
	left: 10px;		/* weil sonst nicht mittig */
	width: 100%;  
	margin: 0px auto;
	font-size: 100%;
	text-align: center;
	z-index: 2;
}
.footer-v24-shadow {		/*  footer copyright */
	color: rgba(255,255,255,1.0);
	position: fixed;
	bottom: 10px;
	width: 100%;  
	margin: 0px auto;
	font-size: 80%;
	text-align: center;
	text-shadow: 1.5px 1.5px 0 black;	  	
	z-index: 2;
}
IMG.displayed {			/*  Logos FB & IG Logo Footer */
    	display: inline;	
	width: 28px;	
	height: 28px;	
	margin-bottom: 30px;	
   	margin-left: auto;
    	margin-right: auto;
}
IMG.displayed:hover {		/* FB & IG Logo Footer hover */
	opacity: 0.5;
	z-index: 5;
}
/* ------------------ LOGO / HOME / IG / FB ----------------------- */
.logo-link {
	position: relative; top: 5px;	 /* evtl. fixed; */ 
	width: 384px; 	/* 280 */
	height: 80px;	/* 60 */
	display: block;
	left: 12px;
/*	margin-left: auto; */
/*	margin-right: auto; */
	z-index: 2;
}
.logo {	
	background: url("../RES-v24/logo-asd-v24WR.png") no-repeat;  
	opacity: 1.0;
}

.logo-link:hover {
	background-position: 0 -80px;       /* Nur bei 2 farbigen Logos !!  */ 
	opacity: 0.8;
}

/* .menu-link {	ausser Betrieb  */		/* Menu Button */
	position: relative; top:110px;
	width: 41px;
	height: 28px;
	display: block;
	left: 8px;
/*	margin-left: auto; */
/*	margin-right: auto; */
	z-index: 4;
}
/*  .menu {
	background: url("../RES-v24/picto-menu-v24.png") no-repeat;
	opacity: 0.9;
	z-index: 4;
}
.menu-link:hover {
	background-position: 0 -28px;    /* nur wenn Farbewechsel mit 2 fachem Signet */
/*	opacity: 0.4;   */
z-index: 4;
}  /*

/* ------------------- Schriftgrösse Container About etc. ----------------------- */

.h2 {
font-size: 100%;
font-weight: bold;
}
.h3-XXXX {
font-size:2.0em;
font-weight: bold;
}

.mh0 {
font-size:0.8em;
 text-align: left;
}
.mh1 {
font-size:0.9em;
 text-align: left;
}
.mh1b {
font-size:1.0em;
font-weight: bold;
/* color: red; */
text-align: left;
}
.mh2 {
font-size:0.9em;
}
.mh3 {
font-size:1em;
}
.mhn {
position: relative;
top: 500px;
font-size: 1.6em;
font-weight: bold;
/* color: red; */
text-align: center;
z-index: 1;
}


/* ----------------------- Flex Container - About --------------------------------------- */
.flex-container {
  position: relative;
  max-width: 600px;
  top: 100px;
  display: flex;
  background-color: #666;	/* rgba(0,0,0,0.5); */
  justify-content: center;
  align-items: center;
  margin: auto;
  flex-wrap:
}
.flex-item {
  color: #000;
  padding: 30px;
}
.flex-item1 {
  width: auto;
  margin: 10px;
  text-align: center;
}
.flex-item2 {
  width: auto;
  margin: 10px;
  text-align: left;
  color: white;
}
.flex-item3 {
  width: auto;
  margin: 0px;
  text-align: left;
  color: white;
}

/* ----------------------- NEWS --------------------------------------- */
.news


/* ---------------------------------------- ENDE CSS ------------------------------------------- */