@charset "UTF-8";

/* Theme Name: Himmelklar Theme 2024
   Theme URI: https://himmelklar.at
   Description: Himmelklar Theme 
   Version: 24.1.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: normal;
    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_regular';
    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:#121C2C;letter-spacing: 0.15em;text-transform: uppercase;}
h2 {font-size: 1.5em; color:#121C2C;letter-spacing: 0.15em;text-transform: uppercase;}
h3 {font-size: 1.3125em; color:#121C2C;letter-spacing: 0.15em;text-transform: uppercase;}
p {font-size:0.875em; }
a {font-size:0.875em; text-decoration: none; letter-spacing: 0.15em; color: #000000;}


* {
  box-sizing: border-box;
}


html, body{
	background-color: #ffffff;
	color:#000000;
	font-family:'open_sanslight';
    
}

#wrapper{
	
	margin: auto;
	max-width: 1200px;
	
}

#header{
	width:100%;
	margin: auto;
	max-width: 1200px;
	padding-top:3%;
}


#box-left{
	text-align: left;
	padding-top:3%;
	text-transform: uppercase;
  	text-decoration: none;
 	letter-spacing: 0.15em;
	color: #000;
}

#box-logo{
	
	
}

#box-right{
	
}


.row {
  width: 100%;
  text-align: center;
}

.column {
  width: 33%;
  min-width: 280px;
  vertical-align: top;/*Fix for different     height elements*/
  margin-bottom: 10px;
  display: inline-block;

 }
.align-right {
  text-align: right;
}

hr{
	border: 0.5px solid #d2d4d7;
	
}




/*-------------- Menu -----------*/
#mainmenue{}


#mainmenue ul { 
  margin: 15px auto 0; 
  padding: 0; 
  list-style: none; 
  display: table;
  width: 100%;
  text-align: center;
}

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

#mainmenue ul li a {
  color: #000;
  text-transform: uppercase;
  text-decoration: none;
  letter-spacing: 0.15em;
  display: inline-block;
  padding: 15px 20px;
  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:after { 
  width: 100%; 
  left: 0; 
}

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


#content{}



#footer{
	width:100%;
	padding: 3% 0 0 0;
}

#footerheader{
	padding: 0 0 5% 0;
	
	
}

#footerlogo{
	width:5%;
	display: inline-block;
}

#footerbrand{
	width:70%;
	display: inline-block;
	text-transform: uppercase;
  text-decoration: none;
  letter-spacing: 0.15em;
}

#footerback2start{
	text-align: right;
	width:24%;
	display: inline-block;
	margin:0 0 0 0;
}

#footermenueleft{
	width:15%;
	display: inline-block;
	vertical-align: top;
	padding: 5% 0 5% 0;
	}

#footermenuemiddle{
	width:25%;
	display: inline-block;
	vertical-align: top;
	padding: 5% 5% 5% 0;
	}

#footermenueright{
	width:25%;
	display: inline-block;
	vertical-align: top;
	border-right: 0.5px solid #d2d4d7;
	padding: 5% 5% 5% 0;
	}

.footermenue{
	padding:0 0 0 0;
	
	margin: 0 0 10% 0;
}

.footermenue ul {
	list-style: none;
	padding-left: 0px;
	margin:0;
}

.footermenue ul li {
	padding: 0 0 5% 0;
}


.footermenue ul li a {
	text-decoration: none;
	color:#000;
	letter-spacing:0px;
}



#contact{
	display: inline-block;
	vertical-align: top;
	align: right;
	padding: 5% 0 5% 10%;
	font-size:14px;
	line-height: 200%;
	}


#copyright{
	width: 100%;
	padding: 0 0 3% 0;
	font-size:14px;
}









@media screen and (max-width: 1220px) {
	#wrapper{
	padding:0 1% 0 1%;

	}
		
	#header{
	padding:3% 1% 0 1%;
	}
	
}

@media screen and (max-width: 850px) {
  .columns {
    width: 100%; 
  }
	
.column {
  width: 100%;

 }

	
#box-left{
	display:none;

	}
		
	
#box-logo{
	margin-top:7%;
}	
	
	hr{
		display: none;
	}

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


#mainmenue{
	position:relative;
	/*background-color:#262626;*/
	}		
#mainmenue ul {
	background-color:#121C2C;
	width: 100%;
}
	
#mainmenue ul li {  
	display:block;
	letter-spacing:0.125em; 
	border-bottom:0.063em solid #BFBFBF;
	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:#267FB1;
	left:0;
	}

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

/*-------------- Menu ENDE -----------*/
	
	
	
#footerlogo{
	margin:0 0 0 45%;
}

#footerbrand{
	width:100%;
	text-align: center;
}

#footerback2start{
	width:100%;
	
}

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

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

#footermenueright{
	width:100%;
	padding:0;
	}
	
	
	
	
/*-------------- Footer Menu -----------*/


.footermenue{
	position:relative;
	margin: 0 0 1% 0;
	/*background-color:#262626;*/
	}		
.footermenue ul {
	background-color:#121C2C;
	width: 100%;
}
	
.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:#267FB1;
	left:0;
	}

.footermenue ul li a:active{
	color:#267FB1;
	}	
	
.footermenue ul li a:after { 
	background: #267FB1;
	}

/*-------------- Footer Menu ENDE -----------*/	
	
	
#contact{
	
	padding: 5% 1% 5% 1%;
	}	
	
}