
/*@import url("../fonts/style.css");*/


@font-face {
  font-family: 'HindSiliguri';
  src: url('../fonts/HindSiliguri-Medium.ttf') format("truetype");
}
@font-face {
  font-family: 'HindSiliguri-light';
  src: url('../fonts/HindSiliguri-Light.ttf') format("truetype");
}
@font-face {
  font-family: 'HindSiliguri-bold';
  src: url('../fonts/HindSiliguri-Bold.ttf') format("truetype");
}


@font-face {
  font-family: 'Vollkorn';
  src: url('../fonts/Vollkorn/Vollkorn-VariableFont_wght.ttf') format("truetype-variations");
  font-weight: 1 999;
}

#startDE #FuehrungListe ,#startDE #FuehrungListe li { list-style:none;margin:0px; padding:0px;line-height:100%;}
#startDE #FuehrungListe a {color:#000;text-decoration:none;font-size:14px;margin:0px; padding:0px;}
#startDE #FuehrungListe a:before { content: '\f0da\a0\a0'; font-family: FontAwesome; color: #AD2029; }
#startDE #FuehrungListe a:hover { color: #AD2029; }

body, html {font-family:'HindSiliguri'; background-color:#fff; /* height: 100vh;  overflow: hidden; */}

h1 {font-family:'HindSiliguri'; line-height:100%; font-variation-settings:'wght' 600, 'wdth' 100;letter-spacing:-1px; /* font-weight:629;*/ 
    margin:0px 0px 20px 0px ;  text-transform:uppercase;
    padding:0px;font-size:35px;}
h2 {font-family:'HindSiliguri';font-variation-settings:'wght' 100, 'wdth' 100; line-height:100%; margin:0px 0px 40px 0px ;  
    padding:0px;font-size:31px;text-transform:uppercase;}
h3 {font-family:'HindSiliguri';  font-size:20px;}
p {font-family:'Vollkorn';font-variation-settings:'wght' 100, 'wdth' 100; font-size:20px;margin:0px; padding:0px; line-height:120%;}

/*#index h1 {font-size:}*/

.startK    { margin-bottom:18px;}
.startK .textinfo  { background-color:#AC1D2F;padding:5px 10px 5px 13px;}
.startK a    { color:#fff;text-decoration:none!important;}
.startK .textinfo.text-right  {text-align:right;}
.startK .bild {margin-bottom:0px;}
.startK p {font-family:'HindSiliguri-bold'; font-size:16px;color:rgb(255, 255, 255 , 1);}

.startK2  { margin:20px 0px 10px 0px ;}
.startK2 h2 {font-family:'HindSiliguri-bold';font-size:16px!important;margin:0px 0px 10px 0px ;}
.startK2 p {font-family:Georgia;font-size:14px; margin-bottom:5px;}

.buttonstart {border-bottom:1px solid #483F35; cursor:pointer; padding:0px 20px 3px 0px; text-decoration:none;
              color:#483F35;font-family:'Vollkorn'; font-weight:600;font-size:15px;
}
.abstandbtns {width:10px; display: inline-block;}
.btnNavi {margin:0px 2px 0px 2px; text-decoration:none; border:0px solid #483F35; padding:0px 0px 0px 0px;color:#483F35; }
.btnNavi i {font-size:15px;}
 .btnNaviMitte {padding:0px 5px 0px 5px;margin-top:-2px;-webkit-user-select: none; 
                -webkit-user-select: none;
        -webkit-touch-callout: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
 }
/*Themen*/
.scrollbereich  p { font-size: 15px; margin: 10px 30px 10px 40px;font-variation-settings:'wght' 400, 'wdth' 100; }
.scrollbereich h3 { margin: 10px 0px 0px 10px; font-size: 18px;  }
p.audiodesc { display: none; }
      
.swiper-container { width: calc(100% - 20px); height: 100%; }
.swiper-slide { text-align: center; font-size: 18px;  margin-top: 10px;  text-align: left; position: relative; }
.swiper-slide .inner { padding: 0px 0px 10px 0px;width:100%;   }
.swiper-slide .inner .scrollbereich { padding: 0px 0px 15px 0px; overflow: auto; max-height: calc(100vh - 180px); }
.call { font-family: 'Vollkorn', sans-serif; font-size: 14px; font-weight: 600; color: rgb(0,0,0, 0.65) }
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background-color:#AD2029;}
.swiper-container-horizontal > .swiper-pagination-progressbar, 
.swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{ top:6px;height:3px; }

        .closeKap {float:right;line-height:100%;margin:-4px 5px 0px 0px; cursor:pointer;}
        .closeKap img {width:20px;}
        .scrollbereich {background-color:rgb(255, 255, 255 , 0.79);border-bottom-left-radius:2px; border-bottom-right-radius:1px;}

        .scrollbereich h1 {font-size:18px;font-weight:600;font-family:'HindSiliguri';margin:15px 10px 0px 10px;
                            
        }
        .scrollbereich h2 {font-size:14px;font-weight:400;font-family:'HindSiliguri';margin:0px 10px 0px 10px;}
        .scrollbereich p {margin:10px 10px 10px 10px;font-family:'Vollkorn';font-weight:400;font-size:14px;}


        #weiter.swiper-button-next {   cursor:pointer; background-color:#ad2029;width:40px!important; height:40px;}
        #zurueck.swiper-button-prev {  cursor:pointer;background-color:#ad2029;width:40px!important; height:40px;}
        #weiter.swiper-button-next::after { color:#fff;  font-size:22px!important;  }
        #zurueck.swiper-button-prev::after {  color:#fff; font-size:22px!important;  }
 
        #btnZurAusst {font-size:12px;line-height:100%;margin-top:-90px!important;}

/*Rundgang*/
#infoTitel {font-family:'HindSiliguri'; position:absolute; z-index:9; top:15px; left:20px;
             font-size: calc(14px + (16 - 8) * ((100vw - 480px) / (1600 - 480))); color:rgb(255 ,255 ,255, 0.6);
             font-variation-settings:'wght' 500, 'wdth' 100;
}
/*
#MenueInhalt {position:absolute;right:-100vw;  width:40vw; min-width:300px; top:20px; height:calc(100vh - 90px); z-index:10;background-color:rgb(255, 255 ,255 , 0.5);}
#MenueInhalt ul ,#MenueInhalt ul li{ margin:0px 0px 0px 0px ; padding:0px; list-style:none;}
#MenueInhalt ul {margin-top:30px;}
#MenueInhalt ul li   {padding:3px 0px;}
#MenueInhalt ul li a {color:#bd0000;font-family:'Vollkorn'; font-weight:350; text-decoration:none;
                      font-size: calc(14px + (16 - 8) * ((100vw - 480px) / (1600 - 480)));  }    
*/

#TourlisteWrapper {height: calc(100vh - 155px);overflow:auto;padding-right:20px;}

#MenueInhalt{width:calc(54vw - 20px); font-size:15px;}
#MenueInhalt ul ,#MenueInhalt ul li{ list-style:none;margin:0px; padding:0px;line-height:125%;}
#MenueInhalt ul li {padding:0px 5px 6px 0px ;}
#MenueInhalt   a {color:#000; text-decoration:none; border-bottom:0px solid #000;padding-right:15px;font-size:15px;font-family:'Vollkorn'!important;}
#MenueInhalt   a:hover {color:#ad2029; border-bottom:1px solid #ad2029; }
#MenueInhalt ul li ul {margin-left:20px;}
#MenueInhalt ul li ul li {padding-top:10px;}
#MenueInhalt a:before { content: '\f0da\a0\a0'; font-family: FontAwesome; color: #AD2029; }
#MenueInhalt li.ohneIcon a:before { content: ''; font-family: FontAwesome; color: #AD2029; }
#MenueInhalt li.ohneIcon i {  color: #AD2029;padding-right:5px;margin-left:-5px!important }
#MenueInhalt h3 {  font-family:'HindSiliguri'!important;color:#000;font-weight:normal;letter-spacing:-0.1px; 
                 margin-bottom:5px; color:#ad2029;font-size:15px;}
#MenueInhalt hr {width:10%; border:none; border-bottom:2px solid #AD2029;opacity:1;}

/*#MenueInhalt a.asButton:before {content:'';}
#MenueInhalt a.asButton {border:2px solid #ad2029; padding:2px 10px 0px 10px ; color:#AD2029;}
#MenueInhalt a.asButton:hover {background-color:#AD2029;color:#fff;}
*/
#MenueInhalt a.asButton:before {content:'';}
#MenueInhalt a.asButton {border:0px solid #ad2029; padding: 0px ; color:#AD2029;}
#MenueInhalt a.asButton:hover { color:#ad2029;}



/*swiper*/
:root {
  --swiper-theme-color: #BB2324;
  --swiper-navigation-size: 25px;
}
/*.swiper-button-prev {margin-left:-7px;}
.swiper-button-next {margin-right:-7px;}
*/.swiper-pagination-progressbar {
    background: rgb(255, 255, 255 , 0);    
}
.swiper-container-horizontal > .swiper-pagination-progressbar, .swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    /*height: 6px;*/
}
.infoKap{background-color:rgb(255, 255,255, 0.18);
         font-family:'HindSiliguri-light'!important;
    font-size:13px;  color:#bd0000; color:#fff; padding:5px 0px 5px 10px;
    line-height:100%;}



#AufgStart {max-width: 500px;margin-right:20px; height: auto;
    background-color:#fff; position:absolute; top:100px; left:20px; z-index:2;}
#AufgStart .marker { background-color:#BB2324;color:#fff;padding:10px 50px 0px 10px;margin-left:-20px;
                     font-family: 'Vollkorn', sans-serif;font-size:12px;font-weight:900;   }
#AufgStart h1 {font-size:20px;font-weight:900; margin:10px 0px 5px 15px;font-family: 'Vollkorn', sans-serif; }
#AufgStart h2 {font-size:15px;margin:0px 0px 15px 15px;  }
#AufgStart p {font-size:14px;margin:0px 15px 10px 15px;}
#AufgStart #btn_auswahlInterakt {font-family: 'Vollkorn', sans-serif;font-weight:900; margin:10px;font-size:14px; }

/*Absätze*/
#InhaltSlider { font-family:'Vollkorn'!important;}
#InhaltSlider .abs_abbgross img {float:left; width:100%!important;margin:0px 15px 10px 0px;}
#InhaltSlider .abs_abbtext .abb {float:left; width:40%!important;margin:0px 15px 10px 0px;}
#InhaltSlider .abs_abbtext .abb   {font-size:11px;line-height:120%; font-variation-settings:'wght' 520, 'wdth' 90;}
#InhaltSlider .abs_abbtext h2   {font-size:12px;line-height:100%;margin: 10px 10px 10px 10px; font-variation-settings:'wght' 500, 'wdth' 100;}
#InhaltSlider .abs_abbtext p.bu {margin-left:20px;padding-left:10px; border-left:1px solid rgb(0,0,0, 0.65); font-size:11px;line-height:120%; font-variation-settings:'wght' 600, 'wdth' 90;}
#InhaltSlider .abs_text p.bu { padding-left:10px; border-left:1px solid rgb(0,0,0, 0.65); font-size:11px;line-height:120%; font-variation-settings:'wght' 600, 'wdth' 90;}

/*#InhaltSlider .absaudio audio {margin:10px;}*/

/*Zoom*/
#fensterBild {display:none; position:fixed; left:0px; top:0px; height:calc(100vh - 0px);
    border:0px solid #000;width:calc(100% - 0px); 
    z-index:999999995;background-color:rgb(255, 255 ,255 , 0.9);background-image:url(''); 
    background-size:contain; background-repeat:no-repeat; background-position:left top;}
