/* =================================================

Stylesheet Zusatz Startseite für die Website der Johannes a Lasco Bibliothek

unter "http://www.jalb.de"  

Datei: styles.css

Datum: 2. Mai 2019

Autor:  Klaus Vogler

================================================== */


section.main {

	float: left; 

	width: 100%;

	margin: -12% 0% 3% 0%;
	padding-right:0%;

}

section.list {
margin: 0 0 0 0%;
padding: 0 0% 0 0;

}


article {

	padding: 1em 0em;

}

section.navi_path a {

color:#ffffff;
}

section.navi_path {
	position:relative;
	font-size:3.5em;
	font-weight:bold;
	padding:0% 0 0.5% 3%;
	margin-bottom:2.2em;
	z-index:3;
	margin-top:-1.5em;
	width:auto;
	
	max-width: 1300px;
	
	
}
#navi_path_right a { color: rgb(123,0,17); }
#navi_path_right {
	text-align:right;
	float:right;
	margin-top:0.5em;
	
	font-size: 1em;
	font-size: 1rem; 
	font-size: 40%;
	
	padding:0.5em;
	background-color: rgba(153,153,153,0.7)
	}

#content_text2_lead {color:#FFFFFF;}

#content_text3 {
	
	margin-right:-1%;
	
}
#content_text2 {
	position:relative;
	visibility:!important;
	font-size:1.5em;
	line-height:1.2em;
	color: #ffffff;
	padding:0% 2% 0 2%;
	margin: -25% 0 0 40%;
	z-index:3;
	width: 45%;
	
	text-align:right;
	float:right;
	background-color: rgba(153,153,153,0.7)
}

#element2 h3 {padding: 2% 2% 2% 2%; margin: 0 -1% 0 -1%; background-color: rgba(123,0,17,0.9); color: rgba(255,255,255,1); font-weight:700; text-decoration:none;font-size: 1.3em;
	}
	#element1 h3 {padding: 5% 2% 5% 2%; margin: 0em 0 0em 0; background-color: rgba(153,153,153,0.9); font-weight:700;font-size: 1.3em;}
	

#element {
	
height: 17em;
overflow:hidden;	
}
#element2 {

display:none;
    visibility: hidden;
	 opacity: 0;
-webkit-transition: opacity 600ms, visibility 600ms;
            transition: opacity 600ms, visibility 600ms;
			padding:2% 3% 1% 3%;
			margin:0%;
}
#element2 h3 a {color:#FFFFFF; text-decoration:none;}
#element:hover #element2 {
	background-color:rgba(50,67,68,0.7);
	background-color:rgba(153,153,153,0.9);
	height: 17em;
display:block;
visibility: visible;
    opacity: 1;
-webkit-transition: opacity 600ms, visibility 600ms;
            transition: opacity 600ms, visibility 600ms;
}
#element:hover #element1 {
display:none;

    visibility: hidden;
	 opacity: 0;
	 margin:0;
	 padding:0;
-webkit-transition: opacity 600ms, visibility 600ms;
            transition: opacity 600ms, visibility 600ms;
}

#bildmitbildunterschrift img {
    display: block;
	width:100%;
}
#element1a  {background-image: url(https://www.jalb.de/daten/Image/Bild_Upload_Orig/23402_org.jpg); background-repeat:no-repeat; height:17em;}
#element1b  {background-image: url(https://www.jalb.de/daten/Image/Bild_Upload_Orig/23470_org.jpg); background-repeat:no-repeat; height:17em;}
#element1c  {background-image: url(https://www.jalb.de/daten/Image/Bild_Upload_Orig/23471_org.jpg); background-repeat:no-repeat; height:17em;}
#element1d  {background-image: url(https://www.jalb.de/daten/Image/Bild_Upload_Orig/23477_org.jpg); background-repeat:no-repeat; height:17em;}
#element1e  {background-image: url(https://www.jalb.de/daten/Image/Bild_Upload_Orig/23482_org.jpg); background-repeat:no-repeat; height:17em;}
#element1f  {background-image: url(https://www.jalb.de/daten/Image/Bild_Upload_Orig/23486_org.jpg); background-repeat:no-repeat; height:17em;}

