@charset "utf-8";
/* CSS Document 
	Datei: frontend.css
	(c) Grimm EDV Systeme Bernburg 2016 
	
	Farben:
	Weiss/Bianco: #FFFFFF
	Rosa/GRIGIO CHIARISSIMO: #F2F2F2 
	DunkelGrau/GRIGIO CHIARO: #999999 
	Grau/GRIGIO: #666666 
	Rot/ROSSO: #96172E
	Schwarz/NERO: #000000;
*/
body, html{padding:0; margin:0}
body{font-size:14px;font-family:'helvetica neu', Arial}
ul{display:inline-block}
#container{margin:0; padding:0;position:relative}
.container{width: 980px;margin:0 auto;position:relative;display: block;}
h1, h2, h3, h4, h5, h6 {color:#000; font-family:'foxima', Arial, Helvetica, Verdana}
a, a:link, a:visited, a:active, a:focus {color: #96172E;text-decoration: none}
a:hover {color: #666666;text-decoration: underline;}
a.next-button{border-radius:2px;color: #fff !important;padding: 6px 12px;background-color: #96172E;line-height: 20px;margin: 0.2em;}
a.next-button .fa-solid{font-size:12px}
a.next-button:hover{background-color:#cdbbbb;color:#96172E !important;text-decoration:none;}
.article-summary-image{float:left; margin:0 12px 12px 0}
.border, input[type="text"], input[type="submit"], .GoogleMap {border-radius:4px;border:solid 1px #ccc}
.ColLeft, .ColRight{width:49%; float:left}
.ColRight{float:right;}
.cc-btn{margin:0 0 0 30px}
input[type="text"], input[type="submit"],textarea, select{width: 94%; padding:6px; border-radius:4px; border:solid 1px #ccc}
input[type="submit"], select{width:100%}
.default-Form{border-radius:4px;border:solid 1px #ccc}
.default-Form .FormTitle,.carlist .header, .form-field{clear:both;margin: 0.5em 18px;display: inline-block;width: 90%;}
.ftc-FormTitle{border-bottom:solid 1px #ccc;margin:0 !important;width: 100%;}
.FormTitle, .carlist .header{font-size:24px}
.form-type-breaktext{font-size:0.9em;}
.form-type-breaktext p{margin:0 0 0.2em 0}
.form-type-checkbox{position:relative; padding-left:30px}
#.form-type-checkbox label{padding-left:30px}
.form-type-checkbox input{position:absolute; left:0}
.formLayout-Right .ColLeft{width: 100%;}
.formElement{clear:both}
.GoogleMap{border-width: 10px; box-shadow:3px 3px 3px #ccc}
.dark .GoogleMap{box-shadow:none;border-color:#fff;height: 300px;}
.inline-table{/* display: inline-block; */ float:left; width:100%;position: relative;margin-bottom: 12px;}
.inline-table div{float:left;display: block;vertical-align: top;}
.inline-table .teaser-subline{/* position:relative; */margin: 0 12px 0 212px; float:left;top: 0;}
.list .teaser-subline{margin:0; padding:6px}
.list .teaser-subline .teaser-image{margin:0 6px 6px 0}
.list h3{margin-top:0}
#headerBlock {position: relative;margin-bottom: 2em;z-index: 10;}
#headerBlock .image-item{padding:0;margin: 0;}
#header_phon {background: url(../images/fiat/icon_phon.png) no-repeat;padding-left:1.5em;color:#666666;position: absolute;right: 0;font-weight: bold;top: 4px;}
#header_phon p{margin:0}
#logo{position:absolute;left:0;z-index: 1000;}
#logo a, #logo #firma{float:left;font-size: 18px;font-family: 'Foxima','helvetica neu', Arial;}
#logo .firmAddress{font-size:0.8em; font-weight:normal}
#logo img{/* margin-right:1em; */}
#logo a{display:block;margin-right: 0.5em;}
#logo .service{font-size:0.9em; font-weight:normal; text-align:center}
#firma{padding: 4px 0 16px 0;float:left;color: #96172E;font-weight:800;}
#firma p{margin:0}
#mainNavigation{top: 64px;right:0;height: 38px;position: absolute;z-index: 500;}
#mainNavigation li{height: 36px;vertical-align:middle;border:solid 1px #c7ced1;border-width:0 0 0 1px}
#mainNavigation li.sub_last{border-width:0 1px}
#mainNavigation li a{height: 24px;line-height: 24px;vertical-align:middle;padding: 6px 15px;font-size: 16px;color:#fff;float: left;}
#mainBlock{background-color: #F2F2F2;border:solid 1px #d2d2d2;border-width: 6px 0;position:relative;display: inline-block;width: 100%;padding: 30px 0;}
.table{display:table; width:100%}
.tableRow{display:table-row}
.tableCell, .table-col-space{display:table-cell; vertical-align:top}
.table-col-space{width:12px}
.left, .right{width:49%; float:left}
.right{float:right}
.dark{float: left;width: 100%;position: relative; border:solid 1px #c86562; border-width:6px 0}
.nav_ul li{list-style:none; padding:0; margin:0}
#footerBlock{position:relative;}
#footerBlock .left, #footerBlock .right{width:25%;float: none;}
#footerBlock .center{width:50%;position: relative;padding:20px 0}
#footerBlock .center ul{position:relative;/* float: none !important; *//* clear: none !important; */}
#footerBlock .right div{float:right}
#footerBlock .iconList{float:right; width:100%}
#footerBlock .iconList figure.image-item{float: right;margin: 0.2em 0 0.2em 0.5em;}
#footerBlock, #footerBlock .nav_ul li a{color:#7f7f7f;font-size: 0.9em;}
#footerBlock .nav_ul ul {margin:0.2em auto;clear:both}
#footerBlock .nav_ul li{float:left; font-size:1.3em; margin-right:0.5em}
#footerBlock .nav_ul li.sub_first{border-width:0}
#footerBlock .nav_ul li a{height:40}
#footerBlock .nav_ul li a:hover{color:#000}
#footerBlock .topLine{color:#bcbcbc}
.ImageLine, .teaser{/* float:left; *//* width:100%; */display: flex;flex-direction: row;flex-wrap: wrap;}
.ImageLine figure.image-item,.teaser .teaser-entry{/* width: 229px; *//* float: left; *//* margin: 6px; *//* height: 150px; */position:relative;border: solid 1px #D2D2D2;overflow: hidden;flex: 1 0 0%;margin: 1%;/* min-width: 300px; */}
.ImageLine figure.image-item a{display:block;overflow:hidden;width: 100%;}
.ImageLine figure.image-item img {/* margin:auto; */width:100%;height: auto;}
.ImageLine figure.first, .teaser .col-1{/* margin-left:0 */}
.ImageLine figure.last, .teaser .col-4{margin-right:0}
.ImageLine figcaption{background: rgba(150, 23, 46,0.8); color:#fff; text-decoration:blink;text-align: center; position:absolute; width:100%; bottom:1px}
.ImageLine figcaption p{margin:0.2em 0}
.image-with-text{clear: both;display: block;}
.table .caption, #carprofil .carstamm .caption,#carprofil .tableCell, #carprofil .table-col-space, .border-bottom{border-color:#ccc}
.link a{float:left;padding:1px 30px 1px 12px; background:url(../images/btn_next.png) no-repeat 58px center; text-decoration:none}
.link a:hover{background:url(../images/btn_next_hover.png) no-repeat 58px center #96172E; color:#fff}
.sitemap li{background: rgb(255, 255, 255);border-color: #D2D2D2;box-shadow: none;border-width: 3px;}
.sitemap li li{border-width:1px}
.sitemap li, .sitemap li a{color: #96172E;}
.teaser{margin-bottom:1em;clear: both;}
.teaser-entry{height: 245px !important; position:relative; background-position:center}
.start .teaser-subline{position:absolute;bottom:0;width: 100%;/* height: 20px; */}
.teaser-headline{background:#fff; background:rgba(255,255,255,0.7); font-size:0.9em}
.teaser-headline h3{margin:0;font-size: 13px;}
.teaser .innerspace{margin:6px;display: inline-block;}
.teaser-subline .text{background:#000;background:rgba(0,0,0,0.7); color:#fff;font-size: 11px;}
.small{width: 312px;float: none;}
.sitemap ul {width:30%;}
.sitemap ul {width:100%;padding:0;margin-bottom:1em}
.sitemap ul li{list-style:none; overflow:hidden;float:left;width: 27%;margin: 0 1%;padding:0.2em 1em; line-height:28px; font-size:20px;margin-bottom:1em}
.sitemap ul li li{float:none; width:auto; font-size:16px}
.sitemap li li li{margin-bottom:0}
#carprofil .image{width: 640px;float: left;}
#carprofil .carstamm {float:right; width:312px}
#carprofil .advancedInfos{clear:both}
#carprofil .backLink{display:block; margin:1em 0}
#carprofil .backLink a{display:block; text-align:center; line-height:32px; font-size:16px; border-radius:3px;border: solid 1px #EDEDED;background-image: none;}
#carprofil .backLink a:hover{box-shadow:none}
#carprofil .table{display: inline-block;border-bottom: solid 1px #d2d2d2;margin-bottom: 1em;}
#carprofil .tableRow{display:inline-block;width:288px;border-top:solid 1px #d2d2d2; line-height:24px;padding:0 12px }
#carprofil .advancedInfos .tableRow{width:auto; clear:both; display:block}
#carprofil .tableCell{display:block}
#carprofil .caption, #carprofil .space, #carprofil .notable{display:block;margin:12px;line-height:32px}
#carprofil .caption h3{font-size:18px; float:left; margin:0 0.5em 0 0}
.carlist .ListEntrys{clear:both}
.carlist .ListItem{clear:both;border-top:solid 1px #ccc;padding:1em;display: inline-block;width: 96%;}
.carlist .ListItem .content{display:block;width: 100%;float: left;}
.carlist .ListItem .list-Image{float:left;/* display:inline-block; */}
.carlist .ListItem .content .Item-Details{width: 300px; float:left}
.carlist .ListItem .list-Image{margin-right:1em}
.carlist .vehicle_entry{line-height:1.5;clear: both;}
.carlist .vehicle_entry label{width:100px;display: inline-block;}
.carlist .link{margin-left:100px}
.carlist .link label{display:none}
.start .teaser{display:flex;flex-direction:row;flex-wrap: nowrap;}
.start .teaser-entry {flex:1 0 0%;text-align:center;border: none;}
#gaOptOut-banner{/* font-size:0.8em; */padding:6px;background-color:#f4f4f4;color:#000;border: solid 1px #a03b4f;border-radius:3px;position:fixed;width:320px;bottom:0;margin: 1em;}
#gaOptOut-banner h3{margin-top:0; text-align:center}
#gaOptOut-banner a{border:solid 1px red;padding:6px 12px;border-radius:3px;background:#96172e;color:#fff;font-size: 12px; display:block;text-align:center; margin:6px 0; text-decoration:none}
#gaOptOut-banner a:hover{background-color:red}
.gallery, .galleries, .card-deck{display:flex;flex-direction: row;flex-wrap: wrap;}
.card{flex: 1 0 20%;position:relative;margin:1%; max-width: 225px;}
.card img{max-width:100%; height:auto;}
.card-body{position: absolute; z-index:200; bottom:0; padding: 3px 1em; background-color:#fff; display:block;border-radius: 0 0.5em 0 0;}
.card-body h3{line-height:1.0; margin:0.25em;}
.cc-window.cc-banner{font-size:13px; opacity:0.8}
@media all and (max-width:960px){
	.container{width: 768px;}
	.ImageLine figure.image-item, .teaser .teaser-entry{width:22%;margin:0 1%}	
}
@media all and (max-width:768px){
  .container{width: 640px;}
  .ImageLine figure.image-item, .teaser .teaser-entry{width:46%;margin:0 1% 2% 0}
  #mainNavigation{width:30px;height: 30px !important;background:#fff;right:auto; left:0; top:80px}
  #mainNavigation ul{display:none;width: 300px;}
  #mainNavigation:hover > ul{display:block}
  #mainNavigation #pmenu li ul {display:block}
  #mainNavigation #pmenu li{clear:both; float:none;width: 100%;height: auto;/* margin: 1em; */}
}
@media all and (max-width:640px){
	.container{width: 480px;}
	#logo .iconList{display:none}
	#header_phon{top:70px; font-size:18px; right:auto}
	.ImageLine figcaption{font-size:24px}
	#footerBlock{font-size:18px}
	#footerBlock .center{width:100%}
	#footerBlock .nav_ul ul{margin:0; padding:0;float: none !important;}
	#footerBlock .nav_ul li{line-height:40px;width: 100%;font-size:24px; text-align: center;float: none;margin: 0.5em 0;border-top: solid 1px;}
}
@media all and (max-width:480px){
	body{font-size:36px}
	.container{width: 300px;}
	.ImageLine figure.image-item, .teaser .teaser-entry{width:auto; clear:both; float:none; margin:1em auto}
	#pmenu li li {width:100%}
}