/***************************************************************************/
/************************* styles - F.E.G.l.P. e.V. ************************/
/************************ MIT LICENSE ./license.txt ************************/
/***************************************************************************/


/***************************************************************************/
/************************** prefers-color-scheme: light ********************/
/***************************************************************************/
@media (prefers-color-scheme: light) {
 
  .icon, a:hover {
    color: #181818;
  }

  .navbar-new .navbar-toggle {
    background-color: transparent;
  }

  .icon-bar {
    background-color: #181818;
  }

  .navbar-new .navbar-toggle:hover,
  .navbar-new .navbar-toggle:active,
  .navbar-new .navbar-toggle:focus {
    background-color: transparent;
  }

  .navbar-new .navbar-nav > li > a:hover,
  .navbar-new .navbar-nav > li > a:active,
  .navbar-new .navbar-nav > li > a:after,
  .navbar-new .navbar-nav > li > a:focus {
    color: #1874cd !important;
  }

  .navbar-brand path {
    fill:#181818;
  }
  .navbar-new .navbar-nav > li > a {
    color:#181818;
  }

  .navbar-better {
    background:#ffffffc0;
  }

  .line {
    stroke: rgb(56, 56, 56);
  }

  .site-container {
    background: #ffffffc0;
  }

  #footer {
    color: #181818;
    background-color: transparent;
  }

  .btnz:active {
    background-color: #1874cd;
  }

  .btnz:focus {
    background-color: #1874cd;
  }

  .btnz {
    background-color: #2020209a;
  }

  #mlkglas-overlay {
    z-index: -1;
    opacity: 1;
  }

  .button-bell:hover path {
    fill: #ffbb00;
  }

  .bell path {
    fill: #353535;
  }

  .ui-bookmark {
    --icon-secondary-color: #353535;
  }

  .sun {
    fill: #ffcc40;
    stroke-width: 0.5; 
    stroke:#272727;
  }
  
  .sun2 {
    fill: #ffcc40;
    stroke-width: 0.5; 
    stroke:#272727;
  }

  .img-logo {
    content: url('../img/logo_d.svg');
  }

  p, em {
    color: #181818;
  }

  h1, h2, h3, h4 {
    color: #181818;
  }

  .arrow path {
    fill: #181818;
  }

  /******************************live-podcast********************************/

  .site-container-live {
    border-radius: 15px;
    background: #383838c7;
    box-shadow: 0.4rem 0.4rem 0.6rem #00000040;
  }

  .site-container-pod {
    border-radius: 15px;
    background: #383838c7;
    box-shadow: 0.4rem 0.4rem 0.6rem #00000040;
  }

  /******************************podcast********************************/

  .infos-ctn > div {
    color: #424242;
    }

  .playlist-track-ctn {
    background-color: #ffffffc0;
  }

  .playlist-track-ctn:hover {
    background-color: #ffffffd8;
  }

  .active-track {
    background-color: #ffffffd8;
  }

  .fas {
    color: #424242;
  }

  .playlist-info-track {
    color: #424242;
  }

  .playlist-duration {
    color: #424242;
  }

  #myProgress {
    background-color: #818181fa;
  }

  .fas:focus, .fas:active, .fas:visited {
    color: #1874cd !important;
  }

  .preload-spinner {
  border: 3px solid #1f1f1fd3;
  border-top: 3px solid #d3d3d3;
 }

 /******************************calendar********************************/

 .notz-date {
  background-color: #ffffffc0;
}

 /******************************button app********************************/

.button-app {
  color: #090909;
  background: #e7e7e7;
  border: 1px solid #e8e8e8;
}

.button-app:hover:after {
  background-color: 	#81c0ff;
}

.btn-img1 {
  background: url("../img/btn/img1-2.webp");
  background-size: cover;
}

.btn-img2 {
  background: url("../img/btn/img2-2.webp");
  background-size: cover;
}

.btn-img3 {
  background: url("../img/btn/cal-2.webp");
  background-size: cover;
}

.btn-img4 {
  background: url("../img/btn/gmaps-2.webp");
  background-size: cover;
}

.btn-img5 {
  background: url("../img/btn/amaps-2.webp");
  background-size: cover;
}

.btn-img6 {
  background: url("../img/btn/omaps-2.webp");
  background-size: cover;
}

.btn-img1:hover,
.btn-img2:hover,
.btn-img3:hover,
.btn-img4:hover,
.btn-img5:hover,
.btn-img6:hover {
  background-size: 110%;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

/******************************pass-request********************************/

.pass-field {
  background-color: #f7f7f7;
}

.inputForm {
  background-color: #7e7e7e;
}

.form input {
  background-color: #7e7e7e;
}

}

