body, html { height: 99.0vh; overflow: hidden;}


@font-face {
    font-family: 'soehne_regular';
    src: url('../fonts/soehne/soehne-web-halbfett.woff2') format('woff2'),
         url('../fonts/soehne/soehne-web-halbfett.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'soehne_kraftig';
    src: url('../fonts/soehne/soehne-web-kraftig.woff2') format('woff2'),
         url('../fonts/soehne/soehne-web-kraftig.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}


body { font-family: 'soehne_regular', sans-serif; margin: 0px; padding: 0px; }
a {color:#000!important; text-decoration:none;}
#naviunten {font-size:12px; text-transform:uppercase;}
#naviunten #btn_prev {margin-right:20px;}
#naviunten i {font-size:15px; text-transform:uppercase;padding:0px 1px 0px 1px ;}
#naviunten .abstandbtns {margin: 0px 5px 0px 5px;}
#naviunten #navPanoTitel {margin-right:10px;}
        .closeWindow {
            float: right;
            margin: 1.3vh 0.7vw 0px 0px;
            color: #fff;
            z-index: 999;
        }
        #kasten_zitat .closeWindow {color:#91892A;margin: 0.5vh 0vw 0px 0px;}

        .closeWindow i {
            font-size: calc(20px + (30 - 20) * ((100vw - 320px) / (1600 - 320))) !important;
        }

        p {
            margin: 0px 0px 1vh 0px;
            font-size: calc(14px + (21 - 14) * ((100vw - 320px) / (1600 - 320)));
            line-height: 130%;
        }
        h1 {
            font-weight: 700;
            line-height: 100%;
            margin: 0 0px 0px 2vh;
            padding: 4vh 0px 0px 0px;
            font-size: calc(50px + (75 - 50) * ((100vw - 320px) / (1600 - 320)));
            /*font-size: calc([minimum size] + ([maximum size] - [minimum size]) * ((100vw - [minimum viewport width]) / ([maximum viewport width] - [minimum viewport width])));*/
        }

        h2 {
            line-height: 100%;
            margin: 0vh 0px 0 0vh;
            padding: 0px 0px 1vh 0px;
            font-size: calc(16px + (24 - 16) * ((100vw - 320px) / (1600 - 320)));
font-weight:700;
        }
        h3 {
            line-height: 100%;
            margin: 0vh 0px 0 0vh;
            padding: 0px 0px 1vh 0px;
            font-size: calc(14px + (21 - 14) * ((100vw - 320px) / (1600 - 320)));
font-weight:400;
        }
         .clear {clear:both;}


        #playerContainer {
            padding: 0px 0px 0px 10px;
            float: right;
        }
.close {
    float: right;
    font-size: 21px;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    filter: alpha(opacity=20);
    opacity: .2;
}
#inhaltsverz {position:absolute;  display:none; left:30px; bottom:0px;width:calc(100% - 60px);z-index:999999999999; background-color:#fff;height:calc(100vh - 30px); }
#inhaltsverz .inner {margin:0px; position:absolute;bottom:44px;width:100%;height:calc(100% - 44px);border:0px solid #f00; z-index:9999;}
#inhaltsverz h2 {font-size:32px;margin-bottom:20px;}
#inhaltsverz img  {margin-bottom:30px;}
#inhaltsverz p  {margin-bottom:3px;}
#inhaltsverz a:hover {border-bottom:3px solid #000;}
#inhaltsverz #ivSp1 {border-right:1px solid #bbbbbb;height:100vh;padding:30px;}
#inhaltsverz #ivSp2 {padding:30px;}
#inhaltsverz #leisteiv #lspCloseiv #closeFensterIV2 {display:none;}
#inhaltsverz #leisteiv #lspCloseiv {padding-top:10px; text-transform:uppercase;font-size:13px;}
#inhaltsverz #leisteiv #lspCloseiv a:hover {border:none;}
#inhaltsverz #leisteiv {position:absolute; left:0px; bottom:0px; height:44px; border-top:1px solid #000; width:100%; z-index:99999999999; background-color:#fff;}

#fenster #bildbereich {      
        background-size:contain; background-position:center center;
        background-repeat:no-repeat;
        height:calc(100vh - 50px);padding:0!important; position:relative;
}
#fenster #textbereich{  background-color:#fff; height:calc(100vh - 90px); padding-top:15px;    }

#fenster #textbereich .inner {padding: 20px 20px 0px 20px;}
#fenster #textbereich .inner h2  {font-size:30px; line-height:110%;margin-bottom:17px;}
#fenster #textbereich .inner p  {font-size:17px; line-height:150%;margin-bottom:20px;}

#leiste {    position: absolute;    left: 0px;    bottom: 0px;    height: 44px;    
             border-top: 1px solid #000;    width: 100%;
             z-index:9999999999999;  background-color:#fff;
}

#fenster #leiste a {font-size:13px; }
#fenster #leiste #abb {padding-top:7px;}
#fenster #leiste #lspClose {padding-top:7px; text-transform:uppercase;height:44px;}
#fenster #leiste #lspClose i { display:none;}

#fenster #abb span { border-bottom:1px dotted #fff;display:block;}
#fenster #abb .zeigebild { padding:5px 10px 5px 10px; border-bottom:1px dotted #fff;margin:0px 0px 0px 0px ;}
#fenster .zeigeText span { display:block;}
#fenster .zeigeText {border-bottom:1px dotted #fff;border-top:1px dotted #fff;padding:3px 0px 4px 0px;}

#fenster .zeige { padding:0px 5px 0px 5px; cursor:pointer; color:#000; text-decoration:none;outline:none;}
#fenster .zeige:hover,#fenster .zeige:focus,#fenster .zeige:active { font-weight:700;  background-color:#fff;color:#F4403A;outline: none;}
#fenster .zeige.aktiv {text-decoration:underline;}

#inDiesemRaum {background-color:rgba(255, 255, 255, 0.50);background-color:rgba(244, 64, 58, 0);
    border-top:2px solid #F4403A;border-top:3px solid #F4403A;
    position:absolute;width:100%;left:0px;z-index:999;   text-align:center; z-index:5; bottom:-62px; padding:0px;   }

