@charset "UTF-8";
img, object, embed, video {
	max-width: 100%;
}
/* IE 6 does not support max-width so default to width 100% */
.ie6 img {
	width:100%;
}

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

body{
	text-rendering: optimizeLegibility;
	  webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	}
	
#page-loading-blocs-notifaction{position: fixed;top: 0;bottom: 0;width: 100%;z-index:100000;background:#FFFFFF url("../img/pageload-spinner.gif") no-repeat center center;}
	

/* ScrollToTop button */

.scrollToTop{
	width:40px;
	height:40px;
	position:fixed;
	bottom:30px;
	right:10px;
	opacity: 0;
	z-index: 500;
	transition: all .3s ease-in-out;
}
.scrollToTop span{
	margin-top: 6px;
}
.showScrollTop{
	font-size: 2.4em;
	color:#C90000;
	opacity: 1;
}
	


/* Mobile Layout: 480px and below. */

.gridContainer {
	margin-left: auto;
	margin-right: auto;
	width: 87.36%;
	padding-left: 1.82%;
	padding-right: 1.82%;
}
#main {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#logo {
	
	display: none;
}

#dbplogo {
	clear: both;
	float: left;
	margin: 5% 0;
	padding:0;
	width: 100%;
	display: block;
}
#navigation {
	display:none;
}
#content {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#left {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#right {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}

#leftk {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#rightk {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}

#left-portfolio {
	clear: both;
	float: left;
	margin: 5% 0 0 0;
	width: 100%;
	display: block;
}
#right-portfolio {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}

.left-portfolio2 {
	clear: both;
	float: left;
	margin: 5% 0 5% 0;
	padding:0;
	width: 100%;
	display: block;
}
.right-portfolio2 {
	clear: both;
	float: left;
	margin: 5% 0 5% 0;
	padding:0;
	width: 100%;
	display: block;
}


#left1 {
	
	display: none;
}
#right1 {
	clear: both;
	float: left;
	margin: 0;
	padding:0;
	width: 100%;
	display: block;
}

#left-hilft {
	clear: both;
	float: left;
	margin: 0;
	padding:0;
	width: 100%;
	display: block;
}

#right-hilft {
	clear: both;
	float: left;
	margin: 0;
	padding:3% 0 0 0;
	width: 100%;
	display: block;
}

#left-hilft2 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;

}

#right-hilft2 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}

#left-hilft3 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;

}

#right-hilft3 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}

#l-angela-pues {
	clear: both;
	float: right;
	margin: 6% 0 0 0;
	padding:0;
	width: 100%;
	display: block;

}

#m-angela-pues {
	clear: both;
	float: left;
	margin: 6% 0 0 0;
	padding:0;
	width: 100%;
	display: block;
	
}

#r-angela-pues {
	clear: both;
	float: left;
	margin: 0;
	padding:0;
	width: 100%;
	display: block;
}

#l-kordula-marzinzik {
	clear: both;
	float: right;
	margin: 6% 0 0 0;
	padding:0;
	width: 100%;
	display: block;

}

#m-kordula-marzinzik {
clear: both;
	float: left;
	margin: 6% 0 0 0;
	padding:0;
	width: 100%;
	display: block;
	
}

#r-kordula-marzinzik {
	clear: both;
	float: left;
	margin: 0;
	padding:0;
	width: 100%;
	display: block;
}

#l-anette-lindemann {
	clear: both;
	float: right;
	margin: 6% 0 0 0;
	padding:0;
	width: 100%;
	display: block;

}

#m-anette-lindemann {
clear: both;
	float: left;
	margin: 6% 0 0 0;
	padding:0;
	width: 100%;
	display: block;
	
}

#r-anette-lindemann {
clear: both;
	float: left;
	margin: 0;
	padding:0;
	width: 100%;
	display: block;
}


#l-dirk-kazmierczak {
	clear: both;
	float: right;
	margin: 6% 0 0 0;
	padding:0;
	width: 100%;
	display: block;

}

#m-dirk-kazmierczak {
clear: both;
	float: left;
	margin: 6% 0 0 0;
	padding:0;
	width: 100%;
	display: block;
	
}

#r-dirk-kazmierczak {
clear: both;
	float: left;
	margin: 0;
	padding:0;
	width: 100%;
	display: block;
}


#show {
clear: both;
	float: left;
	margin: 5% 0 5% 0;
	padding:0;
	width: 100%;
	display: block;
	max-height:15em!important;	
	
	
}

#mobile-nav {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	color:red;
	background: #E95E1D;
}
#image {
	clear: both;
	float: left;
	margin: 5% 0;
	width: 100%;
	display: block;
}

.header{
	color: #000000;
	font-weight: 800;
	text-decoration: none;
	font-family:'Open Sans', sans-serif;
	font-size: 1.2em
}


