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

html {
    scroll-behavior: smooth;
    font-weight: 100;
    overflow-x: hidden;
}

body {
    background-color: white;
    overflow-x: hidden;
}

h1, h2, h3, h4, h5, h6 {
    font-family: Montserrat Alternates, serif;
}

p, ul, ol {
    color: var(--grey);
    margin-bottom: 0;
    font-family: "Montserrat Alternates", serif;
}

a {
    color: var(--vivid-red);
    text-decoration: none;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}

a:hover {
    color: var(--vivid-red);
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}


:root {
    --wine-red: #4d0024;
    --vivid-red: #ff5821;
    --pink: #ff0062;
    --plum: #7b1042;
    --grey: #555555;
    --coral: #e74d5b;
    --dark-purple: #360019;
}

/*mainmenu*/

div#headerwrapper {
    z-index: 10000;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    background: var(--wine-red);
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}

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

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

div#logo {
    position: absolute;
    margin-top: 6px;
    z-index: 20000;
    margin-left: 10px;
    width: 136px;
}

div#social {
    margin-top: 20px;
}

div#social p a img {
    margin: 6px;
}

.social.tck-module img {
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}

.social.tck-module img:hover {
    transform: scale(1.1);
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}

/*div#headercolumn5 {*/
/*    display: none;*/
/*}*/

/*mainmenu*/

div#headercolumn3 {
    display: flex;
    flex-direction: row;
    /*gap: 100px;*/
}

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

}

#mainmenu div[id^=maximenuck] span.titreck-text {
    color: white;
    font-weight: 100;
    font-size: 16px;
    font-family: DM Serif Text, serif;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}

#mainmenu div[id^=maximenuck] span.titreck-text:hover {
    color: var(--vivid-red);
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}

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

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 {
    background-color: var(--wine-red);
    border: none;
    box-shadow: none;
}

div#maximenuck111 ul.maximenuck li.level1.parent > a:after, div#maximenuck111 ul.maximenuck li.level1.parent > span.separator: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: white;
}

li.maximenuck.headingck.item138.parent.level1.maximenuckanimation, li.maximenuck.headingck.item130.parent.level1.maximenuckanimation, li.maximenuck.headingck.item146.parent.level1.maximenuckanimation,  li.maximenuck.headingck.item131.parent.level1.maximenuckanimation, li.maximenuck.headingck.item136.parent.level1.maximenuckanimation  {
    align-content: center;
}

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

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

div#maximenuck110 ul.maximenuck li.level1.parent > a:after {
    display: none;
}
div#maximenuck110 ul.maximenuck li.maximenuck ul.maximenuck2 li > .nav-header {
    border-bottom: none;
}

#mainmenu div[id^=maximenuck] ul.maximenuck li.maximenuck.level1, #video div[id^=maximenuck] ul.maximenuck li.maximenuck.level1 {
    margin: 0;
    line-height: 32px;
    padding-left: 18px;
    padding-right: 26px;
    position: relative;
}

div#maximenuck111 .maxiFancybackground {
    display: none !important;
}

#search > .inner .search .tck-module-text {
    display: flex;
    justify-content: flex-end;
    flex-direction: row;
    padding: 9px 0;
    width: 250px;
}

div#headercolumn5 {
    width: 50px;
}

form.mod-finder.js-finder-searchform.form-search.mainsearchmodule.opacity0 {
    opacity: 0;
}

#searchfocus {
    cursor: pointer;
    width: 32px;
    margin-top: 3px;
    margin-right: 15px;
}

form.mod-finder.js-finder-searchform.form-search.mainsearchmodule {
    opacity: 1;
    position: relative;
    top: 0px;
    right: 0;
    -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: -7px;
}

div#headerwrapper.scrolled .mod-finder input.js-finder-search-query {
    padding: 5px;
}

div#headerwrapper.scrolled #searchfocus {
    width: 24px;
    margin-top: -4px;
    margin-right: 10px;
}

