/* Initialize */
/* Stylesheet Betrieb und Recht 2018 */

:root {
  --main-color: #c00002;
  /*--main-color: #FF6D37;*/
  /*--main-color: red;*/
}

html {
  position: relative;
  min-height: 100%;
}

.hide {
    display:none;
}

.text-shadow{
text-shadow: 2px 4px 3px rgba(0,0,0,0.3);
}

/*h1 kleiner */
.heading_small {
	font-size: x-large;
}

/*   Navigation Bar */
.navbar {
   background:rgba(0,0,0,0.5);   /* for latest browsers */
   background: #000;  /* fallback for older browsers */
}

.navbar-light .navbar-nav .nav-link {
    color: rgb(0, 0, 0);
}
.btco-menu li > a {
  background-color: #c00002;

    padding: 10px 15px;
    color: #000;

}

.btco-menu .active a:focus,
.btco-menu li a:focus ,
.navbar > .show > a:focus{
  background-color: #c00002;
  background: transparent;
  outline: 0;
}

.dropdown-menu .show > .dropdown-toggle::after{
    transform: rotate(-90deg);
}

.dropdown-item:active{
  background: #c00002;
}

/*MegaMenu */
.mega-menu{padding: 20px 20px; width: 100%;}
.menu-large {position: static !important;}
.mega-menu a{text-decoration:none; color:gray;}
.mega-menu p{line-height:0.5; font-size:0.8rem;}
.submenu_heading{color:#c00002;}
@include media-breakpoint-down(md) { 
.mega-menu{300px;} 
}
@media (max-width:500px){
	margin-left:0;
	margin-right:0;
	.mega-menu{width:300px;}
	}

/* Buttons */
.btn.btn-rounded {
    border-radius: 100px;
}
.btn-primary:hover {
    background: #424242;
    color: #fff;
    border: 0;
}
.btn-primary:active {
    background: #424242;
    background-color: #424242;
    color: #fff;
    border: 0;
}
.btn-primary:focus {
    background: #424242;
    background-color: #424242;
    color: #fff;
    border: 0;
}
.btn-primary {
    background: #c00002;
    background-color: #c00002;
    color: #ffffff;
    border: 0;
}

.btn-primary[disabled]{
	background-color: #FFC1C1;
	color: light-gray;
}


.badge-info {
    background: #c00002;
    color: #fff;
}
#myBtn {
  display: none;
  position: fixed;
  bottom: 20px;
  right: 30px;
  z-index: 99;
  cursor: pointer;
}

/*Cards*/
img.shadow-card {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    text-align: center;
}

/* Form */
.form-rounded {
border-radius: 2rem;
}


/* Footer */
address {
  font-size:12px;
}
.footer-dark {
    padding:40px 0;
    color:#f0f9ff;
    background-color:#282d32;
    width: 100%;
}

.footer-dark h3 {
    margin-top:0;
    margin-bottom:12px;
    font-weight:bold;
    font-size:16px;
}

.footer-dark h5 {
    margin-top:0;
    margin-bottom:12px;
    font-size:12px;
}

.footer-dark ul a {
    color:#ffffff;
    text-decoration:none;
    opacity:1;

}

.shadow-card {
    box-shadow: 0 .25rem .75rem rgba(0, 0, 0, 0.05);
    text-align: center;
}

.shadow {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.box-shadow {
    box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .05);
}

.bg-orange {
    background-color: #c00002;
}

/* Icons */
.iconmuted{
  color: #4d4d4d;
}

.iconmuted:hover{
  color: #c00002;
  transform: rotate(360deg);
  transition-duration: .5s;
}

.iconcolored{
  color: #c00002;
}

/* Badgets */
.badgemuted {
  background-color: #4d4d4d;
}
.badgemuted:hover {
  background-color: #c00002;
}

/* Table */
.small{
  font-size:14px;
}


/*Seminarseite Buttons*/

#btn_grundlagen {
	border: #c00002;
	background-color:#c00002;
	color:white;
	float:right;
}

.h5_left{
	text-align:left;
	padding-left: 25px
}

/*#btn_grundlagen:hover{
	background-color:#c00002;
}*/

/*************** Portfolio Startseite ************/
.heading_startseite{text-align:center;}

.box > .icon {
text-align: center;
position: relative;
}

.box > .icon > .image {
position: relative;
z-index: 2;
margin: auto;
width: 88px;
height: 88px;
/*border: 8px solid white; */
line-height: 88px;
border-radius: 50%;
background: #c00002;
vertical-align: middle;
}

.box > .icon > .image  {
font-size: 36px !important;
color: #fff !important;
}

.box > .icon:hover > .image > {
color: white !important;
}

