* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

body {
  font-family: Arial, sans-serif;
	color: #333 !important;
  background-color:var(--leheTaust); /*#F4F6F3 ;/* #723100;*/
	
	background-image:url(/kujund/images/taust2.jpg);
background-repeat:repeat-x, repeat-y;
	
	 background-size: cover;
}
.container{
	margin:10px auto;
		  width: 95vw;
	max-width: 1500px;
	  }

.top-bar {
  display: flex;
  justify-content: space-between;
  background-color:var( --sotsTaust); /*#bb88ff;*/
	border-radius: 20px 20px 0 0;
  padding: 10px;
  align-items: center;
  flex-wrap: wrap;
}

.nimi {
  background-color: var(--nimeTaust); /* #ff2c7c;*/
	border-radius: 20px 20px 0 0;
  padding: 10px 20px;

  text-align: center;
	color:white;

	  font-family: "Lobster Two", sans-serif;
  font-weight: 400;
  font-style: normal;
	font-size: 3rem;
  flex: 1;
}

.hamburger {
  font-size: 24px;
  cursor: pointer;
  display: none;
}

.social-links a {
  color: black;
  margin-left: 10px;
  font-size: 1.2rem;
}

.logo-section {
 /* background-color: #5d70ff;*/
	background: linear-gradient(to bottom, #6B8242, #dcefe2);
  text-align: center;
  padding: 20px;
}

.logo-header-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 10px;
  padding: 10px;
}

.logo-img {
  flex: 0.1 1 10%; /* Umbes 200px kui konteiner on 800px */
  max-width: 10%;
  height: auto;
  object-fit: contain;
}

.header-img {
  flex: 1 1 55%; /* Umbes 600px kui konteiner on 800px */
  max-width:45%;
  height: auto;
  object-fit: contain;
	border-radius:30px;
}


/*dfgdfghdf*/

.dropdown-menu {
  background-color:var(--menyyTaust);
	
}

.menu {
  list-style: none;
	
	padding-top: 10px;
	padding-bottom: 10px;
  padding-left: 10px;
	
	align-items: flex-start;
}

.menu li {
  position: relative;
	
}
.menu li:focus{
	background-color:red;
}
.menu li:hover {
	
 /*background-color:var(--menyyHoljun);*/
	
}
.menu-toggle {
  background: none;
  border: none;
  text-align: left;
  padding: 2px 5px;
  width: 100%;
  font-size: 1rem;
  background-color:#BEE575;/*var(--peamenyy);  */
	transition: background-color 0.3s ease;
  cursor: pointer;
}

.menu-toggle:hover {
	text-decoration: underline;
background-color:var(--menyyHoljun);
	box-shadow:2px 0 0 5px lightblue;
	 /* padding: 0rem 1rem;  Suurem polster */
	/*border-radius: 10px;*/
  /* box-shadow:var(--menyyHStiil); */
}

.submenu {
  display: block;
  padding-left: 20px;
}

.submenu.submenu-open {
  display: block !important;
	
}
.submenu a {
  display: block;
  padding: 8px 20px;
  text-decoration: none;
  color: black;
}

.content {
	
	background-color:var(--sisuTaust); /*#e4b7b2; /* #ff7890;*/
  padding: 20px;
  min-height: 400px;

 /* max-width: 100%;
  overflow-wrap: break-word; /* murrab pikad sõnad/lõigud */
 /* word-break: break-word;*/
  box-sizing: border-box; /* padding ei kasvata kogulaiust üle 100% */
}
.sisu{
	 display: block;
  justify-content: center;
	text-align: left;
}
.content img {
  max-width: 100%;
  height: auto;
}

.content table {
  max-width: 100%;
  overflow-x: auto;
  display: block;
}

.content pre {
  white-space: pre-wrap;
  word-wrap: break-word;
}


.footer {
  background-color:var(--jaluseTaust); /* #ffd700;*/
  padding: 20px;
  text-align: center;
  font-weight: bold;
	border-radius:0 0 20px 20px;
}

.desktop-only {
  display: flex;
}
.mobile-only {
  display: none;
}

/*adfgdfg*/

 @media (min-width: 769px) {
		  .top-bar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 2px 5px;
   /* flex-wrap: nowrap;*/
  }

  .nimi {
    flex: 1;
  }

  .social-links.desktop-only {
    display: flex;
    gap: 15px;
    align-items: center;
  }

  .social-links a {
    font-size: 1.2rem;
    color: black;
  }
  .dropdown-menu {
    position: relative;
    padding-top: 10;
	  padding-left: 105px;
	  padding-right: 103px;
    height: auto;
    left: 0 !important;
    display: block;
	  background-color: linear-gradient(to right, #BEE575, #2e6049);
    background-image: url('../images/kujundus/tausto1.png'), url('../images/kujundus/taustv1.png');
  background-position: left center, right center;  /* Vasak ja parem serv */
  background-repeat: repeat-y, repeat-y;
  background-size: 10%, 10%;
	 
  }

  .menu {
    display: flex;
    gap: 7px;
	  margin:0 20px 0 20px;
	  
    justify-content: center;
	  flex-wrap: wrap;
    align-items: center;
  }

  .menu li {
    position: relative;
  }

  .menu-toggle {
    background: none;
    border: none;
    padding: 1px 5px;
    font-size: 1rem;
    background-color: transparent;
    cursor: pointer;
	
  }

  .submenu {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    background-color:var(--alammenyy); 
    border: 1px solid #ccc;
    min-width: 150px;
    z-index: 999;
  }

  .menu li:hover > .submenu {
    display: block;
  }

  .submenu li {
    position: relative;
  }

  .submenu .submenu {
    top: 0;
    left: 100%;
  }

  .hamburger {
    display: none;
  }
	 .sisu{
display: block;
	padding: 0 50px;
	word-break:break-word;
 	 justify-content: center;
	
  word-wrap: break-word;
overflow-wrap: break-word; 
	/*	 text-align: left;*/
}	
}
.kinni{
		  position: sticky;
		  top:1px;
		  z-index: 1000;
	  }
.peidaUudis:hover{
	text-decoration: underline;
	cursor:pointer;
}
h1{
	/*color:var(--linkPealkiri ) !important;*/
}