f/*serviceseite */

.serviceBtn {
	width: auto;
	border: 0px;
	background-color: transparent;
	color: whitesmoke;
}

 .foto_startseite {
	width: 100%;
	height: auto;
	max-width: 600px;
}


a:link, a:visited {
 
  color: white;
 
}

a:hover, a:active {
  background-color: white;
  color: blue;
}


:hover{color:inherit;text-decoration:none} 

html { 

font-family: 'Open Sans', sans-serif;
 font-size: 100%;
height:100%;

}

body{

/*display: grid;
grid-template-columns: repeat(auto-fill, minmax(20em, 1fr));
background-color: #fefefe;  */
/*background-image: url('../back/uploads/HG/hk_hirber.jpg'); */ 
background-size: cover; 
background-repeat: no-repeat; 
/*opacity: 0.7; */
background-attachment: fixed;
 /*display: flex;
  flex-direction: column;*/
 height: 100%;  
 /*height: 100%;
  display: grid;
  grid-template-rows: auto 1fr auto;
 */ 
 color:white;		
}

.date_info {
	//color: whitesmoke;
	font-size: 1.2rem;
}



.header_top {
	font-size: 5rem;
	//color: whitesmoke;
	margin-top: 20px;
}


.fliesstext {
//	color: whitesmoke;
	font-size: 0.9rem; 
    margin-left:25px;
    margin-right:25px;
}

 .gbild {
filter:alpha(opacity=50); /* IE */
opacity:0.5; /* allgemein */
-moz-opacity:0.5; /* Mozilla */
-khtml-opacity:0.5; /* KTHML */
-opera-opacity:0.5; /* Opera */
border: 1px solid #000;
}

 
.untertitel {
font-size: 0.9rem;
color: #bdb7b7;
background-color: #4a646f;
background-blend-mode: luminosity;
max-width: 300px;
margin-left: auto;
margin-right: auto;
}


.header {


font-size: 1.8rem;
padding-top: 15px;
//color: whitesmoke;
}


.subheader {
	font-size: 1.4rem;
}


 .vertical-center {
  margin: 0;
  position: absolute;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);

}


 .center {
  margin: 0;
  position: relative;
  //top: 80px;
  

}



.fliesstext, .live{
	margin-top: 15px;
	color: black;
	background: floralwhite;
/*	opacity: 0.9;  */
	border-radius: 2px;
}

 .live {
 margin-top:0px;
 }
 .video {
 /*opacity:1.0;*/
 
 }




/*links das archiv für user*/

.archivlinks {
grid-column: 1;
grid-row: 2 ;

}
.kasten {
grid-row: 2;
grid-column: 3;
text-align: right;

}
 .alt {
font-size: .8em;
}
article {

grid-column: 1 / -1; 
grid-row: 2 /span 2;
padding: 12px;
margin-left: auto;
margin-right: auto;
background: hsla(5, 100%, 100%, 0.95);
border-radius: 5px;

 /* background-image: url("includes/icons/hofkabinett_bgw.gif");*/  
}



 .full{
 
 /*background-color:ghostwhite;*/
 max-width:100%;
 }


 .fullscreen {
 
 max-width:100%;
 }


/*NEWS*/



.fotoausgabe {

    padding: 10px;


}

 .newsfoto  {
  
display:inline;
max-width: 250px;
margin-left: 10px;
margin-right: 10px;


   }
   

.news_datum {

font-size: 1.1em;
color: darkgrey;
font-weight: bold;



}

.news_titel {

font-size:14pt;



}





.news_data {

grid-row:4;
grid-column: 1 / -1;
font-size:1em;

}

.news_detail {
text-align: center;
font-size: 0.9rem;
padding: 10px;
}


#news {
  grid-column: 1 / -1;

    padding:12px;
    text-align:center;		
}


 .content {
  flex: 1 0 auto;
}
 /*
.products > .row {
  display: flex;
  flex-wrap: nowrap;
  overflow-x: auto;
}

.products > .row > .col-xs-4 {
  flex: 0 0 auto;
}

.scroll {
  display: flex;
  flex-wrap: nowrap;
  overflow-x: auto;
}

 .col-xs-4 {
  flex: 0 0 auto;
}
 */


#footer {

/*grid-column: 1 / -1; */

 /*position:absolute;
 bottom:0;  */
 width:100%;
 /*height: 2.5 rem;*/
/* background-color:grey; */
 padding-left: 10px;
padding-right: 10px;
text-align:center;
background:#ababab;
color:black;

}

