@import url('https://necolas.github.io/normalize.css/8.0.0/normalize.css');
.auto24-wrapper{
	box-sizing: border-box;	
	font-family: arial;	
}

.auto24-wrapper, ::before, ::after {
	box-sizing: inherit;
}

.auto24-wrapper{
	-ms-hyphens: auto;
	-webkit-hyphens: auto;
	-o-hyphens: auto;
	hyphens: auto;
	word-break: keep-all;
	word-wrap: break-word;
	overflow-wrap: break-word;	
	font-size: 1rem;
	margin: 0 auto;
	padding: 0;	
	border: 3px solid #00F;
}
 
.auto24-logobereich{
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
	/*align-content: space-between;*/
	white-space:nowrap;	
	text-align: center;
	/*color: #FFF;*/
	/*background: #00f;
	background-image: linear-gradient(to bottom, #00f, #000000);*/
	/* filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff0000', endColorstr='#00000000',GradientType=0 ); */
}

.auto24-logobereich div{
	background: #00f;	
	background-image: linear-gradient(to bottom, #00f, #000000);
	/* filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff0000', endColorstr='#00000000',GradientType=0 ); */
	border: solid #000000 0.3vmin;
	border-radius: 1.2vmin;	
	padding: 0.8vmin 0.8vw;
	white-space:nowrap;
	/*margin: 1vmin 1vw;*/
	margin: 1vmin 0.5vw;
}
.auto24-logobereich img{
    width:100%;
    height:auto;
}
.auto24-slider{
	display: none;
}

.auto24-button-oben{
    display: none;
}
.auto24-Artikel {	
	background-color: #FFF;
}

.auto24-hauptteil{	
	display: flex;	
	flex-flow: row wrap;	
}

/* .Artikel > *{
	flex: 1 100%;
} */

.auto24-Artikelbilder img:not([src*="jpg"]){
	display: none;
}

.auto24-gallerie-navigation img[src*="jpg"]{
	border: 1px solid #F00;
	margin-top: 1vmin;
}

.auto24-Artikelbilder{
	order: 2;	
	/*margin-top: 1vmin;*/
	margin: 1vmin 0;
	display: none;	
}

.auto24-Artikelbilder-2{
	order: 2;
}

.auto24-Artikelbilder-2 img{
	margin: 2.5vmin auto;
}

.auto24-hauptteil img{
	max-width: 100%;
	height: auto;
}

.auto24-gallerie-wrapper img {
	/* width: 100%;
	height: auto; */
}

@-webkit-keyframes fade-in{
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-moz-keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

.auto24-gallerie-wrapper {    
	display: flex;
	flex-direction: column;
}

#auto24-gallerie {  
  width: 100%;
  max-width: 1000px;  
}
#auto24-gallerie img{
	width: 100%;
	height: auto;
}
#auto24-gallerie figure {
  margin: 0 auto;
  padding: 0 auto;
}

.auto24-trigger {
	opacity: 0;
	display: none;
}

#auto24-gallerie .auto24-trigger:checked + figure {
  -moz-animation: ease-in-out 1s 1 fade-in;
  -webkit-animation: ease-in-out 1s 1 fade-in;
  animation: ease-in-out 1s 1 fade-in;
z-index: 500;
}

#auto24-gallerie .auto24-trigger:not(:checked) + figure {
  display: none;
}

.auto24-gallerie-navigation label {  
  cursor: pointer;  
}

/* .grow {
	transition: all .2s ease-in-out; 
}

.grow:hover { 
	transform: scale(1.3);	
} */

.auto24-gallerie-navigation img{
	width: 100%;
	height: auto;
} 

.auto24-gallerie-navigation li {  
	list-style-type: none;
	width: 5vw;
	/*height: auto;*/		
	margin: 0 1vw;
}

.auto24-gallerie-navigation ul{
	margin:0;
	padding:0;	
	display: flex;
	justify-content: center;
}

