/* NAVI-STYLING ONEPAGE:  BEREINIGT VON SIDE-NAVI & OFFCANVAS-MENU   */

/* *****  STANDARD gilt allgemein ********  */
/* Style the Logo section - oben links  */
/*Bild skaliert mit */
.responsive {
  max-width: 100%;
  height: auto;
}
.logo {
    margin-top:0;
    padding-top:26px;
    background-color: #fff;
    border:0px dotted #0fc;
    }
/*.logo   img { width: 140px; }*/

  
/* **************************  STYLE ALL NAVIGATION ****************************   */
/* STYLE THE MENUES  */
 @media screen and (min-width: 992px) {
      .sticky-bar-mobile {display:none;} 
      .sticky-bar-mobile-oc {display:none;} 
      .sticky-bar-mobile-s {display:none;} 
}
 @media screen and (max-width: 991px) and (min-width: 600px) {
    .sticky-bar {display:none;}
    .sticky-bar-mobile-s {display:none;} 
}  
@media screen and (max-width: 600px) {
    .sticky-bar {display:none;}
    .sticky-bar-mobile {display:none;} 
}  
/* ***********  NAVIGATION   *************************  */

/*  Navi-Leiste soll beim Scrollen stehen bleiben  */
div.sticky-bar {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  padding:0;
  z-index: 2;
  background-color:#fff;
  margin-top:0px; 
  padding-bottom:10px;
  border: 0px solid green; 
}
/*  Sticky-Leiste auf Mobilgeräten  */
div.sticky-bar-mobile {
  position: -webkit-sticky;
/*  position: sticky;*/
  top: 0;
  padding:0;
  z-index: 2;
  background-color:#fff;
  margin-top:0px; 
  padding-bottom:10px;
  border: 0px solid #0ff;   
}
/*  Sticky-Leiste auf Mobilgeräten <600px  */
div.sticky-bar-mobile-s {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  padding:0;
  z-index: 2;
  background-color:#fff;
  margin-top:0px; 
  padding-bottom:10px;
  border: 0px solid green;   
}

/* zusätzliche Sticky-Leiste auf Mobilgeräten für 'Arbeiten'  */
/* entfernt, kein Hamburger menü nötig */

/* *** Ende sticky ****** */

/* ******  NAVIGATION AUF GROSSEM  BILDSCHIRM  ********   */

/* Style the TOP NAVIGATION section - Navimenü mittig  */
.topnav {
  max-width:100%; 
  overflow: hidden;
  margin:auto;
  padding-top:20px;
  background-color:#fff;
  border:0px solid red;
 }
/* Style the topnav elements*/
.topnav .mod-menu { 
        margin:0;
    }
.topnav ul.mod-menu  {
    margin:auto;
    border:0px solid red;
    padding:0;
    }
