


/********** Allgemein **********/
body {
    font-family:Verdana, Arial, sans-serif;
    margin:0px;
    padding:0px;
    background-color:#FFF;
    color:#444;
    font-size:14px;
}

.pxsElemSelfOut {
    position:relative;
    margin-top:25px;
}

.siteWrap {
    padding-right:0px;
    padding-left:0px;
    margin-bottom:80px;
}

.clearer {
    clear:both;
}

a {
    color:#FFF;
    text-decoration:underline;
}
a:hover, a:active, a:focus {
    color:#FFF;
    text-decoration:none;
}

h1 {
    display:inline-block;
    margin:0px 0px 15px 0px !important;
    padding:0px 0px 0px 0px !important;
    font-weight:normal !important;
    font-size:34px;
}
h1 > span.h1TextIn {
    display:block;
    margin-right:0px;
    margin-left:0px;
}
h1 > span.h1BalkenIn {
    display:none;
}

h2 {
    margin:0px 0px 15px 0px !important;
    padding:0px 0px 0px 0px !important;
    font-weight:normal !important;
    line-height:40px;
    font-size:28px;
}

input[type="submit"] {
    background-color:#e4e3e4;
}


@media (max-width: 767px) {
    h1 {
        font-size:24px;
    }
    h2 {
        font-size:20px;
    }
}



.siteBackImages {
    position:fixed;
    top:0px;
    left:0px;
    right:0px;
    bottom:40px;
    
    z-index:0;
}

.siteWrap {
    z-index:5;
}


.siteLoaderShow {
    position:fixed;
    top:0px;
    left:0px;
    right:0px;
    bottom:0px;
    background-color:rgba(255,255,255,0.1);
    text-align:center;
    
    z-index:999;
}
.siteLoaderShow .siteLoaderShowInner {
    position:fixed;
    top:50%;
    left:0px;
    right:0px;
    bottom:0px;
}
.siteLoaderShow .siteLoaderShowInner i {
    display:inline-block;
    font-size:50px;
    color:#000;
    margin-top:-25px;
}







.siteHeader {
    
}

.siteHeader .siteHeaderLogo {
    background-color:#41403f;
    text-align:center;
    padding-top:10px;
}

.siteHeader .siteHeaderLogo img {
    margin-bottom:-16px;
}


@media (max-width: 991px) {
    .siteHeader .siteHeaderLogo {
        text-align:left;
        padding:15px 15px;
    }
    
    .siteHeader .siteHeaderLogo img {
        margin:0px;
        width:170px;
    }
}



@media (max-width: 767px) {
    .siteHeader .siteHeaderLogo img {
        width:150px;
    }
}







.siteHeader {
    position:relative;
    background-repeat:no-repeat;
    background-position:center center;
    background-size:cover;
}


.siteHeader .siteHeaderLogoHolder {
    text-align:center;
    margin-top:20px;
}
.siteHeader .siteHeaderLogoHolder img {
    width:280px;
}


.siteHeader .siteHeaderGaleryBtnHolder {

}

.siteHeader .siteHeaderGaleryBtnHolder .siteHeaderGaleryBtnRight {
    position:absolute;
    bottom:30px;
    right:30px;
    font-size:58px;
    color:#FFF;
    cursor:pointer;
}
.siteHeader .siteHeaderGaleryBtnHolder .siteHeaderGaleryBtnLeft {
    position:absolute;
    bottom:30px;
    left:30px;
    font-size:58px;
    color:#FFF;
    cursor:pointer;
}


@media (max-width: 991px) {
    
}


@media (max-width: 600px) {
    .siteHeader .siteHeaderLogoHolder img {
        width:80%;
    }
}







/********** Menü Ausgabe **********/
.navbar-pixacms {
    margin:0px;
    padding:0px;
    border:none;
    min-height:1px;
    background-image:none;
    width:100%;

    border-radius:0px;
    -moz-border-radius:0px;
    -webkit-border-radius:0px;
}
.navbar-pixacms .navbar-collapse {
    padding:0px;
    border:none;
}
.navbar-pixacms .navbar-brand, .navbar-pixacms .navbar-nav > li > a {
    text-shadow:none;
    color:#FFF;
    padding:8px 12px;
}
.navbar-pixacms .navbar-nav > li.active > a {
    background-color:#41403f;
    background-image:none;
    color:#FFF;
}
.navbar-pixacms .navbar-nav > li.active > a:hover,
.navbar-pixacms .navbar-nav > li > a:hover {
    background-color:#41403f;
    color:#FFF;
}