.ist{
	color: #DE781F;
	font-weight: 800;
	font-family:'Open Sans', sans-serif;
	font-size: 1.2em;
	line-height: 135%;
	letter-spacing: .02651em;
	margin:0;
	padding:2% 0 2.5% 0;
}

.impress{
	color: #87888A;
	font-weight: 800;
	font-family:'Open Sans', sans-serif;
	font-size: 1.25em;
	line-height: 135%;
	letter-spacing: .02651em;
	margin:0;
	padding:2% 0 0 0;
}

.impresse{
	color: #87888A;
	font-weight: 800;
	font-family:'Open Sans', sans-serif;
	font-size: 1.25em;
	line-height: 135%;
	letter-spacing: .02651em;
	margin:0;
	padding:2% 0 0 0;
}

.grau{
	color: #87888A;
	font-weight: 800;
	font-family:'Open Sans', sans-serif;
	font-size: 1.35em;
	line-height: 135%;
	letter-spacing: .02651em;
	margin:0;
	padding:2% 0 0 0;
}

.erste{
	color: black;
	font-weight: 800;
	font-family:'Open Sans', sans-serif;
	font-size: 1.15em;
	line-height: 135%;
	letter-spacing: .02651em;
	margin:0;
	padding:2% 0 0 0;
}

ol.list {
	margin: 0;
	padding: 1%;
	list-style-type: none;
	list-style-position: outside
}
ol.list li {
	color: #DE781F;
	font-weight: 800;
	font-family:'Open Sans', sans-serif;
	font-size: 1.15em;
	line-height: 135%;
	letter-spacing: .02651em;
	text-align: left;
	padding: 0 0 2% 5%;
	list-style: inside url("../images/dash.png");
	list-style-type: inherit;
	text-indent: -1.4em
}

.graur {
	color: #87888A;
	font-weight: 800;
	font-family:'Open Sans', sans-serif;
	font-size: 1.15em;
	line-height: 135%;
	letter-spacing: .02651em;
	text-align: left;
	padding: 0 0 2% 7%;
}

ol.listgrau {
	margin: 0;
	padding: 1%;
	list-style-type: none;
	list-style-position: outside
}
ol.listgrau li {
	color: #87888A;
	font-weight: 800;
	font-family:'Open Sans', sans-serif;
	font-size: 1.15em;
	line-height: 135%;
	letter-spacing: .02651em;
	text-align: left;
	padding: 0 0 2% 0;
	list-style: inside url("../images/dash.png");
	list-style-type: inherit;
	text-indent: -1.4em
}

/*li:before {
    content: "–"; 
    padding-right: .3em;
    color: #E95E1D; 
}
*/
.istblu{
	color: #0B5F80;
	font-weight: 800;
	font-family:'Open Sans', sans-serif;
	font-size: 1.25em;
	line-height: 135%;
	letter-spacing: .02651em;
	margin:0;
	padding:2% 0 0 0;
}

.istblur{
	color: #0B5F80;
	font-weight: 800;
	font-family:'Open Sans', sans-serif;
	font-size: 1.25em;
	line-height: 135%;
	letter-spacing: .02651em;
	margin:0;
	padding:5% 0 5% 0;
}

h1{
	color:black;
	font-family:'Prata', sans-serif;
	font-weight: bold;
	font-size: 1.55em;
	margin:0;
	padding:0 0 2% 0;
}

h2{
	color:black;
	font-family:'Prata', sans-serif;
	font-weight: bold;
	font-size: 1.55em;
	margin:0;
	padding:0;
}

h3{
	color:black;
	font-family:'Open Sans', sans-serif;
	font-weight: bold;
	font-size: 1.2em;
	margin:0;
	padding:0;
}
h4{
	color:black;
	font-family:'Open Sans', sans-serif;
	font-weight: bold;
	font-size: 1.2em;
	margin:6% 0 0 0;
	padding:0;
}

h5{
	color:#87888A;
	font-family:'Open Sans', sans-serif;
	font-weight: bold;
	font-size: 1.2em;
	margin:5% 0 0 0;
	padding:0;
}


a.star {font-family:'Open Sans';
	font-size:1em;
	color:#DE781F;
	text-align:left;
	margin:0;
	padding:2% 0;
	text-decoration:none;
	}
	a.black {font-family:'Open Sans';
	font-size:1em;
	color:black;
	text-align:left;
	margin:0;
	padding:2% 0;
	text-decoration:none;
	}
	
a.blu {font-family:'Open Sans';
	font-size:1em;
	color:#095E7F;
	text-align:left;
	margin:0;
	padding:2% 0;
	text-decoration:none;
	}

.bolder{
	color: #ED6F00;
	font-weight: 400;
	font-family: 'Prata', serif;
	font-size: 1.5em
	
	}
.header-up{
	font-size: 1.2em;
	font-family:'Open Sans', sans-serif;
	font-weight: 800;
	line-height: 135%;
	margin:0;
	padding:5% 0 0 0;
}

