/* General */
button, input, select, textarea {
    font-size: 100%;
    vertical-align: middle;
    margin: 0;
}

a{
    text-decoration: none;
}

/*SEARCHLIST*/

#search-list{
    width: 70%;
    float: left;
}

#searchsubmit{
	font-size: 11px;
}

/* Searchform */

#search-list #searchform{
    width: 100%;
    float: left;
    margin-bottom: 20px;
}

#search-list #searchform label {
    display: none;
}

.majestybutton{
    margin-top:20px;
    width: 100%;
}

#search-list #searchform #searchIndex{
    width: 100%;
    float: left;
    /*background-color: #f6f6f6;*/
    /*border: 1px solid #e5e5e5;*/
    /*-webkit-border-radius: 3px;*/
    /*-moz-border-radius: 3px;*/
    /*border-radius: 3px;*/
    /*-webkit-box-sizing: border-box;*/
    /*-moz-box-sizing: border-box;*/
    /*-ms-box-sizing: border-box;*/
    /*-o-box-sizing: border-box;*/
    /*box-sizing: border-box;*/
    /*color: #333;*/
    /*height: 32px;*/
    /*line-height: 32px;*/
    /*padding: 0 9px;*/
}

/*#search-list #searchform #searchsubmit {*/
/*    position: absolute;*/
/*    right: 0;*/
/*    top: 0;*/
/*    text-indent: -9999px;*/
/*    background-color: #A0A5AA;*/
/*    background-image: url(images/search_bg_white.png);*/
/*    background-position: center!important;*/
/*    border-top-left-radius: 0;*/
/*    border-bottom-left-radius: 0;*/
/*}*/

/* Search results */

#search-list #hits {
    width: 100%;
    float: left;
    margin-bottom: 20px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

#search-list #hits p{
    width: 100%;
    font-style: italic;
    font-size: 14px;
    text-align: center;
    padding: 20px 0;
}

#search-list #hit-amount{
    background-color: #f6f6f6;
}

#search-list #char-error{
    background-color: #ff8888;
    color: white;
}

#search-list #searchresults {
    width: 100%;
    float: left;
}

/* Search result items */

.catalogueitem {
    clear:both;
    width: 100%;
    float: left;
    padding: 40px 0;
    border-bottom: 1px solid lightgray;
}

/* Search result item images */

.catalogueitem .images {
    float: left;
    width: 30%;
}

.catalogueitem .images a.image-link {
    display: block;
}

.catalogueitem .images img {
    height: auto;
    max-width: 200px;
    max-height: 200px;
    width:100%;
    display: block;
    box-shadow: 3px 3px 1px #ccc;
    -webkit-box-shadow: 3px 3px 1px #ccc;
    -moz-box-shadow: 3px 3px 1px #ccc;
    background:white;
    padding:20px;
}

/* Search result item summary */

.catalogueitem .summary {
    float: right;
    width: 58%;
    display: table;
}

.catalogueitem .summary .summary-entries{
    width: 100%;
    display: table-cell;
    vertical-align: middle;
    height: 100%;
}

.catalogueitem .summary .summary-entries h1.product_title{
    width:100%;
    float: left;
    line-height: 1.1;
}

.catalogueitem .summary .summary-entries .t_light_wrapper{
    float: left;
    margin-right: 10px;
}

.catalogueitem .summary .summary-entries .t_light_wrapper .t_light{
    height: 20px;
    width: 20px;
    float: left;
    border-radius: 50%;
    margin: 50% 0;
}

