/* Multi Column .dropdown-menu
https://thatwebdude.com/tutorial/bootstrap-multi-column-dropdown-menu/ ***********************************************/

.dropdown-menu {
    background-color: #009de0;
    border: none !important;
    background-image: none !important;
    box-shadow: none !important; 
    padding: 26px 0;
    margin: 2px 0 0;
    font-size: 16px;
    font-weight: 500;
    border-radius: 0px;
}

.dropdown-menu {
	min-width: 200px;
}
.dropdown-menu .divider {
    height: 1px;
    margin: 9px 0;
    overflow: hidden;
    background-color: #0087c1;
}

@media (max-width: 767px) {
.dropdown-menu .divider {
    margin-right: 30px;
    background-color: #e8e8e8;
}
}



.dropdown-menu.columns-2 {
	min-width: 400px;
}
.dropdown-menu.columns-3 {
	min-width: 600px;
}
.dropdown-menu li a {
	padding: 5px 15px;
	font-weight: 300;
}
.multi-column-dropdown {
  list-style: none;
  margin-top: 15px;
  text-align: left;
  padding-left: 35px;  
}

.multi-column-dropdown li span {
	display: block;
	clear: both;
	line-height: 1.428571429;
	color: rgb(255, 255, 255);
    white-space: normal;
    font-weight: 600;
}
.multi-column-dropdown li a {
	display: block;
	clear: both;
	line-height: 1.428571429;
	color: rgb(255, 255, 255);
    white-space: normal;
    padding: 5px 0px;
}
.multi-column-dropdown li a:hover {
	text-decoration: none;
	color: #ffffff;
}
 
@media (max-width: 767px) {
    .multi-column-dropdown li span {
        color: rgb(0, 0, 0);
    }
    .multi-column-dropdown li a {
        color: rgb(0, 0, 0);
    }
    .multi-column-dropdown li a:hover {
        color: rgb(0, 0, 0);
    }
}

@media (max-width: 767px) {
	.dropdown-menu.multi-column {
		min-width: 240px !important;
		overflow-x: hidden;
	}
}

@media (min-width: 1200px) {
.container {
    width: 1200px;
}

.container {
  padding-right: 0px; 
  padding-left: 0px; 
}
}


/* Navbar Dropdown volle Breite 
https://stackoverflow.com/questions/23547665/how-to-style-bootstrap-dropdown-menu-to-be-full-page-width *****************/
/* CSS used here will be applied after bootstrap.css */
.nav { margin-bottom: 0; }
.nav > li.dropdown.open { position: static; }
.nav > li.dropdown.open .dropdown-menu {display:table; width: 100%; text-align: center; left:0; right:0; }
.dropdown-menu>li { display: table-cell; }


.navbar-default {
     background-color: rgb(255, 255, 255) !important;
     border: none !important;
     background-image: none !important;
     box-shadow: none !important;
}


.navbar-default .navbar-nav>li>a {
    color: rgb(0, 0, 0);
    background-color: rgb(255, 255, 255) !important;
    border: none !important;
    background-image: none !important;
    box-shadow: none !important; 
    -o-transition:.5s;
    -ms-transition:.5s;
    -moz-transition:.5s;
    -webkit-transition:.5s;
    /* ...and now for the proper property */
    transition:.5s;    
       
}

.navbar-default:hover .navbar-nav>li>a:hover { 
    color:#009de0;
    -o-transition:.5s;
    -ms-transition:.5s;
    -moz-transition:.5s;
    -webkit-transition:.5s;
    /* ...and now for the proper property */
    transition:.5s;    
}


.navbar-default .navbar-toggle {
    border-color: #fff;
}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
     background-color: #fff;
}

.navbar-default .navbar-toggle {
     border-color: #fff;
}



/* ul.nav li.dropdown:hover > ul.dropdown-menu {
    display:table;  
} */



/* Höhe der Navbar ändern *************************************************************************************************/

.navbar {
    min-height: 80px;
    max-width: 1200px;
    margin: 0 auto;
    font-size: 16px;
  }

  @media (max-width: 768px) {
    .navbar {
        font-size: 18px;
      }
  }  

  .navbar .btn-group {
    padding: 15px 15px;
    height: 80px;
    line-height: 80px;
  } 
  
.navbar-brand {
    padding: 25px 15px;
    height: 80px;
    line-height: 80px;
  }
  
  .navbar-toggle {
    /* (80px - button height 34px) / 2 = 23px */
    margin-top: 23px;
    padding: 9px 10px !important;
  }
  
  @media (min-width: 768px) {
    .navbar-nav > li > a {
      /* (80px - line-height of 27px) / 2 = 26.5px */
      padding-top: 26.5px;
      padding-bottom: 26.5px;
      line-height: 27px;
    }


  }

  .col {
      background-color: grey;
  }


/*   table */
  .table-bordered {
    border: 4px solid #009de0;
    font-size: 16px;
/*     table-layout: fixed; */
  }
  @media (min-width: 768px) {
    .table-bordered {

        table-layout: fixed; 
      }      
    }

thead {
  background-color: #009de0;
  color: white;
}

.table>thead>tr>th {
    padding: 8px;
    padding-top: 15px;
    padding-right: 8px;
    padding-bottom: 15px;
    padding-left: 8px;
 vertical-align: middle;
}

.table-bordered>tbody>tr>td, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>td, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>thead>tr>th {
    border: 2px solid #009de0;
}

.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
    border: 2px solid #009de0;
}

.panel-default {
    border: 3px solid #009de0;
    border-radius: 8px;
}

.table-striped > tbody > tr:nth-child(even) > td, .table-striped > tbody > tr:nth-child(even) > th {
    background-color: #e6f5fc;
 }
 .table-striped > tbody > tr:nth-child(odd) > td, .table-striped > tbody > tr:nth-child(odd) > th {
    background-color: #ffffff;
 }