@charset "utf-8";

/*-webkit-overflow-scrolling: touch;*/

/* * * * * * * * * * * *
 * * *  CSS RESET  * * *
 * * * * * * * * * * * */


/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

/* Make sure videos and embeds fit their containers */
embed, iframe, object { max-width: 100%; }

/* reset margin and padding */
* { margin:0; padding:0; }


/* * * * * * * * * * * * * * *
 * * *  Initialisierung  * * *
 * * * * * * * * * * * * * * */

html, 
body {		height:100%; line-height: 1; } 
body {		color:#fff; background-color:#181715; }

img {       border:none; vertical-align:bottom; }
a {         text-decoration:none; outline:none; color:#f09; }
a:hover {   text-decoration:underline; outline:none; color:#f09; }
:focus {    outline:none; }

blockquote, q { quotes:"„" "“" "‚" "‘"; }
blockquote:before, q:before {content: open-quote; }
blockquote:after, q:after {  content: close-quote; }

table {  border-collapse:collapse; border-spacing:0; }



/* * * * * * * * * * * * *
 * * *  Typografie   * * *
 * * * * * * * * * * * * */

/*
font-family:'HelveticaNeueW01-Thin';
font-family:'HelveticaNeueW01-45Ligh';
font-family:'HelveticaNeueW01-75Bold';
font-family:'HelveticaNeueW01-95Blac';
font-family:'HelveticaNeueW01-XBlkCn_710276';
font-family:'HelveticaNeueW01-ThinIt';
*/

body { font:100%/1.4em 'neue-haas-grotesk-display', Helvetica, Arial, sans-serif; font-weight: 400; }
h1, h2, h3, 
.box-contact .tel,
.box-service .title,
strong.company
{ 
	-webkit-font-smoothing:antialiased; -moz-osx-font-smoothing: grayscale; 
}

#navigation a { font-size: 15px; font-family: Arial, Helvetica, sans-serif;font-weight: 400; 
font-family: Arial, Helvetica, sans-serif;}

#slogan { font-family: Arial, Helvetica, sans-serif;font-weight: 400; font-style: italic; }

h3 {    font-size:.75em; line-height:1.3em; font-family: Arial, Helvetica, sans-serif;font-weight: 700; }
h2 {    font-size:.8em; line-height:1.3em; font-family: Arial, Helvetica, sans-serif;font-weight: 700; }
h1, h2.head1 {	font-size:1.0em; line-height:1.3em; font-family: Arial, Helvetica, sans-serif;font-weight: 900; } /* site headline */

p, #inhaltszeile li { font-size:.825em; line-height:1.3em; }
#fusszeile p { font-size:.700em; line-height:1.3em; }

b, strong { font-weight:normal; font-family: Arial, Helvetica, sans-serif;font-weight: 700; }
i, em { font-style:italic; }
strong.company { font-family: Arial, Helvetica, sans-serif;font-weight: 700; }

.box-contact .tel { font-size:.95em; line-height:1.3em; font-family: Arial, Helvetica, sans-serif;font-weight: 700; }
.box-contact .text { font-size:.675em; line-height:1.3em; font-family: Arial, Helvetica, sans-serif;font-weight: 400; }

.box-service .title { font-size:.9em; line-height:1.3em; font-family: Arial, Helvetica, sans-serif;font-weight: 900; }
.box-service .item { font-size:.775em; line-height:1.3em; font-family: Arial, Helvetica, sans-serif;font-weight: 400; }

.box-feature h3 { font-size:.625em; line-height:1.3em; font-family: Arial, Helvetica, sans-serif;font-weight: 400; }
.box-feature .text { font-size:.7em; line-height:1.3em; }

/* * * * * * * * * * * * *
 * * *  Grundgerüst  * * *
 * * * * * * * * * * * * */

/* 
schwarz: #181715
lila: #ab0060
*/

body { color:#fff; }

/* DIV-Boxen */
#javahinweis {	position:fixed; z-index:9999; top:0; left:0; right:0; text-align:center; padding:3px; background-color:#900; }

#rahmen {		position:relative; }
#kopfzeile {	position:relative; height:195px; background:#333; padding:15px 0; background-position:center center; background-repeat:no-repeat; background-size:cover; }
#cmdLogo {		display:inline-block; width:233px; position:relative; top:-15px; }
#cmdLogo img {	width:100%; }
#inhaltszeile {}
#fusszeile { }

.inhaltsbereich { position:relative; width:950px; margin:auto; }
.inhaltsbereich.menu { position:absolute; bottom:15px; width:100%; padding: 10px 0; background:#fff; }
.inhaltsbereich.kopf .last_col { text-align:right; }
.inhaltsbereich.fuss { border-top:1px solid #fff; margin-top:20px; padding-top:5px; }


/* Main Nav 1 */
#navigation { width:980px; margin:auto; }
.j-nav-level-0 { text-align:center; }
.j-nav-level-0 li { display:inline-block; position:relative; margin:0 5px; }
.j-nav-level-0 li a { display:block; padding:0; color:#181715; transition:all .25s; -webkit-transition:all .25s; }
.j-nav-level-0 li.parent a,
.j-nav-level-0 li a.current,
.j-nav-level-0 li a:hover { color:#f09; text-decoration:none; }


#slogan { color:#181715; }
#slogan span { display:inline-block; width:70px;}
#zertifikat { padding-bottom:15px; width:115px; }
#zertifikat img { max-width:100%; }

body.steinschlagreparatur #slogan,
body.autoglasreparatur #slogan,
body.unfallinstandsetzung #slogan, 
body.karosseriebau #slogan { color:#fff; }


body #kopfzeile { background-image:url(../images/emotion/home.jpg); }
body.steinschlagreparatur #kopfzeile { background-image:url(../images/emotion/steinschlagreparatur.jpg); }
body.autoglasreparatur #kopfzeile { background-image:url(../images/emotion/autoglasreparatur.jpg); }
body.unfallinstandsetzung #kopfzeile { background-image:url(../images/emotion/unfallinstandsetzung.jpg); }
body.karosseriebau #kopfzeile { background-image:url(../images/emotion/karosseriebau-2.jpg); }
body.lack-korrosionsschaeden #kopfzeile { background-image:url(../images/emotion/lackschaden.jpg); }
body.partnerversicherungen #kopfzeile { background-image:url(../images/emotion/partnerversicherungen.jpg); }
body.unternehmen #kopfzeile { background-image:url(../images/emotion/unternehmen-2.jpg); }
body.kontakt #kopfzeile { background-image:url(../images/emotion/unternehmen-2.jpg); }
body.impressum #kopfzeile { background-image:url(../images/emotion/unternehmen-2.jpg); }

.lp-links,
.lp-links a { color:#666;}
#cmdDatenschutz,
#cmdImpressum { color:#fff; }
.lp-links a:hover,
#cmdDatenschutz:hover,
#cmdImpressum:hover { color:#999; text-decoration:none;}
strong.company { text-transform:uppercase; }


/* * * * * * * * * * * *
 * * *   Inhalte   * * *
 * * * * * * * * * * * */

/* Tags */
p {		padding:0; margin-bottom:7px; letter-spacing:.5px; }
#fusszeile p { letter-spacing:0; }
em {	letter-spacing:0.25px; }

h1,h2.head1 { letter-spacing:.75px;  }
h3 { color:#999; margin-top:10px; margin-bottom:5px; }
h2 { color:#999; margin-top:15px; margin-bottom:10px; letter-spacing:.5px; /*text-transform:uppercase;*/ }
h1, h2.head1 { color:#fff; margin-top:20px; margin-bottom:15px; border-bottom:dotted 2px #fff; /*text-transform:uppercase;*/ }
h2.head1 { margin-top:40px;}
h2.head1.grau { color:#999; border-bottom-color:#999; }
h2.head1.top0 { margin-top:20px; }

#inhaltszeile ul { padding-left:20px; margin-bottom:15px; }
#inhaltszeile li { margin:3px 0; letter-spacing:.5px; }

/* Klassen */
.clearer {      clear:both; font-size:0; line-height:0; }
.alignright {	text-align:right; }
.paddingTop0 {  padding-top:0px; }
.paddingTopS {  padding-top:10px; }
.paddingTopM {  padding-top:20px; }
.paddingTopL {  padding-top:30px; }

.retinaimg { max-width:100%; }

.cmdSchadenszentrum { width:590px;display:block; }


/* * * * * * * * * * * *
 * * *  Formulare  * * *
 * * * * * * * * * * * */

/* Allgemeingültige Formatierungen */
fieldset {          margin:90px 0 5px 0; padding:10px 20px; border:1px solid #ffd300; background-color:#fff; position:relative; }
fieldset p {		clear:both; padding-bottom:5px;}
legend {            color:#fff; padding:5px 20px; background-color:#ffd300; position:absolute; top:-55px; left:-1px; width:900px; border:1px solid #ffd300; }
label {             float:left; width:130px; padding:8px 0; color:#ffd300; }
textarea {          height:100px; }
input[type=password],
input[type=text],
textarea {			border:1px solid #ffd300; padding:8px 12px; width:615px; }
input[type=password]:focus,
input[type=text]:focus,
textarea:focus {	background-color:#f1f1f1; }
select {			margin:8px 0; }

input[type=submit] {		padding:8px 40px 8px 30px; color:#fff; border:1px solid #ffd300; cursor:pointer; background:#ffd300 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAANCAYAAACZ3F9/AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2VpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDowMkNFQkVDQTA3MjA2ODExOEE2RDlGNUQ0NUIwRjRFQSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpCRUE2QjFGRjdBMUYxMUU0QTU4OUY1NUFDMTI0RUMxMSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpCRUE2QjFGRTdBMUYxMUU0QTU4OUY1NUFDMTI0RUMxMSIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBJbkRlc2lnbiBDUzUuNSAoNy41LjMpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MDI4MDExNzQwNzIwNjgxMTgwODNDMTAyNEI4QUZDNTIiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MEY4NzgxODkwQzIwNjgxMTg4QzY4Njk2NzJGRTdCMzgiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7X6z9LAAAARklEQVR42mL8DwQM+AEjVkGoPpI1MyJZSJJmRjSXEq2ZEYsXidLMiCNsCGpmxBOoeDVT1Uay/EhWqJIVj2SlHLLSKkCAAQDWWzPmKVKcaAAAAABJRU5ErkJggg==) no-repeat 90% center; }
input[type=submit]:hover {	color:#ffd300; background:#fff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAANCAYAAACZ3F9/AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2VpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDowMkNFQkVDQTA3MjA2ODExOEE2RDlGNUQ0NUIwRjRFQSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpCRUE2QjIwMzdBMUYxMUU0QTU4OUY1NUFDMTI0RUMxMSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpCRUE2QjIwMjdBMUYxMUU0QTU4OUY1NUFDMTI0RUMxMSIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBJbkRlc2lnbiBDUzUuNSAoNy41LjMpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MDI4MDExNzQwNzIwNjgxMTgwODNDMTAyNEI4QUZDNTIiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MEY4NzgxODkwQzIwNjgxMTg4QzY4Njk2NzJGRTdCMzgiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4owMJRAAAAW0lEQVR42pzS0Q2AMAgEULh5uv8ius8Z06RGBQrw2eYVuFR5CCWqQbWO4V2sOpU2DF6NMHYjeRiZfSyMbBhfrCRLofgdE+ieCh3075hEb1hADyyimWrzr14CDADgUCrjKQpfxAAAAABJRU5ErkJggg==) no-repeat 90% center; }

input[type=checkbox] { float:left; margin:3px 10px 0 130px; }
div.check { padding-bottom:10px; }
div.check label { width:400px; padding-top:0; }



/* * * * * * * * * *
 * * *  GRID   * * *
 * * * * * * * * * */

.full_size {	width:100%; }
.one_half {		width:48%; }
.one_third {	width:30.6%; }
.two_third {	width:65%; }
.one_fourth {	width:22%; }
.three_fourth {	width:74%; }
.one_fifth {	width:16.8%; }
.two_fifth {	width:37.6%; }
.three_fifth {	width:58.4%; }
.four_fifth {	width:79.2%; }
.one_sixth {	width:13.33%; }
.five_sixth {	width:82.65%; }
.four_ninth {	width:42.2%; }
.one_half,.one_third,.two_third,.three_fourth,.one_fourth,.one_fifth,.two_fifth,.three_fifth,.four_fifth,.one_sixth,.five_sixth, .four_ninth
{ 
	position:relative; margin-right:4%; float:left; 
}
.last_col {		float:right; margin-right:0 !important; clear:right; }



/* * * * * * * * * *
 * * *  Boxes  * * *
 * * * * * * * * * */

.box-contact { position:relative; top:-6px; background:#ab0060; color:#fff; padding:5px 0; text-align:center; text-transform:uppercase; }
.box-contact .corner-top-left { position:absolute; top:0; left:-6px; border:3px solid #550733; border-top-color:transparent; border-left-color:transparent; }

.box-service { border:1px solid #999; background:#666; color:#fff; text-align:center; text-transform:uppercase; }
.box-service .title,
.box-service .item { margin:10px 0 3px; }

.box-feature { float:left; width:95px; min-height:94px; padding:3px 7px; margin-right:20px; border-radius:15px; background:#bebcb4 url(../images/bg-glossy.png) no-repeat center top; background-size:100% auto; }
.box-feature a { display:block; }
.box-feature a:hover { text-decoration:none; }
.box-feature h3 { color:#f09; border-bottom:1px dotted #666; margin:3px 0; padding-bottom:3px; text-transform:uppercase; }
.box-feature .text { color:#000; }

hr.box { border:none; border-top:1px dotted #fff; width:90%; margin:auto; }


/* * * * * * * * * * * *
 * * *  Plug-Ins   * * *
 * * * * * * * * * * * */




/* * * * * * * * * * * * *
 * * *  CSS-Sprites  * * *
 * * * * * * * * * * * * */





#mobile-menu { display:none; }


@media only screen and (max-width : 768px){
	
	#mobile-menu { position:absolute; top:0; left:0; display:block; z-index:9999; padding:15px; background:#001136; }
	#cmdMobileMenu { display:block; width:40px; height:4px; border-top:12px double #fff; border-bottom:4px solid #fff; }
	
	#kopfzeile { background-color:#001136; background-position:center 50px; height:155px; }
	#navigation,
	.inhaltsbereich { box-sizing: border-box; width:100%; padding:0 15px; }
	
	.inhaltsbereich.menu { bottom:auto; top:0;}
	
	.inhaltsbereich.kopf .last_col { position:absolute; top:0; right:0; /*right:50%;*/ }
	#cmdLogo { width:160px; /*transform:translateX(50%);*/ top:-34px; }
	
	.inhaltsbereich.inhalt img { max-width:100%; }
	p, 
	#inhaltszeile li { line-height:1.6em; }
	
	#navigation,
	#slogan { display:none; }
	#zertifikat { padding-top:45px;}
	
	#navigation a { font-size:1em; font-weight: 900;  }
	#navigation { position:absolute; top:50px; left:0; width:100%; z-index:999; background:#fff; }
	.j-nav-level-0 { padding:20px 0 20px;  }
	.j-nav-level-0 li { display:block; text-align:left; }
	.j-nav-level-0 li a { text-transform: uppercase; padding:5px 0px 5px 35px; }
	
	
	.one_half,.one_third,.two_third,.three_fourth,.one_fourth,.one_fifth,.two_fifth,.three_fifth,.four_fifth,.one_sixth,.five_sixth, .four_ninth
	{ 
		width:100%; margin-right:0%; float:none; 
	}
	
	h1, h2.head1 { padding-bottom:3px; }
	h1 br,
	h2 br { display:none; }
	
	.box-contact { margin-top:30px;}
	.box-contact .corner-top-left { display:none; }
	.box-feature { margin-bottom:20px; zoom:1.25; margin:5px; }
	
	.cmdSchadenszentrum { width:100%; }
	
	.inhaltsbereich.fuss { padding:15px; }
	
	.social-fb { float:right; }
	#fusszeile p {
		font-size: .825em;
		line-height: 1.5em;
	}
	#fusszeile .alignright { text-align:left; top:-20px; position: relative; }
	#fusszeile .alignright br { display:none; }
	#fusszeile .alignright a { margin-right:15px; }
	#fusszeile .alignright a,
	.lp-links a { line-height:1.75em; }
	.lp-links { display:none; }
	
}