.white {
	color: whitesmoke;
}



.menu {

float:left;
text-align:center;
padding-bottom:0px;

}



/****
button {

 color:midnightblue;

width:50px;
 padding:10px;
 margin:3px;
font-size: 1.5rem;    
background-color: ghostwhite;
text-align:center;

 
 }
 
 ****/
 button {

 width:40px;
 padding:5px;
 margin:1px;
font-size: 1.5rem;    
background-color: ghostwhite;
text-align:center;

 
 }
 
 .button_archiv {
 width: auto;
font-size: 0.9em;
 padding:0px;
 margin:1px;
background-color: ghostwhite;
text-align:center;
  
 
 }
 


 .Ordner   {
background-image: url('../img/ordner_g.jpg');
float: left;
display: table-cell;
background-position: center center;
background-repeat: no-repeat;
height: 700px;
width: 160px;
color: black;
border: 0px solid red;
font-size: 0.9em;
padding: 5px;
margin: 10px;
text-align: center;


  }
  
.ordnerhead {
font-size: 1.7em;
margin-bottom: 12px;
margin-top: 50px;
}

.ordnerdetail {
font-size: 0.9em;
padding-top: 2px;
}
 
 
 .odet   {
font-size: 0.9em;
padding-top: 1px;
width: 130px;
background-color: moccasin;
}
 
  .neues , .kontakt, .anmelden, .cookie  {
 background-color:transparent;

}

.info {
border: 0px solid red;
	background-color: transparent;
	font-size:1.0em;
	color: whitesmoke;
	font-style: italic;
	text-align:center; width:auto; display:inline;

}


.top {
background-color: gray;
color: whitesmoke;
font-size: 0.9rem;

}

.knopf {

 padding:3px;
 margin:1px;
font-size: 1.1rem;    
background-color: ghostwhite;
text-align:center;
width:auto;



}

.schliessen {

width:100%;
height: 25px;
font-size:1.0rem;
padding:2px;



background-color: transparent;
border:0px solid #afafaf;
/*color:#696969;*/
}

.schliessen_schwarz {
width:100%;
height: 25px;
font-size:1.1rem;
padding:2px;
background-color: #f2eded;
border:1px solid #9b8b8b;
color:midnightblue;
}


.loginfehlerschliessen {

width:100%;
height: 25px;
font-size:1.1rem;
padding:2px;


background-color: #f2eded;
border:1px solid red;
color:red;
}

.alert {


color:red;

}


