@charset "utf-8";

:root {
		
	--ci-color-orange: #FF5E30;
	--ci-color-orange-rgb: 255,94,48;
	
	--ci-color-red: #C60713;
	--ci-color-red-rgb: 198,7,19;
		
	--ci-color-blue: #265EA8;
	--ci-color-blue-rgb: 38,94,168;
	
	--ci-color-yellow:#FFBD59;
	--ci-color-yellow-rgb: 255,189,89;
	
	--ci-color-dark: #282D37;
	--ci-color-dark-rgb :40,45,55;
	
	--ci-color-lightgrey: #D7DCE2;
	--ci-color-lightgrey-rgb :215,220,226;
	
	--ci-color-headlines: #1C222B;
	--ci-color-headlines-rgb: 28,34,43;
	
	--ci-color-text: #000000;
	--ci-color-text-rgb: 0,0,0;
		
}

/* montserrat-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: url('/includes/fonts/montserrat-v31-latin-regular.eot'); /* IE9 Compat Modes */
  src: url('/includes/fonts/montserrat-v31-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/includes/fonts/montserrat-v31-latin-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('/includes/fonts/montserrat-v31-latin-regular.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('/includes/fonts/montserrat-v31-latin-regular.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('/includes/fonts/montserrat-v31-latin-regular.svg#Montserrat') format('svg'); /* Legacy iOS */
}



/* montserrat-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  src: url('/includes/fonts/montserrat-v31-latin-700.eot'); /* IE9 Compat Modes */
  src: url('/includes/fonts/montserrat-v31-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/includes/fonts/montserrat-v31-latin-700.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('/includes/fonts/montserrat-v31-latin-700.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('/includes/fonts/montserrat-v31-latin-700.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('/includes/fonts/montserrat-v31-latin-700.svg#Montserrat') format('svg'); /* Legacy iOS */
}

* {
	margin:0;
	padding:0;
	line-height:100%;
	outline:0;
}

html {
	width:100%;
	height:100%; 
	font-size: 100.01%;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	font-family: 'Montserrat', Helvetica, Tahoma, Verdana, Arial, san-serif;
}

body {
	position:relative;
	height:100%; 
	margin:0;
	padding:0;
	font-size:62.5%;
	font-weight: normal;
	font-style: normal;
	text-align:center;
	color:var(--ci-color-text);
	overflow-y:scroll;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	font-family: 'Montserrat', Helvetica, Tahoma, Verdana, Arial, san-serif;
	background-color:#fff;
}

#container {
	position:relative;
	width:100%;
	height:auto;
	margin:0 !important;
	padding:0 !important;
	font-size:100% !important;
	background-color:#fff;
}

#container #box {
	width:960px;
	margin:0 auto;
	text-align:left;
	color:var(--ci-color-text);
}

/* ###  ALLGEMEINE DEFINITIONEN START ### */

h1,
h2,
h3,
h4,
h5,
h6,
.headline,
legend,
p.h2,
p.h3,
p.h4 {
	font-family: 'Montserrat', Helvetica, Tahoma, Verdana, Arial, san-serif;
	color:var(--ci-color-headlines);
	font-weight:700;
	font-style:normal;
	word-wrap: break-word;
}

a {
	color:var(--ci-color-text);
	font-weight:500;
	text-decoration:dotted underline;
}

a:hover {
	text-decoration:underline;
}

a.pic,
a.pic:hover,
a.pic img {
	text-decoration:none;
	border:none;
}




.cb {
	clear:both;
	display:block;
	margin:0;
	padding:0;
}

hr {
	clear:both;
	display:block;
	width:100%;
	margin:24px auto;
	height:1px;
	border:none;
	background:none;
	border-top:1px dotted #9D9C8A;
}

.upper {
	text-transform:uppercase;
}

#container .rounder {
	-webkit-border-radius: 8px; 
	-moz-border-radius: 8px; 
	border-radius: 8px; 
}

#container .round {
	-webkit-border-radius: 4px; 
	-moz-border-radius: 4px; 
	border-radius: 4px; 
}

#content .schatten {
	-webkit-box-shadow: 0px 2px 4px 0px rgba(102,102,102,0.7);
	-moz-box-shadow: 0px 2px 4px 0px rgba(102,102,102,0.7);
	box-shadow: 0px 2px 4px 0px rgba(102,102,102,0.7);
}

#content .hinweis {
	text-align:left;
}


#content br.space {
	display:block;
	margin:0 0 36px 0;
}

#content .hidden {
	display:none;
}


/* new clearfix */
.clearfix:after {
	content: " ";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	font-size: 0;
}
	
/* Hides from IE5/Mac \*/
* html .clearfix {height: 1px;}
.clearfix {display: block;}
/* End hide from IE5/Mac */


/* ###  ALLGEMEINE DEFINITIONEN ENDE ### */



/* ### HEADER START ### */

header#header {
	display:block;
	width:auto;		
	margin:0;	
	padding:0;
	text-align:left;	
}

header#header div.headerbox {
	display:block;
	width:1320px;
	margin:0 auto;
	position:relative;
	padding:6px 0;
	text-align:left;
}

header#header div.headerbox p.logo {	
	line-height:100%;
	float:left;
	width:auto;
}

header#header div.headerbox p.logo a,
header#header div.headerbox p.logo a:hover,
header#header div.headerbox a,
header#header div.headerbox a:hover {
	text-decoration:none !important;
}

header#header div.headerbox p.logo img#logo {
	margin:20px 0 20px 20px;
}

@media only screen and (min-width:1025px) and (max-width:1399px){
	
	header#header div.headerbox {
		display:block;
		width:calc(100% - 40px);
		margin:0 auto;
		position:relative;
		padding:6px 20px;
		text-align:left;	
	}
	
}

@media only screen and (max-width:1024px){

	header#header {
		background:transparent !important;
		text-align:center;
		height:auto;
	}
	
	header#header div.headerbox {
		width:100%;
		position:relative !important;
	}
		
}

/* ### HEADER ENDE ### */


@media only screen and (max-width: 960px) {

	#mobnav-btn {
        display: inline-block;
    }
	
}

/* ### NAVI START ### */



/* Mobile first layout SmartMenus Core CSS (it's not recommended editing these rules)
	You need this once per page no matter how many menu trees or different themes you use.
-------------------------------------------------------------------------------------------*/

.sm{box-sizing:border-box;position:relative;z-index:9999;-webkit-tap-highlight-color:rgba(0,0,0,0);}
.sm,.sm ul,.sm li{display:block;list-style:none;margin:0;padding:0;line-height:normal;direction:ltr;text-align:left;}
.sm-rtl,.sm-rtl ul,.sm-rtl li{direction:rtl;text-align:right;}
.sm>li>h1,.sm>li>h2,.sm>li>h3,.sm>li>h4,.sm>li>h5,.sm>li>h6{margin:0;padding:0;}
.sm ul{display:none;}
.sm li,.sm a{position:relative;}
.sm a{display:block;}
.sm a.disabled{cursor:default;}
.sm::after{content:"";display:block;height:0;font:0px/0 serif;clear:both;overflow:hidden;}
.sm *,.sm *::before,.sm *::after{box-sizing:inherit;}

/* sm-clean START */

.sm-clean {
	border-radius: 0px;
}

.sm-clean li a, .sm-clean li a:hover, .sm-clean li a:focus, .sm-clean li a:active, .sm-clean li a.highlighted {
	padding: 13px 20px 13px 12px;
	/* make room for the toggle button (sub indicator) */
	padding-right: 58px;	
	font-size:150%;
	line-height:110%;
	font-weight:600;	
	text-decoration: none;
	border-radius: 0px;
}

.sm-clean li a:hover, .sm-clean li a:focus, .sm-clean li a:active, .sm-clean li a.highlighted {
	color:#000;
}

.sm-clean li a {}

.sm-clean li > a, .sm-clean li > a:hover, .sm-clean li > a:focus, .sm-clean li > a:active, .sm-clean li > a.highlighted {}

.sm-clean li li a, 
.sm-clean li li a:hover, 
.sm-clean li li a:focus, 
.sm-clean li li a:active,
.sm-clean li li a.highlighted {
	font-size:140%;
	line-height:130%;
	text-transform:none !important;
} 

.sm-clean li li a {
	color:var(--ci-color-text);
	background-color:#fff;
}

.sm-clean li ul.subnavi li li a {
	padding-left: 30px;
}

.sm-clean li li a:hover, 
.sm-clean li li a:focus, 
.sm-clean li li a:active,
.sm-clean li li a.highlighted {	
	color:var(--ci-color-text);
}

