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

Stylesheet für die Website der Lippischen Landeskirche

unter "https://www.lippische-landeskirche.de"  

Datei: llk2024-zwei-spalten.css

Datum: 01.04.2025

Autor: Klaus Vogler

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

body {
}

@media screen {

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




textblock {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
align-items: stretch; 
	grid-column-gap: 8%;
	grid-row-gap: 2em;

	margin-bottom: 0em;
	//background-color: rgba(0,83,158,0.1);
	padding: 0em; 	
	
}

.textblock > .article {
position: relative; }

// Row Lines

.textblock > .article::after {
content: ""; 
background-color: red; 
position: absolute; 
width: 100%; 
height: 3em; 
top: 0; 
left: 0; 
}

// Column Lines

.textblock > .article::before {
content: ""; 
background-color: red; 
position: absolute; 
width: 3em; 
height: 100%; 
top: 0; 
left: 0; 
}



h4 {background-color: rgba(0,83,158,0.2); padding: 1em 1em; margin: 0em; }

section.sidebar_left {
display: none;
}




/* ========================== Layout unter 1100 =========================================*/


 @media only screen and (min-width: 790px) and (max-width: 1100px){


}
/* ========================== Layout unter 789 =========================================*/

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

body {

}

main {
display: grid;
grid-template-columns: repeat(1, 1fr);
	grid-column-gap: 1em;
	grid-row-gap: 1em;
	margin-bottom: 0em;
}

textblock {
display: grid;
grid-template-columns: repeat(1, 1fr);
	grid-column-gap: 4em;
	grid-row-gap: 2em;
	margin-bottom: 0em;
	background-color: rgba(0,83,158,0.1);
	padding: 2em; 	
}


section.sidebar_left {
display: none;
}