/*
Theme Name: Foundation, for Wordpress CHILD
Theme URI: http://www.simplethemes.com
Description: A simple WordPress theme based on the Skeleton RWD framework
Version: 1.0
Author: KLD
Author URI: http://www.kld-web.com
Template: Foundation-foundation4.2.2
License: GPL
License URI: http://www.opensource.org/licenses/gpl-license.php
*/


/*Font via Daniel Perraudin*/

/*
        This font software is the property of Commercial Type.
        You may not modify the font software, use it on another website, or install it on a computer.

        License information is available at http://commercialtype.com/eula
        For more information please visit Commercial Type at http://commercialtype.com or email us at info[at]commercialtype.com

        Copyright (C) 2013 Schwartzco Inc.
        License: 1307-OUJRLV     
*/

/* begin isotope */

.isotope-item {
  z-index: 2;
}

.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1;
}

/**** Isotope CSS3 transitions ****/

.isotope,
.isotope .isotope-item {
  -webkit-transition-duration: 0.8s;
     -moz-transition-duration: 0.8s;
      -ms-transition-duration: 0.8s;
       -o-transition-duration: 0.8s;
          transition-duration: 0.8s;
}

.isotope {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
      -ms-transition-property: height, width;
       -o-transition-property: height, width;
          transition-property: height, width;
}

.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
     -moz-transition-property:    -moz-transform, opacity;
      -ms-transition-property:     -ms-transform, opacity;
       -o-transition-property:      -o-transform, opacity;
          transition-property:         transform, opacity;
}

/**** disabling Isotope CSS3 transitions ****/

.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
  -webkit-transition-duration: 0s;
     -moz-transition-duration: 0s;
      -ms-transition-duration: 0s;
       -o-transition-duration: 0s;
          transition-duration: 0s;
}

/*LK Isotope*/

.projects div{

/*padding: 0 15px 15px 0;*/
}


/* use img classes e.g. per_small for size of preview containers, including padding*/
.article_per_small{ width:375px; height:240px;} 
.article_per_medium{ width:375px; height:480px;}
.article_per_big{ width:750px; height:480px; }

/*img classes for correct size of imgs within article containers*/
/*also make project_overview (contains links and link-covers) only as wide/high as img size*/
.per_small,.article_per_small .project_overview{ width:360px; height:225px;position: relative;} 
.per_medium,.article_per_medium .project_overview{ width:360px; height:465px;position: relative;}
.per_big,.article_per_big .project_overview{ width:735px; height:465px; position: relative;}

.project_overview a{position: absolute;}

.project_overview h1{
	font-size:28px;
	line-height:32px;
	position: absolute;
	top: 10px;
	left: 20px;
}
.project_overview .cover h1{
color: #fff !important;
}
.project_overview .cover{
opacity:0;
background: black;
display: block;
width: 100%;
height: 100%;}

.article_per_small .project_overview .cover i.arrow{
top: 19%;
left: 26%;
}

.article_per_medium .project_overview .cover i.arrow{
left: 26%;
}

.project_overview .cover:hover{
opacity:1;

}


@media screen and (min-width: 769px) {

.category-14 footer .footer-inner,
.category-9 footer .footer-inner,
.category-14 nav.top-bar,
.category-9 nav.top-bar {
	padding-right: 50px;
}

.category-14 .dp_wrap,
.category-9 .dp_wrap {
	padding-right: 50px;
}

}

/* END isotope */




.dp_wrap {max-width: 1800px;}


/* SPRITE Section */
/* For easier exchange of CSS habits if the sprite.png is changing */

	.project_overview .cover i.arrow{
		background-image: url(images/sprite.png);
		background-repeat: no-repeat;
		width: 200px;
		height: 147px;
		position: absolute;
		top: 32%;
		left: 37%;
		background-position: 0 17px;
	}
	.menu-twitter {
		background-image: url(images/sprite.png);
		width:19px; height:19px !important; background-position:-68px -175px; 
		background-repeat: no-repeat;
	}
	.menu-facebook {
		background-image: url(images/sprite.png);
		width:19px; height:19px !important; background-position:-98px -175px;
		background-repeat: no-repeat;
		/*background-size: 20px;*/
		/*margin-right: 10px;*/
		margin-top: 10px;
	}

	.twitter_white{
		display: block;
		background-image: url(images/sprite.png);
		width:19px; height:18px; background-position:-10px -175px;
		background-repeat: no-repeat;
		text-indent: -99999px;
		float:left;
	}
	.twitter_black{
		display: block;
		background-image: url(images/sprite.png);
		width:19px; height:18px; background-position:-69px -175px;
		background-repeat: no-repeat;
		text-indent: -99999px;
		float:left;
	}

	.fb_white{
		display: block;
		background-image: url(images/sprite.png);
		width:20px; height:18px; background-position:-39px -175px;
		background-repeat: no-repeat;
		text-indent: -99999px;
		float:left;
	}
	.fb_black {
		display: block;
		background-image: url(images/sprite.png);
		width:20px; height:18px; background-position:-98px -175px;
		background-repeat: no-repeat;
		text-indent: -99999px;
		float:left;
	}

	.pinterest_black{ 
		display: block;
		background-image: url(images/sprite.png);
		width:20px; height:18px; background-position:-117px -130px;
		background-repeat: no-repeat;
		text-indent: -99999px;
		float:left;
	}

	.top-bar-section .info_sign .info_arrow {
		background-image: url(images/sprite.png);
		width:29px; height:15px; background-position:-10px -204px;
		float: right;
		margin-top: 13px;
		/*margin-right: 86%;*/
	}
	.top-bar-section .info_sign.sticky .info_arrow {
		/*margin-right: 93.66%;*/
	}

	.single .previous_link,
	.single .next_link{
		background-image: url(images/sprite.png);
		background-repeat: no-repeat;
		height: 37px;
		width: 50px;
		line-height: 10px !important;

	}
	.single .previous_link{
		background-position:-10px -130px; 
	}
	.single .next_link{
		background-position:-63px -130px;
	}