.sm-clean li a.current {}
.sm-clean li a.disabled {}

.sm-clean li a .sub-arrow {
	position: absolute;
	top: 50%;
	margin-top: -17px;
	left: auto;
	right: 4px;
	width: 34px;
	height: 34px;
	overflow: hidden;
	font: bold 16px/34px monospace !important;
	text-align: center;
	text-shadow: none;
}
.sm-clean li a .sub-arrow::before {
	content: '+';
}
.sm-clean li a.highlighted .sub-arrow::before {
	content: '-';
}
.sm-clean > li:first-child > a, .sm-clean > li:first-child > :not(ul) a {}
.sm-clean > li:last-child > a, .sm-clean > li:last-child > *:not(ul) a, .sm-clean > li:last-child > ul, .sm-clean > li:last-child > ul > li:last-child > a, .sm-clean > li:last-child > ul > li:last-child > *:not(ul) a, .sm-clean > li:last-child > ul > li:last-child > ul, .sm-clean > li:last-child > ul > li:last-child > ul > li:last-child > a, .sm-clean > li:last-child > ul > li:last-child > ul > li:last-child > *:not(ul) a, .sm-clean > li:last-child > ul > li:last-child > ul > li:last-child > ul, .sm-clean > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > a, .sm-clean > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > *:not(ul) a, .sm-clean > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > ul, .sm-clean > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > a, .sm-clean > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > *:not(ul) a, .sm-clean > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > ul {}
.sm-clean > li:last-child > a.highlighted, .sm-clean > li:last-child > *:not(ul) a.highlighted, .sm-clean > li:last-child > ul > li:last-child > a.highlighted, .sm-clean > li:last-child > ul > li:last-child > *:not(ul) a.highlighted, .sm-clean > li:last-child > ul > li:last-child > ul > li:last-child > a.highlighted, .sm-clean > li:last-child > ul > li:last-child > ul > li:last-child > *:not(ul) a.highlighted, .sm-clean > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > a.highlighted, .sm-clean > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > *:not(ul) a.highlighted, .sm-clean > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > a.highlighted, .sm-clean > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > *:not(ul) a.highlighted {
	border-radius: 0;
}
.sm-clean li {
	border-top: 1px solid rgba(0, 0, 0, 0.05);
}
.sm-clean > li:first-child {
	border-top: 0;
}
.sm-clean ul {}

.sm-clean ul a, .sm-clean ul a:hover, .sm-clean ul a:focus, .sm-clean ul a:active {
	text-transform:none;
	border-left: 16px solid transparent;
}
.sm-clean ul a {}

.sm-clean ul ul a,
.sm-clean ul ul a:hover,
.sm-clean ul ul a:focus,
.sm-clean ul ul a:active {
	border-left: 16px solid transparent;
}
.sm-clean ul ul ul a,
.sm-clean ul ul ul a:hover,
.sm-clean ul ul ul a:focus,
.sm-clean ul ul ul a:active {
	border-left: 24px solid transparent;
}
.sm-clean ul ul ul ul a,
.sm-clean ul ul ul ul a:hover,
.sm-clean ul ul ul ul a:focus,
.sm-clean ul ul ul ul a:active {
	border-left: 32px solid transparent;
}
.sm-clean ul ul ul ul ul a,
.sm-clean ul ul ul ul ul a:hover,
.sm-clean ul ul ul ul ul a:focus,
.sm-clean ul ul ul ul ul a:active {
	border-left: 40px solid transparent;
}

.sm-clean {
	clear:both;
	display:block;
}

@media (min-width: 1025px) {
	/* Switch to desktop layout
	-----------------------------------------------
		These transform the menu tree from
		collapsible to desktop (navbar + dropdowns)
	-----------------------------------------------*/
	/* start... (it's not recommended editing these rules) */
	.sm-clean ul {
		position: absolute;
		width: 12em;
	}

	.sm-clean li {
		float: left;
	}

	.sm-clean.sm-rtl li {
		float: right;
	}

	.sm-clean ul li, .sm-clean.sm-rtl ul li, .sm-clean.sm-vertical li {
		float: none;
	}

	.sm-clean li a {
		white-space: nowrap;
	}

	.sm-clean ul a, .sm-clean.sm-vertical a {
		white-space: normal;
	}

	.sm-clean .sm-nowrap > li > a, .sm-clean .sm-nowrap > li > :not(ul) a {
		white-space: nowrap;
	}

	/* ...end */
		
	.sm-clean {	}
	.sm-clean li a, .sm-clean li a:hover, .sm-clean li a:focus, .sm-clean li a:active, .sm-clean li a.highlighted {
		padding: 6px 18px 6px 18px;
		line-height:130%;		
		color:var(--ci-color-text);
		border-radius: 0 !important;		
		text-align:left;
	}
	
	.sm-clean li a {
		color:var(--ci-color-text);
		border-bottom:2px solid #fff;
	}	
	.sm-clean li a:hover, 
	.sm-clean li a:focus, 
	.sm-clean li a:active, 
	.sm-clean li a.highlighted {
		text-decoration:none;
		color:var(--ci-color-text);
	}
	.sm-clean li a.current,
	.sm-clean li.aktiv a.current,
	.sm-clean li.aktiv li a.current	{
		text-decoration:none;
		font-weight:600;
		border-bottom:2px solid #000;
	}
	.sm-clean li.aktiv a {
		border-bottom:2px solid #000;
	}
	.sm-clean li.aktiv li a,
	.sm-clean li li a	{
		text-decoration:none !important;
		border-bottom:2px solid #fff;
	}
	.sm-clean li li a:hover, 
	.sm-clean li li a:focus, 
	.sm-clean li li a:active, 
	.sm-clean li li a.highlighted
	.sm-clean li.aktiv li a:hover, 
	.sm-clean li.aktiv li a:focus, 
	.sm-clean li.aktiv li a:active, 
	.sm-clean li.aktiv li a.highlighted  {
		text-decoration:none !important;
	}
	.sm-clean li a.disabled {	
		color:#999;
	}		
	.sm-clean li a.has-submenu {
		padding-right: 24px;
	}
	.sm-clean li a .sub-arrow {
		top: 50%;
		margin-top: -2px;
		right: 12px;
		width: 0;
		height: 0;
		border-width: 4px;
		border-style: solid dashed dashed dashed;
		border-color: #000 transparent transparent transparent;
		background: transparent;
		border-radius: 0;
	}
	.sm-clean li a .sub-arrow::before {
		display: none;
	}
	.sm-clean li a:hover .sub-arrow,
	.sm-clean li.aktiv a .sub-arrow,
	.sm-clean li:hover a .sub-arrow	{
		border-color: #000 transparent transparent transparent;
	}
	
	.sm-clean li {
		border-top: 0;
	}
		
	.sm-clean > li > ul::before,
	.sm-clean > li > ul::after {
		content: '';
		position: absolute;
		top: 0px;
		left: 0px;
		width: 0;
		height: 0;
		overflow: hidden;
		border-width: 0px;
		border-style: dashed dashed solid dashed;
		border-color: transparent transparent #bbbbbb transparent;
	}
	.sm-clean > li > ul::after {
		top: -0px;
		left: 0px;
		border-width: 0px;
		border-color: transparent transparent #fff transparent;
	}
	
	.sm-clean ul ul {
		margin-top:-38px !important;
	}
		
	.sm-clean ul {}
	.sm-clean li.aktiv ul a {
		text-decoration:none !important;
	}
	.sm-clean ul a, .sm-clean ul a:hover, .sm-clean ul a:focus, .sm-clean ul a:active, .sm-clean ul a.highlighted {
		border: 0 !important;
		padding:10px 20px;
		text-align:left;
	}
	.sm-clean ul a:hover, .sm-clean ul a:focus, .sm-clean ul a:active, .sm-clean ul a.highlighted, .sm-clean li.aktiv ul a:hover, .sm-clean li.aktiv ul a:focus, .sm-clean li.aktiv ul a:active, .sm-clean li.aktiv ul a.highlighted {
		text-decoration:underline;
	}
	.sm-clean ul a.current {
		text-decoration:underline;
	}
	.sm-clean ul a.disabled {
		
	}
	.sm-clean ul a.has-submenu {
		padding-right: 20px;
	}
	.sm-clean ul a .sub-arrow {
		right: 8px;
		top: 50%;
		margin-top: -5px;
		border-width: 5px;
		border-style: dashed dashed dashed solid;
		border-color: transparent transparent transparent #555 !important;
	}
	.sm-clean .scroll-up,
	.sm-clean .scroll-down {
		position: absolute;
		display: none;
		visibility: hidden;
		overflow: hidden;
		background: #fff;
		height: 20px;
	}
	.sm-clean .scroll-up:hover,
	.sm-clean .scroll-down:hover {
		background: #eeeeee;
	}
	.sm-clean .scroll-up:hover .scroll-up-arrow {
		border-color: transparent transparent rgba(0,6,130,1) transparent;
	}
	.sm-clean .scroll-down:hover .scroll-down-arrow {
		border-color: rgba(0,6,130,1) transparent transparent transparent;
	}
	.sm-clean .scroll-up-arrow,
	.sm-clean .scroll-down-arrow {
		position: absolute;
		top: 0;
		left: 50%;
		margin-left: -6px;
		width: 0;
		height: 0;
		overflow: hidden;
		border-width: 6px;
		border-style: dashed dashed solid dashed;
		border-color: transparent transparent #555555 transparent;
	}
	.sm-clean .scroll-down-arrow {
		top: 8px;
		border-style: solid dashed dashed dashed;
		border-color: #555555 transparent transparent transparent;
	}
		
	.sm-clean li.button_link {
		color:#fff;
		margin-left:10px;
		-webkit-border-radius: 1px; 
		-moz-border-radius: 1px; 
		border-radius: 1px; 
	}
	.sm-clean li.button_link a {
		padding:6px 8px;
		
		
	}
	.sm-clean li.button_link,
	.sm-clean li.button_link:hover,
	.sm-clean li.button_link a,
	.sm-clean li.button_link a:hover {
		background-color:rgba(var(--ci-color-yellow-rgb),1) !important;
		text-decoration:none !important;
		color:var(--ci-color-text);
	}
	.sm-clean li.button_link svg {
		width:16px;
		height:16px;
		vertical-align:-2px;
		stroke-width: 2;
		stroke:var(--ci-color-text);
	}	
	.sm-clean li.button_link span {
		margin-left:3px;
		display:inline-block;
	}
		
	.sm-clean ul.subnavi.fahrzeuge li {
		width:420px;
	}
	
	.sm-clean ul.subnavi.fahrzeuge li li {
		width:auto;
	}
		
}

