@charset "utf-8";
/* CSS Document */

/*-----------------------------------------------------------------------------------*/
/* ----------------------CSS Reset------------------------------------------------- */
/*---------------------------------------------------------------------------------*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, u, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
text-decoration:none;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
display: block;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}

/*-----------------------------------------------------------------------------------*/
/* ----------------------Main------------------------------------------------- */
/*---------------------------------------------------------------------------------*/

h3 {
font-size:24px;
color: #468295;
margin-bottom:1%;
line-height:30px;
}

h4 {
font-size:18px;
color: #468295;
margin-bottom:2%;
}

h5 {
font-size:14px;
color: #468295;
margin-bottom:2%;
}

h6 {
font-size:18px;
color: #e3c20d;
margin-bottom:2%;
}

a:link {
text-decoration:none;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
color: #444444;
}

a:visited {
text-decoration:none;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
color: #444444;
}

a:hover {
text-decoration:underline;
color: #468295;
}

a img {
border: 0 none;
}

img {
height: auto;
}

img, object, embed {
max-width: 100%;
}

.overlay {
position: absolute;
text-align: center;
height: 74%;
width: 90%;
background-color: #2c89ae;
z-index: 100;
opacity: 0;
padding-left:5%;
padding-right:5%;
padding-top: 15%;
font-size:22px;
line-height: 30px;
color: #ffffff;
-webkit-transition: opacity 0.3s;
-moz-transition: opacity 0.3s;
-ms-transition: opacity 0.3s;
-o-transition: opacity 0.3s;
transition: opacity 0.3s;

}

.project:hover .overlay {
-webkit-opacity: 0.80;
-moz-opacity: 0.80;
opacity: 0.80;
-webkit-transition: opacity 0.3s;
-moz-transition: opacity 0.3s;
-ms-transition: opacity 0.3s;
-o-transition: opacity 0.3s;
transition: opacity 0.3s;

}

.hidden {
visibility:hidden;
line-height: 9999px;
overflow: hidden;
display:none;
}

body {
background-color: #f0f0f0;
padding: 0px;
font-family: Verdana, Geneva, sans-serif;
font-size: 14px;
line-height: 20px;
color: #444444;
margin: 0px;
overflow-y: scroll;
}

.adjust {
margin: 0 auto 0;
max-width: 1000px;
min-width: 628px;
overflow: hidden;
width: 100%;
}

/*-----------------------------------------------------------------------------------*/
/* ----------------------Header------------------------------------------------- */
/*---------------------------------------------------------------------------------*/

#header {
padding-left:70px;
padding-right:70px;
background-color: #fefefe;
margin-bottom:7%;
}

header {
padding-left:70px;
padding-right:70px;
background-color: #fefefe;
margin-bottom:7%;
}

.header_center {
padding-top: 15px;
padding-bottom: 15px;
}

#logo {
background-image:url(../img/pascal_schmidt_logo_animation.gif);
height:36px;
width:142px;
float:left;
display:inline-block;
}

#logo:hover {
background-position: left bottom;
}

.clearfix {
clear: both;
display: block;
height: 0;
line-height: 0;
visibility: hidden;
}

.navi > li {
float: right;
padding-left: 10px;
}

/*-----------------------------------------------------------------------------------*/
/* ----------------------Content------------------------------------------------- */
/*---------------------------------------------------------------------------------*/

#content {
margin-left:70px;
margin-right:70px;
margin-top:50px;
}

#HL_Work {
width:57%;
margin-bottom:6%;
}

#HL_About_me{
width:57%;
margin-bottom:6%;
}

.category {
margin-bottom:4%;
margin-top:4%;
border-bottom: 1px solid #bababa;
}

.category_text {
margin-top:-1.5%;
clear: both;
display: block;
line-height: 0px;
font-size:18px;
float: right;
color:#bababa;
}

.category_container {
display:inline-block;
width:100%;
}

.show_all_projects {
margin-left: 34%;
margin-right: 34%;
}

.col_one {
float: left;
margin-right: 3%;
min-height: 1px;
width: 31.3%;
margin-bottom: 3.5%;
}

.col_two {
float: left;
margin-right: 3%;
min-height: 1px;
width: 65.5%;
margin-bottom: 3.5%;
}

.col_three {
float: left;
margin-right: 0%;
min-height: 1px;
width: 100%;
margin-bottom: 3.5%;
}

.project {
margin-bottom:3.5%;
display: block;
position: relative;
text-align: center;
text-decoration: none;
width: 31.3%;
}

#tags {
color: #bababa;
margin-bottom:6%;
font-style:italic;
}

.discription {
margin-bottom:12%;
}

.discription_list {
margin-bottom:12%;
list-style: disc inside none;
}

.button_all_peoject {
background-image:url(../img/pascal_schmidt_btn_all_project.png);
display: block;
height:58px;
width:276px;
float:left;
margin-right:4%;
margin-bottom:7%;
}

.button_view_peoject {
background-image:url(../img/pascal_schmidt_btn_view_project.png);
display: block;
height:42px;
width:200px;
margin-right:4%;
margin-bottom:7%;
}

.button_demo_website {
background-image:url(../img/pascal_schmidt_btn_demowebsitet.png);
display: block;
height:42px;
width:209px;
margin-right:4%;
margin-bottom:7%;
}

.web_profil_icons_behance {
background-image:url(../img/pascal_schmidt_btn_behance.png);
display: block;
height:53px;
width:53px;
float:left;
margin-right:4%;
margin-bottom:7%;
}

.web_profil_icons_dribbble {
background-image:url(../img/pascal_schmidt_btn_dribbble.png);
display: block;
height:53px;
width:53px;
float:left;
margin-right:4%;
margin-bottom:7%;
}

