@font-face {
  font-family: 'bebas';
  src: url('../fonts/bebas/BebasNeue-Regular.ttf'); /* IE9 Compat Modes */
  src:  url('../fonts/bebas/BebasNeue-Regular.ttf')  format('truetype') 
}
@font-face {
  font-family: 'crimson';
  src: url('../fonts/crimson/CrimsonText-Regular.ttf'); /* IE9 Compat Modes */
  src:  url('../fonts/crimson/CrimsonText-Regular.ttf')  format('truetype');
  font-weight:normal;
}
@font-face {
  font-family: 'Arvo-Regular';
  src: url('../fonts/Arvo/Arvo-Regular.ttf'); /* IE9 Compat Modes */
  src:  url('../fonts/Arvo/Arvo-Regular.ttf')  format('truetype');
  font-weight:normal;
  font-style:inherit;
}
@font-face {
  font-family: 'Arvo-Regular';
  src: url('../fonts/Arvo/Arvo-Bold.ttf'); /* IE9 Compat Modes */
  src:  url('../fonts/Arvo/Arvo-Bold.ttf')  format('truetype');
  font-weight:700;
  font-style:inherit;
}
@font-face {
  font-family: 'Arvo-Regular';
  src: url('../fonts/Arvo/Arvo-Italic.ttf'); /* IE9 Compat Modes */
  src:  url('../fonts/Arvo/Arvo-Italic.ttf')  format('truetype');
  font-weight:normal;
  font-style:italic;
}

.abstand10 {height:10px;}

#media-checker{display:none ; width:100px; height:50px;border:1px solid #f00; position:absolute; top:0; right:100px; z-index:9999999999999999999999999999;}
#media-checker::before {content: '768';}

body,html {margin: 0px;
            padding: 0px;
            width: 100%;            }
