/*@import url("../fonts/style.css");*/


/*@font-face {
  font-family: 'source-sans-pro';
  src: url('../fonts/source-sans-pro-Medium.ttf') format("truetype");
}
@font-face {
  font-family: 'source-sans-pro-light';
  src: url('../fonts/source-sans-pro-Light.ttf') format("truetype");
}
@font-face {
  font-family: 'source-sans-pro';
  src: url('../fonts/source-sans-pro.ttf') format("truetype");
}
*/

@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 {font-family:'source-sans-pro',sans-serif; background-color:#fff; /* height: 100vh;  overflow: hidden; */}

.clearfix {clear:both;}

h1 {  line-height:100%; font-variation-settings:'wght' 600, 'wdth' 100;letter-spacing:-1px; /* font-weight:629;*/ 
    margin:0px 0px 20px 0px ;   
    padding:0px;font-size:35px;}
h2 { font-variation-settings:'wght' 100, 'wdth' 100; line-height:100%; margin:0px 0px 40px 0px ;  
    padding:0px;font-size:31px; }
h3 {   font-size:20px;}
p { font-variation-settings:'wght' 100, 'wdth' 100; font-size:20px;margin:0px; padding:0px; line-height:120%;}
.text-right {text-align:right;}

.btn {background-color:#000;color:#fff;border-radius:0;border:1px solid #fff;line-height:130%; 
      font-variation-settings:'wght' 300;text-align:left;}
.btn:hover {background-color:#F8DE34;color:#000!important;}
.btn.btnwhite {background-color:#fff;border:1px solid #000;}
.btn.btnwhite:hover {background-color:#F8DE34;}
.btn.btntrans {background-color:transparent;border:1px solid #000;}
.btn.btntrans:hover {background-color:#F8DE34;}
.btn.aktiv {background-color:#F8DE34!important;}
/*#index h1 {font-size:}*/

/*#menue_lang {position:absolute; top:20px; right:40px;white-space:nowrap;font-variation-settings:'wght' 400;font-size:22px;color:#fff; float:right;width:52px;height:52px; z-index:999}*/
#menue_lang {position:absolute; top:30px; right:calc(5% - 15px);white-space:nowrap;font-variation-settings:'wght' 400;
             color:#fff;   z-index:999}
#menue_lang a {text-decoration:none;color:#fff; font-size:20px!important;margin-right:15px;}
#menue_lang a.aktiv {color:#F8DE34;color:#000;}
#menue_lang a:hover {text-decoration:underline!important;color:#000!important;}

.startK    { margin-bottom:18px; position:relative;}
.startK .textinfo  { background-color:#AC1D2F;width:100%;font-weight:900; padding:5px 10px 5px 13px; position:absolute;bottom:0;left:0;}
.startK a    { color:#fff;text-decoration:none!important;}
.startK .textinfo.text-right  {text-align:right;}
.startK .bild {margin-bottom:0px;}
.startK p { font-variation-settings:'wght' 500, 'wdth' 100; 
            font-size:16px;color:rgb(255, 255, 255 , 1);}

.startK2  { margin:20px 0px 10px 0px ;}
.startK2 h2 { 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-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*/
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 35px 15px; overflow: auto; max-height: calc(100vh - 180px); }
.swiper-slide .inner .scrollbereich  p { font-size: 16px; margin: 10px 30px 10px  0px;font-variation-settings:'wght' 400, 'wdth' 100;line-height:130%; }
.swiper-slide .inner .scrollbereich  h2 { margin: 15px 0px 15px 0px; font-size: 20px;font-variation-settings:'wght' 400, 'wdth' 100; line-height:110%; }
.swiper-slide .inner .scrollbereich  h3 { margin: 10px 0px 0px 10px; font-size: 18px;  }
.swiper-slide .inner .scrollbereich .bu {font-size:12px; margin:0px 0px 10px  0px;line-height:100%;}

.call {   font-size: 14px; font-weight: 600; color: rgb(0,0,0, 0.65) }
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background-color:#F8DE34;}
.swiper-container-horizontal > .swiper-pagination-progressbar, 
.swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{ top:6px;height:5px; top: 6px;
  height: 30px;
  z-index: 0; }

        .closeKap {float:right;line-height:100%;margin:-2px 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; margin:15px 10px 0px 0px;
                            
        }
        /*.scrollbereich h2 {font-size:14px;font-weight:400; margin:0px 10px 0px 10px;}*/
        .scrollbereich p {margin:10px 10px 10px 10px; font-weight:400;font-size:14px;}

        #weiter.swiper-button-next {   cursor:pointer; background-color:transparent;width:54px!important; height:52px;padding:13px 0px 0px 22px ; }
        #zurueck.swiper-button-prev {  cursor:pointer;background-color:transparent;width:54px!important; height:52px;padding:13px 0px 0px 22px ; }
        #weiter.swiper-button-next::after { color:#fff;  font-size:22px!important;  }
        #zurueck.swiper-button-prev::after {  color:#fff; font-size:22px!important;   }
        .swiper-button-disabled {display:none!important;}

        #btnZurAusst {/*font-size:12px;line-height:100%;margin-top:-90px!important;*/}

/*Rundgang*/
#infoTitel,#TitelGesamt { color:#fff;margin-top: 12px;
  font-variation-settings: 'wght' 300, '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-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;}
#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 {  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;}

/*Buttons auf start tour*/
#naviunten {position: absolute; left: 10px; border-radius: 0px; background-color: #1C1D22; bottom: 0px; 
            z-index: 15; white-space: nowrap; width: calc(100% - 20px); 
            padding: 10px 10px 10px 10px;}
/*#naviunten #menueBack {float: left; width: auto;color:#fff;padding: 13px 15px 19px 15px; 
                       height:52px; border:1px solid #fff; margin-right: 20px;}
*/
#naviunten .buttonQ {float: left; width: 54px; height: 52px; margin-right: 20px; border: 1px solid #fff;}
#naviunten .buttonQ.rechts {float:right;margin-right: 0; margin-left:20px;}
#naviunten .buttonQ a {padding: 8px 0px 20px 0px; display: block;color:#fff; text-decoration:none;}
#naviunten .buttonQ #text_stationen {display:inherit;}
#naviunten .buttonQ #iconmenue_stationen {display:none;}
#naviunten .buttonQ #iconpfeil_stationen {display:inherit;}

@media only screen and (max-width: 470px) {
    #naviunten .buttonQ {  margin-right: 10px;  }
    #naviunten .buttonQ.rechts {  margin-right: 0;margin-left: 10px;  }
    
    #naviunten .buttonQ #text_stationen {display:none;}
    #naviunten .buttonQ #iconmenue_stationen {display:inherit;}
    #naviunten .buttonQ #iconpfeil_stationen {display:none;}
}



/* swiper in den Themen */
: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.8); font-variation-settings: 'wght' 600, 'wdth' 100; text-transform:uppercase;
    font-size:14px;  color:#bd0000; color:rgb(0,0,0, 1); padding:5px 0px 5px 15px;
    line-height:100%;}

#inhKapitel {max-width:500px;  height:auto;position:absolute;bottom:80px;left:10px;}


#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-size:12px;font-weight:900;   }
#AufgStart h1 {font-size:20px;font-weight:900; margin:10px 0px 5px 15px; }
#AufgStart h2 {font-size:15px;margin:0px 0px 15px 15px;  }
#AufgStart p {font-size:14px;margin:0px 15px 10px 15px;}
#AufgStart #btn_auswahlInterakt { font-weight:900; margin:10px;font-size:14px; }

/*Absätze*/
#InhaltSlider { }
.abs {clear:both!important;}
.abs.abs_abbgross img {float:left; width:100%!important;margin:0px 15px 10px -15px;}
.abs.abs_abbtext .abb {float:left; width:40%!important;margin:0px 15px 10px 0px;}
.abs.abs_abbtext .abb   {font-size:11px;line-height:120%; font-variation-settings:'wght' 520, 'wdth' 90;}
.abs h2   {font-size:20px;line-height:110%;margin: 15px 0px 12px 0px; font-variation-settings:'wght' 400, 'wdth' 100;}
.abs.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;}
.abs.abs_text p.bu { padding-left:10px; border-left:1px solid rgb(0,0,0, 0.65); font-size:11px;line-height:130%; font-variation-settings:'wght' 600, 'wdth' 90;}
.abs.absAbbText .bild {float:left;margin:3px 15px 10px 0px;width: 40%;}

/*#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: 650px;width:calc(100% - 30px);left:10px; bottom:80px;
     display:none;background-color:#1C1D22; min-height:300px;  
            height:calc(100vh - 90px);position:absolute;  z-index:9;border-radius:1px;
           background-repeat: repeat-y; background-size:6px;
}
#IVContent   { font-variation-settings:'wght' 400, 'wdth' 100; font-size:15px;}
#IVContent h2 { font-size:14px;margin:0px 0px 15px 0px ; }
    #IVContent h3 { font-size:26px;margin:0px 0px 15px 0px ;  color:#fff;  font-variation-settings:'wght' 300, 'wdth' 100;}
#IVContent ul  {  list-style:none; margin:10px 0; padding: 0px 10px 10px  0px;}
#IVContent ul li { font-size:18px;font-variation-settings:'wght' 300, 'wdth' 100;  margin:0px; padding:0px 0px 0px 0px ;}
#IVContent ul li:before {content:'\f178\a0\a0';font-family:FontAwesome; color:#F8DE34;}
#IVContent ul li {padding-bottom:5px;line-height:110%;}
#IVContent a {text-decoration:none;color:#fff;}
#IVContent a:hover {text-decoration:underline;color:#F8DE34;}



#footer {padding-bottom:10px;}
#footer p {color:#fff!important; font-variation-settings:'wght' 300, 'wdth' 100;margin:0; 
           padding:10px 0 0px 10px;font-size:16px;}
#footer h2 {font-size:20px!important; color:#fff!important;  font-variation-settings:'wght' 300;
            padding:27px 0 0 10px;margin:0;}
#footer img.logo {max-width:100px; width:90%;margin:10px 0px 10px 5px ;}
#footer #MenueStart {color:#fff;padding-bottom:20px; font-variation-settings:'wght' 300;}
#footer #MenueStart div{line-height:120%;margin-bottom:5px;}

 #footer #MenueStart ul , #footer li {   list-style:none;margin:0px; padding:0px 0px 0px 0px ;line-height:100%;}
 #footer #MenueStart li a {color:#fff;text-decoration:none;font-size:16px;margin:0px; padding:0px 0px 0px 10px;font-variation-settings:'wght' 300;}
 #footer #MenueStart ul a:before { content: '\f0da\a0\a0'; font-family: FontAwesome; color: #F8DE34; }

 #footer #MenueStart   a {color:#fff;text-decoration:none;font-size:16px;margin:0px; padding:0px 0px 0px  0px;font-variation-settings:'wght' 300;}
 #footer #MenueStart a:hover {color:#F8DE34!important;text-decoration:underline!important;}



#footer .btn {margin-top:10px;}
/*#startkasten {  position:absolute; left: 0px; top: 0px; border:0px solid #f00; height:calc(100vh - 10px);
             width:0vw;*/ /* min-width:450px;*/
/*}*/
#startDE {position:relative;  
          width:100%; /*background-color:rgb(170 ,164 ,155 , 0.54);*/
          /*background-color:#00000090;*/ 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:'source-sans-pro'!important;}
#divHSInhaltEinf_DE p{font-family: source-sans-pro;  margin:0px 0px 20px 0px;font-size:16px;font-variation-settings:'wght' 200, 'wdth' 120;}
#divHSInhaltEinf_DE  p strong {font-family: source-sans-pro; font-variation-settings:'wght' 500, 'wdth' 120;}
#divHSInhaltEinf_DE h1 { font-family:source-sans-pro;font-weight:normal; font-size:22px; letter-spacing:-1px;line-height:120%;}
#divHSInhaltEinf_DE  h1 small{font-family:source-sans-pro; 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:#fcf712!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:source-sans-pro; 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;
}