nav.mod-breadcrumbs__wrapper {
    background: var(--plum);
}

.breadcrumb-item, .breadcrumb > .active {
    color: white;
    font-family: 'Montserrat Alternates', serif;
}

.icon-location:before {
    color: var(--vivid-red);
}

.homepage {
    background-color: #f0f0f0;
}



/*slick*/

.slickck-image {
    height: 500px;
}

.slick-slide img {
    display: block;
    height: 500px;
    width: 100%;
    object-fit: cover;
}

.slickck-descinner {
    position: absolute;
    top: 17%;
    left: 5%;
    right: 0;
    z-index: 1000;
    padding-right: 55%;
}

.slick-dots {
    bottom: 5px !important;
    right: 140px !important;
}

.slickck-title {
    color: white;
    font-family: Montserrat Alternates, serif;
    font-weight: 600;
    font-size: 35px;
}

.slickck-text {
    color: white;
    font-family: "Montserrat Alternates", serif;
}

.slickck-text a {
    font-family: Montserrat Alternates, serif;
    color: white;
    padding: 10px;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}

.slickck-text a:hover {
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;

}

.slickck-text {
    margin-top: 10px;
}

.welcome-page {
    margin-top: -448px;
}

.welcome-text {
    margin-top: -175px;
    text-align: end;
    padding-right: 10px;
}

.welcome-text p {
    color: white;
    font-family: PT Serif;
    font-weight: 700;
    font-size: 15px;
}

.welcome-text img {
    width: 190px;
}

span.titreck-title {
    font-family: Montserrat Alternates, serif;
    font-weight: 700;
    font-size: 14px;
}

/*mainpage-newsflash*/

.mod-articlesnews-header {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}


.mod-articlesnews-header h3 {
    font-family: 'Montserrat Alternates', serif;
    color: var(--vivid-red);
    font-weight: 700;
    text-transform: uppercase;
    font-size: 2rem;
}

a.all-news-link {
    font-weight: 700;
    font-family: Montserrat Alternates, serif;
    text-decoration: underline;
    align-content: center;
}

.mod-articles-news-container {
    background-color: white;
    padding: 10px 25px 10px 25px;
    box-shadow: 1px 1px 11px grey;
    margin-bottom: 20px;
}

h4.newsflash-title a {
    color: var(--pink);
    font-weight: 600;
    font-size: 18px;
}

.main-newsflash-item {
    background: #f0f0f0;
}

.main-newsflash-item h4, .main-newsflash-item p {
    padding: 10px;
}

.mod-articlesnews-horizontal {
    grid-gap: 2rem;
    grid-template-columns: 1fr 1fr 1fr;
    display: grid;
    padding: 40px;
}

figure.newsflash-image.mainpage-news-image {
    margin: 0;
}

/*partners*/

.bottommodule h3 {
    text-align: center;
    padding: 10px;
    color: var(--pink);
    font-family: 'Montserrat Alternates', serif;
    font-weight: 700;
    font-size: 1.5rem;
}

.partners-images {
    display: flex;
    gap: 20px;
    align-items: center;
    flex-wrap: wrap;
    padding: 10px;
    margin-bottom: 35px;
    justify-content: center;
}

.partners-images img {
    width: 80px;
}

/*academy*/

p.highlighted
{
    color: var(--pink);
    font-weight: 700;
}

.itemid-135.pageid-12 h2.tck-article-title, .pageid-4 h2.tck-article-title,
.layout-mainorganization h1.category-pagetitle, .layout-mainacademics h1.category-pagetitle,
.layout-mainnews .newspage-header h1, .view-article.layout-mainnews .page-header h2,
.news-article-page-header h2, .layout-mainpartners h1.category-pagetitle, .com-tags__items h1.category-pagetitle {
    text-align: center;
    padding: 90px;
    font-size: 40px;
    background: url(/images/template/hero-page.jpg);
    background-size: cover;
    background-position: center;
    font-weight: 700;
    height: 420px;
    color: white;
}
.tck-article-body p img {
    display: block;
    margin: auto;
}