#fensterBildClose {position:absolute; right:0px; top:0px;padding:8px 10px 20px 20px;}
#fensterBildClose i {text-shadow: 0px 0px 1px rgba(0, 0, 0, 1);cursor:pointer; font-size:22px;color:#fff;}
#fensterBildBu {position:absolute; left:0px; bottom:0px; max-width:100%;font-size:15px;  }
#fensterBildBu span  { padding:3px 10px 3px 10px; background-color:rgba(255, 255, 255, 0.7)}


/*iv*/
#IV {max-width: 500px;width:calc(100% - 30px);left:10px; bottom:70px;
     display:none;background-color:rgb(255, 255 ,255, 0.84); min-height:300px;  
            height:calc(100% - 82px);position:absolute;  z-index:9;border-radius:1px;
            background-image:url('../img/streifen40.gif');background-repeat: repeat-y; background-size:6px;
}
#IVContent   {/*font-family:'HindSiliguri';*/
              font-family:'Vollkorn';font-variation-settings:'wght' 100, 'wdth' 100; font-size:15px;}
#IVContent h2 {font-family:'HindSiliguri';font-size:14px;margin:0px 0px 15px 0px ; }
#IVContent h3 {font-family:'HindSiliguri-bold';font-size:16px;margin:0px 0px 15px 0px ; font-weight:normal; color:#AD2029; }
#IVContent ul  {  list-style:none; margin:0px; padding: 0px 10px 10px  0px;}
#IVContent ul li {   margin:0px; padding:0px 0px 0px 0px ;}
#IVContent ul li:before {content:'\f0da\a0\a0';font-family:FontAwesome; color:#AD2029;}
#IVContent ul li {padding-bottom:5px;line-height:110%;}
#IVContent a {text-decoration:none;color:#000;}
#IVContent a:hover {text-decoration:underline;color:#AD2029;}





