@charset "UTF-8";

pre {
    display: block;
    padding: 15px;
    font-size: 12px;
    color: white;
    background: #00000087;
    line-height: 13px;
    border-radius: 8px;
}

html {
    scroll-behavior: smooth;
    font-family: Inter, sans-serif;
    font-weight: 100;
}

body {
    /*background: url(/images/template/abstract-geometric.jpg);*/
}

h1 {
    font-family: Montserrat;
    text-transform: uppercase;
    padding-top: 10px;
    padding-bottom: 10px;
    color: var(--logo-blue);
}

/*buttons*/

.btn-secondary {
    color: var(--prussian-blue);
    background: white;
    border-color: var(--prussian-blue);
    font-weight: bold;
    font-family: Montserrat;
    font-size: 14px;
    -webkit-transition: all .1s linear;
    -moz-transition: all .1s linear;
    -o-transition: all .1s linear;
    transition: all .1s linear;
}

.btn-secondary:hover {
    background: var(--prussian-blue);
    color: white;
    border-color: var(--prussian-blue);
    -webkit-transition: all .1s linear;
    -moz-transition: all .1s linear;
    -o-transition: all .1s linear;
    transition: all .1s linear;
}


/*colours*/
:root {
    --honolulu: #127ebb;
    --light-blue: #0094fb;
    --sky-blue: #03a9f4;
    --logo-blue: #0072BC;
    --azul: #006aaf;
    --ll-light: #0062A2;
    --lapis-lazuli: #005287;
    --indigo-dye: #00426D;
    --prussian-blue: #003152;
    --footer: #00497C;
    --orange: #c83200;
    --navy: #001625;
    --wave: polygon(100% 0%, 0% 0% , 0.00% 38.66%, 2.00% 36.51%, 4.00% 35.01%, 6.00% 34.24%, 8.00% 34.26%, 10.00% 35.07%, 12.00% 36.62%, 14.00% 38.80%, 16.00% 41.48%, 18.00% 44.49%, 20.00% 47.65%, 22.00% 50.75%, 24.00% 53.60%, 26.00% 56.03%, 28.00% 57.87%, 30.00% 59.01%, 32.00% 59.38%, 34.00% 58.97%, 36.00% 57.78%, 38.00% 55.90%, 40.00% 53.45%, 42.00% 50.58%, 44.00% 47.47%, 46.00% 44.32%, 48.00% 41.32%, 50.00% 38.66%, 52.00% 36.51%, 54.00% 35.01%, 56.00% 34.24%, 58.00% 34.26%, 60.00% 35.07%, 62.00% 36.62%, 64.00% 38.80%, 66.00% 41.48%, 68.00% 44.49%, 70.00% 47.65%, 72.00% 50.75%, 74.00% 53.60%, 76.00% 56.03%, 78.00% 57.87%, 80.00% 59.01%, 82.00% 59.38%, 84.00% 58.97%, 86.00% 57.78%, 88.00% 55.90%, 90.00% 53.45%, 92.00% 50.58%, 94.00% 47.47%, 96.00% 44.32%, 98.00% 41.32%, 100.00% 38.66%);
}


/*headerwrapper*/

div#headerwrapper {
    position: fixed;
    z-index: 10000;
    top: 0;
    left: 0;
    right: 0;
    background-color: white;
    box-shadow: 0 0 10px #00000085;
    -webkit-transition: all .1s linear;
    -moz-transition: all .1s linear;
    -o-transition: all .1s linear;
    transition: all .1s linear;
}

div#headerwrapper > .inner, div#headerwrapper {
    width: 100%;
    height: 54px;
    -webkit-transition: all .1s linear;
    -moz-transition: all .1s linear;
    -o-transition: all .1s linear;
    transition: all .1s linear;
}


img.tck-logo-img {
    margin-top: 15px;
    margin-left: 10px;
    -webkit-transition: all .1s linear;
    -moz-transition: all .1s linear;
    -o-transition: all .1s linear;
    transition: all .1s linear;
}

div#social {
    margin-top: 5px;
    -webkit-transition: all .1s linear;
    -moz-transition: all .1s linear;
    -o-transition: all .1s linear;
    transition: all .1s linear;
}

div#headerwrapper::after {
    content: '';
    position: absolute;
    height: 5px;
    background-color: var(--footer);
    width: 100%;
    display: block;
}

div#headerwrapper + div {
    margin-top: 75px;
}

.homepage div#headerwrapper + div {
    margin-top: 0px;
}

div#headerwrapper > .inner {
    -webkit-transition: all .1s linear;
    -moz-transition: all .1s linear;
    -o-transition: all .1s linear;
    transition: all .1s linear;
}



.event-article-header {
    display: flex;
    flex-direction: row-reverse;
}

div#headerwrapper #mainmenu div[id^=maximenuck] span.titreck-title {

}


/*mainmenu*/

#mainmenu div[id^=maximenuck] ul.maximenuck {
    display: flex !important;
    background: transparent;
    flex-wrap: nowrap;
    justify-items: center;
    align-items: stretch;

}

#mainmenu div[id^=maximenuck] span.titreck-text {
    color: var(--logo-blue);
    text-transform: uppercase;
    font-weight: 700;
    font-family: Montserrat, sans-serif;
    font-size: 17px;
    -webkit-transition: all .1s linear;
    -moz-transition: all .1s linear;
    -o-transition: all .1s linear;
    transition: all .1s linear;
}

#mainmenu div[id^=maximenuck] span.titreck-text:hover {
    color: var(--prussian-blue);
}

div#maximenuck111 ul.maximenuck li.maximenuck.level1.active > a.maximenuck span.titreck-text {
    color: var(--prussian-blue);
}

div#maximenuck111 ul.maximenuck li.maximenuck.level1:hover,
div#maximenuck111 ul.maximenuck li.maximenuck.level1.active {
    background: transparent;
}

div#maximenuck111 ul.maximenuck li.level1.parent:hover > a:after, div#maximenuck111 ul.maximenuck li.level1.parent:hover > span.separator:after {
    display: none;
}

#mainmenu li div.floatCK, #mainmenu li div.floatck {
    -webkit-box-shadow: none;
    box-shadow: none;
}

li.maximenuck.headingck.item123.parent.level1.maximenuckanimation {
    min-width: max-content;
    align-content: center;
}

div#maximenuck111 ul.maximenuck li.level1.parent li.parent > a:after,
div#maximenuck111 ul.maximenuck li.level1.parent li.parent > span.separator:after,
div#maximenuck111 ul.maximenuck li.maximenuck ul.maximenuck2 li.parent > a:after,
div#maximenuck111 ul.maximenuck li.maximenuck ul.maximenuck2 li.parent > a:after {
    display: none;
}

