/* Globális stílusok */
@import url('https://fonts.googleapis.com/css2?family=Sora:wght@100;300;400;500;700;800&display=swap');
body, html {
  margin : 0;
  padding : 0;
  font-family : 'Sora', sans-serif;
  scroll-behavior : smooth;
  }
  body {
  background-color : #ffffff;
  overflow-x : hidden;
  }
  .navbar {
    position : fixed;
    top : 0;
    width : 100%;
    background-color : #fd3e81;
    color : white;
    display : flex;
    justify-content : space-between;
    align-items : center;
    padding : 10px 20px;
    z-index : 1000;
    }
    .navbar {
      display: flex;
      justify-content: space-between;
      overflow: visible;
      align-items: center;
      padding: 20px;
      background-color: #f5427d;
    }
    .header-icon {
    width : 50px;
    height : 50px;
    background-image : url("images/csillag-01.svg");
    background-size : cover;
    background-position : center;
    display : inline-block;
    animation : spin 3s linear infinite;
    }
    .navbar .logo {
    display : flex;
    align-items : center;
    gap : 10px;
    font-weight : lighter;
    }
    .navbar .logo .icon {
    font-size : 1.5rem;
    animation : spin 3s linear infinite;
    }
    .navbar .menu ul {
    list-style : none;
    display : flex;
    gap : 50px;
    margin-right : 90px;
    padding : 0;
    }
    .navbar .menu a {
    text-decoration : none;
    color : white;
    font-weight : lighter;
    font-size : 1rem;
    }
    .header {
    background-color : #fff;
    padding : 10px 20px;
    position : fixed;
    width : 100%;
    top : 0;
    z-index : 100;
    border-bottom : 1px solid #ddd;
    }
    .nav-links {
    display : flex;
    justify-content : flex-end;
    list-style : none;
    margin : 0;
    padding : 0;
    }
    .nav-links li {
    margin : 0 15px;
    }
    .nav-links a {
    text-decoration : none;
    color : #000;
    font-weight : 500;
    }
    .nav-links a.active {
    color : #ffffff;
    font-weight : 700;
    }
    .menu {
      display: flex;
    }

.navbar .menu {
  display: flex;
  gap: 50px;
  list-style: none;
  margin: 0;
  padding: 0;
}

.navbar .menu a {
  text-decoration: none;
  color: white;
  font-weight: lighter;
  font-size: 1rem;
}

.hamburger {
  display: none;
  font-size: 30px;
  background: none;
  border: none;
  cursor: pointer;
}

