html { line-height: 1.3; font-family: "Noto Sans", sans-serif; } body { background: #fff; padding: 0; color: #000; font-family: "Noto Sans", 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; } } .body-container { width: 96vw; min-width: 300px; max-width: 1100px; } .body-container-c3 { width: 96vw; min-width: 300px; max-width: 1250px; } div#flex-container { display: flex; width: 100%; } header { grid-area: header; margin: 0; padding: 0; } @media (min-width: 576px) { body.body-container-c3 header { margin-right: 9.5rem; } } #topnav { min-width: calc(300px + 12rem); text-align: right; } @media (max-width: 575.98px) { #topnav { display: none; } #mainnav { display: none; } #mainnav-small { min-height: 1.8rem; padding: 0; margin: 0; } div#fries-image { width: 96vw; height: 80px; clear: both; } } @media (min-width: 576px) { #mainnav { min-height: 1.8rem; margin: 0; padding: 0; } #mainnav-small { display: none; } div#banner, div#banner-c3 { margin-left: 12rem; } #banner div#fries-image { width: calc(96vw - 12rem); height: 80px; max-width: calc(1100px - 12rem); } #banner-c3 div#fries-image { width: calc(96vw - 21.5rem); min-width: 300px; max-width: calc(1250px - 21.5rem); height: 80px; } } @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: 10.5rem; margin: 2rem 1.5rem 0 0; padding: 0; } aside#right { grid-area: right; flex: 0 0 auto; width: 9rem; margin: 1.5rem 0 0 0.5rem; padding: 0 0 0 0.5px; } main { padding: 0.7rem 0 2rem; } } main { grid-area: content; width: 100%; min-width: 300px; background: #fff; } footer { grid-area: footer; margin: 0; padding: 0.5rem; color: #000; font-style: normal; font-size: 0.8rem; line-height: 1.5; text-align: center; } footer div.mod-adsense { margin: 1.5rem auto; } div#system-message { display: block; width: 80vw; margin: 1rem auto; border: 2px solid #992; background: #ff7; padding: 0.5rem; } div#system-message h4, div#system-message a { display: none; } div#system-message .alert { margin: 0; border: none; padding: 0; background: transparent none; color: #000; font-weight: bold; text-align: center; } div.message { display: block; width: 40rem; margin: 1rem auto; border: 2px solid #992; background: #fcc; padding: 0.5rem; } .hasTip { cursor: help; } #tooltips { background: transparent; } .tip { border: 1px solid #992; color: #000; width: 20rem; } .tip-title { padding: 0.3rem 0.6rem; background: #dd5; font-size: 0.8667rem; font-weight: bold; } .tip-text { padding: 0.3rem 0.6rem 0.6rem; background: #eee; font-size: 0.8667rem; } .tip-text ul { margin: 0; padding: 0.25rem 0 0 1rem; font-size: 0.8667rem; } .tip-text li { list-style-type: square; list-style-image: none; list-style-position: outside; font-size: 0.8667rem; } @media (max-width: 767.98px) { .modal-dialog { max-width: 98vw; margin: 0 1vw; } } div.modal-content button { min-width: auto; } div.modal-title { padding-left: 1rem; color: #C1B308; font-size: 1.2667rem; font-weight: bold; } /* Joomla Edit Button (Bootstrap) */ li.edit-icon { list-style-type: none; } span.icon-edit { border: none; background-position: -96px -72px; width: 14px; margin-right: 2em; } 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, .click { border: 0 none white; color: #2e3192; text-decoration: none; cursor: pointer; } a:hover, .click:hover { color: #992; text-decoration: underline; } h1 a { color: #C1B308; text-decoration: none; } h1 a:hover { color: #2e3192; text-decoration: none; } h1, .contentheading { margin: 14px 0px 15px; border: none; border-bottom: 1px solid #992; padding: 0px 0px 5px; color: #C1B308; font-family: "Noto Sans", sans-serif; font-size: 1.3333rem; font-weight: bold; line-height: normal; clear: both; } h2, h3, h4.therap { margin: 14px 0 10px; border: none; border-bottom: 1px solid #992; padding: 0; color: #C1B308; font-family: "Noto Sans", sans-serif; font-size: 1.3333rem; font-weight: bold; line-height: normal; text-decoration: none; clear: both; } img { border: none; } p { margin: 0 0 5px 0; padding: 0; border: none; text-indent: 0px; } p.input { margin: 0; padding: 0; line-height: normal; } p.label { margin: 0 0 13px; border: none; border-radius: 0; padding: 0; background: #fff; color: #000; font-size: 0.8rem; font-weight: normal; line-height: normal; text-shadow: none; white-space: normal; } p.normtyp, p.infotext, div.infotext { border-left: 5px solid #992; background: #eee; color: #000; padding: 5px 5px 5px 15px; } tt, code { font-family: "Source Code Pro", monospace; font-size: 1rem; font-weight: normal; line-height: 1.3; } code { display: inline; background-color: #eee; border: 1px solid #992; padding: 0.2rem 0.5rem; color: #000; } code.uuid { background-color: oldlace; border: none; padding: 0; color: #2e3192; } ul { margin-left: 10px; padding-left: 20px; list-style-type: square; list-style-image: none; list-style-position: outside; } li { padding-bottom: 5px; } table { border-collapse: collapse; border-spacing: 0; empty-cells: show; border: none; } table.boxtable { margin-bottom: 1rem; border-collapse: separate; border-spacing: 0.3rem; empty-cells: hide; border: none; } table.energieform { width: 100%; border-collapse: collapse; } table.formular { border-collapse: collapse; } table.prettytable { border: 2px solid #992; border-collapse: collapse; border-spacing: 0; empty-cells: show; } table.striped, table.stripedleft, table.lined { border-collapse: collapse; empty-cells: show; } table.prettytable caption { padding: 2px 5px; color: #C1B308; font-weight: bold; font-size: 0.8rem; } table.prettytable th { border: 1px solid #992; padding: 5px; vertical-align: top; background: #eee; font-weight: bold; } table.striped th, table.stripedleft th, table.lined th { border: none; border-bottom: 2px solid #ddd; padding: 0.25rem 0.2rem; background: transparent; } table.stripedleft th { border-left: 2px solid #ddd; } td { vertical-align: top; padding: 0; color: #000; } td.input { line-height: normal; } td.intro { padding: 0 0 12px; line-height: normal; } td.label, td.check { display: table-cell; border: none; border-radius: 0; padding: 0 0 13px; background: #fff; color: #000; font-size: 0.8rem; font-weight: normal; line-height: normal; text-shadow: none; white-space: normal; } td.liste { padding: 0 0 5px; } td.logos { vertical-align: middle; text-align: center; } td.right { text-align: right; } table.boxtable td { vertical-align: middle; padding: 0.5rem; color: #2e3192; text-align: center; } table.prettytable td, td.prettytable { vertical-align: text-top; border: 1px solid #992; padding: 3px 5px; } table.striped td, table.stripedleft td, table.lined td { border: none; border-bottom: 1px solid #ddd; padding: 0.25rem 0.2rem; } table.stripedleft td { border-left: 2px solid #ddd; } table.striped tr:nth-child(2n) td, table.stripedleft tr:nth-child(2n) td { background-color: #eee; } table.auswahlliste td { cursor: pointer; } .blau { color: #2e3192; } .center { text-align: center; } .clr { clear: both; } .fett { font-weight: bold; } .fettblau { font-weight: bold; color: #2e3192; } .fettbgrot { font-weight: bold; background-color: #fcc; } .fettrot { font-weight: bold; color: #f30; } table.boxtable td.hellblau, table.boxtable td.hellblau a { background-color: #c0c0ff; color: inherit; } .hellgrau { color: #eee; } table.boxtable td.hellgrau, table.boxtable td.hellgrau a { background-color: #eee; color: inherit; } table.boxtable td.hellgruen, table.boxtable td.hellgruen a { background-color: #dd5; color: inherit; } .grau, .grau a { color: #777; } .gruen { color: #C1B308; } .hidden { display: none; } .hinweis { margin: 12px 6px; border: 1px solid #992; padding: 3px; font-size: 0.8rem; } .klein, .linkklein, .quelle { font-size: 0.8rem; } .mittelgrau, .mittelgrau a { color: #bbb; } .rechts { text-align: right; } .rot { color: #f30; } .symbol { font-family: Symbol; } .zitat { margin-left: 2rem; margin-right: 2rem; font-style: italic; } div.formcard { border: 0.1rem solid #bbb; border-radius: 0.5rem; padding: 1.25rem; } div.formheader { font-weight: bold; padding: 0 0 15px; } div.flex-input { display: flex; flex-wrap: wrap; align-items: flex-start; column-gap: 1rem; margin: 0 0 0.7rem 0; } div.input, div.checkbox-input { display: block; margin: 0 0 0.7rem 0; } div.radio-input { margin: 0 0 0.7rem 0; } div.flex-input label, div.input label { display: block; font-size: 0.8rem; } div.flex-input label.inline { display: inline; font-size: 1rem; } div.checkbox-input label { display: inline-block; font-size: 0.8rem; } table.energieform label { display: unset; padding: 0; font-size: 1rem; } td.label label, p.label label, td.label img { display: inline; margin: 0; border: none; border-radius: 0; padding: 0 0 13px; background: #fff; color: #000; font-size: 0.8rem; line-height: normal; white-space: normal; text-shadow: none; } table.energieform td.hspace { padding-right: 0.3rem; } button i.fas, button i.fa-solid, button i.fa-regular { vertical-align: baseline; padding-right: 0.4em; color: white; } i.button { vertical-align: baseline; padding: 0.3rem 0.2rem; } button { margin: 0 0 0.2rem; border: 1px solid #2e3192; border-radius: 5px; padding: 0.2em 0.5em; color: white; background-color: #2e3192; font-size: 1rem; cursor: pointer; } span.text-button { border-radius: 5px; padding: 0.1rem 0.2rem; background-color: #2e3192; color: #fff; cursor: pointer; } a#setjahrplus, a#setjahrminus { vertical-align: middle; padding-left: 0.5em; } i.fas, i.fa-solid, i.fa-regular { color: #2e3192; font-size: 1.3em; } select, textarea, input[type=text], input[type=password], input[type=datetime], input[type=datetime-local], input[type=date], input[type=month], input[type=time], input[type=week], input[type=number], input[type=email], input[type=url], input[type=search], input[type=tel], input[type=color], .uneditable-input, input[type=checkbox] { font-size: 1rem; margin: 0 0 0.2rem; } input.invalid, textarea.invalid, select.invalid { border: 1px solid #f00; background: #fcc; color: #f00; font-size: 1rem; } input.button_file { margin: 0 0 0.2rem; font-size: 1rem; cursor: pointer; } .radio input[type=radio], .input input[type=radio], input[type=radio] { float: unset; margin: 0 0.5em; vertical-align: unset; } label.invalid, td.label label.invalid { background: #fcc; color: #f00; } div.page-header { margin: auto; padding-bottom: 0; border-bottom: none; } label.radio { padding: 0; display: unset; } div.float-end { background: #eee; padding: 0.5rem 1rem; border-left: 5px solid #C1B308; } #topnav h3 { display: none; } #topnav ul, #topnav li { display: inline; margin: 0; padding: 0; border: 0 none; } #topnav li { list-style: none; padding: 0.3rem 0; line-height: 1.5rem; } #topnav ul li a { padding: 0 0.3rem; border-left: 2px solid #992; color: #2e3192; font-family: "Noto Sans", sans-serif; font-size: 0.8667rem; font-weight: bolder; line-height: normal; text-decoration: none; } #topnav li a:hover, #topnav li.current a { color: #992; } #topnav ul li:first-child a { border-left: none; } #mainnav h3 { margin: 0; border: none; padding: 0 0.3rem 0 0.6rem; color: #2e3192; font-family: "Noto Sans", sans-serif; font-size: 1rem; font-weight: bold; text-decoration: none; cursor: pointer; } #mainnav-small h3 { margin: 2rem 0 0 0; border: none; color: #2e3192; font-family: "Noto Sans", sans-serif; font-size: 1rem; font-weight: bold; text-decoration: none; cursor: pointer; } #mainnav div, #mainnav-small div { float: right; margin: 0 0 0 1rem; padding: 0; } #left div.moduletable { margin: 0 0 1rem 0; } #left h3 { margin: 0 0 0.3rem 0; border: none; border-left: 5px solid #992; padding: 0.3rem 0 0.3rem 1rem; background: transparent; color: #C1B308; font-family: "Noto Sans", sans-serif; font-size: 1.3333rem; font-weight: bolder; line-height: normal; text-align: left; } #left ul, #left li { margin: 0; padding: 0; border: 0 none; } #left li { width: 100%; display: block; list-style: none; border-bottom: 1px solid #992; padding: 5px 0 5px 5px; } #left li a { color: #2e3192; font-family: "Noto Sans", sans-serif; font-size: 0.8667rem; font-weight: bolder; line-height: normal; text-decoration: none; } #left ul:first-child { border-top: 1px solid #992; } #left li a:hover, #left li.current a { color: #992; } .nav-tabs li { display: inline; list-style-type: none; } .nav-link { color: #2e3192; } @media print { @page { margin: 10mm 10mm 10mm 20mm; } body { background: #fff none; } .grid-container { min-width: 0; max-width: none; margin: 0; padding: 0; } div#flex-container { display: block; } header { margin: 0; } #topnav, #mainnav, #nav_buero { display: none; } #banner, #energie_banner { display: block; overflow: hidden; } nav#left { display: none; flex: none; width: 0; } aside#right { display: none; flex: none; width: 0; } article { padding: 20px 0 20px 0; } footer { padding: 10px 0; } div.moduletable_adsense { display: none; } a { color: #000; } a[href]:after { content: ""; } /* --- Ende @media print --- */ } /*# sourceMappingURL=template.css.map */