div#maximenuck111 ul.maximenuck li.maximenuck ul.maximenuck2 li.parent:hover > a:after,
div#maximenuck111 ul.maximenuck li.maximenuck ul.maximenuck2 li.parent:active > a:after {
    display: none;
}

div#maximenuck111 ul.maximenuck li.maximenuck ul.maximenuck2 li > .nav-header {
    border-bottom: none;
}

#mainmenu ul.maximenuck li li:hover, #mainmenu ul.maximenuck li li:focus {
    background: transparent;
}

#mainmenu ul.maximenuck li li:hover, #mainmenu ul.maximenuck li li:focus a {
    color: var(--prussian-blue);
}

div#maximenuck111 div.floatck {
    padding: 5px;
}

#mainmenu li div.maxidrop-main {
    width: 245px;
}

/*slider*/

.slick-dots li button:before {
    content: '༄' !important;
    font-size: 25px !important;
}

/*newsflash*/


.homepage div#topwrapper .inner.tck-container {
    max-width: 1200px;
}


.newsflash-title a {
    text-decoration: none;
    color: var(--lapis-lazuli);
    font-family: Montserrat, sans-serif;
    font-size: 17px;
    -webkit-transition: all .1s linear;
    -moz-transition: all .1s linear;
    -o-transition: all .1s linear;
    transition: all .1s linear;
}

.newsflash-title a:hover {
    color: var(--prussian-blue);
    -webkit-transition: all .1s linear;
    -moz-transition: all .1s linear;
    -o-transition: all .1s linear;
    transition: all .1s linear;
}

.mod-articlesnews-horizontal.newsflash-horiz.mod-list {
    padding: 10px;
}

.homepage .newsflash-horiz .mainpage-news-image img {
    width: 388px;
    height: 240px;
}


/*mainpage events*/

/*.mainpage-events-item .newsflash-data .newsflash-title-container {*/
/*    position: relative;*/
/*    bottom: 40px;*/
/*}*/

.mod-articlesnews.newsflash.mainpage-events-list {
    display: flex;
    flex-direction: row;
    gap: 15px;
    padding: 10px;
}

.mainpage-events-item {
    width: 284px;
    height: 400px;
}

h3.tck-module-title {
    font-size: 28px;
    text-transform: uppercase;
    color: var(--prussian-blue);
    font-family: Montserrat, sans-serif;
    padding-bottom: 10px;
    padding-left: 10px;
}

.mainpage-events-item h4.newsflash-title {
    text-align: center;
    padding-top: 5px;
    padding-bottom: 5px;

}

.homepage .event-date {
    text-align: center;
    font-size: 13px;
    color: var(--prussian-blue);
    font-family: Montserrat, sans-serif;
    padding-bottom: 5px;
}

.newsflash-image.mainpage-event-image img {
    height: 190px;
    width: 284px;
}

.newsflash-text {
    font-size: 14px;
    text-align: justify;
    padding: 10px;
}

.newsflash-readmore {
    justify-self: center;
    text-align: -webkit-center;
}

i.far.fa-calendar-alt {
    font-size: 17px;
    padding-right: 3px;
}

.pageid-30 .eventdate-location {
    display: flex;
    flex-direction: column;
    gap: 0px;
    padding-top: 2px;
    padding-left: 10px;
}

.tck-article-body {
    text-align: justify;
}

.homepage .event-location {
    color: var(--prussian-blue);
    text-align: center;
    font-size: 14px;
    padding-top: 2px;
}

.events .item-content .tck-article-body p {
    padding: 10px 10px 10px 10px;
}

/*.mainpage-events-item .newsflash-title a {*/
/*    color: white;*/
/*}*/

/*mainpage-separator*/

div#separatorwrapper .tck-container.inner {
    max-width: 100%;
}

