@charset "UTF-8";
/* ***************************************************************************************** */
/* (c) designschmiede - www.wirschmiedendesign.de  
/* based on framework BOOTSTRAP V4 
/* ***************************************************************************************** */		

/* basic-adjustments 
---------------------------------------------------------------------------- */
#carouselMain_bt4 {
  position: relative;
	padding: 0;
	background-color: inherit;
	overflow: hidden;z-index:1;
  box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.75);}

#carouselMain_bt4,
#carouselMain_bt4 .carousel-inner, 
#carouselMain_bt4 .carousel-inner .carousel-item {
  height: 40rem;
  /*
  height: 100vh;	
	min-height: 40rem; 
  */
	border-radius: 0 0 0 0;}



/* item-overlay & loading-icon 
-------------------------------------------------------------------------------------- 	*/
#carouselMain_bt4 .carousel-item .carousel-item-overlay {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
 	margin: 0;
	visibility: visible;	
	opacity: 1;
  background-color: rgba(235,235,235,1);  
	-webkit-transition: visibility 0s linear 1s, opacity 0.8s 0.2s linear;
	        transition: visibility 0s linear 1s, opacity 0.8s 0.2s linear;}

#carouselMain_bt4 .carousel-item.goaway .carousel-item-overlay {
	visibility: hidden;
	opacity: 0;}  

#carouselMain_bt4 .carousel-item .carousel-item-overlay .icon-wrapper {
	position: relative;
	width: 17rem;
	height: 17rem;
	border-radius: 50%;
	background-color: inherit;	
	opacity: 0;}

#carouselMain_bt4 .carousel-item .carousel-item-overlay .icon-wrapper.active {
	-webkit-animation-timing-function: ease-in;	
					animation-timing-function: ease-in;	
	-webkit-animation-duration: 0.4s;
					animation-duration: 0.4s;
	-webkit-animation-fill-mode: both;
					animation-fill-mode: both;
	-webkit-animation-name: iconwrapper;
					animation-name: iconwrapper;}

@-webkit-keyframes iconwrapper {
  0%   { opacity: 0; }
  100% { opacity: 1; }}

@keyframes iconwrapper {
  0%   { opacity: 0; }
  100% { opacity: 1; }}

#carouselMain_bt4 .carousel-item .carousel-item-overlay .icon-wrapper .text {
	top: 0;
	left: 0;
	position: absolute;
	width: 100%;
	height: 100%;
	background: url(../images/loading-icon-text.svg) center no-repeat;}

#carouselMain_bt4 .carousel-item .carousel-item-overlay .icon-wrapper .icon {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: url(../images/loading-icon-inside.svg) center no-repeat, url(../images/loading-icon-outside.svg) center no-repeat;
	-webkit-animation-fill-mode: both;
					animation-fill-mode: both;	
	-webkit-animation: carousel_main-icon 1.5s ease-in-out infinite; 
	        animation: carousel_main-icon 1.5s ease-in-out infinite; }	

@-webkit-keyframes carousel_main-icon {
    from  { 
	-webkit-transform: rotateZ(0deg) translateZ(0);
	        transform: rotateZ(0deg) translateZ(0);} 
    to    { 
	-webkit-transform: rotateZ(360deg) translateZ(0);
	        transform: rotateZ(360deg) translateZ(0);}}

@keyframes carousel_main-icon {
    from  { 
	-webkit-transform: rotateZ(0deg) translateZ(0);
	        transform: rotateZ(0deg) translateZ(0);} 
    to    { 
	-webkit-transform: rotateZ(360deg) translateZ(0);
	        transform: rotateZ(360deg) translateZ(0);}}





