
/* --------------------------------------------------
	Responsive-Design
-------------------------------------------------- */

/* Small devices (landscape phones, 576px and up)
-------------------------------------------------- */
@media (min-width: 576px) {

}


/* Medium devices (tablets, 768px and up)
-------------------------------------------------- */

@media (min-width: 768px) {

}


/* Large devices (desktops, 992px and up)
-------------------------------------------------- */

@media (min-width: 992px) {
}


/* X-Large devices (large desktops, 1200px and up)
-------------------------------------------------- */
@media (min-width: 1200px) {

}


/* XX-Large devices (larger desktops, 1400px and up)
-------------------------------------------------- */
@media (min-width: 1400px) {  

}

/* X-Large devices (large desktops, less than 1400px)
-------------------------------------------------- */
@media (max-width: 1399.98px) {

}

/* Large devices (desktops, less than 1200px)
-------------------------------------------------- */
@media (max-width: 1199.98px) {

	header .logo img {
		height: 75px;
		width: auto !important;
	}

}

/* Medium devices (tablets, less than 992px)
-------------------------------------------------- */
@media (max-width: 991.98px) {

}

/* Small devices (landscape phones, less than 768px)
-------------------------------------------------- */
@media (max-width: 767.98px) {

	header .logo img {
		height: 50px;
		width: auto !important;
	}

	/* Produkte-Kategorien */
    ul.produkte-kategorien {
        text-align: center;
    }

    ul.produkte-kategorien li a {
        font-size: 14px;
        padding: 0 10px;
    }
	
	/* Produkte-Übersicht */
	.produkte {
		grid-template-columns: repeat(2, 1fr);
		gap: 14px;
	}
	.produkte .produkte-bild .image {
		height: 150px;
	}
	
	/* Produkte-Details */
	#produkte-bilder.owl-theme .owl-prev {
		left: 10px;
	}
	
	#produkte-bilder.owl-theme .owl-next {
		right: 10px;
	}

	.produkte-details {
		padding-left: 0px;
	}
	
	.services-5-items {
		grid-template-columns: repeat(2, 1fr);
	}
	.services-5-items .service-item {
		font-size: 20px;
		letter-spacing: 3px;
	}

	footer h5 {
		padding-top: 30px;
	}
	
	.pageContent h3, .form-header label {
		font-size: 16px;
		line-height: 16px;
	}
	
    .progressbar li {
        font-size: 13px;
    }
    .progressbar li:before {
        width: 40px;
        height: 40px;
        line-height: 40px;
        font-size: 13px;
    }
	.progressbar li:after {
		top: 20px;
	}
	
	/* Warenkorb-Menge */
	.warenkorb .menge {
		padding: 0px;
		width: 62px;
		margin-left: 15px;
	}
	.warenkorb .menge input {
		height: 30px;
		width: 22px;
	}
	.warenkorb .menge span {
		height: 30px;
		width: 19px;
	}
	.warenkorb .menge span i {
		font-size: 14px;
		line-height: 30px;
	}

	.pageContent .rahmen {
		margin-bottom: 20px;
	}

	.produkt-groesse .pg-item input[type=radio] + .pg-titel {
		padding: 5px 10px;
	}
	.produkt-groesse .pg-item input[type=radio]:checked + .pg-titel {
		outline: 2px solid var(--template-color-1);
		font-weight: 400;
	}
}

/* X-Small devices (portrait phones, less than 576px)
-------------------------------------------------- */
@media (max-width: 575.98px) {

	.navbar-cms .navbar-nav {
		padding-top: 25px;
	}
	
	.nav-link {
		padding: 0.5rem 0.25rem;
	}
	.navbar-cms .navbar-nav .nav-link {
		color: rgba(0, 0, 0, 0.55);
		font-size: 18px;
		border-bottom: 1px solid var(--template-color-1);
	}

	.zahlungs-arten {
		display: grid;
		grid-template-columns: repeat(1, 1fr);
	}
}

/* 
-------------------------------------------------- */
@media (min-width: 576px) and (max-width: 767.98px) {
}

/* 
-------------------------------------------------- */
@media (min-width: 768px) and (max-width: 991.98px) {

}

/* 
-------------------------------------------------- */
@media (min-width: 992px) and (max-width: 1199.98px) {

}

/* 
-------------------------------------------------- */
@media (min-width: 1200px) and (max-width: 1399.98px) {
}
