:root {
	--blau: #0090cb;
	--blau: #0153a9;
	--blau: #003e96;
	--blau: #0160b2;
	--orange: #f9af1f;
}


@font-face {
    font-family: 'barlowbold';
    src: url('fonts/barlow-bold-webfont.woff2') format('woff2'),
         url('fonts/barlow-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'barlowmedium';
    src: url('fonts/barlow-medium-webfont.woff2') format('woff2'),
         url('fonts/barlow-medium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'barlowregular';
    src: url('fonts/barlow-regular-webfont.woff2') format('woff2'),
         url('fonts/barlow-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'barlowsemibold';
    src: url('fonts/barlow-semibold-webfont.woff2') format('woff2'),
         url('fonts/barlow-semibold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'barlowthin';
    src: url('fonts/barlow-thin-webfont.woff2') format('woff2'),
         url('fonts/barlow-thin-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




/*Reset*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	/*vertical-align: baseline;*/
	background: transparent;
}

body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/*Ende Reset*/


body {
	margin: 0px;
	padding: 0px;
	font-family:'barlowregular'!important;

	font-weight: 300;
	color: #5f5f5f;
	overflow-y: scroll;
	
}

.back-to-top {
	position: fixed;
	bottom:40px;
	right:20px;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	border-radius: 5px;
	background-image: url('../images-layout/nach_oben.png');	
	width: 37px;
	height: 37px;
}




#wrapper {
	width: 1200px;
	float: left;
	position: relative;
	margin-left: -600px;
	left: 50%;
	/*z-index: -2;*/
	z-index: 0;
}

#header {
	width: 100%;
	z-index:10000;
	top: 0px;

	float: left;
	position: relative;
}

#header img, #footer img {
	width: 150px;
	float: right;
	margin-right: 73px;
	margin-top: 15px;
}

#header img {
	margin-bottom: -7px;
}

#header #schriftzug {
	color: var(--blau);
	font-size: 32px;
	font-weight: bold;
	margin-left: 93px;
	margin-top: 10px;
	letter-spacing: 2px;
}

#header #schriftzug2 {
	margin-left: 93px;
	font-size: 25px;
	margin-top: 5px;
	margin-bottom: 10px;
	
}

#slider {
	width: 1200px;
	margin-top: 20px;
	/*margin-left: 100px;*/
	height: 450px;
	overflow:hidden;
}

body#fuehrerscheinklassen #slider, body#intern #slider, body#asf-fes #slider {
	display: none;
}


#slider img {
	width: 100%;
	
}

#menustandard {
	text-align: center;
	float: left;
	position: relative;
	width: 100%;
}

#menuresponsiv {
	display: none;
}

/* Standard Menueformatierungen */




#menu-top, #menu-bottom {
	float: left;
	position: relative;
	width: 100%;;
}

#menu-top li, #menu-bottom li {
	float: left;
	display:block;
	text-align: center;
	font-size: 17px;
	letter-spacing: 3px;
	letter-spacing: 1px;
	width: calc(100% / 6);	
	box-sizing: border-box;
	background: #8E8E8E;
	background: var(--blau);
	font-weight: bold;
	color: #fff;
	border-right: 1px solid #fff;
	height: auto;
}

#menu-top li:nth-child(6), #menu-bottom li:nth-child(3) {
	border-right: 0px;
}

#menu-top li.active, #menu-bottom li.active {
	color: #fff;
	background: var(--blau);
}

#menu-top li a, #menu-bottom li a{
	text-decoration: none;
	color: #fff;
	padding: 12px 0px 10px 0px;
}
#menu-bottom li {
	position: relative;
}

#menu-bottom li a {
	width: 100%;
	background: var(--blau);
	display: block;
}

#menu-top li.active a, #menu-bottom li.active a, #menu-top li.active li.active a {
	color: #fff;
}



#menu-top li.active li a {
	text-decoration: none;
}

