* {
    box-sizing: border-box;
  }

  body {
    background-color: rgb(255, 255, 255);
  }

  h1 {
    margin-top: 0;
    margin-bottom: 10px;
  }

  h2 {
    margin-top: 0;
    margin-bottom: 10px;
  }

  h3 {
    margin-top: 0;
    margin-bottom: 10px;
  }

  h4 {
    color: rgb(255, 255, 255);
    margin-top: 0;
    margin-bottom: 10px;
  }

  .fixed-arrow{
    position:fixed;
    bottom:100px;
    right: 5px;
    border-radius: 10%;
  }

  .block-text{
    text-align: justify;
  }

  .hA-display-container{
    padding-top: 100px;
  }


  .deleteOnMedia{
    display:contents;
  }

  .purple-text{
    color:rgb(109,85,151);
  }

  .atext {
    margin-bottom: 10px;
  }

  .centered-row{
    text-align:center;
  }

  .centerd-row-item{
    display:inline-block;
    text-align:left;
  }

  .centerPicture {
    vertical-align: middle;
  }

  .instagramLogo {
    cursor: pointer;
    padding-right: 5px;
  }

  .instagramLogo a {
    text-decoration: none;
    color: rgb(255, 255, 255);
    transition: 0.3s;
  }

  .instagramLogo a:hover {
    color: rgb(247, 119, 55);
  }

  .facebookLogo {
    cursor: pointer;
    padding-right: 5px;
  }

  .facebookLogo a {
    text-decoration: none;
    color: rgb(255, 255, 255);
    transition: 0.3s;
  }

  .facebookLogo a:hover {
    color: rgb(66, 103, 178);
  }

  .linktext {
    color: rgb(255, 255, 255);
    margin-left: 5px;
    margin-right: 5px;
    cursor: pointer;
  }

  .linktext a {
    text-decoration: none;
    color: #ffffff;
    display: block;
    transition: 0.3s;
  }

  .linktext a:hover {
    color: rgb(129, 129, 129);
  }

  img{
    max-width: 100%;
    display: block;
  }

  .stuff-picture{
    max-width: 300px;
    max-height: 300px;
  }

  .center-img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 50%;
  }

  .margin-wrapper{
    margin: 10px;
  }

  .header {
    width: auto;
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
    align-content: center;
    border: 5px outset rgb(129, 129, 129);
    background-image: url('recources/ohrenUeberall2.png');
    opacity: 1;
    background-size: cover;
  }

  .headerText {
    /*background-color: white; */
    padding: 10px;
    position: absolute; 
    top: 85%; left: 50%; 
    transform: translate(-50%, -50%); 
    font-size: 48px;
    font-family: 'Brush Script MT', cursive;
    /*box-shadow: 5px 5px 5px rgb(109,85,151);*/
  }

  .innerheader {
    padding: 50px 20px;
    overflow: hidden;
    display: flex;
    margin: auto;
    align-items: center;
    align-content: center;
  }

  .titlePicture {
    float:left;
    border:solid rgb(255, 255, 255);
    top: 50px;
    opacity: 0.75;
  }

  .slogan {
    text-align: center;
    margin-left: 5%;
    float:left;
    color: rgb(109,85,151);
    font-family: cursive;
    background-color: rgb(200, 200, 200);
    opacity: 0.90;
  }

  .main {
    flex: 70%;
    background-color: white;
    padding: 20px;
    height: 90%;
  }

  .row {
    display: flex;
    flex-wrap: wrap;
  }

  .no-gutters{
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .col-sm-4 {
    max-width: max-content;
    padding-left: 15px;
    padding-right: 0px;
  }

  th, td {
    padding-right: 10px;
    font-size: 25px;
  }

  .side {
    flex: 30%;
    background-color: #f1f1f1;
    padding: 20px;
  }

 
  .laufband {
    height: 50px;	
    position: relative;
    background: red;
    color: yellow;
  }

  .laufband p {
    height: 100%;
    width: 150%;
    margin: 0;
    font-size: medium;
    color: yellow;
    line-height: 50px;
    transform: translateX(100%);
    animation: scroll-right 15s linear infinite;
  }

  @keyframes scroll-right {
    0%   {transform: translateX(100%); }
    100% {transform: translateX(-150%); }
  }

  .openNav {
    background-color: #7e63a1;
    width: 100%;
    height: 0;
    text-align: center;
    clip-path: polygon(
    0 0,
    0 0,
    100% 0,
    100% 0,
    100% 0,
    80% 100%,
    20% 100%,
    0% 0%,
    0% 20%
  )
  }

  .footer {
    bottom: 0;
    z-index: 1;
    position: relative;
    overflow: hidden;
    border: 5px outset rgb(108,109,112);
    background-color: rgb(109,85,151);
  }

  .footerColoumn p {
    color: rgb(255, 255, 255);
  }

  .slideUp {
    width: 100%;
    background-color: rgb(109,85,151);
    overflow-x: hidden;
    transition: 0.9s;
  }

  .slideUp a {
    padding: 8px 8px 8px 32px;
    text-decoration: none;
    color: #000000;
    display: block;
    transition: 0.3s;
  }
  

  .footerColoumn {
    margin-left: 5%;
    margin-right: 5%;
    float: left;
    text-align: left;
    color: rgb(109,85,151);
  }

  .contentCard {
    width: 100%;
    height: 30rem;
    margin-top: 20px;
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .cardPicture {
    margin-top: 0;
    margin-bottom: 10px;
    width: 20%;
    float:left;
  }

  .cardContentByPicture {
    margin-top: 0;
    margin-bottom: 10px;
    margin-left: 10px;
    width: 70%;
    float: left;
    text-align: left;
    color: rgb(109,85,151);
  }

  .cardContent {
    margin-top: 2%;
    margin-bottom: 2%;
    margin-left: 2%;
    float: left;
    text-align: left;
    color: rgb(109,85,151);
  }

  .cardHeader {
    margin-top: 10px;
    margin-bottom: 10px;
    width: 100%;
    float: left;
    text-align: left;
    color: rgb(109,85,151);
  }

  .contentColoumn {
    margin-top: 2%;
    margin-bottom: 2%;
    margin-left: 1%;
    float: left;
    text-align: left;
    color: rgb(109,85,151);
    overflow: hidden;
    white-space: nowrap;
  }

    /* Hide the images by default */
  .myNews {
    display: none;
    opacity: 1;
    background-color: #7e63a1;
  }

  .news {
    width: 100%;
    padding: 40px;
  }

  .newsHeader {
    padding-top: 10px;
    padding-left: 10px;
    width: 100%;
    text-align: left;
    color: white;
  }

  .newsHeader h3{
    color: white;
  }

  .newsPicture {
    padding-left: 10px;
    width: 20%;
    float:left;
  }

  .newsContent {
    padding: 10px;
    width: 70%;
    float: left;
    text-align: left;
    color: white;
  }

  .newsContent p{
    color: white;
  }


  @media (min-width: 700px) {
    .panel-collapse.collapse {
      display: block;
    }
  }


  .affix {
    top: 0;
    width: 100%;
    z-index: 9999 !important;
  }

  .affix + .container-fluid {
    padding-top: 70px;
  }

  .panel-group {
    margin-bottom: 0;
  }

  .pictureBox {
    background-image: url('recources/ohrenUeberall2.png');
    padding: 20px;
    text-align: center;
    cursor: pointer;
    border: 1px solid;
    border-radius: 8px;
  }

  .noPictureBox {
    background: #7e63a1;
    padding: 20px;
    text-align: center;
    font-size: 20px;
    cursor: pointer;
    border: 1px solid;
    border-radius: 8px;
  }

  .purpleBox {
    background: #7e63a1;
    text-align: center; 
    font-size: 20px;
    border-radius: 8px;
  }

  .transBox {
    background: #ffffff;
    opacity: 0.7;
    text-align: center; 
    font-size: 20px;
    border-radius: 8px;
  }

  .navigation {
    background-color: #7e63a1;
  }

  .panel-default{
    padding: 10px;
  }

  .panel {
    background: none;
    border: none;
  }



  .hA-top,.hA-bottom{
    position:fixed;
    width:100%;
    z-index:1
  }
  .hA-top{
    top:0
  }
  .hA-bottom{
    bottom:0
  }




/* hA.CSS 4.15 December 2020 by Jan Egil and Borge Refsnes */
html{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}
/* Extract from normalize.css by Nicolas Gallagher and Jonathan Neal git.io/normalize */
html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}

article,aside,details,figcaption,figure,footer,header,main,menu,nav,section{
  display:block
}
summary{
  display:list-item
}
audio,canvas,progress,video{
  display:inline-block
}
progress{
  vertical-align:baseline
}
audio:not([controls]){
  display:none;
  height:0
}
[hidden],template{
  display:none
}
a{
  background-color:transparent
}
a:active,a:hover{
  outline-width:0
}
abbr[title]{
  border-bottom:none;
  text-decoration:underline;
  text-decoration:underline dotted
}
b,strong{
  font-weight:bolder
}
dfn{
  font-style:italic
}
mark{
  background:#ff0;color:#000
}
small{
  font-size:80%
}
sub,sup{
  font-size:75%;
  line-height:0;
  position:relative;
  vertical-align:baseline
}
sub{
  bottom:-0.25em
}
sup{
  top:-0.5em
}
figure{
  margin:1em 40px
}
img{
  border-style:none
}
code,kbd,pre,samp{
  font-family:monospace,monospace;
  font-size:1em
}
hr{
  box-sizing:content-box;
  height:0;
  overflow: hidden;
}
button,input,select,textarea,optgroup{
  font:inherit;
  margin:0
}
optgroup{
  font-weight:bold
}
button,input{
  overflow:visible
}
button,select{
  text-transform:none
}
button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}
button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}
button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}
fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:.35em .625em .75em}
legend{color:inherit;display:table;max-width:100%;padding:0;white-space:normal}textarea{overflow:auto}
[type=checkbox],[type=radio]{padding:0}
[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}
[type=search]{-webkit-appearance:textfield;outline-offset:-2px}
[type=search]::-webkit-search-decoration{-webkit-appearance:none}
::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}
/* End extract */
html,body{font-family:Verdana,sans-serif;font-size:15px;line-height:1.5}html{overflow-x:hidden}
h1{font-size:36px}h2{font-size:30px}h3{font-size:24px}h4{font-size:20px}h5{font-size:18px}h6{font-size:16px}
.hA-serif{font-family:serif}.hA-sans-serif{font-family:sans-serif}.hA-cursive{font-family:cursive}.hA-monospace{font-family:monospace}
h1,h2,h3,h4,h5,h6{font-family:"Segoe UI",Arial,sans-serif;font-weight:400;margin:10px 0}.hA-wide{letter-spacing:4px}
hr{border:0;border-top:1px solid #eee;margin:20px 0}
.hA-image{max-width:100%;height:auto}img{vertical-align:middle}a{color:inherit}
.hA-table,.hA-table-all{border-collapse:collapse;border-spacing:0;width:100%;display:table}.hA-table-all{border:1px solid #ccc}
.hA-bordered tr,.hA-table-all tr{border-bottom:1px solid #ddd}.hA-striped tbody tr:nth-child(even){background-color:#f1f1f1}
.hA-table-all tr:nth-child(odd){background-color:#fff}.hA-table-all tr:nth-child(even){background-color:#f1f1f1}
.hA-hoverable tbody tr:hover,.hA-ul.hA-hoverable li:hover{background-color:#ccc}.hA-centered tr th,.hA-centered tr td{text-align:center}
.hA-table td,.hA-table th,.hA-table-all td,.hA-table-all th{padding:8px 8px;display:table-cell;text-align:left;vertical-align:top}
.hA-table th:first-child,.hA-table td:first-child,.hA-table-all th:first-child,.hA-table-all td:first-child{padding-left:16px}
.hA-btn:hover{box-shadow:0 8px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19)} 
.hA-disabled,.hA-btn:disabled,.hA-button:disabled{cursor:not-allowed;opacity:0.3}.hA-disabled *,:disabled *{pointer-events:none}
.hA-btn.hA-disabled:hover,.hA-btn:disabled:hover{box-shadow:none}
.hA-badge,.hA-tag{background-color:#000;color:#fff;display:inline-block;padding-left:8px;padding-right:8px;text-align:center}.hA-badge{border-radius:50%}
.hA-ul{list-style-type:none;padding:0;margin:0}.hA-ul li{padding:8px 16px;border-bottom:1px solid #ddd}.hA-ul li:last-child{border-bottom:none}
.hA-tooltip,.hA-display-container{position:relative}.hA-tooltip .hA-text{display:none}.hA-tooltip:hover .hA-text{display:inline-block}
.hA-ripple:active{opacity:0.5}.hA-ripple{transition:opacity 0s}
.hA-input{padding:8px;display:block;border:none;border-bottom:1px solid #ccc;width:100%}
.hA-select{padding:9px 0;width:100%;border:none;border-bottom:1px solid #ccc}
.hA-dropdown-click,.hA-dropdown-hover{position:relative;display:inline-block;cursor:pointer}
.hA-dropdown-hover:hover .hA-dropdown-content{display:block}
.hA-dropdown-hover:first-child,.hA-dropdown-click:hover{background-color:#ccc;color:#000}
.hA-dropdown-content{cursor:auto;color:#000;background-color:#fff;display:none;position:absolute;min-width:160px;margin:0;padding:0;z-index:1}
.hA-check,.hA-radio{width:24px;height:24px;position:relative;top:6px}
.hA-sidebar{height:100%;width:200px;background-color:#fff;position:fixed!important;z-index:1;overflow:auto}
.hA-bar-block .hA-dropdown-hover,.hA-bar-block .hA-dropdown-click{width:100%}
.hA-bar-block .hA-dropdown-hover .hA-dropdown-content,.hA-bar-block .hA-dropdown-click .hA-dropdown-content{min-width:100%}
.hA-bar-block .hA-dropdown-hover ,.hA-bar-block .hA-dropdown-click {width:100%;text-align:left;padding:8px 16px}
.hA-main,#main{transition:margin-left .4s}
.hA-modal{z-index:3;display:none;padding-top:100px;position:fixed;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgb(0,0,0);background-color:rgba(0,0,0,0.4)}
.hA-modal-content{margin:auto;background-color:#fff;position:relative;padding:0;outline:0;width:600px}

.hA-button {
  border:none;
  display:inline-block;
  padding:8px 16px;
  vertical-align:middle;
  overflow:hidden;
  text-decoration:none;
  color:inherit;
  background:inherit;
  background-color:inherit;
  text-align:center;
  cursor:pointer;
  white-space:nowrap;
  -webkit-touch-callout:none;
  -webkit-user-select:none;
  -khtml-user-select:none;
  -moz-user-select:none;
  -ms-user-select:none;
  user-select:none;
  border-radius: 10px;
}


.hA-bar {
  display: flex;
  justify-content: space-between; /* Adjust as needed */
  align-items: center;
  width: 100%;
}

.hA-center .hA-bar {
  width: auto;
}

.hA-bar-item {
  display: flex; /* Added this line */
  align-items: center; /* Added this line */
  border: none;
  outline: 0;
  margin: 0 10px; /* Adjust margin as needed */
}

.hA-bar-image{
  padding:8px 16px;
  float:left;
  outline:0;
  width:30%;
  display:block;
  text-align:left;
  border:none;
  white-space:normal;
  outline:0
}

.hA-bar .hA-dropdown-hover,.hA-bar .hA-dropdown-click{
position:static;
float:left
}

.hA-bar .hA-button{
white-space:normal
}

.hA-bar-block {
width:100%;
display:block;
padding:8px 16px;
text-align:left;
border:none;
white-space:normal;
float:none;
outline:0
}

.hA-bar-block.hA-center  {
  text-align:center
}


.hA-block{
display:block;
width:100%
}

.hA-responsive{
  display:block;
  overflow-x:auto
}
.hA-container:after,.hA-container:before,.hA-panel:after,.hA-panel:before,.hA-row:after,.hA-row:before,.hA-row-padding:after,.hA-row-padding:before,
.hA-cell-row:before,.hA-cell-row:after,.hA-clear:after,.hA-clear:before,.hA-bar:before,.hA-bar:after{
  content:"";
  display:table;
  clear:both
}
.hA-col,.hA-half,.hA-third,.hA-twothird,.hA-threequarter,.hA-quarter{
  float:left;
  width:100%;
  height: 100%;
}
.hA-col.s1{
  width:8.33333%
}
.hA-col.s2{
  width:16.66666%
}
.hA-col.s3{
  width:24.99999%
}
.hA-col.s4{
  width:33.33333%
}
.hA-col.s5{
  width:41.66666%
}
.hA-col.s6{
  width:49.99999%
}
.hA-col.s7{
  width:58.33333%
}
.hA-col.s8{
  width:66.66666%
}
.hA-col.s9{
  width:74.99999%
}
.hA-col.s10{
  width:83.33333%
}
.hA-col.s11{
  width:91.66666%
}
.hA-col.s12{
  width:99.99999%
}
@media (min-width:601px){
  .hA-col.m1{
    width:8.33333%
  }
  .hA-col.m2{
    width:16.66666%
  }
  .hA-col.m4,.hA-third{
    width:33%
  }
  .hA-col.m5{
    width:41.66666%
  }
  .hA-col.m6,.hA-half{
    width:50%
  }
  .hA-col.m7{
    width:58.33333%
  }
  .hA-col.m8,.hA-twothird{
    width:66%
  }
  .hA-col.m9,.hA-threequarter{
    width:74.99999%
  }
  .hA-col.m10{
    width:83.33333%
  }
  .hA-col.m11{
    width:91.66666%
  }
  .hA-col.m12{
    width:99.99999%
  }
}
@media (min-width:993px){
  .hA-col.m3,.hA-quarter{
    width:24.99999%
  }
  .hA-col.l1{
    width:8.33333%
  }
  .hA-col.l2{
    width:16.66666%
  }
  .hA-col.l3{
    width:24.99999%
  }
  .hA-col.l4{
    width:33.33333%
  }
  .hA-col.l5{
    width:41.66666%
  }
  .hA-col.l6{
    width:49.99999%
  }
  .hA-col.l7{
    width:58.33333%
  }
  .hA-col.l8{
    width:66.66666%
  }
  .hA-col.l9{
    width:74.99999%
  }
  .hA-col.l10{
    width:83.33333%
  }
  .hA-col.l11{
    width:91.66666%
  }
  .hA-col.l12{
    width:99.99999%
  }
}
.hA-rest{
  overflow:hidden
}
.hA-stretch{
  margin-left:-16px;
  margin-right:-16px
}
.hA-content,.hA-auto{
  margin-left:auto;
  margin-right:auto
}
.hA-content{
  max-width:95%;
  margin-top: 2rem;
  margin-bottom: 2rem;
}
.hA-auto{
  max-width:1140px
}
.hA-cell-row{
  display:table;
  width:100%
}
.hA-cell{
  display:table-cell
}
.hA-cell-top{
  vertical-align:top
}
.hA-cell-middle{
  vertical-align:middle
}
.hA-cell-bottom{
  vertical-align:bottom
}
.hA-hide{
  display:none!important
}
.hA-show-block,.hA-show{
  display:block!important
}
.hA-show-inline-block{
  display:inline-block!important
}
@media (max-width:1205px){.hA-auto{max-width:95%}}
@media (max-width:600px){.hA-modal-content{margin:0 10px;width:auto!important}.hA-modal{padding-top:30px}
.hA-dropdown-hover.hA-mobile .hA-dropdown-content,.hA-dropdown-click.hA-mobile .hA-dropdown-content{position:relative}	
.hA-hide-small{display:none!important}.hA-mobile{display:block;width:100%!important}.hA-bar-item.hA-mobile,.hA-dropdown-hover.hA-mobile,.hA-dropdown-click.hA-mobile{text-align:center}
.hA-dropdown-hover.hA-mobile,.hA-dropdown-hover.hA-mobile .hA-btn,.hA-dropdown-hover.hA-mobile .hA-button,.hA-dropdown-click.hA-mobile,.hA-dropdown-click.hA-mobile .hA-btn,.hA-dropdown-click.hA-mobile .hA-button{width:100%}}
@media (max-width:768px){.hA-modal-content{width:500px}.hA-modal{padding-top:50px}}
@media (min-width:993px){.hA-modal-content{width:900px}.hA-hide-large{display:none!important}.hA-sidebar.hA-collapse{display:block!important}}
@media (max-width:992px) and (min-width:601px){.hA-hide-medium{display:none!important}}
@media (max-width:992px){.hA-sidebar.hA-collapse{display:none}.hA-main{margin-left:0!important;margin-right:0!important}.hA-auto{max-width:100%}}
.hA-top,.hA-bottom{position:fixed;width:100%;z-index:1}.hA-top{top:0}.hA-bottom{bottom:0}
.hA-overlay{position:fixed;display:none;width:100%;height:100%;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,0.5);z-index:2}
.hA-display-topleft{position:absolute;left:0;top:0}.hA-display-topright{position:absolute;right:0;top:0}
.hA-display-bottomleft{position:absolute;left:0;bottom:0}.hA-display-bottomright{position:absolute;right:0;bottom:0}
.hA-display-middle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%)}
.hA-display-left{position:absolute;top:50%;left:0%;transform:translate(0%,-50%);-ms-transform:translate(-0%,-50%)}
.hA-display-right{position:absolute;top:50%;right:0%;transform:translate(0%,-50%);-ms-transform:translate(0%,-50%)}
.hA-display-topmiddle{position:absolute;left:50%;top:0;transform:translate(-50%,0%);-ms-transform:translate(-50%,0%)}
.hA-display-bottommiddle{position:absolute;left:50%;bottom:0;transform:translate(-50%,0%);-ms-transform:translate(-50%,0%)}
.hA-display-container:hover .hA-display-hover{display:block}.hA-display-container:hover span.hA-display-hover{display:inline-block}.hA-display-hover{display:none}
.hA-display-position{position:absolute}
.hA-circle{border-radius:50%}
.hA-round-small{border-radius:2px}.hA-round,.hA-round-medium{border-radius:4px}.hA-round-large{border-radius:8px}.hA-round-xlarge{border-radius:16px}.hA-round-xxlarge{border-radius:32px}
.hA-row-padding,.hA-row-padding>.hA-half,.hA-row-padding>.hA-third,.hA-row-padding>.hA-twothird,.hA-row-padding>.hA-threequarter,.hA-row-padding>.hA-quarter,.hA-row-padding>.hA-col{padding:0 8px}
.hA-container,.hA-panel{padding:1em 16px}.hA-panel{margin-top:16px;margin-bottom:16px}
.hA-code,.hA-codespan{font-family:Consolas,"courier new";font-size:16px}
.hA-code{width:auto;background-color:#fff;padding:8px 12px;border-left:4px solid #4CAF50;word-wrap:break-word}
.hA-codespan{color:crimson;background-color:#f1f1f1;padding-left:4px;padding-right:4px;font-size:110%}
.hA-card,.hA-card-2{
  box-shadow:0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);
  height: 100%;
  margin: 8px 8px;
  padding: 8px;
}
.hA-card-4,.hA-hover-shadow:hover{box-shadow:0 4px 10px 0 rgba(0,0,0,0.2),0 4px 20px 0 rgba(0,0,0,0.19)}
.hA-spin{animation:hA-spin 2s infinite linear}@keyframes hA-spin{0%{transform:rotate(0deg)}100%{transform:rotate(359deg)}}
.hA-animate-fading{animation:fading 10s infinite}@keyframes fading{0%{opacity:0}50%{opacity:1}100%{opacity:0}}
.hA-animate-opacity{animation:opac 0.8s}@keyframes opac{from{opacity:0} to{opacity:1}}
.hA-animate-top{position:relative;animation:animatetop 0.4s}@keyframes animatetop{from{top:-300px;opacity:0} to{top:0;opacity:1}}
.hA-animate-left{position:relative;animation:animateleft 0.4s}@keyframes animateleft{from{left:-300px;opacity:0} to{left:0;opacity:1}}
.hA-animate-right{position:relative;animation:animateright 0.4s}@keyframes animateright{from{right:-300px;opacity:0} to{right:0;opacity:1}}
.hA-animate-bottom{position:relative;animation:animatebottom 0.4s}@keyframes animatebottom{from{bottom:-300px;opacity:0} to{bottom:0;opacity:1}}
.hA-animate-zoom {animation:animatezoom 0.6s}@keyframes animatezoom{from{transform:scale(0)} to{transform:scale(1)}}
.hA-animate-input{transition:width 0.4s ease-in-out}.hA-animate-input:focus{width:100%!important}
.hA-opacity,.hA-hover-opacity:hover{opacity:0.60}.hA-opacity-off,.hA-hover-opacity-off:hover{opacity:1}
.hA-opacity-max{opacity:0.25}.hA-opacity-min{opacity:0.75}
.hA-greyscale-max,.hA-grayscale-max,.hA-hover-greyscale:hover,.hA-hover-grayscale:hover{filter:grayscale(100%)}
.hA-greyscale,.hA-grayscale{filter:grayscale(75%)}.hA-greyscale-min,.hA-grayscale-min{filter:grayscale(50%)}
.hA-sepia{filter:sepia(75%)}.hA-sepia-max,.hA-hover-sepia:hover{filter:sepia(100%)}.hA-sepia-min{filter:sepia(50%)}
.hA-tiny{font-size:10px!important}.hA-small{font-size:12px!important}.hA-medium{font-size:15px!important}.hA-large{font-size:18px!important}
.hA-xlarge{font-size:24px!important}.hA-xxlarge{font-size:36px!important}.hA-xxxlarge{font-size:48px!important}.hA-jumbo{font-size:64px!important}
.hA-left-align{text-align:left!important}.hA-right-align{text-align:right!important}.hA-justify{text-align:justify!important}.hA-center{text-align:center!important}
.hA-border-0{border:0!important}.hA-border{border:1px solid #ccc!important}
.hA-border-top{border-top:1px solid #ccc!important}.hA-border-bottom{border-bottom:1px solid #ccc!important}
.hA-border-left{border-left:1px solid #ccc!important}.hA-border-right{border-right:1px solid #ccc!important}
.hA-topbar{border-top:6px solid #ccc!important}.hA-bottombar{border-bottom:6px solid #ccc!important}
.hA-leftbar{border-left:6px solid #ccc!important}.hA-rightbar{border-right:6px solid #ccc!important}
.hA-section,.hA-code{margin-top:16px!important;margin-bottom:16px!important}
.hA-margin{margin:16px!important}.hA-margin-top{margin-top:16px!important}.hA-margin-bottom{margin-bottom:16px!important}
.hA-margin-left{margin-left:16px!important}.hA-margin-right{margin-right:16px!important}
.hA-padding-small{padding:4px 8px!important}.hA-padding{padding:8px 16px!important}.hA-padding-large{padding:12px 24px!important}
.hA-padding-16{padding-top:16px!important;padding-bottom:16px!important}.hA-padding-24{padding-top:24px!important;padding-bottom:24px!important}
.hA-padding-32{padding-top:32px!important;padding-bottom:32px!important}.hA-padding-48{padding-top:48px!important;padding-bottom:48px!important}
.hA-padding-64{padding-top:64px!important;padding-bottom:64px!important}
.hA-padding-top-64{padding-top:64px!important}.hA-padding-top-48{padding-top:48px!important}
.hA-padding-top-32{padding-top:32px!important}.hA-padding-top-24{padding-top:24px!important}
.hA-left{float:left!important}.hA-right{float:right!important}
.hA-button:hover{color:#000!important;background-color:#ccc!important}
.hA-transparent,.hA-hover-none:hover{background-color:transparent!important}
.hA-hover-none:hover{box-shadow:none!important}



.hA-theme-l5 {color:rgb(129, 129, 129) !important; background-color:#fff !important}
.hA-theme-l4 {color:#000 !important; background-color:#cccccc !important}
.hA-theme-l3 {color:#fff !important; background-color:#999999 !important}
.hA-theme-l2 {color:#fff !important; background-color:#666666 !important}
.hA-theme-l1 {color:#fff !important; background-color:#333333 !important}
.hA-theme-d1 {color:rgb(109,85,151) !important; background-color:#ffffff !important}
.hA-theme-d2 {color:#fff !important; background: transparent !important; background-color:rgba(109,85,151,0.9) !important}
.hA-theme-d3 {color:#fff !important; background-color:#000000 !important}
.hA-theme-d4 {color:#fff !important; background-color:#000000 !important}
.hA-theme-d5 {color:#fff !important; background-color:rgb(129, 129, 129) !important}

.hA-theme-light {color:#000 !important; background-color:#f0f0f0 !important}
.hA-theme-dark {color:#fff !important; background-color:#000000 !important}
.hA-theme-action {color:#fff !important; background-color:#000000 !important}

.hA-theme {color:#fff !important; background-color:#000000 !important}
.hA-text-theme {color:#000000 !important}
.hA-border-theme {border-color:#000000 !important}

.hA-hover-theme:hover {color:#fff !important; background-color:#000000 !important}
.hA-hover-text-theme:hover {color:#000000 !important}
.hA-hover-border-theme:hover {border-color:#000000 !important}




* {box-sizing:border-box}

/* Slideshow container */
.news-slideshow-container {
  max-width: 1000px;
  position: relative;
  margin: auto;
}


/* Next & previous buttons */
.prev, .next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  margin-top: -22px;
  padding: 16px;
  color: white;
  font-weight: bold;
  font-size: 18px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
  user-select: none;
}

/* Position the "next button" to the right */
.next {
  right: 0;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.prev:hover, .next:hover {
  background-color: rgba(0,0,0,0.8);
}

/* Caption text */
.text {
  color: #f2f2f2;
  font-size: 15px;
  padding: 8px 12px;
  position: absolute;
  bottom: 8px;
  width: 100%;
  text-align: center;
}

/* Number text (1/3 etc) */
.numbertext {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}

/* The dots/bullets/indicators */
.dot {
  cursor: pointer;
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
  -ms-transform: translateY(-60px);
  transform: translateY(-60px);
}

.active, .dot:hover {
  background-color: #ffffff;
}

/* Fading animation */
.fade {
  animation-name: fade;
  animation-duration: 3.5s;
}

.mySlides {
  text-align: center;
  display: none;
  opacity: 1;
}

.slideshow-img {
  vertical-align: middle;
}

/* Slideshow container */
.slideshow-container {
  max-width: 1000px;
  height: 40rem;
  overflow: hidden;
  position: relative;
  margin: auto;
}

@keyframes fade {
  from {opacity: .4}
  to {opacity: 1}
}

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

}

@media screen and (max-width: 700px) {
  .row:nth-child(1) {
    flex-direction: column;
  }
  .openNav{
    height: 100%;
  }
  .slogan{
    display: none;
  }
  .headerText{
    display: none;
  }
  th, td {
    font-size: 15px;
  }
  .contentCard {
    height: 30rem;
  }
  .newsPicture{
    width: 80%;
  }
  .newsContent{
    width: 80%;
    padding-left: 40px;

  }
  .dot{
    display: none;
  }
  .slideshow-container{
    display: none;
  }
  .hA-top{
    
  }
  .hA-bar{
    min-height: 100px;
  }
  .hA-bar-image{
    width: 80%;
  }
  .hA-bar-item{
    display: none;
  }
  .deleteOnMedia{
    display: none !important;
  }
}

.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 50%;
}