.bolderQ{
	font-size: 2.3em;
	font-family: 'Prata', serif;
	color:#E95E1D;
	letter-spacing: .02651em;
	margin:0;
	padding:0;
}

.quote_footer {
	float: right;
	font-size: .95em;
	font-family:'Open Sans', sans-serif;
	font-weight: bold;
	color: #E3791D;
	margin:0;
	padding: 0.9% 0 0 8%;

}
.quote_sind {
	float: right;
	font-size: 1em;
	font-family:'Open Sans', sans-serif;
	font-weight: 400;
	color: #0B5F80;
	margin:0;
	padding: 0.9% 5% 0 0;

}
p{margin:0;
padding:0;
}
	
.phone{
	display: block;
    margin: 3% 0;
    padding:0;
	}
.mitte{
	display: block;
    margin-left: auto;
    margin-right: auto;
	}
	
.mittee{
	display: block;
    margin-left: auto;
    margin-right: auto;
	padding:1% 0;
	}	
a {font-family:'Open Sans';
	font-size:1em;
	color:#498DC6;
	text-align:left;
	margin:0;
	padding:2% 0;
	text-decoration:none;
	}
	
a.dpress {font-family:'Open Sans';
	font-size:1em;
	color:#A2A2A2;
	text-align:left;
	margin:0;
	padding:2% 0;
	text-decoration:none;
	}	
#def {
	clear: both;
	float: left;
	margin: 5% 0 0 0;
	padding:0;
	width: 100%;
	display: block;
}


#defi {
	
	clear: both;
	float: left;
	margin: 0;
	padding:0;
	width: 100%;
	display: block;
}

#links_l {
	
	clear: both;
	float: left;
	margin: 0;
	padding:0;
	width: 100%;
	display: block;
}

#links_m {
	
	clear: both;
	float: left;
	margin: 0;
	padding:0;
	width: 100%;
	display: block;
}


#impressum_l {
	
	clear: both;
	float: left;
	margin: 0;
	padding:0;
	width: 100%;
	display: block;
}

#impressum_m {
	
	clear: both;
	float: left;
	margin: 0;
	padding:0;
	width: 100%;
	display: block;
}
#impressum_r {
	
	clear: both;
	float: left;
	margin: 0;
	padding:0;
	width: 100%;
	display: block;
}

#daten_l {
	
	clear: both;
	float: left;
	margin: 0;
	padding:0;
	width: 100%;
	display: block;
}

#daten_m {
	
	clear: both;
	float: left;
	margin: 0;
	padding:0;
	width: 100%;
	display: block;
}
#daten_r {
	
	clear: both;
	float: left;
	margin: 0;
	padding:0;
	width: 100%;
	display: block;
}

#footerlinks {
	
	display: none;
		
}


#footerl {
	
	display: none;
		
}

#footerr {
	
	display: none;
	
	
}

#line {
	
	display: none;
	
}

/* Tablet Layout: 481px to 768px. Inherits styles from: Mobile Layout. */


@media all and (min-width: 40em) {
.gridContainer {
	width: 90.675%;
	padding-left: 1.1625%;
	padding-right: 1.1625%;
}
#main {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	
}

#navigation {
	
	display: none;
	
		
}
#content {
	clear: both;
	float: left;
	margin: 0;
	padding:0;
	width: 100%;
	display: block;
	
}
#left {
	clear: both;
	float: left;
	margin: 0;
	padding:0;
	width: 52.9795%;
	display: block;

	
}
#right {
	clear: none;
	float: left;
	margin:0;
	padding:.7% 0 2% .5%;
	width: 33.9795%;
	display: block;
	min-height:7em!important;
	
}

#leftk {
	clear: both;
	float: left;
	margin: 0;
	padding:3% 0 0 24.7%;
	width: 29.9795%;
	display: block;
	min-height:7em!important;

	
}
#rightk {
	clear: none;
	float: left;
	margin:0;
	padding:.7% 0 2% .5%;
	width: 33.9795%;
	display: block;
	min-height:7em!important;
	
}

#right1 {
	clear: none;
	float: left;
	margin:0 10% 0 0;
	padding:5.8% 0 0 .5%;
	width: 33.9795%;
	display: block;	
}

#left1 {
	clear: both;
	float: left;
	margin: 0;
	padding:0;
	width: 52.9795%;
	display: block;
	text-align:right;
}


#left-hilft {
	clear: both;
	float: left;
	margin:0 5.6% 0 0;
	width: 33.9795%;
	padding: 5.8% 0 0 13.4%;
	/*min-height:8.9em!important;*/
	display: block;
}

#right-hilft {
	clear: none;
	float: left;
	margin:0 10% 0 0;
	padding:5.8% 0 0 .5%;
	width: 33.9795%;
	display: block;	
}

#left-hilft2 {
	clear: both;
	float: left;
	margin:0 5.6% 0 0;
	padding: 3.7% 0 0 13.4%;
	width: 33.9795%;
	/*min-height:8.9em!important;*/
	display: block;

}

