@charset "utf-8";
/*  --- GRIDS.CSS ---  */
.grid-1, .grid-2, .grid-3, .grid-6 {
	width: 88%;
	height: auto;
	padding: 6%;
	clear: both;
	display: block;
	/*padding-top:10%*/
}
.grid-6 {
	width: 100%;
	padding: 0;
}

.grid-2.no-padding {
	width: 100%;
}
.grid-3.no-padding {
	width: 100%;
}
.grid {
	display: block;
	height: auto;
}
.grid-1 .grid {
	width: 100%;
	clear: both;
}
.grid-2 .grid {
	width: 50%;
	float: left;
	clear: none;
}
.grid-3 .grid {
	width: 31.333%;
	float: left;
	clear: none;
}
.grid-6 .grid {
	width: 16.666%;
	float: left;
	clear: none;
}
.grid-1 .grid.padding {
	width: 88%;
	padding: 0 6%;
	margin: 0;
}
.grid-2 .grid.padding {
	width: 38%;
	padding: 0 6%;
	margin: 0;}
.grid-2 .grid.padding-right {
	width: 44%;
	padding: 0 6% 0 0;
	margin: 0;
}
.grid-2 .grid.padding-left {
	width: 44%;
	padding: 0 0 0 6%;
	margin: 0;
}
.grid-3 .grid.padding {
	width: 20%;
	padding: 0 6%;
	margin: 0;
}
.grid-3 .grid:nth-child(2), .grid-3 .grid:nth-child(5), .grid-3 .grid:nth-child(8), .grid-3 .grid:nth-child(11), .grid-3 .grid:nth-child(14), .grid-3 .grid:nth-child(17), .grid-3 .grid:nth-child(20) {
	margin: 0 3%;
}
.grid-6 .grid.padding {
	width: 15%;
	padding: 0 1.666% 0 0;
	margin: 0;
}
.grid-6 .grid:last-child.padding {
	padding: 0 0 0 0;
}
.grid.icon {
	width: 20% !important;
	float: left;
}
.no-padding {
	padding: 0 !important;
}
.padding-top {
	padding-top: 6% !important;
}
.padding-bot {
	padding-bottom: 6% !important;
}
.no-padding-bottom {
	padding-bottom: 0 !important;
}
.no-padding-top {
	padding-top: 0 !important;
}
.no-margin-left {
	margin-left: 0;
}
.margin-top {
	margin-top: 2%;
}
.full-width {
	width: 100%;
}
.full-width .grid:first-child {
	padding-left: 6%;
	width: 41%;
}
.full-width .grid:last-child {
	padding-right: 6%;
	width: 41%;
}
.grid-2.full-width .grid.padding-left {
	padding: 0 6% 0 6%;
	width: 41%;
}
#datenschutz {
	column-count: 2;
}
@media only screen and (max-width: 768px) {
	#datenschutz {
		column-count: 1;
	}
}

.link-btn {
	margin-top: 6%;
	padding: 3% 6%;
	float: left;
	border: 1px solid #000;
	transition: background 0.5s linear, color 0.5s linear;
}
.link-btn:hover {
	background: #000;
	color: #fff;
	cursor: pointer;
}
.link-btn.white {
	border: 1px solid #fff;
	transition: background 0.5s linear, color linear;
}
.link-btn.white:hover {
	background: #fff;
	color: #000;
}
.link-btn.red {
	color: #ffffff;
	background: #d72a1c;
	margin-top: 0;
}
.link-btn.red:hover {
	color: #d72a1c;
	background: #ffffff;
}
.link-btn.light-grey {
	color: #000;
	background: #f2f2f2;
	border: none;
}
.link-btn.light-grey:hover {
	/*color: #ffffff;*/
	background: #d72a1c;
}
.preisblock-right .link-btn.red {
	padding: 15px 25px;
	border: none;
	margin-left: 8px;
}
.preisblock-right .link-btn.red:hover {
	color: #fff;
	background: #fd5042;
}
.overlay-text a.link-btn.red {
	text-shadow: none;
	border: none;
	margin-top: 0;
	width: auto !important;
	min-width: 50px;
  padding: 15px 30px;
}
.overlay-text a.link-btn.red:hover {
	text-shadow: none;
	border: none;
}
.icon-holder {
	width: 88%;
	padding: 0 6% 6% 6%;
	height: auto;
	display: block;
}
.icon-holder .icon {
	width: 22.5%;
	float: left;
	margin: 0;
	display: inline;
	line-height: 50px;
	margin-left: 2.5%;
}
.icon-holder .icon span {
	float: left;
	margin-top: 28px;
}
.icon-holder .icon img {
	float: left;
	width: 100px;
}
.icon {
	width: 100%;
	max-width: 800px;
	margin: 6% auto 0 auto;
}
.flex {
	display: flex;
}
.grid-2.vertical-center {
	display: flex;
    justify-content: center;
}
.grid.vertical-center {
	display: flex;
    justify-content: center;
    flex-direction: column;
}

@media only screen and (max-width: 768px) {
	.overlay-text a.link-btn.red { padding: 6px 12px;  }
	.one-third .overlay-text a.link-btn.red { margin-left: 13.5%; }
}


/*  --- CARDIP.CSS ---  */
* {
	margin: 0;
	padding: 0;
	text-decoration: none;
	list-style: none;
}
body {
	background: #ffffff;
}
img {
	width: 100%;
	display:block
}
.facts-image {
	width: 40%;
	padding: 0 30%;
}

#header {
	clear: both;
	width: 100%;
	height: 92px;
	background: #000000;
}

#content {
	clear: both;
	width: 100%;
	height: auto;
}

section {
	clear: both;
	width: 100%;
	height: auto;
}
section.padding {
	width: 74%;
	height: auto;
	padding: 6% 13% 6% 13%
}

/*  SLIDER  */
.st-top-content {
	clear: both;
	width: 100%;
	height: 42%;
	min-height: 686px;
}
.overlay-text {
	width: 60%;
	position: absolute;
	left: 6%;
	display: block;
	margin-top: -35%;
}
#felgen .overlay-text {
	left: 11.5%;
}
#slider-overlay {
	position: absolute;
	width: 100%;
	height: 116px;
	bottom: 25%;
	left: 0;
	background-color: transparent;
}
.newsflash {
	float: left;
	width: 66%;
	height: 116px;
	background: #000000;
}

/*  CAR DIPPINGS  */
.dipping {
	clear: both;
    display: block;
    width: 88%;
    height: auto;
    padding: 3% 6%;
}
a.dip {
	float: left;
	width: 11.5%;
	margin: 0 2.5%;
	border: none;
}
a:hover.dip {
	cursor: pointer;
	border: none;
}
.dip img {
	clear: both;
	width: 100%;
	margin: 0;
	transition: width 0.5s ease, margin 0.5s ease;
}
a:hover.dip img {
	width: 120%;
	margin: -10% 0 0 -10%;
}
.dip h6 {
	text-align: center;
	color: #000000;
}


/*  2/3 PICTURES  */
.two-third {
	float: right;
	position: relative;
	width: 63.5%;
	height: auto;
	overflow: hidden;
}
.one-third {
	float: left;
	position: relative;
	width: 34.75%;
	height: auto;
	overflow: hidden;
}
.two-third img, .one-third img {
	clear: both;
	float: none;
	width: 100%;
}

.two-third .overlay-text {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	margin-top: 0;
}
.two-third h2 {
	position: absolute;
	display: block;
	width: 83%;
	top: 15%;
	left: 9%;
}
.two-third p {
	position: absolute;
	width: 83%;
	bottom: 9%;
	left: 9%;
}
.one-third .overlay-text {
	width: 90%;
	top: auto;
	bottom: 9%;
}
.one-third h3 {
	position: absolute;
	bottom: 75%;
	left: 12%;
	width: 83%;
}
/*
.two-third h2 {
	top: 5%;
	left: 5%;
}
.two-third p {
	margin: 27% 5% 5% 5%;
	clear: both;
}
.one-third h3 {
	margin: -35% 10% 5% 10%;
}

/*  Blog  */
.grid-2.blog-site {
	max-width: 1200px;
	margin: 0 auto;
}
.blog {
	clear: both;
	width: 90%;
	height: auto;
	padding: 5%;
}
.blog h3 {
	margin: 0 1% 1%;
}
.blog-entry {
	float: left;
	width: 31%;
	margin: 0 1%;
}
.blog-entry img {
	width: 100%;
}
.blog-entry p {
	margin: 2% 0 5% 0;
}
.blog-entry a {
	float: left;
}
.blog-entry a::after {
	content: "";
	display: inline-block;
	width: 10px;
	height: 10px;
	margin-left: 10px;
	background: url(../images/cardip-link-arrow.jpg);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: bottom;
}
.blog-content {
	width: 70%;
	float: left;
}
.blog-side {
	width: 25%;
	float: right;
}
.blog-joomla h2 span {
	font-weight: 700;
}
.blog-joomla .category-desc {
	margin-bottom: 50px;
	font-size: 18px;
	line-height: 1.8;
}
.blog-joomla .items-leading {
	display: block;
	float: none;
	clear: both;
	font-size: 18px;
	line-height: 1.8;
}
.blog-joomla .items-leading h2 {
	padding-bottom: 0;
}
.blog-joomla .items-leading h2 a {
	font-size: 32px;
	font-weight: 700;
	padding-bottom: 0;
	margin-bottom: 15px;
}
.blog-joomla .items-leading .item-image {
	margin-right: 25px;
}
.blog-joomla .items-leading .item-image img {
	width: auto;
	max-width: 300px;
	height: auto;
	max-height: 300px;
}
.blog-joomla .items-leading .readmore {
	margin-top: 25px;
}

.blog-joomla .items-row {
	display: block;
	float: none;
	clear: both;
	font-size: 18px;
	line-height: 1.8;
}
.blog-joomla .items-row h2 {
	padding-bottom: 0;
}
.blog-joomla .items-row h2 a {
	font-size: 32px;
	font-weight: 700;
	padding-bottom: 0;
	margin-bottom: 15px;
}
.blog-joomla .items-row .item-image {
	margin-right: 35px;
}
.blog-joomla .items-row .item-image img {
	width: auto;
	max-width: 300px;
	height: auto;
	max-height: 300px;
}
.blog-joomla .items-row .readmore {
	clear: both;
  text-align: right;
	margin-top: -25px;
}
.blog-joomla .items-row .readmore a {
	margin-top: -28px;
	display: block;
	position: relative;
	float: right;
}
.blog-joomla a {
	border-bottom: none;
	transition: color 0.5s ease;
}
.blog-joomla a:hover {
	border-bottom: none;
	color: #d72a1c;
}

.blog-joomla .item {
	margin-bottom: 25px;
	padding-bottom: 25px;
	border-bottom: 1px solid #ededed;
}

.blog-joomla .span6 {
	width: 48%;
	float: left;
	margin-bottom: 4%;
}
.blog-joomla .span6:nth-of-type(2n) {
	float: right;
}
.blog-joomla .span6 .item {
	padding: 5% 7.5% 7.5% 7.5%;
	background: #f4f4f4;
}

.item-page-joomla {
	display: block;
	float: none;
	clear: both;
	font-size: 18px;
	line-height: 1.8;
}
.item-page-joomla h2 {
	padding-bottom: 0;
	margin-bottom: 50px;
}
.item-page-joomla h2 a {
	font-size: 32px;
	font-weight: 700;
	padding-bottom: 0;
	margin-bottom: 15px;
}
.item-page-joomla .item-image {
	margin-right: 35px;
	width: 45%;
}
.item-page-joomla .item-image img {
	width: auto;
	max-width: 100%;
	height: auto;
}
.item-page-joomla #system-readmore {
	display: none;
}

.blog-side a {
	border-bottom: none;
	transition: color 0.5s ease;
}
.blog-side a:hover {
	border-bottom: none;
	color: #d72a1c;
}
.cat-children {
	display: none;
}
.blog-side .categories-module::before {
	content: 'Kategorien';
	display: block;
	font-size: 24px;
	font-weight: 700;
	margin-bottom: 5px;
	margin-top: 25px;
}
.blog-side .mostread {
	margin-bottom: 75px;
}
.blog-side .mostread::before {
	content: 'Beliebte Beiträge';
	display: block;
	font-size: 24px;
	font-weight: 700;
	margin-bottom: 5px;
	margin-top: 75px;
}
.blog-side .categories-module li h4 {
	margin: 0 auto;
	padding: 15px;
	line-height: 22px;
	border-bottom: 1px solid #ededed;
}
.blog-side .mostread li {
	margin: 0 auto;
	padding: 15px;
	line-height: 22px;
	border-bottom: 1px solid #ededed;
}
.blog-side .mostread li a {
	line-height: 22px;
}

