/* Custom Stylesheet */
/**
 * Use this file to override Materialize files so you can update
 * the core Materialize files in the future
 *
 * Made By MaterializeCSS.com
 */


html, body {font-face: "Abril Fatface", "Open Sans", arial, verdana; font-size: 14px; text-decoration:none; color:#000; }

.abril-fatface-regular {
  font-family: "Abril Fatface", serif;
  font-weight: 400;
  font-style: normal;
}


.icon-block {
  padding: 0px;
}

.icon-block .material-icons {
	font-size: inherit;
}


.kdX   { margin-left: 50px; }
.kdY   { padding-top: 15px; }


.kdNav {
	padding-top: 35px; /* Abstand zum Viewport*/
	font-family: "Gravitas One", verdana, arial, helvetica; 
	font-size:36px; 
	line-height: 36px;
	font-style:normal; 
	font-weight:400; 
	text-decoration:none; 
	color:#444444;
			}



.kdNavLogo {
	padding-top: 50px;
	font-family: "Gravitas One", "Open Sans", verdana, arial, helvetica; 
	font-size:36px; 
	line-height: 36px;
	font-style:normal; 
	font-weight:400; 
	text-decoration:none; 
	color:##6e6e6e;
	border: 0px solid blue;
			}
.kdNavLogo a {
		color:#6e6e6e;
}


.kdFootage {
	padding-top: 2px;
	font-family: "Gravitas One", "Open Sans", verdana, varial, helvetica; 
	font-size:20px; 
	line-height: 20px;
	font-style:normal; 
	font-weight:300; 
	text-decoration:none; 
	color:##6e6e6e;
	border: 0px solid blue;

			}


.kdFooter {
	padding-top: 20px;
	font-size:10px; 
			}


.containerz  {	widthh: 95%; padding-left: 0px;}


img, a img {border:none;}


.footer a { color: #000; font-size: 13x; font-weight: 300;}



.LogoDown a {
	padding-top: 10px;
	font-family: "Gravitas One", "Open Sans", verdana, arial, helvetica; 
	font-size:36px; 
	line-height: 36px;
	font-style:normal; 
	font-weight:400; 
	text-decoration:none; 
	color:#6e6e6e;
	border: 0px solid; 
}


showBorder { 	border: 1px solid; }

nav {
  
  height: 56px;
  line-heigh: 56px;
 border: 0px solid black;
}


.thisnav {

  background-color: #fff;
  width: 100%;
  height: 106px;  /* Höhe nav*/
  line-height: 56px;
}

.thisnav ul {  
	padding-top: 10px;
	border: 0px solid; 

}

.thisnav li {
	border: 0px solid;
	background-color: #fff;


}


.thisnav a {font-face: "Gravitas One", "Open Sans"; color: #6e6e6e;}

.thisnav ul li:hover {


}

.thisnav ul li a:hover {
	color: #6e6e6e;
	text-decoration: none;
	-webkit-transition: all 0.4s ease-in;
	transition: all 0.4s ease-in;
}



.thisnav ul li.active {

}



.un {
  display: inline-block;
  color: #6e6e6e;
}



.un::after {
  content: '';
  width: 0px;
  height: 1px;
  display: block;
  transition: 300ms;
}

.un:hover::after {
  width: 100%;
background-color: #6E6E6E;
}


* {
  box-sizing: border-box;
}


.fadePortfolioIn img{
opacity:1;
transition: 0s ease;
}

.fadePortfolioIn img:hover{
 -webkit-filter: brightness(0.9);
    filter: brightness(0.9);
transition: 0.5s ease;
}


.ThisContainer {
  position: relative;
  widthh: 50%;
}

.image {
  opacity: 1;
  display: block;
  width: 100%;
  height: auto;
  transition: .5s ease;
  backface-visibility: hidden;
}

.middle {
  
  opacity: 1;
  
}


.middle {
  transition: .5s ease;
  opacity: 1;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  text-align: center;
}

.ThisContainer:hover .image {
  opacity: 1;
}

.ThisContainer:hover .middle {
  opacity: 1;
}

.text {
  background-colorr: #04AA6D;
  color: white;
  font-family: "Gravitas One", "Open Sans", verdana, arial, helvetica; 
  font-size: 24px;
  padding: 16px 32px;
}

.textIndex {

  color: black;
  font-family: "Gravitas One", "Open Sans", verdana, arial, helvetica; 
  font-size: 24px;
  position: absolute;
  top: 50%;
  left: 50%;
}


.rows {
  display: -ms-flexbox; /* IE10 */
  display: flex;
  -ms-flex-wrap: wrap; /* IE10 */
  flex-wrap: wrap;
  padding: 0 4px;
}

/* Create four equal columns that sits next to each other */
.column {
  -ms-flex: 50%; /* IE10 */
  flex: 50%;
  max-width: 50%;
  padding: 0 14px;
}

.column33 {
  -ms-flex: 33%; /* IE10 */
  flex: 33%;
  max-width: 33%;
  padding: 0 14px;
}

.column33 img{
  padding-top: 14px;
}

.column img {
  margin-top: 28px;
  vertical-align: middle;
  width: 100%;
}

/* Responsive layout - makes a two column-layout instead of four columns */
@media screen and (max-width: 800px) {
  .column {
    -ms-flex: 50%;
    flex: 50%;
    max-width: 50%;
  }
}

/* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 600px) {
  .column {
    -ms-flex: 100%;
    flex: 100%;
    max-width: 100%;
  }

h3{ font-family: "Gravitas One", "Open Sans"; font-size: 14px; font-style: normal; font-variant: normal; font-weight: 400;  } 

h5{ font-weight: 400; }

p { font-size: 16px; font-weight: 300; line-height: 20px; } 

blockquote { font-family: "Gravitas One", "Open Sans"; font-size: 16px; font-style: normal; font-variant: normal; font-weight: 100; } 

.pree {font-family: "Gravitas One", "Open Sans", verdana, arial, helvetica; 
	font-size:36px; 
	line-height: 36px;
	font-style:normal; 
	font-weight:300; 
	text-decoration:none; 
	color:#6e6e6e;
	border: 1px solid blue;
			}