.art-button
{
   border: 0;
   border-collapse: separate;
   -webkit-border-radius: 0;
   -webkit-background-origin: border !important;
   -moz-background-origin: border !important;
   background-origin: border-box !important;
   background: #008349;
   border-width: 0;
   padding:0 20px;
   margin:0 auto;
   height:37px;
}

a.art-button,
a.art-button:link,
a:link.art-button:link,
body a.art-button:link,
a.art-button:visited,
body a.art-button:visited,
input.art-button,
button.art-button
{
   text-decoration: none;
   font-size: 14px;
   font-family: "Myriad Pro Light", "Segoe UI", Arial, sans-serif;
   font-weight: bold;
   font-style: normal;
   position:relative;
   display: inline-block;
   vertical-align: middle;
   white-space: nowrap;
   text-align: center;
   color: #FFFFFF;
   margin: 0 5px 0 0 !important;
   overflow: visible;
   cursor: pointer;
   text-indent: 0;
   line-height: 37px;
   -webkit-box-sizing: content-box;
   -moz-box-sizing: content-box;
   box-sizing: content-box;
}
.art-button img
{
   margin: 0;
   vertical-align: middle;
}
.art-button.active, .art-button.active:hover
{
   background: #008349;
   border-width: 0;
   padding:0 20px;
   margin:0 auto;
}
.art-button.active, .art-button.active:hover {
   color: #381801 !important;
}

.art-button.hover, .art-button:hover
{
   background: #008349;
   border-width: 0;
   padding:0 20px;
   margin:0 auto;
}
.art-button.hover, .art-button:hover {
   color: #FFEEE1 !important;
}


.pagetitle{
font-family: "Myriad Pro Light", "Segoe UI", Arial, sans-serif;
font-size:20px;
margin:20px 0 30px 18px;
text-transform:uppercase;
color:#008349;
}

.container .paddingleft{
margin-left:20px;
}

.container .paddingleft img{
margin-left:-20px;
}


.paddingleft a{
color:#008349;
}

.paddingleft a:hover{
text-decoration:underline;	
}


.gyujtemenyszoveg{
margin-left:20px;
margin-top:30px;
}

.gyujtemenyszoveg img{
margin-left:-20px;
}


.gyujtemenyszoveg a{
color:#000;	
}

.gyujtemenyszoveg a:hover{
text-decoration:underline;	
}

.dinpro{
font-family: "Myriad Pro Light", "Segoe UI", Arial, sans-serif;
font-size:20px;
}

a.hovered:hover {
text-decoration:underline;	
}






/*gyujtemenyek*/



.gyujtemenydoboz{
display:block;
width:100%;	
min-height:270px;
}

.doboz_bal{
display:inline-block;
float:left;
width:33%;
}

.doboz_bal img{
display:inline-block;
float:left;
width:150px;
}



.doboz_jobb{
display:inline-block;
float:left;	
width:62%;
}


	
.jobb_1, .jobb_2, .jobb_3, .jobb_4, .jobb_5, .jobb_6, .jobb_7{
	width:100%;
	min-height:30px;
	border:none;	
	margin-right:1%;	
	display:block;
	float:left;
	overflow:hidden;
	border-right:solid 1px #000000;
	border-left:solid 1px #000000;	
}	
.jobb_1{
border-top:solid 1px #000000;	
}
.jobb_7{
border-bottom:solid 1px #000000;	
}

	
	.jobb_header{
	min-height:	25px;
	padding:5px 10px 0px 5px;
	float:left;
	text-align:right;
	font-weight:normal;
	font-size:14px;
	color:#FFF;
	background-color:#1b9d63;
	min-width:15%;
	display:inline-block;
	}	


.jobb_szoveg{
padding:5px 5px 0 10px;
text-align:left;
overflow:hidden;
width:70%;
display:inline-block;	
}





@media only screen and (max-width: 1025px) {

.doboz_bal img{
width:110px;
}

.doboz_bal{
width:25%;
}

.doboz_jobb{
width:70%;
}


}


@media only screen and (max-width: 959px) {

.doboz_bal img{
width:90px;
padding-bottom:10px;
}

.doboz_bal{
width:12%;
}

.doboz_jobb{
width:85%;
}

.gyujtemenydoboz{
min-height:330px;
}

.jobb_header{
	padding:10px 10px 0px 5px;
}

.jobb_szoveg{
	padding:10px 10px 0px 5px;
}

}