/*# sourceMappingURL=sm-clean.css.map */

/* sm-clean ENDE */

#main-menu {
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	-ms-border-radius: 0px;
	-o-border-radius: 0px;
	border-radius: 0px;
	margin:0 !important;
	text-align:left !important;
	contain: layout;
}

.sm-clean {	
	display:inline-block;
	margin:0 !important;
	text-align:left !important;	
}


/* Mobile menu toggle button */




.main-menu-btn {
	position: relative;
	float: right;
	margin: -50px 30px 40px 0;	
	display: inline-block;
	width: 29px;
	height: 29px;
	text-indent: 29px;
	white-space: nowrap;
	overflow: hidden;
	cursor: pointer;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/* hamburger icon */

.main-menu-btn-icon,
.main-menu-btn-icon:before,
.main-menu-btn-icon:after {
	position: absolute;
	top: 50%;
	left: 2px;
	height: 2px;
	width: 24px;
	background: #000;
	-webkit-transition: all 0.25s;
	transition: all 0.25s;
}

.main-menu-btn-icon:before {
	content: '';
	top: -7px;
	left: 0;
}

.main-menu-btn-icon:after {
	content: '';
	top: 7px;
	left: 0;
}

/* x icon */

#main-menu-state:checked ~ .main-menu-btn .main-menu-btn-icon {
	height: 0;
	background: transparent;
}

#main-menu-state:checked ~ .main-menu-btn .main-menu-btn-icon:before {
	top: 0;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

#main-menu-state:checked ~ .main-menu-btn .main-menu-btn-icon:after {
	top: 0;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

/* hide menu state checkbox (keep it visible to screen readers) */

#main-menu-state {
	position: absolute;
	width: 1px;
	height: 1px;
	margin: -1px;
	border: 0;
	padding: 0;
	overflow: hidden;
	clip: rect(1px, 1px, 1px, 1px);
}

/* hide the menu in mobile view */

#main-menu-state:not(:checked) ~ #main-menu {
	display: none;
}

#main-menu-state:checked ~ #main-menu {
	display: block;
}

@media (min-width: 1025px) {
	/* hide the button in desktop view */
	.main-menu-btn {
		position: absolute;
		top: -99999px;
	}
	/* always show the menu in desktop view */
	#main-menu-state:not(:checked) ~ #main-menu {
		display: block;
	}

}

nav#menu { 
	clear:both;
	position:relative;
	width:auto;
	display:inline-block;
	margin:0;
}

nav#menu ul li {	
	font-size:100%;
}


@media only screen and (min-width: 1165px) {
	
	nav#menu #main-menu { 			
		margin-top:35px !important;
		margin-left:70px !important;
	}
	
}


@media only screen and (min-width: 1025px) and (max-width: 1164px) {
	
	nav#menu #main-menu { 				
		margin-top:35px !important;
		margin-left:10px !important;	
	}
	
	
	.sm-clean li a, .sm-clean li a:hover, .sm-clean li a:focus, .sm-clean li a:active, .sm-clean li a.highlighted {
		padding: 6px 12px 6px 14px;
	}
	
	

}

@media only screen and (max-width: 1024px) {
	
	nav#menu { 
		width:calc(100% - 0px);
		display:inline-block;			
		margin: 0 0 0 0 !important;
		padding:0;
		text-align:left;	
		background-color:rgba(255,255,255,0);
	}
	
	.sm-clean  {	
		background-color:rgba(242,242,242,1);
	}
	
	header#header div.headerbox {
		padding-bottom:0 !important;
	}
	
	header#header div.headerbox p.logo {	
		line-height:100%;
		float:left;
		width:auto;
		margin:0 10px 0 20px !important;
	}
	
	header#header div.headerbox p.logo img#logo {
		margin-bottom:0;
	}
		
}

/* ### NAVI ENDE ### */






/* ##### BREADCRUMB START ##### */

p#breadcrumb {
	display:block;
	clear:both;
	width:100%;
	margin:10px 0 12px 0;
	padding:12px 0 24px 0;
	font-size:120%;
	line-height:120%;
}

p#breadcrumb a, p#breadcrumb a:hover {
	font-weight:normal;
	color:#333;
}

/* ##### BREADCRUMB ENDE ##### */


/* ##### FOOTER START ##### */ 

footer {
	display:block;
	width:100%;
	color:var(--ci-color-text);
	background:rgba(var(--ci-color-lightgrey-rgb),1);
	margin:0;
	padding:0;
	font-size:120% !important;
	text-align:center;	
}


footer #footer_content {
	display:block !important;
	margin:20px auto 0 auto !important;
	width:calc(100% - 40px);
	max-width:1140px;
	padding:40px 20px 20px 20px;	
	text-align:left;
	color:var(--ci-color-dark);
}

footer #footer_content div p {
	display:block;
	text-align:left;
	font-size:120%;
	line-height:130%;
}

footer #footer_content div p.icons {	
	line-height:150%;
}

footer #footer_content div p.h3 {
	font-size:130%;
	line-height:110%;
	font-weight:600;
}

footer #footer_content div p span.r {
	float:right;
	margin-top:3px;
	margin-right:45px;
	line-height:140%;
}

footer a {
	color:var(--ci-color-dark) !important;
}


footer #footer_content div p.logo_absatz span {
	display:inline-block;
	float:right;
	width:calc(100% - 100px);
	margin-top:36px;
	line-height:130%;
}

footer img.logo {	
	float:left;
	width:100%;
	max-width:80px;
	height:auto;	
	margin:20px 20px 20px 0;
}

footer img.responsive_pic {
	margin-bottom:6px;
}


footer svg.icon-tabler {
	stroke:var(--ci-color-dark);
	stroke-width: 1.5;
	width:20px;
	height:20px;
	margin-right:4px !important;
	vertical-align:-4px !important;
}


footer .go-top {
	position: fixed;
	bottom: 1.5em;
	right: 1.25em;
	text-decoration: none;
	color: #fff;
	text-align:left;
	background-color: rgba(var(--ci-color-dark-rgb),1);
	width:24px;
    height:24px;
    line-height:24px;
    border-radius: 50%;
	font-size: 12px;
	padding: 1em;
	display: none;
	z-index:10000;
	cursor:pointer;
}

footer .go-top:hover {
	background-color: rgba(var(--ci-color-dark-rgb),1);
}

