/* Reset & Base Styles */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

.pink{
	background: #FFFCF1;
}

.page{
	min-height:100vh;
}

.maxpage{min-height:60vh;}

.minpage{min-height:40vh;}

.footer{
	padding:20px;
	background: #FFFCF1;
}
.social-item {
  display: flex;
  align-items: center;     /* vertical alignment */
  gap: 8px;                /* space between icon and link */
}

.social-link {
  text-decoration: none;   /* removes underline */
  color: inherit;          /* removes blue and uses default text color */
  font-size: 16px; 
	padding-bottom:5px;
}

.social-link:hover {
  color: #007bff;          /* optional hover effect */
}


.container-footer,.container-social,.container-contact2,.container-contact {
      display: flex;
      flex-wrap: wrap;
    }
	
.container-contact,.container-social,.container-footer {
	justify-content:center;
      flex-direction: row;
    }	
	
		
.container-contact3,.container-contact2 {
	display:flex;
	justify-content: flex-start;
      flex-direction: column;
    }	

	.akti{
		padding-left:10px;
	}
	
	ul {
  list-style-position: inside;
}
	
.container-contact2 {
	margin-top:10px;
}
	
.container-contact3{
	margin-top:20px;
}
	

.icon{
	width:40px;
	height:40px;
	border-radius:10px;
	border:1px solid black;
	 box-shadow:1px 1px 3px black;
}

.footersocialcenter{
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  justify-content: center;
}

.footersize{
	height:350px;
}

.footertext{
	text-align:center;
	font-weight:bold;
}

body {
  font-family: sans-serif;
  line-height: 1.6;
  color: #333;
  background-color: #fff;
}

.margintop{
	margin-top:30px;
}

.fixheight2{
	min-height:20px;
}

.fixedwidth{
	min-width:250px;
}

.marginleftmuch{
	margin-left:100px;
}

    .bulletin {
      flex: 1;
      padding: 2rem;
      display: flex;
      align-items: center;
      justify-content: center;
      box-sizing: border-box;
	  padding:5px;
    }

    .bulletin ul {
      list-style-type: disc;
      padding-left: 1.5rem;
    }

    .bulletin li {
      margin-bottom: 1rem;
      line-height: 1.6;
    }

    .map-section {
      height: 400px;
	  width:100%;
      box-sizing: border-box;
    }

    .map-iframe {
      width: 100%;
      height: 100%;
      border: 0;
    }

    /* Responsive layout */
    @media (max-width: 768px) {
      .container-contact{
        flex-direction: column-reverse;
      }

      .map-iframe,.map-section {
        min-height: 300px;
      }
	  .container-tag-contact{
		  margin-top:-50px;
	  }
    }
	
	.icon-link-wrapper {
	margin-left:15px;
     display: flex;
	 justify-content: center;
     align-items: center; /* Vertically center */
      gap: 10px; /* Space between icon and text */
    }


    .link-text {
      text-decoration: none;
      color: #007BFF; /* Customize color */
      font-size: 1rem;
    }

    .link-text:hover {
      text-decoration: underline;
    }


/* === Navigation Structure === */
header {
  background: #FFFCF1;
  border-bottom: 1px solid #ddd;
  position: relative;
  z-index: 100;
}

.nav-bar {
   height:160px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1rem 1.5rem;
  position: relative;
}

.lang-buttons {
  font-weight: bold;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.3rem;
}

.preview-image:hover {
  filter: brightness(70%);
  transition: filter 0.3s ease;
}

.outer-img img {
  display: block;
  width: 100%; /* or fixed width */
  height: auto;
}

.lang-btn {
  font-family: 'Segoe Script', sans-serif, Arial;
  width:50px;
  padding: 0.3rem 0.6rem;
  font-size: 0.8rem;
  border: 1px solid lightblue;
  border-radius: 4px;
  text-decoration: none;
  color:#FF944E;
  transition: background 0.2s;
}
	
.container-tag-contact,.container-tag{
	width:100%;
	 font-family: 'Segoe Script', sans-serif, Arial;
	 text-align: center;
}

.small-tag,.small-tag2,.smaller-tag{
	font-size:15px;
	text-align: center;
}

.small-tag{
	margin-top:20px;
}


.lang-btn:hover {
  background-color: coral;
  color: white;
}