/*structure*/

.blog-items-grid, .layout-mainacademics .blog-items, .com-tags__items .blog-items {
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 20px;
    row-gap: 30px;
    margin-bottom: 15px;
}

.subcategory-title {
    padding-top: 20px;
    padding-bottom: 30px;
    color: var(--vivid-red);
    text-transform: uppercase;
}

.organization-item-image, .academics-item-image {
    width: 150px;
    height: 150px;
    float: left;
    border-radius: 50%;
    overflow: hidden;
    border: 4px solid #f4c8dc;
    margin-right: 15px;
}

.organization-item, .academics-item {
    background-color: #fff3f8;
    width: 485px;
    height: 215px;
    align-content: center;
    padding: 26px;
}

h2.employee-name, .academic-name {
    color: var(--wine-red);
    font-size: 20px;
}

.employee-titlename, .employee-title-details, .employee-contact, h2.employee-name, .academic-name, .academic-dateofbirth, .academic-specialization, .academic-results {
    font-weight: 700;
}


.subcategory-title h2 {
    font-weight: 800;
}

/*.employee-contact a {*/
/*    color: var(--vivid-red) !important;*/
/*}*/

/*academists*/

.mod-tagspopular.tagspopular ul {
    list-style: none;
    display: flex;
    justify-content: space-between;
    margin-left: 0;
    margin-right: 0;
    padding: 50px 0;
}

.mod-tagspopular.tagspopular ul li {
    display: inline-block;
    font-size: 30px;
    line-height: 30px;
    font-weight: bold;
    text-transform: uppercase;
}

/*contacts*/

.itemid-135.pageid-12 .tck-container, .pageid-4 .tck-container, .layout-mainorganization .tck-container, .layout-mainacademics .tck-container,
.layout-mainnews .tck-container, .layout-mainpartners .tck-container, .layout-mainmcenterorgstructure .tck-container, .kkmk-devices .tck-container,
.layout-mainprofarticles .tck-container, .downloadables .tck-container, .kkmk-contacts .tck-container, .view-tag .tck-container {
    max-width: 12000px;
}

div#contact_01 h3, div#contact_02 h3, div#contact_03 h3 {
    text-transform: uppercase;
    color: var(--vivid-red);
}

.contacts-container {
    display: flex;
    flex-direction: column;
    /*align-items: center;*/
    gap: 35px;
    margin-bottom: 40px;
    padding: 30px;
}

div#contact_01 h4, div#contact_02 h4, div#contact_03 h4 {
    color: var(--grey);
    font-weight: 700;
}

div#contact_01, div#contact_02, div#contact_03 {
    display: flex;
    flex-direction: column;
}

.contacts-container h3 {
    color: var(--vivid-red);
    font-weight: 700;
}

.itemid-135.pageid-12 .com-content-article__body.tck-article-body, .pageid-4 .com-content-article__body.tck-article-body,
.layout-mainorganization .com-content-category-blog__items, .layout-mainacademics .academists-container,
.layout-mainnews .newspage-news-item-container, .view-article.layout-mainnews .com-content-article__body.tck-article-body,
.layout-mainpartners .com-content-category-blog__items, .layout-mainmcenterorgstructure .com-content-category-blog__items,
.kkmk-devices .com-content-category-blog__items, .profarticles-item-container, .downloadables .com-content-article__body.tck-article-body,
.kkmk-contacts .com-content-article__body.tck-article-body, .com-tags__items .academics-container {
    max-width: 1200px;
    margin: 0 auto;
    background: white;
    border: 1px solid #e9e9e9;
    box-shadow: 1px 1px 11px;
    /* border-radius: 4px; */
    margin-top: -185px;
    margin-bottom: 15px;
    padding: 20px 85px 20px 85px;
}

.kkmk-contacts .com-content-article__body.tck-article-body {
    margin-top: -231px;
    padding: 51px 85px 51px 85px;
}

