/* bootstrap */
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  position: relative;
  min-height: 1px;
 
}
.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
  float: left;
}
.col-md-12 {
  width: 99.9%;
}
.col-md-11 {
  width: 91.56666667%;
}
.col-md-10 {
  width: 83.23333333%;
}
.col-md-9 {
  width: 74.9%;
}
.col-md-8 {
  width: 66.56666667%;
}
.col-md-7 {
  width: 58.23333333%;
}
.col-md-6 {
  width: 50%;
}
.col-md-5 {
  width: 41.56666667%;
}
.col-md-4 {
  width: 33.23333333%;
}
.col-md-3 {
  width: 24.9%;
}
.col-md-2 {
  width: 16.56666667%;
}
.col-md-1 {
  width: 8.23333333%;
}




/* generic */

@page{
  @top-right {
      content: "Seite " counter(page) " von " counter(pages);
      font-family: sans-serif;
      padding-right: 8px;
  }
  @top-left {
      content: "Bewerbung";
      font-family: sans-serif; 
      padding-left: 8px;   
  }
}


body, html{
  font-family: arial, sans-serif;
  color:#000000;
  font-size: 16px;  
}

.container {
  margin-bottom: 1.5em;
}
.row {
  margin-bottom: 0.5em;
}

h1{ font-size: 22px;}
h2{ font-size: 19px;}
h3{ font-size: 18px;}

label { 
  display:block; 
  font-weight: bold;   
}

/* tools */

.dont_break_it:first-child { page-break-before: auto; }
.dont_break_it { page-break-before: always;  }  

.page-break-after { page-break-after: always;  }  

.bold {font-weight: bold;}
.small {font-size: 16px;}
.debug {background-color: yellow;}
.clear {clear: both;}
.mb-1 {margin-bottom: 1em}
.textarea {
  padding : 0.75em;  
  /* background-color: #f5f5f5;*/
  margin-top: 0.5em;
}

.min-h100 {
min-height: 100px;
}
.min-h150 {
min-height: 150px;
}
.min-h200 {
min-height: 200px;
}
.min-h300 {
min-height: 300px;
}
.min-h400 {
min-height: 400px;
}
.min-h500 {
min-height: 500px;
}

.w-90p {
  width: 90%;
}

.w-80p {
  width: 80%;
}

.w-50p {
  width: 50%;
}

.w-20p {
  width: 20%;
}

.w-10p {
  width: 10%;
}

.mt-2 {
  margin-top: 0.5rem; /* 8px */
}

.mt-4 {
  margin-top: 1rem; /* 16px */  
}

.mt-8 {
  margin-top: 2rem; /* 32px */  
}

.pt-2 {
  padding-top: 0.5rem; /* 8px */
}

.pt-4 {
  padding-top: 1rem; /* 16px */  
}

.pt-8 {
  padding-top: 2rem; /* 32px */  
}

.align-text-top {
  vertical-align: text-top;
}

table.title {
  border-spacing: 5px 0px;  
}
table.content {
  border-spacing: 5px 15px;  
}

/* table, tr, td {
  border: 1px solid lightcoral;
} */

/* stuff */

img.print_logo_tg {
  height: 50px;
  width: 250px;
}

img.logo {
  max-width: 100%;
}

.form_header{ margin-top: 1em; font-weight: bold; font-size: 130%}

 
.project_header {
  background-color: #9B9B9B;
  color: #FFF;
  padding: 0.5em;
  margin-bottom: 1em;
}

.area_header {
  font-size: 18px;  
  margin-bottom: 0.5em;
  padding-bottom: 0.25em;
  border-bottom: 1px solid #9B9B9B;
}

.project_header  label {
  color: #FFF;
}




/* TODO ceck */


input{border: 1px solid #565656; width: 100%;font-size: 12px; }
input.button{ margin-left: 3px;  height: 26px; border: 1px solid #E1DCD2; background-color: #FFFFFF; text-decoration: underline; }
textarea{ width: 100%; word-wrap: break-word; }
table{ width: 100%; word-wrap: break-word; }