.hkbildschliessen {

width:100%;
height: 25px;
font-size:1.0rem;
padding:4px;
text-align:right;


/*background-color: #f2eded;
border:1px solid #9b8b8b;
color:midnightblue;  */
}

 .main     { color: #ff0000;}
.hilfe     { color:#ff9933;}
.shop   { color:#1111ff;}
.archiv   { color:#006633;}  
.login      { color:#336699;}
.logout      { color:#effff6;}



 .galerie {
 
color:midnightblue;
width:auto;
padding:10px;
margin:0px;
font-size: 1.0rem;    
background-color: transparent;
text-align:center;
border:0px solid black;
 }

 .hktitel   { color:midnightblue;
width:100%;
padding:10px;
margin:0px;
font-size: 2.0rem;    
background-color: transparent;
text-align:center;
border:0px solid black;

}


.pw_neu_ja_button {

color:midnightblue;

width:70px;
 padding:15px;
 margin:3px;
font-size: 2.0rem;    
background-color: ghostwhite;
text-align:center;

}

.loginzusatz
{
font-size:0.7rem;

}


.loginzusatz_neueruser_button {

border-bottom:1px solid grey;
background-color: ghostwhite;
padding:10px;
font-size: 1.0rem;
color: #afafaf;
width:45px;

}

.loginzusatz_pw_reset_button {

border-bottom:1px solid grey;
background-color: ghostwhite;
padding:10px;
font-size: 1.0rem;
color: #afafaf;
width:45px;

}


.neueruser_text {
color: #afafaf;
text-align:left;
font-size:0.9rem;

}
.pw_reset_text {
color: #afafaf;
text-align:right;
font-size:0.9rem;

}

.headicons {

 border: 0px solid grey;
 background-color:transparent;
 color:grey;
 padding:5px;
 margin:4px;
 font-size: 1.8rem;
 text-align:center;



}


.inputboxBreit {
border: 1px solid gray; 
margin-top: 10px;
font-size: 20px;
padding: 5px;

}


#neues, #anmelden, #kontakt, #cookie  {


border-bottom:0px solid grey;
padding:0px;
}



#login, #pw_reset  {


border-bottom:0px solid grey;
background-color: #transparent;
padding:0px;

}


#archiv       {

max-width:90%;
border-bottom:0px solid grey;
background-color: transparent;
padding:0px;
padding: 0px;

margin-left: auto;

margin-right: auto;

}



.loginform {
font-size:1.1rem;
padding:2px;
border-radius:1%;

}

 .loginbutton {
 color:midnightblue;

width:50px;
 padding:10px;
 margin:3px;
font-size: 1.5rem;    
background-color: ghostwhite;
text-align:center;

}


.pw_reset_button {




}

.einverstanden_button {

border:0px solid grey;
background:transparent;
font-size:0.7rem;
width:auto;
padding: 0px;
margin: 0px;
text-align:left;
color:#bd6d6d;
cursor: pointer;
}





.loginanzeigen  {
 color:midnightblue;

width:40px;
 padding:10px;
 margin:3px;
font-size: 1.0rem;    
background-color: ghostwhite;
text-align:center;

}



.loginextra {


text-align:center;


}

#main {
text-align:center;

}

.error{ color:red; font-size: 20px; }



.nachricht {

grid-column: 2 / -2;
text-align:center;

}

 
 .uberschrift {
 
font-size:2rem; 
 color:#333;
 }

 .active  {
 
 border: 0px solid red;
  background-color:#ffeeee;
 
 }
 
 
.homestuff {

 border: 1px solid grey;
 background-color:transparent;
 color:grey;
 float:left;
 padding:40px;
 margin: 20px;
 min-width: 200px;
 font-size:1em; 
}

 

 
 
 
 
 a {
  text-decoration: none;
 /* border-bottom: .1em solid #9B1111;  */
  color:#9B1111;
  font-weight:heavy;
}

.frontfoto {
 
  width: 100%;
  height: auto;

}


.portrait{
opacity: 1;
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 220px;
  height: auto;
  transition: .5s ease;
  backface-visibility: hidden;
  overflow: auto;    
  }
  
  
  .landscape{
opacity: 1;
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-height: 320px;
  height: auto;
  transition: .5s ease;
  backface-visibility: hidden;
  overflow: auto;    
  }
  
  
  .desc {
  
  font-size:0.8em;
  
  }
  
  
  
  .impressum, .help {
  
grid-column: 1 / -1; 
 grid-row: span 2;
padding: 12px;
margin-left: auto;
margin-right: auto;
border: 0px solid grey;  
  
  }
  
  
  
  
  
  

#hilfe{

border-bottom:0px solid grey;
background-color: transparent;
}

/*
.hilfediv {
display:grid;
grid-template-columns: repeat(auto-fill, minmax(133px, 1fr));
grid-gap: 1em;
background-color:transparent;
grid-auto-flow: dense;

}
*/

.hilfediv {

display:grid;
grid-template-columns: repeat(auto-fill, minmax(200px, 2fr));
margin:4px;
 
}

.hilfetext {


padding:2px;
border: 1px solid grey;
margin:5px;


}

.icon {
float:left;
}


.htext {
font-size: 0.8rem;
text-align: left;
display: inline;

}


.clear { clear: both; }


.suchergebnis_total {

display:flex;
flex-wrap: wrap;


}




.suchergebnis {


font-size:0.9em;
margin-bottom: 5px;
margin-right: 5px;
padding:12px;
display: block;
border-bottom: 1px solid grey;
border-right: 1px solid #dedede;
background-color: #fffcef;
max-width: 250px;



}
  
 .headline {
 font-weight:bold;
 
 } 
 
 
 .suchbox {
 
 text-align: center;
 /*padding:5px;
 border-bottom: 1px solid grey;
background-color: #efdede;
padding: 30px;
font-size:1.1em;
*/
 }
  
  
  .texteingabe {
  
  font-size:1.1rem;
    
  }
  
  
  
div.galerie {
  margin: 2px;
  padding:5px;
  border: 1px solid #ccc;
  max-width: 250px;
  background: rgb(252, 253, 252);
  margin-left:auto;
  margin-right:auto;
}

div.galerie:hover {
  border: 1px solid #777;
}

div.galerie img {
  width: 100%;
  height: auto;
}



div.desc {
  padding: 5px;
  text-align: center;
}


  
  
  
  /*CHECKBOXEN  */
 
  
</style>