#right-hilft2 {
	clear: none;
	float: left;
	margin:0 10% 0 0;
	padding:6.38% 0 0 .5%;
	width: 33.9795%;
	display: block;	
}

#left-hilft3 {
	clear: both;
	float: left;
	margin:0 5.6% 0 0;
	padding: 3.7% 0 0 13.4%;
	width: 33.9795%;
	/*min-height:8.9em!important;*/
	display: block;

}

#right-hilft3 {
	clear: none;
	float: left;
	margin:0 10% 1.5% 0;
	padding:6.38% 0 0 .5%;
	width: 33.9795%;
	display: block;	
}

#left-portfolio {
	clear: both;
	float: left;
	margin:0 5.6% 0 0;
	padding: 0 0 0 13.4%;
	width: 33.9795%;
	/*min-height:8.9em!important;*/
	display: block;

}

#right-portfolio {
	clear: none;
	float: left;
	margin:0 10% 0 0;
	padding:2.38% 0 0 .5%;
	width: 33.9795%;
	display: block;	
}

.left-portfolio2 {
	clear: both;
	float: left;
	margin:0 5.6% 0 0;
	padding: 0 0 0 13.4%;
	width: 33.9795%;
	/*min-height:8.9em!important;*/
	display: block;
	
	

}

.right-portfolio2 {
	clear: none;
	float: left;
	margin:0 10% 0 0;
	padding:0 0 0 .5%;
	width: 33.9795%;
	display: block;	
	
}


#l-angela-pues {
	clear: both;
	float: left;
	margin:0;
	padding: 3% 0 0 13.4%;
	width: 25.9795%;
	display: block;
	text-align:right;

}

#m-angela-pues {
	clear: none;
	float: left;
	margin:0 0 2% 0;
	padding:0;
	width: 21.9795%;
	display: block;	
	text-align:top;
	
}

#r-angela-pues {
	clear: none;
	float: left;
	margin:0;
	padding:5.6% 0 0 0;
	width: 25.9795%;
	display: block;	
	text-align:normal;
}

#l-kordula-marzinzik {
	clear: both;
	float: left;
	margin:0;
	padding: 3% 0 0 8.4%;
	width: 30.9795%;
	display: block;
	text-align:right;

}

#m-kordula-marzinzik {
clear: none;
	float: left;
	margin:0 0 2% 0;
	padding:0;
	width: 21.9795%;
	display: block;	
	text-align:top;
	
}

#r-kordula-marzinzik {
	clear: none;
	float: left;
	margin:0;
	padding:5.6% 0 0 0;
	width: 25.9795%;
	display: block;	
	text-align:left;
}

#l-anette-lindemann {
	clear: both;
	float: left;
	margin:0;
	padding: 3% 0 0 8.4%;
	width: 30.9795%;
	display: block;
	text-align:right;

}

#m-anette-lindemann {
clear: none;
	float: left;
	margin:0 0 2% 0;
	padding:0;
	width: 21.9795%;
	display: block;	
	text-align:top;
	
}

#r-anette-lindemann {
	clear: none;
	float: left;
	margin:0;
	padding:5.6% 0 0 0;
	width: 25.9795%;
	display: block;	
	text-align:left;
}


#l-dirk-kazmierczak {
	clear: both;
	float: left;
	margin:0;
	padding: 3% 0 0 8.4%;
	width: 30.9795%;
	display: block;
	text-align:right;

}

#m-dirk-kazmierczak {
clear: none;
	float: left;
	margin:0 0 2% 0;
	padding:0;
	width: 21.9795%;
	display: block;	
	text-align:top;
	
}

#r-dirk-kazmierczak {
	clear: none;
	float: left;
	margin:0 0 10% 0;
	padding:5.6% 0 0 0;
	width: 25.9795%;
	display: block;	
	text-align:left;
}

#def {
	clear: both;
	float: left;
	margin: 0;
	padding: 0 0 0 13.4%;
	width: 75%;
	display: block;
	min-height:9.54em!important;
	
}


#defi {
	clear: both;
	float: left;
	margin: 0;
	padding: 5.7% 0 0 13.4%;
	width: 75%;
	display: block;
	min-height:8.9em!important;
}

#show {
	clear: both;
	float: left;
	margin: 0;
	padding: .8% 0 0 13.4%;
	width: 73.1%;
	display: block;
max-height:35.9em!important;		
}

#mobile-nav {
	clear: both;
	float: left;
	margin: 0 0 1% 0;
	width: 100%;
	display: block;
	background: #E95E1D;
	
	
}
#image {
	clear: both;
	float: left;
	margin: 0;
	padding:0;
	width: 100%;
	display: block;
}

#line {
	
	display: none;
	
}


.imagelogo {
	clear: both;
	float: left;
	margin: 0;
	padding:0;
	width: 100%;
	display: block;
}

.link{
	padding:.3em .09em 0 0.8em;}
	
