/*
Theme Name: glashaus
Author: Mario MEISENBERGER
Author URI: http://labor-c.net
Description: Custom Theme for Glashaus
Version: 1.0.7
Text Domain: glashaus
Tags: responsive, business
*/


/*
Properties
Sort Alphabetically
*/

body {
    background-color: #fff;
    color: #444;
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    font-weight: 400;
    height: 100%;
    line-height: 1.6;
    margin: 0;
    width: 100%;
}
.h1, .h2, .h3, h1, h2, h3 { font-family: "Open Sans", serif }
dfn, cite, em, i { font-style: italic }
blockquote { margin: 0 1.5em }
pre {
    background: #eee;
    font-family: "Courier 10 Pitch", Courier, monospace;
    font-size: 15px;
    line-height: 1.6;
    margin-bottom: 1.6em;
    max-width: 100%;
    overflow: auto;
    padding: 1.6em;
    font-color: #2a3d3c;
}
code, kbd, tt, var {
    font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
    font-size: 15px;
}
abbr, acronym {
    border-bottom: 1px dotted #666;
    cursor: help;
}
mark, ins {
    background: #fff9c0;
    text-decoration: none;
}
big { font-size: 125% }
h1.site-title {
    color: #fff;
    font-size: 60px;
    font-weight: 800;
    letter-spacing: -1px;
    padding: 0;
}
h2.site-description {
    color: #fff;
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    margin: 0;
    padding: 0;
}
h2.entry-title a {
    letter-spacing: -2px;
}
h1.widget-title a, h1.widget-title, h2.widget-title a, h2.widget-title, .widgettitle {
    font-family: 'Open Sans', sans-serif;
    font-size: 22px;
    font-weight: 600;
    letter-spacing: 1px;
    text-transform: uppercase;
}

/**
  * HEADER ****************************************************************
  */

.header-top {
    background-color: #2a3d3c;
    color: #fff;
    margin-bottom: 40px;
    /* min-height: 500px;*/
    min-height: 333px;
    padding: 0;
    width: 100%;
}
.site-header { padding-top: 280px }

.site-header h1.entry-title a {
    color: #fff;
    font-size: 55px;
    font-weight: 800;
    letter-spacing: -1px;
    padding: 0;
}
.site-header .col-md-4, .site-header .col-md-7 {
    padding-bottom: 25px;
    padding-top: 25px;
}
.overlay {
    /*background: rgba(0,0,0,0.5);*/
    height: 100%;
   /* min-height: 500px;*/
    min-height: 333px;
    position: relative;
}

.slogan {
    position: absolute;
    /*top: 425px;*/
    background-color: #008AD1;
    width: 100%;
    opacity: 0.8;
	filter: alpha(opacity=80);
    bottom: 0px;
}
.slogan-title {
	padding-left: 30px;
    font-size: 2.6em;
}

.h2, h2 {
    font-size: 20px;
}


/** CONTENT
  */

