/*
    ---------------------------------------------------------------------------------------------
    Basics
    ---------------------------------------------------------------------------------------------

    Definitions: ColorScheme
    Base color          --> #cb901d    [search & replace]
    Link color          --> #f8c25a
    Active Menu Bar     --> #f9dca4


*/



/* -----------https://fonts.google.com------------- */

/* Standardschrift */
@import url(http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,700,300,600,800,400);

/* Schmal, ohne Serife */
@import url(http://fonts.googleapis.com/css?family=Dosis:300italic,400italic,600italic,700italic,800italic,700,300,600,800,400);

/* Schreibschrift */
@import url(http://fonts.googleapis.com/css?family=Indie+Flower:300italic,400italic,600italic,700italic,800italic,700,300,600,800,400);

/* Schreibschrift */
@import url(http://fonts.googleapis.com/css?family=Satisfy:300italic,400italic,600italic,700italic,800italic,700,300,600,800,400);

/* Schreibschrift */
@import url(http://fonts.googleapis.com/css?family=Shadows+Into+Light:300italic,400italic,600italic,700italic,800italic,700,300,600,800,400);


/* geschwungene Schrift */
@import url(http://fonts.googleapis.com/css?family=Dancing+Script:300italic,400italic,600italic,700italic,800italic,700,300,600,800,400);




body, html{
        font-family: Open Sans, sans-serif;

        text-rendering: optimizeLegibility !important;
        -webkit-font-smoothing: antialiased !important;

        color: #5b5b5b;

        /* Achtung führt zu Fehler im Menü und animate -----------
        height: 99%;
        width: 100%;
        */

        overflow-x: hidden; /*hor.scrollbar unterdrücken*/

        background: url(../img/background1.jpg);
        background-size: cover;
        background-position: center;
        background-attachment: fixed;
        background-repeat: no-repeat;

        padding: 0px 0px 0px 0px;
        margin: 0px 0px 0px 0px;
}

* {margin:0px; padding:0px}

.color{
        color: #cb901d;
}


.content{
        position: relative;
        padding: 10% 0px 0px 0px;
}

.content h1{
         color: #FFFFFF;
}


/* Seitenränder des Inhalts zum Fensterrand über container definiert */
.container{
        padding: 0px 10% 0px 10%;
        width: 100%;
        margin: 0px 0px 0px 0px;
}



/* Typography----------------------------- */


/* andere Font für Kapitleüberschriften */
h1, h2, h3, h4, h5, h6 {
        //font-family: 'Indie Flower', sans-serif;
        //font-family: 'Satisfy', sans-serif;
        //font-family: 'Shadows Into Light', sans-serif;
        font-family: 'Dancing Script', sans-serif;
        //font-family: 'Dosis', sans-serif;
        //text-transform:capitalize;
        letter-spacing: 1px;
}

h1{
        margin:  0;
        font-size: 60px;
}

h1 strong{
        font-weight: 900;
}

h2{
        line-height: 30px;
        margin:  0;
        font-size: 40px;
}

h3{
        font-size: 25px;
        font-weight: 900;
}

h4{
        margin:  0;
        font-size: 20px;
}

h5{
        font-weight: 700;
        line-height: 20px;
        text-transform:none;
        font-size: 18px;
}


/*links----------------------------*/
a{
        color: #f8c25a;                         /* color of links*/
}

a:hover,
a:focus{
        text-decoration: none;
        color: #cb901d;
}



/*Sonstiges------------------------ */
p{
        font-family: 'Open Sans', sans-serif;
}


ul, ol{
        padding: 0;
}

.clearfix:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
     }

.clearfix {
    display: inline-block;
}
* html .clearfix {
    height: 1%; }
.clearfix {
    display: block; }


.spacer{
        margin-top: 40px;
}


.run-animation {
  -webkit-animation: my-fancy-animation 5s 1;
  -moz-animation:    my-fancy-animation 5s 1;
  animation:         my-fancy-animation 5s 1;
}



/* ----------------------------------------
  Section title - Kapitelüberschriften
  ----------------------------------------- */



/* --------Section Tilte #1 mit zwei underlines  ---------------- */

.section-title hr{
        border-color: #cb901d;
        border-width: 4px;
        width: 60px;
        float: left;
        clear: both;
}

.section-title.center{
        padding: 30px 0;
}

.section-title h2,
.section-title.center h2{
        font-weight: 300;
}

/*line No1 section title*/
.section-title.center .line{

        border-top: 4px solid #cb901d;
        height: 10px;
        width: 60px;
        text-align: center;
        margin: 0 auto;
        margin-top: 20px;
}

/*line No2 section title*/
.section-title.center hr {
        border-top: 4px solid rgba(255, 144, 0, 0.8);
        width: 40px;
        text-align: center;
        margin-top: 10px;
        position: relative;
        left: 20%;
}




/* ----------Section Title #2 mit linie komplett über die Seitenbreite */
.section-title2 .hr {
  display: block;
  flex: 1;
  margin-left: 20px;
  margin-right: 20px;
  height: 1px;
  background: #3F3F3F;
}

.section-title2 {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  padding: 2em 0;
}

.title {
  margin: 0;
}




/*
    --------------------------------------------------------------------------------------------
    top-header
    --------------------------------------------------------------------------------------------
*/
#top-header {
    color: #a1a1a1;
    background-color:#000;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 130px;
}

#top-header a {
    color: #a1a1a1;
}



/*
    --------------------------------------------------------------------------------------------
    Navigation
    --------------------------------------------------------------------------------------------
*/
#section-menu {
        padding: 20px;
        transition: all 0.8s;
}
#section-menu.navbar-default {
        background-color: rgba(0, 0, 0, 0.3);        /* background color of Navbar */
        border-color: rgba(231, 231, 231, 0);
}
#section-menu a.navbar-brand {
        font-size: 22px;
        color: #fff;
        font-weight: 900;
}