.separator-wave {
    --size: 50px;
    --m: 1.5;
    --p: calc(var(--m)*var(--size));
    --R: calc(var(--size)*sqrt(var(--m)*var(--m) + 1));

    height: 200px;
    margin: 10px 0;

    mask:
            radial-gradient(var(--R) at left 50% var(--d,top) calc(var(--size) + var(--p)),#000 99%,#0000 101%)
            calc(50% - 2*var(--size)) 0/calc(4*var(--size)) 100%,
            radial-gradient(var(--R) at left 50% var(--d,top) calc(-1*var(--p)),#0000 99%,#000 101%)
            left 50% var(--d,top) var(--size)/calc(4*var(--size)) 100% repeat-x;
    background: var(--footer);
}

.separator-wave + .separator-wave {
    --d: bottom;
}

/*medencek*/

.com-content-category-blog__children.cat-children {
    display: flex;
    flex-direction: row;
    gap: 60px;
    justify-content: center;
    padding: 30px;
}

.com-content-category-blog__child {
    background-color: var(--prussian-blue);
    padding: 39px;
    -webkit-transition: all .1s linear;
    -moz-transition: all .1s linear;
    -o-transition: all .1s linear;
    transition: all .1s linear;

}

.com-content-category-blog__child:hover {
    transform: scale(1.2);
    background-color: var(--logo-blue);
    -webkit-transition: all .1s linear;
    -moz-transition: all .1s linear;
    -o-transition: all .1s linear;
    transition: all .1s linear;
}


.itemid-104 h3.page-header.item-title a {
    text-decoration: none;
    color: white;
    text-transform: uppercase;
    font-family: Montserrat, sans-serif;
}

h3.page-header.item-title {
    font-size: 15px;
}




/*medencek-article*/
.view-article.layout-mainservices .article-banner-title {
    text-align: center;
    font-size: 50px;
    font-family: Montserrat, sans-serif;
    text-transform: uppercase;
    color: white;
    background-color: var(--navy);
    padding: 10px 0 10px 0;
    margin-bottom: 10px;
}

/*conference*/

.requests-module {
    display: flex;
    flex-direction: column;
    align-items: center;
    filter: drop-shadow(2px 4px 6px black);
    margin: 10px 10px 20px 10px;
    font-size: 11px;


    .requests-button {
        margin: 10px;
    }

}

.request-text {
    background-color: var(--prussian-blue);
    color: white;
    font-family: Montserrat, sans-serif;
    font-size: 1.9em;
    padding: 10px 10px 10px 10px;
    font-weight: bold;
}

p.request-button {
    text-align: center;
}

a.request-button-a {
    background: var(--navy);
    text-decoration: none;
    color: white;
    border: 1px solid transparent;
    border-radius: 5px;
    padding: 10px;
    font-size: 18px;
    font-weight: bold;
    -webkit-transition: all .1s linear;
    -moz-transition: all .1s linear;
    -o-transition: all .1s linear;
    transition: all .1s linear;
}

a.request-button-a:hover {
    background: white;
    color: var(--navy);
    font-weight: bold;
    font-size: 18px;
    -webkit-transition: all .1s linear;
    -moz-transition: all .1s linear;
    -o-transition: all .1s linear;
    transition: all .1s linear;

}

.request-text p {
    padding-top: 10px;
    padding-left: 5px;
    padding-right: 5px;
}

/*events*/

.events .com-content-category-blog__item.blog-item.tck-article, .newspage-news-item {
    background-color: var(--navy);
    filter: drop-shadow(2px 4px 6px black);
    border-radius: 8px;
}

body.events .tck-blog figure.item-image {
    margin: 0 !important;
}

.events .com-content-category-blog__items.blog-items {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    column-gap: 1.5em;
    margin: 10px;
}

.tck-blog .tck-article {
    display: flex;
    flex-direction: column;
    margin-bottom: 10px;
}

.pageid-30 p.readmore.tck-readmore {
    display: none;
}

.eventsdatas {
    padding-top: 5px;
}


.pageid-30 .blogitem-content-eventdatas a {
    text-transform: uppercase;
    font-size: 18px;
    text-decoration: none;
    color: white;
    margin-left: 10px;
    font-family: Montserrat, sans-serif;
    -webkit-transition: all .1s linear;
    -moz-transition: all .1s linear;
    -o-transition: all .1s linear;
    transition: all .1s linear;
}

.newspage-item-content {
    padding: 0 10px 0 10px;
}

.blogitem-content-eventdatas {
    padding: 0 10px 0 10px;
}

.newspage .page-header a {
    text-transform: uppercase;
    font-size: 18px;
    text-decoration: none;
    color: white;
    font-family: Montserrat, sans-serif;
    -webkit-transition: all .1s linear;
    -moz-transition: all .1s linear;
    -o-transition: all .1s linear;
    transition: all .1s linear;
}
.newspage .page-header a:hover {
    color: var(--sky-blue);
    -webkit-transition: all .1s linear;
    -moz-transition: all .1s linear;
    -o-transition: all .1s linear;
    transition: all .1s linear;
}

.pageid-30 .blogitem-content-eventdatas a:hover {
    color: var(--sky-blue);
    -webkit-transition: all .1s linear;
    -moz-transition: all .1s linear;
    -o-transition: all .1s linear;
    transition: all .1s linear;

}

.pageid-30 span.event-date, .events span.event-location {
    font-size: 15px;
    font-family: Montserrat, sans-serif;
    color: var(--sky-blue);
    font-weight: bold;
}

.events p {
    font-size: 14px;
}



i.fas.fa-map-pin, i.far.fa-calendar-alt {
    font-size: 17px;
    color: crimson;
    padding-right: 3px;
    width: 20px;
    height: auto;
}

.view-category.events .tck-article-body {
    color: white;
    padding: 5px;
}

.events div#topwrapper .inner.tck-container, .newspage div#topwrapper .inner.tck-container {
    max-width: 100%;
    margin-top: -16px;
}

.events .event-article-header {
    position: relative;
    flex-direction: column-reverse;
    width: 100%;
    justify-self: center;
    border: 1px solid transparent;
    border-radius: 5px;
}

.event-article-eventdatas {
    position: absolute;
    width: 100%;
    padding: 15px;
    bottom: 60px;
    z-index: 1;
}

.event-article-image {
    filter: brightness(0.5);
}

.event-article-header h2.tck-article-title {
    color: white;
    font-family: Montserrat, sans-serif;
    text-transform: uppercase;
    font-size: 50px;
    padding-bottom: 15px;
}

.eventitem-page-data {
    display: flex;
    flex-direction: row;
    gap: 25px;
    align-items: center;
}

.item-pageevents {
    background-color: var(--navy);
    border: 1px solid transparent;
    border-radius: 8px;
}

.eventdate {
    color: white;
    font-family: Montserrat, sans-serif;
    font-size: 22px;
}

.event-article-header i.far.fa-calendar-alt, .event-article-header i.fas.fa-map-pin, .event-article-header i.fa-facebook, i.fas.fa-file-pdf {
    color: white;
    font-size: 25px;
    font-weight: bold;
    margin-right: 5px;
}

.event-location {
    font-size: 22px;
    font-family: Montserrat, sans-serif;
    color: white;
    padding-right: 3px;
}
.event-fb a, .event-brochure a {
    text-decoration: underline;
    color: white;
    font-family: Montserrat, sans-serif;
    -webkit-transition: all .1s linear;
    -moz-transition: all .1s linear;
    -o-transition: all .1s linear;
    transition: all .1s linear;
}

.event-article-image img {
    width: 1200px;
    object-fit: cover;
}

.event-fb a:hover, .event-brochure a:hover {
    color: var(--sky-blue);
    -webkit-transition: all .1s linear;
    -moz-transition: all .1s linear;
    -o-transition: all .1s linear;
    transition: all .1s linear;
}

.event-fb, .event-brochure {
    padding-right: 2px;
    font-size: 22px;
}

.view-article.events a.btn.btn-secondary {
    background-color: var(--sky-blue);
    color: white;
    border: 1px solid transparent;
    -webkit-transition: all .1s linear;
    -moz-transition: all .1s linear;
    -o-transition: all .1s linear;
    transition: all .1s linear;
}

.view-article.events a.btn.btn-secondary:hover {
    background-color: white;
    color: var(--prussian-blue);
    -webkit-transition: all .1s linear;
    -moz-transition: all .1s linear;
    -o-transition: all .1s linear;
    transition: all .1s linear;

}

.com-content-article__body.tck-article-body.event-article-body {
    justify-self: center;
    color: white;
    padding: 15px 20px 15px 20px;
}


.view-article.events .backbutton {
    padding: 20px;
}


/*news*/

.item-pagenewspage .backbutton {
    align-self: start;
    margin-top: 15px;
}

.newspage .item-pagenewspage figure.item-image {
    margin: 0;
    -webkit-mask-size: 100% 100%;
    -webkit-mask-image: -webkit-gradient(linear, center bottom, center top, color-stop(0.00, rgba(0, 0, 0, 0)), /* alja áttetsző */ color-stop(0.33, rgba(0, 0, 0, 1)), /* kb. 33%-nál már teljesen látható */ color-stop(1.00, rgba(0, 0, 0, 1)));
}

.news-article-page-header {
    z-index: 1;
}

.news-article-page-header h2.tck-article-title {
    margin-top: -100px;
    color: var(--logo-blue);
    font-size: 40px;
    font-family: Montserrat, sans-serif;
    text-align: justify;
    margin-bottom: 15px;
}

.news-article-publish_date {
    align-self: end;
    color: var(--prussian-blue);
    font-weight: bold;
    padding-bottom: 15px;
}

.news-article-page-header h1 {
    display: none;
}

.tck-article.com-content-article.item-pagenewspage {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.newspage-header h1 {
    display: none;
}

.newspage figure.item-image {
    margin: 0;
}

/*.newspage .page-header a {*/
/*    text-decoration: none;*/
/*    font-family: Montserrat;*/
/*    text-transform: uppercase;*/
/*    font-size: 18px;*/
/*}*/

.news-publish_date {
    font-size: 14px;
    padding-top: 3px;
    justify-self: right;
    color: var(--sky-blue);
    font-weight: bold;
    padding-bottom: 5px;
}

.newspage-item-content p {
    font-size: 14px;
    text-align: justify;
    padding: 5px 0px 20px 0px;
    color: white;
}

/*.newspage-news-item {*/
/*    border: 1px solid #e5e5e5;*/
/*    border-radius: 8px;*/
/*    box-shadow: 0 0 5px #e5e5e5;*/
/*}*/



.homepage .layout-mainnews .item-image img {
    height: 230px;
    width: 388px;
}

.newspage-news-item .item-image img {
    height: 260px;
    width: 390px;
}

.newspage-news-item-container {
    margin: 10px;
}

    /*timetable*/

body.timetable {
    background: var(--navy);
}

div#topwrapper .inner.tck-container {
    max-width: 100%;
}

.timetable .wavy-title {
    margin-top: -16px;
}

.timetable-actual-week {
    text-align: center;
    color: white;
    text-transform: uppercase;
    font-family: Montserrat, sans-serif;
    font-weight: bold;
    font-size: 22px;
}

.timetable-article {
    padding: 15px;
}

.timetable-article h2 {
    text-align: center;
    color: white;
    font-family: Montserrat;
}

.timetable table {
    background: #ffffff14;
    border: 1px solid transparent;
    border-radius: 10px;
    padding: 10px;
}

.timetable thead {
    color: var(--light-blue);
    text-transform: uppercase;
    font-size: 23px;
    font-family: Montserrat, sans-serif;
    text-align: center;
}

.timetable td {
    text-transform: uppercase;
    color: white;
    text-align: center;
    font-family: Montserrat, sans-serif;
}

/*visitor-informations*/

.visitor-info .wavy-title {
    margin-top: -16px;
}

.infos-container {
    display: flex;
    flex-direction: column;
}

div#megkozelites {
    display: flex;
    flex-direction: column;
    padding: 0px 0px 0px 25px;
}

