.php_h1 {
  color: #335fac;
  font-size:28px; 
  line-height:28px; 
  margin:12px 0px 12px 0px;
}

.php_h2 {
  font-size:24px; 
  line-height:24px; 
  color: #e30613;
  margin:12px 0px 6px 0px;
}
.php_h2_blue {
  font-size:24px; 
  line-height:24px; 
  color: #335fac;
  margin:12px 0px 6px 0px;
}

.php_h3 {
  font-size:20px; 
  line-height:20px; 
  color: #5d5d5d;
  margin:6px 0px 3px 0px;
}

.php_text_grey {
  font-size: 14px; 
  color: #5d5d5d; 
  line-height:18px;
}
.php_text_red {
  font-size:14px; 
  color: #e30613; 
  line-height:18px;  
}
.php_text_blue {
  font-size:1.5em; 
  color:#335fac; 
  line-height:20px;
}
.php_txt_admin_info {
  font-size:26px; 
  color: #0099CC; 
  line-height:32px;
}

.php_button_blue {
  color: white;
  font-weight: bold;
  background-color: #335fac;
  padding: 4px 8px;
  border: none;
  margin: 3px 8px 3px 0px;
}
.php_button_red {
  color: white;
  font-weight: bold;
  background-color: #e30613;
  padding: 4px 8px;
  border: none;
  margin: 0px 8px 0px 0px;
}

.php_button_anfrage {
  color: white;
  font-weight: bold;
  background-color: #afb9ca;
  padding: 4px 8px;
  border: none;
  margin: 3px 8px 3px 0px;	
}

.php_button_anfrage:hover,
.php_button_anfrage:active,
.php_button_anfrage:focus {
	outline: none !important;
}

.php_float_left {
  float:left;
  margin: 0px 10px 0px 0px;
  padding: 5px;
}

.clear {
  clear:both;
}

.php_mainbox {
  padding: 10px; 
  background: #ffffff; 
  margin: 0px 10px 0px 10px; 
  padding: 10px 20px 20px 20px;
}

.php_bg_light {
  background-color: #f0f3f8;
}

.php_bg_dark {
  background-color: #d3ddf2;
}


.php_table td {
  padding: 5px 5px;
}

.php_details_zum_kurs {
	color: #575756;
	font-weight: bold;
	font-size: 16px;
}

.openedDetails > .customFdbArrowDown {
	transform: rotate(225deg);
}

.openedDetails > .customFdbArrow {
	margin: 0px 0px 0px 5px;
}

.customFdbArrow {
  border: solid #575756;
  border-width: 0 3px 3px 0;
  display: inline-block;
  padding: 3px;
	margin: 4px 0px 4px 5px;
}

.customFdbArrowDown {
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}

div.kreis {
  width: 20px;
  height: 20px;
  border-radius: 10px;
  background-color: #ff00ff;
}

.max80_div {
    padding:5px;
    margin:5px;   
}

.php_checklist {
    list-style-image: url(/bilder/haken_liste.png);
}

@media only screen and (min-width: 768px) {
  .max80_div {
     padding: 5px 5px 20px 5px;
  }        
} 

@media only screen and (min-width: 900px) {
    .max80_div {
        margin-left:20%;
        margin-right:20%;
    }
    
   .php_checklist {
      width: 46%;
      float: left;
   } 
   
   .php_desktop_two_cols {
     width: 48%;
     float:left; 
   }
}
@media only screen and (max-width: 900px) {
   .php_desktop_two_cols {
     width: 100%;
     float:left; 
   }
}

@media only screen and (max-width:600px) {

  .php_center_mobile {
    width:100%;
    text-align:center;
  }
	
	.mobileFullSize {
		width: 100%;
	}
  


}

.php_kl_pic {
  margin: 10px;
}

.php_hr {
  border-top: 1px solid #868ddc;
}

.php_link {
  color: #5d5d5d; 
  font-weight: bold;
  text-transform: uppercase;
}

.php_content {
  padding: 10px;
  margin:5px;
}

.php_selected {
  background-color: #d3ddf2;
  color: #e30613; 
}

/* COURSE - Konzept logos */
@media only screen and (max-width:767px) {
	.konzept-logo-container {
		width: 60px;
		height: 60px;
	}

	.konzept-logo-container a img,
	.konzept-logo-container img 	{
		width: 100%;
		height: auto;
	}
	.course_detail_box_konzept {
		width: calc(100% - 70px);
	}
  
  .img-live-online {
    height: 60% !important;
  }
  
  
  .breaker-for-mobile {
    display: block !important;
    clear: both;
  }
  
  .mobile-break-image {
    width: 40px;
    position: relative;
  }
}

@media only screen and (min-width:768px) {
	.konzept-logo-container {
		width: 110px;
    text-align: center;
    margin-bottom: 20px;
	}
  
  .mobile-break-image {
    float: right !important;
  }

	.konzept-logo-container a img,
	.konzept-logo-container img	{
		width: 100%;
		height: auto;
	}
	.course_detail_box_konzept {
		width: calc(100% - 120px);
	}
  .img-live-online {
    width: 60px !important;
    height: 30px !important;
  }
}