html { font-family:"Roboto",-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif }

header { line-height:2.5rem; margin-bottom:3rem;}
body main { line-height: 1.7rem; font-family:Roboto, -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif }
header,main {
    max-width: 768px;
    font-size:1rem;
    margin: 0 auto;
    font-family:Roboto
}

header ul { margin-left:10%;}
header ul li { float:left; margin-left: 1rem; list-style: none; }
span.headline { float:left; font-size:1.6rem; line-height:2.5rem; padding-top:16px; font-family:"Roboto Condensed"; font-weight:700}

.main-navigation>div>ul {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    margin: 0;
    max-width: none;
    padding-left: 0;
    position: relative
}

.main-navigation>div>ul ul {
    padding-left: 0
}

.main-navigation>div>ul li {
    display: block;
    position: relative;
    width: 100%;
    z-index: 1
}

.main-navigation>div>ul li:hover,
.main-navigation>div>ul li[focus-within] {
    cursor: pointer;
    z-index: 99999
}

.main-navigation>div>ul li:hover,
.main-navigation>div>ul li:focus-within {
    cursor: pointer;
    z-index: 99999
}

@media only screen and (min-width:560px) {
    .main-navigation>div>ul li {
        display: inherit;
        width: inherit
    }
    .main-navigation>div>ul li:hover>ul,
    .main-navigation>div>ul li[focus-within]>ul,
    .main-navigation>div>ul li ul:hover,
    .main-navigation>div>ul li ul:focus {
        visibility: visible;
        opacity: 1;
        display: block
    }
    .main-navigation>div>ul li:hover>ul,
    .main-navigation>div>ul li:focus-within>ul,
    .main-navigation>div>ul li ul:hover,
    .main-navigation>div>ul li ul:focus {
        visibility: visible;
        opacity: 1;
        display: block
    }
}

@media only screen and (min-width:560px) {
    .main-navigation>div>ul>li>a {
        line-height: 1
    }
    .main-navigation>div>ul>li>a:before,
    .main-navigation>div>ul>li>a:after {
        content: '';
        display: block;
        height: 0;
        width: 0
    }
    .main-navigation>div>ul>li>a:before {
        margin-bottom: -.12em
    }
    .main-navigation>div>ul>li>a:after {
        margin-top: -.11em
    }
    .main-navigation>div>ul>li:first-of-type>a {
        padding-left: 0
    }
    .main-navigation>div>ul>li:last-of-type>a {
        padding-right: 0
    }
}

.main-navigation>div>ul>li>.sub-menu {
    margin: 0;
    position: relative
}

@media only screen and (min-width:560px) {
    .main-navigation>div>ul>li>.sub-menu {
        background: #fff;
        box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, .2);
        left: 0;
        top: 100%;
        min-width: max-content;
        opacity: 0;
        position: absolute;
        transition: all .5s ease;
        visibility: hidden
    }
}

.main-navigation>div>ul>li>.sub-menu .sub-menu {
    width: 100%
}

.main-navigation a {
    color: #303030;
    display: block;
    font-family: Roboto, -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
    font-family: var(--font-base, Roboto, -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif);
    font-weight: 400;
    padding: 8px 0
}

@media only screen and (min-width:560px) {
    .main-navigation a {
        padding: 16px
    }
}

.main-navigation a:link,
.main-navigation a:visited {
    color: #303030
}

.main-navigation a:hover {
    color: #19744c
}

.main-navigation .sub-menu {
    list-style: none;
    margin-left: 0;
    counter-reset: nested-list
}

.main-navigation .sub-menu .menu-item a {
    padding-top: 8px;
    padding-bottom: 8px
}

.main-navigation .sub-menu .menu-item a:before {
    counter-increment: nested-list;
    content: "– " counters(nested-list, "– ", none)
}

@media only screen and (min-width:560px) {
    .main-navigation>div>ul>.menu-item-has-children>a:after {
        content: "\00a0\25BC";
        display: inline-block;
        font-size: .69444rem;
        height: inherit;
        width: inherit
    }
}

.main-navigation .hide-visually {
    position: absolute !important;
    clip: rect(1px, 1px, 1px, 1px);
    padding: 0 !important;
    border: 0 !important;
    height: 1px !important;
    width: 1px !important;
    overflow: hidden
}

div.faq>ul { width:90%; margin:0 auto; padding-inline-start:0}
div.faq>ul>li { list-style-type:none; padding:8px 0 0 0; display:block; }
div.faq>ul>li>div.t {
    border:1px solid #e0e0e0;
    background-color: #f6f6f6;
    padding: 0;
    max-height:0;
    overflow: hidden;
    transition: all 350ms ease-in-out;
    border-radius:0 0 15px 15px;
}

div.faq>ul>li.toggle>div.t {
    max-height:100vh;
    padding:8px;
    transition: all 350ms ease-in-out;
}

div.h:hover, .toggle div.h {
    font-weight: bold;:L
}

div.faq>ul>li>div.h i { float:right;}

div.faq>ul>li>div.h i::after { font-size:24px; font-weight:bold!important; position:relative; top:2px; left:-16px; content:   "+";  color:forestgreen; font-style: normal; font-weight:bold}
div.faq>ul>li.toggle>div.h i::after { font-size:30px; content: "-";  color:green ;}

ol.x { list-style-type:none; display:inline-block;}
ol.x li { display:inline-block; margin-right:2em; padding:0 1em; background-color:white; border-radius:50%  }