/***************** Format bulletline ***********************************/
.bulletline {
   position: relative;
}
/* vertikale linie */
.bulletline:before {
   position: absolute; top: -30px; bottom: -10px; left: 59px;
   width: 4px;
   content: "";
   background: #003366; /*#336699;*/
}
/* kreis außen, groß */
.bl_symbol {
   position: relative; top: 0px; left: 50px; /* bulletline:before.left + bulletline:before.width/2 - width/2 = 63 + 4/2 - 22/2 = 54 */
   content: "";
   width: 22px;
   height: 22px;
   border-radius: 12px;
   -moz-border-radius: 12px;
   -webkit-border-radius: 12px;
   -khtml-border-radius: 12px;
   background-color: #003366 /*#336699;*/
}
/* kreis imnen, klein */
.bl_symbol:after {
   position: absolute; top: 5px; left: 5px;
   content: "";
   width: 12px;
   height: 12px;
   border-radius: 6px;
   -moz-border-radius: 6px;
   -webkit-border-radius: 6px;
   -khtml-border-radius: 6px;
   background-color: #ffa500;
}
/* datum */
.bl_datum {
   position: absolute; right: 27px; left: auto;
   text-align: right;
   font-size: 1.25rem;
   font-weight: bold;
}
/* box bulletline inhalt */
.bl_box {
   position: relative; top: -20px;
   margin-left: 80px;
   margin-bottom: 10px;
}

/* @media max-device-width: 767px  ************/
@media screen and (max-width: 767px) {
.bulletline:before {
   position: absolute; left: 20px;
}
.bl_symbol {
   position: relative; top: 0px; left: 11px;
}
.bl_datum {
   position: absolute; left: 30px; right: auto;
   text-align: left;
   font-size: 18px;
}
/* box bulletline inhalt */
.bl_box {
   position: relative; top: 0px;   
   margin-left: 0px;
   margin-bottom: 20px;
}   
}
/***************** Ende Format bulletline *************************/




/***************** Format bulletline_center ***********************/
.bulletline_center {
   position: relative;
}
/* vertikale linie */
.bulletline_center:before {
   position: absolute; top: -30px; bottom: -300px; left: 50%;
   width: 8px;
   content: "";
   background: #003366;
}

/* box bulletline_center inhalt */
.ll_box_left, .ll_box_right {
   position: relative;
   opacity: 0.9;
   margin-top: 0px;
   margin-bottom: 40px;
   width: 90%;
   clear: both;
}
.ll_box_right {
   float: right;
}


/* @media max-device-width: 480px  ************/
@media screen and (max-width: 480px) {
.ll_box_left, .ll_box_right {
   width: 100%;
}
}