/*
Hier kannst du dein eigenes CSS einfügen.

Klicke auf das Hilfe-Symbol oben, um mehr zu lernen.
*/
body {
    background: #2f100e!important;
}
.col-9-12 {
    width: 100%;
}
@font-face {
	font-family: Break-Light;  
	src: url(/wp-content/themes/creative_mt/fonts/Break-Light.ttf);  
	font-weight: 100;  
}
@font-face {
	font-family: Break;  
	src: url(/wp-content/themes/creative_mt/fonts/Break-Regular.ttf);
	font-weight: 300;
}
.site-title {
    margin: 0;
    position: fixed;
    top: 43px!important;
}

.sws-preloader {
    position: fixed;
    margin: auto;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    background-color: #000;
    z-index: 990;
}

#fullpage > .section > h1 {
    background: transparent;
		border: solid white 8px;
}
.navigation-is-open .cd-nav {
	
	background: linear-gradient(90deg, #200 , rgba(255, 238, 170, 0.1) , rgb(51, 51, 51)), url(/wp-content/uploads/2016/12/IMG_6425.jpg);
	    background-size: cover;
}
.absolute-bg {
  position: absolute;
  top: 0;
  left: 0;

  height: 100%;
    width: 50%;

  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  overflow: hidden;
  animation: fade-in 0.8s ease-in-out both 1s;
}
.konbg {
    background-image: url(/wp-content/uploads/2015/02/DSC0860.jpg);
    width: 100%;
    height: 100%;
    max-height: 1200px;
    background-attachment: fixed;
    position: relative;

}
.post {
  min-height: 100vh;
  width: 100%;
  border: 0.5em solid #fff;
}


.post__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 2em;
  overflow-y: auto;
}
.post__content {
    padding-right: 2em;
}
	
	
h1 {
	color: #ffffff;
	font-weight:100;
	font-size: 60px;
  left: 50px!important;
	    font-family: break-light;
}

h2 {
	    font-family: break-light;
}
.fp-section h1 a.featured-link, #fullpage > .section > h1 {
	color: #ffffff;
}
a:hover {
	color: #ff7471;
	
}
a{
	color: #fff;
	
}
.fp-section h1 a.featured-link, #fullpage > .section > h1 {
    color: #ffffff;
	font-weight:100; 
		    font-family: break-light;

}

.cd-nav .cd-primary-nav a {
    color: #fff;
    font-size: 30px;
	font-weight:100; 
		    font-family: break-light;

}
#fullpage > .section > h1, #page-content > .entry-header h1 {
    position: absolute;
    bottom: 100px;
    left: 2em;
    background: transparent;
    padding: 1em 1.5em;
    border: solid white 1px;
		    font-family: break-light;

}
#grain{
    background: linear-gradient(90deg, #200 , rgba(255, 238, 170, 0.1) , rgb(51, 51, 51));
    /*background-size: 400% 400%;*/
    height: 100%;
    width: 100%;
    opacity: 1;
	

}
.entry-header h1 {
    color: #ffffff!important;
	
}
.entry-header {
	background-color: #ffffff !important;
/* Fixed CSS:
z-index: 9999;
position: fixed;
*/
}



#dynamic-to-top {
	right: 49.1%!important;
	z-index: 99999;
  bottom: 5px!important;
}
#Message {
	width: 300px;
	margin: 0 auto;
	display: block;
    text-align: center;
}


#senden {
	margin: 0 auto;
	display: block;
	width: 300px;
    text-align: center;
	    background: #ff7471;
	border-color: #ff7471;
}

#name {
	margin: 0 auto;
	display: block;
    text-align: center;
	width: 300px;

}


#Mail {
	margin: 0 auto;
	display: block;
    text-align: center;
	width: 300px;

}

div.wpcf7-validation-errors {
    border: 2px solid #ff7471;
		margin-top: -30px;
    width: 300px;
    font-size: 10px;
    margin: 0 auto;
	    top: -40px;
	position:relative;
}
a:hover {
	color: #ff7471!important;

}
div.wpcf7-response-output {
    /* margin: 2em 0.5em 1em; */
    padding: 0.2em 1em;
}

.rt-tpg-container .layout1 .rt-holder .rt-detail h2 {
    font-size: 22px;
    margin: 0;
    font-weight: 400;
    text-align: center;
    bottom: 100px;
    position: relative;
}

.overlay {
display: none!important;

}
#comments {
	padding:40px;
}


[class*='col-'] {
    float: left;
    padding-right: 0!important;
}

.row {
    margin-left: -10%;
    max-width: 1160px;
}