/* .Artikelbilder-2{
	order:2;
}
.Artikelbilder-2 img{
	width: 100%;
	height: auto;
} */
.clearfix:after {
    content: ".";
    clear: both;
    display: block;
    visibility: hidden;
    height: 0px;
}
.auto24-Artikeltext{
	order: 1;
	/* border: 1px solid #00F; */
	padding: 0 1.5vw;
}

.auto24-Artikeltext ul, .auto24-Artikeltext ol{
	margin: 0;
	padding: 0;
}

.auto24-text{
	display: flex;
	flex-direction: column;
	/*align-items: center;*/	
	width: 96%;	
	margin: 0 auto;
}

.auto24-text img{
	max-width: 100%;
	height: auto;
}

.auto24-text2{
	/*margin: 2vmin auto;*/
	max-width: 100%;
	width: 100%;
}
.zusatztext4-innen{
	/*margin-top: 9vmin;*/
	margin-top: 0.5vmin;
	display: flex;
	flex-flow: row nowrap;
	justify-content: space-around;
	align-content: space-around;
}

.auto24-zusatztext4-innen figure{
	position: relative;
}

.auto24-zusatztext4-innen img[src*="jpg"]{
	border: 2px solid #F00;
	border-radius: 1vw;
	width: 55%;
	margin: 0 22%;
	height: auto;
}

.auto24-zusatztext4-innen figcaption{	
	transform: rotate(-25deg);
	position: absolute;
	top: -15%;
	left:0;
	z-index: 999;				
}

.auto24-zusatztext4-innen img{
	width: 80%;
	margin: 0 auto;
}

.auto24-zusatztext4-innen:empty{
	display: none;
}
/* .mail{	
	text-align: center;
} */

.zusatztext1-innen{
	/*margin-top: 9vmin;*/
	margin-top: 0.5vmin;
	display: flex;
	flex-flow: row nowrap;
	justify-content: space-around;
	align-content: space-around;
}

.zusatztext1-innen figure{
	position: relative;
}

.zusatztext1-innen img[src*="jpg"]{
	border: 2px solid #F00;
	border-radius: 1vw;
	width: 55%;
	margin: 0 22%;
	height: auto;
}

.zusatztext1-innen figcaption{	
	transform: rotate(-25deg);
	position: absolute;
	top: -15%;
	left:0;
	z-index: 999;				
}

.zusatztext1-innen img{
	width: 80%;
	margin: 0 auto;
}

.zusatztext1-innen:empty{
	display: none;
}

.auto24-infos{
	display: flex;	
	justify-content: center;
	flex-flow: row wrap;
}	

.auto24-info-bild{	
	align-self: center;
	margin-right: 1vw;
	order: 1;
}
.auto24-info-text{
	order: 2;
}
.auto24-info-text h4{
	margin:0 0 1vmin;
}
.auto24-batterie{
	max-width: 90vw;
	margin: 0 auto;
	padding: 1vmin 0;
}
.auto24-batterie-innen{
	border: 1px solid #000;
	border-radius: 10px;
	box-shadow: 2px 4px 8px #000;	
	padding: 1vmin 1vw;
	margin: 0 auto;	
}
.auto24-batterie-innen img{
	max-width: 100%;
	height: auto;
}
.auto24-box{
	/*display: flex;*/
	/*flex-flow: column nowrap;*/
	/*flex-flow: row nowrap;
	justify-content: space-around;
	align-items: center;
	/*align-content: space-between;*/
	padding: 1vmin 0 0;
	margin: 1vmin 1vw;
	text-align: center;
}
.auto24-box img{
    max-width: 100%;
    height: auto;
	/*background-color: #FFF;*/
}
.auto24-shoplogo{
	transition: transform 0.2s linear;
	transform: scale(1);
	/*margin: 0 1vw;*/
}

/* .shoplogo:hover{
	transition: transform 0.2s linear;
	transform: scale(1.05);
} */

