@charset "utf-8";
/* CSS Document */
/* Author: Ideenzone / Ingrid Strubel */
/* Version 1.0.0  v. 5.12.2017*/ 
/* ***********************************/
/* Style fotodesignbw-gallery */
/* ***********************************/
/* bg-color: #a2aaa6; */
/* bg-footer-color: #191919;
/* main-font-color: #999; */
/* white-font-color: #f4f4f4; */
/* link-color:   ; */
/* Fonts*/
/* General */
/* Navi */
/* Index */
/* Index Section*/
/* Thumbnails Gallery */

/* Gallery */


@font-face {
    font-family: 'Century-regular';
   src: url(" ../../vendor/fonts-century-regular/bd45538f-4200-4946-b177-02de8337032d.eot");
    src: 
         url(' ../../vendor/fonts-century-regular/9908cdad-7524-4206-819e-4f345a666324.woff') format('woff'),
         url(' ../../vendor/fonts-century-regular/b710c26a-f1ae-4fb8-a9fe-570fd829cbf1.ttf') format('truetype'),
         url(' ../../vendor/fonts-century-regular/c9e387df-c0d3-42e1-8de6-78c41f68594c.svg') format('svg');
        
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'Century-bold';
   src: url(" ../../vendor/fonts-century-regular/bd45538f-4200-4946-b177-02de8337032d.eot");
    src: 
         url(' ../../vendor/fonts-century-regular/9908cdad-7524-4206-819e-4f345a666324.woff') format('woff'),
         url(' ../../vendor/fonts-century-regular/b710c26a-f1ae-4fb8-a9fe-570fd829cbf1.ttf') format('truetype'),
         url(' ../../vendor/fonts-century-regular/c9e387df-c0d3-42e1-8de6-78c41f68594c.svg') format('svg');
        
    font-weight: normal;
    font-style: normal;

}



/* General*/
body {
    font-family: Century-regular, Verdana, Arial, "sans-serif";
background-color: #a2aaad;
}
p {
  margin-bottom: 1.3em;
  font-size: 1.0em;
     font-family: Century-regular, Verdana, Arial, "sans-serif";
}

h1, h2, h3, h4 {
  margin: 1.414em 0 0.5em;
  font-weight: inherit;
  line-height: 1.2;
     font-family: Century-regular, Verdana, Arial, "sans-serif";
}

h1 {
  margin-top: 0;
  font-size: 3.998em;
}

h2 {font-size: 2.827em;}

h3 {font-size: 1.999em;}

h4 {font-size: 1.414em;}

small, .font_small {font-size: 0.707em;}
a,
a:visited,
a:link {
    color: #191919;
}
a:hover {
    text-decoration: none;
    color: #999;
}
.mt-50 {
    margin-top: 50px;
}
.mt-100 {
    margin-top: 100px;
}
.pt-20 {
    padding-top: 20px;
}
.pt-50 {
    padding-top: 50px;
}
.pt-100 {
    padding-top: 100px;
}
.pl-2 {
    padding-left: 40px;
}

.mb-50 {
    margin-bottom: 50px;
}
.mt-5 {
    margin-top: 5px;
}
mt-100-p {
margin-top: 1000px;
}
.mtop {
    margin-top: 0.2em;
	margin-bottom: 0.5em;
}
.gallery.gallery-top {
    padding: 0 1% 2% 0%;
    margin: 5px 1px;
}

/* Basic Color*/

.black {color:#000;}
.black-shadow {color:#191919;}
.bg-grey {color:#a2aaad;
   /*color: rgba(162,170,173,0);*/
}
.font-white {color:#F4F4F4;}
.font-grey {color:#999;}

.shadow  {
	border:0px solid transparent;
	-webkit-box-shadow: -10px 10px 30px 0px rgba(0,0,0,0.3);
    -moz-box-shadow: -10px 10px 30px 0px rgba(0,0,0,0.3);
    box-shadow: -10px 10px 30px 0px rgba(0,0,0,0.3);
	
	}

 div[thrixty=found] #zoom_btn:disabled{
 	display: none;
 }
div#thrixty-box_1 {
	width:100%;
	height:100%;
}
div[thrixty=found] #showroom {
	background-color: #a2aaad;
}

div[thrixty=found] .controls {
	background-color: #a2aaad;}

/* Index */
/* Index Section*/
div[thrixty="found"] .ctrl_buttons {
	width: 25px;
	height: 25px;
}
element.style {
   
    border: 5px solid #a2aaad;
    background: #a2aaad;
    z-index: 9999;
}
.img-center {
	margin-left:auto;
	margin-right: auto;
}

.intro {
    margin: 180px 0 0 50px;
    padding: 0;
    width: 60%;
}
img-full {
	width:100%;
	height: 100%;
}
#idee, 
#contact  {
    background-color: rgba(162,170,173,0.0);
    color: #191919;
    font-family: Century-regular, Verdana, Arial, "sans-serif";
    z-index: 999;
    padding-top: 100px;
}
.heigh-index {
    height: 100vh;
}
.section-setting {
    margin: 100vh 5px 10vh 5px;
}
.content-setting {
    margin: 50px 5px;
}

.wrapper-content-index {
    height: 100%;
}
#contact_form  {
    background-color: rgba(162,170,173,0.0);
    border-color:  rgba(162,170,173,0.0);
}

