article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
	display: block;
}
audio,
canvas,
video {
	display: inline-block;
	*display: inline;
	*zoom: 1;
}
audio:not([controls]) {
	display: none;
}
html {
	font-size: 100%;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	
}

body {font-family: 'Open Sans',Arial sans-serif;color:#000000;background-color:#Ffffff;padding-top:36px;position:relative}



.row {
    margin-right: 0px;
    margin-left: 0px;
}
.container-fluid,.container,
[class^="col-"] {
  padding-left: 0;
  padding-right: 0;
}

#audio {position:absolute;bottom:0;left:0;right:0;height:0px;text-align:right;display:none}

#left {}
#logo {}
#logo img {width:88%;height:auto}

#logo a  {display:none}

#home #logo a.home  {display:block}
#home #logo a.home img {width:88%;height:auto}

#home #logo a:not(.home)  {display:none}

#logo a:not(.home)  {display:block}


#audiotoggle {float:left;width:20px;height:20px;margin-top:10px;margin-bottom:10px;cursor:pointer;background-image:url(../gfx/speaker-off.png);display:none;/*display:none;*/
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%;
	opacity:.4
}
#audiotoggle.muted {background-image:url(../gfx/speaker.png);opacity:.6}


#main {padding-right:0px;color:#737172;line-height:140%;font-size:15px;color:#565655}
#home #main #bild {padding-right:73px;margin-bottom:20px}

#slogan {float:right}

#canvas {position:relative;display:none}
#tafel {background:#fff;width:auto;height:auto;position:absolute;bottom:0;right:0;transition: all ease-in}
#tafel_content {padding:20px;color:#737172;line-height:120%;font-size:1.5vh}
#tafel_content p{margin:0 0 5px 0}
#tafel_content_titel {font-weight:bold;margin:8% 0 1% 0}


#canvas img {width:100%;height:auto;}
#canvas img.vert {height:100%;width:auto;}

#img-nav {position:absolute;bottom:0;margin-left:20px}
#img-nav img  {margin-right:8px;opacity:.4}
#img-nav a img  {margin-right:0px;opacity:1}
#img-nav a  {margin-right:8px}
#img-nav a:hover  {opacity:.8;}

#home #bild {width:100%;height:auto;max-width:764px}


.colleft img + p{margin-top:20px}
.colright {padding-left:20px;}
.colright p {margin-bottom:30px}

#main a {color:#737172}



#projektverzeichnis .head,
#projektverzeichnis .row div{
  padding: 0px 10px 10px 10px;
  
}


#projektverzeichnis .row:nth-child(odd) {
		background:#EDEDED
	
}
	.annotation {font-size:12px!important}

@media (min-width: 1200px) {
	.container {
		width: 1146px;
	}		



}
@media (max-width: 1199px) {
	#projektverzeichnis .head,
	#projektverzeichnis .row div{  line-height:130%;font-size:15px;}	
	.annotation {font-size:12px!important}
	#projektverzeichnis .row div:nth-child(1),
	#projektverzeichnis .row div:nth-child(2),
	#projektverzeichnis .row div:nth-child(4)	{ hyphens:auto}	
	
	#home #main #bild {padding-right:63px;}
	#home #slogan {width:350px}
	
}	


@media (min-width: 992px) {

	#img-nav img {width:41px;height:65px}

}	

@media (max-width: 991px) {
	
	#tafel_content {padding:10px;line-height:120%;font-size:12px}	
	#tafel_content_titel {font-weight:bold;margin:7% 0 1% 0}	
	#img-nav {margin-left:10px}
	#img-nav img {width:30px;height:48px}
	#projektverzeichnis .row div{
	  line-height:130%;font-size:14px;
	}
	#projektverzeichnis .head {margin-top:20px}
	#projektverzeichnis .head,
	#projektverzeichnis .row div{
	  padding: 0px 5px 5px 5px;
	}
	#home #main #bild {padding-right:43px;}
	#home #slogan {width:250px}
}