@media only screen and (max-width: 910px) {
	.blog-content, .blog-side {
		width: 100%;
	}
	.blog-joomla h2 {
		font-size: 24px;
		margin-top: 15px;
		padding-bottom: 25px;
	}
	.blog-joomla .items-row h2, .blog-joomla .items-row h2 a {
		font-size: 22px;
		text-align: left;
	}
	.blog-joomla .items-row .item-image {
		width: 100%;
		max-width: none;
		height: auto;
		max-height: none;
    margin-right: 0;
	}
	.blog-joomla .items-row .item-image a {
		width: 100%;
	}
	.blog-joomla .items-row .item-image img {
		width: 100%;
		max-width: none;
		height: auto;
		max-height: none;
	}
	.blog-joomla .items-row .readmore {
		margin-top: 0;
		text-align: left;
		font-size: 18px;
		float: none;
		margin-bottom: 25px;
	}
	.blog-joomla .items-row .readmore a {
		margin-top: 0;
		text-align: left;
		float: left;
		font-size: 18px;
	}
	.blog-side .categories-module li h4 {
		text-align: left;
	}
	.item-page-joomla h2 {
		margin-top: 15px;
		margin-bottom: 15px;
	}
	.item-page-joomla .item-image {
		width: 100%;
		margin-right: 0;
		margin-bottom: 15px;
	}
}

/*  --- TAB Single and Double Buttons --- */
.tab-complete, .tab-complete-double {
	padding-bottom: 6%;
	transition: padding-bottom 0.5s linear;
}
.tab-complete-double {
	padding-bottom: 0;
}
.tab-complete.open-tab, .tab-complete-double.open-tab {
	padding-bottom: 0;
}
.tab-button, .tab-button-1, .tab-button-2 {
	width: 31px;
	height: 27px;
	clear: both;
	border-radius: 25px;
	border: 1px solid #000;
	margin: 0 auto 0 auto;
	font-family: Helvetica, sans-serif;
	font-size: 24px;
	font-weight: 100;
	line-height: 29px;
	-webkit-font-smoothing: antialiased;
	text-align: center;
	padding: 8px 8px 12px 8px;
	transition: transform 0.5s ease, color 0.5s ease, border-color 0.5s ease;
	-webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none;
}
.tab-button.white, .tab-button-1.white, .tab-button-2.white {
	border: 1px solid #fff;
	color: #fff;
}
.tab-button-1, .tab-button-2 {
	margin: 12% auto 2% auto;
}
.tab-button.open-tab, .tab-button-1.open-tab, .tab-button-2.open-tab {
	transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	border-color: #fff;
	color: #fff;
}
.tab-button:hover, .tab-button-1:hover, .tab-button-2:hover {
	cursor: pointer;
}
.tab-text, .tab-text-1, .tab-text-2 {
	display: block;
	text-align: center;
	margin: 0 auto;
	-webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none;
}
.tab-text:hover, .tab-text-1:hover, .tab-text-2:hover {
	cursor: pointer;
	text-decoration: underline;
}
.tab-text.open-tab, .tab-text-1.open-tab, .tab-text-2.open-tab {
	display: none;
}
.tab, .tab-1, .tab-2 {
	width: 88%;
	max-height: 0px;
	padding: 0 6%;
	clear: both;
	display: inline-block;
	overflow: hidden;
	padding: 0% 6% 0% 6%;
	margin-top: 0%;
	transition: max-height 0.5s linear, padding 0.5s linear, margin-top 0.5s linear;
}

.tab-1, .tab-2 {
	width: 224.75%;
	margin-left: -18%;
	padding: 0% 18% 0% 18%;
}
.tab-2 {
	margin-left: -143%;
	width: 222.5%;
	padding: 0% 18% 0% 18%;
}

.tab.open-tab, .tab-1.open-tab, .tab-2.open-tab {
	height: auto;
	max-height: 3000px;
	padding: 120px 6% 6% 6%;
	margin-top: -90px;
	transition: max-height 0.5s linear, padding 0.5s linear, margin-top 0.5s linear;
}
.tab-1.open-tab, .tab-2.open-tab {
	margin-top: -90px;
	padding: 120px 18% 18% 18%;
}
.open-tab.is_stuck {
	top: 160px !important;
	z-index: 9999 !important;
	left: 48.35% !important;
}

/*  --- IMAGE FADER ---  */
#fader-box, #fader2-box, #fader3-box {
	margin-top: 6%;
}
#fader-control, #fader2-control, #fader3-control {
	width:100%;
	margin-top: 20px;
	text-align:center
}
#fader-control a, #fader2-control a, #fader3-control a {
	margin:0px 15px;
	opacity: 0.6;
	border-bottom: 1px solid rgba(0,0,0,0);
	transition: opacity 0.5s linear, border-bottom 0.5s linear;
}
#fader-control a:hover, #fader2-control a:hover, #fader3-control a:hover {
	opacity: 1;
	cursor: pointer;
	transition: opacity 0.5s linear;
	border-bottom: 1px solid #000;
}
#fader-control.white a, #fader2-control.white a, #fader3-control.white a {
	color: #fff;
}
#fader-control.white a:hover, #fader2-control.white a:hover, #fader3-control.white a:hover {
	border-color: #fff;
}
.fader-btn-active {
	opacity: 1 !important;
	transition: opacity 0.5s linear !important;
	border-bottom: 1px solid #000 !important;
}
#fader-control.white .fader-btn-active, #fader2-control.white .fader-btn-active, #fader3-control.white .fader-btn-active {
	border-color: #fff !important;
}
.fader-blocker {
	visibility:hidden;
	width: 100%;
}
.fader-blocker-smart {
	display: none;
	visibility:hidden;
	width: 100%;
}
.fader-1, .fader2-1, .fader3-1 {
	display:block;
	position:absolute
}
.fader-2, .fader-3, .fader-4, .fader-5, .fader2-2, .fader2-3, .fader2-4, .fader2-5, .fader3-2, .fader3-3, .fader3-4, .fader3-5 {
	display:none;
	position:absolute;
}
img.fader-1, img.fader-2, img.fader-3, img.fader-4, img.fader-5, img.fader2-1, img.fader2-2, img.fader2-3, img.fader2-4, img.fader2-5, img.fader3-1, img.fader3-2, img.fader3-3, img.fader3-4, img.fader3-5 {
	width: 88%;
}
.fader-frame-bottom {
	width: 100%;
	height: auto;
	padding: 18% 0;
	clear: both;
	margin-top: -32%;
}
/*  --- IMAGE FADER FULL WIDTH PLUS TEXT ---  */
#fader4-box {
	clear: both;
	display: block;
	background: #000;
}
#fader4-control {
	position: absolute;
	z-index: 999;
	width: 88%;
	margin-top: -25% !important;
	right: 6%;
}
#fader4-control a {
	margin:0px 15px;
	opacity: 1;
	border-bottom: 1px solid rgba(0,0,0,0);
	transition: opacity 0.5s linear, border-bottom 0.5s linear;
	float: right;
}
#fader4-control a:hover {
	opacity: 1;
	cursor:pointer;
	transition: opacity 0.5s linear;
	border-bottom: 1px solid #000;
}
#fader4-control.white a {
	color: #fff;
}
#fader4-control a {
	color: #fff;
	background:#000;
	padding:5px
}
#fader4-control.white a:hover {
	border-color: #fff;
}
#fader4-control.white .fader-btn-active {
	background:#fff;
	color:#000
}
#fader4-control .fader-btn-active {
	background:#fff;
	color:#000
}
.fader4-1 {
	display:block;
	position:absolute;
	width: 100%;
}
.fader4-2, .fader4-3, .fader4-4, .fader4-5 {
	display:none;
	position:absolute;
	width: 100%;
}
.fader4-1 img, .fader4-2 img, .fader4-3 img, .fader4-4 img, .fader4-5 img {
	width: 100%%;
}
#fader4-box div .overlay-text {
	top: 45%;
	width: 50%;
	margin-top: 0 !important;
}

/*  --- SLIDER ---  */
#slider-menu {
	width: 100%;
	height: auto;
	background: rgba(0,0,0,0.75);
	position: absolute;
	margin-top: -12.5%;
}
#slider-news {
	float:left;
	width: 28%;
	height: auto;
	margin: 10px 6% 0 6%;
}
#slider-news h6 {
	font-size: 14px;
	color: #999;
	margin-bottom: 5px;
	margin-top: 20px;
}
#slider-news p {
	font-size: 16px;
	color: #fff;
	line-height: 1.2;
}
@media only screen and (max-width: 1530px) {
	#slider-news h6 {
		font-size: 13px;
		color: #999;
		margin-bottom: 5px;
		margin-top: 3px;
	}
	#slider-news p {
		font-size: 15px;
		color: #fff;
		line-height: 1.5;
	}
}
@media only screen and (max-width: 1280px) {
	#slider-news h6 {
		font-size: 12px;
		color: #999;
		margin-bottom: 5px;
		margin-top: 3px;
	}
	#slider-news p {
		font-size: 14px;
		color: #fff;
		line-height: 1.5;
	}
}
#slider-control {
	width: 60%;
	height: auto;
	float: right;
	overflow: hidden;
}
#slider-control a {
	width: 25%;
	height: auto;
	display: block;
	float: left;
	opacity: 0.4;
	text-decoration:none;
	transition: opacity 0.5s linear;
	border-bottom: none;
}
#slider-control a:hover {
	cursor: pointer;
	opacity: 1;
	transition: opacity 0.5s linear;
	text-decoration: underline;
}
#slider-control a img {
	width: 100%;
}
.slider-btn-active {
	opacity: 1 !important;
	transition: opacity 0.5s linear !important;
	text-decoration: underline !important;
}
.slider-blocker {
	visibility:hidden
}
.slider-1 {
	display:block;
	position:absolute;
	width: 100%;
}
.slider-2, .slider-3, .slider-4 {
	display:none;
	position:absolute;
	width: 100%;
}
#slider-box div a {
	width: 100%;
}
.display {
	display: none;
}

#intro-box .overlay-text {
    margin-top: -22%;
}

/*  --- VIDEO FRAME ---  */
.video-content {
	width: 100%;
	height: auto;
	clear: both;
}
.video-content a, .video-content a:hover {
	border-bottom: none;
	width: 100%;
}
.video-frame-top, .video-frame-bottom {
	width: 100%;
	height: auto;
	padding: 10% 0;
	clear: both;
}
.video-frame-bottom {
	margin-top: -26%;
}
.video {
	width: 88%;
	height: auto;
	margin: 0 6% 6% 6%;
}
.video-slider {
	width: 100%;
	height: auto;
	margin: 0;
}
.two-third video {
	background: transparent url('../images/cardip-spruehfolie.gif') no-repeat 100% 100%;
	background-size: cover;
	display: block;
}