.catalogueitem .summary .summary-entries .t_light_wrapper .available{
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#b4ddb4+0,83c783+17,52b152+33,008a00+67,005700+83,002400+100;Green+3D+%231 */
    background: #b4ddb4; /* Old browsers */
    background: -moz-radial-gradient(center, ellipse cover,  #b4ddb4 0%, #83c783 17%, #52b152 33%, #008a00 67%, #005700 83%, #002400 100%); /* FF3.6-15 */
    background: -webkit-radial-gradient(center, ellipse cover,  #b4ddb4 0%,#83c783 17%,#52b152 33%,#008a00 67%,#005700 83%,#002400 100%); /* Chrome10-25,Safari5.1-6 */
    background: radial-gradient(ellipse at center,  #b4ddb4 0%,#83c783 17%,#52b152 33%,#008a00 67%,#005700 83%,#002400 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b4ddb4', endColorstr='#002400',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

}

.catalogueitem .summary .summary-entries .t_light_wrapper .unavailable{
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ff3019+0,cf0404+100;Red+3D */
    background: #ff3019; /* Old browsers */
    background: -moz-radial-gradient(center, ellipse cover,  #ff3019 0%, #cf0404 100%); /* FF3.6-15 */
    background: -webkit-radial-gradient(center, ellipse cover,  #ff3019 0%,#cf0404 100%); /* Chrome10-25,Safari5.1-6 */
    background: radial-gradient(ellipse at center,  #ff3019 0%,#cf0404 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3019', endColorstr='#cf0404',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */


}

.catalogueitem .summary .summary-entries .description{
    width:100%;
    float: left;
}

.catalogueitem .summary .summary-entries .amountbox{
    overflow: hidden;
    position: relative;
    zoom: 1;
    float: left;
    margin: 0 10px 0 0;
    width: 60px;
}


.qty.text{
    height:43px;
}

.catalogueitem .summary .summary-entries .amountbox .amount{
    width:100%;
}

.catalogueitem .summary .summary-entries .cart_button{
    background-color: #ef7d1c;
    color: white !important;
    float: left;
    margin-right: 10px !important;
}

.catalogueitem .summary .summary-entries .cart_button:hover{
    background-color: #202020 !important;
}


/*PAGINATION*/

#paginator-wrapper{
    float: left;
    width: 70%;
    margin: 20px 0;
}

#paginator-wrapper #paginator-inner-wrapper{
    float:right;
    position:relative;
    left:-50%;
    text-align:left;
}

ul.pagination{
    list-style:none;
    position:relative;
    left:50%;
}

ul.pagination li{
    list-style-type: none;
    float: left;
    position: relative;
    padding: 0 1px;
}

ul.pagination li a{
    font-size: 12px;
    display: block;
    float: left;
    margin: 2px 5px 2px 0;
    text-decoration: none;
    line-height: 30px;
    text-align: center;
    width: 30px;
    color: #999!important;
    background: #fff;
    border: 1px solid #E5E5E5;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

ul.pagination li.disabled span{
    border: 0 none;
}

ul.pagination li.active a{
    background-color: #ef7d1c;
    border: 1px solid #ef7d1c;
    color: white !important;
}

/*Sidebar*/

#sidebar{
    float:right;
    width: 20%;
    margin-left: 5%;
    padding: 20px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid lightgray;
}

#sidebar #cart-icon-wrapper{
    float: left;
    width: 100%;
    margin-bottom: 20px;
}

#sidebar #cart-icon-wrapper #cart-icon{
    float: left;
    width: 50%;
    margin: 0 25% 20px 25%;
}

#sidebar #cart-icon-wrapper #cart-icon a{
    display: block;
    position: relative;
}

#sidebar #cart-icon-wrapper #cart-icon a #nav-cart-icon{
    display: block;
    width: 100%;
}

#sidebar #cart-icon-wrapper #cart-icon a #cart-counter{
    position:absolute;
    left:30%;
    width: 40%;
    background-color: #ef7d1c;
    color: white;
    text-align: center;
    border-radius: 50%;
    bottom: 10px;
}

#sidebar #cart-icon-wrapper #cart-icon a .disabled{
    display:none;
}

#sidebar #cart-icon-wrapper #nav-cart-caption{
    width: 100%;
    text-align: center;
    font-weight: bold;
    float: left;
}