/* END SPRITE Section */



@font-face {
  font-family: 'Platform Web';
  src: url('fonts/Platform-Regular-Web.eot');
  src: url('fonts/Platform-Regular-Web.eot?#iefix') format('embedded-opentype'),
     url('fonts/Platform-Regular-Web.woff') format('woff'),
     url('fonts/Platform-Regular-Web.ttf') format('truetype'),
     url('fonts/Platform-Regular-Web.svg#Platform Web') format('svg');
  font-weight:  400;
  font-style:   normal;
  font-stretch: normal;
}

@font-face {
  font-family: 'Platform Bold Web';
  src: url('fonts/Platform-Bold-Web.eot');
  src: url('fonts/Platform-Bold-Web.eot?#iefix') format('embedded-opentype'),
     url('fonts/Platform-Bold-Web.woff') format('woff'),
     url('fonts/Platform-Bold-Web.ttf') format('truetype'),
     url('fonts/Platform-Bold-Web.svg#Platform Web') format('svg');
  font-weight:  bold;
  font-style:   normal;
  font-stretch: normal;
}

@font-face {
  font-family: 'Platform Light Web';
  src: url('fonts/Platform-Light-Web.eot');
  src: url('fonts/Platform-Light-Web.eot?#iefix') format('embedded-opentype'),
     url('fonts/Platform-Light-Web.woff') format('woff'),
     url('fonts/Platform-Light-Web.ttf') format('truetype'),
     url('fonts/Platform-Light-Web.svg#Platform Web') format('svg');
  font-weight:  lighter;
  font-style:   normal;
  font-stretch: normal;
}

.Platform-Regular-Web {
  font-family: 'Platform Web';
  font-weight:  400;
  font-style:   normal;
  font-stretch: normal;
}
.Platform-Light-Web {
  font-family: 'Platform Light Web';
  font-weight:  300;
  font-style:   normal;
  font-stretch: normal;
}



.Platform-Bold-Web {
  font-family: 'Platform Bold Web';
  font-weight:  400;
  font-style:   normal;
  font-stretch: normal;
}

/* Generelly */
	h1, h2, h3, h4, h5, h6, a {
		font-family: 'Platform Bold Web';
		color: black;
	}
	p{
		font-family: 'Platform Light Web';
	}

/* Facebook & Twitter icons */
	.top-bar-section ul li.menuicons {
		text-indent: -99999px;
		border: none;
		width: 20px;
		min-width: 20px;
	}
	.top-bar-section ul li.menuicons.menu-twitter a,
	.top-bar-section ul li.menuicons.menu-facebook a,
	.top-bar-section ul li>a {
		background-color: transparent;
	}

	.footer_icons {
		float: right;
		position: absolute;
		right: 0;
	}
	.footer_icons .fb_white,
	.products_footer .fb_black,
	.products_footer  .twitter_black {
		margin-right: 10px;
	}

.products_footer {
	display:inline-block;
	float:none!important;
}

	#footer .contact_and_icons p {
		/*width: 80%;
		float: left;*/
	}

	.projectfooter .large-3,
	#footer .large-3{
	padding-left: 0px;
	vertical-align: top;	
	}


	.projectfooter{clear:both;}
	.projectfooter.bottom{margin-top:200px;}

/* Navigation */
	.top-bar {
		height: 50px;
		background-color: transparent;
	}
	.top-bar-section ul{
		background-color: transparent;
	}

	.top-bar-section ul li a,
	.top-bar-section .dropdown li a,
	.top-bar-section .info_sign {
		color: black;
		font-family: 'Platform Bold Web', Arial, Helvetica, sans-serif !important; 
		font-weight: bold;
		font-size: 16px!important;
		text-transform: uppercase;
		line-height: 45px;
	}
	
	/* Menu Icon on mobile devices */
	.top-bar .toggle-topbar.menu-icon a span {
		color: black;
		font-size: 16px;
	}
	.top-bar .toggle-topbar.menu-icon a span {
		position: absolute;
		right: 0;
		display: block;
		width: 16px;
		height: 0;
		-webkit-box-shadow: 0 10px 0 1px #000,0 16px 0 1px #000,0 22px 0 1px #000;
		box-shadow: 0 10px 0 1px #000,0 16px 0 1px #000,0 22px 0 1px #000;
	}
	.top-bar .toggle-topbar.menu-icon {
		margin-right: 0.9777em;
	}
	.top-bar-section .dropdown li.title h5 a {
		color: black;
	}

	/* Info sign */
	/* hide it generelly and work with media queries*/
	.top-bar-section .info_sign {
		display: none;
	}

/* Side title */
	.top-bar .title-area{
		padding: 0;
		margin-top: 20px;
		padding-bottom: 4px;
		/*margin-left: 0.9375em;*/
		/*min-width: 150px;*/
	}
	.top-bar .name,
	.top-bar .sitetitle{
		height: 18px;

	}

	.top-bar .sitetitle{
		
border-bottom: 4px solid black;
padding-bottom: 20px;
width: 178px;

	}

	.top-bar .name h1,
	.top-bar .sitetitle h2 {
		font-size: 16px !important;

		text-shadow: none;
		letter-spacing: 1px;
		margin: 0;
		padding: 0;
		line-height: 18px !important;
	}
	.top-bar .name h1,
	.main-menu > ul li{
  			font-family: 'Platform Bold Web' !important;

	}
	.top-bar .name h1 a {
		padding: 0;
		color: black;
		min-width: 100px;
		width: 100%;
	}
	.top-bar .sitetitle h2,
	.top-bar .sitetitle h2 a {
		color: black;
		font-weight: 300;
		font-family: 'Platform Light Web', Arial, Helvetica, sans-serif !important;
	}


/* typefaces */

