html { font-family: Roboto, sans-serif; line-height: 1.3; } body { width: 96vw; min-width: 300px; max-width: 1100px; background: transparent; padding: 0; color: #000; font-family: Roboto, sans-serif; font-size: 1rem; line-height: 1.3; text-align: left; } @media (max-width: 575.98px) { body { margin: 0 auto 1rem; } } @media (min-width: 576px) { body { margin: 1rem auto; } } div#flex-container { display: flex; width: 100%; } header { grid-area: header; margin: 0; padding: 0 0 0.3rem; } @media (max-width: 575.98px) { nav#topnav { float: right; } #banner img { width: 17rem; } } @media (min-width: 576px) { #topnav { display: none; } #banner { width: 22rem; margin: 0 auto; } #banner img { width: 22rem; } } @media (max-width: 575.98px) { nav#left { display: none; } aside#right { display: none; } main { padding: 0.5rem 0 1rem; } } @media (min-width: 576px) { nav#left { grid-area: left; flex: 0 0 auto; width: 10rem; margin: 1.5rem 1rem; padding: 1rem 0 0 0; } aside#right { grid-area: right; flex: 0 0 auto; width: 9rem; margin: 1.5rem 0 0; padding: 0; } main { padding: 1.5rem 1rem; } } main { grid-area: content; width: 100%; min-width: 300px; margin: 0; background: transparent; background-image: url(../images/verlauf.png); background-repeat: repeat-x; background-attachment: scroll; background-position: 0px 0px; } footer { grid-area: footer; margin: 2rem 0; padding: 1rem 2rem; text-align: center; } footer .homeo-footer { font-family: Roboto, sans-serif; font-size: 0.8667rem; line-height: normal; } div.moduletable_adsense { margin-bottom: 1.5rem; } #system-message dt { display: none; } #system-message dd { display: block; width: 500px; margin: 10px auto; border: 2px solid #bbb; background: #ff7; padding: 1rem; } #system-message dd ul { margin: 0; border: none; padding: 0; background: #ff7; color: transparent; font-weight: bold; text-align: center; list-style: none; } .hasTip { cursor: help; } #tooltips { background: transparent; } .tip { border: 2px solid #bbb; color: #000; width: 20rem; } .tip-title { padding: 0.3rem 0.6rem; background: #f7f7f7; font-size: 0.8667rem; font-weight: bold; } .tip-text { padding: 0.3rem 0.6rem 0.6rem; background-color: #fff; font-size: 0.8667rem; } .tip-text ul { margin: 0; padding: 0.25rem 0 0 1rem; list-style-type: square; list-style-image: none; list-style-position: outside; font-size: 0.8667rem; } .tip-text li { font-size: 0.8667rem; } button.plg_system_webauthn_login_button { background-color: #0d6efd; border-color: #0d6efd; } .plg_system_webauthn_login_button svg#Passkey { width: 1.5rem; fill: white; } a, a:link, a:visited { border: none; color: #07a; text-decoration: none; font-weight: normal; } a:hover { color: #07a; text-decoration: underline; font-weight: normal; } h1 { margin: 1rem 0; border: none; border-bottom: 2px solid #f90; padding: 0; color: #888; font-family: "Noto Sans", sans-serif; font-size: 1.2667rem; font-weight: bold; clear: both; } h1.site-name { display: none; } h2, .contentheading { margin: 0; border: none; padding: 0 0 15px; color: #aaa; font-family: "Noto Sans", sans-serif; font-size: 1.9rem; font-weight: bold; } h3, h4.therap { margin: 1rem 0 0.3rem; border: none; border-bottom: 2px solid #f90; padding: 0px; color: #888; font-family: "Noto Sans", sans-serif; font-size: 1rem; font-weight: bold; text-decoration: none; clear: both; } h3.therap { margin: 1rem 0; border: 2px solid #bbb; background-color: #f7f7f7; padding: 0; color: #888; font-family: "Noto Sans", sans-serif; font-size: 1rem; font-weight: bold; clear: both; } img { border: none; vertical-align: baseline; } p { margin: 0 0 0.3rem 0; padding: 0; border: 0 none; font-family: Roboto, sans-serif; font-size: 1rem; text-align: left; line-height: normal; text-indent: 0; } p.link { margin: 0.5rem 0 0; padding: 0; font-family: Roboto, sans-serif; font-size: 1rem; line-height: normal; text-align: left; } p.linkliste { margin: 0.2rem 0 0 2rem; } tt { font-family: "Source Code Pro", monospace; font-size: 1rem; font-weight: normal; } ul { list-style-type: square; list-style-image: url(../images/bluebox.gif); list-style-position: outside; font-size: 1rem; } ul.therap { margin: 0 0 0.2rem 1.5rem; padding: 0; list-style-type: square; list-style-image: none; font-size: 1rem; } ul li { padding-bottom: 0.3rem; } ul.therap li { margin: 0; padding: 0; font-size: 1rem; } table { border-collapse: collapse; border-spacing: 0; empty-cells: show; border: 0 none; } table.prettytable { border-collapse: collapse; border-spacing: 0; empty-cells: show; border: 2px solid #bbb; } td { vertical-align: top; font-family: Roboto, sans-serif; font-size: 1rem; line-height: normal; text-align: left; } td.mittel, .prettytable td { border: 1px solid #bbb; padding: 0.3rem; vertical-align: top; font-family: Roboto, sans-serif; font-size: 1rem; line-height: normal; } td.form { vertical-align: top; /* oben */ color: #000; font-size: 13px; /* 10pt */ line-height: normal; } .prettytable th { border: 1px solid #bbb; padding: 0.3rem; vertical-align: top; background-color: #f7f7f7; font-family: Roboto, sans-serif; font-size: 1rem; font-weight: bold; line-height: normal; text-align: left; } input, textarea, select { border: 1px solid #aa3; background: #eee; } input.button { width: 110px; border-width: 1px 3px 3px 1px; border-style: solid; border-color: #aa3; background-color: #f7f7f7; } input.buttonx { border-width: 1px 3px 3px 1px; border-style: solid; border-color: #aa3; background-color: #f7f7f7; } input.check, #mod_login_remember { border: 0 none; background-color: #f7f7f7; } input, textarea, select { border: 1px solid #aa3; background-color: #f7f7f7; } input.invalid, textarea.invalid, select.invalid { border-width: 1px 2px 2px 1px; border-style: solid; border-color: #aa3; background-color: #fcc; color: #f00; } input.button { border-width: 1px 3px 3px 1px; border-style: solid; border-color: #aa3; background-color: #f7f7f7; cursor: pointer; } input.button_110 { width: 7.5rem; border-width: 1px 3px 3px 1px; border-style: solid; border-color: #aa3; background-color: #f7f7f7; cursor: pointer; } input.check { border-width: 0; border-style: none; background-color: transparent; } td.input { vertical-align: baseline; color: #000; font-size: 1rem; line-height: normal; } td.label { vertical-align: top; padding: 0 0 1rem; color: #000; font-size: 0.8667rem; line-height: normal; } .form_100 { width: 8.3rem; margin: 1px 0px; } .form_kurz { width: 18.3rem; margin: 1px 0px; } .form_lang { width: 33.3rem; margin: 1px 0px; } .form_30 { width: 2.5rem; margin: 1px 0px; } .form_40 { width: 3.5rem; margin: 1px 0px; } .form_60 { width: 5rem; margin: 1px 0px; } .form_80 { width: 6.7rem; margin: 1px 0px; } .form_100 { width: 8.3rem; margin: 1px 0px; } .form_140 { width: 11.7rem; margin: 1px 0px; } .form_200 { width: 16.7rem; margin: 1px 0px; } .form_250 { width: 20.8rem; margin: 1px 0px; } .form_400 { width: 33.3rem; margin: 1px 0px; } .form_500 { width: 41.7rem; margin: 1px 0px; } label.invalid { color: #f00; } .label_60 { display: block; float: left; width: 5rem; } .label_100 { display: block; float: left; width: 8.3rem; } .label_150 { display: block; float: left; width: 12.5rem; } .blau { color: #07a; } .center { text-align: center; } .clr { clear: both; } .grau { background-color: #aaa; } .index { margin: 5px 10px 20px 10px; color: #07a; font-family: "Noto Sans", sans-serif; font-size: 0.8667rem; font-weight: normal; line-height: normal; text-align: left; } .linkklein { margin: 0px; padding: 0px; font-family: Roboto, sans-serif; font-size: 0.8667rem; line-height: normal; } .klein { font-family: Roboto, sans-serif; font-size: 0.8667rem; line-height: normal; } .grauklein { color: #888; font-family: Roboto, sans-serif; font-size: 0.8667rem; line-height: normal; } .quelle { font-size: 0.8667rem; line-height: normal; } .rot { color: #f30; } .small { font-size: 0.8667rem; color: #999; font-weight: normal; text-align: left; } .symbol { font-family: Symbol; } .titel2 { font-weight: normal; font-size: 0.8667rem; font-family: "Noto Sans", sans-serif; } .zitat { margin: 0 2rem; font-style: italic; text-align: left; } nav#topnav h3 { margin: 0.9rem 0.5rem; border: none; } nav#topnav li.current a { color: #fff; } nav#left div.moduletable { margin: 0 0 1rem 0; } nav#left ul, nav#left li { margin: 0; padding: 0; border: 0 none; } nav#left h3 { margin: 0; border: none; padding: 0.2rem 0; color: #aaa; font-family: "Noto Sans", sans-serif; font-size: 1.3333rem; font-weight: bold; line-height: 1.3; text-align: left; } nav#left ul { display: block; list-style-type: square; list-style-image: url(../images/bluebox.gif); list-style-position: outside; } nav#left li { padding: 0 0 0.3rem 0; border: none; } nav#left li a { color: #07a; font-family: "Noto Sans", sans-serif; font-size: 1rem; font-weight: bold; line-height: 1.3; text-decoration: none; } nav#left li a:hover, nav#left li.current a { color: #07a; } @media print { body { margin: 0; padding: 0; } #topnav { display: none; } nav#left { display: none; width: 0; } aside#right { display: none; width: 0; } article { padding-left: 0; width: 630px; } div.moduletable_adsense { display: none; } a { color: #000; } } /*# sourceMappingURL=template.css.map */