* { box-sizing: border-box; }
#content-wrapper { min-height: 66%; position: relative; }
#footer { position: absolute; width: 100%; bottom: 0; }
header, footer { font-family: 'Goudy Bookletter 1911'; font-weight: 400; margin-top: 0px; }
header { width: 100%; min-height: 0px; position: sticky; z-index: 1000; top: 0; margin-bottom: 0px; background-color: white; }
footer { width: 100%; background-color: #22532E; color: white; padding: 20px; display: flex; justify-content: space-between; flex-wrap: wrap; }
footer p { color: white; }
.green-footer { width: 100%; }
.green-footer .column { flex: 1; padding: 0 20px; min-width: 200px; box-sizing: border-box; }
.green-footer h1, .green-footer h2 { color: white; }
.green-footer .column img { width: 25%; }
.vertical-line { border-left: 5px solid white; height: auto; margin-left: 20px; }
@media (max-width: 695px) {
    .cart-counter { font-family: Roboto; font-size: 13px; background-color: red; border: 1px solid black; border-radius: 50%; color: white; width: 18px; height: 18px; display: flex; align-items: center; justify-content: center; position: absolute; top: -37px; left: 20px; }
    .green-footer { flex-direction: column; align-items: center; }
    .green-footer .column { padding: 10px 0; text-align: center; }
    .green-footer .column p { font-size: 16px; }
    .vertical-line { display: none; }
    .socket { margin-top: 10px; font-size: 12pt; }
}
.navbar { display: flex; align-items: center; padding: 10px 15px; width: 100%; justify-content: flex-end; }
@media (min-width: 1600px) {
.navbar { display: flex; align-items: center; padding: 10px 15px; width: 100%; justify-content: flex-end; padding-right: 10% }
}
.navbar ul { list-style-type: none; display: flex; justify-content: flex-end; padding: 0; margin: 0; gap: 15px; align-items: center; }
.navbar ul li { display: inline-block; }
.navbar ul li a { text-decoration: none; color: #22532E; font-size: 32px; font-weight: 600; }
.navbar ul li a:hover { color: black; }
.navbar .icons { display: flex; align-items: center; padding-left:15px;}
.navGroup, .navGroup_active { background-color: white; }
.mobile-menu { display: none; position: sticky; margin-top: 60px; }
.mobile-menu-header { display: flex; justify-content: space-between; align-items: center; padding: 10px; background-color: white; color: #22532E; }
.mobile-menu-nav { display: flex; flex-direction: column; align-items: center; padding: 10px; background-color: white; }
.mobile-menu-nav ul { list-style-type: none; padding: 0; margin: 0; width: 100%; text-align: center; }
.mobile-menu-nav ul li { margin: 10px 0; }
.mobile-menu-nav ul li a { text-decoration: none; color: #22532E; font-size: 26px; font-weight: 600; }
.mobile-menu-nav ul li a img { padding-left: 20px; }
.mobile-menu-nav ul li a:hover { color: black; }
.mobile-menu-nav .icons { display: flex; justify-content: center; margin-top: 20px; }
.mobile-menu-nav .icons img { margin: 0 10px; cursor: pointer; }
#mobile-menu-toggle { display: none; }
#mobile-menu-toggle:checked ~ .navbar { display: none; }
#mobile-menu-toggle:checked ~ .mobile-menu { display: block; }
.mobile-menu-canvas { display: none; }
.functions-menu { display: none; cursor: pointer; }
.mobile-menu-close { cursor: pointer; }
@media (max-width: 950px) {
    .navbar { justify-content: flex-end; }
    .navbar ul li { padding-left: 0; }
}
@media (max-width: 750px) {
    .navbar ul { gap: 3px; }
}
@media (max-width: 698px) {
    .navbar ul { display: none; }
    .functions-menu { display: block; }
}
section >:first-child { margin-top: 150px; padding-top: 40px; }
.icons { list-style-type: none; display: inline; }
.cart-container { position: relative; }

.icons a {padding-right: 15px;}
.cart-counter {font-size: 14px;background-color: red; border: 1px solid black;border-radius: 50%;color: white;
    width: 22px;height: 22px;display: flex;align-items: center;justify-content: center;position: absolute;top: -10px;right: -10px;}
.b{font-weight: bold;}
button{background-color: #22532E;}
button:hover{background-color: white; color: #22532E;}
.unit{color: #22532E;font-size: 14px;}
.shop_price{color: #900;font-size:22px}
th, .navGroup_active, .subNavGroup_active, .order_step_10, .order_step_1, .order_step_11, .group_red_title, A:hover.tile, A:hover.navGroup, A:hover.navGroupA, A:hover.navGroup_active, A:hover.navGroupA_active, A:hover.subNavGroup, A:hover.subNavGroup_active, .grouptitle, .pagetitle
{
    background-color: #22532E;
    color: #FFFFFF
}

.grouptitle A, .pagetitle A, A.tablesort, A.tablesort:hover, A.tablesorted, A.tablesorted:hover {
    color: #FFFFFF
}

.grouptitle A:hover, .pagetitle A:hover {
    background-color: #22532E;
    color:#000
}

.nav-icon {
    background-color: #22532E;
}