div#content #content-right h2.component-heading {
    font-size:24px;
}

#content-right .box {
    margin-bottom:20px;
    background-color:#ffffff;
    padding:32px 20px;
}

@media only screen and (min-width:984px) and (max-width:1304px) {
    div#content div.part-slider_extra.fooldal > h2.component-heading,
    div#content div.part-minicalendar h2.component-heading,
    div#content #content-right h2.component-heading {
        font-size:24px;
    }
}

/* Form */

input[type="text"], input[type="password"], input[type="email"], select, textarea {
    padding:10px;
    border-radius:0;
    border:solid 1px var(--dgrey);
    font-size:inherit;
    line-height:1.4em;
    width:100%;
    background-color:#ffffff;
    display:block;
    color:inherit;

}

select {
    appearance:none;
    -webkit-appearance:none;
    padding-right:48px;
    background-repeat:no-repeat;
    background-image:url('../gfx/chevron_select.svg');
    background-position:right 16px center;
}

select[multiple="multiple"] {
    background-image:none;
    padding-right:10px;
}

body.touch .box-input > label {
    display:block;
}

body.touch .box-input > br {
    display:none;
}




/* Button */

div.part-rss_aggregator .bottom a,
div.portlet-content.box.part-formdesigner div.input-box-back-bottom > a {
    display:inline-block;
    position:relative;
    /* height:44px; */
    margin-top:20px;
    overflow:hidden;
    padding:10px 60px 10px 14px;
    color:var(--primary);
    font-weight:600;
    text-transform:uppercase;
    border:solid 2px var(--primary);
    align-self: flex-start;
}

div.part-rss_aggregator .bottom a::after,
div.portlet-content.box.part-formdesigner div.input-box-back-bottom > a::after {
    content:"";
    display:block;
    position:absolute;
    top:0;
    right:0;
    width:42px;
    height:100%;
    transition:0.3s;
    background-repeat:no-repeat;
    background-image:url('../gfx/chevron.svg');
    background-position:-42px center;
    border-left:solid 2px var(--primary);
}

div.part-rss_aggregator .bottom a:hover::after,
div.portlet-content.box.part-formdesigner div.input-box-back-bottom > a:hover::after {
    background-position:0 center;
    background-color:var(--primary);
}

input[type="submit"], input[type="button"] {
    display:inline-block;
    border-radius:0;
    cursor:pointer;
    background-color:var(--primary);
    padding:20px 40px;
    color:#ffffff;
    border:none;
    text-transform:uppercase;
    appearance:none;
    -webkit-appearance:none;
}

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

@media only screen and (max-width:479px) {
    input[type="submit"], input[type="button"] {
        display:block;
        width:100%;
        margin-top:10px;
        text-align:center;
    }
}

/* Button back */

div.portlet-content.box.part-content div.history-back > a,
div.portlet-content.box.part-organog div.history-back > a,
div.portlet-content.box.part-formdesigner div.input-box-back-bottom > a,
div.portlet-content.box.part-catview a.go-back {
    display:inline-block;
    margin-top:60px;
    padding-left:28px;
    background-repeat: no-repeat;
    background-position: left 0 bottom 5px;
    background-image: url(../gfx/chevron_sml_sec_back.svg);
    color:var(--primary);
    font-weight: bold;
    text-transform: uppercase;
}

/* SOE link */

a.btn,
div.part-newsbox_with_image .next-btn a,
div.portlet-content.box.part-icalendar_box div.bottom > a.more-events,
div.part-addressbook_minic a.mail-btn,
div.portlet-content.box.part-catview div.component-body a.read-more,
div.part-slider .items .item .data > a.details {
    display: inline-block;
    padding-right: 28px;
    background-repeat: no-repeat;
    background-position: right 0 bottom 5px;
    background-image: url(../gfx/chevron_sml_sec.svg);
    font-weight: bold;
    text-transform: uppercase;
}

@media only screen and (min-width:2560px) {
    a.btn,
    div.part-newsbox_with_image .next-btn a,
    div.portlet-content.box.part-icalendar_box div.bottom > a.more-events,
    div.part-addressbook_minic a.mail-btn,
    div.portlet-content.box.part-catview div.component-body a.read-more,
    div.part-slider .items .item .data > a.details {
        background-position: right 0 bottom 10px;
    }
}

/* ul, ol */

ul:not(.nav):not(.subnav) {
    margin-left:32px;
    margin-bottom:10px;
    margin-top:10px;
    padding: 0;
    list-style: none;
    overflow: hidden;
}

ul:not(.nav):not(.subnav) li {
    padding-left:25px;
    margin-bottom:10px;
    position:relative;
}

ul:not(.nav):not(.subnav) li:last-child {
    margin-bottom:0;
}

ul:not(.nav):not(.subnav) li::before {
    content:"";
    display:block;
    width:7px;
    height:7px;
    position:absolute;
    top:10px;
    left:0;
    background-color:var(--secondary);
}

ol {
    margin-left:0;
    margin-bottom:10px;
    margin-top:10px;
    padding-left:0;
    list-style: none;
    overflow:hidden;
    counter-reset: my-counter;
}

ol ol {
    margin-left:32px;
}

ol:last-child {
    margin-bottom:0;
}

ol li {
    position:relative;
    margin-bottom:10px;
}

ol > li {
    padding-left:32px;
}

ol > li:last-child {
    margin-bottom:0;
}

ol > li::before {
    content: counters(my-counter,"");
    counter-increment: my-counter;
    display: inline-block;
    margin-right:10px;
    color:var(--secondary);
}

ol > li > ol {
    counter-reset: my-2nd-counter;
}

div > ol > li > ol {
    margin-left:0;
}

ol > li > ol > li::before {
    content: counters(my-counter,"") "." counters(my-2nd-counter,"");
    counter-increment: my-2nd-counter;
}