.megkozelites h3, .parking h4 {
    color: var(--prussian-blue);
    text-transform: uppercase;
    font-family: Montserrat;
    font-weight: 800;
    font-size: 40px;
    text-align: center;
}

.megkozelites {
    margin-bottom: 15px;
}

.infos-megkozelites-container {
    display: flex;
    flex-direction: row-reverse;
}

.opening-hours-container {
    margin: 15px 0px 15px 0;
    background: var(--navy);
    color: white;
    font-family: Montserrat;
}

.opening-hours-container {
    background-color: var(--navy);
    padding: 20px;
}
h2.opening-hours-title {
    color: white;
    font-family: Montserrat, sans-serif;
    font-size: 40px;
}

div#openinghours a {
    text-decoration: none;
    color: var(--light-blue);
    font-size: 23px;
    -webkit-transition: all .1s linear;
    -moz-transition: all .1s linear;
    -o-transition: all .1s linear;
    transition: all .1s linear;
}

div#openinghours a:hover {
    color: white;
    -webkit-transition: all .1s linear;
    -moz-transition: all .1s linear;
    -o-transition: all .1s linear;
    transition: all .1s linear;
}

p.timetable-link {
    text-align: end;
}



div#contacts {
    background-color: var(--navy);
    color: white;
    font-family: Montserrat, sans-serif;
}

.contacts, #paymentmethods {
    padding: 20px 90px 20px 90px;
}

.contacts h2, div#paymentmethods h4 {
    font-size: 40px;
    text-transform: uppercase;
    padding-bottom: 10px;
    color: white;
    font-family: Montserrat, sans-serif;
}

.contacts-paymentmethods {
    display: flex;
    gap: 20px;
    box-sizing: border-box;
    width: 100%;
}

div#contacts {
    background-color: var(--navy);
    color: white;
    font-family: Montserrat, sans-serif;
    width: 50%;
}

div#paymentmethods {
    width: 50%;
}

.contacts a {
    color: white;
    text-decoration: none;
    -webkit-transition: all .1s linear;
    -moz-transition: all .1s linear;
    -o-transition: all .1s linear;
    transition: all .1s linear;
}

.contacts a:hover {
    color: var(--logo-blue);
    -webkit-transition: all .1s linear;
    -moz-transition: all .1s linear;
    -o-transition: all .1s linear;
    transition: all .1s linear;
}

div#paymentmethods {
    background-color: var(--logo-blue);
}

div#paymentmethods p {
    text-align: right;
    font-family: Montserrat;
    color: white;
}

div#paymentmethods h4 {
    text-align: right;
}

.price-list-container h2, .visitor-rules h2 {
    text-transform: uppercase;
    font-family: Montserrat, sans-serif;
    font-size: 40px;
    color: var(--prussian-blue);
}

.visitor-rules h2 {
    padding-top: 20px;
}

.price-list {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    font-family: Montserrat, sans-serif;
    font-size: 18px;
    padding: 2px 0px 2px 0px;
}

.price {
    font-weight: bold;
    color: var(--prussian-blue);
}

p.price-extra-info {
    color: var(--orange);
    font-family: 'Montserrat', sans-serif;
}

.embed-container {
    border: 3px solid var(--logo-blue);
}


/*forms*/

form#userForm h2 {
    display: none;
}

.formContainer p {
    color: var(--navy);
    font-weight: bold;
    font-family: Montserrat, sans-serif;
    font-size: 40px;
    text-transform: uppercase;
    text-align: center;
}

strong.formRequired {
    margin-left: 3px;
    display: none;
}

label.form-label.formControlLabel {
    font-family: Montserrat, sans-serif;
    color: var(--sky-blue);
    font-weight: bold;
}

button#uzenet_kuldese_gomb {
    background-color: var(--prussian-blue);
    color: white;
    -webkit-transition: all .1s linear;
    -moz-transition: all .1s linear;
    -o-transition: all .1s linear;
    transition: all .1s linear;
}

