/* small size */
@media screen and (max-width:768px){
	html,body { overflow-x: hidden;}
	
	#footerlang{ display:block; }
	
	header .navbar-toggle{
		position:absolute;
		display:block;
		margin:15px;
		margin-top:21px;
		margin-right:5px;
		padding:0;
		top:0;
		right:20px;
		width:29px;
		height:29px;
		background-image:url(../img/cross.png);
		background-size:100% 100%;
		border-radius:0px;
		background-repeat:no-repeat; 
	}
	header .navbar-toggle.collapsed{ background-image:url(../img/bars.png); }
	/*
	header .navbar-toggle .bar{
		width:59%;
		height:9.38%;
		position:absolute;
		top:50%;
		left:50%;
		margin-top:-4px;
		margin-left:-15px;
		background-color:#000000;
		opacity:0;
		transform:translate3d(0,0,0) scale(0,0);
		-webkit-transform:translate3d(0,0,0) scale(0,0);
		-webkit-transition:0.3s ease;
		-o-transition:0.3s ease;
		transition:0.3s ease;
		padding-top:1px;
	}
	header .navbar-toggle .bar:first-of-type{
		transform:translate3d(0,0,0) rotate(45deg);
		-webkit-transform:translate3d(0,0,0) rotate(45deg);
		opacity:1;
	}
	header .navbar-toggle .bar:last-of-type{
		transform:translate3d(0,0,0) rotate(315deg);
		-webkit-transform:translate3d(0,0,0) rotate(315deg);
		opacity:1;
	}
	header .navbar-toggle.collapsed .bar{
		opacity:1;
		transform:translate3d(0,0,0);
		-webkit-transform:translate3d(0,0,0);
	}
	header .navbar-toggle.collapsed .bar:first-of-type{
		transform:translate3d(0,-9px,0);
		-webkit-transform:translate3d(0,-9px,0);
	}
	header .navbar-toggle.collapsed .bar:last-of-type{
		transform:translate3d(0,9px,0);
		-webkit-transform:translate3d(0,9px,0);
	}
	*/
	
	.newslettercontainer{ margin-top:180px; }
	
	#navp{
		position:absolute;
		left:0px;
		top:65px;
		height:20px;
		width:100%;
		background:#FFFFFF;
		z-index:60000;
		display:none;
	}
	
	
	header{ height:40px; }
	#slideshow{ display:none; }

	/* Impressum */
	#impressumheadline{
		font-family: 'ManropeExtraLight';
		font-size:28px;
		float: left
	}
	#impressumclose{ float:right; }
	
	.impressumcontainer{
		margin-top:113px;
		padding-left:30px;
		margin-bottom:78px;
	}
	#sdimpressumleft{
		font-family: 'ManropeExtraLight';
		width:100%;
		font-size:4vw;
		line-height:5vw;
		margin-left:12px;
	}
	#sdimpressumright{
		font-family: 'ManropeExtraLight';
		width:100%;
		font-size:4vw;
		line-height:5vw;
		margin-left:12px;
		padding-right:25px;
	}

	/* Kontakt */
	.kontaktcontainer{
		margin-top:113px;
		padding-left:0px;
	}
	.kontaktheader{
		font-family:'ManropeMedium';
		font-size:110%;
		text-transform:uppercase;
		margin-bottom:16px;
	}
	.kontakttext{
		font-family:'ManropeLight';
		font-size:110%;
		line-height:120%;
		padding-bottom:39px;
	}
	#sdkontaktleft,#sdkontaktmiddle,#sdkontaktlast{ float:left; }
	#sdkontaktleft{
		margin-left:42px;
		margin-right:26px;
	}
	#sdkontaktmiddle{ margin-left:42px; }
	#sdkontaktlast{ margin-left:42px; }
	#sdkontakt{
		margin-left:12px;
		margin-bottom:50px;
	}
	
	#map_canvas{
		width: 100%;
		height: 561px;
		margin-bottom:0px;
		margin-left:-15px;
	}
	.mapcontainer{
		clear:both;
		margin-top:40px;
		margin-bottom:-12px;
	}
	.detailhead{
		float:left;
		font-family:'ManropeMedium';
		font-size:20px;
	}
	.detailback{ float:right; }
	.startcontainer{ height:0px; }
	#headerline{
		display:none;
		position:absolute;
		left:0px;
		top:67px;
		width:100%;
		height:1px;
		background:#000000;
		z-index:50000000000000;
	}
	.upcontainer{ display:none; }
	footer nav ul li{
		list-style:none;
		border-bottom:17px solid #000000;
		width:200px;
	}
	footer a.top{
		margin-top:17px;
		width:10vw;
		margin-right:20px;
	}
	footer nav ul{ margin-bottom:100px; }
	
	._cdist { display:none; }
	#willkommenzuhause{
		margin-top:40px;
		border-top:100px solid #FFFFFF;
		width:100%;
		text-align:center;
	}
	#willkommezuhausepic{ width:70%; }
	#introwrapper{ margin-bottom:15vw; }
	
	.ilovesleepingdogs{ margin-left:0px; }
	.ilovesleepingdogs_image{ width:100%; }
	.markewrapper{
		padding-top:9px;
		padding-bottom:25px;
		border-bottom:1px solid #000000;
	}
	#header-navbar{
		/* margin-top:24px; */
		background:#FFFFFF;
	}
	#socialicons{
		margin-bottom:20px;
		text-align:center;
		margin-left:auto;
		margin-right:auto;
		width:250px;
		margin-top:240px;
	}
	
	.headernav{
		margin-top:14px;
		padding-left:15px;
		padding-right:15px;
		height:55px;
		background:#FFFFFF;
	}
	
	#headernav{ margin-top:-4vw; }
	#headernav li{
		padding-top:4vw;
		padding-bottom:4vw;
		border-bottom: 1px solid #000000;
		background:#FFFFFF;
	}
	#headernav li a{
		font-family:'ManropeLight';
		font-weight:400;
		font-size:120%;
	}
	
	#comingsoon{ margin-top:117px; }
	#comingsoonpic{ width:224px; }
	
	#marke{
		font-family:'ManropeMedium';
		font-size:120%;
		padding-left:12px;
		margin-top:-6px;
	}
	#langnav{
		display:block;
		position:absolute;
		top:18px;
		right:75px;
	}
	
	#pintrotext{
		padding-left:30px;
		padding-right:24px;
	}
	#introcontainer{ }
	#pintrowrapper{ margin-top:100px; }
	
	#lnav{ display:none; }
	#slang{ display:block; }
	#headrow{ height:58px; }
	#footerrow{ margin-top:23px; }
	#footernav li a,._fdist{
		font-family:'ManropeLight';
		font-weight:400;
		font-size:5vw;
	}
	.fb{ width:18px; }
	.twitter{ width:56px; }
	.haus{ width:47px; }
	
	footer p.copyright{
		font-size:4vw;
		border-bottom:20px solid #000000;
		width:100%;
	}
	
	/* projects overview (for the smartphone version, most part is formatted by Javascript) */
	.arrowontainer{ display:none; }
	.projektpic-top,.projektpic-bottom{
		width:295px;
		height:204px;
    background-size: 100% 100%;
    background-repeat: no-repeat;
		display:table-cell;
		vertical-align:bottom;
	}
	.projektpic-top .pw{
		width:295px;
		height:204px;
		display:table-cell;
		vertical-align:bottom;
	}
	.projektcol-right .projektpic-top{ border-top:5vw solid #FFFFFF; }
	.projektpic-bottom{ vertical-align:top; }
	.projektcol-left{ margin-bottom:14vw; }
	.projektcol-right{ width:100%; }
	.ppleft{
		margin-left:auto;
		margin-right:auto;
	}
	.ppright{
		margin-left:auto;
		margin-right:auto;
	}
	.projektcol-top{
		text-align:right;
		padding:0;
	}
	.projektclear{
		clear:both;
		height:6px;
	}
	.projektinfo{
		width:100%;
		margin-left:auto;
		margin-right:auto;
	}
	.label-top,.label-bottom{
		height:15%;
		float:right;
		width:55%;
		color:#000000;
		font-family:'ManropeExtraLight';	
		font-size:4vw;
		background-image:url(../img/cbgt.png);
		background-repeat:no-repeat;
		background-size:auto 100%;
		background-position:left bottom;
		test-transform:uppercase;
	}
	.label-top{ /*padding-left:5vw;*/ }
	.label-bottom{
		margin-top:0px;
		float:left;
		border-left:1px solid #FFFFFF;
		padding-right:5vw;
		text-align:right;
		background-image:url(../img/cbgu.png);
		background-position:right top;
	}
	.projektpic-top .pw{
		width:295px;
		height:204px;
		display:table-cell;
		vertical-align:bottom;
	}
	.ptext{ margin-top:3vw; }
	.projektheader{
		font-family:'ManropeExtraLight';	
		font-weight:400;
		font-size:110%;
		line-height:110%;
		margin-top:4vw;		
		margin-bottom:4vw;
	}
	.projektheader2{
		font-family:'ManropeExtraLight';
		font-size:110%;
		line-height:110%;
		text-transform:uppercase;
		font-weight:bold;
	}
	.projekttext,.projekttext_detail{
		font-family: 'ManropeExtraLight';
		margin-top:18px;
		font-size:100%;
		line-height:140%;
	}
	.projekttext_detail{
		margin-top:6px;
		font-size:100%;
		line-height:140%;
		margin-bottom:41px;
	}
	.projektheader_detail{
		font-size:16px;
		line-height:19.5px;
		margin-top:6px;
		text-transform:uppercase;
	}
	
	#detailheadline{
		margin-top:30px;
		margin-bottom:40px;
	}
	.pstartcontainer{ margin-top:0px; }
	.projektlink{
		font-family: 'ManropeExtraLight';
		font-size:100%;
		line-height:100%;
		margin-top:20px;
	}
	.row > [class*="col-"] { margin-bottom:3%; }
	.projektlink a{
		font-family: 'ManropeExtraLight';
		font-size:100%;
		line-height:100%;
		text-decoration:underline;
	}
	.projektinfo{
		width:618px;
		padding-left:0px;
		margin-left:56px;
		margin-bottom:80px;
	}
	.projektpic{
		width:618px;
		padding-left:0px;
		margin-left:56px;
		margin-bottom:0px;
	}
	
	.litem,.litem_act{ font-size:12px; }
	.ptleft{ text-align:left; }
	.xdown{ display:inline; }
	#csmall{ display:block; }
	#sdbig{ display:none; }
	#sdsmall{ display:block; }
	#claimtopimg,#claimbottomimg{ width:70vw; }
	#claimbottom{ text-align:center; }
	#claimtop{ text-align:left; }
	.d-arrows{ display:none; }
	#introtext{ font-size:4vw; }
	
	/*Newsletter*/
	.cb_active,.cb_inactive{
		width:2vw;
		height:4vw;
		cursor:pointer;
		background-image:url(../img/cbsm_inactive.png);
		background-size:100% auto;
		border-top:2vw solid #FFFFFF;
		background-repeat:no-repeat;
	}
	.cb_active{ background-image:url(../img/cbsm_active.png); }
	.cblabel{
		font-family:'ManropeExtraLight';	
		margin-left:8px;
		font-size:4vw;
		text-transform:uppercase;
		width:70vw;
	}
	#message{
		border:3px solid #000000;
		width:77vw;
		height:136px;
		resize: none;
		padding:7px;
		font-size:13px;
	}
	#messagewrapper{
		display:none;
		margin-top:27px;
		margin-bottom:18px;
	}
	.cbclear{
		clear:both;
		height:7px;
	}
	.nlinput{
		font-weight:700;
		font-size:4vw;
		width:77vw;
		border:none;
		border-left:3px solid #000000;
		padding-left:7px;
		height:7vw;
	}
	.nlwrapper{ margin-bottom:13px; }
	.newsletter{
		margin-top:-60px;
		width:77vw;
		margin-left:auto;
		margin-right:auto;
		margin-bottom:120px;
		margin-left:15px;
	}
	.sdbutton{
		margin-top:16px;
		background: #000000;
		color:#FFFFFF;
		border:1px solid #000000;
		border-radius:4px;
		padding:5px;
		padding-left:8px;
		padding-right:8px;
		text-transform:uppercase;
		font-weight:400;
		font-size:4vw;
		letter-spacing:0.7px;
	}
}