/*
blau				#337ab7	rgba(51, 122, 184, 0.5)
cyan				#2aabd2	rgba(42, 170, 209, 0.5)
taubenblau			#c8d6de	rgba(200, 214, 222, 0.4)
taubenblau-dunkel	#a1b1bc	rgba(163, 179, 189, 0.5)
kachel-Farbe		#53585c	rgba(83, 88, 92, 0.5)
*/


body {
	color: #444;
	font-weight: normal;
	font-family: 'Open Sans', sans-serif;
	line-height: 1.7em;
	margin-bottom: 0 !important
	}
@media (max-width: 767px) {
	body { padding-top: 64px }
}
@media (max-width: 480px) {
	body { padding-top: 89px }
}


.visually-hidden,
.visually-hidden-focusable:not(:focus):not(:focus-within) {
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}
.visually-hidden:not(caption),
.visually-hidden-focusable:not(:focus):not(:focus-within):not(caption) {
  position: absolute !important;
}

/* --------- AUFBAU
================================================== */
.content {
	position: relative;
	margin-top: 0 !important;
	margin-bottom: 0 !important;
	padding-top: 60px !important;
	padding-bottom: 60px !important;
	}
@media (max-width: 1200px) {
	.content {
		padding-top: 50px !important;
		padding-bottom: 50px !important;
		}
	}
@media (max-width: 992px) {
	.content {
		padding-top: 40px !important;
		padding-bottom: 40px !important;
		}
	}
@media (max-width: 767px) {
	.content {
		margin-top: 0 !important;
		padding: 30px 35px 30px 35px !important
		}
	}
@media (max-width: 480px) {
	.content {
		}
	}
/* --------- end AUFBAU -------- */








/* --------- CONTENT-RECHTS
================================================== */
.content-rechts {
	line-height: 1.55em
	}

.content-rechts .row {
	line-height: 1.2em !important;
	margin-bottom: .5em;
	}
/* --------- end CONTENT-RECHTS -------- */









/* --------- WELLs
================================================== */
.well,
.content-rechts .bg-content {
	border-radius: 4px;
	border: 1px solid #ddd !important;
	box-shadow: none;
	padding: 20px !important;
	margin-top: 0;
	margin-bottom: 2em;
	}

.well.bg-light,
.content-rechts .bg-content.bg-light,
.content-rechts .bg-content {
	background: rgba(200, 214, 222, 0.25);
	background: #f1f5f6
	}


.content-rechts .well.bg-darkgrey,
.content-rechts .bg-content.bg-darkgrey {
	background: #282828
	}
.content-rechts .well.bg-hausfarbe,
.content-rechts .bg-content.bg-hausfarbe {
	background: #337ab7
	}
.content-rechts .well.bg-grey,
.content-rechts .well.bg-gray,
.content-rechts .bg-content.bg-grey,
.content-rechts .bg-content.bg-gray {
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#c8d6de+0,f1f5f6+100 */
	background: #c8d6de; /* Old browsers */
	background: -moz-linear-gradient(top,  #c8d6de 0%, #f1f5f6 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #c8d6de 0%,#f1f5f6 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #c8d6de 0%,#f1f5f6 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c8d6de', endColorstr='#f1f5f6',GradientType=0 ); /* IE6-9 */

	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f1f5f6+0,c8d6de+100 */
	background: #f1f5f6; /* Old browsers */
	background: -moz-linear-gradient(top,  #f1f5f6 0%, #c8d6de 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #f1f5f6 0%,#c8d6de 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #f1f5f6 0%,#c8d6de 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1f5f6', endColorstr='#c8d6de',GradientType=0 ); /* IE6-9 */
	}
/* --------- end WELL -------- */











/* --------- ANCHOR
================================================== */
[id*="Anchor-"],
[id*="ID"],
.anchor {
	top: -120px !important
}
@media (max-width: 767px) {
	[id*="Anchor-"],
	[id*="ID"],
	.anchor {
		top: 110px !important
	}
}
/* --------- end ANCHOR -------- */






/* --------- LOGO
================================================== */
.navbar-brand {
	background: url(../images/logo/Logo_Peter3_l_333.png) top left no-repeat;
	width: 188px;
	height: 84px;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	background: url(../images/logo/Logo_Peter3_l_333.png) center left no-repeat;
	background-size: 90%;
	}
.navbar-brand:hover,
.navbar-brand:focus,
.navbar-brand:active {
	background: url(../images/logo/Logo_Peter3_l_888.png) center left no-repeat;
	background-size: 90%;
	}

@media (max-width: 1200px) {
	.navbar-brand {
	    background: url(../images/logo/Logo_Peter3_m_333.png) top center no-repeat;
	 	width: 112px;
	 	height: 50px;
	  	}
	.navbar-brand:hover,
	.navbar-brand:focus,
	.navbar-brand:active {
		background: url(../images/logo/Logo_Peter3_m_888.png) top left no-repeat;
		}
}
@media (max-width: 768px) {
	.navbar-brand {
		width: 100%;
		height: 60px;
		background: url(../images/logo/Logo_Peter3_l_fff.png) 42.5% center no-repeat;
		background-size: 90px;
		position: absolute;
		left: 0
		}
	.navbar-brand:hover,
	.navbar-brand:focus,
	.navbar-brand:active {
		background: url(../images/logo/Logo_Peter3_l_fff.png) 42.5% center no-repeat;
		background-size: 90px;
		opacity: .8
		}
}
@media (max-width: 550px) 	{
	.navbar-brand {
		background: url(../images/logo/Logo_Peter3_l_fff.png) 41.5% center no-repeat;
		background-size: 80px;
		}
	.navbar-brand:hover,
	.navbar-brand:focus,
	.navbar-brand:active {
		background: url(../images/logo/Logo_Peter3_l_fff.png) 41.5% center no-repeat;
		background-size: 80px;
		}
}
@media (max-width: 430px) 	{
	.navbar-brand {
		background: url(../images/logo/Logo_Peter3_l_fff.png) center 8px no-repeat;
		background-size: 95px;
		}
	.navbar-brand:hover,
	.navbar-brand:focus,
	.navbar-brand:active {
		background: url(../images/logo/Logo_Peter3_l_fff.png) center 8px no-repeat;
		background-size: 95px;
		}
}
@media (min-width: 768px) 	{
	#sticky.affix .navbar-brand {
	    background: url(../images/logo/Logo_Peter3_m_333.png) top center no-repeat;
		width: 112px;
	 	height: 50px;
	  	}
	#sticky.affix .navbar-brand:hover,
	#sticky.affix .navbar-brand:focus,
	#sticky.affix .navbar-brand:active {
		background: url(../images/logo/Logo_Peter3_m_888.png) top left no-repeat;
		}
}
/* --------- end LOGO -------- */








/* --------- NAVBAR
================================================== */
nav {
	}
.navbar {
	border-radius: 0;
	margin-bottom: 0;
	background: #fff;
	border-bottom: 1px solid #d7d7d7;
	padding: .6em 0;
	}
.navbar-header {
	padding-left: 1.5%
	}
.nav h1,
.nav h2,
.nav h3,
.nav h4,
.nav h5,
.nav h6 {
	padding: 0 .6em !important;
	margin: 1.3em 0 0 0 !important;
	font-weight: 600;
	font-size: 120%
	}

@media (min-width: 768px) 	{
	.nav {
		clear: right;
		margin-top: 1em
		}
	.nav li a {
		text-transform: uppercase;
	  	font-family: 'Raleway', sans-serif;
	  	color: #666;
		margin: 0 !important;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		background-position: 0 0, 100% 0;
		background-repeat: no-repeat;
		-webkit-background-size: 100% 0;
		-moz-background-size: 100% 0;
		background-size: 100% 0;
		background-image: linear-gradient(to right, #fff 0%, #fff 100%);
		font-weight: 500;
		letter-spacing: -.04em !important;
		font-size: 80%;
		padding: .2em .4em;
		margin-left: 2px !important
		}
	.nav li a#active:hover,
	.nav li a#active:focus,
	.nav .open > a,
	.nav .open > a:hover,
	.nav .open > a:focus,
	.nav li a:hover {
	 	transition: all .4s;
	  	-webkit-background-size: 100% 100%;
		-moz-background-size: 100% 100%;
		background-size: 100% 100%;
		background-image: linear-gradient(to right, #333 0%, #333 100%);
		color: #fff
		}
	.nav li a#active {
	 	background-image: linear-gradient(to right, #fff 0%, #fff 100%);
		color: #000;
	 	font-weight: bold
	 	}
	.nav li a i {
		color: #99abba;
		margin-right: -3px;
		margin-left: 0
		}
	#sticky.affix {
	    width: 100%;
	    top: 0;
		z-index: 1000
	   }
	#sticky.affix .navbar {
	    box-shadow: 0 .2em .8em rgba(0, 0, 0, 0.3);
	    height: 65px
	  	}
	#sticky.affix .nav {
		margin-top: .8em;
		}
	}
@media (min-width: 992px) 	{
	.nav li a {
		letter-spacing: 0 !important;
		font-size: 90%;
		padding-left: .7em;
		padding-right: .7em;
		}
	}
@media (min-width: 1200px) {
	.nav {
		margin-top: 2.1em;
		}
	.nav li a {
		margin-left: .3em !important;
		padding-left: .8em;
		padding-right: .8em;
		font-size: 100%
		}
	}

@media (max-width: 767px) {
	#sticky.affix {
	    position: relative;
		z-index: 100;
		width: 100%;
		top: 0;
	  	}

	nav {
		width: 100%;
		position: fixed;
		z-index: 1;
		top:0;
		left: 0;
		box-shadow: 0 .2em .5em rgba(0, 0, 0, 0.5);
		border: none;
		}
	.nav {
		margin: 0;
		padding-bottom: 1em;
		padding-top: .7em;
		border: none;
		}
	.navbar {
		background: #333;
		border: none;
		padding: 0;
		margin-bottom: -25px;
		}

	.navbar-header {
	   	margin: 0;
	   	text-align: center;
	   	height: 60px;
	   	border: none !important;
	   	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#111111+0,333333+60 */
		background: rgb(17,17,17); /* Old browsers */
		background: -moz-linear-gradient(top, rgba(17,17,17,1) 0%, rgba(51,51,51,1) 60%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top, rgba(17,17,17,1) 0%,rgba(51,51,51,1) 60%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom, rgba(17,17,17,1) 0%,rgba(51,51,51,1) 60%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#111111', endColorstr='#333333',GradientType=0 ); /* IE6-9 */
		}

	.navbar {
		position: fixed;
		top: 0 !important;
		width: 100%;
		box-shadow: 0 .2em .5em rgba(0, 0, 0, 0.5);
		z-index: 10;
		}
	.navbar .collapse {
		top: 60px;
		}

	.navbar-toggle {
	    background: none;
		border-color: none;
		margin-top: 18px;
		right: -3px;
		padding: 0;
		border-radius: 0;
		z-index: 1;
		position: relative
		}
	.navbar-toggle.collapsed {
		right: 0
		}
	.navbar-toggle:hover {
		}
	.navbar-toggle.collapsed .icon-bar {
		background: rgba(255, 255, 255, 0.7) !important;
		width: 26px;
		}
	.navbar-toggle .icon-bar {
		width: 29px;
		transition: all 0.2s;
		background: #fff !important;
		margin-bottom: 6px;
		}
	.navbar-toggle .top-bar {
		transform: rotate(45deg);
		transform-origin: 10% 10%;
		}
	.navbar-toggle .middle-bar {
		opacity: 0;
		}
	.navbar-toggle .bottom-bar {
		transform: rotate(-45deg);
		transform-origin: 10% 90%;
		}
	.navbar-toggle.collapsed .top-bar,
	.navbar-toggle.collapsed .middle-bar,
	.navbar-toggle.collapsed .bottom-bar {
	    background: #fff
		}
		.navbar-toggle.collapsed .top-bar {
		transform: rotate(0);
		}
		.navbar-toggle.collapsed .middle-bar {
		opacity: 1;
		}
		.navbar-toggle.collapsed .bottom-bar {
		transform: rotate(0);	}


	nav,
	.nav,
	.navbar,
	.navbar-collapse  {
		}
	.nav  {
		margin: 0 !important;
		padding: 0 !important
		}
	.nav li  {
		margin: 0 !important;
		padding: 0 !important
		}
	.nav li a {
		text-transform: uppercase;
		letter-spacing: .1em;
		border-bottom: 1px solid #666;
		font-size: 100%;
		padding: 1em 2em 1em 3em;
		margin: 0 -15px;
		text-shadow: none;
		color: #ccc;

		background: #fff;
		color: #555;
		border-bottom: 1px solid #d9d9d9;
		}
		.nav li a:hover {
			font-weight: bold;
			color: #555;
			background: #f9f9f9;
			border-bottom: 1px solid #d9d9d9;
			font-weight: normal;
			}

	.nav > li a#active {
		color: #000;
		background: #f9f9f9;
		font-weight: normal;
		border: none;
		border-bottom: 1px solid #d9d9d9 !important;

		}
		.nav > li a#active:hover {
			background: #ddd;
		}
		.nav .open > a#active {
			border-bottom: none !important;
			background: #eee;
		}
		.nav .open > a#active:hover {
			background: #eee;
		}
	.nav .open > a {
		color: #000;
		background: #ddd;
		font-weight: normal;
		border: none;
		}
		.nav .open > a:hover  {
			border: none;
			}
		.nav .open > a:focus  {

		}
	.nav li a i {
		float: right;
		color: #888;
		margin: 0;
		margin-top: 3px
	}
}
@media (max-width: 480px) 	{
	.navbar-header {
		height: 85px;
		border-bottom: 30px solid #000 !important;
	   }
}
/* --------- end NAVBAR -------- */






/* --------- DROPDOWN
================================================== */
.dropdown-submenu {
    position: relative;
	}
.dropdown-submenu>.dropdown-menu {
    top: 0;
    left: 100%;
	}
.dropdown-submenu:hover>.dropdown-menu {
    display: block;
	}
.dropdown-submenu>a:after {
    display: block;
    content: '\F105';
	font-family: 'FontAwesome';
	float: right;
    width: 0;
    height: 0;
    margin-top: 0;
    margin-right: 0;
    color: #777;
	}
.dropdown-menu {
	}

@media (min-width: 768px) 	{
	ul.nav li:hover > ul.dropdown-menu {
	    display: inline;
	  	}
	.dropdown-menu {
		background: none;
	    padding: 0;
	    border-radius: 0;
	    width: 200px;
	    border: 1px solid #ccc;
		border-bottom: none;
		border-top: 5px solid #333 !important;
		margin-right: -1px;
	    margin-top: 1px !important;
	    box-shadow: none;
		}
	.dropdown-menu li {
	   background: none !important;
	   border: none !important;
	   margin-bottom: 0;
	   padding: 0 !important;
	   box-shadow: none !important;
	 	}
	 .dropdown-menu li:first-child {
	   border-top: 1px solid #777 !important
	 	}
	.dropdown-menu li a {
	   font-size: 85%;
	   font-weight: 500;
	   letter-spacing: .02em !important;
	   text-transform: uppercase;
	   margin: 0 !important;
	   padding: .9em 1.2em .75em 1.2em;
	   white-space: normal;
	   line-height: 1.3em;
	   background: #fff;
	   color: #777;
	   border: none !important;
	   border-bottom: 1px solid #ccc !important;
	 	}
	.dropdown-menu li a:hover {
	    background: #333;
	    color: #fff;
	   transition: 0
		}

	.dropdown-submenu:hover>.dropdown-menu {
	    display: block;
	    margin-left:0;
	    margin-top: -.1em !important;
	    border-radius: 0;
	    border:1px solid #ccc !important;
	     padding: .5em;
	    padding: 0 !important
		}
	.dropdown-submenu.left:hover>.dropdown-menu {
	    float: left;
	    margin-left: -385px
		}
		.dropdown-submenu.left>a:after {
		    float: left;
		    content: '\F104';
		    margin-left: -9px;
		    margin-top: -1px
		}
	.dropdown-submenu:hover>.dropdown-menu li:first-child {
	   	border-top: none !important
		}
	.dropdown-submenu:hover>.dropdown-menu li a {
	    text-transform: none;
	    font-weight: 500;
	    letter-spacing: 0
		}
	.dropdown-submenu:hover>.dropdown-menu li a:hover {
	    }
	.dropdown-submenu:hover>.dropdown-menu li {
		border-bottom: 1px solid #ddd;
		}
	.dropdown-submenu:hover>.dropdown-menu li:last-child {
	    border-bottom: none;
		}

}

@media (max-width: 767px) 	{
	.dropdown-menu {
		padding-top: 0;
		padding-bottom: 0;
		margin: 0 -15px !important;
		padding: 0 !important;
		background: #eee !important;
		border: none !important
	}
	.dropdown-menu li {

	   	border-bottom: 1px solid #fff;
	}
	.dropdown-menu li a {
	    font-weight: 400;
	   	color: #666;
	    padding: .5em 1em .5em 1em !important;
	    margin: 0;
	    border-bottom: none;
		letter-spacing: .03em;
		font-size: 85%;
		line-height: 1em;
	    background: #eee;
		padding-left: 60px !important;
	   	}
	.dropdown-menu li a:hover {
	    background: #eee;
	    color: #000;
	    border: none
	}
	.dropdown-menu li:first-child {
	  border-top: 1px solid #fff;
	}
	.dropdown-menu li:last-child,
	.dropdown-menu .dropdown-submenu {
	   border-bottom: 1px solid #d0d0d0;
	}
	.dropdown-menu li a,
	.dropdown-menu .dropdown-submenu,
	.dropdown-menu .dropdown-submenu li:last-child {
	   border-bottom: none
	}
	.dropdown-submenu:hover>.dropdown-menu {
	    padding-top: 0;
	    padding-bottom: .5em;
	    margin: 0;
	    background: #555
	}
	.dropdown-submenu:hover>.dropdown-menu li a {
	    color: #555;
	    text-transform: none;
	    border-bottom: none;
	    background: none;
	    margin: 0;
	    padding: .2em 8em !important
	}
	.dropdown-submenu:hover>.dropdown-menu li a:hover {
	    color: #000;
	}
	.dropdown-submenu>a:after {
		float: left;
		margin-left: -.8em;
		color: #555;

	}
}
/* --- end DROPDOWN --- */








/* --------- MARKENLEISTE
================================================== */
.headtop {
	padding: 0;
	margin: 0;
	z-index: 1;
	line-height: 1.1em;
	font-family: 'Raleway', sans-serif;
	font-weight: normal;
	text-transform: uppercase;
	font-size: 80%;
	color: #ccc;
	letter-spacing: .03em;
	/*height: 40px;*/
	top: 0;
	border-bottom: 1px solid #353535;
	box-shadow: 0 -.6em 1.7em rgba(0, 0, 0, .85) inset;
	border-bottom: 4px solid #337ab7;
	}
@media (max-width: 1200px) {
	.headtop {
		/*height: 37px;*/
		}
	}
@media (max-width: 767px) {
	.headtop {
		width: 100%;
		background: none;
		top: 0;
		left: 0;
		margin: 0;
		height: 25px;
		box-shadow: none;
		z-index: 20;

		position: fixed !important;
		top: 60px;
		height: 0;
		}
		#sticky.affix .headtop {
		}
	}
@media (max-width: 480px) {
	.headtop {
		top: 85px;
		}
	}

.marken-logo {
	float: right;
	display: inline;
	position: relative;
	z-index: 100;
	width: 100%;
	margin-left: -17px;
	margin-right: -17px;
	width: calc(100% + 34px);
	height: 45px;
	}
.marken-logo a {
	background-size: 85%;
	float: left;
	clear: none;
	text-align: center;
	background-color: none;
	border-left: 1px solid #505050;
	border-right: 1px solid #000;
	width: 5.55%; /* 18 Marken */
	width: 5.85%; /* 17 Marken */
	background-repeat: no-repeat;
	background-position: center center !important;
	background-size: 100%;
	height: 100%;
	opacity: .8;
	}
	.marken-logo a:first-child 	{ border-left: none }
	.marken-logo a:last-child 	{ border-right: none }

.marken-logo a:hover,
.marken-logo a#active {
	text-decoration: none;
	background-color: #fff;
	border-left-color: #fff;
	border-right-color: #fff;
	box-shadow: 0 .1em .6em rgba(0, 0, 0, 0.3);
	opacity: 1;
	background-size: 115%;
	height: calc(100% + 16px);
	margin-top: -8px;
	margin-bottom: -8px;
	transition: 0s
	}
.marken-logo a#active {
	background-color: #fff;
	border: none;
	box-shadow: 0 .1em .6em rgba(0, 0, 0, 0.5);
	border-top: 4px solid #fff;
	z-index: 10;
	position: relative;
	}

.marke300 { background-image: url(../images/markenleiste_fff/300.svg); }
.marke400 { background-image: url(../images/markenleiste_fff/400.svg); }
.marke1200 { background-image: url(../images/markenleiste_fff/1200.svg); }
.marke700 { background-image: url(../images/markenleiste_fff/700.svg); }
.marke800 { background-image: url(../images/markenleiste_fff/800.svg); }
.marke1100 { background-image: url(../images/markenleiste_fff/1100.svg); }
.marke1240 { background-image: url(../images/markenleiste_fff/1240.svg); }
.marke1300 { background-image: url(../images/markenleiste_fff/1300.svg); }
.marke600 { background-image: url(../images/markenleiste_fff/600.svg); }
.marke200 { background-image: url(../images/markenleiste_fff/200.svg); }
.marke250 { background-image: url(../images/markenleiste_fff/250.svg); }
.marke1000 { background-image: url(../images/markenleiste_fff/1000.svg); }
.marke1330 { background-image: url(../images/markenleiste_fff/1330.svg); }
.marke1360 { background-image: url(../images/markenleiste_fff/1360.svg); }
.marke1320 { background-image: url(../images/markenleiste_fff/1320.svg); }
.marke275 { background-image: url(../images/markenleiste_fff/275.svg); }
.marke750 { background-image: url(../images/markenleiste_fff/750.svg); }
.marke650 { background-image: url(../images/markenleiste_fff/650.svg); }
.marke950 { background-image: url(../images/markenleiste_fff/950.svg); }
.marke980 { background-image: url(../images/markenleiste_fff/980.svg); }

.marke300#active, .marke300:hover { background-image: url(../images/markenleiste/300.svg) }
.marke400#active, .marke400:hover { background-image: url(../images/markenleiste/400.svg) }
.marke1200#active, .marke1200:hover { background-image: url(../images/markenleiste/1200.svg) }
.marke700#active, .marke700:hover { background-image: url(../images/markenleiste/700.svg) }
.marke800#active, .marke800:hover { background-image: url(../images/markenleiste/800.svg) }
.marke1100#active, .marke1100:hover { background-image: url(../images/markenleiste/1100.svg)}
.marke1240#active, .marke1240:hover { background-image: url(../images/markenleiste/1240.svg) }
.marke1300#active, .marke1300:hover { background-image: url(../images/markenleiste/1300.svg) }
.marke600#active, .marke600:hover { background-image: url(../images/markenleiste/600.svg) }
.marke200#active, .marke200:hover { background-image: url(../images/markenleiste/200.svg) }
.marke250#active, .marke250:hover { background-image: url(../images/markenleiste/250.svg) }
.marke1000#active, .marke1000:hover { background-image: url(../images/markenleiste/1000.svg) }
.marke1330#active, .marke1330:hover { background-image: url(../images/markenleiste/1330.svg) }
.marke1360#active, .marke1360:hover { background-image: url(../images/markenleiste/1360.svg) }
.marke1320#active, .marke1320:hover { background-image: url(../images/markenleiste/1320.svg) }
.marke275#active, .marke275:hover { background-image: url(../images/markenleiste/275.svg) }
.marke750#active, .marke750:hover { background-image: url(../images/markenleiste/750.svg) }
.marke650#active, .marke650:hover { background-image: url(../images/markenleiste/650.svg) }
.marke950#active, .marke950:hover { background-image: url(../images/markenleiste/950.svg) }
.marke980#active, .marke980:hover { background-image: url(../images/markenleiste/980.svg) }

@media (max-width: 1200px) {
	.marken-logo {
		height: 40px
		}
	.marken-logo a:hover,
	.marken-logo a#active {
		height: calc(100% + 10px);
		margin-top: -5px;
		margin-bottom: -5px;
		}
}
@media (max-width: 992px) {
	.marken-logo {
		height: 35px
		}
}