/******************************pwa-app********************************/

.install-banner {
  background: #ebebeb;
}

/***************************************************************************/

/***************************************************************************/
/************************** prefers-color-scheme: dark ********************/
/***************************************************************************/
@media (prefers-color-scheme: dark) {
  
  .icon, a:hover {
    color: #81c0ff !important;
  }

  .navbar-new .navbar-toggle {
    background-color: transparent;
  }

  .icon-bar {
    background-color: #cccccc;
  }

  .navbar-new .navbar-toggle:hover,
  .navbar-new .navbar-toggle:active,
  .navbar-new .navbar-toggle:focus {
    background-color: transparent;
  }

  .navbar-new .navbar-nav > li > a:hover,
  .navbar-new .navbar-nav > li > a:active,
  .navbar-new .navbar-nav > li > a:after,
  .navbar-new .navbar-nav > li > a:focus {
    color: #81c0ff;
  }

  .navbar-brand path {
    fill:#ffffff;
  }
  .navbar-new .navbar-nav > li > a {
    color: #ffffff;
  }

  .navbar-better {
    background:#383838c7;
  }

  .line {
    stroke: #ffffff;
  }

  .site-container {
    background: #383838c7;
  }

  #footer {
    color: rgb(255, 255, 255);
    background-color: transparent;
  }

  .btnz:active {
    background-color: #81c0ff;
  }

  .btnz:focus {
    background-color: #81c0ff;
  }
  
  .btnz {
    background-color: #ffffff42;
  }


  #mlkglas-overlay {
    z-index: -12;
    opacity: 0;
  }

  .button-bell:hover path {
    fill: #ffbb00;
  }

  .bell path {
    fill: white;
  }

  .ui-bookmark {
    --icon-secondary-color: #ffffff;
  }

  .sun {
    fill: #ffffff;
    stroke-width: 0; 
    stroke:#ffffff;
  }
  
  .sun2 {
    fill: #ffffff;
    stroke-width: 0; 
    stroke:#ffffff;
  }

  .img-logo {
    content: url('../img/logo.svg');
  }

  p, em {
    color: white;
  }

  h1, h2, h3, h4 {
    color: white;
  }

  .arrow path {
    fill: white;
  }

    /******************************live-podcast********************************/

    .site-container-live {
      background: transparent;
    }
  
    .site-container-pod {
      background: transparent;
    }
  
  
  /******************************podcast********************************/

  .infos-ctn > div {
    color: #ffffff;
    }

  .playlist-track-ctn {
    background-color: #383838c7;
  }

  .playlist-track-ctn:hover {
    background-color: #383838e3;
  }

  .active-track {
    background-color: #383838e3;
  }

  .fas {
    color: #ffffff;
  }

  .playlist-duration {
    color: #ffffff;
  }

  .playlist-info-track {
    color: #ffffff;
  }

  #myProgress {
    background-color: #d9d9f2; 
  }

  .fas:focus, .fas:active, .fas:visited {
    color: #81c0ff !important;
  }

  .preload-spinner {
  border: 3px solid #ffffff4d;
  border-top: 3px solid #ffffff;
 }

  /******************************calendar********************************/

 .notz-date {
  background-color: #383838c7;
  }

/******************************button app********************************/

.button-app {
  color: #ffffff;
  background: #474747;
  border: 1px solid #5e5e5e;
}

.btn-img1 {
  background: url("../img/btn/img1.webp");
  background-size: cover;
}

.btn-img2 {
  background: url("../img/btn/img2.webp");
  background-size: cover;
}

.btn-img3 {
  background: url("../img/btn/cal.webp");
  background-size: cover;
}

.btn-img4 {
  background: url("../img/btn/gmaps.webp");
  background-size: cover;
}

.btn-img5 {
  background: url("../img/btn/amaps.webp");
  background-size: cover;
}

.btn-img6 {
  background: url("../img/btn/omaps.webp");
  background-size: cover;
}

.btn-img1:hover,
.btn-img2:hover,
.btn-img3:hover,
.btn-img4:hover,
.btn-img5:hover,
.btn-img6:hover {
  background-size: 110%;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

/******************************pass-request********************************/

.pass-field {
  background-color: #383838;
}

.inputForm {
  background-color: #2b2b2b;
}

.form input {
  background-color: #2b2b2b;
}

}

/******************************pwa-app********************************/

.install-banner {
  background: #424242;
}


/***************************************************************************/
/************************** lightmode ********************/
/***************************************************************************/
  