/*  --- FINANZIERUNG ---  */
/*.finance-overlay {
	width: auto;
}
.finance-overlay h1 {
	padding: 15px 25px;
	background: #8026df;
	text-shadow: none;
}*/
.finance-company h4 {
	font-size: 16px;
	text-align: center;
	margin-top: 0;
	margin-bottom: 25px;
}
.finance-company img {
	width: 142px;
	display: block;
	margin: 0 auto;
}
.finance-company .finance-btn {
	width: 40px;
	display: block;
	float: none;
	clear: both;
	margin: 0 auto;
}
.finance-list {
	width: 100%;
	clear: both;
}
.finance-list li {
	float: left;
	width: 47.5%;
	margin-right: 5%;
	margin-bottom: 15px;
}
.finance-list li::before {
	content: '\2714';
	display: block;
	float: left;
	color: green;
	margin-top: -1px;
	margin-right: 10px;
}
.finance-list li:nth-of-type(2n) {
	margin-right: 0;
}
.finanzierung {
	background: #f2f2f2;
	text-align: center;
}
.finanzierung .grid-3 {
	padding-top: 6%;
}
.finanzierung .round-background {
	width: 50px;
	padding: 10px 0;
	display: block;
	text-align: center;
	border-radius: 50%;
	font-size: 24px;
	color: #fff;
	font-weight: 700;
	margin: 0 auto 25px auto;
	background: #40107e; /* Old browsers */
	background: -moz-linear-gradient(45deg,  #40107e 0%, #c200fc 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(45deg,  #40107e 0%,#c200fc 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(45deg,  #40107e 0%,#c200fc 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#40107e', endColorstr='#c200fc',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.finance-btn {
	border: none;
	color: #fff;
	padding: 15px 30px;
	background: #c200fc;
	transition: background 0.5s ease !important;
	opacity: 1 !important;
	cursor: pointer !important;
}
.finance-btn:hover {
	text-decoration: none;
	border-bottom: none;
	background: #8026df;
}
.finance-link, .finance-link.white {
	margin-top: 15px;
	margin-bottom: 15px;
	color: #0070c9;
	border-bottom: 1px solid rgba(255,255,255,0);
	transition: color 0.3s ease, border-bottom 0.3s ease;
}
.finance-link.left {
	text-align: left;
	margin-left: 6px;
}
.finance-link:hover {
	color: #0070c9;
	border-bottom: 1px solid #0070c9;
}
.finance-link.white:hover {
	color: #fff;
	border-bottom: 1px solid #fff;
}
.finance-link::after {
	content: '>';
	margin-left: 5px;
}
.finance-overlay-logo {
	width: 180px;
  margin-left: 6%;
  margin-top: 11%;
}
.like-h3.finance-overlay-larger {
	font-size: 38px !important;
	line-height: 42px !important;
	letter-spacing: -1;
}
@media only screen and (max-width: 1024px) {
	.like-h3.finance-overlay-larger {
		font-size: 23px !important;
		line-height: 26px !important;
		letter-spacing: -1;
	}
}

@media only screen and (max-width: 768px) {
	.finance-list li {
		width: 100%;
	}
	.finanzierung p {
		text-align: center;
	}
	.finance-link, .finance-link.white {
		margin-left: 0;
	}
	.finance-link.left {
		text-align: center;
		/*margin-left: 98px;*/
		margin-left: 0;
		width: 100%;
	}
	.finance-overlay-logo {
		margin-left: 13.5%;
	}
	.finance-btn {
		margin: 0 auto;
		display: block !important;
		width: 92px;
		margin-bottom: 50px;
	}
	#intro-box .overlay-text.finance-overlay h1 {
		text-align: left;
		margin-left: 0;
	}
}

/*  --- FILIALEN ---  */
.map {
	position: fixed;
	width: 44% !important;
	height: 87.5vh;
	left: 0;
	top: 0;
	margin-top: 115px;
    z-index: 1 !important;
}
.map iframe {
	width: 100%;
	height: 91vh;
}
.grid.filialen {
	float: right;
}
.grid.filialen h1 {float: left;}
#filialen {clear: both;}
.filialen h1 {
	margin-left: 2.5%;
}
.filiale {
	float: left;
	width: 45%;
	margin: 2.5%;
	background: #f7f7f7;
	/*padding-bottom: 2.5%;*/
}
a.no-underline, a.no-underline:hover {
	text-decoration: none !important;
	border-bottom: none !important;
}
/*
.filiale:nth-child(2n) {
	margin: 2.5% 0 2.5% 5%;
}
*/
.filiale h3, .filiale h4, .filiale p {
	padding: 0% 10%;
}
.filiale h3 {
	margin-top: 7.5%;
	margin-bottom: 0;
}
.filiale h4 {
	margin-top: 0;
	margin-bottom: 5%;
	font-size: 16px;
	color: #666;
	font-weight: 400;
}
.filiale p {
	margin-top: 2.5%;
}
.filiale p:last-of-type {
	margin-bottom: 8%;
}
.filiale p a {
	font-size: 16px;
}
.trust-level {
	background: url("../images/filiale-image.jpg");
	height: 108px;
	width: 100%;
	background-size: cover;
	background-repeat: no-repeat;
}
/*
.filiale a {
	background: #d72a1c;
	width: 100%;
	text-align: center;
	color: #fff;
	padding: 10px 0;
	margin-top: 25px;
	border-bottom: none;
	transition: color 0.5s ease, background 0.5s ease;
}
.filiale a:hover {
	background: #000;
	color: #fff;
	border-bottom: none;
}
*/
/*
.trust-level-a-plus {
	background: url("../images/trust-level-a-plus.jpg");
	height: 108px;
	width: 100%;
	background-size: cover;
	background-repeat: no-repeat;
}
.trust-level-a {
	background: url("../images/trust-level-a.jpg");
	height: 108px;
	width: 100%;
	background-size: cover;
	background-repeat: no-repeat;
}
.trust-level-b {
	background: url("../images/trust-level-b.jpg");
	height: 108px;
	width: 100%;
	background-size: cover;
	background-repeat: no-repeat;
}
*/
.country-flag {
	height: 32px;
    width: 42px;
	background-size: cover;
	margin-top: -108px;
    clear: both;
    display: block;
    position: absolute;
}
.germany {
	background: url("../images/german-flag.jpg");
	background-size: cover;
}
.schwitzerland {
	background: url("../images/schwitzerland-flag.jpg");
	background-size: cover;
}
.norway {
	background: url("../images/norway-flag.jpg");
	background-size: cover;
}
.luxemburg {
	background: url("../images/luxemburg-flag.jpg");
	background-size: cover;
}
.spain {
	background: url("../images/spain-flag.jpg");
	background-size: cover;
}
.denmark {
	background: url("../images/denmark-flag.jpg");
	background-size: cover;
}
.emirate {
  background: url("../images/uae-flag.jpg");
  background-size: cover;
}
select.country-filialen {
	width: 200px;
	height: 35px;
	background: #19191D;
	color: #fff;
	margin-left: 2.5%;

	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border:none;
	border-radius: 0;
	padding-left: 2.5%;

	float: right;
    margin-top: 14px;
    margin-bottom: 5%;
}
.country-filialen option {
	background:#19191D;
	border-top:1px solid #444;
	padding:.3em 1em .3em 1em;
}

/* TV REFERENCES */
#tv-references {
	padding-top: 10% !important;
	padding-bottom: 4% !important;
}
.tv-sender {
	width: 12%;
	height: 40px;
	margin: 0 2%;
	float: left;
}
.tv-sender:nth-of-type(1) {
	margin-left: 4%;
}
.tv-sender:nth-of-type(2) {
	margin-top: -5px;
	margin-left: 4%;
}
.tv-sender:nth-of-type(3) {
	height: 70px;
	margin: 0 0;
	margin-top: -15px;
}
.tv-sender:nth-of-type(4) {
	margin-left: 0;
}
.tv-sender:nth-of-type(5) {
	margin-top: 5px;
}
.tv-sender:nth-of-type(6) {
	margin-top: 5px;
}
.tv-sender img {
	width: auto;
	max-width: 100%;
	height: auto;
	max-height: 100%;
	margin: 0 auto;
}

@media only screen and (max-width: 768px) {
	.tv-sender {
		width: 25%;
		height: 60px;
		margin: 0 4%;
		margin-bottom: 25px;
	}
	.tv-sender:nth-of-type(2) {
		margin-top: -11px;
	}
	.tv-sender:nth-of-type(3) {
		margin-left: 4%;
	}
	.tv-sender:nth-of-type(4) {
		clear: left;
		margin-left: 4%;
	}
	.tv-sender:nth-of-type(3+n) {
		margin-bottom: 0;
	}
	.tv-sender:nth-of-type(5) {
		margin-top: 15px;
	}
	.tv-sender:nth-of-type(6) {
		margin-top: 15px;
	}
}

/* Direktvegleich */

#mobile-direktvergleich { display: none; }
#direktvergleich { display: block; }
#direktvergleich { padding-top:70px; line-height:28px !important }
#direktvergleich .box-content { background-color:#FFFFFF; color:#000000; font-weight:bold; font-size:16px;  }
#direktvergleich table { border:0px; width:100% }
#direktvergleich thead { border-bottom:3px solid #000; }
#direktvergleich th { /*font-style:italic;*/ text-align:left; padding:4px; font-weight: 700; text-transform: uppercase; }
#direktvergleich td { text-align:left; font-weight: 700; text-transform: uppercase; }
#direktvergleich .subtext { font-weight:normal; color:#9D9D9C; font-size:14px; text-transform: none; }
#direktvergleich img { width:10%; min-width:20px; padding-top:9px; margin: 0 auto; }
#direktvergleich .rightcolumns { text-align:center; width:16%; font-weight:bold; }
#direktvergleich hr { background-color:#d7d6d9; height:1px; border:0px; }
#direktvergleich .hredge { background-color:#000000; height:1px; border:0px; }
#direktvergleich th.rightcolumns img { width: 65px !important; margin-top: -11px; }
#direktvergleich p.direktvergleich-legend {
	width: 390px;
	margin-left: 50%;
	margin-top: 25px;
	transform: translateX(-50%);
}
#direktvergleich th.direktvergleich-legend img {
	margin: 0;
	float: left;
	display: block;
	max-width: 20px;
}
#direktvergleich th.direktvergleich-legend span {
	display: inline-block;
  float: left;
  margin: 2px 20px 0 5px;
}
.direktvergleich-legend span {
	display: inline-block;
  float: left;
  margin: 2px 20px 0 5px;
	font-size: 12px;
}
.direktvergleich-legend img {
	margin: 0;
	float: left;
	display: block;
	max-width: 20px;
}
.tab-shorttext {
	text-align: center;
	width: 100%;
	display: inline-block;
	margin-bottom: 2%;
	font-weight: 700;
	font-size: 14px;
	text-decoration: underline;
	padding-bottom: 14px;
}
@media only screen and (max-width: 768px) {
	#mobile-direktvergleich { display: block; }
	#direktvergleich { display: none; }
}
.tab.comparing { width: 76% !important; padding: 0 12% 0 12% !important; }
.tab.comparing.open-tab { width: 76% !important; padding: 120px 12% 6% 12% !important; }
.tab-button.stay-black.open-tab {
    border-color: #000;
    color: #000;
}

/*  --- FOOTER ---  */
#footer {
	clear: both;
	width: 88%;
	height: auto;
	padding: 6%;
	z-index:2;
	position:relative
}
#copyright {
	clear: left;
	float: left;
	font-size: 12px;
	font-weight: 400;
	margin-top: 25px;
}
#footer-lang {
	float: right;
	width: 100%;
	max-width: 285px;
	margin-top: 25px;
}
#footer-lang ul li {
	float: left;
	margin-left: 2.5%;
	display: inline-block;
}
#footer-lang ul li a {
	opacity: 0.6;
	border-bottom: 1px solid rgba(0,0,0,0);
	transition: opacity 0.5s linear, border-bottom 0.5s linear;
}
#footer-lang ul li a.active {
	opacity: 1;
	color: #fff;
	border-bottom: 1px solid #fff;
}
#footer-lang ul li a:hover {
	opacity: 1;
	border-bottom: 1px solid #fff;
}
#footer-iconlink {
	width: 100%;
	height: auto;
}
#footer-iconlink ul li {
	width: 15%;
	height: auto;
	float: left;
	margin-right: 6.25%;
}
#footer-iconlink ul li a {
	text-align: center;
    display: inline-block;
	opacity: 0.6;
	transition: opacity 0.5s linear;
	width: 100%;
}
#footer-iconlink ul li a:hover {
	opacity: 1;
}
#footer-iconlink ul li a img {
	width: 40%;
	padding: 0 30%;
	margin-bottom: 6%;
}
#footer-iconlink ul li:last-child {
	margin-right: 0;
}

@media only screen and (max-width: 768px) {
	#footer-iconlink ul li {
		width: 27%;
		height: auto;
		float: left;
		margin-right: 6.25%;
		margin-top: 25px;
		margin-top: 25px;
	}
	#footer-iconlink ul li:nth-child(4) {
		margin-left: 16%;
	}
}

#footer-sitemap {display: none;}

