@media screen, projection {
/**  
 * Kennblatt CSS Settings
 * File: \files\standard\layout\css\kennblatt.css
 */

 /*    - Allgemeine Angaben                                                 */

  #kennblaetter-details.block,
  #kennblaetter-details .block {
    overflow: visible !important;
  }

  .kennblatt div {
    padding: 0;
  }

  .kennblatt .left {
    margin-top: 5px;
    margin-left: -178px;
    width: 150px;
    max-width: 150px;
    word-wrap: break-word;
    display: inline-block;
  }

  .kennblatt .label {
    display: block;
    font-weight: bold;
    margin-bottom: 8px;
  }

  .kennblatt .monitoring .headline {
    width: 33%;
    min-width: 400px;
    display: block;
    font-weight: bold;
    margin-bottom: 8px;
    font-size: 13px;
    border-bottom: 1px solid #000000;
  }

  .kennblatt .richtlinien-artikel-allgemeiner-text .paragraph {
    border-bottom: 1px solid #000000;
  }

  .kennblatt .richtlinien-artikel-kennblatt-spezifischer-text .paragraph {
    border-bottom: 1px solid #000000;
  }


  .kennblatt .clearfix:after {
    content: ".";
    clear: both;
    display: block;
    visibility: hidden;
    height: 0;
  }

  .kennblatt img {
    display: block;
    margin: 5px 0;
  }

  .kennblatt table {
    empty-cells: show;
    border-collapse: collapse;
    margin: 5px 0;
  }

  .kennblatt tr {
    empty-cells: show;
  }

  .kennblatt td {
    empty-cells: show;
    border: 1px solid black;
    padding-right: 10px;
    padding-top: 2px;
    padding-bottom: 2px;
  }

  .kennblatt h3,
  .kennblatt h4,
  .kennblatt h5 {
    margin: 0;
  }

  .kennblatt h2 {
    text-align: center;
    width: 100%;
  }

  /*    - Kapitel                                                            */

  .kennblatt h3 {
    text-align: center;
    width: 100%;
    margin-bottom: 15px;
    background: #d0d0d0 no-repeat;
    background-image: url(../images/akkordion/plus_100.gif);
    background-size:18px 18px;
	background-position: 4px 4px;
    padding: 4px;
  }
  
  .kennblatt h3.active {
    background-image: url(../images/akkordion/minus_100.gif);
  }

  .kennblatt .part {
    width: 100%;
    margin-bottom: 10px;
  }

  .kennblatt .part .content {
    width: calc(100% - 40px);
    float: left;
    padding-left: 40px;
    /*border-bottom: 1px solid #ff0000;*/
  }
  
  .kennblatt .title {
    width: 100%;
    height: 100%;
    float: left;
	padding-left: 10px;
  }

  /*    - Unterkapitel                                                       */

  .kennblatt  #sub_tog_2-1, 
  .kennblatt  #sub_tog_2-2,
  .kennblatt  #sub_tog_2-3 {
    margin-bottom: 15px;
    background: no-repeat;
    background-image: url(../images/akkordion/plus_100.gif);
    background-size:12px 12px;
	background-position: 3px 3px;
	padding-left: 18px;
  }

  .kennblatt #sub_tog_2-1.active,
  .kennblatt #sub_tog_2-2.active,
  .kennblatt #sub_tog_2-3.active {
    margin-bottom: 15px;
    background: no-repeat;
    background-image: url(../images/akkordion/minus_100.gif);
    background-size:12px 12px;
	background-position: 3px 3px;
	padding-left: 18px;
  }

  .kennblatt .main-chapter {
    margin-left: 0px;
    width: calc(100% - 40px);
    float: left;
    padding-left: 40px;
  }

  .kennblatt h4 {
    font-size: 13px;
    margin-top: 10px;
    margin-left: 0px;
    margin-bottom: 10px;
    width: 100%;
  }

  .kennblatt .content p {
    margin: 10px 0;
  }

  /*
  .kennblatt span p {
    margin: 0 !important;
  }
  */
  
  .kennblatt .chapter-intro {
    padding-bottom: 10px;
  }
  
  .kennblatt .chapter-intro.main-chapter {
    margin-bottom: 10px;
  }
  
  .kennblatt .acc-body {
	width: 100%;
  }

  /*      * 1.3 Institution *                                                */
  .kennblatt .behoerden table,
  .kennblatt .behoerden th,
  .kennblatt .behoerden tr,
  .kennblatt .behoerden td {
    border-collapse: collapse;
    border: 1px solid #000000;
    padding: 4px 10px;
  }

  .kennblatt .mess-programme-behoerden table,
  .kennblatt .mess-programme-behoerden th,
  .kennblatt .mess-programme-behoerden tr,
  .kennblatt .mess-programme-behoerden td {
    border-collapse: collapse;
    border: 1px solid #000000;
    padding: 4px 10px;
  }

  /*      * 2.1 Notwendigkeit *                                              */
  #rauemliche-zuordnung table,
  #rauemliche-zuordnung th,
  #rauemliche-zuordnung tr,
  #rauemliche-zuordnung td {
    border-collapse: collapse;
    border: 1px solid #000000;
    padding: 4px 10px;
  }

  /*      * 2.1 Notwendigkeit *                                              */
  .kennblatt .richtlinien-artikel-allgemeiner-text table,
  .kennblatt .richtlinien-artikel-allgemeiner-text th,
  .kennblatt .richtlinien-artikel-allgemeiner-text tr,
  .kennblatt .richtlinien-artikel-allgemeiner-text td {
    border-collapse: collapse;
    border: 1px solid #000000;
    padding: 4px 10px;
  }

  /*      * 2.2 Notwendigkeit *                                              */
  .kennblatt .richtlinien-artikel-spezifischer-text table,
  .kennblatt .richtlinien-artikel-spezifischer-text th,
  .kennblatt .richtlinien-artikel-spezifischer-text tr,
  .kennblatt .richtlinien-artikel-spezifischer-text td {
    border-collapse: collapse;
    border: 1px solid #000000;
    padding: 4px 10px;
  }

  /*      * 3.2 Monitoring-Aktivitäten *                                     */
  .kennblatt .monitoring .old-monitoring,
  .kennblatt .monitoring .new-monitoring {
    width: 45%;
    padding: 0 10px 0 10px;
    display: block;
    float: left;
  }

  .kennblatt .monitoring .toggler,
  .kennblatt .mess-programme .toggler,
  .kennblatt .monitoring .mhb-toggler,
  .kennblatt .mess-programme .mhb-toggler  {
    padding: 5px 10px 0px 35px;
    margin-top: 10px;
    cursor: pointer;
    position: relative;
    font-weight: bold;
  }

  .kennblatt .monitoring .toggler.second,
  .kennblatt .mess-programme .toggler.second,
  .kennblatt .monitoring .mhb-toggler.second,
  .kennblatt .mess-programme .mhb-toggler.second  {
    margin-left: 60px;
    margin-bottom: 15px;
  }

  .kennblatt .monitoring .accordion.second,
  .kennblatt .mess-programme .accordion.second,
  .kennblatt .monitoring .mhb-accordion.second,
  .kennblatt .mess-programme .mhb-accordion.second  {
    margin-left: 95px;
  }
  
  .kennblatt .acc-wrapper {
	float: left;
  }

  .kennblatt .monitoring .attribute ,
  .kennblatt .mess-programme .attribute {
    margin-bottom: 5px;
  }

  .kennblatt .monitoring .attribute-content.text,
  .kennblatt .mess-programme .attribute-content.text {
    padding-left: 10px;
	line-height: 16px;
  }

  .kennblatt .monitoring .state,
  .kennblatt .mess-programme .state {
    position: absolute;
    top: 3px;
    left: 10px;
    background-image: url(../images/akkordion/plus_100.gif);
    background-size: 20px 20px;
    width: 20px;
    height: 20px;
  }

  .kennblatt .monitoring .active .state,
  .kennblatt .mess-programme .active .state {
    background-image: url(../images/akkordion/minus_100.gif);
  }
  
  .kennblatt .monitoring .headline,
  .kennblatt .mess-programme .headline  {
    margin: 10px 0 15px 0;
	font-weight: bold;
    display: block;
	border-bottom: 1px solid #000000;
	width:40%;
	min-width:250px;
  }
  
  .kennblatt .monitoring .child-row,
  .kennblatt .mess-programme .child-row {
	margin-bottom: 10px;
	border-bottom: 1px solid #cccccc;
  }

  .kennblatt .field.tag_mon_mp_feature {
    font-weight: bold;
	margin-left: 40px;
	margin-top: 6px;
  }
  
  .kennblatt .field.tag_mon_mp_element {
    font-weight: bold;
	margin-left: 50px;
  }
  
  .kennblatt .field.tab_mon_mp_criteria {
	margin-left: 60px;
  }
  
  .kennblatt .field.tab_mon_mp_parameter {
	margin-left: 70px;
  }
  
  .kennblatt .mess-programme .field.ProgrammName {
        width: 200px;
        float: left;
    	padding-right: 20px;
  }
  
  .kennblatt .mess-programme div.tabitem.edit, 
  .kennblatt .mess-programme div.tabitem.show, 
  .kennblatt .mess-programme div.tabitem.createvariant {
    	float: left;
    	padding-right: 5px;
    }
  
  /*      * 5.2 Monitoring-Leitfäden  *                                     */
  .kennblatt .content.leitfäden span.download,
  .kennblatt .content.reporting-2020-qs-methoden span.download {
    margin-left: 10px;
  }

    /** 5.4 Musterdokumente **/
    .kennblatt .musterdokumente p,
    .kennblatt .qs-workshops p {
        margin-bottom: 0px;
    }

  /*      * 6.0 Literatur *                                                  */
  .kennblatt .literatur li {
    margin-bottom: 8px;
  }

  .kennblatt .literatur .autoren {
    font-weight: bold;
    display: block;
    margin-bottom: 4px;
  }

  .kennblatt .literatur .literatur {
    display: block;
  }

  /*      * Table cleaning                                                   */
  .kennblatt table,
  .kennblatt td,
  .kennblatt tr {
    text-align: left;
    vertical-align: top;
  }

  .kennblatt table.none-border,
  .kennblatt .none-border table,
  .kennblatt .none-border tr,
  .kennblatt .none-border th,
  .kennblatt .none-border td {
    border: 0 #ffffff none;
  }

  .kennblatt table.none-border {
    margin: 0;
  }

  /* ----- */
  .kennblatt .rltext,
  .kennblatt .bemerkung {
    margin-bottom: 10px;
  }

  .kennblatt .bemerkung p:first-child {
    text-decoration: underline;
    margin-bottom: 10px;
  }

