@CHARSET "UTF-8";

/** 
 * Overwrites & Extensions 
 */

html, 
body
{
	height: auto;
}

pre
{
	font-size: 12px;
}

address 
{
	margin: 1em 0;
	font-style: normal;
}

.navigation-block
{
	margin: 0px;
	padding: 0px;
}

#ColumnMiddle div.Content
{
	padding: 0px 10px 0px 10px;
}

.halfpage, 
.halfpage.last 
{
    width: 49.5%;
    display: inline-block;
    vertical-align: top;
    overflow: hidden;
    margin-top: 0px;
	margin-right: 0px;
    float: left;
}
.halfpage.last 
{
    float: right;
}
	.halfpage img 
	{
		max-width: 100%;
	}

.fullpage 
{
    padding: 10px 0px;
    clear: both;
    width: 100%;
    overflow: hidden;
}
	.fullpage img 
	{
		width: 100%;
		position: relative;
	}

/* Mega-Menü: Autoservice */

#TopNavi .subnavi .linkico
{
	padding: 0px;
}

#TopNavi .subnavi .linkico p
{
	position: relative;
	left: 50%;
	top: 0px;
	width: 95px;
	transform: translate(-50%, 0px);
	color: #111;
	white-space: nowrap;
}

#TopNavi .subnavi .linkimg p 
{
    max-height: 48px;
	/* height: 64px; */
}

/* Bühne / Slick */

div.stage
{
	position: relative;
	left: 0px;
	top: 0px;
	height: 370px;
	margin: 0px 0px 10px 0px;
	overflow: hidden;
}
	div.stage div.stage-items, 
	div.stage div.stage-items div.stage-item, 
	div.stage div.stage-items div.slick-list, 
	div.stage div.stage-items div.slick-track
	{
		width: 100%;
		height: 100%;
	}
	div.stage div.stage-items
	{
		position: absolute;
		left: 0px;
		top: 0px;
	}
		div.stage div.stage-items div.stage-item
		{
			background: transparent right top no-repeat;
		}
			div.stage div.stage-items div.stage-item-image .text-node
			{
				display: none;
			}

#ColumnMiddle
{
	margin-bottom: 10px;
}

.ContentSection 
{
	/* width: 66%; */
	margin: 0px 0px 15px 0px;
	clear: both;
	
	font-size: 14px;
	line-height: 21px;
}
	.ContentSection h1,
	.ContentSection h2,
	.ContentSection h3,
	.ContentSection h4,
	.ContentSection h5,
	.ContentSection h6,
	.ContentSection p,
	.ContentSection ul
	{
		margin: 0px 0px 15px 0px;
		line-height: 21px;
	}
	.ContentSection h1 { line-height: 36px; }
	.ContentSection h2 { line-height: 28px; }

		.ContentSection ul li
		{
			margin-bottom: 3px;
		}


.ImgFloatLeft img 
{
    display: block;
    float: left;
    margin: 0px 15px 12px 0px;
}

input.InputButton 
{
	display: inline;
	padding: 8px;
	border: solid 1px rgb(204, 204, 204);
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-radius: 0px;
	outline: 0px none;
	background: transparent linear-gradient(to bottom, #FFE947 0%, #FFE400 100%) repeat scroll 0% 0%;

	font-size: 14px;
	font-weight: 700 !important;
	color: #111;
	text-align: center;
	text-transform: uppercase;
	text-decoration: none;
	
	cursor: pointer;
}

/* Formulare */

div.Content form {
}

div.Content form div.FormText {
	position: relative;
	left: 0px;
	margin: 20px 0px 20px 0px;
	padding: 0px;
	border: none;
}

div.Content form fieldset {
	position: relative;
	left: 0px;
	margin: 20px 0px 20px 0px;
	padding: 0px;
	border: none;
}

div.Content form fieldset fieldset {
	margin: 8px 0px 8px 0px;
}

div.Content form fieldset fieldset fieldset {
	margin: 4px 0px 8px 200px;
}


div.Content form fieldset.Required {
}

div.Content form fieldset legend {
	display: none;
}

div.Content form fieldset label {
	display: block;
	position: relative;
	left: 0px;
	width: 160px;
	margin: 0px 15px 0px 0px;
	padding-top: 2px;
	float: left;
	cursor: pointer;
}

body.Standalone div#Page.Survey div.Content form fieldset label {
	width: 90px;
}

