/** ################################################
 * Copyright
 * Christiana Spellerberg
 * Zum Donnerberg 1
 * 34414 Warburg
 * info@spellerberg-warburg.de
 * http://spellerberg-warburg.de
 * PQM Spellerberg
 * ###############################################
 * blau: #005a8c  #005a8c
 * */
 
 
@media screen {    														/* mobile first alle Größen und bis 30rem ca 480px - nur Bildschirmausgabe*/
			
/* -cs------------------------------------------------------------------ html  * */
/* -cs------------------------------------------------------------------ body * */
/* -cs------------------------------------------------------------------ Wrapper  * */
#Wrapper header.seiten_header figure {
	display:none;
	}
	
/* -cs------------------------------------------------------------------ grid area  * */    
/* -cs------------------------------------------------------------------ Hyperlinks * */  
/* -cs------------------------------------------------------------------ Grafiken  * */
/* -cs------------------------------------------------------------------ Überschriften * */
/* -cs------------------------------------------------------------------ header * */
header.seiten_header h1 {
	font-weight: bold;
	padding: 0 0 10px 0;
}
/* -cs------------------------------------------------------------------ nav MainMenu * */
nav.mainMenu ul {
	text-align:start;
	border-bottom:2px solid #005a8c;
	}
	
/* -cs------------------------------------------------------------------ Main  * */	

main article.content section address dl dd a,
main article.content section p a {
	color:#005a8c;
	text-decoration:underline;
	font-weight:normal;
	}
	
/* -cs------------------------------------------------------------------ content  * */
article.content {
	grid-column:1/-1;
	}		
	
article.content section p {
	margin: 15px 0 5px;
	margin: 1.5rem 0 0.5rem;
}	

.content > section:nth-child(n) {
	margin:0 0 10px 0;
  margin:0 0 1rem 0;
}

aside.adress-right {
	display: grid;
	grid-template-columns: auto 1fr;
	grid-row:1;
}
aside.adress-right address {
	padding:0 0 0 10px;
	padding:0 0 0 1rem;
 	font-size:1rem;
 	line-height:1.5;
	align-self:end;
	}	

aside.adress-right figure img {
	border-radius: 5px;
	box-shadow: 0 4px 8px rgba(0,0,0,.2);
}	


/* -cs------------------------------------------------------------------ Content Listen  * */	
/* -cs------------------------------------------------------------------ footer * */	
.menu_footer ul {
	background-color:#005a8c;		
	}

/* -cs------------------------------------------------------------------ einzelne Seiten  * */
/* index */
#Wrapper.index header.seiten_header {
	border-bottom: 2px solid #005a8c
}	

#Wrapper.index nav.mainMenu	{
	visibility: hidden;
	}
	
/* datenschutz, impressum */
#Wrapper.datenschutz main,
#Wrapper.impressum main {
	font-size: 80%;
}

#Wrapper.datenschutz main p,
article.content section.bildnachweis p,
article.content section.agentur p,
article.content section.rechte-dritter p {
	margin:unset;
	}
	
#Wrapper.impressum dl {
  display: grid;
  grid-template-columns: auto 1fr;  
  line-height: 1.4;
  column-gap:5px;
  column-gap:0.5rem;  
}
#Wrapper.impressum dt {
  grid-column: 1;
  font-weight: bold;
}
#Wrapper.impressum dd {
   grid-column: 2;
 }	

	
@media (min-width: 30rem) { 											/* min-width 30 rem ca 480px bis 800px */
/* -cs------------------------------------------------------------------ Wrapper  * */
#Wrapper header.seiten_header figure {
	display:unset;
	padding:10px;
	padding:1rem;
	}

/* -cs------------------------------------------------------------------ header * */
header.seiten_header {
	grid-template-columns: 1fr auto;
}
/* -cs------------------------------------------------------------------ nav MainMenu * */
nav.mainMenu ul {	
	margin:10px;	
	margin:1rem;
	padding:0 0 0 10px;
	padding:0 0 0 1rem;
	}

/* -cs------------------------------------------------------------------ Main  * */	
main {
	padding:10px;
	}

/* -cs------------------------------------------------------------------ content  * */
aside.adress-right address {
	justify-self:start;
	}

aside.adress-right {
	justify-self:end;
	}	

.content > section:nth-child(n) {
	grid-column: 1/6;
	}
/* index */	
#Wrapper.index .content > section:nth-child(n) {
	grid-column: 1/5;
}	
/* -cs------------------------------------------------------------------ footer * */	

	
/* -----------Ende 30rem-------------------------------------- */
}

@media (min-width: 50rem) { 											/* min-width 50 rem ab ca 800px */ 
aside.adress-right {
	display:unset;
	grid-column:5;
	grid-row: 1;	
}

article.content {	
	display: grid;
	grid-template-columns:repeat(5, 1fr);
	}

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

	




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


	

	

	

	


}