body {
        font-family:sans-serif;
        font-size:1rem;
        font-weight:400;
        
        color:#111111;
      }
      h1, h2 {
        font-weight:normal;
        /*line-height:1.2em;*/
        color:#333333;
      }
      
      details {
       margin-bottom:10px;
      }
      
      details summary h2 {
        display:inline;
        margin-top:5px;
        margin-bottom:5px;
        word-wrap: break-word;
        -moz-hyphens: auto;
        -o-hyphens: auto;
        -webkit-hyphens: auto;
        -ms-hyphens: auto;
        hyphens: auto; 
        max-width:720px;
      }
      .text-muted {
        font-size:0.8em;
        color:#666666;
      }
      input[type=text],
      input[type=password],
      textarea {
        border-style:solid;
        border-width:1px;
        border-color:#bebebe;
        border-radius:.3rem;
        padding:6px;
        margin:6px;
      }
      
      input[type=text]:focus,
      input[type=password]:focus,
      textarea:focus {
	    color: #111111;
	    background-color: #ffffff;
	    border-color: #86b7fe;
	    outline: 0;
	    box-shadow: 0 0 0 .25rem rgba(13,110,253,.25);
      }
      
      input[type=text][disabled] {
        background-color:#ffffff;
        color: #111111;
      }
      
      input[type=text][readonly]:focus,
      input[type=password][readonly]:focus,
      textarea[readonly]:focus {
        box-shadow:none;
        border-color:#bebebe;
      }
      fieldset {
        border-style:dotted;
        border-width:1px;
        border-color:#bebebe;
        background-color:#f2f2f2;
      }
      legend {
        background-color:#f2f2f2;
        padding:4px;
        padding-left:8px;
        padding-right:8px;
        font-size:0.9em;
      }
      a {
        color:#0d6efd;
        text-decoration:none;
      }
      a:hover {
        text-decoration:underline;
      }
      
      p, 
      form {
        padding-left:20px;
        padding-right:20px;
        word-wrap: break-word;
        -moz-hyphens: auto;
        -o-hyphens: auto;
        -webkit-hyphens: auto;
        -ms-hyphens: auto;
        hyphens: auto; 
        max-width:720px;
      }
      p {
        text-align:justify;
        line-height:1.6em;
      }
      
      .div_hr {
        max-width:740px;
        text-align:left;
      }
      hr {
        border-style:none;
        border-bottom-style:solid;
        border-bottom-width:1px;
        border-bottom-color:#bebebe;
        
      }
      
      textarea {
        width:96%;
        max-width:720px;
      }
      
      
      @charset "UTF-8";

      @font-face {
        font-family: 'bullets-unicode';
        font-style: normal;
        font-weight: 200;
        src: url("fonts/bullets-unicode.otf") format("opentype"),
             url("fonts/bullets-unicode.svg") format("svg"), 
             url("fonts/bullets-unicode.woff") format("woff"), 
             url("fonts/bullets-unicode.ttf") format("truetype")
        }
        
        input[type=password] {
          -webkit-text-security: disc;
        }
        
        input[type=password]#i_passwortfeld_mit_bullet:not(:placeholder-shown) {
          font-family:'bullets-unicode';
        }
        
        input[type=password]#i_passwortfeld_mit_bullet:placeholder-shown {
          font-family:sans-serif;
        }
        input[type=password]#i_passwortfeld_ohne_bullet:not(:placeholder-shown) {
          font-family:sans-serif;
        }
        
        input[type=password]#i_passwortfeld_ohne_bullet:placeholder-shown {
          font-family:sans-serif;
        }