.footer-line {
	width: 100%;
	height: 1px;
	clear: both;
	float: none;
	margin: 4% 0;
}

.clearer {
	float: none;
	clear: both;
	display: block;
}

/*   --- MEDIATHEK CUSTOM ---   */
.ba-filter-title {
	display: none !important;
}
.ba-btn.ba-filter {
	margin-left: 0 !important;
	margin-right: 10px !important;
}
.ba-gallery .category-filter a:first-child {
	margin-right: 0 !important;
}
.equal-positions-tags.right {
	margin-top: 10px !important;
}

.menu li.active a { border-bottom: 1px solid #fff }


/* Filialfinder */

#filialtop { height:110px; width:100%; background:#000 }
#filialtop .topminmax { padding: 40px 80px !important }

.filialfinder-minmax {
	 margin: 0 auto;
	max-width: 1450px;
	min-width: 850px;
	padding: 100px 80px 100px;
	}

#mapcontent { height:60%; width:100% }

#partnerbox { padding-left:0px 10px 10px; line-height:22px }

.gm-ui-hover-effect { top:5px !important; right:3px !important }
.gm-style .gm-style-iw-c { border-radius:0px; padding:20px }

#partnerbox img, #partnerbox-content img { margin-top:5px; width:auto !important; display:inline }

#firstHeading { font-size:20px; font-style:italic; letter-spacing:0.5px; color:#000; margin-top:30px; padding:0px !important; margin:0px !important; transition:none !important; padding-right:15px !important }

form#postcodeEntry { left:10px; top:10px; position:absolute; z-index:999999; width:480px  }
form#postcodeEntry fieldset { background:#fff; border:none; background:#000; height:50px }
form#postcodeEntry #postcode { margin-right:10px; width:200px; height:25px; font-size:12px; padding:0px 5px;font-family:"Karla",sans-serif; font-size:14px; color:#666; margin-left:10px; margin-top:10px }
form#postcodeEntry label,
form#postcodeEntry input,
form#postcodeEntry submit { margin-top:8px; padding:0px 10px }
form#postcodeEntry #suche-starten { background:#b6180c; border:none; padding:7px 14px; color:#fff; font-family:"Karla",sans-serif; font-size:14px; margin-right:10px; margin-left:5px; cursor:pointer; font-weight:bold; letter-spacing:0.2px;-webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 0; }
form#postcodeEntry #alle-standorte { background:#fff; border:none; padding:7px 14px; color:#000; font-family:"Karla",sans-serif; font-size:14px; margin-left:5px; cursor:pointer; font-weight:bold; letter-spacing:0.2px }

/*  --- PREISE ---
.prices {
	clear: both;
	width: 66%;
	height: auto;
	display: block;
	padding: 6% 0;
	margin: 0 auto;
}
.prices.small {
	margin: 0;
}
.left-price, .right-price {
	float: left;
	width: calc(40% - 0.5px);
	height: auto;
	display: block;
}
.prices h4 {
	width: 100%;
	clear: both;
	text-align: center;
	margin-bottom: 30px;
}
.prices h6 {
	color: #999;
}
.prices h5, .prices h6 {
	width: calc(50% - 0.5px);
	float: left;
	text-align: center;
}
.price-devider {
	width: 1px;
    height: 130px;
    float: left;
    margin-top: 21px;
    opacity: 0.4;
    margin: -6px 10% 0 10%;
}
.prices h5.left-price, .prices h6.left-price {
	width: 30%;
	text-align: inherit;
}
.prices h5.left-price:nth-child(3) {
	clear: left !important;
}
.prices h6.left-price:first-child {
	width: calc(30% - 10px);
	padding-left: 10px;
}

*/
.ba-album.css-style-7 .ba-caption, .ba-gallery-grid.css-style-7 .ba-caption {
	top: 30px !important;
}
#preisblock { width:310px; height:60px; margin:0px auto; padding-top:50px }
	.preisblock-left { float:left; width:100px; height:30px; margin-top:15px; text-align:center }
	.preisblock-right { float:right; width:160px; height:50px; margin-top:7px; text-align:center }
	.preisblock-midstrich { width:1px; float:left; height:60px; margin-left:25px; opacity:0.3; background:#fff }
	.bblack { background:#000 !important }
#preisblock span { font-size:24px }
#preisblock span:first-child { opacity:0.5; font-size:16px }

@media only screen and (max-width: 768px) {
	#preisblock {
		margin:0px auto !important;
		padding-top: 15px !important;
	}
}

.ba-filter-active, .ba-filter:hover  { background:#d72a1c !important }
.gallery-tags-wrapper .gallery-tag:hover, .gallery-tag.active{ background:#d72a1c !important }

#portion4 #fader2-box { background:#000 }

span.schnitt { font-size:13px !important; color:#666; margin-left:5px }

.ba-gallery .ba-pagination {
    margin: 20px 10px;
    margin-top: 50px !important;
}

.nav li.item-125 { width:80px }

.mm-title img {
    width: 80px;
    margin: 2px auto;
    float: right;
}


/*  --- COLORS.CSS ---  */
.white {
	color: #ffffff;
}
.white-bg {
	background: #ffffff;
}
.black {
	color: #000000;
}
.black-bg {
	background: #000000;
}
.grey {
	color: #4a4a49;
}
.grey-bg {
	background: #4a4a49;
}
.light-grey {
	color: #f2f2f2;
}
.light-grey-bg {
	background: #f2f2f2;
}
.red {
	color: #cb1517;
}
.red-bg {
	background: #cb1517;
}
.chemical-bg {
	background: url(../images/cardip-chemicals.jpg);
	background-size: cover;
}


/*  --- FONTS.CSS ---  */
* {
	font-family: 'Karla', sans-serif;
	font-weight: 400;
}
h1 {
	font-size: 54px;
	font-weight: 700;
	line-height: 54px;
	margin-bottom: 5%;
	transition: text-decoration 0.5s linear;
}
.overlay-text h1 {
	margin-bottom: 2.5%;
}
.tab h1 {margin-top: 30px;}
h2 {
	font-size: 48px;
	font-weight: 700;
	line-height: 46px;
	transition: text-decoration 0.5s linear;
}
h3 {
	font-size: 20px;
	font-weight: 700;
	line-height: 21px;
	margin-bottom: 1%;
	transition: text-decoration 0.5s linear;
}
h4 {
	font-size: 20px;
	font-weight: 700;
	line-height: 21px;
	margin: 5% 0;
	transition: text-decoration 0.5s linear;
}
h5 {
	font-size: 24px;
	font-weight: 700;
	transition: text-decoration 0.5s linear;
}
h6 {
	font-size: 16px;
	font-weight: 400;
	transition: text-decoration 0.5s linear;
}
.like-h1 {
	font-size: 54px !important;
	font-weight: 700 !important;
	line-height: 54px !important;
	margin-bottom: 5% !important;
	transition: text-decoration 0.5s linear !important;
	clear: both !important;
	float: none !important;
	display: block !important;
}
.two-third .like-h1 {
    position: absolute;
	z-index: 99;
    display: block;
    width: 83%;
    top: 15%;
    left: 9%;
}
.like-h3 {
	font-size: 20px !important;
	font-weight: 700 !important;
	line-height: 21px !important;
	margin-bottom: 1% !important;
	transition: text-decoration 0.5s linear !important;
	clear: both !important;
	float: none !important;
	display: block !important;
}
.overlay-text .like-h3 {
	position: relative;
    bottom: 75%;
    left: 0;
    width: 83%;
}
#slider-box .overlay-text .like-h3, #intro-box .overlay-text .like-h3 {
	position: relative;
	width: auto;
	bottom: 0;
	left: 0;
}
.like-h6 {
	font-size: 16px;
	font-weight: 400;
	transition: text-decoration 0.5s linear;
}
#slider-news .like-h6 {
	font-size: 13px;
    color: #999;
    margin-bottom: 5px;
    margin-top: 3px;
}
p {
	font-size: 16px;
	line-height: 28px;
	font-weight: 400;
}
p.padding {
	padding: 5% 0;
}
p.facts {
	margin-bottom: 6%;
}
p.facts:first-child {
	margin-top: 10%;
}
p.facts strong {
	font-size: 80px;
	font-weight: 700;
}
a {
	font-size: 14px;
	font-weight: 400;
	color: #000;
	display: inline-block;
	border-bottom: 1px solid rgba(0,0,0,0);
	transition: border-bottom 0.5s linear;
}
a:hover {
	border-bottom: 1px solid #000;
}
.center {
	text-align: center;
}

#intro-box .white, #slider-box .white { text-shadow:1px 3px 3px #000 !important }



/*  --- LITY.CSS ---  */
/*! Lity - v2.2.2 - 2017-07-17
* http://sorgalla.com/lity/
* Copyright (c) 2015-2017 Jan Sorgalla; Licensed MIT */
.lity {
	z-index: 9999;
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	white-space: nowrap;
	background: #0b0b0b;
	background: rgba(0, 0, 0, 0.9);
	outline: none !important;
	opacity: 0;
	-webkit-transition: opacity 0.3s ease;
	-o-transition: opacity 0.3s ease;
	transition: opacity 0.3s ease;
}
.lity.lity-opened {
  	opacity: 1;
}
.lity.lity-closed {
  	opacity: 0;
}
.lity * {
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
			box-sizing: border-box;
}
.lity-wrap {
	z-index: 9990;
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	text-align: center;
	outline: none !important;
}
.lity-wrap:before {
	content: '';
	display: inline-block;
	height: 100%;
	vertical-align: middle;
	margin-right: -0.25em;
}
.lity-loader {
	z-index: 9991;
	color: #fff;
	position: absolute;
	top: 50%;
	margin-top: -0.8em;
	width: 100%;
	text-align: center;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	opacity: 0;
	-webkit-transition: opacity 0.3s ease;
	-o-transition: opacity 0.3s ease;
	transition: opacity 0.3s ease;
}
.lity-loading .lity-loader {
  	opacity: 1;
}
.lity-container {
	z-index: 9992;
	position: relative;
	text-align: left;
	vertical-align: middle;
	display: inline-block;
	white-space: normal;
	max-width: 100%;
	max-height: 100%;
	outline: none !important;
}
.lity-content {
	z-index: 9993;
	width: 100%;
	-webkit-transform: scale(1);
		-ms-transform: scale(1);
		 -o-transform: scale(1);
			transform: scale(1);
	-webkit-transition: -webkit-transform 0.3s ease;
	transition: -webkit-transform 0.3s ease;
	-o-transition: -o-transform 0.3s ease;
	transition: transform 0.3s ease;
	transition: transform 0.3s ease, -webkit-transform 0.3s ease, -o-transform 0.3s ease;
}
.lity-loading .lity-content,
.lity-closed .lity-content {
	-webkit-transform: scale(0.8);
		-ms-transform: scale(0.8);
		 -o-transform: scale(0.8);
			transform: scale(0.8);
}
.lity-content:after {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	display: block;
	right: 0;
	width: auto;
	height: auto;
	z-index: -1;
	-webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
			box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
}
.lity-close {
	z-index: 9994;
	width: 35px;
	height: 35px;
	position: fixed;
	right: 0;
	top: 0;
	-webkit-appearance: none;
	cursor: pointer;
	text-decoration: none;
	text-align: center;
	padding: 0;
	color: #fff;
  	font-style: normal;
  	font-size: 35px;
  	font-family: Arial, Baskerville, monospace;
  	line-height: 35px;
  	text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
  	border: 0;
  	background: none;
  	outline: none;
  	-webkit-box-shadow: none;
          	box-shadow: none;
}
.lity-close::-moz-focus-inner {
  	border: 0;
  	padding: 0;
}
.lity-close:hover,
.lity-close:focus,
.lity-close:active,
.lity-close:visited {
  	text-decoration: none;
  	text-align: center;
  	padding: 0;
  	color: #fff;
  	font-style: normal;
  	font-size: 35px;
  	font-family: Arial, Baskerville, monospace;
  	line-height: 35px;
  	text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
  	border: 0;
  	background: none;
  	outline: none;
  	-webkit-box-shadow: none;
          	box-shadow: none;
}
.lity-close:active {
  top: 1px;
}
/* Image */
.lity-image img {
  	max-width: 100%;
  	display: block;
  	line-height: 0;
  	border: 0;
}
/* iFrame */
.lity-iframe .lity-container,
.lity-youtube .lity-container,
.lity-vimeo .lity-container,
.lity-facebookvideo .lity-container,
.lity-googlemaps .lity-container {
  	width: 100%;
  	max-width: 964px;
}
.lity-iframe-container {
  	width: 100%;
  	height: 0;
  	padding-top: 56.25%;
  	overflow: auto;
  	pointer-events: auto;
  	-webkit-transform: translateZ(0);
          	transform: translateZ(0);
  	-webkit-overflow-scrolling: touch;
}
.lity-iframe-container iframe {
  	position: absolute;
  	display: block;
  	top: 0;
  	left: 0;
  	width: 100%;
  	height: 100%;
  	-webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
          	box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  	background: #000;
}
.lity-hide {
  	display: none;
}
/*  --- CUSTOM ---  */
.lity-iframe .lity-container, .lity-youtube .lity-container, .lity-vimeo .lity-container, .lity-facebookvideo .lity-container, .lity-googlemaps .lity-container {
	width: 88% !important;
	max-width: 1600px;
}
*:focus {
    outline: none !important;
}
.lity-close {
    font-family: Helvetica, sans-serif !important;
	font-size: 24px !important;
	font-weight: 400 !important;
}



/*  --- STICKY-MENU.CSS ---  */
header nav {
  text-align: right;
  background: #e5e5e5;
  position: fixed;
  width: 100%;
  z-index: 8888;
}
header nav a {
  color: inherit;
  display: inline-block;
  -webkit-transition: all .2s linear;
  margin-left: 1%;
}
header nav a:hover {
	opacity: 1;
  	border-bottom: 1px solid #000;
}
#top-nav {
	background: #000;
	/*padding: 2% 6%; */
	padding: 63px 6% 25px
}
#top-nav ul li {
	display: inline-block;
	text-align: right;
	/*margin-left: 1%; */
	margin-left:18px;
}
#top-nav ul li:first-child { margin-left:0px }

.logo {
	width: 30%;
	height: auto;
	float: left;
	display: block;
	max-width: 200px;
	margin-top:-18px
}
.logo img {
	position: relative;
	width: 100%;
}
.site-settings {
	margin-top: -20px;
	margin-bottom: 20px;
	color: #999999;
}
.site-settings a {
	font-size: 10px;
	border-bottom: 1px solid rgba(0,0,0,0);
	transition: border-bottom 0.5s linear
}
.site-settings a:hover {
	border-bottom: 1px solid #999999;
}
.main-nav {
	color: #FFFFFF;
	margin-top: 0.5%;
}
.main-nav a {
	border-bottom: 1px solid rgba(0,0,0,0);
	transition: border-bottom 0.5s linear;
}
.main-nav a:hover {
	border-bottom: 1px solid #fff;
}
/*.main-nav ul li:last-of-type a {
	padding: 6px 10px;
	border: none !important;
	border-bottom: none !important;
	color: #fff;
	background: #d72a1c;
	transition: color 0.5s ease, background 0.5s ease, border 0.5s ease !important;
	font-size: 14px !important;
}
.main-nav ul li:last-of-type a:hover {
	background: #fff;
  color: #000;
  cursor: pointer;
  border: none;
  border-bottom: none;
}*/
.sub-nav {
	padding: 15px 6%;
}
.sub-nav a {
	opacity: 0.6;
}
.sub-nav div {
	display: inline-block;
	float: left;
	font-size: 14px;
    font-weight: 700;
}
.sub-nav .custom {
	width: 100% !important;
    padding-bottom: 15px !important;
}
.sub-nav .custom div strong {display: none;}

.small {
}

.active-scroll {
  opacity: 1 !important;
  border-bottom: 1px solid #000;
}

.info {
  background: #FFFAF0;
  color: #777;
  padding: 3em 20%;
}


#toTop {
	float: right;
	margin-left: 1%;
}
#toTop a {
	width: 16px;
	height: 14px;
	opacity: 0.6;
}
#toTop a:hover {
	opacity: 1;
}
#toTop img {
	margin-top: 4px;
	width: 100%;
	image-rendering: auto;
  	image-rendering: crisp-edges;
  	image-rendering: pixelated;
}
#toTopBottom {
	width: 75px;
	height: auto;
	margin: 0 auto 0 auto;
	padding-bottom: 6%;
	opacity: 0.6;
	transition: opacity 0.5s linear;
}
#toTopBottom:hover {
	opacity: 1;
	text-decoration: underline;
}
#toTopBottom img {
	display: block;
	clear: both;
	width: 19px;
	height: auto;
	margin: 5px auto;
}
#toTopBottom div {
	clear: both;
	text-align: center;
}