#menu-top li ul li a {
	color: #5f5f5f;
	color: var(--blau);
	display: block;
	height: 35px;
	padding: 10px;	
	padding-top: 11px;
}

#menu-top li ul a:hover {
	color: #fff;

}


#menu-top li:hover, #menu-bottom:hover {
	color: #fff;
	background: var(--blau);
	background: #5f5f5f;
}

#menu-top ul {
    *zoom:1;
    list-style:none;
    margin:0;
    padding:0;

}
#menu-top ul:before,#menu-top ul:after {
    content:"";
    display:table;
}
#menu-top ul:after {
    clear:both;
}
#menu-top ul > li {
    float:left;
    position:relative;
}
#menu-top a {
    display:block;
}
#menu-top a:hover {
    text-decoration:none;
}
#menu-top li ul {
    background: #fff;
}
#menu-top li ul li {
	width: 240px;
	font-size: 16px;
	height: 35px;
	background: #fff;
	text-align: left;
	border-bottom: 1px solid #eee;
	padding: 0px;
	text-align: center;
}
#menu-top li ul a {
    border:none;
}

#menu-top li ul {
    position:absolute;
    left:-9999em;
    top:40px;
    z-index:1;
}
#menu-top ul > li:hover ul {
    left:0;
}


/* bis hier Standard Menueformatierungen */



#content {
	width: 1000px;
	margin-left: 100px;
	margin-top: 0px;
	float: left;
	margin-bottom: 70px;
	position: relative;
}

#content a {
	text-decoration: none;
	color: var(--blau);
}

#content #slider {
	width: 100%;
}

#content #slider img {
	width: 100%;
}

#content .spalte1, #content .spalte2 {
	width: 488px;
	float: left;
}

#content .spalte2 {
	margin-left: 24px;
}

#content .spalte1 img, #content .spalte2 img {
	width: 100%;
}

h1 {
	font-size: 32px;
	font-family: "barlowbold";
	line-height: 1.5em;
	color: var(--blau);
	margin-top: 50px;
	margin-bottom: 18px;
}
	.carousel-caption h1, .carousel-caption h2 {
		color: #fff!important;
	}


h2 {
	font-size: 26px;
	line-height: 1.5em;
	margin-top: 20px;
	margin-bottom: 10px;
	color: var(--blau);
	font-family: "barlowbold";
}

h3 {
	font-size: 20px;
	margin-top: 15px;
	margin-bottom: 10px;
	font-weight: bold;
	color: var(--blau);
}


#content p, #content ul {
	font-size: 20px;
	line-height: 1.5em;
	margin-bottom: 9px;
}

#content ul {
	font-weight: 400;
	margin-left: 40px;
	list-style-type: disc;
}

#content ul li {
	
}


/*#content ul li::before {
	  content: "■ ";
	color: #375082;
	font-size: 7px;
	padding-right: 5px;
	padding-bottom: 5px;
	vertical-align: middle;
}*/


/* aufklappelemente */
.aufklappBox {
    position: relative;
    /*border: 1px solid #ddd;*/
	padding-left: 140px;
	margin-top: 5px;
}
 
.aufklappBox img {
	height: 22px;
	position: absolute;
	top: 7px;
}

.aufklappBox input {
    position: absolute;
    left: -99999px;
}
 

.aufklappBox label {
    display: block;
    color: #375082;
    padding: .4em;
    text-align: left;
    cursor: pointer;
	font-family: 'EB Garamond', serif;
	text-transform: uppercase;
	letter-spacing: 0.2em;
	font-size: 20px;
}

.aufklappBox label::before {
}	 	 

.aufklappBox input:not(:checked) ~ div {
    opacity: 0;
    height: 0;
	display: none;
}
 
.aufklappBox input:checked ~ div {
    opacity: 1;
    padding: .8em;
    -webkit-transition: opacity 1s ease-in-out;
    -moz-transition: opacity 1s ease-in-out;
    -ms-transition: opacity 1s ease-in-out;
    -o-transition: opacity 1s ease-in-out;
    transition: opacity 1s ease-in-out;
}
 
