@font-face {
    font-family: "DicSans";
    src: url('../fonts/DicSans-Book..woff2') format("woff2");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: "DicSans";
    src: url('../fonts/DicSans-Bold..woff2') format("woff2");
    font-weight: 700;
    font-style: normal;
    font-display: swap
}

body{
    font-size: 1.125rem;
    line-height: 1.5rem;
    font-family: "DicSans", Arial, sans-serif;
}

.headcolor{
    color:#365528;
}

.bg-lightcolor{
    background: #F2E1CF;
}

.bg-darkcolor{
    background: #222222;
}

.bg-midcolor{
    background: #C1D9B4;
}

a.w {text-decoration: none; color:white;}

.separator {
    font-size: 0.8em;
    padding: 0 5px;
    vertical-align: bottom;
  }

.section-box {
  width: 100%; 
  max-width: 1800px;
}

.section-box-na {
  width: 100%; 
  max-width: 1800px;
}

#menu {
  z-index: 1000;
}



.section-1{
    background-image:  url(../media/ziel-bg-section-1r.webp); background-size: cover;
}
.sh-1{
        height: 85%;
    }

.section-2{
    background-image:  url(../media/ziel-bg-section-2r.webp); 
    background-size: contain;
    background-repeat: no-repeat;
    background-color: #649242;
    background-position: bottom;
}

.section-mapa{
  background-image:  url(../media/ziel-bg-section-mapa.png); background-size: contain;  
  padding-bottom: 10vh;
}

.section-4 { 
    background-image:  url(../media/ziel-bg-section-przepisy.svg); background-size: cover;
}

.section-przepisy { 
    background-image:  url(../media/ziel-bg-section-przepisy.svg); background-size: contain;
    background-repeat: no-repeat;
    background-color: #649242;
    
}

.section-kontakt { 
    background-image:  url(../media/ziel-bg-section-kontakt.svg); background-size: cover;
}

.fixborder{border-top:2px solid #C1D9B4;}


.header-zapros{
        
    max-width: 1800px;
    margin-left: -12px;
    background-image:  url(../media/ziel-header-zapros-2.svg); 
    background-repeat: no-repeat;
   
    height: 9.2vw;
    padding-left: 0.6vw;
    max-height: 165px;
    }
    
.div-zapros-nas {background-image:  url(../media/ziel-bg-section-mapa.png); background-size: cover;}  
.przepisy-kontakt {background-image:  url(../media/ziel-bg-section-kontakt.svg); background-size: cover; }

#map{
    width:100%;
    height:500px; 
    border-radius: 10px;
    border: 1px solid #ffffff;
    box-shadow: 1px 1px 3px 0px #3e3e3e;
}

@media screen and (min-width:1320px){
    
    .section-box {
  aspect-ratio: 25 / 14; 

}
    .no-xl {display: none;}   
    
.section-3 .mtv{
    margin-top: 8vw
        }   
    
#menu.fixed {
  position: fixed;
  top: 0;
  left: 0;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
  width: 100%;
  max-width: 1800px;
  left: 50%;
  transform: translateX(-50%);
  background: rgb(255 255 255 / 85%); 
}
    
   
.mobile-menu-btn {display:none;}   
    
    #menu.fixed a.w, #menu.black a.w{color:black; font-weight: 600;}
}

@media screen and (max-width:1319px){
    .mobile-menu-btn {position: fixed; left:  10px; z-index: 10;}
    
    .separator {display: none;}
    .sh-1{
        height: 55%;
    }
    .main-menu-inner {display: none;}
    
    #menu.fixed {position: static; background: none; transform: none; box-shadow:none;}
    
    .section-1 {
      aspect-ratio: 1.11; 
    }
    .section-1{
    background-image:  url(../media/ziel-bg-section-1r-mob.webp); background-size: cover;
}
    .section-3{
    background-image: none;
    background-color: #F3E1CF;
    aspect-ratio: auto;
}
    
    
    
    .section-3 .mtv{
    margin-top: 20px;
        }
    
    .section-4{
    background-image: none;
    background-color: #649242;
}

    
    .kucharz {
        
        background-color: #f3e2ce;
        text-align: center;
    }
    
    
}

@media screen and (max-width:575px){
    
    .section-3 {
        background-image: none;
    }
    
    .section-3 .mobile-bg{
        background: #649242;
    }
}

@media screen and (min-width:1001px){
     .mobile-img, .kucharz { display:none;} 
}
@media screen and (max-width:1000px){
.section-3 .mobile-bg{
    
        background: #649242;
        padding-bottom: 5px;
        height: auto;
        padding-left: 15px;
        background-image: none;
        margin-right: -12px;
    }
    
    .section-2 {
        background-size: cover;
        background-position-x: 400px;
    }
    .section-przepisy { 
    background-size: cover;
    }
}

.policy {
    position: fixed;
    bottom: 15px;
    left: 15px;
    right: 15px;
    background-color: #fff;
    box-shadow: 1px 0 7px 0 #a9a9a9;
    font-size: .90rem;
    border-radius: 4px;
    z-index:450;
}