@charset "UTF-8";:root {/*Quasar*/--q-primary: #F9B951;--q-secondary: #00537F;--q-accent: #54378A;--q-dark: #1D1D1D;--q-dark-page: #121212;--q-positive: #2E7B32;--q-negative: #D32F2F;--q-info: var(--q-primary);--q-warning: #BF5900;/*Global Quasar Effekte Nachbau*/--white-12-on-global-primary-color: #fccb7b;  --global-primary-color-12: #E0E8EF; --global--primary-color-70: #ffd289; --white-12-on-global-secondary-color: #E83D51;  --global-secondary-color-12: #2c6380; --global-secondary-color-70: #336f8f; /*Global*/--global-font-title: "Main", Helvetica, arial, sans-serif; /*Schriftart Überschrift*/--global-font-content: "Main", Helvetica, arial, sans-serif; /*Schriftart Text*/--global-h1-font: var(--global-font-title); /*Überschrift h1 Schriftart*/--global-h1-font-size: 32px; /*Überschrift h1 Schriftgröße*/--global-h1-font-size-responsive: 32px; /*Überschrift h1 Schriftgröße small*/--global-h1-font-color: var(--global-primary-color); /*Überschrift h1 Schriftfarbe*/--global-h1-font-weight: 700; /*Überschrift h1 Schriftstärke*/--global-h1-margin-bottom: 1rem; /*Abstand unter h1*/--global-h2-font: var(--global-font-title); /*Überschrift h2 Schriftart*/--global-h2-font-size: 1.875rem; /*Überschrift h2 Schriftgröße*/--global-h2-font-color: var(--global-text-font-color);; /*Überschrift h2 Schriftfarbe*/--global-h2-font-weight: 600; /*Überschrift h2 Schriftstärke*/--global-h2-margin-bottom: 1rem; /*Abstand unter h1*/--global-h4-font: var(--global-font-title); /*Überschrift h4 Schriftart*/--global-h4-font-size: 1.5rem; /*Überschrift h4 Schriftgröße*/--global-h4-font-color: var(--global-text-font-color);; /*Überschrift h4 Schriftfarbe*/--global-h4-font-weight: 600; /*Überschrift h4 Schriftstärke*/--global-h4-margin-bottom: 1rem; /*Abstand unter h1*/--global-text-font: var(--global-font-content); /*Text Schriftart*/--global-text-font-size: 16px; /*Text Schriftgröße*/--global-text-font-weight: normal; /*Text Schriftstärke*/--global-text-font-color: #333; /*Text Schriftfarbe*/--global-text-font-secondary-color: #707070; /*Zweite Text Schriftfarbe*/--global-caption-font-size: 0.813rem; /*Caption Schriftgröße*/--global-primary-color: var(--q-primary); /*Erste Hauptfarbe des Kunden*/--global-secondary-color: var(--q-secondary); /*Zweite Hauptfarbe des Kunden*/--global-tertiary-color: var(--q-accent); /*Dritte Hauptfarbe des Kunden*/--global-header-background: #fff; /*Hintergrundfarbe Header*/--global-main-content-background: #fff; /*Hintergrundfarbe Main-Content*/--global-content-background: #FFF; /*Hintergrundfarbe Content*/--global-content-shadow: 0px 2px 6px 2px rgba(0, 0, 0, 0.16), 0px 1px 2px 0px rgba(0, 0, 0, 0.30); /*Schatten Content*/--global-footer-background: #01233F; /*Hintergrundfarbe Footer*/--global-footer-font-color: #fff; /*Schriftfarbe Footer*/--global-border: 1px solid var(--global-content-background); /*Rahmen*/--global-border-radius: 3px; /*Rahmenradius*/--global-divider-color: #ccc; /*Farbe Trennlinie */--global-disabled-color: #bbb; /*Farbe deaktiviert*/--global-background-darker: #FAFAFA; /*Hintergrund Hervorheben vom Content*/--global-background-important: #E4EFF9; /*Hintergrund Hervorheben vom Content*/--global-focus-visible-outline: 2px solid #000; --global-focus-visible-box-shadow: 0 0 0 4px #fff; /*Body*/--body-margin: 0 auto;--body-padding: 30px;--body-max-width: 1200px;--body-background-color: #fff;--header-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.08);--logo-url: url(./images/logo.png);--logo-height: 50px;--logo-width: 250px;--footer-text-color: #FFF;--footer-background-color: #01233F;--footer-text-align: center;--footer-padding: 24px;--footer-font-size: 12px;--footer-strong-font-size: 16px;--footer-line-height: 1.6rem;--footer-letter-spacing: 0.03333em;/*Button Primary*/--button-font: var(--global-font-content); /*Schriftart Button*/--button-font-size: 14px; /*Button Schriftgröße*/--button-font-weight: 500; /*Button Schriftstärke*/--button-letter-spacing: .1em; /*Button Zeichenabstand*/--button-text-transform: uppercase; /*Button Groß-/Kleinschreibung*/--button-border-radius: var(--global-border-radius); /*Button Rahmen Rundung*/--button-transition: .3s ease-in-out 0s; /*Button Animation*/--button-padding: 12px 16px; /*Button Rahmen Padding*/--button-width: auto; /*Button Breite*/--button-primary-font-color: #fff;/*Button Primary Schriftfarbe*/--button-primary-font-color-hover: #fff; /*Button Primary Schriftfarbe hover*/--button-primary-font-color-disabled: #fff; /*Button Primary Schriftfarbe gesperrt*/--button-primary-background: var(--global-secondary-color);; /*Button Primary Hintergrund*/--button-primary-background-hover: var(--white-12-on-global-secondary-color); /*Button Primary Hintergrund hover*/--button-primary-background-disabled: var(--global--primary-color-70); /*Button Primary Hintergrund gesperrt*/--button-primary-border: 1px solid var(--global-secondary-color); /*Button Primary Rahmen*/--button-primary-border-hover: 1px solid var(--white-12-on-global-secondary-color); /*Primary hover Rahmen Button*/--button-primary-border-disabled: var(--global--primary-color-70); /*Button Primary Rahmen gesperrt */--button-primary-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.20); /*Button Primary Schatten*/--button-primary-shadow-hover: 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.20); /*Button Primary Schatten hover*//*Button Secondary*/--button-secondary-font-color: var(--global-secondary-color); /*Button Secondary Schriftfarbe*/--button-secondary-font-color-hover: var(--global-secondary-color); /*Button Secondary Schriftfarbe hover*/--button-secondary-background: #fff; /*Button Secondary Hintergrund*/--button-secondary-background-hover: var(--global-secondary-color-12); /*Button Secondary Hintergrund hover*/--button-secondary-border: 1px solid var(--global-secondary-color); /*Button Secondary Rahmen*/--button-secondary-border-hover: 1px solid var(--global-secondary-color); /*Button Secondary Rahmenfarbe*/--button-secondary-shadow: var(--button-primary-shadow); /*Schatten Button Secondary*/--button-secondary-shadow-hover: var(--button-primary-shadow-hover); /*Schatten Button Secondary*//*Button Flat*/--button-flat-font-color: var(--global-secondary-color); /*Button Flat Schriftfarbe*//*Button Text*/--button-text-font-color: var(--global-secondary-color);/*Button Text Schriftfarbe*/--button-text-font-color-hover: var(--global-secondary-color); /*Button Text Schriftfarbe hover*/--button-text-font-color-disabled: var(--global-secondary-color-70); /*Button Text Schriftfarbe inaktiv*/--button-text-background: transparent; /*Button Text Hintergrund*/--button-text-background-hover: var(--global-secondary-color-12); /*Button Text Hintergrund hover*//*Input*/--input-field-padding: 14px 10px; /*Inputfeld innerer Abstand*/--input-field-selectbox-padding: 13px 10px; /*Selectbox innerer Abstand*/--input-field-background: #fff; /*Inputfeld Hintergrund*/--input-field-background-hover: #fff; /*Inputfeld Hintergrund hover*/--input-field-background-disabled: #eee; /*Inputfeld Hintergrund gesperrt*/--input-field-border: 1px solid #9b9b9b; /*Inputfeld Rahmen*/--input-field-border-hover: 1px solid var(--global-text-font-color); /*Inputfeld Rahmen hover*/--input-field-border-disabled: 1px solid transparent; /*Inputfeld Rahmen gesperrt*/--input-field-border-radius: var(--global-border-radius); /*Inputfeld Rahmen Rundung*/--input-field-font-family: var(--global-font-content); /*Inputfeld Schriftart*/--input-field-font-size: .875em; /*Inputfeld Schrfitgröße*/--input-field-font-color: var(--global-text-font-color); /*Inputfeld Schriftfarbe*/--input-field-font-color-disabled: #666; /*Inputfeld Schriftfarbe gesperrt*/--input-field-box-shadow: none; /*Inputfeld Schatten*/--input-field-box-shadow-hover: none; /*Inputfeld Schatten*/--input-field-box-shadow-disabled: inset 0 1px 1px #eee; /*Inputfeld Schatten gesperrt*//*Components*/--card-border: 0; /*Card Rahmen*/--card-border-radius: var(--global-border-radius); /*Card Rahmen Rundung*/--card-box-shadow: 0px 2px 6px 2px rgba(0, 0, 0, 0.16), 0px 1px 2px 0px rgba(0, 0, 0, 0.30); /*Card Schatten*/--card-box-shadow-margin: 4px 6px 6px 6px; /*Extra Margin für Card Schatten in 'overflow:hidden' Situationen*/--card-background-color-selected: var(--global-background-darker);--card-padding: 1.5rem; /*Card innerer Abstand*/--card-vertical-gap: 20px; /*Card vertikaler Abstand*/--list-item-alterating-background-color: var(--global-background-darker); /*Card Alternate*/--sidebar-content-padding: 12px;--sidebar-header-margin: 12px;
}