#section-menu.navbar-default .navbar-nav > li > a {
        text-transform: uppercase;
        color: #FFF;
        font-size: 12px;
        letter-spacing: 1px;
}
.on {
        background-color: #222222 !important;
        padding: 0 !important;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
        color: #f9dca4 !important;                  /* color of navbar active*/
        background-color: transparent;
        font-weight: 700;
}

.navbar-toggle {
        border-radius: 0;
        }
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
        background-color: #cb901d;                  /* color of navbar toggle ||| */
        border-color: #cb901d;
        }
.navbar-default .navbar-toggle:hover>.icon-bar {
        background-color: #FFF;
        }





/*
    --------------------------------------------------------------------------------------------
    Home - Title & Picture
    --------------------------------------------------------------------------------------------
*/

/*styles for home section with Carousel*/
#section-home-carousel {
        background-color: #222;
        color: #cfcfcf;
        height: 100%;  /* wichtig: damit die cover-divs die richtige Höhe haben*/
        z-index:-1;
}

background-carousel{
        position:fixed;
            width:100%;
            height:100%;
            z-index:-1;
}

.carousel,
.carousel-inner {
            width:100%;
            height:100%;
            z-index:0;
            overflow:hidden;
}
.item {
            width:100%;
            height:100%;
            background-position:center center;
            background-size:cover;
            z-index:0;
        transition: all 0.9s;
}

#section-home-carousel .overlay_gradient_light{
        background: linear-gradient(to bottom,  rgba(0,0,0,0.8) 0%,rgba(0,0,0,0.6) 10%,rgba(0,0,0,0.2) 35%,rgba(0,0,0,0.0) 100%); /* W3C */
        background-attachment: fixed;
        height: 95%;
        position:absolute;
            z-index:1 !important;
        top: 0;
        left: 0;
            min-width:100%;
            min-height:100%;
}



/*styles for CONTENT (FeWO) home section with static picture ---------------------- */
#section-content-home{
        background: url(../img/FeWo/FeWo_Header1.jpg);
        background-size: cover;
        background-position: center;
        background-attachment: fixed;
        background-repeat: no-repeat;
        background-color: #222;
        color: #cfcfcf;
        height: 100%;  /* wichtig: damit die cover-divs die richtige Höhe haben*/
}

#section-content-home .overlay_gradient_light{
        background: linear-gradient(to bottom,  rgba(0,0,0,0.8) 0%,rgba(0,0,0,0.6) 10%,rgba(0,0,0,0.2) 35%,rgba(0,0,0,0.0) 100%); /* W3C */
        background-attachment: fixed;
        height: 750px;
}

#section-content-home p.lead{
        color: #FFFFFF;
}



/*styles for home section with static picture ------------------------------ */
#section-home{
        background: url(../img/title.jpg);
        background-size: cover;
        background-position: center;
        background-attachment: fixed;
        background-repeat: no-repeat;
        background-color: #222;
        color: #cfcfcf;
        height: 100%;  /* wichtig: damit die cover-divs die richtige Höhe haben*/
}