.move {
  top: -60px;
}

nav span {
  position: absolute;
  left: 40px;
  top: 10px;
  font-weight: bold;
  transition: all 0.5s ease-in;
}

.movetext {
  top: -30px;
}
#st-header-spacer {
	width: 100%;
	height: 111px;
}
#header-spacer {
	width: 100%;
	height: 160px;
}
.shop-menu {padding: 6px 10px; border-bottom: none !important; border: 1px solid #fff !important; color:#fff; background:unset; transition: color 0.5s ease, background 0.5s ease, border 0.5s ease !important; font-size:11px !important }
.shop-menu:hover {background: #fff; color: #000; cursor: pointer; border: none; border-bottom: none;}
.lang-menu {padding: 6px 10px; border: none !important; border-bottom: none !important; color:#000; background: #999; transition: color 0.5s ease, background 0.5s ease, border 0.5s ease !important; }
.lang-menu:hover {background: #fff; color: #000; cursor: pointer; border: none !important; border-bottom: none !important;}
.social-menu {width: 30px; height: 27px; margin-bottom: -10px; background: url("../images/social-share.png"); background-size: cover; transition: background 0.5s ease; border-bottom: none !important;}
.social-menu:hover {background: url("../images/social-share-active.png"); background-size: cover; border-bottom: none !important;}

@media only screen and (max-width : 1024px) {
	header nav a {
		margin-left: 0.25%;
	}
}
@media only screen and (max-width : 768px) {
	.cardip-logo-mobile {
		height:	20px;
		float: left;
		padding: 15px 6%;
	}
	.cardip-logo-mobile img {
		height: 20px;
		width: auto;
	}
    .sub-nav-mobile {
		padding: 15px 6%;
		width: 165px;
		position: absolute;
		z-index: 9999;
    }
    .sub-nav-mobile, .sub-nav-mobile div, .sub-nav-mobile a {
        color: #fff;
    }
	.sub-nav-mobile div, .sub-nav-mobile a  {
		float: left;
	}
    .sub-nav-mobile a {
      display: none;
      font-size: 15px;
	  margin: 1px 0 0 5px;
    }
	.sub-nav-mobile a:hover {
	  border-bottom: 1px solid #fff;
	}
    .sub-nav-mobile a.active-scroll {
      display: inline-block;
      border-bottom: 1px solid #fff;
    }
	.sub-nav-mobile .custom div strong {display: inline;}
}



/*  --- RESPONSIVE.CSS ---  */
@media only screen and (min-width : 769px) {
	#desktop-nav {
	  display: block !important;
	}
}
@media only screen and (min-width : 1025px) {
#desktop-nav {
  display: block !important;
}
}
.mh-head {
  display: none;
}
@media only screen and (max-width : 1024px) {
	/*  --- FONTS.CSS ---  */
	h1 {
		font-size: 40px;
		line-height: 40px;
	}
	h2 {
		font-size: 32px;
		line-height: 30px;
	}
	h3 {
		font-size: 18px;
		line-height: 19px;
	}
	h4 {
		font-size: 18px;
		line-height: 19px;
	}
	p {
		font-size: 14px;
	}
	.like-h1 {
		font-size: 40px !important;
		line-height: 40px !important;
	}
	.like-h3 {
		font-size: 18px !important;
		line-height: 19px !important;
	}
	.overlay-text h2, .overlay-text h3 {
		text-align: left;
	}

	/*  --- GRIDS.CSS ---  */
	#slider-menu {
		position: relative;
    	margin-top: 0;
	}
	#slider-news {
		display: none;
	}
	#slider-control {
		width: 100%;
	}
	#slider-box .overlay-text {
		width: auto;
	}
	#slider-box .overlay-text h3, #slider-box .overlay-text h1 {
		text-align: left;
	}

	.tab-1, .tab-2 {
		width: 89.75%;
		margin-left: -7%;
		padding: 0 12%;
	}

	.tab-1.open-tab, .tab-2.open-tab {
		padding: 100px 12% 24% 12%;
		margin-top: -80px;
	}

	#header-spacer {
		height: 116px;
	}
	.icon-holder {
		width: 88%;
		padding: 0 6% 6% 6%;
	}
	.icon-holder .icon img {
		width: 80px;
		display: block;
		margin: 0 auto;
		clear: both;
		float: none;
	}
	.icon-holder .icon span {
		margin: 0 auto 0 auto;
		font-size: 14px;
		line-height: 16px;
		clear: both;
		text-align: center;
		width: 100%;
	}
	.grid.icon {
		width: 30% !important;
		float: left !important;
		clear: none;
	}
	.tab.open-tab, .tab-1.open-tab, .tab-2.open-tab {
		padding: 110px 6% 12% 6%;
		margin-top: -80px;
	}
	.one-third, #stvideo {
		height: 368px !important;
	}
}
@media only screen and (max-width : 1146px) {
	form#postcodeEntry {
		width: 320px !important;
	}
	form#postcodeEntry fieldset {
		height: auto;
		padding-bottom: 10px;
	}
	form#postcodeEntry #postcode {
    	width: 90%;
	}
	form#postcodeEntry #suche-starten {
		margin-left: 3%;
		width: 45%;
	}
	form#postcodeEntry #alle-standorte {
		width: 45%;
	}
}
@media only screen and (max-width : 768px) {
	#bu-header-spacer {
		height: 28px !important;
	}
	.logo {
		width: auto;
		height: 25px;
		margin-top: -2px;
	}
	h1 {
		font-size: 22px;
		line-height: 22px;
	}
	h2 {
		font-size: 22px;
		line-height: 22px;
	}
	h3 {
		font-size: 14px;
		line-height: 16px;
	}
	h4 {
		font-size: 22px;
		line-height: 22px;
	}
	p {
		font-size: 18px;
		line-height: 1.8;
	}
	.like-h1 {
		font-size: 24px !important;
		line-height: 24px !important;
	}
	.like-h3 {
		font-size: 18px !important;
		line-height: 18px !important;
	}
	.two-third p {
		bottom: 15%;
	}

	#desktop-nav {
		display: none;
	}
	.mh-head {
		display: block;
	}
	#header-spacer {
		height: 50px !important;
	}
	#st-header-spacer {
		height: 50px !important;
	}

	h1, h2, h3, h4, h5, h6, p {
		text-align: center;
	}
	.overlay-text h2, .overlay-text h3 {
		text-align: center;
	}

	/*  --- GRDIS.CSS  --- */
	.grid-1, .grid-2, .grid-3 {
		padding: 12% 6%;
	}
	.grid-1 .grid {
		padding-bottom: 0;
	}
	.grid-1 .grid.padding {
		padding: 0;
		width: 100%;
	}
	.grid-1.no-padding-bottom {
		padding-top: 12%;
	}
	.tab, .tab-1, .tab-2 {
		padding: 0 6%;
	}
	.grid-2 .grid, .grid-2 .grid.padding, .grid-2 .grid.padding-left, .grid-2 .grid.padding-right {
		width: 100%;
		clear: both;
		margin: 0 0 0 0;
		padding: 0;
	}
	.grid-2 .grid.padding.white-bg {
		width: 88%;
		padding: 0 6%;
	}
	.grid-2 .grid:first-child {
		padding-bottom: 6% !important;
	}
	.grid-2.flex .grid:first-child {
		padding-bottom: 0 !important;
	}
	/*.grid-2 .grid:first-child {
		padding-bottom: 18% !important;
	}*/
	.grid-2.flex .grid:first-child {
		padding-bottom: 0 !important;
	}
	.grid-2 .grid.padding.white-bg {
		width: 88%;
		padding: 0 6%;
	}
	.grid-2.vertical-center {
		display: block;
		justify-content: none;
	}
	.grid.vertical-center {
		display: block;
		justify-content: none;
		flex-direction: none;
	}
	.grid-3 .grid, .grid-3 .grid.padding, .grid-3 .grid.padding-left, .grid-3 .grid.padding-right {
		width: 100%;
		clear: both;
		display: block;
		margin: 0 0 12% 0 !important;
		padding: 0;
		text-align: center !important;
	}
	.grid-3 .grid p {
		padding: 0;
	}
	.grid-3 .grid:nth-child(2) {
    	margin: 0 0 12% 0;
	}
	.grid-3 .grid:nth-child(3) {
		margin: 0 0 12% 0 !important;
	}
	#intro-box div img {
		width: 100%;
    	display: block;
	}

	.link-btn {
		display: block;
		margin: 6% auto 0 auto;
	}
	.preisblock-left {
		margin-left: 25px;
	}
	.preisblock-right .link-btn.red {
		padding: 15px;
		margin-left: 5px;
	}
	.overlay-text .preisblock-right a.link-btn.red {
		padding: 15px;
		margin-left: 5px;
		margin-top: 0;
		margin-left: 0;
	}
	.preisblock-right {
		float: left;
		margin-left: 15px;
	}
	.preisblock-midstrich {
		display: none;
	}
	.flex {
		display: block;
	}
	.padding-bot {
		padding-bottom: 12% !important;
	}
	.padding-top {
		padding-top: 12% !important;
	}
	.icon-holder {
		width: 88%;
		padding: 0 6% 12% 6%;
	}
	.icon-holder .icon {
		width: 45%;
		margin: 0 2.5% 2.5% 2.5%;
	}
	.icon:nth-child(3) {
		clear: left;
	}
	.link-btn {
		display: inline-block;
		clear: both;
		float: none;
	}

	/*  --- CARDIP.CSS ---  */
	#slider-menu {
		position: relative;
    	margin-top: 0;
	}
	#slider-news {
		display: none;
	}
	#slider-control {
		width: 100%;
	}
	#slider-box .overlay-text {
		width: auto;
		margin-top: -45%;
	}
	#slider-box .overlay-text h3, #slider-box .overlay-text h1, #intro-box .overlay-text h3, #intro-box .overlay-text h1 {
		text-align: left;
	}
	#slider-box .overlay-text h1, #intro-box .overlay-text h1 {
		font-size: 24px;
		line-height: 24px;
	}
	#intro-box .overlay-text{
		margin-top: -30%;
	}


	.margin-top {
		margin-top: 0;
	}

	.two-third {
	    clear: both;
	    position: relative;
	    width: 100%;
	    height: auto;
	    overflow: hidden;
	}
	.one-third {
	    clear: both;
	    position: relative;
	    width: 100%;
	    height: 400px !important;
			max-height: 600px !important;
	    overflow: hidden;
	}
	.one-third h3 {
		text-align: left;
		font-size: 24px;
		line-height: 24px;
	}
	.one-third .overlay-text {
		left: 0;
	}
	.one-third img {
		width: 100%;
		height: auto;
		contain: content;
	}
	.tab-complete, .tab-complete-double {
    	padding-bottom: 12%;
    	transition: padding-bottom 0.5s linear;
	}
	.tab.open-tab {
		padding: 100px 6% 12% 6%;
		margin-top: -72px;
	}
	.tab-1, .tab-2 {
		width: 89.75%;
		margin-left: -7%;
		padding: 0 12%;
	}

	.tab-1.open-tab, .tab-2.open-tab {
		padding: 100px 12% 24% 12%;
		margin-top: -80px;
	}

	.tab-button {
		margin: 0;
		margin-left: calc(48.75% - 17px);
	}
	.tab-button.is_stuck {
		position: absolute !important;
		top: 0px !important;
		z-index: 9999 !important;
		left: 48.75% !important;
		margin-left: -15px !important;
		width: 31px;
	}

	.open-tab.is_stuck {
		position: absolute !important;
		z-index: 9999 !important;
		left: 48.75% !important;
		margin-left: -15px !important;
		width: 31px;
	}
	.fader-frame-bottom {
		padding: 25% 0;
    	margin-top: -52%;
	}
	.overlay-text {
    	width: 88%;
	}
	#fader4-box {
		max-height: 575px;
	}
	.fader4-1, .fader4-2, .fader4-3 {
		position: relative;
	}
	#fader4-control {
    	margin-top: -25% !important;
	}
	#fader-box {
		margin-top: 6%;
	}

	.ba-gallery-grid.css-style-7 .ba-caption {
		top: 30px !important;
	}
	.grid-2 .map {
		position: relative;
    	width: 107% !important;
    	margin-left: -3.5%;
		margin-top: -3%;
	}
	form#postcodeEntry {
		top: 0;
		left: 0;
		position: absolute;
		z-index: 999999;
		width: 100% !important;
		height: auto;
    	padding-bottom: 10px;
	}
	form#postcodeEntry fieldset {
		height: auto;
		padding-bottom: 10px;
	}
	form#postcodeEntry #postcode {
		width: 90%;
    	margin-left: 3.15% !important;
	}
	form#postcodeEntry #suche-starten {
		margin-left: 3%;
		width: 45%;
	}
	form#postcodeEntry #alle-standorte {
		width: 45%;
	}
	select.country-filialen {
		margin-top: -5px;
	}
	.filiale {
    	float: left;
    	width: 100%;
    	margin: 0;
		margin-bottom: 20px;
	}
	.filiale:nth-child(2n) {
    	margin: 0;
		margin-bottom: 20px;
	}
	.grid-3.references .grid, .grid-3.references-partner .grid {
		width: 50%;
		clear: none;
		float: left;
		display: block;
		margin: 0 !important;
		padding: 0;
		text-align: center !important;
		padding-bottom: 0 !important;
	}
	.grid-3.references .grid:nth-child(2), .grid-3.references .grid:nth-child(3), .grid-3.references-partner .grid:nth-child(2), .grid-3.references-partner .grid:nth-child(3) {
    	margin: 0;
		padding-bottom: 0 !important;
	}
	.grid-3.references-partner .grid {
		margin: 0 0 12% 0 !important;
	}

	.inputfile {
		width: 80% !important;
		height: 0.1px;
		opacity: 0;
		overflow: hidden;
		position: absolute;
		z-index: -1;
	}
	.load {width: 100%;}
	.inputfile {width: 80% !important;}
	.inputfile+label {width: 100% !important;}
	.upload span {width: 110px; margin: 0 auto; display: block; margin-top: 0 !important;}

	.picture-subtitle {
		text-align: center;
		width: 100%;
		display: inline-block;
		font-size: 12px;
	}
	button.btn-senden {
		width: 100% !important;
		margin-top: 26px !important;
	}

	#toTopBottom {
		margin: 0 auto 0 auto;
	}
	.dipping {
		padding: 6%;
	}
	a.dip {
		float: left;
		width: 27%;
		margin: 0 3% 3% 3%;
	}
	a.dip:nth-child(4) {
		clear: left;
	}
	.dip h6 {
		font-size: 12px;
	}
	#fader-control a, #fader2-control a, #fader3-control a {
		/*margin: 0 10px 5px 10px;*/
		margin: 0 5px 5px 5px;
		font-size: 13px;
	}

	#fader4-box div .overlay-text {
		position: relative;
		clear: both;
		width: 88%;
		left: 0%;
		padding: 12% 6%;
	}
	#fader4-control {
		margin-top: -22% !important;
	}
	#fader4-control a {
		/*margin-bottom: 5px;*/
		margin: 0 5px 5px 5px;
		font-size: 12px;
	}

	.image-slider {
  		width: 100% !important;
  		padding: 0 !important;
	}
	.fader-blocker-smart {
		display: block;
		padding: 6% 0;
	}
	#fader4-control {
		text-align: center;
	}
	#fader4-control a {
		float: none;
	}
	#footer-lang { float: left !important; max-width: 100%; }
	#footer-lang ul li { float: left !important; margin-left: 0 !important; margin-right: 2.5%; }
}

