.container_a-bg {
    background-color: #ffffff;
    padding: 10px 10px 10px 10px;
    border-radius: 4px;
    -moz-box-shadow:1px 1px 6px #a0a0a0; /* Firefox */
    -webkit-box-shadow:1px 1px 6px #a0a0a0; /* Chrome, Safari */
    -khtml-box-shadow:1px 1px 6px #a0a0a0; /* Konqueror */
    box-shadow:1px 1px 6px #a0a0a0; /* CSS3 */
    
}


#fluidcontainer_a-bg {
    max-width: 74rem;
    background-color: #ffffff;
    padding: 10px 10px 10px 10px;
    border-radius: 4px;
    -moz-box-shadow:1px 1px 6px #a0a0a0; /* Firefox */
    -webkit-box-shadow:1px 1px 6px #a0a0a0; /* Chrome, Safari */
    -khtml-box-shadow:1px 1px 6px #a0a0a0; /* Konqueror */
    box-shadow:1px 1px 6px #a0a0a0; /* CSS3 */
    
}



.list_a-bg {
   
    border-radius: 4px;
    

}


.divc_a {
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
}

.btn-group-justified {
  width: auto;
    
  display: inline-block;
}


.linehight_a {

  line-height: 1.0;
  background: #708198;  
 
}

/* Start Carousel Template */


.cta-100 {
  margin-top: 0px;
  padding-left: 0%;
  padding-top: 1%;
}
.col-md-4{
    padding-bottom: 20px;
}

.white {
  color: #fff !important;
}
.mt{float: left;margin-top: -20px;padding-top: 20px;}
.bg-blue-ui {
  background-color: #708198 !important;
}
figure img{width:300px;}

#blogCarousel {
  padding-bottom: 0px;
}

.blog .carousel-indicators {
  left: 0;
  top: -50px;
  height: 50%;
}


/* The colour of the indicators */

.blog .carousel-indicators li {
  background: #708198;
  border-radius: 50%;
  width: 8px;
  height: 8px;
}

.blog .carousel-indicators .active {
  background: #0fc9af;
}




.item-carousel-blog-block {
  outline: medium none;
  padding: 15px;
}

.item-box-blog {
  border: 1px solid #dadada;
  text-align: center;
  z-index: 4;
  padding: 20px;
  border-radius: 4px;
}

.item-box-blog-image {
  position: relative;
}

.item-box-blog-image figure img {
  width: 100%;
  height: auto;
}

.item-box-blog-date {
  position: absolute;
  z-index: 5;
  padding: 4px 20px;
  top: -20px;
  right: 8px;
  background-color: #41cb52;
}

.item-box-blog-date span {
  color: #fff;
  display: block;
  text-align: center;
  line-height: 1.2;
}

.item-box-blog-date span.mon {
  font-size: 18px;
}

.item-box-blog-date span.day {
  font-size: 16px;
}

.item-box-blog-body {
  padding: 10px;
}

.item-heading-blog a h5 {
  margin: 0;
  line-height: 1;
  text-decoration:none;
  transition: color 0.3s;
}

.item-box-blog-heading a {
    text-decoration: none;
}

.item-box-blog-data p {
  font-size: 13px;
}

.item-box-blog-data p i {
  font-size: 12px;
}

.item-box-blog-text {
  max-height: 100px;
  overflow: hidden;
}

.mt-10 {
  float: left;
  margin-top: -10px;
  padding-top: 10px;
}

.btn.bg-blue-ui.white.read {
  cursor: pointer;
  padding: 4px 20px;
  float: left;
  margin-top: 10px;
}

.btn.bg-blue-ui.white.read:hover {
  box-shadow: 0px 5px 15px inset #4d5f77;
}

/* Ende Carousel Template */


.btn-a.bg-blue-ui.white.read {
  cursor: pointer;
  padding: 4px 20px;
  float: left;
  margin-top: 10px;
}

.btn-a.bg-blue-ui.white.read:hover {
  box-shadow: 0px 5px 15px inset #4d5f77;
}


/* Botton Dropdown*/

#dropdownMenuButton {
    
    background-color: #708198;
    border: 1px solid rgba(0,0,0,.125);
}

/* Listgroup */

.md-v-line {
position: absolute;
border-left: 1px solid rgba(0,0,0,.125);
height: 50px;
top:0px;
left:45px;
}

#bildercenter {

    -ms-flex-align: center;
    align-items: center;
}   

/* BS Theme Company */

.bg-grey-company {
  background-color: #f6f6f6;
    border: 1px solid rgba(0,0,0,.125);
    border-radius: 4px;
}

.bg-grey-company2 {
  background-color: #C5C3C3;
    border: 1px solid rgba(0,0,0,.125);
    border-radius: 4px;
}

