/*!
 * Start Bootstrap - Landing Page Bootstrap Theme (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */


/*
//
// FONTS
// ----------------------------------------------- */

/*
//
// OPEN SANS */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-display: swap;
    font-weight: 300;
    src: url('../fonts/open-sans-v27-latin-300.woff2') format('woff2'),
         url('../fonts/open-sans-v27-latin-300.woff') format('woff');
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-display: swap;
    font-weight: 400;
    src: url('../fonts/open-sans-v27-latin-regular.woff2') format('woff2'),
         url('../fonts/open-sans-v27-latin-regular.woff') format('woff');
}
/* open-sans-600 - latin */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-display: swap;
    font-weight: 600;
    src: url('../fonts/open-sans-v27-latin-600.woff2') format('woff2'),
         url('../fonts/open-sans-v27-latin-600.woff') format('woff');
}

/*
//
// END FONTS
// ----------------------------------------------- */


body,
html {
    width: 100%;
    height: 100%;

}

body
{
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    font-weight: normal;
    color: #231f20;
    -ms-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;

}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    letter-spacing: 2.5px;
}

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

.topnav {
    font-size: 16px;
}

.lead {
    font-size: 16px;
    font-weight: 300;
    letter-spacing: 0.5px;
    line-height: 32px;
}

.intro-header {
    padding-top: 50px; /* If you're making other pages, make sure there is 50px of padding to make sure the navbar doesn't overlap content! */
    padding-bottom: 150px;
    text-align: center;
    color: #f8f8f8;
    background: url(../img/header.jpg) no-repeat center center;
    background-size: cover;
}

.intro-message {
    background-color: rgba(255, 255, 255, 0.9);
    margin-bottom: 20%;
    margin-top: 10%;
    padding: 25px;
    position: relative;

    }

.intro-message > h1 {
    margin: 0 0 20px;
    font-size: 35px;
    color: #231f20;
    letter-spacing: 6px;
}

.intro-divider {
    width: 400px;
    border-top: 1px solid #f8f8f8;
    border-bottom: 1px solid rgba(0,0,0,0.2);
}

.intro-message  h2 {
    color: #231f20;
}

.intro-message      h3 {
    color: #808285;
}


.link {
    color: #ffffff;
    font-size: 16px;
}


h3.intro-h3{padding-left: 29px; letter-spacing: 3.5px; line-height: 1.5em}



@media(max-width:767px) {
    .intro-message {
        padding-bottom: 15%;
    }

    .intro-message > h1 {
        font-size: 2em;
        letter-spacing: 2px;
    }

    ul.intro-social-buttons > li {
        display: block;
        margin-bottom: 20px;
        padding: 0;
    }

    ul.intro-social-buttons > li:last-child {
        margin-bottom: 0;
    }

    .intro-divider {
        width: 100%;
    }
}
.navbar-default .navbar-brand {
    color: #231f20;
    font-family: tahoma, arial, helvetica, sans-serif;
    font-size: 17px;
    font-weight: 300;
    letter-spacing: 2.5px;
}


.network-name {
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 2px;
}

