html { height:100%; }
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 }

h1 { font-size:32px; color:#004F76; line-height:40px; padding:0; margin:0 0 30px 0; font-weight:400; text-transform:uppercase }
h2 { font-size:26px; color:#004F76; line-height:40px; padding:0; margin:0 0 30px 0; font-weight:400; }
h3 { font-size:14px; color:#004F76; line-height:40px; padding:0; margin:0 0 30px 0; font-weight:400; }

.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; } 

/* ### 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 li { display:block; line-height:44px; height:44px; color:#004F76; font-size:18px; margin:0 0 15px 0  }
.areaLeft .menu li .name { float:left; width:220px; padding:0 15px;   }
.areaLeft .menu li .name .count { float:right; font-size:14px;  }
.areaLeft .menu li .arrow { float:left; height:44px; width:44px; border-left: 22px solid transparent; border-top: 22px solid transparent; border-bottom: 22px solid transparent;  }
.areaLeft .menu li.active .name { background:#004F76; color:#fff; }
.areaLeft .menu li.active .arrow  {  border-left: 22px solid #004F76; }
.areaLeft .menu a:hover  { text-decoration: none; }

.carousel-indicators { 
	position: relative; 
	right: inherit; 
	left: inherit; 
	display: block; 
	-ms-flex-pack: inherit;
    justify-content: inherit;
    padding-left: 0;
    margin-right: inherit;
    margin-left: inherit;
    list-style: none;
}

.carousel-indicators li {
    box-sizing: inherit;
    -ms-flex: inherit;
    flex: inherit;
    width: inherit;
    height: inherit;
    margin-right: inherit;
    margin-left: inherit;
    text-indent: inherit;
    cursor: pointer;
    background-color: inherit;
    background-clip: inherit;
    border-top:inherit;
    border-bottom: inherit;
    opacity: inherit;
    transition: inherit;
}

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

.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; } 

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


.carousel-inner { display: block; position: relative; width: 100%; height: 100vh; }
.contentbox { padding:50px 60px 0 60px; width:100%; height: 100vh; }
.contentframe { height: 100%; } 

.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; }

.vert .carousel-item-next.carousel-item-left,
.vert .carousel-item-prev.carousel-item-right {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.vert .carousel-item-next,
.vert .active.carousel-item-right {
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100% 0);
}

.vert .carousel-item-prev,
.vert .active.carousel-item-left {
-webkit-transform: translate3d(0,-100%, 0);
        transform: translate3d(0,-100%, 0);
}

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

.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; }

.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; }

.villanova .col-sm { float:left; margin-top:30px; margin-right:30px; width:300px; padding:0 0 15px 0; background: #004F76; color:#fff; height:630px }
.villanova .image { margin-bottom:15px; height:169px; background:#15a0be; }
.villanova .title { font-size:20px; color:#fff; line-height: 32px;  padding:0 15px;  }
.villanova .subline { font-size:16px; color:#fff; line-height: 24px;  margin-bottom:10px; padding:0 15px;  }
.villanova .teaser { margin-bottom:10px; padding:0 15px; height:260px;  }
.villanova .teaser p { color: inherit; font-size:14px; margin:0; }
.villanova .ap { padding:0 15px; font-size:14px; }

.villanova .line { height:1px; margin:15px 0; background:#004F76; }



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

.bx-wrapper .bx-controls-direction a.bx-prev  { left: -32px; }
.bx-wrapper .bx-controls-direction a.bx-next  { right: -32px; }

.bx-wrapper .bx-pager.bx-default-pager a { background-color: #004F76;}

.bx-prev:before, .bx-next:before {
    font-size: 46px;
    color: #004F76;
}
.bx-prev {
     margin-left:-30px;    
}

.bx-prev, .bx-next {
     margin-top:-40px!important; 
}

.bx-dots {
    margin-top:-40px; 
}

.bx-dots li button::before {
    font-size: 20px;
    line-height: 30px;
}

.bx-dots li.bx-active button:before {
    color: #004F76;
}

.bx-prev:active, .bx-next:active, .bx-prev:focus, .bx-next:focus {

    
}

.details { float:none; clear:both; width:100%; }
.details .dleft { float:left; width:350px; padding-bottom:30px; padding-right:30px; }
.details .dright { float:right; width:200px; padding-bottom:30px; }

.bx-prev,
.bx-next
{

    width: 44px;
    height: 44px;

}

.card-body { min-height:700px; }