@font-face {
    font-family: 'roboto_condensedregular';
    src: url('../fonts/robotocondensed-regular-webfont.woff2') format('woff2'),
         url('../fonts/robotocondensed-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'roboto_condensedbold';
    src: url('../fonts/robotocondensed-bold-webfont.woff2') format('woff2'),
         url('../fonts/robotocondensed-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}


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

.abstand20 {height:20px;}
.abstand30 {height:30px;}
.abstand40 {height:40px;}
.text-right { text-align: right; }
.text-center { text-align: center; }
.nopadding{padding:0px;}

.controlHolder { display: none; }
.zoomHolder { height: calc(100vh - 50px); width: 100%; background-color: #000; }

#abbildung {}
#btnMenu {position:absolute; top:10px; right:14px;}

#menu {position:absolute; left:0px; top:0px; width:100%;height:calc(100vh - 60px);z-index:4; background-color:#fff;color:#000;}
#menu #logo {position:absolute; left:25px; top:21px;height:80px;}
#menu #btnclosem {position:absolute; right:15px; top:12px;height:30px;}
#menu #menuinhalt {margin:120px 25px 20px 25px ;}
#menu #menuinhalt  ul { margin: 0px; padding: 0px; list-style: none; } 
#menu #menuinhalt  ul li { padding: 10px 10px 10px 0px; border-bottom: 1px solid #000; }

#TextAudioleiste {position:absolute;width:100%;padding:0px; 
                  bottom:70px; z-index:3; height:50px;
                  background-color:rgb(255 ,255 ,255 , 0.5);}
#Naviunten{position:absolute;width:100%; bottom:0px; left:0px; height:70px; z-index:10; padding:0px; background-color:#fff;}

#textinfo {position:absolute; bottom:70px;  height:calc(50vh - 0px);border-bottom:70px solid #000; 
           overflow:hidden;  width:100%;background-color:#000;z-index:2;}
#textinfo #btncloseti {position:absolute; right:12px; top: 5px;z-index:99;}
#textinfo #scrollbereich {height:calc(50vh - 50px);overflow:auto;}
#textinfo #scrollbereich .inner  {margin:20px 20px 50px 20px;  color:#fff; position:relative;left:0px; top:0px; }

.link {cursor:pointer; border: 2px solid rgb(255, 255,255, 0.18);border-radius:4px;padding:3px 7px 3px 7px ;}
.link:hover {background-color:#CBC39C}
.link:before {    font-family: FontAwesome; font-weight: 900; content: "\f144 \00a0 ";}

#modal {position:fixed;z-index:99999;left:50%;
        margin-left:-400px;top:50px; width:720px; 
        height:415px; border: 5px solid rgb(255, 255,255, 0.18);
    border-radius: 2px;}
p.bu {line-height:100%;font-size:0.9em;}
.bookm {color:#000;text-decoration:none; cursor:pointer; border: 2px solid rgb(255, 255,255, 0.18);border-radius:4px;padding:3px 7px 3px 7px ;}
.bookm:hover {background-color:#CBC39C}
.bookm:before {    font-family: FontAwesome; font-weight: 900; content: "\f08e \00a0 ";}

#menuoben  {padding-top:125px;color:#fff; text-decoration:none; }
#menuoben span   {padding: 0px 10px 0px 10px;}
#menuoben span a {color:#fff;text-decoration:none;}
#unterseite #menuoben {padding-top:40px!important;}

#footer {height:200px;clear:both;margin-top:50px;color:#fff;}
#footer img {float:left;margin-right:30px;}
#footer a {color:#fff;text-decoration:none;padding:10px;}

      h1 {font-family: 'roboto_condensedbold';
            font-weight: normal;
            font-size: 62px;
            color: rgb(255, 255,255, 0.7);
            z-index: 2;
            position: relative;
            line-height: 100%;margin:0px; padding:0px;
        }

        h2 {font-family: 'roboto_condensedbold';
            font-size: 30px;
            font-weight: normal;
            color: #e9d7b1;
            line-height: 100%;
            margin: 0px;
            padding: 30px 0px 20px  0px;
        }
        #header h1 {font-family: 'roboto_condensedbold';
            font-weight: normal;
            font-size: 62px;
            color: rgb(255, 255,255, 0.7);
            z-index: 2;
            position: relative;
            line-height: 100%;margin:0px; padding:0px;
        }

        #header h2 {font-family: 'roboto_condensedbold';
            font-size: 30px;
            font-weight: normal;
            color: #e9d7b1;
            line-height: 100%;
            margin: 0px;
            padding: 0px 0px 0px 80px;
        }
        #unterseite #header h1 { 
            font-size: 31px;
            
        }   #unterseite #header h2 { 
            font-size: 15px;
            padding: 0px 0px 0px 40px;
        }
            h2#txtName {color:#000;padding:0px;}

@media (max-width: 1350px) { #header{margin-left:0px!important;}  }
@media (max-width: 900px) { 
    #header h1 { font-size: 42px; } 
    #header h2 { font-size: 20px;  } 
}
 @media (max-width: 596px) {  
    #menuoben {padding-top:0px;}
     #unterseite #menuoben {padding-top: 0px!important;}
     #unterseite #header {padding-bottom: 10px!important;}

 }
/*
 @media (min-width: 576px) {   }

 @media (min-width: 768px) {   }

 @media (min-width: 992px) {   }

 @media (min-width: 1200px) {   }

 @media (min-width: 1400px) {   }*/