@media (max-width: 991px) {
    .navbar-pixacms .navbar-collapse {
        background-color:transparent;
    }
}


/********** Menü Breakpoint **********/
@media (max-width: 991px) {
    .navbar-header {
        float: none;
    }
    .navbar-left,.navbar-right {
        float: none !important;
    }
    .navbar-toggle {
        display: block;
        margin-top:3px;
        margin-bottom:0px;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .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;
    }
}
/**************************************/



@media (max-width: 767px) {
    .navbar-pixacms .navbar-collapse {
        padding:0px 15px;
        border:none;
    }
}







/********** Header Menü **********/
.siteHeaderMenuOuter {
    background-color:transparent;
    margin-top:80px;
    height:40px;
}

.siteHeaderMenu {
    text-align:center;
}

@media (min-width: 1450px) {
    .siteHeaderMenu {
        width:1400px;
    }
}

@media (min-width: 1650px) {
    .siteHeaderMenu {
        width:1620px;
    }
}

.navbar-pixacms {
    position:relative;
    display:inline-block;
    background-color:transparent;
    box-shadow:none;
    
    z-index:101;
}
.navbar-pixacms #navbar {
    box-shadow:none;
}
.navbar-pixacms .navbar-nav {
    width:100%;
}
.navbar-pixacms .navbar-nav > li {
    position:relative;
    width:19%;
    margin-right:1%;
}
.navbar-pixacms .navbar-brand, .navbar-pixacms .navbar-nav > li > a {
    font-size:13px;
    font-weight:bold;
}

.picGaleryHideTopMenuBtn,
.navbar-pixacms .navbar-nav > li > a, .navbar-pixacms .navbar-nav > li.active > a {
    box-shadow:none;
    color:#FFF;
    font-size:15px;
    padding:0px 20px 0px 20px;
    font-weight:normal;
    height:40px;
    line-height:40px;
    text-decoration:none;
    background-color:#41403f;
    text-transform:uppercase;
}
.picGaleryHideTopMenuBtn {
    position:fixed;
    top:42px;
    right:35px;
    background-color:#FFF;
    color:#41403f;
    height:30px;
    line-height:30px;
    cursor:pointer;

    z-index:9999;
}

@media (max-width: 991px) {
    .picGaleryHideTopMenuBtn {
        display:none !important;
    }
}

.navbar-pixacms .navbar-nav > li.active > a {
    background-color:#41403f;
    color:#FFF;
}

.navbar-pixacms .navbar-nav > li > span {
    display:none;
}
.navbar-pixacms .navbar-nav > li.active > span,
.navbar-pixacms .navbar-nav > li:hover > span {

}

.navbar-pixacms .navbar-nav > li.active:hover > a,
.navbar-pixacms .navbar-nav > li:hover > a,
.navbar-pixacms .navbar-nav > li.active:active > a,
.navbar-pixacms .navbar-nav > li:active > a,
.navbar-pixacms .navbar-nav > li.active:focus > a,
.navbar-pixacms .navbar-nav > li:focus > a,
.navbar-pixacms .navbar-nav > li.active > a:focus,
.navbar-pixacms .navbar-nav > li > a:focus,
.navbar-pixacms .navbar-nav > li.active > a:active,
.navbar-pixacms .navbar-nav > li > a:active {
    background-color:#41403f;
    color:#FFF;
}


.navbar-pixacms .navbar-nav > li ul {
    display:none;
}
.navbar-pixacms .navbar-nav > li > ul {
    position:absolute;
    left:0px;
    width:100%;
    top:40px;
    padding:0px 0px;
    margin:0px;
    text-align:left;
    background-color:transparent;
    border-top:2px solid #FFF;
}
.navbar-pixacms .navbar-nav > li:hover > ul {
    display:block;
}
.navbar-pixacms .navbar-nav > li > ul > li {
    display:block;
}
.navbar-pixacms .navbar-nav > li > ul > li > a {
    color:#FFF;
    display:block;
    padding:10px 15px;
    font-size:14px;
    text-align:center;
    text-decoration:none;
    background-color:#41403f;
    color:#FFF;
    border-bottom:2px solid #7d7c7b;
}
.navbar-pixacms .navbar-nav > li > ul > li.active > a,
.navbar-pixacms .navbar-nav > li > ul > li > a:hover {
    color:#CCC;
}