/* carousel-item-overlay & loading-icon 
----------------------------------------------------------------------------	
#carouselMain_bt4 .carousel-item .carousel-item-overlay {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
 	margin: 0;
	visibility: visible;	
	opacity: 1;
  background-color: rgba(235,235,235,1);  
	-webkit-transition: visibility 0s linear 1s, opacity 0.8s 0.2s linear;
	        transition: visibility 0s linear 1s, opacity 0.8s 0.2s linear;}

#carouselMain_bt4 .carousel-item.goaway .carousel-item-overlay {
	visibility: hidden;
	opacity: 0;}

#carouselMain_bt4 .carousel-item .carousel-item-overlay .icon-wrapper {
	position: relative;
	width: 11rem;
	height: 11rem;
	border-radius: 50%;
	background-color: inherit;	
	opacity: 0;}

#carouselMain_bt4 .carousel-item .carousel-item-overlay .icon-wrapper.active {
	-webkit-animation-timing-function: ease-in;	
					animation-timing-function: ease-in;	
	-webkit-animation-duration: 0.4s;
					animation-duration: 0.4s;
	-webkit-animation-fill-mode: both;
					animation-fill-mode: both;
	-webkit-animation-name: iconwrapper;
					animation-name: iconwrapper;}

@-webkit-keyframes iconwrapper {
  0%   { opacity: 0; }
  100% { opacity: 1; }}

@keyframes iconwrapper {
  0%   { opacity: 0; }
  100% { opacity: 1; }}

#carouselMain_bt4 .carousel-item .carousel-item-overlay .icon-wrapper .icon {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
  border-radius: 50%;
	background-color: rgba(190,193,206,1.00);
	-webkit-animation: carousel_main_bt4-icon 1.5s infinite ease-in-out;
	        animation: carousel_main_bt4-icon 1.5s infinite ease-in-out;}

@-webkit-keyframes carousel_main_bt4-icon {
  0% { 
  -webkit-transform: scale3d(0,0,0);
          transform: scale3d(0,0,0);}
  100% {
  -webkit-transform: scale3d(1,1,1);
          transform: scale3d(1,1,1);
  opacity: 0;}}

@keyframes carousel_main_bt4-icon {
  0% { 
  -webkit-transform: scale3d(0,0,0);
          transform: scale3d(0,0,0);}
  100% {
  -webkit-transform: scale3d(1,1,1);
          transform: scale3d(1,1,1);
  opacity: 0;}}
*/

/* carousel-overall-container (content for all carousel-items)
---------------------------------------------------------------------------------------------- */
#carouselMain_bt4 .carousel-overall-container {
  z-index: 100!important;
  position: absolute;
	width: 100%;
	height: 100%; 
	top: 0;
	left: 0;}

/* carousel-item-container (content for specific item)
---------------------------------------------------------------------------------------------- */
#carouselMain_bt4 .carousel-item-container {
	position: absolute;
	width: 100%;
	height: 100%; 
	top: 0;   
  left: 0;}

/* carousel-item-backgroundOverlay
---------------------------------------------------------------------------------------------- */
#carouselMain_bt4 .carousel-inner .carousel-item-backgroundOverlay {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: rgba(0,0,0,0.15);}

/* carousel-item text-content
---------------------------------------------------------------------------------------------- */
#carouselMain_bt4 .carousel-item-wrapper {
	position: absolute;}

#carouselMain_bt4 .carousel-item-text {
	position: relative;
	color: rgba(235,241,240,1.00);
	text-shadow: 0px 1px 1px rgba(0,0,0,95);}

#carouselMain_bt4 .carousel-item-container .underlay {
  background-color: rgba(0,0,0,0.35);
  border-radius: 10px;
  padding: 1rem;}

#carouselMain_bt4 .copyright {
  color: rgba(225,234,232,1.00);
  font-weight: 300;}

/* carousel-item image-content
---------------------------------------------------------------------------------------------- */
#carouselMain_bt4 .carousel-item-image.flag  {
  position: relative;
  margin: 0 auto;
  width: 5.8rem;}

#carouselMain_bt4 .carousel-item-image.arrow {
	position: absolute;}

#carouselMain_bt4 .carousel-item-image.arrow figure {
  width: 5.5rem;	
	height: 5.5rem;
	-webkit-animation: arrow 1.8s infinite;
	    -ms-animation: arrow 1.8s infinite;
	        animation: arrow 1.8s infinite;
  -webkit-animation-fill-mode: both;
	        animation-fill-mode: both;
	-webkit-animation-timing-function: ease-in-out;
					animation-timing-function: ease-in-out;}

@-webkit-keyframes arrow {
0% { transform: translate3D(0,0,0) }
50% {  transform: translate3D(0,20px,0) }
100% {  transform: translate3D(0,0,0) }}

@keyframes arrow {
0% { transform: translate3D(0,0,0) }
50% {  transform: translate3D(0,20px,0) }
100% {  transform: translate3D(0,0,0) }}

#carouselMain_bt4 .carousel-item-image.arrow figure:hover {	
	opacity: 0.75;}


/* images - fade-effect of slides (use #mycarouselContainer!)
---------------------------------------------------------------------------- */
#mycarouselContainer .carousel.fade_image {
	opacity: 1;}
	
#mycarouselContainer .carousel.fade_image .carousel-item {
  -webkit-transition: opacity ease-in-out 1.7s;
	        transition: opacity ease-in-out 1.7s;
  left: 0;
  opacity: 0;
  top: 0;
  position: absolute;
  width: 100%;
  display: block;}
	
#mycarouselContainer .carousel.fade_image .carousel-item.active {
  opacity: 1;}
	
