@import url("https://cdnjs.cloudflare.com/ajax/libs/meyer-reset/2.0/reset.min.css");
@import url("https://fonts.googleapis.com/css?family=Poppins:700,400");
* {
  -webkit-font-smoothing: antialiased;
  box-sizing: border-box;
}
html,
body {
    margin: 0px;
    height: 100%;    
    background-color: #AFAFAF;
}
/* a blue color as a generic focus style */
button:focus-visible {
  outline: 2px solid #4a90e2 !important;
  outline: -webkit-focus-ring-color auto 5px !important;
}
a {
  text-decoration: none;
}

@font-face {
    font-family: "Helvetica Neue-Bold";
	src: url('fonts/HelveticaNeueBold.otf') format('opentype'),
		 url('fonts/helvetica-neue-bold.ttf') format('truetype');	
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "Helvetica Neue-Medium";
	src: url('fonts/HelveticaNeueMedium.otf') format('opentype');	
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "Helvetica Neue-Regular";
	src: url('fonts/HelveticaNeueLight.otf') format('opentype');	
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "Poppins";
	src: url('fonts/"fonts/Poppins-Regular.ttf"') format('truetype');	
    font-weight: normal;
    font-style: normal;
}

.page-wrapper {
    /* Toto zajistí horizontální centrování celého bloku */
    margin-left: auto;
    margin-right: auto;
    /* Stránka bude mít pevnou šířku nebo max-width */
    max-width: 1440px; 
    /* Případně pevnou šířku, pokud je design fixní: */
    /* width: 1440px; */ 
}

.logo-wrapper {
    position: relative; 
    display: block;    
    width: 169px;
    height: 46px;		       
}

.logo-wrapper .logo-default {
    display: block; 
}

.logo-hover-image {
    position: absolute; 
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('img/vrstva-1-2-blue.svg'); /* Cesta k novému obrázku */
    background-size: contain;
    background-repeat: no-repeat;
    opacity: 0; /* Ve výchozím stavu neviditelné */
    transition: opacity 0.3s ease; /* Plynulý přechod */
}

.logo-wrapper:hover .logo-hover-image {
    opacity: 1; /* Při najetí myší se hover obrázek zobrazí */
}

.nav-item-1 {
 top: 195px;
 left: 1163px;
 width: 277px;
 height: 87px;
 position: absolute; 
 background-image: url(./img/rectangle-40-34.svg); 
 background-size: 100% 100%;
 display: flex; /* Použijeme flexbox pro centrování textu uvnitř */
 justify-content: center;
 align-items: center;
 text-align: center; /* Pro zalomený text */
 transition: background-image 0.3s ease;	
}
/* ZMĚNA POZADÍ PŘI HOVERU na celý klikatelný blok (včetně› textu) */
.nav-item-1:hover {
 background-image: url(./img/rectangle-40-34-black.svg); /* Obrázek při hoveru */
}

.nav-item-2 {
 top: 292px;
 left: 1163px;
 width: 277px;
 height: 87px;
 position: absolute; 
 background-image: url(./img/rectangle-40-34.svg); 
 background-size: 100% 100%;
 display: flex; /* Použijeme flexbox pro centrování textu uvnitř */
 justify-content: center;
 align-items: center;
 text-align: center; /* Pro zalomený text */
 transition: background-image 0.3s ease;	
}
/* ZMĚNA POZADÍ PŘI HOVERU na celý klikatelný blok (včetně› textu) */
.nav-item-2:hover {
 background-image: url(./img/rectangle-40-34-black.svg); /* Obrázek při hoveru */
}

.nav-item-3 {
 top: 389px;
 left: 1163px;
 width: 277px;
 height: 87px;
 position: absolute; 
 background-image: url(./img/rectangle-40-34.svg); 
 background-size: 100% 100%;
 display: flex; /* Použijeme flexbox pro centrování textu uvnitř */
 justify-content: center;
 align-items: center;
 text-align: center; /* Pro zalomený text */
 transition: background-image 0.3s ease;	
}
/* ZMĚNA POZADÍ PŘI HOVERU na celý klikatelný blok (včetně› textu) */
.nav-item-3:hover {
 background-image: url(./img/rectangle-40-34-black.svg); /* Obrázek při hoveru */
}

.nav-item-4 {
 top: 486px;
 left: 1163px;
 width: 277px;
 height: 87px;
 position: absolute; 
 background-image: url(./img/rectangle-40-34.svg); 
 background-size: 100% 100%;
 display: flex; /* Použijeme flexbox pro centrování textu uvnitř */
 justify-content: center;
 align-items: center;
 text-align: center; /* Pro zalomený text */
 transition: background-image 0.3s ease;	
}
/* ZMĚNA POZADÍ PŘI HOVERU na celý klikatelný blok (včetně› textu) */
.nav-item-4:hover {
 background-image: url(./img/rectangle-40-34-black.svg); /* Obrázek při hoveru */
}

.nav-item-5 {
 top: 583px;
 left: 1163px;
 width: 277px;
 height: 87px;
 position: absolute; 
 background-image: url(./img/rectangle-40-34.svg); 
 background-size: 100% 100%;
 display: flex; /* Použijeme flexbox pro centrování textu uvnitř */
 justify-content: center;
 align-items: center;
 text-align: center; /* Pro zalomený text */
 transition: background-image 0.3s ease;	
}
/* ZMĚNA POZADÍ PŘI HOVERU na celý klikatelný blok (včetně› textu) */
.nav-item-5:hover {
 background-image: url(./img/rectangle-40-34-black.svg); /* Obrázek při hoveru */
}

.nav-item-6 {
 top: 680px;
 left: 1163px;
 width: 277px;
 height: 87px;
 position: absolute; 
 background-image: url(./img/rectangle-40-34.svg); 
 background-size: 100% 100%;
 display: flex; /* Použijeme flexbox pro centrování textu uvnitř */
 justify-content: center;
 align-items: center;
 text-align: center; /* Pro zalomený text */
 transition: background-image 0.3s ease;
}

/* ZMĚNA POZADÍ PŘI HOVERU na celý klikatelný blok (včetně› textu) */
.nav-item-6:hover {
 background-image: url(./img/rectangle-40-34-black.svg); /* Obrázek při hoveru */
}

.menu2 {
 font-family: "Helvetica Neue-Bold", Helvetica;
 font-weight: 700;
 color: #ffffff; /* Barva textu */
 font-size: 16px;
 text-align: center;
 letter-spacing: 0;
 line-height: 30px;	 
}