@media (max-width: 1199px) {
    .navbar-pixacms .navbar-nav > li > a, .navbar-pixacms .navbar-nav > li.active > a {
        font-size:13px;
        padding:0px 5px 0px 5px;
    }
}


@media (max-width: 991px) {
    .navbar-pixacms .navbar-nav > li > ul {
        background:transparent;
        background-color:transparent;
    }
    .navbar-pixacms .navbar-nav > li > ul > li > a {
        color:#444;
    }
    .navbar-pixacms .navbar-nav > li > ul > li.active > a,
    .navbar-pixacms .navbar-nav > li > ul > li > a:hover {
        color:#FFF;
        text-decoration:none;
        background-color:#a20208;
    }



    .navbar-pixacms .navbar-nav > li > ul {
        position:relative;
        left:auto;
        top:auto;
        text-align:center;
    }
    .navbar-pixacms .navbar-nav > li > ul > li {
        display:block;
    }

    .navbar-pixacms {
        display:block;
        background-color:transparent;
    }

    /*.siteHeaderMenuBottom {
        display:none;
    }
    
    .navbar-pixacms .navbar-collapse {
        background-color:#333;
    }
    
    .navbar-pixacms .navbar-nav > li > ul {
        position:relative;
        left:auto;
        right:auto;
        bottom:auto;
        height:auto;
        padding:0px;
        margin:0px;
    }
    
    .navbar-pixacms .navbar-nav > li > ul > li {
        display:block;
    }
    .navbar-pixacms .navbar-nav > li > ul > li > a {
        display:block;
    }
    
    .navbar-pixacms {
        margin-top:-50px;
        height:50px;
    }
    
    .navbar-toggle {
        margin-top:9px;
        border:none;
    }
    .navbar-default .navbar-toggle .icon-bar {
        background-color:#FFF;
    }*/
}


/*@media (max-width: 767px) {
    .navbar-pixacms {
        margin-top:0px;
        background-color:#333;
    }
}*/



@media (max-width: 991px) {
    .siteHeaderMenuOuter {
        margin-top:-67px;
    }
    
    .siteHeaderMenu.container {
        padding:0px;
    }
    
    .navbar-pixacms .navbar-collapse {
        background-color:#41403f;
        margin-top:32px;
    }
    
    .navbar-default .navbar-toggle {
        border-color:#FFF;
        background-color:transparent !important;
    }
    .navbar-default .navbar-toggle .icon-bar {
        background-color:#FFF;
    }
    
    .navbar-nav {
        margin:0px !important;
    }
    .navbar-pixacms .navbar-nav > li {
        width:100%;
    }
    
    .navbar-pixacms .navbar-nav > li > ul > li > a {
        color:#FFF;
        background-color:transparent !important;
    }
    
    .siteHeader .siteHeaderLogo img {
        position:relative;
        z-index:999;
    }
}



@media (max-width: 767px) {
    .siteHeader .siteHeaderLogoHolder {
        display:block;
    }
    .siteHeader .siteHeaderLogoHolder img {
        margin-bottom:20px;
        width:160px;
    }
    
    .siteHeaderMenuOuter {
        margin-top:-64px;
    }
    
    .navbar-pixacms .navbar-collapse {
        margin-top:28px;
    }
}







/********** Site Content **********/
.siteContent, .siteContentOnlyNoMenuShow {
    position:relative;
    min-height:100px;
    padding:10px 0px 40px 0px;
    margin-top:55px;
}


.siteContent.siteContentBackground, .siteContentOnlyNoMenuShow.siteContentBackground {
    background-color:rgba(255,255,255,0.7);
}


@media (max-width: 1199px) {
    .siteContent .siteContentLeft {
        float:none;
        width:100%;
    }
    
    .siteContent .siteContentRight {
        display:none;
        float:none;
        width:100%;
    }
}