@media only screen and (max-width: 767px) {


.gyujtemenyszoveg{
margin-left:0px;
}

.gyujtemenyszoveg img{
margin-left:0px;
}


.doboz_bal{
display:block;
float:none;
width:100%;
text-align:center;
}

.doboz_bal img{
width:150px;
padding-bottom:10px;
float:none;
}

.doboz_jobb{
width:100%;
margin-bottom:30px;
}


.jobb_1, .jobb_2, .jobb_3, .jobb_4, .jobb_5, .jobb_6, .jobb_7{
width:100%;
display:block;
float:left;
min-height:0px;
margin-bottom:10px;
border:solid 1px #000000;
}

.jobb_header{

height:	25px;
padding:5px 0px 5px 0px;
text-align:center;
font-weight:normal;
font-size:14px;
color:#FFF;
background-color:#1b9d63;
width:100%;
}

.jobb_5 .jobb_header, .jobb_6 .jobb_header{
padding-top:5px;
height:	25px;	
}

.jobb_szoveg{
padding:10px 0 10px 0;
text-align:center;
width:100%;
}



}

@media only screen and (max-width: 479px) {

.doboz_bal img{
width:100px;
}

}




div.pagination {
	padding: 3px;
	margin: 3px;
	margin-bottom:20px;
}

div.pagination a {
	padding: 2px 5px 2px 5px;
	margin: 2px;
	border: 1px solid #000000;
	
	text-decoration: none; /* no underline */
	color: #000000;
}
div.pagination a:hover, div.pagination a:active {
	border: 1px solid #000000;
	background-color:#1b9d63;
	color: #fff;
}
div.pagination span.current {
	padding: 2px 5px 2px 5px;
	margin: 2px;
		border: 1px solid #000000;
		
		font-weight: bold;
		background-color: #1b9d63;
		color: #FFF;
	}
	div.pagination span.disabled {
		padding: 2px 5px 2px 5px;
		margin: 2px;
		border: 1px solid #EEE;
	
		color: #DDD;
	}
	

div.lapozo{
font-size:15px;
float:right;
margin-right:45px;
}
div.lapozomobile{
display:none;
}

.oldalankent, .oldalankent option{
font-size:15px;
}

.gyujtemenykereso{
margin:10px 0 30px 0	
}

.kereso_1, .kereso_2, .kereso_3, .kereso_4, .kereso_5, .kereso_6, .kereso_7, .kereso_submit{
display:inline-block;
margin-right:50px;
margin-bottom:20px;
}
.gyujtemenykereso select{
height:30px;
width:80px;
}
.gyujtemenykereso input[type="text"]{
height:20px;
width:200px;
padding:5px;	
}


.gyujtemeny_vissza{
display:block;
margin:20px 0 30px 0;	
}


.vcontainer-1{
  width: 120px;
  vertical-align: middle;
  white-space: nowrap;
  position: relative;
  cursor:pointer;
}

.vcontainer-1 input#back{

background:#1b9d63;
  width: 120px;
  height: 30px;
  border: none;
  float: left;
  color: #fff;
  padding-left: 7px;
   padding-bottom:2px; 
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  text-align:left;
  font-size:15px;
  cursor:pointer;
 
}




@media only screen and (max-width: 959px) {

div.lapozo{
margin-right:20px;
}

}

@media only screen and (max-width: 767px) {

div.lapozo{
display:none;
}
div.lapozomobile{
display:block;
margin-bottom:20px;
}

}

.scontainer-1{
  width: 120px;
  vertical-align: middle;
  white-space: nowrap;
  position: relative;
  cursor:pointer;
}

.scontainer-1 input#search{

background:url(../images/search-icon.png) #1b9d63;
background-repeat:no-repeat;
background-position:90% 50%;


  width: 120px;
  height: 30px;
  border: none;
  float: left;
  color: #fff;
  padding-left: 7px;
  padding-bottom:2px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  text-align:left;
  font-size:15px;
  cursor:pointer;
 
}



.checkbox, .checkbox2, .checkbox3{

margin-bottom:0px;
font-size:13px;
display:inline-block;
}

.checkboxstyle, .checkboxstyle2, .checkboxstyle3 {
	width: 16px;
	height: 16px;	
	margin: 0px;
	position: relative;
	display:inline-table;
	margin-left:0px;
}

