/* ################################################
 * Copyright
 * Christiana Spellerberg
 * Zum Donnerberg 1
 * 34414 Warburg
 * info@spellerberg-warburg.de
 * http://spellerberg-warburg.de
 * Musterfirma
 * ###############################################*/


/* ####################### Allgemeine Formatierung #####################
 * Farbe :
 * */
 
img {border: 0}
.float_links {float:left; }
.float_rechts {float:right; }
.clear_both{clear:both;}
.absatz {padding:10px 0 0 0 ;}
.absatz_gross {padding:25px 0 0 0;}
.zentriert {text-align:center;} 
.hidden {display:none;}
hr {color:#cecece;}
.nowrap { white-space: nowrap; }
/* *** -------------------------- Hervorhebungen */

small {font-size:70%;}
.hervor,   
em {color:#FF0000;} 
.strong,     												/* hervorgehobener Text */
strong {font-weight:bold;}          									/* besonders wichtiger Text */

@media screen {    														/* mobile first alle Größen und bis 30rem ca 480px - nur Bildschirmausgabe*/
			
/* -cs------------------------------------------------------------------ html  * */
 
 html {font-size:62.5%;													/* html Elemente 62.5% font-size um REM zu nutzen */
   overflow-y:scroll;
   } 

/* -cs------------------------------------------------------------------ body * */

 body {
    background-color:#fdfdfd;
    font-family:Verdana,Liberation Sans,sans-serif; 
    color:#444;
    height:101%;
    font-size:16px;
    font-size: 1.6rem;
    max-width:122rem;
    margin: 0 auto;
    line-height:1.5;
    }  
/* -cs------------------------------------------------------------------ Wrapper  * */
    
#Wrapper {
	display:grid;
	grid-template-columns: repeat(2, 1fr);
	grid-template-areas: "head head"
						"nav nav"	
						"main main"
						"foot foot";
	grid-template-rows: auto auto 1fr auto;
	padding:0 1rem;			
	}    

/* -cs------------------------------------------------------------------ grid area  * */

header.seiten_header {grid-area:head;}	
nav.mainMenu {grid-area:nav;}
main {grid-area:main;}
footer {grid-area:foot;}
.sidebar {grid-area:sidebar;}
article.content {grid-area:content;}	
    
/* -cs------------------------------------------------------------------ Hyperlinks * */    

a:link {
	color:#444;
	text-decoration:none;
}

a:visited {
color:#444;
}

a:hover {
   background:#cecece;
   color:#444;
}

a:active {
    background:#cecece;
    color:#444;
}  

a.pdf::after {
		content:' 'url(../media/grafiken/pdf-icon.jpg);
		}
a.ext::after{}

/* -cs------------------------------------------------------------------ Grafiken  * */

.content img {
	width:auto;
	}

figcaption {
	font-size: 70%;
}

/* --------------------------------------------------------------------- Überschriften * */

h1 {
	font-size:110%;
	font-weight:bold;
	color:#444;
	margin-bottom:5px;
	}
	
h2 {
	font-weight:bold;	
	}
 
h3 {
	padding:10px 0 0 0 ;
	font-weight:bold;
	}
	
h4 {}
h5 {}	

/* --------------------------------------------------------------------- header * */
header.seiten_header {
	display:grid;
	gap:2rem;
	}
	
header.seiten_header p{
	font-size:70%;
	align-self:end;
	justify-self:end;
	}		

/* --------------------------------------------------------------------- nav MainMenu * */

span.AktuelleSeite {color:#cdcdcd;}
	
nav.index_menu li.active {
	background-color:#cecece;
	}
nav.mainMenu {
	width: 100%;
	margin:0 auto 0 auto;        
    max-width:1220px;
    max-width:122rem;       
    padding:0;
}

nav.mainMenu ul {
	display: grid;
	grid-auto-flow: column;
	text-align:center;
	}
	
.menu_footer a	{
	color: #fdfdfd;
	}	

/* -cs------------------------------------------------------------------ Main  * */
main {
	-webkit-hyphens: auto; 
	hyphens: auto; 
	}
	
/* -cs------------------------------------------------------------------ Content Listen  * */

article.content ul li::before{
	content: '- \00A0 \00A0';
	margin-left: -2.1rem;
	}

article.content ul {
	padding: 0 0 0 2.5rem;
	}	

/* -cs------------------------------------------------------------------ sidebar  * */

aside.sidebar article h1 {
	background: #3e3737;
	color: #fdfdfd;
	text-align: center;
	padding: 16px;
	font-size: 16px;
	letter-spacing: -1px;
	font-weight: 700;
	text-transform: uppercase;
	line-height: 19px;
}


	
/* --------------------------------------------------------------------- footer * */

footer {    
    padding:5px 0;
    padding:0.5rem 0;
    background:#fdfdfd;
    }
    
footer p{    
    font-weight:bold;
    color:#fefeff;
}    

.menu_footer ul{
    margin: 10px;
    margin: 1rem;
    display: grid;
grid-auto-flow: column;
background-color:#3e3737;
}


.menu_footer ul li{
	padding:0 5px;
	padding:0 0.5rem;
	margin:0 auto;
	}
	
footer a {

	font-weight: bold;
	}		
	

	
@media (min-width: 30rem) { 											/* min-width 30 rem ca 480px bis 800px */






}	
	
	
	
	
	
	
	
@media (min-width: 50rem) { 											/* min-width 50 rem ab ca 800px */ 



body {
	
	background-color:#fdfdfd;
	}
/* -cs------------------------------------------------------------------ Wrapper  * */	
#Wrapper {
	grid-template-columns: repeat(5, 1fr);
	grid-template-areas: "head head head head head"
						"nav nav nav nav nav"
						"main main main main main"
						"foot foot foot foot foot";	
	grid-template-rows: auto 3.6rem 1fr auto;
	padding:10px;
    padding:1rem;
	background-color:#fdfdfd;	
	box-shadow: 0 30px 35px -10px #000;
	margin:1rem auto
	}

main{
	display:grid;
	grid-template-columns:1fr 1fr 1fr 1fr 25%;
	column-gap:1rem;
	margin:0 10px 0 10px;
	margin:0 1rem 0 1rem;
	
	}
main {
	grid-template-areas: " content content content content content";
	grid-template-rows: auto;
	}


/* -----------Ende 50rem-------------------------------------- */
}





/* ----------------------- Anmerkung ChS 22.01.2021 14:28:25 CET ---------------- 
 * Ende Media Screen
 *  */
}