.box > .icon > .info {
margin-top: -24px;
border: 1px solid #e0e0e0;
padding: 15px 0 10px 0;
min-height: 220px;
}

.box > .icon:hover > .info {
background: rgba(0, 0, 0, 0.04);
border-color: #e0e0e0;
}

.box > .icon > .info > h3.title {
/*font-family: "Roboto",sans-serif !important; */
font-size: 17px;
/*color: #222; */
font-weight: 500;
}

.box > .icon > .info > p {
margin: 20px;
}*/

.box .space {
height: 30px;
}

/*************** Team Section Startseite ************/
/*.padding60 {Padding:60px;}*/
.sec-title h2 {font-size:36px;font-weight:600;}
.sec-title h3 {font-size:18px; margin-bottom:30px;}
.sec-title h3:after {
    content: '';
    /*position: absolute;*/
    width: 40%;
    height: 2px;
    background: #ea6c56 ;
    left: 30%;
    bottom: 60px;
}
.team-box {border: 1px solid #e5e5e5; padding:10px;}
/*.team-box:hover {border: 1px solid #ea6c56 ;}*/
.team-img img {border: 1px solid #e0e0e0;}
.team-title h3 {font-size:24px;font-weight:700;color:#c00002;}
.team-title h4 {font-size:16px; font-weight:600;}
.team-title p {line-height:22px;}

/*************** Seminarübersicht und Seminardetails ************/
.seminare {
   border: 1px solid #e5e5e5;
	/*padding:10px;*/
	/*height: 50rem;*/
	border-top:transparent;
	display: flex;
	align-items:flex-end;
	min-height:730px;
	flex-wrap:wrap;
}
.seminare_ueberblick{
   border: 1px solid #e5e5e5;
	/*padding:10px;*/
	/*height: 50rem;*/
	border-top:transparent;
	display: flex;
	align-items:flex-end;
	min-height:200px;
	flex-wrap:wrap;
}

.seminare-500 {
	border: 1px solid #e5e5e5;
	/*padding:10px;*/
	/*height: 50rem;*/
	border-top:transparent;
	display: flex;
	align-items:flex-end;
	min-height:550px;
	flex-wrap:wrap;
}

.seminar-title h3 {font-size:24px;font-weight:700;color:#c00002;}
.seminar-title h4 {font-size:16px; font-weight:600;}
.seminar-title h5 {font-size:16px; font-weight:700;}
.seminar-title p {line-height:22px;}
.seminar-title{min-height:730px;}


.seminar-title-500 h3 {font-size:24px;font-weight:700;color:#c00002;}
.seminar-title-500 h4 {font-size:16px; font-weight:600;}
.seminar-title-500 h5 {font-size:16px; font-weight:700;}
.seminar-title-500 p {line-height:22px;}
.seminar-title-500{min-height:550px;}

.seminar-title-ueberblick{min-height:280px;}
.seminar-title-ueberblick h3 {font-size:24px;font-weight:700;color:#c00002;}
.seminar-title-ueberblick h4 {font-size:16px; font-weight:600;}
.seminar-title-ueberblick h5 {font-size:16px; font-weight:700;}
.seminar-title-ueberblick p {line-height:22px;}

.seminarbild {
	border:1px solid #e5e5e5;
	border-bottom:transparent;
}

.agenda{
	position:absolute;
	bottom:0;
}

/*************** Seminarübersicht und Seminardetails ************/

/*************** Tables ************/
.datum {
  width: 50%;
}

.dauer {
  width: 25%;
}
.hotel {
  width: 25%;
}
/*************** Tables ************/

/* Toggle Buttons */
[aria-expanded="false"] .collapse-opened,
[aria-expanded="true"] .collapse-closed {
	display: none;
}

[aria-expanded="false"] .when-opened,
[aria-expanded="true"] .when-closed  {
	display: none;
}
/* Toggle Buttons */


/* Style Cards Seminare */
.card-body h5 {font-size:18px; font-weight:700;}


/*****************Nav-Bar-Test***************/
@media screen and (min-width: 768px) {

  .megamenu ul {
     padding-bottom:15px;
  }
  
  .megamenu > .dropdown-menu {
     left:-90%;
     min-width:800px;
  } 
  
}

.dropdown-md > .dropdown-menu {
    min-width:450px;
}

.dropdown-lg > .dropdown-menu {
    min-width:850px;
}

/* responsive nav stacked liked 3.x */
@media(max-width:48em) {
    .navbar .navbar-nav>.nav-item {
        float: none;
        margin-left: .1rem;
    }
    .navbar .navbar-nav, .navbar .navbar-brand {
        float:none !important;
    }