/*********************************************************************************/
/* Header Footer
 *
 * TODO: Beim Anpassen der anderen Startseiten CSS auslagern
*/
.f03header,
body,
footer.f03footer {
    min-width: 320px !important;
}
@media screen and (max-width: 802px) {
    .f03footer .footer-text .cols {
        -webkit-column-count: 1;
        -moz-column-count: 1;
        column-count: 1;
    }
}

/*********************************************************************************/
/* Generel */
.f03pages {
	background: #FFF;
	/*font-family: "Segoe UI", "Helvetica", sans-serif;*/
	font-family: "Source Sans Pro", "Segoe UI", sans-serif;
	font-size: 14px;
	color: #5A6271;
	min-width: 0;
	max-width: 1440px;
	margin: 0 auto
}
.f03pages.left-aligned {
	margin: 0
}
.f03pages.spritemap-shared{
	background: url('/de/content/static/fh_gfx/graphics/startseiten/shared-s3ed19b3cde.png');
}
.f03pages.spritemap-doorpage{
	background: url('/de/content/static/fh_gfx/graphics/startseiten/doorpage-s895b794085.png');
}
.f03pages b,
.f03pages strong, .f03pages .headline, .f03pages .finderbox label,
.f03pages .werkstatt .legend {
	font-weight: 600;
}
.f03pages .finderbox a.button, .f03pages .fork a.button, .f03pages ul.otv a {
	background: #58606E;
	background-image:
		url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzcyN2M4ZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzU4NjA2ZSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
	background-size: 100%;
	background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #727c8f),
		color-stop(100%, #58606e));
	background-image: -moz-linear-gradient(top, #727c8f, #58606e);
	background-image: -webkit-linear-gradient(top, #727c8f, #58606e);
	background-image: linear-gradient(to bottom, #727c8f, #58606e)
}
.f03pages .finderbox a.button:hover,
.f03pages .fork a.button:hover,
.f03pages ul.otv a:hover {
	background-image:
		url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzg1OGVhMSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzJiMzAzOSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
	background-size: 100%;
	background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #858ea1),
		color-stop(100%, #2b3039));
	background-image: -moz-linear-gradient(top, #858ea1, #2b3039);
	background-image: -webkit-linear-gradient(top, #858ea1, #2b3039);
	background-image: linear-gradient(to bottom, #858ea1, #2b3039)
}
.f03pages .finderbox select,
.f03pages .finderbox.ersatz .row.key .right input {
	background-color: #E4E7ED;
	border: 1px solid #E4E7ED
}
.f03pages .finderbox select:hover,
.f03pages .finderbox.ersatz .row.key .right input:hover,
.f03pages .finderbox select:focus,
.f03pages .finderbox.ersatz .row.key .right input:focus {
	border-color: #98a3ba
}
.f03pages .finderbox select:focus,
.f03pages .finderbox.ersatz .row.key .right input:focus {
	background-color: #f2f3f6
}
.f03pages .finderbox a.button,
.f03pages .fork a.button {
	display: inline-block;
	height: 37px;
	line-height: 37px;
	font-size: 18px;
	color: #FFF;
	cursor: pointer;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px
}
.f03pages html, .f03pages body, .f03pages div, .f03pages span, .f03pages applet,
.f03pages object, .f03pages iframe, .f03pages h1, .f03pages h2,
.f03pages h3, .f03pages h4, .f03pages h5, .f03pages h6, .f03pages p,
.f03pages blockquote, .f03pages pre, .f03pages a, .f03pages abbr,
.f03pages acronym, .f03pages address, .f03pages big, .f03pages cite,
.f03pages code, .f03pages del, .f03pages dfn, .f03pages em, .f03pages img,
.f03pages ins, .f03pages kbd, .f03pages q, .f03pages s, .f03pages samp,
.f03pages small, .f03pages strike, .f03pages strong, .f03pages sub,
.f03pages sup, .f03pages tt, .f03pages var, .f03pages b, .f03pages u,
.f03pages i, .f03pages center, .f03pages dl, .f03pages dt, .f03pages dd,
.f03pages ol, .f03pages ul, .f03pages li, .f03pages fieldset, .f03pages form,
.f03pages label, .f03pages legend, .f03pages input, .f03pages table,
.f03pages caption, .f03pages tbody, .f03pages tfoot, .f03pages thead,
.f03pages tr, .f03pages th, .f03pages td, .f03pages article, .f03pages aside,
.f03pages canvas, .f03pages details, .f03pages embed, .f03pages figure,
.f03pages figcaption, .f03pages footer, .f03pages header, .f03pages hgroup,
.f03pages menu, .f03pages nav, .f03pages output, .f03pages ruby,
.f03pages section, .f03pages summary, .f03pages time, .f03pages mark,
.f03pages audio, .f03pages video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: baseline;
	text-decoration: none
}
.f03pages ol, .f03pages ul {
	list-style: none
}
.f03pages table {
	border-collapse: collapse;
	border-spacing: 0
}
.f03pages caption, .f03pages th, .f03pages td {
	text-align: left;
	font-weight: normal;
	vertical-align: middle
}
.f03pages q, .f03pages blockquote {
	quotes: none
}
.f03pages q:before, .f03pages q:after, .f03pages blockquote:before,
	.f03pages blockquote:after {
	content: "";
	content: none
}
.f03pages a img {
	border: none
}
.f03pages h1, .f03pages h2, .f03pages h3, .f03pages h4 {
	font-weight: normal
}
.f03pages article, .f03pages aside, .f03pages details, .f03pages figcaption,
	.f03pages figure, .f03pages footer, .f03pages header, .f03pages hgroup,
	.f03pages menu, .f03pages nav, .f03pages section, .f03pages summary {
	display: block
}
.f03pages input:-webkit-autofill, .f03pages input:-webkit-autofill:focus
	{
	-webkit-box-shadow: 0 0 0 50px white inset;
	-webkit-text-fill-color: #000
}
.f03pages textarea {
	resize: none
}
.f03pages textarea:focus, .f03pages input:focus, .f03pages select:focus,
	.f03pages button:focus {
	outline: 0
}
.f03pages a {
	text-decoration: none;
	color: #5A6271
}
.f03pages h2 {
	font-size: 30px;
	text-align: center;
	padding: 13px 0 7px 0;
	font-weight: bold;
	color: #2F383F;
}
.f03pages .clear{
	clear: both
}

/*********************************************************************************/
/* Buehne */
/*ECXLUDE DUE TO BOOTSTRAP*/

/*.f03pages .stage {
	height: 450px;
	background: #000;
}
.f03pages .headline {
	font-size: 18px;
	display: block;
	margin-bottom: 5px
}*/

/*********************************************************************************/
/* Buehne - Slider */
/*ECXLUDE DUE TO BOOTSTRAP*/

/*.stage #layerslider {
	max-width: 1440px;
	width: 100%;
	margin-left: -50%;
}
.stage #layerslider span.ls-bottom-slidebuttons {
	bottom: 0;
}*/

/*********************************************************************************/
/* Finder */
.f03pages .finder {
	padding-bottom: 25px;
	background:
		url(/de/content/static/fh_gfx/graphics/startseiten/onlineshop-visual2.jpg)
		no-repeat 0 0
}
.f03pages .finder h2 {
	padding: 32px 0 27px 0
}
.f03pages .finder label {
	cursor: default
}
.f03pages .finder-inner {
	width: 100%;
	margin: 0 auto;
	box-sizing: border-box;
}
.f03pages .finderbox {
	width: 100%;
	height: auto;
	margin-bottom: 20px;
	padding-bottom: 20px;
	background: #FFF;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.f03pages .finderbox:before {
	bottom: 0
}
.f03pages .finderbox .finderbox-inner {
	padding: 18px 6% 0 6%;
	position: relative
}
.f03pages .finderbox span.headline {
	font-size: 30px;
	margin-bottom: 17px
}
.f03pages .finderbox label {
	font-size: 18px;
	display: block;
	text-shadow: 0 0 5px white;
	text-align: left;
}
.f03pages .finderbox label.center {
	text-align: center
}
.f03pages .finderbox select {
	height: 37px;
	line-height: 37px;
	text-indent: 15px;
	width: 100%;
	margin: 5px 0 0 0;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	-moz-appearance: none;
	-webkit-appearance: none;
	background: #E4E7ED
		url(/de/content/static/fh_gfx/graphics/startseiten/select-arrow.png)
		no-repeat right 20px center;
	cursor: pointer;
	font-size: 13px;
	padding-right: 60px;
}
.f03pages .finderbox select::-ms-expand {
	display: none
}
.f03pages .finderbox a.button {
	text-align: left;
	padding: 0 35px 0 18px;
	float: right;
	margin-top: 12px;
	position: relative
}
.f03pages .finderbox a.button:after {
	content: "";
	position: absolute;
	right: 14px;
	top: 11px;
	background-image: url('/de/content/static/fh_gfx/graphics/startseiten/shared-s3ed19b3cde.png');
	background-position: 0 -70px;
	background-repeat: no-repeat;
	display: block;
	height: 14px;
	width: 8px;
	text-indent: -9999px;
}
.f03pages .finderbox .row {
	overflow: hidden;
	margin-bottom: 10px;
	position: relative;
	text-align: center;
}
.f03pages .finderbox .row.reifen label {
	text-align: left;
}
.f03pages .finderbox .row.reifen select {
	background: #E4E7ED
		url(/de/content/static/fh_gfx/graphics/startseiten/select-arrow.png)
		no-repeat right 8px center;
	text-indent: 4px
}
.f03pages .finderbox .row.reifen select.s {
	width: 100%;
	padding-right: 0;
	display: inline-block;
	float: none;
}
.f03pages .finderbox .row.reifen select.m {
	width: 100%;
	padding-right: 0;
	display: inline-block;
	float: none;
}
.f03pages .finderbox .row.reifen select.l {
	width: 100%;
	float: none;
	padding-right: 0;
	display: inline-block;
}
.f03pages .finderbox .row.reifen .reifenfinder_r_title {
		display: none;
	}
.f03pages .finderbox .left {
	width: 100%;
	display: inline-block;
	float: none;
}
.f03pages .finderbox .right {
	width: 100%;
	display: inline-block;
	float: none;
}
.f03pages .finderbox.felgen {
	position: relative;
	float: left
}
.f03pages .finderbox.felgen:before {
	content: "";
	position: absolute;
	left: 0;
	top: auto;
	background: url('/de/content/static/fh_gfx/graphics/startseiten/felgenfinder.jpg') no-repeat 0 0;
	display: block;
	height: 241px;
	width: 192px;
	text-indent: -9999px
}
.f03pages .finderbox.reifen {
	position: relative;
	float: right
}
.f03pages .finderbox.reifen:before {
	content: "";
	position: absolute;
	left: 0;
	top: auto;
	background: url('/de/content/static/fh_gfx/graphics/startseiten/reifenfinder.jpg') no-repeat 0 0;
	display: block;
	height: 260px;
	width: 164px;
	text-indent: -9999px;
}
.f03pages .finderbox.ersatz {
	position: relative;
	max-width: 980px;
	margin-top: 27px;
	height: auto;
}
.f03pages .finderbox.ersatz:before {
	content: "";
	position: absolute;
	left: 0;
	top: auto;
	background: url('/de/content/static/fh_gfx/graphics/startseiten/ersatzteilfinder.jpg') no-repeat 0 0;
	display: block;
	height: 241px;
	width: 170px;
	text-indent: -9999px
}
.f03pages .finderbox.ersatz .left {
	width: 100%;
}
.f03pages .finderbox.ersatz .right {
	width: 100%;
	margin-left: 0;
}
.f03pages .finderbox.ersatz .row.key {
	margin-left: 0;
	margin-top: 24px
}
.f03pages .finderbox.ersatz .row.key .left {
	max-width: 362px;
	width: 100%;
	padding-right: 20px;
}
.f03pages .finderbox.ersatz .row.key .left p {
	line-height: 19px;
	margin-top: 4px;
	text-align: left;
}
.f03pages .finderbox.ersatz .row.key .left p br {
	display: none;
}
.f03pages .finderbox.ersatz .row.key .right {
	width: 100%;
	margin-left: 0
}
.f03pages .finderbox.ersatz .row.key .right label {
	width: 15%;
	text-align: right;
	float: left;
	height: 37px;
	line-height: 37px;
	margin-top: 10px;
	font-size: 15px
}
.f03pages .finderbox.ersatz .row.key .right input {
	height: 35px;
	line-height: 35px;
	text-indent: 15px;
	width: 80%;
	float: right;
	margin-top: 10px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px
}
.f03pages .finderbox.ersatz .row.key .right ::-webkit-input-placeholder {
	color: #5A627;
}

/*********************************************************************************/
/* OTV Buttons */
.f03pages .termin {
	max-width: 1150px;
	margin: 0 auto 37px auto
}
.f03pages .termin p {
	text-align: justify;
	font-size: 15px
}
.f03pages .termin p br {
	display: none;
}
.f03pages ul.otv {
	overflow: hidden;
	margin-top: 26px
}
.f03pages ul.otv li {
	float: left;
	width: 100%;
}
.f03pages ul.otv a {
	display: block;
	width: 100%;
	height: 70px;
	color: #FFF;
	font-size: 16px;
	text-align: center;
	padding: 25px 5px 0 5px;
	margin: 0 15px 15px 0;
	line-height: 16px;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.f03pages ul.otv a {
	position: relative;
}
.f03pages ul.otv a.achsvermessung,
.f03pages ul.otv a.fehleranalyse {
	padding-top: 80px;
}
.f03pages ul.otv a:before {
	content: "";
	position: absolute;
	left: 5px;
	top: 2px;
	background-image: url('/de/content/static/fh_gfx/graphics/startseiten/shared-s3ed19b3cde.png');
	background-repeat: no-repeat;
	height: 65px;
	width: 85px;
	text-indent: -9999px
}
.f03pages ul.otv a.reifen:before { background-position: 0 -859px; }
.f03pages ul.otv a.oelwechsel:before { background-position: 0 -789px; }
.f03pages ul.otv a.huau:before { background-position: 0 -579px; }
.f03pages ul.otv a.inspektion:before { background-position: 0 -649px; }
.f03pages ul.otv a.bremsen:before { background-position: 0 -229px; }
.f03pages ul.otv a.klimaanlage:before { background-position: 0 -719px; }
.f03pages ul.otv a.achsvermessung:before { background-position: 0 0; }
.f03pages ul.otv a.elektrik:before { background-position: 0 -369px; }
.f03pages ul.otv a.zahnriemen:before { background-position: 0 -1069px; }
.f03pages ul.otv a.checks:before { background-position: 0 -299px; }
.f03pages ul.otv a.fehlerspeicher:before { background-position: 0 -509px; }
.f03pages ul.otv a.smartrepair:before { background-position: 0 -929px; }
.f03pages ul.otv a.auspuff:before { background-position: 0 -89px; }
.f03pages ul.otv a.autoglas:before { background-position: 0 -159px; }
.f03pages ul.otv a.fehleranalyse:before { background-position: 0 -439px; }
.f03pages ul.otv a.uvm:before { background-position: 0 -999px; }
.f03pages ul.otv a.filiale:before { background-image: none; }
.f03pages ul.otv a.filiale {
	margin-right: 0;
	width: 100%;
	height: 110px;
	text-align: left;
	padding: 46px 20px 0 15px;
	position: relative;
	line-height: 18px;
}
.f03pages ul.otv a.filiale:after {
	content: "";
	height: 0;
	width: 0;
	position: absolute;
	right: -60px;
	top: 0;
	border: 60px solid #FFF;
	border-left-color: transparent;
	-moz-transform: scale(0.75, 1);
	-ms-transform: scale(0.75, 1);
	-webkit-transform: scale(0.75, 1);
	transform: scale(0.75, 1)
}

/*********************************************************************************/
/* Banner */
.f03pages .dynvisual {
	overflow: hidden;
	text-align: right;
	background: #000
}
.f03pages .dynvisual a {
	display: block;
	overflow: hidden
}
.f03pages .dynvisual a:hover {
	opacity: 0.9
}
.f03pages .dynvisual img {
	display: block;
	float: right;
	width: 165%;
	margin-right: -20%;
}

/*********************************************************************************/
/* Werkstatt - nicht refactoriert */
.f03pages .werkstatt {
	height: 715px;
	background:
		url(/de/content/static/fh_gfx/graphics/startseiten/meisterwerkstatt-visual2.jpg)
		no-repeat 0 0;
	font-size: 15px
}
.f03pages .werkstatt .inner {
	max-width: 1150px;
	margin: auto;
	height: 715px;
	position: relative
}
.f03pages .werkstatt h2 {
	padding: 32px 0 12px 0
}
.f03pages .werkstatt p {
	text-align: center;
	font-size: 15px;
}
.f03pages .werkstatt ul.otv {
	max-width: 675px;
	float: left
}
.f03pages .werkstatt .legend {
	position: relative;
	width: 440px;
	float: right;
	padding-top: 70px;
	margin-top: 20px
}
.f03pages .werkstatt .legend:before {
	content: "";
	position: absolute;
	left: 190px;
	top: 0;
	background-image:
		url('/de/content/static/fh_gfx/graphics/startseiten/pages-s006a50dcaf.png');
	background-position: 0 -2359px;
	background-repeat: no-repeat;
	display: block;
	height: 58px;
	width: 59px;
	text-indent: -9999px
}
.f03pages .werkstatt .legend span.headline {
	color: #C31525;
	text-align: center;
	font-size: 30px;
	font-weight: bold;
}
.f03pages .werkstatt .legend p {
	color: #5A6271
}
.f03pages .werkstatt .new {
	position: absolute;
	bottom: 30px;
	text-align: left;
	color: #FFF
}
.f03pages .werkstatt .new span.headline {
	font-size: 24px
}
.f03pages .werkstatt .new p {
	text-align: left
}

/*********************************************************************************/
/* Partner - nicht refactoriert */
.f03pages .partner {
	overflow: hidden;
	padding-bottom: 10px;
	width: 100%;
}
.f03pages .partner h2 {
	font-size: 21px;
	text-transform: uppercase;
	color: #5A6271;
	margin: 30px 0 20px 0
}
.f03pages .partner ul {
	max-width: 1150px;
	overflow: hidden;
	margin: auto
}
.f03pages .partner li {
	float: left;
	width: 24%;
}
.f03pages .partner li a {
	display: block;
	width: 255px;
	height: 137px;
	text-indent: -9999px;
}
.f03pages .partner li a:hover {
	cursor: pointer;
	opacity: 0.8;
}
.f03pages .partner li.dekra a {
	background: url('/de/content/static/fh_gfx/graphics/startseiten/dekra.jpg') no-repeat 0 0;
}
.f03pages .partner li.tuev a {
	background: url('/de/content/static/fh_gfx/graphics/startseiten/tuev.jpg') no-repeat 0 0;
}
.f03pages .partner li.gtue a {
	background: url('/de/content/static/fh_gfx/graphics/startseiten/gtue.jpg') no-repeat 0 0;
}
/*.f03pages .partner li.commerz a {
	background: url('/de/content/static/fh_gfx/graphics/startseiten/commerz.jpg') no-repeat 0 0;
}*/
.f03pages .partner li.targobank {
	padding-top: 35px;
}
.f03pages .partner li.targobank a {
	background: url('/de/content/static/fh_gfx/graphics/startseiten/targobank.jpg') no-repeat 0 0;
	background-size: contain;
}

/*********************************************************************************/
/* Fork */
.f03pages .fork {
	min-height: 315px;
	overflow: hidden
}
.f03pages .fork .inner {
	max-width: 745px;
	margin: auto;
	position: relative;
}
.f03pages .fork .inner:after {
	content: "";
	position: absolute;
	right: 709px;
	top: 0;
	background: url('/de/content/static/fh_gfx/graphics/startseiten/tablet.jpg') no-repeat 0 0;
	display: block;
	height: 299px;
	width: 383px;
	text-indent: -9999px
}
.f03pages .fork .inner:before {
	content: "";
	position: absolute;
	left: 746px;
	top: 0;
	background: url('/de/content/static/fh_gfx/graphics/startseiten/werkstatt.jpg') no-repeat 0 0;
	display: block;
	height: 326px;
	width: 346px;
	text-indent: -9999px
}
.f03pages .fork h2 {
	font-size: 30px;
	margin-top: 16px
}
.f03pages .fork .left {
	float: left;
	width: 100%;
	padding: 0 20px;
	text-align: center;
	box-sizing: border-box;
	z-index: 1;
}
.f03pages .fork .left h2,
.f03pages .fork .right h2 {
	text-align: center;
}
.f03pages .fork .left p br,
.f03pages .fork .right p br {
    display: none;
}
.f03pages .fork .left p,
.f03pages .fork .right p {
	text-align: justify;
}
.f03pages .fork .right {
	float: right;
	width: 100%;
	padding: 0 10px;
	text-align: center;
	box-sizing: border-box;
	z-index: 1;
}
.f03pages .fork a.button {
	position: relative;
	max-width: 290px;
	width: 100%;
	text-align: center;
	margin-top: 20px;
	text-indent: -15px;
}
.f03pages .fork a.button:after {
	content: "";
	position: absolute;
	right: 14px;
	top: 11px;
	background-image: url('/de/content/static/fh_gfx/graphics/startseiten/shared-s3ed19b3cde.png');
	background-position: 0 -70px;
	background-repeat: no-repeat;
	display: block;
	height: 14px;
	width: 8px;
	text-indent: -9999px;
}
.f03pages .fork p {
	font-size: 15px;
}

/*********************************************************************************/
/* Finder links */
.f03pages .finderlinks {
	background: #5A6271;
	padding-bottom: 50px
}
.f03pages .finderlinks h2 {
	color: #FFF;
	padding: 26px 0 33px 0
}
.f03pages .finderlinks ul {
	max-width: 1150px;
	margin: auto;
	overflow: hidden
}
.f03pages .finderlinks a {
	display: block;
	height: 197px;
	font-size: 30px;
	text-align: right;
	position: relative;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding-right: 57px;
	padding-top: 62px;
	line-height: 34px;
	text-shadow: 0 0 5px white
}
.f03pages .finderlinks a:after {
	content: "";
	position: absolute;
	right: 18px;
	top: 84px;
	background-image: url('/de/content/static/fh_gfx/graphics/startseiten/doorpage-s895b794085.png');
	background-position: 0 0;
	background-repeat: no-repeat;
	display: block;
	height: 33px;
	width: 19px;
	text-indent: -9999px
}
.f03pages .finderlinks a:hover {
	color: #5A6271
}
.f03pages .finderlinks li {
	float: left;
	width: 100%;
	margin-right: 2%;
	margin-bottom: 20px;
	background: #FFF;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px
}
.f03pages .finderlinks li:hover {
	background-image:
		url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2U0ZTdlZCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
	background-size: 100%;
	background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff),
		color-stop(100%, #e4e7ed));
	background-image: -moz-linear-gradient(top, #ffffff, #e4e7ed);
	background-image: -webkit-linear-gradient(top, #ffffff, #e4e7ed);
	background-image: linear-gradient(to bottom, #ffffff, #e4e7ed)
}
.f03pages .finderlinks li.reifen {
	position: relative
}
.f03pages .finderlinks li.reifen:before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	background-image: url('/de/content/static/fh_gfx/graphics/startseiten/doorpage-s895b794085.png');
	background-position: 0 -442px;
	background-repeat: no-repeat;
	display: block;
	height: 197px;
	width: 182px;
	text-indent: -9999px
}
.f03pages .finderlinks li.reifen a {
	padding-top: 81px
}
.f03pages .finderlinks li.felgen {
	position: relative
}
.f03pages .finderlinks li.felgen:before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	background-image: url('/de/content/static/fh_gfx/graphics/startseiten/doorpage-s895b794085.png');
	background-position: 0 -240px;
	background-repeat: no-repeat;
	display: block;
	height: 197px;
	width: 146px;
	text-indent: -9999px
}
.f03pages .finderlinks li.ersatzteil {
	margin-right: 0;
	position: relative
}
.f03pages .finderlinks li.ersatzteil:before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	background-image: url('/de/content/static/fh_gfx/graphics/startseiten/doorpage-s895b794085.png');
	background-position: 0 -38px;
	background-repeat: no-repeat;
	display: block;
	height: 197px;
	width: 141px;
	text-indent: -9999px
}

/*********************************************************************************/
/* Media alt */
@media screen and (max-width: 1280px) {
	.f03pages .werkstatt .legend {
		width: 250px;
		margin-right: 200px;
	}
	.f03pages .werkstatt .legend p {
		text-align: left;
	}
}
@media screen and (max-width: 1200px) {
	.f03pages .termin, .f03pages .werkstatt,
	.f03pages .finderlinks {
		padding-left: 16px;
		padding-right: 16px
	}
	.f03pages .finder-inner {
		float: none;
		margin: 0 auto;
	}
	/*new due to bootstrap*/
	.f03pages .werkstatt ul.otv {
		max-width: 550px;
	}
	.f03pages .werkstatt .new {
		right: 20px;
	}
	.f03pages .werkstatt .legend:before {
		left: 106px
	}
}

/*new queries after BOOTSTRAP */
@media screen and (max-width: 1024px) {
	.f03pages .werkstatt {
		height: auto;
		background: none;
	}
	.f03pages .werkstatt .inner {
		height: auto;
	}
	.f03pages .werkstatt,
	.f03pages .partner {
		display: block;
		clear: both;
	}
	/*textblock*/
	.f03pages .werkstatt .new {
		display: none;
	}
	.f03pages .werkstatt .legend {
		float: none;
		margin: 0 auto;
	}
	/*otv button*/
	.f03pages .werkstatt ul.otv {
		max-width: none;
		width: 100%;
		float: none;
	}
	.f03pages .werkstatt ul.otv li {
		width: 24%;
	}
	.f03pages .werkstatt ul.otv li:nth-child(odd) {
		margin-right: 0;
	}
	.f03pages .werkstatt ul.otv li:nth-child(even) {
		margin-right: 1%;
		margin-left: 1%;
	}
	.f03pages .werkstatt ul.otv li a {
		width: 100%;
		display: block;
	}
	.f03pages .werkstatt ul.otv li a:before {
		left: 50%;
		-moz-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
	}
}
@media screen and (max-width: 1000px) {
	/*partner logos*/
	.f03pages .partner li {
		width: 50%;
	}
	.f03pages .partner li a {
		display: block;
		margin: 0 auto;
	}
}
@media screen and (max-width: 768px) {
	.f03pages .werkstatt ul.otv li {
		width: 48%;
	}
	.f03pages .werkstatt ul.otv li:nth-child(odd) {
		margin-right: 4%;
	}
	.f03pages .werkstatt ul.otv li:nth-child(even) {
		margin-right: 0;
		margin-left: 0;
	}
	.f03pages .werkstatt ul.otv li a {
		width: 100%;
		display: block;
	}
	.f03pages ul.otv a {
		padding: 75px 5px 35px 5px;
	}
}
@media screen and (max-width: 480px) {
	/*otv button*/
	.f03pages .werkstatt ul.otv {
		margin: 26px auto;
		float: none;
	}
	.f03pages .werkstatt ul.otv li {
		width: 100%;
	}
	.f03pages .werkstatt ul.otv li:nth-child(odd) {
		margin-right: 0;
	}
	/*partner logos*/
	.f03pages .partner li {
		display: block;
		float: none;
		width: 100%;
	}
	.f03pages .werkstatt .legend p {
		display: inline-block;
		width: 90%;
	}
}


/*********************************************************************************/
/* Media neu */
@media screen and (min-width: 450px) {
	/*********************************************************************************/
	/* OTV Buttons */
	.f03pages ul.otv a:before {
		left: 17px;
	}
	
	/*********************************************************************************/
	/* banner */
	.f03pages .dynvisual img {
		width: 140%;
		margin-right: 0;
	}
	
	/*********************************************************************************/
	/* finder */
	.f03pages .finderbox .left {
	    width: 180px;
	}
	.f03pages .finderbox .right {
	    width: 180px;
	}
	.f03pages .finderbox .row.reifen select.s {
		width: 53px;
	}
	.f03pages .finderbox .row.reifen select.m {
		width: 60px;
	}
	.f03pages .finderbox .row.reifen select.l {
		width: 130px;
	}
	.f03pages .finderbox {
		height: 306px;
	}
	.f03pages .finderbox .row.reifen select {
		background: #E4E7ED
			url(/de/content/static/fh_gfx/graphics/startseiten/select-arrow.png)
			no-repeat right 8px center;
	}
	.f03pages .finderbox .row.reifen label {
		text-align: center;
	}
	.f03pages .finderbox .row.reifen .reifenfinder_r_title {
		display: inline;
	}
}

@media screen and (min-width: 650px) {
	/*********************************************************************************/
    /* Slider */
	.stage #layerslider span.ls-bottom-slidebuttons {
	    bottom: 14px;
	}
	
	/*********************************************************************************/
	/* OTV Buttons */
	.f03pages .termin p {
		text-align: center;
	}
	.f03pages .termin p br {
		display: block;
	}
	.f03pages ul.otv a.inspektion,
	.f03pages ul.otv a.bremsen,
	.f03pages ul.otv a.klimaanlage {
		display: none;
	}	
	.f03pages ul.otv li {
		width: auto;
	}
	.f03pages ul.otv a {
		width: 80px;
		padding-top: 65px;
		height: 100px;
	}
	.f03pages ul.otv a.uvm {
		padding-top: 40px;
	}
	.f03pages ul.otv a.filiale {
		width: 180px;
		height: 100px;
		padding-top: 35px;
	}
	.f03pages ul.otv a.filiale::after {
		top: -5px;
	}
	.f03pages ul.otv a:before {
		top: 0;
		left: -2px;
	}
	
	/*********************************************************************************/
	/* Fork */
	.f03pages .fork {
	    margin-top: 35px;
	}
	.f03pages .fork .left {
		float: left;
		width: 50%;
		text-align: left;
		position: relative;
	}
	.f03pages .fork .left h2 {
		text-align: left;
	}
	.f03pages .fork .right {
		float: right;
		width: 50%;
		text-align: right;
	}
	.f03pages .fork .right h2,
	.f03pages .fork .right p {
		text-align: right
	}
	.f03pages .fork .left p br,
	.f03pages .fork .right p br {
	    display: block;
	}
	
	/*********************************************************************************/
	/* Finder links */
	.f03pages .finderlinks li {
		width: 32%;
		margin-bottom: 0;
	}
}

@media screen and (min-width: 750px) {
	/*********************************************************************************/
	/* banner */
	.f03pages .dynvisual img {
		width: 100%;
	}
	
	/*********************************************************************************/
	/* finder */
	.f03pages .finder-inner {
		max-width: 980px;
	}
	.f03pages .finderbox {
		margin-right: 3%;
		margin-left: 3%;
		width: 94%;
	}
	.f03pages .finderbox.ersatz .row.key {
		margin-left: 88px;
	}
}
@media screen and (min-width: 800px) {
	/*********************************************************************************/
	/* OTV Buttons */
	.f03pages ul.otv a {
		width: 120px;
		padding-top: 90px;
		height: 120px;
	}
	.f03pages ul.otv a.uvm {
		padding-top: 70px;
	}
	.f03pages ul.otv a.filiale {
		height: 120px;
		padding-top: 40px;
	}
	.f03pages ul.otv a.filiale::after {
		top: 0;
	}
	.f03pages ul.otv a:before {
		top: 17px;
		left: 18px;
	}
}

@media screen and (min-width: 950px) {
	/*********************************************************************************/
	/* OTV Buttons */
	.f03pages ul.otv a.inspektion {
		display: block;
	}
}

@media screen and (min-width: 1003px) {
	/*********************************************************************************/
	/* Finder */
	.f03pages .finderbox .finderbox-inner {
		padding-left: 12%
	}
	.f03pages .finderbox.ersatz .finderbox-inner {
	    padding-left: 6.5%;
	    padding-right: 2.9%;
	}
	.f03pages .finderbox.ersatz .row .button{
		position: absolute;
		bottom: 0;
		right: 0;
	}
	.f03pages .finderbox.ersatz .left {
		max-width: 325px;
	}
	.f03pages .finderbox.ersatz .right {
		max-width: 325px;
		margin-left: 20px;
	}
	.f03pages .finderbox {
		max-width: 473px;
		width: 100%;
		margin-bottom: 0;
		margin-right: 0;
		margin-left: 0;
	}
	.f03pages .finderbox label {
	 	text-align: left;
	}
	.f03pages .finderbox.ersatz .row {
		text-align: left;
	}
	.f03pages .finderbox.ersatz .row.key .right {
		max-width: 200px;
	}
}

/*new queries after BOOTSTRAP */
@media screen and (min-width: 1024px) and (max-width: 1200px) {
	.f03pages .werkstatt .legend {
		margin-right: 50px;
	}
}

@media screen and (min-width: 1060px) {
	/*********************************************************************************/
	/* OTV Buttons */
	.f03pages ul.otv a.bremsen {
		display: block;
	}
}
@media screen and (min-width: 1200px) {
	/*********************************************************************************/
    /* finder */
    .f03pages .finder-inner {
        margin: 0 9% 0 0;
        float: right;
    }
	/*********************************************************************************/
	/* OTV Buttons */
	.f03pages ul.otv a.klimaanlage {
		display: block;
	}
}

/*new queries after BOOTSTRAP */
@media screen and (min-width: 1200px) and (max-width: 1280px) {
	.f03pages .werkstatt .legend {
		width: 250px;
		margin-right: 200px;
	}
	.f03pages .werkstatt .new {
		right: 175px;
	}
	.f03pages .partner {
		margin-left: -80px;
	}
}

/*********************************************************************************/
/* IE Hacks */
html.lt-ie10 .f03pages .finderbox select {
	background: #E4E7ED !important
}

html.lt-ie9 .f03pages .finder-inner {
	float: none;
	margin: 0 auto
}
/*# sourceMappingURL=startseiten.css.map */