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

        body {
            font-family: 'Mukta', sans-serif;
            margin: 0px;
            padding: 0px;
        }


       .zitat {
            font-family: 'Times New Roman';
            font-size: calc(20px + (30 - 20) * ((100vw - 320px) / (1600 - 320))) !important;
            line-height: 120%;
        }

.closeWindow {
    margin: -5px;
    color: #fff;
    z-index: 999;
    display: block;
    height: 43px;
    border: 3px solid  rgba(255, 255, 255, 0.00);
    padding: 10px 6px 14px 6px;
    border-radius: 50px;
}
        #kasten_zitat .closeWindow {color:#91892A;margin: 0.5vh 0vw 0px 0px;}

.closeWindow i {
    font-size:21px; /*calc(20px + (30 - 20) * ((100vw - 320px) / (1600 - 320))) !important;*/
}
.closeWindow:focus {
    border: 3px solid #f00; 
}
        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: 70%;
            margin: 0 0px 0px 18px;
            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: 2px 0px 0 22px;
    padding: 0px 0px 20px 0px;
    font-size: calc(14px + (21 - 14) * ((100vw - 320px) / (1600 - 320)));
}
        h3 {
            line-height: 100%;
            margin: 0vh 0px 0 3vh;
            padding: 0px 0px 1vh 0px;
            font-size: calc(14px + (21 - 14) * ((100vw - 320px) / (1600 - 320)));
font-weight:400;
        }
   .abs_float_right {
            width: 20%;
            margin-left: 20px;
            float: right;
            margin-top: -2vw;
            margin-right: -2vw;
            position: relative;
        }
        .abs_float_right .lupe {
            position: absolute;
            right: 10px;
            top: 10px;
            z-index: 9999;
            color: rgba(149, 159, 30, 0.95);
        }
        .clear {clear:both;}

        .circle-audio-player {
            display: block;
            margin: 0 auto;
            cursor: pointer;
        }

        #playerContainer {
            padding: 0px 0px 0px 10px;
            float: right;
        }
.close {
     font-size: 22px;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    filter: alpha(opacity=20);
    opacity: .2;
}


#weiterblaettern , #zurueckblaettern , .closeWindow {
  float:left;
}
#weiterblaettern i, #zurueckblaettern i, .closeWindow {
    color: #fff;
}
#weiterblaettern:focus {
    border: 3px solid #f00;
}
#zurueckblaettern:focus {
    border: 3px solid #f00;
}


#zurueckblaettern {
    border: 3px solid rgba(255, 255, 255, 0.00);
    border-radius: 100px;
    margin-right: 1px;
    padding: 10px 13px 7px 11px;
    margin-top: -5px;
}

    #zurueckblaettern i {
        color: #000;
        text-shadow: 0 1px 0 #fff;
        filter: alpha(opacity=20);
        opacity: .2;
        font-size: 20px
    }

#weiterblaettern {
    border: 3px solid rgba(255, 255, 255, 0.00);
    border-radius: 100px;
    margin-right: 6px;
    padding: 10px 10px 7px 14px;
    margin-top: -5px
}

    #weiterblaettern i {
        color: #000;
        text-shadow: 0 1px 0 #fff;
        filter: alpha(opacity=20);
        opacity: .2;
        font-size: 20px
    }


#kasten_bildlinks .absBildRahmen {
    border: 0px solid #91892A;
}
#kasten_bildlinks .textrahmen { border:8px solid #91892A; padding:10px;  }

#kasten_raumtext {
    position: absolute;
    font-size: 14px;
    line-height: 130%;
    left: 20vw;
    width: 60vw;
    top: 40px;
    height: calc(100vh - 110px);
    color: #000;
    z-index: 5;
}
#kastenHeader {
    position: relative;
    top: 0px;
    left: 0px;
    width: 100%;
    background-color: #7e8718;
}



#footer {
    position: absolute;
    left: 0px;
    bottom: 0px;
    height: calc(30px + (40 - 30) * ((100vw - 320px) / (1600 - 320)));
    min-height: 40px;
    background-color: #7E8718;
    color: #fff;
    z-index: 2;
    width: 100%;
}

    #footer h3 {
        left: 35px;
        font-size: calc(12px + (14 - 12) * ((100vw - 320px) / (1600 - 320)));
    }

#tooltipmW {
    position: absolute;
    right: 0px;
    top: 40px;
    display: none;
    width: 147px;
    height: 35px;
    background-color: #7E8718;
}

#header {
    position: absolute;
    left: 0px;
    top: 0px;
    height: calc(30px + (40 - 30) * ((100vw - 320px) / (1600 - 320)));
    min-height: 40px;
    background-color: #363636;
    color: rgba(255, 255, 255, 0.8);
    z-index: 2;
    width: 100%;
}

    #header h3 {
        margin: 20px 10px 0px 0px;
        top: 0px;
        white-space: inherit;
        left: 35px;
        font-size: calc(12px + (14 - 12) * ((100vw - 320px) / (1600 - 320)));
    }

    #header .menuicon {
        color: rgba(255, 255, 255, 0.8);
        background-color: rgba(255, 255, 255, 0.1);
        padding: 10px 14px 0px 14px;
    }

        #header .menuicon:active, #header .menuicon:focus {
            background-color: #7E8718;
        }