#sidebar #cart-icon-wrapper .disabled{
    display:none;
}

#sidebar .to_cart_button{
    background-color: #e88d30;
    color: white;
    width: 100%;
    border:none;
}

#sidebar .to_cart_button:hover{
    background-color: #e88d30 !important;
    width: 100%;
}

.wpcf7-form input[type="submit"], .wpcf7-submit {
    background-color: #e88d30 !important;
}

/*BASKET*/

*, *:before, *:after {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

.btn-delete{
    float: left;
    margin-right: 10px;
}

/*TabView*/

main {
    width:100%;
    margin: 0 auto;
    background: #fff;
}

.cart-info{
    width: 100%;
    float:left;
}

.cart-info .info{
    font-size: 9px;
}

#cart-info-top {
    border-bottom: 1px solid lightgray;
}

#cart-info-bottom {
    margin-top: 20px;
}

#content1 .catalogueitem .images {
    float: left;
    width: 15%;
}

.catalogueitem .summary {
    width: 70%;
}

#btn-confirm{
    margin-top: 20px;
    float: left;
    margin-right: 10px;
}

.tab-view {
    display: none;
    padding: 20px 0 0;
    border-top: 1px solid #ddd;
    position: relative;
    width: 100%;
    height: 100%;
    float: left;
}

input.tab {
    display: none;
}

label {
    display: inline-block;
    margin: 0 0 -1px;
    padding: 15px 25px;
    width:calc(50% - 2px);
    font-weight: 600;
    text-align: center;
    color: #bbb;
    border: 1px solid transparent;
    font-size: 20px;
}

label:before {
    font-family: fontawesome;
    font-weight: normal;
    margin-right: 10px;
}

label:hover {
    color: #888;
    cursor: pointer;
}

input:checked + label {
    color: white;
    border: 1px solid #ddd;
    border-top: 2px solid #ef7d1c;
    border-bottom: 1px solid #fff;
    background-color: #ef7d1c;
    border-radius: 2px;
}

#tab1:checked ~ #content1,
#tab2:checked ~ #content2,
#tab3:checked ~ #content3,
#tab4:checked ~ #content4 {
    display: block;
}

#success_layer{
    color: #ef7d1c;
    display:none;
    float: left;
    margin-top: 20px;
    padding: 5px;
}

.success_layer{
    color: #ef7d1c;
    display:none;
    float: left;
    padding: 5px;
}

.success_layer p{
    padding: 0;
    margin: 0;
}

#not-in-stock-warning{
    width: 100%;
    float: left;
    margin-top: 20px;
}

#not-in-stock-warning p.warning{
    width: 100%;
    color: red;
    margin: 0;
    padding: 0;
}

@media screen and (max-width: 650px) {
    label {
        font-size: 12px;
    }

    label:before {
        margin: 0;
        font-size: 18px;
    }
}
@media screen and (max-width: 400px) {
    label {
        padding: 15px;
    }
}

@media screen and (max-width: 770px) {
	#sidebar{
		width:25%;
	}
	#cart-counter{
		height: 34px;
		line-height: 34px;
	}
}



@media screen and (max-width: 450px) {
	#paginator-wrapper
	{
		width:100%;
	}	
	
	#search-list{
		width:100%;
	}
	
	div.product div.summary, #content div.product div.summary {
		float: right;
		width: 90%;
	}
	
	.catalogueitem .images img {
		height: auto;
		max-width: 100%;
		width: 60%;
		display: inline;
	}
	
	.catalogueitem .images a.image-link {
		display: inline;
	}
	
	div.product div.images, #content div.product div.images {
		float: left;
		width: 100%;
		text-align: center;
	}

	#search-list #hits{
		margin-bottom:0px;
	}
	
	#sidebar {
		float: right;
		width: 100%;
		margin-bottom: 10%;
	}
	
	#sidebar #cart-icon-wrapper #cart-icon a #cart-counter {
		width: 30%; 
		left:35%;
	}
	
	#sidebar #cart-icon-wrapper #cart-icon a #nav-cart-icon {
		display: inline;
		width: 70%;
	}
	
	#sidebar #cart-icon-wrapper {
		float: left;
		width: 100%;
		margin-bottom: 20px;
		text-align: center;
	}
	
	.input_label, .input_label_red {
		width: 100% !important;
		margin-bottom: 2%;
	}
	
	.input_field
	{
		width:100% !important;
	}
	
	#content1 .catalogueitem .images {
		float: left;
		width: 100%;
		text-align: center;
	}
}