body.theme-light .icon, a:hover, body.theme-light .support a {
  color: #181818;
}

body.theme-light .navbar-new .navbar-toggle, body.theme-light .support a {
  background-color: transparent;
}

body.theme-light .icon-bar, body.theme-light .support a {
  background-color: #181818;
}

body.theme-light 
  .navbar-new .navbar-toggle:hover,
  .navbar-new .navbar-toggle:active,
  .navbar-new .navbar-toggle:focus, body.theme-light .support a {
    background-color: transparent;
}

body.theme-light 
  .navbar-new .navbar-nav > li > a:hover, body.theme-light .support a {
    color: #1874cd !important;
}

body.theme-light 
  .navbar-new .navbar-nav > li > a:active, body.theme-light .support a {
    color: #1874cd !important;
}

body.theme-light 
  .navbar-new .navbar-nav > li > a:after, body.theme-light .support a {
    color: #1874cd !important;
}

body.theme-light 
  .navbar-new .navbar-nav > li > a:focus, body.theme-light .support a {
    color: #1874cd !important;
}

body.theme-light .navbar-brand path, body.theme-light .support a {
  fill:#181818;
}

body.theme-light .navbar-new .navbar-nav > li > a, body.theme-light .support a {
  color:#181818;
}

body.theme-light .navbar-better, body.theme-light .support a {
  background:#ffffffc0;
}

body.theme-light .line, body.theme-light .support a {
  stroke: rgb(56, 56, 56);
}

body.theme-light .site-container, body.theme-light .support a {
  background: #ffffffc0;
}

body.theme-light #footer, body.theme-light .support a {
  color: #181818;
  background-color: transparent;
}

body.theme-light .btnz:active, body.theme-light .support a {
  background-color: #1874cd;
}

body.theme-light .btnz:focus, body.theme-light .support a {
  background-color: #1874cd;
}

body.theme-light .btnz, body.theme-light .support a {
  background-color: #2020209a;
}

body.theme-light #mlkglas-overlay, body.theme-light .support a {
  z-index: -1;
  opacity: 1;
}

body.theme-light .button-bell:hover path, body.theme-light .support a {
  fill: #ffbb00;
}

body.theme-light .bell path, body.theme-light .support a {
  fill: #353535;
}

body.theme-light .ui-bookmark, body.theme-light .support a {
  --icon-secondary-color: #353535;
}

body.theme-light .sun, body.theme-light .support a {
    fill: #ffcc40;
    stroke-width: 0.5; 
    stroke:#272727;
}
  
body.theme-light .sun2, body.theme-light .support a {
    fill: #ffcc40;
    stroke-width: 0.5; 
    stroke:#272727;
}

body.theme-light .img-logo, body.theme-light .support a {
  content: url('../img/logo_d.svg');
}

body.theme-light p, body.theme-light, body.theme-light em, body.theme-light .support a {
  color: #181818;
}

body.theme-light h1, body.theme-light, body.theme-light h2, body.theme-light,
body.theme-light h3, body.theme-light, body.theme-light h4, body.theme-light .support a {
  color: #181818;
}

body.theme-light .arrow path, body.theme-light .support a {
  fill: #181818;
}

/******************************live-podcast********************************/

body.theme-light 
.site-container-live, body.theme-light .support a {
  border-radius: 15px;
  background: #383838c7;
  box-shadow: 0.4rem 0.4rem 0.6rem #00000040;
}

body.theme-light 
.site-container-pod, body.theme-light .support a {
  border-radius: 15px;
  background: #383838c7;
  box-shadow: 0.4rem 0.4rem 0.6rem #00000040;
}


/******************************podcast********************************/

body.theme-light .infos-ctn > div, body.theme-light .support a {
  color: #424242;
}

body.theme-light .playlist-track-ctn, body.theme-light .support a {
  background-color: #ffffffc0;
}

body.theme-light .playlist-track-ctn:hover, body.theme-light .support a {
  background-color: #ffffffd8;
}

body.theme-light .active-track, body.theme-light .support a {
  background-color: #ffffffd8;
}

body.theme-light .fas, body.theme-light .support a {
    color: #424242;
}

body.theme-light .playlist-info-track, body.theme-light .support a {
    color: #424242;
}

body.theme-light .playlist-duration, body.theme-light .support a {
    color: #424242;
}

body.theme-light  #myProgress, body.theme-light .support a {
  background-color: #818181fa;
}

body.theme-light 
.fas:focus, body.theme-light .support a {
  color: #1874cd !important;
}

body.theme-light 
.fas:active, body.theme-light .support a {
  color: #1874cd !important;
}