ol > li > ol > li > ol {
    counter-reset: my-3rd-counter;
}

ol > li > ol > li > ol > li::before {
    content: counters(my-counter,"") "." counters(my-2nd-counter,"") "." counters(my-3rd-counter,"");
    counter-increment: my-3rd-counter;
}

ol > li li {
    padding-left:0;
}

ol > li::before {
    padding:3px;
    background-color:var(--secondary);
    position:absolute;
    width:20px;
    text-align:center;
    font-weight:bold;
    top:2px;
    left:0;
    color:#ffffff;
    font-size:12px;
    line-height:16px;
}

ol > li li::before {
    background:none;
    color:var(--secondary);
    text-align:left;
    width:auto;
    position:static;
    font-weight:normal;
}

@media only screen and (min-width:2560px) {
    ul:not(.nav):not(.subnav) li::before {
        top:17px;
    }
    
    ol > li {
        padding-left:52px;
    }
    
    ol > li::before {
        top: 6px;
        font-size: 20px;
        line-height: 26px;
        width: 36px;
    }
}

/* pagination */

.pagination {
    flex-basis:100%;
    clear:both;
    padding-top:32px;
}

.pagination-filters {
    margin-bottom:52px;
}

.pagination > div,
.pager-top > div,
.pager-bottom > div {
    text-align:center;
    clear:both;
}

.pager-top > div {
    padding:32px 0;
}

.pagination ul.pages:not(.nav):not(.subnav) {
    list-style-type:none;
    margin-left:0;
}

.pagination ul.pages:not(.nav):not(.subnav) li {
    padding-left:0;
}

.pagination ul.pages:not(.nav):not(.subnav) li::before {
    display:none;
}

.pager-top select {
    float:left;
    width:auto;
}

.pager-top label {
    display:block;
    float:left;
    margin-right:15px;
    padding-top:10px;
}

.pagination > div strong,
.pagination > div a,
.pager-top > div strong,
.pager-top > div a,
.pager-bottom > div strong,
.pager-bottom > div a,
.pagination ul.pages li strong,
.pagination ul.pages li a {
    display:inline-block;
    width:30px;
    height:30px;
    background-color:transparent;
    border:solid 1px var(--secondary);
    color:var(--secondary);
    text-align:center;
    font-weight:normal;
    padding-top:14px;
    font-size:14px;
    margin:0 1px;
    line-height:0;
    transition:0.3s;
}

.pagination > div strong,
.pager-top > div strong,
.pager-bottom > div strong,
.pagination ul.pages li strong {
    background-color:var(--secondary);
    color:#ffffff;
}

.pagination > div a:hover,
.pager-top > div a:hover,
.pager-bottom > div a:hover,
.pagination ul.pages li a:hover {
    background-color:var(--secondary);
    color:#ffffff;
}

@media only screen and (min-width:2560px) {
    .pagination > div strong,
    .pagination > div a,
    .pager-top > div strong,
    .pager-top > div a,
    .pager-bottom > div strong,
    .pager-bottom > div a,
    .pagination ul.pages li strong,
    .pagination ul.pages li a {
        width:52px;
        height:52px;
        font-size:24px;
        padding-top:24px;
    }
}

/* half size */

.box.half-left {
    float:left;
    clear:left;
}

@media only screen and (min-width:2560px) {
    .box.half-left {
        width:948px;
        padding-right:56px;
        margin-left:calc(50% - 948px);
    }
}

@media only screen and (min-width:1324px) and (max-width:2559px) {
    .box.half-left {
        width:637px;
        padding-right:36px;
        margin-left:calc(50% - 637px);
    }
}

@media only screen and (min-width:994px) and (max-width:1323px) {
    .box.half-left {
        width:480px;
        padding-right:36px;
        margin-left:calc(50% - 480px);
    }
}

@media only screen and (min-width:640px) and (max-width:993px) {
    .box.half-left {
        float:none;
        width:624px;
        margin-left:auto;
        margin-right:auto;
    }
}

@media only screen and (max-width:639px) {
    .box.half-left {
        float:none;
        padding-left:15px;
        padding-right:15px;
    }
}

/* half-right, ha egyedul all */

.box.half-right {
    margin-left:auto;
    margin-right:auto;
}

@media only screen and (min-width:2560px) {
    .box.half-right {
        width:1896px;
    }
}

@media only screen and (min-width:1324px) and (max-width:2559px) {
    .box.half-right {
        width:1274px;
    }
}

@media only screen and (min-width:994px) and (max-width:1323px) {
    .box.half-right {
        width:960px;
    }
}

@media only screen and (max-width:993px) {
    float:none;
    margin-left:auto;
    margin-right:auto;
}

@media only screen and (min-width:640px) and (max-width:993px) {
    .box.half-right {
        width:624px;
    }
}

@media only screen and (max-width:639px) {
    .box.half-right {
        padding-left:15px;
        padding-right:15px;
    }
}

/* half-right, ha half-left utan all */

@media only screen and (min-width:994px) {
    .box.half-left + .box.half-right {
        float:left;
        margin-left:0;
        margin-right:0;
    }
}

@media only screen and (min-width:2560px) {
    .box.half-left + .box.half-right {
        width:948px;
        padding-left:56px;
    }
}

@media only screen and (min-width:1324px) and (max-width:2559px) {
    .box.half-left + .box.half-right {
        width:637px;
        padding-left:36px;
    }
}

@media only screen and (min-width:994px) and (max-width:1323px) {
    .box.half-left + .box.half-right {
        width:480px;
        padding-left:36px;
    }
}

@media only screen and (max-width:639px) {
    .box.half-left + .box.half-right {
        padding-left:15px;
        padding-right:15px;
    }
}