@charset "utf-8";

@font-face{
	font-family:"Antenna Cond Bla";
	src:url("../webfonts/Antenna Condensed Black.woff2") format("woff2"),
	url("../webfonts/Antenna Condensed Black.woff") format("woff");
    font-weight: normal;
    font-style: normal;
}

@font-face{
	font-family:"Antenna Cond Bd";
	src:url("../webfonts/Antenna Condensed Bold.woff2") format("woff2"),
	url("../webfonts/Antenna Condensed Bold.woff") format("woff");
    font-weight: normal;
    font-style: normal;
}

a, div, span { zoom: 1; }
body, form, html { margin: 0; }
form, table, td, th { padding: 0; }
img, sup, td { vertical-align: top; }
a, html { color: #000; }
.content, .header, body { position: relative; }
.footer, .header { background-position: center top }
#georesult a, .akkordeon .big-subheader, .kurstermin .link, .mailto, .popup .close-button, a img { cursor: pointer }
:focus { outline: 0; -moz-outline: 0 }
a img { border-width: 0 }
input, select, textarea { font-family: Arial, Helvetica; font-size: 9pt; letter-spacing: 0 }
sup { font-size: 60% }
table { border-spacing: 0; border-collapse: collapse }
::-webkit-input-placeholder { color: #000 }
::-moz-placeholder { color: #000; opacity: 1 }
:-ms-input-placeholder { color: #000 }
input:-moz-placeholder { color: #000; opacity: 1 }

input:focus::-webkit-input-placeholder { color:transparent; }
input:focus:-moz-placeholder { color:transparent; } /* FF 4-18 */
input:focus::-moz-placeholder { color:transparent; } /* FF 19+ */
input:focus:-ms-input-placeholder { color:transparent; } /* IE 10+ */

/**** BASICS ***/

html {
    font-family: Arial, sans-serif;
    font-size: 14px;
    line-height: 18px;
}

body {
    width: 100%;
    padding-bottom: 140px;
}

.content {
    max-width: 850px;
    margin: auto;
}

.narrow-content {
    max-width: 694px;
    margin: auto
}

.grey-bg {
    background-color: #f6f6f6;
}

.centered {
	text-align: center;
}

.nomargin {
	margin: 0px !important;
}

/**** HEADER ***/

.headerimage {
	margin-top: 40px;
}

.header-section {
	position: relative;
}

.header {
    z-index: 5;
    height: 162px;
    width: 100%;
    color: #fff;
	position: absolute;
	top: 0px;
	left: 0px;
	background-image: url(../img/header-aufhellung.png);
	background-repeat: repeat-x;
	background-color: transparent;
	background-position: 0px 40px;
}

.header .topbar {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 40px;
	background-color: #0089d0;
	background-image: url(../img/bg-topbar.png);
	background-size: 277px 40px;
	background-repeat: no-repeat;
}

.header .logo {
    position: absolute;
    left: 50%;
    top: 47px;
    margin-left: -100px;
    z-index: 99
}

.header .main-menu {
    position: absolute;
    left: 0px;
    top: 135px;
    width: 100%;
    font-family: "Antenna Cond Bd", sans-serif;
    font-size: 13px;
    line-height: 15px;
    color: #0089d0;
    text-align: center;
}

.header .main-menu .menu-entry {
    position: relative;
}

.header .menu-link {
    position: relative;
    color: inherit;
    text-decoration: none;
    text-transform: uppercase;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -khtml-border-radius: 3px;
    padding: 1px 3px 0px 3px;
    margin: 0 2px;
    cursor: pointer
}

.header .menu-link:hover, .header .menu-link.sel  {
    color: white;
    background-color: #0089d0;
}

.header .smallmenu {
	position: absolute;
	right: 28px;
	top: 15px;
    font-family: "Antenna Cond Bd", sans-serif;
    font-size: 12px;
    line-height: 12px;
}

.header .smallmenu a {
	color: white;
	text-decoration: none;
    text-transform: uppercase;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -khtml-border-radius: 3px;
    padding: 1px 4px 0;
}

.header .smallmenu a:hover {
    background-color: white;
    color: #0089d0;
}

.header .smallmenu a.social-icon {
	position: relative;
	top: -7px;
	background: none !important;
	padding: 0px;
	margin-left: 6px;
}

/*** MOBILE MENU ***/

.mobile-menu-icons { display: none; }
#mobile-menu-hide { display: none; }
.mobilemenu-container { display: none; 	padding-top: 90px; }
.mobilemenu { display: none; }

.mobilemenu { 
	list-style-type: none; 
	padding: 0px; 
	margin: 0px; 
	background-color: #0089d0; 
}

.mobilemenu li {
	border-top: 1px solid white;
	text-align: center; 
}

.mobilemenu li a { 
	display: block; 
	color: white;  
	font-family: "Antenna Cond Bla", sans-serif;
	font-size: 16px;
	line-height: 20px;
	padding-top: 9px;
	padding-bottom: 6px;
	text-transform: uppercase;
	text-decoration: none;
}

.mobilemenu li.small a {
	font-size: 11px;
}	
	
.mobilemenu li a:hover {
	background-color: white;
	color: #0089d0;
}

.mobilemenu li.social-icons a {
	display: inline-block;
	padding: 8px 4px 8px 4px;
}

/*** EASY ZUM FÜHRERSCHEIN ***/

.easy-zum-radfahrkurs {
	position: absolute;
	z-index: 10;
	left: 50%;
	top: 328px;
	margin-left: -145px;
	margin-top: -100px;
	background-color: rgba(0,0,0,0.6);
	border-bottom-left-radius: 3px;
	border-bottom-right-radius: 3px;
	width: 249px;
	padding: 38px 20px 12px 20px;
	text-align: center;
}

.easy-zum-radfahrkurs h1 {
	position: absolute;
	left: -100px;
	top: -65px;
}

.easy-zum-radfahrkurs .button {
	width: 230px;
	text-transform: none;
	font-size: 14px;
	line-height: 16px;
	margin-bottom: 4px;
}

.easy-zum-radfahrkurs .standortauswahl {
	padding-top: 0px;
	padding-bottom: 20px;
}

.easy-zum-radfahrkurs .oder {
    font-family: "Antenna Cond Bd", sans-serif;
	color: white;	
	text-align: center;
	font-size: 13px;
	margin-top: 3px;
	margin-bottom: 3px;
}

.easy-zum-radfahrkurs .submit-button {
	position: absolute;
	left: 50%;
	bottom: -25px;
	margin-left: -25px;
}

.easy-zum-radfahrkurs .textfield {
	text-align: center;
}

.easy-zum-radfahrkurs .customSelect, .easy-zum-radfahrkurs .textfield {
    border-width: 2px;
    border-radius: 10px;
    font-family: Arial, sans-serif;
    line-height: 18px;
    padding: 6px 12px 4px;
    width: 155px;
    font-size: 16px;
    background-color: #fff;
    border-style: solid;
    border-color: #0089d0;
}

.easy-zum-radfahrkurs .customSelect {
    background-image: url(../img/selection-box-button.png);
    background-position: right center;
    background-repeat: no-repeat;
}

.easy-zum-radfahrkurs .customSelectInner {
	width: 120px !important;
}

.easy-zum-radfahrkurs .aktueller-standort-container {
	display: none;
}

/*** FAQ ***/
.faq-frage {
	display: block;
	background-color: #0089d0;
	color: white;
    font-family: "Antenna Cond Bla", sans-serif;
/*     text-transform: uppercase; */
	font-size: 20px;
	line-height: 22px;
    text-decoration: none;
    padding: 10px 30px 8px 10px;
    margin-bottom: 9px;
}


/**** FOOTER ***/

.footer {
    position: absolute;
    bottom: 0;
    left: 0;
    height: 124px;
    width: 100%;
    background-color: #fff;
    background-image: url(../img/bg-footer.jpg);
    background-position: bottom right;
    color: #fff;
    font-size: 12px;
    line-height: 14px
}
.footer #footer-menu {
    position: absolute;
    left: 0;
    top: 83px
}
.footer #footer-menu a {
    color: #fff;
    text-decoration: none
}
.footer #footer-menu a:hover {
    text-decoration: underline
}

/*** WIDGETS ***/

.widget-container {
    margin: auto;
    margin-top: 35px;
    margin-bottom: 25px;
    font-size: 0px;
    text-align: center;
}

.widget {
    position: relative;
    display: inline-block;
    width: 190px;
    text-align: center;
    text-decoration: none;
    font-size: 12px;
    line-height: 16px;
    vertical-align: top;
    margin-bottom: 20px;
}

a.widget { 
	cursor: pointer;
}

.widget h2 {
	font-family: "Antenna Cond Bla", sans-serif;
    font-size: 20px;
    line-height: 23px;
    font-weight: 400;
    text-transform: uppercase;
	margin-top: 10px;
	margin-bottom: 10px;
}

.widget .icon {
}

.widget .link {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 99
}

.widget-seperator {
    display: inline-block;
    width: 30px;
    height: 153px;
    vertical-align: bottom;
    background-image: url(../img/yellow-dots-vertical.png);
    background-position: center top;
    background-repeat: repeat-y
}


/*** STARTSEITE ***/

.startseite-textblock {
    margin-top: 40px;
    padding: 15px 0 40px;
    position: relative;
    padding-left: 15px;
    padding-right: 15px;
    text-align: center;
}

.startseite-textblock h2 {
    font-family: "Antenna Cond Bla", sans-serif;
    font-size: 28px;
    line-height: 28px;
    text-transform: uppercase;
    font-weight: 400
}

/*** TEXTBLOCK ***/

.textblock {
	padding: 40px 10px 40px 10px;
}

.textblock.only-headline {
	padding-bottom: 30px;
}

.textblock h1 {
    font-family: "Antenna Cond Bla", sans-serif;
    font-size: 24px;
    line-height: 28px;
    text-transform: uppercase;
    font-weight: 400;
    margin-top: 0px;
    margin-bottom: 22px;
}

.textblock h1 .bigtext {
   	font-size: 36px;
    line-height: 42px;
}

.textblock h2 {
	font-size: 18px;
	line-height: 20px;
	margin-top: 20px;
	margin-bottom: 14px;
}

.buttonleiste {
	margin-bottom: 30px;
	font-size: 0px;
	line-height: 0px;
}

.button {
	display: inline-block;
	background: #1f92d0;
	background: -moz-linear-gradient(top, #1f92d0 0%, #47a5d7 100%);
	background: -webkit-linear-gradient(top, #1f92d0 0%,#47a5d7 100%); 
	background: linear-gradient(to bottom, #1f92d0 0%,#47a5d7 100%); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1f92d0', endColorstr='#47a5d7',GradientType=0 );     
	color: white;
    font-family: "Antenna Cond Bd", sans-serif;
    text-transform: uppercase;
	font-size: 12px;
	line-height: 15px;
    text-decoration: none;
    text-align: center;
    border-radius: 3px;
    min-width: 208px;
    margin: 2px;
    padding: 7px 7px 7px 7px;
    border: none;
}

.termine .button {
    min-width: 120px;
}

.button:hover {
	background: #2fA2e0;
	background: -moz-linear-gradient(top, #2fA2e0 0%, #57b5e7 100%);
	background: -webkit-linear-gradient(top, #2fA2e0 0%,#57b5e7 100%); 
	background: linear-gradient(to bottom, #2fA2e0 0%,#57b5e7 100%); 
}

.button.sel {
	color: #87c1eb;
}

.inner-block {
	position: relative;
	padding: 40px 30px 40px 75px;
}

.inner-block h1 {
	margin-bottom: 35px;
}

.inner-block .zurueckbutton {
	position: absolute;
	left: 20px;
	top: 35px;
}

.linkbalken {
	display: block;
	background-color: #0089d0; 
	color:white;
    font-family: "Antenna Cond Bla", sans-serif;
    text-transform: uppercase;
	font-size: 20px;
	line-height: 22px;
    text-decoration: none;
    padding: 10px 30px 8px 10px;
    margin-bottom: 9px;
    background-image: url(../img/balken-pfeil-rechts.png);
    background-position: right center;
    background-repeat: no-repeat;
    background-size: 30px 21px;
    cursor: pointer;
}

/*** AKKORDEON ***/

.akkordeon-head {
    background-image: url(../img/balken-pfeil-hinunter.png);
}

.akkordeon-head.active {
    background-image: url(../img/balken-pfeil-hinauf.png);
}

.akkordeon-content {
	display: none;
}

.akkordeon-content ul {
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 15px;
	padding-bottom: 25px;
}

.akkordeon-content ul li {
    font-family: "Antenna Cond Bd", sans-serif;
    text-transform: uppercase;
	font-size: 14px;
	line-height: 15px;
	margin-bottom: 3px;
}

.akkordeon-content ul a {
    text-decoration: none;
}

.akkordeon-content ul a:hover {
	text-decoration: underline;
}

/*** KURSLISTE ***/

.kursliste ul {
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 15px;
	padding-bottom: 25px;
	list-style-type: none;
	padding: 0px;
	margin: 0px;
}

.kursliste ul li {
    font-family: "Antenna Cond Bd", sans-serif;
    text-transform: uppercase;
	font-size: 14px;
	line-height: 15px;
	margin-bottom: 3px;
}

.kursliste ul a {
    text-decoration: none;
}

.kursliste ul a:hover {
	text-decoration: underline;
}


/*** TEAM ***/
.team-container {
	font-size: 0px;
	line-height: 0px;
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: center;
}

.team-item {
	display: inline-block;
	vertical-align: top;
	width: 200px;
	margin: 15px 41px 20px 41px;
    font-size: 14px;
    line-height: 18px;
    text-decoration: none;
}

.team-item img {
	width: 100%;
	margin-bottom: 8px;
}

.team-image {
	max-width: 275px;
}

.team-headline {
	position: absolute;
	left: 370px;
	top: 145px;
	line-height: 33px !important;
}

/*** NEWS ***/
.news-container {
	padding-left: 10px; 
	padding-right: 10px; 
}

.news-item {
	box-sizing: border-box;
	display: block;
	position: relative;
	min-height: 200px;
	margin-bottom: 14px;
	text-decoration: none;
	padding: 30px 15px 30px 220px;
}

.news-item h2 {
    font-family: "Antenna Cond Bla", sans-serif;
    font-weight: normal;
    text-transform: uppercase;
	font-size: 22px;
	line-height: 24px;
	margin-top: 0px;
	margin-bottom: 15px;
}

.news-image {
	position: absolute;
	left: 0px;
	top: 58px;
	width: 200px;
}

.news-datum {
	box-sizing: border-box;
	background-color: #ffd200;
	color: white;
	position: absolute;
	left: 0px;
	top: 0px;
	width: 200px;
	height: 58px;
    font-family: "Antenna Cond Bla", sans-serif;
    font-weight: normal;
    text-transform: uppercase;
	font-size: 26px;
	line-height: 26px;
	text-align: center;
	padding-top: 17px;
}

.news-datum.pink {
	background-color: #e5007a;
}


/*** REFERENZEN ***/
.referenzen-container {
	padding-left: 10px; 
	padding-right: 10px; 
}

.referenzen-item {
	box-sizing: border-box;
	display: block;
	position: relative;
	min-height: 200px;
	margin-bottom: 14px;
	text-decoration: none;
	padding: 30px 15px 30px 220px;
}

.referenzen-item h2 {
    font-family: "Antenna Cond Bla", sans-serif;
    font-weight: normal;
    text-transform: uppercase;
	font-size: 22px;
	line-height: 24px;
	margin-top: 0px;
	margin-bottom: 15px;
}

.referenzen-image {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 200px;
}


/*** PARTNER ***/
.partner-container {
	font-size: 0px;
	line-height: 0px;
	text-align: center;
}

.partner-item {
	box-sizing: border-box;
	display: inline-block;
	vertical-align: top;
	width: 33.33%;
    font-size: 14px;
    line-height: 18px;
    padding: 0px 12px 40px 12px;
    text-align: center;
}

.partner-item .logo-container {
	display: table;
	width: 100px;
	height: 90px;
	border-bottom: 1px solid black;
	margin: auto;
}

.partner-item .logo {
	display: table-cell;
	vertical-align: middle;
}

.partner-item .logo img {
	max-width: 100px;
	max-height: 70px;
}

.partner-item a {
	text-decoration: none;
}

.form-error {
	color: red;
	font-weight: bold;
	margin-bottom: 20px;
} 

.kontaktform {
	
}

.kontaktform .row {
    clear: both;
    margin: 0 0 8px 0;
    padding: 0;
}

.kontaktform label {
    width: 150px;
    display: block;
    float: left;
    padding: 3px 0;
}

.kontaktform .field {
    border: 1px solid #A9AAAB;
    padding: 4px 3px;
    width: 513px;
}

.kontaktform textarea.field {
    min-height: 100px;
}

/* RETINA */
@media screen and (min-resolution: 2dppx), screen and (-webkit-min-device-pixel-ratio: 2) { 
	
	.header .main-menu .menu-entry .dropdown li.trenner {
		background-image: url(../img/dropdown-trenner-big.png);
		background-size: 4px 2px;	
	}
	
}

/**** RESPONSIVE ***/
@media only screen and (max-width: 920px) { 
	
	.header-section { width: 100%; height: auto; margin: 0px; }
	.header { height: 90px; position: absolute; background-color: #010003; background-image: url(../img/bg-header.jpg); background-position: top center; }
	.header .topbar { display:none; }
	.header .logo { left: 50%; top: 5px; margin-left: -100px; }
	.headerimage { position: relative; height: auto; width: 100%; z-index: -1; top: 90px; margin: 0px; }
	.mobile-menu-icons { display: block; position: absolute; right: 10px; top: 10px; }
	.back-button, .arrow-up { margin-left: 10px; }
	.widget-container { margin-top: 20px; }
	.easy-zum-radfahrkurs { top: 192px;  }
	.easy-zum-radfahrkurs h1 { z-index: 99; left: 50%; top: -28px; margin-left: -170px;}
	.easy-zum-radfahrkurs h1 img { width: 360px; }
	.easy-zum-radfahrkurs .standortauswahl { padding-top: 0px; padding-bottom: 36px; margin-bottom: 0px; }
	.easy-zum-radfahrkurs .oder { color: black; }
	.easy-zum-radfahrkurs .submit-button { bottom: 10px; width: 30px; margin-left: -15px; }
	.mobilemenu-container, .bundeslandauswahl-mobil { display: block; }
	.header .main-menu, .header .smallmenu, /* .headerimage,  */.footer #footer-menu, #image-map, #map-images, .bundesland-linkliste { display: none; }
	.background-puple, .background-purple, .subcontent h2, .listheader, #fahrschule-selection h1, #fahrschule-easy-zum-radfahrkurs h1, #fahrschule-easy-zum-radfahrkurs h2 { font-size: 20px; line-height: 28px; }
	.indent-content, .fs-subinfo, .info-kombinationen, .free-text, .fahrschule-zusatztext, h3, .kurstermin .link { padding-left: 10px; padding-right: 10px; }
}

@media only screen and (max-width: 875px) { 
	.widget-container { width: 650px; margin-left: auto; margin-right: auto;}
	#widget-seperator-3 { display: none; } 
}

@media only screen and (max-width: 720px) { 
	.partner-item { width: 50%; max-width: 300px; }
}

@media only screen and (max-width: 650px) { 
	.widget-container { width: 426px; }
	#widget-seperator-2 { display: none; } 
	#widget-seperator-3 { display: inline-block; } 
	.inner-block { padding: 45px 10px 10px 10px; }
	.inner-block h1 { margin-bottom: 15px; }
	.inner-block .zurueckbutton { left: 10px; top: 5px;}
	.linkbalken { font-size: 16px; line-height: 18px; padding: 7px 30px 5px 10px; margin-bottom: 7px;}
	.team-item { width: 120px; margin: 15px 20px 10px 20px; }
	.team-headline { position: relative; left: 0px; top: 0px; font-size: 20px !important; line-height: 26px !important; }
	.news-item { padding: 10px 10px 20px 10px; }
	.news-item h2 { text-align: center; }
	.news-datum { position: relative; margin: auto; }
	.news-image-container { text-align: center; }
	.news-image { position: relative; top: 0px; margin-bottom: 15px; }
	.referenzen-item { padding: 10px 10px 20px 10px; }
	.referenzen-item h2 { text-align: center; }
	.referenzen-image-container { text-align: center; }
	.referenzen-image { position: relative; top: 0px; margin-bottom: 15px; }
}

@media only screen and (max-width: 620px) { 
	#fahrschule-easy-zum-radfahrkurs .kursgruppe { display: block; width: 100%; }
}

@media only screen and (max-width: 450px) { 
	.widget-container { width: 250px; }
	.widget-seperator { display: none !important; }
	.startseite-textblock { padding-top: 10px; padding-bottom: 15px; }
	.startseite-textblock h2 { font-size: 20px; line-height: 23px; margin-top: 10px; }
	.textblock { padding-top: 25px; }
	.textblock h1 { font-size: 20px; line-height: 20px; }
	.textblock h1 .bigtext {font-size: 26px; line-height: 28px;  }
	.textblock h2 { font-size: 16px; line-height: 18px; } 
	.partner-item { width: 100%; max-width: 300px; }
}