div.Content form fieldset fieldset fieldset label {
	display: inline;
	width: auto;
	margin-right: 8px;
	float: none;
}

div.Content form fieldset.Required label {
	font-weight: bold;
}

div.Content form fieldset label dfn {
	display: block;
	position: absolute;
	top: -2px;
	right: 0px;
	width: 34px;
	white-space: nowrap;
}

div.Content form fieldset span.Beispiel {
	display: inline;
	position: absolute;
	right: 0px;
	width: 120px;
	padding-top: 3px;
	font-size: 10px;
}

div.Content form fieldset span.Beispiel label {
	display: inline; 
	float: none; 
	margin-right: auto;
}

div.Content form fieldset select {
	margin: 0px;
	width: auto;
	max-width: 204px;
	border: inset 1px rgb(255,228,0);
}

div.Content form fieldset select option {
	padding-left: 4px;
	padding-right: 4px;
}

div.Content form fieldset textarea {
	margin: 0px;
	padding-left: 4px;
	width: 196px;
	height: auto;
	border: inset 1px rgb(255,228,0);
}

div.Content form fieldset input.InputText {
	margin: 0px;
	padding: 2px;
	/* width: 200px; */ /* width ohne padding */
	width: 196px;
	/* height: 19px; */  /* height ohne padding */
	height: 15px;
	border: inset 1px rgb(255,228,0);
}

div.Content form fieldset.Date input.InputTextDay, 
div.Content form td.Date input.InputTextDay {
	/* width: 30px !important; */  /* width ohne padding */
	width: 26px !important;
}

div.Content form fieldset.Date input.InputTextMonth, 
div.Content form td.Date input.InputTextMonth {
	/* width: 30px !important; */  /* width ohne padding */
	width: 26px !important;
}

div.Content form fieldset.Date input.InputTextYear, 
div.Content form td.Date input.InputTextYear {
	/* width: 60px !important; */  /* width ohne padding */
	width: 56px !important;
}

div.Content form fieldset.Date input.InputTextYearShort, 
div.Content form td.Date input.InputTextYearShort {
	/* width: 30px !important; */  /* width ohne padding */
	width: 26px !important;
}

div.Content form input.disabled {
	color: rgb(128,128,128);
}


div.Content form fieldset Date span.DateSeparator {
	width: 10px;
	margin: 0px;
	padding: 0px;
	overflow: hidden;
}

div.Content form fieldset.DateRange fieldset.FullDateFrom
{
	float: left;
	width: 160px;
	margin-right: 48px;
	white-space: nowrap;
	z-index: 10000;
}

div.Content form fieldset.DateRange fieldset.FullDateTo
{
	float: left;
	width: 130px;
	margin-right: 0px;
	white-space: nowrap;
	z-index: 10000;
}

div.Content form fieldset.DateRange fieldset.FullDateFrom a,
div.Content form fieldset.DateRange fieldset.FullDateTo a
{
	width: 13px;
	overflow: hidden;
}

div.Content form fieldset.DateRange fieldset.FullDateFrom label
{
	width: 50px;
	white-space: nowrap;
}

div.Content form fieldset.DateRange fieldset.FullDateTo label
{
	width: 16px;
}


div.Content form fieldset.DateRange fieldset.FullDateFrom input.InputText,
div.Content form fieldset.DateRange fieldset.FullDateTo input.InputText
{
	/* width: 70px !important; */  /* width ohne padding */
	width: 66px !important;
	float: none !important;
	margin-right: 0px !important;
}

div.Content form fieldset.DateRange fieldset.FormSubmit
{
	position: absolute;
	right: 0px;
	top: 0px;
	border-top: none !important;
	padding-top: 0px !important;
	z-index: 1000;
}




div.Content form fieldset p {
	margin-left: 176px; /* label width + checkbox */
	padding: 0px;
	border: none;
}

div.Content form div.FormText p {
	margin-left: 0px;
	padding: 0px;
	border: none;
}