#startkasten {position:absolute; left: 0px; top: 0px; width:40vw;border:0px solid #f00; height:calc(100vh - 10px);
              min-width:450px;
}
#startDE {position:relative;  
          width:100%; background-color:rgb(170 ,164 ,155 , 0.54);
          background-color:rgb(255 ,255,255, 0.9); height:100vh;
}
#index h1 { font-size:2.5vw;}
#index h2 { font-size:2.1vw;}
#logos {position:relative;   width:100%; background-color:rgb(170 ,164 ,155 , 0.1); height:calc(30vh - 10px); }
#logos img {width:7vw;margin-right:2vw;float:left;}
#logoshape {position:absolute; bottom:0px; left:0vw;width:51.7vw;border:0px solid #f00;z-index:1;
            
}
#logoshape img { width:20%;float:right; }

#btnMenu{position:absolute; right:0px; top:0px; z-index:9; cursor:pointer;padding:20px;}
#btnMenu img {width:3vw;}

@media only screen and (max-width: 750px) {
  #startkasten {  width:calc(100vw - 20px); }
  #startDE{}
  
  .startK2  { margin:inherit;padding:inherit;margin-left:12px;padding-right:25px!important;}


#logos img {width:22vw;margin-right:2vw;float:left;}
#logoshape { width:105vw; }
#logoshape img { width:17%;  }

#btnMenu{ }
#btnMenu img {width:6vw;}

 #index h1 { font-size:5.2vw;}
 #index h2 { font-size:4.5vw;}

}
@media only screen and (max-width: 750px) {
#startkasten { min-width:100vw;
}
}