.visit {
	color: #000000; 
	font-weight: 800;
	
	text-decoration: none;
	font-family:'Open Sans', sans-serif;
	font-size: 1.05em;
	padding:0 2.2%;
}
a.navi:link {
	color: #8B8C8E; 
	font-weight: 800;
	
	text-decoration: none;
	font-family:'Open Sans', sans-serif;
	font-size: 1.05em;
	padding:0 2.2%;
	}

a.navi:visited {
	color:  #8B8C8E;
	font-weight: 800;
	text-decoration: none;
	font-family:'Open Sans', sans-serif;
	font-size: 1.05em;
}
a.navi:active {
	color: #8B8C8E;
	font-weight: 800;
	text-decoration: none;
	font-family:'Open Sans', sans-serif;
	font-size: 1.05em;
}
a.navi:hover {
	color: #000000;
	font-weight: 800;
	text-decoration: none;
	font-family:'Open Sans', sans-serif;
	font-size: 1.05em;
}
.header{
	font-size: 1.4em;
	font-family:'Open Sans', sans-serif;
	/*letter-spacing: .02651em;*/
	line-height: 135%;
		margin:0;
	padding:0;
}

.ist{
	color:#DE781F;
	font-size: 1.1em;
	line-height: 145%;
	letter-spacing: .02651em;
	margin:0;
	padding:0 0 4.5% 0;
}

.grau{
	color:#87888A;
	font-size: 1.1em;
	line-height: 145%;
	letter-spacing: .02651em;
	margin:0;
	padding:0 0 4.5% 0;
}

.istblu{
	font-size: 1.1em;
	line-height: 145%;
	letter-spacing: .02651em;
	margin:0;
	padding:0 0 4.5% 0;
}
	
.istblur{
	font-size: 1.1em;
	line-height: 145%;
	letter-spacing: .02651em;
	margin:0;
	padding:5.5% 0 4.5% 0;
}
	
.header-up{
	font-size: 1.4em;
	font-family:'Open Sans', sans-serif;
	line-height: 135%;
	margin:0;
	padding:5% 0 0 0;
}
	
	

.bolder{
	font-size: 1.7em;
	font-family: 'Prata', serif;
	letter-spacing: .02651em;
	line-height: 135%;
	margin:0;
	padding:0;
}


.bolderQ{
	font-size: 2.3em;
	font-family: 'Prata', serif;
	color:#E95E1D;
	letter-spacing: .02651em;
	margin:0;
	padding:0;
}

.quote_footer {
	float: right;
	font-size: .95em;
	font-family:'Open Sans', sans-serif;
	font-weight: bold;
	color: #E3791D;
	margin:0;
	padding: 0.9% 5% 0 0;

}
.quote_sind {
	float: right;
	font-size: 1em;
	font-family:'Open Sans', sans-serif;
	font-weight: 400;
	color: #0B5F80;
	margin:0;
	padding: 0.9% 5% 0 0;

}

#footerlinks {
	
	display: none;
}

#footerl {
	
	display: none;
}

#footerr {
display: none;
	
	
}

#logo {
	display: block;
    margin-left: auto;
    margin-right: auto;
	background: url(../images/doppelpunkt-logo-akt.svg) no-repeat center top;
	clear: both;
	
}

#links_l {
	clear: none;
	float: left;
	margin:0 0 0 10%;
	padding:0;
	width: 26.9795%;
	display: block;
	
	
}
#links_m {
	clear: none;
	float: left;
	margin: 0 0 0 5%;
	padding:0;
	width: 26.9795%;
	display: block;
	
	
}


#impressum_l {
	clear: none;
	float: left;
	margin:0 0 0 10%;
	padding:0;
	width: 26.9795%;
	display: block;
	
	
}

#impressum_m {
	clear: none;
	float: left;
	margin: 0 0 0 5%;
	padding:0;
	width: 26.9795%;
	display: block;
	
	
}

#impressum_r {
	clear: none;
	float: left;
	margin:0 0 0 2%;
	padding:0;
	width: 26.9795%;
	display: block;
	min-height:42.3em!important;
	
	
}
#daten_l {
	clear: none;
	float: left;
	margin:0 0 0 6.1%;
	padding:0;
	width: 26.9795%;
	display: block;
	
	
}

#daten_m {
	clear: none;
	float: left;
	margin: 0 0 0 4%;
	padding:0;
	width: 26.9795%;
	display: block;
	
	
}

#daten_r {
	clear: none;
	float: left;
	margin:0 0 0 4%;
	padding:0;
	width: 26.9795%;
	display: block;
	
	
}
#dbplogo {
	display:none;
}
.space {
	
	padding:0 0 0 45.949%;
	}
	
}

/* Desktop Layout: 769px to a max of 1232px.  Inherits styles from: Mobile Layout and Tablet Layout. */