.topnav .mod-menu li {
    /*  float: left;/ /* nicht wenn die Links in der Mitte sein sollen  */
    display: inline-block ; 
    text-align: center;
    padding: 0px 30px;
    text-decoration: none;
    border:0px solid green;
}
/* Change color on hover - definition for all screen sizes */
/* Linkfarben für Hauptmenü oben */
.mod-menu li a { color: #00f; text-decoration:none;font-family:prophet_regular; }
.mod-menu li a:visited {  color: #00f;}
.mod-menu li a:hover {  color: #000;}
.mod-menu li.current a {  color: #000;}
/* Link zu Startseite muss vorhanden sein, soll aber nicht angezeigt werden */
    /*.mod-menu li a.start { display:none; padding:0;border:1px solid red;}*/
.mod-menu li.default { display:none; }

/* Style the LANGUAGE SWITCHER section - right top corner - Basiseinstellungen aus Modul siehe auch user.css */ */

.langnav {
  float:right;	
  overflow: hidden;
  margin:auto;
  padding-top:20px;
  padding-right: 28px;
}
/* Style the language nav links */
.mod-languages { margin-top:20px;  border:0px solid green;}
.mod-languages ul {margin:auto; }
.mod-languages li {
     float: right;
     display: inline-block;
     text-align: right;
/*   padding: 0 0 0 8px;*/
     padding: 0 0 0 0px;
     text-decoration: none;
/*   background-color:#cff;*/
}

/* aktive Sprache schwarz, andere magenta, hover schwarz  */
.mod-languages li a { color: #f0f; text-decoration:none; font-family:prophet_regular;}
.mod-languages li a:visited {  color: #f0f; }
.mod-languages li a:hover {  color: #000;}
.mod-languages li.lang-active a {  color: #000;}

/* Link zu ARBEITEN - mit allen Projekten - nur auf Mobilgeräten sichtbar */
 @media screen and (min-width: 992px) {
	li.nav-item a.smallscreen {display:none;}

}
/*  ********** ENDE NAVIGATION AUF GROSSEM  BILDSCHIRM  ********   */


/*  ************************* NAVIGATION AUF MOBILGERAETEN  *************************   */
/*  nur für die Stellen, an denen Unterschiede notwendig sind    */



/*  ************ MITTLERE BILDSCHIRMGRÖSSE  *************************   */
 @media screen and (max-width: 992px) and (min-width: 600px) {
/* Style the TOP NAVIGATION section  */   

.topnav-m {
  max-width:100%; 
  margin:auto;
  padding-top:34px;
  border:0px solid #f0f; 
 } 
 /* Style the topnav elements*/
.topnav-m .mod-menu ul { 
    margin:auto;
    padding:0;
    border:0px solid green;
    }
.topnav-m .mod-menu li {
     /* float: left;*/ /* nicht wenn die Links in der Mitte sein sollen  */
    display: inline-block ; 
    text-align: center;
    padding: 0px 30px 5px 0;
    text-decoration: none;
    border:0px solid #0ff;
}
/* Link zur Startseite hier nicht sichtbar  */
.mod-menu li.default { display:none; }

/* Link zu ARBEITEN mit Einzelprojekten, also für Desktop, hier nicht sichtbar  */
/*li.nav-item a.widescreen  {  display:none;} */
/* besser:  */
.mod-menu li.parent { display:none; } 

/* Style the MOBILE LANGUAGE SWITCHER section  - Basiseinstellungen aus Modul siehe auch user.css */
.langnav-m {
  float:right;	
  overflow: hidden;
  margin:auto;
  padding-top:22px;
  padding-right: 28px;
  border:0px dotted #f0f; 
  }
  .visually-hidden {display:none;}

  /* Style the language nav links */
.mod-languages { margin-top:12px;}
.mod-languages ul {margin:auto;}
.mod-languages li {
/*     float: right;*/
     display: inline-block;
     text-align: center;
     padding: 0 0 5px 8px;
     text-decoration: none;
     border: 0px solid blue;
    }
}
/*  ************ ENDE MITTLERE BILDSCHIRMGRÖSSE  *************************   */

/*  ************ KLEINE  BILDSCHIRMGRÖSSE  *************************   */

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

.logo {  
    margin-top:0;
    padding-top: 15px;
    background-color: #fff;
    border:0px dotted #00c;
}
.topnav-m {
  max-width:100%; 
  overflow: hidden;
  margin:auto;
  padding-top:20px;
  border: 0px solid #0ff; 
 }
/* Style the topnav elements*/
.topnav-m .mod-menu ul{ 
    margin:0;
    padding: 0;
    }
.topnav-m .mod-menu li {
   /* float: left;*/ /* nicht wenn die Links in der Mitte sein sollen  */
    display: inline-block ; 
    text-align: left;
    padding: 0px 30px 0px 0;
    text-decoration: none;
    border:0px solid blue;
}
/* Schrift der Memüpunkte etwas kleiner */
/*.mod-menu li a {font-size: .9em;}  */

/* Link zur Startseite hier nicht sichtbar  */
.mod-menu li.default { display:none; }

/* Link zu ARBEITEN mit Einzelprojekten, also für Desktop, hier nicht sichtbar  */
/*li.nav-item a.widescreen  {  display:none;} */
/* besser:  */
.mod-menu li.parent { display:none; }

/* Style the MOBILE LANGUAGE SWITCHER section - Basiseinstellungen aus Modul siehe auch user.css */  */
.langnav-m {
    overflow: hidden;
    margin:auto;
    padding-top: 40px;  /*  passt, wenn langnav-m und topnav-m in einer Zeile  */
    padding-right:15px; 
    border:0px dotted #333; 
    }
.langnav-m ul {
    padding:0;
    margin:0;
    border:0px dotted #0f0; 
    }   
/* Style the language nav links */
.mod-languages { margin-top:36px;}
.mod-languages ul {margin:auto;}
.mod-languages li {
     float: right;
     display: inline-block;
     text-align: center;
     padding: 0 0 5px 8px;
     text-decoration: none;
     border: 0px solid blue;
}


 }
 /*  ************ ENDE KLEINE  BILDSCHIRMGRÖSSE  *************************   */
/*  ************************* ENDE NAVIGATION AUF MOBILGERAETEN  ************************   */


/* auf allen Projektseiten soll 'ARBEITEN' im Main-Menü schwarz bleiben */
.mod-menu li.parent a:link { color:#000 !important; }
.mod-menu li.parent a:hover { color:#000; }
.mod-menu li.parent a:visited { color:#000; }





/* ************** Generell FOOTER NAVIGATION - Zeile für 2.Navi-Leiste ***************+ */
.footer {
  padding: 0;
  text-align: center;
  margin-top: 100px;
  margin-bottom:30px;
  background-color: #fff;
}
.footer p {
  font-size: .8em;
}
/* Style the footnav Navigation */
.footnav {
  max-width:100%; /* für Zentrierung */
  margin:auto;	 /* für Zentrierung */
  overflow: hidden;
}
/* Style the footnav elements*/
.footnav ul.mod-menu {
     margin:0;
    padding: 0;
}

.footnav ul.mod-menu li {
    display: inline-block; 
    text-align: center;
    padding: 0px 30px;
    font-size: .9em; 
    background-color: #fff;
    }

/* Change color on hover */
.footnav li a { color: #000; text-decoration:none; font-family:favorit_prolight;}
.footnav li a:visited {  color: #000;}
.footnav li a:hover {  color: #00f;}
.footnav li.current a {  color: #00f;}

/* ENDE  FOOTER  */

/* ***********  ENDE FOOTER NAVIGATION - Zeile für 2.Navi-Leiste ********  */


/* **************************  ENDE STYLE ALL NAVIGATION ****************************   */