#alleInhalte, #allePunkte {display:none;}
.tooltip {border:3px solid #F4403A!important;width:100px; }

/*#menue ul {list-style:none; padding:0px 0px 0px 0px ; margin:0px;}
#menue ul li {color:#fff; padding:0px 0px 0px 0px  ;background-color:rgba(244, 64, 58, 1);border-top:1px solid #fff;}
#menue ul li i  {  margin-right:5px; display:inline-block; padding:0px 0px 0px 0px; width:12%; text-align:center;font-size:18px;  }
*//*#menue a#logomenu {display:block; background-image:url('../img/logo_makk.png'); background-size:contain; background-repeat:no-repeat;}
#menue a#logomenu:focus   {border-bottom:0px solid #fff; background-image:url('../img/logo_makk_w.png');}
*/
#m2link i {font-size: 30px; padding: 0px; margin: 8px 0px 5px 15px ; width: auto; line-height:100%;color:#fff;}
#m2link {display:block;}
#m2link:focus {background-color:#fff;color:#F4403A;}
#m2link:focus i {color:#F4403A;}

#btn_closeMap:focus {background-color:#fff;color:#F4403A;}
#btn_closeMap:focus i {color:#F4403A;}

#navpano i {font-size:20px; padding: 12px 5px 10px 5px; float:left; margin: 0px; width: auto; line-height:50%;color:#fff;}
#navpano .abstand {width:15px;}
#navpano a:focus i,#navpano a:active i {background-color:#fff;color:#F4403A;}

#m1 {display:none;background-color:#fff; width:auto;position:absolute;top:0px; right:30px; z-index:999999999;}
#m1 ul {margin:0px 0px 10px 0px ; padding:0px; list-style:none;}
#m1 li {padding:0px 0px 0px 25px; white-space:nowrap; font-size:20px; line-height:100%;}
#m1 a{color:#000;text-decoration:none;width:100%;  display:block;padding:4px 20px 4px 0px;white-space:nowrap;}
#m1 a:focus {/*color:#F4403A; background-color:#fff;*/  }
#m1 .zwtitel { font-size:15px; margin-top:25px; }
#m1 #logomenu_close {border-top:1px solid #000;margin-top:20px; padding:10px 0px 0px 0px; text-align:center;font-size:13px;text-transform:uppercase;}
#m1 #logomenu_close a {padding:0px;}

#logoMain {position:absolute; left:35px; top:35px; width:13%;z-index:999;max-width:250px;}

#fensterfroe {display:none; height:90vh; width:90vw; position:absolute; z-index:99999999999999!important;left:20px;border:1px solid #f00; background-color:#fff; bottom:50px;}
#fenster {    position:absolute;display:none; 
              left:30px; bottom:0px; height:calc(100vh - 30px); 
              z-index:9999;width:calc(100% - 60px); background-color:#fff;}

    #naviunten {display:inherit;}
    #naviuntenMobil {display:none;}
    
    #naviuntenMobil i {font-size:30px;padding:2px 0px 2px 0px; display:block; border:1px solid #000;border-right:none;border-bottom:none;}
    #naviuntenMobil .col {padding:0px; text-align:center;}
    #naviuntenMobil .firstcol i {border-left:none;}
    #naviuntenMobil .lastcol i {border-right:none;}

    #pop {padding:10px; font-family: 'soehne_regular', sans-serif; font-size:18px;line-height:110%; }
    #pop .overline{font-size:12px; }


#mCSB_1_scrollbar_vertical  { width:3px;}
#mCSB_1_scrollbar_vertical .mCSB_draggerContainer {background-color:#ccc!important; }
#mCSB_1_scrollbar_vertical .mCSB_draggerRail { background-color:#000; width:3px;}
#mCSB_1 {margin-right:20px;}

#fenster #bildtextbereich{height:calc(100% - 40px);   position:absolute; top:0px;width:100%;}

#bildbereich #blaetternBilder {display:none;}
#bildtextbereich .row.no-padding {padding:0px!important;}

@media only screen and (max-width: 1200px) {

}

@media   (max-width: 770px) {/*770px*/
    #m1 {right:0px!important;}

    #leiste {   height:51px; border-top: 1px solid #000!important;width: 100%;  }


    #fenster {left:0px; bottom:inherit; top:0px;   height:calc(100vh - 0px);   width:100%; background-color: #fff;  
              z-index:9999999999999999999;   }
    #fenster #abb { display:none;        }

    #fenster #leiste #lspClose {cursor:pointer; padding-top:5px; height:150px;border-right:1px solid #000;}
    #fenster #leiste #lspClose a { display:none;}
    #fenster #leiste #lspClose i { display:inherit;font-size:26px;}
    #fenster #leiste #AC_play-btn   {cursor:pointer; margin:   0px 0px 0px 0px;  text-align:center; display:block; width:100%;}
    #fenster #leiste #AC_play-btn span {display:none;}
    #AC_play-btn div i {    float: inherit; font-size:33px!important; }

    #bildbereich #blaetternBilder {display:inherit;}
    #bildbereich #blaetternLeft {  position:absolute; left: -5px; top:20%; z-index:9999; font-size:45px;}
    #bildbereich #blaetternRight{   position:absolute; right: -5px; top:20%;z-index:9999;font-size:45px;}

    #audio {padding:0px;}

    #inhaltsverz { left:0px; bottom:inherit; top:0px; width:100%;   height:100vh; }
    #inhaltsverz .inner {  bottom:inherit; top:0px; height:calc(100% - 85px);   overflow:auto;}
    #inhaltsverz #ivSp1 {border-right:none;height:auto;}
    #inhaltsverz #ivSp2 {}
    #inhaltsverz #RefBildIV {display:none;}
    #inhaltsverz #leisteiv #lspCloseiv {padding:0px;}
    #inhaltsverz #leisteiv #lspCloseiv #closeFensterIV2 {display:inherit; display:block; height:100%;  }
    #inhaltsverz #leisteiv #lspCloseiv #closeFensterIV2 i {font-size:26px;padding: 5px 10px 10px 10px;display:block;margin:0px;}
    #inhaltsverz #closeFensterIV {display:none;}
    #inhaltsverz #leisteiv { height:50px;  z-index:999999999; }


    #fenster #bildtextbereich{height:calc(100% - 84px);  border:0px  inset  #f00;    }

    #fenster #bildbereich{ height:40vh; }
    #fenster #textbereich {height: calc(60vh - 88px);}

    #fenster #textbereich .inner h2  {font-size:20px;  margin-bottom:10px;}
    #fenster #textbereich .inner p  {font-size:17px; line-height:130%;margin-bottom:20px;}

    #mCSB_1 {    margin-right: 0px;}

    #logoMain { width:50%;  left:25px; top:25px; max-width:200px;}
    /*#logo {min-width:35vw;}*/
    #fenster #textbereich {width: 100%; }
    #fenster #textbereich .inner {padding:20px 0px 20px 20px ;}

    #btns_optional {display:none;}
    #menue{display:none;}
    #naviunten {display:none!important;}
    #naviuntenMobil {display:inherit;}
}