body {
    font-family: Verdana, Helvetica, Arial, sans-serif;
    font-size:13px;
    color:#444;
}


.col-sm-9.main { padding-top:14px; }
.col-sm-7.main { padding-top:14px; }
.col-sm-6.main { padding-top:14px; }
.col-sm-5.main { padding-top:14px; }
.col-sm-3.rechts { padding-top:14px; }

.col-sm-0 {width:0%;}
img { max-width:100%; }


 h1,h2,h3,h4,h5,h6 {
    font-family: 'Roboto Condensed', Helvetica, sans-serif;
    font-weight:normal;
    color:#222;
    margin:0 0 0.25em 0;
  }

  h1 { font-size:230%; color:#999; margin-top:10px;}                       /* 30px */
  h2 { font-size:200%; }                       /* 24px */
  h3 { font-size:150%; color: #999;}                       /* 18px */
  h4 { font-size:133.33%; }                    /* 16px */
  h5 { font-size:116.67%; }                    /* 14px */
  h6 { font-size:116.67%; }                    /* 14px */
  
  a { color:#CC0000; background:transparent; text-decoration:none; font-weight:normal; }
  a:visited  { color:#CC0000; }

  a:focus,
  a:hover,
  a:active { color:#8f1314; text-decoration:underline; }
  ul, ol, dl { margin:0; padding:0; }
  ul { list-style-type:none; }
  
  p.bu, p.hinweis { font-size:85%; color:#999; margin-top:30px; }
  

/* ############################
Bootstrap
############################## */ 

  
.jumbotron {
    color: #fff;
    background: #000 url("../../media/devidrio-glaswerk.jpg") no-repeat center left;
    height:186px;
    border-radius: 0.0rem;
    margin-bottom: 0;
    background-size:poster;
  }
  .jumbotron h2 a { display:block; width:30%; height:70px; background:transparent; }
  

#main { background: #fff;padding:10px 0; }
   


 



/* ############################
NAVI
############################## */  

.bg-dark, .bg-inverse {background-color: #000 !important;}
.navbar-expand-md .navbar-toggler {display: none;}
.navbar {border-radius: 0px; padding:0; min-height:30px; }
.navbar .col-md-9 { padding-left:0px; }

.navbar-nav > li.nav-item { padding: 0.5em 3em 0.5em 0; float:left; }
.navbar-nav > li > ul > li.nav-item { padding: 0.5em 2em 0.5em 0; float:left; }
.navbar-nav > li a { color: #999; font-weight: normal; padding:0;text-decoration:none; }
.navbar-nav > li a:hover { color: #FFF; }
.navbar-nav > li.selected a,
.navbar-nav > li.active a { color: #FFF; background-color:transparent; }

.dropdown-menu {
    position: absolute;
    width:100%;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: block;
    float: left;
    min-width: auto;
    padding: 0px 0;
    margin: 0px 0 0;
    margin-top: 2px;
    list-style: none;
    font-size: 13px;
    background-color: transparent;
    border: none;
    border-radius: 0px;
        border-top-left-radius: 0px;
        border-top-right-radius: 0px;
    -webkit-box-shadow: none;
    box-shadow: none;
    background-clip: padding-box;
}
.dropdown-menu li { float:left; }
.dropdown { position: static;}
.navbar-nav > li.selected > ul > li { color: #999; float:left;border-bottom: 1px #BBB solid;}
.navbar-nav > li.selected > ul > li a:hover { color: #000; }
.navbar-nav > li.selected > ul > li a, 
.navbar-nav > li.active > ul > li a { color: #999; float:left; }
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
    color: #000;
    background-color: transparent;
}
.navbar-nav > li > ul > li a:hover { color: #000; }
.navbar-nav > li > ul > li.selected a,
.navbar-nav > li > ul > li.active a { color: #FFF; font-weight:bold; background-color:transparent; }




/* table */
.table td.portrait { padding-left: 0rem; padding-right:.3rem; }
.table td.portrait img { padding-top:4px; width:100%; min-width:60px; }
.table tr.noline,
.table > tbody > tr.noline > td { border:none; }



.produktgruppen { padding-bottom:20px; display:block; max-width:940px; }
.produktgruppen a { float:left; padding:0px 0 30px 0; }
.produktgruppen img { margin-right: 30px; }

/* galerie */

.ug-tile .ug-textpanel-title, .ug-lightbox-compact .ug-textpanel-title {
font-family: Helvetica, Arial, sans-serif;
font-size: 14px;
font-weight: normal;
line-height:1em;
padding:0; margin:0;
}
.ug-lightbox-compact .ug-textpanel-description { 
font-family: Helvetica, Arial, sans-serif;
color: #F3F3F3; font-size: 13px;
font-weight: normal;
line-height:1em;
padding:0; margin:0;
 }
.ug-lightbox-compact .ug-textpanel-title { padding-top:10px; }


/* *******************************************************
Custom, iPhone Retina
******************************************************** */

@media only screen and (min-width : 320px) {  
/* ----- */

.jumbotron {
    color: #fff;
    background: #000 url("../../media/devidrio-glaswerk-700.jpg") no-repeat center center;
    height:100px;
    border-radius: 0.0rem;
    margin-bottom: 0;
    background-size:100%;
  }

.footer {
    position: relative;
    bottom: 0;
    width: 100%;
    line-height: 40px;
    background-color: #f5f5f5;
}
section { padding:0px 0; }
.container { width: 86%; max-width: 100%; }
.navbar { padding-left:0px;padding-right:0px; padding-bottom:20px; }  
.col-sm-12.rechts { padding:30px 15px; }

/* ----- */
}



/* *******************************************************
Small devices (landscape phones, 576px and up)
******************************************************** */

@media only screen and (min-width: 576px) {
/* ----- */

.footer {
    position: relative;
    bottom: 0;
    width: 100%;
    line-height: 40px;
    background-color: #f5f5f5;
}
.table td.portrait { padding-left: 0rem; padding-right:.5rem; }
.table td.portrait img { padding-top:4px; width:100%; min-width:90px; }


/* ----- */
}



/* *******************************************************
Medium Devices, Desktops - 
--- ab hier Menu normal
******************************************************** */

@media only screen and (min-width : 992px) {
/* ----- */

.jumbotron {
    color: #fff;
    background: #000 url("../../media/devidrio-glaswerk.jpg") no-repeat center left;
    height:186px;
    border-radius: 0.0rem;
    margin-bottom: 0;
    background-size:poster;
  }
  
.footer {
    position: relative;
    bottom: 0;
    width: 100%;
    line-height: 40px;
    background-color: #f5f5f5;
}

section { padding:40px 0; }
.container { width: 100%; max-width: 92%; }
.navbar .col-md-12 { padding-left:0; }
.navbar { padding-left:0px;padding-right:0px; padding-bottom:0px; } 
.navbar-nav > li > ul > li.active a { color: #000; font-weight:bold; background-color:transparent; }
.table td.portrait { padding-left: 0rem; padding-right:.7rem; }
.table td.portrait img { padding-top:4px; width:100%; min-width:140px; }
.col-sm-12.rechts { padding:0px 15px; }

/* ----- */
}


/* *******************************************************
Large Devices, Wide Screens
******************************************************** */

@media only screen and (min-width : 1200px) {
/* ----- */

section { padding:80px 0; }

/* ----- */
}