/* default styles for extension "tx_tool_pi4" */
  ul.typo3-messages { padding-left: 0; }
  ul.typo3-messages li { list-style:none; }
  h4.alert-title { font-family: unset; font-size: large; }
  .tx-tool-pi4 h2:first-child {
    background-color: silver;
    color: white;
    font-size: 1em;
    margin-top: 0.3em;
    padding: 0.25em;
  }
  .tx-tool-pi4 .mc { width: 300px; }
  .tx-tool-pi4 div.toolbox {}
  .tx-tool-pi4 #btn_copyTn1 {
        position: absolute;
        margin-top: -48px;
        margin-left: 240px;
    }

  .tx-tool-pi4 fieldset {
    border-radius: 10px;
    border: 1px solid #888;
    box-shadow: 2px 2px 4px #AAA;
    margin: 10px 0;
    padding: 15px;
    box-sizing: border-box;
  }
  .tx-tool-pi4 legend {
    margin-bottom: 0px;
    padding: 0 10px;
    border: 0px;
    width: auto;
    font-weight: bold;
    color: #666666;
  }
  .tx-tool-pi4 legend.e_title {
    padding: 0;
  }
  .tx-tool-pi4 dl { }
  .tx-tool-pi4 dt label {
    clear: both;
    margin-right: 10px;
  }
  .tx-tool-pi4 dd { margin: 0 0 10px 0; }
  .tx-tool-pi4 label { color: #666666; font-weight: bold; margin-bottom: 0;}
  .tx-tool-pi4 label.selectable:hover { cursor: pointer; }

  .tx-tool-pi4 .motif { height: 160px; }
  .tx-tool-pi4 .tn-motif { margin-left: 1em; float: left; }
  .tx-tool-pi4 .radio { margin-left: 46px; margin-top: 5px;}

  /* Input Button mit Schatten*/
  .tx-tool-pi4 input {
    padding: 10px;
    font-weight: 600;
    box-shadow: 0 0 3px 0 rgba(0,0,0,0.3);
    -moz-box-shadow: 0 0 3px 0 rgba(0,0,0,0.3);
    -webkit-box-shadow: 0 0 3px 0 rgba(0,0,0,0.3);
  }
  .tx-tool-pi4 input:focus {
    outline: 0;
    border: 1px solid #5b032a;
    -webkit-box-shadow: 0 0 6px 4px rgba(245,134,183, 0.20);
    -moz-box-shadow: 0 0 6px 4px rgba(245,134,183, 0.20);
    box-shadow: 0 0 6px 4px rgba(245,134,183, 0.20);
  }
  .tx-tool-pi4 input.short { width: 120px; }
  .tx-tool-pi4 input.wide { width: 95%; }
  .tx-tool-pi4 input:disabled { border: 0px; color: #333333;}
  .tx-tool-pi4 textarea:disabled { border: 0px; color: #333333; height: auto!important; }
  .tx-tool-pi4 #tn1 input:disabled, .tx-tool-pi4 #tn2 input:disabled { float: right; width: auto!important; }
  .tx-tool-pi4 textarea#bemerkung { width: 95%; height: 6em; font-family: inherit; font-size: inherit; }
  .tx-tool-pi4 dt, .tx-tool-pi4 dd { float: left; }
  .tx-tool-pi4 dd.total { float: right; }
  .tx-tool-pi4 span.err { color: red; }
  .tx-tool-pi4 span.hint { display: block; color: blue; }
  .tx-tool-pi4 span.ok { color: green; }
  .tx-tool-pi4 span.oblig { color: red; }
  .tx-tool-pi4 div.formButtons { height: 20px; }
  .tx-tool-pi4 div.submitButtons { float: right; }
  .tx-tool-pi4 div.backButtons { float: left; }
  .tx-tool-pi4 div.err { text-align: right; color: red; }
  .tx-tool-pi4 div.noerr { text-align: right; color: green; }
  .tx-tool-pi4 hr { clear: both; border: 0 none; display: block; margin: 0; }

  /* Formatierung H2*/
  .tx-tool-pi4 h2 {
    width: 100%;
    float: left;
    line-height: 140%;
    font-weight: 600;
    background: #666;
  }
  .tx-tool-pi4 h2:first-child {
    padding: 0.6em;
  }
  .tx-tool-pi4 h2:hover {
    background: DarkRed;
  }
  .tx-tool-pi4 h2.active {
    cursor: pointer;
    background-color: #666666;
    border-radius: 0.25em;
  }
  .tx-tool-pi4 h2.passive {
    cursor: none;
    background-color: silver;
    border-radius: 0.25em;

  }
  .tx-tool-pi4 #noscript { font-size: 1em; margin: 1em; color: red; }
  .tx-tool-pi4 #btnClose { display: none; }
    @media screen and (min-width: 375px) and (max-width: 1023px) {
     .tx-tool-pi4 dd { float: none; }
     .tx-tool-pi4 .mc { width: 100%; }
    }
    @media screen and (min-width: 750px) {
     .tx-tool-pi4 dd { float: none; }
     .tx-tool-pi4 .mc { width: 600px; }
    }

  .tx-tool-pi4 .parent {
    display: none;
  }

  /* Zusammenfassung: Hintergrundfarbe Input Felder */
  .tx-tool-pi4 #zusammenfassung input {
    background: #e2e2e2;
  }

  /* Override position of course-has-started popover */
  .tx-tool-pi4 #course-has-started-popover-container .popover {
    left: 0 !important;
  }

  .tx-tool-pi4 .text-muted { color: #999; }