.aufklappBox input:not(:checked) ~ .close,
.aufklappBox input:checked ~ .open {
    display: none;
}
/* ende aufklappelemente */



.clear {
	clear: both;
}

#menu-bottom {
	float: left;
	position: relative;
}

#menu-bottom li {
	box-sizing: border-box;
	width: calc(100% / 3);

}

.logo2 {
	z-index: 100000;
	float: left;
	width: 150px;
	margin-bottom: -7px;
}

.logo2 img {
	width: 150px;
	margin-bottom: 0px;
	z-index: 999;
}

#menu-bottom {
	z-index: -2;
}


/* Special Fuehrerscheinklassen */
.klasse {
	width: 100px;
	height: 100px;
	text-align: center;
	background: var(--blau);
	color: #fff;
	font-weight: bold;
	float: left;
	box-shadow: 0px 0px 5px #acacac;
	border-radius: 10px;
	font-size: 40px;
	margin-right: 28px;
}

#content .klasse a {
	color: #fff;
	display: block;
	width: 100%;
	padding-top: 33px;
	padding-bottom: 30px;
}

.klassen {
	margin-bottom: 20px;
}

.klasse {
	margin-bottom: 28px;
}

.klassen .kategorie {
	padding-top: 25px;
	background: #5f5f5f;
}

.klasse:nth-child(8){
/*	margin-right: 0px;*/

}

.klasse a {
	color: #fff;
	text-decoration: none;
}

.klasse:hover {
	background: #8E8E8E;
}

.kategorie:hover {
	background: #5f5f5f;
}

.klassenbeschreibung {
	float: left;
	margin-top: 20px;
}

#content .klassenbeschreibung .kategorie {
	float: right;
	margin-right: 0px;
	margin-top: 20px;
	margin-left: 20px;
	margin-bottom: 20px;
	padding-top: 25px;
}

#asf-fes #content .klassenbeschreibung .kategorie {
	margin-top: 0px;
	padding-top: 0px;
}

.klassen .active {
	background: #8E8E8E;
}

.unterlagen {
	padding-left: 15px;
	padding-right: 15px;
	margin-bottom: 15px;
	border-radius: 15px;
	margin-top: 20px;
	padding: 15px;
	border: 3px solid #FF9400;
	border: 3px solid #f9af1f;
	box-shadow: 0px 0px 3px #acacac;
}

.unterlagen h3, .unterlagen .hervorhebung {
	/*color: #ff9400;
	color: #f9af1f;
	color: #e3a00f;*/
	text-decoration: none;
	font-size: 26px;
	line-height: 1.5em;
	font-family: "barlowbold";
	font-weight: normal;
}

.unterlagen h3 {
	padding-top: 0px;
	margin-top: 0px;
}
/* Ende Fuehrerscheinklassen */


#footer {
	float: left;

	width: 100%;	
	position: relative;
	height: 26px;
	font-size: 20px;
	color: #5f5f5f;
	margin-bottom: 40px;
	margin-top: 10px;
	text-align: center;
	font-size: 14px;
	padding-top: 14px;
	font-weight: 400;
	position: relative;
	
}

#footer img {
	float: left;
	margin-top: -40px;
	position: absolute;
	bottom: 0px;
	left: 100px;
}

#kontakt table {
	float: left;
}

#kontakt table td {
	padding-bottom: 20px;	
}

#kontakt table td:nth-child(odd) {
	width: 140px;
}

#kontakt table td:nth-child(even) {
}


#intern td {
	padding-right: 10px;
	padding-bottom: 10px;
}


/* AUSBLENDEN VON RESPONSIVEM MENUELEMENTEN */
/*Hide checkbox*/
#menu-top input[type=checkbox], .show-menu{
	display: none;
	height: 0px;
	-webkit-appearance: none;
}