#divHSInhalt { position: relative; border-radius: 1px; background-color: rgb(255,255,255, 0.9);
border-right: 0px; display: none; margin: auto; width: 90%; max-width: 1600px;
top: 20px; height: calc(100% - 78px); z-index: 999999; }

#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 #HSContent #content { position: relative; }
#divHSInhalt .closeHS { position: absolute; right: 10px; top: 7px; margin-top: 0px;}


#divHSInhaltEinf_DE  { position: absolute; border-radius: 2px; background-color: rgb(255,255,255, 0.95);
border-right: 0px; display:none; left:46.5%; width: 53%; max-width: 1000px;
top: 10px; height: calc(100vh - 70px); z-index: 999; }
#divHSInhaltEinf_DE { font-family:'Vollkorn'!important;}
#divHSInhaltEinf_DE p{font-family: Vollkorn;  margin:0px 0px 20px 0px;font-size:16px;font-variation-settings:'wght' 200, 'wdth' 120;}
#divHSInhaltEinf_DE  p strong {font-family: Vollkorn; font-variation-settings:'wght' 500, 'wdth' 120;}
#divHSInhaltEinf_DE h1 { font-family:HindSiliguri;font-weight:normal; font-size:22px; letter-spacing:-1px;line-height:120%;}
#divHSInhaltEinf_DE  h1 small{font-family:HindSiliguri; font-size:20px; font-weight:normal;letter-spacing:-1px;line-height:120%;}
#divHSInhaltEinf_DE #HSContent_DE { position: absolute; margin-top: 50px; margin-bottom: 10px; padding: 0px 30px 0px 22px;
        width: 100%;  height:calc(100vh - 80px); overflow:auto; margin:30px 0px 30px 0px;padding-right:60px;
        }

#divHSInhaltEinf_DE #HSContent_DE #content,
 #divHSInhaltEinf_DE .closeHS { position: absolute; right: 10px; top: 7px; margin-top: 0px;}
 
#btnAboutDe1 {color:#000;text-decoration:none;border-bottom:1px solid #000;padding: 0px 20px 3px 0px;font-weight: 600;} 
 
.os-theme-dark > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle { background-color:#bd0000!important;}
.os-theme-dark > .os-scrollbar-vertical, .os-theme-light > .os-scrollbar-vertical {width:6px!important;}
.os-scrollbar-vertical{right:17px!important;}


#impressum hr {display:block;opacity:1.0; width:200px;max-width:90%;border-width:0px; border-bottom:1px solid #000!important;}
#impressum h1 {margin: 0px 0px 20px 0px!important;}
#impressum h2 { font-family:HindSiliguri; font-weight:normal; font-size:16px;margin: 0px 0px 20px 0px!important;}
#impressum p strong { font-variation-settings:'wght' 600, 'wdth' 120; }

@media only screen and (max-width: 750px) {
    #MenueInhalt{width:calc(100vw - 20px);}

    #divHSInhaltEinf_DE {  left:10px; width: calc(100% - 20px);    }


}
img {
  -webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-o-user-select: none;
-ms-user-select: none;
user-select: none;

-webkit-user-drag: none;
-khtml-user-drag: none;
-moz-user-drag: none;
-o-user-drag: none;
-ms-user-drag: none;
user-drag: none;
}