/* Navbar Brand */
.nav {
	padding: 10px 20px 20px 0;
    font-family: 'Century-regular';
}
.navbar-brand img {
    width:  65%;
   
}

/* Thumbnails Gallery */
#intro-gallery {
font-family: 'Century-regular';
line-height: 1.5;
font-style: normal;
font-weight: 300;
color: #999;
text-shadow: -1px 2px 2px #191919;
width: auto;
font-size: 30px;
}
#intro-gallery.small-dev {
font-family: 'Century-regular';
line-height: 1.5;
font-style: normal;
font-weight: 300;
color: #999;
text-shadow: -1px 2px 2px #191919;
width: auto;
padding-left: 20px;
font-size: 30px;
}
.intro-author  {
font-family: 'Century-regular';
line-height: 1.5;
font-style: normal;
font-weight: 300;
letter-spacing: 8px;
color: #999;
text-shadow: -1px 2px 2px #191919;
width: auto;
margin: 0;
padding: 50px 0 0 40px;
font-size: 300%;
}
.pall-20 {
    padding: 40px;
}
.row-thumbs > div {
    padding-bottom: 50px;
}
.card {
    background-color: #f4f4f4;
}
a .card-titel {
    padding: 2%;
     color: #1f1f1f1;
}
.thumbs >  a  >div >p {
     color: #1f1f1f1;
}
.pall-20 {
    padding: 5px;
}
.card-img > img {
    width: 100%;
    
}
.card-img {
    height: 10em;
    display: table-cell;
    vertical-align: middle;
}
.thumbs > row > card {
    padding: 10px;
}
.gallery {
    padding: 0 1% 2% 0%;
    margin: 2px 1px
}
.img-cal {
    padding: 2px 1px;
}
.img-gal >img {
    width: 100%;
    padding-bottom: 5%;
}
#car img {
    width: 200%;
}
.small-img-card {
    padding-top: 0%;
}
.impress-datenschutz .card {
    padding: 10px;
}

/* shade */
#shade {
height: 100%;
width: 100%;
overflow: hidden;
z-index: 0;
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjY1Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(left,  rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(0,0,0,0.65)), color-stop(100%,rgba(0,0,0,0))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* IE10+ */
background: linear-gradient(to right,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=1 ); /* IE6-8 */
}
.shade{
width: 100%;
overflow: hidden;
z-index: 0;
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjY1Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(left,  rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(0,0,0,0.65)), color-stop(100%,rgba(0,0,0,0))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* IE10+ */
background: linear-gradient(to right,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=1 ); /* IE6-8 */
}
.check-daten a {color:#000000;
font-weight:400;}
.check-daten a:hover {color:#999;
font-weight:400;}
/*  Footer */
footer {
   /* border-top: 1px solid #191919;*/
    background-color: #A2AAAD;
     font-family: Century-regular, Verdana, Arial, "sans-serif";
}
footer p{

     font-family: Century-regular, Verdana, Arial, "sans-serif";
}

footer a:hover
 {
    color:#f4f4f4;
     text-decoration: none;
}
footer a:link,
footer a:focus,
footer a:visited {
    color: #1f1f1f1;
    text-decoration: none;
}