.page-id-237 .row .large-8,
.page-id-79 .row .large-offset-1 {
/*margin-left: 110px; sums up to a distance of 125px*/
margin-left: 0px !important;
}
.single-typefaces .row .large-offset-1,
.single-typefaces .row.large-offset-1 {
position: relative;
margin-left: 0 !important;
}

	.typeface_h3 a,
	.typefaces h4{
		font-size: 16px;
		color: #9D9D9C;
		/*margin-bottom: 30px;*/
		margin-top: 30px;
	}
	.typeface_h3 a{
		
	background-color: white;
	padding-right: 12px;
	}


	.typefaces p {
		line-height: 21px;
	}

	.typeface_hr {
		border-color: black;
		margin: 0;
		margin-top: -28px;
		margin-bottom: 30px;
		margin-left: 12%;
width: auto;
	}
	.hr_typeface_detail{
		border-color: #8F8F8F;
		margin: 0;
		margin-top: -18px;
		margin-bottom: 58px;
		margin-left: 14%;
	}

	.custom_typefaces {
		margin-top: 20px;
		height: 42px;
		position: relative;
	}
	.custom_typefaces hr {
		border-width: 5px;
		border-color: black;
	}
	.custom_typefaces .customtypefacetext {
		position: absolute;
		top: 16px;
		background-color: white;
		width: 250px;
		text-align: center;
		left: 50%;
		margin-left: -125px;
		font-family: 'Platform Bold Web', Arial, Helvetica, sans-serif !important;
		font-weight: bold;

	}

	.single-typefaces .large-12{
	width: 100% !important;
	}

	.single-typefaces .dp_main{
		padding-left: 0px;
		width: 100%;
	}

	.single-typefaces article{
		padding-bottom: 60px;
	}

	.single-typefaces .row.typefaces .large-4{
		padding-right: 20px;
		float: right;
		width: auto;
		margin-right: 5px;
		margin-top: -3px;
		max-width: 730px;
		width: auto;
	}

	.single-typefaces .dp_detail{margin-top: 2px;}

	.typeface_description{
		margin-left:0;
	}

	.single-typefaces .typeface_img_title{
		margin-bottom: 5px;
		margin-top: 15px;
	}

	.single-typefaces .delivery_note p,
	.single-typefaces .delivery_note {
		font-size: 16px;
		line-height: 19px;
		font-family: "Platform Bold Web", sans-serif !important;

	}
	.single-typefaces .delivery_note p{
	padding: 10px 5px;
	}
	.single-typefaces .delivery_note {
	clear: left;
	}


/*Menu
keep submenu open, */

.main-menu > ul li.current-menu-ancestor.has-dropdown .dropdown,
.main-menu > ul li.current-menu-item.has-dropdown .dropdown {visibility: visible;}

.main-menu ul li.current-menu-ancestor.has-dropdown.hover .dropdown li.menu-item,
.top-bar-section ul li.current-menu-item.menu-item.hover .dropdown li.menu-item {display: block;}

.top-bar-section ul li.menu-item.hover .dropdown li.menu-item {display: none;}
.top-bar-section ul li.menu-item.current-menu-parent.hover:hover .dropdown li.menu-item {display: block;}

#menu-hauptmenu li,
#menu-hauptmenu-en li,
#menu-hauptmenu .dropdown li.menu-item,
#menu-hauptmenu-en .dropdown li.menu-item {border-bottom: 1px solid black;height: 53px;}

.main-menu > ul li.menu-item-language {border-bottom: none !important; width:70px;}

#menu-hauptmenu-en li.current-menu-item,
#menu-hauptmenu li.current-menu-item,
#menu-hauptmenu-en li.current-menu-ancestor,
#menu-hauptmenu-en li.current-menu-ancestor .dropdown li.current-menu-item,
#menu-hauptmenu li.current-menu-ancestor,
#menu-hauptmenu li.current-menu-ancestor .dropdown li.current-menu-item,
.single-typefaces #menu-item-81
{border-bottom: 4px solid black;height: 56px;}

.current-projects-parent{border-bottom: 4px solid black !important;}

.current-projects-parent .dropdown .current-projects-parent{border-bottom: 1px solid black !important; /*avoid double styling as selected*/}

.current-projects-parent .dropdown .current-projects-parent.jsactive{border-bottom: 4px solid black !important;}

#menu-hauptmenu-en .dropdown li.menu-item,
#menu-hauptmenu-en li.current-menu-ancestor .dropdown li.current-menu-item,
#menu-hauptmenu .dropdown li.menu-item,
#menu-hauptmenu li.current-menu-ancestor .dropdown li.current-menu-item{
	padding-top: 23px;
}
#menu-hauptmenu-en .dropdown li.menu-item,
#menu-hauptmenu .dropdown li.menu-item {

	height: 63px;
}
#menu-hauptmenu-en li.current-menu-ancestor .dropdown li.current-menu-item,
#menu-hauptmenu li.current-menu-ancestor .dropdown li.current-menu-item{
	height: 66px;
}
#menu-hauptmenu li.current-menu-ancestor .dropdown li.menu-item,
#menu-hauptmenu-en li.current-menu-ancestor .dropdown li.menu-item
{
	margin-top: 3px;
}

#menu-hauptmenu-en li.menuicons,
#menu-hauptmenu li.menuicons {
	border-bottom: 1px solid black;
}


.top-bar{
	margin-top: 30px;
	padding-bottom: 97px;
}

.gallery img {
border: 2px solid #cfcfcf;
 min-width: 100%;
}

.gallery-icon.landscape, .gallery-item, .gallery
{
width: 100%;
padding-right: 0 !important;
}

.info_sign.sticky {  position: fixed; top: -102px;
z-index: 5; background-color: transparent !important; 
}

#project-text-original.hidden,
#project-text.hidden{visibility: hidden; height: 0;} 

#project-text-scroll .sticky{ 
	position: fixed !important; 
	margin-right: 145px;	
	margin-top: 95px !important; 
	} 