footer a.go-top svg {
	stroke-width: 2;
	margin:-2px 0 0 -3px !important;
	vertical-align:0 !important;
}


footer .flex-container {
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
	justify-content: center;
	margin:0;
	width:100%;
}

footer .flex-container .flexbox {	
	padding:0 20px 0 0;
	display: flex;	
	flex-flow: column nowrap;
	text-align:left;
}

footer .flex-container .box66_33,
footer .flex-container .box66 {
	width:calc(66.66% - 41px);
	margin:0 20px 20px 0;
	text-align:left;
}

footer .flex-container .box50 {
	width:calc(50% - 41px);
	margin:0 20px 20px 0;
	text-align:left;
}

footer .flex-container .box33_66,
footer .flex-container .box33 {
	width:calc(33.33% - 41px);
	margin:0 20px 20px 0;
	text-align:left;
}

footer .box25:nth-child(3n){
	border:none;
}

footer .flex-container .box25 {
	width:calc(25% - 41px);
	margin:0 20px 20px 0;
}

footer .box25:nth-child(4n){
	border:none;
}

footer .flex-container .box20 {
	width:calc(20% - 41px);
	margin:0 0 20px 20px;
}

footer .box20:nth-child(5n){
	border:none;
}

footer .flexbox h4,
footer .flexbox .h4 { 
	font-size:150%;
	line-height:130%;
	font-weight:600;
	text-align:left;
	margin:0 0 3px 0;
	padding:0;
	color:var(--ci-color-dark);
	border-bottom: 1px solid;
	border-image-source: linear-gradient(90deg, rgba(255,255,255,1), rgba(255,255,255,0));
	border-image-slice: 1;
}

footer .flexbox h4 a,
footer .flexbox .h4 a {  
	font-weight:600;
}

footer .flexbox ul {
	list-style:none;
	margin:0 0 0 2px;
	padding:0;
}

footer .flexbox ul ul {
	list-style:none;
	margin-left:16px;
}

footer .flexbox p,
footer .flexbox ul li {
	font-size:120%;
	line-height:140%;
}

footer .flexbox ul li {
	margin:0;
}
	
footer .flexbox ul li li {
	font-size:100%;
} 

footer .flexbox ul.check { 
	margin-left: 16px; 
	list-style: none;
}

footer .flexbox ul.check li { 
	position: relative; 
	line-height: 150%;
	display:block;
}

footer .flexbox ul.check li::before { 
    position:absolute;
	left: -16px;
	top:2px;
    content: url(/gif/icons/check-footer.svg) " ";
}

footer .flexbox ul.inline-list {
	list-style-position: outside;
	margin:0;
	display:inline-block;
}

footer .flexbox ul.inline-list li {
	display:inline-block;
}

footer .flexbox ul.inline-list li:after {
	content:" | ";
	display:inline-block;
	vertical-align:1px;
	min-width:2px;		
	margin-left:2px;	
	margin-right:2px;
}

footer .flexbox ul.inline-list li:last-child:after {
	content:"";
}

footer .icon_sm {
	width:20px;
	height:20px;
}

footer ul.subnavi li {
	display:inline;
	font-size:130%;
}

footer ul.subnavi li:after {content: " | " }

footer ul.subnavi li:last-child:after {content: "" }




footer .flexbox ul li a,
footer .flexbox p.subnavi a,
footer .flexbox a[href*="kontakt"]	{
	display:inline-block;
	padding:6px 0 !important;
	margin-bottom:4px;
}

footer .flexbox ul li a {
	line-height:120%;
}


/* NEU */

footer ul.subnavi li ul {
	display:none;
}

footer ul.subnavi li.aktiv ul {
	display:inline !important;
	clear:none;
	margin:0 !important;
}

footer ul.subnavi li.aktiv li {
	display:inline;
}

footer ul.subnavi li.aktiv li:first-child:before {content: " | " }


footer ul.subnavi li.aktiv a,
footer ul.subnavi li.aktiv li a {
	display:inline-block !important;
}

/* NEU ENDE */



footer .flexbox p {
	margin-bottom:12px;
}

footer .flexbox p.icons {
	line-height:160%;
}


footer .flexbox p svg.icon-tabler {
	width:16px;
	height:16px;
	stroke-width:2px;
	margin-right:4px !important;
	stroke:var(--ci-color-dark) !important;
}

footer .flexbox p.bigger svg.icon-tabler {
	width:24px;
	height:24px;
	stroke-width:1.5px;
	margin-right:10px !important;
}

footer .flexbox p span.blanko_space {
	display:inline-block !important;
	margin-left:20px !important;
	line-height:140%;
}

footer span.pic_r {
	float:right;
	margin:2px 0 10px 50px;
	display:inline-block;
	text-align:center;
}

footer span.pic_r img {
	width:100%;
	max-width:300px;
	height:auto;
	margin:0 auto 20px auto;
}



/* FOOTER TYPO START */

footer h4 {
	font-size:140%;
	line-height:130%;
	margin:0 0 6px 0;
}

footer a {
	text-decoration:none;
	font-weight:normal;
	color:var(--ci-color-dark);
}

footer strong a {
	font-weight:600;
}

footer div#block div.box ul {
	list-style:none;
	margin:3px 0 0 1px;
}

footer div#block div.box p, 
footer div#block div.box li {
	margin:0;
	padding:0;
	font-size:120%;
	line-height:130%;
}

/* FOOTER TYPO ENDE */



#copyright {
	display:block;
	color:rgba(255,255,255,1);
	font-size:100%;	
	text-align:center;
	clear:both;
	margin:0 auto !important;
	padding:10px 0;
	width:100%;
	color:var(--ci-color-dark) !important;
}

#copyright p,
#copyright ul {
	display:inline-block !important;
	width:auto;
	margin:0 auto !important;
	text-align:center;
	font-size:100%;
	color:var(--ci-color-dark) !important;
}

#copyright p a,
#copyright ul li a {
	color:var(--ci-color-dark) !important;
	text-decoration: 1px dotted underline;
}

#copyright ul li {
	display:inline;
}

#copyright ul li:after {content: " | " }
#copyright ul li:last-child:after {content: "" }



@media (max-width:1240px) { 

	footer #footer_content {
		width:calc(100% - 40px);
		padding:20px;
	}

}

@media only screen and (max-width: 1024px) {
	footer .flex-container .box25 {
		width:calc(50% - 41px);
	}
}

/* ##### FOOTER ENDE ##### */


.nowrap {
	white-space: nowrap !important;
}




/* ### INHALT START ### */


#content {
	position:relative;
	width:100%;
	margin:0;
	padding:0 0 24px 0;
	font-size:100% !important;
	text-align:left;
	background-color:#fff;
	color:var(--ci-color-dark);
}

.no_padding_bottom#content {
	padding:0 !important;
}
	


#content section,
#content section article {
	width:100%;
	margin:0;
	padding:0;
	font-size:100%;
}

#content .contentbox {
	width:100%;
	max-width:1650px !important;
	margin:0 auto 20px auto;
	padding:10px 0 20px 0;
	font-size:100%;
}

 

#content .colorbox_full,
#content .contentbox.full {
	width:100%;
	max-width:100% !important;
	margin:0 0 20px 0;
	padding:0;
}

#content .colorbox_full {
	padding:0 0 20px 0 !important;
	margin:0 !important;
}

#content .colorbox_full.no_space_bottom,
#content .contentbox.full.no_space_bottom {
	margin:0 0 0 0 !important;
}


#content .colorbox_full.bg_lightblue {
	background-color:rgba(var(--ci-color-lightgrey-rgb),1);
}


#content .colorbox_full .contentbox {
	padding:0 0 20px 0 !important;
	border-top:1px solid rgba(var(--ci-color-lightgrey-rgb),1);
}



#content .contentbox.full article.border_left,
#content .contentbox.full article.border_right {
	width:calc(100% - 13%);
	margin:0 0 20px 0;
}

#content .contentbox.full article.border_left {
	padding-left:13%;
}

#content .contentbox.full article.border_right {
	padding-right:13%;
}

#content .contentbox.full article.border_left.wide {
	padding-left:20%;
	width:calc(100% - 20%);
}

#content .contentbox.full article.border_right.wide {
	padding-right:20%;
	width:calc(100% - 20%);
}


#content .contentbox.full article.border_left div.content,
#content .contentbox.full article.border_right div.content {
	background:#fff;	
	padding:10px 20px;
	margin:0;
}

#content .contentbox.full article.blue {
	background: var(--ci-color-blue);
}
#content .contentbox.full article.yellow {
	background: var(--ci-color-yellow);
}