#footer .menuicon {
    background-color: rgba(255, 255, 255, 0.1);
    color: #fff;
    display: inline-block;
    height: 40px;
    border-left: 0px solid rgba(255, 255, 255, 0.50);
    padding: 7px 15px 10px 18px;
    margin-right: -2px;
     
    text-decoration: none;
}
    #footer .menuicon span {
        font-size: calc(12px + (14 - 12) * ((100vw - 320px) / (1600 - 320)));
        padding: 4px 10px 0px 5px;
        text-decoration: none;
        float: left;
    }
    #footer .menuicon:active, #footer .menuicon:focus {
        color: rgba(255, 255, 255, 0.8);
        background-color: #4B4B4B;
    }




#Inhaltsverzeichnis {
    display: none;
    width: 80vw;
    max-width: 700px;
    position: absolute;
    right: 2vw;
    height: auto;
    max-height: calc(100vh - 130px);
    overflow: auto;
    top: 80px;
    z-index: 99999;
}

    #Inhaltsverzeichnis h1 {
        font-size: calc(20px + (30 - 20) * ((100vw - 320px) / (1600 - 320)));
        font-weight: 700;
        margin: 0px;
        padding: 25px 0px 5px 10px;
        background-color: #7E8718;
        color: #959F1E;
    }

    #Inhaltsverzeichnis ul, #Inhaltsverzeichnis li {
        margin: 0px;
        padding: 0px;
        list-style: none;
    }

    #Inhaltsverzeichnis li {
        padding: 0px 0px 0px 0px;
        background-color: rgba(126, 135, 24, 0.9);
        font-size: calc(12px + (14 - 12) * ((100vw - 320px) / (1600 - 320)));
    }
        /*#Inhaltsverzeichnis   li span {display:block; padding:10px; color:#fff;border-bottom:1px solid rgba(208, 211, 171, 0.6);}*/
        #Inhaltsverzeichnis li a {
            display: block;
            padding: 10px;
            color: #fff;
            border-bottom: 1px solid rgba(208, 211, 171, 0.6);
        }

    #Inhaltsverzeichnis .ivRaum {
    }

    #Inhaltsverzeichnis li ul li {
        padding: 0px;
        text-transform: none;
        background-color: rgba(255, 255, 255, 0.60);
    }

    #Inhaltsverzeichnis a {
        text-decoration: none;
        color: #fff;
    }

    #Inhaltsverzeichnis li ul li a {
        text-decoration: none;
        color: #000;
        padding: 10px 10px 10px 30px;
        display: block;
    }

    #Inhaltsverzeichnis a:focus {
        text-decoration: underline;
        outline: none;
        font-size: 1.2em;
    }

        #Inhaltsverzeichnis a:focus:before {
            font-family: 'FontAwesome';
            content: '\f105 \00a0';
        }





#hilfemenue {
    display: none;
    width: 80vw;
    max-width: 240px;
    position: absolute;
    right: 2vw;
    height: auto;
    max-height: calc(100vh - 130px);
    overflow: auto;
    top: 80px;
    z-index: 99999;
}

    #hilfemenue h1 {
        font-size: calc(20px + (30 - 20) * ((100vw - 320px) / (1600 - 320)));
        font-weight: 700;
        margin: 0px;
        padding: 25px 0px 5px 10px;
        background-color: #7E8718;
        color: #959F1E;
    }

    #hilfemenue ul, #hilfemenue li {
        margin: 0px;
        padding: 0px;
        list-style: none;
    }

    #hilfemenue li {
        padding: 0px 0px 0px 0px;
        background-color: rgba(126, 135, 24, 0.9);
        font-size: calc(12px + (14 - 12) * ((100vw - 320px) / (1600 - 320)));
    }

        #hilfemenue li span {
            display: block;
            padding: 10px;
            color: #fff;
            border-bottom: 1px solid rgba(208, 211, 171, 0.6);
        }

        #hilfemenue li ul li {
            padding: 10px 10px 10px 30px;
            text-transform: none;
            background-color: rgba(255, 255, 255, 0.60);
        }

    #hilfemenue a {
        text-decoration: none;
        color: #fff;
    }

    #hilfemenue li ul li a {
        text-decoration: none;
        color: #000;
    }

    #hilfemenue a:focus {
        text-decoration: underline;
    }


blockquote {
    font-family: 'Times New Roman',Georgia, serif;
    padding-left:20px;
    font-size:+1;
    font-style:italic;
}

    
    #logosInst img{height:calc(100vh - 200px); max-height:200px;}




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

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

}

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


}

@media only screen and (max-width: 600px) {
    #logosInst img{height:inherit; max-height:inherit; width:40%; }
    
    #menuicon_info,#menuicon_impressum {display:none!important;}


    #header h3 {
        margin: 10px 0px 0px 0px;
       
    }
    #kasten_raumtext {
        width: 90vw;
        left: 5vw;
        height: calc(100vh - 170px);
    }
        #kasten_raumtext h1 {
            font-size: 30px;
        }

    #weiterblaettern {        padding: 10px 15px 0px 15px;        font-size: 23px;    }
    #zurueckblaettern {        padding: 10px 15px 0px 15px;        font-size:23px;    }
    .closeWindow i {
        font-size: 24px;
    }
    .closeWindow   {margin-top:8px;    }
}