.checkboxstyle label, .checkboxstyle2 label, .checkboxstyle3 label {
	cursor: pointer;
	position: absolute;
	width: 16px;
	height: 16px;
	top: 1px;
  	left: 2px;
	background:url(../images/chkbox.png);
	
}

.checkboxstyle label:after, .checkboxstyle2 label:after, .checkboxstyle3 label:after {
	opacity: 0;
	content: '';
	position: absolute;
	width: 8px;
	height: 8px;
	background: transparent;
	top: 4px;
	left: 4px;
	border-top: none;
	border-right: none;

	background:url(../images/chkbox-checked.png);


}

.checkboxstyle label:hover::after, .checkboxstyle2 label:after, .checkboxstyle3 label:after {
	opacity: 0;
}

/**
 * Create the checkbox state for the tick
 */
.checkboxstyle input[type=checkbox]:checked + label:after, .checkboxstyle2 input[type=checkbox]:checked + label:after, .checkboxstyle3 input[type=checkbox]:checked + label:after {
	opacity: 1;
}


.checkboxstyle input[type=checkbox]#newsletter, .checkboxstyle2 input[type=checkbox]#newsletter2, .checkboxstyle3 input[type=checkbox]#newsletter3{

width:5px;
height:5px;	
}





@media only screen and (max-width: 959px) {


.gyujtemenykereso input[type="text"]{
height:20px;
width:100px;	
}

}


@media only screen and (max-width: 767px) {

.kereso_1, .kereso_2, .kereso_3, .kereso_4, .kereso_5, .kereso_6, .kereso_7, .kereso_submit{
display:block;
margin-right:0px;
margin-bottom:20px;
}
.kereso_submit{
margin-bottom:50px;
}
.scontainer-1{
width:100%;	
}
.scontainer-1 input#search{
float:none;
width:100%;
}

.gyujtemenykereso select{
height:30px;
width:100%;
}
.gyujtemenykereso input[type="text"]{
height:20px;
width:97%;	
}

}




/*gyujtemenyek END*/

/* Mobil collection Details modal - desktop megjelenést nem módosít */
.collection-details-button,
.collection-details-modal {
  display: none;
}

@media only screen and (max-width: 767px) {
  .gyujtemenydoboz {
    min-height: 0;
    margin-bottom: 42px;
    overflow: hidden;
    text-align: center;
  }

  .gyujtemenydoboz .doboz_bal {
    display: flex;
    float: none;
    width: 100%;
    align-items: flex-start;
    justify-content: center;
    gap: 14px;
  }

  .gyujtemenydoboz .doboz_bal a {
    display: block;
    max-width: calc(50% - 7px);
  }

  .gyujtemenydoboz .doboz_bal img {
    float: none;
    width: 100%;
    max-width: 220px;
    height: auto;
    padding: 0 !important;
  }

  .gyujtemenydoboz > .doboz_jobb {
    display: none;
  }

  .collection-details-button {
    display: inline-flex;
    min-width: 130px;
    min-height: 44px;
    margin: 18px auto 0;
    padding: 8px 22px;
    align-items: center;
    justify-content: center;
    border: 0;
    border-radius: 4px;
    background: #248642;
    color: #fff;
    font: 300 22px/1 "Myriad Pro Light", "Segoe UI", Arial, sans-serif;
    cursor: pointer;
  }

  .collection-details-button:focus-visible,
  .collection-details-modal__close:focus-visible {
    outline: 3px solid #161214;
    outline-offset: 3px;
  }

  .collection-details-modal.is-open {
    position: fixed;
    z-index: 1000;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
  }

  .collection-details-modal__backdrop {
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, .68);
  }

  .collection-details-modal__dialog {
    position: relative;
    z-index: 1;
    width: min(100%, 520px);
    max-height: calc(100vh - 40px);
    overflow-y: auto;
    padding: 34px 20px 22px;
    background: #fff;
    color: #161214;
    box-shadow: 0 8px 30px rgba(0, 0, 0, .3);
    text-align: left;
  }

  .collection-details-modal__close {
    position: absolute;
    top: 5px;
    right: 8px;
    width: 42px;
    height: 42px;
    padding: 0;
    border: 0;
    background: transparent;
    color: #248642;
    font-size: 38px;
    line-height: 1;
    cursor: pointer;
  }

  .collection-details-modal__title {
    margin: 0 45px 20px 0;
    color: #248642;
    font: 300 28px/1.15 "Myriad Pro Light", "Segoe UI", Arial, sans-serif;
  }

  .collection-details-modal__content .doboz_jobb {
    display: block;
    float: none;
    width: 100%;
    margin: 0;
  }

  .collection-details-modal__content .jobb_1,
  .collection-details-modal__content .jobb_2,
  .collection-details-modal__content .jobb_3,
  .collection-details-modal__content .jobb_4,
  .collection-details-modal__content .jobb_5,
  .collection-details-modal__content .jobb_6,
  .collection-details-modal__content .jobb_7 {
    float: none;
    width: 100%;
    min-height: 0;
    margin: 0;
    border: 0;
    border-bottom: 1px solid #c6dfcf;
    overflow: hidden;
  }

  .collection-details-modal__content .jobb_header {
    float: left;
    width: 38%;
    min-width: 0;
    height: auto;
    min-height: 44px;
    padding: 11px 8px;
    background: #248642;
    color: #fff;
    font-size: 18px;
    line-height: 1.2;
    text-align: right;
  }

  .collection-details-modal__content .jobb_szoveg {
    display: block;
    float: left;
    width: 62%;
    min-height: 44px;
    padding: 11px 10px;
    font-size: 18px;
    line-height: 1.2;
    text-align: left;
    overflow-wrap: anywhere;
  }

  body.collection-details-open {
    overflow: hidden;
  }
}