#content .contentbox.full article.bg_dark {
	background: var(--ci-color-dark);
	padding:20px 0;
	width:100%;
}

#content .contentbox.full article.bg_dark * {
	color:#fff !important;	
}

#content .contentbox.full article.bg_dark div.content {
	width:calc(100% - 40px);
	max-width:1100px;
	padding:10px 20px;
	margin:0 auto;
}

#content .contentbox article.small_center div.content {
	width:calc(100% - 40px);
	max-width:1100px;
	padding:10px 20px;
	margin:0 auto;
}


@media only screen and (max-width: 1720px) {
	
	#content .contentbox {
		width:calc(100% - 100px);
		padding:0 50px 24px 50px;
	}
	
	#content .contentbox.full {
		width:100%;
		max-width:100% !important;
		padding:0;
	}
		
}




#content section article p {
	font-size:160%;
	line-height:140%;
	clear:none;
	margin:6px 0 12px 0;
	font-weight:400;
}


#content section article p.svg_icons {
	line-height:200% !important; 
}

#content section article p.fussnote {
	font-size:130%;
	line-height:130%;
}



#content section h1,
#content section h2,
#content section h3,
#content section h4,
#content section h5,
#content section h6,
#content section .h1,
#content section .h2,
#content section .h3,
#content section .h4,
#content section .h4_1,
#content section .h5,
#content section .h6 {
	font-weight:700;
}

#content section h1.light,
#content section h2.light,
#content section h3.light,
#content section h4.light,
#content section h5.light,
#content section h6.light {
	font-weight:500;
}


#content section h1 a,
#content section h2 a,
#content section h3 a,
#content section h4 a,
#content section h5 a,
#content section h6 a,
#content section h1 a:hover,
#content section h2 a:hover,
#content section h3 a:hover,
#content section h4 a:hover,
#content section h5 a:hover,
#content section h6 a:hover {
	text-decoration:none;
}


#content section h1, 
#content section h2.h1 {
	font-size:380%;
	text-align:left;
	text-transform:uppercase;
	margin:0 auto 24px auto;
}

#content section h1.h4 {
	font-size:280%;
}

#content section span.smaller {
	font-size: 70% !important;
	font-weight:500;
}

#content section h2,
#content section h3.h2,
#content section .h2 {
	font-size:320%;
	margin:22px auto 16px auto;
}

#content section h2.h4 {
	font-size:260%;
	margin:22px auto 16px auto;
}

#content section h2.p {
	font-size:200%;
	line-height:140%;
	clear:none;
	margin:12px 0 12px 0;
	font-weight:400;
}

#content section article > h2 {
	margin-top:6px;	
}

#content section h3,
#content section h2.h3,
#content section h4.h3 {
	font-size:280%;
	line-height:120%;
	margin:16px auto 12px auto;
}

#content section a.h3 {
	font-size:180%;
	line-height:120%;	
	color:var(--ci-color-dark);
	font-weight:normal;
	font-style:normal;
	word-wrap: break-word;
}

#content section table h3 {
	font-size:200%;
}

#content section h4 {
	font-size:200%;
	margin:6px auto 2px auto;
	color:var(--ci-color-dark);
}

#content section h2.h4,
#content section h3.h4,
#content section h4.h4,
#content section p.h4_1,
#content .flex-container.leistungen p.h4_1 {
	font-size:240%;
	line-height:140%;
	margin:6px auto 12px auto;
}

#content section h5,
#content section h6 {
	margin:0 auto 12px auto;
	font-size:200%;
	color:var(--ci-color-dark);
}

#content section h4.h3 {
	font-size:280%;
	line-height:140%;
	margin:6px auto 20px auto;
	color:var(--ci-color-dark);
}

#content section .h1 {
	font-size:380%;
	text-align:left;
	text-transform:uppercase;
	margin:0 auto 24px auto;
}

#content section .headline {
	font-size:200%;
	line-height:140%;
	color:var(--ci-color-dark);
}


#content section article .small {
	font-size:80%;
	line-height:90%;
}

#content section .small {
	font-size:80%;
	line-height:90%;
}

#content section article blockquote {
	clear:none;
	margin:6px 24px 12px 24px;
}

#content section article blockquote em {
	color:var(--ci-color-dark);
}


#content section p.h3 {
	font-size:240%;
	line-height:120%;
	margin:16px auto 6px auto;
}

#content section p.h4 {
	font-size:200%;
	line-height:110%;
	margin:6px auto 2px auto;
	color:var(--ci-color-dark);
	font-weight:500;
}


#content section article ol,
#content section article ul {
	clear:none;
	margin:6px 0 12px 18px;
}

#content section article li {
	font-size:160%;
	line-height:140%;
	font-weight:400;
	margin-bottom:4px;	
}

#content section article li li {
	font-size:100%;
}


#content table {
	margin:6px 0 12px 0;
}

#content th,
#content td {
	font-size:160%;
	line-height:140%;
	clear:none;
	font-weight:400;
	color:var(--ci-color-text);
}

#content td td {
	font-size:100%;
}


#content table.fahrzeugeigenschaften {}


#content table.fahrzeugeigenschaften th {
	font-size:240%;
	line-height:140%;
	clear:none;
	font-weight:700;
	color:var(--ci-color-text);
	padding:0 20px 20px 0;
}

#content table.fahrzeugeigenschaften td {
	font-size:170%;
	line-height:130%;
	clear:none;
	font-weight:400;
	color:var(--ci-color-text);
	padding:0 20px 20px 0;
}

#content table.fahrzeugeigenschaften td td {
	font-size:100%;
}




#content span.blanko_space {
	display:inline-block !important;
	margin-left:20px !important;
	line-height:140%;
}

#content section svg.icon-tabler {
	stroke-width:2;
	vertical-align:-3px;
}



#content .grey {
	color:#444 !important;
	color:var(--ci-color-dark);
}

footer .bold,
#content .bold {
	font-weight:600 !important;
}

#content section .no_space_top {
	margin-top:0 !important;
}

.no_space_bottom,
.no_space_bottom#content,
#content section .no_space_bottom {
	margin-bottom:0 !important;
}

.no_padding_bottom,
.no_padding_bottom#content,
#content section .no_padding_bottom {
	padding-bottom:0 !important;
}

#container div.space_top,
#container .space_top {
	padding-top:40px !important;
}

#container div.space_bottom,
#container .space_bottom {
	padding-bottom:40px !important;
}

#content .space_margin_top {
	margin-top:16px !important; 
}

#content .space_margin_bottom {
	margin-bottom:16px !important; 
}

#content .f_r {
	float:right;
	margin:0 0 0 20px;
}

#content .pic_r {
	float:right;
	margin:2px 0 10px 20px;
}

#content .pic_l {
	float:left;
	margin:2px 20px 10px 0;
}

#content .thumb_l {
	float:left;
	margin:6px 12px 6px 0;
}

#content .thumb_r {
	float:right;
	margin:6px 0 6px 12px;
}

#content span.datum {
	float:right;	
	margin:8px 0 0 20px;
	font-size:80%;	
}

#content .rand {
	border:1px solid var(--ci-color-red);
}

#content img.responsive {
	width:auto;
	max-width:98%;
	height:auto;
}


#content img.responsive_pic1 {
	width:100%;
	height:auto;
}

#content img.responsive_pic {
	width:auto;
	max-width:100%;
	height:auto;
}

#content img.responsive_pic.rand {
	width:auto;
	max-width:calc(100% - 2px);
	height:auto;
}

#content img.responsive_pic_50 {
	width:auto;
	max-width:50%;
	height:auto;
}







#content section article div.autobreite {
	width:auto;
}

#content a.anker,
#content a.anker:hover,
#content a.normal {
	text-decoration:none;
	cursor:default;
	font-weight:normal;
}

#content a.normal  {
	color:#666;
}

#content span.small_mobile_only {
	display:none !important;	
}

@media only screen and (max-width: 470px){
	#content  span.small_mobile_only {		
		display:inline-block !important;		
	}
}



#content dl {
	clear: both;
	margin: 24px 0 0 0;
}

#content dt {
	clear: both;
	display: inline-block;
	float:left;
	width:120px;
	font-weight: 700;
	font-size:360%;
	margin-bottom:24px;
}

#content dd {
	font-size: 160%;
	line-height: 140%;
	font-weight: 400;
	margin-bottom:24px;
	float:left;
	display: inline-block;
	width:calc(100% - 130px);
}


.upper {
	text-transform:uppercase;
}








/*### FLEXBOXEN START ### */