div.Content form fieldset div 
{
	margin: 4px 4px 4px 176px; /* label width + checkbox */
	min-height: 14px; /* Fix fuer leeren div */
}


div.Content form div.FormText div.FormImage {
	margin-left: 0px;
	padding: 0px;
	border: none;
}

div.Content form div.FormText div.FormImage img {
	display: block;
	border: solid 1px black;
	/* margin: 0px auto 0px auto; */
}


div.Content form fieldset fieldset fieldset p {
	margin-left: 0px; /* label width + checkbox */
}

div.Content form fieldset fieldset fieldset div {
	margin: 4px 4px 4px 0px;
}


div.Content form fieldset p.Error 
{
	font-weight: bold;
	color: rgb(165,24,28);
	padding-bottom: 18px;
	margin-left: 198px;
}

div.Content div.RegionPage div.FbContact p.Error 
{
	font-weight: bold;
	color: rgb(165,24,28);
	padding-bottom: 18px;
	margin-left: 198px;
	/* margin-left: 22px; */
}

div.Content form fieldset p.Error:before, 
div.Content div.RegionPage div.FbContact p.Error:before 
{
	font-weight: bold;
	color: white;
	margin-right: 4px;
	margin-left: -22px;
	padding: 1px 5px 1px 6px;
	background-color: rgb(165,24,28);
	content: "!";
}



div.Content form fieldset ul.ListOfSelections {
	list-style-type: none;
	overflow: visible;
	margin-top: 0px;
	margin-left: 176px; /* label width + checkbox */
}

div.Content form fieldset fieldset fieldset ul.ListOfSelections {
	margin-left: 0px;
}

div.Content form fieldset ul.ListOfSelections li {
	list-style-type: none;
	background-image: none;
	padding-left: 0px;
	float: none;
	/* clear: both; */
}


div.Content form fieldset ul.ListOfSelections li label {
	display: block;
	width: auto !important;
	float: none;
	margin-left: 22px;
	font-weight: normal;
}

div.Content form fieldset fieldset fieldset ul.ListOfSelections li label {
	display: inline;
	position: relative;
	top: 2px;
	margin-left: 4px;
}

div.Content form fieldset ul.ListOfSelections.YesNo li {
	float: left;
}

div.Content form fieldset ul.ListOfSelections.YesNo li label {
	font-weight: bold;
}

div.Content form fieldset ul.ListOfSelections li input.InputCheckbox, 
div.Content form fieldset ul.ListOfSelections li input.InputRadio {
	display: block;
	position: relative;
	top: 1px;
	width: 18px;
	padding: 0px;
	margin: 2px 0px 0px 0px;
	float: left;
	overflow: hidden;
}

div.Content form fieldset ul.ListOfSelections li input.InputText {
	display: inline;
	margin-left: 22px;
	/* width: 178px; */  /* width ohne padding */
	width: 174px;
}

div.Content form fieldset fieldset fieldset ul.ListOfSelections li input.InputText {
	display: inline;
	margin-left: 0px;
	/* width: 120px; */  /* width ohne padding */
	width: 116px;
}

div.Content form fieldset ul.ListOfSelections li div.ZusatzText {
	margin-left: 22px;
	color: rgb(153,137,0);
}

div.Content form fieldset ul.ListOfSelections li div.ZusatzText:hover {
	color: black;
}

div.Content form fieldset ul.ListOfSelections.ThreeColumns 
{
	margin-left: 0px;
}

div.Content form fieldset ul.ListOfSelections.ThreeColumns li 
{
	float: left;
	width: 172px;
}

div.Content form fieldset ul.ListOfSelections.ThreeColumns li.LastItemInLine 
{
	width: 162px;
}



div.Content form fieldset p input.InputCheckbox {
	display: block;
	position: relative;
	top: 1px;
	width: 18px;
	margin: 0px;
	padding: 0px;
	border: none;
	float: left;
	overflow: hidden;
}

div.Content form fieldset.FormSubmit {
	padding-top: 15px;
	text-align: right;
	border-top: solid 1px black;
}

div.Content div.Tabs form fieldset.FormSubmit {
	margin-top: 0px;
	padding-top: 15px;
	border-top: none;
}