@media all and (min-width: 75em) {
.gridContainer {
	width: 88.2%;
	max-width: 94em;
	padding-left: 0.9%;
	padding-right: 0.9%;
	margin: auto;
}
/*.gridContainer {
	width: 88.2%;
	max-width: 1232px;
	padding-left: 0.9%;
	padding-right: 0.9%;
	margin: auto;
}*/

#main {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	
}
#dbplogo {
	display:none;
}
#navigation {
	clear: none;
	float: left;
	margin: 5% 0 4% 0;
	padding:0;
	/*width: 93.5%;*/
	width: 100%;
	display: block;
	text-align:center;
		
}
#content {
	clear: both;
	float: left;
	margin: 0;
	padding:0;
	width: 100%;
	display: block;
	
}
#left {
	clear: both;
	float: left;
	margin: 0;
	padding:0;
	width: 52.9795%;
	display: block;

	
}
#right {
	clear: none;
	float: left;
	margin:0;
	padding:.7% 0 2% .5%;
	width: 33.9795%;
	display: block;
	min-height:7em!important;
	
}

#leftk {
	clear: both;
	float: left;
	margin: 0;
	padding:5.8% 0 0 24.7%;
	width: 28.3%;
	display: block;
	min-height:7em!important;

	
}
#rightk {
	clear: none;
	float: left;
	margin:0;
	padding:5.8% 0 2% 0;
	width: 33.9795%;
	display: block;
	min-height:7em!important;
	
	
}

#right1 {
	clear: none;
	float: left;
	margin:0 10% 0 0;
	padding:5.8% 0 0 .5%;
	width: 33.9795%;
	display: block;
	min-height:19.5em!important;	
}

#left1 {
	clear: both;
	float: left;
	margin: 0;
	padding:0;
	width: 52.9795%;
	display: block;
	text-align:right;
	
}

#links_l {
	clear: none;
	float: left;
	margin:0 0 0 10%;
	padding:0;
	width: 42%;
	display: block;

	
	
}

#links_m {
	clear: none;
	float: left;
	margin:0 0 0 10%;
	padding:0;
	width: 42%;
	display: block;
	
	
}

#impressum_l {
	clear: none;
	float: left;
	margin:0 0 0 10%;
	padding:0;
	width: 26.9795%;
	display: block;
	
	
}

#impressum_m {
	clear: none;
	float: left;
	margin: 0 0 0 5%;
	padding:0;
	width: 26.9795%;
	display: block;
	
	
}

#impressum_r {
	clear: none;
	float: left;
	margin:0 0 0 2%;
	padding:0;
	width: 26.9795%;
	display: block;
	min-height:42.3em!important;
	
	
}
#daten_l {
	clear: none;
	float: left;
	margin:0 0 0 6.1%;
	padding:0;
	width: 26.9795%;
	display: block;
	
	
}

#daten_m {
	clear: none;
	float: left;
	margin: 0 0 0 4%;
	padding:0;
	width: 26.9795%;
	display: block;
	
	
}

#daten_r {
	clear: none;
	float: left;
	margin:0 0 0 4%;
	padding:0;
	width: 26.9795%;
	display: block;
	
	
}

#left-hilft {
	clear: both;
	float: left;
	margin:0 5.6% 0 0;
	width: 33.9795%;
	padding: 5.8% 0 0 13.4%;
	/*min-height:8.9em!important;*/
	display: block;
}

#right-hilft {
	clear: none;
	float: left;
	margin:0 10% 0 0;
	padding:5.8% 0 0 .5%;
	width: 28.9795%;
	display: block;	
	min-height:19.5em!important;
}

#left-hilft2 {
	clear: both;
	float: left;
	margin:0 5.6% 0 0;
	padding: 3.7% 0 0 13.4%;
	width: 33.9795%;
	/*min-height:8.9em!important;*/
	display: block;

}

#right-hilft2 {
	clear: none;
	float: left;
	margin:0 10% 0 0;
	padding:6.38% 0 0 .5%;
	width: 33.9795%;
	display: block;	
}

#left-hilft3 {
	clear: both;
	float: left;
	margin:0 5.6% 0 0;
	padding: 3.7% 0 0 13.4%;
	width: 33.9795%;
	/*min-height:8.9em!important;*/
	display: block;

}

#right-hilft3 {
	clear: none;
	float: left;
	margin:0 10% 1.5% 0;
	padding:6.38% 0 0 .5%;
	width: 33.9795%;
	display: block;	
}

#left-portfolio {
	clear: both;
	float: left;
	margin:0 5.6% 0 0;
	padding: 0 0 0 13.4%;
	width: 33.9795%;
	/*min-height:8.9em!important;*/
	display: block;

}

#right-portfolio {
	clear: none;
	float: left;
	margin:0 10% 0 0;
	padding:2.38% 0 0 .5%;
	width: 33.9795%;
	display: block;	
}

.left-portfolio2 {
	clear: both;
	float: left;
	margin:0 5.6% 0 0;
	padding: 0 0 0 13.4%;
	width: 33.9795%;
	/*min-height:8.9em!important;*/
	display: block;
	
	

}