.jumbotron-company {
  background-color: #f4511e;
  color: #fff;
  padding: 100px 25px;
}

.container-fluid-company {
  padding: 20px 15px;
}

.logo-company {
  font-size: 200px;
}
@media screen and (max-width: 768px) {
  .col-sm-4 {
    text-align: center;
    margin: 25px 0;
  }
}

 .thumbnail-company {
  padding: 0 0 15px 0;
  background-color: #ffffff;
  padding: 10px 10px 10px 10px;
  margin-bottom: 10px;
  
  border-radius: 4px;
    -moz-box-shadow:1px 1px 6px #a0a0a0; /* Firefox */
    -webkit-box-shadow:1px 1px 6px #a0a0a0; /* Chrome, Safari */
    -khtml-box-shadow:1px 1px 6px #a0a0a0; /* Konqueror */
   box-shadow:1px 1px 6px #a0a0a0; /* CSS3 */
  
}

.thumbnail-company img {
  width: 100%;
  height: 100%;
  margin-bottom: 0px;
}


.container-fluid-company-filmtabelle {
  padding: 20px 15px 0px 15px;
}

#linehightsmall {

    line-height:80%
}   


#paddingtop20 {

    padding: 20px 0px 0px 0px;
}   


#idblue {
    
    padding: 7px 15px 0px 15px;
    background-color: #708198;
    border: 1px solid rgba(0,0,0,.125);
    border-radius: 4px;
    position: relative;
    color:#FFFFFF;
}



#table-bordered > tbody > tr > td,
    .table-bordered > thead > tr > td,
    .table-bordered {
        border-bottom:0;
        border-top: 0;
    }


/* Formular */

.bs-example{
        margin: 20px;        
    }


/* Panel */

.panel {
  border-radius:4px;
  border: 1px solid #708198;
  transition: box-shadow 0.5s;
    
}

.panel:hover {
  
   box-shadow: 5px 0px 40px rgba(0,0,0, .2);
}

.panel-footer .btn:hover {
  
   border: 1px solid #708198;
  background-color: #fff !important;
  color: #708198;
}

.panel-heading {
  
  color: #fff !important;
  background-color: #708198 !important;
  padding: 25px;
  border-bottom: 1px solid transparent;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
    
      -webkit-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
}

.panel-body {
    
    padding: 10px;
    
}   

.panel-footer {
  
    background-color: #fff !important;
    border-radius:4px;
}

.panel-footer h3 {
  font-size: 32px;

}

.panel-footer h4 {
  color: #aaa;
  font-size: 14px;
    
}

.panel-footer .btn {
  margin: 15px 0;
  background-color: #708198;
  color: #fff;

}



/* Map */


#mapid { 
height: 500px;

}

/* Badge over Image */

.item {
    position:relative;
    padding:4px 4px;
    display:inline-block;
}


/* Badge 1 und 2: Spielzeitentabelle, Filmansicht */

.notify-badge{
    position: absolute;
    right:-14px;
    top:10px;
    background:red;
    text-align: center;
    border-radius: 4px 4px 4px 4px;
    color:white;
    padding:5px 10px;
    
}

 @media (max-width: 480px) {
.notify-badge{
font-size:14px;
}
}

@media (min-width: 481px) and (max-width: 767px) {
.notify-badge{
font-size:16px;
}
}

@media (min-width: 768px) and (max-width: 979px) {
.notify-badge{
font-size:16px;
}
}

@media (min-width: 980px) {
.notify-badge{
font-size:18px;
}
}

.notify-badge2{
    position: absolute;
    right:-14px;
    top:52px;
    background:red;
    text-align: center;
    border-radius: 4px 4px 4px 4px;
    color:white;
    padding:5px 10px;
   
}

 @media (max-width: 480px) {
.notify-badge2{
font-size:14px;
}
}

@media (min-width: 481px) and (max-width: 767px) {
.notify-badge2{
font-size:16px;
}
}

@media (min-width: 768px) and (max-width: 979px) {
.notify-badge2{
font-size:16px;
}
}

@media (min-width: 980px) {
.notify-badge2{
font-size:18px;
}
}


/* Badge 3 und 4: Vorschau */


.notify-badge3{
    position: absolute;
    right:-14px;
    top:10px;
    background:red;
    text-align: center;
    border-radius: 4px 4px 4px 4px;
    color:white;
    padding:1px 5px;
   
}

 @media (max-width: 480px) {
.notify-badge3{
font-size:16px;
}
}

@media (min-width: 481px) and (max-width: 767px) {
.notify-badge3{
font-size:16px;
}
}

@media (min-width: 768px) and (max-width: 979px) {
.notify-badge3{
font-size:12px;
}
}

