@charset "UTF-8";



/*ddd*/
@import "main/_variablen.css";
@import 'main/_global.css';
@import 'main/_header.css';
@import 'main/_module.css';
@import 'main/_footer.css';
@import 'main/_baseline.css';
@import 'main/_sidebar.css';

@import "modules/_login-module.css";

@import "modules/_abonnements-module.css";

@import "modules/_admin-alias-login.css";
@import "modules/_admin-benachrichtigung.css";
@import "modules/_admin-elogbuchinfo.css";
@import "modules/_admin-logfileansicht.css";
@import "modules/_admin-modulverwaltung.css";
@import "modules/_admin-nutzungsbedingungen.css";
@import "modules/_admin-statistik.css";
@import "modules/_admin-tsp-verwaltung.css";
@import "modules/_wartungsmodus-module.css";

@import "modules/_bankverbindungen-module.css";
@import "modules/_benutzername-aendern-module.css";

@import "modules/_dokumente-module.css";

@import "modules/_einwilligung-datenweitergabe.css";
@import "modules/_error-session-expired.css";

@import "modules/_fortbildung-anerkennung-aerztepool-module.css";
@import "modules/_fortbildung-anerkennung-anerkennung-module.css";
@import "modules/_fortbildung-anerkennung-teilnehmer-module.css";
@import "modules/_fortbildung-anerkennung-unteranerkennung-module.css";
@import "modules/_fortbildung-punktekonto-module.css";
@import "modules/_fortbildung-zertifikate-module.css";

@import "modules/_gesamt-module.css";

@import "modules/_impressum.css";

@import "modules/_kontakt.css";
@import "modules/_kvsh-qualitaetszirkelpunkteupload-module.css";
@import "modules/_kvsh-qualitaetszirkelupload-module.css";
@import "modules/_kvsh-selektivvertraege-module.css";
@import "modules/_kvsh-vnr-upload-module.css";

@import "modules/_mail-verification.css";

@import "modules/_mitglied-abgang-module.css";
@import "modules/_mitglied-arztausweise-module.css";
@import "modules/_mitglied-arztausweise-uebersicht-module.css";
@import "modules/_mitglied-efnbarcode-module.css";
@import "modules/_mitglied-ehba-module.css";
@import "modules/_mitglied-einstufungserklaerung-module.css";
@import "modules/_mitglied-melde-module.css";

@import "modules/_neuzugang-login-credentials-module.css";
@import "modules/_neuzugang-module.css";
@import "modules/_neuzugang-person-module.css";
@import "modules/_nutzungsbedingungen.css";

@import "modules/_passwort-aendern-module.css";
@import "modules/_passwort-herstellen-mitglied-module.css";
@import "modules/_passwort-herstellen-module.css";
@import "modules/_passwort-verifizierungs-module.css";
@import "modules/_pdf-viewer-module.css";

@import "modules/_sem-buch-abschluss-module.css";
@import "modules/_sem-buch-module.css";
@import "modules/_sem-buch-nav.css";
@import "modules/_seminare-aktuell-archiv-module.css";
@import "modules/_stamm-adresse-module.css";
@import "modules/_stamm-person-module.css";

@import "modules/_totp-auth-module.css";
@import "modules/_totp-module.css";

@import "modules/_update-pw-module.css";
@import "modules/_upload-modul.css";

@import "modules/_verify-attributes-module.css";
@import "modules/_vorteile_module.css";

@import "modules/_ilias-agile-kammer.css";

@import "modules/_wartungsmodus-module.css";
@import "modules/_weiterbildung-wbbuebersicht-module.css";
@import "modules/_weiterbildung-logbuch-module.css";
@import "modules/_weiterbildung-wbbantrag-module.css";
@import "modules/_widgets-module.css";

@import "modules/_kpjsh-sachverstaendiger-modul.css";
@import "modules/_kpjsh-sachverstaendigen-suche.css";

