#menu {  line-height: 10px; }
#menu div:hover { margin: -5px; padding: 15px; }
.text-column h2, h2.leftline { line-height: 1.15; padding: 10px 0 20px 25px; margin-bottom: -10px; }
.menuicons { font-size: 20px; margin: 10px 0; }
.menuicons i { cursor: pointer; }

body { counter-reset: h3-counter; }
.explanation { text-align: left; display: grid; grid-template-columns: 1fr 1fr; column-gap: 64px; padding-top: 30px; }
.grid-cell.full { grid-column: 1/3; }
.grid-cell { position: relative; padding-top: 50px; }
.numbered-heading { padding-left: 55px; }
.text-column .explanation p {margin-bottom: 10px; }
.numbered-heading::before { counter-increment: h3-counter; content: counter(h3-counter); font-weight: bold; color: #fff; background-color: #fe933e; width: 45px; text-align: center; position: absolute; left: 0px; border-radius: 5px; }


@media(max-width: 1280px) {
    .text-column h2, h2.leftline { margin-bottom: -20px; }
}

@media(max-width: 1024px) {
    #menu.colgap-32 { column-gap: 5px; }
    .text-column h2, h2.leftline { margin-bottom: -20px; }

}

@media(max-width: 1200px) { 
    .explanation { grid-template-columns: 1fr; }  
    .text-column .explanation p {margin-bottom: 20px; } 
    .grid-cell { padding-top: 0px; } 
    .grid-cell.full { grid-column: 1/2; }
}

@media(max-width: 930px) {
    #menu div { text-align: center;}
    .header-wrapper { flex-direction: row; align-items: center; row-gap: 0px; }
    #menuinput:not(:checked) ~ #menu { display: none; }
    #menuinput:checked ~ #menu { gap: 8px; position: absolute; top: 70px; left: 0; width: 100%; padding: 0px 50px 20px 50px; z-index: 100; background-color: #444444; }
    #menuinput:checked ~ #menu div { text-align: left; width: 100% }
    .homelink { min-width: unset; }
    .header-wrapper .logo { margin: 20px 0; }
}

@media(max-width: 768px) {
    .image-column {margin-bottom: 30px; margin-top: -10px;}
    .content-wrapper { padding-top: 0px; }
    #menuinput:checked ~  #menu { padding: 0 10px 20px 10px; }
}