#section-home .overlay_gradient_light{
        background: linear-gradient(to bottom,  rgba(0,0,0,0.8) 0%,rgba(0,0,0,0.6) 10%,rgba(0,0,0,0.2) 35%,rgba(0,0,0,0.0) 100%); /* W3C */
        background-attachment: fixed;
        height: 1150px;
}

#section-home .overlay_gradient_dark{
        background: linear-gradient(to bottom,  rgba(0,0,0,0.8) 0%,rgba(0,0,0,0.73) 17%,rgba(0,0,0,0.66) 35%,rgba(0,0,0,0.55) 62%,rgba(0,0,0,0.4) 100%); /* W3C */
        background-attachment: fixed;
        height: 1150px;
}

#section-home .overlay_pattern{
        background-color: rgba(44, 62, 80, 0.2);
        background-image: url("../img/pattern.png");
        background-repeat: repeat;
        background-size: cover;
        background-attachment: fixed;
        height: 100%;
        width: 100%;
        left: 0;
        top: 0;
        position: relative;
        z-index: 0;
        height: 1150px;
}



#section-home p.lead{
        color: #FFFFFF;
}



a.fa.fa-angle-down,  a.fa.fa-angle-double-down {
        padding: 10px 15px;
        color: #fff;
        border: 2px solid #b4b4b4;
        border-radius: 50%;
        font-size: 24px;
        margin-top: 200px;
        transition: all 0.5s;
}
a.fa.fa-angle-down:hover, a.fa.fa-angle-double-down:hover{
        background: #cb901d;
        color: #ffffff;
        border: 2px solid #fff;
}





/*
    --------------------------------------------------------------------------------------------
    About  & _BIGPicture
    --------------------------------------------------------------------------------------------
*/
#section-about{
        padding: 0px 0;
        background-color: #f6f6f6;

        background: url(../img/background2.jpg);
        background-size: cover;
        background-position: center;
        background-attachment: fixed;
        background-repeat: no-repeat;

}

#section-about_BIGPicture{
        background: url(../img/1.jpg);
        background-size: cover;
        background-position: center;
        background-attachment: fixed;
        background-repeat: no-repeat;
        color: #ffffff;
        padding: 80px 0;
        height: 1100px;
}




.about-text {
        //background: #fff;
        color:  #5b5b5b;
        padding: 20px 20px 20px 20px;
}




/*
    --------------------------------------------------------------------------------------------
    Work_BIGPicture
    --------------------------------------------------------------------------------------------
*/

#section-work_BIGPicture{
        background: url(../img/2.jpg);
        background-size: cover;
        background-position: center;
        background-attachment: fixed;
        background-repeat: no-repeat;
        color: #ffffff;
        padding: 80px 0;
        height: 1100px;
}

.BIGPicture-text {
        background: #fff;
        color:  #5b5b5b;
        padding: 20px 20px 20px 20px;
}




/*
    --------------------------------------------------------------------------------------------
    Team
    --------------------------------------------------------------------------------------------
*/
#section-team{
        background: url(../img/3.jpg);
        background-size: cover;
        background-position: center;
        background-attachment: fixed;
        background-repeat: no-repeat;
        color: #ffffff;
}
#section-team .overlay{
        background: linear-gradient(to bottom,  rgba(0,0,0,0.8) 0%,rgba(0,0,0,0.73) 17%,rgba(0,0,0,0.66) 35%,rgba(0,0,0,0.55) 62%,rgba(0,0,0,0.4) 100%); /* W3C */
        height: auto;
        background-attachment: fixed;
        padding: 80px 0;
}


img.img-circle.team-img {
        width: 200px;
        height: 200px;
        border: 5px solid #cb901d;
        transition: all 0.5s;
}


/*
    --------------------------------------------------------------------------------------------
    Services
    --------------------------------------------------------------------------------------------
*/
#section-services{
        padding: 80px 0;
}

#section-services i.fa {
        font-size: 40px;
        border: 3px solid #cb901d;
        width: 100px;
        height: 100px;
        padding: 27px 25px;
        margin-bottom: 10px;
        border-radius: 50%;
        transition: all 0.5s;
}
#section-services i.fas {
        font-size: 40px;
        border: 3px solid #cb901d;
        width: 100px;
        height: 100px;
        padding: 27px 25px;
        margin-bottom: 10px;
        border-radius: 50%;
        transition: all 0.5s;
}