@import "modules/_messages-module.css";

@import "components/_antrag-assistant-component.css";
@import "components/_antrag-bemerkung-component.css";
@import "components/_antrag-simple-abteilung-component.css";
@import "components/_antrag-summary-component.css";
@import "components/_antrag-weitere-besprechungen-component.css";
@import "components/_block-element.css";
@import "components/_custom-integer-field.css";
@import "components/_custom-text-area.css";
@import "components/_einrichtungsangaben-component.css";
@import "components/_extended-boolean-field.css";
@import "components/_extended-boolean-text-field.css";
@import "components/_icon-button-bar.css";
@import "components/_legacy-befugnis-component.css";
@import "components/_listing-component.css";
@import "components/_native-button.css";
@import "components/_toggle-button.css";
@import "components/_adress-field.css";
@import "components/_list-box.css";
@import "components/_text-area.css";
@import "components/_text-field.css";
@import "components/_traffic-light-component.css";
@import "components/_sachverstaendigen-detail-component.css";
@import "components/_kpjsh-search-field.css";
@import "components/_kpjsh-justizmitarbeiter-field.css";
@import "components/_zipcode-field.css";
@import "components/_geodata-field.css";
@import "components/_dashboard-component.css";
@import "components/_cropped-image-preview-component.css";
@import "components/_weiterbildungsregister-field.css";
@import "components/_profile-submenu-item.css";

@import "components/wbbantrag/_aktive_antraege_dialog.css";
@import "components/wbbantrag/_angaben_abteilung_ambulant_component.css";
@import "components/wbbantrag/_angaben_abteilung_stationaer_component.css";
@import "components/wbbantrag/_antrag_abschluss_component.css";
@import "components/wbbantrag/_antrag_abschluss_traeger_component.css";
@import "components/wbbantrag/_antrag_abschluss_umfang_component.css";
@import "components/wbbantrag/_ausgeschieden_component.css";
@import "components/wbbantrag/_auswahl_teilnehmer_typ.css";
@import "components/wbbantrag/_befugnis_copy_component.css";
@import "components/wbbantrag/_befugnis_upload.css";
@import "components/wbbantrag/_befugtenliste_component.css";
@import "components/wbbantrag/_delete_antrag_dialog.css";
@import "components/wbbantrag/_einrichtung_ambulant_component.css";
@import "components/wbbantrag/_einrichtung_betriebsmedizin_component.css";
@import "components/wbbantrag/_einrichtung_gesundheitsamt_component.css";
@import "components/wbbantrag/_einrichtung_stationaer_component.css";
@import "components/wbbantrag/_inhaber_component.css";
@import "components/wbbantrag/_internetzugang_component.css";
@import "components/wbbantrag/_invite-link-dialog.css";
@import "components/wbbantrag/_personendaten_component.css";
@import "components/wbbantrag/_psychoanalyse_psychotherapie_component.css";
@import "components/wbbantrag/_qualifikations_component.css";
@import "components/wbbantrag/_select_component.css";
@import "components/wbbantrag/_simple_abteilung_component.css";
@import "components/wbbantrag/_staetten_copy_dialog.css";
@import "components/wbbantrag/_staetten_dialog.css";
@import "components/wbbantrag/_upload_file_existing_component.css";
@import "components/wbbantrag/_invite-link-component.css";