.auto24-button-unten{
	margin: 1vmin 0;
}
.auto24-button-unten a{	
	font-size: 1rem;
	/*background: #00f;
	background-image: -webkit-linear-gradient(top, #00f, #000000);
	background-image: -moz-linear-gradient(top, #00f, #000000);
	background-image: -ms-linear-gradient(top, #00f, #000000);
	background-image: -o-linear-gradient(top, #00f, #000000);
	background-image: linear-gradient(to bottom, #00f, #000000);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00f', endColorstr='#00000000',GradientType=0 );*/
	background-image:url('https://www.kadett-d-exklusiv.de/bbh/facelift/gfx/box_bg.png');
	-webkit-border-radius: 10;
	-moz-border-radius: 10;
	border-radius: 10px;
	color: #FFF;
	padding: 5px 10px;
	border: solid #000 2px;
	text-decoration: none;
}

.auto24-ueberuns{
	background: linear-gradient(to bottom,  rgba(0,0,255,1) 0%,rgba(0,0,0,0.4) 60%,rgba(0,0,0,0) 100%); /* W3C */
	display: flex;	
	flex-direction: column;	
	width: 100%;
}

.auto24-ueberuns div{
/*	width: 90%;*/
	align-self: center;
	width: 98vw;
	margin: 1vmin auto;
}

.auto24-ueberuns h4{	
	padding: 1vmin 1vw;
	margin-left: 1vw;
	color: #FFF;	
	width: 10rem;
	/*background: #00f;
	background-image: -webkit-linear-gradient(top, #00f, #000000);
	background-image: -moz-linear-gradient(top, #00f, #000000);
	background-image: -ms-linear-gradient(top, #00f, #000000);
	background-image: -o-linear-gradient(top, #00f, #000000);
	background-image: linear-gradient(to bottom, #00f, #000000);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00f', endColorstr='#00000000',GradientType=0 );*/
	background-image:url('https://www.kadett-d-exklusiv.de/bbh/facelift/gfx/box_bg.png');
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border: solid #000000 2px;	
}