#project-text-scroll{
float: right;
width: 790px;
}
.toggle-topbar.menu-icon{display: none !important}
#ajax_prev_post_url,
#ajax_curr_post_slug,
#ajax_prev_post_url{display:none;}

.row {
	padding: 0 50px 0 0px;

	padding-right: 0;
	margin: 0;
	max-width: 100%;
}

#footer.row1{
	max-width: 1380px !important;
}

#footer.row.footerplaceholder{
	width:100%; 
	height:220px; 
	margin-top:-108px;
}
.row.isotope{
overflow: visible !important;
}

.single-typefaces article div.typefaces,
.single-typefaces article div.row,
.single-typefaces article div.columns{
	padding:0;
}

.single-typefaces article div.row
{
	margin-left:6px;
}

.dp-row{
	padding-top:60px; 
 min-height: 800px; overflow: visible !important; margin-bottom: 150px;margin-top: 46px;
padding-right: 0;
overflow: hidden !important;
}

/*.single .dp-row .dp_detail{
	overflow: hidden !important;
}*/

.page-template-templatesfull-page-php .large-12.columns,
.blog .large-12.columns {
padding-right: 0 !important;
padding-left: 0px !important;
}

.single .large-12.columns{
padding-right: 0 !important;
padding-left: 0px !important;

}

.dp_main .large-12 img{width:100% !important;}

/*newsticker*/
#news-ticker{
overflow: visible !important;
	margin-top:30px;
	padding-top:20px;
}

.home .tickerLink *{
	font-size:85px;
	line-height:78px;
	color:black;
	padding-top:20px;
}

.home .columns {
padding-left: 0;
}


li{
	list-style-type: none !important;
	list-style-image: none !important;
	list-style: none !important;
}

#news-ticker li{
	list-style: none;
	width: 100% !important;
}

.home .tickerLink a{
text-decoration:none;
}


.previous_link,.next_link{
font-size: 92px;
}

.previous_link{
	left: 15px;
	top: 50%;
	position: fixed;

}

.single #project-content{
margin-left: 0;
width: 100%;
padding-top: 0;
min-height: 800px;
position: relative;
min-width: 980px;
padding-right: 0;
}

.single #project-text {
width: 790px;
height: 935px;
position: relative;
background: #f0f0f0;
background-color: rgba(240,240,240,0.9);
background-color: rgba(255,255,255,0.9);
padding: 28px 40px;
float: right;
z-index: 2000;
top: -15px;
}
.single #project-text #sidebar-text,
.single #project-text #main-text{
width:50%;
float:left;
}
.single #project-text #sidebar-text{
padding-left: 20px;
}

.single #project-text #main-text p,
.single #project-text #main-text span,
.single #project-text #main-text{
	font-family: 'Platform Web' !important;
	color:black;
	font-size: 16px;
	line-height: 21px;

}


.single #project-text #sidebar-text p,
.single #project-text #sidebar-text{
	font-size: 12px;
	font-family: 'Platform Web';
	line-height: 21px;

}
.single #project-text a,
.single #project-text a:link{
	color:black;

}
.single #project-text a:hover{
text-decoration: underline;
}

.single #project-text #sidebar-text h2{
font-size: 16px;
line-height: 19px;
}
.single #project-text #main-text h1{
font-size: 28px;
line-height: 32px;
}
.single #project-gallery {
	width: 100%;
	margin-left:0; 
	padding:0 !important;

	float: left;
	clear: both;
	margin-top: -960px;
}

.single #project-gallery .gallery-item{
font-size: 1px; /*hide img names before lazyload starts loading*/
}

.single #project-gallery img{
	width: 100%;
}

#gallery-1 img {border:none !important;}

.single.single-typefaces article header {padding-left: 0;
		
	}

.single.single-typefaces article header hgroup {
		border-top:1px solid black;
		border-bottom:1px solid black;
		padding-bottom: 20px;
}

.next_link{
top: 50%;
position: fixed;
right: 35px;
}

.single .info_sign:hover{
cursor: pointer;
}

/* Menu */

/*don't show sub menus on hover*/
#menu-hauptmenu li.hover .dropdown,
#menu-hauptmenu-en li.hover .dropdown

{
	/*display:none !important;*/
}


/* Contact form */
#gform_2 .gform_title {
	display: none;
}
#gform_2 .gform_heading {
	margin-bottom: 0;
}
#gform_2 .top_label .gfield_label{
	font-family: 'Platform Web', Arial, Helvetica, sans-serif !important; 
	font-size: 16px;
	margin: 0 0 6px 0;
	color: black;
}

.gform_wrapper #gform_2 ul li.gfield {
clear: both;
margin-top: -6px;
}
#gform_2 .top_label input{
	height: 30px;
	margin-bottom: 30px;
	width: 360px;
}
#gform_2 .top_label textarea{
	min-width: 360px;
	width: 95%;
}
#gform_2 .top_label input,
#gform_2 .top_label textarea {
	border-color: black;
}

#gform_2 .validation_error{display: none;}

.gform_wrapper #gform_2 li.gfield.gfield_error{
background-color: transparent !important;
margin-bottom: 0px !important;
padding: 6px 6px 0px 0px !important;
border-top: 0px solid #C89797;
border-bottom: 0px solid #C89797;
}

.gform_wrapper .ginput_container + .gfield_description.validation_message {
font-family: "Platform Bold Web", sans-serif !important;
margin-top: -16px !important;
font-size: 16px;
}
#field_2_1.gfield_error .gfield_description.validation_message{
margin-top: -30px !important;

}

.gforms_confirmation_message
{
font-family: "Platform Web", sans-serif !important;
font-size: 16px;
line-height: 21px;
}

#gform_submit_button_2{
	width: 125px !important;
	height: 30px;
	background-color: black;
	padding: 0;
	border: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	font-family: 'Platform Bold Web', Arial, Helvetica, sans-serif !important; 
	text-align: left;
	padding-left: 8px;
}