.footer-grey {
	background-color: #191919;
}
#shade > p {
	font-size: 2.0em;
	color: #f4f4f4;
    margin: 2% 0 2% 20px;
	font-family: Century-bold;
}
#date {
	padding: 0 20px;
}
.footer-logo {
    width: 89%;
    padding: 5px 15px 30px 15px;
}
.img-footer
{
    width: 85%;
    padding-left: 15px;
    padding-bottom: 40px
}
.footer-adress {
    padding-top: 20px;
}
#data {
   font-family: Century-bold;
    
}
.rowsmart {
    padding-left: 0px;
}
.footer-grey> div > p {
    font-family: Century-bold;
    padding: 20px 0;
}
/* Padding & Marging*/
.marg-auto {
    margin-left: auto;
    margin-right: auto;
}


/*Back to top button */
.small-top {
    font-size: 9px;
    font-family: Century-regular, Verdana, Arial, "sans-serif";
    
}
#back-top {
	position:fixed;
	bottom: 80px;
	right: 30px;
	color: #1919191;
	text-shadow: 1px 1px 1px #191919;
	font-size: 1em;
	
}

#back-top a:link {
	width: 20px;
	text-decoration: none;
	/* background color transition */
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}
#back-top a:hover {
	color: #191919;
	text-decoration: none;
}
/* arrow icon (span tag) */
#back-top span {
	width: 50px;
	height: 40px;
	display: block;
	margin-bottom: -0.8em;
	padding-top: 1em;
	
	/* background color transition */
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}

#back-top a:link   {
	color: #191919;
	text-decoration: none;
	/*padding-bottom: 1px;
	border-bottom: 1px solid #e67e22;*/
}
#back-top a:activ   {
	color: #f9d943;
	text-decoration: none;
	
}

#back-top a:hover,
#back-top a:visited   {
	color: #f9d943;
	text-decoration: none;
}
btn-custom > p {
    font-family: Century-regular, Verdana, Arial, "sans-serif";
}

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
.navbar-brand img {
    width:  85%;
    padding-left: 20px;
}
    .intro {
    width: 50%;
    }
#intro-gallery.small-dev {
    font-size: 70px;
    padding-left: 50px;
}
.section-setting {
    margin: 100vh 5px 10vh 5px;
}
.pall-20 {
    padding: 40px;
}
.content-setting {
    margin: 50px 5px;
}
 #intro-gallery {
font-size: 50px;
}   
     .intro-author  {
letter-spacing: 8px;
padding: 50px 0 0 40px;
font-size: 500%;
}
.footer-adress {
    padding-top: 0px;
}
    .footer-logo {
    width: 100%;
    padding: 5px 15px 30px 15px;
}
.img-footer
{
    width: 100%;
    padding-left: 15px;
}
    #shade >p {
        font-size: 3em;
    }
  .rowsmart {
    padding-left: 50px;
}
}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
   .navbar-brand img {
    width:  85%;
    padding-left: 20px;
}
    .intro {
    width: 40%;
    }
.pall-20 {
    padding: 40px;
}
#intro-gallery {
font-size: 80px;
}
#intro-gallery.small-dev {
    font-size: 80px;
    padding-left: 50px;
}
    .section-setting {
    margin: 100vh 30px 10vh;
}
    .content-setting {
    margin: 50px 30px;
}
.small-img-card {
    padding-top: 60%;
}
    footer-adress {
    padding-top: 0px;
}
    .footer-logo {
    width: 79%;
    padding: 5px 15px 30px 15px;
}
.img-footer
{
    width: 75%;
    padding-left: 15px;
}
    .intro-author  {
letter-spacing: 8px;
padding: 50px 0 0 40px;
font-size: 500%;
}
   
    #shade >p {
        font-size: 4em;
    }
 .rowsmart {
    padding-left: 50px;
}
}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
.navbar-brand img {
    width:  95%;
    padding-left: 20px;
}
    .intro {
    width: 40%;
    }
.pall-20 {
    padding: 40px;
}
#intro-gallery {
font-size: 80px;
}
#intro-gallery.small-dev {
    font-size: 80px;
    padding-left: 100px;
}
    .section-setting {
    margin: 100vh 30px 10vh;
}
.content-setting {
    margin: 50px 30px;
}
.img-gal >img {  
    padding-bottom: 1%;
}
.small-img-card {
    padding-top: 60%;
}
footer-adress {
    padding-top: 00px;
}
    #shade >p {
        font-size: 5em;
    }
     .intro-author  {
letter-spacing: 8px;
padding: 50px 0 0 40px;
font-size: 500%;
}
  .rowsmart {
    padding-left: 5px;
}     
}