.auto24-rand{
	box-shadow: 1px 2px 4px #000;
	border-radius: 10px;
	border-top: 1px solid #000;	
	/*margin: 1vmin auto 2vmin;*/
}
.auto24-bewertungen p{
/*	margin-left: 1vw;*/
	
}
.auto24-footer{
	color: #FFF;	
	background-image: linear-gradient(to bottom, #00f, #000000);	
	text-align: center;
	line-height: 2rem;
}

.auto24-ueberschrift{	
	/*text-align: center;*/
}

.auto24-hr, .hr-zusatz{
	/*background: linear-gradient(to right,  #00f 0%,#FFF 25%, #000 50%,#FFF 75%, #00f 100%); */ /* W3C */
	/*border-color: linear-gradient(to right,  #f00 0%,#FFF 25%, #000 50%,#FFF 75%, #f00 100%);*/
	background-image:url('https://www.kadett-d-exklusiv.de/bbh/facelift/gfx/box_bg.png');
	height: 2vmin;
	margin: 0;
	border: 0;
}
.auto24-informationen{
	background: #CCC;	
}

.auto24-gelb{
	color: #FF0;
}

.auto24-fett{
	font-weight: bold;	
}

.auto24-schatten{
	text-shadow: 0 0 0.3vw #000;
}

.auto24-rot{
	color: #F00;
}

@keyframes slideshow{
	0% { left: 0%; }
	7% { left: 0%; }
	14% { left: -100%; }
	21% { left: -100%; }
	29% { left: -200%; }
	36% { left: -200%; }
	43% { left: -300%; }
	50% { left: -300%; }
	57% { left: -400%; }
	64% { left: -400%; }
	71% { left: -500%; }
	79% { left: -500%; }
	86% { left: -600%; }
	93% { left: -600%; }
	100% { left: -700%; }
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	/*.selector { property:value; }*/
	.auto24-gallerie-wrapper img {height: 1000px;}
	#auto24-gallerie img{height: 657px;}
	.auto24-gallerie-navigation img{height: 5vw;}
	.auto24-Artikelbilder-2{max-width:100%;height:auto;width:100%;}
}

@media only all and (orientation:landscape){
	
}

@media only all and (min-width: 700px){
	/* Hier werden die Bilder für den Slider eingestellt */
	.auto24-slidebild1{
		background-image:url(https://www.kadett-d-exklusiv.de/baumarkt/gfx/banner-garten.jpg);
		background-size: 100% 100%;
		/*background-size: 100% auto;*/
		width: 1200px;
		height: 267px;
	} /* Garten */
	.auto24-slidebild2{
		background-image:url(https://www.kadett-d-exklusiv.de/baumarkt/gfx/banner-werkzeug.jpg);
		background-size: 100% 100%;
		/*background-size: 100% auto;*/
		width: 1200px;
		height: 267px;
	} /* Werkzeug */
	.auto24-slidebild3{
		background-image:url(https://www.kadett-d-exklusiv.de/baumarkt/gfx/banner-baustoffe.jpg);
		background-size: 100% 100%;
		/*background-size: 100% auto;*/
		/* width: 1111px;
		height: 200px; */
	} /* Baustoffe */
	.auto24-slidebild4{
		background-image:url(https://www.kadett-d-exklusiv.de/baumarkt/gfx/banner-befestigung.jpg);
		background-size: 100% 100%;
		/*background-size: 100% auto;*/
		width: 1200px;
		height: 267px;
	} /* Befestigung */
	.auto24-slidebild5{
		background-image:url(https://www.kadett-d-exklusiv.de/baumarkt/gfx/banner-elektro.jpg);
		background-size: 100% 100%;
		/*background-size: 100% auto;*/
		width: 1200px;
		height: 267px;
	} /* Elektro */
	.auto24-slidebild6{
		background-image:url(https://www.kadett-d-exklusiv.de/baumarkt/gfx/banner-sanitaer.jpg);
		background-size: 100% 100%;
		/*background-size: 100% auto;*/
		width: 1200px;
		height: 267px;
	} /* Sanitär */
	.auto24-slidebild7{
		background-image:url(https://www.kadett-d-exklusiv.de/baumarkt/gfx/banner-bad-kueche.jpg);
		background-size: 100% 100%;
		/*background-size: 100% auto;*/
		width: 1200px;
		height: 267px;
	} /* Bad / Küche */
	.auto24-slidebild8{
		background-image:url(https://www.kadett-d-exklusiv.de/baumarkt/gfx/banner-auto-fahrrad.jpg);
		background-size: 100% 100%;
		/*background-size: 100% auto;*/
		/* width: 1111px;
		height: 200px; */
	} /* Auto / Fahrrad */
	.auto24-slidebild9{
		background-image:url(https://www.kadett-d-exklusiv.de/baumarkt/gfx/banner-schutz.jpg);
		background-size: 100% 100%;
		/*background-size: 100% auto;*/
		width: 1200px;
		height: 267px;
	} /* Schutz */
	.auto24-slidebild10{
		background-image:url(https://www.kadett-d-exklusiv.de/baumarkt/gfx/banner-sommer-winter.jpg);
		background-size: 100% 100%;
		/*background-size: 100% auto;*/
		/* width: 1111px;
		height: 200px; */
	} /* Sommer / Winter */
	.auto24-slider img{
		transition: transform 0.2s linear;
		transform: scale(1);
	}
	.auto24-slider img:hover{
		transition: transform 0.2s linear;
		transform: scale(1.05);
	}
	
	.auto24-slider figure:hover{
		animation-play-state: paused;
	}
	.auto24-slider{
		/*max-width: 1200px;*/		
		max-width: 100%;
		overflow: hidden;
		height: 267px;
		margin: 0;
		user-select: none;
		-ms-user-select: none;
		-moz-user-select: none;
		-khtml-user-select: none;
		-webkit-user-select: none;
		-webkit-touch-callout: none;
		display: block;
	}
	.auto24-slider figure{
		position: relative;
		width: 800%;
		margin:0;
		padding:0;
		font-size:0;
		text-align: left;
		animation: 45s slideshow infinite;
	}
	.auto24-slider figure img{
		width: 12.50%;
		float: left;
	}
	.auto24-slider figure a:link {
		text-decoration: none; 
	}
	.auto24-slider figure a:visited {
		text-decoration: none;
	}
	.auto24-slider figure a:hover {
		text-decoration: none;
	}
	.auto24-slider figure a:active {
		text-decoration: none;
	}
	.auto24-hauptteil{	
		flex-flow: row nowrap;
	}
	
	/*.auto24-wrapper{font-size: calc(1rem + 0.5vmin);}*/
	.auto24-Artikelbilder-2{display:none;}
	.auto24-Artikelbilder{display:block;order:1;max-width:1000px;width: 60vw;height: auto;}
	.auto24-Artikeltext{order:2;/*max-width:calc(100vw - 1000px);*/width: 40vw;}
	.auto24-mail img{vertical-align: middle;}
	.auto24-mail{text-align: center;}	
	.auto24-batterie-innen{max-width: 54%;}
	.auto24-box{display: flex;flex-flow: row nowrap;justify-content: space-around;align-items: center;}
	.auto24-ueberuns div{width: 90%;}
	.auto24-rand{margin: 1vmin auto 1vmin;}
	.auto24-bewertungen p{width: 23vw;margin-left: 1vw;}
	.auto24-grow {transition: all .2s ease-in-out;}
	.auto24-grow:hover {transform: scale(1.3);}
	.auto24-button-unten a{font-size: 1.6em;}
	.auto24-wrapper{max-width:93%;margin: 0;padding:0;}
    .auto24-button-oben{
        display: flex;
        flex-flow: row wrap;
        justify-content: center;
        align-content: center;
        /*vertical-align: middle;*/
        text-align: center;    
        /*background-image: linear-gradient(to bottom, #00f, #000000);*/
		background-image:url('https://www.kadett-d-exklusiv.de/bbh/facelift/gfx/box_bg.png');
        /* filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff0000', endColorstr='#00000000',GradientType=0 ); */
        white-space: nowrap;
        padding: 1vmin 0;	
    }

    .auto24-button-oben a{
        /*background-image: linear-gradient(to bottom, #00f, #000000);*/
        /* filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff0000', endColorstr='#00000000',GradientType=0 ); */
        border-radius: 1.2vmin;
        color: #fff;
        padding: 0.4vmin 0.8vw;
        /*border: solid #000 2px;*/
        text-decoration: none;
        /* margin: 1vmin 1vw;*/
        /*margin: 1vmin 0.18vw;*/
        /*box-shadow: 0.1vmin 0.1vmin 0.5vw #FFF;*/
        display: flex;
        justify-content: center; /* align horizontal */
        align-items: center; /* align vertical */
        align-self: baseline;
    }

    .auto24-button-oben a:hover{
        /*border: solid #FFF 2px;*/
    }
    .auto24-button-oben img{
        width: 100%;
        height: auto;
    }
    .auto24-button-oben figure{
        margin:0;
        padding:0;
		border: solid #FFF 2px;
		border-radius: 2.5%;
    }
}

@media only all and (min-width: 1050px){
	.auto24-logobereich{flex-flow: row nowrap;}	
	.auto24-button-oben{flex-flow: row nowrap;}
	.auto24-button-oben a:hover{font-weight: bold;}
}

@media only all and (min-width:1550px){
	.auto24-wrapper{max-width:1153px;margin:0 auto;}
}