#content .flex-container .box100 {
	width:100%;	
}

#content .flex-container .box75_25 {
	width:73%;
	margin-right:2% !important;	
}

#content .flex-container .box75_25.r {
	margin-left:2% !important;	
	margin-right:0 !important;	
}

#content .flex-container .box25_75 {
	width:25%;
	margin-left:0 !important;	
}

#content .flex-container .box66 {
	width:65%;
	margin-right:1.66% !important;	
}

#content .flex-container .box66.r {
	margin-right:0;
	margin-left:1.66% !important;
}

#content .flex-container .box66_33 {
	width:65%;
	margin-right:1.66% !important;	
}

#content .flex-container .box66_33.r {
	margin-right:0 !important;
	margin-left:1.66% !important;
}


#content .flex-container .box33_66 {
	width:32%;
	margin-left:1.33% !important;
}

#content .flex-container .box33_66.l {
	margin-left:0 !important;
	margin-right:1.33% !important;
}




#content .flex-container .box50 {
	width:48%;
	margin-right:4% !important;
}

#content .flex-container .box50:nth-child(2n) {
	margin-right:0 !important;
}

#content .flex-container.leistungen .box50 {
	width:48%;
	margin-left:0 !important;
	margin-right:2% !important;
}

#content .flex-container.leistungen .box50:nth-child(2n) { 
	margin-left:2% !important;	
	margin-right:0 !important;
}



#content .flex-container .box33 {
	width:32%;
	margin-right:2% !important;
}

#content .flex-container .box33:nth-child(3n) {
	margin-right:0 !important;
}


#content .flex-container.leistungen .box33 {
	width:31%;
	margin-left:0 !important;
	margin-right:0 !important;
}
	
#content .flex-container.leistungen .box33:nth-child(3n + 1) {
	margin-left:3.5% !important;	
	margin-right:3.5% !important;	
}


#content .flex-container .box25 {
	width:22%;
	margin-right:4% !important;
}

#content .flex-container.leistungen .box25 {
	width:22%;
	margin-right:4% !important;
}

#content .flex-container .box25:nth-child(4n) {
	margin-right:0 !important;
}

#content .flex-container .box50 img,
#content .flex-container .box33 img,
#content .flex-container .box25 img  {}


#content .flex-container.team .flexbox {
	margin-bottom:24px;
}

#content .flex-container.team .flexbox .bildbox img {
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}


#content .content-container {
	display:block;
	width:100%;
	padding:0;
	margin:0;
}


#content .content-container .box_text,
#content .flex-container .box_text {
	width:calc(70% - 41px);
	margin:0 20px 20px 0;
	text-align:left;
}
#content .content-container .box_text {
	float:left;
}

#content .content-container .box_subnav,
#content .flex-container .box_subnav {
	width:calc(30% - 91px);
	margin:64px 0 20px 90px;
	text-align:left;
}
#content .content-container .box_subnav {
	float:left;
}








/* ### LEISTUNGEN CARDS START ### */

#content .flex-container.leistungen {
	text-align:left;
	justify-content: left;
	margin-left:auto;
	margin-right:auto;
	align-items: stretch;
}

#content .flex-container.leistungen.center {
	justify-content: center;
}

#content .flex-container.vert_center {
	align-items: center;
}

#content .flex-container.leistungen .flexbox {
	margin-bottom:36px;
	margin-top:24px;
	overflow:hidden;
}

.flex-container.leistungen figure {
	position:relative;
	overflow:hidden;
}

	

.flex-container.leistungen figure figcaption { 	
	display:block;
	width:100%;	
	margin:10px 0;
	padding:0;
	text-align:right;	
	font-size:140%;	
}

#content .flex-container.leistungen figure figcaption a {}	

#content .flex-container.leistungen figure img { 	
	margin:0;
	padding:0;
}

.flex-container.leistungen figure.rounded img,
#content .flex-container.leistungen figure.rounded figcaption {
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
	
#content .flex-container.leistungen h2 {
	font-size:240%;	
	line-height:120%;
	margin:0 0 16px 0;
	text-transform:uppercase;
}

#content .flex-container.leistungen .h1 {
	font-size:360%;	
	line-height:120%;
	margin:0 0 16px 0;
	text-transform:uppercase;
}


#content .flex-container.leistungen p {
	font-size:160%;	
	line-height:140%;
	margin:10px 0 16px 0;
}



#content .border_red.left {	
	margin-left:0;
	padding:12px 20px;
	border-left:4px solid var(--ci-color-red);
}

#content .border_red.right {
	display:block;
	text-align:right;
	margin-left:0;
	padding:12px 20px;
	border-right:4px solid var(--ci-color-red);
}



#content .flex-container .flexbox div.border_red, 
#content .flex-container.leistungen .flexbox div.border_red {	
	margin:20px 0;
	padding:12px 20px;
	border-left:4px solid var(--ci-color-red);
	height:100%;	
}

.border_blue,
#content .border_blue.left {	
	margin-left:0;
	padding:12px 20px;
	border-left:4px solid var(--ci-color-blue);
}

.border_orange {	
	padding:12px 20px;
	border-left:4px solid var(--ci-color-orange);
}


#content .border_red p:last-child,
#content .border_orange p:last-child,
#content .border_blue p:last-child {
	margin-bottom:0;
}


/*### LEISTUNGEN CARDS ENDE ### */




@media only screen and (max-width: 1280px) {

	#content .flex-container.team .box25	{
		width:calc(50% - 40px) !important;	
		margin-right:40px !important;
	}
	
	#content .flex-container.team .box25:nth-child(2n) {
		margin-right:0 !important;
	}
	
	
	#content .flex-container.link_buttons_block .box33 {
		width:48% !important;	
		margin-right:2% !important;
	}
	
	#content .flex-container.link_buttons_block .box33:nth-child(2n){
		margin-right:0 !important;
	}

	#content .flex-container.link_buttons_block .box33:nth-child(3n) {
		margin-right:2% !important;
	}
	
	
}




@media only screen and (max-width: 1024px) {
		
	#content .flex-container {
		align-items: flex-start !important;
		align-content: flex-start !important;
		justify-content: flex-start !important;
	}	
	
	#content .flex-container .box50, 
	#content .flex-container .box45,
	#content .flex-container .box40,
	#content .flex-container .box35,
	#content .flex-container .box33,
	#content .flex-container .box30,
	#content .flex-container .box25,
	#content .flex-container .box20	{
		width:calc(50% - 40px) !important;	
	}
			
	#content .flex-container.team .box33	{
		width:calc(33% - 20px) !important;	
	}	
	
	
	
	#content .flex-container.link_buttons_block .box33 {
		width:48% !important;	
		margin-right:2% !important;
	}
	
	#content .flex-container.link_buttons_block .box33:nth-child(2n){
		margin-right:0 !important;
	}

	#content .flex-container.link_buttons_block .box33:nth-child(3n) {
		margin-right:2% !important;
	}
	
	
	#content .flex-container.team .box251	{
		width:calc(50% - 20px) !important;	
	}	
	
	
	#content .flex-container .box_text,
	#content .flex-container .box_subnav {
		width:100%;
		margin-right:0 !important;
		margin-left:0 !important;
	}
	
	#content .content-container .box_text,
	#content .content-container .box_subnav {
		width:100%;
		margin-right:0 !important;
		margin-left:0 !important;
		float:none;
	}

}


/* ### FLEXBOXEN ENDE ### */



#content .flex-container {
	display: flex;
	flex-flow: row wrap;
}
	
#content .flex-container.center {	
	justify-content: space-between;
	justify-content: center;
}








.grey_gradient_fahrzeuge {
	background: #d9d9d9; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Q5ZDlkOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNhMGEwYTAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #d9d9d9 0%, #a0a0a0 100%); /* FF3.6-15 */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d9d9d9), color-stop(100%,#a0a0a0)); /* Chrome4-9,Safari4-5 */
	background: -webkit-linear-gradient(top,  #d9d9d9 0%,#a0a0a0 100%); /* Chrome10-25,Safari5.1-6 */
	background: -o-linear-gradient(top,  #d9d9d9 0%,#a0a0a0 100%); /* Opera 11.10-11.50 */	
	background: linear-gradient(to bottom,  #d9d9d9 0%,#a0a0a0 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}



#content .flex-container.fahrzeuge figure.fahrzeug_box {
	position:relative;
	margin-bottom:40px;
	z-index:99999999;
}

#content .flex-container.fahrzeuge figure.fahrzeug_box a.pic {
	text-align:right;
	display:block;
}

#content .flex-container.fahrzeuge figure.fahrzeug_box img {
	width:auto;
	max-width:100%;
	height:100%;
	max-height:250px;
	margin-bottom:12px;
}

#content .flex-container.fahrzeuge figure.fahrzeug_box figcaption {
	position:absolute;
	bottom:0px;
	left:0px;
	z-index:-999999;
	padding:30px 10px;
	display:block;
	width:calc(100% - 20px);
	font-size:180%;
}

