/*
	Standard-CSS Datei Fahrschule Neubert
*/


	body {
		color: #000;
		font-family: 'Source Sans Pro', sans-serif;
		font-size: 16px;
		background-color: #fff;
		min-width: 220px; 
	}
	html, body {width: 100%; margin:0; padding:0;}
		
	.container {
		display: -webkit-flex;
		display: flex;
		-webkit-align-items: center;
		align-items: center;
		-webkit-justify-content: center;
		justify-content: center;
		position:relative;
	}
	.row { max-width: 1240px; margin-bottom:2em; display: block; min-width: 260px; }
		/*.left,.right { display: table-cell; box-sizing: border-box; }*/
	
	
	/* tob-bar */	
	.top-nav { 
		text-align: right;
		font-size: 15px;
		height: 42px;
		padding-top: 5px;
		color: #fff;
		background-color: #5b5b5b;
	}
	.top-nav p { 
		display: inline-block;
		float: left;
		padding: 6px 0;
	}
	.top-nav span {
		display: inline-block;
		padding: 0 6px;
		border-right: 1px solid #fff;
	}
	.top-nav span:last-of-type { border-right: none; }
	
	.top-nav p a { color: #fff; transition: all .4s; }
	.top-nav p a:hover { color: #0673b7; }
	
	.top-nav a.icon {
		display: inline-block;
		height: 28px;
		width: 28px;
		border: 2px solid #fff;
		border-radius: 24px;
		overflow: hidden;
		transition: all .4s;
		margin-right: 6px;
		text-align: center;
		background-color: #5b5b5b;
	}
	
	.top-nav a.icon img {
		height: 20px;
		max-width: 20px;
		margin-top: 4px;
		transition: all .4s;
	}
	.top-nav a:hover img { transform: scale(1.3, 1.3); }
	
	@media(max-width: 767px) {
		.top-nav { height: 96px; }
		.top-nav span {
			display: block;
			padding: 0 6px;
			border-right: none;
			text-align: left;
		}
		.top-nav a.icon { padding: 8px; }
	}
	
	@media(max-width: 440px) {
		.top-nav { height: 106px; text-align: center; }
		.top-nav p { 
			display: block;
			float: none;
			padding: 0;
		}
		.top-nav span { text-align: center; }
	}
	
	/* logo */
	
	.logo{ 
		text-align: center; 
		padding: 16px;
	}
	.logo img { 
		width: 400px; 
		max-width: 100%;
	}
	
	/*
	.logo { padding-left: 25%; }
	.logo a img {
		margin-bottom: -5px;
		transition: all .5s;
		height: auto;
	}
	_::selection,
	.logo a img{
    height: 100%\0;
	}
	
	*/
	
	/* header img */

	figure { margin: 0; }
	figure img { max-width: 100%; } 
	
	/* symbols */
	
	.symbols { 
		display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
		-webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
		padding: 12px 0;
	}
	.symbols span { 
		display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
		justify-content: center;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-align-items: center;
    -ms-flex-align: center;
		
		width: 18%;
		border-radius: 6px;
		
		background: #00358a;
		background: -moz-linear-gradient(top, #00358a 0%, #008efb 100%);
		background: -webkit-linear-gradient(top, #00358a 0%,#008efb 100%);
		background: linear-gradient(to bottom, #00358a 0%,#008efb 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00358a', endColorstr='#008efb',GradientType=0 );
	}
	.symbols span img { width: 52%; padding:16px; }
	.symbols span.symbol-anhaenger img { width: 80%; }
	.symbols span.symbol-17 img { width: 34%; }

	@media(max-width: 1240px) {
		.symbols { 
			-webkit-justify-content: space-around;
			-ms-flex-pack: distribute;
			justify-content: space-around;
		}
	}
	
	/* inhalt */
	
	h1 { font-size: 34px; margin-bottom: 16px; color: #008efb; padding: 0 1%; text-align: center; }
	
	.inhalt,
	.inhalt-center { display: flex; }
	.inhalt-center { 
		-webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center; 
	}
	.inhalt-full { display: block; padding: 0 1%; }
	
	.left,
	.right 	{ 
		width: 50%; 
		box-sizing: border-box;
		padding: 0 1%;
	}	
	
	h2 { font-size: 16px; margin: .7 em 0; }

	table { font-size: 16px; }
	table { margin-bottom: 16px; }
		
	ul { padding-left: 20px; }
		p, li { margin: 0 0 0.35em 0;}
		td { padding: 0 8px 0 0;}
		td.blue { color: #008efb; }

		
	a { 
		color: #008efb; 
		text-decoration:underline;
		transition: all 0.5s;
	}
	a:hover { color: #00358a; }
		
	@media (max-width:600px) {
			
		html, body, .container {height: auto;}
			
		.inhalt { display: block; }
		.left,.right { width:100%; }
		.left{ margin-bottom: 0em; padding-bottom: 16px; }
	}