/*img, bg img*/
img {max-width: 100%;height: auto!important;}
.img-fluid img {min-width: 100%;}
.bg-image {background-repeat: no-repeat;}
.bg-cover {background-size: cover;}
.bg-contain {background-size: contain;}
.bg-100 {background-size: 100%;}
.bg-center {background-position: center;}
.img-fit img {object-fit: cover!important;width: 100%!important;height: 100%!important;}
.img-contain img {object-fit: contain!important;width: 100%!important;height: 100%!important;}
.img-right img {object-position: right;}
.img-left img {object-position: left;}
.img-blur img {filter: blur(10px);}
.img-brad-1 img {border-radius: 2rem;}
img[src="/img/"] {
  display: none;
}

/*colors:*/
:root {
    --color-0: #fff;
    --color-1: #131112;
    --color-2: #9F9F9F;
    --color-3: #000000;
    --color-4: #EFEFEF;
    --color-5: #DFDFDF;
    --color-6: #BFBFBF;
    --color-7: #EBEBEB;
    --color-8: #7F7F7F;
    --color-9: #DFDFDF;
    --color-10: #DFDFDF;
    --color-11: #DFDFDF;
    --color-12: #DFDFDF;
    --color-13: #DFDFDF;
    --color-14: #DFDFDF;
  }
  /*-> bg-colors, text-colors*/
  .bg-grad-1 {background-image: linear-gradient(90deg, var(--color-1), rgba(255,255,255,0));}
  .bg-grad-2 {background-image: linear-gradient(0deg, rgba(47,136,194,.8), rgba(37,20,88,.6));}
  .bg-grad-3 {background-image: linear-gradient(0deg, rgba(222,29,36,.8), rgba(222,29,33,.6));}
  .bg-overlay-1 {background-color: rgba(0,0,0,.4);}
  .bg-overlay-2 {background-color: rgba(0,0,0,.78);}
  .bg-0 {background-color: #fff;transition: all ease-in .1s;}
  .bg-1 {background-color: var(--color-1);transition: all ease-in .1s;}
  .bg-2 {background-color: var(--color-2);transition: all ease-in .1s;}
  .bg-3 {background-color: var(--color-3);transition: all ease-in .1s;}
  .bg-4 {background-color: var(--color-4);}
  .bg-5 {background-color: var(--color-5);}
  .bg-6 {background-color: var(--color-6);}
  .bg-7 {background-color: var(--color-7);}
  .bg-8 {background-color: var(--color-8);}
  .bg-9 {background-color: var(--color-9);}
  .bg-10 {background-color: var(--color-10);}
  .bg-11 {background-color: var(--color-11);}
  .bg-12 {background-color: var(--color-12);}
  .bg-13 {background-color: var(--color-13);}
  .color-0:not(.btn), .color-0 a:not(.btn), a.color-0 {color: #fff!important;}
  .color-0 a:hover:not(.btn), a.color-0:hover {color: #fff!important;}
  .color-1:not(.btn):not(.btn), .color-1 a:not(.btn), a.color-1, .color-1 svg path {color:  var(--color-1)!important;}
  .color-1 a:hover, a.color-1:hover, a:hover .color-1 svg path {color:var(--color-3)!important;}
  .color-2:not(.btn):not(.btn), .color-2 a:not(.btn), a.color-2, .color-2 svg path {color:var(--color-2)!important;}
  .color-2 a:hover, a.color-2:hover {color:var(--color-2)!important;}
  .color-3:not(.btn), .color-3 a:not(.btn), a.color-3, .color-3 svg path {color: var(--color-3)!important;}
  .color-3 a:hover:not(.btn), a.color-3:hover {color: var(--color-3)!important;}
  .color-4:not(.btn), .color-4 a:not(.btn), a.color-4 {color: var(--color-4)!important;}
  .color-4 a:hover:not(.btn), a.color-4:hover {color: var(--color-4)!important;}
  .color-5:not(.btn), .color-5 a:not(.btn), a.color-5 {color: var(--color-5)!important;}
  .color-5 a:hover:not(.btn), a.color-4:hover {color: var(--color-5)!important;}
  .color-6:not(.btn), .color-6 a:not(.btn), a.color-6 {color: var(--color-6)!important;}
  .color-6 a:hover:not(.btn), a.color-6:hover {color:var(--color-2)!important;}
  .color-7:not(.btn), .color-7 a:not(.btn), a.color-7, .color-7 svg path {color: var(--color-7)!important;}
  .color-7 a:hover:not(.btn), a.color-7:hover {color: var(--color-7)!important;}
  .color-8:not(.btn), .color-8 a:not(.btn), a.color-8 {color: var(--color-8)!important;}
  .color-8 a:hover:not(.btn), a.color-4:hover {color: var(--color-8)!important;}
  .color-9:not(.btn), .color-9 a:not(.btn), a.color-9 {color: var(--color-9)!important;}
  .color-9 a:hover:not(.btn), a.color-9:hover {color: var(--color-9)!important;}
  .color-10:not(.btn), .color-10 a:not(.btn), a.color-10 {color: var(--color-10)!important;}
  .color-10 a:hover:not(.btn), a.color-10:hover {color:var(--color-10)!important;}
  .color-11:not(.btn), .color-11 a:not(.btn), a.color-11, .color-11 svg path {color: var(--color-11)!important;}
  .color-11 a:hover:not(.btn), a.color-11:hover {color: var(--color-11)!important;}
  .color-12:not(.btn), .color-12 a:not(.btn), a.color-12 {color: var(--color-12)!important;}
  .color-12 a:hover:not(.btn), a.color-12:hover {color: var(--color-12)!important;}
  .color-13:not(.btn), .color-13 a:not(.btn), a.color-13 {color: var(--color-13)!important;}
  .color-13 a:hover:not(.btn), a.color-13:hover {color: var(--color-13)!important;}
.br-rad-12 {border-radius:12px}

/* h1 - h6 - p settings */
/* Címsorok finomhangolása */
h1, .display-3 {
    font-weight: 800;
    letter-spacing: -1px;
}
h1,h2,h3,h4,h5,h6,p {line-height:110%}
h1{font-size:3rem;line-height:120%;}
h2{font-size:2rem;line-height:120%}
h3{font-size:2rem;line-height:130%}
h4{font-size:1rem;line-height:130%}
h5{font-size:1rem;line-height:140%}
p{line-height: 150%}
p:last-child {margin-bottom: 0;}
b, strong {font-weight: 800;}
small {font-weight: 500;}

/* link color settings */
a {color:var(--color-1);}
a:hover {color:var(--color-0);}
.link-primary {}
.link-secondary {}
.link-success {}
.link-danger {}
.link-warning {}
.link-info {}
.link-light {}
.link-dark {}

/* backgrounds */
.bg-primary {}
.bg-secondary {}
.bg-success {}
.bg-danger {}
.bg-warning {}
.bg-info {}
.bg-light {}
.bg-dark {}
.bg-body {}

/* button settings */
.btn{font-size:1.25rem;outline:none;box-shadow:none;position:relative;transition:all ease-out .1s;border-radius:12px;font-weight:300;padding:.75rem 1.25rem .75rem;text-transform:uppercase;box-shadow: 0 1px 2px rgba(0,0,0,0);text-align:left}
.btn-sm {padding: .2rem 1rem;box-shadow: none;border: none;text-transform: none;}
.btn.hover-end:hover svg {transform: translateX(5px);transition: all ease-in .1s;}
.btn.hover-down:hover svg {transform: translateY(5px);transition: all ease-in .1s;}
/* Globális Bootstrap btn-primary felülírás */
.btn-primary {background-color:var(--color-1) !important;border-color:var(--color-1) !important;color:#ffffff !important;text-transform:uppercase;font-size:1rem;letter-spacing:1px;padding:0.6rem 1.1rem;transition:all 0.3s ease}

.btn-primary:hover, 
.btn-primary:focus, 
.btn-primary:active {
    background-color: #000000 !important;
    border-color: #000000 !important;
    filter: brightness(1.2);
}
.btn-outline-light {font-family:var(--font-main);color:var(--color-1) !important;border:1px solid var(--color-1) !important;background-color:#fff !important;text-transform:uppercase;padding:0.7rem 2.2rem;transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1)}
.btn-shadow {box-shadow:0 0 24px rgba(0,0,0,.11)}
.btn-outline-light:hover, 
.btn-outline-light:focus, 
.btn-outline-light:active {
    /* Hover állapot: Fehér háttér, fekete szöveg marad */
    background-color: #ffffff !important;
    border-color: #ffffff !important;
    color: var(--color-1) !important;
    
    /* Finom árnyék a kiemeléshez a világos háttéren */
    box-shadow: 0 5px 15px rgba(0,0,0,0.18);
    transform: translateY(-2px);
}
.btn.focus,.btn:focus{box-shadow:none;border-color: none;}

/*shadows*/
.shadow-ext{box-shadow:0 10px 12px rgba(0,0,0,.1)}
.shadow-ext-2{box-shadow:0 10px  30px rgba(0,0,0,.32)}
.shadow-ext-3{box-shadow:-4px 4px 0 rgba(0,0,0,.33)}
.text-shadow{text-shadow:0 1px 0 #fff}
.text-shadow-black{text-shadow:0 1px 0 #000}

/* card */
.card {}
.card-header {}
.card-header h1 {}
.card-header h2 {}
.card-img-top {}
.card-body {}
.card-title {}
.card-text {}
.card-footer {}

/* home */
body.home {}

/* category page */
body.rv {}
body.rv .card {}
body.rv .card-header {}
body.rv .card-header h1 {}
body.rv .card-header h2 {}
body.rv .card-img-top {}
body.rv .card-body {}
body.rv .card-title {}
body.rv .card-text {}
body.rv .card-footer {}

/* page */
.article-text strong {font-weight: 800;}
.article-text a:not(.btn) {color: var(--color-1);}
.article-text p {margin-bottom: 1.8rem;font-size: 1.25rem;}
.article-text h1 {margin-bottom: 2.5rem;}
.article-text h2 {margin-bottom: 2.5rem;}
.article-text h3 {margin-bottom: 2rem;}
.article-text h4 {margin-bottom: 2rem;}
.article-text h5 {margin-bottom: 2rem;}
.article-text h6 {margin-bottom: 2rem;}
.article-text .row {padding-top: 2rem;}
.article-text ol {padding-left: 3rem;}
.article-text ol li::marker {font-size: 3rem;color: var(--color-3);}
.article-text img {border-radius: 3rem;}
.article-text iframe {max-width: 100%;border-radius: 3rem;margin-top: 1rem;}
body.ck .article-content {}
body.ck .article-content h1 {}
body.ck .article-content h2 {}
body.ck .article-content p {}
body.ck .article-content a {}
body.ck .article-content a:hover {}
body.ck .article-content iframe {}
body.ck .article-content img { max-width:100%; height:auto !important; }

/* bs5 carousel settins */
.carousel.slide {}
.carousel-indicators {}
.carousel-indicators.active {}
.carousel-inner {}
.carousel-item {}
.carousel-item.active {}
.carousel-caption {}
.carousel-control-prev {}
.carousel-control-prev-icon {}
.carousel-control-next {}
.carousel-control-next-icon {}

/* cms collapsible element */
.panel-group {}
.panel.panel-default {}
.panel-heading {}
.panel-title {}
.panel-title a {}
.panel-title a:after {}
.panel-collapse.collapse.show {}
.panel-collapse.collapse {}
.panel-body {}
.panel-body p {}
.panel-body a {}
.panel-body a:hover {}

/* cms tab element */
.tabpanel {}
.tabpanel .nav.nav-tabs {}
.tabpanel .nav.nav-tabs li {}
.tabpanel .nav.nav-tabs li.active {}
.tab-content {}
.tab-content .tab-pane {}
.tab-content .tab-pane.active {}
.tab-content p {}
.tab-content a {}
.tab-content a:hover {}

/* cms special elements ! optional */
.cta-button1 {}
.specialContainer1 {}
.specialContainer2 {}
.specialContainer3 {}

/*modals*/
.modal-dialog, .modal-content {height: auto;}

.fw-regular * { font-weight: 100; }
.fw-200 { font-weight: 200 !important; }
.fw-300 {font-weight:300 !important}
.fw-300 strong, .fw-300 b {font-weight:500}
.fw-400, .fw-400 * {font-weight:400;}
.fw-500, .fw-500 * {font-weight:500;}
.fw-600, .fw-600 * {font-weight:600;}
.fw-700, .fw-700 * {font-weight:700;}
/* Saját font-weight utility a Bootstrap mellé */
.fw-800 { font-weight: 800 !important; }
.fw-900 { font-weight: 900 !important; }
.fw-black { font-weight: 900 !important; }

.lh-n, .lh-n h1, .lh-n h2 {line-height: normal;}
.lh-0 {line-height:0;}
.lh-15 {line-height:1.5rem;}
.lh-18 {line-height:1.8rem;}
.lh-50, .lh-50 * {line-height:5rem;}
.lh-100 {line-height:100%;}

/* commons settings */
.empty:empty { display: none; } /* add this class to elements if you want them hidden if their contents is empty! */

/* resposive breakpoints */
/* mobile */
@media (max-width: 500px) {
}

/* tablet portrait */
@media (max-width: 767px) {
  .l-font,.l-font h1,.l-font h2,.l-font h3,.l-font h4,.l-font h5,.l-font p{font-size:1rem!important;line-height: 120%!important;}
  .xl-font,.xl-font h1,.xl-font h2,.xl-font h3,.xl-font h4,.xl-font h5,.xl-font p{font-size:1.2rem!important;line-height: 120%!important;}
  .xxl-font,.xxl-font h1,.xxl-font h2,.xxl-font h3,.xxl-font h4,.xxl-font h5,.xxl-font p{font-size:1.8rem!important;line-height: 120%;}
  .xxxl-font,.xxxl-font h1,.xxxl-font h2,.xxxl-font h3,.xxxl-font h4,.xxxl-font h5,.xxxl-font p{font-size:2.3rem!important;line-height: 120%;}
}

/* tablet landscape */
@media (max-width: 1024px) {
}

/* desktop */
@media (max-width: 1400px) {
}

/* full hd */
@media (min-width: 1900px) {
}