body,p {font-family:'Arvo-Regular',Georgia,serif;font-size:14px;line-height:145%;}
a  {color:#000;  }
a:hover {color:#000;text-decoration:underline;   }
#Seiteninhalt { margin-right:10px; margin-left:20px;}
#Seiteninhalt a:before {  font-family:FontAwesome; content:"\00a0\f0a9\00a0";}
#Seiteninhalt .bildkasten a:before {content:none;}

h1,h2,h3 {font-family:bebas;color:#000;}
h1 {font-size:39px;margin: 21px 0px 24px 0px;}
h3 {font-size:22px;margin: 20px 0px 10px 0px;}
h1#logotext {font-size:30px;padding-left:15px;  }



#logo {cursor:pointer; background-color:rgb(217, 221 ,225 ,0.4);padding-top:1px;padding-bottom:1px;}
#respMenue {position:absolute; right:15px;top:20px;font-size:30px;}
#menu_sub_top{width: 157px;width:0px; background-color: rgb(217, 221 ,225 , 0.8); 
              position: relative; margin-left: 20px; height: 42px; display:none;}

#menueoben {display:none;margin-top:-45px;padding-left:0px; margin-left:-5px;}
#menueoben ul {font-family:bebas;list-style:none;margin:0px; padding:0px; }
#menueoben ul li {padding: 5px 9px 0px 4px;font-size:18px;line-height:100%;margin:0px;}
#menueoben ul li a {color:#000;}
#menueoben ul li a.aktiv {color:#000; }
#menu_sub_bottom {line-height:140%!important;font-size:20px!important;}
#menu_sub_bottom a{color:#000!important;}

#sfooter{margin-top: 0px;padding:10px 10px 30px 10px ; 
         background-color:#fff;color:#000;border-top:1px solid #000; }
 
#tooltip .inner {padding-left:0px;}

#timelineUL {margin: 0px 0px 0px 0px ; padding:0;list-style:none;}
#timelineUL ul {list-style:none;margin:0px;padding:0px;}
#timelineUL   li {line-height:100%;padding:2px 0px 3px 0px; font-family:bebas; color:#000;}
#timelineUL   li i {margin-left:-10px;}
#timelineUL   li ul li  {font-family:crimson;}

#MenueLinksUL {margin: 0px 0px 0px 0px ; padding:0;list-style:none;}
#MenueLinksUL ul {list-style:none;margin:0px;padding:0px;}
#MenueLinksUL li { line-height:200%;padding:2px 0px 15px 0px;  font-family:bebas; color:#000;font-size:22px;}
#MenueLinksUL li i {margin-left:-10px;}
#MenueLinksUL li ul li  {line-height:120%;font-family:crimson;padding:5px 0px  5px 0px;font-size:17px;margin-bottom:0px;color:#000; }

.menuBkmark {font-family:bebas;font-size:18px;cursor:pointer;}
.menuBkmark:hover {text-decoration:underline;}

.BlockFussnoten {margin-top:30px; border-top:0px solid rgb(0, 0 ,0 , 0.2); padding-top:10px;}
.BlockFussnoten , .BlockFussnoten p{font-size:12px;}
.BlockFussnoten .titelAnm {display:noxne;border-bottom:1px solid #ccc;text-align:right;margin-bottom:10px;
                           font-family:bebas;letter-spacing:1px;
}

/*.menuetitel, .menuetitelsub, .menuetitelsub2 ,.menuetitelsub_a{
            margin-bottom:10px;
           font-family:bebas, Georgia, serif;font-size:16px;
        }
        .menuetitelsub2a {font-family:bebas;font-size:18px;}

        .menuetitel:hover, .menuetitelsub:hover, .menuetitelsub2:hover,.menuetitelsub2a:hover {text-decoration:underline;}

*/       

#MenueLinksULa {margin: 0px 0px 0px 0px ; padding:0;list-style:none;}
#MenueLinksULa ul {list-style:none;margin:0px;padding:0px 0px 0px  10px ;}
#MenueLinksULa li {cursor:pointer;line-height:200%;padding:2px 0px 15px 0px;  font-family:bebas; color:#000;font-size:18px;}
#MenueLinksULa li i {margin-left:-10px;}
#MenueLinksULa li ul li  {line-height:100%;font-family:bebas;font-size:16px!important;padding:2px 0px  5px 0px;font-size:17px;margin-bottom:0px;color:#000; }
#MenueLinksULa .menuetitelsub_a {padding-left:10px;}
#MenueLinksULa .menuetitelsub_a.aktiv { }


.bildkasten { margin:7px 20px 20px 0px; max-width:40%;}
.bildkasten img {width:100%;}


#headerbild {background-position: center -140px;}
 #menueoben ul li { font-size:32px;padding:25px 20px 0px 20px; }

/*====================================*/
#menu_sub_bottom {/* margin-left: 100px!important; */display:none;  }
    #baumlinks {background-color:rgb(217, 221 ,225 ,0.4);  position:fixed; z-index:999999999999999999999999;  
                left:0px; top:0px;   width:auto;  max-width:100%; padding-right:20px; 
                padding-left:18px;padding-top:30px;display:none;                  
                height:100vh; overflow:auto;
    }

    #baumlinks .inner {/*overflow:auto;*/ position:relative; min-height:100vh; }
    #baumlinks .inner #close {position:absolute;cursor:pointer; right:-15px;top:-30px;z-index:9999;color:#0000008d}
    #Menuebutton {display:inherit;}
    #Menuebutton {position: absolute;
    left: 0px;
    top: 400px;
    width: 30px;
    height: 100px;
    padding: 0px;
    background-color: #182C44;
    color: #fff;
    }

  .container,#menueoben {background-color:#fff;}
  .menuetitel,       .menuetitelsub,       .menuetitelsub2,      .menuetitelsub_a {
      line-height:120%; display:block; cursor: pointer;margin:0px;
      padding-bottom:0px!important;/*padding-left:24px!important;*/ }

        .menuetitel {font-family:bebas;font-size:18px;}
        .menuetitelsub,       .menuetitelsub2,      .menuetitelsub_a {font-family:"Arvo-Regular", Georgia, serif;font-size:14px!important;}
        .menuetitelsub2 {margin-bottom:7px;padding-left:0px!important;}
        .menuetitelsub2a strong {font-weight:700}
  .menuetitel.aktiv, .menuetitelsub.aktiv, .menuetitelsub2.aktiv { font-weight: normal; }
  .menuetitel:hover, .menuetitelsub:hover, .menuetitelsub2:hover,.menuetitelsub2a:hover {text-decoration:underline;}
  h3.menuetitel{margin:0px 0px 15px 0px !important;padding:0px!important;}
  #timelineUL li {margin-left:12px;}

   #menueoben .submenue {display:none;}
