/* Stylesheet für HUH-BILDER-Galerie */

/* ====================================================  GLOBAL DEFINITION  ==================================================== */
@media screen and (max-width: 800px){
.content{font-size:1.5em}
}

@media screen and (min-width: 1200px){ 
.content{font-size:2em} 
}

@media screen and (min-width: 1900px){ 
.content{font-size:2.5em} 
}

.gabo { background-color: "#93ADC8"; }

 #gallerywrapper { border: none; width:920px; height:680px; margin:0 auto; position:absolute; font-family:verdana, arial, sans-serif; color:#404040; overflow-y:hidden; } 

 #gallerywrapper #gallery { border: none;  width:920px; height:680px; position:relative; overflow-y:hidden;  } 

 #gallerywrapper #gallery div { border: none;  width:920px; height:680px; position:relative; padding-top:10px; padding-left:10px; } 

 #gallerywrapper #gallery div img { border: none; clear:both; display:block; margin:0 auto;  } 

 #gallerywrapper #gallery div h3 { padding:10px 0 0 0; margin:0; font-size:18px; text-align:center;} 

 #gallerywrapper #gallery div p { padding:5px 0; margin:0; font-size:12px; line-height:18px; } 

 #gallery .previous{ display:inline; float:left; margin-left:80px; text-decoration:none; } 

 #gallery .next{ display:inline; float:right; margin-right:80px; text-decoration:none; }

/* BORDER=>border: .5em solid red;  .5em solid green;  .5em solid blue;  .5em solid yellow;  none; */

/* Style buttons */
.btn {
  background-color: LightBlue; /* Blue background */
  border: none; /* Remove borders */
  color: #404040; /* White text */
  padding: 4px 4px 4px 4px; /* Some padding */
  font-size: 16px; /* Set a font size */
  cursor: pointer; /* Mouse pointer on hover */
}

/* Darker background on mouse-over */
.btn:hover {
  background-color: RoyalBlue;
}

.releiste {   background-color: "#93ADC8"; width:920px; height:680px; border: none; overflow-y: scroll; /* Add the ability to scroll */ }

/* rechte Scrollleiste unterdrücken */
/* Hide scrollbar for Chrome, Safari and Opera */
.releiste::-webkit-scrollbar { display: none; }

/* Hide scrollbar for IE, Edge and Firefox */
.releiste {
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
}
   
/* ====================================================  HEADER  ==================================================== */
/* ====================================================  CONTENT  ==================================================== */
/* ====================================================  NAV  ==================================================== */
/* ====================================================  FOOTER  ==================================================== */
/* ====================================================  LAYOUT  ==================================================== */