@media (min-width: 980px) {
.notify-badge3{
font-size:12px;
}
}


.notify-badge4{
    position: absolute;
    right:-14px;
    top:37px;
    background:red;
    text-align: center;
    border-radius: 4px 4px 4px 4px;
    color:white;
    padding:1px 5px;
   
}

 @media (max-width: 480px) {
.notify-badge4{
font-size:16px;
}
}

@media (min-width: 481px) and (max-width: 767px) {
.notify-badge4{
font-size:16px;
}
}

@media (min-width: 768px) and (max-width: 979px) {
.notify-badge4{
font-size:12px;
}
}

@media (min-width: 980px) {
.notify-badge4{
font-size:12px;
}
}



.notify-badgeOA{
    position: absolute;
    right:14px;
    top:37px;
    background:red;
    text-align: center;
    border-radius: 4px 4px 4px 4px;
    color:white;
    padding:1px 5px;
   
}

 @media (max-width: 480px) {
.notify-badgeOA{
font-size:12px;
}
}

@media (min-width: 481px) and (max-width: 767px) {
.notify-badgeOA{
font-size:14px;
}
}

@media (min-width: 768px) and (max-width: 979px) {
.notify-badgeOA{
font-size:16px;
}
}

@media (min-width: 980px) {
.notify-badgeOA{
font-size:18px;
}
}




.notify-badgeInde{
    position: absolute;
    right:14px;
    top:80px;
    background:red;
    text-align: center;
    border-radius: 4px 4px 4px 4px;
    color:white;
    padding:1px 5px;
   
}

 @media (max-width: 480px) {
.notify-badgeInde{
font-size:12px;
}
}

@media (min-width: 481px) and (max-width: 767px) {
.notify-badgeInde{
font-size:14px;
}
}

@media (min-width: 768px) and (max-width: 979px) {
.notify-badgeInde{
font-size:16px;
}
}

@media (min-width: 980px) {
.notify-badgeInde{
font-size:18px;
}
}




/* Tabelle Kaffeehaus */

#table_ka {
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  border-collapse: collapse;
  width: 100%;
}

#table_ka td, #table_ka th {
  border: 1px solid #ddd;
  padding: 8px;
}

#table_ka tr:nth-child(even){background-color: #f2f2f2;}

#table_ka tr:hover {background-color: #ddd;}

#table_ka th {
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: left;
  background-color: #242424;
  color: white;
}


/* Abstand zwischne Col*/

.sidebar-content {
    padding: 5px 0px 5px 0px; 
}


/* DamitButtonZeilenumbruch*/

.btnzu {
    white-space: normal;
    font-size:25px;
  background-color: #f8f9fa;
  border-color: #f8f9fa;
}

.btnzu2 {
white-space:normal !important;
word-wrap: break-word; 


}


.alert-custom{
  background-color:#708198;
  color:#fff;
}



.alert-custom2{
  background-color:#51637c;
  color:#fff;
}


.alert-custom3{
  background-color:#3e4e66;
  color:#fff;
}






.carousel-indicators li {
    
    position: absolute;
    bottom: -50px;
	border-radius:0;
	width:10px;
	height:10px;
	background:#eaec01;
    border-color:#eaec01;
}
.carousel-indicators .active {
	width:10px;
	height:10px;
	background:#39b3d7;
	border-color:#39b3d7;
}



.btn-custom4 { 
  color: #FFFFFF; 
  background-color: #51637C; 
  border-color: #51637C; 
} 
 
.btn-custom4:hover, 
.btn-custom4:focus, 
.btn-custom4:active, 
.btn-custom4.active, 
.open .dropdown-toggle.btn-custom4 { 
  color: #FFFFFF; 
  background-color: #2B3E4A; 
  border-color: #51637C; 
} 
 
.btn-custom4:active, 
.btn-custom4.active, 
.open .dropdown-toggle.btn-custom4 { 
  background-image: none; 
} 
 
.btn-custom4.disabled, 
.btn-custom4[disabled], 
fieldset[disabled] .btn-custom4, 
.btn-custom4.disabled:hover, 
.btn-custom4[disabled]:hover, 
fieldset[disabled] .btn-custom4:hover, 
.btn-custom4.disabled:focus, 
.btn-custom4[disabled]:focus, 
fieldset[disabled] .btn-custom4:focus, 
.btn-custom4.disabled:active, 
.btn-custom4[disabled]:active, 
fieldset[disabled] .btn-custom4:active, 
.btn-custom4.disabled.active, 
.btn-custom4[disabled].active, 
fieldset[disabled] .btn-custom4.active { 
  background-color: #51637C; 
  border-color: #51637C; 
} 
 
.btn-custom4 .badge { 
  color: #51637C; 
  background-color: #FFFFFF; 
}