div.Content div.Tabs form fieldset.FormSubmit input.InputButton 
{
	float: left;
	margin-right: 12px;
}

div.Content form fieldset.Captcha
{
}
	div.Content form fieldset.Captcha input#code
	{
		display: block;
		margin: 1em 0 1em 175px;
	}
	div.Content form fieldset.Captcha a.NewCaptcha
	{
		display: block;
		margin-left: 175px;
		font-size: 90%;
		text-decoration: none;
	}
	div.Content form fieldset.Captcha a.NewCaptcha:hover
	{
		text-decoration: underline;
	}



/* Fix für Werkstars Inspektions Booking Widget (Seite: inspektion_buchen) */
#Footer h3 
{
	font-size: 16px !important;
}


/* Filialsuche */

body.body_haendlersuche
{
}

div.ContentSection.Haendlersuche 
{
	width: 100%;
}
	div.ContentSection.Haendlersuche form
	{
		display: table;
		width: 100%;
		background: rgb(233, 233, 233) none left top no-repeat;
	}
		div.ContentSection.Haendlersuche form div.HaendlersucheFilter,
		div.ContentSection.Haendlersuche form div.HaendlersucheClickmap
		{
			display: table-cell;
			padding: 15px 25px 15px 25px;
		}
		div.ContentSection.Haendlersuche form div.HaendlersucheFilter
		{
			width: 66%;
		}
			div.ContentSection.Haendlersuche form div.HaendlersucheFilter p.Controls
			{
				display: none;
			}
	div.ContentSection.Haendlersuche form label
	{
		display: inline-block;
		width: 130px;
	}

	div.ContentSection.Haendlersuche form h2.result-info
	{
		padding: 15px 25px 0px 25px;
	}

	div.ContentSection.Haendlersuche form p.controls
	{
		padding-left: 25px;
	}


div.ContentSection.Ortsliste
{
	width: 100%;
}
	div.ContentSection.Ortsliste h2
	{
		background: rgb(233, 233, 233) none repeat scroll 0% 0%;
		padding: 5px 25px;	
	}
	div.ContentSection.Ortsliste ul
	{
		width: 66%;
		padding: 0px;
		list-style-type: none;
	}
		div.ContentSection.Ortsliste ul li
		{
			display: inline;
			list-style-type: none;
		}
		div.ContentSection.Ortsliste ul li:after
		{
			content: ', ';
		}
		div.ContentSection.Ortsliste ul li:last-child:after
		{
			content: '';
		}
			div.ContentSection.Ortsliste ul li a
			{
				white-space: nowrap;
			}

table.SearchResults
{
}
	table.SearchResults th, 
	table.SearchResults td
	{
		text-align: left;
		vertical-align: top;
	}

	table.SearchResults thead tr
	{
		color: white; 
		background-color: black;
	}


/* Regionalseiten */