/* images - indicators
---------------------------------------------------------------------------- 
#carouselMain_bt4Container .carousel-indicators {
	bottom: 6.5rem;
  z-index: 97;}

@media screen and (max-width: 480px) {
#carouselMain_bt4Container .carousel-indicators {
	display: none;}}

#carouselMain_bt4Container .carousel-indicators li {
	width: 1.5rem;
	height: 1.5rem;
	border: 1px solid rgba(225,225,225,1);
	border-radius: 50%;
	box-shadow: 0 1px 1px 1px rgba(0,0,0,0.8);}

#carouselMain_bt4Container .carousel-indicators .active {
	width: 1.7rem;
	height: 1.7rem;
	border: 1px solid rgba(225,225,225,1);
	background-color: rgba(225,225,225,1);
  padding: 2px;
  background-clip: content-box; 
  background-color: rgba(154,38,34,1.00); }
*/

/* images - background-images with media queries
---------------------------------------------------------------------------------------------- */ 
#carouselMain_bt4 .carousel-inner .carousel-item {
	background-size: cover;
	background-repeat: no-repeat;}

#carouselMain_bt4 .carousel-inner .carousel-item:nth-child(1) {
	background-position: center center;}
#carouselMain_bt4 .carousel-inner .carousel-item:nth-child(2) {
	background-position: center center;}
#carouselMain_bt4 .carousel-inner .carousel-item:nth-child(3) {
	background-position: center center;}

@media
  screen and (max-width: 768px) and (-webkit-max-device-pixel-ratio: 1.4),
  screen and (max-width: 768px) and (max-resolution: 191dpi),
  screen and (max-width: 768px) and (max-resolution: 1.4dppx) {
#carouselMain_bt4 .carousel-inner .carousel-item:nth-child(1) {
	background-image: url("../images/umweltvertraegliche_und_funktionale_verpackungen_und_werbemittel-pb276014-768.jpg");}      
#carouselMain_bt4 .carousel-inner .carousel-item:nth-child(2) {
	background-image: url("../images/verpackungen_und_werbemittel_fuer_frisches_gemuese_august_hoermann_ettenheim-pb1414651-768.jpg");}
#carouselMain_bt4 .carousel-inner .carousel-item:nth-child(3) {
	background-image: url("../images/verpackungen_aus_ettenheim_fuer_selbstvermarkter-as52713151-768.jpg");}      
}

@media
  screen and (min-width: 769px) and (max-width: 1023px) and (-webkit-max-device-pixel-ratio: 1.4),
  screen and (min-width: 769px) and (max-width: 1023px) and (max-resolution: 191dpi),
  screen and (min-width: 769px) and (max-width: 1023px) and (max-resolution: 1.4dppx) {
#carouselMain_bt4 .carousel-inner .carousel-item:nth-child(1) {
	background-image: url("../images/umweltvertraegliche_und_funktionale_verpackungen_und_werbemittel-pb276014-996.jpg");}      
#carouselMain_bt4 .carousel-inner .carousel-item:nth-child(2) {
	background-image: url("../images/verpackungen_und_werbemittel_fuer_frisches_gemuese_august_hoermann_ettenheim-pb1414651-996.jpg");}
#carouselMain_bt4 .carousel-inner .carousel-item:nth-child(3) {
	background-image: url("../images/verpackungen_aus_ettenheim_fuer_selbstvermarkter-as52713151-996.jpg");} 
}
		
@media
  screen and (min-width: 1024px) and (max-width: 1440px) and (-webkit-max-device-pixel-ratio: 1.4),
  screen and (min-width: 1024px) and (max-width: 1440px) and (max-resolution: 191dpi),
  screen and (min-width: 1024px) and (max-width: 1440px) and (max-resolution: 1.4dppx) {
#carouselMain_bt4 .carousel-inner .carousel-item:nth-child(1) {
	background-image: url("../images/umweltvertraegliche_und_funktionale_verpackungen_und_werbemittel-pb276014-1440.jpg");}      
#carouselMain_bt4 .carousel-inner .carousel-item:nth-child(2) {
	background-image: url("../images/verpackungen_und_werbemittel_fuer_frisches_gemuese_august_hoermann_ettenheim-pb1414651-1440.jpg");}
#carouselMain_bt4 .carousel-inner .carousel-item:nth-child(3) {
	background-image: url("../images/verpackungen_aus_ettenheim_fuer_selbstvermarkter-as52713151-1440.jpg");} 
}
		
@media
  screen and (min-width: 1441px) and (-webkit-max-device-pixel-ratio: 1.4),
  screen and (min-width: 1441px) and (max-resolution: 191dpi),
  screen and (min-width: 1441px) and (max-resolution: 1.4dppx) {
#carouselMain_bt4 .carousel-inner .carousel-item:nth-child(1) {
	background-image: url("../images/umweltvertraegliche_und_funktionale_verpackungen_und_werbemittel-pb276014-1920.jpg");}      
