/* Elements */
@import url(Elements/navbar.css);
@import url(Elements/agendaBox.css);
@import url(Elements/adServer_styles.css);
@import url(Elements/teaserBox.css);
@import url(Elements/typo3box_styles.css);
@import url(Elements/content.css);
@import url(Elements/text-styles.css);
@import url(Elements/form-styles.css);
@import url(Elements/header-as-caption.css);
@import url(Elements/enhancedstyles.css);

.btn {
	white-space: normal;
}

.flexrow {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.teaserBox.hideImages img {
	display: none;
}

.modal-title {
    margin-bottom: 0;
    line-height: 1.5;
    width: 90%;
    text-align: left;
}

.modal-dialog.modal-xl {
    width: 98%;
    max-width: 98%;
    height: 95%;
}

.modal-dialog.modal-xl .modal-content {
    height: 100%;
}


.menuBox ul {
	padding: 0; 
	list-style-type:none; 
}

.menuBox ul li { margin-bottom: .5rem; }

.flex-rowspan { -webkit-flex: 0 0 100%; flex: 0 0 100%; }
.flex-rowhalf { flex: 0 0 50% !important; -webkit-flex: 0 0 50%; align-items: flex-start; }
.flex-rowthird { flex: 0 0 33.2%; -webkit-flex: 0 0 33.2%; }

.form div.required label:after {
    content: ' *';
    color: #990000;
    display:inline;
}


.loader {
  border: 16px solid #f3f3f3; /* Light grey */
  border-top: 16px solid #3498db; /* Blue */
  border-radius: 50%;
  width: 80px;
  height: 80px;
  animation: spin 2s linear infinite;
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

.video-thumbnail a {
  position: relative;
  display: inline-block;
  cursor: pointer;
  margin: 30px;
}
.video-thumbnail a:before {
    position:absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    content: "\f01d";
    font-family: 'FontAwesome';
    font-size: 100px;
    color: #fff;
    opacity: .8;
    text-shadow: 0px 0px 30px rgba(0, 0, 0, 0.5);
  }
.video-thumbnail a:hover:before {
    color: #eee;
  }

.flex-fill {
 flex-grow: 1;
}

.flex-fill-children div {
 flex-grow: 1;
}

.flex-tile-child {
 position:relative;
 z-index:0;
 text-decoration: none; 
 border: .5px solid #ffffff;
}

.flex-tile-child a {
 text-decoration: none;
 color: #58595a;
}

.flex-tile-child a:hover {
 color: #007bff; 
}

.flex-tile-img {
  position: relative;
  mix-blend-mode: multiply;
  opacity: 1;
  z-index:20;
}

.flex-tile-img img {
  z-index:-1;
}

.flex-tile-img .teaserCaption {
  position: absolute;
  bottom: 0px;
  background-color: #000;
  color: #fff;
  width: 100%;
  height: 20%;
  padding: 8px;
  opacity: 0.8;
}

.flex-tile-child a:hover .flex-tile-img img {
    opacity: 0.5;
    transition: all 0.3s ease;
    position: relative;
}

.flex-tile-body {
 z-index:20;
 background-color: #dee2e6;
}

.flex-tile-body * {
 margin: 0;
 padding: 0.5rem;
 font-size: 1.7rem;
}

.item-0 .flex-tile-img { background-color: #d8cd67; }
.item-1 .flex-tile-img { background-color: #0084cb; }
.item-2 .flex-tile-img { background-color: #76bd7b; }
.item-3 .flex-tile-img { background-color: #e93a81; }


.form-check-input {
    position: relative;
}

#rightBox.aside-column li.list-group-item a {
    display: block;
    overflow: hidden;
    position: relative;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 220px;
}