body
  {
    font-family: "Segoe UI", Verdana, Arial, sans-serif;
    color: #000 !important;  /* Schriftfarbe ganzes Form !!  */
    font-size: 14px; /*  Schriftgröße  ganzes Form !! */

  }
  
  a, a:link, a:hover, a:visited, a:active {color: #000; text-decoration: underline;} /*  Linkfarbe und Textformtierung - ganzes Form !! */

  h1
{
  
	font-size: 22pt;
	font-weight: bold; 
    color: #007482 !important; 
    text-transform: uppercase; 
}


h2
{

    font-size: 16pt;
	font-weight: bold;
    color: #000 !important; 
    text-decoration: none; 
}
  
  
  



*, *:before, *:after {
    -webkit-box-sizing: border-box; /* Safari/Chrome, andere WebKit-Browser */
    -moz-box-sizing: border-box; /* Firefox, andere Gecko-Browser */
    box-sizing: border-box; /* Opera/IE 8+ */
}

.checkbox input[type=checkbox], .checkbox-inline input[type=checkbox], .radio input[type=radio], .radio-inline input[type=radio] {
    position: absolute;
    margin-top: 4px\9;
    margin-left: -20px;
}




.btn-event {background-color: #007482; color: white !important; transition: all 0.25s linear 0s; border-radius: 4px; padding: 7px 11px; text-decoration: none !important; border: 1px #007482 solid; margin: 0.5em 0.5em 0.5em 0; cursor: pointer;}
.btn-event a, .btn-event a:link, .green-btn a:visited, .green-btn a:active {background-color: #007482;  padding: 4px; color: white !important; text-decoration: none !important; border: 1px #007482 solid; cursor: pointer;}
.btn-event a:hover, .btn-event a:focus {background-color: #7f9328; padding: 5px; color: white !important; text-decoration: none !important; border: 1px #007482 solid; cursor: pointer;}
.btn-event:hover {background-color: #7f9328; padding: 7px 11px; color: white; text-decoration: none; text-decoration: none !important; border: 1px #007482 solid; cursor: pointer;}


.header-pic { width: 100%; padding: 50px; margin-bottom: 50px; margin: auto 0; text-align: center !important;}
.txt_center { border: 1px solid #ddd; height: 100%; width: 100%; margin: auto 0; text-align: center !important; margin-top: 35px; margin-bottom: 35px;}





/* Bootstrap Anpassungen */


.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-top: 0px !important;
padding: 20px 20px 20px 0px !important;
}

/* MQs */

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

 .header-pic { width: 100%; padding: 50px; margin-bottom: 50px; margin: auto 0; text-align: center !important;}

}

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

 .header-pic { width: 100% !important; padding: 15px; margin-bottom: 25px; margin: auto 0; text-align: center !important;}

}

@media screen and (max-width: 767px) {
.table-responsive {
    border: 0px !important;
}
}

.panel {
    background-color: #fff !important;
    Border: 1px solid #ccc;
}

.panel-default > .panel-heading {
    background-color: #fff !important;
}

.panel-body {
    background-color: #fff;


    line-height: 2em;
    padding: 2em;
}



    .rsAptContent {
        background-color: #F59C06 !important;
    }

    .rsDateHeader:hover {
        text-decoration: none !important;
        cursor: default !important;
    }
  input {margin: 4px 4px 4px 0px !important;}
 .header-pic { width: 100%; padding: 50px; margin-bottom: 5px; margin: auto 0; text-align: center !important;}
 .txt_center { border: 1px solid #ddd; height: 30%; width: 30%; margin: auto 0; text-align: center !important; margin-top: 15px; margin-bottom: 15px;}
  
  .RadButton {text-align: left !important; white-space: normal !important;}



  .rsAptContent {
        background-color: #F59C06 !important;
    }

    .rsDateHeader:hover {
        text-decoration: none !important;
        cursor: default !important;
    }
  input {margin: 4px 4px 4px 0px !important;}
 .header-pic { height: 100%; padding: 0px; margin-bottom: 10px; margin: auto 0; text-align: center !important; }
.txt_center { border: 0px solid #ddd; height: 100%; width: 100%; margin: auto 0; text-align: center !important; margin-top: 25px; margin-bottom: 25px;}
  
  .RadButton {text-align: left !important; white-space: normal !important;}

  .legend {padding-top: 50px !important;}
  




/*Anpassungen Liebherr*/

.content {background: #f5f5f5; z-index: -2; padding: 20px;}
.header {width: 100%; padding: 30px 300px 0px 300px; margin-bottom: 50px;}

.distance{line-height: 3em;}
.footer {height: 100px;}

/*.rbText */ 



.btn-lh {background-color: #002751; color: white !important; transition: all 0.25s linear 0s; border-radius: 4px; padding: 7px 11px; text-decoration: none !important; border: 1px #002751 solid; margin: 0.5em 0.5em 0.5em 0;}
.btn-lh a, .btn-lh a:link, .btn-lh a:visited, .green-btn a:active {background-color: #002751;  padding: 4px; color: white !important; text-decoration: none !important; border: 1px #002751 solid; }
.btn-lh a:hover, .btn-lh a:focus {background-color: #002751; padding: 5px; color: white !important; text-decoration: none !important; border: 1px #002751 solid; }
.btn-lh:hover {background-color: #002751; padding: 7px 11px; color: white; text-decoration: none; text-decoration: none !important; border: 1px #002751 solid;}



.video
{width: 1631px;
height:  826px;}

@media only screen and (max-width: 2560px) {
.video
{width: 1280px;
height:  680px;}
}

@media only screen and (max-width: 1933px) {
.video
{width: 921.5px;
height:  500px;}
}

@media only screen and (max-width: 1280px) {
.video
{width: 610px;
height:  330px;}
}

@media only screen and (max-width: 1024px) {
.video
{width: 652px;
height:  330px;}
}

@media only screen and (max-width: 800px) {
.video
{width: 770px;
height:  430px;}
}


@media only screen and (max-width: 768px) {
.video
{width: 738px;
height:  410px;}
}

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

.d-invisible{ display: none;}

.video
{width: 384px;
height:  200px;}
}

@media only screen and (max-width: 375px) {
.video
{width: 345px;
height:  190px;}
}

@media only screen and (max-width: 360px) {
.video
{width: 330px;
height:  180px;}
}

@media only screen and (max-width: 320px) {
.video
{width: 290px;
height:  150px;}
}