/*infrastructure*/

/*.infrastructure-portfolio-container {*/
/*    display: flex;*/
/*    flex-direction: row;*/
/*    align-items: center;*/
/*    gap: 20px;*/
/*}*/

/*.infrastructure-text {*/
/*    width: 50%;*/
/*}*/

.infrastructure h1, .contactus h2.tck-article-title, .sports h2.tck-article-title,
.for-companies h2.tck-article-title, .opening-hours h2.tck-article-title,
.contact-us h2.tck-article-title, .consumer-services h2.tck-article-title {
    color: white;
    font-family: Montserrat, serif;
    text-align: center;
    background-color: var(--coral);
    padding: 60px;
    background-image: url(/images/template/bg2.png);
    background-size: 100%;
    font-weight: 700;
    text-transform: uppercase;
}

.infrastructure figure.left.item-image {
    width: 50%;
}

.cards-container {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 10px;
}

p.infrastructure-button a {
    font-family: Montserrat, serif;
    color: white;
    background: var(--vivid-red);
    padding: 10px;
    border-radius: 20px;
}

.itemid-143.pageid-14 h2.tck-article-title {
    font-family: 'Montserrat', serif;
    color: var(--coral);
    font-weight: 700;
    text-align: center;
    margin: 20px 0 20px 0;
    text-transform: uppercase;
}

.water-article-text h4 {
    color: var(--coral);
    text-transform: uppercase;
    font-family: Montserrat, serif;
    font-weight: 700;
}

.service-card h4 {
    margin-top: 10px;
}

.water-article {
    display: flex;
    flex-direction: row;
    gap: 15px;
    margin-bottom: 20px;
    padding-top: 40px;
    padding-bottom: 40px;
}

.water-article img {
    width: 50%;
}

.water-article-text {
    width: 50%;
}
p.infrastructure-button {
    margin-top: 10px;
}

.infrastructure .tck-blog .tck-article {
    display: flex;
    flex-direction: row;
    gap: 30px;
}

.infrastructure .tck-blog .tck-article:nth-child(odd) {
    flex-direction: row-reverse;
    gap: 30px;
    padding: 40px 0 40px 0;
}

.infrastructure p, .infrastructure ul li {
    font-family: Montserrat, serif;
    font-size: 17px;
}

/*.mozgaselemzes-container {*/
/*    display: flex;*/
/*    flex-direction: row-reverse;*/
/*    gap: 20px;*/
/*}*/

/*infra-sports*/

.sports figure.left.item-image img, .for-companies figure.left.item-image img, .opening-hours figure.left.item-image img {
    padding: 40px;
}

.sports .left.item-image, .for-companies .left.item-image, .opening-hours .left.item-image, .lakossagi-container img {
    float: left;
    width: 50%;
}

.sports .com-content-article__body.tck-article-body, .for-companies .com-content-article__body.tck-article-body,
.opening-hours .com-content-article__body.tck-article-body,
.lakossagi-container {
    display: flex;
    flex-direction: row;
}

.sports-container, .companies-container, .openingh-container {
    padding: 60px 0 0 0;
    width: 73%;
}

.sports-container h3, .sports-container p, .companies-container h3, .companies-container p, .openingh-container h3, .openingh-container p,
.lakossagi-container h3, .lakossagi-container p, .consumer-services h3{
    font-family: Montserrat, serif;
}

.companies-container h3 {
    font-weight: 600;
}

.sports-container a, .companies-container a {
    color: white;
    background-color: var(--coral);
    padding: 10px;
    border-radius: 20px;
    font-weight: 600;
}

p.companies-button, p.sports-button {
    padding-top: 30px;
}

.ophours {
    display: flex;
    flex-direction: row;
    gap: 20px;
}

.lakossagi-container {
    display: flex;
    flex-direction: row;
    gap: 30px;
    align-items: center;
}