.partext{
	font-size:1.1em;
	margin-bottom:25px;
}

.margintopmore,.margintopmore2{
	margin-top:50px;
}

.fixheight{
	height:80%;
}

/* Centered logo */
.logo-center {

  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  justify-content: center;
}

.logo-img {
  height: 150px;
  border: 1px solid lightblue;
}

/* Burger icon */
.burger-icon {
  font-size: 4rem;
  cursor: pointer;
  display: none;
  color:#FF944E;
}

/* Hidden checkbox for toggle */
.nav-toggle {
  display: none;
}

/* Nav Menu */
.nav-links {
  display: flex;
  font-family: 'Segoe Script', sans-serif, Arial;
  gap: 1.5rem;
  padding: 0 2rem;
  align-items: center;
  justify-content: right;
}

.rotright{
	transform: rotate(11deg);
	margin-right:8px;
}

.rotleft{
	transform: rotate(-5deg);
	margin-left:25px;
}

.rotleft2{
	transform: rotate(11deg);
}

.rotright2{
	transform: rotate(-5deg);
}

.marginbottommore{
	margin-bottom:30px;
}

.nav-links a {
  text-decoration: none;
  font-size: 15px;
  font-weight: bold;
  color:#FF944E;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.nav-icon {
  width: 40px;
  height: 40px;
  object-fit: contain;
  transition: transform 0.2s ease;
}

.nav-links a:hover .nav-icon {
  transform: scale(1.1);
}

/* Close icon */
.close-icon {
  display: none;
}

.herobig,.herosmall {
  height: 100vh; /* Full viewport height */
  width: 100%;
  position: relative;
  overflow: hidden;
}


.herosmall{
	display:none;
}

.main-photo {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  object-fit: cover; /* Ensures the image covers the entire section */
  object-position: center top;
}

.image1, .image2, .image33 , .image34{
  width:48%;
  border: 5px solid white;
  box-shadow:2px 2px 5px black;
}

.image33 {
  width:25%;
}
.image34{
	width:42%;
}


.herobig, .herosmall {
  position: relative;
  overflow: hidden;
}

.wave-bottom-large, .wave-bottom-small {
  position: absolute;
  bottom: 0;
  width: 100%;
  line-height: 0;
}

.wave-bottom-large, .wave-bottom-small svg {
  display: block;

}

.wave-bottom-large svg {
	  height: 50px;
	    width: 100%;
}

.wave-bottom-small svg {
	  height: 30px;
	    width: 100%;
}

.container {
  display: flex;
  flex-wrap: wrap;
}

.section {
  flex: 1 1 100%; /* full width by default */
  padding: 20px;
  box-sizing: border-box;
}

.section-one, .section-two{
	  padding: 20px;
  box-sizing: border-box;
}

@media (max-width: 600px){
	.footersocialcenter{
		  left: 35%;
	}
	
}


/* === Mobile Styles === */
@media (max-width: 1040px) {
	
.margintopmore2{
	margin-top:0px;
}

.fixedwidth{
	min-width:200px;
}

.partext{
	font-size:1em;
	margin-bottom:5px;
	text-align:center;
}

	.herobig{
		display:none;
	}
	
	.herosmall{
		display:flex;
	}
	
  .main-photo {
	 position: absolute center;
	}

	.marginleft{
		margin-right:350px;
	}
	
.centerimages{
  display: flex;
  justify-content: space-between; /* equal horizontal spacing */
  align-items: center;            /* vertical centering */
  padding: 25px;                  /* optional spacing */
  min-height: 100px;              /* optional: ensures some vertical room */
}
	
	
  .nav-links {
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    position: fixed;
    top: 0;
    right: -100%;
    height: 100vh;
    width: 75%;
    background-color: white;
    box-shadow: -2px 0 10px rgba(0, 0, 0, 0.1);
    padding-top: 4rem;
    transition: right 0.3s ease;
    z-index: 200;
  }

  .nav-toggle:checked ~ header .nav-links {
    right: 0;
  }

  .burger-icon {
    display: block;
    position: relative;
    z-index: 300;
  }

  .nav-toggle:checked ~ header .burger-icon {
    display: none;
  }

  .close-icon {
    display: none;
    position: absolute;
    top: 1rem;
    right: 1.5rem;
    font-size: 5rem;
    cursor: pointer;
	color:lightblue;
	font-weight: bold;
  }

  .nav-toggle:checked ~ header .nav-links .close-icon {
    display: block;
  }

  .nav-bar {
    justify-content: space-between;
    position: relative;
  }

  .logo-center {
    left: 50%;
    transform: translateX(-50%);
    position: absolute;
  }
  

  
}

  @media (min-width: 768px) {
  .section {
    flex: 1 1 50%; /* half width */
  }
  .container-contact{
	height:100vh;
}

}