button#uzenet_kuldese_gomb:hover {
    background-color: white;
    color: var(--prussian-blue);
    -webkit-transition: all .1s linear;
    -moz-transition: all .1s linear;
    -o-transition: all .1s linear;
    transition: all .1s linear;
}

.form-control {
    -webkit-transition: all .1s linear;
    -moz-transition: all .1s linear;
    -o-transition: all .1s linear;
    transition: all .1s linear;
}

.form-control:focus {
    border-color: var(--prussian-blue);
    box-shadow: none;
    -webkit-transition: all .1s linear;
    -moz-transition: all .1s linear;
    -o-transition: all .1s linear;
    transition: all .1s linear;
}

/*.pageid-30 .eventsdatas::after {*/
/*    display: block;*/
/*    content: "";*/
/*    height: 1px;*/
/*    width: 100%;*/
/*    background-color: var(--azul);*/
/*}*/


/*.pageid-30 .eventdate-location {*/
/*    display: flex;*/
/*    flex-direction: column;*/
/*    align-items: start;*/
/*}*/


.wavy-title {
    display: flex;
    background: #001625;
    min-height: 15vh;
    align-items: center;
    justify-content: center;
    margin-bottom: 15px;
    margin-top: -16px;
}

.wavy-content {
    position: relative;
}

.wavy-content h2 {
    color: #fff;
    font-size: 4.7em;
    position: absolute;
    transform: translate(-50%, -50%);
    font-family: 'Poppins', sans-serif;
}

.wavy-content h2:nth-child(1) {
    color: transparent;
    -webkit-text-stroke: 2px #03a9f4;
}

.wavy-content h2:nth-child(2) {
    color: #03a9f4;
    animation: animate3 4s ease-in-out infinite;
}

@keyframes animate3 {
    0%,
    100% {
        clip-path: polygon(
                0% 45%,
                16% 44%,
                33% 50%,
                54% 60%,
                70% 61%,
                84% 59%,
                100% 52%,
                100% 100%,
                0% 100%
        );
    }

    50% {
        clip-path: polygon(
                0% 60%,
                15% 65%,
                34% 66%,
                51% 62%,
                67% 50%,
                84% 45%,
                100% 46%,
                100% 100%,
                0% 100%
        );
    }
}




/*bottomwrapper*/

div#bottomwrapper .inner.tck-container {
    max-width: 100%;
}

div#bottomwrapper {
    padding-top: 50px;
}

.itemid-106 div#bottomwrapper {
    padding-top: 0px;
}

section.waves {
    position: relative;
    width: 100%;
    height: 15vh;
    background: transparent;
    overflow: hidden;
}

.wave {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100px;
    background: url(/images/template/wave-lapis-lazuli.png);
    background-size: 1000px 100px;
}

.wave.wave1 {
    animation: animate 30s linear;
    z-index: 1000;
    opacity: 1;
    animation-delay: 0s;
    bottom: 0;
}

.wave.wave2 {
    animation: animate2 15s linear;
    z-index: 999;
    opacity: 0.5;
    animation-delay: -5s;
    bottom: 10px;
}

.wave.wave3 {
    animation: animate 30s linear;
    z-index: 998;
    opacity: 0.2;
    animation-delay: -2s;
    bottom: 15px;
}

.wave.wave4 {
    animation: animate2 5s linear;
    z-index: 997;
    opacity: 0.7;
    animation-delay: -5s;
    bottom: 10px;
}

@keyframes animate {
    0% {
        background-position-x: 0;
    }
    100% {
        background-position-x: 1000px;
    }
}
@keyframes animate2 {
    0% {
        background-position-x: 0;
    }
    100% {
        background-position-x: -1000px;
    }
}

/*footer*/

div#footerwrapper {
    background: var(--footer);
}

#footer > .inner {
    padding: 0px 10px 10px;
    margin: 0 auto;
    max-width: 1210px;
}

div#footer1 p, div#footer1 a {
    color: white;
    text-decoration: none;
    font-family: 'Montserrat', sans-serif;
}

div#footer1 a {
    -webkit-transition: all .1s linear;
    -moz-transition: all .1s linear;
    -o-transition: all .1s linear;
    transition: all .1s linear;
}

div#footer1 a:hover {
    color: #007bd1;
    -webkit-transition: all .1s linear;
    -moz-transition: all .1s linear;
    -o-transition: all .1s linear;
    transition: all .1s linear;
}

.footer1 .contacts {
    padding: 0;
}

.footer2.tck-module p {
    text-align: center;
    color: white;
    font-family: 'Montserrat', sans-serif;
}

div#footer1, div#footer4 {
    align-self: center
}

div#footer4 {
    text-align: end;
}

.contacts i {
    padding-right: 10px;
    font-size: 20px;
    color: var(--honolulu);
}

.footer4.tck-module {
    color: white;
    font-family: 'Montserrat', sans-serif;
}

div#footercopyright {
    text-align: center;
    color: white;
    font-family: system-ui;
}

div#footer4 ul.mod-menu.mod-list.nav a {
    color: white;
    -webkit-transition: all .1s linear;
    -moz-transition: all .1s linear;
    -o-transition: all .1s linear;
    transition: all .1s linear;
}

div#footer4 h3.tck-module-title {
    padding-bottom: 5px;
    font-size: 18px;
    color: white;
}

div#footer4 ul.mod-menu.mod-list.nav a:hover {
    color: #007bd1;
    -webkit-transition: all .1s linear;
    -moz-transition: all .1s linear;
    -o-transition: all .1s linear;
    transition: all .1s linear;
}

/*responsive*/

