@charset "UTF-8";

/* Theme Name: VAA Vorarlberger Amateur Astronomen 2026
   Theme URI: https://www.astronomie-vorarlberg.org/
   Description: VAA Vorarlberger Amateur Astronomen
   Version: 1.0.0
   Author: Paul Baumgartner
   Author URI: https://webgartner.at	
*/


@font-face {
    font-family: 'open_sanslight';
    src: url('fonts/OpenSans-Light-webfont.eot');
    src: url('fonts/OpenSans-Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/OpenSans-Light-webfont.woff') format('woff'),
         url('fonts/OpenSans-Light-webfont.ttf') format('truetype'),
         url('fonts/OpenSans-Light-webfont.svg#open_sanslight') format('svg');
    font-weight: 100;
    font-style: normal;
	}
	
@font-face {
    font-family: 'open_sansbold';
    src: url('fonts/OpenSans-Bold-webfont.eot');
    src: url('fonts/OpenSans-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/OpenSans-Bold-webfontt.woff') format('woff'),
         url('fonts/OpenSans-Bold-webfont.ttf') format('truetype'),
         url('fonts/OpenSans-Bold-webfont.svg#open_sanslight') format('svg');
    font-weight: normal;
    font-style: normal;
	}	

@font-face {
    font-family: 'open_sansregular';
    src: url('fonts/OpenSans-Regular-webfont.eot');
    src: url('fonts/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/OpenSans-Regular-webfontt.woff') format('woff'),
         url('fonts/OpenSans-Regular-webfont.ttf') format('truetype'),
         url('fonts/OpenSans-Regular-webfont.svg#open_sanslight') format('svg');
    font-weight: normal;
    font-style: normal;
	}

h1 {font-size: 2.25em; color:#000000;letter-spacing: 0.15em;text-transform: uppercase;}
h2 {font-size: 1.5em; color:#000000;letter-spacing: 0.15em;text-transform: uppercase;}
h3 {font-size: 1.3125em; color:#33373C;letter-spacing: 0.15em;text-transform: uppercase;}
p {font-size:0.875em; line-height: 1.5em;}
a {font-size:0.875em; text-decoration: none; letter-spacing: 0.5em; color: #ffffff; text-transform:uppercase;}



html, body{
	background-color:#222629;
	background-image:linear-gradient(to top, #222629 0%, #474b4f 90%);
	font: 16px 'open_sansregular', OpenSans, sans-serif;
	letter-spacing: 0.15em;
	color:#fff;
	margin: 0;
 	padding: 0;
	top: 0;
 	left: 0; 
}

#wrapper{
	margin: 0;
	width: 100%;
 
}

#header{
	z-index:1000;
	width:100%;
	margin:0;
	background-color:#212E3C;
	position: sticky; 
	top: 0;
	left: 0; 
	bottom:0;
	border-bottom: solid 1px;
  	border-bottom-color:#474b4f;
  	
}

#logo{
	float:left;
	margin: 0;
 	padding: 0;
	top: 0;
 	left: 0; 
	color:#fff;
	
}

#titel{
	float:left;
	width:80%;
	margin: 3% 0 0 0;
 	padding: 0;
	top: 0;
 	left: 0; 
	height:100%;
	vertical-align: middle; 
	text-align:center;
	
}

#titel a{
	color:#fff;
	font-size:25px;
	letter-spacing:10px;

}

hr{ color:#474b4f; 
	 }



.clear{clear:both;}

/*-------------- Menu -----------*/

#mainmenue{
	 background-color:#33373C;
	 padding: 1% 3% 1% 3%;
	 /*width: 100%;
	 margin:auto; */
	  
	/*float:right;
	margin: 7px 50px 0 0px;*/
}

#mainmenue ul { 

  margin: 0; 
  padding: 0;
  list-style: none; 
   display: flex;
	align-items: center;
	justify-content: center;
  
}

#mainmenue ul li { 
  display: table-cell; 
  position: relative; 
  padding: 0 3% 0 3%;
}

#mainmenue ul li a {
  color: #fff;
  text-transform: uppercase;
  text-decoration: none;
  letter-spacing: 0.15em;
  display: inline-block;
  padding: 0 0 0 0;
  position: relative;
}


/*#mainmenue ul li a:after {    
  background: none repeat scroll 0 0 transparent;
  bottom: 0;
  content: "";
  display: block;
  height: 2px;
  left: 50%;
  position: absolute;
  background: #000;
  transition: width 0.3s ease 0s, left 0.3s ease 0s;
  width: 0;
}*/

#mainmenue ul li a:hover { 
 
  color:#638FBC;
}

#mainmenue ul li a:hover:after { 
  width: 100%; 
  left: 0; 
  color:#638FBC;
}

/*-------------- Menu ENDE -----------*/

#container-content{

	background-color: #fff;
	/*padding:0% 10% 5% 10%;*/


}


#content{
	background-color:#fff;
	color:#000;
	padding:0% 10% 5% 10%;

	
}

