.nojs .home {
    background: url(../images/banner.jpg);
}
.fallback .home { background-image: url('../banner.jpg') !important }
.webp .home { background-image: url('../images/banner.webp') !important }
.avif .home { background-image: url('../images/banner.avif') !important }
.home {
    position: relative;
    width: 100%;
	height:239px;
	background-position:left center;
	background-repeat:no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.tittle-block{
	display: flex;
	align-items: center;
	justify-content: center;
	width:300px;
	height:100%;
    right: -20px;
    position: absolute;
    text-align: right;
	margin:0;
	padding:0;
}
.tittle-block h1{
	color:#ffffff;
	font-size:1rem;
    line-height: 1.8rem;
    margin-top: 8rem;
	margin-bottom:0;
	font-family: 'Noto Serif';
}
.tittle-block h1 small{
	color:#ffffff;
	font-size:0.8rem;
	line-height:1.2rem;
	text-transform:none;
	display:block;
}
@media (min-width: 444px){
	.tittle-block h1{
		margin-top: 1rem;
	}
}
@media (min-width: 576px){
	.home {
		height:360px;
	}
}
@media (min-width: 768px) {
	.home {
		height:420px;
	}
	.tittle-block{
		width:360px;
		right:20px;
	}
	.tittle-block h1{
		font-size:1.5rem;
		line-height: 2.3rem;
	}
	.tittle-block h1 small{
		color:#ffffff;
		font-size:1.3rem;
		line-height:1.8rem;
		text-transform:none;
		display:block;
	}
}
@media (min-width: 992px) {
	.home {
		height:500px;
	}
	.tittle-block{
		width:360px;
		right:120px;
	}
}
@media (min-width: 1200px) {
	.home {
		height:600px;
	background-position:left top;
	}
}
@media (min-width: 1700px) {
	.home {
		height:700px;
	}
}


.parallax {
  /* The image used */
  background-image: url("../images/uhr.jpg");
}
.fallback .parallax { background-image: url('../images/uhr.jpg') !important }
.webp .parallax { background-image: url('../images/uhr.webp') !important }
.avif .parallax { background-image: url('../images/uhr.avif') !important }

.parallax {
  /* Set a specific height */
  min-height: 270px; 
  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position:relative;
  top:2rem;
}
.counter{
	width:100%;
	padding-top:10%
}
.countbox{
	width:23%;
	min-width:120px;
	display:inline-block;
	margin-top:25px;
}
.num{
	color:#B88B58;
	font-size:4rem;
	font-family: 'Noto Serif';
	line-height:3rem;
}
.line-box{
	display:block;
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
}
.line-separator{
	display:block;
	margin:0 auto;
	color:#ffffff;
    border-top-style: solid;
    border-top-width: 3px;
    width: 70px;
}
.lbl{
	display:block;
	color:#ffffff;
	text-transform:uppercase;
}

q {
	font-style: italic;
	font-size:18px;
	color:#B88B58;
	line-height:26px;
	quotes: "" ""
}
q:before {
	content: "“";
	text-align:center;
    font-family:u2000;
    font-size:110px;
    line-height:25px;
    display: block;
    position: relative;
	margin-top:25px
}
.author {
	color:#B88B58;
	margin-top:15px;
}
@media (min-width: 576px){
	q {
		font-size:24px;
		line-height:35px;
	}
	q:before {
		font-size:108px;
		line-height:50px;
		margin-top:35px
	}
}
@media (min-width: 768px) {
	q {
		font-size:28px;
		line-height:36px;
	}
	q:before {
		font-size:128px;
		line-height:50px;
		margin-top:40px
	}
	.author {
		font-size:1.5rem;
		margin-top:15px;
	}
	.parallax {
		min-height: 420px; 
		top:2rem;
	}
	.counter{
		padding-top:17%
	}
}
@media (min-width: 992px) {
	.parallax {
		min-height: 570px; 
		top:2rem;
	}
	.counter{
		padding-top:20%
	}
	q {
		font-size:36px;
		line-height:50px;
	}
	q:before {
		font-size:168px;
		line-height:50px;
		margin-top:50px
	}
	.author {
		font-size:1.5rem;
		margin-top:15px;
	}
	.parallax {
		min-height: 420px; 
		top:2rem;
	}
	.counter{
		padding-top:17%
	}
}
@media (min-width: 1200px) {
}