/*
    --------------------------------------------------------------------------------------------
    Partner
    --------------------------------------------------------------------------------------------
*/
#section-partner{
        background: url(../img/2.jpg);
        background-size: cover;
        background-position: center;
        background-attachment: fixed;
        background-repeat: no-repeat;
        color: #ffffff;
}
#section-partner .overlay{
        background: linear-gradient(to bottom,  rgba(0,0,0,0.8) 0%,rgba(0,0,0,0.73) 17%,rgba(0,0,0,0.66) 35%,rgba(0,0,0,0.55) 62%,rgba(0,0,0,0.4) 100%); /* W3C */
        height: auto;
        background-attachment: fixed;
        padding: 80px 0;
}


/*
    --------------------------------------------------------------------------------------------
    Call-to-action
    --------------------------------------------------------------------------------------------
*/
#section-call-to-action{
        background-color: #5b5b5b;  /*grau*/
        color: #fff;
}
#section-call-to-action_with_background{
        /* mit Hintergrundbild*/
        background: url(../img/02.jpg);
        background-size: cover;
        background-position: center;
        background-attachment: fixed;
        background-repeat: no-repeat;

        background-color: #5b5b5b;  /*grau*/
        color: #fff;
}
#section-call-to-action .overlay, #section-call-to-action_with_background .overlay{
        background: linear-gradient(to bottom,  rgba(0,0,0,0.8) 0%,rgba(0,0,0,0.73) 17%,rgba(0,0,0,0.66) 35%,rgba(0,0,0,0.55) 62%,rgba(0,0,0,0.4) 100%); /* W3C */
        height: auto;
        background-attachment: fixed;
        padding: 80px 0;
}



/*
    --------------------------------------------------------------------------------------------
    Work Gallery
    --------------------------------------------------------------------------------------------
*/
#section-work{
        padding: 80px 0;
}


#section-work-dark{
        padding: 80px 0;
        background-color: #6F6F6F;  /*grau*/
}


#section-work-colored{
        padding: 80px 0;
        background-color: #fcf3d4;  /*grau*/
}



.gallery-item{
        margin-bottom: 17px;
        margin-top: 0px;
        margin-left: 0px;
        margin-right: 0px;
        padding: 0px 0px 0px 0px;
        width: 100%;
}



.gallery-item .gallery-hover-bg{
        height: 100%;
        width:100%;
        overflow: hidden;
        position: relative;
}

.gallery-hover-bg .gallery-text {
        position: absolute;
        text-align: center;
        margin: 0 auto;
        padding: 25% 0;
        color: #ffffff;
        background: rgba(0, 0, 0, 0.75);
        height: 100%;
        width: 100%;
        opacity: 0;
        transition: all 0.5s;
}

.gallery-hover-bg:hover .gallery-text{
        opacity: 1;
}


.gallery-item2{
        margin-bottom: 1px;
        margin-top: 0px;
        margin-left: 0px;
        margin-right: 0px;
        width: 100%;
}


h44 {
    font-size: 26px;
    line-height: 36px;
}

.no-gutter > [class*='col-'] {
    padding-right:1px;
    padding-left:0px;
    padding-bottom:0px;
    padding-top:0px;

    margin-top: -24px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
}


.screenshot {
        margin-bottom: 25px;
        padding: 0px 0px 0px 0px;
        border: 0px solid #9F0000;
        border-radius: 4px;
}

.photo-box{
        position:relative;
        padding: 0px 0px 0px 0px;
        margin: 0px 0px 0px 0px;
        overflow:hidden;
}

.photo-box-img {
    width: 100%;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    -moz-transition: all 1.8s linear;
    -o-transition: all 1.8s linear;
    -webkit-transition: all 1.8s linear;
    transition: all 1.8s linear
}


.photo-overlay-transparent {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    /* filter: alpha(opacity=0); */
    opacity: 0.9;
    position: absolute;
    top: 0px;
    left: 0px;
    padding: 5px 5px 0px 5px;
     width: 101%;
    /*height: 100%; */
    color: #fff;
    font-weight: bold;
    text-shadow: 0em 0.1em 0.1em #000000;
    background-color: rgba(0, 0, 0, 0);
    -moz-transition: all 0.5s ease-in;
    -o-transition: all 0.5s ease-in;
    -webkit-transition: all 0.5s ease-in;
    transition: all 0.3s ease-in
}