@media screen and (min-width: 1368px) {
    /*scrolled*/

    div#headerwrapper.scrolled,
    div#headerwrapper.scrolled > .inner {
        height: 40px;
        -webkit-transition: all .1s linear;
        -moz-transition: all .1s linear;
        -o-transition: all .1s linear;
        transition: all .1s linear;
    }



    div#headerwrapper.scrolled #headercolumn2,
    div#headerwrapper.scrolled #headercolumn3div#headerwrapper.scrolled #headercolumn4 {
        height: 30px;
        -webkit-transition: all .1s linear;
        -moz-transition: all .1s linear;
        -o-transition: all .1s linear;
        transition: all .1s linear;
    }

    div#headerwrapper.scrolled #mainmenu div[id^=maximenuck] ul.maximenuck {
        height: 40px;
        padding-top: 	0px;
        padding-bottom: 0px;
        align-items: center;
        gap: 40px;
        -webkit-transition: all .1s linear;
        -moz-transition: all .1s linear;
        -o-transition: all .1s linear;
        transition: all .1s linear;
    }

    div#headerwrapper.scrolled #mainmenu div[id^=maximenuck] span.titreck-title {
        font-size: 13px;
        -webkit-transition: all .1s linear;
        -moz-transition: all .1s linear;
        -o-transition: all .1s linear;
        transition: all .1s linear;
    }
    div#headerwrapper.scrolled div#logo {
        margin-top: 0px;
        -webkit-transition: all .1s linear;
        -moz-transition: all .1s linear;
        -o-transition: all .1s linear;
        transition: all .1s linear;
    }
    div#headerwrapper.scrolled .tck-logo-img {
        margin-top: 8px;
        width: 140px;
        -webkit-transition: all .1s linear;
        -moz-transition: all .1s linear;
        -o-transition: all .1s linear;
        transition: all .1s linear;
    }
    div#headerwrapper.scrolled form.mod-finder.js-finder-searchform.form-search.mainsearchmodule {
        top: 35px;
        -webkit-transition: all .1s linear;
        -moz-transition: all .1s linear;
        -o-transition: all .1s linear;
        transition: all .1s linear;
    }

    div#headerwrapper.scrolled div#maximenuck111 ul.maximenuck li.maximenuck.level1 > a {
        padding: 0px;
    }

    div#headerwrapper.scrolled .social.tck-module img {
        width: 25px;
        margin-top: -2px;
        -webkit-transition: all .1s linear;
        -moz-transition: all .1s linear;
        -o-transition: all .1s linear;
        transition: all .1s linear;
    }

    div#headerwrapper.scrolled [data-id="maximenuck111"] .mobilemenuck-bar-button {
        align-content: center;
    }
}

@media screen and (min-width: 1150px) and (max-width: 2000px) {

    /*versenymedenceter*/

    .view-category .article-banner-image img.mediajce-image {
        width: 390px;
        height: 260px;
    }

    .layout-mainservices .wavy-title {
        margin-top: -16px;
    }

    .services-card-container {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        gap: 15px;
        padding-top: 20px;
    }

    .view-category .article-banner-image {
        filter: brightness(0.5);
        -webkit-transition: all .3s linear;
        -moz-transition: all .3s linear;
        -o-transition: all .3s linear;
        transition: all .3s linear;
    }

    .view-category div.article-banner-title {
        align-self: center;
        position: absolute;
        top: 125px;
        color: white;
        font-family: 'Montserrat', sans-serif;
        font-size: 1.5em;
        text-transform: uppercase;
        font-weight: 900;
        padding: 8px;
        border: 1px solid transparent;
        border-radius: 6px;
        -webkit-transition: all .3s linear;
        -moz-transition: all .3s linear;
        -o-transition: all .3s linear;
        transition: all .3s linear;

    }

    .service-intro-card:hover div.article-banner-title {
        transform: scale(1.3);
        -webkit-transition: all .3s linear;
        -moz-transition: all .3s linear;
        -o-transition: all .3s linear;
        transition: all .3s linear;
    }


    .service-intro-card:hover .article-banner-image {
        filter: drop-shadow(2px 4px 6px black);
        transform: scale(1.04);
        -webkit-transition: all .3s linear;
        -moz-transition: all .3s linear;
        -o-transition: all .3s linear;
        transition: all .3s linear;
    }

    .com-content-category-blog__item.blog-item.service-intro-card:hover p {
        opacity: 1;
        transition: all .3s linear;
        color: white;
        text-align: justify;
        background: var(--prussian-blue);
        padding: 15px 20px 0 20px;
        font-size: 15px;
        font-family: Montserrat, sans-serif;
        -webkit-transition: all .3s linear;
        -moz-transition: all .3s linear;
        -o-transition: all .3s linear;
    }

    .service-intro-card .item-content p {
        opacity: 0;
        transition: all .3s linear;
        color: white;
        text-align: justify;
        padding: 15px 20px 0 20px;
        font-size: 15px;
        font-family: Montserrat, sans-serif;
        -webkit-transition: all .3s linear;
        -moz-transition: all .3s linear;
        -o-transition: all .3s linear;

    }

    .service-intro-card:active .article-banner-image, .service-intro-card:focus .article-banner-image {
        filter: drop-shadow(2px 4px 6px black);
        z-index: 1000;
    }

    .layout-mainservices a.btn.btn-secondary.btn {
        background: transparent;
        border: none;
        color: white;
        padding: 0 0 20px 0;
        -webkit-transition: all .1s linear;
        -moz-transition: all .1s linear;
        -o-transition: all .1s linear;
        transition: all .1s linear;
    }

    .layout-mainservices a.btn.btn-secondary.btn:hover {
        color: var(--logo-blue);
        -webkit-transition: all .1s linear;
        -moz-transition: all .1s linear;
        -o-transition: all .1s linear;
        transition: all .1s linear;
    }
}

@media screen and (min-width: 1200px) and (max-width: 1400px) {

}