.hervorhebung {
	font-weight: 700;
	color: var(--blau);
}
.kursiv {
	font-style: italic;
}

/* Special Startseite */

#kontaktbox {
	border: 1px solid var(--blau);
	padding: 20px;
	margin-bottom: 20px;
	margin-top: 40px;
	font-size: 18px;
	float: left;
}

#kontaktbox h2 {
	color: var(--blau);
	margin-top: 0px;
}

#kontaktbox table {
	font-size: 20px;
	line-height: 1.5em;
}
#kontaktbox #fahrschule1 {
	float: left;
	width: 479px;
}

#kontaktbox #fahrschule2 {
	float: left;
	width: 479px;
}
#kontaktbox table {
	margin-bottom: 20px;
	float: left;
}

#kontaktbox td {
	padding-top: 10px;
	vertical-align: top;
	line-height: 1.5em;
}

#kontaktbox td:nth-child(odd) {
	padding-right: 20px;
}

.fahrschulfoto {
	width: 150px;


	float :left;
	margin-left: 25px;
	margin-top: 13px;
	margin-bottom: 30px;
}

#themenplan table {
	width: calc(50% - 10px);
	float: left;
}

#themenplan table:nth-child(odd) {
	margin-left: 20px;
}
#themenplan table tr {
	border-bottom: 1px solid var(--blau);
}

#themenplan table th {
	color: var(--blau);
	text-transform: uppercase;
	padding: 10px;
	width: 100px;
	text-align: center;
}

#themenplan table tr {
	/*height: 69px;*/
}

#themenplan table td {
	padding: 10px;
	text-align: center;
	height: 69px;
}

#themenplan table td:nth-child(4){
	width: 450px;
}

/* Ende Startseite */

#kontaktformular {
	width: 100%;
	float: left;
}

#kontakt .standort {
	/*width: 480px;*/
	float: left;
}

#kontakt .standort:nth-child(odd) {
}


#kontakt .standort iframe {
	width: 480px;
	margin-top: 10px;
}

/* privat*/
#themenplanprivat table {
	width: 300px;
	float: left;
	margin-right: 20px;
}

#themenplanprivat table tr {
	border-bottom: 1px solid var(--blau);
}

#themenplanprivat table th {
	color: var(--blau);
	text-transform: uppercase;
	padding: 5px;
}

#themenplanprivat table td {
	padding: 5px;
	text-align: center;
}

#themenplanprivat table td:nth-child(4){
	width: 450px;
}

#intern h2 {
	margin-top: 20px;
	margin-bottom: 20px;
}

#intern table {
	margin-bottom: 20px;
}




/*ende privat*/

/* buttons */
.button {
  display: inline-block;
  border-radius: 4px;
  background-color: var(--blau);
  border: none;
  color: #FFFFFF;
  text-align: center;
  padding: 10px;
  width: 70%;
  transition: all 0.5s;
  cursor: pointer;
  margin: 5px 5px 5px 0px;
	font-weight: bold;
	font-size: 20px;
}

a.button span{
	color: #fff;
}

.button span {
  cursor: pointer;
  display: inline-block;
  position: relative;
  transition: 0.5s;
}

.button span:after {
  content: '\00bb';
  position: absolute;
  opacity: 0;
  top: 0;
  right: -20px;
  transition: 0.5s;
}

.button:hover span {
  padding-right: 25px;
}

.button:hover span:after {
  opacity: 1;
  right: 0;
}

/* end buttons */

.baustelle {
	animation: blinker 2s linear infinite;
}

@keyframes blinker {
	50% {
		opacity: 0;
	}
}

@media(max-width: 1199px) {
	#wrapper {
		width: 1000px;
		margin-left: -500px;
	}
	#menu-top, #content, #menu-bottom {
		
		margin-left: 0px;

	}

	#slider {
		margin-left: 0px;
		width: 1000px;
		height: 375px;
	}


	

	#menu-top li, #menu-bottom li {
		font-size: 13px;
	}

	#header #schriftzug, #header #schriftzug2 {
		margin-left: 0px;
	}
}