/* Collections keresőűrlap – egységes megjelenés PC és mobil nézetben */
.gyujtemenykereso,
.lapozo,
.lapozomobile {
  --collection-form-green: #248642;
  --collection-form-green-dark: #1d6f37;
  --collection-form-border: #9eb8a7;
  --collection-form-focus: rgba(36, 134, 66, .20);
}

.gyujtemenykereso input[type="text"],
.gyujtemenykereso select,
.oldalankent {
  box-sizing: border-box;
  min-height: 38px;
  margin: 0;
  padding: 7px 11px;
  border: 1px solid var(--collection-form-border);
  border-radius: 5px;
  outline: 0;
  background-color: rgba(255, 255, 255, .96);
  color: #161214;
  font-family: "Myriad Pro Light", "Segoe UI", Arial, sans-serif;
  font-size: 17px;
  line-height: 1.2;
  transition: border-color .18s ease, box-shadow .18s ease, background-color .18s ease;
}

.gyujtemenykereso input[type="text"]:hover,
.gyujtemenykereso select:hover,
.oldalankent:hover {
  border-color: var(--collection-form-green);
}

.gyujtemenykereso input[type="text"]:focus,
.gyujtemenykereso select:focus,
.oldalankent:focus {
  border-color: var(--collection-form-green);
  background-color: #fff;
  box-shadow: 0 0 0 3px var(--collection-form-focus);
}

.gyujtemenykereso select,
.oldalankent {
  cursor: pointer;
}

.gyujtemenykereso input[type="text"] {
  height: 38px;
  padding: 7px 11px;
}

.gyujtemenykereso select {
  width: auto;
  min-width: 108px;
  height: 38px;
}

.oldalankent {
  width: auto;
  min-width: 68px;
  height: 38px;
  padding-right: 30px;
}

/* Meglévő HTML-struktúrához igazított, egységes jelölőnégyzet */
.checkboxstyle {
  width: 22px;
  height: 22px;
  vertical-align: middle;
}

.checkboxstyle input[type="checkbox"] {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: 0;
  opacity: 0;
}

.checkboxstyle label {
  top: 0;
  left: 0;
  width: 22px;
  height: 22px;
  box-sizing: border-box;
  border: 2px solid var(--collection-form-border);
  border-radius: 4px;
  background: rgba(255, 255, 255, .96);
  transition: border-color .18s ease, background-color .18s ease, box-shadow .18s ease;
}

.checkboxstyle label:hover {
  border-color: var(--collection-form-green);
}

.checkboxstyle label:after {
  top: 3px;
  left: 6px;
  width: 6px;
  height: 11px;
  border: solid #fff;
  border-width: 0 2px 2px 0;
  background: none;
  transform: rotate(45deg);
}

.checkboxstyle input[type="checkbox"]:checked + label {
  border-color: var(--collection-form-green);
  background: var(--collection-form-green);
}