@media (max-width: 767px) {
	body {padding-top:20px}
		
	#wrapper{padding:0 10px}
	#toggle {margin-right:5%;}		
	#audiotoggle {height:35px;width:35px;margin-top:3px;margin-bottom:0px;}		
	#left {}
	#logo img {max-width:515px; width:100%;height:auto}
	#main {padding-top:20px;padding-bottom:30px;}
	#home #main,#projekte #main {padding-top:0px;}
	#canvas {background:none;position:relative}
	#canvas img {width:100%;height:auto}
	#canvas img.vert {width:100%;height:auto}
	#canvas img.vert {max-width:509px}
	#tafel {width:100%!important;height:auto!important;position:static;margin-top:8px;}
	#tafel_content {padding-left:150px;float:left;padding-top:0;font-size:15px;min-height:100px}
	#img-nav {position:absolute;top:0;float:left;margin-left:0px;}
	#img-nav img {width:66px;height:107px}	
	#tafel:before {content:" ";display:table;}
	#tafel:after {clear:both}
	#bild {clear:both;display:block;padding-top:20px;}
	.colright {padding-left:0px;padding-top:20px}
	#projektverzeichnis .head {font-weight:bold;}	
#projektverzeichnis .row:nth-child(odd) {
		
	
}
#projektverzeichnis .row div:first-child {
		font-weight:normal;padding: 5px 5px 10px 5px;
	
}
	#projektverzeichnis .head {	  font-size:18px;	}	
	
	#home #main #bild {padding-right:40px;}
	#home #slogan {width:70%;max-width:470px}	
}

@media (max-width: 480px) {
	#audiotoggle {width:20px;height:20px;}
	#tafel_content {padding-left:84px;font-size:13px;min-height:auto}
	#img-nav img {width:33px;height:53px}	
	#projektverzeichnis .row { margin-bottom:10px}
	#projektverzeichnis .head { margin-top:25px}
	#projektverzeichnis .head:first-child { margin-top:0px}
	
	#projektverzeichnis .row div	{ hyphens:manual!important}		
	#projektverzeichnis .row div:nth-child(2)	{ hyphens:auto!important}		
	#projektverzeichnis .row div:nth-child(4)	{ hyphens:auto!important}		
	#projektverzeichnis .head,
	#projektverzeichnis .row div{	  line-height:130%;font-size:12px;	}	
	#projektverzeichnis .head {	  font-size:15px;	}	
	.annotation {font-size:10px!important}
}	
	


.div-fa a {text-decoration:none}
.fa-instagram {font-size:30px;display:block;color:#898584}	

@media (max-width: 767px) {
	.fa-instagram {font-size:35px;display:inline-block;float:left;margin-top:0px;margin-right:5%}	
}
@media (max-width: 479px)  {
	.fa-instagram {font-size:25px;}	
}


@media (max-width: 479px) {
	.fa-instagram {font-size:25px;}	
}



/* FONTS */

/* open-sans-regular - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/open-sans-v34-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/open-sans-v34-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/open-sans-v34-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/open-sans-v34-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/open-sans-v34-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/open-sans-v34-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-600 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: url('fonts/open-sans-v34-latin-600.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/open-sans-v34-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/open-sans-v34-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/open-sans-v34-latin-600.woff') format('woff'), /* Modern Browsers */
       url('fonts/open-sans-v34-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/open-sans-v34-latin-600.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-700 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/open-sans-v34-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/open-sans-v34-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/open-sans-v34-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/open-sans-v34-latin-700.woff') format('woff'), /* Modern Browsers */
       url('fonts/open-sans-v34-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/open-sans-v34-latin-700.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  src: url('fonts/open-sans-v34-latin-italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/open-sans-v34-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/open-sans-v34-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/open-sans-v34-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('fonts/open-sans-v34-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/open-sans-v34-latin-italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}