body.theme-light  
.fas:visited, body.theme-light .support a {
  color: #1874cd !important;
}

body.theme-light .preload-spinner, body.theme-light .support a {
  border: 3px solid #1f1f1fd3;
  border-top: 3px solid #d3d3d3;
}


/******************************calendar********************************/

 body.theme-light .notz-date, body.theme-light .support a  {
  background-color: #ffffffc0;
}

/******************************button app********************************/

body.theme-light .button-app, body.theme-light .support a {
  color: #090909;
  background: #e7e7e7;
  border: 1px solid #e8e8e8;
}

body.theme-light .button-app:hover:after, body.theme-light .support a {
  background-color: 	#81c0ff;
}

body.theme-light .btn-img1, body.theme-light .support a {
  background: url("../img/btn/img1-2.webp");
  background-size: cover;
}

body.theme-light .btn-img2, body.theme-light .support a {
  background: url("../img/btn/img2-2.webp");
  background-size: cover;
}

body.theme-light .btn-img3, body.theme-light .support a {
  background: url("../img/btn/cal-2.webp");
  background-size: cover;
}

body.theme-light .btn-img4, body.theme-light .support a {
  background: url("../img/btn/gmaps-2.webp");
  background-size: cover;
}

body.theme-light .btn-img5, body.theme-light .support a {
  background: url("../img/btn/amaps-2.webp");
  background-size: cover;
}

body.theme-light .btn-img6, body.theme-light .support a {
  background: url("../img/btn/omaps-2.webp");
  background-size: cover;
}

body.theme-light
.btn-img1:hover, body.theme-light
.btn-img2:hover, body.theme-light
.btn-img3:hover, body.theme-light
.btn-img4:hover, body.theme-light
.btn-img5:hover, body.theme-light
.btn-img6:hover, body.theme-light .support a {
  background-size: 110%;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

/******************************pass-request********************************/

body.theme-light .pass-field, body.theme-light .support a {
  background-color: #f7f7f7;
}

body.theme-light .inputForm, body.theme-light .support a {
  background-color: #7e7e7e;
}

body.theme-light .form input, body.theme-light .support a {
  background-color: #7e7e7e;
}
  
/******************************pwa-app********************************/

body.theme-light .install-banner, body.theme-light .support a {
  background: #ebebeb;
}

/***************************************************************************/
/*********************************** darkmode ******************************/
/***************************************************************************/
    
body.theme-dark .icon, a:hover, body.theme-dark .support a {
  color: #81c0ff !important;
}

body.theme-dark .navbar-new .navbar-toggle, body.theme-dark .support a {
  background-color: transparent;
}

body.theme-dark .icon-bar, body.theme-dark .support a {
  background-color: #cccccc;
}

body.theme-dark 
  .navbar-new .navbar-toggle:hover,
  .navbar-new .navbar-toggle:active,
  .navbar-new .navbar-toggle:focus, body.theme-dark .support a {
    background-color: transparent;
}

body.theme-dark 
  .navbar-new .navbar-nav > li > a:hover, body.theme-dark .support a {
    color: #81c0ff;
}

body.theme-dark 
  .navbar-new .navbar-nav > li > a:active, body.theme-dark .support a {
    color: #81c0ff;
}

body.theme-dark 
  .navbar-new .navbar-nav > li > a:after, body.theme-dark .support a {
    color: #81c0ff;
}

body.theme-dark 
  .navbar-new .navbar-nav > li > a:focus, body.theme-dark .support a {
    color: #81c0ff;
}

body.theme-dark .navbar-brand path, body.theme-dark .support a {
  fill:#ffffff;
}

body.theme-dark .navbar-new .navbar-nav > li > a, body.theme-dark .support a {
  color: #ffffff;
}

body.theme-dark .navbar-better, body.theme-dark .support a {
  background:#383838c7;
}

body.theme-dark .line, body.theme-dark .support a {
  stroke: #ffffff;
}

body.theme-dark .site-container, body.theme-dark .support a {
  background: #383838c7;
}

body.theme-dark #footer, body.theme-dark .support a {
  color: rgb(255, 255, 255);
  background-color: transparent;
}

body.theme-dark .btnz:active, body.theme-dark .support a {
  background-color: #81c0ff;
}

body.theme-dark .btnz:focus, body.theme-dark .support a {
  background-color: #81c0ff;
}

body.theme-dark .btnz, body.theme-dark .support a {
  background-color: #ffffff42;
}


body.theme-dark #mlkglas-overlay, body.theme-dark .support a {
  z-index: -12;
  opacity: 0;
}