#content .flex-container.fahrzeuge figure.fahrzeug_box figcaption a {
	font-weight:600 !important;
}





footer img.max90,
#content img.max90 {
	width:100%;
	max-width:90px !important;
	height:auto;
}

footer img.max90h,
#content img.max90h {
	height:100%;
	max-height:90px !important;
	width:auto !important;
}


footer img.max120,
#content img.max120 {
	width:100%;
	max-width:120px !important;
	height:auto;
}

footer img.max150,
#content img.max150 {
	width:100%;
	max-width:150px !important;
	height:auto;
}

footer img.max175,
#content img.max175 {
	width:100%;
	max-width:175px !important;
	height:auto;
}

footer img.max200,
#content img.max200 {
	width:100%;
	max-width:200px !important;
	height:auto;
}

footer img.max250,
#content img.max250 {
	width:100%;
	max-width:250px !important;
	height:auto;
}

footer img.max300,
#content img.max300 {
	width:100%;
	max-width:300px !important;
	height:auto;
}

#content img.max512 {
	width:100%;
	max-width:480px !important;
	height:auto;
}









/* ### ANGEBOTE START ### */

/*
#container section.flexconti {
	display: flex;
	flex-flow: row wrap;
	margin:0 0 36px 0;
	width:100%;
}

#container section.flexconti:nth-child(even) {
	margin:0 0 72px 0;
}

#container section.flexconti .box_content.half {	
	display: flex;	
	flex-flow: column wrap;	
	width:calc(50% - 100px);
	padding:60px 50px 15px 50px;
	margin:0;
	text-align:left;	
}

#container section.flexconti .box_content.half h2,
#container section.flexconti .box_content.half .h2,
#container section.flexconti .box_content.half .h4 {	
	margin-top:0 !important;
}

#container section.flexconti .box_content_pic.half {	
	display: flex;	
	flex-flow: column wrap;	
	width:50%;
	margin:0;
	padding:0;
	line-height: 0 !important;	
	text-align:left;	
}

#container section.flexconti .box_content_pic.half {}

#container section.flexconti .box_content_pic.half,
#container section.flexconti .box_content_pic.half source,
#container section.flexconti .box_content_pic.half img {
	margin:0;
}

#container section.flexconti .box_content_pic.half img {	
	line-height: 0 !important;
	display:block !important;
	width:100%;
	height:auto;
	clip-path: polygon(100% 0, 100% 87%, 0 100%, 0 13%);
}

@media (min-width:641px) {
	
	#container section.flexconti:nth-child(odd) .flexbox.box_content.half { 
		order: 2;
	}
	#container section.flexconti:nth-child(odd) .flexbox.box_content_pic.half {
		order: 1;
	}
	
	#container section.flexconti:nth-child(even) .flexbox.box_content.half { 
		order: 1;
	}
	#container section.flexconti:nth-child(even) .flexbox.box_content_pic.half {
		order: 2;
	}
	
	.mobile_only {
		display:none !important;
	}
	
	.desktop_only {
		display:flex !important;
	}
	
	br.desktop_only {
		display:inline-block !important;
	}
	
}

@media (max-width:640px) { 

	#container section.flexconti .flexbox.box_content.half {		
		width:calc(100% - 40px) !important;
	}

	#container section.flexconti .flexbox.box_content_pic.half {			
		width:100% !important;		
	}

	.mobile_only {
		display:inline-block !important;		
	}
	
	#container section.flexconti .flexbox.box_content.half p.mobile_only {
		margin-top:0;
	}
	
	#container .flexbox.box_content_pic.mobile_only a {
		text-decoration:none;
	}
	
}
*/

/* ### ANGEBITE ENDE ### */






.right {
	text-align:right;
}

#content ul.ohne {
	list-style:none;
	font-size:100%;
}

#content ul.border_red.left {	
	margin-left:0;
	padding:12px 20px;
	border-left:4px solid var(--ci-color-red);
}

#content ul.border_red.right {
	display:block;
	text-align:right;
	margin-left:0;
	padding:12px 20px;
	border-right:4px solid var(--ci-color-red);
}



#content ul.niederlassungen {
	list-style:none;
	font-size:100%;
}

#content ul.niederlassungen.laender {
	margin-left:0;
}


#content ul.niederlassungen li {
	float:left;	
	margin:0 1% 30px 1%;
	width:23%;
	display:inline-block;
	font-size:160%;
	font-weight:600;
}	



#content ul.niederlassungen li svg {
	width:24px;
	height:24px;
	vertical-align:-6px;
	stroke:rgba(var(--ci-color-dark-rgb),1) !important;
}



#content ul.downloads {
	list-style:none;
	font-size:100%;
}

#content ul.downloads li {
	float:left;	
	margin:0 0 10px 0;
	padding:0 20px 0 0;
	width:auto;
	max-width:calc(16.66% - 20px);
	display:inline-block;
	font-size:160%;
	font-weight:400;
}	

#content ul.downloads li svg {
	width:48px;
	height:48px;
	stroke:rgba(var(--ci-color-dark-rgb),1) !important;
}






#content p span.blanko_space {
	display:inline-block !important;
	margin-left:20px !important;
	line-height:140%;
}



#content p svg.icon-tabler {
	width:16px;
	height:16px;
	stroke-width:2px;
	margin-right:4px !important;
	stroke:var(--ci-color-dark) !important;
}

#content p.bigger svg.icon-tabler {
	width:24px;
	height:24px;
	stroke-width:1.5px;
	margin-right:10px !important;
}




/* GALERIE START */

#content ul.galerie {
	list-style:none;
	margin:16px 0 24px 0;
}

#content ul.galerie li {
	float:left;	
	margin:0 30px 30px 0;
	width:calc(50% - 16px);
}	

#content ul.galerie li:nth-child(2n) {
	margin-right:0;
}

#content ul.galerie li a img {
	border:1px solid var(--ci-color-orange);
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	width:auto;
	max-width:100%;
}

/* GALERIE ENDE */




/* --- Lists --- */
.list-container {
	overflow: hidden;
}
.list-container .list-column {
	float: left;
	margin: 0;
	padding: 0;
	width: 30%;
}
.list-container .list-column_last {
	box-shadow: none;
}
.list-container .list-column li {
	margin: 0;
	padding:0;
}


.nobr {
	white-space: nowrap;
}





/* #### BOXEN START #### */

#content div.boxen {
	width:100%;
	margin:0;
	padding:0;
	clear:both;
}

#content div.boxen .box {
	float:left;
	padding:0 0 10px 0;
	margin:0 0 10px 0;
	display:block;
}

#content div.boxen .box100 {
	width:100%;
}

#content div.boxen .bildbox {
	width:33%;
	float:left;
}
#content div.boxen .textbox {
	width:65%;
	margin:0 0 12px 2%;
	float:left;
}


/* ### BOXEN ENDE ### */









/* ### BILDHERADER START ### */


body #bildheader_slider {
	position:relative;
	width:100%;
	margin:0 !important;	
	overflow:hidden;	
	background:rgba(0,0,0,1);	
	padding-bottom: calc(700/1920 * 100%) !important;
	padding-top:0px;
	height:0 !important;
}


body #bildheader_slider .slidecontent {
	display: flex !important;
	height: inherit !important;
}


body #bildheader_slider img.sliderpic {
	display: block;
	width:100%;
	height:auto;
}


body #bildheader_slider .slider_text {
	position:absolute;
	left:60px;
	bottom:60px;
	color:#000;
	display:inline-block;
	z-index:9999999;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	text-align:left;
}

body #bildheader_slider .slider_text .h1 {
	margin:0;
	padding:0;
	line-height:100%;
}

#bildheader_video {
	position:relative;
	padding-bottom: calc(700/1920 * 100%) !important;	
	padding-top:0px;
	height:0 !important;	
	overflow:hidden;	
	text-align:left;		
	background-color:transparent;	
}

#bildheader_video.two_one {
	padding-bottom: calc(960/1920 * 100%) !important;	
}

#bildheader_video.fullhd {
	padding-bottom: calc(1080/1920 * 100%) !important;	
}