.rt-col-xs-1, .rt-col-sm-1, .rt-col-md-1, .rt-col-lg-1, .rt-col-xs-2, .rt-col-sm-2, .rt-col-md-2, .rt-col-lg-2, .rt-col-xs-3, .rt-col-sm-3, .rt-col-md-3, .rt-col-lg-3, .rt-col-xs-4, .rt-col-sm-4, .rt-col-md-4, .rt-col-lg-4, .rt-col-xs-5, .rt-col-sm-5, .rt-col-md-5, .rt-col-lg-5, .rt-col-xs-6, .rt-col-sm-6, .rt-col-md-6, .rt-col-lg-6, .rt-col-xs-7, .rt-col-sm-7, .rt-col-md-7, .rt-col-lg-7, .rt-col-xs-8, .rt-col-sm-8, .rt-col-md-8, .rt-col-lg-8, .rt-col-xs-9, .rt-col-sm-9, .rt-col-md-9, .rt-col-lg-9, .rt-col-xs-10, .rt-col-sm-10, .rt-col-md-10, .rt-col-lg-10, .rt-col-xs-11, .rt-col-sm-11, .rt-col-md-11, .rt-col-lg-11, .rt-col-xs-12, .rt-col-sm-12, .rt-col-md-12, .rt-col-lg-12 {
    position: relative;
    min-height: 1px;
	padding-right: 0!important;
    height: 295px!important;

}
.rt-tpg-container .layout1 .rt-holder {
    padding-bottom: 15px;
    height: 295px;
}

.rt-tpg-container .layout1 .rt-holder .rt-img-holder {
    position: relative;
    overflow: hidden;
    height: 285px!important;
}


.site-title {
    margin: 0;
    position: fixed;
    top: 54px;
		display: block;
		z-index: 1;

}

.cd-nav a {
    color: #fff;
    font-size: 15px;
}

.cd-nav .cd-primary-nav a {
    color: #fff;
    font-size: 30px;
}



.cat-links {
	display: none;
}

.rt-tpg-container .layout1 .rt-holder .rt-img-holder {
    position: relative;
    overflow: hidden;
    height: 272px;
}

.entry-date {
		color: #000;
	  font-size: 14PX;
}


.url {
	color:#000;
  font-size: 14PX;
}
@media (max-width:1024px) {

.konbg {
    background-image: url(/wp-content/uploads/2015/02/DSC0860.jpg);
    width: 100%;
    height: 100%;
    max-height: 1200px;
    background-attachment: scroll;
    position: relative;
		right: 300px;
		}
.absolute-bg {
   
    width: 80%;

}
}


@media (max-width:860px) {


#page-content > 
.entry-header {
   
    height: 600px;
}
.konbg {
   display: none;
		}
.absolute-bg {
   display: none;

}
#fullpage > .section > h1, #page-content > .entry-header h1 {
    position: absolute;
    bottom: 100px;
    left: 2em;
    background: transparent;
    padding: 1em 1.5em;
    border: solid white 8px;
    font-size: 35px;
}
.site-title {
    margin: 0;
    position: fixed;
    top: 30px!important;
}
.entry-header {

background-position: bottom!important;
}


.rt-col-xs-1, .rt-col-sm-1, .rt-col-md-1, .rt-col-lg-1, .rt-col-xs-2, .rt-col-sm-2, .rt-col-md-2, .rt-col-lg-2, .rt-col-xs-3, .rt-col-sm-3, .rt-col-md-3, .rt-col-lg-3, .rt-col-xs-4, .rt-col-sm-4, .rt-col-md-4, .rt-col-lg-4, .rt-col-xs-5, .rt-col-sm-5, .rt-col-md-5, .rt-col-lg-5, .rt-col-xs-6, .rt-col-sm-6, .rt-col-md-6, .rt-col-lg-6, .rt-col-xs-7, .rt-col-sm-7, .rt-col-md-7, .rt-col-lg-7, .rt-col-xs-8, .rt-col-sm-8, .rt-col-md-8, .rt-col-lg-8, .rt-col-xs-9, .rt-col-sm-9, .rt-col-md-9, .rt-col-lg-9, .rt-col-xs-10, .rt-col-sm-10, .rt-col-md-10, .rt-col-lg-10, .rt-col-xs-11, .rt-col-sm-11, .rt-col-md-11, .rt-col-lg-11, .rt-col-xs-12, .rt-col-sm-12, .rt-col-md-12, .rt-col-lg-12 {
    position: relative;
    min-height: 1px;
    padding-right: 0!important;
    height: 265px!important;
}

.rt-tpg-container .layout1 .rt-holder {
    padding-bottom: 15px;
    height: 300px;
}

.rt-tpg-container .layout1 .rt-holder .rt-img-holder {

    height: 275px!important;
}


}