body.theme-dark .button-bell:hover path, body.theme-dark .support a {
  fill: #ffbb00;
}

body.theme-dark .bell path, body.theme-dark .support a {
  fill: white;
}

body.theme-dark .ui-bookmark, body.theme-dark .support a {
  --icon-secondary-color: #ffffff;
}

body.theme-dark .sun, body.theme-dark .support a {
  fill: #ffffff;
  stroke-width: 0; 
  stroke:#ffffff;
}
  
body.theme-dark .sun2, body.theme-dark .support a {
  fill: #ffffff;
  stroke-width: 0; 
  stroke:#ffffff;
}

body.theme-dark .img-logo, body.theme-dark .support a {
  content: url('../img/logo.svg');
}


body.theme-dark p, body.theme-dark, body.theme-dark em, body.theme-dark .support a {
  color: white;
}

body.theme-dark h1, body.theme-dark, body.theme-dark h2, body.theme-dark,
body.theme-dark h3, body.theme-dark, body.theme-dark h4, body.theme-dark .support a {
  color: white;
}


body.theme-dark .arrow path, body.theme-dark.support a {
  fill: white;
}

/******************************live-podcast********************************/

body.theme-dark 
.site-container-live, body.theme-dark .support a {
  background: transparent;
}

body.theme-dark 
.site-container-pod, body.theme-dark .support a {
  background: transparent;
}


/******************************podcast********************************/

body.theme-dark .infos-ctn > div, body.theme-dark.support a {
  color: #ffffff;
}

body.theme-dark .playlist-track-ctn, body.theme-dark.support a {
    background-color: #383838c7;
}

body.theme-dark .playlist-track-ctn:hover, body.theme-dark .support a {
  background-color: #383838e3;
}

body.theme-dark .active-track, body.theme-dark .support a {
  background-color: #383838e3;
}

body.theme-dark .fas, body.theme-dark.support a {
  color: #ffffff;
}

body.theme-dark .playlist-info-track, body.theme-dark.support a {
    color: #ffffff;
}

body.theme-dark .playlist-duration, body.theme-dark.support a {
    color: #ffffff;
}

body.theme-dark #myProgress, body.theme-dark.support a {
  background-color: #d9d9f2; 
}

body.theme-dark .notz-date, body.theme-dark.support a {
  background-color: #383838c7;
}

body.theme-dark 
.fas:focus, body.theme-dark .support a {
  color: #81c0ff !important;
}

body.theme-dark 
.fas:active, body.theme-dark .support a {
  color: #81c0ff !important;
}

body.theme-dark  
.fas:visited, body.theme-dark .support a {
  color: #81c0ff !important;
}

body.theme-dark .preload-spinner, body.theme-dark .support a {
  border: 3px solid #ffffff4d;
  border-top: 3px solid #ffffff;
}

/******************************button app********************************/

body.theme-dark .button-app, body.theme-dark.support a {
  color: #ffffff;
  background: #474747;
  border: 1px solid #5e5e5e;
}

body.theme-dark .btn-img1, body.theme-dark .support a {
  background: url("../img/btn/img1.webp");
  background-size: cover;
}

body.theme-dark .btn-img2, body.theme-dark .support a {
  background: url("../img/btn/img2.webp");
  background-size: cover;
}

body.theme-dark .btn-img3, body.theme-dark .support a {
  background: url("../img/btn/cal.webp");
  background-size: cover;
}

body.theme-dark .btn-img4, body.theme-dark .support a {
  background: url("../img/btn/gmaps.webp");
  background-size: cover;
}

body.theme-dark .btn-img5, body.theme-dark .support a {
  background: url("../img/btn/amaps.webp");
  background-size: cover;
}

body.theme-dark .btn-img6, body.theme-dark .support a {
  background: url("../img/btn/omaps.webp");
  background-size: cover;
}

body.theme-dark
.btn-img1:hover, body.theme-dark
.btn-img2:hover, body.theme-dark
.btn-img3:hover, body.theme-dark
.btn-img4:hover, body.theme-dark
.btn-img5:hover, body.theme-dark
.btn-img6:hover, body.theme-dark .support a {
  background-size: 110%;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

/******************************pass-request********************************/

body.theme-dark .pass-field, body.theme-dark.support a {
  background-color: #383838;
}

body.theme-dark .inputForm, body.theme-dark .support a {
  background-color: #2b2b2b;
}

body.theme-dark .form input, body.theme-dark .support a {
  background-color: #2b2b2b;
}

/******************************pwa-app********************************/

body.theme-dark .install-banner, body.theme-dark .support a {
  background: #424242;
}