@font-face {
  font-family: 'FaktPro';
  /* src: url('/static/fonts/FaktPro-Normal.eot');  IE9 Compat Modes */
  src: url('../fonts/FaktPro-Normal.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       /*url('webfont.woff2') format('woff2'),  Super Modern Browsers */
       url('../fonts/FaktPro-Normal.woff') format('woff'), /* Pretty Modern Browsers */
       url('../fonts/FaktPro-Normal.ttf')  format('truetype'); /* Safari, Android, iOS */
       /* url('webfont.svg#svgFontName') format('svg');  Legacy iOS */
  /*font-weight: normal;
  font-style: normal;*/     
}
@font-face {
  font-family: 'FaktPro';
  /* src: url('/static/fonts/FaktPro-Normal.eot');  IE9 Compat Modes */
  src: url('/static/fonts/FaktPro-Bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       /*url('webfont.woff2') format('woff2'),  Super Modern Browsers */
       url('/static/fonts/FaktPro-Bold.woff') format('woff'), /* Pretty Modern Browsers */
       url('/static/fonts/FaktPro-Bold.ttf')  format('truetype'); /* Safari, Android, iOS */      
       /* url('webfont.svg#svgFontName') format('svg');  Legacy iOS */
  font-weight: bold;
  font-style: normal;     
}

@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/MaterialIcons-Regular.woff2') format('woff2'),
       url('../fonts/MaterialIcons-Regular.ttf')  format('truetype'); 
}

.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;  /* Preferred icon size */
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;

  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;

  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;

  /* Support for IE. */
  font-feature-settings: 'liga';
}

/*
* { box-shadow: 0 0 1px pink; }
*/

/* Sticky footer styles
-------------------------------------------------- */

html {
  position: relative;
  min-height: 100%;
  /*font-family: 'FaktPro', serif;*/
}
html, .pure-g [class *= "pure-u"] {
        /* Set your content font stack here: */
        font-family: 'FaktPro', sans-serif;
        font-size:12pt;
        line-height:1.35em;
}
body {
  /* Margin bottom by footer height */
  margin-bottom: 50px;
  word-wrap:break-word;
}

a{color:#000;text-decoration:none;}
/*a:hover{color:#007a85;color:#666;transition: color 0.25s;}*/ /*#03e6fb;}*/
a:active{color:#009dad;}
hr{background-color:#000;color:#000;border:none;height:1px;}
p{margin:0.5rem 0;}

h2{font-size:1.25rem;padding-bottom:1.5rem;}

input{
border:1px solid #aaa;line-height:1.3rem;min-height:1.3rem;padding-left:0.3rem;
box-sizing: border-box;
}

input:focus{
outline:none;
border:1px solid #009dad;
}
select{background:transparent;border:none;line-height:1.3rem;min-height:1.3rem;}
select:focus{outline:none;}
select option{line-height:1.3rem;min-height:1.3rem;} /*background:#009dad;}*/

select:active, select:hover {
  outline: none
}

.small{font-size:0.9rem;}
.red{color:red;}
.par12-12{margin:0.5rem 0;}
.par12-11{margin:0.5rem 0 1rem 0;}

.border11-12{margin:0.5rem 0;padding-top:0.5rem;border-bottom: 1px solid #000;}
.border54-34{margin:0.5rem 0;padding-top:0.75rem;border-bottom: 1px solid #000;} /*1.25 0.75*/


#header{
    position:fixed;top:0;width:100%;margin-top:0;padding-top:0;z-index:100;
    color:#fff;
    background: transparent;
    }
#header a{ color:#fff}    

#subheader{
    position:fixed;top:0;width:100%;margin-top:0;padding-top:0;z-index:100;
    color:#fff;
    background: transparent;
    }

#content{
    margin-top:11rem;
    margin-bottom:5rem;
    line-height:1.3em;
    color:#000;
    }
#content h2{font-size:1.33rem;padding-bottom:0;margin-bottom:0;}
#content h3{width:100%; border-bottom:1px solid #000;text-transform: uppercase;font-size:0.9rem;padding-bottom:0.5em;}
#content h4{margin-top:0.2rem;font-size:0.9rem;}

#footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  /* Set the fixed height of the footer here */
  height: 50px;
  color:#fff;
  background-color: #009dad;
  font-size:small;
}

#footer a{
    color:#fff;
    text-decoration:none;
    font-size:small;
}
.wrapper{
    max-width: 1140px;
    margin: 0 auto;
    padding: 0 0.75rem;
}
#menu a{color:#000;}