@font-face {
    font-family: "Open Sans";
    src: url(./fonts/open-sans/OpenSans-Light-webfont.eot);
    src: url(./fonts/open-sans/OpenSans-Light-webfont.eot?#iefix) format("embedded-opentype"), url(./fonts/open-sans/OpenSans-Light-webfont.woff) format("woff"), url(./fonts/open-sans/OpenSans-Light-webfont.ttf) format("truetype");
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: "Open Sans";
    src: url(./fonts/open-sans/OpenSans-Regular-webfont.eot);
    src: url(./fonts/open-sans/OpenSans-Regular-webfont.eot?#iefix) format("embedded-opentype"), url(./fonts/open-sans/OpenSans-Regular-webfont.woff) format("woff"), url(./fonts/open-sans/OpenSans-Regular-webfont.ttf) format("truetype");
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: "Open Sans";
    src: url(./fonts/open-sans/OpenSans-Semibold-webfont.eot);
    src: url(./fonts/open-sans/OpenSans-Semibold-webfont.eot?#iefix) format("embedded-opentype"), url(./fonts/open-sans/OpenSans-Semibold-webfont.woff) format("woff"), url(./fonts/open-sans/OpenSans-Semibold-webfont.ttf) format("truetype");
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: "Open Sans";
    src: url(./fonts/open-sans/OpenSans-Bold-webfont.eot);
    src: url(./fonts/open-sans/OpenSans-Bold-webfont.eot?#iefix) format("embedded-opentype"), url(./fonts/open-sans/OpenSans-Bold-webfont.woff) format("woff"), url(./fonts/open-sans/OpenSans-Bold-webfont.ttf) format("truetype");
    font-weight: 800;
    font-style: normal;
}

@font-face {
    font-family: "Alegreya";
    src: url(./fonts/alegreya/Alegreya-Medium.ttf) format("truetype");
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: "Alegreya";
    src: url(./fonts/alegreya/Alegreya-Regular.ttf) format("truetype");
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: "Alegreya";
    src: url(./fonts/alegreya/Alegreya-Bold.ttf) format("truetype");
    font-weight: 700;
    font-style: normal;
}
/*
Die grundlegende Anzeigefläche für das AKIS, alle Elemente sind auf dieser in einer späteren
Hierarchieebene eingehängt.
*/
#main-wrapper {

  display: flex;
  flex-direction: column;
  min-height: 100%;

  /*Der Header*/

/*HEADER END*/

  /*// Ein Wrapper für die Sidebar und den Inhalt des AKIS*/
  #main-content-wrapper {

    display: flex;
    flex-direction: column;
    margin: 5.0rem 0;

    .main-content-wrapper-bg {
      width: 100%;
      background-color: var(--akis-color-bg-blue-3);

      .main-content-wrapper-section {
        display: flex;
        max-width: 1200px;
        margin: 0 auto;
        padding: 3.0rem 0;

        /*// Sidebar und Inhalt des AKIS*/
        /*@import "main/_sidebar";*/
        /*@import "main/_module";*/
        /*@import "main/_components";*/

      }
    }
  }

  /*// Der Footer*/
  /*@import "main/_footer";*/
  /*@import "main/_baseline";*/

  /*
  Ab hier beginnen die Media Queries für #main-wrapper und #main-content-wrapper.
  Media-Queries, die sich mit der Header, Footer, Sidebar oder Conent Ebene beschäftigen,
  sind innerhalb der Importierten Dateien zu suchen.
  */

  @media only screen and (max-width: 1220px) {
    #main-content-wrapper {
      .main-content-wrapper-bg {
        .main-content-wrapper-section  {
          padding: 3.0rem 1.0rem;
        }
      }
    }
  }
  @media only screen and (max-width: 899px) {
    #main-content-wrapper {
      .main-content-wrapper-bg {
        .main-content-wrapper-section  {
          flex-direction: column-reverse;

          #main-content {
            width: 100%;
            min-height: 0;
            margin-bottom: 2.0rem;
          }
          #main-sidebar {
            width: 100%;
            margin: 2.0rem 0 0;
            padding: 0;
            border-right: none;

            .sidebar-nav-content {
              display: none;
            }
          }
        }
      }
    }
  }
  @media only screen and (max-width: 649px) {
    #main-content-wrapper {
      .main-content-wrapper-bg {
        .main-content-wrapper-section  {
          padding: 3.0rem 0.5rem;
        }
      }
    }
  }
}


