@charset "UTF-8";

/
/* montserrat-300 - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/montserrat-v15-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/montserrat-v15-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/montserrat-v15-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/montserrat-v15-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/montserrat-v15-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/montserrat-v15-latin-300.svg#Montserrat') format('svg'); /* Legacy iOS */
}


/* montserrat-regular - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/montserrat-v15-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/montserrat-v15-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/montserrat-v15-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/montserrat-v15-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/montserrat-v15-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/montserrat-v15-latin-regular.svg#Montserrat') format('svg'); /* Legacy iOS */
}



/* GLOBAL
----------------------*/

body {
    font-family: 'Montserrat', sans-serif;
    position: relative;
    font-size: 18px;
    color: #5f6969;
    font-weight:200;
}

a {color: #5f6969;}

a:hover,
a:focus {color: #5f6969;}

p {margin-bottom:20px;}

.row {margin-right: 0px; margin-left: 0px;}

.navbar-dark .navbar-toggler {color: rgba(0, 0, 0, 0); border-color: #fff;}

#uebermich, #vita, #kontakt {padding-top: 110px;}

.karte.col-12 {padding-left: 0px; padding-right: 0px;}

btn:focus, .btn.focus {
    box-shadow: none !important;
}



h1 {
    font-size: 15px;
    font-weight: 400;
    color: #fff;
}

h2 {
    font-size: 25px;
    font-weight: 400;
    color: #5f6969;
    letter-spacing: 1px;
    margin-bottom: 1.5rem;
   /* margin-top: 65px;*/
    text-transform: uppercase;
}



h3 {
    font-size: 25px;
    font-weight: 400;
    color: #5f6969;
    letter-spacing: 1px;
   /* margin-bottom: 1.5rem;*/
    text-transform: uppercase;
}





/* NAVBAR
----------------------*/

.kleiner {display: none}

.navbar-brand img { padding: 10px 0 10px 0}

.nav-menu img { height: 75px; width: 307px}
.kleiner .nav-menu img { float:left; }

.nav-menu {
    padding: 1rem 0;
    transition: all 0.2s ease;
    visibility:hidden;
}

.nav-menu.is-scrolling,
.nav-menu.menu-is-open {
    background-color: #ffffff;
    box-shadow: 0px 5px 23px 0px rgba(0, 0, 0, 0.5);
    transition: all 0.2s ease;
    visibility: visible;
}

.nav-menu.is-scrolling {
    padding: 0;
}

.navbar-nav .nav-link {
    position: relative;
}

.navbar-dark .navbar-nav .nav-link {color: #5f6969; font-weight:400;     text-transform: uppercase;}
.navbar-dark .navbar-nav .nav-link.active {color: #5f6969; font-weight:400; text-decoration: none;}
.navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus {color: #5f6969;}

nav-menu .img-fluid {
    padding: 15px 0;
}

.navbar-dark .navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(95, 105, 105, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");}
    

    
@media (min-width: 992px) {
    .navbar-expand-lg .navbar-nav .nav-link {padding-right: 1rem; padding-left: 1rem; font-size: 16px;}
    .navbar-nav>.nav-item>.nav-link.active:after {
        content: "";
       /* border-bottom: 2px solid #fff;*/
        left: 1rem;
        right: 1rem;
        bottom: 5px;
        height: 1px;
        position: absolute;
    }
}

@media (max-width:991px) {
    .navbar-nav.is-scrolling {padding-bottom: 1rem;  }
    .navbar-nav .nav-item {text-align: center; }
}

@media (max-width:485px) {
    .navbar-dark .navbar-brand {width: 75%;}
    .navbar-brand img { padding: 8px 0 8px 0}
    .punkt {display: none;}
    .nav-menu img { height: 75px; width: 75px}
}


@media (max-width:470px) {
    .navbar-dark .navbar-brand {width: 50%;}
    .navbar-brand img { padding: 8px 0 8px 0}
    .punkt {display: none;}
    .groesser {display: none}
    .kleiner {display: 	inline;}
}
    

    



/* header
----------------------*/

header {padding: 100px 0 0; text-align: center;color: #FFF;}

#home img { width:100%; max-width: 756px; float: left; height: 100%; max-height:133px;}

#home .col-xs-12 img {padding-left: 10px;}

@media (max-width:1200px) {
    .img-holder {
        padding-bottom: 50%;
    }
}

@media (max-width:767px) {
    .tagline {
        font-size: 17px;
    }
    .img-holder {
        padding-bottom: 100%;
    }
}


/* ueber mich
----------------------*/
.lacroix {padding-left: 25px;}
.lacroix img {float: right; }

#uebermich h3 {margin-top: 35px;}

.fa-chevron-right::before {content: "+/-";}





@media (max-width:991px) {
    .card.about {margin-bottom: 2rem; }
    [class^="col-"]:last-child .card.about { margin-bottom: 0;}
   
}


.card-body {padding: 0px;}
.card {border: 0px solid rgba(0, 0, 0, 0);}
.card-header {padding: 0px; background-color: #fff; border-bottom: 0px ;}
.btn-link {color: #5F6969;}
.btn {padding: 0px; margin-bottom: 25px; font-size: 20px;}
.btn-link:hover { color: #5F6969;}



button {
  outline: none;
}


/* beratung
----------------------*/
#beratung       {background: #8b9e95; color: #fff; padding: 50px 0 35px 0; margin-top: 25px;}
#beratung h3    {color: #fff;}
#beratung h3    {text-transform: none; letter-spacing: 1px;}
#beratung a     {color: #fff;}


/* vita
----------------------*/
#vita {margin-bottom: 80px;} 



/*	gallery */

.gallery_product{
    margin: 0px;
	padding:0;
	position:relative;
}


.gallery_product img.img-responsive  {
    width: 100% !important;
    height: 100% !important;
}

/*	end gallery */


/* Kontakt
----------------------*/

#kontakt .col-md-4,
#kontakt .col-sm-4 {margin-bottom: 25px;}

#kontakt .col-lg-5 {margin-bottom: 25px;}

#kontakt img {width: 100%; max-width: 78px;}

/* formular
----------------------*/

*:focus     {outline: none;}

form input  {background:#f2f5f4;  border: 0px; padding: 20px; color: #5f6969;}
form input:last-child  {clear: both;}

textarea    {width: 100%; background:#f2f5f4; border: 0px; padding: 20px;}

input       {width: 100%; margin-bottom: 25px;}


p.note  {font-size: 11px; margin-top: 50px; padding-left: 15px; }
form #submit {border: 1px solid #8b9e95; background:#fff; margin-left: 30px; padding: 15px 35px; text-transform: uppercase; color: #8b9e95;}




.dsgvo {margin-top: 25px; margin-bottom: 35px;}
.dsgvo input{margin-top: 25px; margin-bottom: 0px; width: auto;}
.dsgvo col-12   {line-height: 35px;}


.btns input {width: auto;}


label {
    display: inline-block;
    margin-bottom: 0.5rem;
    width: 100%;
}




.footeradress img  { width:100%; max-width: 418px; float: left; margin-bottom: 25px;}

.googlelink {margin-top: 50px; padding-left: 25px; padding-bottom: 15px;}
.karte img {border: 0px; width: 100%}




/* footer
----------------------*/
footer{background: #616969; color: #fff; padding: 25px;}
footer h3{color: #fff;}


footer a {color: #fff;}
footer a:hover {color: #fff;}


.footeradress {margin: 25px 0 25px 0}
.footernav {font-size: 16px; margin: 50px 0 0 0;}
.footernav a {margin-right:50px;}





.back-to-top {
 background: #849f96 url("../images/icon-up-lacroix.svg") 50% 50% no-repeat;
 width: 76px;
 height: 77px;
 position: fixed;
 bottom:20px;
 right:20px;
 padding:1em;
 z-index: 100;
    border-radius: 2.1em;
    box-shadow: 0 4px 5px 0 rgba(0,0,0,0.14),0 1px 10px 0 rgba(0,0,0,0.12),0 2px 4px -1px rgba(0,0,0,0.2);
}

.back-to-top:hover{
 background: #616969 url("../images/icon-up-lacroix.svg") 50% 50% no-repeat;
 transition: all 0.2s ease;
}