.pure-menu-link a{color:#000;}
.pure-menu-link a:hover{background:transparent!important;}
.pure-menu-item{text-align:center;padding:0 0.5rem;}


.pure-g.gutters{
  margin: 0 -0.8rem;
}
.pure-g.gutters > [class *=pure-u]{
  box-sizing: border-box;
  padding: 0 0.8rem;
}

.collheader{
    /*width:40px;
    min-width:40px;
    transition: width 5s;*/
}
.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

#gsearchinput{
    visibility:hidden;background:#009dad;color:white;vertical-align:top;border:none;border-bottom:1px solid #009dad;
    border-bottom:1px solid white;margin-bottom:0.5rem;outline: none;
    width:20rem;
    margin-top:0;padding-top:0;
    transition: width 0.5s;
    /*transition: opacity 0.5s;*/
}

#gsearcharea{float:right;margin:0;padding:0;cursor:pointer;min-width:20rem;text-align:right;vertical-align:bottom;}
#gsearcharea:hover #gsearchinput{width:28.2rem;}

#gsearchinputmob{
    background:#009dad;color:white;vertical-align:top;border:none;border-bottom:1px solid #009dad;
    border-bottom:1px solid white;margin-bottom:0.5rem;outline: none;
    z-index:10;
    width:16rem;
    margin-top:0.25rem;padding-top:0.25rem;
    /*transition: width 0.5s;*/
    /*transition: opacity 0.5s;*/
}


/* von typeahead materialize*/

#gsearchmob{
  /*position:absolute; top:10px;right:0.75rem;z-index:10;background:transparent;width:80%;text-align:right;*/
}

.tt-menu {
    line-height:1.4em!important;
    text-align:left;
    color:#000 !important;
    min-width:100%;
    max-width:100%;
    padding:0.5rem 0.75rem;;
    margin-right:0!important;
    
    /*-webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;*/
    background:#fff;
    -webkit-box-shadow:0 2px 5px rgba(0,0,0,.35);
    -moz-box-shadow:0 2px 5px rgba(0,0,0,.35);
    box-shadow:0 2px 5px rgba(0,0,0,.35);
}
#gsearchmob .tt-menu {
  max-height: 90vh;
  overflow-y: auto;
}

#gsearcharea .tt-menu {
  max-height: 90vh;
  overflow-y: auto;
}



.mytthead{margin-bottom:0.5rem;}
.myttfoot{padding-bottom:0.75rem;margin-bottom:0.25rem;border-bottom:1px solid #000;}

.suggest{padding-left:0rem;line-height:1.75em;} /*für materialize angepasste ausklappmenu von typeahead*/
.suggest:hover{background:#fff;color:#009dad;cursor:pointer;} /*  #0097a7;}*/

/*.tt-suggestion.tt-cursor:hover{background:#eee!important;cursor:pointer;}*/
.tt-open{width:100%;}

/* ---------------- */
.menu_active{
    font-weight:normal;
    border-bottom:1px solid #000;
    /*background:#009dad;
    color:#fff;*/
}
.pic{width:100%;margin:0;padding:0;}
.mldg-head{font-family:'FaktPro';width:100%;border-bottom:1px solid #000;font-size:0.9rem;font-weight:bold;text-transform:uppercase;padding:0.5rem 0;margin:0 0 1.5rem 0;}
.mldg-box{}
.mldg-dach{font-size:0.9rem;text-transform:uppercase;}
.mldg-titel{font-size:1.25rem;font-weight:bold;line-height:1.5rem;}
.mldg-titel2{font-size:1.25rem;font-weight:normal;line-height:1.5rem;}

.mldg-utitel{font-size:0.9rem;font-weight:bold;}
.mldg-pic{margin:0.75em 0 ;width:100%;padding:0;}
.weiterlesen{font-size:0.9rem;}
.arrlink{font-size:0.9rem;text-transform:uppercase;}
.arrlink::before{ content: "↗";}
.arrlinklower{font-size:0.9rem;}
.arrlinklower::before{ content: "↗";}

.linkcolor{color:#009dad;}
.linkcolor:hover{text-decoration:underline;}

/*.arrlink:hover{color:#009dad;}*/

@media screen and (max-width: 47.99em){
    .responsive-menu{
        display: none;
    }
    .screen-lg{display:none;}
    #content{margin-top:4rem;}
}
@media screen and (min-width: 48em){
    .menu-btn{
        display: none;
    }
    .screen-sm{display:none;}
    #content{margin-top:11rem;}
}

/*---- DEVELOPER Mixins */
.dev1{background:#ffd;}