
p  {font-family: 'Source serif Pro', roboto_slablight; font-size:15px; font-weight:400}
h1,h2,h3,h4,h5,h6 { font-family: 'Source Sans Pro', sans-serif, robotobold; font-weight:800 !important;}
h1 {border:none!important; font-family: 'Source Sans Pro', sans-serif, robotobold; font-weight:600; font-size:32px; margin-bottom:0px!important;}
h2 {font-size:24px; border: none !important;margin-top:0px}
h3 {font-size:22px; border-color:#fff !important; margin-bottom:0px!important;}
hr {border-color:#fff !important;}
.hand {cursor:pointer;}

.bordered h3 { margin-bottom:10px!important;}
/*.background-white li {font-family: 'Source serif Pro', roboto_slablight; font-size:15px;}*/
.auflistung {font-family: 'Source serif Pro', roboto_slablight; font-size:15px; font-weight:400; color:#111;}

h1.reduce-bottom-margin { margin-bottom:0px !important;}

.col-lg-12 { margin-bottom:24px!important;}

p strong {font-family:'Source Sans Pro', sans-serif, robotobold;font-weight:800 !important;}
p.social a {color:#fff;}

.abstand10 {height:10px;}
.clear {clear:both;}
.reduce-top-margin2 { margin-top:0px !important    ;} 
.reduce-bottom-margin2 { margin-bottom:10px !important;}

#paralaxOben { top:100px;}

#menue2 {position:absolute;bottom:0px; right:0px;}
#menue2 ul { list-style:none;padding:0px; margin:0px; }
#menue2 ul li { list-style:none;padding:0px; margin:0px;  float:left; margin-right:50px; line-height:130%; padding:0px 30px 0px 5px; border-bottom:7px solid #111; font-size:18px; font-family:'Source Sans Pro', sans-serif, robotobold;}
#menue2 ul li ul  {margin-top:7px; background-color:#fff !important;}
#menue2 ul li ul li { border-left:7px solid #111; list-style:none;padding:0px; margin:0px;  float: inherit; margin-right:0px; line-height:130%; padding:5px 0px 5px 0px; border-bottom:none; font-size:14px; }
#menue2 ul li ul li a { padding-left:5px; }

#menue2 .mSchwarz ul li { border-left:7px solid #111;  }
#menue2 .mGruen ul li { border-left:7px solid #96BF0F!important;  }
#menue2 .mBlau  ul li { border-left:7px solid #069DDA!important;  }
#menue2 .mRot  ul li { border-left:7px solid #BA3531!important;  }

.container {/* border-bottom:3px solid #111;*/}
.bg-grau {background-color:#f0f0f0}

.bild img {width:100%; margin-bottom:5px; margin-top:3px;}
p.bu { font-size:11px; line-height:130%;}

a.linktext { text-decoration:underline; font-family:'Source Sans Pro'; font-weight:700;font-size:16px;}
a.linkSchwarz {color:#111; }
a.linkGruen {color:#96bf0d; }
a.linkBlau {color:#069DDA; }
a.linkRot {color:#BA3531; }

.navbar .nav.navbar-nav li a {}

.info-thumbnail .caption h3 { margin-top:8px;}

#klappMenu a { color:#111; text-decoration:none; padding:0px;}
#klappMenu .mSchwarz {border-color:    #111; }
#klappMenu .mGruen {border-color:    #96BF0F;}
#klappMenu .mBlau {border-color:    #069DDA; }
#klappMenu .mRot {border-color:    #BA3531; }

.colorGruen {color:    #96BF0F;}
.colorBlau {color:    #069DDA;}
.colorRot {color:    #BA3531;}

#mainMenu { padding:0px; margin:0px;}
#mainMenu.scroll {}
#mainMenu .container {/* position:relative; height:120px;*/}
#mainMenu.scroll  .container {  /*position:relative;height:70px;*/}

.navbar-right .dropdown-menu { left: 0px; }

.image-bg { /*Startbild*/
  padding: 60px 0 30px 0;
  min-height: 100%;
  background-size:       auto;
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-position:  center 70px;
} 
.image-bg2 { /*zwischenbild*/
  padding: 60px 0 30px 0;
  min-height: 100%;
  background-size:   auto;
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-position:  center bottom;
} 

.navbar .navbar-brand {   margin-top: 12px; height:110px; background-repeat:no-repeat;   background-size:contain;  background-image:url('../abb/logo2.gif');background-color:transparent;   }   /*Logo*/
.navbar .navbar-brand img {  height: 120px; background-color:transparent!important; }
.navbar.scroll .navbar-brand img {  height: 30px; }

#mainMenu         a.navbar-brand img {padding:10px; background-color:#fff; }

.navbar {min-height:70px;  }
.navbar.scroll {min-height:50px;  }
.navbar.scroll .navbar-brand {  height:50px; }   
.navbar .navbar-brand .brand-archiv {background-image:url('../abb/logoarchiv.gif');}   /*Logo*/
#colMenue {margin-top:95px; margin-bottom:0px;}
.navbar.scroll #colMenue {  margin-top:40px; }   


/**/





.info-row .info { width:100%;}
.background-belize-hole { background-color:#808080;}

section h1 span, footer h1 span, section h2 span, footer h2 span {
    display: inline-block;
    border-bottom: none;
    margin-bottom: -2px;
}

footer h3 { margin-bottom:15px !important;}

/*Farben*/
 
.navbar.colorTransp .nav.navbar-nav > li.active > a {    background:transparent!important;  color: #fff;}
.navbar.colorTransp .nav.navbar-nav > li .dropdown-menu li.active a {  background-color:transparent; }
.navbar.colorTransp .nav.navbar-nav > li .dropdown-menu li a:hover {  background-color: transparent   ;}
.navbar.colorTransp .nav.navbar-nav > li.open > a {  background-color: transparent!important;  color: #fff;}
.navbar.colorTransp .nav.navbar-nav > li .dropdown-menu {  background-color: transparent !important;  color: #fff;}


.navbar.colorgrau .nav.navbar-nav > li.active > a {    background: #808080!important;  color: #fff;}
.navbar.colorgrau .nav.navbar-nav > li .dropdown-menu li.active a {  background-color: #b4b2b2; }
.navbar.colorgrau .nav.navbar-nav > li .dropdown-menu li a:hover {  background-color: #000000   ;}
.navbar.colorgrau .nav.navbar-nav > li.open > a {  background-color: #808080 !important;  color: #fff;}
.navbar.colorgrau .nav.navbar-nav > li .dropdown-menu {  background-color: #808080 !important;  color: #fff;}


.btn { font-family:'Source Sans Pro', roboto_slabregular;  font-weight: 800; border-radius:3px;  }
.btn-grau { background-color:#808080; border:1px solid #808080;color:#fff;}
.btn-schwarz { background-color:#111; border:1px solid #111;color:#fff;}
.btn-blau {background-color:#0b9dda;border:1px solid #0b9dda;color:#fff; }
.btn-rot {background-color:#bb3531;border:1px solid #bb3531;color:#fff; }

/*Forum*/
.hoverForum .btn-lead {background-color:#0b9dda; border:1px solid #0b9dda;}
.info-thumbnail-link.hoverForum:hover .info-thumbnail { animation: info-humbnail-Forum 0.4s forwards; -webkit-animation: info-humbnail-Forum 0.4s forwards;  }
@keyframes info-humbnail-Forum {
  0% {    box-shadow: 0 0 0 0 #0b9dda;  }
  50% {    box-shadow: 0 0 0 6px #0b9dda;  }
  100% {    box-shadow: 0 0 0 3px #0b9dda;  }
}
@-webkit-keyframes info-humbnail-Forum /* Safari and Chrome */ {
  0% {    box-shadow: 0 0 0 3px #0b9dda;  }
  50% {    box-shadow: 0 0 0 6px #0b9dda;  }
  100% {    box-shadow: 0 0 0 3px #0b9dda;  }
}

/*Archiv*/
.hoverArchiv .btn-lead {background-color:#96bf0d; border:1px solid #96bf0d;}
.info-thumbnail-link.hoverArchiv:hover .info-thumbnail {  animation: info-humbnail-Archiv 0.4s forwards;  -webkit-animation: info-humbnail-Archiv 0.4s forwards; }
@keyframes info-humbnail-Archiv {
  0% {    box-shadow: 0 0 0 0 #96bf0d;  }
  50% {    box-shadow: 0 0 0 6px #96bf0d;  }
  100% {    box-shadow: 0 0 0 3px #96bf0d;  }
}
@-webkit-keyframes info-humbnail-Archiv /* Safari and Chrome */ {
  0% {    box-shadow: 0 0 0 3px #96bf0d;  }
  50% {    box-shadow: 0 0 0 6px #96bf0d;  }
  100% {    box-shadow: 0 0 0 3px #96bf0d;  }
}

/*Museum    */
.hoverMuseum .btn-lead {background-color:#bb3531; border:1px solid #bb3531;}
.info-thumbnail-link.hoverMuseum:hover .info-thumbnail {  animation: info-humbnail-Museum 0.4s forwards;  -webkit-animation: info-humbnail-Museum 0.4s forwards; }
@keyframes info-humbnail-Museum {
  0% {    box-shadow: 0 0 0 0 #bb3531;  }
  50% {    box-shadow: 0 0 0 6px #bb3531;  }
  100% {    box-shadow: 0 0 0 3px #bb3531;  }
}
@-webkit-keyframes info-humbnail-Museum /* Safari and Chrome */ {
  0% {    box-shadow: 0 0 0 3px #bb3531;  }
  50% {    box-shadow: 0 0 0 6px #bb3531;  }
  100% {    box-shadow: 0 0 0 3px #bb3531;  }
}



.content.info h2 { margin:0px 0px 10px 0px ; padding:0px; border:none !important; }
.content.info h2 span { border-bottom:1px solid #111;}
.content.info h1 { margin:0px; padding:0px; border:none !important; }
.content.info h3 { margin:0px 0px 0px 0px ; padding:0px; border:none !important; }

footer a { text-decoration:underline;}

/* Menu */ 
#klappMenu { background-color:#fff; color:#111; font-family: 'Source Sans Pro', robotobold !important; }
    #klappMenu a {  text-decoration:none; }


    .nav-menu {display: block;position: relative; /*margin: 0;padding: 0;z-index: 15;*/list-style: none;}    
    .nav-menu .container { display:none;}    
    
    /* a top level navigation item in the mega menu */
    .nav-item {border-bottom:7px solid #111;list-style: none;display: inline-block;padding:0px 15px 0px 5px ;margin: 0px 40px 0px 0px ;     }
        .nav-item .container { /*box-shadow: 5px 5px 5px rgba(17, 17, 17, 0.36);*/}
   
    /* first descendant link within a top level navigation item */
    .nav-item > a {position: relative;display: inline-block; padding:0; margin: 0 0 -1px 0;  /**/
                   font-family: 'Source Sans Pro', robotobold, sans-serif !important; font-size:15px; color:#111; font-weight:800;}    
   
     /* focus/open states of first descendant link within a top level    navigation item */
    .nav-item > a:focus,
    .nav-item > a.open {border: 0px solid #dedede; /**/ }    
   
     /* open state of first descendant link within a top level        navigation item */
    .nav-item > a.open { background-color: transparent; border-bottom: none; z-index: 1; }    
    
    /* sub-navigation panel */
    .sub-nav { position: absolute; display: none; top: 2.2em;margin-left:0px; margin-top: -1px; padding: 0.5em 1em 0.5em 1em; border: 1px solid #fff; /**/ background-color: #fff; z-index:999999999999;}    
   
     /* sub-navigation panel open state */
    .sub-nav.open { border:none; display: block;border-left:7px solid #111;margin-left:-5px;margin-top:-3px; }    
    .mSchwarz .sub-nav.open { border-color:#111;}    
    .mGruen .sub-nav.open { border-color:#96BF0F;}    
    .mBlau .sub-nav.open { border-color:#069DDA;}    
    .mRot .sub-nav.open { border-color:#BA3531;}    
   
     /* list of items within sub-navigation panel */
    .sub-nav ul { display: inline-block; vertical-align: top; margin: 0 1em 0 0; padding: 0; }    
   
     /* list item within sub-navigation panel */
    .sub-nav li { display: block; list-style-type: none; margin: 0; padding: 0; }
    .nav-item h3 { font-size:22px; }
    .nav-item h4 { font-size:15px; font-family: 'Source Sans Pro', sans-serif, robotobold, sans-serif; font-style:normal; margin:0px; padding:0px;}
    .nav-item p { font-size:14px; }
    .nav-item p a:hover{ text-decoration:underline!important;}
    .nav-item strong {font-family: 'Source Sans Pro', sans-serif, robotobold,sans-serif;font-style:normal;}


    a[name] { position:relative; top:-100px!important;}



/*================== Reponsives Menü ===========================*/
/*#header #respMenue  {float:right;   width:auto; margin-top:20px; margin-right:15px; cursor:pointer; z-index:999999; position:relative; display:none; }
#header #respMenue span {float:left; margin-right:20px;}*/

#respMenueCont { display:none;  position: absolute; left:0px; top:150px;  z-index:9;width:100%;}
				
#respMenueLi   { list-style:none; padding:0px; margin:0px; display:block;}
#respMenueLi li {list-style:none; padding:0px 0px 0px 0px ; margin:0px; display:block; background-color:#1c1d22;}
#respMenueLi li a { text-decoration:none;   color:#fff; padding:10px; display:block; margin:0px !important;  position:relative;  }
#respMenueLi li .pfeil  {  float:right; width:40px; height:40px; position:relative; z-index:999; cursor:pointer; background-image:url(../img/pfeil_runter_resp.png); background-repeat:no-repeat; background-position: 15px 15px; background-size:10px;}
#respMenueLi li .pfeil.rauf  {   background-image:url(../img/pfeil_runter_resp2.png);  }
#respMenueLi li .pfeil  { display:none;}
#respMenueLi li.hatUmenue .pfeil  {  display:inherit;background-color:#24272e;}
#respMenueLi li ul     { padding-left:25px;}

#respMenueLi li.hatUmenue ul   {background-color:#24272e;}
#respMenueLi li.hatUmenue ul  a {background-color:#24272e;}
 
        #respMenue { font-size:1.5em; font-weight:400;font-family: 'Source Sans Pro', sans-serif; cursor:pointer;}

        #headerBild {position: fixed; top: 0px; left: 0px;  height:500px;   width: 100%; background-size:   cover; background-position:center  90px ;}



    @media   (max-width: 992px) {
        /*body { border: 30px solid #f00;}*/
        #klappMenu { display:none; }
        #respMenue { display:inherit!important;}
        .navbar {    min-height: 60px;}
        .navbar .navbar-brand img {    height:50px; margin-top:-30px;    background-color: transparent !important;}
        .navbar .navbar-brand {    margin-top: 10px;    height: 20px;margin-bottom:5px; }
        
        .navbar.scroll {min-height:50px;  }
        .navbar.scroll .navbar-brand {  height:35px; }   
        .navbar .navbar-brand .brand-archiv {background-image:url('../abb/logoarchiv.gif');}   /*Logo*/
        #colMenue {margin-top:95px; margin-bottom:0px;}
        .navbar.scroll #colMenue {  margin-top:40px; }   

        #headerBild {  background-position:center  50px ;}
        #respMenueCont {  top:76px;  z-index:9;width:100%;}
        .navbar.scroll #respMenueCont  { top:51px;  }
        }

@media (max-width: 767px) {
           /*body { border: 30px solid #f00;}*/
    .navbar .navbar-brand { height:40px;    }
        .navbar #respMenueCont  { top:60px;  }
        .navbar.scroll #respMenueCont  { top:51px;  }
                

}

    @media   (min-width: 993px) {
        #klappMenu { display: inherit!important; }
        #respMenue,#respMenueCont  { display:none!important;}
                

}