.tickets-info h3 {
    font-family: Montserrat, serif;
    color: var(--coral);
    text-transform: uppercase;
    font-weight: 700;
}

table td {
    font-family: Montserrat, serif;
}

.tickets-info {
    padding-bottom: 30px;
}

/*newspage*/

.newspage-news-item-container {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 20px;
}

.newspage-news-item, .profarticle-item {
    background-color: #f0f0f0;
}

.newspage-item-content h2, .prof-article-item-content h2 {
    font-size: 18px;
    font-weight: 700;
}

.prof-article-item-content,
.newspage-item-content  {
    padding: 20px 20px 20px 20px;
}

.newspage-news-item .item-image, .profarticle-item .item-image {
    margin: 0;
}

.newspage-news-item img, .profarticle-item img {
    width: 100%;
    height: 245px;
    object-fit: cover;
    object-position: center;
}

.newspage-item-content h2 a {
    color: var(--pink);
}

.layout-mainnews.view-article .bottommodule {
    background-color: #deddde;
    padding: 20px 0 10px 0;
}

.view-article.layout-mainnews .com-content-article__body.tck-article-body {
    margin-bottom: 35px;
}

.backbutton a {
    background-color: var(--plum);
    color: white;
    font-family: Montserrat Alternates, serif;
    font-weight: 600;
    font-size: 14px;
}

.backbutton a:hover {
    background-color: var(--wine-red);
    color: white;
}

.prof-article-item-content .page-header h2 a {
    color: #3192d0;
}

/*partners*/

.partners-item {
    display: flex;
    flex-direction: column;
    padding-bottom: 30px;
}

h2.partner-name {
    font-weight: 600;
    font-size: 23px;
    color: var(--pink);
}

.partners-item .tck-article-body {
    font-weight: 600;
}

.partner-title h4 {
    padding: 10px 0;
    font-weight: 700;
    font-size: 16px;
}

.partner-location, .partner-phonenmbr, .partner-webpage, .partner-email {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 10px;
    padding: 8px 0;
    font-family: Montserrat Alternates, serif;
    font-weight: 600;
}

.partner-contacts img {
    width: 24px;
    height: 25px;
}

.partners-item-image .left.item-image {
    width: 100%;
    object-fit: cover;
    object-position: center;
}

/*mcenter*/

.mcenter-header, .kkmk-devices h1, .devices-article-page-header h2, .profarticles-header h1, .prof-article-page-header h2, .downloadables h2, .kkmk-contacts .page-header h2 {
    text-align: center;
    padding: 90px;
    background: url(/images/template/cover-kkmk.jpg), center;
    height: 420px;
    color: white;
    font-weight: 700;
    background-size: cover;
}

.mcenter-header h1 {
    font-size: 40px;
    font-weight: 700;
    color: white;
}

.mcenterorganization-item-image {
    width: 150px;
    height: 150px;
    float: left;
    border-radius: 50%;
    overflow: hidden;
    border: 4px solid #3192d0;
    margin-right: 15px;
}

.mcenterorgstructure-item {
    background-color: #aedcf9;
    width: 485px;
    height:450px;
    align-content: center;
    padding: 26px;
}

.mcenter-blog-items {
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 20px;
    row-gap: 30px;
}

.mcenterorgstructure-item-content .employee-contact a {
    color: #3192d0;
}

.mcenterorgstructure-item-content .employee-position {
    font-weight: 700;
}

.layout-mainmcenterorgstructure .bottommodule h3 {
    text-align: center;
    color: var(--pink);
    font-weight: 700;
    font-size: 20px;
}

.layout-mainmcenterorgstructure .partners-images, .kkmk-devices .partners-images,
.layout-mainprofarticles .partners-images, .downloadables .partners-images, .kkmk-contacts .partners-images {
    gap: 130px;
}

.kkmk-devices .com-content-category-blog__items {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 15px;
}

.kkmk-devices .item-image {
    margin: 0;
}