/*  #inhaltsbereich {margin-top:100px;}
*//*====================================*/



@media (min-width: 768px){ 
    body {border-left:  0px solid #f00!important;}
    #headerbild {background-position: center top;}
    #menueoben ul li {float:left; font-size:20px; padding: 15px 4px 10px 20px;}
     h1#logotext {font-size:28px;margin-top:8px;padding-left:0;}
    #respMenue {display:none;}
    #baumlinks {   padding-right:20px;       }
    #menueoben {display:inherit; }
    #Seiteninhalt { margin-right:30px; margin-left:20px;}
    #logo {height:90px;} 
    #media-checker::before {
        content: '768';
    }

}
@media (min-width: 992px){
    body {border-left: 0px solid blue!important;}
                             #headerbild {background-position: center top;}
    #menueoben { margin-top:0px;padding-left:15px; margin-left:0px;}
    #menueoben ul li { font-size:18.7px;padding:25px 10px 0px 20px; }    
    h1#logotext {font-size:30px; padding-left: 15px;margin: 21px 0px 24px 0px;/*margin-top:10px;padding-left:10px;*/}    
    #baumlinks {  position:inherit;left:inherit; top:100px;    width:33.33333333%; max-width:inherit; 
                   display:inherit;  }
    #tooltip .inner {padding-left:33.333333%;}
    #menu_sub_top{display:inherit;}
    #logo {height:90px;} 
        #Menuebutton {display:none;}
        #menu_sub_bottom { display:inherit;}
         #media-checker::before {
        content: '992';
    }
}
@media (min-width: 1200px){ 
    body { border-left: 0px solid green!important;}
                            
    #headerbild {background-position: center top;}

    #menueoben ul li { font-size:20px;padding:25px 20px 0px 20px; }
    #baumlinks { }
    h1#logotext {font-size:33px;}
    #logo {height:90px;} 
      #media-checker::before {
        content: '1200';
    }
}
@media (min-width: 1300px){ 
     #menueoben ul li { font-size:23px;padding:25px 20px 0px 20px; }
     #headerbild {background-position: center -140px;}
    body {border-left: 0px solid yellow!important;}
    .container { width: 1360px; }
    #baumlinks { }
    h1#logotext {font-size:39px;}
       #media-checker::before {
        content: '1300';
    }
}
#baumlinks .submenue {display:none;}

  @media (max-width: 768px){
      #menueoben ul {margin-top:20px;}
      #menueoben {margin-top:10px; padding-bottom:20px; background-color:#ffffffd2!important;  border-bottom:2px solid #000;}
      #menueoben li {font-size:inherit!important; display:inherit!important; text-align:left;/*padding:0!important;*/ 
                      padding-right:0!important; padding-top:5px!important; padding-bottom:5px!important; line-height:100%!important;}
      #menueoben li a{font-size:20px!important; text-align:right;}
      #menueoben .submenue  {display:inherit; margin:10px 0 10px 0 ;padding:0; }
      #menueoben .submenue li  {display:inherit;/* text-align:right!important;*/  }
      #menueoben .submenue li a {  font-size:14px!important;font-family:"Arvo-Regular", Georgia, serif; }

      #baumlinks .submenue {display:inherit; }
      #baumlinks .submenue ul {display:inherit; font-family:bebas; list-style:none; margin-left:-27px!important; margin-top:10px!important; }
      #baumlinks .submenue ul li {padding:5px 0px 5px 0px; margin:0;}
  }