.photo-overlay {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    /* filter: alpha(opacity=0); */
    opacity: 0.9;
    position: absolute;
    top: 0px;
    left: 0px;
    padding: 5px 5px 0px 5px;
     width: 101%;
    /*height: 100%; */
    color: #fff;
    background-color: rgba(0, 0, 0, 0.6);
    -moz-transition: all 0.5s ease-in;
    -o-transition: all 0.5s ease-in;
    -webkit-transition: all 0.5s ease-in;
    transition: all 0.3s ease-in
}

.photo-overlay h4 {
        display:inline-block;
        color:#fff;
        font-size: 16px;
        font-weight: 700;
        padding: 4px;
        margin-top: 0px;
}


.photo-zoom:before {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
    content: "";
    border-style: none solid solid none;
    border-width: 0 230px 230px 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
    position: absolute;
    /*
    -moz-transform: rotate(-90deg) translatex(-40px) translatey(40px);
    -ms-transform: rotate(-90deg) translatex(-40px) translatey(40px);
    -o-transform: rotate(-90deg) translatex(-40px) translatey(40px);
    -webkit-transform: rotate(-90deg) translatex(-40px) translatey(40px);
    transform: rotate(-90deg) translatex(-40px) translatey(40px);
    */
    -moz-transition: all 0.5s ease-in;
    -o-transition: all 0.5s ease-in;
    -webkit-transition: all 0.5s ease-in;
    transition: all 0.5s ease-in
}


.photo-zoom a {
    color: #fff;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
    position: absolute;
    bottom: 0px;
    right: 0px;
    -moz-transition: all 0.5s ease-in;
    -o-transition: all 0.5s ease-in;
    -webkit-transition: all 0.5s ease-in;
    transition: all 0.5s ease-in;
    -moz-transform: translatex(40px) translatey(40px);
    -ms-transform: translatex(40px) translatey(40px);
    -o-transform: translatex(40px) translatey(40px);
    -webkit-transform: translatex(40px) translatey(40px);
    transform: translatex(40px) translatey(40px)
}

.photo-zoom a:hover {
        color:#FFFF00;
}

/* ------------- Gallery hover effect style :: Bild vergrößert sich bei hover ------------- */

.screenshot:hover .photo-overlay {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1
}

.screenshot:hover .photo-box-img {
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    transform: scale(1.2)
}

.screenshot:hover .photo-zoom:before {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 0.7;
    -moz-transform: rotate(-90deg) translatex(0) translatey(0);
    -ms-transform: rotate(-90deg) translatex(0) translatey(0);
    -o-transform: rotate(-90deg) translatex(0) translatey(0);
    -webkit-transform: rotate(-90deg) translatex(0) translatey(0);
    transform: rotate(-90deg) translatex(0) translatey(0)
}

.screenshot:hover .photo-zoom a {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;
    -moz-transform: translatex(0) translatey(0);
    -ms-transform: translatex(0) translatey(0);
    -o-transform: translatex(0) translatey(0);
    -webkit-transform: translatex(0) translatey(0);
    transform: translatex(0) translatey(0)
}





/*
    --------------------------------------------------------------------------------------------
    Template Sections <empty>
    --------------------------------------------------------------------------------------------
*/

/* !!!! id="section-white" */
#section-white{
        background-color: #fff;  /*weiss*/
        padding: 80px 0;
}
/* !!!! class="section-white" */
.section-white{
        background-color: #fff;  /*weiss*/
        padding: 80px 0;
}


#section-dark{
        background-color: #5b5b5b;  /*grau*/
        color: #fff;
}
#section-dark .overlay{
        background: linear-gradient(to bottom,  rgba(0,0,0,0.8) 0%,rgba(0,0,0,0.73) 17%,rgba(0,0,0,0.66) 35%,rgba(0,0,0,0.55) 62%,rgba(0,0,0,0.4) 100%); /* W3C */
        height: auto;
        background-attachment: fixed;
        height: 100%;
        padding: 80px 0px 80px 0px;
}




 //FeWo-----------

#section-content-white{
        background-color: #fff;  /*weiss*/
        padding: 80px 0;
}

.section-content-white{
        background-color: #fff;  /*weiss*/
        padding: 80px 0;
}


