html { height:100%; touch-action: none;}
body { width:100%; color:#3c5362; font-family: 'Ubuntu', sans-serif; font-size: 14px; padding:0; margin:0; line-height:22px; height:100%; background:#f9f9f9; overflow: hidden; touch-action: none; }

h1 { font-size:24px; color:#004F76; line-height:28px; padding:0; margin:0 0 30px 0; font-weight:400; }
h2 { font-size:22px; color:#004F76; line-height:26px; padding:0; margin:0 0 30px 0; font-weight:400; }
h3 { font-size:14px; color:#004F76; line-height:24px; padding:0; margin:0 0 30px 0; font-weight:400; }
h5 { font-size:18px; color:#004F76; line-height:22px; padding:0; margin:0 0 30px 0; font-weight:700; }

.btn:focus,.btn:active {
   outline: none !important;
   box-shadow: none;
}

/* width */
::-webkit-scrollbar {
  width: 30px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #f1f1f1;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: #888;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #555;
}

.subBox .subBoxTitle { font-size:20px; line-height:25px; color:#516f86; padding:0; margin:0 0 20px 0; font-weight:300; font-family: 'Ubuntu', sans-serif; }

a	{ color:#004F76; text-decoration:none; outline:none; }
a:hover { color:#aaa;}

hr { clear:both; border-top: 1px solid #004F76; } 

.fa, .fa-brands, .fa-duotone, .fa-light, .fa-regular, .fa-solid, .fa-thin, .fab, .fad, .fal, .far, .fas, .fat {
    line-height: inherit;
}

/* ### FRAME ################################################################################################# 
############################################################################################################ */

.areaLeft { position: fixed; left:0; top:0; width:300px; height:100vh; z-index:5000; background:#fff; padding:30px 0 30px 30px;  }
.areaLeft .logobox { text-align:center} 
.areaLeft .logobox img { width:100px; margin:0 auto;  }

.areaLeft .menu  { margin-top:60px;  }
.areaLeft .menu a { display:block; line-height:44px; color:#004F76; font-size:18px;   }
.areaLeft .menu a .name { float:left; width:220px; padding:0 15px;   }
.areaLeft .menu a .name .count { float:right; font-size:14px;  }
.areaLeft .menu a .arrow { float:left; height:44px; width:44px; border-left: 22px solid transparent; border-top: 22px solid transparent; border-bottom: 22px solid transparent;  }
.areaLeft .menu a.active .name { background:#004F76; color:#fff; }
.areaLeft .menu a.active .arrow  {  border-left: 22px solid #004F76; }
.areaLeft .menu a:focus .name { background:#004F76; color:#fff; }
.areaLeft .menu a:focus .arrow  {  border-left: 22px solid #004F76; }
.areaLeft .menu a:active .name { background:#004F76; color:#fff; }
.areaLeft .menu a:active .arrow  {  border-left: 22px solid #004F76; }
.areaLeft .menu a:target .name { background:#004F76; color:#fff; }
.areaLeft .menu a:target .arrow  {  border-left: 22px solid #004F76; }

.areaRight {  width:100vw; height:100vh; z-index:8500; background:#f9f9f9; padding:0 0 0 300px;  } 
.areaRight h1 { color: #004F76 } 

.scrollsections {
  display: block;
  position: relative;
  width: 100%;
  height: 100vh;
  background-size:cover;
  background-repeat:no-repeat;
}

.sectioncontent { padding:62px 120px 0 120px; width:1620px;  } 


.bxslider { width:900px; background:#f9f9f9; z-index:100; border:none;  } 
.bx-wrapper  { z-index:100; border:none;  background:#f9f9f9; box-shadow: none!important } 
.bxbox { height:660px; width:1300px!important; z-index:100;  background:#f9f9f9;  } 
.bxbox.small { height:500px; z-index:100; } 

.jobsliderFrame { width:100%; background:#f9f9f9; z-index:100; height:100%; padding:0 50px; min-height:100%; border:none;  } 
.jobsliderSlick { width:100%;  } 
.jobsliderSlick .imgFrame { position:relative; margin:30px auto;  } 
.jobsliderSlick .imgFrame img { border:1px solid #aaa; margin:30px auto;   } 
.jobsliderSlick .imgFrame span { display:block; position:absolute; top:30px; right:30px; width:40px; height:40px; text-align:center; line-height:40px; color:#fff; background:#aaa;    } 

.slick-prev:before, .slick-next:before { font-size: 40px;}
.slick-prev, .slick-next { font-size: 40px;}

.footer { 
    position: fixed;
    left:0; 
    bottom:0;
    width:100%;
    height:80px; 
    z-index:6000;
    background:#004F76;
    padding:0; 
    color:#fff; 
}
.footer img { height:40px;  }
.footer .footinfo { position:fixed; left:0; bottom:0; width:100%; height:80px; z-index:6800;  }
.footer .footinfo em {line-height:80px;} 
.footer .footinfo img { display: inline-block; height:30px; margin-top:25px; margin-left:30px; } 

.footer .infotext  { 
  float:right; 
  height:80px;
  line-height:25px; 
  color:#fff; 
  font-size:15px; 
  padding:15px 30px 15px 15px; 
    z-index:700;
background:#0c2436;
    
  } 
.footer .footinfo .wlan { 
  float:right; 
  height:80px;
  line-height:60px; 
  color:#fff; 
  font-size:15px; 
  padding:10px 30px 0 15px; 
    z-index:700;
	background:#0c2436;
    
  } 
.footer .footinfo .wlanarrow { 
  float:right; 
  height:80px;
  width:80px; 
    border-right: 30px solid #0c2436; border-top: 80px solid transparent; ;
    
  } 

.footer .footinfo .wlan span {  float:left; }
.footer .footinfo .wlan .line { float:left; width:1px; height:40px; margin:10px 15px; background:#fff; }
.footer .footinfo .wlan i { color:#fff!important;margin-right:10px; font-size:20px; }



/* ### CONTENT ################################################################################################# 
############################################################################################################ */

.frame_rounded { background:#fff; padding:30px 0; border-radius:15px; height:700px;  } 
.frame_rounded iframe { height:640px; max-height:640px; min-height:640px;  }

.image-16-9 { 
    padding-bottom: 56.25%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.events .col-sm { float:left; margin-top:30px; margin-right:40px; width:280px; padding:0; background: #004F76; color:#fff;  }
.events .datum { font-size:26px; padding:15px; color:#fff; line-height: 32px; background:#15a0be;}
.events .title { font-size:26px;  padding:0 15px 15px 15px; min-height: 115px; line-height: 32px; background:#15a0be;}
.events .beginn { padding:15px 15px 0 15px; font-size:15px; font-weight:bold; color:#fff; margin:0;  }
.events .veranstalter {  padding:0 15px 15px 15px; font-size:15px; min-height: 60px;  }
.events .line { height:1px; }

.pbook { width:1300px; height:700px; } 
.pbook .dataTables_wrapper { position:relative; }
.pbook .dataTables_wrapper .dataTables_filter { position:absolute; top:-50px; right:0; }
.pbook table { width:1300px; }

.timetable { margin-top:40px; }
.timetable .col-sm { float:left; margin-right:30px; width:250px;  } 
.timetable .col-sm.small { width:150px;  }
.timetable .uhrzeit { font-size:20px; color:#004F76; }
.timetable .title { font-size:20px; min-height: 70px; }
.timetable .info {  font-size:15px;  }
.timetable .line { height:1px; margin:15px 0; background:#004F76; }

.bx-wrapper .bx-controls-direction a { text-indent: 0; background-image:none; background-color:#ddd; color:#aaa; font-size:25px; line-height:40px;  height:40px; width:40px; text-align:center; z-index:500; }
.bx-wrapper .bx-controls-direction a.bx-prev { left: -64px;    }
.bx-wrapper .bx-controls-direction a.bx-next  { right: 0;  }
.bx-wrapper .bx-pager { width:1290px; } 
.bx-wrapper .bx-pager.bx-default-pager a { background-color: #ddd;}

.pbook .bx-wrapper .bx-controls-direction a.bx-prev { left: 1260px; top:180px!important;   }
.pbook .bx-wrapper .bx-controls-direction a.bx-next  { right: 0; top:220px!important; margin-top:15px;  }

.fancybox-content { padding:0; }
.fancybox-slide--html .fancybox-close-small { display:none;  } 
.fancybox-slide--html { padding: 0px!important; }

.fb { position:relative; width:100%; height:100%; border:30px solid #004F76; margin:0; } 
.fb a.fbClose { display:block; position:absolute; top:0; right:0; width:60px; height:60px; line-height:60px; text-align:center; background:#dc7a3b; font-size:40px; color:#fff; z-index:10000 } 

.fbContent { float:none; clear:both; width:100%; height:100%; background:#f9f9f9;}
.fbContent .fbLeft { float:left; width:40%; height:100%; padding:45px;  background:#f9f9f9; }
.fbContent .fbLeft img { max-height:100%; }
.fbContent .fbRight { float:right; width:60%; height:100%; background:#fff; padding:45px; overflow-y: auto; overflow-x:hidden; }
.fbContent .fbFull { width:934px; height:100%; background:#fff; padding:0;  overflow-y: auto; overflow-x:hidden; }
.fbContent .datum { font-size:20px; padding:0 0 30px 0; color:#dc7a3b; line-height: 28px; }
.fbContent .title { font-size:32px; padding:0 0 30px 0; color:#dc7a3b; line-height: 38px; }
.fbContent .text { margin-bottom:10px; padding:0 0; font-size:18px; line-height:24px;  }

.col-sm { float:left; margin-top:30px; margin-right:30px; width:300px; padding:0 0 15px 0; height:630px; position:relative; }
.contentbox { background: #004F76; color:#fff; height:630px; position:relative;  }
.contentbox .datum { font-size:16px; padding:15px 20px; color:#fff; line-height: 20px; background:#dc7a3b;}
.contentbox .title { font-size:20px; padding:15px 20px 0 20px; color:#fff; line-height: 28px; }
.contentbox .image {  background-color:#fff; min-height:168px; width:300px;   }
.contentbox .image img {  margin: auto;  }
.contentbox .text { padding:15px 20px; }
.contentbox .text p { color: inherit; font-size:14px; margin:0; }

.image-16-9 { background-size:contain; background-position:center;  }
    
.buttons {  position:absolute; bottom:0; left:0; width:300px; height:100px; }
.buttonLeft {  float:left; width:150px; height:100px; text-align:center;  }
.buttonRight {  float:left; width:150px; height:100px; text-align:center; }

a.fingerprint { display:block; height:60px; width:60px; line-height:40px; background:#dc7a3b; color:#fff; font-size:40px; padding:10px; margin: 15px auto; border-radius:100%; } 


a.button .icon { position:absolute; top:-19px; left:-30px; width:52px; height:52px; background:#dc7a3b; border-radius:100%; line-height:42px; text-align:center; color:#fff; font-size:32px; padding:5px; margin:15px } 

a.button.right { float:right;  } 
a.button:hover { text-decoration:none; }