/*@media(max-width: 999px) {
	#wrapper {
		width: 690px;
		margin-left: -345px;
	}


	#menu-top, #content, #menu-bottom {
		width: 690px;
	}

	#menustandard {
		margin-left: 17px;
	}
	
	#menu-bottom {
		padding-left: 3px;
	}	

	#content .spalte1, #content .spalte2 {
		width: 333px;
	}

	#kontakt iframe {
		width: 690px;
	}
}*/

#partner p {
/*	width: 200px!important;*/
	float: left;
}

#partner img {
    width: 80px !important;
	float: right;
}

#partner .logo2 {
	width: 80px!important;
	margin-top: 50px;
}


/* Animation */

/*div.infobox {
  width: 50%;
  background-color: red;
  position: relative;
  animation-name: bottom;
  animation-duration: 4s;
  animation-delay: -3s;
}*/

div.infobox {
	background: #fff;
	padding: 0px 0px 15px 0px;
	/*border-right: 1px solid var(--blau);*/
	float: left;
	width: 50%;
	box-sizing: border-box;
}

div.infobox:nth-child(odd) {
}

div.infobox:nth-child(2n) {
	/*border-right: none;*/
}

div.infobox h2{
	color: var(--blau);
}

div.aktuelles {
	width: 100%;
	position: relative;
	/*background: #fffacd;*/
	border: 3px solid var(--orange);
	animation-name: left;	
	animation-delay: -3s;
	animation-duration: 4s;
	margin-bottom: 20px;
	padding: 0px 20px 15px 20px;
	color: #5f5f5f;
	border-radius: 5px;
	box-shadow: 0px 0px 3px #acacac;
	margin-bottom: 35px;
	margin-top: 30px;
	box-sizing: border-box;
}

div.aktuelles h2 {
	
}

@keyframes left {
	0%   {left:0px; top:0px;}
 	25%  {left:200px; top:0px;}
  	50%  {left:200px; top:200px;}
  	75%  {left:200px; top:0px;}
  	100% {left:0px; top:0px;}
}