#bildheader_video video {
	position:absolute;
	top:50%;
	left:50%;
	width:100% !important;
	height:auto !important;	
	max-width:100% !important;
	max-height:100% !important;
	z-index:100;
    -ms-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);  
	background-size: cover;		
	opacity: 1;	
	background-color:#000;	
}


body #bildheader_slider .slider_text p {
	font-size: 2vw;
	line-height:120%;
	font-weight:400;
	margin:12px 0;
}

body #bildheader_slider .slider_text a.link_button {
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	border:2px solid var(--ci-color-orange);
	padding:6px 10px;
	color:var(--ci-color-orange);
}

body #bildheader_slider .slider_text p.slider_headline {
	text-transform:uppercase;
	font-weight:600;
	margin:0 0 30px 0;
}

body #bildheader_slider .slider_text a.link_button {
	white-space: nowrap;
}

body #bildheader_slider .slider_text p span.bg {
	display:inline;	
	padding: 0.45rem;
	box-decoration-break: clone;
	-webkit-box-decoration-break: clone;
	background-color: rgba(0,0,0,1);
}



/* START SLIDE 1 */

body #bildheader_slider .slider_text.home1 {
	left:60px;
	bottom:30px;
	color:#fff;
	width:calc(100% - 150px);
	max-width:800px;
}

body #bildheader_slider .slider_text.home1 p.txt {
	font-size: 1.5vw;
	line-height:170%;
	margin:0;
}

body #bildheader_slider .slider_text.home1 p.slider_headline {
	font-size: 2vw;
	line-height:150%;
	margin-bottom:12px;
}

body #bildheader_slider .slider_text.home1 p span.bg {
	padding:4px 8px;
	background-color: rgba(0,0,0,1);
}

/* END SLIDE 1 */



/* START SLIDE HOME Finanzierung */

body #bildheader_slider .slider_text.home_finanzierung {
	left:60px;
	top:50px;
	padding:0;
	background:none;
	color:#fff;
	width:90%;
	max-width:54%;
}

body #bildheader_slider .slider_text.home_finanzierung p.txt {
	font-size: 2vw;
	line-height:150%;
	margin:20px 0;
}

body #bildheader_slider .slider_text.home_finanzierung p.slider_headline {
	font-size: 3.1vw;
	line-height:130%;
}

body #bildheader_slider .slider_text.home_finanzierung p.finanzierung {
	font-size: 2vw;
	line-height:130%;
	text-transform:uppercase;	
}

body #bildheader_slider .slider_text.home_finanzierung p.finanzierung .icon {
	float:left;
	margin: 0 12px 12px 0;
	width:4.9vw;
	max-width:90px;
	height:auto;
}

/* END SLIDE HOME Finanzierung */


/* START SLIDE FAHRZEUGE */

body #bildheader_slider .slider_text.fahrzeuge {
	left:80px;
	top:80px;
	padding:0px;
	background:none;
	color:#fff;
	width:90%;
	max-width:40%;
}

body #bildheader_slider .slider_text.fahrzeuge p.txt {
	font-size:1.4vw;
	line-height:150%;
	margin:12px 0 0 0;
}

body #bildheader_slider .slider_text.fahrzeuge p.txt.bold {
	font-size:1.6vw;
	line-height:150%;
	font-weight:600;
	margin-bottom:24px;
}

body #bildheader_slider .slider_text.fahrzeuge p.slider_headline {
	font-size:2.8vw;
	line-height:150%;
	margin-bottom:24px;
}

/* END SLIDE FAHRZEUGE */



/* START SLIDE FAHRZEUGE LKW 1 */

body #bildheader_slider .slider_text.fahrzeuge.lkw1 {
	right:60px !important;
	bottom:80px !important;
	left:auto;
	top:auto;
	padding:0px;
	background:none;	
	width:50%;
	color:#fff;
}


body #bildheader_slider .slider_text.fahrzeuge.lkw1 p.slider_headline {
	font-size:3.4vw;
	line-height:147.5%;	
	font-weight:600;
	margin-bottom:0px;	
	text-align:right;	
}

body #bildheader_slider .slider_text.fahrzeuge.lkw1 p.slider_headline .color_blue {
	color:#fff;	
}

/* END SLIDE FAHRZEUGE LKW 1 */



/* START SLIDE Unternehmen */

body #bildheader_slider .slider_text.unternehmen {
	left:auto;
	right:60px;
	bottom:130px;
	padding:0;
	background:none;
	color:#fff;
	width:60%;
	text-align:right;
}

body #bildheader_slider .slider_text.unternehmen p.txt {
	font-size:2.4vw;
	line-height:120%;
	font-weight:400;
	margin:12px 0 0 0;
}

body #bildheader_slider .slider_text.unternehmen p.txt.bold {
	font-size:2.6vw;
	font-weight:600;
	margin-bottom:24px;
}

body #bildheader_slider .slider_text.unternehmen p.slider_headline {
	font-size:2.8vw;
	line-height:130%;
	font-weight:600;
	margin-bottom:24px;
}

/* END SLIDE FAHRZEUGE */


/* START SLIDE Kanalreinigungsfahrzeuge */

body #bildheader_slider .slider_text.kanalreinigungsfahrzeuge {
	left:70px;
	top:80px;
	background:none;
	color:#fff;
	width:38%;
	text-align:left;
}

body #bildheader_slider .slider_text.kanalreinigungsfahrzeuge p.txt {
	font-size:1.6vw;
	line-height:120%;
	font-weight:400;
	margin:12px 0 0 0;
}

body #bildheader_slider .slider_text.kanalreinigungsfahrzeuge p.slider_headline {
	font-size:3vw;
	line-height:130%;
	margin-bottom:24px;
}

/* END SLIDE Kanalreinigungsfahrzeuge */



@media only screen and (min-width: 961px) and (max-width:1024px) {
	
	body #bildheader_slider .slider_text.home_finanzierung {
		left:60px;
		top:20px;
		width:90%;
		max-width:54%;
	}

	body #bildheader_slider .slider_text.home_finanzierung p.txt {
		font-size: 1.8vw;
		line-height:150%;
		margin:0 0 20px 0;
	}

	body #bildheader_slider .slider_text.home_finanzierung p.slider_headline {
		font-size: 2.8vw;
		line-height:130%;
		margin:0;
	}

	body #bildheader_slider .slider_text.home_finanzierung p.finanzierung {
		font-size: 1.8vw;
		line-height:130%;
		text-transform:uppercase;	
		margin:10px 0;
	}
	
	
	body #bildheader_slider .slider_text.unternehmen {
		bottom:90px;
		right:40px;
		width:55%;
	}
	
	body #bildheader_slider .slider_text.unternehmen p.slider_headline {
		font-size:2.6vw;
		line-height:130%;
		margin-bottom:10px;
	}
	
	
}

/* ### BILDHERADER ENDE ### */






/* FAHRZEUGE SLIDER DETAILSEITE START */

/* ### BILDHERADER START ### */


body .fahrzeug_slider {
	position:relative;
	padding-bottom: calc(200/300 * 100%) !important;
	padding-top:0px;
	height:0 !important;	
	background:rgba(0,0,0,1);
	width:100%;
	
	overflow:visible;
	margin-bottom:30px;
	
}

body .fahrzeug_slider,
body .fahrzeug_slider img.sliderpic {
	line-height: 0 !important;
	display:block !important;
}


body .fahrzeug_slider img.sliderpic {
	width:100%;
	height:auto;
}


body .fahrzeug_slider .slider_text {
	position:absolute;
	left:60px;
	bottom:60px;
	padding:15px;
	background:rgba(255,255,255,.8);
	color:#000;
	display:inline-block;
	z-index:9999999;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	text-align:left;
}


body .fahrzeug_slider .slider_text p {
	font-size:200%;
	line-height:120%;
	font-weight:400;
	margin:12px 0;
}


body .fahrzeug_slider .slider_text a.link_button {
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	border:2px solid var(--ci-color-orange);
	padding:6px 10px;
	color:var(--ci-color-orange);
}



body .fahrzeug_slider .slider_text p.slider_headline {
	text-transform:uppercase;
	font-weight:600;
	margin:0 0 30px 0;
}

/* FAHRZUEGE SLIDER DETAILSEITE ENDE */








.color {
	color:var(--ci-color-orange);
} 

.color_blue {
	color:var(--ci-color-blue);
} 

.color_orange {
	color:var(--ci-color-orange);
} 

.color_red {
	color:var(--ci-color-red);
} 


#container .error {
	color:red;
}

.center {
	text-align:center;
}