.kep-wrapper {
    width: 100%;
    aspect-ratio: 1;
    display: block;
    overflow: hidden;
    background-color: #e5e5e5;        /* világosszürke háttér */
    position: relative;
    transition: 
        background-color 0.3s ease,
        box-shadow 0.35s ease;   /* Árnyék animáció */
   /* border-radius: 10px;              /* opcionális */
	border:1px solid #d3d3d3;
}

/* Hoverkor háttér sötét + árnyék */
.kep-wrapper:hover {
    background-color: #c8c8c8;
    box-shadow: 0px 0px 14px 0px rgb(0 0 0 / 28%);  /* Kellemes árnyék */
}

.nyitokep {
    width: 100%;
    height: 100%;
    aspect-ratio: 1;
    object-fit: contain;
    object-position: center;
    transition: 
        transform 0.35s ease, /* smooth zoom */
        filter 0.35s ease;   /* kép sötétítés animációja */

    display: block;
}

/* Hoverre a kép kicsit nagyít */
.kep-wrapper:hover .nyitokep {
    transform: scale(1.30) rotate(10deg);   /* képi elfordítás + zoom */
    /*filter: brightness(0.7);               /* sötétítés */  	
	box-shadow: 0 4px 20px rgba(0,0,0,0.25);	
}


/* A sötétítő overlay réteg */
.kep-overlay {
    content: "";
    position: absolute;
    inset: 0;                      /* top:0; right:0; bottom:0; left:0; */
    background: rgba(0,0,0,0);     /* kezdetben átlátszó */
    transition: background 0.35s ease;
    z-index: 2;                    /* a kép fölött */
}

/* Hoverkor sötétedik minden: kép+háttér egyszerre */
.kep-wrapper:hover .kep-overlay {
    background: rgba(0,0,0,0.1);   /* 20% fekete áttetsző réteg */
}


a{
	color:#094a65;
}
a:hover{
	
	color:#000000;
}

.thumb{
  margin-top: 15px;
  margin-bottom: 15px;
}
.fade2 {
	max-height:300px;
}
.fade2 .nev{
	position:absolute;
	bottom:30px;
	left:30px;
	color:#FFFFFF;
	font-size:30px;
	font-weight:bold;
}


b, strong {
    font-weight: bold;
}
	

nav{
    margin-left: 11px;
    margin-right: 11px;

}
.tab-content{	
	    margin-left: 25px;
    margin-right: 25px;
}
/*
.responsive-video {
position: relative;
padding-bottom: 56.25%;
padding-top: 60px; overflow: hidden;
}


.responsive-video iframe,
.responsive-video object,
.responsive-video embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

.fade2 {
    width: auto;
    display: block;
    position:relative;
    overflow: hidden;
    text-align: center;	
	background-color: white;	
	opacity: 1;
	background-color:#000000;
	color:#000000;
}

.fade2 img {
	-webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}   

.fade2:hover .nyitokep{
	-moz-transform: scale(1.05);
	-webkit-transform: scale(1.05);
	transform: scale(1.05);	
	opacity: 0.8;
 }

.fade2 span {
    display: block;
    height: 100%;
    visibility:hidden;
    position: absolute;
    width: 100%;
    top: 50%;
    font-size:16px;
}

.fade2:hover span {
    color:#000000;
    visibility:visible;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}
*/