@media (max-width: 767px) {

}






.ajaxMenuPointBtnMMContent {
    position:absolute;
    top:42px;
    left:0px;
    right:0px;
    min-height:400px;
    min-width:300px;
    background-color:#41403f;
    color:#FFF;
    
    background-repeat:no-repeat;
    background-position:center center;
    background-size:cover;
}

.ajaxMenuPointBtnMMContent .ajaxMenuPointBtnMMContentBackgroundO {
    position:absolute;
    top:0px;
    left:0px;
    right:0px;
    bottom:0px;
    background-color:rgba(0,0,0,0.5);
    
    z-index:0;
}

.ajaxMenuPointBtnMMContent .pxsContentHolderSelfMM {
    position:relative;
    z-index:9;
}

.ajaxMenuPointBtnMMContent .container {
    width:100%;
}

.ajaxMenuPointBtnMMContent ul {
    display:block !important;
    text-align:left !important;
}



@media (max-width: 1650px) {
    .ajaxMenuPointBtnMMContent {
        min-width:260px;
    }
}



@media (min-width: 992px) {
    .siteContentOnlyNoMenuShow {
        display:none !important;
    }
}

@media (max-width: 991px) {
    .ajaxMenuPointBtnMMContent {
        display:none !important;
    }
}






.siteFooter {
    position:fixed;
    bottom:0px;
    left:0px;
    right:0px;
    background-color:#41403f;
    color:#FFF;
    text-align:center;
    padding:14px 0px;
}
.siteFooter a {
    display:inline-block;
    text-decoration:none;
    margin-left:30px;
}
.siteFooter a:first-child {
    margin-left:0px;
}
.siteFooter a:hover {
    text-decoration:underline;
}



@media (max-width: 767px) {
    .siteFooter a {
        margin-left:20px;
        font-size:13px;
    }
}






#siteClass-team .pxsElemSelfOutRows .col .pxsElemSelfOutPicture {
    margin-top:25px;
}
#siteClass-team .pxsElemSelfOutRows .col .pxsElemSelfOutPicture img {
    
}

#siteClass-team .pxsElemSelfOutRows .col .pxsElemSelfOutText {
    margin-top:0px;
    background-color:#41403f;
    color:#FFF;
    text-align:center;
    padding:8px 14px;
}
#siteClass-team .pxsElemSelfOutRows .col .pxsElemSelfOutText p {
    padding:0px;
    margin:0px;
}





.projektGaleriePrev {
    position:fixed;
    top:50%;
    left:30px;
    cursor:pointer;
}

.projektGaleriePrev i {
    color:#FFF;
    font-size:100px;
}

.projektGalerieNext {
    position:fixed;
    top:50%;
    right:30px;
    cursor:pointer;
}

.projektGalerieNext i {
    color:#FFF;
    font-size:100px;
}






/********** Kontakt **********/
.siteContentKontakt {
    
}

.siteContentKontakt .form-control {
    height:auto;
}

.siteContentKontaktErrorText {
    /*color:#C00;*/
    margin-bottom:10px;
}
.siteContentKontakt .siteContentKontaktErrorText {
    /*color:#C00;*/
    margin-bottom:0px;
}

.siteContentKontakt input[type="text"] {
    margin-top:18px;
    padding:12px 10px;
}

.siteContentKontakt textarea.form-control {
    margin-top:18px;
    height:150px;
    padding:12px 10px;
}

.siteContentKontakt input[type="submit"] {
    margin-top:18px;
    padding:12px 10px;
}







.pBildO {
    margin-top:25px;
}
.pBildO img {
    width:100%;
}



.pTextUser {
    margin-top:25px;
}





.projekteFooterLinkInfoAusgabe {
    position:fixed;
    bottom:60px;
    left:0px;
    right:0px;
    background-color:rgba(255,255,255,0.7);
    padding:13px 10px 13px 10px;
    text-align:center;
}

.projekteFooterLinkInfoAusgabe .pic-show-text-mm {
    margin-top:0px;
}
.projekteFooterLinkInfoAusgabe .pic-show-text-mm a {
    color:#333;
    font-size:18px;
}