.right-portfolio2 {
	clear: none;
	float: left;
	margin:0 10% 0 0;
	padding:0 0 0 .5%;
	width: 33.9795%;
	display: block;	
	
}


#l-angela-pues {
	clear: both;
	float: left;
	margin:0;
	padding: 3% 0 0 13.4%;
	width: 25.9795%;
	display: block;
	text-align:right;

}

#m-angela-pues {
	clear: none;
	float: left;
	margin:0 0 2% 0;
	padding:0;
	width: 21.9795%;
	display: block;	
	text-align:top;
	
}

#r-angela-pues {
	clear: none;
	float: left;
	margin:0;
	padding:5.6% 0 0 0;
	width: 25.9795%;
	display: block;	
	text-align:normal;
}

#l-kordula-marzinzik {
	clear: both;
	float: left;
	margin:0;
	padding: 3% 0 0 8.4%;
	width: 30.9795%;
	display: block;
	text-align:right;

}

#m-kordula-marzinzik {
clear: none;
	float: left;
	margin:0 0 2% 0;
	padding:0;
	width: 21.9795%;
	display: block;	
	text-align:top;
	
}

#r-kordula-marzinzik {
	clear: none;
	float: left;
	margin:0;
	padding:5.6% 0 0 0;
	width: 25.9795%;
	display: block;	
	text-align:left;
}

#l-anette-lindemann {
	clear: both;
	float: left;
	margin:0;
	padding: 3% 0 0 8.4%;
	width: 30.9795%;
	display: block;
	text-align:right;

}

#m-anette-lindemann {
clear: none;
	float: left;
	margin:0 0 2% 0;
	padding:0;
	width: 21.9795%;
	display: block;	
	text-align:top;
	
}

#r-anette-lindemann {
	clear: none;
	float: left;
	margin:0;
	padding:5.6% 0 0 0;
	width: 25.9795%;
	display: block;	
	text-align:left;
}


#l-dirk-kazmierczak {
	clear: both;
	float: left;
	margin:0;
	padding: 3% 0 0 8.4%;
	width: 30.9795%;
	display: block;
	text-align:right;

}

#m-dirk-kazmierczak {
clear: none;
	float: left;
	margin:0 0 2% 0;
	padding:0;
	width: 21.9795%;
	display: block;	
	text-align:top;
	
}

#r-dirk-kazmierczak {
	clear: none;
	float: left;
	margin:0 0 10% 0;
	padding:5.6% 0 0 0;
	width: 25.9795%;
	display: block;	
	text-align:left;
}

#def {
	clear: both;
	float: left;
	margin: 0;
	padding: 0 0 0 13.4%;
	width: 75%;
	display: block;
	min-height:9.54em!important;
	
}


#defi {
	clear: both;
	float: left;
	margin: 0;
	padding: 5.7% 0 0 13.4%;
	width: 75%;
	display: block;
		min-height:19.58em!important;
}

#show {
	clear: both;
	float: left;
	margin: 0;
	padding: .8% 0 0 13.4%;
	width: 73.1%;
	display: block;
max-height:45.9em!important;	
}

/*#footer {
	clear: both;
	float: left;
	margin: 5% 0 0 0;
	padding:1.5% 0;
	width: 100%;
	display: block;
	text-align:center;
	border-top:1px solid #BABABA;
}*/

#footerlinks {
	clear: both;
	float: left;
	margin:0;
	padding:0 0 2% 18.3%;
	width: 20.2795%;
	display: block;	
	text-align:right;

	
	
}

#footerl {
	clear: none;
	float: left;
	margin:0;
	padding:0 0 2% 0;
	width: 20.2795%;
	display: block;	
	text-align:center;

	
	
}

#footerr {
	clear: none;
	float: left;
	margin: 0 0 2% 0;
	padding:0;
	width:20.2795%;
	
	display: block;
	text-align:left;

	
	
}
#mobile-nav {
	display:none;
	
}
#image {
	clear: both;
	float: left;
	margin: 0;
	padding:0;
	width: 100%;
	display: block;
}

.imagelogo {
	clear: both;
	float: left;
	margin: 0;
	padding:0;
	width: 100%;
	display: block;
}


.link{
	padding:.3em .09em 0 0.8em;}
	
.visit {
	color: #000000; 
	font-weight: 800;
	
	text-decoration: none;
	font-family:'Open Sans', sans-serif;
	font-size: 1.05em;
	padding:0 2.2%;
}
a.navi:link {
	color: #8B8C8E; 
	font-weight: 800;
	
	text-decoration: none;
	font-family:'Open Sans', sans-serif;
	font-size: 1.05em;
	padding:0 2.2%;
	}