.contact-info h3 {
	font-size: 112px;
	line-height: 120px;
	margin-top:0;
}
.contact-info p {
	font-size: 28px;
	line-height: 32px;
 	font-family: 'Platform Bold Web', sans-serif !important;
}

#footer{
	background-color: black;
	padding-top: 30px;
	margin-top: 0px;


	padding: 0 100px;
	min-height: 220px;

}

.footer-inner {
	max-width: 1600px;
	margin: 60px auto 0 auto;
}

#footer div{
	padding-left: 0;
}

a:hover, a:focus {
color: #000;
}


#footer p,
#footer a:link,
#footer a:visited,
#footer a:hover
{
	color: white;
	font-size:16px;
	font-family: 'Platform Light Web';

	line-height: 19px;
	letter-spacing: 1px;
}



a:hover, a:focus,
#footer a:hover
{text-decoration: underline;}

#footer a,
#footer b{
	font-family: 'Platform Bold Web'!important;
	/*font-family: 'Platform Light Web';*/
	font-weight: normal;
}




/* Profil Subpages */
.profilsubpage h1 {
	font-size: 72px;
	/*line-height: 120px;*/
	padding-right: 10px;
	padding-top: 38px;
	margin-top: 0;
}

.profilsubpage h2 {
	font-size: 28px;
}

table.vortrag-table {
	border: 0;
}

table.vortrag-table tr,
table.vortrag-table tr td {
	background: transparent!important;
}

table.vortrag-table tr td {
		padding-top: 10px;
		line-height: 26px;
		font-size: 16px;
		font-family: 'Platform Light Web';
}

table.vortrag-table tr td:first-child {
	width: 15%;
	vertical-align: top;
}




	/* Vorträge/Workshops */
	.profilsubpage .vortrag-column-left{
		width: 15%;
		float: left;
		/*height: 85px;*/
		padding-top: 10px;
		line-height: 18px;
	}
	.profilsubpage  .vortrag-column-right{
width: 85%;
/*height: 85px;*/
float: right !important;
padding-top: 10px;
	}
	.profilsubpage  .vortrag-column-right{
		line-height: 18px;
	}

	.profilsubpage .th{display:none;}
	.txt { 	z-index: 1000; min-height: 300px;}

	.profilsubpage .posttxt{min-height: 285px;
	   font-family: 'Platform Web' !important;
	   font-size: 16px;
	   line-height: 26px;
	padding-top: 38px;
	/*padding-bottom: 38px;*/
}
/*fixed menu & header on profile pages using skrollr*/
	.skrollr .top-bar.row{
 		z-index: 111000;
		background: white;
		height: 198px;
		top: 0;
		width: 100%;
	}

.blog .dp-row .dp_blog_post,
.blog .dp-row .large-9.columns,
.blog_img{
padding-left: 0;
margin-left: 0;
}
.blog .dp-row .dp_blog_post{padding-bottom: 60px}
.blog .dp-row{padding-top: 40px;}

.blog .dp_blog_post{
	padding-top:20px;
	border-bottom: 1px solid black;
}

.blog .dp_blog_post:first-child
{
	border-top: 1px solid black;

}

.blog_mdate{
	font-size: 5em;
	line-height: 80px;
}

.blog_title{
	padding-bottom: 33px;
	margin-top: 0;
}
.blog_mdate{
	padding-bottom: 0;
	margin-bottom: 32px;
	margin-top: 8px;
	padding-top: 0;

	display: block;

}
.blog_sub_title {
	margin-bottom: 0px;
}

.blog_sub_title,
.blog_title{
	clear: both;
	font-family: 'Platform Light Web';
	font-size: 28px;
	line-height: 32px;
}

.blog_title{
  font-family: 'Platform Bold Web';
}
.blog_text{
    font-family: 'Platform Light Web';
	font-size: 16px;
	line-height: 21px;
}

.blog_url{
	float: left;
display: block;
position: relative;
/*margin-left:40px;*/
}

.dp_frontend_notification{

background: #f6f1de;
padding: 8px;
border: 1px solid #f9e186;
margin: 0 auto;
display: block;
width: 800px;
text-align: center;
line-height: 23px;
font-size: 16px;
font-family: 'Platform Web';

}
.dp_wrap{
margin: 0 auto;
width: 100%;
position: relative;
z-index: 10;
}

#bp_mobilemenu{display: none !important;} /*no mobile menu*/

/*profile area, parallax*/
.page-id-243 .dp-row,
.page-id-193 .dp-row {
margin-top: -180px;
}