/* FORM STYLES */

form#request-form {
    display: block;
    margin-top: 20px;
    float: left;
    width: 100%;
}

.input_label, .input_label_red {
    float: left;
    width: 20%;
    height: 32px;
    font-size: 14px;
    font-weight: bold;
    padding-top: 3px;
}

.input_label small, .input_label_red small {
    display: block;
    font-size: 11px;
    font-weight: normal;
    color: #999;
    margin-top: -2px;
}

.input_field {
    float: left;
    margin-bottom: 5px;
    padding: 3px;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -khtml-border-radius: 4px;
    width: 80%;
}

.input_field input, textarea, textarea:focus {
    width: 100%;
    padding: 7px;
    border: solid 1px #ccc;
    background: #fff;
    font-size: 12px;
    font-weight: normal;
    color: #555;
}

.input_field select {
    width: 100%;
    padding: 7px;
    border: solid 1px #ccc !important;
}

.input_field .input_small_1, .input_field .input_small_2 {
    width: 20%;
}

.input_field .input_small_2 {
    width: 80%;
}

.clear {
    clear: both;
}

.contact_button, .contact_button:hover {
    float: left;
    display: block;
    padding: 10px 20px 10px 20px;
    margin: 0px 5px 0px 0px;
    background: #ef7d1c;
    color: #fff;
    font-size: 11px;
    font-weight: bold;
    border: solid 1px #ef7d1c;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -khtml-border-radius: 4px;
    text-decoration: none;
    cursor: pointer;
}

#request .request_bt {
    float: left;
    display: block;
    padding: 10px 20px 10px 20px;
    margin: 0px 5px 0px 0px;
    background: #ef7d1c;
    color: #fff;
    font-size: 11px;
    font-weight: bold;
    border: solid 1px #ef7d1c;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -khtml-border-radius: 4px;
    text-decoration: none;
    cursor: pointer;
}

.error-field{
    display: none;
    font-size: small;
    color: red;
}

#request-form .request_button{
    background-color: #ef7d1c;
    color: white !important;
}

#request-form .request_button:hover{
    background-color: #202020 !important;
}


/*.amountbox input.qty {*/
/*	width:200%;*/
/*}*/


/* Wrapper für Responsive Verhalten */
.table-wrapper {
    overflow-x: auto;
    width: 100%;
}

/* Grundlayout */
.responsive-table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0 6px; /* vertikaler Abstand zwischen Zeilen */

    font-size: 15px;
    margin-bottom:30px;
}

/* Tabellenzellen */
.responsive-table th,
.responsive-table td {
    padding: 10px 18px; /* horizontaler Abstand zwischen Spalten */
    text-align: left;
    /*white-space: nowrap;*/
    line-height:normal;

}

/* Zebra-Streifen */
.responsive-table tbody tr:nth-child(uneven) td {
    background-color: lightgray;

}

/* Kopfzeile */
.responsive-table th {
    font-weight: 600;
    border-bottom: 1px solid #ddd;
}

.responsive-table td:first-child {
    font-weight: 600;
}

/* Mobile Optimierung */
@media (max-width: 600px) {
    .responsive-table th,
    .responsive-table td {
        padding: 8px 14px;
        font-size: 14px;
    }
}