.entry-meta, .entry-footer {
    font-size: 14px;
    text-transform: uppercase;
}
.entry-meta span, .entry-footer span { padding-right: 10px }
.entry-footer { padding-top: 20px }
#masthead .entry-meta { color: #fff }
#masthead .entry-meta a {
    border-bottom: 1px solid #999;
    color: #fff;
}
#masthead .entry-meta a:hover, .entry-meta a:focus {
    border-bottom: 777;
    color: #ccc;
}
hr {
    background-color: #ccc;
    border: 0;
    height: 1px;
    margin-bottom: 1.5em;
}
ol { list-style: decimal }
li > ul, li > ol {
    margin-bottom: 0;
    margin-left: 1.5em;
}
dd { margin: 0 1.5em 1.5em }
img {
    height: auto;
    max-width: 100%;
}
table {
    margin: 0 0 1.5em;
    width: 100%;
}
tbody>tr>td, tbody>tr>th, tfoot>tr>td, tfoot>tr>th, thead>tr>td, thead>tr>th {
    border-top: 1px solid #ddd;
    font-size: 16px;
    line-height: 1.42857143;
    padding: 12px 8px;
    vertical-align: top;
}
input[type="button"], input[type="reset"], input[type="submit"] {
    background: #e6e6e6;
    border: 1px solid;
    border-color: #ccc #ccc #bbb;
    border-radius: 3px;
    color: rgba(0,0,0,.8);
    font-size: 12px;
    line-height: 1;
    padding: .6em 1em .4em;
}
input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover { border-color: #ccc #bbb #aaa }
input[type="button"]:focus, input[type="reset"]:focus, input[type="submit"]:focus, button:active, input[type="button"]:active, input[type="reset"]:active, input[type="submit"]:active { border-color: #aaa #bbb #bbb }
input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], textarea {
    border: 1px solid #ccc;
    border-radius: 3px;
    color: #666;
}
input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus, textarea:focus { color: #111 }
input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"] { padding: 3px }
textarea {
    padding-left: 3px;
    width: 100%;
}
a {
    -moz-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    color: #006db5;
    transition: all .2s ease-in-out;
}
a:hover, a:focus, a:active {
    color: #666;
    text-decoration: none;
}
a:focus { outline: thin dotted }
a:hover, a:active { outline: 0 }
.site-main .comment-navigation, .site-main .posts-navigation, .site-main .post-navigation {
    margin: 0 0 1.5em;
    overflow: hidden;
}
.comment-navigation .nav-previous, .posts-navigation .nav-previous, .post-navigation .nav-previous {
    float: left;
    width: 50%;
}
.comment-navigation .nav-next, .posts-navigation .nav-next, .post-navigation .nav-next {
    float: right;
    text-align: right;
    width: 50%;
}
.screen-reader-text {
    clip: rect(1px,1px,1px,1px);
    height: 1px;
    overflow: hidden;
    position: absolute!important;
    width: 1px;
}
.screen-reader-text:hover, .screen-reader-text:active, .screen-reader-text:focus {
    background-color: #f1f1f1;
    border-radius: 3px;
    clip: auto!important;
    color: #21759b;
    display: block;
    font-size: 14px;
    font-weight: 700;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000;
}
.alignleft {
    display: inline;
    float: left;
    margin-right: 1.5em;
}
.alignright {
    display: inline;
    float: right;
    margin-left: 1.5em;
}
.aligncenter {
    clear: both;
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.single .byline, .group-blog .byline { display: inline }
.page-content, .entry-content, .entry-summary { margin: 15px 0 0 }
.page-content .wp-smiley, .entry-content .wp-smiley, .comment-content .wp-smiley {
    border: none;
    margin-bottom: 0;
    margin-top: 0;
    padding: 0;
}
.page-links {
    clear: both;
    margin: 0 0 1.5em;
}
.clear:after, .entry-content:after, .comment-content:after, .site-header:after, .site-content:after, .site-footer:after { clear: both }
.comment-content a { word-wrap: break-word }
.wp-caption {
    margin-bottom: 1.5em;
    max-width: 100%;
}
.wp-caption img[class*="wp-image-"] {
    display: block;
    margin: 0 auto;
}
.wp-caption .wp-caption-text { margin: .8075em 0 }
.wp-caption-text { text-align: center }
.gallery-item {
    display: inline-block;
    padding: 8px;
    text-align: center;
    vertical-align: top;
    width: 100%;
}
.gallery-columns-2 .gallery-item { max-width: 50% }
.gallery-columns-3 .gallery-item { max-width: 33.33% }
.gallery-columns-4 .gallery-item { max-width: 25% }
.gallery-columns-5 .gallery-item { max-width: 20% }
.gallery-columns-6 .gallery-item { max-width: 16.66% }
.gallery-columns-7 .gallery-item { max-width: 14.28% }
.gallery-columns-8 .gallery-item { max-width: 12.5% }
.gallery-columns-9 .gallery-item { max-width: 11.11% }
p, .gallery { margin-bottom: 1.5em }
b, strong, dt { font-weight: 700 }
address, .widget, .hentry { margin: 0 0 40px }
.widget select, select, embed, iframe, object { max-width: 100% }
article, .hentry { margin: 0 0 30px }
.menu-toggle, .widget_search .search-submit, .byline, .updated:not(.published), .blog .format-aside .entry-title, .archive .format-aside .entry-title, .infinite-scroll .posts-navigation, /* Older / Newer Posts Navigation (always hidden) */
.infinite-scroll.neverending .site-footer { display: none }
.widget-area { font-size: 16px }
.widget-area ul { padding: 0 0 0 25px }
.sticky, .bypostauthor, .infinity-end.neverending .site-footer, .gallery-caption { display: block }
.gallery-caption {
    font-size: 12px;
    padding-top: 10px;
}

/**
  * FOOTER ****************************************************************
  */

.footer { 
	padding: 20px 0 20px 40px;
	background-color: #4d4e4e;
	border-top: 15px solid #4d4e4e;
	color: #ccc;
}

.footer h1.widget-title {
	padding-left: 20px;
	font-size: 0.9em;
	padding-bottom: 0px;
	font-weight: bold;
}

.footer .textwidget {
    /*background-color: rgba(238,238,238,.5);*/
    padding: 20px;
    padding-top: 0px;
    font-size: 0.8em;
}

.footer p {
	font-size: 1.2em;
}

.footer a {
	color: #cccccc;
	text-decoration: underline;
}

#copyright p {
	font-size: 0.8em;
    color: #cccccc;
    padding: 0px 20px;
}
#copyright a {
	color: #cccccc;
	text-decoration: underline;
}
#copyright a:hover {
	color: #cccccc;
}