.blog_url {padding-right: 20px;}

  .top-bar {
    background: #fff;
    *zoom: 1;
    overflow: visible; }
    .top-bar:before, .top-bar-OFF:after {
      content: "";
      display: table; }
    .top-bar:after {
      clear: both; }
    .top-bar .toggle-topbar {
      display: none; }
    .top-bar .title-area {
      float: left; }
    .top-bar .name h1 a {
      width: auto; }
    .top-bar input,
    .top-bar .button {
      line-height: 2em;
      font-size: 0.875em;
      height: 2em;
      padding: 0 10px;
      position: relative;
      top: 8px; }
    .top-bar.expanded {
      background: #fff; }

  .contain-to-grid .top-bar {
    max-width: 62.5em;
    margin: 0 auto; }

  .top-bar-section {
    -webkit-transition: none 0 0;
    -moz-transition: none 0 0;
    transition: none 0 0;
    left: 0 !important;
    padding-right: 0; }
    .top-bar-section ul {
      width: auto;
      height: auto !important;
      display: inline; }
      .top-bar-section ul li {
        float: left; }
        .top-bar-section ul li .js-generated {
          display: none; }
    .top-bar-section li a:not(.button) {
      padding: 0 15px;
      line-height: 45px;
      background: #fff; }
      .top-bar-section li a:not(.button).hover {
        background: black; }
    .top-bar-section .has-dropdown > a {
      /*padding-right: 35px !important;*/ 
		}
  	.top-bar-section .has-dropdown > a::after {
  		content: none;display: none; } /*borders are set by foundation in this pseudo-element for drop-down-arrows, we don't need/want those*/
    .top-bar-section .has-dropdown.moved {
      position: relative; }
      .top-bar-section .has-dropdown.moved > .dropdown {
        visibility: hidden; }
    .top-bar-section .has-dropdown.hover > .dropdown {
      visibility: visible; }
    .top-bar-section .dropdown {
      left: 0;
      top: auto;
      background: transparent;
      min-width: 100%; }
      .top-bar-section .dropdown li a {
        color: white;
        line-height: 1;
        white-space: nowrap;
        padding: 7px 15px;
        background: #1e1e1e; }
      .top-bar-section .dropdown li label {
        white-space: nowrap;
        background: #1e1e1e; }
      .top-bar-section .dropdown li .dropdown {
        left: 100%;
        top: 0; }
    .top-bar-section > ul > .divider, .top-bar-section > ul > [role="separator"] {
      border-bottom: none;
      border-top: none;
      border-right: solid 1px #2b2b2b;
      border-left: solid 1px black;
      clear: none;
      height: 45px;
      width: 0px; }
    .top-bar-section .has-form {
      background: #fff;
      padding: 0 15px;
      height: 45px; }
    .top-bar-section ul.right li .dropdown {
      left: auto;
      right: 0; }
      .top-bar-section ul.right li .dropdown li .dropdown {
        right: 100%; }
@-webkit-keyframes rotate {
  from {
    -webkit-transform: rotate(0deg); }

  to {
    -webkit-transform: rotate(360deg); } }

@-moz-keyframes rotate {
  from {
    -webkit-transform: rotate(0deg); }

  to {
    -webkit-transform: rotate(360deg); } }

@-o-keyframes rotate {
  from {
    -webkit-transform: rotate(0deg); }

  to {
    -webkit-transform: rotate(360deg); } }

@keyframes rotate {
  from {
    -webkit-transform: rotate(0deg); }

  to {
    -webkit-transform: rotate(360deg); } }
  
 } /* mobile menu*/  


.top-bar-section.large-6{
float: left !important;
width:997px;
max-width: 100%;
margin-left: 0;
padding-left: 0px !important;
margin-top: 25px;
}
/*#menu-item-84 {margin-right: 15px;}*/
#menu-hauptmenu-en li, #menu-hauptmenu li {width: 16%;margin-right: 0.4em;}
#menu-item-84 {margin-right:0!important;}

.top-bar-section {
	position:relative;
}

.top-bar-section .social-language {
	position: absolute;
	width: 91px;
	top: 0px;
	right: 0px;
}

#menu-hauptmenu {
	width: 90%;
}

.top-bar-section.large-6 {padding-left: 0 !important;margin-top: 60px;}
#menu-hauptmenu-en li.menuicons, #menu-hauptmenu li.menuicons {margin-top: -69px;margin-right: -35px;}
#menu-hauptmenu-en li.menu-facebook, #menu-hauptmenu li.menu-facebook{/*margin-left: -37px;*/}
/*#menu-hauptmenu-en li.menu-twitter, #menu-hauptmenu li.menu-twitter{margin-left: -12px;}*/

.dp_wrap {max-width: 920px;width: auto;}

.top-bar-section .info_sign {visibility: hidden !important;}

.dholder,

#project-text-scroll,
#project-text-original,
.single #project-text,
.dp_wrap {
max-width: 920px;
width: auto;
height: auto;
}
.single #project-gallery
{margin-top: 0;}
.single #project-content {min-width: 600px;width: auto;}
#project-text-scroll,
#project-text-original,
.single #project-text{}
 
.single #project-text #main-text{width: 100%;}

.single #project-text #sidebar-text{
	padding-left: 0;
	margin-top: -29px;
}

.projectfooter .small-6 {padding-top: 20px;}

.typeface_img img{
		/*max-width: 950px !important; */
		width: 100%;
		/*min-width: 450px;*/
}


.dp_wrap {max-width: 1800px;width:auto;}
/*.title-area.large-6 {width:76%;}*/
.single-typefaces .row.typefaces .large-4 {padding-top: 20px;}
.large-12 {position: relative;width: 100%;}
.single-projects .large-12{width: 100% !important; /*macbook pro width*/}
.top-bar-section-en ul#menu-hauptmenu.left,
.main-menu > ul {width: 100%;}
	/* hide menu icon until this breaking point */
.top-bar .toggle-topbar,
.dholder {display: none;}
.top-bar-section {
float: right;
/*min-width: 779px !important;
margin-right: -88px;*/
}

.top-bar-section ul li,
.top-bar-section .dropdown li {
		padding: 0;
		border: none;
		white-space: normal;
		line-height: 16px;
		height: 45px;
		background-color: transparent !important;
		/*width: 7.33333%;
		margin-right: 10px;*/
	}
	.top-bar-section ul li.menu-item,
	.top-bar-section .dropdown li.menu-item {
		/*min-width: 80px;*/
	}
	.top-bar-section .dropdown li.menu-item a {
		white-space: normal;
		line-height: 18px;
		word-break: break-word;
		hyphens: auto;
	}
	.top-bar-section li a:not(.button){
		background-color: transparent;
		color: black;
		padding: 0;

		background-color: white;
		color: black;
		padding: 0;
		padding-top: 0px;
		padding-bottom: 0px;
	}

	.top-bar-section ul li.menu-item.menuicons.menu-twitter ,
	.top-bar-section ul li.menu-item.menuicons.menu-facebook  {
		float: left;
		/*min-width: 20px;
		max-width: 20px;*/
		margin-top: 14px;
		height: 20px;
		border: none !important;
	}
	.top-bar-section ul li.menu-item.menuicons.menu-twitter a,
	.top-bar-section ul li.menu-item.menuicons.menu-facebook a {
		border-bottom: none !important;
	}
	.top-bar.expanded .title-area {
		background-color: transparent;
	}

.main-menu > ul li.menu-item-language-current ul a {border-bottom:0px solid black;}

.main-menu > ul li:last-child a:first-child:after {/*content:'\00a0\00a0\00a0';*/}

.main-menu > ul li:last-child ul.sub-menu a:first-child:after {content:'';}

.main-menu > ul .dropdown li:last-child a:first-child:after {content:'';}


.main-menu > ul li.menu-item-language a,
.main-menu > ul li.menu-item-language ul {
	float: left;
	display: block;
	width: auto;
	height:56px;
}

.main-menu > ul li.menu-item-language ul.submenu-languages {width:20px;float: right;margin-right: 34px;}

.top-bar-section .dropdown li{overflow: hidden;}

.top-bar-section li.menu-item-language {
		width: 10px;
		float: left;
		margin-top: 0;
	}

	/* submenu */
	.top-bar-section #menu-hauptmenu .dropdown,
	.top-bar-section #menu-hauptmenu-en .dropdown
	 {
		/*width: 530px;*/
		margin-top: 10px;
		/*width: 700px;*/
		width: 625%;
	}

	.top-bar-section .current-projects-parent .dropdown{
		visibility: visible;
	}
	.menu-item-400.hover > .dropdown{
		visibility: visible !important;
		display: block !important;
	}


	[class*="column"]+[class*="column"]:last-child {
		float: left;
	}

	.top-bar-section .profil-menu .dropdown {
		left: -215%;
	}

	.top-bar-section .info_sign {
		display: block;
		clear: both;
		padding: 0;
		background-color: white;
		border: none;
		white-space: normal;
		line-height: 45px;
		height: 45px;
		/*width: 100%;*/
		width: 125px;
		margin-bottom: 0;
		margin-top: 140px;
	}


	/* show submenu on single pages of projects */
	.single-projects .top-bar-section #menu-hauptmenu #menu-item-279 .dropdown,
	.single-projects .top-bar-section #menu-hauptmenu-en #menu-item-279 .dropdown {
		visibility: visible;
	}
	.single-projects #menu-item-279 {
		
	}
