html, body { height: 100%; }
.mybeamer {
  color: #9e0529;
  font-weight: 300;
  font-size: 1rem;
}

@media (min-width: 576px) {
  .mybeamer {
    font-weight: 600;
    font-size: 1.5rem;
  }
}

.mybeamer2 {
  color: #9e0529;
  font-weight: 400;
  font-size: 1.2rem;
}

@media (min-width: 576px) {
  .mybeamer2 {
    font-weight: 600;
    font-size: 1.7rem;
  }
}

.results li:hover {
	background-color: #fef5f1;
    cursor: pointer;
}
.back-to-top {
    background-color: #9e0529;
    position: fixed;
    bottom:20px;
    right:20px;
    padding:1em;
    z-index: 100;
   }
.hoverButton:hover {
    cursor: pointer;
}

.fakeLink {
    color: #9e0529;
    cursor: pointer;
}
.fakeLinkUsed {
    color: #bfc0ba;
}

.inBasket {
  color: #bfc0ba;
}
.bg-inBasket {
  background-color: #bfc0ba;
}
.table-head{
  background-color:  #9e0529;
  color: white;
  font-size: 1rem;
  font-weight: 400;
}

@media (min-width: 576px) {
  .table-head{
    font-weight: 400;
    font-size: 1.1rem;
  }
}

.fusszeile{
  font-family: inherit;
  color: white;
  font-size: 0.9rem;
  font-weight: 400;
  border-radius: 50%;
  text-decoration: none; 
}
 