a.navi:visited {
	color:  #8B8C8E;
	font-weight: 800;
	text-decoration: none;
	font-family:'Open Sans', sans-serif;
	font-size: 1.05em;
}
a.navi:active {
	color: #8B8C8E;
	font-weight: 800;
	text-decoration: none;
	font-family:'Open Sans', sans-serif;
	font-size: 1.05em;
}
a.navi:hover {
	color: #000000;
	font-weight: 800;
	text-decoration: none;
	font-family:'Open Sans', sans-serif;
	font-size: 1.05em;
}
.header{
	font-size: 1.4em;
	font-family:'Open Sans', sans-serif;
	/*letter-spacing: .02651em;*/
	line-height: 135%;
		margin:0;
	padding:0;
}

.header-up{
	font-size: 1.4em;
	font-family:'Open Sans', sans-serif;
	line-height: 135%;
	margin:0;
	padding:5% 0 0 0;
}


.ist{
	color:#DE781F;
	font-size: 1.1em;
	line-height: 145%;
	letter-spacing: .02651em;
	margin:0;
	padding:0 0 4.5% 0;
}
.impress{
	color:#a2a2a2;
	font-size: 1.1em;
	line-height: 145%;
	letter-spacing: .02651em;
	margin:0;
	padding:0 0 4.5% 0;
}

.impresse{
	color:#a2a2a2;
	font-size: 1.1em;
	line-height: 145%;
	letter-spacing: .02651em;
	margin:0;
	padding:0 0 21% 0;
}


.grau{
	color:#87888A;
	font-size: 1.1em;
	line-height: 145%;
	letter-spacing: .02651em;
	margin:0;
	padding:0 0 4.5% 0;
}

.istblu{
	font-size: 1.1em;
	line-height: 145%;
	letter-spacing: .02651em;
	margin:0;
	padding:0 0 4.5% 0;
}
	
.istblur{
	font-size: 1.1em;
	line-height: 145%;
	letter-spacing: .02651em;
	margin:0;
	padding:5.5% 0 4.5% 0;
}
	
	
	

.bolder{
	font-size: 1.7em;
	font-family: 'Prata', serif;
	letter-spacing: .02651em;
	line-height: 135%;
	margin:0;
	padding:0;
}


.bolderQ{
	font-size: 2.3em;
	font-family: 'Prata', serif;
	color:#E95E1D;
	letter-spacing: .02651em;
	margin:0;
	padding:0;
}

.quote_footer {
	float: right;
	font-size: .95em;
	font-family:'Open Sans', sans-serif;
	font-weight: bold;
	color: #E3791D;
	margin:0;
	padding: 0.9% 5% 0 0;

}
.quote_sind {
	float: right;
	font-size: 1em;
	font-family:'Open Sans', sans-serif;
	font-weight: 400;
	color: #0B5F80;
	margin:0;
	padding: 0.9% 5% 0 0;

}


h1{
	color:black;
	font-family:'Prata', sans-serif;
	font-weight: bold;
	font-size: 1.55em;
	margin:0;
	padding:0 0 2% 0;
}

h2{
	color:black;
	font-family:'Prata', sans-serif;
	font-weight: bold;
	font-size: 1.55em;
	margin:0;
	padding:0;
}

h3{
	color:black;
	font-family:'Open Sans', sans-serif;
	font-weight: bold;
	font-size: 1.2em;
	margin:0;
	padding:0;
}
h4{
	color:black;
	font-family:'Open Sans', sans-serif;
	font-weight: bold;
	font-size: 1.2em;
	margin:0;
	padding:0;
}

h5{
	color:#87888A;
	font-family:'Open Sans', sans-serif;
	font-weight: bold;
	font-size: 1.2em;
	margin:0;
	padding:0;
}

a.star {font-family:'Open Sans';
	font-size:1em;
	color:#DE781F;
	text-align:left;
	margin:0;
	padding:2% 0;
	text-decoration:none;
	}
	a.black {font-family:'Open Sans';
	font-size:1em;
	color:black;
	text-align:left;
	margin:0;
	padding:2% 0;
	text-decoration:none;
	}
	
a.blu {font-family:'Open Sans';
	font-size:1em;
	color:#095E7F;
	text-align:left;
	margin:0;
	padding:2% 0;
	text-decoration:none;
	}
	#logo {
	display: block;
    margin-left: auto;
    margin-right: auto;
	
	background: url(../images/doppelpunkt-logo-akt.svg) no-repeat center top;
	clear: both;
}

.space {
	
	padding:0 0 0 46.949%;
	}
	
.spaceit {
	text-align:right;
	padding:1% 0 0 0;
	}	
#line {
	clear: both;
	float: left;
	margin: 2% 0 0 0;
	padding:0;
	width: 100%;
	display: block;
	border-top:1px #BABABA solid;
}
.graur {
	color: #87888A;
	font-weight: 800;
	font-family:'Open Sans', sans-serif;
	font-size: 1.15em;
	line-height: 135%;
	letter-spacing: .02651em;
	text-align: left;
	padding: 2% 0 2% 1%;
}
}