@import url("../fonts/fontawesome/css/font-awesome.min.css");
 
@font-face {
  font-family: 'source-sans-pro';
  src: url('../fonts/source-sans-pro/SourceSans3-VariableFont_wght.ttf') format("truetype-variations");
  font-weight: 1 999;
}


/*body, html { background-color:transparent!important;  padding:0px;   }
body {}
.container-fluid {margin-bottom: 0px; margin-top:40px;}
*/

body   {background-color:rgb(255 ,255 ,255 , 0.90)!important; padding: 0px 0px  0px 0px;}
/**/   h2 { }
  p {}

#HSContent h1 {font-family:'source-sans-pro';  font-variation-settings:'wght' 600, 'wdth' 100; margin:0px; padding:0px;font-size:45px;}
#HSContent  h2 {font-family: 'source-sans-pro'; font-variation-settings: 'wght' 300, 'wdth' 100;
  font-size: 40px;line-height: 100%;text-transform: none;color: #1C1D22;
                margin: 0px 0px 20px 0px;padding: 0px;}
#HSContent h3 {font-family:'source-sans-pro';  font-variation-settings:'wght' 100, 'wdth' 100;font-size:20px;}
#HSContent  p {font-family:'source-sans-pro';font-variation-settings:'wght' 340, 'wdth' 100; font-size:20px;margin:0px 0px 20px 0px ; padding:0px; line-height:130%;}
#HSContent  p.overline {font-family:'source-sans-pro'; font-weight:500;font-size:16px; color:rgb(0 ,0 ,0 , 0.64);margin:0px 0px 20px 0px ;}
#HSContent  p.overline2 {font-family:'source-sans-pro'; font-weight:500;font-size:16px; color:rgb(0 ,0 ,0 , 0.64);margin:0px 0px 7px 0px ; 
                         border-bottom: 2px solid #F8DE34;display: inline-block;}

#HSContent .abb {margin-top:0px;position:relative;  /*max-width:50%;max-height:calc(100vh - 160px);*/  border:0px solid #f00; /*float:left;margin:0px 20px 10px 0px;*/}
#HSContent .abb img {max-height:calc(100vh - 180px); max-width:100%;  margin-bottom:5px; margin-left:0px;}
#HSContent .abb .bu p {font-family:'source-sans-pro';font-variation-settings:'wght' 100, 'wdth' 100; font-size:12px;padding-left:33px;}
#HSContent .bilder {float:left;max-width:50%;margin:0px  30px 10px -34px;}
#HSContent .kastenKidsAudio .bilder {float:inherit;max-width:100%;margin:0px 0px 10px 0px;}

#divHSInhalt {  position: relative; border-radius:0px; background-color:rgb(255 ,255 ,255 , 0.95); border-right: 0px; display: none; 
                margin: auto; width: 80%; max-width: 1000px; top: 10px; height: calc(100% - 88px); z-index: 999;}
#divHSInhalt #HSContent {   position:absolute; margin-top:50px;margin-bottom:10px; padding:0px 30px  0px 22px; width:100%; 
                            height:calc(100% - 60px);overflow:hidden!important;border:0px solid #f00;}

#divHSInhalt ul {font-size:14px; clear:both; background-color:#EFD4CB; margin-left:-35px; width:80%;  display: block; margin-bottom:20px; padding:20px 20px 20px 35px ; list-style:none;}
#divHSInhalt ul li { padding:0px;}
#divHSInhalt ul li strong { min-width:20%;padding-right:20px;display:inline-block;}


#divHSInhalt #HSContent #content {position:relative;padding-bottom:20px;margin-top:10px;height: 97.7%; }
#divHSInhalt #closeHS {  position: absolute; right: 5px;
  top: 5px;
  margin-top: 0px;
  padding: 12px 0px 0px 13px;
  height: 50px;
  width: 50px;
  border: 1px solid #000;
  background-color: transparent;}
#divHSInhalt #closeHS:hover {cursor:pointer!important; 
  background-color: #F8DE34;}


#divHSInhalt  .weiterrunter {position:absolute; bottom:10px!important; left:calc(50% - 10px);height:14px;}
#divHSInhalt  .ganzhoch {position:absolute; bottom:20px!important; left:calc(50% - 10px);height:14px;}

#divHSInhalt #OverLineKasten{display:none;/* padding: 10px 30px 0px 20px;
border-bottom-right-radius: 2px;
border-top-left-radius: 2px;
background-color: #F8DE34;
color: #1C1D22;
float: left;
font-family: 'source-sans-pro';font-variation-settings:'wght' 400, 'wdth' 100; 
font-size: 18px;
height: 50px;*/}
#divHSInhalt .text p {font-size:14px;}

.btnVergroessern{text-align: center;
  position: absolute;
  left: 5px;
  top: 3px;
  padding-top: 5px;
  top: 0px;
  width: 30px;
  height: 22px;
  color: #fff;
  z-index: 9999;}

.os-theme-dark > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle {
    background-color:#fcf712!important;
}
.os-theme-dark > .os-scrollbar-vertical, .os-theme-light > .os-scrollbar-vertical {width:6px!important;}
.os-scrollbar-vertical{right:17px!important;}

.notAbb, .ganzhoch {display:none!important;}


@media  (max-width:600px)  {
     #divHSInhalt {width:calc(100% - 20px);}
 #HSContent {padding:0px 0px 0px 0px !important;}
#HSContent      .bilder { max-width:100%;   float:inherit;margin:0px 0px  0px 0px;}
#HSContent  .abb img {max-height:inherit;  }
#HSContent .abb .bu p { padding-left:0px;}

.os-scrollbar-vertical{right: 7px!important;}

 #divHSInhalt ul{width:calc(100% + 40px); }


 
}
@media  (max-width:767px)  {
    #HSContent  p {  font-size:16px;font-size:19px;}
    #HSContent .abb .bu p { font-size:14px; }
}

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px)  { 
    #HSContent  p {  font-size:16px;font-size:19px;}
    #HSContent .abb .bu p { font-size:14px; }

}