.web_profil_icons_xing {
background-image:url(../img/pascal_schmidt_btn_xing.png);
display: block;
height:53px;
width:53px;
float:left;
margin-right:10%;
margin-bottom:7%;
}

.web_profil_icons_mail {
background-image:url(../img/pascal_schmidt_btn_mail.png);
display: block;
height:53px;
width:53px;
float:left;
margin-right:4%;
margin-bottom:7%;
}

.button_demo_website:hover,
.button_all_peoject:hover,
.button_view_peoject:hover,
.web_profil_icons_behance:hover,
.web_profil_icons_dribbble:hover,
.web_profil_icons_xing:hover,
.web_profil_icons_mail:hover {
background-position: left bottom;
}

#mail {
color: #bababa;
font-style:italic;
display:inline-block;
}

.project_images {
margin-bottom:4%;
}

.project_video {
width:100%;
height:38%;
}

.project_video_server {
margin-bottom:4%;
}

.new {
float:right;
margin-left:75%;
position: absolute;
z-index: 99;
width:17%;
Height:17%;
}

.new_fav {
margin-left:2.5%;
position: absolute;
z-index: 99;
width:5%;
Height:5%;
max-width:65px;
}

.last_col {
margin-right:0px;
}

/*-----------------------------------------------------------------------------------*/
/* ----------------------Footer------------------------------------------------- */
/*---------------------------------------------------------------------------------*/

#footer {
margin-top:5%;
margin-bottom:5%;
margin-left:40px;
margin-right:40px;	
}

footer {
margin-top:5%;
margin-bottom:5%;
margin-left:40px;
margin-right:40px;	
}

#footer_text {
text-align: center;
font-size: 12px;
padding-top: 5px;
color: #bababa;
}

#footer_text a {
color: #bababa;
}

#footer_text a:visited {
color: #bababa;
}

#footer_links {
 text-align: center;
}







/*-----------------------------------------------------------------------------------*/
/* ----------------------iPad------------------------------------------------- */
/*---------------------------------------------------------------------------------*/

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
.project img {
opacity: 1;
filter: none;
-webkit-filter: none;
}
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
.project img {
opacity: 1;
filter: none;
-webkit-filter: none;
}
} 

/*-----------------------------------------------------------------------------------*/
/* ----------------------Mobile------------------------------------------------- */
/*---------------------------------------------------------------------------------*/

@media handheld, only screen and (max-width: 767px) {

/* ----------------------Main------------------------------------------------- */
	
body {
padding-top: 0;
font-size: 16px;
-webkit-text-size-adjust: none;
}
.content {
margin-top: 0px;
} 

.project:hover .overlay {
display:none;
visibility:hidden;
}

.overlay {
display:none;
visibility:hidden;
}

.adjust {
margin: 0 auto 0;
max-width: 1140px;
min-width: 0px;
overflow: hidden;
width: 100%;
}

/* ----------------------Header------------------------------------------------- */

#header {
padding-left:50px;
padding-right:50px;
background-color: #fefefe;
margin-bottom:9%;
}

header {
padding-left:50px;
padding-right:50px;
background-color: #fefefe;
margin-bottom:9%;
}

.header_center {
padding-top: 10px;
padding-bottom: 10px;
}


#logo {
background-image:url(../img/pascal_schmidt_logo.png);
display:block;
background-size:95%;
-moz-background-size:95%;
background-repeat:no-repeat;
float:left;
width:150px;
height: 37px;
margin-top:6px;
}

#logo:hover {
background-position: left top;
}

#HL_Work {
width:81%;
}

#HL_About_me{
width:80%;
}

/* ----------------------Content------------------------------------------------- */

#content {
margin-left:50px;
margin-right:50px;
margin-top:0px;
}


.col_one {
float:none;
margin-right: 3%;
min-height: 1px;
width: 100%;
margin-bottom:20%;
}

.col_two {
float: none;
margin-right: 3%;
min-height: 1px;
width: 100%;
margin-bottom:24px;
}

.project {
margin-bottom:9.5%;
display: block;
position: relative;
text-align: center;
text-decoration: none;
width: 100%;
}

.space {
display:none;
height:0px;
width:0px;
visibility:hidden;
}

.category_container {
display:block;
}

.category {
margin-top: 12%;
}

.category_text {
float:right;
margin-top: -3.5%;
}

.new_fav {
margin-left:3%;
position: absolute;
z-index: 99;
width:9%;
Height:9%;
}

.show_all_projects {
margin-left: 20%;
}

}



@media handheld, only screen and (max-width: 560px) {
	
/* ----------------------Header------------------------------------------------- */

#header {
padding-left:20px;
padding-right:20px;
background-color: #fefefe;
margin-bottom:7%;
}

header {
padding-left:20px;
padding-right:20px;
background-color: #fefefe;
margin-bottom:7%;
}

.header_center {
padding-top: 8px;
padding-bottom: 5px;
}


#logo {
background-image:url(../img/pascal_schmidt_logo.png);
display:block;
background-size:95%;
-moz-background-size:95%;
background-repeat:no-repeat;
float:left;
width:120px;
height: 28px;
margin-bottom:10px;
margin-top: 10px;
}



.navi > li {
text-align:center;
float:right;
display:inline-block;
padding-left:5%;
padding-right:0px;
padding-bottom:5px;
}

/* ----------------------Content------------------------------------------------- */

#content {
margin-left:20px;
margin-right:20px;
margin-top:0px;
}

.category_text {
font-size:14px;
float:left;
margin-top: -3.5%;
}

.project_video {
width:100%;
height:230px;
}

.show_all_projects {
margin-left: 8%;
}

}