@keyframes bottom {
	75% {background-color: #fff; top:200px;left:0px;}
	100% {background-color: #fff; top:0px;left:0px;}
	
}


@keyframes example {
  0%   {background-color:red; left:0px; top:0px;}
  25%  {background-color:yellow; left:200px; top:0px;}
  50%  {background-color:blue; left:200px; top:200px;}
  75%  {background-color:green; left:0px; top:200px;}
  100% {background-color:red; left:0px; top:0px;}
}

.back-to-top {
    background: var(--blau);
    position: fixed;
    bottom: 20px;
    right: 20px;
	padding:10px;    
	z-index: 100;
   	width: 45px;
    color: #fff;
    font-weight: bold;
    text-decoration: none;
}
a.back-to-top {
	color: #fff;
}


/* Ende */ 

/* Visitenkarte */
.visitenkarte {
	width: calc(50% - 20px);
	border: 1px solid #0090cb;
	border: 1px solid #acacac;
	box-shadow: 0px 0px 3px #acacac;
	overflow:hidden;
	float: left;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-right: 20px;
	height: 250px;
}

.visitenkarte .head {
	padding-top: 10px;

}

.visitenkarte .head p {
	font-style: italic;
	margin-top: -7px;
}

.visitenkarte h3 {
	color: var(--blau);
	font-weight: normal;	
	border-bottom: 1px solid var(--blau);
	margin-left: 10px;
	margin-right: 10px;
	font-size: 22px;
	padding-bottom: 10px;
	margin-top: 0px;
	text-decoration: none;
	font-family: "barlowbold";
	margin-top: 5px;
}

.visitenkarte h4 {
	font-size: 20px;
	margin-left: 10px;
	font-style: italic;
	margin-bottom: 10px;
}

.visitenkarte p {
	padding-left: 10px;
	padding-right: 10px;
	float: right;
	width: 355px;
	border-left: 1px solid #0090cb;
}

.visitenkarte .avatar {
	float: left;
	background: #0090cb;
	color: #fff;
	bottom: 0px;
	border-radius: 50%;
	height: 100px;
	width: 100px;
	margin-left: 10px;
	margin-bottom: 10px;
	overflow: hidden;
}
.visitenkarte .avatar img {
	width: 100px;
}

hr {
	margin-top: 50px;
	margin-bottom: 50px;
	border-top: 10px dotted var(--blau)!important;
	width: 50%;
}
/* Ende */



@media(max-width: 999px) {


	body {
	}

	#wrapper {
		width: 320px;
		left: 50%;
		margin-left: -160px;
	}

	#header img {
		width: 50px;
		margin-right: 0px;	
	}
	

	#header #schriftzug {
		font-size: 20px;
	}
	#header #schriftzug2 {
		font-size: 15px;
	}	
	
	#slider {
		width: 320px;
		margin-top: 7px;
		height: 120px;
	}
	#slider img {
		width: 320px;
	}

	#menustandard {
		display: none;
	}

	#menu-top {
			border-top: 1px solid var(--blau);
			float: right;
			width: 320px;
			height: 1px;
			
		}
	
	
	#menu-top #menuresponsiv {
		margin-top: 0px;
		z-index: 999;
	}

	#menu-top #menuresponsiv ul {

	}

	#header #a {
		display: none;
		width: 0px;
		height: 0px;
	}
	.show-menu {
		text-decoration: none;
		color: #787878;
		display: inline;
		float: right;
		font-size: 16px;
		font-weight: bold;
		letter-spacing: 2pt;
		line-height: 18pt;
		text-transform: uppercase;
		cursor: pointer;
		position: relative;
		top:-25px;
		z-index: 1000000;

		
	}

	.show-menu img {
		margin-top: 15px;
		margin-right: 10px;
		width: 17px;
	}	

	/*Show menu when invisible checkbox is checked*/
	#menu-top input[type=checkbox]:checked ~ #menuresponsiv {	       
	    	display: inline;
		position: relative;
	}

	.show-menu div {
		width: 35px;
		height: 5px;
		background-color: #9f8778;
		margin: 6px 0;
		border: 1px solid #c8c4c3;
	}

	#menuresponsiv ul {
	    *zoom:1;
	    list-style:none;
	    margin:0;
	    padding:0;
		background: #fff;
	    /*background:#333;*/

	}

	#menuresponsiv ul:before,#menu-top #menuresponsiv ul:after {
	    content:"";
	    display:table;
		margin-left: 0px;
	}
	#menuresponsiv ul:after {
	    clear:both;
	}
	#menuresponsiv ul > li {
	    float:left;
	    position:relative;
	}

	#menu-top li ul li {
		margin: 0px;
		width: 100px;
		padding-right: 0px;
		padding: 0px;
	}

	#menu-top #menuresponsiv  {
			float: left;
			width: 320px;
			
		}


	#menu-top #menuresponsiv li {
		width: 320px;
		/*background: rgb(75%, 75%,75%,0.1);*/
		height: 40px;
		border-bottom: 1px solid #a0a0a0;
		border-right: none;
		text-align: center;
		padding: 0px;
		padding-bottom: 4px;
		padding-right: 0px;
		background: #fff;

	}

	#menu-top #menuresponsiv li.active, #menu-top #menuresponsiv li.active a {
		background: var(--blau);
		color: #fff;
	}
	#menu-top #menuresponsiv li a {
		text-decoration: none;
		font-size: 10pt;
		letter-spacing: 2pt;
		text-transform: uppercase;
		color: #5f5f5f;
		padding-top: 14px;
	}


	#content {
		margin-left: 0px;
		width: 320px;
		margin-bottom: 0px;
		margin-top: 0px;
	}	

	#content .spalte1, #content .spalte2 {
		width: 320px;
		margin-left: 0px;
	}

	#content .spalte2 {
		margin-top: 20px;
	}

	#content h1 {
		margin-top: 20px;
		font-size: 20px;
		line-height: 25px;
		margin-bottom: 20px;
		
	}

	.carousel-caption h1 {
		color: #fff!important;
	}

	#content ul {
		margin-left:20px;	
	}

	#menu-bottom {
		height: 0px;
		display: none;
	}
	

	.aufklappBox {
		padding-left: 0px;
	}

	#kontakt iframe {
		width: 320px;
	}	


	#content .klassen {
		float: left;
		/*width: 70px;*/
		margin-bottom: 20px;	
	}

	#content .klasse {
		width: 50px;
		height: 35px;
		font-size: 20px;
		margin-right: 14px;
		height: 50px;	
	}	

	#content .klasse a {
		padding-top:17px;
	}

	#content .kategorie {
		padding-top: 17px;
	}
	#content .kategorie i {
		font-size: 20px!important;
	}
	#content .klassenbeschreibung {
		float: right;
		width: 100%;
	}

	#content ul {
		font-size: 16px;
	}
	#content .klassenbeschreibung h2, .unterlagen h3, .unterlagen .hervorhebung {
		padding-top: 0px;
		margin-top: 0px;
		font-size: 18px;
	}
	#content .klassenbeschreibung .kategorie {
		padding-top: 17px;
		margin-right: 0px;
		margin-top: 0px;
	}	
	#footer {
		margin-top: 7px;
		border-top: 1px solid var(--blau);
	z-index: -1;
	}

	.logo2 img {
		width: 100px;

	}

	#content p {
		font-size: 16px;
	}

	#kontaktbox {
		padding: 10px;
		width: 100%;
		margin-top: 20px;
	}

	#kontaktbox #fahrschule1, #kontaktbox #fahrschule2 {
		width: 298px;
		margin-bottom: 10px;
	}
	#kontaktbox, #kontaktbox p {
		font-size: 16px;
	}	

	.fahrschulfoto {
		margin-left: 0px;
		margin-top: 0px;
		width: 298px;
	}
	h2 {
		line-height: 30px;
	}

	#kontakt .standort {
		width: 320px;
	}
	#kontakt .standort iframe {
		width: 320px;
		height: 320px;
	}	
	#kontakt .standort:nth-child(odd) {
		margin-left: 0px;
		margin-bottom: 20px;
	}
	#kontakt table input, #kontakt table textarea {
		width: 150px;
	}

	#themenplan table td {
		padding: 10px 0px 10px 0px;
	}

	#themenplan table td:nth-child(4), #themenplan table th:nth-child(4){
		display: none;	
	}
#intern #slider {
	display: none;
}
	#partner p {
	width: 200px!important;
	float: left;
}

	.visitenkarte {
		width: 100%;
		height: auto;
	}

	.visitenkarte .avatar img, .visitenkarte .avatar {
		width: 75px;
		height: 75px;
	}
	.visitenkarte p {
		width: calc(100% - 96px);
	}

	div.aktuelles {
		padding: 0px 10px 0px 10px!important;
		margin-bottom: 10px;
	}
	
	div.infobox {
		width: 100%;
		padding: 0px;
		/*border-right: 0px;*/
		/*border-bottom: 2px solid #eee;*/
	}

	div.infobox:nth-child(2n){
		/*border-bottom: 0px;*/
		padding-left: 0px;
	}
	#themenplan table {
		width: 100%;
	}

	#themenplan table:nth-child(odd) {
		margin-left:0px;
	}

	hr {
		margin-top: 20px;
		margin-bottom: 20px;
	}
}