.view-category.kkmk-devices figure.left.item-image img {
    width: 100%;
    height: 330px;
    object-fit: cover;
    object-position: center;
}

.kkmk-devices .item-content .page-header a {
    font-size: 18px;
    color: #3192d0;
    FONT-WEIGHT: 700;
}

.kkmk-devices .item-content {
    background-color: #f0f0f0;
    padding: 20px;
}

.kkmk-devices .readmore a {
    background-color: var(--pink);
    color: white;
    border-radius: 0;
}

.kkmk-devices p.readmore.tck-readmore {
    display: flex;
    flex-flow: row-reverse;
    margin-right: -26px;
}

.view-article.kkmk-devices .com-content-article__body.tck-article-body,
.view-article.layout-mainprofarticles .com-content-article__body.tck-article-body{
    max-width: 1200px;
    margin: 0 auto;
    background: white;
    border: 1px solid #e9e9e9;
    box-shadow: 1px 1px 11px;
    /* border-radius: 4px; */
    margin-top: -185px;
    margin-bottom: 15px;
    padding: 20px 85px 20px 85px;
}

.view-article.kkmk-devices figure.left.item-image, .view-article.kkmk-devices .item-image img {
    width: 100%;
}

.profarticles-item-container {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
}

ul {
    list-style: none;
}

body.downloadables .tck-article-body .downloadables ul li {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding-bottom: 20px;
}

body.downloadables .tck-article-body .downloadables ul {
    padding: 80px;
    margin: 0;
}

span.downloadable-item {
    color: #3192d0;
    font-size: 21px;
    font-weight: 700;
    width: 55%;
}

span.downloadable-item-link {
    background-color: #3192d0;
    padding: 15px;
    font-weight: 700;
    height: 50px;
}

.downloadable-item-link a {
    color: white;
    padding: 10px;
}

i.fas.fa-download {
    padding-left: 15px;
    color: var(--pink);
    font-size: 20px;
    text-shadow: 2px 2px 3px white;
}

/*contacts*/

.kkmk-contacts .tck-article-body {
    text-align: center;
    font-weight: 600;
}



/*forms*/

.mb-3 {
    display: flex;
    flex-direction: column;
}


input.inputbox, .registration input, .login input, .contact input, .contact textarea, select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input, input[type="checkbox"] {
    border: 1px solid black;
    border-radius: 4px;
    padding: 0.6rem 0.6rem;
    margin-right: 10px;
}

.form-control:focus {
    border-color: blue;
}

.col-form-label {
    font-weight: 700;
}

strong.formRequired {
    color: var(--coral);
}

.rsform-block h3 {
    font-weight: 600;
}

button#submit {
    background: var(--coral);
    border-radius: 25px;
    color: white;
    font-size: 14px;
    font-weight: 700;
}




/*footer*/

div#footercopyright p {
    margin-bottom: 0;
    text-align: center;
    color: white;
    font-weight: 600;
}

div#footerwrapper {
    background: linear-gradient(to bottom, #430020 0%, #430020 44%, #36011a 100%);
}

.footercopyright {
    background: var(--wine-red);

}

div#footer2 p {
    text-align: center;
    color: white;
    padding: 25px 10px 0 10px;
    font-weight: 600;
}

.contacts {
    display: flex;
    flex-direction: row;
    justify-content: center;
    gap: 20px;
    padding: 10px;
}

.ftr-cntct {
    display: flex;
    flex-direction: row;
    gap: 10px;
}

.ftr-cntct img {
    width: 32px;
    height: 32px;
    align-self: center;
}

.ftr-cntct p, .ftr-links p {
    color: white;
    align-content: center;
    font-weight: 600;
}

.ftr-links {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 30px;
    padding: 10px;
}

.ftr-socials {
    display: flex;
    flex-direction: row;
}