.single .previous_link a,
.single .next_link a{
color:transparent;
width: 89px;
padding-left: 0;
color: black;
font-family: 'Platform Light Web';
font-size: 12px;
line-height: 10px !important;
height: 120px;
display: inline-block;
}

.single a .previous_link,
.single a .next_link{
font-family: 'Platform Light Web';
z-index: 10000;
}


.single a .previous_link:hover,
.single a .next_link:hover{text-decoration: underline;}

#ajax_prev_post_url,
#ajax_curr_post_slug,
#ajax_prev_post_url{display:none;}

.single .previous_link span,
.single .next_link span{
width: 60px;
display: block;
height: 124px;
text-align: left;
padding-top: 54px;
font-size: 16px;
line-height: 21px;
padding-left: 0px;
}

.single .next_link span{
padding-right: 1px;
text-align: right;
width: 47px;
padding-top: 54px;
}

.single .next_link a{
width: 50px;}


.single .next_link{
position: fixed;
right: 15px;
}


.new_next {
	position: fixed;
	right: 15px;
	background-image: url(images/sprite.png);
	background-repeat: no-repeat;
	background-position: -60px -130px;
	width: 50px;
	height: 45px;
	top: 50%;
}

.new_next a {
	padding-right: 1px;
	width: 47px;
	display: block;
	text-align: right;
	padding-top: 54px;
	font-size: 16px;
	line-height: 21px;
	padding-left: 0px;
	font-family: 'Platform Light Web';
	z-index: 10000;
	color: black;
	display: inline-block;
}

.new_prev {
	position: fixed;
	left: 15px;
	background-image: url(images/sprite.png);
	background-repeat: no-repeat;
	background-position: -10px -130px;
	width: 50px;
	height: 45px;
	top: 50%;
}

.new_prev a {
	padding-left: 1px;
	width: 47px;
	display: block;
	text-align: left;
	padding-top: 54px;
	font-size: 16px;
	line-height: 21px;
	padding-right: 0px;
	font-family: 'Platform Light Web';
	z-index: 10000;
	color: black;
	display: inline-block;	
}


#ajax_next_post_url {
	display: none;
}

.single.single-typefaces .large-6 {
	display: inline-block;
	vertical-align: top;
}


.row .large-offset-1 {
position: relative;
margin-left: 0 !important;
}

.blog.large-6 {width: 50%;display:inline-block;vertical-align: top;}
.blog-r {padding-left: 0em; width:50%;display:inline-block;}
.blog-l {padding-right: 1.8em;padding-bottom: 15px;width:50%;display:inline-block;}

#footer.row.footerplaceholder{margin-top:-128px !important;}

	.dp_wrap{
	margin: 0 auto;
	max-width: 1800px;
	width: auto;
	min-width: 600px;
	padding: 0 100px;
	/*overflow-x: hidden;*/
	margin-bottom: 150px;
	}
	#footer.row1 {
	max-width: 1210px !important;
	}
	/*.title-area.large-6{
	width: 185px;
	}*/


/*profile page*/
article div.small-12{float: left;}
article header.small-12{float: left !important;}



	

.top-bar-section {/*width: 835px;*/margin-left: 0;}

.top-bar-section.large-6 {float: right !important;width: 50%;}




/*.title-area.large-6,
.title-area.large-6 * {width: 190px !important;}*/


.top-bar-section.large-6 {float: right !important; margin-top: 0;/*padding-left: 31px !important;*/}

.single #project-text #main-text{width: 100%;}

#project-text-scroll,
#project-text-original,
.single #project-text {width:50%;/*width: 530px;*/float: right !important;}