.plogo {
	margin-right:50px;
}
.madeinaustria {
	margin-right:20px;
}

/**
  * BUTTONS ****************************************************************
  */

.btn { border-radius: 0!important }
#masthead .btn-default {
    background-color: transparent;
    border-color: #fff;
    color: #fff;
    font-weight: 700;
    letter-spacing: 1px;
    padding: 10px 30px;
    text-transform: uppercase;
}
#masthead .btn-default:hover { opacity: 0.6 }


/**
  * NAVBAR ****************************************************************
  */

.navbar {
    -moz-transition: background .5s ease-in-out,padding .5s ease-in-out;
    -webkit-transition: background .5s ease-in-out,padding .5s ease-in-out;
    border-bottom: 0;
    transition: background .5s ease-in-out,padding .5s ease-in-out;
}
.navbar-custom {
    font-size: 13px;
    font-weight: 800;
    letter-spacing: 1px;
    margin-bottom: 0;
    text-transform: uppercase;
}
.navbar-custom .navbar-brand .navbar-toggle {
    font-size: 14px;
    padding: 4px 6px;
}
.navbar-custom .navbar-brand .navbar-toggle:focus, .navbar-custom .navbar-brand .navbar-toggle:active, .navbar-custom .navbar-brand:focus { outline: 0 }
.navbar-custom a.navbar-brand:hover { color: #ccc }
.navbar-custom .nav li.active {
    background-color: rgba(150,150,150,.3);
    outline: none;
}
.navbar-custom a { color: #333 }
.navbar-brand {
    font-size: 17px;
    font-weight: 800;
    letter-spacing: 1px;
}
a.navbar-brand { color: #fff }
.navbar { 
	padding: 10px 0; 
}
.top-nav-collapse {
    background-color: #008AD1;
    padding: 10px 0 0;
}
.top-nav-collapse .navbar-toggle .icon-bar { background-color: #000 }
.collapse.in { background-color: #fff }
.top-nav-collapse a.navbar-brand { color: #333 }
.top-nav-collapse .navbar-brand { 
        font-size: 16px 
        margin: 0px;
        padding: 0px 20px;
    }
.navbar-nav>li>a, .navbar-brand {
    padding-bottom: 12px;
    padding-top: 12px;
}


.nav>li {
    /*margin-top: 20px;*/
}

ul.dropdown-menu > li {
    padding: 10px 0px;
}
.nav .open>a, .nav .open>a:focus, .nav .open>a:hover {
    background-color: #9fb9d5;
}

ul ul li.menu-item a {
    color: #000 !important;
}


.navbar-nav>li>a:focus, .navbar-nav>li>a:hover { background-color: rgba(150,150,150,.4) }
.current-menu-ancestor { background-color: rgba(200,200,200,.3) }
.open a { color: #333 }
.dropdown-menu {
    background-color: rgba(255,255,255,.8);
    border: 0px;
    border-radius: 0px;
}
.dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover { background-color: #999 }
.navbar-toggle {
    border: 0px;
    margin-bottom: 8px;
    margin-right: 15px;
    padding: 5px 10px;
}
.navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse { max-height: 100% }
.navbar-toggle .icon-bar {
    background-color: #fff;
    height: 3px;
    width: 28px;
}
h2.comments-title {
    font-size: 18px;
    font-weight: 700;
    padding: 30px 0;
}
.comment-author img { border-radius: 50% }


.firstpage.textwidget {
    background-color: rgba(238,238,238,.5);
    padding: 20px;
}

.firstpage.textwidget h1 {
	font-size: 1.4em;
}

.firstpage.textwidget p {
	font-size: 0.8em;
}


/**
  * MEDIA QUERIES ****************************************************************
  */

@media (max-width:768px) {
    .site-header { padding-top: 60px }
}

@media (max-width:992px) {
    .site-header { padding-top: 80px }
}


@media (max-width:1200px) {
    h1.site-title { font-size: 45px }
}

@media (max-width:768px) {
    h1.site-title { font-size: 40px }
}


@media (max-width:767px) {
    .parallax, .overlay {
        background-position: 50% 50%!important;
        height: auto;
    }
}

@media (min-width:767px) {
    .navbar-custom a { 
		color: #ffff;  /* 008AD1 */
    	font-size: 1.2em;
    	font-weight: bold;
	}
    .top-nav-collapse.navbar-custom a { 
        color: #fff; 
    }
    .collapse.in { background-color: transparent }
    
	.navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand {
    	margin-left: 10px; 
	}
	
	.promo:nth-child(2) {
    	border-left: 10px solid #fff !important;
    	border-right: 10px solid #fff !important;
	}
}


@media (max-width: 767px) {

    .slogan {
        /*top: 335px;*/
    }

}

.nopadding {
   padding: 0 !important;
   margin: 0 !important;
}

.row-nopadding > [class*="col-"] {
    padding-left: 0 !important;
    padding-right: 0 !important;
}



@media (max-width: 1200px) {

    .navbar-header {
        float: none;
    }
    .navbar-left,.navbar-right {
        float: none !important;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
        max-width: 50%;
        position: absolute;
        right: 80px;
    }
    .navbar-fixed-top {
        top: 0;
        border-width: 0 0 1px;
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin-top: 7.5px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .collapse.in{
        display:block !important;
        max-width: 50%;
        position: absolute;
        right: 80px;
    }
}

.top-nav-collapse .navbar-toggle .icon-bar {
    background-color: #fff;
}

/* Small devices (tablets, 768px and up) */
@media (max-width: 767px) {
  .row-sm-nopadding {
    [class*="col-"] {
      padding-left: 0 !important;
      padding-right: 0 !important;
    }
  }

    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
        max-width: 100%;
        right: inherit;
        position: relative;
        margin: 0px;
        width:100%;
        max-width:100%;
    }
    .collapse.in{
        display:block !important;
        right: inherit;
        position: relative;
        margin: 0px;
        width:100%;
        max-width:100%;
    }


}

.myBigBrandImg img {
    max-width: 80%;
    height: auto;
    width: 450px;
}


.card {
    /*float: left;
    position: relative;
    display: block;*/
}
.h5.card-title, h5.card-title {
    font-size: 16px;
    font-weight: bold;
}
p.card-text {
    font-size: 14px;
    padding-bottom: 20px;
}

.sidebar {
    padding-top:20px;
    background: #f1f9fb;
    margin-top:100px;
}
.card-img-top{
  width:100%;
  height:auto;
}

.textwidget img {
    width: 100%;
}




.kreise {
    position:absolute;
    right:60px;
    top:70px;
    z-index:999
}
.kreise-img {
    width: 600px;
}

.kreise-img-mobile {
        display:none;
    }
}

@media (max-width: 1200px) {
    .kreise-img {
        width: 450px;
    }
}

@media (max-width: 767px) {
    .kreise-img {
        display:none;
    }
    .kreise-img-mobile {
        display:block;
    }
}