/*responsive */

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

    div#headerwrapper > .inner, div#headerwrapper {
        height: 56px;
    }

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

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

    div#headerwrapper {
        height: 56px;
    }

    div#logo {
        width: 103px;
        position: absolute;
        top: -5px;
        left: 0;
        z-index: 100001;
        height: 44px;
    }

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

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

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

    div#social {
        display: none;
    }

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

    [data-id="maximenuck111"] .mobilemenuck-bar-button {
        padding-top: 0 !important;
        align-content: space-around;
        font-size: 2.8em !important;
    }

    [data-id="maximenuck111"].mobilemenuck {
        background-color: var(--dark-purple);
    }

    .mobilemenuck-topbar .mobilemenuck-title {
        background: transparent;
    }
    .mobilemenuck-topbar .mobilemenuck-button {
        color: var(--pink);
        line-height: 46px;
    }

    [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: white;
    }

    #mainmenu div[id^=maximenuck] span.titreck-text {
        color: white;
    }

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

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

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

    [data-id="maximenuck111"].mobilemenuck {
        color: #FFFFFF;
        padding-bottom: 5px;
        font-weight: bold;
        font-size: 1.2em;
        top: 0 !important;
    }

    [data-id="maximenuck111"] .mobilemenuck-item > .level2[data-id="maximenuck111"] .mobilemenuck-item > .level2  {
        display: none !important;
    }

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

    .kkmk-contacts .com-content-article__body.tck-article-body {
        padding: 90px 10px 90px 10px;
    }

    .infrastructure .com-content-category-blog__items.blog-items {
        padding: 10px;
    }


}

@media screen and (max-width: 1220px) {
    .itemid-135.pageid-12 .com-content-article__body.tck-article-body, .pageid-4 .com-content-article__body.tck-article-body,
    .layout-mainorganization .com-content-category-blog__items, .layout-mainacademics .academists-container, .layout-mainnews .newspage-news-item-container,
    .view-article.layout-mainnews .com-content-article__body.tck-article-body, .layout-mainpartners .com-content-category-blog__items,
    .layout-mainmcenterorgstructure .com-content-category-blog__items, .kkmk-devices .com-content-category-blog__items, .profarticles-item-container,
    .downloadables .com-content-article__body.tck-article-body {
        padding: 20px 10px 20px 10px;
    }

}

@media screen and (min-width: 1024px) {
    .blog-items-grid, .layout-mainacademics .blog-items {
        justify-items: center;
    }
}

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


    .itemid-135.pageid-12 .com-content-article__body.tck-article-body, .pageid-4 .com-content-article__body.tck-article-body,
    .layout-mainorganization .com-content-category-blog__items, .layout-mainacademics .academists-container,
    .layout-mainnews .newspage-news-item-container, .view-article.layout-mainnews .com-content-article__body.tck-article-body,
    .layout-mainpartners .com-content-category-blog__items, .layout-mainmcenterorgstructure .com-content-category-blog__items,
    .kkmk-devices .com-content-category-blog__items, .profarticles-item-container, .downloadables .com-content-article__body.tck-article-body, .com-tags__items .academics-container {
        padding: 20px 10px 20px 10px;
    }

    .blog-items-grid, .layout-mainacademics .blog-items, .com-tags__items .blog-items {
        grid-template-columns: 1fr;
    }

    .organization-item, .academics-item, .mcenterorgstructure-item, .com-tags__items .academics-item {
        width: 100%;
    }

    .mcenter-blog-items {
        grid-template-columns: 1fr;
        justify-items: center;
    }

    .mcenter-header, .devices-article-page-header, .profarticles-header h1, .prof-article-page-header h2, .downloadables h2, .kkmk-contacts .page-header h2 {
        font-size: 30px;
        padding: 70px 10px 10px 10px;
    }

    .kkmk-devices h1 {
        padding: 90px 10px;
    }

    .mcenter-header h1 {
        font-size: 25px;
    }

    .view-article.kkmk-devices .com-content-article__body.tck-article-body, .view-article.layout-mainprofarticles .com-content-article__body.tck-article-body {
        padding: 20px 10px 20px 10px;
    }

    .layout-mainmcenterorgstructure .partners-images, .kkmk-devices .partners-images, .layout-mainprofarticles .partners-images, .downloadables .partners-images, .kkmk-contacts .partners-images {
        gap: 40px;
    }

    .infrastructure .tck-blog .tck-article:nth-child(odd) {
        flex-direction: column;
    }

    .infrastructure figure.left.item-image, .water-article img, .water-article-text {
        width: 100%;
        margin: 0;
    }

    .infrastructure .tck-blog .tck-article {
        flex-direction: column;
    }

    .cards-container {
        grid-template-columns: 1fr;
    }

    .water-article {
        flex-direction: column;
        margin-bottom: 0;
        padding-bottom: 0;
    }

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

    form#userForm {
        padding-left: 10px;
    }

    .sports .left.item-image, .for-companies .left.item-image, .opening-hours .left.item-image, .lakossagi-container img {
        width: 100%;
    }

    .sports figure.left.item-image img, .for-companies figure.left.item-image img, .opening-hours figure.left.item-image img {
        padding: 10px;
    }

    .sports .com-content-article__body.tck-article-body, .for-companies .com-content-article__body.tck-article-body, .opening-hours .com-content-article__body.tck-article-body, .lakossagi-container {
        display: block;
    }

    .sports-container, .companies-container, .openingh-container {
        padding: 0 10px;
        width: 100%;
    }

    p.companies-button, p.sports-button {
        padding-bottom: 30px;
        text-align: center;
    }

    .consumer-services .tck-article-body {
        padding: 0 10px;
    }


}