#fader4-control.mobile {
	/*margin-top: 46% !important;*/
	margin-top: 50% !important;
	display: none;
}

@media only screen and (max-width : 768px) {
	#fader4-control { display: none; }
	#fader4-control.mobile { display: block; }
}
@media only screen and (max-width : 680px) {
	#fader4-box {
		max-height: 800px;
	}
}
@media only screen and (max-width : 380px) {
	#fader4-box {
		max-height: 575px;
	}
}




/* timo startseite slider resp */

@media only screen and (max-width : 768px) {
	#slider-box h1 { font-size:35px !important; line-height:40px !important }
	#slider-box .overlay-text { margin-top:-35% }
	.overlay-text a.link-btn.red { padding: 5px 10px; font-size: 12px !important; margin-top: 10px; }
}
@media only screen and (max-width : 680px) {
	#slider-box h1 { font-size:20px !important; line-height:24px !important  }
	#slider-box .overlay-text { margin-top:-42% }
}
@media only screen and (max-width : 380px) {
	#slider-box h1 { font-size:16px !important; line-height:18px !important }
	#slider-box h3 { display:none }


}



/*  --- SMART-MENU.CSS ---  */
*{margin:0;padding:0;text-decoration:none}
header #cssmenu {
  text-align: left;
  z-index: 99999999;
}
#cssmenu,#cssmenu ul,#cssmenu ul li,#cssmenu ul li a,#cssmenu #head-mobile{border:0;list-style:none;line-height:1;position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
#cssmenu:after,#cssmenu > ul:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}
#cssmenu #head-mobile{display:none}
#cssmenu{font-family: Helvetica, sans-serif;background:#000}
#cssmenu > ul > li{float:left}
#cssmenu > ul > li > a{padding:17px;font-size:14px;letter-spacing:1px;text-decoration:none;color:#fff;font-weight:700;}
#cssmenu > ul > li:hover > a,#cssmenu ul li.active a{color:#000}
#cssmenu ul li.active ul li a {color: #fff;}
#cssmenu ul li.active ul li.active a {color: #000;}
#cssmenu ul li.active .submenu-button:after, #cssmenu ul li:hover .submenu-button:after, #cssmenu ul li.active .submenu-button:before, #cssmenu ul li:hover .submenu-button:before {background: #000;}
#cssmenu > ul > li:hover,#cssmenu ul li.active:hover,#cssmenu ul li.active,#cssmenu ul li.has-sub.active:hover{background:#fff!important; color:#000; -webkit-transition:background .3s ease;-ms-transition:background .3s ease;transition:background .3s ease;}
#cssmenu > ul > li.has-sub > a{padding-right:30px}
#cssmenu > ul > li.has-sub > a:after{position:absolute;top:22px;right:11px;width:8px;height:2px;display:block;background:#ddd;content:''}
#cssmenu > ul > li.has-sub > a:before{position:absolute;top:19px;right:14px;display:block;width:2px;height:8px;background:#ddd;content:'';-webkit-transition:all .25s ease;-ms-transition:all .25s ease;transition:all .25s ease}
#cssmenu > ul > li.has-sub:hover > a:before{top:23px;height:0}
#cssmenu ul ul{position:absolute;left:-9999px}
#cssmenu ul ul li{height:0;-webkit-transition:all .25s ease;-ms-transition:all .25s ease;background:#333;transition:all .25s ease}
#cssmenu ul ul li:hover{}
#cssmenu li:hover > ul{left:auto}
#cssmenu li:hover > ul > li{height:35px}
#cssmenu ul ul ul{margin-left:100%;top:0}
#cssmenu ul ul li a{border-bottom:1px solid rgba(150,150,150,0.15);padding:11px 15px;width:170px;font-size:14px;text-decoration:none;color:#ddd;font-weight:400;}
#cssmenu ul ul li:last-child > a,#cssmenu ul ul li.last-item > a{border-bottom:0}
#cssmenu ul ul li:hover > a,#cssmenu ul ul li a:hover{color:#fff, backgrond:#cb1517}
#cssmenu ul ul li.has-sub > a:after{position:absolute;top:16px;right:11px;width:8px;height:2px;display:block;background:#ddd;content:''}
#cssmenu ul ul li.has-sub > a:before{position:absolute;top:13px;right:14px;display:block;width:2px;height:8px;background:#ddd;content:'';-webkit-transition:all .25s ease;-ms-transition:all .25s ease;transition:all .25s ease}
#cssmenu ul ul > li.has-sub:hover > a:before{top:17px;height:0}
#cssmenu ul ul li.has-sub:hover,#cssmenu ul li.has-sub ul li.has-sub ul li:hover{background:#363636;}
#cssmenu ul ul ul li.active a{border-left:1px solid #333}
#cssmenu > ul > li.has-sub > ul > li.active > a,#cssmenu > ul ul > li.has-sub > ul > li.active> a{border-top:1px solid #333}