/* MOBILNÉZET (MAX-WIDTH: 768PX) */
@media (max-width: 768px) {
  .hamburger {
    display: block; /* Hamburger megjelenítése */
  }

  .menu {
    display: none; /* Mobil nézetben alapból rejtett */
    flex-direction: column; /* Menüpontok egymás alá kerülnek */
    background-color: #f5427d;
    position: absolute;
    top: 60px;
    right: 0;
    width: 100%;
    z-index: 1000;
    padding: 10px 0;
  }

  .menu.active {
    display: flex; /* Menüpontok megjelenítése kattintásra */
  }

  .menu a {
    text-align: center; /* Középre igazított menüpontok */
    padding: 10px 0;
  }
}

  .footer-container {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: space-between;
    gap: 20px;
    max-width: 1920px;
    box-sizing: border-box;
    margin: 0 auto;
    padding: 20px 58px;
    text-align: left;
  }
  
  .footer-box {
    flex: 1;
    min-width: 200px;
  }
  
  .footer-box h3 {
    font-size: 18px;
    font-weight: 400;
    margin-bottom: 10px;
  }
  
  .footer-box p, .footer-box ul li {
    font-size: 14px;
    line-height: 1.5;
    color: #333;
  }
  
  .footer-box ul {
    list-style: none;
    padding: 0;
    flex: 1;
  }
  
  .footer-box ul li a {
    text-decoration: none;
    color: #555;
  }
  
  .footer-box ul li a:hover {
    color: #fd3e81;
  }
  
  .footer-box.social a {
    color: black;
    margin: 0 10px;
    font-size: 24px;
    text-decoration: none;
    flex: 1;
  }
  
  .footer-box.social a:hover {
    color: #fd3e81;
  }
  
  footer a {
    color: black;
    text-decoration: none;
  }
  
  footer a:hover {
    color: #fd3e81;
    text-decoration: underline;
  }
  
  .newsletter {
    background-color : #ffffff;
  text-align : left;
  border-top : 0 solid #ddd;
  margin-left : 58px;
  justify-content : flex-start;
  }
  .newsletter h3 {
  font-size : 64px;
  font-weight : bold;
  font-family : 'Arial Black', 'Arial Bold', 'Arial', sans-serif;
  margin-bottom : 20px;
  font-size: clamp(1.5rem, 5vw, 3rem); /* Reszponzív betűméret */
  overflow-wrap: break-word;
  text-align : left;
  line-height : 1;
  color: #fd3e81;
  }
  .newsletter input[type="email"] {
  width : 100%;
  max-width : 90%;
  margin-left : 58px;
  border : 0;
  border-bottom : 1px solid #000;
  width : 100%;
  background : none;
  outline : none;
  padding : 10px 0;
  margin : 0;
  font-size : 16px;
  box-sizing : border-box;
  }
  .newsletter input[type="email"]::placeholder {
  color : #999;
  font-size : 14px;
  }
  .newsletter input[type="email"]:focus {
  border-bottom : 1px solid #fd3e81;
  }
  .newsletter label[for="email"] {
  font-weight : 400;
  font-size : 14px;
  color : #333;
  display : block;
  margin-bottom : 5px;
  }
  .newsletter label input[type="checkbox"] + span {
  font-weight : 200;
  font-size : 14px;
  color : #333;
  margin-left : 5px;
  margin-top : 20px;
  margin-bottom : 20px;
  }
  .newsletter input[type="email"] {
  font-size : 14px;
  }
  .newsletter button {
  background-color : #fd3e81;
  color : white;
  padding : 10px 20px;
  margin-top : 40px;
  width : 30%;
  border : none;
  border-radius : 5px;
  font-size : 14px;
  cursor : pointer;
  }
  .newsletter button:hover {
    background-color: #ff1e5f;
    transform: scale(1.02);
  }
  .subscribe-container {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: 20px;
  }
  
  .subscribe-container input[type="checkbox"] {
    width: auto;
    margin: 0;
  }
  
  .subscribe-container label {
    font-size: 14px;
    color: #333;
  }
  .copyright {
  text-align : left;
  padding : 10px 0;
  margin-left : 58px;
  font-size : 14px;
  font-weight : 200;
  color : #666;
  background-color : #fff;
  border-top : 0 solid #ddd;
  }
  @media (max-width: 768px) {
  .footer-container {
  flex-direction : column;
  text-align : center;
  }
  .newsletter form {
  width : 100%;
  }
  }
  .cookie-consent {
  position : fixed;
  bottom : 0;
  left : 0;
  width : 100%;
  background-color : #555;
  color : white;
  padding : 15px;
  text-align : center;
  font-size : 16px;
  z-index : 9999;
  display : none;
  }
  .cookie-consent p {
  margin : 0;
  padding : 0;
  }
  .cookie-consent a {
  color : #fd3e81;
  text-decoration : none;
  }
  .cookie-consent a:hover {
  text-decoration : underline;
  }
  .cookie-consent .accept-cookies {
  background-color : #fd3e81;
  color : white;
  padding : 10px 20px;
  border : none;
  cursor : pointer;
  font-size : 14px;
  margin-top : 10px;
  }
  .cookie-consent .accept-cookies:hover {
  background-color : #fdd835;
  }
  /* Reszponzív stílus mobil eszközökhöz */
@media (max-width: 768px) {
  #cookie-consent {
    font-size: 14px; /* Kisebb betűméret */
    padding: 10px; /* Kevesebb padding */
  }

  #cookie-consent button {
    font-size: 12px; /* Kisebb gomb betűméret */
    padding: 8px 12px; /* Kisebb gomb méret */
  }
}

/* Reszponzív stílus nagyon kis képernyőkhöz */
@media (max-width: 480px) {
  #cookie-consent {
    flex-direction: column; /* Elemek egymás alá kerülnek */
    text-align: left; /* Balra igazított szöveg */
  }

  #cookie-consent button {
    margin-left: 0;
    margin-top: 10px; /* Gomb a szöveg alá kerül */
  }
}
  .container {
  border : #fd3e81 solid 20px;
  padding : 0;
  background-color : #ffffff;
  min-height : 100vh;
  position : relative;
  }