@font-face {
    font-family: 'CAP Elephant';
    src: url('/fonts/CAPElephant-Black.woff2') format('woff2'),
        url('/fonts/CAPElephant-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'CAP Elephant';
    src: url('/fonts/CAPElephant-Regular.woff2') format('woff2'),
        url('/fonts/CAPElephant-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Minion Pro';
    src: url('/fonts/MinionPro-Regular.woff2') format('woff2'),
        url('/fonts/MinionPro-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}


body{
	font-family: "CAP Elephant",Arial,sans-serif;	
}

img{
    image-rendering: -webkit-optimize-contrast;
}

.form-control:focus {
    border-color: #f4271c;
    outline: 0;
    box-shadow: none;
}

.modal-loading{
    display:none;
    position:fixed;
    z-index:99999;
    top:0;
    left:0;
    height:100%;
    width:100%;
    background:rgba( 255,255,255,.8 ) url(/images/loading.gif) 50% 30% no-repeat;
    background-size:60px 60px
}

ul.parsley-errors-list {
    list-style: none;
    padding-left: 0px;
    padding-top: 5px;
}

li.parsley-required, li.parsley-type {
    color: red!important;
    font-size: 0.9em;
}

a{text-decoration:none;color:#c1bbbb;}

h1, h2{ 
	font-weight: 700;    
	text-transform: uppercase;
}

h2{
	font-size:3em;
}

h3{
	font-size:1.1em;
	color: grey;
	font-weight:600;
	text-transform: uppercase;
	letter-spacing: 2px;
}

.beschreibung{background-color: rgb(255 255 255 / 75%);}
.beschreibung h2{font-size: 1.2em;font-weight:normal;color: #555555;}

.btn-primary {
    border-radius: 30px;
    background-color: #c1bbbb;
    border: none;
	font-size:1.1em;
}

.format-filter .btn-primary{	
	min-width: 80px;
	text-transform: uppercase;	
}

.oberflaeche-filter .btn-primary{	
	min-width: 100px;
}

.farbe-filter .btn-primary:not(.filter_farbe){
	border-radius: 50%;
	height: 50px;
	width: 50px;
	border: 1px solid  lightgrey;
}

.farbe-filter .btn-primary.weiss{
	background-color:white;	
}

.farbe-filter .btn-primary.beige{
	background-color:beige;	
}

.farbe-filter .btn-primary.schwarz{
	background-color:black;	
}

.farbe-filter .btn-primary.gelb{
	background-color:yellow;	
}

.farbe-filter .btn-primary.grau{
	background-color:grey;	
}

.farbe-filter .btn-primary.braun{
	background-color:brown;	
}

.farbe-filter .btn-primary.rot{
	background-color:red;	
}

.farbe-filter .btn-primary.aubergine{
	background-color:#5F5153;	
}

.portfolio {
	position: relative;
	margin: 0 -12px -12px 0;
}

/*.portfolio-item {
	float: left;
	position: relative;
	width: 20%;
	height: auto;
	padding: 0 12px 12px 0;
}

.produkt {
	margin-bottom: 5px;
	background-color: #5a6067;
}

.portfolio-item .portfolio-image {
	position: relative;
	overflow: hidden;
}
.portfolio-item .portfolio-image, .portfolio-item .portfolio-image a, .portfolio-item .portfolio-image img {
	display: block;
	width: 100%;
	height: 180px;
}*/
.white{color:#fff};
a {
	text-decoration: none;
}
button{cursor:pointer;padding: 4px;margin: 2px;font-size: 16px;}

h4{margin-top: 15px;margin-bottom:5px;}
h2.headline{margin-bottom:12px;font-size:1.8em;}
.shadow {
	box-shadow: 0 .1rem 1.8rem rgba(0,0,0,.15)!important;
}
/*
@media (max-width: 1199px){
	.portfolio-item {
		width: 50%;
	}   
}*/