#element2a  {background-image: url(https://www.jalb.de/daten/Image/Bild_Upload_Orig/23402_org.jpg); background-repeat:no-repeat; height:17em;}
#element2b  {background-image: url(https://www.jalb.de/daten/Image/Bild_Upload_Orig/23470_org.jpg); background-repeat:no-repeat; height:17em;}
#element2c  {background-image: url(https://www.jalb.de/daten/Image/Bild_Upload_Orig/23471_org.jpg); background-repeat:no-repeat; height:17em;}
#element2d  {background-image: url(https://www.jalb.de/daten/Image/Bild_Upload_Orig/23477_org.jpg); background-repeat:no-repeat; height:17em;}
#element2e  {background-image: url(https://www.jalb.de/daten/Image/Bild_Upload_Orig/23482_org.jpg); background-repeat:no-repeat; height:17em;}
#element2f  {background-image: url(https://www.jalb.de/daten/Image/Bild_Upload_Orig/23486_org.jpg); background-repeat:no-repeat; height:17em;}



/* ========================== Inhalt (Gestaltung einzelner Elemente) =========================================*/

html {

	
	background-color: #ffffff;


}



.flex-container {
  display:flex;
  flex-direction: column;
  
  
  
}
.flex-item-1 { 
flex-basis:100%;

  order: 2;
}

.flex-item-2 { 
flex-basis:100%;

  flex: 1;
}

@media only screen and (min-width: 790px) and (max-width: 1100px){
#content_text2 {
	
	font-size:1.2em;
	
	margin: -28% 0 0 40%;
	
	
}

	
	
}

@media screen and (min-width: 280px) and (max-width: 789px) {
	#content_text2 {
	
	font-size:1em;
	margin: -8em 0 0 35%;
	width: 65%;
	padding:-1% 2% -1% 1%;
	
} 
section.navi_path {
	
	font-size:1.5em;
	
	
	
}

#element {
	
height: 12em;
overflow:hidden;	
}
#element2 {


			padding:1% 3% 0% 3%;
			}

#element2 h3 {padding: 1% 2% 1% 2%;  font-size: 1.0em; line-height: 1.1em;
	}
	#element1 h3 {padding: 1% 2% 1% 2%; font-size: 1.0em; line-height: 1.1em;}

#element:hover #element2 {
	
	height: 12em; font-weight:400;

}

.kachel p a {
	text-align: center;
	font-weight:400;
	font-size: 0.9em;
	padding:0.1em;
	margin:-0.9em -0.2em;
	color: #fff;
	display:block;

}

#element1a  {background-image: url(https://www.jalb.de/daten/Image/Bild_Upload_Orig/23402_org.jpg); background-repeat:no-repeat; background-position: center; height:12em;}
#element1b  {background-image: url(https://www.jalb.de/daten/Image/Bild_Upload_Orig/23470_org.jpg); background-repeat:no-repeat; background-position: center; height:12em;}
#element1c  {background-image: url(https://www.jalb.de/daten/Image/Bild_Upload_Orig/23471_org.jpg); background-repeat:no-repeat; background-position: center; height:12em;}
#element1d  {background-image: url(https://www.jalb.de/daten/Image/Bild_Upload_Orig/23477_org.jpg); background-repeat:no-repeat; background-position: center; height:12em;}
#element1e  {background-image: url(https://www.jalb.de/daten/Image/Bild_Upload_Orig/23482_org.jpg); background-repeat:no-repeat; background-position: center; height:12em;}
#element1f  {background-image: url(https://www.jalb.de/daten/Image/Bild_Upload_Orig/23486_org.jpg); background-repeat:no-repeat; background-position: center; height:12em;}

#element2a  {background-image: url(https://www.jalb.de/daten/Image/Bild_Upload_Orig/23402_org.jpg); background-repeat:no-repeat; background-position: center; height:12em;}
#element2b  {background-image: url(https://www.jalb.de/daten/Image/Bild_Upload_Orig/23470_org.jpg); background-repeat:no-repeat; background-position: center; height:12em;}
#element2c  {background-image: url(https://www.jalb.de/daten/Image/Bild_Upload_Orig/23471_org.jpg); background-repeat:no-repeat; background-position: center; height:12em;}
#element2d  {background-image: url(https://www.jalb.de/daten/Image/Bild_Upload_Orig/23477_org.jpg); background-repeat:no-repeat; background-position: center; height:12em;}
#element2e  {background-image: url(https://www.jalb.de/daten/Image/Bild_Upload_Orig/23482_org.jpg); background-repeat:no-repeat; background-position: center; height:12em;}
#element2f  {background-image: url(https://www.jalb.de/daten/Image/Bild_Upload_Orig/23486_org.jpg); background-repeat:no-repeat; background-position: center; height:12em;}	 
	 
 }

 @media screen and (min-width: 280px) and (max-width: 789px) {
.kachel {

	float: none;

	width: 100%; 


	text-align: center;


}
}