@media (max-width: 767px) {
	.marken-logo {
		display:none;
		position: fixed;
		width: 100%;
		left: 0;
		z-index: 10;
		margin: 0;
		box-shadow: 0 .1em .5em rgba(0, 0, 0, 0.7);

		top: 60px;
		box-shadow: none;
		text-align: center;
		border-top: 1px solid rgba(255, 255, 255, 0.2);
		background: rgb(17,17,17);
		background: -moz-linear-gradient(top, rgba(17,17,17,1) 0%, rgba(51,51,51,1) 60%);
		background: -webkit-linear-gradient(top, rgba(17,17,17,1) 0%,rgba(51,51,51,1) 60%);
		background: linear-gradient(to bottom, rgba(17,17,17,1) 0%,rgba(51,51,51,1) 60%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#111111', endColorstr='#333333',GradientType=0 );

		padding: 0 0 .3em 0 !important;
		padding: 10px 10px !important;

		height: auto
		}
	.marken-logo a {
		float: none;
		display: inline-block;
		clear: none;
		width: 10% !important;
		height: 60px !important;
		border:none;
		background-color: rgba(0, 0, 0, 0) !important;
		margin: 1px;
		box-shadow: .1em .1em .1em rgba(0, 0, 0, 0.5);
		box-shadow: none;
		}
	.marken-logo a:hover {
		background-color: #fff !important;
		border: none;
		}
	.marken-logo a#active {
		background-color: #fff !important;
		height: 100%;
		margin-top: 6px;
		margin-bottom: -3px !important;
		}
	.marken-logo a#active {
		background-size: 110%;
		margin-top: 10px !important;
		margin-bottom: -6px !important
		}
}
@media (max-width: 580px) {
	.marken-logo a {
		width: 14% !important;
		height: 50px !important;
		}
}
@media (max-width: 480px) {
	.marken-logo {
		top: 85px;
		border-top: none;
		padding: 10px 25px 15px 25px !important
		}
	.marken-logo a {
		width: 23% !important;
		height: 65px !important;
		background-size: 90%
		}
}
@media (max-width: 380px) {
	.marken-logo a {
		height: 55px !important;
		background-size: 100%
		}
}



a.einblenden-marken {
	display: none;
	}
	@media (max-width: 767px) {
	a.einblenden-marken {
		z-index: 1000;
		position: fixed;
		float: left;
		display: inline;
		right: 60px;
		top: 16px;
		background: #777;
		font-weight: 500;
		color: rgba(255, 255, 255, 0.85) !important;
		border-radius: 2px;

		font-size: 110% !important;
		line-height: 1.3em !important;
		padding: .5em .8em .5em 1em !important
		}
	a.einblenden-marken:hover {
		background: #fff;
		color: #333 !important;
		text-decoration: none;
		transition: all ease 0.3s;
		}
	a.einblenden-marken:after {
	    content: '\F078';
		font-family: 'FontAwesome';
		float: right;
		color: #cccd;
		margin-top: -1px;
		margin-left: 3px
		}
	a.einblenden-marken:hover:after {
		transition: all ease 0.3s;
		color: #333
		}
	}
	@media (max-width: 590px) {
	a.einblenden-marken {
		top: 17px;
		height: 24px;
		padding: .3em .6em .3em .8em !important;
		}
	}
	@media (max-width: 480px) {
		a.einblenden-marken {
			right: 3px;
			top: 58px !important;
			height: 24px;
			padding: .4em !important;
			letter-spacing: .02em;
			width: 23%;
			text-align: center
			}
		a.einblenden-marken:after {
		    font-size: 80%;
		    margin-top: -2px;
		    margin-left: 0s
			}
	}
/* --------- end MARKENLEISTE -------- */





/* --------- SOCIALMEDIA
================================================== */
.socialmedia-768 {
		display: none
		}

.socialmedia {
	margin-left: .5em;
	margin-top: -2px
	}
.socialmedia a {
	float: left;
	margin: 0 0 0 .35em !important;
	padding: 0 !important
	}
.socialmedia a i {
	font-size: 13pt;
	background: #c8d6de;
	color: #fff !important;
	width: 26px;
	height: 26px;
	border-radius: 3px;
	text-align: center;
	padding-top: .25em;
	margin: 0 !important;

	font-family: 'FontAwesome';
	font-weight: normal;
	}
	.socialmedia a.facebook i		{ font-size: 12pt; padding-top: .3em }
	.socialmedia a.instagram i		{  }
	.socialmedia a.youtube i		{  }

.socialmedia a:hover {
	background-image: none !important;
	background: none !important
	}