#section-content-dark{
        background-color: #6F6F6F;  /*grau*/
        color: #fff;
}
#section-content-dark .overlay{
        background: linear-gradient(to bottom,  rgba(0,0,0,0.8) 0%,rgba(0,0,0,0.73) 17%,rgba(0,0,0,0.66) 35%,rgba(0,0,0,0.55) 62%,rgba(0,0,0,0.4) 100%); /* W3C */
        height: auto;
        background-attachment: fixed;
        height: 100%;
        padding: 80px 0px 80px 0px;
}


#section-content-colored{
        background-color: #fcf3d4;  /*farbig - beige*/
        padding: 80px 0;
}



// Pricing

#section-pricing{
        background-color: #fff;  /*weiss*/
        padding: 80px 0;
}




/*
    --------------------------------------------------------------------------------------------
    Carousel News
    --------------------------------------------------------------------------------------------
*/
.carousel-inner .item img {
        width:100%;
        height:100%;
}
.item .thumbnail {
        margin-bottom:0;
}
.carousel-control.left, .carousel-control.right {
        background-image:none !important;
}
.carousel-control {
        background:        #ddd;
        color:#999;
        padding: 4px 0;
        width:26px;
        top:auto;
        left:auto;
        bottom:0;
        opacity:1;
        text-shadow:none;
}
.carousel-control.right {
        right:10px;
}

.carousel-control.left {
        right: 40px;
}



/*
    --------------------------------------------------------------------------------------------
    Contact & Map
    --------------------------------------------------------------------------------------------
*/

#section-contact{
        padding: 80px 0;
        background-color: #f6f6f6;

        background: url(../img/background2.jpg);
        background-size: cover;
        background-position: center;
        background-attachment: fixed;
        background-repeat: no-repeat;
}

#section-map{
        padding: 80px 0px 80px 0px;
        width: 100%;
        margin: 0px 0px 0px 0px;
}

/* Container ist oben definiert mit 10% Rand - hier mir Margin und width aufgespannt auf Fensterbreite */
#section-map .container{
        padding: 0x 0px 0px 0px;
        width: 120%;
        height: 100%;
        margin: 0px -10% 0px -10%;
}



label {
        float: left;
        font-size: 12px;
        font-weight: 400;
        font-family: 'Open Sans', sans-serif;
}
#section-contact .form-control {
        display: block;
        width: 100%;
        padding: 6px 12px;
        font-size: 14px;
        line-height: 1.42857143;
        color: #555;
        background-color: #fff;
        background-image: none;
        border: 1px solid #ccc;
        border-radius: 2px;
        -webkit-box-shadow: none;
        box-shadow: none;
        -webkit-transition: none;
        -o-transition: none;
        transition: none;
}

#section-contact .form-control:focus {
        border-color: inherit;
        outline: 0;
        -webkit-box-shadow: transparent;
        box-shadow: transparent;
}

button.btn.tf-btn.btn-default {
        float: right;
        background: #FCAC45;
        border: 0;
        border-radius: 0;
        padding: 10px 40px;
        color: #ffffff;
        text-transform: uppercase;
}

.btn:active, .btn.active {
        background-image: none;
        outline: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
}

.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn.active.focus {
        outline: thin dotted;
        outline: none;
        outline-offset: none;
}



/*Dunkler Bildschirm bei Mailversand Kontaktform ("loading...") */
#Sendmail_Shade {
   display: none;
   position: fixed; z-index: 1000;
   top: 0%; left: 0%;
   width: 100%; height: 100%;
   background-color: black;
   opacity: .8;
}



#HPot {
   position: absolute;
   left: -999em;
}






/*
    --------------------------------------------------------------------------------------------
    Footer
    --------------------------------------------------------------------------------------------
*/
nav#footer{
        background: #222222;
        color: #ffffff;
        padding: 20px 0 15px 0;
}
nav#footer .fnav{
        vertical-align: middle;
}
ul.footer-social li{
        display: inline-block;
        margin-right: 10px;
}
nav#footer p{
        font-size: 12px;
        margin-top: 10px;
}
#footer i.fa {
        height: 30px;
        width: 30px;
        border: 2px solid #8c8c8c;
        font-size: 20px;
        padding: 4px 5px;
        border-radius: 50%;
        color: #8c8c8c;
        transition: all 0.5s;
}
#footer i.fa:hover {
        background: #cb901d;
        border-color: #cb901d;
        color: #ffffff;
}
#footer a {
        color: #FCAC45;
}