/*  ########    style.css für bibelkritiker     ########  */
html, body {
margin:0;
padding: 0;
font-size: 8px;
margin:0 auto;
}  
/*  alte formate.css von Thorsten Korte  */
/* Farben der Links festlegen und Farb‰nderung festlegen wenn Maus dr¸ber geht*/
a:link {color:#000066;}
a:visited {color:#0000CC;}
a:hover {color:#CC0000;}      

/*  Überschriften  */
.h1 {color:#000000;
     font-family:"Times New Roman";
     font-size: 1.63em;
     font-weight: normal}
.h2 {color:#000000;
     font-family:"Times New Roman";
     font-size: 1.4em;
     font-weight: normal}
.h3 {color:#000000;
     font-family:"Times New Roman";
     font-size: 1.8em;
    font-weight: bold}

/* Die Links einstellungen */
.links {color:#000000;
        font-family: "Times New Roman";
        font-size: 0.81em;
        color:#000066;
        font-weight: normal}
.boldlinks {color:#000000;
            font-family: "Times New Roman";
            font-size: 0.81em;
            font-weight: bold}
.headerlinks {color:#000000;
              font-family: Arial;
              text-decoration:uppercase;
              font-size: 0.7em;
              font-weight: normal}

/* Textvarianten */
.norm {color:#000000;
       font-family: "Times New Roman";
       font-size: 1.2em;
       font-weight: normal}
.strong {color:#000000;
         font-family: "Times New Roman";
         font-size: 1em;  /* war 1.2em  */
         font-weight: bold}
.normbig {color:#000000;
          font-family: "Times New Roman";
          font-size: 1.2em;
          font-weight: 500}
.strongbig {color:#000000;
             font-family: "Times New Roman";
           font-size: 1.2em;
           font-weight: bold}  /* war 500  */
.normsmall {color:#000000;
            font-family: "Times New Roman";
            font-size: 0.81em;
            font-weight: normal}

.small {color:#000000;
       font-family: "Times New Roman";
       font-size: 0.08em; 
       line-height: 0.33em; 
       font-weight: 500}
.norm50 {color:#000000;
         font-family: "Times New Roman";
         font-size: 1em;
         line-height: 1.4em; 
         font-weight: 500}
.norm30 {color:#000000;
         font-family: "Times New Roman";
         font-size: 1em;
         line-height: 1.2em;
         font-weight: 500}
.quelle {color:#000000;
         font-family: "Times New Roman";
         font-size: 1em;
         font-weight: 500}
.quellestrong {color:#000000;
         font-family: "Times New Roman";
         font-size: 1em; 
         font-weight: 700}

.arial {color:#000000;
     font-family:"Arial";
     font-size: 1.4em;
    font-weight:normal }

/* Formatierungen */
div.center {text-align: center}
div.test {line-height: 10pt}

/* ###   bis hierher alte Korte-formate-css  ### 

html, body {
margin:0;
padding: 0;
font-size: 8px;
margin:0 auto;
}  */


* {
  box-sizing: border-box;
  
}

.row::after {
  content: "";
  clear: both;
  display: table;
}

[class*="col-"] {
  float: left;
}

.col-1 {width: 8.33%;}
.col-2 {width: 16.66%;}
.col-3 {width: 25%;margin-right: 1em;}
.col-4 {width: 33.33%;}
.col-5 {width: 41.66%;}
.col-6 {width: 50%;}
.col-7 {width: 58.33%;}
.col-8 {width: 66.66%;}
.col-9 {width: 70%;border-left: 6px dotted gray;padding-left:1em;}
.col-10 {width: 83.33%;}
.col-11 {width: 91.66%;}
.col-12 {width: 100%;}

html {
  font-family: "Lucida Sans", sans-serif;
}

.header {
  background-color:;
  color: #ffffff;
  padding: em;
}

.footer {
  background-color: ;
  color: ;
  padding: em;
  text-align:;
}

.row.content iframe {    /* Linkleiste */
  width: 100%; 
  height:90em;
  border: none; 
  /* font-size:30px;  */
}  

.responsive {
  width: 100%;
  height: auto;
}
/*  ##########   media-querries   ######  */
@media all and (min-width: 500px) and (max-width: 899px) {
  body { /* background: silver; */
  width: ;
   font-size: 10px;}
   nav {width: 20%;}
   .row.content {height:60em}
}

@media all and (min-width: 900px)and (max-width: 1199px) {
  body { /* background: #c0e0da; */
  width: 80%;
   font-size: 11px;}  /*15  */
   nav {width: 20%;}
   .row.content {height:60em;
   margin-top:em;}
}

@media all and (min-width: 1200px) {
  body { /* background: yellow; */ 
  width: 70%;
   font-size: 13px;}
   nav {width: 35%;}
   .row.content {height:60em;
   margin-top:em;}
}