@media (min-width: 1024px) {
  .section-one {
    width: 33.33%;
  }

  .section-two {
    width: 66.66%;
  }

}

@media (min-width: 1024px) {
	
.margintoptextmore{
		margin-top:120px;
	}
	
}

.partext.textcentered{
	text-align:center;
	padding:10px;
	margin-bottom:0px;
}
.row {
  display: flex;
  flex-wrap: wrap;
  height:300px;

}

.col1, .col2 {
  width: 100%;            /* Default: full width (mobile first) */
  padding: 20px;
  box-sizing: border-box;
}

/* Medium and larger screens (768px+) */
@media (min-width: 768px) {
  .col1 {
    width: 30%;
  }
  .col2 {
    width: 40%;
  }
}


/* Outer container for centering */
.outer-container {
  display: flex;
  align-items: center;      /* vertical centering */
  justify-content: center;  /* horizontal centering */
  min-height: 100vh;        /* full viewport height */
  padding: 1rem;
  box-sizing: border-box;
}

/* Bulletin grid layout */
.bulletin-container {
  display: grid;
  gap: 1rem;
}

/* Responsive layout: 
   Adjust columns to indirectly control rows */
@media (max-width: 639px) {
  .bulletin-container {
    grid-template-columns: 1fr; /* 1 column → 6 rows */
  }
  
.container-unset, .container{
	  font-size:30px;
  }
  
.social-link,.containercontact,.container-footer, .small-tag,.smaller-tag{
	font-size:25px;
}

.tel{
	font-size:30px;
}

.small-tag2{
	font-size:22px;
}

.contactpage,.cont{
	font-size:40px;
}

.contsmall{
	font-size:30px;
}
  
.muchmarginbottom{
	margin-bottom:50px;
}
  

  .nav-links a {
  font-size: 40px;
  font-weight: bold;
}

  .lang-buttons {
  font-weight: bold;
  width:100px;
  height:50px;
  text-align:center;
  margin-top:-50px
}

.lang-buttons a{
	font-size:2rem;
	display:block;
	margin-bottom:2px;
	width:100px;
	height:50px;
}
  
}

@media (min-width: 640px) and (max-width: 1023px) {
  .bulletin-container {
    grid-template-columns: repeat(2, 1fr); /* 3 columns → 2 rows */
  }
  
    .nav-links a {
  font-size: 40px;
  font-weight: bold;
}
  
    .outer-container{
	  margin-top:50px;
	  min-height:0px;
  }
  
    .lang-buttons {
  font-weight: bold;
  width:100px;
  height:50px;
  text-align:center;
  margin-top:-50px
}

.lang-buttons a{
	font-size:2rem;
	display:block;
	margin-bottom:2px;
	width:100px;
	height:50px;
}


.container-unset,  .container{
	  font-size:30px;
  }
  
 .social-link,.containercontact,.container-footer, .small-tag,.smaller-tag{
	font-size:25px;
}
  

.tel{
	font-size:30px;
} 

.small-tag2{
	font-size:22px;
}

.contactpage, .cont{
	font-size:40px;
}

.contsmall{
	font-size:30px;
}
  
 .muchmarginbottom{
	margin-bottom:50px;
} 
 
}
@media (min-width: 1024px) {
  .bulletin-container {
    grid-template-columns: repeat(3, 1fr); /* 2 columns → 3 rows */
  }
        .outer-container{
	  margin-top:50px;
	  min-height:0px;
  }
}

/* Bulletin item styling */
.bulletin {
  background: #FFFCF1;
  padding: 1.5rem;
  text-align: center;
  border-radius: 8px;
  border:1px solid black;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}


.container-unset{
	display: block;
}

.removbord{
 border: none;
}

.image-container {
  position: relative;
  display: inline-block; /* or block, depending on your layout */
}