/*  .kennblatt .leitfaeden li.clearfix:after {
    content: ".";
    clear: both;
    display: block;
    visibility: hidden;
    height: 0;
  }*/

  .kennblatt .leitfaeden li span.leitfaden {
	width: 80%;
	float: left;
    margin-bottom: 10px;
  }

  .kennblatt .inhalt.bewertung {
    margin-bottom: 10px;
    margin-left:   20px;
    border-bottom: 1px solid #000000;
  }

  .kennblatt .bewertung div {
    margin-bottom: 5px;
  }

  .kennblatt .sub-headline {
    font-weight: bold;
    display: block;
    margin-bottom: 5px;
    margin-left:   10px;
  }

  .kennblatt .sub-text {
    display: block;
    margin-left:   15px;
  }
 
  .kennblatt .sub-title {
    font-weight: bold;
    display: block;
    margin-bottom: 5px;
	background-color: #E6E6E6;
  }

  .kennblatt .monitoring {
    text-align: left;
    width: 100%;
  }

  .kennblatt .monitoring .element-block td {
    border-top: 1px dashed #000000;
    padding-top: 10px;
  }

  .kennblatt .monitoring td {
    vertical-align: top;
    padding-bottom: 10px;
    padding-right: 10px;
  }

  .kennblatt .monitoring th {
    padding-bottom: 15px;
    font-size: 15px;
  }

  .kennblatt .monitoring .line {
    border-top: 2px solid #000000;
  }

  /*      * FE Editing                                                       */
  .kennblatt .edit {
    text-indent: -9999px;
    /*background-image: url(../../files/standard/layout/images/edit.gif);*/
    background-size: 20px 20px;
    width: 20px;
    height: 20px;
  }

  .kennblatt .edit.inactive {
    /*background-image: url(../../files/standard/layout/images/edit_.gif);*/
  }
  
  #fe-editing-metamodels section.hilfe div.toggler {
    /*background-image: url(../../files/standard/layout/images/edit_.gif);*/
    width: 200px;
    height: 24px;
	font-weight: bold;
	margin-top: 5px;
	padding-left: 25px;
	background-position: 5px 5px;
	background-image: url(../images/akkordion/plus_100.gif);
	background-repeat:no-repeat;
	background-size: 18px;
	background-color: #F78181;
  }

  #fe-editing-metamodels section.hilfe div.toggler.active {
    /*background-image: url(../../files/standard/layout/images/edit_.gif);*/
	background-image: url(../images/akkordion/minus_100.gif);
  }

/*  #fe-editing-metamodels section.hilfe div.toggler::before {*/
    /*background-image: url(../../files/standard/layout/images/edit_.gif);*/
/*	content: url(../images/akkordion/plus_100.gif);*/
/*  }*/

  #fe-editing-metamodels section.hilfe div.toggler::after {
    /*background-image: url(../../files/standard/layout/images/edit_.gif);*/
	content: url(../images/akkordion/achtung_18.gif);
  }

  /*#fe-editing-metamodels div.ce_text.first {
    display: none;
  }*/
}

#mp_karten {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(15em, 1fr));
  gap: 1em;
}

#mp_karten > figcaption {
  grid-column: 1 / -1;
}