.fusszeile:hover{
  color: white;
  font-size: 0.9rem;
  font-weight: 400;
  text-decoration: none; 
}

  .control-center {
    position: fixed;
    bottom: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row-reverse;
    z-index: 999;
  }
  
  .option-btn {
    /*background-color: #08298A;*/
    background-color:#9e0529;
    height: 65px;
    width: 65px;
    border-radius: 50%;
    /*box-shadow: 0px 0px 12px 2px rgba(43, 105, 7, 0.6);*/
    box-shadow: 0px 0px 12px 2px #9e0529;
    position: relative;
    cursor: pointer;
    z-index: 9;
  }
  
  .option-btn:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 1;
    visibility: visible;
    transition: opacity .5s ease-in-out, visibility .5s ease-in-out;
    background-position: center center;
    background-size: 25px;
    background-repeat: no-repeat;
    background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTYuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjUxMnB4IiBoZWlnaHQ9IjUxMnB4IiB2aWV3Qm94PSIwIDAgNjEyIDYxMiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNjEyIDYxMjsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8Zz4KCTxnPgoJCTxjaXJjbGUgY3g9IjY5LjU0NSIgY3k9IjMwNiIgcj0iNjkuNTQ1IiBmaWxsPSIjRkZGRkZGIi8+CgkJPGNpcmNsZSBjeD0iMzA2IiBjeT0iMzA2IiByPSI2OS41NDUiIGZpbGw9IiNGRkZGRkYiLz4KCQk8Y2lyY2xlIGN4PSI1NDIuNDU1IiBjeT0iMzA2IiByPSI2OS41NDUiIGZpbGw9IiNGRkZGRkYiLz4KCTwvZz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8L3N2Zz4K);
  }
  
  .option-btn:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    visibility: hiddden;
    transition: opacity .5s ease-in-out, visibility .5s ease-in-out;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 18px;
    background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTkuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDQ3Ljk3MSA0Ny45NzEiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDQ3Ljk3MSA0Ny45NzE7IiB4bWw6c3BhY2U9InByZXNlcnZlIiB3aWR0aD0iMTI4cHgiIGhlaWdodD0iMTI4cHgiPgo8Zz4KCTxwYXRoIGQ9Ik0yOC4yMjgsMjMuOTg2TDQ3LjA5Miw1LjEyMmMxLjE3Mi0xLjE3MSwxLjE3Mi0zLjA3MSwwLTQuMjQyYy0xLjE3Mi0xLjE3Mi0zLjA3LTEuMTcyLTQuMjQyLDBMMjMuOTg2LDE5Ljc0NEw1LjEyMSwwLjg4ICAgYy0xLjE3Mi0xLjE3Mi0zLjA3LTEuMTcyLTQuMjQyLDBjLTEuMTcyLDEuMTcxLTEuMTcyLDMuMDcxLDAsNC4yNDJsMTguODY1LDE4Ljg2NEwwLjg3OSw0Mi44NWMtMS4xNzIsMS4xNzEtMS4xNzIsMy4wNzEsMCw0LjI0MiAgIEMxLjQ2NSw0Ny42NzcsMi4yMzMsNDcuOTcsMyw0Ny45N3MxLjUzNS0wLjI5MywyLjEyMS0wLjg3OWwxOC44NjUtMTguODY0TDQyLjg1LDQ3LjA5MWMwLjU4NiwwLjU4NiwxLjM1NCwwLjg3OSwyLjEyMSwwLjg3OSAgIHMxLjUzNS0wLjI5MywyLjEyMS0wLjg3OWMxLjE3Mi0xLjE3MSwxLjE3Mi0zLjA3MSwwLTQuMjQyTDI4LjIyOCwyMy45ODZ6IiBmaWxsPSIjRkZGRkZGIi8+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPC9zdmc+Cg==);
  }
  
  .option-btn.open:after {
    opacity: 0;
    visibility: hiddden;
    transition: opacity .5s ease-in-out, visibility .5s ease-in-out;
  }
  
  .option-btn.open:before {
    opacity: 1;
    visibility: visible;
    transition: opacity .5s ease-in-out, visibility .5s ease-in-out;
  }
  
  .right-sidebar {
    list-style: none;
    background-color: #9e0529;
    height: 50px;
    padding: 0 25px 0 35px;
    margin: 0;
    margin-left: -25px;
    border-radius: 20px;
    box-shadow: 0px 2px 20px 2px rgba(0, 0, 0, 0.2);
    z-index: 1;
  }
  
  .right-sidebar li {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 20px;
    height: 100%;
    width: 20px;
    margin-left: 20px;
    display: inline-block;
    cursor: pointer;
    opacity: 0;
  }
  
  /*.right-sidebar li:nth-child(1) { background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTguMS4xLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDUyNS4xNTMgNTI1LjE1MyIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNTI1LjE1MyA1MjUuMTUzOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgd2lkdGg9IjEyOHB4IiBoZWlnaHQ9IjEyOHB4Ij4KPGc+Cgk8cGF0aCBkPSJNNDc4Ljc3NSwxODUuMzEzSDM1NS4yMTFWMEgxNjkuOTJ2MTg1LjMxM0g0Ni4zNTZsMjE2LjIxLDIxNi4yNzVMNDc4Ljc3NSwxODUuMzEzeiBNNDYuMzU2LDQ2My4yOTR2NjEuODU5aDQzMi40NDEgICB2LTYxLjg1OUg0Ni4zNTZ6IiBmaWxsPSIjRkZGRkZGIi8+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPC9zdmc+Cg==); }
  */
  .right-sidebar li:nth-child(1) { background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><!--! Font Awesome Pro 6.2.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --><path d="M320 464C328.8 464 336 456.8 336 448V416H384V448C384 483.3 355.3 512 320 512H64C28.65 512 0 483.3 0 448V416H48V448C48 456.8 55.16 464 64 464H320zM256 160C238.3 160 224 145.7 224 128V48H64C55.16 48 48 55.16 48 64V192H0V64C0 28.65 28.65 0 64 0H229.5C246.5 0 262.7 6.743 274.7 18.75L365.3 109.3C377.3 121.3 384 137.5 384 154.5V192H336V160H256zM88 224C118.9 224 144 249.1 144 280C144 310.9 118.9 336 88 336H80V368C80 376.8 72.84 384 64 384C55.16 384 48 376.8 48 368V240C48 231.2 55.16 224 64 224H88zM112 280C112 266.7 101.3 256 88 256H80V304H88C101.3 304 112 293.3 112 280zM160 240C160 231.2 167.2 224 176 224H200C226.5 224 248 245.5 248 272V336C248 362.5 226.5 384 200 384H176C167.2 384 160 376.8 160 368V240zM192 352H200C208.8 352 216 344.8 216 336V272C216 263.2 208.8 256 200 256H192V352zM336 224C344.8 224 352 231.2 352 240C352 248.8 344.8 256 336 256H304V288H336C344.8 288 352 295.2 352 304C352 312.8 344.8 320 336 320H304V368C304 376.8 296.8 384 288 384C279.2 384 272 376.8 272 368V240C272 231.2 279.2 224 288 224H336z"/></svg>') }
  
  .left-sidebar {
    list-style: none;
    background-color: #9e0529;
    height: 50px;
    padding: 0 25px 0 35px;
    margin: 0;
    margin-right: -25px;
    border-radius: 20px;
    box-shadow: 0px 2px 20px 2px rgba(0, 0, 0, 0.2);
    z-index: 1;
  }
  
  .left-sidebar li {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 20px;
    height: 100%;
    width: 20px;
    margin-right: 20px;
    display: inline-block;
    cursor: pointer;
    opacity: 0;
  }
  
  .left-sidebar li:nth-child(1) { background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><!--! Font Awesome Pro 6.2.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --><path d="M365.3 93.38l-74.63-74.64C278.6 6.742 262.3 0 245.4 0H64C28.65 0 0 28.65 0 64l.0065 384c0 35.34 28.65 64 64 64H320c35.2 0 64-28.8 64-64V138.6C384 121.7 377.3 105.4 365.3 93.38zM336 448c0 8.836-7.164 16-16 16H64.02c-8.838 0-16-7.164-16-16L48 64.13c0-8.836 7.164-16 16-16h160L224 128c0 17.67 14.33 32 32 32h79.1V448zM214.6 248C211.3 238.4 202.2 232 192 232s-19.25 6.406-22.62 16L144.7 318.1l-25.89-77.66C114.6 227.8 101 221.2 88.41 225.2C75.83 229.4 69.05 243 73.23 255.6l48 144C124.5 409.3 133.5 415.9 143.8 416c10.17 0 19.45-6.406 22.83-16L192 328.1L217.4 400C220.8 409.6 229.8 416 240 416c10.27-.0938 19.53-6.688 22.77-16.41l48-144c4.188-12.59-2.594-26.16-15.17-30.38c-12.61-4.125-26.2 2.594-30.36 15.19l-25.89 77.66L214.6 248z"/></svg>'); }
  
  /*.left-sidebar li:nth-child(1) { background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTYuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjEyOHB4IiBoZWlnaHQ9IjEyOHB4IiB2aWV3Qm94PSIwIDAgNTEwIDUxMCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNTEwIDUxMDsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8Zz4KCTxnIGlkPSJmYXZvcml0ZSI+CgkJPHBhdGggZD0iTTI1NSw0ODkuNmwtMzUuNy0zNS43Qzg2LjcsMzM2LjYsMCwyNTcuNTUsMCwxNjAuNjVDMCw4MS42LDYxLjIsMjAuNCwxNDAuMjUsMjAuNGM0My4zNSwwLDg2LjcsMjAuNCwxMTQuNzUsNTMuNTUgICAgQzI4My4wNSw0MC44LDMyNi40LDIwLjQsMzY5Ljc1LDIwLjRDNDQ4LjgsMjAuNCw1MTAsODEuNiw1MTAsMTYwLjY1YzAsOTYuOS04Ni43LDE3NS45NS0yMTkuMywyOTMuMjVMMjU1LDQ4OS42eiIgZmlsbD0iI0ZGRkZGRiIvPgoJPC9nPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+Cjwvc3ZnPgo=) }
  */
  .right-sidebar, .left-sidebar {
    opacity: 0;
    visibility: hidden;
  }
  
  .open .right-sidebar {
    animation-name: rightslide;
    animation-duration: .5s;
    animation-fill-mode: both;
    animation-timing-function: ease-in-out;
    animation-direction: alternate;
  }
  
  .open .left-sidebar {
    animation-name: leftslide;
    animation-duration: .5s;
    animation-fill-mode: both;
    animation-timing-function: ease-in-out;
    animation-direction: alternate;
  }
  
  .open .right-sidebar li:nth-child(1), .open .left-sidebar li:nth-child(2) {
    animation-name: fadeIn;
    animation-duration: .3s;
    animation-delay: .4s;
    animation-fill-mode: both;
    animation-timing-function: ease-in-out;
  }
  
  .open .right-sidebar li:nth-child(2), .open .left-sidebar li:nth-child(1) {
    animation-name: fadeIn;
    animation-duration: .3s;
    animation-delay: .5s;
    animation-fill-mode: both;
    animation-timing-function: ease-in-out;
  }

  @keyframes 
  rightslide {  from {
    opacity: 0;
    visibility: hidden;
    transform: translate(-30%, 0);
    }
    
    to {
      opacity: 1;
      visibility: visible;
      transform: translate(0, 0);
    }
  }
   @keyframes 
  leftslide {  from {
   opacity: 0;
   visibility: hidden;
   transform: translate(30%, 0);
  }
  
  to {
    opacity: 1;
    visibility: visible;
    transform: translate(0, 0);
  }
}
   @keyframes 
  fadeIn {  from {
   opcity: 0;
  }
  
  to { opacity: 1; }
  }

  .overlay {
    border-radius: 25px;
    position: absolute;
    left: 85%;
    bottom: 0;
    background: #9e0529;
    color: #f1f1f1;
    width: 50px;
    transition: .1s ease;
    opacity:1;
    color: white;
    font-size: 20px;
    text-align: center;
   
    z-index: 999;
    
  }
  
  /* When you mouse over the container, fade in the overlay title */
  /*.container:hover .overlay {
    opacity: 1;
  }*/
  .news{
    /*background:#f1f1f1;*/
    border-radius: 25px;
  }
  .newsitems {
      border-radius: 0.35rem;
      align-items: left;
  }

  .newstext{
      font-size: 1.1rem; 
      text-align: left;
  }
  .ext_menu {
    border-radius: 0.35rem;
    padding-top: 5px;
    padding-bottom: 5px;
    color: white;
    font-size: 16px;
}

 /*.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before {
  background-color: #333;
 border-color: #333; 
  border-color:whitesmoke;
  box-shadow: none;
}*/

.custom-control-input:focus~.custom-control-indicator {
  -webkit-box-shadow: 0 0 0 1px #fff, 0 0 0 3px #d8026d;
  box-shadow: 0 0 0 1px #fff, 0 0 0 3px #d8027f;
  color: #333;
}

/* Dropdown with checkbox */

.checkbox-menu li label {
  display: block;
  padding: 3px 10px;
  clear: both;
  font-weight: normal;
  line-height: 1.42857143;
  color: #333;
  white-space: nowrap;
  margin:0;
  transition: background-color .4s ease;
}
.checkbox-menu li input {
  margin: 0px 5px;
  top: 2px;
  position: relative;
}

.checkbox-menu li.active label {
  background-color: rgba(0, 0, 0, 0.2);
  font-weight:bold;
}

.checkbox-menu li label:hover,
.checkbox-menu li label:focus {
  background-color: #f5f5f5;
}

.checkbox-menu li.active label:hover,
.checkbox-menu li.active label:focus {
  background-color: rgba(0, 0, 0, 0.2);
}

.text-left{
  text-align: left;
}

.apooltooltip {
  position: relative;
  display: inline-block;
  
}

.apooltooltip .apooltooltiptext {
  visibility: hidden;
  width: 100px;
  bottom: 90%;
  left: 50%; 
  margin-left: -60px; 
  background-color: #fff;
  color: #333;
  text-align: center;
  border-radius: 6px;
  padding: 2px 0;
  font-weight: 200;
  opacity: 0.8;
  /* Position the tooltip */
  position: absolute;
  z-index: 1;
}

.apooltooltip:hover .apooltooltiptext {
  visibility: visible;
}


.apooltooltutorial{
  font-size: 1.1rem;
  /*background-color:rgba(43, 105, 7, 0.6);*/
  background-color:rgba(248, 246, 246, 0.2);
  padding: 0 4px;
  font-weight: 400;
  border-radius: 6px;
  /*margin-left: 20px; */
}
img.responsive-img, video.responsive-video {
  max-width: 100%;
  height: auto; }

  .searchTitle {
    /*color: #495057;*/
    color:#000000;
    /*font-size: 0.8rem;
    font-weight: 600;*/
    background-color: #9e0529;
    border-color: #9e0529;
    border-radius:4px;
    border-style: solid;
    border-width: 2px;
  }

  .myselectBox {
    padding-right: 0.4em;
    padding-left: 0.4em;
  }
  
  @media (min-width: 576px) {
    .myselectBox {
      padding-right: 0.8em;
      padding-left: 0em;
      font-size: 0.6rem;
    }
  }

  .myInputBox {
    padding-right: 0.4em;
    padding-left: 0.4em;
    font-size: 1.1rem;
  }
  
  @media (min-width: 576px) {
    .myInputBox {
      padding-right: 0.4em;
      padding-left: 0em;
    }
  }
  
 .aplogo {
    border:2px solid white;
    border-radius: 10px; 
    padding: 8px;
  }
  
 .apnav, .apnav:hover {
	color:#ffffff;
	font-size: 1.1rem;
	text-decoration:none;
	vertical-align: middle;
}