div.ContentSection.Tabs,
div.ContentSection.RegionPage
{
	width: 100%;
	padding-bottom: 1em;
}
div.ContentSection.Tabs
{
	padding-top: 1em;
	padding-bottom: 1em;
}
	div.ContentSection.Tabs ul
	{
		padding-left: 0px;
	}
		div.ContentSection.Tabs ul li
		{
			display: inline;
			margin-right: 3px;
			padding: 8px;
			background-color: rgb(233, 233, 233);
			border: solid 1px rgb(204, 204, 204);
			-moz-border-radius: 0px;
			-webkit-border-radius: 0px;
			border-radius: 0px;
			outline: 0px none;

			font-size: 14px;
			text-align: center;
		}
			div.ContentSection.Tabs ul li a
			{
				font-size: 14px;
				font-weight: 700 !important;
				color: #111;
				text-align: center;
				text-transform: uppercase;
				text-decoration: none;
			}
		div.ContentSection.Tabs ul li.isPage
		{
			background: transparent linear-gradient(to bottom, #FFE947 0%, #FFE400 100%) repeat scroll 0% 0%;
		}


	div.ContentSection.RegionPage .Controls
	{
		margin: 1em 0 1em 0;
	}
		div.ContentSection.RegionPage .Controls a
		{
			display: inline;
			margin-right: 3px;
			padding: 8px;
			/* background-color: rgb(233, 233, 233); */
			background: transparent linear-gradient(to bottom, #FFE947 0%, #FFE400 100%) repeat scroll 0% 0%;

			border: solid 1px rgb(204, 204, 204);
			-moz-border-radius: 0px;
			-webkit-border-radius: 0px;
			border-radius: 0px;
			outline: 0px none;

			font-size: 14px;
			font-weight: 700 !important;
			color: #111;
			text-align: center;
			text-transform: uppercase;
			text-decoration: none;
		}

div.ContentSection.RegionPage form
{
}
	div.ContentSection.RegionPage form fieldset
	{
		padding: 0 0 1em 0;
	}
		div.ContentSection.RegionPage form fieldset label
		{
			display: block;
			width: 160px;
			margin: 0 1em 0 0;
			float: left;
		}
div.ContentSection.RegionPage .FbContact .InputButton
{
	margin-left: 175px;
}

div.ContentSection.RegionPage #WindowContentControls
{
	margin-bottom: 1em;
}

div.FbService h3
{
	padding: 8px 0px 8px 28px;
	background: rgb(233, 233, 233) url('../img/icons/ic_expand_more_24px.svg') left center no-repeat;
}
div.FbService.Collapsed h3
{
	background: rgb(233, 233, 233) url('../img/icons/ic_expand_more_24px.svg') left center no-repeat;
}
div.FbService.Expanded h3
{
	background: rgb(233, 233, 233) url('../img/icons/ic_expand_less_24px.svg') left center no-repeat;
}

div.FbInfoText div.Images
{
	display: table;
	width: 100%;
}
	div.FbInfoText div.Images div.Image
	{
		display: table-cell;
	}
		div.FbInfoText div.Images div.Image img
		{
			max-width: 100%;
			height: auto;
		}


div.ContentSection.RegionPage div.FbServices ul li
{
	margin-left: 4px;
	padding-left: 7px;
}
div.ContentSection.RegionPage div.FbServices ul li.yes 
{
	margin-left: -12px;
	padding-left: 22px;
	list-style-type: none;
	background: transparent url('../img/icons/list-yes.svg') -1px 3px no-repeat !important;
}
div.ContentSection.RegionPage div.FbServices ul li.no 
{
	margin-left: -12px;
	padding-left: 22px;
	list-style-type: none;
	background: transparent url('../img/icons/list-no.svg') -1px 3px no-repeat !important;
}

#map-canvas
{
	width: 100%;
	height: 440px;
}

a.PhoneLink
{
	text-decoration: none;
}


/* Styling Highlights */

div.ContentSection.Felgen
{
	width: 100%;
}
	div.ContentSection.Felgen div.Felge
	{
		width: 31%;
		margin: 0 1% 1em 1%;
		float: left;
		text-align: center;
	}
		div.ContentSection.Felgen div.Felge .image,
		div.ContentSection.Felgen div.Felge .text
		{
			display: block;
		}
		div.ContentSection.Felgen div.Felge .image
		{
		}
			div.ContentSection.Felgen div.Felge .image img
			{
				width: 100%;
				height: auto;
			}
		div.ContentSection.Felgen div.Felge .text
		{
			height: 3.4em;
		}
		div.ContentSection.Felgen div.Felge a.text
		{
			text-decoration: none;
		}
		div.ContentSection.Felgen div.Felge a.text:hover
		{
			text-decoration: underline;
		}

	div.ContentSection.Felgen div.FelgenBlaettern
	{
		clear: both;
		text-align: center;
		white-space: nowrap;
	}
		div.ContentSection.Felgen div.FelgenBlaettern .pager-info
		{
			padding: 0 1em 0 1em;
		}

/* Jobbörse */

div.ContentSection.Jobboerse
{
	width: 100%;
}
	table.JobListing
	{
		width: 100%;
	}
		table.JobListing th,
		table.JobListing td
		{
			padding: 0.4em 1em 0.4em 1em;
			text-align: left;
			vertical-align: top;
		}
		table.JobListing thead tr
		{
			background-color: black;
		}
		table.JobListing thead th,
		table.JobListing thead td
		{
			font-weight: bold;
			color: white;
		}
		table.JobListing tbody tr.even
		{
			background-color: rgb(233, 233, 233);
		}
		table.JobListing tbody td.JobLocation ul li
		{
			margin-bottom: 0px;
		}
		table.JobListing tbody td.JobLocation ul, 
		table.JobListing tbody td.JobLocation ul li, 
		table.JobListing tbody td.JobLocation ul li span
		{
			font-size: 12px;
			line-height: 18px;
		}

/* Betriebscheck */

.ContentSection.betriebscheck
{
	width: 100%;
}

.ContentSection.betriebscheck *
{
	box-sizing: border-box;
}

.betriebscheck div.form
{
	display: none;
	width: 100%;
	margin: 1em 0;
}
	.betriebscheck #betriebscheck-start
	{
		margin-bottom: 1em;
	}

	.betriebscheck div.fieldset,
	.betriebscheck div.submit
	{
		position: relative;
		left: 0px;
		top: 0px;
		width: 100%;
		padding: 3px 0 3px 0;
		border-top: solid 3px #EDEDED;
		white-space: nowrap;
	}
	.betriebscheck div.fieldset:after
	{
		content: "";
		display: block;
		float: none;
		clear: both;
	}
		.betriebscheck div.fieldset div.legend,
		.betriebscheck div.fieldset div.selection,
		.betriebscheck div.fieldset div.control
		{
			display: block;
			width: 14%;
			margin: 0px;
			padding: 2px 12px 2px 12px;
			float: left;
			white-space: nowrap;
		}
		.betriebscheck div.fieldset div.legend
		{
			width: 16%;
			padding: 10px 17px 10px 17px;
			background-color: #EDEDED;
			white-space: normal;
		}
		.betriebscheck div.fieldset div.control
		{
			padding-right: 0px;
			text-align: right;
		}
		.betriebscheck div.fieldset div.protector,
		.betriebscheck div.submit div.protector
		{
			position: absolute;
			left: 0px;
			top: 0px;
			width: 100%;
			height: 100%;
		}
			.betriebscheck div.fieldset .prettyradio
			{
				padding-top: 4px;
				white-space: nowrap;
			}
			.betriebscheck div.fieldset .prettyradio label
			{
				margin-top: 4px;
			}
			.betriebscheck div.fieldset .labelright label
			{
				float: none
			}

	.betriebscheck div.submit
	{
		padding-top: 1em;
		text-align: right;
	}
		.betriebscheck #submit
		{
			padding-left: 60px;
			padding-right: 60px;
			cursor: pointer;
		}


.betriebscheck div.msg
{
	display: none;
	margin: 1em 0;
	padding: 1em 1em 0 1em;
	border-left: solid 21px white
}
.betriebscheck noscript div.msg
{
	display: block;
}
	.betriebscheck div.msg p
	{
		padding: 0 0 1em 0;
	}

.betriebscheck #antwort1
{
	border-color: #3FEA00;
}
.betriebscheck #antwort2
{
	border-color: #FFE400;
}
.betriebscheck #antwort3
{
	border-color: #FF0000;
}
.betriebscheck .msg.nojs-message
{
	border-color: #FF0000;
}


/* resp */

@media only screen and (max-width: 1100px) {

.betriebscheck div.fieldset div.legend,
.betriebscheck div.fieldset div.control
{
	display: block;
	width: 100%;
	float: none;
	clear: both;
	white-space: initial;
}

.betriebscheck div.fieldset div.selection
{
	width: 20%;
}

} /* end @media only screen and (max-width: 1100px) */

@media only screen and (max-width: 780px) {

	.ContentSection 
	{
		width: 100%;
	}
		.Content img 
		{
			max-width: 100%;
			height: auto;
		}
	div.ContentSection.Ortsliste ul
	{
		width: 100%;
	}

	div.FbInfoText div.Images div.Image img
	{
		width: 96%;
		max-width: auto;
		height: auto;
	}
	
	div.ContentSection.Felgen div.Felge
	{
		width: 49%;
		margin: 0 0.5% 1em 0.5%;
	}

	table.JobListing
	{
		border-top: solid 1px rgb(204, 204, 204);
	}
		table.JobListing thead
		{
			display: none;
		}
		table.JobListing tbody th,
		table.JobListing tbody td
		{
			display: block;
			width: 100%;
			padding: 0 0 0.4em 0;
		}
		table.JobListing tbody th::before,
		table.JobListing tbody td::before
		{
			content: attr(data-label)': ';
			display: block;
		}
		table.JobListing tbody th.JobEntryDate,
		table.JobListing tbody td.JobEntryDate
		{
			padding: 1em 0 0.4em 0;
		}
		table.JobListing tbody th.JobEntryDate::before,
		table.JobListing tbody td.JobEntryDate::before
		{
			display: inline;
		}
		table.JobListing tbody th.JobTitle span,
		table.JobListing tbody td.JobTitle span
		{
			font-weight: bold;
		}
		table.JobListing tbody th.JobTitle::before,
		table.JobListing tbody td.JobTitle::before
		{
			display: none;
		}
		table.JobListing tbody th.JobLocation,
		table.JobListing tbody td.JobLocation
		{
			padding: 0;
			border-bottom: solid 1px rgb(204, 204, 204);
		}
		table.JobListing tbody tr,
		table.JobListing tbody tr.even
		{
			background-color: transparent;
		}

	.betriebscheck div.fieldset div.selection
	{
		width: 100%;
		float: none;
	}

} /* end @media only screen and (max-width: 780px) */


@media only screen and (max-width: 580px) {

	.halfpage, 
	.halfpage.last 
	{
		display: block; 
		width: 100%; 
		margin: 10px 0 0 0; 
		clear: both;
	}

	div.FbInfoText div.Images,
	div.FbInfoText div.Images div.Image
	{
		display: block;
	}
		div.FbInfoText div.Images div.Image img
		{
			width: 100%;
			max-width: auto;
			height: auto;
		}

} /* end @media only screen and (max-width: 580px) */


@media only screen and (max-width: 480px) {

	.Content img 
	{
		float: none;
		margin-right: 0px;
	}

	div.ContentSection.Haendlersuche form
	{
		display: block;
	}
		div.ContentSection.Haendlersuche form div.HaendlersucheFilter,
		div.ContentSection.Haendlersuche form div.HaendlersucheClickmap
		{
			display: block;
		}
		div.ContentSection.Haendlersuche form div.HaendlersucheFilter
		{
			width: auto;
		}

	div.ContentSection.Ortsliste ul
	{
		width: 100%;
		padding: initial;
	}
		div.ContentSection.Ortsliste ul li
		{
			display: list-item;
			list-style-type: none;
			padding: 0;
			border-bottom: solid 1px rgb(233, 233, 233);
		}
		div.ContentSection.Ortsliste ul li::after 
		{
			content: "";
		}		
		div.ContentSection.Ortsliste ul li a
		{
			display: block;
			padding: 0.1em 0 0.2em 0;
			text-decoration: none;
		}

	div.ContentSection.Felgen div.Felge
	{
		width: 100%;
		margin: 0 0 1em 0;
	}
		div.ContentSection.Felgen div.Felge .text
		{
			height: auto;
		}

} /* end @media only screen and (max-width: 480px) */



.mobileOnly {
  display: none !important; }

@media only screen and (max-width: 780px) {
  .mobileOnly {
    display: initial !important; }
  .mobileHide {
    display: none !important; } 
}

@media only screen and (min-width: 973px) {
  .media-medium-only,
  .media-medium-minus,
  .media-small-only {
    display: none !important; } 
}

@media only screen and (min-width: 781px) and (max-width: 972px) {
  .media-large-only,
  .media-small-only {
    display: none !important; } 
}

@media only screen and (max-width: 780px) {
  .media-large-only,
  .media-medium-only,
  .media-medium-plus {
    display: none !important; } 
}

.lt-ie9 .media-medium-only,
.lt-ie9 .media-medium-minus,
.lt-ie9 .media-small-only {
  display: none !important; 
}



@media only screen and (max-width: 600px) {
	/* "unslick" */
	div.stage div.stage-items
	{
		display: none;
	}

} /* end @media only screen and (max-width: 600px) */


/* Link in Searchbox. Temporär ausgeblendet, bis Lösung gefunden */

div.searchbox a.help
{
	visibility: hidden;
}

#ServiceFilters
{
	display: none;
}