.content-section-shop{background-color: white; padding: 50px 0;
    border-top: 1px solid #e7e7e7;
    border-bottom: 1px solid #e7e7e7;}


.content-section-about{ padding: 50px 0;
    border-top: 1px solid #e7e7e7;
    border-bottom: 1px solid #e7e7e7; position: relative;}

.content-section-interior{background-color: #d82679; padding: 50px 0; color: white;}

.content-section-decoration{background-color: #8ead32; padding: 50px 0; color: white;}

.content-section-a {
    padding: 50px 0;
    background-color: #f8f8f8;
}

.content-section-b {
    padding: 50px 0;
    border-top: 1px solid #e7e7e7;
    border-bottom: 1px solid #e7e7e7;
}

.section-heading {
    margin-bottom: 30px;
    font-size: 35px;

}

.section-heading-spacer {
    float: left;
    width: 200px;
    border-top: 3px solid #e7e7e7;
}

.banner {
    padding: 100px 0;
    color: #f8f8f8;
    background: url(../img/banner-bg.jpg) no-repeat center center;
    background-size: cover;
}

.banner h2 {
    margin: 0;
    text-shadow: 2px 2px 3px rgba(0,0,0,0.6);
    font-size: 3em;
}

.banner ul {
    margin-bottom: 0;
}

.banner-social-buttons {
    float: right;
    margin-top: 0;
}

@media(max-width:1199px) {
    ul.banner-social-buttons {
        float: left;
        margin-top: 15px;
    }
}

@media(max-width:767px) {
    .banner h2 {
        margin: 0;
        text-shadow: 2px 2px 3px rgba(0,0,0,0.6);
        font-size: 3em;
    }

    ul.banner-social-buttons > li {
        display: block;
        margin-bottom: 20px;
        padding: 0;
    }

    ul.banner-social-buttons > li:last-child {
        margin-bottom: 0;
    }
}

footer {
    padding: 50px 0;
    background-color: #f8f8f8;
}

p.copyright {
    margin: 15px 0 0;
}


/*eigene Styles*/
/*h2.section-heading{font-size: 23px;
    font-weight: normal;
    letter-spacing: 2px;
    padding-bottom: 23px; text-transform: uppercase;}*/



.shop{/*color: #d82679;*/color: #231f20;}
.interior{color: white;}
.about{color: #231f20;}

/*FOLIO HOVER*/
.singleFolio {
    width: 100%;
}
.singleFolio {
    float: left;
    overflow: hidden;
    position: relative;
}


.folioHover {
    height: 100%;
    left: 0;
    opacity: 0;
    padding: 0px;
    position: absolute;
    top: 0;
    transform: scale(0);
    transition: all 700ms ease 0s;
    visibility: hidden;
    width: 100%;
}

.folioHoverBig {
    height: 100%;
    left: 0;
    opacity: 0;
    padding: 0px;
    position: absolute;
    top: 0;
    transform: scale(0);
    transition: all 700ms ease 0s;
    visibility: hidden;
    width: 100%;
}
.folioHoverDecoration {
    height: 100%;
    left: 0;
    opacity: 0;
    padding: 0px;
    position: absolute;
    top: 0;
    transform: scale(0);
    transition: all 700ms ease 0s;
    visibility: hidden;
    width: 100%;
}

.folioHoverContent {
    background: rgba(43, 41, 46, 0.7) none repeat scroll 0 0;
    display: inline-block;
    height: 100%;
    padding-top: 91px;
    text-align: center;
    width: 100%;
    color: white;
    font-size: 16px;
}

.folioHoverBigContent {
    background: rgba(216, 38, 121, 0.7) none repeat scroll 0 0;
    display: inline-block;
    height: 100%;
    padding-top: 91px;
    text-align: center;
    width: 100%;
    color: white;
    font-size: 16px;
}

.folioHoverDecorationContent {
    background: rgba(171, 180, 48, 0.7) none repeat scroll 0 0;
    display: inline-block;
    height: 100%;
    padding-top: 91px;
    text-align: center;
    width: 100%;
    color: white;
    font-size: 16px;
}

@media(min-width:768px) {
    .singleFolio img.small{max-width: 370px; max-height: 370px; }
}
.singleFolio:hover .folioHover, .singleFolio:hover .folioHoverBig, .singleFolio:hover .folioHoverDecoration{opacity: 1; transform: scale(1); visibility: visible;}
.singleFolio h2, .singleFolio .fa{color: white;}

.type h2{color: white;}

.type {
    background: #8DA8A3; none repeat scroll 0 0;
    color: #fff;
    font-size: 24px;
    font-weight: 600;
    line-height: 32px;
    padding: 10px 10px 10px;
    margin: 10px 10px 10px;
}
.type_one {
    background: #d82679 none repeat scroll 0 0;
    color: #000;
    font-size: 24px;
    font-weight: 600;
    line-height: 32px;
    padding: 10px 10px 10px;
    margin: 10px 10px 10px;
}
.type_two {
    background: #d82679 none repeat scroll 0 0;
    font-size: 20px;
    color: #fff;
    line-height: 32px;
    padding: 10px 10px 10px;
margin: 10px 10px 10px;}



.type .border {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #fff #fff -moz-use-text-color;
    border-image: none;
    border-style: solid;
    border-width: 1px;
    display: block;
    padding: 5px 17px;
}

.type .border form {
    color: black;
    font-size: 16px;
}

.type .border form input { margin-bottom: 3px; }
.type_two  .border {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #fff #fff -moz-use-text-color;
    border-image: none;
    border-style: solid;
    border-width: 1px;
    display: block;
    padding: 0px 17px;
}

.type_one  .border {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #fff #fff -moz-use-text-color;
    border-image: none;
    border-style: solid;
    border-width: 1px;
    display: block;
    padding: 0px 17px;
}


#interior_image{background:rgba(0, 0, 0, 0) url("../img/interior_design.jpg") no-repeat fixed 50% 0 / cover; color: #fff; text-align: center; width: 100%; min-height: 60%; padding: 100px 0;}
#decoration_image{background:rgba(0, 0, 0, 0) url("../img/decoration.jpg") no-repeat fixed 50% 0 / cover; color: #fff; text-align: center; width: 100%; min-height: 60%;  padding: 100px 0;}

@media(max-width:768px) {
    #interior_image{background-attachment: scroll!important;}
    #decoration_image{background-attachment: scroll!important;}
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px)  {
    #interior_image{background-attachment: scroll!important;}
    #decoration_image{background-attachment: scroll!important;}
}

.bigpic_content {
    margin-left: auto;
    margin-right: auto;
    max-width: 1000px;
}

.bigpic_content h1{font-size: 40px !important;  text-shadow: 0px 1px 2px #424242; letter-spacing: 1px;background-color: rgba(255, 255, 255, 0.7);  padding: 25px;}


.bigpic_content h1.interior{color: #d82679;}
.bigpic_content h1.decoration{color: #ee8a19;}

h3{letter-spacing: 0.5px; margin-top: 0px;}

 .overlay {
    background: transparent none repeat scroll 0 0;
    height: 350px;
    margin-top: -350px;
    position: relative;
    top: 350px;
    width: 95%;
    z-index: 1000; }

#map{padding: 0px;}


footer{background-color: white; font-size: 16px; padding: 20px 0px 0px 0px;}
footer h2{color: #231f20;}

footer .big_foot{padding: 50px 0px 50px 0px;}




footer .little_toe{background-color:#231f20; padding: 10px 0px; -webkit-box-shadow: 0px -2px 4px 1px rgba(0,0,0,0.22);
-moz-box-shadow: 0px -2px 4px 1px rgba(0,0,0,0.22);
box-shadow: 0px -2px 4px 1px rgba(0,0,0,0.22);}
footer .little_toe a{color: white;}
footer .little_toe a:hover, footer .little_toe a:active{color: white; text-decoration: underline;}


.bg_tree{background-color: #8DA8A3;}

@media(max-width:768px) {
    .section-heading {font-size: 30px;}
    .bigpic_content h1 {font-size: 30px !important;}

    .folioHover {
    max-height: 390px;
    max-width: 390px;
    }

}

.pink, .navbar-default .navbar-brand .pink{color: #d82679 !important;}

small, .small {
    font-size: 73%;
}

ul.presse-list li{margin-bottom: 15px;}