@media screen and (min-width: 1366px) and (max-width: 1650px) {
    /*mainmenu*/

    #mainmenu div[id^=maximenuck] span.titreck-text {
        font-size: 13px;
    }
}
@media screen and (max-width: 1366px) {

    html, body {
        overflow-x: hidden;
    }




    /*mainmenu*/


    div#logo {
        width: 126px;
        position: absolute;
        top: 2px;
        left: 5px;
        z-index: 1000000;
        height: 44px;
    }


    /*div#headercolumn1 {*/
    /*    width: 126px !important;*/
    /*    position: absolute !important;*/
    /*    top: 5px !important;*/
    /*    left: 5px !important;*/
    /*    z-index: 1000 !important;*/
    /*    height: 44px !important;*/
    /*}*/

    div#headercolumn2 {
        top: 5px;
        width: 100%;
        position: absolute;
        height: 44px;
    }

    div#headercolumn3, div#headercolumn4, div#headercolumn5 {
        display: none;
    }

    div#maximenuck111-mobile {
        z-index: 100;
    }

    /*#header > .inner {*/
    /*    flex-direction: row;*/
    /*}*/


    div#headercolumn2 {
        width: 100% !important;
    }

    div#social {
        display: none;
    }

    [data-id="maximenuck111"] .mobilemenuck-bar-title, [data-id="maximenuck111"] .mobilemenuck-bar-button {
        background-color: transparent !important;
        color: var(--logo-blue) !important
    }

    [data-id="maximenuck111"] .mobilemenuck-bar-button {
        color: var(--logo-blue);
        padding-top: 0px !important;
        /*align-content: space-around;*/
        font-size: 2.8em !important;
    }

    [data-id="maximenuck111"].mobilemenuck {
        background-color: white;
    }

    .mobilemenuck-topbar .mobilemenuck-title {
        background: transparent;
    }
    .mobilemenuck-topbar .mobilemenuck-button {
        color: var(--logo-blue);
    }

    [data-id="maximenuck111"] .mobilemenuck-item > .level1 {
        background-color: transparent;
    }

    [data-id="maximenuck111"] .level2 + .mobilemenuck-submenu .mobilemenuck-item > div:not(.mobilemenuck-submenu) {
        background-color: transparent;
    }

    [data-id="maximenuck111"] .mobilemenuck-item > .level1:not(.headingck):hover, [data-id="maximenuck111"] .mobilemenuck-item > .level1.open,
    [data-id="maximenuck111"] .mobilemenuck-item > .level2:not(.headingck):hover, [data-id="maximenuck111"] .mobilemenuck-item > .level2.open,
    [data-id="maximenuck111"] .level2 + .mobilemenuck-submenu .mobilemenuck-item > div:not(.headingck):not(.mobilemenuck-submenu):hover, [data-id="maximenuck111"] .mobilemenuck-item > .level2 + .mobilemenuck-submenu .mobilemenuck-item > div.open:not(.mobilemenuck-submenu) {
        background-color: transparent;
        color: var(--navy);
    }

    .menuck.maximenuck.item122.current.active.level1 span.titreck-text span.titreck-title {
        color: var(--navy);
    }

    #mainmenu div[id^=maximenuck] span.titreck-text {
        font-size: 13px;
    }

    .category-desc.clearfix p {
        padding: 6px 10px 0px 10px;
        text-align: justify;
    }

    .news-article-page-header h2.tck-article-title {
        padding: 0 10px 0 10px;
    }

}

@media screen and (max-width: 1130px) {
    /*medencek*/

    .com-content-category-blog__items.blog-items.services-card-container {
        grid-template-columns: 1fr;
    }

    .view-category .article-banner-image img.mediajce-image {
        padding: 10px;
        width: 100%;
        height: auto;

    }
}

@media screen and (max-width: 1230px) {
    .view-article .tck-article-body {
        padding: 0px 10px 0px 10px;
    }

    .item-pagenewspage .backbutton {
        padding-left: 10px;
    }

    .news-article-publish_date {
        padding-right: 10px;
    }

    .view-article.newspage .wavy-title {
        margin-bottom: 0px;
    }

    .events .item-pageevents {
        margin: 10px;
    }

    .itemid-113 h2.tck-article-title, .itemid-114 h2.tck-article-title, .itemid-115 h2.tck-article-title {
        margin: 0 10px;
    }
}

@media screen and (min-width: 758px) and (max-width: 1150px) {
    .homepage .newsflash-horiz .mainpage-news-image img {
        height: 192px;
        width: 100%;
        object-fit: cover;
    }

    /*mainpage separator*/

    .separator-wave {
        --size: 40px;
        height: 150px;
    }

    /*mainpage events*/

    .mod-articlesnews.newsflash.mainpage-events-list {
        display: grid;
        grid-template-columns: 1fr 1fr;
    }

    .mainpage-events-item {
        width: 100%;
        height: auto;
    }

    .newsflash-image.mainpage-event-image img {
        width: 100%;
        object-fit: cover;
    }

    /*medencek*/

    .service-intro-card .item-content {
        position: relative;
    }

    .view-category div.article-banner-title {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        padding: 31% 9%;
        font-size: 3.5em;
        text-align: center;
        align-self: normal;
        color: white;
        text-transform: uppercase;
        font-family: Montserrat, sans-serif;
        font-weight: 800;
    }


    .layout-mainservices p.readmore.tck-readmore {
        z-index: 2;
    }


    .service-intro-card div.article-banner-image {
        filter: brightness(0.5);
    }

    .service-intro-card p {
        background-color: var(--prussian-blue);
        padding: 15px;
        color: white;
        font-family: Montserrat, sans-serif;
        margin-left: 10px;
        margin-right: 10px;
        margin-top: -15px;
        text-align: justify;
    }

    .layout-mainservices a.btn.btn-secondary.btn {
        background: transparent;
        border: none;
        color: white;
        padding: 0 0 20px 0;
        -webkit-transition: all .1s linear;
        -moz-transition: all .1s linear;
        -o-transition: all .1s linear;
        transition: all .1s linear;
    }

    .layout-mainservices a.btn.btn-secondary.btn:hover {
        color: var(--logo-blue);
        -webkit-transition: all .1s linear;
        -moz-transition: all .1s linear;
        -o-transition: all .1s linear;
        transition: all .1s linear;
    }

    .view-article.layout-mainservices .article-banner-title {
        font-size: 25px;
    }

    .eventdate, .event-location, .event-fb, .event-brochure {
        font-size: 16px;
    }

    .event-article-header i.far.fa-calendar-alt, .event-article-header i.fas.fa-map-pin, .event-article-header i.fa-facebook, i.fas.fa-file-pdf {
        font-size: 20px;
    }

    /*slider*/

    .slick-dots li button:before {
        font-size: 16px !important;
    }

    /*news*/

    .com-content-category-blog__items.blog-items.newspage-news-item-container.columns-3 {
        grid-template-columns: 1fr 1fr;
        margin: 10px;
    }

    .newspage-news-item .item-image img {
        width: 100%;
        object-fit: cover;
    }

    /*wavy-title*/

    .itemid-139 .wavy-title h2 {
        font-size: 3.9em;
    }
}

