@charset "utf-8";
/* CSS Document www.fahren-fahren-fahren.de */


/* latin */
@font-face {
  font-family: 'Work Sans';
  font-style: normal;
  font-weight: 500;
  src: local('Work Sans Medium'), local('WorkSans-Medium'), url('../fonts/work_medium.woff2') format('woff2'),url('../fonts/WorkSans-Medium.ttf') format('truetype');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* latin */
@font-face {
  font-family: 'Work Sans';
  font-style: normal;
  font-weight: 600;
  src: local('Work Sans SemiBold'), local('WorkSans-SemiBold'), url('../fonts/work_semibold.woff2') format('woff2'),url('../fonts/WorkSans-Semibold.ttf') format('truetype');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}




body {
font-family: 'Work Sans', sans-serif;
font-size:10px;
margin:0;
}


.posttext_kursiv, .posttext_titel {
    letter-spacing: .3px;
}

a {
text-decoration:none;
color:#000;
}

a:hover {
text-decoration:none;
}

#neurahmen {
    width: 96%;
    padding-top: 0px;
    overflow: hidden;
    margin: auto;
        margin-top: auto;
        margin-bottom: auto;
    max-width: 1200px;
    margin-bottom: 20px;
    margin-top: 10px;
	cursor:default;
}




.titel {
   margin-left:18px;
}



.neubox {
    width: 270px;
    margin-top: 9%;
	    margin-left: 2%;
		margin-bottom:1.5%;
		    margin-right: 2%;
    float: left;
    height: 380px;
	position:relative;
}

#fahren .neubox {
    margin-left: 5%;
    margin-right: 5%;
}



.post_button {
    background: none;
    position: absolute;
    bottom: -50px;
    padding-bottom: 0;
    letter-spacing: .5px;
    height: 30px;
    color: #aaa;
}

.post_titel {
    letter-spacing: .4px;
    margin-top: 3px;
    color: #333;
}
/* 
.post:hover {
    background: url(../bilder/maus2.jpg) no-repeat bottom center #f8f8f8 !important;

}
 */
.home {

    font-size: 14px;
    font-family: "Times New Roman", Times, serif;
    font-weight: 600;
    float: right;
    margin-bottom: -50px;
    position: relative;
    top: 30px;
    width: 100%;
    text-align: center;
    margin-bottom: 2%;

}

.home a{
    width: 100%;
color:#3399ff;
padding:20px;
}
.posttext {
    color: #fff;
    position: relative;
    top: 4%;
    width: 90%;
    text-align: center;
    opacity: 0.9;
    filter: alpha(opacity=90);
    margin: 40px auto;
	line-height: 14px;
}

.posttext_kursiv {
    font-weight: normal !important;
    text-transform: uppercase;
    letter-spacing: .4px;
}



.post {
width:270px;
height:380px;
    -webkit-box-shadow: 4px 4px 12px -2px rgba(68,68,68,0.27);
    -moz-box-shadow: 4px 4px 12px -2px rgba(68,68,68,0.27);
    box-shadow: 4px 4px 12px -2px rgba(68,68,68,0.27);
border-top: 1px solid #efefef;
border-left: 1px solid #efefef;
}

.postspace {
    letter-spacing: 5px;
    text-transform: uppercase;
    padding-left: 3px;
}

.portfolio {
    width: 88%;
    margin: 90px auto;

    font-family: 'Gibson-SemiBold', verdana, sans-serif;
    text-transform: uppercase;
    letter-spacing: 1px;
	text-align:right;
}

.jahr {
    margin: 0px auto !important;
    color: #ccc;
    font-family: 'Gibson-Italic', verdana, sans-serif;
    letter-spacing: 5px;
}

.projektbeschr {
    margin-top: 10px;
}





.impr p {
    margin-bottom: 0px;
    margin-top: 8px;
}

#fahren .impr p {
    letter-spacing: 1px;
}

.impr {
    width: 90%;
    margin: auto;
        margin-top: auto;
        margin-bottom: auto;
    margin-top: 160px;
    text-align: center;
    margin-bottom: 30px;
}
.bildbox  {
	width:64.5%;
	margin-right:2%;
	background:#ccc;
	height:100%;
	position:relative;
	float:left;
}

.text {
    width: 33.5%;
    color: #333;
    float: left;
    font-size: 13px ;
    line-height: 16px;
    height: 99%;
    padding-top: 4px;
	position:relative;
}




.aktuell {
    top: 0;
    position: absolute;
    z-index: 999;
    width: 28%;
    text-transform: uppercase;
    right: 290px;
}



@media only screen and (min-width: 1141px) and (max-width: 1600px)   {


#fahren .neubox {
    margin-left: 4%;
    margin-right: 4%;
}


.drei {display:none; }



#neurahmen  {max-width:1100px; }



.logo { width:62%; }



}





@media only screen and (min-width: 726px) and (max-width: 1140px)   { 


#neurahmen {
    max-width: 690px;
}


.neubox {
    margin-bottom: 60px;
}





}






@media only screen and (min-width: 1px) and (max-width: 725px)   {


.home {

    margin-bottom: 12%;

}

#neurahmen {
    max-width: 330px;
}

.neubox {
    margin-bottom: 100px;
}

.portfolio {
    width: 240px;

}
}







.oben {
background-color: #fff;
    transition: 0.4s;
	color:#ccc;
}

.oben::before {
    font-family: 'ElegantIcons';
    font-size: 22px;
    content: '2';
    position: relative;
    left: -5px;
}

.oben a {
    text-decoration: none;
    display: block;
    width: 100%;
    height: 20px;
    position: absolute;
    margin-top: -20px;
}

.oben:hover {
 opacity: .5;
	      transition: opacity .5s ease;
    -moz-transition: opacity .5s ease;
    -webkit-transition: opacity .5s ease;
    -o-transition: opacity .5s ease;
	cursor:pointer;
}

/* Preloader */
#preloader {
    position: fixed;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background-color:#fff; /* change if the mask should have another color then white */
    z-index:99; /* makes sure it stays on top */
}

 /* Style the buttons that are used to open and close the accordion panel */

.b0 {
    margin-top: 20px!important;
    margin-bottom: 0 !important;
}