@media screen
{
 :root {--color-border: #cccccc; --color-table: #bdc3c7; --color-text-light: #ffffff;  --color-accent: #2ecc71; --color-succes: #468847; --color-error: #b94a48;}
 main article {margin: 2em auto; padding: 20px; max-width: 95%; min-height: 78vh; font-size: 1.2em; background-color: var(--color-background); opacity: 0.95; border-radius: 0.25em;}
 main article h2 {margin: 0 0 10px 0; font-family: "roboto", arial, sans-serif; font-size: 2em; font-style: normal; font-weight: 100;}
 main article h3 {margin: 10px 0 10px 0;}
 main article h4 {margin: 5px;}
 main article a {color: var(--color-base); line-height: 1.5em;}
 main article details {margin: 1em 0; border: 0.5px solid var(--color-base); border-radius: 3px;}
 main article details[open] summary::before {padding: 0;}
 main article details[open] summary {border-radius: 3px 3px 0 0;}
 main article details > p {padding: 0.5em;}
 main article summary {padding: 0.5em 0.5em; color: var(--color-text-light); background-color: var(--color-base); border: none; border-radius: 3px; box-shadow: 0 -1px 1px 1px var(--color-border); cursor: pointer;}
 main article summary::before {padding-right: 0.25em;}
 main article p {margin: 5px 0 10px 0; line-height: 25px;}
 main article .rect-auto, .c.p51 .slice, .c.p52 .slice, .c.p53 .slice, .c.p54 .slice, .c.p55 .slice, .c.p56 .slice, .c.p57 .slice, .c.p58 .slice, .c.p59 .slice, .c.p60 .slice, .c.p61 .slice, .c.p62 .slice, .c.p63 .slice, .c.p64 .slice, .c.p65 .slice, .c.p66 .slice, .c.p67 .slice, .c.p68 .slice, .c.p69 .slice, .c.p70 .slice, .c.p71 .slice, .c.p72 .slice, .c.p73 .slice, .c.p74 .slice, .c.p75 .slice, .c.p76 .slice, .c.p77 .slice, .c.p78 .slice, .c.p79 .slice, .c.p80 .slice, .c.p81 .slice, .c.p82 .slice, .c.p83 .slice, .c.p84 .slice, .c.p85 .slice, .c.p86 .slice, .c.p87 .slice, .c.p88 .slice, .c.p89 .slice, .c.p90 .slice, .c.p91 .slice, .c.p92 .slice, .c.p93 .slice, .c.p94 .slice, .c.p95 .slice, .c.p96 .slice, .c.p97 .slice, .c.p98 .slice, .c.p99 .slice, .c.p100 .slice {clip: rect(auto, auto, auto, auto);}
 main article .c .bar, .c.p51 .fill, .c.p52 .fill, .c.p53 .fill, .c.p54 .fill, .c.p55 .fill, .c.p56 .fill, .c.p57 .fill, .c.p58 .fill, .c.p59 .fill, .c.p60 .fill, .c.p61 .fill, .c.p62 .fill, .c.p63 .fill, .c.p64 .fill, .c.p65 .fill, .c.p66 .fill, .c.p67 .fill, .c.p68 .fill, .c.p69 .fill, .c.p70 .fill, .c.p71 .fill, .c.p72 .fill, .c.p73 .fill, .c.p74 .fill, .c.p75 .fill, .c.p76 .fill, .c.p77 .fill, .c.p78 .fill, .c.p79 .fill, .c.p80 .fill, .c.p81 .fill, .c.p82 .fill, .c.p83 .fill, .c.p84 .fill, .c.p85 .fill, .c.p86 .fill, .c.p87 .fill, .c.p88 .fill, .c.p89 .fill, .c.p90 .fill, .c.p91 .fill, .c.p92 .fill, .c.p93 .fill, .c.p94 .fill, .c.p95 .fill, .c.p96 .fill, .c.p97 .fill, .c.p98 .fill, .c.p99 .fill, .c.p100 .fill {position: absolute; width: 0.84em; height: 0.84em; border: 0.08em solid var(--color-base); clip: rect(0em, 0.5em, 1em, 0em); border-radius: 50%; transform: rotate(0deg);}
 main article .c.p51 .bar:after, .c.p51 .fill, .c.p52 .bar:after, .c.p52 .fill, .c.p53 .bar:after, .c.p53 .fill, .c.p54 .bar:after, .c.p54 .fill, .c.p55 .bar:after, .c.p55 .fill, .c.p56 .bar:after, .c.p56 .fill, .c.p57 .bar:after, .c.p57 .fill, .c.p58 .bar:after, .c.p58 .fill, .c.p59 .bar:after, .c.p59 .fill, .c.p60 .bar:after, .c.p60 .fill, .c.p61 .bar:after, .c.p61 .fill, .c.p62 .bar:after, .c.p62 .fill, .c.p63 .bar:after, .c.p63 .fill, .c.p64 .bar:after, .c.p64 .fill, .c.p65 .bar:after, .c.p65 .fill, .c.p66 .bar:after, .c.p66 .fill, .c.p67 .bar:after, .c.p67 .fill, .c.p68 .bar:after, .c.p68 .fill, .c.p69 .bar:after, .c.p69 .fill, .c.p70 .bar:after, .c.p70 .fill, .c.p71 .bar:after, .c.p71 .fill, .c.p72 .bar:after, .c.p72 .fill, .c.p73 .bar:after, .c.p73 .fill, .c.p74 .bar:after, .c.p74 .fill, .c.p75 .bar:after, .c.p75 .fill, .c.p76 .bar:after, .c.p76 .fill, .c.p77 .bar:after, .c.p77 .fill, .c.p78 .bar:after, .c.p78 .fill, .c.p79 .bar:after, .c.p79 .fill, .c.p80 .bar:after, .c.p80 .fill, .c.p81 .bar:after, .c.p81 .fill, .c.p82 .bar:after, .c.p82 .fill, .c.p83 .bar:after, .c.p83 .fill, .c.p84 .bar:after, .c.p84 .fill, .c.p85 .bar:after, .c.p85 .fill, .c.p86 .bar:after, .c.p86 .fill, .c.p87 .bar:after, .c.p87 .fill, .c.p88 .bar:after, .c.p88 .fill, .c.p89 .bar:after, .c.p89 .fill, .c.p90 .bar:after, .c.p90 .fill, .c.p91 .bar:after, .c.p91 .fill, .c.p92 .bar:after, .c.p92 .fill, .c.p93 .bar:after, .c.p93 .fill, .c.p94 .bar:after, .c.p94 .fill, .c.p95 .bar:after, .c.p95 .fill, .c.p96 .bar:after, .c.p96 .fill, .c.p97 .bar:after, .c.p97 .fill, .c.p98 .bar:after, .c.p98 .fill, .c.p99 .bar:after, .c.p99 .fill, .c.p100 .bar:after, .c.p100 .fill {transform: rotate(180deg);}
 main article .c {position: relative; margin: 0.1em 0.1em 0.1em 0; width: 1em; height: 1em; font-size: 70px; border-radius: 50%; background-color: var(--color-border);}
 main article .c *, .c *:before, .c *:after {box-sizing: content-box;}
 main article .c.center {float: none; margin: 0 auto;}
 main article .c > span {display: block; position: absolute; width: 100%; width: 3.3em; left: 0.3em; top: 1em; z-index: 1; line-height: 1em; font-size: 0.25em; color: var(--color-base); text-align: center; white-space: nowrap; transition-property: all;}
 main article .c:after {display: block; position: absolute; width: 0.84em; height: 0.84em; top: 0.08em; left: 0.08em; content: " "; border-radius: 50%; background-color: var(--color-background); transition-property: all;}
 main article .c .slice {position: absolute; width: 1em; height: 1em; clip: rect(0em, 1em, 1em, 0.5em);}
 main article .c.p1 .bar {transform: rotate(3.6deg);}
 main article .c.p2 .bar {transform: rotate(7.2deg);}
 main article .c.p3 .bar {transform: rotate(10.8deg);}
 main article .c.p4 .bar {transform: rotate(14.4deg);}
 main article .c.p5 .bar {transform: rotate(18deg);}
 main article .c.p6 .bar {transform: rotate(21.6deg);}
 main article .c.p7 .bar {transform: rotate(25.2deg);}
 main article .c.p8 .bar {transform: rotate(28.8deg);}
 main article .c.p9 .bar {transform: rotate(32.4deg);}
 main article .c.p10 .bar {transform: rotate(36deg);}
 main article .c.p11 .bar {transform: rotate(39.6deg);}
 main article .c.p12 .bar {transform: rotate(43.2deg);}
 main article .c.p13 .bar {transform: rotate(46.8deg);}
 main article .c.p14 .bar {transform: rotate(50.4deg);}
 main article .c.p15 .bar {transform: rotate(54deg);}
 main article .c.p16 .bar {transform: rotate(57.6deg);}
 main article .c.p17 .bar {transform: rotate(61.2deg);}
 main article .c.p18 .bar {transform: rotate(64.8deg);}
 main article .c.p19 .bar {transform: rotate(68.4deg);}
 main article .c.p20 .bar {transform: rotate(72deg);}
 main article .c.p21 .bar {transform: rotate(75.6deg);}
 main article .c.p22 .bar {transform: rotate(79.2deg);}
 main article .c.p23 .bar {transform: rotate(82.8deg);}
 main article .c.p24 .bar {transform: rotate(86.4deg);}
 main article .c.p25 .bar {transform: rotate(90deg);}
 main article .c.p26 .bar {transform: rotate(93.6deg);}
 main article .c.p27 .bar {transform: rotate(97.2deg);}
 main article .c.p28 .bar {transform: rotate(100.8deg);}
 main article .c.p29 .bar {transform: rotate(104.4deg);}
 main article .c.p30 .bar {transform: rotate(108deg);}
 main article .c.p31 .bar {transform: rotate(111.6deg);}
 main article .c.p32 .bar {transform: rotate(115.2deg);}
 main article .c.p33 .bar {transform: rotate(118.8deg);}
 main article .c.p34 .bar {transform: rotate(122.4deg);}
 main article .c.p35 .bar {transform: rotate(126deg);}
 main article .c.p36 .bar {transform: rotate(129.6deg);}
 main article .c.p37 .bar {transform: rotate(133.2deg);}
 main article .c.p38 .bar {transform: rotate(136.8deg);}
 main article .c.p39 .bar {transform: rotate(140.4deg);}
 main article .c.p40 .bar {transform: rotate(144deg);}
 main article .c.p41 .bar {transform: rotate(147.6deg);}
 main article .c.p42 .bar {transform: rotate(151.2deg);}
 main article .c.p43 .bar {transform: rotate(154.8deg);}
 main article .c.p44 .bar {transform: rotate(158.4deg);}
 main article .c.p45 .bar {transform: rotate(162deg);}
 main article .c.p46 .bar {transform: rotate(165.6deg);}
 main article .c.p47 .bar {transform: rotate(169.2deg);}
 main article .c.p48 .bar {transform: rotate(172.8deg);}
 main article .c.p49 .bar {transform: rotate(176.4deg);}
 main article .c.p50 .bar {transform: rotate(180deg);}
 main article .c.p51 .bar {transform: rotate(183.6deg);}
 main article .c.p52 .bar {transform: rotate(187.2deg);}
 main article .c.p53 .bar {transform: rotate(190.8deg);}
 main article .c.p54 .bar {transform: rotate(194.4deg);}
 main article .c.p55 .bar {transform: rotate(198deg);}
 main article .c.p56 .bar {transform: rotate(201.6deg);}
 main article .c.p57 .bar {transform: rotate(205.2deg);}
 main article .c.p58 .bar {transform: rotate(208.8deg);}
 main article .c.p59 .bar {transform: rotate(212.4deg);}
 main article .c.p60 .bar {transform: rotate(216deg);}
 main article .c.p61 .bar {transform: rotate(219.6deg);}
 main article .c.p62 .bar {transform: rotate(223.2deg);}
 main article .c.p63 .bar {transform: rotate(226.8deg);}
 main article .c.p64 .bar {transform: rotate(230.4deg);}
 main article .c.p65 .bar {transform: rotate(234deg);}
 main article .c.p66 .bar {transform: rotate(237.6deg);}
 main article .c.p67 .bar {transform: rotate(241.2deg);}
 main article .c.p68 .bar {transform: rotate(244.8deg);}
 main article .c.p69 .bar {transform: rotate(248.4deg);}
 main article .c.p70 .bar {transform: rotate(252deg);}
 main article .c.p71 .bar {transform: rotate(255.6deg);}
 main article .c.p72 .bar {transform: rotate(259.2deg);}
 main article .c.p73 .bar {transform: rotate(262.8deg);}
 main article .c.p74 .bar {transform: rotate(266.4deg);}
 main article .c.p75 .bar {transform: rotate(270deg);}
 main article .c.p76 .bar {transform: rotate(273.6deg);}
 main article .c.p77 .bar {transform: rotate(277.2deg);}
 main article .c.p78 .bar {transform: rotate(280.8deg);}
 main article .c.p79 .bar {transform: rotate(284.4deg);}
 main article .c.p80 .bar {transform: rotate(288deg);}
 main article .c.p81 .bar {transform: rotate(291.6deg);}
 main article .c.p82 .bar {transform: rotate(295.2deg);}
 main article .c.p83 .bar {transform: rotate(298.8deg);}
 main article .c.p84 .bar {transform: rotate(302.4deg);}
 main article .c.p85 .bar {transform: rotate(306deg);}
 main article .c.p86 .bar {transform: rotate(309.6deg);}
 main article .c.p87 .bar {transform: rotate(313.2deg);}
 main article .c.p88 .bar {transform: rotate(316.8deg);}
 main article .c.p89 .bar {transform: rotate(320.4deg);}
 main article .c.p90 .bar {transform: rotate(324deg);}
 main article .c.p91 .bar {transform: rotate(327.6deg);}
 main article .c.p92 .bar {transform: rotate(331.2deg);}
 main article .c.p93 .bar {transform: rotate(334.8deg);}
 main article .c.p94 .bar {transform: rotate(338.4deg);}
 main article .c.p95 .bar {transform: rotate(342deg);}
 main article .c.p96 .bar {transform: rotate(345.6deg);}
 main article .c.p97 .bar {transform: rotate(349.2deg);}
 main article .c.p98 .bar {transform: rotate(352.8deg);}
 main article .c.p99 .bar {transform: rotate(356.4deg);}
 main article .c.p100 .bar {transform: rotate(360deg);}
 main article hr {margin: 10px 0 10px 0; height: 1px; border: 0; background-color: var(--color-text-default);}
 main article ul > li, ol > li {margin: 10px 20px 10px 20px; line-height: 25px;}
 main article table {margin: 0 0 20px 0; width: 100%; border-collapse: collapse; border: none; text-align: left;}
 main article table th {padding: 0.5em; font-size: 1.2em;}
 main article table th, table td {box-shadow: inset 0 1px var(--color-text-default), inset 0 1px var(--color-text-default);}
 main article table tr:hover {background-color: var(--color-table);}
 main article table td {padding: 0.7em 0.5em 0.7em 0.5em;}
 main article table td button {font-size: 1.0em;}
 main article .form {display: flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; margin: 0 -2em;}
 main article .form > * {flex: 1 1 35em; margin: 0 2em;}
 main article .form fieldset {padding: 0.5em 0.5em; border: 0.5px solid var(--color-base); border-radius: 3px;}
 //main article .form fieldset:focus-within {border: 0.5px solid var(--color-base);}
 main article .form legend {margin: 5px; font-size: 1.2em; font-weight: bold;}
 main article .form label {display: block; cursor: pointer;}
 main article .form p {margin: 1em 0;}
 main article .form input {display: inline-block; margin: 0 0 9px 0; padding: 4px; width: 100%; height: 40px; font-size: 1.2em; line-height: 18px; color: var(--color-text-default); background-color: var(--color-text-light); border: 1px solid var(--color-border); border-radius: 3px;}
 main article .form input.sknr1 {max-width: 50px;}
 main article .form input.sknr2 {max-width: 97px;}
 main article .form input[type="checkbox"] {display: inline-block; vertical-align: middle; margin: 0 4px 0 0; width: 20px; accent-color: var(--color-base);}
 main article .form select {display: inline-block; margin: 0 0 9px 0; padding: 4px; width: 100%; height: 40px; font-size: 1.2em; line-height: 28px; color: var(--color-text-default); background-color: var(--color-text-light); border: 1px solid var(--color-border); border-radius: 3px;}
 main article .form select.gdatum {max-width:95px;}
 main article .form select.sknr {max-width: 62px;}
 main article .form textarea {display: inline-block; margin: 0 0 9px 0; padding: 4px; width: 100%; height: 13em; font: 85% arial, helvetica, sans-serif; font-size: 1.2em; line-height: 18px; color: var(--color-text-default); background-color: var(--color-text-light); border: 1px solid var(--color-border); border-radius: 3px;}
 main article .form .tooltip {position: relative; text-decoration: none;}
 main article .form .tooltip span {display: none; border-radius: 5px;}
 main article .form .tooltip span img {float: left; margin: 0;}
 main article .form .tooltip:hover span {display: block; position: absolute; margin: -275px 0 0 -15px; padding: 0; top: 0; left: 0; width: auto; max-width: 375px; min-height: 250px; border: 1px solid black; overflow: hidden; z-index: 1000;}
 main article .form img.captcha {display: block; margin: 0 0 15px 0; border-radius: 3px;}
 main article button {display: block; margin: 5px 0; padding: 8px; font-size: 1.2em; line-height: 25px; color: var(--color-text-light); text-align: center; vertical-align: middle; cursor: pointer; background-color: var(--color-base); border: 1px solid var(--color-border); border-radius: 4px;}
 main article button:hover {color: var(--color-text-light); text-decoration: none; background-color: var(--color-accent); background-position: 0 -15px;}
 main article button:active {background-color: var(--color-accent);}
 main article .form input:focus, select:focus, textarea:focus, {border-color: rgba(82, 168, 236, 0.8); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);}
 main article .form input:valid, .form select:valid, .form textarea:valid {color: var(--color-succes); border-color: var(--color-succes);}
 main article .form input:focus:invalid, .form select:focus:invalid, .form textarea:focus:invalid {color: var(--color-error); border-color: var(--color-error);}
 main article .alert-success {margin: 0 0 18px 0; padding: 8px 35px 8px 14px; color: var(--color-succes); font-weight: bold; background-color: #dff0d8; border: 1px solid #fbeed5; border-color: #d6e9c6; border-radius: 0.25em;}
 main article .alert-error {margin: 0 0 18px 0; padding: 8px 35px 8px 14px; color: var(--color-error); font-weight: bold; background-color: #f2dede; border: 1px solid #fbeed5; border-color: #eed3d7; border-radius: 0.25em;}
}

@media only screen and (max-width:1100px)
{
 main article {margin: 0 auto; max-width: 100%; min-height: 85vh;}
 main article table, thead, tbody, tfoot, tr, th, td {display: block;}
 main article table thead tr {position: absolute; top: -9999px; left: -9999px;}
 main article table th, table td {box-shadow: none;}
 main article table tr {margin: 10px 0 10px 0; border: 1px solid var(--color-text-default);}
 main article table td {position: relative; padding-left: 35%;}
 main article table td:before {position: absolute; padding: 0 10px 0 0; top: 12px; left: 10px; width: 45%; white-space: nowrap; content: attr(data-label);}
 main article table td.info {padding-left: 1.0em;}
 main article button {font-size: 1.4em;}
}

@media print
{
 :root {--color-text-default: #000000; --color-background: transparent !important; --color-border: #000000;}
 * {margin: 0; padding: 0;}
 html, body {height: 100%;}
 body {font: 90% "times new roman", times, serif; color: var(--color-text-default); background-color: var(--color-background);}
 body .material-icons {display: inline-block; vertical-align: middle; width: 1.2em; height: 1.2em; line-height: 1; font-family: "Material Icons"; font-weight: normal; font-style: normal; font-size: 0.8em; text-transform: none; letter-spacing: normal; word-wrap: normal;}
 #drawer {display: none;}
 #drawer-toggle {display: none;}
 #drawer-toggle-label {display: none;}
 header {padding: 5px; left: 0; width: 100%; min-height: 50px; border-bottom: 1px solid var(--color-border);}
 header {border-bottom: 1px solid var(--color-border);}
 header h1 a {padding: 10px; color: var(--color-text-default); text-decoration: none;}
 header a:after {content: attr(title); margin: 5px; font-size: 0.4em;}
 header h1 .line {display: none;}
 header hr {display: none;}
 header nav {display: none;}
 main .cards {display: flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; padding: 1em; justify-content: center;}
 main .headline {display: flex;}
 main .headline h2 {margin: 5px 0 0 15px;}
 main .cards > * {flex: 1 1 30em;}
 main .cards .card {display: flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; margin: 2em; background-color: var(--color-background); border: 1px solid var(--color-border); border-radius: 0.25em;}
 main .cards .card > * {flex: 1 1 18.75em;}
 main .cards .card .media img {display: block; width: 100%; height: 100%; object-fit: cover;}
 main .cards .card .media .foto {margin: 2em auto 1em; width: 200px; height: 200px; border-radius: 0.5em; border: 1px solid var(--color-text-default); overflow: hidden;}
 main .cards .card .content {padding: 1em; align-self: center;}
 main .cards .card .content h2 {padding: 0.5em 0; font-size: 2em; font-weight: 100; letter-spacing: 1px;}
 main .cards .card .content p {margin: 1.75em 0; color: var(--color-text-default); font-size: 1.2em; line-height: 1.5; font-weight: 400;}
 main .cards .card .content p.small {margin: 0.25em 0; font-size: 0.8em;}
 main .cards .card .content a {color: var(--color-base); line-height: 1.5em;}
 main .cards .card .content ul > li {margin: 10px 20px 10px 20px; line-height: 25px;}
 main .cards .card .content .text {color: var(--color-text-default); font-size: 1.2em; line-height: 1.5; font-weight: 400;}
 main .cards .card .content .btn {display: block; margin: 0.5em 0 0 0; padding: 1em; max-width: 100%; color: var(--color-text-default); font-size: 1.2em; font-weight: 400; text-align: center; text-decoration: none; border: 1px solid var(--color-text-default); border-radius: 4px;}
 main article {margin: 0 auto; padding: 10px;}
 main article h2 {margin: 0 0 10px 0;}
 main article h3, h4 {margin: 10px 5px 5px 0;}
 main article details {margin: 0 0 30px 5px;}
 main article a {color: var(--color-text-default);}
 main article a[href^="http://"]:after, a[href^="https://"]:after {content: " (" attr(href) ")"; font-size: 80%;}
 main article p {margin: 5px 5px 5px 0;}
 main article hr {display: none;}
 main article ul > li, ol > li {margin: 10px 20px 10px 20px; line-height: 25px;}
 main article table {width: 100%; border-collapse: collapse;}
 main article table th, table td {padding: 5px; border: solid 1px var(--color-border);}
 main article .form {display: flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; margin: 0 -2em;}
 main article .form > * {flex: 1 1 25em; margin: 0 2em;}
 main article .form fieldset {padding: 0.5em 0.5em; border: 0.5px solid var(--color-text-default); border-radius: 3px;}
 main article .form legend {margin: 5px; font-size: 1.2em; font-weight: bold;}
 main article .form label {display: block;}
 main article .form p {margin: 1em 0;}
 main article .form input {display: inline-block; margin: 0 0 9px 0; padding: 4px; width: 100%; height: 40px; font-size: 1.2em; line-height: 18px; color: var(--color-text-default); background-color: var(--color-background); border: 1px solid var(--color-border); border-radius: 3px;}
 main article .form input.sknr1 {max-width: 50px;}
 main article .form input.sknr2 {max-width: 95px;}
 main article .form input[type="checkbox"] {display: inline-block; vertical-align: middle; margin: 0 4px 4px 0; width: 20px; accent-color: var(--color-background);}
 main article .form select {display: inline-block; margin: 0 0 9px 0; padding: 4px; width: 100%; height: 40px; font-size: 1.0em; line-height: 28px; color: var(--color-text-default); background-color: var(--color-background); border: 1px solid var(--color-border); border-radius: 3px;}
 main article .form select.gdatum {max-width:95px;}
 main article .form select.sknr {max-width: 62px;}
 main article .form textarea {display: inline-block; margin: 0 0 9px 0; padding: 4px; width: 100%; height: 13em; font: 85% arial, helvetica, sans-serif; font-size: 1.2em; line-height: 18px; color: var(--color-text-default); background-color: var(--color-background); border: 1px solid var(--color-border); border-radius: 3px;}
 main article .form .tooltip span {display: none;}
 main article button {display: block; padding: 8px; font-size: 1.2em; line-height: 25px; color: var(--color-text-default); text-align: center; vertical-align: middle; background-color: var(--color-background); border: 1px solid var(--color-border); border-radius: 4px;}
 footer {display: flex; flex-wrap : wrap; -webkit-flex-wrap: wrap; justify-content: center; align-items: center;  padding: 4px; width: 100%; background-color: var(--color-background); font-size: 0.8em; text-align: center; border-top: 1px solid var(--color-border);}
 footer i.whatsapp-icon {display: inline-block; vertical-align: middle; width: 1.1em; height: 1.1em; background-image:url(../img/whatsapp.svg); background-repeat: no-repeat;}
 footer a:link, footer a:visited, footer a:hover, footer a[href^="tel"]:link, footer a[href^="tel"]:visited, footer a[href^="tel"]:hover {text-decoration: none; color: var(--color-text-default);}
 footer a.copyright {width: 100%;}
}

@media (prefers-color-scheme: dark)
{
 main article {background-color: var(--color-background-light); opacity: 1;}
 main article h2, h3, h4, p, details {color: var(--color-text-default);}
 main article details {border: 0.5px solid var(--color-base);}
 main article summary {color: var(--color-text-light); background-color: var(--color-base); box-shadow: 0 -1px 1px 1px var(--color-border);}
 main article a {color: var(--color-base);};
 main article .c > span {color: var(--color-text-default);}
 main article .c:after {color: var(--color-text-default); background-color: var(--color-background-light);}
 main article hr {background-color: var(--color-text-default);}
 main article ul > li, ol > li {color: var(--color-text-default);}
 main article table th, table td {color: var(--color-text-default);}
 main article table tr:hover {background-color: var(--color-background);}
 main article .form fieldset {padding: 0.5em 0.5em; border: 0.5px solid var(--color-base); border-radius: 3px;}
 //main article .form fieldset:focus-within {border: 0.5px solid var(--color-base);}
 main article .form legend {margin: 5px; font-size: 1.2em; font-weight: bold;}
 main article .form label {color: var(--color-text-default);}
 main article .form input {color: var(--color-text-default); background-color: var(--color-background-light); border: 1px solid var(--color-border);}
 main article .form select {color: var(--color-text-default); background-color: var(--color-background-light); border: 1px solid var(--color-border);}
 main article .form textarea {color: var(--color-text-default); background-color: var(--color-background-light); border: 1px solid var(--color-border);}
 main article .form ::placeholder {color: var(--color-text-default);}
}