@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Saira+Semi+Condensed:wght@100;200;300&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Comfortaa:wght@300;400;500;600;700&display=swap');

*,*:before,*:after { box-sizing: border-box; margin: 0; padding: 0 }
html { height: 100%;	}
body {height:100%; color: #424242; font-family: Comfortaa, 'Saira Semi Condensed', Roboto,  verdana, Raleway, sans-serif; /*background: url('../pics/bg2022a.png'/*bg-body_zolis.jpg bg2022a.png) fixed;  background: linear-gradient(#a7a7a7,#aebfa7);*/background: linear-gradient(#006584,#aebfa7);
    background-attachment: fixed; background-position: center; background-repeat: no-repeat; background-size: cover; font-weight: 300;font-size: 1rem;	line-height: 1.65;}





img { max-width: 100%; height: auto;border-radius: 5px 5px 0 0; }
a { color: #00b8d4 ; text-decoration: none;}   
a:hover {background: rgba(0,0,0,.2);color: #000;}
.w { max-width: 1050px; margin: 0 auto; padding: 0 30px }
.mt0 { margin-top: 0 }
.mr10 { margin-right: 10px }
.mb10 { margin-bottom: 10px }
.logo { color: #fff; font-size: 18px; font-weight: 400; text-decoration: none }
.logo span { color: #00b8d4 }

.clearfix::after { content: ""; clear: both; display: table; }

/* fixsarok=bakancs a sarokban */
#fixsarok {	width: 175px; height: 175px; background: url('../pics/logo_wb.png'); background-repeat: no-repeat; 	position: fixed; right: 25px; bottom: 25px;	z-index: 2500;}
#fixsarok:hover { background: url('../pics/logo_wb_m_1.png'); transition: 2s; }
@media only screen
and (min-width : 480px)
and (max-width : 800px) {
div#fixsarok {width: 150px; height: 150px; background: url('../pics/logoka_wb_f.png'); background-repeat: no-repeat; position: fixed; right: 10px; bottom: 10px;	z-index: 2500;}
#fixsarok:hover {background: url('../pics/logo_wb_m_f_1.png');}
}
@media only screen
and (min-width : 320px)
and (max-width : 480px) {
div#fixsarok {width: 100px; height: 100px; background: url('../pics/logoka_wb_f2.png'); background-repeat: no-repeat; position: fixed; right: 10px; bottom: 10px;	z-index: 2500;}
#fixsarok:hover {background: url('../pics/logo_wb_m_f2_1.png');}
}
@media only screen
and (min-width : 240px)
and (max-width : 320px) {
div#fixsarok {width: 100px; height: 100px; background: url('../pics/logoka_wb_f2.png'); background-repeat: no-repeat; position: fixed; right: 10px; bottom: 10px;	z-index: 2500;}
#fixsarok:hover {background: url('../pics/logo_wb_m_f2_1.png');}
}

/* visszanyil a sarokba*//* menü feltapad */

#navlist { position: relative; position: fixed;	top: 25px; left: 25px;}
#navlist li {  margin: 0;  padding: 0;  list-style: none;  position: absolute;  top: 0;}
#navlist li, #navlist a { height: 44px; display: block;}

/*  *főoldalra nyíl**/

#prev { left:  25px; width: 43px; background: url('../pics/img_navsprites.gif') -47px 0;}
#prev a:hover { background: url('../pics/img_navsprites_hover.gif') -47px 0;}

header, main { margin: 0 0 1rem 0;color:white;}
header > h1{ text-align: center;	margin-top: 50px;  margin-bottom: 10px;	font-size: 36px;}
/*main *+* { max-width:1050px;} margin-top: 1rem;*/
.flex-container { display: flex; flex-wrap: wrap; justify-content: center; align-items: center;text-align: center;}
#row1 { color: white; text-shadow: 2px 2px 2px rgb(0 0 0 / 80%); margin-top: 50px; margin-bottom: 10px; font-size: 1.3em;font-weight:500;}
#row1 span {	padding: 0 40px; color: white;}

#row1_2023 { color: white; text-shadow: 2px 2px 2px rgb(0 0 0 / 80%); /*margin-top: 50px; margin-bottom: 5rem;*/ font-size: 1.15rem;}
#row1_2023 span {	padding: 0 40px; color: white;}
#row1_2023 h2 {	color: white;font-size:1.5rem;}




main.w { margin: 60px auto; max-width:1050px;}/* width:80vw */
main.w h1 { margin: 0 auto; font-family: Comfortaa, 'Saira Semi Condensed', sans-serif;font-weight: 500; }
main p { line-height: 1.6; margin: 20px 0 }
main ol,
main ul { margin: 0 0 30px 30px }
main li { margin: 0 0 5px 0; line-height: 1.6 }
main h1 { font-weight: 300; font-size: 50px; margin: 0 0 30px 0; color: #fff }
main h2 { font-weight: 500; font-size: 16px; text-transform: uppercase; margin: 1.75rem 0 1rem 0; color: #000;padding-left: 2rem }
main h3 { font-weight: 400; font-size: 15px; text-transform: lowercase; margin: 50px 0 30px 0; color: #000 }
main h4 { font-weight: 400; font-size: 15px; font-style: italic; text-transform: capitalize; margin: 0; color: #000;padding-top: 0.75em;}

.b { background: #00b8d4; color: #fff; text-transform: uppercase; font-weight: 500; border-radius: 2px; display: inline-block; padding: 6px 16px 4px; text-decoration: none; transition: .3s }
.b:hover,
.b:active { background: #2e393d }

.bp { margin: 0 0 15px 0; text-transform: none; font-size: 16px; font-weight: 500 }
.bp a { color: inherit; display: block; text-decoration: none }
.bp span { display: block; font-size: 13px; margin: 0 0 3px 0; color: #999; font-weight: 300 }
.bp a:hover,
.bp a:hover span { color: #00b8d4 }


.date { font-weight: 300; margin-bottom: 50px }


.tabs { overflow: hidden; padding: 0 2.5rem; }
.tabs input { position: absolute; opacity: 0; z-index: -1 }
.tab { width: 100%; overflow: hidden; margin-bottom: 5px }
.tab-label { display: flex; justify-content: space-between; align-items: center; padding: 15px; /*background: #d3cbaf;*/ font-size: 1.0rem; cursor: pointer; border-radius: 5px;/*#ffd700*/color:white;/* #00b8d4; */;text-shadow: 2px 2px 2px rgba(0,0,0,.35);font-family: 'Raleway';background: rgba(255,255,255,.75); position:relative;}
.tab-label img { width: 25px; vertical-align: middle; margin: 0; }
.tab-label:hover { background: #e5e5e5 }
.tab-label::after { content: " "; width: 30px; height: 30px; text-align: center; transition: .2s; font-size: 1.5rem; line-height: 30px; font-weight: 300 }
.tab-content { max-height: 0; /*padding: 0 15px;*/ transition: .2s; background: white; /*rgba(65, 163, 236, 0.25); border-bottom-left-radius: 5px; border-bottom-right-radius: 5px;*/ }
.tabs input:checked + .tab-label { background: #00b8d4; color: #fff; border-radius: 5px 5px 0 0; }
.tabs input:checked + .tab-label::after { content: '-'; border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;}
.tabs input:checked ~ .tab-content { max-height: 100%; padding: 15px 15px 0 15px; }

.tab-label span { margin-left: 500px;/*color: #00b8d4;*/	background-color: white;	position: absolute;	right: 1.25rem;	left: 0; border-radius: 5px; background-color: rgba(127,192,108,1); }

.tab16 ul {list-style: none;}




/* jo ez */

.tabs2 {
  display: flex;
  flex-wrap: wrap;
  max-width: 400px;
  font-family: sans-serif;
  margin: 0 auto;
  color:white;
}

.tabs2__label {
  padding: 10px 16px;
  cursor: pointer;
}

.tabs2__radio {
  display: none;
}

.tabs2__content {
  order: 1;
  width: 100%;
  border-bottom: 1px solid #dddddd;
  line-height: 1.5;
  font-size: 0.9em;
  display: none;
}

.tab2s__radio:checked + .tabs2__label {
  font-weight: bold;
  color: #009578;
  border-bottom: 1px solid #009578;
}

.tabs2__radio:checked + .tabs2__label + .tabs2__content {
  display: initial;
}

/* eddig */








.arrow { display: inline-block;	width: 0;height: 0 ; margin-left: 10px; }
.arrow.up {	border-bottom: 10px solid white;border-right: 10px solid transparent;border-left: 10px solid transparent;margin: 0 7px; } /*#785519*/
.arrow.down {border-top: 10px solid #ffffff;border-right: 10px solid transparent;border-left: 10px solid transparent;margin: 0 7px;}

.tab::after,
.tab-content::after {
	content:'';
	clear: both;
	display: table
}

.cim h2 { font-weight: bold;font-family:Roboto, 'Saira Semi Condensed', Comfortaa, verdana, Raleway, sans-serif;font-size: 1.5em;text-transform: capitalize}

@media (max-width: 650px) {
	.w { padding: 0 15px }
}

@media(max-width:480px) {
	main h1 { font-size: 30px }
}

.box-wrapper {
	display: flex;
	flex-flow: row wrap;
	float: left;
	justify-content: center;
}

.box-wrapper>p {
	padding-top: 0;
}



.kiskapitalis {
	font-variant: small-caps;
}

.versenybeszamolo p { color:#f44336;}
.edzomeccs p { color:#00bcd4;}
.versenykiiras p { color:#ff9800;}


.hirdoboz {
	max-width: 1000px;
	width: 93%; /*90%*/
	min-height: 20vh;
	margin: 2rem auto; /* 40px auto */
	padding:25px;
	color: #0F0F19;
	background-color: #ffffff;/*rgba(189, 228, 163, .95);*/
	border-radius:15px;
	box-shadow: 0 30px 40px -20px rgba(0,0,0,.5);
	/*position: relative;*/
	overflow: hidden;
	
}
@media(orientation:portrait) {
	
	.hirdoboz { 
		min-height: 30vh;
		margin: auto;
		padding: 0;
	}
	.tab-label span { margin-left: 0;}
	.hir { margin: 2rem auto;}
	.tabs { padding: 0 1.25rem;}
	.item1 h1 {
		font-size: 1.75rem;
		/*height: 10rem;*/
		padding-top: 5rem;
	}
	#fixsarok {
		background: url('../pics/logo_88x88.png');
		width: 88px;
		height: 88px;
	}
	div.box {
		width: 90px;
		height: 90px;
		left: 20px;
		top: 20px;
		margin: 4px 0 0 4px;
	}

}

.tab16 h3 {
	margin: 20px 0 10px 0;
	font-size: 1.15rem;
}
















.box {
	flex: 1;
	margin: 10px;
	min-width: 300px;
	max-width: 400px;
	background: white;
	/*box-shadow: 1px 1px 1px rgba(0,0,0,.1);*/
	border-radius: 5px 5px 0 0;
}

/*képváltás a boxban*/
.box img {height: 300px;border-radius: 5px;box-shadow: 0 30px 40px -20px rgba(0,0,0,.5);}
.egykep {margin:.5rem ;}


.carousel {	max-width: 420px; max-height: 300px;height:33vh;/* 35vh*/margin: 0.5rem 0.5rem 1rem 0.5rem; /*margin: .5rem;*/border-radius: 5px;box-shadow: 0 30px 40px -20px rgba(0,0,0,.5);position: relative;	overflow: hidden}
@media(orientation:portrait) { .carousel { height: 30vh; }} /* 33vh */
.carousel div {width: 100%;height: 100%;position: absolute;background-position: center center;background-size: cover;	opacity: 0;	border-radius: 5px;}
/*
.carousel div:nth-child(1) { background-image: url('../pics/22_01_1_1.jpg') }
.carousel div:nth-child(2) { background-image: url('../pics/22_01_2_1.jpg'); animation-delay: 3s }
*/


/*****  képváltós képek helye:kiegészítő box név, késleltetése   *******/
.box1 div:nth-child(1) { background-image: url('../pics/z-22_01_03_1.jpg') }
.box1 div:nth-child(2) { background-image: url('../pics/z-22_01_03_2.jpg') ; animation-delay: 6s }
.box1 div:nth-child(3) { background-image: url('../pics/z-22_01_03_3.jpg') ; animation-delay: 12s }
.box1 div:nth-child(4) { background-image: url('../pics/z-22_01_03_4.jpg') ; animation-delay: 18s }


.box2 div:nth-child(1) { background-image: url('../pics/z-22_05_02_1.jpg') }
.box2 div:nth-child(2) { background-image: url('../pics/z-22_05_02_2.jpg') ; animation-delay: 6s }
.box2 div:nth-child(3) { background-image: url('../pics/z-22_05_02_3.jpg') ; animation-delay: 12s }
.box2 div:nth-child(4) { background-image: url('../pics/z-22_05_02_4.jpg') ; animation-delay: 18s }

.box3 div:nth-child(1) { background-image: url('../pics/z-22_08_01_1.jpg') }
.box3 div:nth-child(2) { background-image: url('../pics/z-22_08_01_2.jpg') ; animation-delay: 6s }
.box3 div:nth-child(3) { background-image: url('../pics/z-22_08_01_3.jpg') ; animation-delay: 12s }

.box4 div:nth-child(1) { background-image: url('../pics/z-22_08_02_1.jpg') }
.box4 div:nth-child(2) { background-image: url('../pics/z-22_08_02_2.jpg') ; animation-delay: 6s }
.box4 div:nth-child(3) { background-image: url('../pics/z-22_08_02_3.jpg') ; animation-delay: 12s }

.box5 div:nth-child(1) { background-image: url('../pics/z-22_08_03_1.jpg') }
.box5 div:nth-child(2) { background-image: url('../pics/z-22_08_03_2.jpg') ; animation-delay: 6s }
.box5 div:nth-child(3) { background-image: url('../pics/z-22_08_03_3.jpg') ; animation-delay: 12s }

.box6 div:nth-child(1) { background-image: url('../pics/z-22_10_01_1.jpg') }
.box6 div:nth-child(2) { background-image: url('../pics/z-22_10_01_2.jpg') ; animation-delay: 6s }
.box6 div:nth-child(3) { background-image: url('../pics/z-22_10_01_3.jpg') ; animation-delay: 12s }

.box7 div:nth-child(1) { background-image: url('../pics/z-23_04_01_1.jpg') }
.box7 div:nth-child(2) { background-image: url('../pics/z-23_04_01_2.jpg') ; animation-delay: 6s }
.box7 div:nth-child(3) { background-image: url('../pics/z-23_04_01_3.jpg') ; animation-delay: 12s }






/* minta: */
/*
.box2 div:nth-child(1)  { background-image: url('../pics/21_01_1_1.jpg') }
.box2 div:nth-child(2) { background-image: url('../pics/21_02_1_1.jpg'); animation-delay: 3s }
*/

/* ---   eddig  --- */


.fader div { animation: fade 24s infinite }  /* 18s*/
@keyframes fade {
	0%, 40% { opacity: 0 }
	10%, 35% { opacity: 1 }
}
/*
.carousel.feder { opacity: 0; animation: carousel-fade-in 1.5s forwards }
@keyframes carousel-fade-in {
	0%, 40%  { opacity: 0 }
	100% { opacity: 1 }
}
*/

/*eddig*/



.box-content {
	padding: 0;/*0 1.5rem;*/
	font-size: .9rem;
	font-family: Roboto;
	
}

.box h4 {
    font-weight: 400;
    font-size: 15px;
    font-style: italic;
    text-transform: capitalize;
    margin: 0;
    color: #000;
    padding-left: 1rem;
}

.box h3 {
	margin: 1.5rem 0 0 0;
	font-size: 1.2rem;
	text-align:center;
}
.box p {
	text-align: center;
}
.btn {
	display: inline-block;
	padding: .5rem 1rem;
	margin-bottom: 1rem;
	background: #86b604;
	color: white;
	text-decoration: none;
	border-radius: 5px;
}

.btn2012 { background: #DD4124;padding: 0.75rem 1.75rem;margin-right: 1rem;}
.btn2013 { background: #009473;padding: 0.75rem 1.75rem;margin-right: 1rem;}
.btn2014 { background: #AD5E99;padding: 0.75rem 1.75rem;margin-right: 1rem;}
.btn2015 { background: #964F4C;padding: 0.75rem 1.75rem;margin-right: 1rem;}
.btn2016 { background: #93A9D1;padding: 0.75rem 1.75rem;margin-right: 1rem;}
.btn2017 { background: #88B04B;padding: 0.75rem 1.75rem;margin-right: 1rem;}
.btn2018 { background: #5F4B8B;padding: 0.75rem 1.75rem;margin-right: 1rem;}
.btn2019 { background: #FF6F61;padding: 0.75rem 1.75rem;margin-right: 1rem;}
.btn2020 { background: #34558B;padding: 0.75rem 1.75rem;margin-right: 1rem;}
.btn2021 { background: #939597;padding: 0.75rem 1.75rem;margin-right: 1rem;}
.btn2022 { background: #6667ab;padding: 0.75rem 1.75rem;margin-right: 1rem;}

section {
	margin: 0 auto 50px auto;
	max-width:1050px;
	/*width:80vw;*/
}
.wrapper h1 {
	margin: 0 auto;
	font-family: 'Saira Semi Condensed', sans-serif;
	font-weight: 300;
}

#row2 {
	margin-top: 100px;
	color: #785519; 
}
@media(max-width:550px) {
    #row2 h2 { font-size: 1.375rem;}  /* 1.5em 30px*/
}	

#row3 {	
	width:70vw;
	max-width: 600px;
	color: #785519; 
	padding-bottom: 100px;
	display: flex;
    flex-flow: column;
    align-items: center;
    font-family: 'Comfortaa','Raleway';
	text-align: center;
}

#row3 span {
	font-size: 1.5rem;
	/*color: #785519;
	>←*/
}
#row3 a,
.box-content a {text-decoration:none;	}

#row3 h2 {
	color: transparent;
}	

.arch-link {padding: 1rem;}
	
.dia {
    padding-left: 15px;
    width: fit-content;
    display: flex;
    flex-flow: row wrap;
    justify-content: left;
}

.dia  a { 
    margin-right: 5px;
}

/**************************************** */
/*
#color2012 { border:2px solid #DD4124;}
#color2013 { border:2px solid #009473;}
#color2014 { border:2px solid #AD5E99;}
#color2015 { border:2px solid #964F4C;}
#color2016 { border:2px solid #93A9D1;}
#color2017 { border:2px solid #88B04B;}
#color2018 { border:2px solid #5F4B8B;}
#color2019 { border:2px solid #FF6F61;}
#color2020 { border:2px solid #34558B;}
#color2021 { border:2px solid #939597;}
#color2022 { border:2px solid #6667ab;} 
#color2023 { border:2px solid #BB2649;} 
*/



/*
  .tab15 label.tab-label
  
*/

/*  */
/* barna gombszín * /
.tab7 label.tab-label,
.tab8 label.tab-label,
.tab9 label.tab-label,
.tab10 label.tab-label,
.tab11 label.tab-label,
.tab12 label.tab-label,
.tab13 label.tab-label,
.tab14 label.tab-label {color: #785519;text-shadow: none;
}

/* szürke gombszín 
.tab16 label.tab-label,
.tab17 label.tab-label,
.tab18 label.tab-label {color: #424242;text-shadow: none;}*/

.row5 p { padding: 0;margin:0;}
.row5 span { font-size: 1.5rem;}
.row5 {
	padding-bottom: 1rem;
	display:flex;
	flex-flow: column;
    align-items: center;
    font-family: 'Comfortaa','Raleway';
}



.footer {
	font-family: Raleway;
    font-weight: 300;
    background: white;
    padding: 5px 20px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;


}

.footer span {
    font-weight: bold;
}

.hir {
    background: white;
	/*margin: 2rem;*/
}



/* [Object] Modal
 * =============================== */
 .modal {
	opacity: 0;
	visibility: hidden;
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	text-align: left;
	background: rgba(21,23,44, .9);
	transition: opacity .25s ease;
  }
  
  .modal__bg {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	cursor: pointer;
  }
  
  .modal-state {
	display: none;
  }
  
  .modal-state:checked + .modal {
	opacity: 1;
	visibility: visible;
  }
  
  .modal-state:checked + .modal .modal__inner {
	top: 0;
  }
  
  .modal__inner {
	transition: top .25s ease;
	position: absolute;
	top: -20%;
	right: 0;
	bottom: 0;
	left: 0;
	width: 90%;
	margin: 5rem auto;
	overflow: auto;
	background: transparent;/*#fff;*/
	border-radius: 5px;
	padding: 1em 2em;
	height: auto;
	min-height:90%;
  }
  
  .modal__close {
	position: absolute;
	right: 1em;
	top: 1em;
	width: 1.1em;
	height: 1.1em;
	cursor: pointer;
  }
  
  .modal__close:after,
  .modal__close:before {
	content: '';
	position: absolute;
	width: 2px;
	height: 1.5em;
	background: #ccc;
	display: block;
	transform: rotate(45deg);
	left: 50%;
	margin: -3px 0 0 -1px;
	top: 0;
  }
  
  .modal__close:hover:after,
  .modal__close:hover:before {
	background: #aaa;
  }
  
  .modal__close:before {
	transform: rotate(-45deg);
  }
  
  @media screen and (max-width: 768px) {
	  
	.modal__inner {
	  width: 90%;
	  height: 90%;
	  box-sizing: border-box;
	}
  }
  
  
  /* Other
   * =============================== 
  body {
	padding: 1%;
	font: 1/1.5em sans-serif;
	text-align: center;
  }*/
  
  .btn {
	cursor: pointer;
	background: #27ae60;
	display: inline-block;
	padding: .5em 1em;
	color: #fff;
	border-radius: 5px;
	/*width: 15rem;*/
	border: 1px solid #e8e8e8;
	transition: all .3s;
	box-shadow: 3px 3px 6px #424242, -3px -3px 6px #fff;
	margin: 0 1rem;

  }
  
  .btn:hover,
  .btn:focus {
	background: #15172c;/*#2ecc71;*/
  }
  
  .btn:active {
	background: #bde4a3;/*#27ae60;*/
	box-shadow: 0 1px 2px rgba(0,0,0, .2) inset;
  }
  
  .btn--blue {
	background: #2980b9;
  }
  
  .btn--blue:hover,
  .btn--blue:focus {
	background: #3498db;
  }
  
  .btn--blue:active {
	background: #2980b9;
  }
  
  p img {
	max-width: 200px;
	height: auto;
	float: left;
	margin: 0 1em 1em 0;
  }




  button {
	color: #090909;
	padding: 0.7em 1.7em;
	font-size: 18px;
	border-radius: 0.5em;
	background: #e8e8e8;
	border: 1px solid #e8e8e8;
	transition: all .3s;
	box-shadow: 6px 6px 12px #c5c5c5,
			   -6px -6px 12px #ffffff;
  }
  
  button:hover {
	border: 1px solid white;
  }
  
  button:active {
	box-shadow: 4px 4px 12px #c5c5c5,
			   -4px -4px 12px #ffffff;
  }


  .wrapper_t1 { width: 95%; max-width: 1000px; margin: 20px auto;background: whitesmoke;padding:10px;border-radius:7px;font-family: 'Roboto';font-weight: 300;color: #15172C;  }
  .wrapper_t1 span {color:#34558B}
  .wrapper_t1 .focim { margin:0 auto;text-align: center;}
  .focim2 { margin:0 auto;text-align: center;color:green}
  .focim2 span {color:green}
  .focim h3 { text-transform: lowercase;margin:0px 0;}
  
  .table .row { display: flex; align-items: center; background:white;}
  /*.table .row:nth-child(even) {background: rgba(255,255,255,.8) }*/
  .table .head { background: #c9c9c9; font-weight: 700 }
  .table .col { padding: 5px 0; font-size:0.8rem;}
  .table .sorszam { flex-basis: 8%; text-align: center }
  .table .nev { flex-basis: 20% ;text-align: center}
  .table .datum { flex-basis: 7%; text-align: center }
  
  @media(max-width:1000px) {
	  .table .row { flex-flow: column wrap; text-align: center; padding: 20px; background: #fff; margin: 0 0 20px 0; border: 1px solid #ddd }
	  .table .row.head { display: none; }
	  .table .col { padding: 10px }
	  .table .excerpt { font-size: 13px; color: #888; order: 5 }
	  .table .excerpt p { line-height: 1.5; margin: 0 0 10px 0 }
	  .table .excerpt p:last-child { margin: 0 }
	  .table .price { font-size: 20px }
  }


  /* reszponzív táblázat */

.table {
	width: 100%;
	border-collapse: collapse;
	margin-bottom: 30px;
	font-size:0.8rem;
	text-align: center;
  }
  
  .table td {
	padding: 5px 10px;
	border: 1px solid;
	
  }
  .table tr {margin:0 auto;
  } 
  
  
.zold {
	color: green;
	background-color: beige;

}


  @media screen and (max-width: 768px) {  
	.responsive thead {
	  visibility: hidden;
	  height: 0;
	  position: absolute;
	}
	

	.responsive tbody tr td:nth-child(2) {
		font-size: 0.9rem;
	}




	.responsive tr {
	  display: block;
	  margin-bottom: .625em;
	}
	
	.responsive td {
	  border: 1px solid;
	  border-bottom: none;
	  display: block;
	  font-size: .8em;
	  text-align: right;
	}
	
	.responsive td::before {
	  content: attr(data-label);
	  float: left;
	  font-weight: bold;
	  text-transform: uppercase;
	}
	
	.responsive td:last-child {
	  border-bottom: 1px solid;
	}
  }
 
  

  details > summary {
	background-color: #BDE4A3;
	cursor: pointer;
	padding: .5rem 1rem;
	border-radius: 0.5rem;
  }
  
  details > summary > * {
	display: inline;
	border-radius: 0.5rem;
	font-size: 1.15rem;
	color: whitesmoke;
	text-shadow: 2px 2px 2px rgb(0 0 0 / 80%);
  }
  
  details > div {
	border: 1px solid #bde4a3;
	border-radius: 0.5rem;
	margin-top: 0.5rem;
	/*padding: 1rem;*/
	background-color: rgba(127,192,108,.15);
	color: white;
	text-shadow: 2px 2px 4px black;
  }

  .lenyilo summary { 
	margin: 1rem auto 0 auto;
	max-width: 1000px;
	width: 93vw;
	box-shadow: 3px 3px 3px #424242;
	color: #fff;
	border: 1px solid #bde4a3;
	background-color: rgba(127,192,108,.15);
	text-align: left;
	padding-left: 10rem;
  }

  @media (orientation:portrait) { 
	.lenyilo summary {padding-left:1rem;}
  }

  
  
  .lenyilo summary:hover { 
	background-color: rgba(21,23,44,.75);

  }

.lenyilo .btn1 {
	width: 45vw;
	margin: 1rem auto;
	padding: 0.8rem;
	
}

/* színátmenetes elválasztó vonal*/
hr {
	border: 0;
	 height: 1px;
	 background-image: -webkit-linear-gradient(left, rgba(21,23,44,0), rgba(21,23,44,0.75), rgba(21,23,44,0));
	 background-image:    -moz-linear-gradient(left, rgba(21,23,44,0), rgba(21,23,44,0.75), rgba(21,23,44,0));
	 background-image:     -ms-linear-gradient(left, rgba(21,23,44,0), rgba(21,23,44,0.75), rgba(21,23,44,0));
	 background-image:      -o-linear-gradient(left, rgba(21,23,44,0), rgba(21,23,44,0.75), rgba(21,23,44,0));
	}