@media screen and (max-width:768px) {
nav{width:100%;}
#cssmenu{
  width:100%;
  position: fixed;
  top: 0;
  left: 0;
}
#cssmenu ul{width:100%;display:none}
#cssmenu ul li{width:100%;border-top:1px solid #111}
#cssmenu ul ul li,#cssmenu li:hover > ul > li{height:auto}
#cssmenu ul li a,#cssmenu ul ul li a{width:100%;border-bottom:0}
#cssmenu > ul > li{float:none}
#cssmenu ul ul li a{padding-left:25px}
#cssmenu ul ul li{background:#000!important;}
#cssmenu ul ul ul li a{padding-left:35px}
#cssmenu ul ul li a{color:#ddd;}
#cssmenu ul ul li:hover > a,#cssmenu ul ul li.active > a{color:#000; background: #fff}
#cssmenu ul ul,#cssmenu ul ul ul{position:relative;left:0;width:100%;margin:0;text-align:left}
#cssmenu > ul > li.has-sub > a:after,#cssmenu > ul > li.has-sub > a:before,#cssmenu ul ul > li.has-sub > a:after,#cssmenu ul ul > li.has-sub > a:before{display:none}
#cssmenu #head-mobile{display:block;padding:25px;background: #000;color:#fff;font-size:14px;font-weight:700}
.button{width:55px;height:46px;position:absolute;right:0;top:0;cursor:pointer;z-index: 12399994;}
.button:after{position:absolute;top:22px;right:20px;display:block;height:4px;width:20px;border-top:2px solid #dddddd;border-bottom:2px solid #dddddd;content:''}
.button:before{-webkit-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease;position:absolute;top:16px;right:20px;display:block;height:2px;width:20px;background:#ddd;content:''}
.button.menu-opened:after{-webkit-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease;top:23px;border:0;height:2px;width:19px;background:#fff;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}
.button.menu-opened:before{top:23px;background:#fff;width:19px;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}
#cssmenu .submenu-button{position:absolute;z-index:99;right:0;top:0;left:auto;display:block;height:48px;width:100%;cursor:pointer}
#cssmenu .submenu-button.submenu-opened{background:transperant; color: #fff;}
#cssmenu ul ul .submenu-button{height:34px;width:34px}
#cssmenu .submenu-button:after{position:absolute;top:22px;right:19px;width:8px;height:2px;display:block;background:#fff;content:''}
#cssmenu ul ul .submenu-button:after{top:15px;right:13px}
#cssmenu .submenu-button.submenu-opened:after{background:#fff}
#cssmenu .submenu-button:before{position:absolute;top:19px;right:22px;display:block;width:2px;height:8px;background:#fff;content:''}
#cssmenu ul ul .submenu-button:before{top:12px;right:16px}
#cssmenu .submenu-button.submenu-opened:before{display:none}
#cssmenu ul ul ul li.active a{border-left:none}
#cssmenu > ul > li.has-sub > ul > li.active > a,#cssmenu > ul ul > li.has-sub > ul > li.active > a{border-top:none}

/*  --- CUSTOM ---  */
#cssmenu ul.open {
	width: 100%;
	min-height: 100vh;
	position:fixed;
	z-index: 999999;
	top: 0;
	left: 0;
	background: rgba(0,0,0,0.8);
}
#cssmenu ul.open ul.open {
	position: relative;
}

.top-smart-nav {
	height: 50px;
	padding: 0 17px;
	background: #000;
}
#cssmenu > ul > li.top-smart-nav:hover {
	background: #000 !important;
}
.top-smart-nav a.logo-sub {
	width: 115px !important;
	padding: 0 !important;
	margin-top: 9px;
}
.top-smart-nav a.logo-sub:hover {
	background: transparent !important;
}
}



/*  --- LANGUAGE.CSS ---  */
.language, .car-selection{
	display: none;
	width: 100%;
	height: 100vh;
	position: fixed;
	z-index: 9999999;
	top: 0;
	left: 0;
	background: rgba(0,0,0,0.8);
	opacity: 0;
}
.language.open-lang, .car-selection.open-car {
	display: block;
	opacity: 1;
}
.language {
	color: #fff;
}
.lang-close, .car-close {
	width: 80px;
	height: 80px;
	font-family: Helvetica, sans-serif !important;
	font-size: 60px !important;
	font-weight: 400 !important;
	text-align: center;
	position: fixed;
	top: 24px;
	right: 25px;
}
.car-close {
	color: #fff;
}
.lang-button:hover, .car-button:hover {
	cursor: pointer;
}
.lang-setting {
	position: fixed;
	top: 25%;
	left: 50%;
	width: 640px;
	margin-left: -320px;
	opacity: 0;
	transition: opacity 0.5s linear;
	font-size: 100px;
	line-height: 100px;
	font-weight: 700;
	text-align: center;
	float: left;
}
.lang-setting.lang-active {
	opacity: 1;
}
.languages {
	position: fixed;
	top: 70%;
	left: 50%;
	margin-left: -253px;
	width: 506px;
	height: 60px;
    display: block;
    text-align: center;
}

.languages a {
	float: left;
    text-align: center;
    margin-left: 3%;
    margin-right: 3%;
    font-size: 20px;
    opacity: 0.6;
    border-bottom: 1px solid rgba(255,255,255,0);
    transition: border-bottom 0.5s linear, opacity 0.5s linear;
}
.languages a:hover {
	border-bottom: 1px solid #fff;
	opacity: 1;
}

/*   CAR SELECTION   */
.car-selection {
	background: rgba(0,0,0,0.8);
}
.car-dipping {
	width: 88%;
	padding: 15vh 6% 6% 6%;
}
.car-dipping h2 {
	clear: both;
	text-align: center;
	margin-bottom: 2.5%;
	color: #fff;
}
.car-dipping a.dip {
	float: left;
	/*
    width: 27%;
    margin: 0 3% 3% 3%;
	*/
	width: 20%;
	margin: 3% 6%;
	height: auto;
	border: none;
}
.car-dipping a.dip:nth-child(5):hover {
	clear: right;
}
.car-dipping a.dip:nth-child(6){
	clear: left;
}
.car-dipping .dip img {
	clear: both;
	width: 100%;
	margin: 0;
	transition: width 0.5s ease, margin 0.5s ease;
}
.car-dipping a:hover.dip img {
	width: 120%;
    margin: -11.5% 0 0 -10%;
}
.car-dipping a.dip h6 {
	font-size: 24px;
	font-size: 700;
	color: #fff;
}

@media screen and (min-width:1600px) {
	.car-dipping a.dip {
		margin: 3% 6.5%;
	}
}


@media only screen and (max-width : 1024px) {
	.lang-setting {
		left: 50%;
	}
	.languages {
		left: 50%;
	}

	.car-dipping {
		padding-top: 25px;
	}
	.car-dipping h2 {
		clear: both;
		text-align: center;
		margin-left: 0;
		margin-bottom: 6%;
	}
	.car-dipping a.dip h6 {
		font-size: 18px;
		font-size: 700;
	}
}




/*  --- SOCIALS.CSS ---  */
/*   SOCIAL OPEN   */
.social {
	display: none;
	width: 100%;
	height: 100vh;
	position: fixed;
	z-index: 9999999;
	top: 0;
	left: 0;
	background: rgba(0,0,0,0.8);
	opacity: 0;
	color: #fff;
}
.social-inner {
	width: 888px;
	height: 60vh;
	min-height: 560px;
	margin: 20vh auto;
	overflow: hidden !important;
}

.social.open-social {
	display: block !important;
	opacity: 1;
}
.social-close {
	width: 80px;
	height: 80px;
	font-family: Helvetica, sans-serif !important;
	font-size: 60px !important;
	font-weight: 400 !important;
	text-align: center;
	position: fixed;
	top: 24px;
	right: 25px;
}
.social-button:hover {
	cursor: pointer;
}

.social #facebook a, .social #youtube a, .instagram-link {
	width: 100%;
	height: auto;
	display: inline-block;
	text-align: left;
	font-size: 18px;
	border-bottom: none;
}
.social #facebook a {
	margin-top: 10px;
	margin-bottom: 25px;
}
.social #youtube a {
	margin-top: 10px;
	margin-bottom: 17px;
}
.instagram-link {
	margin-top: 35px;
	margin-bottom: -10px;
}
.social #facebook a:hover, .social #youtube a:hover, .instagram-link:hover {
	border-bottom: none;
}
.social #facebook a img, .social #youtube a img, .instagram-link img {
	float: left;
	width: 40px;
    margin-right: 15px;
}
.social #facebook a img {
	width: 30px;
	margin-top: -8px;
}
.social #youtube a img {
	margin-top: -15px;
}
.instagram-link img {
	margin-top: -15px;
}

.social #facebook{
	width: 340px;
	height: 50%;
	/*position: fixed;
	top: 11.5%;
	left: 6%;*/
	float: left;
	height: 80vh;
}
.social #youtube{
	width: calc(100% - 390px);
	/*height: 80vh;
	position: fixed;
	top: 11.5%;
	right: 6%;*/
	float: left;
	height: 560px;
	margin-left: 50px;
}
.social #youtube{
	width: calc(100% - 390px);
	/*height: 80vh;
	position: fixed;
	top: 11.5%;
	right: 6%;*/
	float: left;
	height: 345px;
	margin-left: 50px;
}
.social #instagram {
	width: calc(100% - 390px);
	float: left;
	height: 190px;
	margin-left: 50px;
	margin-top: 28px;
}
.fb_iframe_widget span {
	top: 0 !important;
	left: 0 !important;
	transition: none;
}

#youtube_video {
	width: calc(280px / 9 * 16);
    height: 280px;
    margin-bottom: 25px;
    float: left;
}
#youtube_video_2, #youtube_video_3 {
	float: left;
	width: calc(132px / 9 * 16);
	height: 132px;
}
#youtube_video_3 {
	margin-left: 25px;
}
#youtube-after-video {
	display: block;
	position: relative;
	clear: both;
	padding-top: 25px;
	width: 100%;
	text-align: left;
	font-weight: 200 !important;
}
#youtube-after-video a {
	margin: 0;
}
#facebook iframe {
	width: 100%;
	height: 500px;
}

@media only screen and (max-width : 1024px) {
	.social-inner {
		width: 700px;
		height: 60vh;
		min-height: 560px;
		margin: 20vh auto;
		overflow: hidden !important;
	}
	.social #youtube{
		width: calc(100% - 390px);
		float: left;
		height: 345px;
		margin-left: 50px;
	}
	#youtube_video {
		width: calc(175px / 9 * 16);
		height: 175px;
		margin-bottom: 25px;
		float: left;
	}
	#youtube_video_2, #youtube_video_3 {
		float: left;
		width: calc(80px / 9 * 16);
		height: 80px;
	}
	#youtube_video_3 {
		margin-left: 25px;
	}
	#facebook iframe {
		width: 100%;
		height: 500px;
	}
}