.socialmedia a:hover i {
	transition: all .4s;
	color: #fff !important;
	}
	.socialmedia a.facebook:hover i		{ background-color: #4060A5 !important }
	.socialmedia a.twitter:hover i		{ background-color: #00ABE3 !important }
	.socialmedia a.instagram:hover i	{ background-color: #bc2a8d !important }
	.socialmedia a.googleplus:hover i	{ background-color: #e64522 !important }
	.socialmedia a.youtube:hover i		{ background-color: #fd0011 !important }


@media (max-width: 1200px) {
	.socialmedia {
		margin-left: .2em;
		margin-top: -1px
		}
	.socialmedia a i {
		font-size: 12pt;
		width: 23px;
		height: 23px;
		padding-top: .2em;
		}
	.socialmedia a.facebook i	{
		font-size: 10.5pt;
		padding-top: .35em
		}
	}
@media (max-width: 992px) {
	.socialmedia {
		margin-left: .1em;
		}
	.socialmedia a i {
		font-size: 10pt;
		width: 20px;
		height: 20px;
		}
	.socialmedia a.facebook i	{
		font-size: 9pt;
		}
	}
@media (max-width: 767px) {
	.socialmedia {
		display: none !important
		}
	.socialmedia-768 {
		display: inline-block !important;
		position: fixed;
		right: 155px;
		top: 17px;
		z-index: 100
		}
	.socialmedia-768 a i {
		background: #777;
		color: rgba(255, 255, 255, 0.8) !important;
		padding: .3em !important;
		font-size: 13pt !important;
		width: 28px;
		height: 28px;
		}
	.socialmedia-768 a:hover i {
		color: #fff !important
		}
	}
@media (max-width: 590px) {
	.socialmedia-768 {
		top: 18px;
		right: 151px;
		}
	.socialmedia-768 a i {
		background: #777;
		color: rgba(255, 255, 255, 0.8) !important;
		padding: .25em !important;
		font-size: 12pt !important;
		width: 24px;
		height: 24px;
		}
	}
@media (max-width: 480px) {
	.socialmedia-768 {
		right: calc(23% + 8px);
		top: 59px
		}
	}
/* --- end SOCIALMEDIA --- */






/* --------- QUICKLINKS
================================================== */
.quicklinks {
	position: fixed;
	bottom: 5%;
	z-index: 10000;
	left: 5px;
	}


.quicklinks a {
	float: left;
	clear: both;
	display: block;
	text-decoration: none;
	text-transform: uppercase;
	text-align: right;
	white-space: nowrap;
	margin-bottom: 2px;
	}
.quicklinks a:hover {
	transition: all ease .4s;
	}

.quicklinks a i {
	position: relative;
	z-index: 1000;
	width: 35px;
	height: 35px;
	float: left;
	font-size: 17px;
	text-align: center;
	background: #2aabd2;
	padding-top: .45em;
	border-radius: 3px;
	color: #fff;
	margin: 0;
	}
	.quicklinks a:hover i {
		transition: all ease 0.1s;
		background: #2aabd2;
		color: #fff;
		text-shadow: .1em .1em .1em rgba(0, 0, 0, 0.3);
		border-top-right-radius: 0;
		border-bottom-right-radius: 0;
		}
		.quicklinks a.notdienst i,
		.quicklinks a.notdienst:hover,
		.quicklinks a.notdienst:hover i,
		.quicklinks a.notdienst span 		{
		  background-image: -webkit-linear-gradient(top, #d9534f 0%, #c12e2a 100%);
		  background-image:      -o-linear-gradient(top, #d9534f 0%, #c12e2a 100%);
		  background-image: -webkit-gradient(linear, left top, left bottom, from(#d9534f), to(#c12e2a));
		  background-image:         linear-gradient(to bottom, #d9534f 0%, #c12e2a 100%);
		  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9534f', endColorstr='#ffc12e2a', GradientType=0);
		  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
		  background-repeat: repeat-x;
		  border-color: #b92c28;
		  }
		.quicklinks a.shop i,
		.quicklinks a.shop:hover,
		.quicklinks a.shop:hover i,
		.quicklinks a.shop span 	{
		  background-image: -webkit-linear-gradient(top, #f0ad4e 0%, #eb9316 100%);
		  background-image:      -o-linear-gradient(top, #f0ad4e 0%, #eb9316 100%);
		  background-image: -webkit-gradient(linear, left top, left bottom, from(#f0ad4e), to(#eb9316));
		  background-image:         linear-gradient(to bottom, #f0ad4e 0%, #eb9316 100%);
		  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff0ad4e', endColorstr='#ffeb9316', GradientType=0);
		  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
		  background-repeat: repeat-x;
		  border-color: #e38d13;
		 }
		.quicklinks a.inzahlung i,
		.quicklinks a.inzahlung:hover,
		.quicklinks a.inzahlung:hover i,
		.quicklinks a.inzahlung span {
		  background: #337ab7;
		 }


.quicklinks a span {
	float: left;
	margin-left: -500px;
	width: auto;
	height: 35px;
	padding-right: 1em;
	padding-top: .45em;
	background: #2aabd2;
	color: #fff;
	font-weight: 600;
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
	font-size: 90%;
	}
	.quicklinks a:hover span {
	transition: all ease .2s;
	margin-left: 0
	}



@media (max-width: 1200px) {
.quicklinks a {
	height: 30px;
	}
.quicklinks a i {
	width: 30px;
	height: 30px;
	padding-top: .4em;
	}
.quicklinks a span {
	padding-top: .35em !important;
	height: 30px;
	}
}
@media (max-width: 767px) {
.quicklinks a {
	margin-bottom: 3px
	}

.quicklinks a.notdienst,
.quicklinks a.notdienst:hover {
	position: fixed !important;
	z-index: 100000;
	margin: 16px 0 0 20px !important;
	padding: .3em .8em !important;
	background: #bb0000 !important;
	top: 0;
	left: 0;
	display: inline-block;
	width: auto !important;
	min-width: auto !important;
	height: 30px !important
	}
	.quicklinks a.notdienst:hover {
	background: #ee0000 !important;
	}
	.quicklinks a.notdienst span,
	.quicklinks a.notdienst:hover span {
	display: inline-block !important;
	margin: 0 !important;
	padding: 0 !important;
	background: none;
	transform: none;
	width: auto !important;
	position: relative !important
	}
	.quicklinks a.notdienst i {
	display: none
	}
}
@media (max-width: 690px) {
	.quicklinks a.notdienst,
	.quicklinks a.notdienst:hover  {
		margin-top: 17px !important;
		margin-left: 10px !important;
		padding: .1em .6em !important;
		height: 25px !important
		}
}
@media (max-width: 480px) {
	.quicklinks a.notdienst,
	.quicklinks a.notdienst:hover {
		text-align: center;
		margin-top: 58px !important;
		margin-left: 3px !important;
		padding: .1em .6em !important;
		letter-spacing: -.02em;
		width: calc(71% - 77px);
		top: 0 !important;
		height: 24px !important
		}
	.quicklinks a.notdienst span {
		float: none
		}
}
/* --------- end QUICKLINKS -------- */







/* --------- KACHELN
================================================== */
.kachel-flex {
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	line-height: 1.3em;
	margin-left: -15px;
	margin-right: -15px;
	width: 100%;
	position: relative;
	}
	.kachel-flex.abstand-bigger {
	margin-left: -25px;
	margin-right: -25px;
	}
	.kachel-flex.text-center {
	text-align: center
	}
.kachel { /* 4spaltig */
	width: calc(25% - 30px);
	margin: 0 15px 30px 15px !important;
	background: rgba(200, 214, 222, .3);
	border: 1px solid #fff;
	border-radius: 0;
	background: #fff;
	padding: 0;
	border-radius: 4px;
	background: none;
	border-color: rgba(255, 255, 255, 0);
	}
	.kachel-flex.abstand-bigger .kachel {
	width: calc(25% - 50px);
	margin: 0 25px 50px 25px !important;
	}
.kachel:hover {
	background: rgba(200, 214, 222, 0.5);
	background: none;
	transition: .3s ease-in-out
	}
.kachel-flex.abstand-bigger .kachel {
	margin-bottom: 35px !important
	}
.kachel.border {
	border-radius: 0;
	border-bottom: 1px solid rgba(200, 214, 222, 0.7);
	padding-bottom: 30px;
	margin-bottom: 40px !important
	}

.kachel:hover {
	transition: .3s ease-in-out
	}
.kachel.typ2 {
	background: #f4f6f7;
	border-color: #ddd;
	}
.kachel.hover:hover,
.kachel.typ2:hover {
	background: #fff;
	/*box-shadow: .1em .1em .7em rgba(0, 0, 0, 0.07) inset*/
	}
.kachel.typ2 h5,
.kachel.typ2 h5 a {
	color: #555 !important
	}
.kachel.typ2:hover h5,
.kachel.typ2 h5 a:hover {
	color: #000 !important
	}

.kachel.margin-unten-m { margin-bottom: 1em !important }
.kachel.margin-unten-s { margin-bottom: .5em !important }
.kachel.margin-unten-xs { margin-bottom: .25em !important }

/* 4spaltig */
.kachel.col-3,
.kachel.col-3-4,
.kachel.col-3-6,
.kachel.col-3-4-6,
.kachel.col-3-4-6-12							{ width: calc(25% - 30px) }
.kachel-flex.abstand-bigger .kachel.col-3,
.kachel-flex.abstand-bigger .kachel.col-3-4,
.kachel-flex.abstand-bigger .kachel.col-3-6,
.kachel-flex.abstand-bigger .kachel.col-3-4-6,
.kachel-flex.abstand-bigger .kachel.col-3-4-6-12 { width: calc(25% - 50px) }

/* 3spaltig */
.kachel.col-4,
.kachel.col-4-6,
.kachel.col-4-12,
.kachel.col-4-6-12								{ width: calc(33.3% - 30px) }
.kachel-flex.abstand-bigger .kachel.col-4,
.kachel-flex.abstand-bigger .kachel.col-4-6,
.kachel-flex.abstand-bigger .kachel.col-4-12,
.kachel-flex.abstand-bigger .kachel.col-4-6-12	{ width: calc(33.3% - 50px) }

/* 2spaltig */
.kachel.col-6,
.kachel.col-6-12								{ width: calc(50% - 30px) }
.kachel-flex.abstand-bigger .kachel.col-6,
.kachel-flex.abstand-bigger .kachel.col-6-12	{ width: calc(50% - 50px) }

/* 1spaltig */
.kachel.col-12								{ width: calc(100% - 30px) }
.kachel-flex.abstand-bigger .kachel.col-12	{ width: calc(100% - 50px) }


.kachel .bild {
	width: 100%;
	display: inline-block;
	margin: 0 0 .7em 0 !important;
	}
	.kachel .bild,
	.transition,
	.transition-bigger {
	transition: transform 0.6s;
	-moz-transition: transform 0.6s;
	-webkit-transition: transform 0.6s;
	-o-transition: transform 0.6s;
	-ms-transition: transform 0.6s;
	}
	.transition-smaller:hover,
	.kachel:hover .transition-smaller  {
	cursor: zoom-in;
	cursor: -moz-zoom-in;
	cursor: -webkit-zoom-in;
	transform: scale(.97, .97);
	-moz-transform: scale(.97, .97);
	-webkit-transform: scale(.97, .97);
	-o-transform: scale(.97, .97);
	-ms-transform: scale(.97, .97);
	cursor: pointer
	}
	.transition-bigger:hover,
	.kachel:hover .transition-bigger {
	cursor: zoom-in;
	cursor: -moz-zoom-in;
	cursor: -webkit-zoom-in;
	transform: scale(1.04, 1.04);
	-moz-transform: scale(1.04, 1.04);
	-webkit-transform: scale(1.04, 1.04);
	-o-transform: scale(1.04, 1.04);
	-ms-transform: scale(1.04, 1.04);
	cursor: pointer
	}
	.kachel .bild img {
	margin: 0 !important;
	border-radius: 3px;
	width: 100%;
	box-shadow: 0 0 .2em rgba(0, 0, 0, 0.35)
	}


.kachel .kachel-sub {
	margin-top: 1em !important;
	color: #777f88;
	color: #444;
	line-height: 1.4em
	}
	.kachel .kachel-sub.txt_xs {
	font-size: 85%;
	color: #9ca9b1;
	line-height: 1.3em !important;
	}
	.kachel:hover .kachel-sub {
		color: #444
		}
		.kachel:hover .kachel-sub.txt_xs {
		color: #777f88;
		}
	.kachel .kachel-sub .icon {
		}
	.kachel .kachel-sub .icon i {
		color: #337ab7 !important;
		}

.kachel .mehr {
	margin-top: 1.5em;
	margin-bottom: 0;
	float: left
	}

.kachel a.brand {
	width: 100% !important;
	margin: 0 !important;
	padding: 0 !important
	}
	.kachel a.brand img,
	.kachel img.brand {
		width: auto;
		margin: -5px auto;
		margin-top: -10px;
		margin-bottom: 0;
		height: 80px;
		max-width: 85%
		}
		.kachel a.brand:hover img,
		.kachel:hover a.brand img,
		.kachel:hover img.brand,
		.kachel img.brand:hover {
		transition: .3s;
		margin-top: -15px;
		margin-bottom: -5px;
		height: 90px;
		}
	.kachel a.brand.brand-xl img,
	.kachel img.brand.brand-xl  {
		margin-top: 15px;
		margin-bottom: 15px;
		height: 120px;
		}
		.kachel a.brand.brand-xl:hover img,
		.kachel:hover a.brand.brand-xl img,
		.kachel:hover img.brand.brand-xl,
		.kachel img.brand.brand-xl:hover  {
		margin-top: 10px;
		margin-bottom: 10px;
		height: 130px;
		}

	@media (max-width: 992px) {
		.kachel a.brand img,
		.kachel img.brand {
			height: 60px
			}
			.kachel a.brand:hover img,
			.kachel:hover a.brand img,
			.kachel:hover img.brand,
			.kachel img.brand:hover {
			height: 70px
			}
		.kachel a.brand.brand-xl img,
		.kachel img.brand.brand-xl  {
			margin-top: 10px;
			margin-bottom: 10px;
			height: 100px
			}
			.kachel a.brand.brand-xl:hover img,
			.kachel:hover a.brand.brand-xl img,
			.kachel:hover img.brand.brand-xl,
			.kachel img.brand.brand-xl:hover  {
			margin-top: 5px;
			margin-bottom: 5px;
			height: 110px
			}
	}
	@media (max-width: 767px) {
		.kachel a.brand.brand-xl img,
		.kachel img.brand.brand-xl  {
			margin-top: 5px;
			margin-bottom: 5px;
			height: 80px
			}
			.kachel a.brand.brand-xl:hover img,
			.kachel:hover a.brand.brand-xl img,
			.kachel:hover img.brand.brand-xl,
			.kachel img.brand.brand-xl:hover  {
			margin-top: 0;
			margin-bottom: 0;
			height: 90px
			}
	}
	@media (max-width: 480px) {
		.kachel a.brand.brand-xl img,
		.kachel img.brand.brand-xl  {
			margin-top: -5px;
			margin-bottom: -5px;
			}
			.kachel a.brand.brand-xl:hover img,
			.kachel:hover a.brand.brand-xl img,
			.kachel:hover img.brand.brand-xl,
			.kachel img.brand.brand-xl:hover  {
			margin-top: -10px;
			margin-bottom: -10px;
			}
	}

.kachel .datum {
	position: relative;
	display: inline-block;
	margin: 0 !important;
	background: #337ab7;
	color: #fff;
	font-size: 85%;
	line-height: 1em;
	z-index: 1;
	float: left;
	padding: .4em .6em;
	margin-top: -20px !important;
	height: 20px
	}
.kachel h5 {
	margin: 0 0 .25em 0;
	font-weight: 400;
	clear: both
	}
.kachel h4 {
	margin: 0 !important;
	font-weight: 700;
	font-size: 150%;
	color: #000;
	clear: both
	}
.kachel h4 a,
.kachel a h4 {
	color: #000
	}
.kachel:hover h4 a,
.kachel:hover a h4,
.kachel h4 a:hover,
.kachel a:hover h4  {
	color: #337ab7
	}
.kachel p {
	margin: .5em 0 0 0;
	line-height: 1.5em
	}

@media (max-width: 1200px) {
	.kachel,
	.kachel.col-3-4,
	.kachel.col-3-4-6,
	.kachel.col-3-4-6-12							{ width: calc(33.3% - 30px) }
	.kachel-flex.abstand-bigger .kachel,
	.kachel-flex.abstand-bigger .kachel.col-3-4,
	.kachel-flex.abstand-bigger .kachel.col-3-4-6,
	.kachel-flex.abstand-bigger .kachel.col-3-4-6-12 { width: calc(33.3% - 50px) }
	}
@media (max-width: 992px) {
	.kachel 										{ width: calc(50% - 30px) }
	.kachel-flex.abstand-bigger .kachel 			{ width: calc(50% - 50px) }

	.kachel.col-3-6,
	.kachel.col-4-6,
	.kachel.col-4-6-12								{ width: calc(50% - 30px) }
	.kachel-flex.abstand-bigger .kachel.col-3-6,
	.kachel-flex.abstand-bigger .kachel.col-4-6,
	.kachel-flex.abstand-bigger .kachel.col-4-6-12	{ width: calc(50% - 50px) }


	.kachel.col-3-4,
	.kachel.col-4-12								{ width: calc(33.3% - 30px) }
	.kachel-flex.abstand-bigger .kachel.col-3-4,
	.kachel-flex.abstand-bigger .kachel.col-4-12	{ width: calc(33.3% - 50px) }


	.kachel.col-3-4 h4,
	.kachel.col-4-12 h4 							{ font-size: 135%; }
	}
@media (max-width: 767px) {
	.kachel-flex {
	margin-left: -10px;
	margin-right: -10px;
	}
	.kachel {
	width: calc(25% - 20px);
	margin: 0 10px 20px 10px !important;
	}
	.kachel.border 									{ padding-bottom: 15px; margin-bottom: 25px !important }
	.kachel-flex.abstand-bigger .kachel.border 		{ margin-bottom: 25px !important }

	.kachel.col-3-6,
	.kachel.col-4-6,
	.kachel.col-4-6-12								{ width: calc(50% - 20px) }

	.kachel.col-3-4									{ width: calc(33.3% - 20px) }

	.kachel.col-3-4-6,
	.kachel.col-3-4-6-12							{ width: calc(50% - 20px) }
	.kachel-flex.abstand-bigger .kachel.col-3-4-6,
	.kachel-flex.abstand-bigger .kachel.col-3-4-6-12 { width: calc(50% - 50px) }


	.kachel.col-12								{ width: calc(100% - 20px) }
	.kachel-flex.abstand-bigger .kachel.col-12	{ width: calc(100% - 50px) }
	}
@media (max-width: 575px) {
	.kachel,
	.kachel.col-3-4-6-12,
	.kachel.col-4-12,
	.kachel.col-4-6-12,
	.kachel.col-6-12								{ width: calc(100% - 20px) }
	.kachel-flex.abstand-bigger .kachel,
	.kachel-flex.abstand-bigger .kachel.col-3-4-6-12,
	.kachel-flex.abstand-bigger .kachel.col-4-6-12,
	.kachel-flex.abstand-bigger .kachel.col-6-12,
	.kachel-flex.abstand-bigger .kachel.col-4-12	{ width: calc(100% - 50px) }

	.kachel.col-3-4 h4,
	.kachel.col-4-12 h4 							{ font-size: 150%; }

	.left-580										{ padding-right: 40% !important }
	}
@media (max-width: 480px) {
	.kachel.col-3-6									{ width: calc(100% - 20px) }
	.kachel-flex.abstand-bigger .kachel.col-3-6		{ width: calc(100% - 50px) }

	.kachel h4										{ font-size: 135%; }
	.kachel h5										{ font-size: 100%; }

	.left-580										{ padding-right: 20% !important }
	}
@media (max-width: 380px) {
	.left-580										{ padding-right: 0 !important }
	}








.kachel.bg-darkgrey {
		background: #222222; /* Old browsers */
		background: -moz-linear-gradient(top, #222222 20%, #444444 90%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top, #222222 20%,#444444 90%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom, #222222 20%,#444444 90%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#222222', endColorstr='#444444',GradientType=0 ); /* IE6-9 */
		border-color:  #ddd !important
		}
		.kachel.bg-darkgrey:hover {
		background: #222;
		}
		.kachel.bg-darkgrey .bild {
		margin-left: -20px !important;
		margin-right: -120px !important;
		width: calc(100% + 40px) !important;
		margin-bottom: 1.5em !important;
		}
		.kachel.bg-darkgrey .bild a {
		width: calc(100% + 40px);
		display: inline-block
		}
		.kachel.bg-darkgrey:hover .bild {
		opacity: .8;
		transition: .5s;
		}
		.kachel.bg-darkgrey .bild img {
		box-shadow: -1px -1px 1px rgba(0, 0, 0, 0.2);
		width: calc(100% + 40px) !important;
		float: left
		}
		.kachel.bg-darkgrey h4 {
		font-size: 135%
		}
		.kachel.bg-darkgrey:hover h4 a,
		.kachel.bg-darkgrey:hover a h4 {
		color: #fff !important;
		}
		.kachel.bg-darkgrey:hover a,
		.kachel.bg-darkgrey:hover a:hover,
		.kachel.bg-darkgrey a:hover  {
		color: #fff !important;
		text-decoration: none !important;
		border: none !important
		}
		.kachel.bg-darkgrey:hover .btn-default:after,
		.kachel.bg-darkgrey .btn-default:hover:after {
		background: #337ab7;
		}
		.kachel.bg-darkgrey:hover .btn-default,
		.kachel.bg-darkgrey:hover .btn-default:after,
		.kachel.bg-darkgrey .btn-default:hover:after {
		color: #fff !important;
		}
		.kachel.bg-darkgrey:hover .btn-default:hover,
		.kachel.bg-darkgrey .btn-default:hover,
		.kachel.bg-darkgrey .btn-default:hover:after  {
		background: #a1b1bc !important;
		color: #222 !important
		}


.contentheader .kachel-flex {
		justify-content: center;
		margin-top: 0 !important;
		margin-bottom: 0 !important;
		padding-bottom: 0 !important;
		padding-top: 25px !important
		}
		.contentheader .kachel {
		background: #53585c;
		border: none;
		text-align: center;
		margin-bottom: 0 !important;
		}
		.contentheader .kachel:hover {
		background: #fff;
		}
		.contentheader .kachel .bild img {
		box-shadow: none;
		}
		.contentheader .kachel:hover .bild img {
		-webkit-filter: hue-rotate(115deg) saturate(3) contrast(3) invert(1) brightness(1.3) grayscale(1);
		filter: hue-rotate(115deg) saturate(3) contrast(3) invert(1) brightness(1.3) grayscale(1);
		}
		.contentheader .kachel h4 {
		color: #fff;
		text-transform: uppercase;
		font-weight: 400;
		font-family: 'Open Sans', sans-serif;
		font-size: 120%;
		letter-spacing: .03em
		}
		.contentheader .kachel:hover h4 a,
		.contentheader .kachel:hover a h4 {
		color: #000;
		}
		.contentheader .kachel h4 a:hover,
		.contentheader .kachel a:hover h4,
		.contentheader .kachel:hover h4  {
		color: #000 !important;
		}
		.contentheader .kachel .btn {
		margin-top: 10px !important;
		margin-bottom: 15px !important
		}
		.contentheader .kachel:hover .btn-default:after,
		.contentheader .kachel .btn-default:hover:after {
		background: #a1b1bc;
		}
		.contentheader .kachel .btn-default:hover,
		.contentheader .kachel .btn-default:hover:after {
		background: #000 !important
		}

.contentheader .kachel,
.kachel.bg-darkgrey {
	padding-left: 20px;
	padding-right: 20px;
	}
	.contentheader .kachel:hover,
	.kachel.bg-darkgrey:hover {
	transition: 0s;
	}
	.contentheader .kachel .bild img,
	.kachel.bg-darkgrey .bild img {
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
	}
	.contentheader .kachel:hover .bild img,
	.kachel.bg-darkgrey:hover .bild img {
	}
	.contentheader .kachel h4,
	.kachel.bg-darkgrey h4 {
	color: #fff;
	font-weight: 400;
	}
	.contentheader .kachel:hover h4 a,
	.contentheader .kachel:hover a h4,
	.kachel.bg-darkgrey:hover h4 a,
	.kachel.bg-darkgrey:hover a h4 {
	}
	.contentheader .kachel h4 a:hover,
	.contentheader .kachel a:hover h4,
	.contentheader .kachel a:hover,
	.kachel.bg-darkgrey:hover a,
	.kachel.bg-darkgrey:hover a:hover,
	.kachel.bg-darkgrey a:hover   {
	}
	.contentheader .kachel .btn-default,
	.kachel.bg-darkgrey .btn-default {
	border: none;
	background: none;
	color: #a1b1bc !important;
	margin-top: 15px;
	margin-bottom: 20px;
	line-height: 1.4em
	}
	.contentheader .kachel:hover .btn-default,
	.kachel.bg-darkgrey:hover .btn-default {
	color: #fff !important;
	}
	.contentheader .kachel:hover .btn-default:after,
	.contentheader .kachel .btn-default:hover:after,
	.kachel.bg-darkgrey:hover .btn-default:after,
	.kachel.bg-darkgrey .btn-default:hover:after {
	height: 100%;
	z-index: -1
	}

@media (max-width: 1200px) {
	.contentheader .kachel-flex {
		padding-top: 20px !important;
		}
	.contentheader .kachel h4 {
		font-size: 110%;
		letter-spacing: .01em
		}
	.kachel.bg-darkgrey h4 {
		font-size: 120%
		}
	.contentheader .kachel .btn-default,
	.kachel.bg-darkgrey .btn-default {
		font-size: 90%
		}
	}
@media (max-width: 992px) {
	.contentheader .kachel-flex {
		margin-left: -5px !important;
		margin-right: -5px !important;
		margin-bottom: -5px !important
		}
	.contentheader .kachel.col-3-6 {
		width: calc(25% - 10px) !important;
		margin-left: 5px !important;
		margin-right: 5px !important;
		margin-bottom: 10px !important;
		padding-left: 10px;
		padding-right: 10px;
		}
	.contentheader .kachel.col-3-6 h4 {
		font-size: 95%;
		}
	.contentheader .kachel .btn-default {
		font-size: 75%;
		margin-top: 5px;
		margin-bottom: 10px
		}

	.contentheader h4,
	.kachel.bg-darkgrey h4 {
		font-size: 105% !important;
		hyphens: auto;
	    -moz-hyphens: auto;
	    -ms-hyphens: auto;
	    -o-hyphens: auto;
	    -webkit-hyphens: auto;

		}
	.kachel.bg-darkgrey .btn-default {
		margin-top: 10px;
		margin-bottom: 15px;
		}
}
@media (max-width: 767px) {
	.contentheader .kachel-flex {
		padding-top: 15px !important
		}
	.contentheader  h4,
	.kachel.bg-darkgrey h4 {
		font-size: 95% !important;
		}
}
@media (max-width: 575px) {
	.contentheader .kachel.col-3-6 {
		width: calc(50% - 10px) !important;
		}
	.contentheader .kachel.col-3-6 h4 {
		font-size: 110%;
		}
	.contentheader .kachel .btn-default {
		font-size: 85%;
		}
	.contentheader  h4,
	.kachel.bg-darkgrey h4 {
		font-size: 100% !important;
		}
}
/* --------- end KACHELN -------- */






/* --------- OBEN (dunkler Bereich Markenleiste + Content)
================================================== */
.header-top {
	text-align: center !important;
	box-shadow: 0 .3em 1.2em rgba(0, 0, 0, 0.4);
	background: #222222; /* Old browsers */
	background: -moz-linear-gradient(top, #222222 20%, #444444 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #222222 20%,#444444 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #222222 20%,#444444 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#222222', endColorstr='#444444',GradientType=0 ); /* IE6-9 */
	}
.header-top h1 {
	font-size: 230%;
	color: #fff !important;
	padding: 0 !important;
	float: left;
	display: inline-block;
	margin: .7em 0 !important;
	font-weight: 400 !important;
	letter-spacing: .02em
	}
	.header-top h1.text-center {
	float: none;
	}
@media (max-width: 1200px) {
	.header-top h1 { font-size: 200% }
	}
@media (max-width: 992px) {
	.header-top h1 { font-size: 180% }
	}
@media (max-width: 767px) {
	.header-top h1 { font-size: 160% }
	}
@media (max-width: 480px) {
	.header-top h1 { font-size: 140% }
	}
/* --------- end OBEN -------- */



/* --------- CONTENT-INFO
================================================================================== */
.content-info {
	background: rgba(200, 214, 222, 0.6);
	padding-top: 40px;
	padding-bottom: 40px
	}
	.content-info .border-after:after {
	border-color: rgba(0, 0, 0, .07)
	}
	.content-info .kachel {
	background: #fff;
	padding: 20px
	}
	.content-info .mehr {
	background: none;
	}
	.content-info .mehr:hover {
	background-color: rgba(0, 0, 0, .7);
	}
	.content-info .mehr:hover:after {
	background: #000;
	}
@media (max-width: 767px) {
	.content-info  {
	padding: 20px 20px;
	}
}
/* --------- end CONTENT-INFO -------- */




/* --------- UNTEN
================================================================================== */
.bottom-info {
	background: rgba(200, 214, 222, 0.35);
	background: #f1f5f6;
	margin-top: 0;
	padding-top: 60px;
	padding-bottom: 70px;
	}
	.bottom-info.typ2 {
		background: rgba(200, 214, 222, 0);
		padding-top: 0;
		padding-bottom: 50px;
		margin-top: 2em
		}
	.bottom-info.typ2 .kachel {
		background: rgba(200, 214, 222, 0.35);
		border-color: rgba(0, 0, 0, 0.07)
		}
	.bottom-info.typ2 h4 {
		margin: 0 0 .5em 0 !important
		}
.bottom-info h2 {
	margin: 0 0 .5em 0
	}
.bottom-info .border-after:after {
	border-color: rgba(0, 0, 0, 0.05)
	}
.bottom-info h2.border-after.telefon {
	margin: 0 0 1em 0 !important;
	font-size: 240%;
	letter-spacing: 0;
	line-height: 1.3em !important;
	font-weight: 700;
	text-transform: none
	}
	.bottom-info h2.border-after.telefon span {
	font-size: 85%;
	margin-left: 15px;
	white-space: nowrap;
	font-weight: 400;
	color: rgba(0, 0, 0, 0.8);
	font-family: 'Open Sans', sans-serif !important;
	}
	.bottom-info h2.border-after.telefon i {
	opacity: 1;
	font-family: 'Font Awesome 5 Free' !important;
	font-weight: 900 !important;
	font-size: 80%;
	color: #a1b1bc !important;
	margin-top: 4px;
	margin-right: .4em
	}
.bottom-info h3 {
	margin: 2em 0 .6em 0;
	}
.bottom-info h4 {
	margin: 2em 0 .6em 0;
	font-weight: 600
	}
.bottom-info .kachel {
	background: #fff;
	border: 1px solid rgba(0, 0, 0, 0.2);
	padding: 20px;
	}
/*
.bottom-info .kachel-flex {
	margin-left: -5px;
	margin-right: -5px;
	}
.bottom-info .kachel {
	padding: 10px;
	background: #c8d6de;
	border-color: rgba(0, 0, 0, .03);
	width: calc(25% - 10px) !important;
	margin: 0 5px 10px 5px !important;
	}
.bottom-info .kachel:hover {
	border-color: rgba(0, 0, 0, .15);
	background: #fff;
	}
.bottom-info .kachel .bild {
	float: right;
	width: 40%;
	margin-left: .5em !important;
	box-shadow: 0 0 .2em rgba(0, 0, 0, 0.5)
	}
.bottom-info .kachel h4 {
	clear: none;
	font-size: 105%;
	line-height: 1.2em !important;
	font-weight: 600;
	}
.bottom-info .kachel:hover a h4,
.bottom-info .kachel:hover h4 a {
	color: #337ab7 !important;
	color: #000 !important
	}
.bottom-info .kachel a:hover h4,
.bottom-info .kachel h4 a:hover {
	color: #000 !important;
	color: #337ab7 !important;
	}
.bottom-info .kachel i {
	color: #aaa !important
	}
.bottom-info .kachel:hover i {
	color: #337ab7 !important;
	color: #aaa !important
	}
*/
@media (max-width: 1200px) {
	.bottom-info h2.border-after.telefon { font-size: 220%; }
}
@media (max-width: 992px) {
	.bottom-info h2.border-after.telefon { font-size: 200%; }
}
@media (max-width: 767px) {
	.bottom-info  						{ padding: 40px 20px 50px 20px; }
	.bottom-info h2.border-after.telefon 		{ font-size: 175%; }
	.bottom-info h2.border-after.telefon span 	{ font-size: 80%;}
}
@media (max-width: 575px) {
	.bottom-info h2.border-after.telefon span 	{ display: none}
}
@media (max-width: 480px) {
	.bottom-info h2.border-after.telefon 		{ font-size: 150%; }
}
/* --------- end UNTEN -------- */






/* --------- HEADER-Bild (Center ohne Überschrift)
================================================== */
	.header_content {
		background: #f2f2f2;
		position: relative;
		margin: 25px auto 0 auto;
		display: block;
		padding: 0;
		width: 1140px;
		}

		.header_content a {
			}
		.header_content .bildrahmenmitte,
		.header_content .bildrahmenmitte-nb{
			margin: 0 auto !important;
			border: none;
			}

		.header_content.center_typ2 .bildrahmenmitte,
		.header_content.center_typ2 .bildmitte {
			}
		.header_content.center_typ2 .bildrahmenlinks,
		.header_content.center_typ2 .bildlinks {
			}
		.header_content.center_typ2 .bildrahmenrechts,
		.header_content.center_typ2 .bildrechts {
			}


@media (max-width: 1200px) {
	.header_content {
		width: 940px;
		}
	}
@media (max-width: 992px) {
	.header_content {
		width: 720px;
		}
	}
@media (max-width: 767px) {
	.header_content {
		width: 100%;
		margin: 35px 0 -35px 0
		}
	}
@media (max-width: 430px) {
	.header_content {
		margin-bottom: -50px
		}
	}
/* --------- end  HEADER-Bild -------- */







/* --------- REITER / REGISTER
================================================== */
.reiter {
	background: #fff;
	padding: .5em;
	float: none;
	border: 1px solid #ddd;
	border-bottom: none;
	z-index: 10000;
	position: relative;
	border-top-right-radius: 5px;
	margin: 0 -10px -2px 0 !important;
	box-shadow: 1px -1px 3px rgba(0, 0, 0, 0.2) !important;
	}

.reiter.active,
.reiter:hover {
	color: #fff;
	background: #337ab7
	}
.reiter.active i {
	color: #fff
	}
/* --------- end REGISTER -------- */


/* ------------- Register ohne Java ------------- */
.tab-frame {
	clear: both;
	margin: 0;
	float: left;
	width: 100%;
	position: relative;
	}
.tab-frame input {
	display:none;
	}
.tab-frame label,
.tab-frame .tab-label {
	display: inline;
	list-style: none;
	font-size: 85%;
	font-weight: normal;
	font-size: 100%;
	text-transform: none;
	float: left;
	line-height: 1.2em !important;
	padding: .4em 1em;
	border-radius: 20px;
	border: 2px solid #fff;
	margin-right: 9px;
	margin-bottom: 9px;
	color: #333 !important;
	box-shadow: 0 0 .1em rgba(0, 0, 0, 0.5);

	background: #fff;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#eee));
	background-image: -webkit-linear-gradient(top, #fff, #eee);
	background-image: -moz-linear-gradient(top, #fff, #eee);
	background-image: -ms-linear-gradient(top, #fff, #eee);
	background-image: -o-linear-gradient(top, #fff, #eee);
	background-image: linear-gradient(to bottom, #fff, #eee);
	}
.tab-frame label:last-child,
.tab-frame .tab-label:last-child {
	border-right: none
	}
.tab-frame label:hover,
.tab-frame .tab-label:hover {
	color: #000 !important;
	transition: .2s;
	background: #f1f5f6;
	box-shadow: 0 0 .1em rgba(0, 0, 0, 0.6);

	background: #eee;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#fff));
	background-image: -webkit-linear-gradient(top, #eee, #fff);
	background-image: -moz-linear-gradient(top, #eee, #fff);
	background-image: -ms-linear-gradient(top, #eee, #fff);
	background-image: -o-linear-gradient(top, #eee, #fff);
	background-image: linear-gradient(to bottom, #eee, #fff);
	}
.tab-frame input:checked + label,
.tab-frame input + label.active,
.tab-frame .tab-label#active {
	z-index: 3;
	color: #000;
	font-weight: 700;
	background: #f1f5f6;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#dbe2e5), to(#f1f5f6));
	background-image: -webkit-linear-gradient(top, #dbe2e5 0%, #f1f5f6 100%);
	background-image: -moz-linear-gradient(top, #dbe2e5, #f1f5f6);
	background-image: -ms-linear-gradient(top, #dbe2e5, #f1f5f6);
	background-image: -o-linear-gradient(top, #dbe2e5, #f1f5f6);
	background-image: linear-gradient(to bottom, #dbe2e5, #f1f5f6);
	}
.tab-frame label i,
.tab-frame .tab-label i {
	color: rgba(0, 0, 0, 0.3);
	color: #aaa;
	margin-right:1px;
    }
.tab-frame label:hover i,
.tab-frame .tab-label:hover i {
	color: rgba(0, 0, 0, 0.6);
	color: #666;
	transition: all 0.2s;
    }
.tab-frame input:checked + label i,
.tab-frame input + label.active i,
.tab-frame .tab-label#active i {
	color: #337ab7 !important
	}
.tab-frame .tab-label img {
	height: 15px;
	opacity: .8;
	margin-top: -2px !important;
	margin-right: 1px !important;
	display: none
	}
.tab-frame .tab-label:hover img {
	opacity: 1
	}

.tab-frame h3 {
	}
.tab-frame .bg-content {
	z-index: 1;
	position: relative;
	display:none;
	clear:left;
	border-top-left-radius: 0;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	padding: 0;
	margin: 5em 0 0 0;
	border: none;
	background: none;
	box-shadow: none
	}
.tab-frame input:nth-of-type(1):checked ~ .bg-content:nth-of-type(1),
.tab-frame input:nth-of-type(2):checked ~ .bg-content:nth-of-type(2),
.tab-frame input:nth-of-type(3):checked ~ .bg-content:nth-of-type(3),
.tab-frame input:nth-of-type(4):checked ~ .bg-content:nth-of-type(4),
.tab-frame input:nth-of-type(5):checked ~ .bg-content:nth-of-type(5),
.tab-frame input:nth-of-type(6):checked ~ .bg-content:nth-of-type(6),
.tab-frame input:nth-of-type(7):checked ~ .bg-content:nth-of-type(7) {
	display:block;
	}

@media (max-width: 767px) {
	.tab-frame label,
	.tab-frame .tab-label {
		font-size: 95%;
		padding: .45em .8em;
		margin-right: 7px;
		}
	}
@media (max-width: 575px) {
	.tab-frame label,
	.tab-frame .tab-label {
		font-size: 85%;
		padding: .45em .65em;
		margin-right: 5px;
		margin-bottom: 7px;
		}
	}


/* - 1. Tab immer aktiv - */
.tab-frame input:first-of-type + label {
	}
.tab-frame div.bg-content:first-of-type 									{ display: block }
.tab-frame input:checked:not(:first-of-type) ~ .bg-content:first-of-type	{ display: none }

/* - end 1. Tab immer aktiv - */


.fadeIn{
	-webkit-animation-name:fadeIn;
	animation-name:fadeIn;
	-webkit-animation-duration: .4s;
	animation-duration: .4s;
	}
	@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}
	@keyframes fadeIn{0%{opacity:0}to{opacity:1}}

/* ------------- end Register ohne Java ------------- */


/* ------------- Register mit Java/Bootstrap ------------- */
.panel-body {
	padding: 0;
	}
.nav-tabs {
	margin: 0 !important;
	}
.nav-tabs i {
	margin-right: 5px !important;
	color: #c8d6de !important;
	font-family: 'Font Awesome 5 Free' !important;
	font-weight: 900 !important;
   	}

.nav-tabs li a {
	margin-left: 0 !important;
	color: #777 !important;
	padding-top: .3em;
	padding-left: .7em !important;
	padding-right: .7em !important;
	border-color: #e7e7e7;
	margin-right: 4px !important;
	background-position: 0 0, 100% 0 !important;
	background-repeat: no-repeat !important;
	-webkit-background-size: 100% 0 !important;
	-moz-background-size: 100% 0 !important;
	background-size: 100% 0 !important;
	background-image: linear-gradient(to right, #fff 0%, #fff 100%) !important;
	}
.nav-tabs li a:hover {
	transition: all .4s;
	-webkit-background-size: 100% 100% !important;
	-moz-background-size: 100% 100% !important;
	background-size: 100% 100% !important;
	background-image: linear-gradient(to right, #c8d6de 0%, #c8d6de 100%) !important;
	color: #fff !important
	}
.nav-tabs li.active i {
	color: rgba(42, 170, 209, 1) !important
	}
.nav-tabs li.active a i {
	color: #a1b1bc !important
	}
.nav-tabs li a:hover i {
	color: rgba(255, 255, 255, 0.6) !important;
	}
.nav-tabs li.active a {
	color: #333 !important;
	font-weight: 600
	}
.nav-tabs li.active a:hover {
	color: #fff !important
	}

.tab-content {
	background: #fff;
	padding: 3em 2em;
	margin: 0;
	border: 1px solid #ddd;
	border-top: none;
	border-top-left-radius: 0;
	border-top-right-radius: 0
	}
.tab-content .marke-headline {
	margin-top: 0 !important;
	margin-bottom: .5em !important;
	}
.tab-content h1,
.tab-content h2,
.tab-content h3,
.tab-content h4,
.tab-content h5{
	color: #333 !important;
	}

@media (max-width: 992px) {
	.nav-tabs li a {
	padding-top: .4em;
	font-size: 90%;
	letter-spacing: 0 !important
	}
}
@media (max-width: 767px) {
	.nav-tabs li a {
	padding-bottom: .3em;
	background: none;
	margin-right: 2px !important
	}
	.nav-tabs li a i {
	float: left;
	}
}
@media (max-width: 380px) {
	.nav-tabs li a {
	font-size: 80% !important;
	padding-left: .4em !important;
	padding-right: .4em !important;

	}
}
/* --------- end REITER / REGISTER -------- */










/* --------- NEWSLETTER
================================================== */
.newsletter {
	width: 100%;
	padding: 0 !important;
	margin: 4em 0 2em 0 !important;
	display: block;
	}
.newsletter .row {
	margin: 0;
	/*background-color: rgba(42, 170, 209, 0.65);
	background-image: url(../images/newsletter_d.jpg);*/
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	border-radius: 4px !important;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background-repeat: no-repeat;
	-webkit-background-size: 100% 0;
	-moz-background-size: 100% 0;
	background-size: 100% 0;
	-webkit-background-size: 0 100%;
	-moz-background-size: 0 100%;
	background-size: 0 100%;
	background-image: linear-gradient(to top, #fff 0%, #fff 100%);
	background-position: 0 100%;
	background-color: #c8d6de
	}
.newsletter .row:hover {
	box-shadow: .05em .05em .6em rgba(0, 0, 0, 0.2) inset;
	transition: all .4s;
	-webkit-background-size: 100% 100%;
	-moz-background-size: 100% 100%;
	background-size: 100% 100%;
	background-image: linear-gradient(to top, #2aabd2 0%, #2aabd2 100%);
	}
.newsletter .row [class*="col-"] {
	padding: .5em 2em !important;
	text-align: center;
	}
.newsletter h2 {
	float: none;
	margin: .15em 0 0 0 !important;
	color: #fff !important;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
	font-size: 165%;
	font-weight: 600;
	letter-spacing: .07em;
	text-transform: none;
	text-transform: uppercase;
	font-weight: bold;
	line-height: 1.15em !important
	}
.newsletter .row [class*="col-"]:last-child {
	padding-top: 11px !important;
	font-size: 140%;
	color: #43515a !important;
	line-height: 1.2em
	}
.newsletter .row [class*="col-"]:last-child b {
	color: #333 !important;
	text-transform: uppercase;
	font-weight: 800
	}
.newsletter i {
	font-size: 115%;
	float: right;
	width: auto;
	margin: 0 1em 0 0;
	color: #333 !important;
	}
.newsletter:hover i,
.newsletter:hover .row [class*="col-"]:last-child,
.newsletter:hover .row [class*="col-"]:last-child b {
	color: #fff !important;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
	}
@media (max-width: 992px) {
	.newsletter h2 									{ font-size: 120% }
	.newsletter .row [class*="col-"]:last-child 	{ font-size: 115%; padding-top: 8px !important }
	}
@media (max-width: 767px) {
	.newsletter h2 									{ font-size: 140% }
	.newsletter .row [class*="col-"]:last-child 	{ font-size: 125%; padding-top: 0 !important; padding-bottom: 10px !important; margin-top: -5px }
	.newsletter i									{ display: none }
	}
@media (max-width: 480px) {
	.newsletter h2 									{ font-size: 120% }
	.newsletter .row [class*="col-"]:last-child 	{ font-size: 110% }
	}
/* --------- end NEWSLETTER -------- */









/* --------- FORMULAR
================================================== */
.absenden,
.btn.absenden {
	background: #337ab7;
	color: #fff !important
	}
.absenden:hover,
.btn.absenden:hover  {
	background: #005599;
	color: #fff !important
	}

form label {
	font-weight: 400 !important
	}
form.form-inline {
	margin-top: -.5em !important;
	margin-bottom: .5em !important;
	}
form.form-inline .form-group select,
form.form-inline .form-group .form-control {
	margin-top: 0
	}
form.form-inline label {
	top: 0
	}

form .headline {
	font-weight: normal;
	color: #000;
	letter-spacing: .01em
	}

.form .form-control { margin-bottom: 10px; }



form .input-group-btn .btn-default {
	background: #337ab7 !important;
	color: #fff !important;
	border-color: rgba(0, 0, 0, 0)
	}
form .input-group-btn .btn-default:hover {
	background: #005599 !important
	}



@media (max-width: 1200px) {
	form.form-inline {
		margin-bottom: 0 !important
		}
}
@media (max-width: 767px) {
	form.form-inline {
		margin-top: .5em !important;
		margin-bottom: -.5em !important;
		}
	form.form-inline .form-group {
		clear: none !important;
		}
	form.form-inline .form-group label {
		min-width: auto !important;
		margin-top: 10px !important
		}
}


.form-check {
	margin-bottom: 1em
}
.form-check input {
	margin-right: 5px
}

.form-check.form-check-inline {
	display: inline
	}
label.oben {
	display: block;
	}
.form-check.form-check-inline br {
	display: none
	}
.form-check.form-check-inline label {
	margin-right: 1em
	}
.form-check.form-check-inline input {
	}
/* --------- end FORMULAR -------- */





















/* --------- BEWERTUNG
================================================== */
.bewertung {
	right: 0;
	bottom: 5%;
	position: fixed;
	z-index: 10000;
	}
.bewertung .btn {
    font-family: 'FontAwesome';
    color: rgba(200, 200, 200, 0.7) !important;
    float: right;
    background: none;
    border: none;
    box-shadow: none;
	margin: 0;
	padding: .6em .5em .6em .7em;
    line-height: 1.1em;
    font-weight: bold !important;
    font-size: 13pt;
    text-align: center;
    margin-bottom: -.5em
    }
.bewertung .btn:hover,
.bewertung .btn:focus {
    color: rgba(200, 200, 200, 1) !important;
    background: none;
    border: none;
    box-shadow: none
	}

.bewertung .btn-open {
	background: green !important;
	}
.bewertung .btn-close {
	background: rgba(255, 167, 0, 0.6) !important;
	border-radius: 100%;
	color: #fff !important;
	margin-right: 10px !important;
	}
.bewertung .btn-close:hover {
	background: orange !important;
	border-radius: 100%;
	color: #fff !important
	}

@media (max-width: 480px) {
	.bewertung { display: none }
	}
/* ------- BEWERTUNG -------*/






/* --------- BEWERTUNG-2
================================================== */
.bewertung-2 {
	right: 0;
	bottom: 5%;
	position: fixed;
	z-index: 10000;
	}

.bewertung-2 .button-toggle {
    font-family: 'FontAwesome';
    color: #fff;
    background: orange;
    box-shadow: .1em .1em .2em rgba(0, 0, 0, 0.3);
    position: absolute;
    right: 25px;
    margin-top: 5px;
    font-size: 13pt;
	padding: .25em .4em .3em .4em;
    text-align: center;
    border-radius: 50px
    }
.bewertung-2 .button-toggle i {
   margin: 0
   }
.bewertung-2 .button-toggle:hover {
    color: rgba(255, 255, 255, 0.8);
    background: #f89a00;
    box-shadow: .1em .1em .2em rgba(0, 0, 0, 0.4) inset;
    }
@media (max-width: 767px) {
	.bewertung-2 { bottom: -10px; right: -20px }
	}
@media (max-width: 480px) {
	.bewertung-2 { display: none }
	}
/* ------- BEWERTUNG-2 -------*/







/* --------- NOTDIENSTE
================================================== */
.notdienst-item {
	background: #dd0000;
	color: #fff;
	padding: 1em 1.5em;
	text-align: left;
	float: left;
	width: 100%;
	line-height: 1.3em
	}
.notdienst-item .btn {
	margin-top: 1.5em;
	background: none;
	color: #000 !important;
	border-color: #000
	}
	.notdienst-item .btn i {
	color: rgba(0, 0, 0, 0.5) !important;
	}
	.notdienst-item .btn:hover i {
	color: #aaa !important;
	}
.notdienst-item h4 {
	margin: 0 0 .3em 0;
	color: #fff;
	text-transform: uppercase;
	font-weight: 500;
	font-size: 180%;
	line-height: 1.2em !important
	}
.notdienst-item h5 {
	margin: 1em 0 .2em 0 !important;
	color: #000 !important;
	text-transform: uppercase;
	letter-spacing: .05em;
	font-weight: 600 !important
	}
.notdienst-item .txt_xs,
.notdienst-item .txt_s {
	color: rgba(255, 255, 255, 0.7)
	}
/* ------- NOTDIENSTE -------*/







/* --------- TOGGLE-Standorte
================================================== */
.einblenden-standorte a {
		box-shadow: none;
		line-height: 1.3em;
		font-weight: 600;
		float: left;
		font-size: 100%;
		background: #ccc;
		color: #fff;
		text-decoration: none;
		text-shadow: -.08em -.1em #bbb;
		box-shadow: .1em .1em 0 rgba(0, 0, 0, 0.3);
		box-shadow: none;
		margin: 0;
		margin-top: 30px;
		margin-bottom: -30px;
		margin-left: 30px;
		padding: .2em .7em;
		position: relative;
		border-radius: 30px;
		z-index: 100;

		background-image: -webkit-linear-gradient(top, #5bc0de 0%, #2aabd2 100%);
		background-image:      -o-linear-gradient(top, #5bc0de 0%, #2aabd2 100%);
		background-image: -webkit-gradient(linear, left top, left bottom, from(#5bc0de), to(#2aabd2));
		background-image:         linear-gradient(to bottom, #5bc0de 0%, #2aabd2 100%);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff2aabd2', GradientType=0);
		filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
		background-repeat: repeat-x;
		border-color: #28a4c9;
		text-shadow: none;
		box-shadow: .1em .1em .1em rgba(0, 0, 0, 0.3)
		}
.einblenden-standorte a:hover {
		color: #fff;
		background-color: #2aabd2;
		box-shadow: .1em .2em .3em rgba(0, 0, 0, 0.3) inset;
		}
@media (min-width: 768px) {
	.einblenden-standorte a {
		display: none
		}
	}
@media (max-width: 767px) {
	li.einblenden-standorte2 {
		display: none
		}
	}

.toggle-standorte 	{
	padding: 1em 0 1em 0;
	display:none;
	position: relative;

	background: #222222; /* Old browsers */
	background: -moz-linear-gradient(top, #222222 20%, #444444 90%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #222222 20%,#444444 90%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #222222 20%,#444444 90%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#222222', endColorstr='#444444',GradientType=0 ); /* IE6-9 */
	}
	.toggle-standorte.standorte-hell 	{
	background: #fff; /* Old browsers */
	background: -moz-linear-gradient(top, #fff 20%, #f6f6f6 90%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #fff 20%,#f6f6f6 90%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #fff 20%,#f6f6f6 90%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff', endColorstr='#f6f6f6',GradientType=0 ); /* IE6-9 */
	padding-bottom: 0
	}
.toggle-standorte .btn 	{
	border-radius: 15px;
	padding-left: .6em;
	padding-right: .6em;
	margin-right: .2em
	}

.ausblenden-standorte {
	 color: #777;
	 box-shadow: none;
	 border: none;
	 float: right;
	 margin-bottom: 0;
	 padding: .15em .7em .2em .6em;
	 line-height: 1.3em;
	 border-radius: 15px;
	 border: 1px solid #666;
	 border: none
	}
.ausblenden-standorte:hover {
	 color: #fff;
	 background: #555;
	}


#gmap {
    width: 100%;
    height: 400px;
    margin-top: 1em;
    text-align: center
    }
.standorte-img {
	margin: 1em 0;
	width: 100%;
	height: auto;
	z-index: 0;
	float: left
}
@media (min-width: 768px) {
	#sticky.affix .einblenden-standorte a {
		margin-top: 15px;
		margin-left: 17px;
	}
}
@media (min-width: 992px) {
	#sticky.affix .einblenden-standorte a {
		margin-top: 13px;
	}
}
@media (max-width: 1200px) {
	.einblenden-standorte a {
		margin-top: 14px;
		margin-left: 17px
	}
}
@media (max-width: 992px) {
	.einblenden-standorte a {
		font-size: 85%;
		margin-top: 14px;
		margin-left: 13px;
		padding-top: .1em;
		padding-bottom: .25em
	}
}
@media (max-width: 767px) {
	.toggle-standorte {
		z-index: 0;
		padding: .5em 0 1em 0;
	}
	.standorte-img {
		margin: .5em 0
	}
}
/* --------- end TOGGLE-Standorte -------- */









/* --------- MARKEN-ÜBERSICHT
================================================================================== */
.standort-marke {
	margin-bottom: 1em;
	-webkit-filter: grayscale(1);
	filter: grayscale(1);
	opacity: .6;
	text-align: center
	}
.standort-marke img {
	width:100%;
	max-height: 70px;
	max-width: 80px
	}
.standort-marke:hover  {
	cursor: zoom-in;
	cursor: -moz-zoom-in;
	cursor: -webkit-zoom-in;
	transform: scale(1.08);
	-moz-transform: scale(1.08);
	-webkit-transform: scale(1.08);
	-o-transform: scale(1.08);
	-ms-transform: scale(1.08);
	transition: .3s;
	-webkit-filter: grayscale(0);
	filter: grayscale(0);
	opacity: 1;
	}
@media (max-width:992px) {
	.standort-marke {
		text-align: left;
		}
}
/* --------- end MARKEN-ÜBERSICHT -------- */




/* --------- MARKEN-GW
================================================================================== */
.marken-signature-2 {
	display: block;
	text-align: center;
	width: 100%;
	margin-top: -1.5em;
	margin-bottom: -.5em
	}
	.marken-signature-2 img {
	max-width: 80%;
	}
@media (max-width: 767px) 	{
	.marken-signature-2 img		{
		width: auto;
		margin-top: 0
		}
}

.marken-signature {
	display: block;
	text-align: center;
	padding: 2.5em 0;
	width: 100%;
	margin-bottom: 2.5em
	}
.marken-signature img {
	max-height: 170px;
	max-width: 80%;
	width: auto
	}
@media (max-width: 1200px) 	{
	.marken-signature		{ padding: 1.5em 0 }
	.marken-signature img 	{ max-height: 150px }
}
@media (max-width: 992px) 	{
	.marken-signature		{ padding: 1em 0 }
	.marken-signature img 	{ max-height: 115px }
}
@media (max-width: 767px) 	{
	.marken-signature		{ padding: 2em 0; margin-bottom: 1em }
	.marken-signature img 	{ max-height: 180px }
}
@media (max-width: 480px) 	{
	.marken-signature img 	{ max-height: 120px }
}
/* --------- end MARKEN-GW -------- */













/* --------- ALERTS
================================================================================== */
.alert {
	padding-left: 35px
}
.alert span {
	margin-left: -22px;
	width: 18px
	}

.alert-primary {
  	border-color: rgba(51, 122, 184, 0.7);
  	background-color: rgba(51, 122, 184, 0.7);
  	color: #fff
	}
.alert-secondary {
  	border-color: rgba(91, 192, 222, 0.3);
 	background-color: rgba(91, 192, 222, 0.3);
	}
.alert-danger {
 	 border-color: rgba(238, 0, 0, .1);
  	background-color: rgba(238, 0, 0, 0.1);
  	color: #ee0000
	}
.alert-danger h1,
.alert-danger h2,
.alert-danger h3,
.alert-danger h4,
.alert-danger h5,
.alert-danger h6 {
   color: #ee0000 !important
	}
.content-rechts .alert-danger h1:after,
.alert-danger h1.border-after:after {
   border-color: rgba(238, 0, 0, 0.2) !important
	}
/* --------- end ALERT -------- */








.pkw,
.lkw,
.trans {
	margin-right: .5em
}
.picto_lkw_kl,
.picto_pkw_kl,
.picto_trans_kl {
	float: right;
	margin-top: .2em;
	margin-left: .3em;

}





/* --------- HEADER_FLUID (Bild komplette Breite)
================================================== */
.header-fluid {
	text-align: center;
	background: #222
	}
.header-fluid img {
	width: 100%;
	max-width: 1920px;
	margin: 0 auto
	}
/* --------- end HEADER_FLUID -------- */





/* --------- KARUSELL
================================================== */
.carousel-wrapper  {
	margin-bottom: 0;
	}
	@media (max-width: 767px) {
		.carousel-wrapper 	{ position: relative;  }
		}
	@media (max-width: 480px) {
		.carousel-wrapper 	{  }
		}

.carousel-wrapper .container-fluid  {
	background: #222;
	}

.carousel-wrapper.carousel-under-submenu { margin-top: 2em; box-shadow: 0 .1em 1em rgba(0, 0, 0, 0.3) }
	@media (max-width: 992px) {
		.carousel-wrapper.carousel-under-submenu { margin-top: 1.75em }
		}
	@media (max-width: 767px) {
		.carousel-wrapper.carousel-under-submenu { margin-top:20px }
		}
	@media (max-width: 480px) {
		.carousel-wrapper.carousel-under-submenu { margin-top: 10px }
		}


.container-fluid .carousel .item {
	height: 95px;
	background-color: #666
	}
.container-fluid .carousel .item img {
	z-index: 10
	}
.container-fluid .carousel .item .blur {
	filter: blur(10px);
	-webkit-filter: blur(10px);
	-moz-filter: blur(10px);
	-o-filter: blur(10px);
	-ms-filter: blur(10px);
	position: absolute;
	background-size: cover;
	background-position: center center;
	width: 100%;
	top: 0;
	left: 0;
	right: 0;
	height: 100%;
	z-index: 1;
	 }
	@media (min-width: 320px) {
		.container-fluid .carousel .item 	{ height: 125px } }
	@media (min-width: 375px) {
		.container-fluid .carousel .item 	{ height: 135px } }
	@media (min-width: 420px) {
		.container-fluid .carousel .item 	{ height: 150px } }
	@media (min-width: 480px) {
		.container-fluid .carousel .item 	{ height: 170px } }
	@media (min-width: 575px) {
		.container-fluid .carousel .item 	{ height: 205px } }
	@media (min-width: 680px) {
		.container-fluid .carousel .item 	{ height: 245px } }
	@media (min-width: 768px) {
		.container-fluid .carousel .item 	{ height: 275px } }
	@media (min-width: 860px) {
		.container-fluid .carousel .item 	{ height: 305px } }
	@media (min-width: 992px) {
		.container-fluid .carousel .item 	{ height: 350px } }
	@media (min-width: 1100px) {
		.container-fluid .carousel .item 	{ height: 390px } }
	@media (min-width: 1200px) {
		.container-fluid .carousel .item 	{ height: 430px } }
	@media (min-width: 1300px) {
		.container-fluid .carousel .item 	{ height: 450px } }
	@media (min-width: 1400px) {
		.container-fluid .carousel .item 	{ height: 480px } }
	@media (min-width: 1500px) {
		.container-fluid .carousel .item 	{ height: 500px } }
	@media (min-width: 1600px) {
		.container-fluid .carousel .item 	{ height: 528px } }
	@media (min-width: 1700px) {
		.container-fluid .carousel .item 	{ height: 550px } }
	@media (min-width: 1800px) {
		.container-fluid .carousel .item 	{ height: 600px } }
	@media (min-width: 1920px) {
		.container-fluid .carousel .item 	{ height: 620px } }





.carousel .item {
	background: #222
	}
.carousel .item img {
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 100%;
	max-width: 1920px;
	/*height: 685px*/
	}


.carousel .item img,
.carousel .item a img {
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 100%;
	max-width: 1920px;
	/*height: 685px*/
	}
	@media (max-width: 1920px) {
		.carousel .item img,
		.carousel .item a img {
		width: 100%
		}
	}


.carousel-caption {
	padding: 0;
	text-align: center !important;
	position: absolute;
	top: auto !important;
	bottom: 10px !important;
	border-radius: 4px;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
	}
.carousel-caption h1,
.carousel-caption span {
	float: none;
	width: auto !important;
	margin: 0 auto !important;
	display: table;
	position: relative;
	text-shadow: none;
	text-align: center;
	background: rgba(0, 0, 0, .3);
	}
.carousel-caption h1 {
	font-size: 225%;
	line-height: 1.15em !important;
	color: #fff !important;
	font-weight: 700 !important;
	text-transform: uppercase;
	margin-bottom: 4px !important;
	padding: .2em .6em;
	}
	.carousel-caption h1.h1_100 {
	}
.carousel-caption span {
	font-size: 125%;
	color: rgba(255, 255, 255, 0.7);
	padding: .2em .8em !important;
	}
	.carousel-caption span.text_100 {
	font-size: 100%;
	}
.carousel .item:hover .carousel-caption h1,
.carousel .item:hover .carousel-caption span {
	color: #fff !important;
	background: rgba(0, 0, 0, .6);
	transition: .5s
	}
.carousel .item:hover .carousel-caption span {
	color: #fff !important;
	color: rgba(255, 255, 255, 0.85);
	}
.carousel-caption .btn {
	display: none
	}


.carousel-indicators {
  	top: 5px;
  	height: 20px;
  	}
.carousel-indicators li,
.carousel-indicators li.active {
  	border: none;
  	width: 10px;
  	height: 10px;
  	background: rgba(230, 230, 230, 0.7);
  	margin: 0 1px;
  	border-radius: 0
  	}
.carousel-indicators li:hover {
  	background: #fff
  	}
 .carousel-indicators li.active {
  	background: #337ab7;
  	background: #5bc0de;
  	box-shadow: .1em .1em .1em rgba(0, 0, 0, 0.5)
  	}




.left.carousel-control,
.right.carousel-control {
	background-image: none;
	opacity: 0.7;
	top: 44%;
	bottom: auto;
	width: 40px;
	height: 40px
	}
.carousel-control span {
	font-size: 15pt !important;
	left: 25px !important;
	padding-top: .2em
	}
	.right.carousel-control span {
	left: auto !important;
	right: 25px !important
	}
.carousel-control:hover {
	opacity: 1;
	background: rgba(0, 0, 0, .4);
	transition: .2s ease-out;
	}
	@media (max-width: 1200px) {
		.carousel-control 				{ top: 43% !important }
		.carousel-control span 			{ font-size: 13pt !important }
		}
	@media (max-width: 992px) {
		.carousel-control 				{ top: 40% !important; }
		.carousel-control span 			{ font-size: 11pt !important; padding-top: .5em }
		}
	@media (max-width: 767px) {
		.carousel-control 				{ top: 37% !important;  }
		.carousel-control span 			{ font-size: 11pt !important; padding-top: .2em }
		}
	@media (max-width: 480px) {
		.carousel-control 				{ width: 30px !important }
		.carousel-control span 			{ left: 15px !important; }
		.right.carousel-control span 	{ left: auto !important; right: 15px !important }
		}
	@media (max-width: 340px) {
		.carousel-control 				{ top: 40% !important; height: 22px !important }
		.carousel-control span 			{ font-size: 8pt !important; padding-top: .4em }
		}


.carousel-indicators {
  	top: 5px;
  	height: 20px;
  	}
.carousel-indicators li,
.carousel-indicators li.active {
  	border: none;
  	width: 10px;
  	height: 10px;
  	background: rgba(230, 230, 230, 0.7);
  	margin: 0 1px;
  	border-radius: 0
  	}
.carousel-indicators li:hover {
  	background: #fff
  	}
 .carousel-indicators li.active {
  	background: #337ab7;
  	background: #5bc0de;
  	box-shadow: .1em .1em .1em rgba(0, 0, 0, 0.5)
  	}

.left.carousel-control,
.right.carousel-control {
	background-image: none;
	opacity: 0.7;
	top: 44%;
	bottom: auto;
	width: 40px;
	height: 40px
	}
.carousel-control span {
	font-size: 15pt !important;
	left: 25px !important;
	padding-top: .2em
	}
	.right.carousel-control span {
	left: auto !important;
	right: 25px !important
	}
.carousel-control:hover {
	opacity: 1;
	background: rgba(0, 0, 0, .4);
	transition: .2s ease-out;
	}
	@media (max-width: 1200px) {
		.carousel-control 				{ top: 43% !important }
		.carousel-control span 			{ font-size: 13pt !important }
		}
	@media (max-width: 992px) {
		.carousel-control 				{ top: 40% !important; }
		.carousel-control span 			{ font-size: 11pt !important; padding-top: .5em }
		}
	@media (max-width: 767px) {
		.carousel-control 				{ top: 37% !important;  }
		.carousel-control span 			{ font-size: 11pt !important; padding-top: .2em }
		}
	@media (max-width: 480px) {
		.carousel-control 				{ width: 30px !important }
		.carousel-control span 			{ left: 15px !important; }
		.right.carousel-control span 	{ left: auto !important; right: 15px !important }
		}
	@media (max-width: 340px) {
		.carousel-control 				{ top: 40% !important; height: 22px !important }
		.carousel-control span 			{ font-size: 8pt !important; padding-top: .4em }
		}
/* --------- end KARUSELL -------- */










/* --------- SONSTIGES
================================================== */
h1, h2, h3, h4, h5, h6 {
	font-weight: bold;
	color: #000;
	line-height: 1.3em !important
	}
h1 { color: #337ab7;
	font-weight: 600 !important;
	margin: 0 0 .75em 0;
	color: #000;
	}
h2 { font-size: 250%;
	color: #337ab7;
	font-weight: 400;
	margin-top: .5em
	}
h3 {
	}
h4 {
	color: #000;
	font-weight: normal;
	}
h5 {
	color: #337ab7;
	font-weight: bold;
	text-transform: none
	}
h6 {
	color: #337ab7;
	font-weight: bold
	}


@media  (max-width:1200px) {
	h2	{ font-size: 230%; letter-spacing: .01em !important }
	}
@media  (max-width:992px) {
	h2	{ font-size: 200%; letter-spacing: -.01em !important }
	}
@media  (max-width:767px) {
	h2	{ font-size: 215%; letter-spacing: .01em !important}
	}
@media  (max-width:480px) {
	h2	{ font-size: 185%; letter-spacing: -.01em !important }
	}
@media  (max-width:380px) {
	h2	{ font-size: 165%;  }
	}

.content-rechts h1,
.content-rechts h2,
.content-rechts h3,
.content-rechts h4,
.content-rechts h5,
.content-rechts h6 {
	margin-top: 1.2em 0 1em 0;
	letter-spacing: 0
	}
.content-rechts h1 { font-size: 190%; margin-top: 0 }
.content-rechts h2 { font-size: 155% }
.content-rechts h3 { font-size: 140% }
.content-rechts h4 { font-size: 135% }
.content-rechts h5 { font-size: 105%; color: #337ab7; margin-bottom: 1em }
.content-rechts h6 { font-size: 100% }

@media  (max-width:1200px) and (min-width:992px) {
	.content-rechts h1 {  }
	.content-rechts h2 { font-size: 135% !important }
	.content-rechts h3 {  }
	.content-rechts h4 { }
	.content-rechts h5 { font-size: 100% !important; }
	}
@media  (max-width:992px) and (min-width:767px) {
	.content-rechts h1 { font-size: 170% !important }
	.content-rechts h2 { font-size: 145% !important }
	.content-rechts h3 { font-size: 130% !important }
	.content-rechts h4 { font-size: 125% !important }
	.content-rechts h5 { font-size: 105% !important }
	}

.content-rechts h1.border { margin-top: 2em; padding-top:2em }
.content-rechts h2.border,
.content-rechts h3.border,
.content-rechts h4.border,
.content-rechts h5.border { margin-top: 1.4em; padding-top:1.4em }


.border-middle span {
	background-color: #f6f6f6;
	line-height: 1.1em;
	max-width: 100%;
	}



.border-after,
.content-rechts h1,
h1.cpage {
	width: 100%;
	line-height: 1.15em !important;
	margin-top: 0;
	text-transform: uppercase;
	letter-spacing: .02em;
	display: flex;
	}
	h1.border-after,
	h1.cpage	{
	font-weight: normal !important;
	margin-bottom: .8em;
	color: #000 !important
	}
	.content-rechts h1	{
	text-transform: none;
	letter-spacing: 0;
	margin-bottom: 1.2em;
	font-weight: 700 !important;
	font-size: 180%
	}

.border-after:after,
.content-rechts h1:after,
h1.cpage:after  {
	content: "";
	flex: 1 1 1px;
	display: inline-block;
	width: auto;
	height: 1px;
	border-bottom: 1px solid #d4d4d4;
	position: relative;
	vertical-align: baseline;
	margin-left: 1rem;
	margin-top: 18px;
	}
	h1.border-after:after,
	h1.cpage:after  {
	margin-top: 25px;
	}
	.content-rechts .border-after:after,
	.content-rechts h1:after  {
	margin-top: 16px;
	}
	.content-rechts .bg-light .border-after:after,
	.content-rechts .bg-light h1:after,
	.bottom-info .border-after:after  {
	border-color: #d9d9d9
	}

	@media  (max-width:992px) {
		.border-after:after,
		h1.cpage:after   {
		margin-top: 18px !important;
		}
	}

.border-after sub {
	font-family: 'Open Sans', sans-serif !important;
	font-weight: normal;
	font-size: 80%;
	text-transform: none !important;
	letter-spacing: 0 !important;
	vertical-align: middle;
	margin-left: .5em;
	margin-top: -5px;
	}
.border-after sub i {
	font-size: 80%;
	opacity: .5;
	margin-left: 1em
	}
@media  (min-width:992px) {
	.border-after.txt_smaller { font-size: 170% !important }
	}
@media  (min-width:1200px) {
	.border-after.txt_smaller { font-size: 180% !important }
	}

.bg-darkgrey .border-after::after {
	background: #666
	}
.bg-grey .border-after::after {
	background: #bbb
	}
.bg-hausfarbe .border-after::after {
	background: rgba(255, 255, 255, 0.4)
	}




.subheading {
	color: #000 !important;
	font-weight: normal;
	letter-spacing: .03em;
	margin: 1em 0 .4em 0 !important;
	text-transform: uppercase
	}

sub {
	clear: both;
	display: block;
	margin-top: .1em;
	font-weight: 400 !important;
	color: #333 !important;
	text-transform: uppercase !important;
	font-size: 75% !important;
	letter-spacing: .02em !important;
	line-height: 1.2em;
	margin-bottom: 1.3em !important
	}
h3 sub {
	font-weight: 500 !important;
	font-size: 90% !important;
	margin-bottom: 1em !important
	}





a			{ color: #337ab7;  }
a:hover		{ color: #002255; text-decoration: none; transition: .2s; }

b 			{ color: #000;
			font-weight: 700}
a b,
b a			{ color: #337ab7; font-weight: bold }
a b:hover,
b a:hover 	{ color: #002255; font-weight: bold }



a h1,
a h2,
a h3,
a h4,
a h5,
a h6 		{ color: #337ab7 }
a h1:hover,
a h2:hover,
a h3:hover,
a h4:hover,
a h5:hover,
a h6:hover 	{ color: #002255 }


.txt_xs,
.txt_s { line-height: 1.3em !important; display: inline-block }
/* --------- end SONSTIGES -------- */






/* --------- LISTEN / ICONS
================================================== */
.content ul a 								{ color: #337ab7 }
.content ul a:hover 						{ color: #002255 }
.content ul li:before 						{ color: #337ab7 }
.content ul li:hover:before 				{ color: #002255 }

.content ul.no-listtype li {
	padding-left: 1px;
	}



.icon {
	clear: left;
	border: none !important;
	padding: 0 0 0 25px !important;
	margin: 0 0 .5em 0 !important;
	}
	.bottom-info .icon {
		background: #fff;
		padding: 1em 1em 1em 40px !important;
		box-shadow: 0 0 .2em rgba(0, 0, 0, 0.1);
		margin-bottom: 1px !important;
		}
.icon,
.icon a 				{ font-weight: normal; color: #444 !important }
.icon a:hover			{ color: #000 !important; text-decoration: underline !important }
.icon i 				{
	text-shadow:none;
	font-size: 100%;
	background: none !important;
	color: #a1b1bc !important;
	color: #c8d6de !important;
	padding: 0 !important;
	margin-top: 4px;
	font-family: 'Font Awesome 5 Free' !important;
	font-weight: 900 !important;
	margin-left: -25px !important;
	color: #000 !important
	}
	.bottom-info .icon i {
	color: #a1b1bc !important;
	}
.icon.icon-xl,
.icon.icon-xl a {
	font-weight: bold
	}
.icon.icon-xs.icon-noborder {
	margin-top: .15em !important;
	margin-bottom: 0 !important;
	padding-bottom: 0;
	}
.icon.icon-xs i {
	color: #666 !important;
	}


.fa.typ1,
.typ1 .fa {
	font-family: 'FontAwesome' !important;
	}
.fa.typ2,
.typ2 .fa {
	font-family: 'Font Awesome 5 Free' !important;
	font-weight: 900 !important;
	}

.fa-double {
	position: absolute !important;
	font-size: 75% !important;
	width: auto !important;
	height: auto !important;
	text-shadow: 0 0 .2em rgba(111, 111, 111, 0.8) !important;
	box-shadow: none !important;
	margin: -5px 0 0 -7px !important;
	border: none !important;
	border-radius: 15px;
	padding: 0 !important;
	z-index: 1000000000;
	float: left !important;
	background: none !important
	}
:hover .fa-double {
	background: none !important
	}

a .fa-double.fa-bg {
	background: rgba(180, 180, 180, 0.7) !important;
	}
a:hover .fa-double.fa-bg {
	background: rgba(120, 120, 120, 0.7) !important;
	}

@media (max-width: 1200px)  {
	.fa-double {
	margin: -3px 0 0 -6px !important;
	}
}
@media (max-width: 767px) {
	.fa-double {
	margin: -4px 0 0 -2px !important;
	}
	a .fa-double.fa-bg {
	background: none !important
	}
	a:hover .fa-double.fa-bg {
	background: none !important
	}
}
/* --------- end LISTEN / ICONS -------- */








/* --------- FARBEN
================================================================================== */
.hausfarbe_dunkel3				{ color: #002067 !important }
.hausfarbe_dunkel2				{ color: #003388 !important }
.hausfarbe_dunkel				{ color: #005599 !important }
.hausfarbe 						{ color: #337ab7 !important }
.hausfarbe_hell					{ color: #337ab7 !important }
.hausfarbe_hell2 				{ color: #337ab7 !important }
.hausfarbe_hell3				{ color: #337ab7 !important }

.hausfarbe2						{ color: #2aabd2 !important }
.hausfarbe2:hover				{ color: #0788aa !important }
.hausfarbe2_dunkel				{ color: #0788aa !important }

h1.hausfarbe, h1.hausfarbe a, h1 a.hausfarbe,
h2.hausfarbe, h2.hausfarbe a, h2 a.hausfarbe,
h3.hausfarbe, h3.hausfarbe a, h3 a.hausfarbe,
h4.hausfarbe, h4.hausfarbe a, h4 a.hausfarbe,
h5.hausfarbe, h5.hausfarbe a, h5 a.hausfarbe,
h6.hausfarbe, h6.hausfarbe a, h6 a.hausfarbe	{
	color: #337ab7 !important
	}
h1.hausfarbe a:hover, h1 a.hausfarbe:hover,
h2.hausfarbe a:hover, h2 a.hausfarbe:hover,
h3.hausfarbe a:hover, h3 a.hausfarbe:hover,
h4.hausfarbe a:hover, h4 a.hausfarbe:hover,
h5.hausfarbe a:hover, h5 a.hausfarbe:hover,
h6.hausfarbe a:hover, h6 a.hausfarbe:hover	{
	color: #000 !important
	}


.black,
.text-black			{ color: #222 !important }

.black a,
.text-black a		{ color: #666 !important }
.black a:hover,
.text-black a:hover	{ color: #000 !important }

.black .fileicon a:hover,
.text-black .fileicon a:hover	{ text-decoration: none !important }


.gray, .grey,
.text-gray, text-grey,
.gray b, .grey b,
.text-gray b, text-grey b { color: #a1b1bc !important }

.warning,
.text-warning		{ color: #eea236 !important }

.text-success 		{ color: #00cc66 }

a.black:hover 		{ color: #666 !important }

a.gray:hover,
a.grey:hover 		{ color: #000 !important }

a.darkgray:hover,
a.darkgrey:hover 	{ color: #000 !important }

.text-darkgray,
.darkgray 			{ color: #8997a0 !important }

.rot, .red 			{ color: #ee0000 !important}
.rot b, .red b 		{ color: #ee0000 !important}

.bg-hausfarbe,
.bg-content.bg-hausfarbe,
.well.bg-hausfarbe,
.well-sm.bg-hausfarbe 		{
	background-image: -webkit-linear-gradient(top, #337ab7 0%, #2b669a 100%);
	background-image:      -o-linear-gradient(top, #337ab7 0%, #2b669a 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#337ab7), to(#2b669a));
	background-image:         linear-gradient(to bottom, #337ab7 0%, #2b669a 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff2b669a', GradientType=0);
	background-repeat: repeat-x;
	color: #aaccdd !important;
	border: none
	 }
	.bg-hausfarbe .hausfarbe 		{ color: #28a4c9 }
	.bg-hausfarbe .hausfarbe_hell	{ color: #28a4c9 }
	.bg-hausfarbe .hausfarbe_hell2 	{ color: #28a4c9 }
	.bg-hausfarbe .hausfarbe_hell3	{ color: #28a4c9 }

	.bg-hausfarbe b {
		color: #fff !important
		}
	.bg-hausfarbe i {
		color: #2b669a !important
		}
	.bg-hausfarbe .icon {
		border-color: #1d384f;
		color: #fff !important
		}

.bg-hausfarbe2,
.bg-content.bg-hausfarbe2,
.well.bg-hausfarbe2,
.well-sm.bg-hausfarbe2 		{
	background-image: -webkit-linear-gradient(top, #5bc0de 0%, #2aabd2 100%);
	background-image:      -o-linear-gradient(top, #5bc0de 0%, #2aabd2 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#5bc0de), to(#2aabd2));
	background-image:         linear-gradient(to bottom, #5bc0de 0%, #2aabd2 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff2aabd2', GradientType=0);
	filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
	background-repeat: repeat-x;
	border-color: #28a4c9;
	}
	.bg-hausfarbe2:focus,
	.bg-content.bg-hausfarbe2:focus,
	.well.bg-hausfarbe2:focus,
	.well-sm.bg-hausfarbe2:focus,
	.bg-hausfarbe2:hover,
	.bg-content.bg-hausfarbe2:hover,
	.well.bg-hausfarbe2:hover,
	.well-sm.bg-hausfarbe2:hover		{
		background: #5bc0de !important;
		}
	.bg-hausfarbe2 b {
		color: #fff !important
		}
	.bg-hausfarbe2 i {
		color: #2aabd2
		}


.bg-gray,
.bg-grey {
	background: rgba(200, 214, 222, 0.4);
	border: none;
	background: #e9eff2
	}


.bg-darkgrey b {
	color: #fff !important
	}
	.bg-darkgrey i {
	color: #333
	}


.bg-transp b {
	color: #fff !important
	}
	.bg-transp i {
	color: #333
	}
/* --------- end FARBEN -------- */







/* --------- ROWs / COLs
================================================== */
.row.schmaler-abstand {
	margin-left: -5px;
	margin-right: -5px;
	}
.schmaler-abstand [class*="col-"]	{
	padding: 5px
	}


.col-break-4-3-2 [class*="col-xs-"]:nth-child(2n+1) { /* -- bei 2 Spalten - XS -- */
	clear: both;
	}
	@media (min-width: 768px) {
	.col-break-4-3-2 [class*="col-xs-"]:nth-child(2n+1) {
		clear: none;
		}
	.col-break-4-3-2 [class*="col-sm-"]:nth-child(3n+1) { /* -- bei 3 Spalten - SM -- */
		clear: both;
		}
	}
	@media (min-width: 992px) {
	.col-break-4-3-2 [class*="col-sm-"]:nth-child(3n+1) {
		clear: none;
		}
	.col-break-4-3-2 [class*="col-md-"]:nth-child(4n+1) { /* -- bei 4 Spalten - MD -- */
		clear: both;
		}
	}
.col-break [class*="col-xs-"]:nth-child(2n+1) { /* -- bei 2 Spalten - XS -- */
	clear: both !important;
	}
	@media (min-width: 768px) {
	.col-break [class*="col-sm-"]:nth-child(2n+1) { /* -- bei 4 Spalten - SM -- */
		clear: none !important;
		}
	}
	@media (min-width: 992px) {
	.col-break [class*="col-md-"]:nth-child(2n+1) { /* -- bei 4 Spalten - MD -- */
		clear: none !important;
		}
	}
.col-break-4md-6sm .col-md-4:nth-child(3n+1) {
	clear: both
	}
	@media (max-width: 992px) {
	.col-break-4md-6sm .col-md-4:nth-child(3n+1) {
		clear: none
		}
	.col-break-4md-6sm .col-sm-6:nth-child(2n+1) {
		clear: both
		}
	}
/* --------- end ROWs / COLs -------- */






/* --------- STICKY 2
================================================== */
#sticky2 {
	z-index: 100;
	margin: 0 0 3em 0;
	padding-top: .5em;
	clear: both;
	}
#sticky2 .container {
	padding: 0;
	}

#sticky2 ul {
	display: inline;
	padding: 0;
	margin: 0;
	list-style: none;
	}
#sticky2 ul li {
	display: inline;
	list-style: none;
	padding: 0;
	margin: 2px 10px 2px 0;
	text-transform: uppercase;
	font-size: 85%;
	padding-right: 6px;
	margin-right: 10px;
	border-right: 1px solid #ccc;

	font-family: 'Raleway', sans-serif !important;
	font-weight: normal;
	font-size: 110%;
	text-transform: none;
	float: left;
	line-height: 1.1em !important
	}
	#sticky2 ul li:before {
	display: none
	}
	#sticky2 ul li:last-child {
	border-right: none
	}
	#sticky2 ul li a {
	color: #555
	}
	#sticky2 ul li a:hover,
	#sticky2 ul li a.active {
	color: #000 !important;
	transition: .2s
	}
	#sticky2 ul li a.active {
	font-weight: 700;
	}

#sticky2.affix {
	padding: 0 !important;
	margin: 53px 0 0 0 !important;
	width: 100%;
	left: 0;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+50,ffffff+100&1+50,0+100 */
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 50%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 50%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(255,255,255,1) 50%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */
	background: #ecf1f3;
	background: #333;
	}
#sticky2.affix .container {
	padding:9px 15px
	}
#sticky2.affix ul li {
	border-color: #555;
	font-size: 105%;
	letter-spacing: .06em
	}
#sticky2.affix ul li a {
	color: #bbb
	}
#sticky2.affix ul li a:hover,
#sticky2.affix ul li a.active {
	color: #fff !important;
	}

@media (max-width: 1200px) {
	#sticky2.affix {
	margin-top: 48px !important;
	}
	#sticky2 ul li {
	font-size: 105% !important;
	padding-right: 4px;
	margin-right: 8px;
	}
}
@media (max-width: 992px) {
	#sticky2 {
	margin-bottom: 1.5em;
	}
	#sticky2.affix {
	margin-top: 43px !important;
	}
	#sticky2 ul li {
	font-size: 100% !important;
	padding-right: 3px;
	margin-right: 5px;
	}
	#sticky2.affix ul li {
	letter-spacing: .02em
	}
}
@media (max-width: 768px) {
	#sticky2 {
	margin-bottom: 1em;
	}
	#sticky2.affix {
	margin-top: 0;
	top: 20px
	}
	#sticky2 ul {
	text-align: center;
	display: inline-block
	}
	#sticky2 ul li {
	font-size: 95% !important;
	float: none;
	}
}
@media (max-width: 480px) {
	#sticky2.affix {
	top: 45px
	}
	#sticky2.affix .container {
	padding: 7px 15px
	}
}
/* --------- end STICKY 2 -------- */




/* --------- BREADCRUMB
================================================== */
.breadcrumb {
	font-size: 85% !important;
	border-bottom: 1px dotted #c8d6de;
	background: none;
	padding: 0 .4em .6em .1em;
	border-radius: 0;
	display: inline-block;
	margin-bottom: 3em;
	letter-spacing: -.01em;
	line-height: 1.25em;
	color: #999;
	float: left;
	width:auto;
	}
.breadcrumb a {
	padding-right: 9px;
	margin-right: 10px;
	font-style: normal
	}
.breadcrumb a:after {
	content: '\f101';
	font-family: 'Font Awesome 5 Free' !important;
	font-weight: 900 !important;
  	color: #c8d6de;
	display: inline-block;
	position: absolute;
	margin-left: 5px;
	font-size: 90%
	}
@media (max-width: 992px) {
	.breadcrumb {
	font-size: 80% !important;
	}
	.breadcrumb a {
	padding-right: 6px;
	margin-right: 9px;
	}
	.breadcrumb a:after {
	margin-left: 3px;
	}
}
@media (max-width: 767px) {
	.breadcrumb {
	margin-bottom: 1.5em;
	width: 100%
	}
}
/* --------- end BREADCRUMB -------- */






/* --------- KURZTEXT / LANGTEXT
================================================== */
.kurztext {
	padding-bottom: 1.5em !important
	}
.kurztext h2 {
	font-size: 210%;
	text-transform: none;
	line-height: 1.3em !important;
	margin: 0 0 .1em 0
	}
.kurztext h2 a:hover {
	color: #000 !important;
	transition: all .3s ease-in-out;
	}
.kurztext img {
	box-shadow: 0 0 .2em rgba(0, 0, 0, 0.4);
	border-radius: 4px;
	}
.kurztext img:hover {
	transition: all 0.2s ease-in-out;
	transform: scale(.99);
	-moz-transform: scale(.99);
	-ms-transform: scale(.99);
	-o-transform: scale(.99);
	}
@media (max-width: 1200px) {
	.kurztext h2 {
	font-size: 190%;
	}
	.kurztext img {
	width: 50%
	}
}
@media (max-width: 992px) {
	.kurztext h2 {
	font-size: 170%;
	}
}
@media (max-width: 380px) {
	.kurztext h2 {
	font-size: 150%;
	}
}



.langtext {
	min-width: 100%
	}
	/*.langtext [data-lightbox="example-set"],
	.langtext .bildrahmenmitte-wrapper {
		margin-right: -200px !important;
		width: calc(100% + 200px) !important;
		display: inline-block
	}
	.langtext .bildrahmenmitte-wrapper [data-lightbox="example-set"] {
		margin-right: 0 !important;
		width: 100% !important;
	}*/
h2.headline-langtext {
	margin: 0;
	color: #000 !important;
	font-weight: 700;
	line-height: 1.2em !important;
	font-size: 270%;
	clear: left
	}
.langtext .datum {
	margin: .5em 0 2em 0;
	color: #999
	}
.langtext small {
	line-height: 1.4em !important;
	display: inline-block;
	color: #999
	}
@media (max-width: 1200px) {
	h2.headline-langtext {
		font-size: 230%
		}
	.langtext .datum {
		font-size: 90%
		}
}
@media (max-width: 992px) {
	h2.headline-langtext {
		font-size: 210%
		}
}
@media (max-width: 767px) {
	h2.headline-langtext {
		font-size: 200%
		}
}
@media (max-width: 575px) {
	h2.headline-langtext {
		font-size: 175%
		}
}
@media (max-width: 380px) {
	h2.headline-langtext {
		font-size: 165%
		}
}

.headline_pulldown {
	}
.headline_pulldown h2.headline-langtext {
	float: left;
	clear: left;
	width: auto;
	}
@media (max-width: 575px) {
	.headline_pulldown h2.headline-langtext {
	width: 100%
	}
}




h4.topline {
	margin: 0 0 .3em 0;
	font-weight: 500;
	line-height: 1.2em !important;
	float: left;
	clear: left;
	font-size: 155%
	}
@media (max-width: 1200px) {
	h4.topline { font-size: 140% }
}
@media (max-width: 992px) {
	h4.topline { font-size: 130% }
}
@media (max-width: 767px) {
	h4.topline { font-size: 115% }
}
@media (max-width: 380px) {
	h4.topline { font-size: 105% }
}
/* --------- end KURZTEXT / LANGTEXT -------- */











/* --------- PAGINATION
================================================== */
.pagination {
	border-top: 1px dotted #c8d6de;
	border-top: 1px solid #ddd;
	padding-top: 2.5em;
	margin-top: 2.5em;
	margin-bottom: 3em
	}
.pagination.noborder {
	border: none;
	margin-top: 0;
	padding: 0
	}
.pagination .btn {
	background: #fff !important;
	color: #444 !important;
	border: 2px solid rgba(0, 0, 0, .3);
	text-transform: uppercase;
	font-weight: 600 !important;
	padding: .5em .9em .45em .8em;
	letter-spacing: .01em
	}
	.pagination .btn.pull-right {
	padding-left: .9em;
	padding-right: .8em
	}
.pagination .btn:hover {
	background: #333 !important;
	color: #fff !important
	}
.pagination .btn i {
	color: #aaa !important;
	margin-right: 5px;
	margin-left: 0
	}
.pagination .btn.pull-right i {
	margin-right: 0;
	margin-left: 5px
	}
@media (max-width: 767px) {
	.pagination .btn {
	font-size: 90%;
	padding: .45em 1em
    }
}
@media (max-width: 380px) {
	.pagination .btn {
	margin: 0 0 .5em 0;
	width: 100%;
    }
}


.pagination_navi {
	clear: both;
	float: left;
	text-align: left;
	padding: 0 !important
	}
.pagination_navi span,
.pagination_navi .end {
	color: #337ab7;
    }
.pagination_navi a,
.pagination_navi .end {
	background: #d6e5f0;
	padding: .2em .5em;
    }
 .pagination_navi a:first-child {
	margin-left: 0
    }
.pagination_navi a:hover,
.pagination_navi .end:hover {
	background: #85b0d3;
	}
.pagination_navi a.aktiv {
	background: #337ab7;
	}
@media (max-width: 767px) {
	.pagination_navi {
	padding-bottom: 1.5em;
	margin-bottom: 1.5em
    }
    .pagination_navi a,
    .pagination_navi .end {
	font-size: 85%
    }
}
/* --------- end PAGINATION -------- */







/* --------- VERZEICHNIS
================================================== */
.abc_verzeichnis a {
	background: #d6e5f0;
    }
.abc_verzeichnis a:hover {
	background: #85b0d3;
	}
.abc_verzeichnis a.active {
	background: #337ab7;
	}
@media (max-width: 767px) {
	.abc_verzeichnis {
	padding-bottom: 1.5em;
	margin-bottom: 1.5em
    }
    .abc_verzeichnis a {
	font-size: 85%
    }
}
/* --------- end VERZEICHNIS -------- */







/* --------- SORTIERUNG
================================================== */
.fa.sortby  {
	background: #d6e5f0;
	}
.fa.sortby:hover {
	background: #337ab7;
	}
/* --------- end SORTIERUNG -------- */





/* --------- BILDER / GALERIEN
================================================== */
.content img {
	max-width: 100%
	}
.content a:hover img {
	}

.bildrahmen,
.bildrahmenlinks,
.bildrahmenrechts,
.bildrahmenmitte,
img.bildrahmen,
img.bildrahmenlinks,
img.bildrahmenrechts,
img.bildrahmenmitte,
.bildrahmen-nb,
.bildrahmenlinks-nb,
.bildrahmenrechts-nb,
.bildrahmenmitte-nb,
img.bildrahmen-nb,
img.bildrahmenlinks-nb,
img.bildrahmenrechts-nb,
img.bildrahmenmitte-nb {
	border-color: rgba(0, 0, 0, .15);
	}
.bildrahmenlinks-nb,
.bildrahmenrechts-nb,
.bildrahmenmitte-nb,
img.bildrahmenlinks-nb,
img.bildrahmenrechts-nb,
img.bildrahmenmitte-nb,
a img.bildrahmenlinks-nb,
a img.bildrahmenrechts-nb,
a img.bildrahmenmitte-nb,
.bildlinks-nb,
.bildrechts-nb,
img.bildlinks-nb,
img.bildrechts-nb,
a img.bildlinks-nb,
a img.bildrechts-nb {
	border-color: rgba(0, 0, 0, 0);
	}
.bild-top {
	border: none;
	box-shadow: 1px -1px 1px rgba(255, 255, 255, .25)
	}

.bildrahmenmitte,
.bildrahmenrechts,
.bildrahmenlinks,
.bildmitte,
.bildrechts,
.bildlinks,
.bildrahmenmitte-nb,
.bildrahmenrechts-nb,
.bildrahmenlinks-nb,
.bildmitte-nb,
.bildrechts-nb,
.bildlinks-nb {
	border-radius: 4px
	}
.bildrahmenrechts,
.bildrechts,
.bildrahmenrechts-nb,
.bildrechts-nb {
	float: right
	}
.bildrahmenlinks,
.bildlinks,
.bildrahmenrlinks-nb,
.bildlinks-nb {
	float: right
	}


.bildrahmenlinks,
img.bildrahmenlinks,
.bildrahmenlinks-nb,
img.bildrahmenlinks-nb,
.bildlinks-nb,
img.bildlinks-nb {
	margin-right: 1em;
	margin-bottom: .5em
	}
.bildrahmenrechts,
img.bildrahmenrechts,
.bildrahmenrechts-nb,
img.bildrahmenrechts-nb,
.bildrechts-nb,
img.bildrechts-nb {
	margin-left: 1em;
	margin-bottom: .5em
	}


.bildrahmenmitte-wrapper {
	}
.bildrahmenmitte-wrapper .bildrahmenmitte {
	margin-top: 0 !important
	}


.content-rechts .bildrahmenrechts,
.passbild {
	padding: 0;
	border: 1px solid rgba(0, 0, 0, 0.15);
	border-radius: 4px;
	float: right;
	margin: 3px 0 5px 10px;
	}
.passbild {
	width: 60px
	}
@media (max-width: 1200px) {
	.passbild { width: 50px }
}
@media (max-width: 768px) {
	.passbild { width: 80px }
}
@media (max-width: 480px) {
	.passbild { width: 60px }
}



.bild-person {
	}
@media (max-width: 992px) {
	.bild-person {
		margin-top: 2em;
		max-width: 200px;
		width: 40%
	}
}


/* --------- end BILDER / GALERIEN -------- */







/* --------- GALERIE
================================================== */
.galerie-marke {
	padding: 1.5% 2%;
	float: left;
	text-align: center;
	height: 130px;
	width: 16.6%;
	}
.galerie-marke:hover {
	}
.bg-content .galerie-marke {
	height: 160px;
	width: 25%;
	padding: 2% 4%;
	}
.galerie-marke img {
	width: 85%;
	/*opacity: .8*/
	}
.galerie-marke:hover img {
	width: 100%;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	transition: all 0.2s;
	/*opacity: 1*/
	}


.galerie-marke2 {
	float: left;
	text-align: center;
	padding: 2.5% 1.7%;
	width: 12.5%;
	height: auto;
	/*opacity: .8*/
	}
.galerie-marke2:hover {
	background: #fff
	/*opacity: 1;*/
	}
.galerie-marke2 img {
	width: 100%;
	height: auto;
	}
.galerie-marke2:hover img {
	width: 100%;
	height: auto;
	}



.bg-content .galerie-marke2 {
	margin: 2px;
	padding: 4% 5%;
	width: 24.6%;
	box-shadow: none;
	}
.bg-content .galerie-marke2:hover {
	background: #f6f6f6
	}



@media (max-width: 1800px) 	{
	.galerie-marke2 {
		width: 20%;
		padding: 4%
		}
	}
@media (max-width: 1400px) 	{
	.bg-content .galerie-marke2 {
		width: 24.5%;
		}
	}
@media (max-width: 992px) 	{
	.galerie-marke {
		height: 100px;
		width:20%;
		}
	.bg-content .galerie-marke {
		height: 110px;
		padding: 3%
		}
	.bg-content .galerie-marke2 {
		width: 24.3%;
		}
	}
@media (max-width: 767px) 	{
	.galerie-marke img {
		/*opacity: 1*/
		}
	.galerie-marke {
		height: 90px;
		}
	.bg-content .galerie-marke2 {
		width: 24%;
		padding: 3%
		}
	}
@media (max-width: 480px) 	{
	.galerie-marke {
		width: 25%;
		padding: 1.5%
		}
	.bg-content .galerie-marke {
		width: 33.2%;
		padding: 1.5%
		}

	.galerie-marke2 {
		width: 25%;
		}
	.bg-content .galerie-marke2 {
		width: 31.8%;
		padding: 4%
		}
	}
@media (max-width: 350px) 	{
	.galerie-marke {
		width: 33.2%;
		height: 70px
		}
	.bg-content .galerie-marke {
		height: 75px
		}

	.galerie-marke2 {
		width: 33%;
		padding: 5%
		}
	}
/* --------- end GALERIE -------- */







/* --------- FAHRZEUGGALERIE
================================================== */
.fahrzeuggalerie {
	width: 100%;
	margin: 0 0 2em 0
	}
	.fahrzeuggalerie .bild-top,
	.row .fahrzeuggalerie .bild-top {
		width: 100% !important;
		max-width: 100% !important;
		min-width: 100% !important;
		margin: 0 !important;
		}

.fahrzeuggalerie .gallery-wrapper-2 {
	width: calc(100% + 3px);
	margin: 0
	}
	.fahrzeuggalerie .gallery-item {
		width: calc(12.5% - 3px);
		float: left;
		margin-top: 3px;
		margin-right: 3px
		}
	.fahrzeuggalerie .gallery {
		width: 100%;
		padding: 0
		}
	.fahrzeuggalerie .gallery_bild {
		width: 100%;
		padding: 0 !important;
		border: none !important
		}
	.fahrzeuggalerie .gallery:hover .gallery_bild {

		}



.fahrzeuggalerie .gallery .gallery_bild {
	transition: transform 0.3s;
	-moz-transition: transform 0.3s;
	-webkit-transition: transform 0.3s;
	-o-transition: transform 0.3s;
	-ms-transition: transform 0.3s;
	}
.fahrzeuggalerie .gallery:hover .gallery_bild  {
	cursor: zoom-in;
	cursor: -moz-zoom-in;
	cursor: -webkit-zoom-in;
	transform: scale(1.1);
	-moz-transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-o-transform: scale(1.1);
	-ms-transform: scale(1.1);
	box-shadow: 0 0 .3em rgba(0, 0, 0, 0.6);

	-webkit-filter: saturate(2) brightness(1.2);
    filter: saturate(2) brightness(1.2);
	}
/* --------- end FAHRZEUGGALERIE -------- */








/* --------- STARTSEITE
================================================== */
.start .content {
	padding-bottom: 6em !important
	}

.start .content .pagination {
	margin: 0 0 1em 0 !important;
	border: none;
	padding: 0
	}


.start .content .row.items {
	margin-left: -35px;
	margin-right: -35px;
	width: calc(100% + 70px)
	}

.start .content .item-wrap {
	padding: 0 35px;
	}

.start .content .item-wrap .well {
	box-shadow: .1em .2em .8em rgba(0, 0, 0, 0.1);
	padding: 30px !important;
	margin-left: -15px !important;
	margin-right: -15px !important;
	width: calc(100% + 30px) !important;
	margin-top: -1em !important
	}

.start .content .item-wrap h2 {
	margin-bottom: 1em !important
	}
.start .content .item-wrap .pagination {
	margin-top: -2.1em !important
	}
.start .content .item-wrap .pagination .btn {
	width: 100%
	}

.start .content .item {
	margin-bottom: 1.5em;
	border-bottom: 1px solid #ddd;
	padding-bottom: 1.5em;
	clear: both;
	width: 100%;
	float: left
	}
.start .content .item .bild {
	float: right;
	width: 120px;
	margin: 2px 0 .5em 15px !important;
	}
	.start .content .item .bild img {
	box-shadow: 0 0 .2em rgba(0, 0, 0, 0.35)
	}
	.start .content .item:hover .transition-bigger {
	cursor: zoom-in;
	cursor: -moz-zoom-in;
	cursor: -webkit-zoom-in;
	transform: scale(1.08);
	-moz-transform: scale(1.08);
	-webkit-transform: scale(1.08);
	-o-transform: scale(1.08);
	-ms-transform: scale(1.08);
	}
.start .content .item .datum {
	clear: left;
	padding: 0;
	margin: 0;
	font-size: 85%;
	position: relative;
	}
.start .content .item h5 {
	font-weight: normal;
	color: #000;
	margin: 0 0 .25em 0;
	font-size: 95%
	}
.start .content .item h4 {
	font-weight: 700;
	color: #000;
	margin: 0;
	font-size: 125%
	}
	.start .content .item h4 a,
	.start .content .item a h4 {
	color: #000 !important;
	}
	.start .content .item:hover h4 a,
	.start .content .item:hover a h4 {
	color: #337ab7 !important;
	transition: .3s
	}



@media (max-width: 1200px) {
	.start .content .item .bild {
		width: 120px;
		}
	.start .content .item h4 {
		font-size: 120%
		}

	.start .content .item-wrap .well {
		padding: 20px !important;
		margin-left: -20px !important;
		margin-right: -20px !important;
		width: calc(100% + 40px) !important;
		}
}
@media (max-width: 992px) {
	.start .content .item .bild {
		width: 100%;
		margin: 0 0 .3em 0 !important
		}
	.start .content .item h4 {
		font-size: 115%
		}
	.start .content .item-wrap .pagination .btn {
		font-size: 85% !important
		}

	.start .content .item-wrap .well {
		margin-left: -25px !important;
		margin-right: -25px !important;
		width: calc(100% + 50px) !important;
		}
}
@media (max-width: 767px) {

	.start .content h2 {
		margin-bottom: 1em !important
		}

	.start .content .well {
		border: none !important;
		}

	.start .content .pagination {
		margin-top: -3em !important;
		margin-bottom: 3.5em !important
		}
	.start .content .item-wrap .pagination {
		margin-top: -2.5em !important;
		}
	.start .content .pagination .btn {
		width: 100% !important
		}



	.start .content .kachel {
		border-bottom: 1px solid #ddd;
		padding-bottom: 2em !important;
		border-radius: 0 !important;
		}
	.start .content .item {
		margin-bottom: 2em;
		padding-bottom: 2em;
		}

	.start .content .kachel .bild,
	.start .content .item .bild {
		width: 200px !important;
		margin: 0 0 0 15px !important;
		float: right
		}
	.start .content .kachel h5,
	.start .content .item h5 {
		float: none !important;
		clear: left !important;
		font-size: 100%
		}
	.start .content .kachel h4,
	.start .content .item h4 {
		float: none !important;
		clear: left !important;
		font-size: 135%
		}
	.start .content .kachel .datum {
		display: none
		}



	.start .content .item-wrap .well {
		margin-left: 0 !important;
		margin-right: 0 !important;
		width: 100% !important;
		border: none;
		padding: 0 !important;
		box-shadow: none;
		margin-top: 1em !important;
		margin-bottom: -1em !important
		}
}
@media (max-width: 575px) {
	.start .content .kachel .bild,
	.start .content .item .bild {
		width: 150px !important;
		}
	.start .content .kachel h5,
	.start .content .item h5 {
		font-size: 90%
		}
	.start .content .kachel h4,
	.start .content .item h4 {
		font-size: 125%
		}
}
@media (max-width: 480px) {
	.start .content h2 {
		font-size: 195% !important
		}
	}
@media (max-width: 375px) {
	.start .content h2 {
		font-size: 180% !important
		}
	.start .content .kachel .bild,
	.start .content .item .bild {
		width: 100% !important;
		margin: 0 0 .5em 0 !important
		}
	.start .content .kachel h5,
	.start .content .item h5 {
		font-size: 100%
		}
	.start .content .kachel h4,
	.start .content .item h4 {
		font-size: 130%
		}
}
/* --------- end STARTSEITE -------- */







/* --------- FAHRZEUGSUCHE
================================================== */
.start .contentheader {
	padding-top: 30px !important;
	padding-bottom: 30px !important;
	margin-bottom: 0
	}
.start .contentheader .container h1 {
	font-size: 250% !important;
	text-transform: uppercase;
	letter-spacing: .03em !important;
	font-weight: normal !important;
	width: 100%;
	line-height: 1.15em !important;
	display: flex;
	margin-bottom: .5em !important;
	}
	.start .contentheader .container h1:after  {
		content: "";
		flex: 1 1 1px;
		display: inline-block;
		width: auto;
		height: 1px;
		border-bottom: 1px solid #444;
		position: relative;
		vertical-align: baseline;
		margin-left: 1rem;
		margin-top: 18px;
		}
.start .contentheader .fussnote {
	margin: -46px 0 0 0;
	text-align: right;
	line-height: 1em;
	float: right;
	background: #2a2a2a;
	padding-left: 10px;
	z-index: 1;
	position: relative
	}
	.start .contentheader .fussnote a {
		color: #888 !important;
		}
	.start .contentheader .fussnote i {
		margin-right: -1px
		}
	.start .contentheader .fussnote a:last-child {
		margin-left: 7px;
		white-space: nowrap;
		font-weight: 700
		}
	.start .contentheader .fussnote a:hover {
		color: #fff !important;
		}

@media (max-width: 1200px) {
	.start .contentheader {
		padding-top: 25px !important;
		padding-bottom: 25px !important
		}
	.start .contentheader .container h1 {
		font-size: 230% !important;
		}
	.start .contentheader .fussnote {
		margin: -42px 0 0 0;
		}
	.start .contentheader .well .fussnote {
		margin-top: -34px !important
		}
}
@media (max-width: 992px) {
	.start .contentheader {
		padding-bottom: 15px !important
		}
	.start .contentheader .container h1 {
		font-size: 210% !important;
		}
	.start .contentheader .fussnote {
		margin: -37px 0 0 0;
		}
}
@media (max-width: 767px) {
	.start .contentheader {
		padding-bottom: 5px !important
		}
	.start .contentheader .container h1 {
		font-size: 220% !important;
		margin-bottom: .5em !important
		}
	.start .contentheader .fussnote {
		margin: -39px 0 0 0;
		text-align: left
		}
}
@media (max-width: 630px) {
	.start .contentheader {
		padding-top: 20px !important
		}
	.start .contentheader .container h1 {
		margin-bottom: .1em !important
		}
	.start .contentheader .fussnote {
		margin: 0 0 15px 0;
		clear: both;
		float: left;
		background: none;
		padding-left: 0
		}
	.start .contentheader .fussnote a {
		margin-right: 5px;
		}
	.start .contentheader .fussnote a:last-child {
		margin-left: 0;
		}
}
@media (max-width: 480px) {
	.start .contentheader .container h1 {
		font-size: 200% !important
		}
}
@media (max-width: 375px) {
	.start .contentheader .container h1 {
		font-size: 180% !important
		}
}














.form-select,
.gw-suche .form-control,
.add-on label {
	-webkit-appearance: none;
	border-radius:4px;
	height: 30px !important;
	line-height: 20px;
	padding: .2em .4em;
    color: #444 !important;
	background-color: #fff;
    border: 2px solid #bfcfd9;
	margin-bottom: 4px;
    }
.form-select {
	width: 100%;
    display: block;
    outline: none;
    -webkit-appearance:none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer;
    box-shadow: none;
	-webkit-appearance: none;
    background-image: url(../images/pfeile/angle-down_aaa.svg);
	background-size: 8px;
    background-position-x: calc(100% - 7px);
    background-position-y: center;
    background-repeat: no-repeat;
	padding-right: 22px;
    }
	.form-select.disabled {
	opacity: .4;
	}
    .form-select:hover,
    .gw-suche .form-control:focus {
	background-color: #fff;
	border-color: #2aabd2;
	color: #000 !important;
    }
    .form-select:hover {
	background-image: url(../images/pfeile/angle-down.svg);
	}

.add-on {
	display: block
	}
.add-on label {
	text-align: left;
	font-weight: 500;
	background-color: #337ab7;
	background-color: #2aabd2;
	background-color: #bbb;
	background-color: #c8d6de;
	background-color: #a1b1bc;
	background-color: #bfcfd9;
	border-color: rgba(0, 0, 0, 0);
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
	width: 38px;
	font-size: 90%;
	margin: 0 0 4px 0;
	color: #fff !important;
	position: relative;
	display: inline-block;
	float: left;
	height: 29px
	}
.add-on .form-select {
	width: calc(100% - 38px);
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    margin-left: -3px;
    position: relative;
    display: inline-block;
    clear: none;
    float: left;
   }



.contentheader .form-select {
	border-color: rgba(0, 0, 0, 0);
	color: #333 !important;
    background-color: #e8e8e8;
	}
.contentheader .form-select:hover {
	background-color: #fff;
	color: #000 !important;
	border-color: #2aabd2;
    }
.contentheader .add-on label {
	background-color: #888;
	color: rgba(255, 255, 255, .8) !important;
	border-color: rgba(0, 0, 0, 0);
	border-width: 2px;
	}



.well.fahrzeugsuche {
	margin-top: 0 !important
	}
.gw-suche .row {
	margin-left: -2px;
	margin-right: -2px
	}
.gw-suche [class*="col-"]	{
	padding: 0 2px;
	margin-bottom: 1em;
	}
.gw-suche h5 {
	margin: 0 0 .15em 0 !important;
	color: #222
	}
.gw-suche .btn {
	font-size: 110%;
	margin-top: 1em !important;
	margin-bottom: .2em !important;
	padding: .4em .6em;
	width: 100%;
	float: left
	}
.gw-suche .txt_xs {
	color: #888
	}
.gw-suche .txt_xs:hover {
	color: #000
	}
.gw-suche #show_modell,
.gw-suche .show {
	color: #337ab7;
	font-weight: 500
	}

.gw-suche .suche1,
.gw-suche .suche2  {
	margin-bottom: 0
	}
	.gw-suche .suche0 [class*="col-"]:nth-child(1)	{
	margin-bottom: 0
	}
.gw-suche .acodes	{
	margin: .5em 0 !important;
	float: left;
	width: 100%
	}
	.gw-suche .acodes [class*="col-"]	{
	margin: 0
	}
	.gw-suche .acodes [class*="col-"] .checkbox	{
	margin: 0;
	line-height: 1.5em
	}
	.gw-suche .acodes.qcodes [class*="col-"]	{
	width: auto;
	min-width: 33.3%
	}
.gw-suche .niederlassung	{
	margin-top: 1em !important;
	float: left;
	width: 100%
	}
	.gw-suche .niederlassung h5	{
	margin-bottom: 0 !important
	}

.start .contentheader .gw-suche .row {
	margin-left: -10px;
	margin-right: -10px
	}
.start .contentheader .gw-suche [class*="col-"]	{
	padding: 0 10px;
	margin-bottom: 0
	}
.start .contentheader .gw-suche h5 {
	margin: 0 0 .15em 0 !important
	}
.start .contentheader .gw-suche .btn {
	height: 32px;
	line-height: 20px;
	margin-top: 39px !important;
	padding: .2em .6em;
	}
.start .contentheader .gw-suche .txt_xs {
	color: #888
	}
.start .contentheader .gw-suche .txt_xs:hover {
	color: #fff
	}
.start .contentheader .gw-suche #show_modell,
.start .contentheader .gw-suche .show {
	color: #2aabd2
	}

@media (max-width: 1200px) {
	.add-on label {
		line-height: 23px;
		width: 33px !important;
		}
	.add-on .form-select {
		width: calc(100% - 33px);
	    }

	.gw-suche {
		font-size: 90%
		}

	.start .contentheader .gw-suche .row {
		margin-left: -5px;
		margin-right: -5px;
		}
	.start .contentheader .gw-suche [class*="col-"]	{
		padding: 0 5px;
		}
	.start .contentheader .gw-suche .suche4	{
		padding-left: 10px
		}
	.start .contentheader .gw-suche .btn {
		margin-top: 20px !important;
		margin-bottom: .4em !important
		}
}
@media (max-width: 992px) {
	.gw-suche .suche1	{
		margin-top: -1em;
		margin-bottom: 1em
		}
	.gw-suche .suche1 h5	{
		margin-top: 1em !important
		}
	.gw-suche .suche1 [class*="col-"]	{
		width: 100%;
		margin-bottom: 0
		}

	.start .contentheader .gw-suche .suche4	{
		padding-left: 7px;
		padding-right: 0
		}
	.start .contentheader .gw-suche .btn {
		margin-top: 1em !important;
		margin-bottom: .2em !important
		}
}
@media (max-width: 768px) {
	.well.fahrzeugsuche {
		margin-top: -1em !important
		}

	.gw-suche h1 {
		margin-bottom: 1em !important
		}
	.gw-suche .row {
		margin-left: -5px;
		margin-right: -5px
		}
	.gw-suche [class*="col-"]	{
		padding: 0 5px;
		}

	.start .contentheader .gw-suche h5 {
		text-align: left !important;
		margin-top: 0 !important
		}
	.start .contentheader .gw-suche [class*="col-"]	{
		margin-bottom: 1em;
		}
	.start .contentheader .gw-suche .btn {
		margin-top: 0 !important;
		}
}
@media (max-width: 575px) {
	.well.fahrzeugsuche {
		margin-top: -2em !important
		}
	.gw-suche .suche0 {
		}
		.gw-suche .suche0 [class*="col-"]	{
		width: 100%
		}
		.gw-suche .suche0 [class*="col-"]:nth-child(2),
		.gw-suche .suche0 [class*="col-"]:nth-child(3)	{
		width: 50%
		}
		.gw-suche .suche0 [class*="col-"]:nth-child(1) [class*="col-"]	{
		width: 50%;
		}
		.gw-suche .suche0 [class*="col-"]:nth-child(2) h5	{
			margin-top: 1em !important;
			background: red
			}

	.gw-suche .suche1 {
		width: 50%
		}
		.gw-suche .suche1 [class*="col-"]	{
		width: 100%
		}
	.gw-suche .suche2 {
		margin-top: 0;
		width: 100%;
		}
		.gw-suche .suche2 [class*="col-"]	{
		width: 50%
		}
}
@media (max-width: 480px) {
	.gw-suche .acodes [class*="col-"]	{
		width: 50%
		}

	.start .contentheader .gw-suche .suche3,
	.start .contentheader .gw-suche .suche4 {
		width: 100%
		}
	.start .contentheader .gw-suche .suche3 {
		margin-bottom: 0
		}
	.start .contentheader .gw-suche .suche3 [class*="col-"] {
		width: 50%;
		margin-bottom: 0
		}
	.start .contentheader .gw-suche [class*="col-"]	{
		margin-bottom: .5em;
		}
}
@media (max-width: 380px) {
	.gw-suche .suche1 [class*="col-"],
	.gw-suche .suche2 [class*="col-"]	{
		width: 100%
		}
	.gw-suche .suche0 [class*="col-"]:nth-child(2),
	.gw-suche .suche0 [class*="col-"]:nth-child(3),
	.gw-suche .suche0 [class*="col-"]:nth-child(1) [class*="col-"]	{
		width: 100%;
		}
	.gw-suche .acodes [class*="col-"]	{
		width: 100%
		}

}
/* --------- end FAHRZEUGSUCHE -------- */







/* --------- FAHRZEUGAUSGABE
================================================== */
.fahrzeugausgabe {
	float: left;
	width: 100%;
	border-bottom: 1px solid rgba(200, 214, 222, 0.7);
	padding-bottom: 2.5em;
	margin-bottom: 2.5em;
	}

.fahrzeugausgabe .transition-bigger:hover {
	cursor: zoom-in;
	cursor: -moz-zoom-in;
	cursor: -webkit-zoom-in;
	transform: scale(1.1);
	-moz-transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-o-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transition: .3s
	}

.fahrzeugausgabe h4 {
	margin-top: 0;
	margin-bottom: .4em;
	font-weight: 700;
	font-size: 175% !important
	}
	.fahrzeugausgabe h4 a {
	}
	.fahrzeugausgabe h4 a:hover {
	}

.fahrzeugausgabe .verbrauch {
	color: #aaa;
	font-size: 85%;
	line-height: 1.4em;
	position: relative;
	display: block
	}
	.fahrzeugausgabe .verbrauch .bildrechts {
	width: 21%;
	float: right;
	margin-left: 10px;
	margin-top: .15em;
	margin-bottom: .3em
	}
	
@media (max-width: 1200px) {
	.fahrzeugausgabe h4 {
		font-size: 155% !important
		}
	.fahrzeugausgabe .verbrauch {
		font-size: 80%;
		line-height: 1.3em;
		}
	}
@media (max-width: 992px) {
	.fahrzeugausgabe {
		padding-bottom: 1.5em;
		margin-bottom: 1.5em;
		}
	.fahrzeugausgabe .verbrauch .bildrechts {
		width: 17%;
		}
	}
@media (max-width: 575px) {
	.fahrzeugausgabe h4 {
		font-size: 140% !important
		}
	}
@media (max-width: 380px) {
	.fahrzeugausgabe .verbrauch .bildrechts {
		width: 25%;
		}
	}
	
	
	
	
.technische_details {
	line-height: 1.1em !important
	}
	.technische_details .div-lines .row {
	margin-top: 0 !important;
	padding-top: 0 !important;
	margin-bottom: .5em !important;
	padding-bottom: .5em !important
	}
	.technische_details .effizienzlabel {
	width: 70%;
	height: auto;
	text-align: right
	}
	.technische_details sub {
	display: inline
	}		
@media (max-width: 1200px) 	{
	.technische_details {
	letter-spacing: -.03em !important;
	font-size: 90%;
	}
}
@media (max-width: 767px) 	{
	.technische_details {
	font-size: 100%;
	letter-spacing: 0
	}
}	
/* --------- end FAHRZEUGAUSGABE -------- */






/* --------- EFFINZENSLABEL
================================================== */
.effizienzlabel {
	width: 100%;
	height: auto;
	text-align: right
	}

.kachel .effizienzlabel {
	width: 37%;
	height: auto;
	float: right;
	margin: 3px 0 .5em 10px;
	}
@media (max-width: 1200px) 	{
	.kachel .effizienzlabel { width: 35% }
}
@media (max-width: 992px) 	{
	.kachel .effizienzlabel { width: 37% }
}
@media (max-width: 767px) 	{
	.kachel .effizienzlabel { width: 30% }
}
@media (max-width: 575px) 	{
	.kachel .effizienzlabel { width: 25% }
}
@media (max-width: 380px) 	{
	.kachel .effizienzlabel { width: 40% }
}
/* --------- end EFFINZENSLABEL -------- */







/* --------- EMPFEHLUNGEN
================================================== */
.empfehlung-item 	{
	float: left;
	display: inline-block;
	background: #fff;
	border-radius: 3px;
	padding: 15px;
	box-shadow: .1em .1em .5em rgba(0, 0, 0, 0.3);
	margin-bottom: 2em;
	}
.empfehlung-item:hover	{
	box-shadow: .1em .1em .7em rgba(0, 0, 0, 0.7);
	}
.empfehlung-item img {
	width: 100%;
	margin-bottom: 1em
	}
.empfehlung-item a:hover img {
	opacity: .85;
	}
.empfehlung-item h2 {
	font-size: 13.5pt;
	margin: .2em 0 1em 0;
	}
.empfehlung-item .daten,
.empfehlung-item .daten-verbrauch {
	color: #777;
	margin: 0;
	line-height: 1.3em
	}
.empfehlung-item .daten div {
	margin-bottom: .25em;
	border-bottom: 1px solid #eee;
	padding-bottom: .2em
	}
.empfehlung-item .effizienzlabel {
	width: 100% !important;
	float: right
	}
.empfehlung-item .preis {
	font-weight: bold;
	color: #000;
	font-size: 105%;
	margin: 0
	}


@media (max-width: 1200px ) {
	.empfehlung-item {
		padding: 10px;
		}
	.empfehlung-item .preis {
		font-size: 100%;
		}
	}
@media (max-width: 992px ) {
	.empfehlung-item {
		font-size: 90% !important;
		}
	.empfehlung-item img {
		margin-bottom: .7em
		}
	.empfehlung-item h2 {
		font-size: 11.5pt !important;
		margin: .2em 0 .7em 0
		}
	.empfehlung-item .effizienzlabel {
		width: 45% !important;
		float: left;
		margin-top: .5em
		}
	}
@media (max-width: 767px ) {
	.empfehlung-item {
		font-size: 100% !important;
		}
	.empfehlung-item h2 {
		font-size: 13.5pt !important
		}
	.empfehlung-item .effizienzlabel {
		width: 100% !important;
		float: right;
		margin-top: 0
		}
	.empfehlung-item .preis {
		font-size: 105%;
		}
	}
@media (max-width: 680px ) {
	.empfehlung-item h2 {
		font-size: 13pt !important
		}
	}
@media (max-width: 575px ) {
	.empfehlung-item {
		font-size: 90% !important;
		}
	.empfehlung-item .effizienzlabel {
		width: 45% !important;
		float: left;
		margin-top: .5em
		}
	.empfehlung-item .daten div {
		margin-bottom: .15em;
		padding-bottom: .1em
		}
	.empfehlung-item .preis {
		font-size: 100%;
		}
	}
/* --------- end EMPFEHLUNGEN -------- */







/* --------- ZITAT
================================================== */
blockquote {
	font-weight: 300;
	font-style: normal;
	font-size: 140%;
	color: #337ab7;
	margin: 2em 0 2em 0;
	line-height: 1.5em;
	padding: 0 0 0 30px
	}
blockquote:before {
	color: rgba(51, 122, 184, 0.2);
	left: -15px;
	top: 22px;
	font-family: Georgia, serif;
	font-style: italic;
	font-size: 140px
	}
blockquote cite {
	color: #337ab7;
	font-weight: normal;
	margin-top: .5em
	}
@media screen and (max-width:992px) {
	.content-rechts blockquote,
	.col-sm-4 blockquote,
	.col-sm-3 blockquote,
	.col-sm-1 blockquote,
	.col-xs-4 blockquote,
	.col-xs-3 blockquote,
	.col-xs-2 blockquote {
		font-size: 125%;
		line-height: 1.4em;
		padding-left: 15px
		}
}
@media screen and (max-width:767px) {
	.content-rechts blockquote,
	.col-sm-4 blockquote,
	.col-sm-3 blockquote,
	.col-sm-1 blockquote,
	.col-xs-4 blockquote,
	.col-xs-3 blockquote,
	.col-xs-2 blockquote{
		font-size: 140%;
		line-height: 1.5em;
		padding-left: 30px
		}
}
/* --------- end ZITAT -------- */








/* --------- PAGETOP
================================================== */
.pagetop-scroll {
	padding: 1em 1.5em 1.4em 1.5em !important;
	background: #839bab !important;
	background: rgba(132, 155, 171, 0.5) !important
	}
.pagetop-scroll:hover,
.pagetop-scroll:focus {
	background: #a1b1bc !important
	}

@media (max-width: 767px) {
	.pagetop-scroll {
		padding: .3em .75em .7em .75em !important
    }
}
/* --------- end PAGETOP -------- */








/* --------- TABLES
================================================== */
.row.div-head-bg  				{ background: #337ab7 }
.div-striped .row.div-head-bg 	{ background: #337ab7 }
.row.div-foot 					{ color: #337ab7 }

.div-head,
.div-head-bg,
thead {
	font-weight: bold
	}

.table, table					{ margin-bottom: 0 }

.td,
.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td,
table > thead > tr > th,
table > tbody > tr > th,
table > tfoot > tr > th,
table > thead > tr > td,
table > tbody > tr > td,
table > tfoot > tr > td {
	line-height: 1.4em !important;
	}

.table > thead > tr > th,
.table > thead > tr > td,
table > thead > tr > th,
table > thead > tr > td 		{ background: #337ab7 }

.table > thead.sub > tr > th,
.table > thead.sub > tr > td,
table > thead.sub > tr > th,
table > thead.sub > tr > td   	{ border-bottom-color: #337ab7;
								color: #337ab7; }
.table > tfoot > tr > th,
.table > tfoot > tr > td,
table > tfoot > tr > th,
table > tfoot > tr > td			{ color: #337ab7 }

table.abc tr td a				{ background: #337ab7 }
table.abc tr td a:hover  		{ color: #337ab7 }

table tr:last-child,
table tr:last-child td			{ border-bottom: none }
/* --------- end TABLES -------- */










/* --------- INZAHLUNGNAHME
================================================================================== */
.auws-button {
	background: #337ab7 !important;
	float: right;
	border-radius: 4px;
	color: #fff;
	padding: .6em .8em .6em 35px !important;
	margin: 1em 0 0 0 !important
	}
.auws-button:before {
	content: '\f51e';
	font-family: 'Font Awesome 5 Free' !important;
	font-weight: 900 !important;
   	color: #5bc0de;
	color: #fff;
	display: inline-block;
	margin-left: -25px;
	margin-top: 0;
	width: 20px;
	font-size: 120%;
	position: absolute;
	}
.auws-button:hover {
	background: #286090 !important
	}

@media (max-width: 992px) {
	.auws-button {
	font-size: 90% !important;
	padding: .4em .7em .4em 33px !important;
	}
}


.au-widget-trade-in body,
.au-widget-trade-in table,
.au-widget-trade-in p,
.au-widget-trade-in h1,
.au-widget-trade-in h2,
.au-widget-trade-in h3,
.au-widget-trade-in h4,
.au-widget-trade-in h5,
.au-widget-trade-in h6,
.au-widget-trade-in div,
.au-widget-trade-in a,
.au-widget-trade-in form,
.au-widget-trade-in fieldset,
.au-widget-trade-in input,
.au-widget-trade-in textarea,
.au-widget-trade-in option,
.au-widget-trade-in dl,
.au-widget-trade-in dt,
.au-widget-trade-in dd,
.au-widget-trade-in ul,
.au-widget-trade-in ol,
.au-widget-trade-in li {
  }
.au-widget-trade-in body {
  }
.au-widget-trade-in .button,
.au-widget-trade-in .open-form-button,
.au-widget-trade-in .button.open-form-button {
  }

.au-widget-trade-in body {
   }
.au-widget-trade-in a,
.au-widget-trade-in a:hover {
	}
.au-widget-trade-in .button {
	}
.au-widget-trade-in .button:hover {
	}


.au-widget-car-rating {
	}
/* --------- end INZAHLUNGNAHME -------- */






/* --------- FOOTER
================================================================================== */
.footer {
	position: relative !important;
	color: #999;
    line-height: 1.2em;
	padding-top: 1.5em;
	padding-bottom: 1.5em;
	margin-top: 100px 0 0 0 !important;
	height: auto !important;
	bottom: auto !important
 	}
.footer h1 {
    color: #fff !important;
    font-size: 18px;
    font-weight: 600;
    padding-bottom: .2em;
    margin-bottom: 1em;
    border-bottom: 1px solid rgba(255, 255, 255, 0.8);
	}
.footer a,
.footer ul li a 		{ color: #777 !important; text-decoration: none; }
.footer a:hover,
.footer ul li a:hover 	{ color: #fff !important; text-decoration: none }
.footer .icon			{ color: #777 !important; margin: 0 !important; background: none; padding-top: 0 !important; padding-bottom: .6em !important; border-bottom: 1px solid rgba(255, 255, 255, 0) !important; box-shadow: none  }
.footer .icon a 		{ color: #777 !important }
.footer .icon a:hover	{ color: #fff !important; text-decoration: none }
.footer .icon i 		{ color: #777 !important; background: none !important; border: none !important; }

.footer ul li {
    border-bottom-color: rgba(255, 255, 255, 0.1);
    padding-top: .3em;
    padding-bottom: .3em
    }

.footer .info {
    color: #888 !important
    }
.footer .info img {
    opacity: .4;
    margin-right: .2em;
    height: 25px
    }

.footer-menu {
    background-color: #000;
    color: #555;
    border-top: none;
    box-shadow: none;
    height: auto;
	position: relative !important;
	height: auto !important;
	margin-bottom: 0;
	}
	.footer-menu a 		{ color: #bbb }
	.footer-menu a:hover{ color: #fff }

@media (max-width: 992px) {
	.footer h1 {
	    margin-top: .5em
		}
}
/* --------- end FOOTER -------- */











/* --------- SCHRIFT
================================================================================== */
.opensans {
	font-family: 'Open Sans', sans-serif !important;
	font-weight: normal;
}
.opensans .light,
.opensans.light {
	font-family: 'Open Sans', sans-serif !important;
	font-weight: 300 !important;
}
.opensans .semibold,
.opensans.semibold {
	font-family: 'Open Sans', sans-serif !important;
	font-weight: 600 !important;
}
.opensans .bold,
.opensans.bold {
	font-family: 'Open Sans', sans-serif !important;
	font-weight: bold !important;
}
.opensans b {
	font-family: 'Open Sans', sans-serif !important;
	font-weight: bold !important;
	color: #000;
}
.opensans i {
	font-family: 'Open Sans', sans-serif !important;
	font-weight: italic;
}


.raleway {
	font-family: 'Raleway', sans-serif !important;
	font-weight: normal;
}
.raleway .semibold,
.raleway.semibold {
	font-family: 'Raleway', sans-serif !important;
	font-weight: 600 !important;
}
.raleway b {
	font-family: 'Raleway', sans-serif !important;
	font-weight: 800 !important;
	color: #000;
}
.raleway i {
	font-family: 'Raleway', sans-serif !important;
	font-weight: italic;
}
/* --------- end SCHRIFT -------- */
















/* --------- MARKEN-Seite
================================================================================== */
.marke-headline {
	clear: both;
	text-transform: uppercase;
	color: #2aabd2 !important;
	font-weight: 400;
	letter-spacing: .04em;
	margin: 1.8em 0 .2em 0 !important;
	}
.marke-headline small {
	text-transform: none;
	letter-spacing: 0;
	color: #999
	}


.marke-standorte {
	margin-bottom: 2em !important;
	}
.marke-standorte .well {
	box-shadow: none;
	line-height: 1.25em;
	background: #c8d6de;
	border: none;
	border-radius: 4px;
	margin: 0;
	min-height: 80px;
	padding: .6em .7em !important;
	}
.marke-standorte .well:hover {
	background: #2aabd2;
	background: #a1b1bc;
	transition: 0.3s ease-out;
	box-shadow: .05em .05em .4em rgba(0, 0, 0, 0.2) inset;
	}
.marke-standorte .well a {
	display: block;
	text-transform: uppercase;
	color: #444;
	font-weight: 600;
	padding: 0 !important;
	font-size: 100%;
	letter-spacing: 0;
	border-radius: 3px
	}
.marke-standorte .well a:hover {
	transition:all 0.2s ease-out 0;
	padding: 0 !important;
	color: #fff !important;
	background: none
	}
.marke-standorte .well:hover a {
	color: #000 !important;
	}
.marke-standorte .well a:hover {
	color: #fff !important;
	transition:all .3s;
	}
.marke-standorte .well .icon {
	margin: 2px 0 0 0 !important;
	padding: 0 !important;
	color: rgba(0, 0, 0, 0.65);
	font-weight: 300;
	}
.marke-standorte .well .icon a {
	color: rgba(0, 0, 0, 0.65);
	font-weight: 300
	}
.marke-standorte .well .icon:before {
	content: 'Tel. ';
	float: left;
	margin-right: .3em
	}
.marke-standorte .well .icon i {
	margin-bottom: 0;
	color: #ccc !important;
	display: none;
	}
.marke-standorte [class*="col-"]:nth-child(4n+1) {
	clear: both
	}



@media (max-width: 1200px) {
	.marke-standorte .well a {
		font-size: 90% !important;
		line-height: 1.3em
		}
}
@media (max-width: 992px) {
	.marke-standorte .well  {
		min-height: 90px;
		}
	.marke-standorte .well a {
		font-size: 85% !important;
		}
}
@media (max-width: 767px) {
	.marke-standorte	{
		margin-top: -10px !important
		}
	.marke-standorte [class*="col-"]	{
		padding-top: 0 !important;
		padding-bottom: 0 !important;
		}
	.marke-standorte [class*="col-"]:nth-child(2n+1)	{
		clear: both
		}
	.marke-standorte .well {
		margin-bottom: -.5em !important;
		min-height: 75px;
		padding: .6em !important
		}
	.marke-standorte .well a {
		font-size: 90% !important
		}
}
@media (max-width: 480px) {
	.marke-standorte .well {
		min-height: auto;
		}
}




.marke-c-element {
	background: #fff;
	border: 1px solid #ddd;
	border-radius: 4px;
	margin: 2em 0 !important;
	padding: 3em 2em;
	float: left;
	width: 100%
	}
.marke-c-element .marke-headline {
	margin-top: 0 !important;
	margin-bottom: .7em !important;
	text-transform: none;
	letter-spacing: 0
	}
.marke-c-element h1,
.marke-c-element h2,
.marke-c-element h3,
.marke-c-element h4,
.marke-c-element h5{
	color: #333 !important;
	}
/* --------- end MARKEN-SEITE -------- */











/* --------- BUTTONS
================================================================================== */
.btn {
	background-image: none;
	border: none;
	box-shadow: none;
	border-radius: 3px;
	}
.btn:hover {
	transition: all ease .4s;
	}

.btn-lg {
	border-radius: 4px;
	}

.btn-primary {
	background-color: #337ab7;
	}
	.btn-primary:hover {
	background-color: #286090;
	}


.btn-default {
	background-color: #fff;
	border: 2px solid rgba(0, 0, 0, .3);
	color: #444;
	font-weight: 600 !important;
	text-transform: uppercase;
	text-shadow: none !important;
	letter-spacing: .01em;
	/*background-color: #c8d6de;
	color: #fff !important;
	border: none;
	font-weight: 400 !important
	*/
	z-index: 1;
	position: relative;
	}
	.btn-default:hover {
	background-color: rgba(0, 0, 0, 0);
	color: #fff !important;
	border-color: rgba(0, 0, 0, .5)
	}
	.btn-default i {
	color: #aaa !important;
	}
	.btn-default:after {
	content: "";
	position: absolute;
	display: block;
	top: 0;
	left: 0;
	transition: all .4s;
	background: #333;
	width: 0;
	height: 100%;
	}
	.btn-default:hover:after {
	z-index: -1;
	}
	.btn-default:hover:after {
	width: 100%;
	}


	.btn-default.hov-full:after {
		width: 100%;
		mix-blend-mode: lighten;
		transform-origin: center;
		transform: scale(0);
		width: 100%;
		}
	.btn-default.hov-full:hover:after {
		transform: scale(1);
		}


	.btn-default.hov-down:after {
		width: 100%;
		height: 0;
		transition: all .3s;
		}
	.btn-default.hov-down:hover:after {
		height: 100%;
		}
	.btn-default.hov-up:after {
		width: 100%;
		height: 0;
		bottom: 0;
		top: auto;
		transition: all .3s;
		}
	.btn-default.hov-up:hover:after {
		height: 100%;
		}

	.btn-default.hov-down:hover .black,
	.btn-default.hov-up:hover .black,
	.btn-default.hov-full:hover .black {
		color: #fff !important
		}
	.btn-default.hov-down:hover span,
	.btn-default.hov-up:hover span,
	.btn-default.hov-full:hover span {
		color: #bbb !important;
		}



.btn-bottom {
	font-size: 100%;
	font-weight: bold;
	padding: .8em 1em;
	}


.input-group-btn .btn {
	border-top-right-radius: 3px !important;
	border-bottom-right-radius: 3px !important;
	}





.btn.pull-down {
	float: right;
	margin: 0 0 0 .5em
	}
.btn.pull-down i.hausfarbe {
	color: #337ab7 !important
	}
@media (max-width: 992px) {
	.btn.pull-down 		{
		font-size: 85%;
		padding: .45em .6em
		}
	}
@media (max-width: 767px) {
	.btn.pull-down 		{
		padding: .4em .6em;
		margin: 0 0 1.5em 1em
		}
	}
@media (max-width: 575px) {
	.btn.pull-down 		{
		float: left;
		margin: 0 .4em 1em 0
		}
	}




.btn-md i {
	margin-top: 2px;
	margin-bottom: -10px;
	margin-right: .2em;
	font-size: 135%
	}
.btn-md i.fa-lg,
.btn-lg i.fa-lg {
	margin-top: .1em;
	margin-right: .2em;
	font-size: 230%
	}
.btn-lg i.fa-lg {
	font-size: 185%;
	margin-right: .15em;
	}
.btn-md span,
.btn-lg span {
	display: inline-block;
	position: relative;
	overflow: hidden;
	font-size: 135%;
	margin-bottom: -4px;
	}
.btn-lg span {
	font-size: 115%;
	}
@media (max-width: 1200px) {
	.btn-md i.fa-lg 	{font-size: 210%}
	.btn-lg i.fa-lg 	{font-size: 170%}
	.btn-md span 		{font-size: 120%;}
	.btn-lg span 		{font-size: 105%;}
	}
@media (max-width: 992px) {
	.btn-md i.fa-lg		{font-size: 175%}
	.btn-lg i.fa-lg 	{font-size: 160%}
	.btn-md span		{font-size: 115%;margin-bottom: -3px;}
	.btn-lg span 		{font-size: 95%;}
	}
@media (max-width: 767px) {
	.btn-md i.fa-lg 	{font-size: 185%;margin-top: .2em;}
	.btn-lg i.fa-lg 	{font-size: 155%}
	}



[class*="bg-"] .btn.btn-default i,
[class*="bg-"] .btn i {
	color: #555 !important
	}
	[class*="bg-"] .btn.btn-default:hover i,
	[class*="bg-"] .btn:hover i {
	color: #000 !important
	}
.btn-primary i,
.btn-info i,
.btn-success i,
.btn-warning i,
.btn-danger i,
[class*="bg-"] .btn-primary i,
[class*="bg-"] .btn-info i,
[class*="bg-"] .btn-success i,
[class*="bg-"] .btn-warning i,
[class*="bg-"] .btn-danger i {
	color: #fff !important
	}
	.btn-primary:hover i,
	.btn-info:hover i,
	.btn-success:hover i,
	.btn-warning:hover i,
	.btn-danger:hover i,
	[class*="bg-"] .btn-primary:hover i,
	[class*="bg-"] .btn-info:hover i,
	[class*="bg-"] .btn-success:hover i,
	[class*="bg-"] .btn-warning:hover i,
	[class*="bg-"] .btn-danger:hover i {
	color: #fff !important
	}

.btn-info {
	background-color: #2aabd2
	}
.btn-info:hover {
	background-color: #337ab7
	}



.btn-hov {
	z-index: 1;
	position: relative;
	}
	.btn-hov:hover {
	color: #fff
	}
	.btn-hov:after {
	content: "";
	position: absolute;
	display: block;
	top: 0;
	left: 0;
	transition: all .4s;
	background: #333;
	}
	.btn-hov:hover:after {
	z-index: -1;
	}
	.hov-full:after {
		width: 100%;
		height: 100%;
		mix-blend-mode: lighten;
		transform-origin: center;
		transform: scale(0);
		}
		.full:hover:after {
		transform: scale(1);
		}
	.hov-left:after {
		width: 0;
		height: 100%;
		}
		.left:hover:after {
		width: 100%;
		}
	.hov-down:after {
		width: 100%;
		height: 0;
		transition: all .3s;
		}
		.down:hover:after{
		height: 100%;
		}
	.hov-up:after {
		width: 100%;
		height: 0;
		bottom: 0;
		top: auto;
		transition: all .3s;
		}
		.up:hover:after{
		height: 100%;
		}


	.btn[class*="hov-"] h5 {
		margin-top: 0;
		margin-bottom: .5em
		}
	.btn[class*="hov-"]:hover h5 {
		color: #fff;
		}
/* --------- end BUTTONS -------- */








/* --------- MEHR
================================================================================== */
.mehr {
	float: right;
	font-size: 85%;
	position: relative;
	margin: 0 0 20px 0;
	background: #fff;
	color: #444;
	text-transform: uppercase;
	font-weight: 600 !important;
	border: 2px solid rgba(0, 0, 0, .3);
	border-radius: 3px;
	padding: .2em 19px .17em .9em;
	letter-spacing: .01em;
	}
	.mehr:hover {
	background-color: rgba(0, 0, 0, 0);
	color: #fff !important;
	border-color: rgba(0, 0, 0, .5)
	}
	.mehr:before {
	position: absolute;
	content: '\F105';
	font-family: 'FontAwesome';
    color: #aaa;
    right: 7px;
	}
	.mehr:after {
	content: "";
	position: absolute;
	display: block;
	top: 0;
	left: 0;
	transition: all .4s;
	background: #333;
	width: 0;
	height: 100%;
	}
	.mehr:hover:after {
	z-index: -1;
	}
	.mehr:hover:after {
	width: 100%;
	}




.mehr2 {
	float: right;
	color: #9ca9b1;
	font-size: 95%;
	font-weight: normal;
	background: #337ab7;
	color: #fff;
	padding: .4em .85em .45em .85em;
	line-height: 1.1em;
	border-radius: 3px;
	position: relative;
	margin-top: .25em
	}
.mehr2:hover {
	color: #000;
	transition: .3s ease-out;
	background: #a1b1bc;
	background: #c8d6de;
	background: #286090;
	color: #fff
	}
.mehr2:after {
	position: relative;
	content: '\F105';
	font-family: 'FontAwesome';
    color: #9ca9b1;
    color: rgba(255, 255, 255, .5);
    margin-left: 5px
	}
.mehr2:hover:after {
	color: #fff;
	}
@media (max-width: 767px) {
	.mehr2 {
		font-size: 80%;
		letter-spacing: .02em;
		padding: .4em .6em;
		}
}
@media (max-width: 575px) {
	.mehr2 {
		margin-top: 5px;
		margin-bottom: 2em
		}
}
/* --------- end MEHR -------- */











/* --------- CONTENT-HEADER
================================================== */
.contentheader {
	padding: 3em 0;
	box-shadow: 0 .8em 1em rgba(0, 0, 0, 0.2);
	background: #282828;
	}
.contentheader #sticky2.affix {
	margin: 0 !important;
	padding: .7em 0 .4em 0 !important;
	top: 110px;
	box-shadow: 0 .8em 1em rgba(0, 0, 0, 0.2);
	background: #282828;
	}
.contentheader .container {
	}
.contentheader .col-left,
.contentheader .col-right {
	float: left;
	width: calc(100% - 265px);
	}
.contentheader .col-left {
	clear: left
	}
.contentheader .col-right {
	width: 265px;
	float: right;
	text-align: center;
	padding-right: 0;
	}
.contentheader h1 {
	color: #fff !important;
	margin: 0 0 .2em 0 !important;
	text-transform: none;
	font-size: 340% !important;
	line-height: 1.15em !important;
	font-weight: 600 !important;
	letter-spacing: 0 !important;
	clear: left;
	}
	.contentheader h2,
	.contentheader h3,
	.contentheader h4 {
	color: #fff !important;
	margin: 0 0 .2em 0 !important;
	}
	.contentheader h1.text-center {
	padding-left: 260px;
	margin-left: auto !important;
	margin-right: auto !important;
	width: 100%;
	padding-right: 0;
	margin-top: -7px !important
	}
.contentheader .topline {
	color: #fff;
	margin-bottom: .5em;
	font-weight:700;
	text-transform: uppercase;
	letter-spacing: .05em;
	font-size: 110%
	}
.contentheader h5 {
	color: #fff;
	margin: 0
	}
.contentheader p {
	color: #ddd;
	margin: 0;
	font-size: 115%
	}

.contentheader #sticky2 {
	margin: 0 !important;
	}
.contentheader #sticky2 ul {
	margin: 0 !important;
	}
.contentheader #sticky2 li {
	border-color: #666;
	padding-right: 10px;
	margin-right: 10px;
	text-transform: uppercase;
	letter-spacing: .07em;
	font-size: 14px !important;
	font-weight: 500;
	}
.contentheader #sticky2 li a {
	}
.contentheader #sticky2 a {
	color: #aaa !important
	}
.contentheader #sticky2 a:hover {
	color: #fff !important
	}
.contentheader #sticky2 a.active {
	color: #fff !important;
	font-weight: 800;
	letter-spacing: .08em;
	}





.contentheader .btn.pull-down {
	margin: 0 0 0 0 !important;
	background: none !important;
	color: #aaa !important;
	border-color: rgba(255, 255, 255, 0.4) !important;
	white-space: nowrap;
	float: right;
	}
	.contentheader .btn.pull-down.btn-center {
	float: none;
	display: inline-block
	}
	.contentheader .btn.pull-down i {
		color: rgba(255, 255, 255, 0.5) !important
		}
	.contentheader .btn.pull-down:hover {
		background: #53585c !important;
		background: none !important;
		color: #fff !important;
		border-color: rgba(255, 255, 255, 0.7) !important
		}
	.contentheader .btn.pull-down:hover i {
		color: #fff !important
		}
	.contentheader .btn.pull-down[class*="hov-"]:hover:after {
		background: rgba(255, 255, 255, 0.35);
		}


@media (max-width: 1200px) {
	.contentheader {
		padding: 2.5em 0;
		}
	.contentheader .col-left{
		width: calc(100% - 215px);
		}
	.contentheader .col-right {
		width: 215px;
		}
	.contentheader h1.text-center {
		padding-left: 210px;
		}
	.contentheader #sticky2.affix {
		top: 107px;
		padding: .5em 0 .3em 0 !important
		}
	.contentheader .btn.pull-down {
		font-size: 85%;
		padding: .45em .6em
		}
}
@media (max-width: 992px) {
	.contentheader {
		padding: 2em 0;
		}
	.contentheader .col-left{
		width: calc(100% - 220px);
		}
	.contentheader .col-right {
		width: 220px;
		}
	.contentheader h1.text-center {
		padding-left: 170px;
		margin-top: -3px !important
		}

	.contentheader h1 {
		font-size: 240% !important;
		}
	.contentheader #sticky2 li {
		font-size: 13px !important;
		letter-spacing: 0
		}
	.contentheader #sticky2.affix {
		top: 102px
		}
}
@media (max-width: 767px) {
	.contentheader {
		padding: 1.5em 20px
		}
	.contentheader .col-left{
		width: 100%;
		}
	.contentheader .col-right {
		width: 100%;
		padding-top: .3em;
		text-align: center
		}
	.contentheader h1,
	.contentheader h1.text-center {
		text-align: center !important;
		padding-left: 0
		}
	.contentheader .topline {
		text-align: center !important;
		float: none
		}
	.contentheader h5{
		text-align: center;
		}
	.contentheader p {
		text-align: center;
		font-size: 105%
		}
	.contentheader .btn.pull-down {
		float: none;
		margin: 0 auto
		}
	.contentheader h1 {
		font-size: 250% !important;
		}
	.contentheader #sticky2 ul {
		width: 100%;
		}
	.contentheader #sticky2 li {
		font-size: 12px !important;
		display: inline-block;
		}
	.contentheader #sticky2.affix {
		top: 64px;
		padding: .3em 20px !important
		}
	.contentheader .btn.pull-down {
		padding: .3em .5em;
		}
}
@media (max-width: 575px) {
	.contentheader .btn.pull-down {
		float: none;
		margin: 0 auto
		}

	.contentheader h1 {
		font-size: 220% !important;
		}
}
/* --- end CONTENT-HEADER --- */







/* --------- Zugeordneter-Content
================================================================================== */
.zugeordnet ul	{
	margin: 0 !important;
	padding: 0 !important
	}
	.zugeordnet ul li {
	line-height: 1.25em;
	list-style: none;
	border-bottom: 1px dotted rgba(51, 122, 183, .2);
	margin: 0 0 .5em 0;
	padding: 0 0 .5em 0;
	float: left;
	clear: both;
	width: 100%;
	}
	.zugeordnet ul li:before {
	display: none
	}
	.zugeordnet ul li:last-child {
	border-bottom: none !important;
	margin-bottom: 0;
	padding-bottom: 0
	}
	.zugeordnet ul li a {
	color: #333 !important;
	line-height: 1.4em;
	}
	.zugeordnet ul li a:hover {
	color: #337ab7 !important;
	transition: .3s
	}

.zugeordnet ul li .bild {
	float: right;
	width: 85px;
	margin: .2em 0 .2em 10px !important;
	padding: 0 !important;
	}
	.zugeordnet ul li .bild img {
	border-radius: 3px;
	border: 1px solid rgba(0, 0, 0, 0.2);
	width: 100%
	}
	.zugeordnet ul li:hover .bild,
	.zugeordnet ul li .bild:hover {
	cursor: zoom-in;
	cursor: -moz-zoom-in;
	cursor: -webkit-zoom-in;
	transform: scale(1.08);
	-moz-transform: scale(1.08);
	-webkit-transform: scale(1.08);
	-o-transform: scale(1.08);
	-ms-transform: scale(1.08);
	transition: transform 0.6s;
	-moz-transition: transform 0.6s;
	-webkit-transition: transform 0.6s;
	-o-transition: transform 0.6s;
	-ms-transition: transform 0.6s;
	cursor: pointer
	}




.content-rechts .zugeordnet .well {
	background: #f1f5f6;
	}
.content-rechts .zugeordnet h1 {
	font-size: 165%;
	margin-bottom: .6em
	}
.content-rechts .zugeordnet ul li .bild {
	width: 75px;
	}
.content-rechts .zugeordnet ul li {
	border-bottom: 1px dotted rgba(51, 122, 183, .3);
	}
.content-rechts .zugeordnet ul li a {
	line-height: 1.2em
	}



.bottom-info .zugeordnet	{
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	line-height: 1.3em;
	margin-left: -10px;
	margin-right: -10px;
	margin-top: -20px;
	margin-bottom: -25px
	}
.bottom-info .zugeordnet .well	{
	width: calc(33.3% - 20px) !important;
	margin: 10px !important;
	background: #fff;
	float: left;
	padding: 20px !important;
	}
	.bottom-info .zugeordnet .well:last-child	{
	}
.bottom-info .zugeordnet h1	{
	margin-bottom: .7em !important;
	font-size: 160%;
	text-transform: uppercase;
	margin-bottom: 1.1em !important;
	font-weight: 700 !important
	}
	.bottom-info .zugeordnet h1:after  {
	margin-top: 11px;
	}




@media (max-width: 1200px) {
	.content-rechts .zugeordnet h1	{
	font-size: 145% !important;
	}
	.content-rechts .zugeordnet h1:after  {
	margin-top: 11px;
	}

	.bottom-info .zugeordnet h1	{
	font-size: 145% !important;
	}
}
@media (max-width: 992px) {
	.content-rechts .zugeordnet ul li .bild {
	width: 65px;
	}
	.bottom-info .zugeordnet h1	{
	font-size: 120% !important;
	}
}
@media (max-width: 767px) {
	.bottom-info .zugeordnet h1	{
	font-size: 115% !important;
	}
	.bottom-info .zugeordnet ul li {
	font-size: 90%;
	margin: 0 0 .8em 0;
	padding: 0 0 .8em 0;
	}
	.bottom-info .zugeordnet ul li a {
	line-height: 1.3em
	}
	.bottom-info .zugeordnet ul li .bild {
	width: 75px;
	}
	.content-rechts .zugeordnet ul li .bild {
	width: 120px;
	}
}
@media (max-width: 680px) {
	.bottom-info .zugeordnet .well	{
	width: calc(50% - 20px) !important;
	}
	.bottom-info .zugeordnet h1	{
	font-size: 130% !important;
	}
}
@media (max-width: 480px) {


	.bottom-info .zugeordnet .well	{
	width: 100% !important;
	margin: 5px 0 !important;
	}
	.bottom-info .zugeordnet h1	{
	font-size: 140% !important;
	}
	.bottom-info .zugeordnet ul li {
	font-size: 100%;
	margin: 0 0 .8em 0;
	padding: 0 0 .8em 0;
	}
	.bottom-info .zugeordnet ul li a {
	line-height: 1.4em
	}
	.bottom-info .zugeordnet ul li .bild {
	width: 100px;
	margin: .3em 0 .3em 10px !important
	}
	.content-rechts .zugeordnet ul li .bild {
	width: 100px;
	}
}

/* --------- end Zugeordneter-Content -------- */






/* --------- CENTER (3. Element für C-Page)
================================================================================== */
.contentheader.center  {
	padding: 0;
	z-index: 0;
	position: relative
	}

.contentheader.center .longer  { /* verlängert schwarzen Balken, so dass 'Hauptinhalt Header' negativ drin steht */
	content: '';
	position: relative;
	display: block;
	background: #282828;
	box-shadow: 0 .8em 1em rgba(0, 0, 0, 0.2);
	height: 250px;
	margin-bottom: -250px;
	margin-top: -55px;
	margin-left: -2000px;
	margin-right: -2000px;
	width: calc(100% + 4000px);
	z-index: -100
	}

.contentheader.center .container {
	z-index: 10;
	position: relative;
	}
.contentheader.center .container > span:nth-child(2):before {
	margin-top: 35px;
	content: '';
	position: relative;
	display: block
	}
.contentheader.center [data-lightbox="example-set"] {
	}
.contentheader.center h1 {
	margin: 0 15px 35px 0 !important;
	display: inline-block;
	text-align: left !important;
	}
.contentheader.center h5 {
	color: #fff;
	font-weight:700;
	text-transform: uppercase;
	letter-spacing: .05em;
	font-size: 110%;
	margin-bottom: .2em;
	text-align: left !important;
	}
.contentheader.center b {
	color: #fff;
	font-weight: normal;
	font-size: 140%;
	display: inline-block;
	line-height: 1.15em !important;
	margin-top: -15px;
	margin-bottom: 20px
	}
.contentheader.center .bildrahmenmitte-wrapper {
	padding: 0;
	margin: 0;
	}
.contentheader.center .bildrahmenmitte-wrapper .bildrahmenmitte,
.contentheader.center .bildrahmenmitte-nb {
	border-color: rgba(160, 160, 160, 0.4);
	background: none;
	padding: 0;
	margin: 0 0 0 0 !important;
	z-index: 0;
	clear: both;
	z-index: 1;
	position: relative
	}
.contentheader.center [data-lightbox="example-set"]:after {
	content: '';
	position: relative;
	display: block;
	margin-left: -2000px;
	margin-right: -2000px;
	width: calc(100% + 4000px);
	height: 300px;
	margin-top: -150px;
	margin-bottom: -150px;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#d1d1d1+0,ffffff+10 */
	background: #d1d1d1; /* Old browsers */
	background: -moz-linear-gradient(top,  #d1d1d1 0%, #ffffff 20px); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #d1d1d1 0%,#ffffff 20px); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #d1d1d1 0%,#ffffff 20px); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d1d1d1', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
	}


.contentheader.center .toggle-content {
	position: relative;
	z-index: 100;
	margin-bottom: 15px
	}
	.contentheader.center .toggle-content.edit-block {
	}


@media (max-width: 1200px) {
	.contentheader.center .container > span:nth-child(2):before {
	margin-top: 30px;
	}
	.contentheader.center h1 {
	margin-bottom: 30px !important;
	}
	.contentheader.center .longer  {
	height: 200px;
	margin-bottom: -200px;
	}
	.contentheader.center [data-lightbox="example-set"]:after {
	height: 250px;
	margin-top: -125px;
	margin-bottom: -125px;
	}
}
@media (max-width: 992px) {
	.contentheader.center .container > span:nth-child(2):before {
	margin-top: 25px;
	}
	.contentheader.center [data-lightbox="example-set"]:after {
	height: 220px;
	margin-top: -70px;
	margin-bottom: -150px;
	}
	.contentheader.center .longer  {
	height: 100px;
	margin-bottom: -100px;
	margin-top: -40px;
	}
	.contentheader.center .longer  {
	height: 100px;
	margin-bottom: -100px;
	}

	.contentheader.center h1 {
	margin-bottom: 25px !important;
	}
	.contentheader.center b {
	font-size: 120%;
	}
}
@media (max-width: 767px) {
	.contentheader.center .container > span:nth-child(2):before {
	margin-top: 20px;
	}
	.contentheader.center  {
	padding-left: 20px;
	padding-right: 20px;
	}
	.contentheader.center .longer  {
	height: 150px;
	margin-bottom: -150px;
	margin-top: -30px;
	}
	.contentheader.center h1 {
	margin-bottom: 20px !important;
	}
	.contentheader.center b {
	font-size: 115%;
	}
}
@media (max-width: 575px) {
	.contentheader.center [data-lightbox="example-set"]:after {
	height: 200px;
	margin-top: -50px;
	margin-bottom: -150px;
	}
	.contentheader.center .longer  {
	height: 100px;
	margin-bottom: -100px;
	}
	.contentheader.center h1 {
	font-size: 200% !important
	}
	.contentheader.center b {
	font-size: 110%;
	clear: both;
	display: block;
	vertical-align: top
	}
}
@media (max-width: 380px) {
	.contentheader.center .longer  {
	height: 70px;
	margin-bottom: -70px;
	}

}
/* --------- end CENTER (3. Element für C-Page) -------- */







/* --------- BILD TOP - Bild in linker Spalte oben
================================================== */
.topcontent {
	border-radius: 0;
	margin-bottom: 3em;
	width: 100%;
	}
.topcontent .bildrahmenmitte-wrapper {
	padding: 0;
	margin: 0;
	}
.topcontent .bildrahmenmitte-wrapper .bildrahmenmitte,
.topcontent .bildrahmenmitte-nb {
	padding: 0;
	margin: 0
	}

/* --------- end BILD TOP -------- */




.optimiert {
	margin-top: 2em;
	margin-bottom: 0;
	color: #ccc;
	font-style: italic;
	}






/* --------- DRUCKVERSION
================================================================================== */
@media print {
	body {
		margin: 0 !important;
		padding: 150px 2em 0 2em !important;
		background-image: url(../images/marken_gray/100.svg) !important;
		background-size: 130px !important;
		background-position: center 35px !important;
		background-repeat: no-repeat !important;
		padding-top: 130px !important
		}

	.quicklinks,
	form,
	.start .contentheader,
	.au-widget-trade-in
	/*.au-widget-car-rating,
	.content-rechts html,*/ {
		display: none !important
		}

	.carousel-wrapper {
		background: #000 !important;
		margin-bottom: 2em !important;
		height: 10cm !important;
		max-height: 10cm !important;
		}
	.carousel-wrapper .container-fluid  {
		background: #000;
		}
	.carousel-wrapper .carousel-inner {
		}
	.carousel-wrapper .carousel .item {
		background: #000 !important;
		height: 10cm !important;
		max-height: 10cm !important;
		}

	.content {
		margin-top: 0 !important;
		padding-top: 0 !important
		}
	.content-rechts {
		-moz-hyphens: auto;
		-o-hyphens: auto;
		-webkit-hyphens: auto;
		-ms-hyphens: auto;
		hyphens: auto;
		float: right;
		clear: none !important;
		margin: 0 !important;
		}

	.marken-logo 	{ margin-right: 4% }
	.marken-logo a 	{ width: 50px !important }


	.nav { margin-right: 5% }
	.nav li a {
		margin: 0 0 0 .6em !important;
		padding-left: 0 !important;
		padding-right: 0 !important
		}

	.contentheader {
		margin-bottom: 3em !important;
		padding-left: 2em !important;
		padding-right: 2em !important
		}
	.contentheader h1,
	.contentheader h2,
	.contentheader h3,
	.contentheader h4,
	.contentheader h5,
	.contentheader h6,
	.contentheader p,
	.contentheader a,
	.contentheader .text-center {
		text-align: center !important;
		width: 100% !important;
		padding: 0 !important
		}
	.contentheader .col-left {
		width: 100% !important
		}
	.contentheader .col-right,
	.contentheader .btn {
		display: none
		}

	.border-after,
	.content-rechts h1,
	h1.cpage {
		font-weight: 700 !important;
		color: #000 !important
		}
	.border-after:after,
	.content-rechts h1:after,
	h1.cpage:after  {
		display: none
		}


	.topline	{
		font-size: 13pt !important;
		text-align: center !important;
		float: none !important;
		display: block !important;
		margin-top: 0 !important;
		margin-bottom: .4em !important
		}
	.headline-langtext	{
		font-size: 25pt !important;
		margin-top: 0 !important;
		margin-bottom: 1.25em !important;
		line-height: 1.4em !important;
		text-align: center
		}

	.row .topline	{
		text-align: left !important;
		}
	.row .headline-langtext	{
		text-align: left;
		font-size: 21pt !important;
		}


}
@media print and (max-width: 1200px) {
	.marken-logo a 	{ width: 43px !important }
}
@media print and (max-width: 1000px) {
	.marken-logo 	{ margin-right: 0 }
	.marken-logo a 	{ width: 38px !important }
}
@media print and (max-width: 767px) {
	.marken-logo a 	{ width: 45px !important }
}
/* --------- end DRUCKVERSION ----------------------------------------------------
================================================================================== */



/* --------- Icon-List
================================================================================== */
.icon-list {
		list-style: none;
		list-style-type: none;
		margin-left: 0;
		padding-left: 0;
		}
		.icon-list :is(li, div, p) {
			list-style: none;
			list-style-type: none;
			margin-left: 0;
			padding-left: 35px;
			border-bottom: 1px solid #ddd;
			padding-top: .25em;
			padding-bottom: .25em;
			
			border: none;
			padding-top: 0;
			padding-bottom: 0;
			margin-bottom: .5em !important
			}
			.icon-list :is(li, div, p):last-child {
				border: none;
				margin-bottom: 0 !important
				}
			.icon-list.list-unstyled :is(li, div, p) {
				border: none
				}
		.icon-list :is(li, div, p) i {
			width: 35px;
			margin-left: -35px;
			color: #000;
			text-align: center;
			font-size: 105%
			}		
		.icon-list li::before {
			display: none !important
			}		
			
		.icon-list a {
			color: #444 !important;
			text-decoration: underline !important;
			}	
		.icon-list a:hover {
			color: #337ab7 !important;
			text-decoration: underline !important;
			transition: .1s
			}	
			
			
		footer .icon-list :is(li, div, p) {
			color: #777;
			border-bottom: 1px solid #444;
			padding-bottom: .4em !important;
			margin-bottom: .4em !important;
			}	
		footer .icon-list :is(li, div, p) i {
			color: #999;
			}	
		footer .icon-list a {
			color: #777 !important;
			}	
		footer .icon-list a:hover {
			color: #fff !important;
			}		
			
.icon-list :is(li.ms-0, div.ms-0, p.ms-0) {
	padding-left: 0;
	}
.icon-list :is(li.mb-0, div.mb-0 p.mb-0) { margin-bottom: 0 !important; padding-bottom: 0 !important }
.icon-list :is(li.mb-1, div.mb-1, p.mb-1) { margin-bottom: .25em !important; padding-bottom: .25em !important }
.icon-list :is(li.mb-2, div.mb-2, p.mb-2) { margin-bottom: .5em !important; padding-bottom: .5em !important }
.icon-list :is(li.mb-3, div.mb-3, p.mb-3) { margin-bottom: .75em !important; padding-bottom: .75em !important }
.icon-list :is(li.mb-4, div.mb-4, p.mb-4) { margin-bottom: 1em !important; padding-bottom: 1em !important }
.icon-list :is(li.mb-5, div.mb-5, p.mb-5) { margin-bottom: 2em !important; padding-bottom: 2em !important }
.icon-list :is(li.mb-5, div.mb-5, p.mb-5) { margin-bottom: 2em !important }
	
			
:is(ul.gap-0 > li, ol.gap-0 > li, .icon-list.gap-0 :is(li, div, p)) {  padding-top: 0 !important;  padding-bottom: 0 !important;
	}
:is(ul.gap-1 > li, ol.gap-1 > li, .icon-list.gap-1 :is(li, div, p)) {  padding-top: 0.25rem !important;  padding-bottom: 0.25rem !important;
	}
:is(ul.gap-2 > li, ol.gap-2 > li, .icon-list.gap-2 :is(li, div, p)) {  padding-top: 0.5rem !important;  padding-bottom: 0.5rem !important;
	}
:is(ul.gap-3 > li, ol.gap-3 > li, .icon-list.gap-3 :is(li, div, p)) {  padding-top: 0.75rem !important;  padding-bottom: 0.75rem !important;
	}
:is(ul.gap-4 > li, ol.gap-4 > li, .icon-list.gap-4 :is(li, div, p)) {  padding-top: 1rem !important;  padding-bottom: 1rem !important;
	}
:is(ul.gap-5 > li, ol.gap-5 > li, .icon-list.gap-5 :is(li, div, p)) {  padding-top: 1.5rem !important;  padding-bottom: 1.5rem !important;
	}
:is(ul.gap-6 > li, ol.gap-6 > li, .icon-list.gap-6 :is(li, div, p)) {  padding-top: 2rem !important;	  padding-bottom: 2rem !important;
	}

/* --------- end ICON -------- */