/* --------------------------------------------------
	Responsive-Design
-------------------------------------------------- */

.navbar .logo img {
	height: 50px;
}


/* --------------------------------------------------
	Responsive-Design
   	auf Minimale Grösse bezogen
-------------------------------------------------- */

/* 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) {

}



/* --------------------------------------------------
	Responsive-Design
   	auf Maximale Grösse bezogen
-------------------------------------------------- */

/* X-Large devices (large desktops, less than 1400px)
-------------------------------------------------- */
@media (max-width: 1399.98px) {

}

/* Large devices (desktops, less than 1200px)
-------------------------------------------------- */
@media (max-width: 1199.98px) {

	/* Schriftgrössen */
	main h1 {
		font-size: 38px;
	}
	
	main h2 {
		font-size: 32px;
	}
	
	main h3 {
		font-size: 24px;
	}
	
	main p {
		font-size: 22px;
	}

	/* Header-Bilder & Navigations-Pfeile */
	.carousel .carousel-control-prev,
	.carousel .carousel-control-next {
		margin: 0px 20px;
	}
	
	.figure-caption p {
		font-size: 20px;
		letter-spacing: 2px;
	}
}



/* Medium devices (tablets, less than 992px)
-------------------------------------------------- */
@media (max-width: 991.98px) {

	/* Header-Bilder & Navigations-Pfeile */
	.carousel .carousel-control-prev-icon,
	.carousel .carousel-control-next-icon {
		width: 50px;
		height: 50px;
	}

	/* Bilder-Galerien */
	.services-4-items {
		grid-template-columns: repeat(2, 1fr);
		gap: 14px;
	}

	.figure-caption p {
		font-size: 16px;
		letter-spacing: 2px;
	}

}



/* Small devices (landscape phones, less than 768px)
-------------------------------------------------- */
@media (max-width: 767.98px) {


	/* Schriftgrössen */
	main {
		font-size: 17px;
	}
	main h1 {
		font-size: 28px;
	}
	
	main h2 {
		font-size: 24px;
	}
	
	main h3 {
		font-size: 19px;
	}
	
	main p {
		font-size: 17px;
	}


	/* Header-Bilder & Navigations-Pfeile */
	.carousel .carousel-control-prev-icon,
	.carousel .carousel-control-next-icon {
		width: 40px;
		height: 40px;
	}

	.carousel .carousel-control-prev,
	.carousel .carousel-control-next {
		margin: 0px;
	}

	.header-static .header-caption-img,
	.carousel .carousel-item .header-caption-img {
		padding-bottom: 10px;
		padding-right: 10px;
	}

	/* Google-Map */
	.map {
		height: 300px;
	}

	
	.header-bg img {
		height: 200px;
	}
}



/* X-Small devices (portrait phones, less than 576px)
-------------------------------------------------- */
@media (max-width: 575.98px) {

	/* Header-Bilder & Navigations-Pfeile */
	.carousel .carousel-control-prev-icon,
	.carousel .carousel-control-next-icon {
		width: 30px;
		height: 30px;
	}

	.carousel .carousel-control-prev,
	.carousel .carousel-control-next {
		margin: 0px;
	}

}



/* --------------------------------------------------
	Responsive-Design
   	auf Minimale und Maximale Grösse bezogen
-------------------------------------------------- */

/* 
-------------------------------------------------- */
@media (min-width: 576px) and (max-width: 767.98px) {

}



/* 
-------------------------------------------------- */
@media (min-width: 768px) and (max-width: 991.98px) {

	/* Header-Bilder & Navigations-Pfeile */
	.header-static .header-caption-img,
	.carousel .carousel-item .header-caption-img {
		padding-bottom: 20px;
		padding-right: 20px;
	}
	
	.header-static .header-caption-img img,
	.carousel .carousel-item .header-caption-img img {
		width: 75px;
	}

}



/* 
-------------------------------------------------- */
@media (min-width: 992px) and (max-width: 1199.98px) {

	/* Header-Bilder & Navigations-Pfeile */
	.header-static .header-caption-img,
	.carousel .carousel-item .header-caption-img {
		padding-bottom: 20px;
		padding-right: 20px;
	}
	
	.header-static .header-caption-img img,
	.carousel .carousel-item .header-caption-img img {
		width: 125px;
	}

	.carousel .carousel-control-prev-icon {
		width: 50px;
		height: 50px;
	}
	
	.carousel .carousel-control-next-icon {
		width: 50px;
		height: 50px;
	}

}



/* 
-------------------------------------------------- */
@media (min-width: 1200px) and (max-width: 1399.98px) {
	/* Icons im Header-Bereich */
	header .header-nav-01 img {
		height: 25px !important;
	}

	/* Header-Bilder & Navigations-Pfeile */
	.header-static .header-caption-img,
	.carousel .carousel-item .header-caption-img {
		padding-bottom: 20px;
		padding-right: 20px;
	}
	
	.header-static .header-caption-img img,
	.carousel .carousel-item .header-caption-img img {
		width: 150px;
	}

	.carousel .carousel-control-prev,
	.carousel .carousel-control-next {
		margin: 0px 20px;
	}

}