/* NAVI-STYLING:  STANDARDTEMPLATE ERWEITERT UM 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 blue;   
}
/*  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 blue;   
}

/* zusätzliche Sticky-Leiste auf Mobilgeräten für 'Arbeiten'  */
div.sticky-bar-mobile-oc {
  position: -webkit-sticky;
/*  position: sticky;*/
  top: 90px;
  padding:0;
  z-index:3;
  background-color:transparent;
  margin-top:0px; 
  padding-bottom:0px;
  border: 0px solid red;
}
/* *** 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;}

/*  ********** 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%; 
/*  overflow: hidden;*/
  margin:auto;
/*  padding-top:20px;*/
  padding-top:34px;
  border:0px solid #f0f; 
/*  background:#ddd;*/
 } 
 /* Style the topnav elements*/
.topnav-m .mod-menu ul { 
    margin:auto;
    padding:0;
    border:0px solid green;
/*      background:#ccc;*/
    }
.topnav-m .mod-menu li {
    display: inline-block ; 
    text-align: center;
/*    padding: 0px 30px 5px 0;*/
    padding: 0px 30px 5px 0;
    text-decoration: none;
    border:0px solid blue;
}
.mod-menu li.default { 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:0px;}*/
.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;*/
  padding-top:20px;
  border: 0px solid #0ff; 
 }
/* Style the topnav elements*/
.topnav-m .mod-menu ul{ 
    margin:0;
    padding: 0;
/*    border: 1px solid blue; */  
    }
.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 5px 0;*/
    padding: 0px 30px 0px 0;
    text-decoration: none;
/*     border: 1px solid blue;*/
}
/*.mod-menu li a {font-size: .9em;}*/
.mod-menu li.default { 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:0px;}*/
.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;
}

div.sticky-bar-mobile-oc {
  position: -webkit-sticky;
  position: sticky;
  top: 145px;
  padding:0;
  z-index:3;
  background-color:transparent;
  margin-top:0px; 
  padding-bottom:0px;
  border: 0px solid green;
}

 }
 /*  ************ 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; }


/*  ************** AB HIER - SIDEBAR NAVIGATION - nur für Projektseiten **********   */  

/* ***********  Style the PROJECT MENU section - Navimenü seitlich links ************  */
.sidebar {
  max-width:100%; 
  overflow: hidden;
  margin:auto;
  padding-top:20px;
  background-color:#fff;
 }
/* Style the nav elements*/
.sidebar .mod-menu ul { 
/*    margin-top:10px;*/
        margin:0;
    }
.sidebar ul.mod-list {
    margin: 0;
    border:0px solid green;
    padding:0;
    }
.sidebar ul.nav {
    margin: 0;
    border:0px solid #f0f;
    padding:0;
    }
.sidebar ul.mod-menu {
    margin-left: 0;
    border:0px solid red;
    padding:0;
  list-style-type: none;
    }
.sidebar .mod-menu li {
    display: block ; 
    text-align: left;
    padding: 20px 0px;
    text-decoration: none;
    border:0px solid green;
    font-size: 1em;
}

/* Linkfarben für seitliches Menü  */
.leftmenu li a { color: #000; text-decoration:none;font-family:'favorit_prolight'; }
.leftmenu li a:visited {  color: #000;}
.leftmenu li a:hover {  color: #00f;}
.leftmenu li.current a {  color: #00f;}

/* ********** ENDE SIDEBAR NAVIGATION - für Projektseiten *******************  */

/* ***********  Style the OFFCANVAS MENU section - Navimenü seitlich links ************  */
/*  optional <button class="uk-button uk-button-default uk-margin-small-right"> als Basis nehmen */
 .butt1 {
  font-size:1em;
  font-variant-caps: normal !important;
  background-color:#fff;
  border:1px solid #ccc;
/*  margin-top: 20px;*/
    margin-top: 0px;
   }

#oc_menu {margin-top:0px; padding-top:0px;    border:2px dotted #00f;}

#mobmen {border:0px dotted blue;}

.uk-offcanvas-bar {
  background: #fff; 
  opacity:1;
  margin-top:0px;
  padding-top:50px;
  border-right:1px solid #ccc;
  }
button.uk-offcanvas-close {color:#999 !important;  padding-top:10px;}
button.uk-offcanvas-close:hover {color:#333 !important;}

.uk-offcanvas-bar.oc {
  max-width:100%; 
  overflow: hidden;
  margin:auto;
  padding-top:10px;
  background-color:#fff;
 }
 
/* Style the nav elements*/
/* Überschrift Navi links - Style wie sonst h1  */
.moduletable h3 
    {     
    font-size:1.5em;
    font-weight: normal;
    word-spacing: 0.2em;
/*    letter-spacing: 0.03em;*/
    letter-spacing: 0.02em;
    padding-left:0;
    padding-top:33px;
    padding-right:15px;
    padding-bottom:20px;
    }
.oc h3 
    {     
    font-size:1.5em;
    font-weight: normal;
    word-spacing: 0.2em;
/*    letter-spacing: 0.03em;*/
    letter-spacing: 0.02em;
    padding-left:0;
    padding-top:33px;
    padding-right:15px;
    padding-bottom:20px;
    color:black;
    }

.oc ul {
    margin: 0;
    border:0px solid red;
    padding:0;
    background-color:#fff;
    }

.oc ul li {
    display: block ; 
    text-align: left;
    padding: 8px 0px;
    text-decoration: none;
    border:0px solid blue;
    font-size: 1em;
}

/* Change color on hover - definition for all screen sizes */
.oc li a { color:#000; text-decoration:none; font-family: 'favorit_prolight';}
.oc li a:visited {  color: #000; font-family: 'favorit_prolight';}
.oc li a:hover {  color: #00f; font-family: 'favorit_prolight';}
.oc li.current a {  color: #00f; font-family: 'favorit_prolight';}

/* ************** 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 ****************************   */