/* 
 *  Owl Carousel - Animate Plugin
 */

	.magnifier {
		position:absolute;
		top:0;
		background-color: rgba(60,60,59,0.67);
		left:0;
		bottom:0;
		right:0;
		zoom: 1;
		filter: alpha(opacity=0);
		opacity: 0;
		-webkit-transition:all .3s ease-in-out;
		-moz-transition:all .3s ease-in-out;
		-ms-transition:all .3s ease-in-out;
		-o-transition:all .3s ease-in-out;
		transition:all .3s ease-in-out;
	}
	.entry:hover .visible-buttons,
	.entry:hover .magnifier {
		zoom: 1;
		filter: alpha(opacity=100);
		opacity: 1;
	}
	.visible-buttons i {
		width: 45px;
		height: 45px;
		background-color: #ffffff;
		margin:0 5px !important;
		line-height: 45px;
		font-size: 14px;
		display: inline-block;
		-webkit-border-radius: 3px 3px 3px 3px;
		-moz-border-radius: 3px 3px 3px 3px;
		border-radius: 3px 3px 3px 3px;
	}
	.visible-buttons{
		margin: -20px auto;
		opacity: 0;
		position: absolute;
		text-align: center;
		-webkit-transition: all 0.7s ease 0s;
		-moz-transition: all 0.7s ease 0s;
		-ms-transition: all 0.7s ease 0s;
		-o-transition: all 0.7s ease 0s;
		transition: all 0.7s ease 0s;
		top:45%;
		left:0;
		width: 100%;
		right: 0;
		position: absolute;
		text-align: center;
	}
	.portfolio-item .visible-buttons {
		top:0;
	}
	#content .visible-buttons,
	.with-desc .portfolio-item .visible-buttons {
		margin:0 auto !important;
	}
	.portfolio-item:hover .visible-buttons {
		top:45%;
	}
	.blog-item:hover .visible-buttons {
		top:50%;
	}
	.visible-buttons h3,
	.visible-buttons h3 a,
	.visible-buttons small {
		padding:0;
		color:#ffffff;
	}
	.visible-buttons h3,
	.visible-buttons h3 a {
		font-size: 24px;
		padding: 10px 0 5px;
	}
	.visible-buttons small {
		font-style: italic;
		font-size: 13px;
		font-family: 'Noto Serif', Georgia, "Times New Roman", serif;
	}
	.small-text .item .visible-buttons h3 a,
	.small-text .item .visible-buttons h3 {
		font-size: 18px;
		padding:5px 0 0;
	}
	.small-text .item .visible-buttons small {
		font-size: 13px;
	}
	.small-text .item .visible-buttons i {
	    font-size: 11px;
	    height: 30px;
	    margin:0 !important;
	    line-height: 30px;
	    width: 30px;
	}
	.visible-portfolio-title {
		padding: 20px 20px 10px;
	}
	.visible-portfolio-title h3,
	.visible-portfolio-title h3 a {
		font-size: 24px;
		padding-bottom: 5px;
	}
	.visible-portfolio-title small {
		font-style: italic;
		font-size: 14px;
		font-family: 'Noto Serif', Georgia, "Times New Roman", serif;
	} 
	.f20 .visible-portfolio-title h3,
	.f20 .visible-portfolio-title h3 a {
		font-size: 20px;
		padding-bottom: 5px;
	}
	.f18 .visible-portfolio-title h3,
	.f18 .visible-portfolio-title h3 a {
		font-size: 16px;
		padding-bottom: 5px;
	}
	.light-font h3 {
		font-weight: 400;
	}
	.media-element img {
		width:100%;
	}
	#quote-carousel 
{
  padding: 0 10px 30px 10px;
  margin-top: 30px;
}

/* Control buttons  */
#quote-carousel .carousel-control
{
  background: none;
  color: #222;
  font-size: 2.3em;
  text-shadow: none;
  margin-top: 30px;
}
/* Previous button  */
#quote-carousel .carousel-control.left 
{
  left: -100px;
  margin-top: 100px;
}
/* Next button  */
#quote-carousel .carousel-control.right 
{
  right: -100px !important;
  margin-top: 100px;
}
/* Changes the position of the indicators */
#quote-carousel .carousel-indicators 
{
  right: 50%;
  top: auto;
  bottom: 0px;
  margin-right: -19px;
}
/* Changes the color of the indicators */
#quote-carousel .carousel-indicators li 
{
  background: #c0c0c0;
}
#quote-carousel .carousel-indicators .active 
{
  background: #333333;
}
#quote-carousel img
{
  width: 250px;
  height: 100px
}
/* End carousel */

.item blockquote {
    border-left: none; 
    margin: 0;
}

.item blockquote img {
    margin-bottom: 10px;
}

.item blockquote p:before {
    content: "\f10d";
    font-family: 'Fontawesome';
    float: left;
    margin-right: 10px;
}
/*  Farbenpaletten*/
.hide-bullets {
    list-style:none;
    margin-left: -40px;
    margin-top:20px;
}

.thumbnail {
    padding: 0;
}

.carousel-inner>.item>img, .carousel-inner>.item>a>img {
    width: 100%;
}

/**
  MEDIA QUERIES
*/

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) { 
    #quote-carousel 
    {
      margin-bottom: 0;
      padding: 0 40px 30px 40px;
    }
    
}

/* Small devices (tablets, up to 768px) */
@media (max-width: 768px) { 
    
    /* Make the indicators larger for easier clicking with fingers/thumb on mobile */
    
    #quote-carousel .carousel-indicators {
        bottom: -20px !important;  
    }
    #quote-carousel .carousel-indicators li {
        display: inline-block;
        margin: 0px 5px;
        width: 15px;
        height: 15px;
    }
    #quote-carousel .carousel-indicators li.active {
        margin: 0px 5px;
        width: 20px;
        height: 20px;
    }
}
.img-tabelle{
	display: block; 
	max-width: 100%; 
	width: 100%; 
	height: auto;
	
}
.ueberschrift-tabelle
{
  
  -webkit-transform: rotate(-90deg); /* Chrome, Safari, Opera */
  -ms-transform: rotate(-90deg);     /* IE 9 */
  transform: rotate(-90deg);
}
.spalte-tabelle{
	height:150px;
	max-width: 50px;
	border:2px; 
	border-style: 	solid; 
	border-color:#fff; 
	background-color: #be1622; 
	color:#fff; 
	font-weight:700;
}
.uberschrift-tabelle-produkt-alufenster{
	font-weight: 700; 
	border:2px; 
	border-style: solid; 
	border-color:#fff; 
	width: 24%;
}
.uberschrift-tabelle-produkt-pvctuer{
	font-weight: 700; 
	border:2px; 
	border-style: solid; 
	border-color:#fff; 
	width: 48%;
}
.uberschrift-tabelle-produkt-alutuer	{
	font-weight: 700; 
	border:2px; 
	border-style: solid; 
	border-color:#fff; 
	width: 19%;
}
.text-tabele
{
	 border:2px; 
	 border-style: solid; 
	 border-color:#fff; 
	 padding: 10px;
}