.single #project-text{padding-left:30px;}

.top-bar-section.large-6 {margin-right: 0;padding-left: 71px;}

.top-bar-section,
.top-bar-section.large-6 {
/*max-width: 530px !important;*/
/*width: 100% !important;
min-width: 530px !important;*/
margin-top: 6px;
}
.top-bar-section .info_sign, 
.top-bar-section li a{font-size:13px !important; }

.single #main-text p,
.single #main-text{font-size:13px !important; line-height: 17px !important;} 

.single #main-text h1{font-size:22px !important; line-height: 26px !important;} 

.main-menu > ul li.menu-item-language, #menu-hauptmenu li.menu-item-language 
{
width: 6%;
float: left;
margin-right: 0;
}

.main-menu > ul li.menu-item-language ul.submenu-languages {margin-right: 0;float: left;}

.main-menu > ul .dropdown li.menu-item {height: 63px;}

.main-menu > ul li.menuicons, #menu-hauptmenu li.menuicons {margin-top: 15px;margin-right: 0px;}

.main-menu > ul li.menuicons {width:24px !important;}
/*
.main-menu > ul li.menu-facebook {width: 5%!important;}

.main-menu > ul li.menu-twitter {width: 5%!important;}
*/
.menu-item-language {position: absolute;top: 0;right: -10px;}

.submenu-languages .menu-item-language {right: 10px;}

.top-bar-section .info_sign {visibility: visible !important;}

.single #project-text #sidebar-text{margin-left: 0;padding-left: 0;font-family: 'Platform Web';}

.top-bar .name h1 a,
.top-bar .name h1, .top-bar .sitetitle h2, 
.single #project-text #sidebar-text h2,
.single #project-text #sidebar-text{
font-size: 16px !important;
line-height: 17px;
}

/*profile page*/
article div.small-12{
/*width: 470px !important;*/
/*margin-right: 8px !important;*/
}

article header.small-12{
/*width: 420px !important;*/
float: left !important;
}

/*typefaces*/
.typeface_img img {
/*max-width: 900px !important;*/
/*width: auto;*/
width: 100%;
/*min-width: 450px;*/
}


/* some adjustments so bureau-profile page with parallex scrolling works in smaller vieport...*/
	article header.small-12{
		overflow: hidden;
	}



	.single-typefaces .row.typefaces .large-4.columns {
		width: 520px !important; */
		min-width: 520px !important;
		max-width: 520px !important;
	}

ul.title-area {
	width: 50%;
}

body.page-id-219 article div.contact-info.small-12, body.page-id-69 article div.contact-info.small-12, .contact-info.columns {
	width: 50;
	max-width: initial;
	padding: 0;
	margin: 0!important;
}

body.page-id-219 article div.contact-info.small-12 h3,
body.page-id-69 article div.contact-info.small-12 h3, 
body.page-id-219 article div.contact-info.small-12 p,
body.page-id-69 article div.contact-info.small-12 p {
	padding-right: 20px;
} 

@media screen and (max-width: 568px) {
	.dp_wrap {width: 100%;max-width:100%;min-width:320px;}


}

.project-info-header {
	margin-top: 20px;
}

.project-details,
.project-info {
	display: inline-block;
	width: 50%;
}

.project-info {
	vertical-align: top;
}

.project-info h1 {
	margin-top: 0;
	padding-right:25px;
	line-height: 1.2em;
}

.project-info h2 {font-size: 1em;}

/* hide profile dropdown menu*/
.menu-item-395 ul, .menu-item-85 ul {display:none!important;}

#gform_2 .top_label .gfield_label {
	font-family: 'Platform Light Web'!important;
}




/* iPad portrait*/
@media screen and (max-width: 1024px) {
	.title-area,.top-bar-section {width: 100%!important;}
	.project-info, .project-details {width: 100%;}
	.dp-row {margin-top: 100px;}
	.blog.large-6 {width: 100%;}
	.blog img {width: 100%;}
	.blog-l, .blog-r {padding-left: 0;padding-right: 0;width:100%;}
}

/* iPhone */
@media screen and (max-width: 580px) {
	.projnav.prev, .next_link{display:none!important;}
	#footer,.dp_wrap {padding: 0 10px;}
	.home .tickerLink * {font-size: 24px;line-height: normal;}
	.top-bar-section .social-language {top:-40px!important;}
	#menu-hauptmenu {width:100%!important;}
	#menu-hauptmenu-en li, #menu-hauptmenu li {width: 18%!important;text-align:center;}
	.top-bar-section #menu-hauptmenu .dropdown, .top-bar-section #menu-hauptmenu-en .dropdown {width: 550%;}
	h3.blog_mdate {font-size:3em;}
	.new_prev, .new_next {display:none!important;}
	#footer .large-3 {padding-right:0;width: 100%;text-align:center;}
	#footer p, #footer a:link, #footer a:visited, #footer a:hover {font-size: 10px;}
	.footer-inner {margin-top: 20px;}
	.top-bar-section #menu-hauptmenu .dropdown a, .top-bar-section #menu-hauptmenu-en .dropdown a,
	.top-bar-section ul li a {font-size: 14px!important;}
	.blog-l, .blog-r {padding-left: 0;padding-right: 0;width:100%;}
	.single.single-typefaces header.large-6 {width: 100%;}


/* use img classes e.g. per_small for size of preview containers, including padding*/
.article_per_small{ width:300px; height:188px;} 
.article_per_medium{ width:300px; height:365px;}
.article_per_big{ width:300px; height:188px; }

/*img classes for correct size of imgs within article containers*/
/*also make project_overview (contains links and link-covers) only as wide/high as img size*/
.per_small,.article_per_small .project_overview{ width:300px; height:198px;position: relative;} 
.per_medium,.article_per_medium .project_overview{ width:300px; height:375px;position: relative;}
.per_big,.article_per_big .project_overview{ width:300px; height:198px; position: relative;}



}