@media screen and (max-width: 988px) {
    /*visitor-info*/

    .infos-megkozelites-container {
        flex-direction: column;
    }

    div#megkozelites {
        padding: 5px;
    }

    .megkozelites h3, .parking h4 {
        font-size: 31px;
    }

    .megkozelites p, .parking p {
        font-size: 13px;
    }

    .visitor-info iframe {
        width: 100%;
    }

    .price-list-container h2, .visitor-rules h2 {
        font-size: 31px;
    }

    .price-list, p.price-extra-info {
        font-size: 11px;
    }

    .contacts-paymentmethods {
        flex-direction: column;
    }

    div#contacts, div#paymentmethods {
        width: 100%;
    }

    .contacts, #paymentmethods {
        padding: 20px;
        text-align: center;
    }

    .contacts h2, div#paymentmethods h4 {
        font-size: 31px;
        text-align: center;
    }

    .visitor-info .infos .contacts p {
        font-size: 12px;
    }

    div#paymentmethods p {
        font-size: 12px;
        text-align: center;
    }

    div#rules p {
        font-size: 12px;
    }

    /*footer*/

    .footer1 .contacts {
        padding: 0 0 30px 0;
        text-align: center;
        font-size: 13px;
    }

    .footer4.tck-module {
        text-align: center;
        padding-top: 30px;
    }

    div#footer4 h3.tck-module-title {
        font-size: 13px;
    }


    .footer2.tck-module p {
        font-size: 12px;
    }

    .footer4 .tck-module-text {
        font-size: 13px;
    }

    .footercopyright .tck-module-text {
        font-size: 12px;
    }
}

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

    /*mainpage newsflash*/

    .mod-articlesnews-horizontal {
        grid-template-columns: 1fr;
    }

    .homepage .newsflash-horiz .mainpage-news-image img {
        width: 100%;
        height: auto;
    }


    /*mainpage separator*/

    .separator-wave {
        --size: 15px;
        height: 100px;
    }

    /*mainpage events*/

    .mod-articlesnews.newsflash.mainpage-events-list {
        display: grid;
        grid-template-columns: 1fr 1fr;
    }


    .mainpage-events-item {
        width: 100%;
        height: auto;
    }

    .newsflash-image.mainpage-event-image img {
        width: 100%;
        height: auto;
    }

    /*wavy-header*/

    .wavy-content h2 {
        font-size: 4em;
    }

    /*medencek*/

    .com-content-category-blog__children.cat-children {
        flex-direction: column;
        text-align: -webkit-center;
        -webkit-transition: all .1s linear;
        -moz-transition: all .1s linear;
        -o-transition: all .1s linear;
        transition: all .1s linear;
    }

    .com-content-category-blog__child:hover {
        transform: scale(1.07);
        -webkit-transition: all .1s linear;
        -moz-transition: all .1s linear;
        -o-transition: all .1s linear;
        transition: all .1s linear;
    }

    .service-intro-card .item-content {
        position: relative;
    }

    .view-category div.article-banner-title {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        padding: 31% 9%;
        font-size: 2.3em;
        text-align: center;
        align-self: normal;
        color: white;
        text-transform: uppercase;
        font-family: Montserrat, sans-serif;
        font-weight: 800;
    }

    .layout-mainservices p.readmore.tck-readmore {
        z-index: 2;
    }


    .service-intro-card div.article-banner-image {
        filter: brightness(0.5);
    }

    .service-intro-card p {
        background-color: var(--prussian-blue);
        padding: 15px;
        color: white;
        font-family: Montserrat, sans-serif;
        margin-left: 10px;
        margin-right: 10px;
        margin-top: -15px;
        text-align: justify;
    }

    .layout-mainservices a.btn.btn-secondary.btn {
        background: transparent;
        border: none;
        color: white;
        padding: 0 0 20px 0;
        -webkit-transition: all .1s linear;
        -moz-transition: all .1s linear;
        -o-transition: all .1s linear;
        transition: all .1s linear;
    }

    .layout-mainservices a.btn.btn-secondary.btn:hover {
        color: var(--logo-blue);
        -webkit-transition: all .1s linear;
        -moz-transition: all .1s linear;
        -o-transition: all .1s linear;
        transition: all .1s linear;
    }

    .view-article.layout-mainservices .article-banner-title {
        font-size: 25px;
    }

    /*events*/

    .events .com-content-category-blog__items.blog-items {
        grid-template-columns: 1fr;
        row-gap: 1em;
    }


    /*.blogitem-content-eventdatas h2.tck-article-title {*/
    /*    padding-left: 10px;*/
    /*}*/

    .event-article-eventdatas {
        position: unset;
    }

    .event-article-header h2.tck-article-title {
        font-size: 30px;
    }

    .eventitem-page-data {
        flex-direction: column;
        gap: 12px;
        align-items: normal;
    }

    .eventdate, .event-location, .event-fb, .event-brochure {
        font-size: 16px;
    }

    .event-article-header i.far.fa-calendar-alt, .event-article-header i.fas.fa-map-pin, .event-article-header i.fa-facebook, i.fas.fa-file-pdf {
        font-size: 20px;
    }

    .event-ticket {
        padding-top: 20px;
    }

    /*.item-pageevents {*/
    /*    border-radius: 0px;*/
    /*}*/

    .com-content-category-blog__items.blog-items.newspage-news-item-container.columns-3 {
        display: grid;
        grid-template-columns: 1fr;
        margin: 10px;
    }

    .newspage .tck-blog .tck-article {
        margin-bottom: 20px;
    }

    .newspage-news-item .item-image img {
        width: 100%;
        height: auto;
        object-fit: cover;
    }

    .news-article-page-header h2.tck-article-title {
        margin: 0 0 0 0;
        font-size: 25px;
    }

    /*timetable*/

    .timetable thead {
        font-size: 18px;
    }

    .timetable td {
        font-size: 13px;
    }








}

@media screen and (min-width:524px) and (max-width: 758px) {

    /*wavy-title*/

    .layout-mainservices .wavy-content h2 {
        font-size: 3.1em;
    }

    .itemid-139 .wavy-content h2 {
        font-size: 2.8em;
    }

    /*konferenciatermek title*/

    .itemid-106 .wavy-content h2 {
        font-size: 3.4em;
    }
}


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


    /*slider*/

    .slick-slide img {
        max-width: 100%;
    }

    .slick-dots li button:before {
        font-size: 20px !important;
    }


    /*mainpage events*/

    .mod-articlesnews.newsflash.mainpage-events-list {
        display: grid;
        grid-template-columns: 1fr;
    }

    /*medencek*/

    .view-category div.article-banner-title {
        text-align: center;
        font-size: 1.6em;
        font-family: Montserrat, sans-serif;
        color: white;
        text-transform: uppercase;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        padding: 31% 6% 0 6%;
    }

    .layout-mainservices p.readmore.tck-readmore {
        z-index: 2;
    }


    .layout-mainservices .wavy-content h2 {
        font-size: 36px;
    }

    .service-intro-card:hover .article-banner-image {
        transform: scale(1.02);
    }

    .layout-mainservices .wavy-content h2 {
        font-size: 2em;
    }

    .wavy-content h2 {
        font-size: 3.3em;
    }

    .itemid-106 .wavy-content h2 {
        font-size: 2.3em;
    }

    .events .wavy-content h2, .newspage .wavy-content h2, .timetable .wavy-content h2 {
        font-size: 3.3em;
    }


    /*timetable*/

    .timetable-actual-week, .timetable-article h2 {
        font-size: 15px;
    }

    .timetable thead, .timetable td {
        font-size: 10px;
    }



}