
p, a, span, h1, h2, h3, h4, h5, h6, button{
    font-family: "Forum", serif;
    font-weight: 400;
    font-style: normal;
}
.lato-light {
  font-family: "Lato", sans-serif;
  font-weight: 300;
  font-style: normal;
}
html {scroll-behavior: unset !important;}
a {text-decoration: none;}
p, h1, h2, h3, h4, h5, h6 {margin-bottom: 0;}

/* Start header */
.header {
    left: 0;
    top: 0;
    right: 0;
    width: 100%;
    /* height: 90px; */
}
.header-p {font-size: 24px;}

/* End header */

/* Start main section */
.main-section {height: 100vh; padding-top: 80px;}
.main-section::after {
    content: '';
    display: block;
    width: 34%;
    height: 130%;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: #D6BB9D;
}
.images-wrap {width: 100%; max-width: 950px; height: 100%; max-height: 500px; }

.images-wrap img.main-image{background-color: #fff; padding: 10px; object-fit: cover; aspect-ratio: 1.7 / 1;}
.images-wrap .right-top-image {    
    right: -96px;
    top: -63px;
    background-color: #fff; padding: 10px;
}
.images-wrap .bottom-right-image {    
    top: 90%;
    right: 60px;
    background-color: #fff; padding: 10px;
}
.main-section p.text-content{font-size: 50px; max-width: 60%;}

/* End main section */


/* Start products slider section */
.products-slider-section {padding-top: 200px; margin-top: 80px;}
.products-slider-section .product-image {max-height: 600px; width: 100%; aspect-ratio: 1 / 1.5;}
.product-name {font-size: 40px;}
/* End products slider section */

/* Start About us section */
.about-us-section {
    background-color: #F7F7F7;
    padding-top: 100px;
    padding-bottom: 100px;
    margin-top: 80px;
}
.about-us-section .about-image{max-width: 700px; width:100%; max-height: 1000px;}
.about-us-section .text-wrap{max-width: 50%;}
.about-us-section .about-text {max-width: 420px;}
.about-us-section .about-images-wrap{
    width: 50%;
}
.about-us-section .about-image-2 {
    width: 466px;
    height: 672px;
    left: -97px;
    bottom: -180px;
    max-width: 466px;
    max-height: 670px;
}

.newsletter-section {
    background-color: #511E21;
    padding-top: 135px;
}
.newsletter-section .arrow-text{font-size: 32px;}
.btn, .btn:hover {border: 1px solid #021A4A; }
.newsletter-section .form-wrap {max-width: 760px; margin: auto;}
.news-input:focus, .newsletter-section textarea.form-control:focus  {border: none; outline: none; box-shadow: none;}
/* End About us section */

/* Start Impressum page */
.cover-page {background-color: #D6BB9D; height: 350px;}
.text-section {margin-top: -150px; margin-bottom: 100px;}
.text-section .text-wrap {
    background-color: #F7F7F7;
    border: 10px solid #fff;
    min-height: 230px;


}



/* End Impressum page */



/* Start footer */
.footer {background-color: #F5F5F5;}
.left-box {width: 40%; border-right: 1px solid #dcd2d3; border-left: 2px solid #dcd2d3;}
.right-box {width: 60%;}
.copy-right-box {
    background-color: #d8cecf;
}
.footer-title {letter-spacing: 4px;}
/* End footer */


/* Start cookies */
.cookies {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    z-index: 999;
    box-shadow: 0 -4px 10px rgba(0, 0, 0, 0.1);
}

.cookies-item-details {background-color: #EAE7D8;}

.cookies-item-details * {font-family: "Lato", sans-serif; font-weight: 400; font-style: normal;}
.cookies-item .cookies-item-details .item-content {border-top: 1px solid #bbb9ad;}
.cookies-item:not(:first-child) .cookies-item-details .item-content {display: none;}
.cookies-item.open .header-item-details svg {transform: rotate(180deg);}
.hide-cookie-banner #cookie-banner {display: none !important;}
/* End cookies */


