/* Steuerberater Joachim Goldbeck */
/* CSS Stylesheet */

/* Farben*/
/* #F2F2F2 = hellgrau */
/* #4f4f4f = dunkelgrau */
/* #25146E = dunkelblau */
/* #657BB7 = hellblau */
/* #000066 = dunkel-dunkel blau */

body { 
	font-family: Roboto, Verdana, Arial, sans-serif; text-align: center; width: 96%; font-size: 1.6vw;
	margin: 0 auto;  
	display: flex;  flex-flow: column wrap; justify-content: center; 
}

/* Links */
    a:link 		{ font-weight:light; color:#657BB7; text-decoration:none;}
    a:visited 	{ font-weight:light; color:#657BB7; text-decoration:none;}
    a:hover 	{ font-weight:light; color:#4f4f4f; text-decoration:none;}
    a:active 	{ font-weight:light; color:#000066; text-decoration:underline;}
    a:focus 	{ font-weight:light; color:#657BB7; text-decoration:underline;}



	header {
		margin: 0 1em; 
		background: white;
		display: flex;
		flex-flow: row wrap; 
		justify-content: center; 
	}
	
		#logo { text-align:center; padding: 10px; flex:1; background: white; }
			img.logo { height: 25vmin; width:auto; }
			h1 { font-size: 1.6em; color: #25146E;  margin-top:0.5em;  margin-bottom:0; }
			h2 { font-size: 1.4em; color: #657BB7; text-shadow: 1px 1px #25146E; margin-top:0; margin-bottom:0.5em; }
 
		.contact-content {
			flex:2;  
			background: white; 
			text-align:left;
			display:flex;
			flex-flow: column wrap; 
			justify-content: center;
			align-content: center;
			align-items: stretch;
			padding: 25px 0;
			}
				#contact-details { padding-bottom: 1.5em; white-space:nowrap; }
				#address-details { white-space:nowrap;  }

	main {   
		margin: 1em 1em; 
	}
	
		.map {  
			text-align: center; 
		}
			iframe.gmap { height: 400px; width: 100%; frameborder:0; border: 1px solid black; }

	footer { 
		background:white; text-align: left; font-size:0.8em; flex: auto;
		margin: 0 1.5em; padding: 0;
	}
		
		details { margin-bottom: 0.5em; font-size:0.8em; }
		summary { border:0; font-size: 1em; font-weight:bold; }
		
		ol.level1 { font-size: 1em; list-style-type: decimal;  }
		ol.level1 li { font-weight: bold; margin-top: 1.8em; }
		ol.level1 p { font-size: 0.9em; }
		
		ol.level2 { font-size: 0.9em; list-style-type: lower-alpha;  }
		ol.level2 li { font-weight: bold; margin-top: 1.2em; margin-bottom:0.2em; }	
		ol.level2 p { font-size: 1em; }
		
		ul.level2 { font-size: 0.9em; list-style-type: disc;  }
		ul.level2 li { font-weight: normal; margin-top: 1.2em; margin-bottom:0.2em; }		
		
		ul.level2-no { font-size: 0.9em; list-style-type: none;  }
		ul.level2-no li { font-weight: normal; margin-top: 0.9em; }	
		
		ul.level3 { font-size: 0.9em; list-style-type: disc;  }
		ul.level3 li { font-weight: normal; margin-bottom: 0.2em;  }	
		

		

/*
	@media ( orientation:landscape ) { body { font-size: 1.4vmax; } h1 { font-size: 2.8vmax; } h2 { font-size: 2.5vmax; } }
	@media ( min-width: 680px ) { body { font-size: 2.1vmax; } h1 { font-size: 4.2vmax; } h2 { font-size: 3.5vmax; } }
	@media screen and ( min-width: 1024px ) { body { font-size: 1.3em; } h1 { font-size: 2.5em; } h2 { font-size: 2em; } }
	@media screen and ( min-width: 1280px ) { body { font-size: 1.5em; } h1 { font-size: 2.9em; } h2 { font-size: 2.3em; } }
	@media screen and ( min-width: 1680px ) { body { font-size: 1.5em; } h1 { font-size: 2.9em; } h2 { font-size: 2.3em; } }
*/