@media screen and (max-width: 966px) {
    .welcome-text {
        margin-top: -220px;
    }
}

@media screen and (max-width: 900px) {
    .contacts {
        flex-direction: column;
        justify-self: center;
    }

    .ftr-links {
        flex-direction: column;
    }

    .mod-articlesnews-horizontal {
        grid-template-columns: 1fr;
        padding: 0;
    }
    .slickck-descinner {
        top: 20%;
        padding-right: 5%;
    }

    .itemid-135.pageid-12 h2.tck-article-title, .pageid-4 h2.tck-article-title, .layout-mainorganization h1.category-pagetitle,
    .layout-mainacademics h1.category-pagetitle, .layout-mainnews .newspage-header h1, .view-article.layout-mainnews .page-header h2, .layout-mainpartners h1.category-pagetitle {
        padding: 9px;
        font-size: 30px;
        padding-top: 100px;
    }

    .news-article-page-header h2 {
        font-size: 24px;
        padding: 80px 10px 0 10px;
    }

    .kkmk-devices .com-content-category-blog__items, .profarticles-item-container {
        grid-template-columns: 1fr;
    }

    .devices-article-page-header h2 {
        padding: 90px 10px;
    }

    body.downloadables .tck-article-body .downloadables ul li {
        flex-direction: column;
        gap: 10px;
    }

    body.downloadables .tck-article-body .downloadables ul {
        padding: 0;
    }

    span.downloadable-item {
        width: 100%;
        text-align: center;
    }

    span.downloadable-item-link {
        text-align: center;
    }






}

@media screen and (min-width: 756px) and (max-width: 900px) {
    .newspage-news-item-container {
        grid-template-columns: 1fr 1fr;
    }
}

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

    .welcome-img {
        display: none;
    }

    .mod-articlesnews-header {
        flex-direction: column;
    }


    .slickck-title {
        font-size: 28px;
    }

    .slick-dots {
        bottom: 11px !important;
        right: 0 !important;
    }

    .organization-item, .academics-item {
        height: 330px;
    }

    .organization-item, .academics-item, .mcenterorgstructure-item {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .newspage-news-item-container {
        grid-template-columns: 1fr;
    }

    .mcenterorgstructure-item-content {
        height: 50%;
        justify-items: center;
        padding-top: 10px;
    }

    .mcenterorgstructure-item {
        height: 640px;

    }


}

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

}