/*  --- MHEAD.CSS ---  */
.mh-head .topbloglink {display: none !important;}
.mh-head .mod-languages {margin: 12px 50px 0 0 !important;}
.mh-head .mod-languages li:first-child {padding-right: 0 !important;}
.mh-head{text-align:center;margin:0;position:fixed; z-index:999999999; width:100%;background:#000;color:#333;height:50px}
.mh-head a{color:#fff;text-decoration:none;}
.mh-head a:hover {border-bottom: none;}
.mh-head.mh-size-2{height:80px}
.mh-head.mh-size-3{height:120px}
.mh-head.mh-sticky{position:-webkit-sticky;position:sticky;top:0;left:0;right:0;z-index:10;transition:-webkit-transform .2s ease;transition:transform .2s ease;transition:transform .2s ease,-webkit-transform .2s ease;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.mh-head.mh-sticky.mh-scrolledout{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}
.mh-head .mh-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:20px;display:block;padding:10px}
.mh-head.mh-align-left .mh-text{text-align:left}
.mh-head.mh-align-right .mh-text{text-align:right}
.mh-head.mh-btns-left{padding-left:50px}
.mh-head.mh-btns-left-2{padding-left:90px}
.mh-head.mh-btns-left-3{padding-left:130px}
.mh-head.mh-btns-right{padding-right:50px}
.mh-head.mh-btns-right-2{padding-right:90px}
.mh-head.mh-btns-right-3{padding-right:130px}
.mh-head .mh-btns-left,.mh-head .mh-btns-right{display:block;width:40px;position:absolute;top:0;bottom:0}
.mh-head .mh-btns-left{left:10px}
.mh-head .mh-btns-right{right:4.5%}
.mh-head.mh-btns-left-2 .mh-btns-left,.mh-head.mh-btns-right-2 .mh-btns-right{width:80px}
.mh-head.mh-btns-left-3 .mh-btns-left,.mh-head.mh-btns-right-3 .mh-btns-right{width:120px}
.mh-head .mh-btns-left>*,.mh-head .mh-btns-right>*{text-align:center;font-size:18px;line-height:20px;width:40px;display:block;padding:10px 0;position:absolute;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}
.mh-head .mh-btns-left>:nth-child(1),.mh-head .mh-btns-right>:nth-child(1){left:0}
.mh-head .mh-btns-left>:nth-child(2),.mh-head .mh-btns-right>:nth-child(2){left:40px}
.mh-head .mh-btns-left>:nth-child(3),.mh-head .mh-btns-right>:nth-child(3){left:80px}
.mh-head .mh-list{-webkit-overflow-scrolling:touch;overflow-x:auto;white-space:nowrap;list-style:none;line-height:20px;display:block;padding:0;margin:0}
.mh-head .mh-list li{display:inline-block;padding:0;margin:0}
.mh-head .mh-list li a,.mh-head .mh-list li span{display:block;padding:10px}
.mh-head.mh-align-left .mh-list{text-align:left}
.mh-head.mh-align-right .mh-list{text-align:right}
.mh-head .hamburger{margin-top:2px;-webkit-transform:scale(.6,.7) translateY(-50%);-ms-transform:scale(.6,.7) translateY(-50%);transform:scale(.6,.7) translateY(-50%);-webkit-transform-origin:top center;-ms-transform-origin:top center;transform-origin:top center}
.mh-head .mh-image,.mh-head .mh-logo{background:none center center transparent no-repeat;display:block;height:100%}
.mh-head .mh-logo{background-size:contain;background-clip:content-box;padding:10px}
.mh-head.mh-align-left .mh-logo{background-position:left center}
.mh-head.mh-align-right .mh-logo{background-position:right center}
.mh-head .mh-image{background-size:cover}
.mh-head .mh-form{padding:7px 0;position:relative}
.mh-head .mh-form input{background:#fff;border:none;border-radius:3px;font-size:14px;line-height:26px;display:block;box-sizing:border-box;height:26px;width:100%;padding:0 10px}
.mh-head .mh-form .fa{color:#ccc;text-align:center;line-height:40px;display:block;width:40px;height:40px;position:absolute;top:50%;right:0;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}




/*  --- BUSINESS.CSS ---  */
/*  --- Business Menu  ---  */
.business-nav {
	width: 88%;
	height: auto;
	clear: both;
	background: #fff !important;
	padding: 2% 6%;
}
.business-nav.produkte-nav {
	padding: 1% 6%;
	background: #e5e5e5 !important;
}
.business-nav.produkte-nav h1 {
	margin: 5px 0 0 0;
}
.business-nav.produkte-nav h1 a {
	font-size: 18px;
	font-weight: 700;
	float: left;
	margin-bottom: 0;
	margin-left: 0;
	line-height: 1.4;
}
.business-nav h3 {
	margin-bottom: 0;
}
.business-nav h3 a {
	font-size: 30px;
	font-weight: 700;
	float: left;
	margin-bottom: 0;
	margin-left: 0;
}
.business-nav h3 a {
	border-bottom: none !important;
}
.business-nav ul {
	float: right;
	width: 80%;
}
.business-nav ul li {
	display: inline-block;
  text-align: right;
  margin-left: 2%;
	width: auto;
}
@media only screen and (max-width: 996px) {
	.business-nav ul {
	  width: 60%;
	}
}

/* --- BUSINESS SIDE NAV ---- */
.business-side-nav {
	display: block;
	width: 19%;
	float: left;
	height: 300px;
	padding: 6% 6% 6% 0;
}
.business-side-nav a {
	clear: right;
	float: none;
	display: inline-block;
	margin-bottom: 15px;
	font-weight: 700;
	border: none;
	opacity: 0.5;
	transition: opacity 0.5s ease;
}
.business-side-nav a.active-scroll {
    opacity: 1 !important;
}
.business-side-nav a:hover {
    opacity: 1 !important;
	cursor: pointer !important;
}
.business-side-nav.is_stuck {
	top: 10% !important;
}

/* --- BUSINESS CONTENT --- */
.business-content {
	width: calc(75% - 1px);
	min-height: 1000px;
	float: left;
	border-left: 1px #d0d0d0 solid;
}
.business-content .grid-1 {
	padding: 8%;
	width: 84%;
}
.business-content.produkte-content .grid-1 {
	width: 92%;
	padding: 0 8% 0 0;
}

.business-content .grid-1.no-padding {
	width: 100%;
}
.business-content .grid-2.no-padding {
	padding-bottom: 8% !important;
}
.business-content-line {
	width: 100%;
	height: 1px;
	background: #d0d0d0;
}

/* --- PRODUKTE / PRODUCTS --- */
#produkte-header-spacer {
	width: 100%;
	height: 160px;
}
.business-side-nav.produkte-side-content {
	width: 24%;
	padding: 12% 0 6% 6%;
}
.business-content.produkte-content {
	width: calc(70% - 1px);
	padding-top: 10%;
	border-left: none;
	border-right: 1px #d0d0d0 solid;
}

.produkte {
	margin-bottom: 150px;
}
.produkte-image {
	width: 300px;
	height: auto;
	float: left;
}
.produkte-info {
	width: calc(100% - 300px);
	height: auto;
	float: right;
}
.produkte-info .like-h1 {
	font-size: 30px !important;
	line-height: 1 !important;
}
.produkte-info .like-h3 {
	font-size: 20px !important;
}
.produkte-info ul {
	margin: 5% 0 5% 0;
	width: 205px;
	margin-right: 5%;
	float: left;
}
.produkte-info ul:last-of-type {
	width: 125px;
}
.produkte-info ul li {
	line-height: 2;
}
.produkte-info ul li:first-of-type {
	font-weight: 700;
}
.produkte-info .link-btn, .produkte-side-content .link-btn {
	margin-right: 25px;
	padding: 20px 25px 20px 60px;
	position: relative;
}
.produkte-info .link-btn svg, .produkte-side-content .link-btn svg {
	float: left;
	width: 20px;
	position: absolute;
	top: 16px;
	left: 25px;
}
.business-side-nav.produkte-side-content img {
	margin: 25px 0;
}
.business-side-nav.produkte-side-content .like-h3 {
	font-size: 20px !important;
	line-height: 1.2 !important;
}
.business-side-nav.produkte-side-content .like-h3:nth-of-type(n+2) {
	margin-top: 75px;
}
.business-side-nav.produkte-side-content p {
	margin-top: 25px;
}
.produkte-kontakt {
	margin-top: 25px;
	padding: 25px;
	border: 1px solid #d0d0d0;
}
.produkte-kontakt .like-h3 {
	line-height: 1.2 !important;
}
.produkte-kontakt p {
	margin-top: 15px !important;
}
.produkte-kontakt ul {
	margin-top: 10px;
}
.produkte-kontakt ul li {
	line-height: 1.8;
}
.produkte-kontakt ul li a {
	font-size: 16px;
	font-weight: 400;
	color: #000;
	opacity: 1;
	margin-bottom: 0;
	transition: color 0.5s ease;
}
.produkte-kontakt ul li a:hover {
	color: #d72a1c;
}
.produkte-kontakt ul li svg {
	display: block;
	float: left;
	width: 15px;
	height: auto;
	margin-top: 7px;
	margin-right: 12px;
}
.produkte-kontakt ul li svg path, .produkte-kontakt ul li svg rect {
	fill: #d72a1c;
	stroke: #d72a1c;
}
@media only screen and (max-width : 1451px) {
	.business-content.produkte-content {
		width: calc(65% - 1px);
	}
	.produkte-image {
		width: 200px;
	}
	.produkte-info {
		width: 100%;
		float: left;
	}
	.business-side-nav.produkte-side-content {
		width: 29%;
	}
}
@media only screen and (max-width : 1080px) {
	.business-content.produkte-content {
		width: 100%;
		height: auto;
		border-right: none;
	}
	.business-side-nav.produkte-side-content {
		width: 100%;
		height: auto;
		padding: 0;
	}
	.business-content.produkte-content .grid-1 {
		width: 100%;
		height: auto;
		padding: 0;
	}
	.business-side-nav.produkte-side-content img {
		width: 80%;
		margin: 0 auto;
	}
}
@media only screen and (max-width : 768px) {
	.produkte-info .like-h1, .produkte-info .like-h3, .business-side-nav.produkte-side-content .like-h1, .business-side-nav.produkte-side-content .like-h3 {
		text-align: left;
	}
	.produkte-image {
		width: 100%;
		margin: 0;
		display: block;
		float: none;
		clear: both;
	}
	.business-side-nav.produkte-side-content {
		display: block;
		margin-bottom: 6%;
	}
	.produkte-info p, .business-side-nav.produkte-side-content p {
		text-align: left;
	}
}

/* --- LOGO SLIDER --- */
.logo-slider a, .log-slider li.active, .logo-slider a.active {
  border-bottom: none !important;
}

.overlay-text.business {
	left: 12% !important;
}

#bu-header-spacer {
	width: 100%;
  height: 75px;
}

/*  --- Grid 2  ---  */
.grid-2.business .grid.padding-right {
	width: 47%;
	padding: 0 3% 0 0;
}

.grid-2.business .grid.padding-left {
	width: 47%;
	padding: 0 0 0 3%;
}

/*  ---  LOGOS  ---  */
.logo-slider {
  width: 100%;
  padding: 0;
  margin-top: 2%;
  clear: both;
  display: block;
}


.grey-bg a { color:#999; text-decoration:none; border:none !important; cursor:pointer !important; transition:none !important }
.grey-bg a h4 { color:#fff }
.grey-bg a:hover { color:#fff; border:none !important; cursor:pointer !important }

/*.menu li.item-129 a { border-bottom: 1px solid #fff }*/


@media only screen and (max-width : 768px) {
	.grid-2.business .grid.padding-right {
		width: 100%;
		padding: 0 0 0 0;
	}

	.grid-2.business .grid.padding-left {
		width: 100%;
		padding: 0 0 0 0;
	}
	.business-side-nav {
		display: none;
	}
	.business-content {
		width: 100%;
		border-left: none;
	}
	#bu-header-spacer {
		width: 100%;
		height: 0;
	}
	.overlay-text .like-h3 {
		left: 13.5%;
		text-align: left;
	}
	.fader4-1 .overlay-text .like-h3 {
		text-align: center;
		left: 8.5%;
	}
	.fader4-1 p {
		text-align: center;
	}
	.like-h3 {
		text-align: center;
	}
	.visible-filter-modal.equal-positions-tags {
		margin-top: 65px !important;
		height: 480px !important;
	}
	.equal-positions-tags > div {
		position: absolute;
		bottom: 0;
	}
	#intro-box .overlay-text h3, #intro-box .overlay-text h1 {
		text-align: center;
		margin-left: -10%;
	}
	#intro-box .overlay-text h2 {
		margin-left: -10%;
	}
	p {
		text-align: justify;
	}
}
.gallery-colors-wrapper {
	margin-top: 25px;
}



/* Änderung Navi "Auto folieren" 15.11.2019 */

.nav li.item-125, .nav li.item-151 {
    width: 100px;
    border-right: 1px solid #fff !important;
    padding-right: 15px;
}