body {
    font-family: sans-serif;
    background-image:
        repeating-linear-gradient(-60deg, #00f2, transparent 1px, transparent 25px),
        repeating-linear-gradient(30deg, #00f2, transparent 1px, transparent 25px),
        repeating-linear-gradient(-60deg, white, white 5px, transparent 5px, transparent 20px, white 20px, white 200px),
        repeating-linear-gradient(30deg, white, white 5px, #00f1 5px, #00f1 20px, white 20px, white 200px)
    ;
    margin: 0;
}

div#tartalom {
    display: flex;
    flex-direction: row-reverse;
    flex-wrap: wrap;
    max-width: 1400px;
    margin-left: auto;
    margin-right: auto;
}

section {
    flex: 3;
    min-width: 20em;
    background-color: white;
    box-shadow: #cdf 0 10px 20px;
    margin-top: 1em;
    margin-bottom: 2em;
}

aside {
    flex: 1;
    min-width: 15em;
}

aside article h3 {
    margin-top: 0;
}

h1 {
    color: white;
    font-size: large;
    background-color: #349;
    padding: .5em;
    margin-top: 0;
}

h2 {
}

article {
    margin: 15px;
}

article>div.belso {
    box-shadow: #cdf 0 5px 10px;
    padding: 15px;
}

aside article {
    box-shadow: #cdf 0 5px 10px;
    background-color: white;
    padding: 15px;
}

/* felső menü sor */

menu {
    display: flex;
    color: white;
    font-size: 14pt;
    line-height: 50px;
    list-style-type: none;
    background-color: #349;
    padding: 0;
    margin: 0;
}

menu>li {
    padding-left: 24px;
    padding-right: 24px;
    white-space: nowrap;
    overflow: hidden;
}

menu>li:first-of-type {
    background-color: #238;
}

menu>li:nth-last-of-type(2) {
    margin-left: auto;
}

menu>li:hover {
    color: black;
    background-color: white;
}

menu>li ul {
    display: none;
    position: absolute;
    color: black;
    font-size: 12pt;
    list-style-type: none;
    box-shadow: #cdf 0 5px 10px;
    background-color: white;
    border-style: solid;
    border-width: thin;
    border-color: #cdf;
    padding: 0;
    margin: 0;
}

menu>li:hover ul {
    display: block;
}

menu>li ul li {
    padding-left: 1.5em;
    padding-right: 1.5em;
}

menu>li ul li:hover {
    background-color: silver;
}

menu>li:last-child ul {
    right: 0;
}

/* oldal lábléc */

footer {
}

footer p {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    column-gap: 2em;
    row-gap: .5em;
    color: white;
    text-align: center;
    background-color: #349;
    padding: 15px;
    margin: 0;
}

footer p a {
    color: white;
}

/* adatlap elem */

div.adatlap {
    background-color: #cdf;
    margin: 0;
}

div.adatlap.fejlec {
    margin-top: -15px;
}

/* táblázat */

table {
    width: 100%;
    border-spacing: 0;
}

th, td {
    border-bottom-style: solid;
    border-bottom-width: thin;
    border-bottom-color: gainsboro;
    padding-left: .25em;
    padding-right: .25em;
}

tr.kategoria {
    background-color: #def;
}

tr.leiras {
    display: none;
}

tr.leiras td {
    padding-bottom: 3em;
}

tr:hover td {
    background-color: lightgray;
}

td.nr {
    text-align: right;
}

/* lábjegyzet */

sup {
    font-style: italic;
}

table sup {
    font-size: xx-small; font-weight: normal;
}

/* általános */

a {
    color: navy;
}

a[href] {
    text-decoration: underline;
}

a[href^=http]::after {
    content: "\f35d";
    font: var(--fa-font-solid);
    font-size: .5em;
    vertical-align: top;
    margin-left: .25em;
    opacity: .25;
}

a[href^="https://hu.wikipedia.org/"]::after {
  content: "W";
  font-family: serif;
}

img.kepernyokep {
    max-width: 100%;
}

tt {
    background-color: lightgray;
}

hr {
    border-style: none;
    border-top-style: solid;
    border-color: #def;
    margin-top: 15px;
    margin-bottom: 15px;
}

dl {
    margin: 0;
}

dt, dd {
    padding: 1em;
}

dt {
    font-weight: bold;
    background-color: whitesmoke;
    border-style: solid;
    border-width: thin;
    border-color: gainsboro;
}

.szoveg {
    margin-left: .5em;
}

.figyelmeztetes {
    color: red;
    border: double thick red;
    border-left-color: transparent;
    border-right-color: transparent;
}

.lathatatlan {
    display: none;
}

.novekves {
    color: green;
}

.csokkenes {
    color: red;
}

/* ikon font */

i.fa.hezag,
i.fab.hezag {
    margin-right: .75em;
}

@media (max-width: 30em) {
    .szoveg {
        display: none;
    }
}