#carouselMain_bt4 .carousel-inner .carousel-item:nth-child(2) {
	background-image: url("../images/verpackungen_und_werbemittel_fuer_frisches_gemuese_august_hoermann_ettenheim-pb1414651-1920.jpg");}
#carouselMain_bt4 .carousel-inner .carousel-item:nth-child(3) {
	background-image: url("../images/verpackungen_aus_ettenheim_fuer_selbstvermarkter-as52713151-1920.jpg");}
}
		
@media
  screen and (max-width: 768px) and (-webkit-min-device-pixel-ratio: 1.5),
  screen and (max-width: 768px) and (min-resolution: 192dpi),
  screen and (max-width: 768px) and (min-resolution: 1.5dppx) {
#carouselMain_bt4 .carousel-inner .carousel-item:nth-child(1) {
	background-image: url("../images/umweltvertraegliche_und_funktionale_verpackungen_und_werbemittel-pb276014-996.jpg");}      
#carouselMain_bt4 .carousel-inner .carousel-item:nth-child(2) {
	background-image: url("../images/verpackungen_und_werbemittel_fuer_frisches_gemuese_august_hoermann_ettenheim-pb1414651-996.jpg");}
#carouselMain_bt4 .carousel-inner .carousel-item:nth-child(3) {
	background-image: url("../images/verpackungen_aus_ettenheim_fuer_selbstvermarkter-as52713151-996.jpg");}
}
		
@media
  screen and (min-width: 769px) and (max-width: 1023px) and (-webkit-min-device-pixel-ratio: 1.5),
  screen and (min-width: 769px) and (max-width: 1023px) and (min-resolution: 192dpi),
  screen and (min-width: 769px) and (max-width: 1023px) and (min-resolution: 1.5dppx) {
#carouselMain_bt4 .carousel-inner .carousel-item:nth-child(1) {
	background-image: url("../images/umweltvertraegliche_und_funktionale_verpackungen_und_werbemittel-pb276014-1440.jpg");}      
#carouselMain_bt4 .carousel-inner .carousel-item:nth-child(2) {
	background-image: url("../images/verpackungen_und_werbemittel_fuer_frisches_gemuese_august_hoermann_ettenheim-pb1414651-1440.jpg");}
#carouselMain_bt4 .carousel-inner .carousel-item:nth-child(3) {
	background-image: url("../images/verpackungen_aus_ettenheim_fuer_selbstvermarkter-as52713151-1440.jpg");} 
}
		
@media
  screen and (min-width: 1024px) and (max-width: 1440px) and (-webkit-min-device-pixel-ratio: 1.5),
  screen and (min-width: 1024px) and (max-width: 1440px) and (min-resolution: 192dpi),
  screen and (min-width: 1024px) and (max-width: 1440px) and (min-resolution: 1.5dppx) {
#carouselMain_bt4 .carousel-inner .carousel-item:nth-child(1) {
	background-image: url("../images/umweltvertraegliche_und_funktionale_verpackungen_und_werbemittel-pb276014-1920.jpg");}      
#carouselMain_bt4 .carousel-inner .carousel-item:nth-child(2) {
	background-image: url("../images/verpackungen_und_werbemittel_fuer_frisches_gemuese_august_hoermann_ettenheim-pb1414651-1920.jpg");}
#carouselMain_bt4 .carousel-inner .carousel-item:nth-child(3) {
	background-image: url("../images/verpackungen_aus_ettenheim_fuer_selbstvermarkter-as52713151-1920.jpg");}
}
		
@media
  screen and (min-width: 1441px) and (-webkit-min-device-pixel-ratio: 1.5),
  screen and (min-width: 1441px) and (min-resolution: 192dpi),
  screen and (min-width: 1441px) and (min-resolution: 1.5dppx) {
#carouselMain_bt4 .carousel-inner .carousel-item:nth-child(1) {
	background-image: url("../images/umweltvertraegliche_und_funktionale_verpackungen_und_werbemittel-pb276014-2560.jpg");}      
#carouselMain_bt4 .carousel-inner .carousel-item:nth-child(2) {
	background-image: url("../images/verpackungen_und_werbemittel_fuer_frisches_gemuese_august_hoermann_ettenheim-pb1414651-2560.jpg");}
#carouselMain_bt4 .carousel-inner .carousel-item:nth-child(3) {
	background-image: url("../images/verpackungen_aus_ettenheim_fuer_selbstvermarkter-as52713151-2560.jpg");}
}