#content-sidebar{
	float: left;
	background-color:#fff;
	color:#000;
	padding:5% 10% 5% 10%;
	width: 50%;
	
}

#sidebar{
	float: left;
	width: 20%;
	background-color:#fff;
	color:#000;
	padding:5% 0 0 0;
}

.tile{
  background-color: #23272A;
  opacity: 0.6;
  transition: 1.3s;
	
}

.tile:hover{
 background-color: #434c53;
  color: white;
}

.siteorigin-panels-stretch .so-widget-image img,
.panel-grid-cell img , attachment-sow-blog-grid size-sow-blog-grid wp-post-image{
  max-width: 100% !important;
  height: auto !important;
  width: auto;
}

/* --------------- Footermenü ------------------ */

#footer {
	max-width:100%;
	margin:auto;

}


#footermenue-lmr{
   display: flex;
	justify-content: center;
	margin: 0; 
   padding: 0;
}

.footermenue {vertical-align: top;}

.footermenue ul {
	padding:0 3% 0 3%;
	list-style-type:none;	
	
	}

.footermenue ul li{
	list-style-type:none;
}

.footermenue ul li a{
	color:#fff;
	font: 14px 'open_sansregular', OpenSans, sans-serif;
	letter-spacing:0.15em;
	
}

.footermenue ul li a:hover{
	color:#638FBC;
	
}

#footermenueleft{
	padding:0 5% 0 5%;
	/*width:30%;*/
	/*display: inline-block;
	vertical-align: top;*/
	white-space: nowrap;
}

#footermenuemiddle {
	/*width:30%;*/
 padding:0 5% 0 5%;
	/*display: inline-block;
	vertical-align: top;*/
	white-space: nowrap;
}


#footermenueright{
	/*width:30%;*/
	padding:0 5% 0 5%;
   /*	display: inline-block;
	vertical-align: top;*/
	white-space: nowrap;
}



// * --------------- Footermenü ENDE ------------------ * // 



#copyright{margin: 0 0 0 1%;
	width:950px;
}


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


}

@media screen and (max-width: 850px) {
	
	
#header{
position: relative;
}	
	
#logo{
	position:relative;
	width:100%;
	display: block;
    margin: auto;
   text-align: center;
	
}

	
#titel {
	position:relative;
	width:100%;
	padding: 3% 0 3% 0;
	margin:0;
	display: flex; 
    justify-content: center; 
    align-items: center;
	 text-align: center;
	 
	 }
	 
#container-content{

}
	 
#content-sidebar{
	position: relative;
   width: 90%;
   padding:0;
    margin:5%;
	background-color:#fff;
	color:#000;

	
}

#sidebar{
	position: relative;
   width: 90%;
   padding:0;
   margin:5%;
	background-color:#fff;
	color:#000;

}

	
/*-------------- Menu -----------*/


#mainmenue{
	position:relative;
	/*background-color:#262626;*/
	width:100%;
	margin:0;
	padding:0;
	}	
	
#footermenue-lmr{
   display: block;
	align-items: none;
	justify-content: none;
	  margin: 0; 
  padding: 0;
  	text-align: center;
}	
	
#mainmenue ul {
	display: table;
		align-items:none;
	justify-content: none;
	width: 100%;
	text-align: center;
	/*background-color:#004400;
	width:100%;*/
}
	
#mainmenue ul li {  
	display:block;
	letter-spacing:0.125em; 
	border-bottom:0.063em solid #ffffff;
	padding:0.500em 0 0.500em 0;
	
	}	
	
	
#mainmenue ul li a{
	margin: 0.938em 0.625em;
	color:#fff;
	text-decoration:none;
	list-style-type:none;
	}		

#mainmenue ul li a:hover{
	color:#ffffff;
	left:0;
	}

#mainmenue ul li a:active{
	color:#ffffff;
	}	
	
#mainmenue ul li a:after { 
	background: #ffffff;
	}

/*-------------- Menu ENDE -----------*/	
	
#footermenueleft{
	width:100%;
	padding:0;
	}

#footermenuemiddle{
	width:100%;
	padding:0;
	}

#footermenueright{
	width:100%;
	padding:0;
	}	
	
	
.footermenue{
	position:relative;
	margin: 0 0 1% 0;
	/*background-color:#262626;*/
	}		
.footermenue ul {
	background-color:#212E3C;
	width: 100%;
	padding:0px;
}
	
.footermenue ul li {  
	display:block;
	letter-spacing:0.125em; 
	border-bottom:0.063em solid #BFBFBF;
	padding:0.500em 0 0.500em 0;
	}	
	
	
.footermenue ul li a{
	margin: 0.938em 0.625em;
	color:#fff;
	text-decoration:none;
	list-style-type:none;
	}		

.footermenue ul li a:hover{
	color:#638FBC;
	left:0;
	}

.footermenue ul li a:active{
	color:#33373C;
	
	}	
	
.footermenue ul li a:after { 
	background: #33373C;
	}
	
#copyright{padding:0 3% 0 3%;	
	}
  
}