.checkboxstyle input[type="checkbox"]:focus + label,
.checkboxstyle input[type="checkbox"]:focus-visible + label {
  border-color: var(--collection-form-green);
  box-shadow: 0 0 0 3px var(--collection-form-focus);
}

/* Keresés gomb */
.scontainer-1 {
  width: 132px;
}

.scontainer-1 input#search {
  float: none;
  width: 132px;
  height: 40px;
  padding: 7px 15px;
  border: 1px solid var(--collection-form-green);
  border-radius: 5px;
  outline: 0;
  background: var(--collection-form-green);
  color: #fff;
  font-family: "Myriad Pro Light", "Segoe UI", Arial, sans-serif;
  font-size: 17px;
  line-height: 1.2;
  text-align: center;
  cursor: pointer;
  transition: background-color .18s ease, border-color .18s ease, box-shadow .18s ease, transform .08s ease;
}

.scontainer-1 input#search:hover {
  border-color: var(--collection-form-green-dark);
  background-color: var(--collection-form-green-dark);
}

.scontainer-1 input#search:focus,
.scontainer-1 input#search:focus-visible {
  box-shadow: 0 0 0 3px var(--collection-form-focus);
}

.scontainer-1 input#search:active {
  transform: translateY(1px);
}

@media only screen and (max-width: 767px) {
  .gyujtemenykereso input[type="text"],
  .gyujtemenykereso select,
  .oldalankent {
    width: 100%;
    min-height: 48px;
    height: 48px;
    padding: 9px 12px;
    font-size: 22px;
  }

  .lapozomobile form {
    display: block;
    width: 100%;
  }

  .checkboxstyle {
    width: 26px;
    height: 26px;
  }

  .checkboxstyle label {
    width: 26px;
    height: 26px;
  }

  .checkboxstyle label:after {
    top: 4px;
    left: 7px;
    width: 7px;
    height: 13px;
  }

  .scontainer-1,
  .scontainer-1 input#search {
    width: 100%;
  }

  .scontainer-1 input#search {
    height: 52px;
    padding: 10px 16px;
    font-size: 24px;
    text-align: center;
  }
}

/* Collections találati adatlap – finomított asztali megjelenés */
@media only screen and (min-width: 768px) {
  .gyujtemenydoboz {
    display: flex;
    align-items: flex-start;
    gap: 28px;
    min-height: 0;
    margin-bottom: 42px;
  }

  .gyujtemenydoboz .doboz_bal {
    float: none;
    flex: 0 0 33%;
    width: auto;
  }

  .gyujtemenydoboz .doboz_jobb {
    display: block;
    float: none;
    flex: 1 1 auto;
    width: auto;
    overflow: hidden;
    border: 1px solid rgba(22, 18, 20, .72);
    border-radius: 6px;
    background: rgba(255, 255, 255, .90);
    box-shadow: 0 2px 8px rgba(22, 18, 20, .07);
  }

  .gyujtemenydoboz .jobb_1,
  .gyujtemenydoboz .jobb_2,
  .gyujtemenydoboz .jobb_3,
  .gyujtemenydoboz .jobb_4,
  .gyujtemenydoboz .jobb_5,
  .gyujtemenydoboz .jobb_6,
  .gyujtemenydoboz .jobb_7 {
    display: grid;
    grid-template-columns: 126px minmax(0, 1fr);
    float: none;
    width: 100%;
    min-height: 42px;
    margin: 0;
    overflow: visible;
    border: 0;
    border-bottom: 1px solid rgba(36, 134, 66, .22);
  }

  .gyujtemenydoboz .jobb_7 {
    border-bottom: 0;
  }

  .gyujtemenydoboz .jobb_header {
    display: flex;
    float: none;
    width: auto;
    min-width: 0;
    min-height: 42px;
    padding: 9px 12px;
    align-items: center;
    justify-content: flex-end;
    background: #248642;
    color: #fff;
    font-size: 15px;
    line-height: 1.2;
    text-align: right;
  }

  .gyujtemenydoboz .jobb_szoveg {
    display: flex;
    float: none;
    width: auto;
    min-width: 0;
    min-height: 42px;
    padding: 9px 14px;
    align-items: center;
    background: rgba(255, 255, 255, .72);
    color: #161214;
    font-size: 18px;
    line-height: 1.25;
    text-align: left;
    overflow-wrap: anywhere;
  }
}