body {
	font-size:.8em;
	overflow-x:hidden;
	position:absolute;
	width:100%;
	color:#2f2f2f;
	top: 0px;
	margin: 0px;
	padding: 0px;
	height: auto;
	max-hight:25px;
	clear: none;
	z-index: -999999;
	background-color: #fff;
	letter-spacing: 0.03em;
}
h22 { 
margin: -20px 0 25px 15px;
font-size: 2rem;
text-shadow: 8px 8px 1px #9ed3f4;
color: #ef6427;
}
#cookiedingsbums a {color:#fff; text-decoration:none;}

#cookiedingsbums a:hover {text-decoration:underline;}

#cookiedingsbums div {padding:24px; padding-right:90px;}

#cookiedingsbums { 
   outline: 0px solid #fff; 
   color: #fff;
   opacity: 85%;
   text-align:right; 
   border-top:0px solid #fff;
   background: #fff; 
   background: -moz-linear-gradient(top, #fff 0%, #fff 100%); 
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff), color-stop(100%,#fff)); 
   background: -webkit-linear-gradient(top, #fff 0%,#fff 100%); 
   background: -o-linear-gradient(top, #fff 0%,#fff 100%);
   background: -ms-linear-gradient(top, #fff 0%,#fff 100%); 
   background: linear-gradient(to bottom, #fff 0%,#fff 100%); 
   filter: progid:DXImageTransform.Microsoft.gradient(   startColorstr='#d6e0eb', endColorstr='#f2f6f9',GradientType=0 ); 
   position:fixed;
  bottom:10%; 
   z-index:20000; 
   width:70%; 
   font-size:.9rem; 
   letter-spacing: .05em;
   line-height:20px;
    border-radius: 0 30px 30px 0;
    background: #2d6392;
	color: #fff;
   
   }


#cookiedingsbumsCloser {
   color: #fff;
   font: 24px/100% arial, sans-serif;
   position: absolute;
   right: 8px;
   text-decoration: none;
   top: 14%;
   cursor:pointer;
   border-top:0px solid #2d6392; 
   border-left:0px solid #2d6392; 
   border-bottom:0px solid #2d6392; 
   border-right:0px solid #2d6392; 
   padding:10px;
   background: #fff; /* Old browsers */
   background: -moz-linear-gradient(top, #2d6392 0%, #2d6392 100%); 
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2d6392), color-stop(100%,#2d6392)); 
   background: -webkit-linear-gradient(top, ##2d6392,##2d6392 100%); 
   background: -o-linear-gradient(top, #2d6392,#2d6392 100%); 
   background: -ms-linear-gradient(top, #2d6392,#2d6392 100%); 
   background: linear-gradient(to bottom, #2d6392,#2d6392 100%); 
   filter: progid:DXImageTransform.Microsoft.gradient(    startColorstr='#2d6392', endColorstr='#2d6392',GradientType=0 ); 
 }
 
 
 
 

#cookiedingsbumsCloser:hover {border-bottom:1px solid #2d6392; border-right:0px solid white; border-top:0px solid #7b92a9; border-left:2px solid #7b92a9;}

p,h3,h4,pre {
  	text-align: inherit; 
  	max-width: 1589px;
 	 margin: 0 auto 10px;
  	}
h3,h4,pre {
  	text-align: left;
  	max-width: 1589px;
 	margin: 0 auto 20px;
	text-shadow: 0px 0px 0px #;
	font-size: 1.4em;
	}

h9 {color: #585858;
	font-size: 1em;
	font-weight: 200;
	text-transform: uppercase;
	letter-spacing: .15em;
	}
h10 {color: #585858;
	font-size: 1.1em;
	font-weight: 200;
	text-transform: none;
	letter-spacing: .15em;
	 margin: 0 0 0px 5px;
	}
h11 {color: #585858;
	font-size: 1em;
	font-weight: 200;
	text-transform: none;
	letter-spacing: .15em;
	margin: 0 0 0px 5%;
	}
	
h12 {color: #010101;
	font-size: .8em;
	font-weight: 200;
	text-transform: uppercase;
	letter-spacing: .15em;
	visibility: visible;
	}


h3 {
	color: #585858;
	font-weight:400;
	text-transform: uppercase;
	letter-spacing: .15em;
		}
h4 {
    font-size: 1.5em;
    float: right;
    font-weight: 200;
    text-rendering: optimizeLegibility;
    letter-spacing: .15em;
    text-transform: uppercase;
    margin: 0px 0 20px 0;
    width: 100%;
    text-align: left;
}
	
	h6 {
    color: color: #585858;
    font-family: 'Roboto Condensed', 'Hind', Helvetica, Arial, sans-serif;
    font-size: 1.3rem;
    line-height: 35px;
    font-weight: 200;
    text-rendering: optimizeLegibility;
    margin: 25px 0 20px 0;
	text-align: left;
    letter-spacing: .15em;
    text-transform: uppercase;
    color: #62a1e1;
}

h2 {
  color: #076f8e;
  font-family: 'Roboto Condensed', 'Hind', Helvetica, Arial, sans-serif;
  font-size: 1.3rem;
  line-height: 40px;
  font-weight: 400;
  padding: 0% 0 0 0%;
  text-rendering: optimizeLegibility;
  margin: 90px 0 25px 0;
  text-align: left;
  letter-spacing: .15em;
  text-transform: uppercase;
}

#featuredContent h22 {
    color: #585858;
    font-family: 'Roboto Condensed', 'Hind','Helvetica Neue', Arial, sans-serif;
    font-size: 2.5rem;
    line-height: 40px;
    font-weight: 400;
    padding: 0px 5px 10px 5px;
    text-rendering: optimizeLegibility;
    margin: 50px 0px 0px 0px;
    text-align: left;
    letter-spacing: .15em;
    text-transform: uppercase;
    float: left;
}

#preise_slider {
    display:  block;
    visibility: visible;
    right: 0px;
    top: 197px;
    width: 50px;
    z-index: 90000000;
    display: block;
    margin: 0px auto;
}


.h4_intro_a_r2a {
    background: #;
    box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.05);
    margin-bottom: 10px;
    border-top: 16px solid #2d6392;
    border-bottom: 16px solid #2d6392;
    position: relative;
    text-shadow: 0px 0px 0px #;
    color: #2d6392;
	  border-radius: 30px 30px 30px 30px;
    box-shadow: 0px 0px 5px 4px rgba(5,1,3,0.15);
}


#preise_slider {
    visibility: visible;
    right: 0px;
    bottom: 0px;
    width: 60px;
    z-index: 90000000;
    background-clip: padding-box;
    font-size: .8em;
    
    display: flex;
    height: 0;
    display: block;
    clear: none;
    vertical-align: top;
    -webkit-margin-before: 0px;
    -webkit-margin-after: 0px;
    -webkit-transition: transform 0.3s cubic-bezier(0, .61, .31, 1.02), padding 0.3s cubic-bezier(0, .61, .31, 1.02);
    -moz-transition: transform 0.3s cubic-bezier(61, .61, .31, 51.02), padding-top 0.3s cubic-bezier(0, .61, .31, 1.02);
    -o-transition: transform 0.3s cubic-bezier(0, .61, .31, 1.02), padding-top 0.3s cubic-bezier(0, .61, .31, 1.02);
    transition: transform 0.3s cubic-bezier(0, .61, .31, 1.02), padding-top 0.3s cubic-bezier(61, .61, .31, 1.02);
	
}
.h4_intro_2 h2 {
	color: #36ca7b;
	font-family: 'Helvetica Neue', Arial, sans-serif;
	font-size: 3.2rem;
	line-height: 60px;
	text-shadow: 0px 0px 0px #;
	font-weight: 600;
	padding-left: 0%;
	text-rendering: optimizeLegibility;
	margin: 0px 0 10px 0;
	text-align: left;
	letter-spacing: .0625rem;
text-transform: uppercase;
}



	#agb h2 {
	color: #545454;
	font-family: 'Roboto Condensed', 'Hind', 'Helvetica Neue', Arial, sans-serif;
	font-size: 1.7rem;
	line-height: 0px;
	text-shadow: 0px 0px 0px #;
	font-weight: 400;
	padding-left: 0%;
	text-rendering: optimizeLegibility;
	margin: 0px 0 15px 0;
	text-align: center;
	float:left;
	letter-spacing: .15em;

}



	h5 {
    font-family: 'Roboto Condensed', Hind, 'Helvetica Neue', Arial, sans-serif;
    color: #585858;
    font-size: .9rem;
    line-height: .9rem;
    font-weight: 400;
    padding: 0 0 17px 0;
    text-rendering: optimizeLegibility;
    margin: 30px 0 0;
    text-align: left;
	letter-spacing: .15rem;
}

h7 {
	color: #62a1e1;
	font-family: 'Roboto Condensed', 'Hind', 'Helvetica Neue', Arial, sans-serif;
	font-size: 2.0rem;
	line-height: 2.2rem;
	font-weight:  300;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-right: 8px;
	text-rendering: optimizeLegibility;
	letter-spacing: 0.2em;
	text-transform: uppercase;
	float: left;
	width: 100%;
	height:auto;
	z-index:1;

}
#img_intro_image_tablet h7, #img_about_image_fullscreen h7, #img_about_image_tablet h7, #img_kontakt_image_tablet h7, #img_kontakt_image_fullscreen h7, #img_impressum_image_fullscreen h7, #img_impressum_image_tablet h7, #img_ausstellungen_image_tablet h7, #img_ausstellungen_image_fullscreen h7, #img_times_trilogy_2_image_tablet h7, #img_times_trilogy_2_image_fullscreen h7, #img_manifold_12_image_tablet h7,  #img_manifold_12_image_fullscreen h7, #img_manifold_11_image_fullscreen h7, #img_manifold_11_image_tablet h7, #img_manifold_10_image_tablet h7, #img_manifold_10_image_fullscreen h7, #img_manifold_9_image_fullscreen h7, #img_manifold_9_image_tablet h7, #img_manifold_8_image_fullscreen h7, #img_manifold_7_image_fullscreen h7, #img_manifold_8_image_tablet h7, #img_manifold_7_image_tablet h7, #img_manifold_6_image_tablet h7, #img_manifold_6_image_fullscreen h7, #img_manifold_5_image_tablet h7, #img_manifold_5_image_fullscreen h7, #img_manifold_4_image_tablet h7, #img_manifold_4_image_fullscreen h7, #img_manifold_3_image_fullscreen h7, #img_manifold_3_image_tablet h7, #img_manifold_2_image_tablet h7, #img_manifold_2_image_fullscreen h7, #img_manifold_1_image_fullscreen h7, #img_manifold_1_image_tablet h7 {
	visibility: hidden;
	display:none; }
	
	
h17 {
	font-family: 'Roboto Condensed', Hind, 'Helvetica Neue', Arial, sans-serif;
	color: #585858;
	font-size: 1.2rem;
	line-height: 1.5rem;
	font-weight: 400;
	padding: 0 0 17px 0;
	text-rendering: optimizeLegibility;
	margin: 30px 0 0;
	text-align: left;
	letter-spacing: .15rem;
}

h18 {color: #f9f9f9;
	font-size: 1.1em;
	font-weight: 800;
	letter-spacing: .15em;
	text-align:justify;
	text-rendering: optimizeLegibility;
	}

h19 {
	color: #585858;
	font-family: 'Roboto Condensed', 'Hind', 'Helvetica Neue', Arial, sans-serif;
	font-size: .9rem;
	line-height: 1.1rem;
	font-weight:  300;
	margin-top: 15px;
	margin-bottom: 0px;
	margin-right: 8px;
	text-rendering: optimizeLegibility;
	letter-spacing: 0.13em;
	text-transform: uppercase;
	float: left;
	width: 100%;
}


#navi_fone h7 {
	color: #f9f9f9;
}

h8 {
	color: #82878c;
	font-family: 'Roboto Condensed', 'Hind', 'Helvetica Neue', Arial, sans-serif;
	font-size: 1.7rem;
	line-height: 26px;
	font-weight: 800;
	text-rendering: optimizeLegibility;
	letter-spacing: .15em;
}

.dwuserEasyRotator {
	width: 100%;
	height: 130px;
	position:relative;
	text-align: left;
	margin-top: 15px;
	margin-bottom: 15px;
	}
	.h4_intro_essays, .h4_intro_essays2 {
	visibility:  hidden;
	display: none;
}

.h4_intro, .h4_intro_a, .h4_intro_c, .h4_intro_a_r2, .h4_intro_essay_text {
	margin-left: 0px;
	font-size: 1.7rem;
	line-height: 1.5em;
	height: auto;
	width: ;
	margin-top: 188px;
	font-weight: lighter;
	text-align: justify;
	display: none;
	color: #264666;
	font-family: 'Roboto Condensed', 'Hind',  'Helvetica Neue', Arial, sans-serif;
	text-rendering: optimizeLegibility;
	font-style: normal; 
	font-weight: 700;

}
.h4_intro_essay_text {
	margin-left: 0px;
	font-size: 1.7rem;
	line-height: 1.5em;
	height: auto;
	width: ;
	margin-top: 188px;
	font-weight: lighter;
	text-align: justify;
	display: none;
	color: #2f2f2f;
	font-family: 'Roboto Condensed', 'Hind',  'Helvetica Neue', Arial, sans-serif;
	text-rendering: optimizeLegibility;
	font-style: normal; 
	font-weight: 700;
	display:block;
	visibility:visible;

}
.h4_intro_essay_a {
	margin-left: 0px;
	font-size: 1.7rem;
	line-height: 1.5em;
	height: auto;
	width: ;
	margin-top: 188px;
	font-weight: lighter;
	text-align: justify;
	display: none;
	color: #264666;
	font-family: 'Roboto Condensed', 'Hind',  'Helvetica Neue', Arial, sans-serif;
	text-rendering: optimizeLegibility;
	font-style: normal; 
	font-weight: 700;

}
.h4_intro_essays, .h4_intro_essays2 {
	margin-left: 0px;
	font-size: 1.7rem;
	line-height: 1.5em;
	height: auto;
	width: ;
	margin-top: 188px;
	font-weight: lighter;
	text-align: justify;
	display: none;
	color: #264666;
	font-family: 'Roboto Condensed', 'Hind',  'Helvetica Neue', Arial, sans-serif;
	text-rendering: optimizeLegibility;
	font-style: normal; 
	font-weight: 700;
	display:block;
	visibility:visible;
    background-image: url(../Bilder/Hintergrund_blumen.png);
    background-repeat: no-repeat;

}
.h4_intro_essays2 {
    background-image: url(../Bilder/Hintergrund_blumen_2.png);
    background-repeat: no-repeat;

}
.object-fit-cover {
    object-fit: cover;
    height: 100%;
    width: 100%;
	margin: 0px 0 0px 0;
	visibility:visible;
	display:block;
}

.h4_intro {
	margin: 30px 0 0 5%;
	border: 0px solid #FFF;
 	padding: 0px 3% 0px 3%;
  	height: auto;
  	width: ;
	background-color: #fff;
	float: left;
	
	font-size: 14px;
	font-weight: 300;
	line-height: 26px;
	letter-spacing: 0.05em;
	visibility: visible;
	display: block;
	
	border-top-width: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-left-style: solid;
	border-bottom-width: px;
	border-bottom-style: solid;
	border-bottom-color: #;
	border-right-width: px;
	border-left-width: px;
	border-right-color: #;
	border-left-color: #;
}
.h4_intro_essays, .h4_intro_essays2 {
  margin: 30px 0 0 5%;
  border: 0px solid #FFF;
  padding: 0px 3% 0px 3%;
  height: auto;
  width: ;
  background-color: #fff;
  float: left;
  font-size: 14px;
  font-weight: 300;
  line-height: 26px;
  letter-spacing: 0.05em;
  display: none;
  visibility: hidden;
}
#h4_intro h2, .h4_intro_essays h2, .h4_intro_essays2 h2 {
    font-family: 'Roboto Condensed', 'Hind', Trebuchet MS, Arial, sans-serif;
    font-size: 1.4rem;
    text-rendering: optimizeLegibility;
    margin: 0px 0px 20px 0px;
    line-height: 2.7rem;
    letter-spacing: .15em;
    text-transform: uppercase;
    text-align: left;
    font-weight: 400;
    color: #010101;
    display: block;
}

.h4_intro_essays2 h2 {
    color: #1c8ea8;
}
.h4_intro_1, .h4_intro_2 {
    font-size: 1.1em;
    line-height: 1.5em;
    font-weight: lighter;
    text-align: justify;
	display: block;
	visibility:visible;
}
.h4_intro_essay_1 {
    font-size: 1.1em;
    line-height: 1.5em;
    font-weight: lighter;
    text-align: justify;
	display: block;
	visibility:visible;
}
#content section h6 {
    color: #4f4f4f;
    font-family: 'Roboto Condensed', 'Hind', Helvetica, Arial, sans-serif;
    font-size: .9rem;
    line-height: 20px;
    font-weight: 400;
    text-rendering: optimizeLegibility;
    margin: 0 0 45px 0;
    text-align: right;
    letter-spacing: .12em;
    text-transform: uppercase;
    hyphens: auto;
    text-align: justify;
    text-transform: uppercase;
    hyphens: auto;
    text-align: justify;
}

.h4_intro_a, .h4_intro_c, .h4_intro_a_r2, .h4_intro_essay_text {
    margin: 0 0 40px 0;
    border: 0px solid #F66;
    padding: 0px 5% 0px 5%;
    height: auto;
    width: 85%;
    background-color: #;
    float: left;
    font-size: 14px;
    font-weight: 300;
    line-height: 29px;
    letter-spacing: .15em;
    visibility: hidden;
    display: none;
}
.h4_intro_essay_text {
    margin: 0 0 40px 0;
    border: 0px solid #F66;
    padding: 0px 2% 0px 2%;
    height: auto;
    width: 95%;
    background-color: #ffffff;
    float: left;
    font-size: 1.0rem;
    font-weight: 300;
    line-height: 29px;
    letter-spacing: .05em;
    visibility: visible;
    display: block;
	max-width: 930px;
}
.h4_intro_c {
    margin: 30px;
    padding: 30px;
    width: 40%;
    z-index: 1;
}
.h4_intro_essay_a {
    margin: 0 0 0 0;
    border: 0px solid #F66;
    padding: 0px 2% 0px 2%;
    height: auto;
    width: 95%;
    background-color: #ffffff;
    float: left;
    font-size: 1.05rem;
    font-weight: 300;
    line-height: 29px;
    letter-spacing: .05em;
    visibility: visible;
    display: block;
}

.h4_intro_a_r2a {
    background: #2d6392;
    box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.05);
    margin-bottom: 0px;
    border-top: 16px solid #2d6392;
    border-bottom: 16px solid #2d6392;
    position: relative;
    text-shadow: 0px 0px 0px #;
    color: #2d6392;
    height: 30px;
	bottom: 20px;
}
.h4_intro_a_r2a h2 {
	display: block;
	font-size: 1.2em;
	font-weight: bold;
}


.h4_intro_a_r2a_arrow {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 41px;
}


.h4_intro_a_r2a_arrow a {
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	border-right: 12px solid #0F9;
	width: 30px;
}
.h4_intro_a_r2a_arrow a:link  {
		position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	border-right: 12px solid #0F9;
	border-top-width: 4px;
	width: 90px;
}

.h4_intro_a_r2a_arrow a:hover {
		position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	border-right: 12px solid #0F9;
	border-top-width: 4px;
	width: 90px;
}

.h4_intro_a_r2a_arrow a:active {
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	border-right: 12px solid #0F9;
	border-top-width: 4px;
	width: 90px;

}

.h4_intro_a_r2a_arrow a:visited {
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	border-right: 12px solid #0F9;
	border-top-width: 4px;
	width: 90px;
}



.h4_intro_a_r2a_title {
	color: #ffffff;
	font: bold 19px/19px 'Roboto Condensed', 'Hint', "Helvetica Neue", Helvetica, Arial, sans-serif;
	letter-spacing: .15em;
	margin: 0 0 0 30px;
	height: auto;
	overflow: hidden;
	text-align: left;
	text-shadow: 0px 0px 0px #;
}

.object-fit-container_1 {
    height: auto;
    float: right;
    object-fit: cover;
    height: auto;
    width: 65%;
    visibility: visible;
	display: none;
    padding: 0%;
    margin: 0px 23px 0px 34px;
    z-index: 1;
	display: none;
  visibility: hidden;

}

:not(svg), :not(foreignObject) > svg {
	transform-origin-x: 0px;
	transform-origin-y: 0px;
	transform-origin-z: 0px;
	transform-box: view-box;
}
.shb .h4_intro_a_r2a_arrow svg polygon {
	fill: #e2620d;
}
.shb .h4_intro_a_r2a_arrow {
	border-color: #e2620d;
}

.h4_intro_a_r2a_arrow svg {
    width: 23px;
    height: 30px;
    position: absolute;
    left: 0px;
    top: 0px;
    margin-top: 0px;
    transform: rotate(-90deg);
}


#h4_intro_2 {
	
	padding-left: 10%;
	padding-right: 10%;
	padding-top: 32px;
	padding-bottom: 35px;
	font-size: 16px;
	line-height: 1.7em;
	letter-spacing: 0.065em;
	height: auto;
	width: auto;
	margin-top: 0px;
	margin-bottom: 0%;
	font-weight: 400;
	text-align: justify;
	color: #323e4d;
	font-family: 'Hind', 'Helvetica Neue', Arial, sans-serif;
	text-rendering: optimizeLegibility;
	background-color: #f0f2f5;
	float: left;
	visibility: visible;
/*Backround Color#f7f7f7*/
	
}
.img_instagram_logo {
	position: relative;
	visibility: visible;
	z-index: 99999999;
	height: 35px;
	width: 35px;
	float: left;
	background-image: url(../artworks/Instagram_logo_bw_k2.png);
	margin: 30px 4% 0px 20px;
    display: block;
	bottom: 26px;
	border: 0px solid #999;
}	
.img_facebook_logo {
  position: relative;
  visibility: visible;
  z-index: 99999999;
  height: 35px;
  width: 35px;
  float: left;
  background-image: url(../artworks/facebook_logo_k.png);
  margin: 30px 0% 0px -50px;
  display: block;
  bottom: -20px;
  border: 0px solid #999;
}
.h4_intro_1, .h4_intro_2 {
	
	padding-left: 3%;
	padding-right: 3%;
	font-size: 1.3em;
	line-height: 1.9em;
	height: auto;
	width: 94%;
	margin-top: 23px;
	margin-bottom: 0%;
	font-weight: 400;
	text-align: left;
	display: block;
	color: #264666;
	font-family: 'Roboto Condensed', 'Hind', 'Helvetica Neue', Arial, sans-serif;
	text-rendering: optimizeLegibility;
	letter-spacing: .05em;
    float: left;
}
.h4_intro_essay_1 {
	
	padding-left:5%;
	padding-right:5%;
	font-size: 1.3em;
	line-height: 1.9em;
	height: auto;
	width: 90%;
	margin-top: 7%;
	margin-bottom: 0%;
	font-weight: 400;
	text-align: left;
	display: block;
	color: #323e4d;
	font-family: 'Roboto Condensed', 'Hind', 'Helvetica Neue', Arial, sans-serif;
	text-rendering: optimizeLegibility;
	letter-spacing: .05em;
}

.h4_intro_ref {

	padding-left:5%;
	padding-right:4%;
	font-size: 1.7rem;
	line-height: 1.5em;
	height: auto;
	width: 90%;
	margin-top: -195px;
	margin-bottom: 4%;
	font-weight: 400;
	text-align: justify;
	display: block;
	color: #323e4d;
	font-family: 'Roboto Condensed', 'Hind', 'Helvetica Neue', Arial, sans-serif;
	text-rendering: optimizeLegibility;
	letter-spacing: .15em;
}
	
#content section {
    width: 100%;
    margin-right: 0 auto;
    padding: 0% 0% 0% 0%;
    box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);
    min-height: 670px;
	margin-bottom:3%;
	padding:0% 0% 0% 0%;
	box-shadow:0 0 0px rgba(7,7,7,.30);
	background-color: #ffffff;
	display: contents;
	z-index;7;
	min-height: 500px;
    visibility: visible;
    
	}
	
#hanemuehle {
	background-image: url(../images/images_references/belkina/Hahnemuehle-Logo_150dpi.jpg);
	background-repeat: no-repeat;
	height: 84px;
	width: 259px;
	float: left;
}

#anschrift {
	background-image: url(../images/anschrift.png);
	background-repeat: no-repeat;
	height: 84px;
	width: 259px;
	float: right;
}
#anschr_impr {
	background-image: url(../images/anschr_impr.png);
	background-repeat: no-repeat;
	height: 67px;
	width: 164px;
	float: left;
}
#anschr_foot2 {
	background-image: url(../images/anschr_foot2.png);
	background-repeat: no-repeat;
	height: 67px;
	width: 164px;
	float: left;
}
#anschr_foot1 {
	background-image: url(../images/anschr_foot1.png);
	background-repeat: no-repeat;
	height: 67px;
	width: 164px;
	float: left;
}


a {	
	color:#272727;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}

.head_1 {
	display: none;
}

.gradient {
       filter: none;
    } 
#navMain img {
width: 39px;
height: auto;
float: left;
vertical-align: central;
padding: 0px 0px 20px 25px;
}
/* -------- Beginn of Canvas einschub Gestalten der Navigation auis GitHub*/
#pageslide {
    /* These styles MUST be included. Do not change. */
    display: none;
    position: absolute;
    position: fixed;
    top: 0;
    height: 100%;
    z-index: 999999;
    /* Specify the width of your pageslide here */
    width: 200px;
    padding: 0px 20px 0px 20px;
    
    /* These styles are optional, and describe how the pageslide will look */
    background-color: #f3f3f3;
    color: #5d5d5d;
   
}

#pageslide ul {background:none;}

#pageslide ul li a {
	background:none;
	box-shadow:none;
	text-align:left;
	 color: #ef6427;
	 letter-spacing: 0.06em;
}
/* --------- Ende of Canvas Einschub*/


/*sorgt daf&uuml;r das die maximale Breite nicht &uuml;berschritten wird*/
.container {
	max-width:100%;
	margin:0 auto;
	margin: 0px auto 0px auto;
	z-index: 1;
}

#content {
    float: inline-start;
    width: 90%;
    padding: 0 0 0px 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    height: 100%;
    margin: 0px 5.1% 0px 5.4%;
	display: block;
	margin: 0px auto;
	display: block;
}

.h4_intro {
	text-rendering: optimizeLegibility;
	font-family: font-family: 'Roboto Condensed', 'Hind', 'Helvetica Neue', sans-serif;
	font-style: normal; 
	font-weight: 700;
	display: none;
	visibility: hidden;

}
.h4_intro_essays {
	text-rendering: optimizeLegibility;
	font-family: font-family: 'Roboto Condensed', 'Hind', 'Helvetica Neue', sans-serif;
	font-style: normal; 
	font-weight: 700;

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

}
.h4_intro  a, .h4_intro_1 a, .h4_intro_essays a {
	color: #ef6427;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	font-size: 1.1em;
	line-height: 13px;
}
.h4_intro a:link, .h4_intro_1 a:link, .h4_intro_essays a:link {
	color: #ef6427;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	font-size: 1.1em;
	line-height: 13px;
    line-height: 2;
}

.h4_intro a:hover, .h4_intro_1 a:hover, .h4_intro_essays a:hover {
	color: #ef6427;
	font-style: normal;
	font-weight: normal;
	font-size: 1.1em;
	line-height: 13px;
	text-decoration: underline;
    line-height: 2;
	}
.h4_intro a:active, .h4_intro_1 a:active, .h4_intro_essays a:active {
	color: #ef6427;
	text-decoration: none;
	font-style: normal;
	font-weight: normal;
	font-size: 1.1em;
	line-height: 13px;
    line-height: 2;
}
.h4_intro a:after, .h4_intro_1 a:after, .h4_intro_essays a:after {
	color: #ef6427;
	text-decoration: none;
	font-style: normal;
	font-weight: normal;
	font-size: 1.1em;
	line-height: 13px;
    line-height: 2;
}



#footer01  a {
	color: #FFF;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	font-size: 1.0em;
	line-height: 13px;
	visibility: hidden;
}
#footer01 a:link {
	color: #FFF;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	font-size: 1.0em;
	line-height: 13px;
}
#footer01 a:hover {
	color: #CCC;
	text-decoration: none;
	font-style: normal;
	font-weight: normal;
	font-size: 1.0em;
	line-height: 13px;
}
#footer01 a:active {
	color: #FFF;
	text-decoration: none;
	font-style: normal;
	font-weight: normal;
	font-size: 1.0em;
	line-height: 13px;
}
#footer01 a:after {
	color: #FFF;
	text-decoration: none;
	font-style: normal;
	font-weight: normal;
	font-size: 1.0em;
	line-height: 13px;
}

header {
	float:left;
	width:100%;
	max-width:975px;
	padding:0%;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	border-bottom:0px solid #333;
	height: auto;
	background: #;
	z-index: auto;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	display: block;
	text-align: center;
	margin:0 auto;
}

#banner320 {
	border-top-width: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #666;
	border-right-width: 0px;
	border-left-width: 0px;
	border-right-color: #666;
	border-left-color: #666;
	beckround-color: #666;
	background-color: #666;
	position: relative;
	height: 50%;
	width: 100%;
	margin-bottom: 0px;
	border-bottom-width: 0px;
	border-bottom-style: solid;
	border-bottom-color: #666;
}

#banner img {
	display: none;
	max-width: 700px;
}

#banner3 {
	display: none;	
}

#banner_footer {
	width: 80%;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	background-repeat: no-repeat;
	background-position: left top;
	z-index: 40;
	height: 30px;
	float: right;
}
/*positioniert den Men&uuml; Button in der Smartphone Ansicht*/


.open {
	float:right;
	height:50px;
	width:0px;
	text-indent:30px;
	background-image: url(../images/open.png);
	background-repeat: no-repeat;
	background-position: 0 -2px;
	z-index: 1;
	margin-top: 0px;
	margin-right: 3%;
	margin-bottom: 0;
	margin-left: 0%;
	padding-bottom: 0px;
	position: relative;
	padding:.25rem 2rem .25rem;
	font-size: 1rem;
	/* line-height: 1; */
	background-color: transparent;
	border: 0px solid transparent;
	border-radius: .25rem;
	color: #FFFFFF;
	border-color: #FFFFFF;
	position: relative;


}
#footer01 {
	position: relative;
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 0px;
	margin-left: 20px;
	padding-top: 0px;
	navMainpadding-right: 0;
	padding-bottom: 0px;
	padding-left: 0;
	z-index: 1;
	top: 30px;
	height: 17px;
	visibility: visible;
	left: 57px;
	line-height: 10px;
	width: 60px;
	

	text-align: center;
}
#navi_fone_3 {
	text-shadow: 0px 0px 0px #;
	font-family: 'Roboto', 'Hind', Helvetica, Arial, sans-serif;
	font-size: 1.5em;
	font-weight: normal;
	color: #f5f5f5;
	z-index:-1;
	width: auto;
	height: auto;
	bottom: auto;
	text-align:center;
	position: relative;
	margin: 0 5% 0 0;
	left:auto;
	visibility: visible;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	top: -1px;
	line-height: 22px;
	display: block;
	text-rendering: optimizeLegibility;
	letter-spacing: 0.07em;
}
#navi_fone_2 {
	font-size: 1em;
	font-weight: normal;
	z-index:-40;
	top:-9000px;
	visibility: hidden;
	display: none;	
	
	color: #f9f9f9;
	font-size: 1.8em;
	font-weight: 200;
	text-transform: uppercase;
	letter-spacing: 0.39em;

}

#navi_comment {
	visibility: hidden;
		z-index:-40;

	display: none;
	top:-9000px;
	visibility: hidden;
	display: none;
	}

#navi_fone {
	text-shadow: 0px 0px 0px #;
	font-family: Hind, Helvetica, Arial, sans-serif;
	font-size: 1em;
	font-weight: normal;
	color: #666;
	z-index: -99999;
	width: 0px;
	height: 0px;
	bottom: auto;
	text-align:center;
	position: relative;
	margin-top: 6px;
	margin-right: auto;
	margin-bottom: 6px;
	margin-left: 50px;
	left:0;
	visibility: hidden;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 5px;
	top: opx;
	border: 0px solid #CCC;
	line-height: 19px;
	height: 0px;
	display: none;
	background-color: #546b7b;
	text-rendering: optimizeLegibility;
}

#top {
	height: 60px;
	width: 100%;
	position: relative;
	z-index: 33330;
	top: 0px;
	background: #ffffff;
	position: fixed;
	top: 0;
	left: 0;
    opacity: .83;
}



#top_logo {
	position: relative;
	visibility: visible;
	z-index: auto;
	height: 40px;
	width: 40px;
	float: left;
	background-image: url(../hl_art_logo_144-precomposed.png);
	margin: -6px 3% 0 30px;
	background-size: cover;
	background-repeat: no-repeat;
	top: 0px;
	border: 1px solid #999;
	z-index:99999999;
	display: block;
}	


/* --------- Fall Back L&ouml;sung Men&uuml;*/
.js .tinynav { 
	display: block;
	width:100%;
	margin-top:1.5em; 
}

.js #navMain { display:none; }
/* Ende --------- Fall Back L&ouml;sung Men&uuml;*/


/*navi Men&uuml; obere Leiste - ist in der Smartphone Variante ausgeblendet*/

#navFeatured {
	display:none;
	top:9000px;
	}
#navMain {display:none;}
	
#navMain {
	display: block;
	padding:0;
	list-style:none;
	z-index: auto;	
}
/*navi Menue*/
#navMain, #navMain2 {
	display:none;
	padding:0;
	list-style:none;
	background:#;
	z-index: auto;
}

#navMain li a, #navMain2 li a {
	padding:7%;
	text-align:left;
	color:#5d5d5d;
	text-decoration:none;
	width:100%;
	float:left;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	margin-bottom:0%;
	z-index: auto;
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
}
.navMain li a span, .navMain2 li a span {
	content: "";
	display:block;
	margin:0;
	height: 25px;
	width: 146px;
	padding-top: 0;
	padding-right: 0px;
	padding-bottom: 0;
	padding-left: 0px;
	font-weight: 900;
}

#navMain li a {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-bottom-color: #0071cb;
	border-left-style: solid;
	border-top-color: #FFF;
	border-right-color: #333;
	border-left-color: #333;
	font-size: 1.6em;
	
}
#navMain li a:hover,
#navMain li a:active,
#navMain li a:focus {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #999;
	border-right-color: #;
	border-left-color: #;
	border-bottom-color: #0F9;
	outline: none;
	text-decoration: none;
	color:#;
	
}

#navMain2 li a {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 4px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	border-left-style: solid;
	border-top-color: #FFF;
	border-right-color: #333;
	border-left-color: #333;
	font-size: 1.3em;
	font-weight: 500;
	color:#;
}

#navMain2 li a:hover,
#navMain2 li a:active,
#navMain2 li a:focus {
	border-top-width: 0px;
	border-right-width:0px;
	border-bottom-width: 4px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #999;
	border-right-color: #;
	border-left-color: #;
	border-bottom-color: #0F9;
	outline: none;
	text-decoration: none;
	color:#;
	font-weight: 500;
	background-color:#;
	 transition: width .15s cubic-bezier(.25, .46, .45, .94)
	
	
}


/*2. Block unter Navi Menue alle mit featured - sorgt daf&uuml;r das die max Breite eingehalten wird*/
#featuredContainer  {
	height: 100%;
	z-index: -1;
	margin-top: 0%;    
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;

}


	#featuredContent {
	padding-top: 0%;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 0%;
	height: auto;
	line-height: 1.7em;
	margin-top: 0px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	font-family: Hind, Calibri, Helvetica, Arial, sans-serif;
	font-weight: lighter;
	text-rendering: optimizeLegibility;
}

	#featuredContent2 {
	padding-top: 1%;
	padding-left: 4%;
	padding-right: 4%;
	padding-bottom: 5%;
	height: auto;
	line-height: 1.8em;
	margin-top: 0px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	font-size:1.2em;
	color: #333;
	font-family: Hind, Calibri, Helvetica, Arial, sans-serif;
	font-weight: normal;
	text-align: justify;
	text-rendering: optimizeLegibility;
}

#featuredContent3 {
	padding-top: 0%;
	padding-left: 4.5%;
	padding-right: 5%;
	padding-bottom: 5%; 
	height: auto;
	line-height: 1.7em;
	margin-top: 0px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	font-family: Hind, Calibri, Helvetica, Arial, sans-serif;
	font-weight: normal;
	text-rendering: optimizeLegibility;
}

.featured_image_1 img {
	margin:0;
	border: 0px solid #ece9d7;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	position:relative;
	visibility: visible;
	z-index: auto;
	top: 0px;
	
}

/*sorgt daf&uuml;r das die max Breite eingehalten wird*/
.featured_image_2 img {
	margin:0;
	border: 15px solid #ece9d7;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	position:relative;
	visibility: visible;
	z-index: auto;
	top: 0px;
}

.h1 {
	margin-top: 85px;
	position: relative;
	visibility: visible;
	z-index: 1;
	height: 10px;
	width: auto;
	font-family: Helvetica, Arial, sans-serif;
	text-rendering: optimizeLegibility;
}
h1 {
	color: #36ca7b;
	font-family: 'Roboto Condensed', 'Helvetica Neue', Arial, sans-serif;
	font-size: 1.7rem;
	line-height: 60px;
	text-shadow: 0px 0px 0px #;
	font-weight: 600;
	padding-left: 0%;
	text-rendering: optimizeLegibility;
	margin: 50% 0 0px 0;
	text-align: center;
	letter-spacing: .15em;
    text-transform: uppercase;
	text-decoration:none;
}


.text_intro {
	font-size: 0.6em;
	font-weight: lighter;
	z-index:-40;
	left:-9000px;
	visibility: hidden;
	height: 0px;
	width: 0px;
	font-family: Hind, Helvetica, Arial, sans-serif;
	margin-bottom: 25px;
	display: block;
	text-rendering: optimizeLegibility;
}

/*alte Intro Images für das zweite Bild im tablet screen steht aber auch für das erste Bild im smarthone screen*/
#imag_manifold_1_menue_headt_1 {
	background-image: url(../artworks/the_swarm/4ballett_2006_04_14_16_heat.jpg);
}
#imag_manifold_2_menue_headt_1 {
	background-image: url(../artworks/the_funfair/6_mannigfaltigkeit_heat.jpg);
}

#imag_manifold_3_menue_headt_1 {
	background-image: url(../artworks/three_times_15_shades_of_god/manifold_iii_11_02_12_09_heat.jpg);
}	
#imag_manifold_4_menue_headt_1 {
	background-image: url(../artworks/transit/_mg_4553_mod-1.jpg);
}
#imag_manifold_5_menue_headt_1 {
	background-image: url(../artworks/how_does_love_feel/manifold_v-1-3-_17_07_05_98_heat.jpg);
}
#imag_manifold_6_menue_headt_1 {
	background-image: url(../artworks/abstract_in_transit/2007_07_08_12_abstraktgreen_mod_red_110cm_double_head.jpg);
}
#imag_manifold_7_menue_headt_1 {
	background-image: url(../artworks/mona_lisa_smiles/2000_05_07_33a_abstrakt_heat.jpg);
}
#imag_manifold_8_menue_headt_1 {
	background-image: url(../artworks/your_inner_child_mannifold_content/2002_09_02_04_Your_inner_child_heat.jpg);
}
#imag_manifold_10_menue_headt_1 {
	background-image: url(../artworks/emptines_a_labyrinth/5_2006_12_01_00_leere_heat.jpg);
}
#imag_manifold_11_menue_headt_1 {
	background-image: url(../artworks/pictos_artworks/7_mannigfaltigkeit_iia_mod.jpg);
}
#imag_manifold_12_menue_headt_1 {
	background-image: url(../artworks/manifold_XII_time/2001_02_47_30_header.jpg);
}
#imag_das_ich_ueber_das_selbst_1 {
	background-image: url(../artworks/the_i_about_the_self/0_mon-in-seiner-unendlich-kopie_heat.jpg);
}




#imag_menue_ausstellungen_1 {
	background-image: url(../artworks/exhibitions/aa-muster-mappe-aa-6_k_heat.jpg);
}
#imag_about_hl_1 {
	background-image: url(../artworks/hl_heat.jpg);
}
#imag_essay_realitaet_in_transit_1 {
	background-image: url(../artworks/essays/transit_heat.jpg);
}

#imag_impressum {
	background-image: url(../artworks/pictos_artworks/impressum.jpg);
}
#imag_kontakt {
	background-image: url(../artworks/pictos_artworks/kontakt_heat.jpg);
}

/*neue Bilder smartphone screen*/
#img_intro_image_smartphone {
	background-image: url(../artworks/pictos_artworks/intro_1_hoch_picto.jpg);
}
#img_X_capitals_image_smartphone {
	background-image: url(../artworks/pictos_artworks/intro_1_x_capitals_heat.jpg);
}
#img_leere_image_smartphone {
	background-image: url(../artworks/pictos_artworks/intro_1_leere_heat.jpg);
}
#img_tryptich_5_teile_image_smartphone {
	background-image: url(../artworks/pictos_artworks/intro_1_5_teile_heat.jpg);
}
#img_trilogie_der_goedlischkeit_image_smartphone {
	background-image: url(../artworks/pictos_artworks/intro_1_godes_heat.jpg);
}
#img_times_trilogy_2_image_smartphone {
	background-image: url(../artworks/pictos_artworks/intro_1_3_gloves_heat.jpg);
}
#img_manifold_9_image_smartphone {
	background-image: url(../artworks/pictos_artworks/intro_1_IX_heat.jpg);
}
#img_manifold_8portrait_image_smartphone {
	background-image: url(../artworks/pictos_artworks/intro_1_M8_portrait_heat.jpg);
}
#img_manifold_8_image_smartphone {
	background-image: url(../artworks/pictos_artworks/intro_1_M8_heat.jpg);
}
#img_manifold_7_image_smartphone {
	background-image: url(../artworks/pictos_artworks/intro_1_M7_heat.jpg);
}
#img_manifold_6_image_smartphone {
	background-image: url(../artworks/pictos_artworks/intro_1_M6_heat.jpg);
}
#img_manifold_5_image_smartphone {
	background-image: url(../artworks/pictos_artworks/intro_1_M5_heat.jpg);
}
#img_manifold_4_image_smartphone {
	background-image: url(../artworks/pictos_artworks/intro_1_M4_heat.jpg);
}
#img_manifold_3_image_smartphone {
	background-image: url(../artworks/pictos_artworks/intro_1_M3_heat.jpg);
}
#img_manifold_2_image_smartphone {
	background-image: url(../artworks/pictos_artworks/intro_1_M2_heat.jpg);
}
#img_manifold_12_image_smartphone {
	background-image: url(../artworks/pictos_artworks/intro_1_M12_heat.jpg);
}
#img_manifold_11_image_smartphone {
	background-image: url(../artworks/pictos_artworks/intro_1_M11_heat.jpg);
}
#img_manifold_10_image_smartphone {
	background-image: url(../artworks/pictos_artworks/intro_1_M10_heat.jpg);
}
#img_manifold_1_image_smartphone {
	background-image: url(../artworks/pictos_artworks/intro_1_M1_heat.jpg);
}
#img_das_ich_ueber_das_selbst_image_smartphone {
	background-image: url(../artworks/pictos_artworks/intro_1_the_I_about_the_self_heat.jpg);
}
#img_kontakt_image_smartphone {
	background-image: url(../artworks/pictos_artworks/intro_1_kontakt_heat.jpg);
}
#img_impressum_image_smartphone {
	background-image: url(../artworks/pictos_artworks/intro_1_M5_heat.jpg);
}
#img_about_image_smartphone {
	background-image: url(../artworks/pictos_artworks/intro_1_about_heat.jpg);
}
#img_ausstellungen_image_smartphone {
	background-image: url(../artworks/pictos_artworks/intro_1_ausstellungen_heat.jpg);
}
#img_11man_image_smartphone {
	background-image: url(../artworks/11_man_in_the_moon/11Man_smartphone.jpg);
}
#img_muster_image_smartphone {
	background-image: url(../artworks/x_capitals_muster/rb_hochzeiten_heat_smartphone.jpg);
}
#img_bild_technik_image_smartphone {
	background-image: url(../artworks/essays/transit_picto2.jpg);
}

#img_buch1_image_smartphone {
	background-image: url(../artworks/pictos_artworks/intro_3_M8_buch_1_heat.jpg);
}
#img_buch2_image_smartphone {
	background-image: url(../artworks/pictos_artworks/intro_3_M8_buch_2_heat.jpg);
}
#img_buch2_T_2_image_smartphone {
	background-image: url(../artworks/pictos_artworks/intro_3_M8_buch_2_T_2_heat.jpg);
}
#img_buch3_image_smartphone {
	background-image: url(../artworks/pictos_artworks/intro_3_M8_buch_3_heat.png);
}


/* neues smartphone screen Image bis 550px*/
#img_intro_image_smartphone, #img_X_capitals_image_smartphone, #img_leere_image_smartphone, #img_tryptich_5_teile_image_smartphone, #img_trilogie_der_goedlischkeit_image_smartphone, #img_times_trilogy_2_image_smartphone, #img_manifold_9_image_smartphone, #img_manifold_8portrait_image_smartphone, #img_manifold_8_image_smartphone, #img_manifold_7_image_smartphone, #img_manifold_6_image_smartphone, #img_manifold_5_image_smartphone, #img_manifold_4_image_smartphone, #img_manifold_3_image_smartphone, #img_manifold_2_image_smartphone, #img_manifold_12_image_smartphone, #img_manifold_11_image_smartphone, #img_manifold_10_image_smartphone, #img_manifold_1_image_smartphone, #img_das_ich_ueber_das_selbst_image_smartphone, #img_kontakt_image_smartphone, #img_impressum_image_smartphone, #img_about_image_smartphone, #img_ausstellungen_image_smartphone, #img_11man_image_smartphone, #img_muster_image_smartphone, #img_bild_technik_image_smartphone, #img_buch1_image_smartphone, #img_buch2_image_smartphone, #img_buch2_T_2_image_smartphone, #img_buch3_image_smartphone,

#imag_manifold_1_menue_headt_1, #imag_manifold_3_menue_headt_1, #imag_manifold_4_menue_headt_1, #imag_manifold_5_menue_headt_1, #imag_manifold_6_menue_headt_1, #imag_manifold_7_menue_headt_1, #imag_manifold_8_menue_headt_1, #imag_manifold_10_menue_headt_1, #imag_manifold_11_menue_headt_1, #imag_manifold_12_menue_headt_1, #imag_das_ich_ueber_das_selbst_1,   #imag_menue_ausstellungen_1, #imag_about_hl_1, #imag_about_hl_1, #imag_essay_realitaet_in_transit_1, #imag_impressum, #imag_kontakt, #imag_manifold_2_menue_headt_1 {
	position: relative;
	visibility: visible;
	z-index: auto;
	height: 351px;
	width: 100%;
	float: left;
	margin: 0px 0 27px 0;
	background-size:cover;
	background-repeat: no-repeat;
	top: 0px;
	min-height: calc(100vh - 0px);
	min-height: 94vh;
    background-position: center;
}

/*1. h zum Intro*/
#img_intro_image_smartphone h7, #img_kontakt_image_smartphone h7, #img_about_image_smartphone h7,  #img_ausstellungen_image_smartphone h7, #img_impressum_image_smartphone h7, #img_X_capitals_image_smartphone h7, #img_leere_image_smartphone h7, #img_tryptich_5_teile_image_smartphone h7, #img_trilogie_der_goedlischkeit_image_smartphone h7, #img_times_trilogy_2_image_smartphone h7, #img_manifold_9_image_smartphone h7, #img_manifold_8portrait_image_smartphone h7, #img_manifold_8_image_smartphone h7, #img_manifold_7_image_smartphone h7, #img_manifold_6_image_smartphone h7,  #img_manifold_5_image_smartphone h7, #img_manifold_4_image_smartphone h7, #img_manifold_3_image_smartphone h7, #img_manifold_2_image_smartphone h7, #img_manifold_12_image_smartphone h7, #img_manifold_11_image_smartphone h7, #img_manifold_10_image_smartphone h7, #img_manifold_1_image_smartphone h7, #img_das_ich_ueber_das_selbst_image_smartphone h7,   #img_11man_image_smartphone h7, #img_muster_image_smartphone h7, #img_bild_technik_image_smartphone h7, #img_buch1_image_smartphone h7, #img_buch2_image_smartphone h7, #img_buch2_T_2_image_smartphone h7, #img_buch3_image_smartphone h7 {
	font-family: 'Roboto Condensed', 'Hind', 'Helvetica Neue', Arial, sans-serif;
	font-size: 2.5rem;
	line-height: 7.2rem;
	text-shadow: 0px 0px 0px #;
	font-weight: 400;
	padding: 0 0 0 0;
	text-rendering: optimizeLegibility;
	margin: 55% auto;
	text-align: center;
	letter-spacing: .0625rem;
	text-transform: uppercase;
}

	
#content {
	float: inline-start;
	width: 90%;
	padding: 0 0 0px 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	height: 100%;

}

	

#agb {
	padding-top: 5px;
	padding-right: 0;
	padding-bottom: 5px;
	padding-left: 0;
	height: auto;
	position: relative;
	text-align: left;
	top: 0px;
	right: auto;
	left: auto;
	margin-top: 5px;
	margin-right: auto;
	margin-bottom: 12px;
	margin-left: 5%;
	z-index: 2;
	bottom: 0px;
	width: 90%;
	font-size: 1em;
	float: left;
}


#navFeatured {
	padding:0;
	list-style:none;
}
/*navi seite*/
#navFeatured li a, .h4_intro_a_r2a_arrow a {
	border: 1px solid #ffffff;
	font-family: Hind, 'Helvetica Neue', Arial, sans-serif;
	padding:4% 4%;
	text-align:center;
	color:#666;
	text-decoration:none;
	width:100%;
	float:left;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	margin-bottom:0%;

	text-shadow: 0px 0px 0px #;
	background-color: #ffffff;
	text-rendering: optimizeLegibility;
}	
	#navFeatured li active span,
	#navFeatured li a {
	-webkit-border-top-right-radius:0px;
	-webkit-border-top-left-radius:0px;
	-moz-border-radius-topright:0px;
	-moz-border-radius-topleft:0px;
	-webkit-border-bottom-right-radius:0px;
	-webkit-border-bottom-left-radius:0px;
	-moz-border-radius-bottomright:0px;
	-moz-border-radius-bottomleft:0px;
	border-bottom-right-radius:0px;
	border-bottom-left-radius:0px;
	border-top-right-radius:0px;
	border-top-left-radius:0px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 4px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	font-size: 1.2em;
	text-shadow: 0px 0px 0px #;
	font-weight: 100;
	transition: background 1.13s,opacity .8s,box-shadow 1.3s;
	
}


#navFeatured li a:hover,
#navFeatured li a:active,
#navFeatured li a:focus,
#navFeatured li a:after {
	border-top-width: 1px;
	border-right-width: 0px;
	border-bottom-width: 4px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid; 
	border-left-style: solid;
	border-top-color: ;
	border-right-color: #;
	border-left-color: #;
	border-bottom-color: #ffffff;
	outline: none;
	text-decoration: none;
	color:#666;
	font-weight: 100;
	transition: background 1.13s,opacity .9s,box-shadow 1.8s;
	background-color: #f3f3f3;
	
}

#featuredContenttab, #featuredContent3tab {
	width:100%;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	height: auto;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0%;
	margin-left: 0px;
	padding-top: 0%;
	padding-right: 0%;
	padding-bottom: 1%; 
	padding-left: 0%;
}
#content h1, #box2 h1, #box_intro2 h1, #featuredContenttab h1, #featuredContent3tab h1{
	font-family: Hind, Helvetica, Arial, sans-serif;
	font-size: 1.5em;
	line-height: 1.2em;
	font-weight: normal;
	color: #62a1e1;
	margin: 0 0 0 0;
	padding-left: 0%;
	text-rendering: optimizeLegibility;
}
#featuredContent h3, #featuredContent2 h3, #featuredContent3 h3 {
	font: Hind, Helvetica, Arial, sans-serif;
	color: color: #323e4d;
	margin: 50px 0 20px 0;
	padding-left: 0%;
}

	.featuredContenttab, #featuredContent3tab {
	padding-top: 0%;
	padding-left: 0%;
	padding-right: 0%;
	padding-bottom: 0%;
	height: auto;
	line-height: 1.7em;
	margin-top: 20px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	margin-right: auto;
	margin-left: auto;
	width: auto;
	z-index: -1;
}

.tabelle4, .tabelle3, .tabelle5 {
	line-height: 15px;
	margin-bottom: 20px;
	position: relative;
	width: 100%;
	margin-right: 0%;
	margin-left: 0%;
	font-size: 0.95em;
	z-index: 1;
}
.tabelle3 h3, .tabelle4 h3 {
	font-size: 1.2em;
	margin-left: 5%;
}
.tabelle6 {
	line-height: 1.5em;
	margin-bottom: 20px;
	position: relative;
	width: 100%;
	margin-right: 0;
	margin-left: 0;
	font-size: 0.85em;
	z-index: 0;
	top: 0px;
}

.tabelle5 {
	font-size: 1em;
	line-height: 1.5em;
}
#dotted {
	text-align: center;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #333;
	width: 90%;
	margin-right: auto;
	margin-left: auto;
}
#dotted2 {
	text-align: center;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #333;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
}


.tabelle4 h3, .tabelle3 h3, .tabelle5 h3 {
	margin-left: 5%;
	color: #354048;
}

.tabelle3 a, .tabelle4 a, .tabelle5 a, #featuredContent a, #featuredContent2 a,  #featuredContent3 a, .tabelle6 a, .h4_intro_1 a, .h4_intro_2 a, h4_intro_ref a, . h4_intro_essay_1 a {
	color: #333;
	font-style: normal;
	font-weight: 800;
	text-decoration: none;
}
.tabelle3 a:link, .tabelle4 a:link, .tabelle5 a:link, .tabelle6 a:link, #featuredContent a:link, #featuredContent2 a:link, #featuredContent3 a:link, .h4_intro_1 a:link, .h4_intro_2 a:link, h4_intro_ref a:link, . h4_intro_essay_1 a:link {
	color: #333;
	font-style: normal;
	font-weight: 800;
	text-decoration: none;
}
.tabelle3 a:after, .tabelle4 a:after, .tabelle5 a:after,  .tabelle6 a:after, #featuredContent a:after, #featuredContent2 a:after, #featuredContent3 a:after, .h4_intro_1 a:after, .h4_intro_2 a:after, h4_intro_ref a:after, . h4_intro_essay_1 a:after {
	color: #333;
	text-decoration: none;
	font-style: normal;
	font-weight: 800;
}
.tabelle3 a:active, .tabelle4 a:active, .tabelle5 a:active, .tabelle6 a:active, #featuredContent a:active, #featuredContent2 a:active, #featuredContent3 a:active, .h4_intro_1 a:active, .h4_intro_2 a:active, h4_intro_ref a:active, . h4_intro_essay_1 a:active {
	color: #333;
	text-decoration: none;
	font-style: normal;
	font-weight: 800;
}
.tabelle3 a:hover, .tabelle4 a:hover, .tabelle5 a:hover, .tabelle6 a:hover, #featuredContent a:hover, #featuredContent2 a:hover, #featuredContent3 a:hover, .h4_intro_1 a:hover, .h4_intro_2 a:hover, h4_intro_ref a:hover, . h4_intro_essay_1 a:hover {
	color: #666;
	text-decoration: none;
	font-style: normal;
	font-weight: 800;
}


.table_footer2-row a {
	color: #CCC;
	font-style:  normal;
	font-weight: bold;
	text-decoration: none;
}
.table_footer2-row a:link {
	color: #CCC;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
}
table_footer2-row a:visited {
	color: #CCC;
	text-decoration: none;
	font-style: normal;
	font-weight: bold;
}
.table_footer2-row a:active {
	color: #CCC;
	text-decoration: none;
	font-style: normal;
	font-weight: bold;
}
.table_footer2-row a:hover {
	color: #999;
	text-decoration: none;
	font-style: normal;
	font-weight: bold;
}


#content {
	float:left;
	width:100%;
	padding:0 0 0 0;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	height: 100%;
	background-color: #ffffff;
}

#content section h6 {
    color: #4f4f4f;
    font-family: 'Roboto Condensed', 'Hind', Helvetica, Arial, sans-serif;
  font-size: 1rem;
	line-height: 30px;
	font-weight: 400;
	text-rendering: optimizeLegibility;
	margin: 0 5% 10px 5%;
	text-align: right;
	letter-spacing: .12em;
	text-transform: uppercase;
	hyphens: auto;
	text-align: justify;
    text-transform: uppercase;
    hyphens: auto;
    text-align: justify;
}
/*Gestaltung der Produkte*/
#content section {
	margin-bottom:0%;
	margin-top:0%;
	padding:0% 0% 0% 0%;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	position:relative;
	background-color: #fff;	
	width: 100%;
    margin-right: auto;
    margin-left: auto;
	float:  inherit;
	text-decoration:none;
		z-index: 40;
	min-height: 570px;
	
}
#featuredContainer img {
margin: 10% 0 7%;
}
.container img {
	border-top-width: 0px;
	border-top-style: solid;
	border-top-color: #999;	
	border-bottom-width: 0px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;	
}
/*Produkt Links - ldetzte Content*/


#content section h1 {
    font-size: 1.2rem;
	width: 90%;
    margin: 0 auto;
    padding: 0px 0px 0px 0px;
    font-family: 'Roboto Condensed', 'Hind', Helvetica, Arial, sans-serif;
    font-weight: 300;
    line-height: 1.5em;
    text-shadow: 0px 0px 0px #fff;
    text-rendering: optimizeLegibility;
    text-decoration: none;
    text-align: left;
    z-index: 10;
}


#content section p {
    margin-top: 0%;
    padding: 0;
    font-size: 1.2em;
    font-family: Hind, 'Helvetica Neue', Arial, sans-serif;
    text-shadow: 0px 0px 0px #fff;
    line-height: 1.5em;
    float: left;
    text-rendering: optimizeLegibility;
    color: #585858;
    height: 65px;
    z-index: 10;
    margin: 20px 0 0 4.5%;

}



	#content section a {
			/*border color, width and margin for the images*/
			margin-bottom:0px;
			border-bottom-color: #;
	border-bottom-width: 0px;
	border-bottom-style: solid;
		text-decoration:none;
       
			}



/*link auf Produkt*/
#content section a img {
  text-align: center;
  font-family: 'GillSansMTStd-Light', Helvetica, Arial, sans-serif;
  color: #;
  text-decoration: none;
  width: 35%;
  display: block;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0 7% 0 7%;
    margin-bottom: 0px;
  margin-bottom: 0px;
  margin-bottom: 0px;
  margin-bottom: 0px;
  -webkit-border-top-right-radius: 0px;
  -webkit-border-top-left-radius: 0px;
  -moz-border-radius-topright: 0px;
  -moz-border-radius-topleft: 0px;
  -webkit-border-bottom-right-radius: 0px;
  -webkit-border-bottom-left-radius: 0px;
  -moz-border-radius-bottomright: 0px;
  -moz-border-radius-bottomleft: 0px;
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
  border-top-right-radius: 0px;
  border-top-left-radius: 0px;
  z-index: auto;
  font-size: 0px;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #2576dd;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #8727df;
  border-left-width: 0px;
  border-left-style: solid;
  border-left-color: #8727df;
  border-top-width: 0px;
  border-top-style: solid;
  border-top-color: #8727df;
  padding-top: 0%;
  padding-right: 0;
  padding-bottom: 0%;
  padding-left: 0px;
  font-weight: bold;
  text-rendering: optimizeLegibility;
  text-decoration: none;
  z-index: 1;
  transition: cubic-bezier(.15,.51,.71,.69) .2s;
  -webkit-transition: cubic-bezier(.15,.51,.71,.69) .2s;
  -moz-transition: cubic-bezier(.15,.51,.71,.69) .2s;
  -o-transition: cubic-bezier(.15,.51,.71,.69) .2s;
  -ms-transition: cubic-bezier(.15,.51,.71,.69) .2s;
  transform-origin: center;
  float: left;
}

section a:hover img ,
section a:active img ,
section a:focus img  {

	
	transform: scale(1.04);
	-webkit-transition: cubic-bezier(.15,.51,.71,.69) .4s;
	-moz-transition: cubic-bezier(.15,.51,.71,.69) .4s;
	-o-transition: cubic-bezier(.15,.51,.71,.69) .4s;
	-ms-transition: cubic-bezier(.15,.51,.71,.69) .4s;

}

/*Footer f&uuml;r Menue und Links*/


#footer2 {
	color: #6b6b6b;
    font-size: .85rem;
}
#footer2 a {
	color: #616161;
	font-style: normal;
	font-weight: 600;
	text-decoration: none;
    font-size: .85rem;
}
#footer2 a:link {
	color: #616161;
	font-style: normal;
	font-weight: 600;
	text-decoration: none;
    font-size: .85rem;
}
#footer2 a:visited {
	color: #616161;
	font-style: normal;
	font-weight: 600;
	text-decoration: none;
    font-size: .9rem;
}
#footer2 a:active {
	color: #616161;
	font-style: normal;
	font-weight: 600;
	text-decoration: none;
    font-size: .85rem;
}
#footer2 a:hover {
	color: #0F9;
	font-style: normal;
	font-weight: 600;
	text-decoration: none;
    font-size: .85rem;
}



#table_footer2 {
	display: table;
	width: 100%;
	text-align: center;
	margin-right: 0px;
	margin-left: 0px;
	visibility: visible;
	z-index: 999;
	position: relative;
	font-size: 1em;
	margin-bottom: 0;
	height: 100%;
	margin-top: 0px;
	padding-right: 2%;
	padding-bottom: 7%;
	padding-left: 7%;
	padding-top: 7%;
	color: #f9f9f9;
	background-color: #2d6392;
}


#img_card {
    background-image: url(../images/hl_card_3.png);
	position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    height: 25px;
	width: 170px;
    float: inherit;
    margin: 5px auto 40px auto;
	max-width: 280px;
}	
#img_card_2 {
    background-image: url(../images/hl_card_1.png);
	position: left;
    background-size: cover;
    background-repeat: no-repeat;
    height: 44px;
    width: 300px;
    float: left;
    margin: 15px auto 25px 0;
	max-width: 366px;
}	
#img_card_3 {
    background-image: url(../images/hl_card_3.png);
	position: left;
    background-size: cover;
    background-repeat: no-repeat;
    height: 42px;
    width: 280px;
    float: left;
    margin: 15px auto 25px 0;
	max-width: 366px;
}	
#img_sitelock {
    background-image: url(../images/sitelock_shield_big_white_secure_2.png);
	position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    height: 55px;
    width: 92px;
    float: inherit;
    margin: 15px auto 15px auto;
	max-width: 113px;
}
#img_sitelock_top {
    background-image: url(../images/sitelock_shield_big_white_secure_3.png);
	position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    height: 42px;
    width: 70px;
    float: inherit;
    margin: 14px 19px 0px auto;
	max-width: 90px;
}
#anschr_smart {
	background-image: url(../images/anschr_foot3.png);
	background-repeat: no-repeat;
	height: 27px;
	width: 101px;
	background-size: cover;
	position: relative;
}


.table_footer2-row {
	display: table-row;
	position: relative;
	text-align: center;
	width: 100%;
	margin: 0px;
	padding: 0px;
	line-height: 2.1em;
}

.table_footer2-cell {
	display: table-cell;
	position: relative;
	height: 60px;
	text-align: left;
	padding-top: 2px;
	padding-bottom: 2px;
	width: 44%;
	text-align: left;
	vertical-align: middle;
	padding-right: 0;
	padding-left: 0;
		margin: 0px;

}

#footer2 {
	visibility: visible;
	width:100%;
	-webkit-border-bottom-right-radius:0px;
	-webkit-border-bottom-left-radius:0px;
	-moz-border-radius-bottomright:0px;
	-moz-border-radius-bottomleft:0px;
	border-bottom-right-radius:0px;
	border-bottom-left-radius:0px;
	height: 19px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 15px;
	margin-left: auto;
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 18px;
	padding-left: 0;
	position: relative;
	top: 0px;
	border: 0px solid #333;
	z-index: 2;
	font-size: .9em;
	line-height: 2.2em;
	max-width:1181px;
	text-align:center;
	 display: block;
	
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
    display: block;
	visibility: visible;
}
#footer, #main4, #footer2, #box4 {
    visibility: visible;
    z-index: 9999;
    top: auto;
    position: relative;
    display: block;
    float: left;
    margin: 15px 2% 12px 2%;
    bottom: 5px;
	margin: 0 auto;
}
#highendscan4  {
    visibility: visible;
    z-index: 9999;
    top: auto;
    
    display: block;
    float: left;
    margin: 60px 2% 35px 2%;
    bottom: 5px;
	height:30px;
	width::100%;
	float:none;
}
#main4 {
	visibility: visible;
	z-index: 9999;
	left: 0px;
	display: block;
	margin: 0 0 25px auto;
}

}


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


    

.h1 {
	margin-top: 30%;
	margin-bottom: 21px;
	position: relative;
	visibility: visible;
	z-index: 1;
	height: 10px;
	width: auto;
}
#img_text_intro_image_preise1, #img_text_intro_image_prices1, #img_text_digigraphie2 {
	
	height: 281px;
	background-size: 100% 100%;
}
#featuredContent h3, #featuredContent2 h3, #featuredContent3 h3 {
	margin: 25px 0 20px 0;
}

.tabelle6 {
	margin-top: 80px;
}

.dwuserEasyRotator {
	width: 100%;
	height: 150px;
	position:relative;
	text-align: left;
	margin-top: 15px;
	margin-bottom: 15px;
	}

#img_X_capitals_image_smartphone, #img_leere_image_smartphone, #img_tryptich_5_teile_image_smartphone, #img_trilogie_der_goedlischkeit_image_smartphone, #img_times_trilogy_2_image_smartphone, #img_manifold_9_image_smartphone, #img_manifold_8portrait_image_smartphone, #img_manifold_8_image_smartphone, #img_manifold_7_image_smartphone, #img_manifold_6_image_smartphone, #img_manifold_5_image_smartphone, #img_manifold_4_image_smartphone, #img_manifold_3_image_smartphone, #img_manifold_2_image_smartphone, #img_manifold_12_image_smartphone, #img_manifold_11_image_smartphone, #img_manifold_10_image_smartphone, #img_manifold_1_image_smartphone, #img_das_ich_ueber_das_selbst_image_smartphone, img_kontakt_image_smartphone, img_impressum_image_smartphone, img_11man_image_smartphone,

#imag_manifold_1_menue_headt_1, #imag_manifold_3_menue_headt_1, #imag_manifold_4_menue_headt_1, #imag_manifold_5_menue_headt_1,  #imag_manifold_6_menue_headt_1, #imag_manifold_7_menue_headt_1, #imag_manifold_8_menue_headt_1, #imag_manifold_10_menue_headt_1, #imag_manifold_11_menue_headt_1, #imag_manifold_12_menue_headt_1, #imag_das_ich_ueber_das_selbst_1, #imag_menue_ausstellungen_1, #imag_menue_ausstellungen_1, #imag_about_hl_1, #imag_about_hl_1, #imag_essay_realitaet_in_transit_1,  #imag_impressum, #imag_kontakt, #imag_manifold_2_menue_headt_1 {
	height: 305px;
	width: 100%;
	margin: 60px 0 50px 0;
	float: left;
	background-size: cover;
}	


#table_footer2 {
	width: 94%;
	padding-right: 3%;
	padding-bottom: 8%;
	padding-left: 3%;
	padding-top: 8%;
		z-index: 20;
}
.table_footer2-cell {
	width: 45%;
	padding-right: 0;
		margin: 0px;

}


}

@media screen and (min-width:480px) {
	
	#banner320 img {
	display: none;
}
#img_text_intro_image_preise1, #img_text_intro_image_prices1, #img_text_digigraphie2 {
	
	height: 341px;
	background-size: 100% 100%;
}


#featuredContainer  {
	margin-top: 0%;    
}

#footer01 {
	position: relative;
	margin-top: 3px;
	margin-right: 0;
	margin-bottom: 0px;
	margin-left: 32px;
	padding-top: 0px;
	navMainpadding-right: 0;
	padding-bottom: 0px;
	padding-left: 0;
	z-index: 50;
	top: 28px;
	height: 5px;
	visibility: visible;
	left: 57px;
	line-height: 10px;
	width: 60px;
	

	text-align: center;
}

	#banner {
	border-top-width: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #666;
	border-right-width: 0px;
	border-left-width: 0px;
	border-right-color: #666;
	border-left-color: #666;
	beckround-color: #666;
	background-color: #666;
	position: relative;
	display: visible;
	height: auto;
	width: 100%;
}

#banner img {
	border-bottom-width: 0px;
	border-bottom-style: solid;
	border-bottom-color: #999;
	text-align: left;
	z-index: auto;
	margin-right: auto;
	margin-left: auto;
	left: auto;
	right: auto;
	padding: 0px;
	height: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	width: 100%;
	background-color: #999;
	position: relative;
	display: block;
}
	
	body {font-size:0.95em;}
	/*Navigations Boxen*/
	
	#footer01 {
	top: 36px;
	left: 0px;
}

	img {
	vertical-align: middle;
	width: 100%;
}

	.h4_intro_1 {
	margin-top: 0px;
	font-size: 1.1em;
	float: inline-end;
}
. h4_intro_essay_1 {
	margin-top: 0px;
	font-size: 1.1em;
	float: inline-end;
}

.h4_intro_ref {
	margin-top: -190px;
	font-size: 1.1em;
}




.h4_intro_2 h2 {
	font-size: 3.2em;
	line-height: 60px;
	margin: 0px 0 35px 0;
}
#agb h2 {
	line-height: 0px;
	margin: 50px 0 15px 0;

}

#img_text_hdr {
	margin: 15px 5% 20px 0;
}	

#featuredContent h3, #featuredContent2 h3, #featuredContent3 h3 {
	margin: 10px 0 20px 0;
}


.dwuserEasyRotator {
	width: 100%;
	height: 200px;
	position:relative;
	text-align: left;
	margin-top: 15px;
	margin-bottom: 15px;
	}


	
	#navMain li a, #navMain2 li a {
		padding:5%;
	}
	#navFeatured li a {
	padding:2.5% 3% 2.5% 6%;
	font-size: 1.2em;
	}

	  #content section a {
    padding-top: 0px;
    padding-right: 0%;
    padding-bottom: 2px;
    padding-left: 0%;
    margin: 0 0 2px 0;
    float: left;
  }


	#content section {
	width:70%;
	margin-right: 0px;
	margin-left: 0px;
}
    #content section a img {
  text-align: center;
  font-family: 'GillSansMTStd-Light', Helvetica, Arial, sans-serif;
  color: #;
  text-decoration: none;
  width: 50%;
  display: block;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: 25px 0 0 0;
    margin-bottom: 0px;
  margin-bottom: 0px;
  margin-bottom: 0px;
  margin-bottom: 0px;
  margin-bottom: 0px;
  -webkit-border-top-right-radius: 0px;
  -webkit-border-top-left-radius: 0px;
  -moz-border-radius-topright: 0px;
  -moz-border-radius-topleft: 0px;
  -webkit-border-bottom-right-radius: 0px;
  -webkit-border-bottom-left-radius: 0px;
  -moz-border-radius-bottomright: 0px;
  -moz-border-radius-bottomleft: 0px;
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
  border-top-right-radius: 0px;
  border-top-left-radius: 0px;
  z-index: auto;
  font-size: 0px;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #2576dd;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #8727df;
  border-left-width: 0px;
  border-left-style: solid;
  border-left-color: #8727df;
  border-top-width: 0px;
  border-top-style: solid;
  border-top-color: #8727df;
  padding-top: 0%;
  padding-right: 0;
  padding-bottom: 0%;
  padding-left: 0px;
  font-weight: bold;
  text-rendering: optimizeLegibility;
  text-decoration: none;
  z-index: 1;
  transition: cubic-bezier(.15,.51,.71,.69) .2s;
  -webkit-transition: cubic-bezier(.15,.51,.71,.69) .2s;
  -moz-transition: cubic-bezier(.15,.51,.71,.69) .2s;
  -o-transition: cubic-bezier(.15,.51,.71,.69) .2s;
  -ms-transition: cubic-bezier(.15,.51,.71,.69) .2s;
  transform-origin: center;
  float: right;
}
.h1 {
	margin-top: 35px;
	position: relative;
	visibility: visible;
	z-index: 1;
	height: 35px;
	width: auto;
}

#img_text_scan, #img_text_print, #imag_text_paper, #img_text_drucker, #img_text_printer, #imag_text_korn_rgb_sw, #imag_text_preise, #imag_text_prices, #img_text_digigraphie1 {
	height: 200px;
	width: 100%;
	margin: 0px 0px 4% 0;
	top: 0px;
}	

#img_text_wir {
	height: 219px;
	width: 299px;
	margin: 1% 4% 2% 0;
	top: 0px;
}	
	
.tabelle4, .tabelle3, .tabelle5, .tabelle6 {
	line-height: 15px;
	margin-bottom: 20px;
	position: relative;
	width: 95%;
	margin-right: 5;
	margin-left: 5%;
	font-size: 1.1em;
	z-index: 2;
}
.tabelle4, .tabelle3 {
	font-size: 1.1em;
	line-height: 1.4em;
}

.tabelle4 h3, .tabelle3 h3 {
	margin-left: 0%;
	font-size: 1.2em;
}
.tabelle5, .tabelle6 {
	font-size: 1.2em;
	line-height: 1.5em;
	margin-top: -10%;
}	
.tabelle6 {
	z-index: 0;
	margin-top: 70px;
	}


	.content9 {
	font-size: 0.9em;
}
	#featuredContent2 {
	padding-top: 19px;
	padding-left: 4%;
	padding-right: 4%;
	padding-bottom: 2%;
	height: auto;
	line-height: 1.7em;
	margin-top: -40px;
	margin-bottom: 20px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	font-size: 1.1em;

}
	#featuredContent, #featuredContent3 {
	padding-top: 1px;
	padding-left: 0%;
	padding-right: 0%;
	padding-bottom: 0%;
	height: 0px;
	line-height: 1.7em;
	margin-top: 0px;
	margin-bottom: 0px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	font-size: 1.1em;

}
#featuredContent3 {

	padding-left: 5%;
	padding-right: 5%;

}

.featured_image_1 img {
	margin:0;
	border: 0px solid #ece9d7;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	position:relative;
	visibility: visible;
	z-index: auto;
	top: 0px;
}

/*sorgt daf&uuml;r das die max Breite eingehalten wird*/
.featured_image_2 img {
	margin:0;
	border: 15px solid #ece9d7;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	position:relative;
	visibility: visible;
	z-index: auto;
	top: 0px;
}

#navi_fone_3 {
	visibility: hidden;
	z-index: -9909;
	display: none;
}
#navi_fone_2 {
	text-shadow: 0px 0px 0px #000;
	font-family: 'Roboto', 'Hind', 'Helvetica Neue', Arial, sans-serif;
	font-size: 1.3em;
	font-weight: normal;
	color: #fcfcfc;
	z-index:40;
	width: auto;
	height: auto;
	bottom: auto;
	text-align:center;
	position: relative;
	margin-top: 8px;
	margin-right: auto;
	margin-bottom: 6px;
	margin-left: auto;
	left:2px;
	padding-top: 15px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 5px;
	top: 0px;
	line-height: 0px;
	display: block;
	text-rendering: optimizeLegibility;
	letter-spacing: 0.09em;
}

#content section p {
	font-size: 1.2em;
}
#main4, #footer2, #box4 {
    visibility: visible;
    z-index: 9999;
    top: auto;
    position: relative;
    display: block;
    float: left;
    margin: 15px 2% 23px 2%;
    bottom: 5px;
}


}

@media screen and (min-width:550px) {
	body {font-size:0.8em;}
	
	
#footer, #main4, #footer2, #box4 {
    visibility: visible;
    z-index: 9999;
    top: auto;
    position: relative;
    display: block;
    float: inline-end;
    margin: 15px 2% 25px 2%;
}
 #footer2 {
    margin: 26px 2% 0px 2%;
}

	.featured_image_1 {
	border: 0px solid #ece9d7;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	position:relative;
	visibility: visible;
	z-index: auto;
	top: 0px;
	margin-top: 44px;
	margin-right: 0;
	margin-bottom: 0%;
	margin-left: 0px;
	padding-left: 0;
	display:block;

}
	
	#preise_slider	{
	visibility: visible;
	right: 0px;
	top: 42%;
	width: 178px;
	z-index: 90000000;
	background-clip: padding-box;
	font-size: .6rem;
	line-height: 5px;
	
	display: flex;
	height: 0;
	display: inline-block;
	clear: none;
vertical-align: top;
-webkit-margin-before: 0px;
-webkit-margin-after: 0px;
-webkit-transition: transform 0.3s cubic-bezier(0, .61, .31, 1.02), padding 0.3s cubic-bezier(0, .61, .31, 1.02);
-moz-transition: transform 0.3s cubic-bezier(0, .61, .31, 1.02), padding-top 0.3s cubic-bezier(0, .61, .31, 1.02);
-o-transition: transform 0.3s cubic-bezier(0, .61, .31, 1.02), padding-top 0.3s cubic-bezier(0, .61, .31, 1.02);
transition: transform 0.3s cubic-bezier(0, .61, .31, 1.02), padding-top 0.3s cubic-bezier(0, .61, .31, 1.02);
}
	
	#footer01 {
	top: 36px;
	left: 60px;
}
	.h4_intro_1 {
	margin-top: 0px;
	font-size: 1.2em;
}
. h4_intro_essay_1 {
	margin-top: 20px;
	font-size: 1.2em;
}
.h4_intro_ref {
	margin-top: -200px;
	font-size: 1.2em;
}
.h4_intro_2 h2 {
	font-size: 3.2rem;
	line-height: 60px;
	margin: 0px 0 15px 0;
}

#preise_slider {
    visibility: visible;
    right: 0px;
    bottom: 0px;
    width: 60px;
    z-index: 90000000;
    background-clip: padding-box;
    font-size: .8em;
   
    display: flex;
    height: 0;
    display: block;
    clear: none;
    vertical-align: top;
    -webkit-margin-before: 0px;
    -webkit-margin-after: 0px;
    -webkit-transition: transform 0.3s cubic-bezier(0, .61, .31, 1.02), padding 0.3s cubic-bezier(0, .61, .31, 1.02);
    -moz-transition: transform 0.3s cubic-bezier(61, .61, .31, 51.02), padding-top 0.3s cubic-bezier(0, .61, .31, 1.02);
    -o-transition: transform 0.3s cubic-bezier(0, .61, .31, 1.02), padding-top 0.3s cubic-bezier(0, .61, .31, 1.02);
    transition: transform 0.3s cubic-bezier(0, .61, .31, 1.02), padding-top 0.3s cubic-bezier(61, .61, .31, 1.02);
}

.h4_intro_a_r2a {
    border-radius: 60px 60px 60px 60px;
    box-shadow: 0px 0px 5px 4px rgba(5,1,3,0.15);
}


#preise_slider a,
#preise_slider a:hover,
#preise_slider a:active,
#preise_slider a:focus,
#preise_slider a:after {
	text-decoration:  none;
}


/*Ausschaltpunkt 1. Bild Smartphone screen*/

#img_intro_image_smartphone, #img_X_capitals_image_smartphone, #img_leere_image_smartphone, #img_tryptich_5_teile_image_smartphone, #img_trilogie_der_goedlischkeit_image_smartphone, #img_times_trilogy_2_image_smartphone, #img_manifold_9_image_smartphone, #img_manifold_8portrait_image_smartphone, #img_manifold_8_image_smartphone, #img_manifold_7_image_smartphone, #img_manifold_6_image_smartphone, #img_manifold_5_image_smartphone, #img_manifold_4_image_smartphone, #img_manifold_3_image_smartphone, #img_manifold_2_image_smartphone, #img_manifold_12_image_smartphone, #img_manifold_11_image_smartphone, #img_manifold_10_image_smartphone, #img_manifold_1_image_smartphone, #img_das_ich_ueber_das_selbst_image_smartphone, #img_kontakt_image_smartphone, #img_impressum_image_smartphone, #img_about_image_smartphone, #img_ausstellungen_image_smartphone, #img_11man_image_smartphone, #img_muster_image_smartphone, #img_bild_technik_image_smartphone, #img_buch1_image_smartphone,
#img_buch2_image_smartphone, #img_buch2_T_2_image_smartphone, #img_buch3_image_smartphone,



#imag_manifold_1_menue_headt_1, #imag_manifold_3_menue_headt_1, #imag_manifold_4_menue_headt_1, #imag_manifold_5_menue_headt_1, #imag_manifold_6_menue_headt_1, #imag_manifold_7_menue_headt_1, #imag_manifold_8_menue_headt_1, #imag_manifold_10_menue_headt_1, #imag_manifold_11_menue_headt_1, #imag_manifold_12_menue_headt_1, #imag_das_ich_ueber_das_selbst_1,  #imag_menue_ausstellungen_1, #imag_about_hl_1, #imag_about_hl_1, #imag_essay_realitaet_in_transit_1, #img_X_capitals_image_tablet, #imag_impressum,#imag_kontakt, #imag_manifold_2_menue_headt_1 {
    display:none;
    visibility: hidden;
    min-height: 0;
}
#img_intro_image_smartphone h7, #img_X_capitals_image_smartphone h7, #img_leere_image_smartphone h7, #img_tryptich_5_teile_image_smartphone h7, #img_trilogie_der_goedlischkeit_image_smartphone h7, #img_times_trilogy_2_image_smartphone h7, #img_manifold_9_image_smartphone h7, #img_manifold_8portrait_image_smartphone h7, #img_manifold_8_image_smartphone h7, #img_manifold_7_image_smartphone h7, #img_manifold_6_image_smartphone h7, #img_manifold_5_image_smartphone h7,  #img_manifold_4_image_smartphone h7, #img_manifold_3_image_smartphone h7, #img_manifold_2_image_smartphone h7, #img_manifold_12_image_smartphone h7, #img_manifold_11_image_smartphone h7, #img_manifold_10_image_smartphone h7, #img_manifold_1_image_smartphone h7, #img_das_ich_ueber_das_selbst_image_smartphone h7, #img_kontakt_image_smartphone h7, #img_impressum_image_smartphone h7, #img_about_image_smartphone h7, #img_11man_image_smartphone h7, #img_muster_image_smartphone h7, #img_bild_technik_image_smartphone h7, #img_buch1_image_smartphone h7, #img_buch2_image_smartphone h7, #img_buch2_T_2_image_smartphone h7, #img_buch3_image_smartphone h7 {
	
    display: none;
    visibility: hidden;
    min-height: 0;
	
}
/*neue einshcalt 2. Bild tablet screen*/


#imag_manifold_1_2 {
	background-image: url(../artworks/the_swarm/4ballett_2006_04_14_16_sl_85x47,37cm.jpg);
	}

#imag_manifold_2_menue_headt_1 {
	background-image: url(../artworks/the_funfair/6_mannigfaltigkeit_heat.jpg);
	}
##imag_manifold_3_menue_headt_1 {
	background-image: url(../artworks/manifold_iii_11_02_12_09_heat.jpg);
	}

#img_text_intro_image2_print {
	background-image: url(../images/imag_content_print_rgb_635_2.jpg);
	}

#img_text_intro_image2_interior {
	background-image: url(../images/text_high_end_interior3.jpg);
	}


/* neue Bilder tablet*/	

#img_intro_image_tablet {
	background-image: url(../artworks/pictos_artworks/intro_2_quer_picto.jpg);
	}
#img_X_capitals_image_tablet {
	background-image: url(../artworks/pictos_artworks/intro_2_x_capitals_heat.jpg);
	}
	#img_leere_image_tablet {
	background-image: url(../artworks/pictos_artworks/intro_2_leere_heat.jpg);
	}
	#img_tryptich_5_teile_image_tablet {
	background-image: url(../artworks/pictos_artworks/intro_2_5_teile_heat.jpg);
	}
	#img_trilogie_der_goedlischkeit_image_tablet {
	background-image: url(../artworks/pictos_artworks/intro_2_godes_heat.jpg);
}
#img_trilogie_der_goedlischkeit_image_tablet {
	background-image: url(../artworks/pictos_artworks/intro_2_godes_heat.jpg);
}
#img_times_trilogy_2_image_tablet {
	background-image: url(../artworks/pictos_artworks/intro_2_3_gloves_heat.jpg);
}
#img_manifold_9_image_tablet {
	background-image: url(../artworks/pictos_artworks/intro_2_IX_heat.jpg);
}
#img_manifold_8portrait_image_tablet {
	background-image: url(../artworks/pictos_artworks/intro_2_M8_portrait_heat.jpg);
}
#img_manifold_8_image_tablet {
	background-image: url(../artworks/pictos_artworks/intro_2_M8_heat.jpg);
}
#img_manifold_7_image_tablet {
	background-image: url(../artworks/pictos_artworks/intro_2_M7_heat.jpg);
}
#img_manifold_6_image_tablet {
	background-image: url(../artworks/pictos_artworks/intro_2_M6_heat.jpg);
}
#img_manifold_5_image_tablet {
	background-image: url(../artworks/pictos_artworks/intro_2_M5_heat.jpg);
}
#img_manifold_4_image_tablet {
	background-image: url(../artworks/pictos_artworks/intro_2_M4_heat.jpg);
}
#img_manifold_3_image_tablet {
	background-image: url(../artworks/pictos_artworks/intro_2_M3_heat.jpg);
}
#img_manifold_2_image_tablet {
	background-image: url(../artworks/pictos_artworks/intro_2_M2_heat.jpg);
}
#img_manifold_12_image_tablet {
	background-image: url(../artworks/pictos_artworks/intro_2_M12_heat.jpg);
}
#img_manifold_11_image_tablet {
	background-image: url(../artworks/pictos_artworks/intro_2_M11_heat.jpg);
}
#img_manifold_10_image_tablet {
	background-image: url(../artworks/pictos_artworks/intro_2_M10_heat.jpg);
}
#img_manifold_1_image_tablet {
	background-image: url(../artworks/pictos_artworks/intro_2_M1_heat.jpg);
}
#img_das_ich_ueber_das_selbst_image_tablet {
	background-image: url(../artworks/pictos_artworks/intro_2_the_I_about_the_self_heat.jpg);
}
#img_kontakt_image_tablet {
	background-image: url(../artworks/pictos_artworks/intro_2_kontakt_heat.jpg);
}
#img_impressum_image_tablet {
	background-image: url(../artworks/pictos_artworks/intro_2_M5_heat.jpg);
}
#img_about_image_tablet {
	background-image: url(../artworks/pictos_artworks/intro_2_about_heat.jpg);
}
#img_ausstellungen_image_tablet {
	background-image: url(../artworks/pictos_artworks/intro_2_ausstellungen_heat.jpg);
}
#img_11man_image_tablet {
	background-image: url(../artworks/11_man_in_the_moon/11Man_tablet.jpg);
}
#img_muster_image_tablet {
	background-image: url(../artworks/x_capitals_muster/rb_hochzeiten_heat_tablet.jpg);
}
#img_buch1_image_tablet {
	background-image: url(../artworks/pictos_artworks/intro_3_M8_buch_1_heat.jpg);
}
#img_buch2_image_tablet {
	background-image: url(../artworks/pictos_artworks/intro_3_M8_buch_2_heat.jpg);
}
#img_buch2_T_2_image_tablet {
	background-image: url(../artworks/pictos_artworks/intro_3_M8_buch_2_T_2_heat.jpg);
}
    #img_buch3_image_tablet {
	background-image: url(../artworks/pictos_artworks/intro_3_M8_buch_3_heat.png);
}

	
	
	
#img_intro_image_tablet, #img_X_capitals_image_tablet, #img_leere_image_tablet, #img_tryptich_5_teile_image_tablet, #img_trilogie_der_goedlischkeit_image_tablet, #img_times_trilogy_2_image_tablet, #img_manifold_9_image_tablet, #img_manifold_8portrait_image_tablet, #img_manifold_8_image_tablet, #img_manifold_7_image_tablet, #img_manifold_6_image_tablet, #img_manifold_5_image_tablet, #img_manifold_4_image_tablet, #img_manifold_3_image_tablet, #img_manifold_2_image_tablet, #img_manifold_12_image_tablet, #img_manifold_11_image_tablet, #img_manifold_10_image_tablet, #img_manifold_1_image_tablet, #img_das_ich_ueber_das_selbst_image_tablet, #img_kontakt_image_tablet, #img_impressum_image_tablet, #img_about_image_tablet, #img_ausstellungen_image_tablet, #img_11man_image_tablet, #img_muster_image_tablet, #img_buch1_image_tablet, #img_buch2_image_tablet, #img_buch2_T_2_image_tablet, #img_buch3_image_tablet,


#imag_manifold_1_menue_headt_1, #imag_manifold_3_menue_headt_1, #imag_manifold_4_menue_headt_1, #imag_manifold_5_menue_headt_1,  #imag_manifold_6_menue_headt_1, #imag_manifold_7_menue_headt_1, #imag_manifold_8_menue_headt_1, #imag_manifold_10_menue_headt_1, #imag_manifold_11_menue_headt_1, #imag_manifold_12_menue_headt_1, #imag_das_ich_ueber_das_selbst_1,   #imag_menue_ausstellungen_1, #imag_menue_ausstellungen_1, #imag_about_hl_1, #imag_about_hl_1, #imag_essay_realitaet_in_transit_1,  #imag_impressum, #imag_kontakt, #imag_manifold_2_menue_headt_1 {
	position: relative;
	visibility: visible;
	z-index: auto;
	height: 550px;
	width: 100%;
	float: left;
	margin: 0px 0px 0px 0%;
	background-repeat: no-repeat;
	top: 0px;
	border: 0px solid #999;
	display: inline;
	background-size: cover;
	background-image: 50% 50%;
	display:block;
    background-position: center;

	}
	
#img_intro_image_tablet	h7, #img_impressum_image_tablet h7, #img_about_image_tablet h7, #img_ausstellungen_image_tablet h7, #img_X_capitals_image_tablet h7, #img_leere_image_tablet h7, #img_tryptich_5_teile_image_tablet h7, #img_times_trilogy_2_image_tablet h7, #img_manifold_9_image_tablet h7, #img_manifold_8portrait_image_tablet h7, #img_manifold_8_image_tablet h7, #img_manifold_7_image_tablet h7, #img_manifold_6_image_tablet h7, #img_manifold_5_image_tablet h7, #img_manifold_4_image_tablet h7, #img_manifold_3_image_tablet h7, #img_manifold_2_image_tablet h7, #img_manifold_12_image_tablet h7, #img_manifold_11_image_tablet h7, #img_manifold_10_image_tablet h7, #img_manifold_1_image_tablet h7, #img_das_ich_ueber_das_selbst_image_tablet h7,  #img_kontakt_image_tablet h7,  #img_11man_image_tablet h7, #img_muster_image_tablet h7, #img_buch1_image_tablet h7, #img_buch2_image_tablet h7, #img_buch2_T_2_image_tablet h7, #img_buch3_image_tablet h7 {
    color: #ef6427;
    font-family: 'Roboto Condensed', 'Hind', 'Helvetica Neue', Arial, sans-serif;
    font-size: 3.0rem;
    line-height: 3.1rem;
    font-weight: 300;
    margin: 270px 20% 0% 0%;
    margin-bottom: 0px;
    margin-right: 8px;
    text-rendering: optimizeLegibility;
    letter-spacing: 0.13em;
    text-transform: uppercase;
    float: left;
    width: 100%;
    text-align: center;
	display:block;
	visibility: visible;
	}

	
	
	
/*Ende neue einshcalt 2. Bild smartphone screen*/


.img_instagram_logo {
  margin: 30px 0 0px 3%;
  display: block;
  bottom: 31px;
}
.img_facebook_logo {
  margin: 30px 1% 0px 0.5%;
  display: block;
  bottom: 31px;
}

.dwuserEasyRotator {
	width: 100%;
	height: 220px;
	position:relative;
	text-align: left;
	margin-top: 15px;
	margin-bottom: 15px;
	}

	
	#logo_footer {
	height: 50px;
	width: 32px;
	float: left;
	margin-right: auto;
	margin-left: auto;
}
	
	#footer01, #navi_fone_2 {
	font-size: 1.2em;
	height: 19px;
}


#footer01 a:link {
	color: #FFF;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	font-size: 0.8em;
	line-height: 13px;
}
#footer01 a:visited {
	color: #FFF;
	text-decoration: none;
	font-style: normal;
	font-weight: normal;
	font-size: 0.8em;
	line-height: 13px;
}
#footer01 a:active {
	color: #FFF;
	text-decoration: none;
	font-style: normal;
	font-weight: normal;
	font-size: 0.8em;
	line-height: 13px;
}
#footer01 a:hover {
	color: #CCC;
	text-decoration: none;
	font-style: normal;
	font-weight: normal;
	font-size: 0.8em;
	line-height: 13px;
}
	#navFeatured li#active span,
	#navFeatured li a {
	font-size: 1.0em;
	-webkit-border-top-right-radius:0px;
	-webkit-border-top-left-radius:0px;
	-moz-border-radius-topright:0px;
	-moz-border-radius-topleft:0px;
	-webkit-border-bottom-right-radius:0px;
	-webkit-border-bottom-left-radius:0px;
	-moz-border-radius-bottomright:0px;
	-moz-border-radius-bottomleft:0px;
	border-bottom-right-radius:0px;
	border-bottom-left-radius:0px;
	border-top-right-radius:0px;
	border-top-left-radius:0px;

}
	
	/*unter Men&uuml;*/
	#featuredContainer {
	padding-top:0%;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	position:relative;
	}
	
	#content section {
	width:100%;
	margin-right: auto;
	margin-left: auto;
}

.h1 {
	margin-top: 35px;
	position: relative;
	visibility: visible;
	z-index: 1;
	height: 36px;
	width: auto;
	margin-bottom: 9px;
}



	/*Navi rutscht nebeneinander*/
	
	#navFeatured li {
width: 24.35%;
float: right;
margin-right: 0%;
letter-spacing: 0.1em;
}
	.content9 h1 {
	padding-left: 5%;
	margin-top: 0px;
}

	.featured_image_1 img {
	margin:0;
	border: 0px solid #;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	position:relative;
	visibility: visible;
	z-index: auto;
	top: 0px;
}

/*sorgt daf&uuml;r das die max Breite eingehalten wird*/
.featured_image_2 img {
	margin:0;
	border: 15px solid #ece9d7;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	position:relative;
	visibility: visible;
	z-index: auto;
	top: 0px;
}
.tabelle4, .tabelle3, .tabelle5 {
	line-height: 15px;
	margin-bottom: 20px;
	position: relative;
	width: 90%;
	margin-right: 0;
	margin-left: 5%;
	margin-top: 0%;
	font-size: 1.2em;
	z-index: 2;
}

.tabelle4 h3, .tabelle3 h3 {
	margin-left: 0%;
	font-size: 1.2em;
}
.tabelle5, .tabelle6 {
	font-size: 1.2em;
	line-height: 1.5em;
}	

#featuredContent h3, #featuredContent2 h3, #featuredContent3 h3 {
	margin: 6% 0 20px 0;
	padding-left: 0%;
}

	#navFeatured li:last-child {margin-right:0;}
	
	#navFeatured li a {padding:12% 0 10% 6%;}
	
	/*Produkte Ver&auml;nderung Innenabstand*/
	#content section {padding:0% 0% 0% 0%;}

#navi_fone_2 {
	font-size: 1.6em;
	top: 10px;
	padding: 5px;
}	

#content section p {
	font-size: 1.1em;
	margin: 20px 5% 0px 5%;
}

	
	/* Korrektur der Abst&auml;nde*/
	#featuredContainer {
		padding-bottom:0;	
	}
	
		
	.featured_image_1 img {
	margin:0;
	border: 0px solid #;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	position:relative;
	visibility: visible;
	z-index: auto;
	top: 0px;
}

/*sorgt daf&uuml;r das die max Breite eingehalten wird*/
.featured_image_2 img {
	margin:0;
	border: 15px solid #ece9d7;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	position:relative;
	visibility: visible;
	z-index: auto;
	top: 0px;
}
/*Produkte anpassen*/
	#content {padding: 0px 0% 0 0%;}
	/*springt in zwei nebeneinander*/

	#content section h1 {
	font-size: 1rem;
	line-height: 1.2em;
	text-decoration:none;
	top: 50px;
	margin: 0px 5% 0px 5%;
	padding: 0% 5px 0px 0px;
}
#top {
	height: 87px;
	opacity: .8;
	}

}

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

#navi_fone_2 {
	visibility: visible;
	z-index:-1;
}

}

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

		#content section {
		float:left;
		width:39%;	
		margin:3% 0 3% 0;
		margin-bottom: 3%;
		padding:0% 0% 0% 0%;
		overflow: visible;
	}
	
	h12 {color: #010101;
	font-size: 1em;
	font-weight: 200;
	text-transform: uppercase;
	letter-spacing: .15em;
	}
	
#top {
	height: 87px;
	opacity: .8;
	}

#footer01 {top: 36px;}

h2 {
	margin-top: 0;
	padding: 9% 0 0 0%;
}

.open {
	float:right;
	height:50px;
	width:35px;
	text-indent:30px;
	background-image: url(../images/open.png);
	background-repeat: no-repeat;
	background-position: 0 -2px;
	z-index: 41;
	margin-top: 0px;
	margin-right: 1%;
	margin-bottom: 0;
	margin-left: 0%;
	padding-bottom: 0px;
	position: relative;
	padding:.25rem 1.2rem .25rem;
	font-size: 1rem;
	/* line-height: 1; */
	background-color: transparent;
	border: 0px solid transparent;
	border-radius: .25rem;
	color: #010101;
	border-color: #FFFFFF;
	position: relative;
	z-index: 5000;


}

.dwuserEasyRotator {
	width: 100%;
	height: 230px;
	position:relative;
	text-align: left;
	margin-top: 15px;
	margin-bottom: 15px;
	}

	
		#footer01, #navi_fone_2 {
	font-size: 1.2em;
	z-index: 180;
}

	/* --------- Logo rutscht nach links*/
	#logo {
		float:left;	
	}
	/*fall back L&ouml;sung Men&uuml;*/
		.tinynav {display:none !important;}
	
	/* ---------- Ende Fall back L&ouml;sung Men&uuml;*/
.h4_intro_1, .h4_intro_2 {
	display: block;
		font-size: 1.2em;
	line-height: 1.6em;
	height: auto;
	width: 91%;
	margin-top: 0px;
	font-weight: lighter;
	text-align: justify;
	color: #264666;
	font-family: 'Roboto Condensed', 'GillSansMTStd-Light', Helvetica, Arial, sans-serif;
	text-rendering: optimizeLegibility;
	letter-spacing: .15em;
}
. h4_intro_essay_1 {
	display: block;
		font-size: 1.2em;
	line-height: 1.6em;
	height: auto;
	width: 91%;
	margin-top: 18px;
	font-weight: lighter;
	text-align: justify;
	color: #666;
	font-family: 'Roboto Condensed', 'GillSansMTStd-Light', Helvetica, Arial, sans-serif;
	text-rendering: optimizeLegibility;
	letter-spacing: .15em;
}

.h4_intro_ref {
	display: block;
	font-size: 1.7rem;
	line-height: 1.6em;
	height: auto;
	width: 91%;
	margin-top: 118px;
	font-weight: lighter;
	text-align: justify;
	color: #666;
	font-family: 'Roboto Condensed', 'GillSansMTStd-Light', Helvetica, Arial, sans-serif;
	text-rendering: optimizeLegibility;
	letter-spacing: .0625rem;
}

.h4_intro {
    margin: 0 0 0 0;
    border: 0px solid #FFF;
    padding: 50px 60px 0px 60px;
    height: auto;
    width: ;
    background-color: #fff;
    float: left;
    text-align: left;
    font-size: 14px;
    font-weight: 300;
    line-height: 26px;
    letter-spacing: 0.05em;
    visibility:  hidden;
    display:  none;
   
}
.h4_intro_essays {
    margin: 0 0 0 0;
    border: 0px solid #FFF;
    padding: 50px 60px 0px 60px;
    height: auto;
    width: ;
    background-color: #fff;
    float: left;
    text-align: left;
    font-size: 14px;
    font-weight: 300;
    line-height: 26px;
    letter-spacing: 0.05em;

}
#h4_intro_2 {
	
	padding-left: 10%;
	padding-right: 10%;
	padding-top: 39px;
	padding-bottom: 39px;
	font-size: 1.7rem;
	line-height: 1.6em;
	letter-spacing: 0.06em;
	height: auto;
	width: auto;
	margin-top: 0px;
	margin-bottom: 0%;
	font-weight: 200;
	text-align: justify;
	color: #323e4d;
	font-family: 'Roboto Condensed', Hind, Helvetica, Arial, sans-serif;
	text-rendering: optimizeLegibility;
	background-color: #f0f2f5;
	float: left;
	visibility: visible;
/*Backround Color#f7f7f7*/
	
}
.h4_intro_2 h2 {
	font-size: 3.2em;
	line-height: 60px;
	margin: 0px 0 15px 0;
}
#img_text_intro_image_wir1, #img_text_intro_image_preise1, #img_text_intro_image_prices1, #img_text_digigraphie2 {
	
	height: 471px;
}
#featuredContent2 {
    font-size: 1.2em;
    line-height: 1.5em;
    height: auto;
    font-weight: lighter;
    text-align: justify;
    color: #666;
    font-family: 'GillSansMTStd-Light', Helvetica, Arial, sans-serif;
	text-rendering: optimizeLegibility;
}


	
#img_text_intro_image_index1, #img_text_intro_image2, #img_text_intro_image2_engl, #img_text_intro_image2_hes, #img_text_intro_image2_print, #img_text_intro_image2_kontakt, #img_text_intro_image2_agb, #img_text_intro_image2_interior, #img_text_intro_quality2, #img_text_intro_image2_coop {
	display: none;
	}

#img_text_intro_image, #img_text_intro_image_engl {
	background-image: url(../images/digigraph_log.jpg);
		position: relative;
	visibility: visible;
	z-index: auto;
	height: 170px;
	width: 200px;
	float: left;
	margin: 42px 7% 19px 5%;
	background-size:cover;
	background-repeat: no-repeat;
	top: 0px;
	border: 0px solid #999;
	display: inline;
}	


.tabelle3, .tabelle4, .tabelle5, .tabelle6 {
	width: 85%;
	margin-right: 1%;
	margin-left: 5%;
	margin-bottom: 4%;
	margin-top: 3px;
	float: left;
	visibility: visible;
}
.tabelle4 h3, .tabelle3 h3, .tabelle5 h3, .tabelle6 h3 {
	margin-left: 0%;
}
.tabelle5 {
	font-size: 1.2em;
	line-height: 1.4em;
}
.tabelle6 {
	font-size: 1.1em;
	line-height: 1.5em;
	float: left;
}
	#agb {
	padding-top: 5px;
	margin-top: 5px;
	margin-right: auto;
	padding: 0 5%;
	margin-bottom: 12px;
	margin-left: 5%;
	width: 90%;
}

.text_intro {
	font-size: 1em;
	font-weight: normal;
	z-index:3;
	left:0px;
	visibility: visible;
	height: auto;
	width: auto;
	display: block;
	
}
	/*eigenschaft wichtig damit immer die Produktboxen auf der rechten Seite beginnt und immer jedes zweite Element keine Margen bekommt*/
	#content section {
		margin-right:0;	
	}
		#footer2 {
	width:100%;
}
#navi_fone_2 {
    font-size: 1.6em;
    top: 13px;
}


#content section p {
	font-size: 1.05em;
}
#table_footer {
	display: table;
	width: 45%;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	visibility: visible;
	z-index: 999;
	position: relative;
	font-size: 0.75em;
	margin-bottom: 15px;
	padding-top: 7px;
	height: auto;
}



#content section {
	border-top-width: 0px;
	border-top-color: #d66a1a;
	margin-top:2%;
	
}
	#content section {
		float:left;
		width: 50%;
		margin: 0 auto;
		margin-bottom: 3%;
		padding: 0% 0% 0% 0%;
	}
	
	
	#navMain2 {
	padding: 0% 0% 0%;
	font-size: 0.9em;
	text-transform: uppercase;
}
 	
	#navMain2 li a {
		padding: 2.9em 0em .7em 0;
	   font-size: 1.3em;
	   letter-spacing: 0.07em;
	   text-align:center;
	 }

	/*ver&auml;ndert die Links in featured Container*/

	/*Abst&auml;nde um das Hauptbild anpassen*/
	#featuredContainer img {margin:1% 0 2%;}
	/*Spalten im Footer beide Elemente rutschen nebeneinander*/

	#navFeatured li#active span,
	#navFeatured li a {
	font-size: 1.3em;
}



.h4_intro h2, .h4_intro_essays h2 {
	
    font-family: 'Roboto Condensed', 'Hind', Trebuchet MS, Arial, sans-serif;
    font-size: 1.4rem;
    text-rendering: optimizeLegibility;
    margin: 0px 0px 20px 0px;
    line-height: 2.7rem;
    letter-spacing: .15em;
    text-transform: uppercase;
    text-align: left;
    font-weight: 400;
    color: #076f8e;
    display: block;
	margin: 0 0 0 0;
}


  .h4_intro_1, .h4_intro_2 {
    font-size: 1.1em;
    line-height: 1.5em;
    height: auto;
    width: 70%;
    margin-top: 0;
    font-weight: lighter;
    text-align: justify;
    display: block;
    padding-right: 15%;
    padding-left: 15%;
    margin-bottom: 0px;
  }
. h4_intro_essay_1 {
	font-size: 1.1em;
	line-height: 1.5em;
	height: auto;
	width: 70%;
	margin-top: 4%;
	font-weight: lighter;
	text-align: justify;
	display: block;
	padding-right: 15%;
	padding-left: 15%;
	margin-bottom: 30px;
}
.h4_intro_ref {
	font-size: 1.1em;
	line-height: 1.5em;
	height: auto;
	width: 70%;
	margin-top: -200px;
	font-weight: lighter;
	text-align: justify;
	display: block;
	padding-right: 15%;
	padding-left: 15%;
}


	.featured_image_1 img {
	margin:0%;
	border: 0px solid #ece9d7;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	position:relative;
	visibility: visible;
	z-index: auto;
	top: 20px;
	padding: 0px;
}
/*sorgt daf&uuml;r das die max Breite eingehalten wird*/
.featured_image_2 img {
	margin:0;
	border: 15px solid #ece9d7;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	position:relative;
	visibility: visible;
	z-index: auto;
	top: 0px;
}
   hr 
            {
            border:0;
            height:1px;
			width: 100%;
			margin-left: 0%;
            }
			
.columns {
	-moz-column-count: 2;
	-moz-column-gap: 69px;
	-webkit-column-count: 2;
	-webkit-column-gap: 69px;
	column-count: 1;
	column-gap: 70px;
margin-top: 0;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
}  


	.content9 {
	padding-top: 0%;
	padding-left: 1%;
	padding-right: 0%;
	padding-bottom: 0%;
	height: auto;
	line-height: 1.7em;
	margin-top: 0px;
	margin-bottom: 0px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	width: 100%;
}
#featuredContent2 {
    font-size: 1.1em;
    line-height: 1.6em;
    height: auto;
    font-weight: lighter;
    text-align: justify;
    color: #323e4d;
    font-family: 'GillSansMTStd-Light', Helvetica, Arial, sans-serif;
	padding-top: 7%;
	padding-left: 8%;
	padding-right: 8%;
	padding-bottom: 2%;
	text-rendering: optimizeLegibility;
}



	
	/*letzte hat keine Margin*/
	footer section:last-child {margin-right:0;}
	
	#navi_fone_2 {
		visibility: visible;
	font-size: 1.6em;
	top: 13px;
	z-index:1;
}

#footer, #main4, #highendscan4, #footer2, #box4 {
	visibility: visible;
	z-index: 9999;
	top:auto;
	position: relative;
	display: block;
}

	#main4 {
	visibility: visible;
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 0px;
	padding-left: 0;
	height: 100%;
	position: relative;
	text-align: center;
	top: 0px;
	right: auto;
	left: auto;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	z-index: 2;
	bottom: 0px;
	width: 100%;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: solid;
	border-top-color: #999;
	border-right-color: #666;
	border-bottom-color: #333;
	border-left-color: #333;
	visibility: visible;
	
}
  /* Navi zur&uuml;ck copyright Footer */
	#footer2 {
	visibility: visible;
	width:100%;
	-webkit-border-bottom-right-radius:0px;
	-webkit-border-bottom-left-radius:0px;
	-moz-border-radius-bottomright:0px;
	-moz-border-radius-bottomleft:0px;
	border-bottom-right-radius:0px;
	border-bottom-left-radius:0px;
	height: 19px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 5px;
	margin-left: auto;
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 8px;
	padding-left: 0;
	position: relative;
	top: 0px;
	border: 0px solid #333;
	z-index: 2;
	font-size: .9em;
	line-height: 2.2em;
	max-width:1181px;
	text-align:center;
	
}

#footer2 a {
	color: #616161;
	font-style: normal;
	font-weight: 600;
	text-decoration: none;
    font-size: 1.0rem;
    
}
#footer2 a:link {
	color: #616161;
	font-style: normal;
	font-weight: 600;
	text-decoration: none;
    font-size: 1.0rem;
}
#footer2 a:visited {
	color: #616161;
	font-style: normal;
	font-weight: 600;
	text-decoration: none;
    font-size: 1.0rem;
}
#footer2 a:active {
	color: #616161;
	font-style: normal;
	font-weight: 600;
	text-decoration: none;
    font-size: 1.0rem;
}
#footer2 a:hover {
	color: #0F9;
	font-style: normal;
	font-weight: 600;
	text-decoration: none;
    font-size: 1.0rem;
}


#footer p, #footer2 p {
	visibility: visible;
	text-shadow: 0px 0px 0px #6c6c6c;
	margin:0;
	padding:0;
	text-indent:50px;
	position: absolute;
	height: 16px;
	visibility: visible;
	z-index: 1;
	font-family: 'GillSansMTStd-Light', Helvetica, Arial, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	color: #666;
	text-rendering: optimizeLegibility;
}




#link_footer {
	visibility: visible;
	width:100%px;
	text-align: center;
	position: relative;
	margin: 0px;
	padding: 0px;	
}

#link_footer p {
	margin:15px;
	padding:0;
	line-height:25px;
	
}
			
#Logo_impr {
	position: relative;
	margin-top: 20px;
	width: auto;
	height: auto;
}




#footer {
	visibility: visible;
	z-index: 40;
	position: relative;
	top:0px;
}

#link_footer {
	visibility: visible;
	width:100%;
	text-align: center;
	position: relative;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 8px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	max-width:1180px;
}
/* Footer Backround */

#box4 {
	visibility: visible;
	width:100%;
	height: auto;
	padding-left: ;
	padding-right: ;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	text-align: center;
}

#link_footer div p {
	visibility: visible;
	line-height: 20px;
	color: #CCC;
	font-size: 13px;
	}
	
	
	/* Footer Link Spalten */
#link_footer div {
	visibility: visible;
	float:left;
	width:24%;
	min-height:200px;
	max-height:300px;
	position:relative;
	text-align: left;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0px;
	padding-left: 0px;
	border-left-width: 0px;
	border-left-style: solid;
	border-left-color: #2f2f2f;
}




#link_footer p {
	margin:15px;
	padding:0;
	line-height:25px;
	color: #666;
	line-height: 31px;
letter-spacing: .0625rem;
}


#link_footer a, #table_footer a {
	color: #dddddd;
	font-size: 12px;
	line-height: 16px;

}
#link_footer a:link, #table_footer a:link {
	color: #dddddd;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
		font-size: 12px;
	line-height: 16px;

}
#link_footer a:visited, #table_footer a:visited {
	color: #dddddd;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
		font-size: 12px;
	line-height: 16px;

}
#link_footer a:active, #table_footer a:active {
	color: #dddddd;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
		font-size: 12px;
	line-height: 16px;

}
#link_footer a:hover, #table_footer a:hover {
	color: #0F9;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
		font-size: 12px;
	line-height: 16px;

}


#dotted {
	text-align: center;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #333;
	width: 90%;
	margin-right: auto;
	margin-left: auto;
}

#dotted2 {
	text-align: center;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #333;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
}
#footer01 a, #ausschreibung a {
	color: #FFF;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	font-size: 13px;
	line-height: 13px;
}
#footer01 a:link, #ausschreibung a:link {
	color: #FFF;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	font-size: 13px;
	line-height: 13px;
}
#footer01 a:visited, #ausschreibung a:visited {
	color: #FFF;
	text-decoration: none;
	font-style: normal;
	font-weight: normal;
	font-size: 13px;
	line-height: 13px;
}
#footer01 a:active, #ausschreibung a:active {
	color: #FFF;
	text-decoration: none;
	font-style: normal;
	font-weight: normal;
	font-size: 13px;
	line-height: 13px;
}
#footer01 a:hover, #ausschreibung a:hover {
	color: #CCC;
	text-decoration: none;
	font-style: normal;
	font-weight: normal;
	font-size: 13px;
	line-height: 13px;
}


	
#content section p {
	margin-top:3%;
	font-size: 1.15em;
}



#table_footer {
	display: none;
	width: 250px;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	visibility: visible;
	z-index: 999;
	position: relative;
	font-size: 0.75em;
	margin-bottom: 15px;
	padding-top: 7px;
	height: auto;
}
.table_footer-row {
	display: table-row;
	position: relative;
	width: auto;
	text-align: left;
}

.table_footer-cell {
	display: table-cell;
	position: relative;
	height: 50px;
	text-align: left;
	padding-top: 15px;
	padding-bottom: 37px;
	width: auto;
	text-align: left;
	vertical-align: middle;
	font-size: 1.1em;
}
.table_footer2-cell {
	width: 70px;
}




}

@media screen and (min-width:820px) {
	
	h2 {
	margin-top: 10px;
}


.h4_intro_ref {
	font-size: 1.1em;
	line-height: 1.5em;
	height: auto;
	width: 70%;
	margin-top: -120px;
	font-weight: lighter;
	text-align: justify;
	display: block;
	padding-right: 15%;
	padding-left: 15%;
}
#footer01 {

	margin-top: 15px;
	
}

	.h4_intro_2 h2 {
	font-size: 3.2em;
	line-height: 60px;
	margin: 0px 0 15px 0;
}

	
	#featuredContainer img {margin:1% 0 2%;}

	.featured_image_1 {
	border: 0px solid #ece9d7;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	position:relative;
	visibility: visible;
	z-index: auto;
	top: 25px;
	margin-top: 44px;
	margin-right: 0;
	margin-bottom: 0%;
	margin-left: 0px;
	padding-left: 0;

}


.dwuserEasyRotator {
	width: 750px;
	height: 350px;
	position:relative;
	text-align: left;
	} 

.h4_intro, .h4_intro_essays {
	margin-top: 30px;
	border: 0px solid #CCC;
	padding-top: 9px;
	padding-right: 25px;
	height: auto;
	width: ;
	padding-left: 9px;
	margin-left: 5%;
	font-weight: normal;
	
}

.h4_intro_a {
	margin: 0 0 40px 0;
	border: 0px solid #F66;
	padding: 60px 0px 0px 5%;

	width: 40%;
	float: left;
   font-size: 1.2em;
    font-weight: 300;
    line-height: 29px;
    letter-spacing: .06em;
	visibility: visible;
	display: block;

}
h4_intro_essay_a {
	margin: 0 0 40px 0;
	border: 0px solid #F66;
	padding: 60px 0px 0px 5%;

	width: 40%;
	float: left;
   font-size: 1.2em;
    font-weight: 300;
    line-height: 29px;
    letter-spacing: .06em;
	visibility: visible;
	display: block;

}
.h4_intro_b {
    margin: 0 0 0 0;
    border: 0px solid #F66;
    padding: 0% 23px 19px 0%;
    width: 40%;
   	font-size: 1.2em;
    font-weight: 300;
    line-height: 29px;
    letter-spacing: .06em;
    z-index: 1;
    float: right;
}


	.h1 {
	margin-bottom: -10px;
}

	#featuredContent {
	padding-left: 0%;
	padding-right: 0%;
	margin-top: 0px; 
	font-size: 1em;
    line-height: 1.5em;
    color: #323e4d;
    font-family: 'GillSansMTStd-Light', Helvetica, Arial, sans-serif;
	text-rendering: optimizeLegibility;
}


/*sorgt daf&uuml;r das die max Breite eingehalten wird*/
.featured_image_2 {
	margin:0;
	border: 0px solid #ece9d7;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	position:relative;
	visibility: visible;
	z-index: auto;
	top: 0px;
}

#navFeatured {
	font-size: 1.3em;	
	
}
	#navFeatured li#active span,
	#navFeatured li a {
	-webkit-border-top-right-radius:0px;
	-webkit-border-top-left-radius:0px;
	-moz-border-radius-topright:0px;
	-moz-border-radius-topleft:0px;
	-webkit-border-bottom-right-radius:0px;
	-webkit-border-bottom-left-radius:0px;
	-moz-border-radius-bottomright:0px;
	-moz-border-radius-bottomleft:0px;
	border-bottom-right-radius:0px;
	border-bottom-left-radius:0px;
	border-top-right-radius:0px;
	border-top-left-radius:0px;
	
}

	#content {padding: 0px 0% 0 0%;}

	#featuredContenttab, #featuredContent3tab {
	padding-top: 0%;
	padding-right: 0%;
	padding-bottom:0%;
	padding-left: 0%;
	margin-bottom: 0;
	height: auto;
}

	.content9 {
	padding-top: 0%;
	padding-left: 15%;
	padding-right: 0%;
	padding-bottom: 0%;
	height: auto;
	line-height: 1.7em;
	margin-top: -23px;
	margin-bottom: 0px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	width: 100%;
}
.content9 h1 {
	padding-left: 0%;
	margin-top: 0px;
}


.tabelle3 {
	width: 70%;
	margin-right: 1%;
	margin-left: 5%;
	margin-bottom: 4%;
	float: left;
	visibility: visible;
}
.tabelle4 {
	width: 70%;
	margin-right: 0;
	margin-left: 5%;
	margin-bottom: 4%;
	float: left;
	visibility: visible;
}
.tabelle5 {
	line-height: 15px;
	margin-bottom: 20px;
	position: relative;
	width: 80%;
	margin-right: 0;
	margin-left: 0;
}

.tabelle5 {
	font-size: 1.1em;
	line-height: 1.6em;
}
.tabelle6 {
	width: 80%;
	font-size: 1.1em;
}


	#agb {
	padding-top: 5px;
	margin-top: 5px;
	margin-right: auto;
	padding: 0 5%;
	margin-bottom: 12px;
	margin-left: 5%;
	width: 60%;
	
}



	footer {
	float:left;
	width:100%;
	padding:0%;
	visibility: visible;
}
	#footer2 {
	width:100%;
}
  #navi_fone_2 {
    text-shadow: 0px 0px 0px #000;
    font-family: 'Roboto', 'GillSansMTStd-Light', Helvetica, Arial, sans-serif;
    font-size: 1.6em;
    font-weight: lighter;
    color: #f5f5f5;
    z-index: 0;
    width: 100%;
    height: auto;
    bottom: auto;
    text-align: center;
    position: relative;
    margin-top: 0px;
    margin-right: auto;
    margin-bottom: 6px;
    margin-left: auto;
    left: 0;
    visibility: visible;
    padding-top: 4px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0;
    top: 0px;
    line-height: 28px;
    text-rendering: optimizeLegibility;
    letter-spacing: 0.09em;
  }
#footer01 {

    top: 28px;

}

.h1 {
	margin-top: 99px;
	position: relative;
	visibility: visible;
	z-index: auto;
	height: auto;
	width: 50%;
}
	

	#navi_fone {
	visibility: hidden;
	position: relative;
	z-index: 0;
	height: 0px;
	width: 0px;
	top: -50000px;
	display: none;
}
	#navi_fone_hdr {
	visibility: hidden;
	position: relative;
	z-index: 0;
	height: 0px;
	width: 0px;
	top: -50000px;
	display: none;
}

#content section p {
	margin: 2% 0 0 5%;
	font-size: 1.3em;
 	height: auto;
}

#table_footer {
	display: table;
	width: 250px;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	visibility: hidden;
	z-index: 999;
	position: relative;
	font-size: 0.9em;
	margin-bottom: 9px;
	display: none;
}


}

@media screen and (min-width:950px) {
	/*ver&auml;nderun der Hauptnavigation - Abstand um die Elemente*/
@media screen and (min-width: 0px) {
  #cookiedingsbums {
    outline: 0px solid #fff;
    color: #fff;
    opacity: 85%;
    text-align: right;
    border-top: 0px solid #fff;
    background: #fff;
    background: -moz-linear-gradient(top, #fff 0%, #fff 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff), color-stop(100%,#fff));
    background: -webkit-linear-gradient(top, #fff 0%,#fff 100%);
    background: -o-linear-gradient(top, #fff 0%,#fff 100%);
    background: -ms-linear-gradient(top, #fff 0%,#fff 100%);
    background: linear-gradient(to bottom, #fff 0%,#fff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d6e0eb', endColorstr='#f2f6f9',GradientType=0 );
    position: fixed;
    bottom: 100px;
    z-index: 10000;
    width: 40%;
    font-size: 16px;
    letter-spacing: .1em;
    line-height: 20px;
    border-radius: 0 30px 30px 0;
    background: #2d6392;
    left: 0px;
    color: #fff;
  }
    .h4_intro_essays {
	visibility: hidden;
	display: none;
}
h12 {color: #010101;
	font-size: 1em;
	font-weight: 200;
	text-transform: uppercase;
	letter-spacing: .15em;
	}
	
#highendscan4 {
    visibility: visible;
    text-align: center;
    width: 100%;
    position: relative;
    margin-top: 0px;
    margin-right: auto;
    margin-bottom: 0px;
    margin-left: auto;
    height: 30px;
    padding-top: 25px;
    padding-bottom: 27px;
    padding-left: 0px;
    background-color: #c7c7c7;
    opacity: .9;
    position: fixed;
    bottom: 0;
    left: 0;
    font-size: 1.2em;
}
#preise_slider {
    visibility:  hidden;
    display: none;
}


#featuredContent h22 {
    color: #585858;
    font-family: 'Roboto Condensed', 'Hind','Helvetica Neue', Arial, sans-serif;
    font-size: 2rem;
    line-height: 40px;
    font-weight: 400;
    padding: 0% 0 0 0%;
    text-rendering: optimizeLegibility;
    margin: 50px 0px 0px 0px;
    text-align: left;
    letter-spacing: .15em;
    text-transform: uppercase;
    float: left;
}


#content section {
    z-index: 1;
}
    
    
    
.h4_intro_essay_1 {
	display: none;
	visibility:hidden;
}
    
    
    
    
    
.h4_intro_b {
    margin: 0 0% 0px 0%;
    border: 0px solid #F66;
    padding: 0% 23px 19px 0%;
    width: 40%;
    z-index: 1;
    float: right;
}
#banner3 {
  
    visibility: hibben;
    display: none;
 
}


.h4_intro_b {
    margin: 0 0 0 0;
    border: 0px solid #F66;
    padding: 0% 23px 19px 0%;
    width: 40%;
   	font-size: 1.2em;
    font-weight: 300;
    line-height: 29px;
    letter-spacing: .06em;
    z-index: 1;
    float: right;
}
.h4_intro_c {
    margin: 30px;
    border: 0px solid #F66;
    padding: 30px;
    width: 40%;
    float: left;
    font-size: 1.2em;
    font-weight: 300;
    line-height: 29px;
    letter-spacing: .06em;
    visibility: visible;
    display: block;
}

    
      .object-fit-container_1 {
    object-fit: cover;
    height: auto;
    float: left;
    object-fit: cover;
    height: auto;
    width: 30%;
    visibility: visible;
    padding: 0%;
    margin: 50px 0px 0px 0px;
    display: block;
    z-index: 1;
  }

.h4_intro_a, h4_intro_b {
    margin: 0 0 40px 0;
    border: 0px solid #F66;
    padding: 60px 0px 0px 75px;
    height: auto;
    width: 33%;
    background-color: #;
    float: left;
    font-size: 1em;
    font-weight: 300;
    line-height: 29px;
    letter-spacing: .06em;
    visibility: visible;
    display: block;
}

#table_footer2, .table_footer2-row, .table_footer2-cell {
	width: 0%;
	height: 0;
	position: relative;
	visibility: hidden;
	z-index: -9999;
	top: -9999px;
	display: none;
}

#navMain2 li a,
#navMain2 li a:hover,
#navMain2 li a:active,
#navMain2 li a:focus,
#navMain2 li a:after {
	color:#0F9;	
}


h2 {
	text-align: left;
}

#top_logo {

	visibility: visible;
	display: block;
    top: 0px;
    
}

	#navFeatured li#active span,
	#navFeatured li a {
	font-size: 1.2em;
}

.tabelle6 {
	width: 67.5%;
	margin-right: 0;
	margin-left: 0;
}

#img_footer_logo {
	position: relative;
	visibility: visible;
	z-index: auto;
	height: 45px;
	width: 27px;
	float: left;
	background-image: url(../images/logokl4.png);
	margin: 0px 0% 0px 5%;
    display: block;
	bottom: 7px;
	border: 1px solid #999;
}	
    
#img_card {
	position: relative;
	visibility: visible;
	z-index: auto;
	height: 40px;
	width: 300px;
	float: left;
	background-image: url(../images/hl_card_1.png);
	margin: 0 0 0 0;
    display: block;
	bottom: 0px;
	border: 0px solid #999;
}


#top_logo {
    visibility: visible;
    display: block;
    top: 35px;
    position: fixed;
}



.open {

    padding: .25rem 0rem .25rem;

}

	body {
	
	background-color: #ffffff;
}

	#pageslide, .open {display:block;}

#banner {
	display: block;
}
#pageslide {

    display: none;
    position: absolute;
    position: fixed;
    top: 0;
    height: 100%;
    z-index: 999999;
    width: 300px;
    padding: 20px 20px 30px 30px;
    background-color: #f3f3f3;
    color: #5d5d5d;
	transition-duration: .15s;
	
	display: inline-block;

cursor: pointer;



}
#navMain li a, #navMain2 li a {

    padding: 10%;

}
.open {
float: left;
height: 50px;
width: 145px;
text-indent: 30px;
background-image: url(../images/open.png);
background-repeat: no-repeat;
background-position: 0 0px;
z-index: 9;
margin-top: 33px;
margin-right: 0%;
margin-bottom: 0;
margin-left: 93.5%;
padding-bottom: 0px;
position: fixed;
left: 0px;
tex;
text-align: center;
}

#wraper a:hover,
#wraper a:active,
#wraper a:focus,
#wraper a:after {
	color:#0F9;	
}


#banner img {
	
	max-width: 700px;
}

#banner3 {
	border-top-width: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #666;
	border-right-width: 0px;
	border-left-width: 0px;
	border-right-color: #666;
	border-left-color: #666;
	position: relative;
	height: 50px;
	width: 100%;
	margin-bottom: 0px;
	margin-top: 3px;
	border-bottom-width: 0px;
	border-bottom-style: solid;
	border-bottom-color: #666;
	visibility: hibbeb;
	position: relative;
	display:  none;
	float: right;
	top: -30px;
	
}
	#banner3 img {
	max-width: 893px;
	visibility: visible;
	margin: 25px 0px 0px 0px;
	padding-top:0px
	border-top-width: 0px;
border-top-style: solid;
border-right-style: solid;
border-left-style: solid;
border-left-style: solid;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #999;
border-right-width: 1px;
border-left-width: 1px;
border-right-color: #999;
border-left-color: #999;
}

	

	#navMain {display:none;}
	#navMain2 {display:block;}
	
	#navFeatured {display:block;}
	
	#navMain, #navMain2 {
	width:100%;
	float:left;
	padding:0% 0% 0%;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	margin-bottom:0;
	margin-top:0px;
	border-radius:0 0 0 0;
	font-family: 'GillSansMTStd-Light', Helvetica, Arial, sans-serif;
	font-weight: lighter;
	text-shadow: 0px 1px 0px #;	
	text-rendering: optimizeLegibility;
	}
	
	#navMain2 li {
		float:left;
		width:20%;
		margin-right:0%;
	}
	
	#navMain2 li a {
	padding: 2.4em 0em .7em 6%;
	font-size: 1.2em;
    color: #666;
}

	#navFeatured li active span,
	#navFeatured li a {
	font-size: 1.3em;
}


	
	#navFeatured li a {
	border-bottom-width: 2px;
}	
	#navFeatured li active span,
	#navFeatured li a {
	border-bottom-width: 0px;	
}


#navFeatured li a:hover,
#navFeatured li a:active,
#navFeatured li a:focus {
	border-bottom-width: 0px;
}


h2 {
	margin: 254px 1% 1% 3%;
	font-size: 3.2rem;
	
}
#img_text_intro_image_wir1, #img_text_intro_image_preise1, #img_text_intro_image_prices1, #img_text_digigraphie2 {
	
	visibility: hidden;
	display: none;
}
	#top {
	height: 0;
	width: 100%;
	position: relative;
	z-index: auto;
	top: 0px;
	background: #fff;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
	z-index: 55500;
}
header {
	float:none;
	width:100%;
	padding-top: 40px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	border-bottom:0px solid #333;
	height: 16px;
	background: ;
	z-index: auto;
	max-width:1180px;
	margin:0 auto;
	z-index: 50;
}


	#navMain2 {
    width: 100%;
    float: right !important;
    padding: 0% 0% 0%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0px;
    margin-top: 35px;
    border-radius: 0 0 0 0;
    font-family: 'Helvetica Neue', Arial, sans-serif;
    font-weight: 300;
    text-shadow: 0px 0px 0px #;
    text-rendering: optimizeLegibility;
	top: 0;

	left: 0;
	z-index: 6;
	margin-left:%;

	}
	
	#navMain2 li {
		float:left;
		width:20%;
		margin-right:0%;
	}
	
	#navMain2 li a {
	padding: 8px 0em 3px 0;
	font-size: 15px;
	text-align: center;
	font-size: 1.4em;
	letter-spacing: 0.07em;
	transition: background 2.13s,opacity 2.5s,box-shadow 2.5s;
	}


	


/*neue ausschalt 2. Bild tablet*/

#img_intro_image_tablet, #img_X_capitals_image_tablet, #img_leere_image_tablet, #img_tryptich_5_teile_image_tablet, #img_trilogie_der_goedlischkeit_image_tablet, #img_times_trilogy_2_image_tablet, #img_manifold_9_image_tablet, #img_manifold_8portrait_image_tablet, #img_manifold_8_image_tablet, #img_manifold_7_image_tablet, #img_manifold_6_image_tablet, #img_manifold_5_image_tablet, #img_manifold_4_image_tablet, #img_manifold_3_image_tablet, #img_manifold_2_image_tablet, #img_manifold_12_image_tablet, #img_manifold_11_image_tablet, #img_manifold_10_image_tablet, #img_manifold_1_image_tablet, #img_das_ich_ueber_das_selbst_image_tablet, #img_kontakt_image_tablet, #img_impressum_image_tablet, #img_about_image_tablet, #img_ausstellungen_image_tablet, #img_11man_image_tablet, #img_muster_image_tablet, #img_buch1_image_tablet, #img_buch2_image_tablet, #img_buch2_T_2_image_tablet, #img_buch3_image_tablet,

#imag_manifold_1_menue_headt_1, #imag_manifold_3_menue_headt_1, #imag_manifold_4_menue_headt_1, #imag_manifold_5_menue_headt_1,  #imag_manifold_6_menue_headt_1, #imag_manifold_7_menue_headt_1, #imag_manifold_8_menue_headt_1, #imag_manifold_10_menue_headt_1, #imag_manifold_11_menue_headt_1, #imag_manifold_12_menue_headt_1, #imag_das_ich_ueber_das_selbst_1,  #imag_menue_ausstellungen_1,  #imag_menue_ausstellungen_1, #imag_about_hl_1, #imag_about_hl_1,  #img_X_capitals_image_tablet, #imag_impressum, #imag_kontakt, #imag_manifold_2_menue_headt_1,

#img_intro_image_tablet h7, #img_X_capitals_image_tablet h7, #img_leere_image_tablet h7, #img_tryptich_5_teile_image_tablet h7, #img_trilogie_der_goedlischkeit_image_tablet h7, #img_times_trilogy_2_image_tablet h7, #img_manifold_9_image_tablet h7, #img_manifold_8portrait_image_tablet h7, #img_manifold_8_image_tablet h7, #img_manifold_7_image_tablet h7, #img_manifold_6_image_tablet h7, #img_manifold_5_image_tablet h7, #img_manifold_4_image_tablet h7, #img_manifold_3_image_tablet h7, #img_manifold_2_image_tablet h7,  #img_manifold_12_image_tablet h7, #img_manifold_11_image_tablet h7, #img_manifold_10_image_tablet h7, #img_manifold_1_image_tablet h7, #img_das_ich_ueber_das_selbst_image_tablet h7, #img_kontakt_image_tablet h7, #img_impressum_image_tablet h7, #img_about_image_tablet h7, #img_ausstellungen_image_tablet h7, #img_11man_image_tablet h7, #img_muster_image_tablet h7, #img_buch1_image_tablet h7, #img_buch2_image_tablet h7, #img_buch2_T_2_image_tablet h7, #img_buch3_image_tablet h7 {
	visibility: hidden;
	display:none;
	}


	




/* Anfang Einschalt 3. Bild FullScreen*/

#img_X_capitals_image_fullscreen, #img_leere_image_fullscreen, #img_tryptich_5_teile_image_fullscreen, #img_trilogie_der_goedlischkeit_image_fullscreen, #img_times_trilogy_2_image_fullscreen, #img_manifold_9_image_fullscreen, #img_manifold_8portrait_image_fullscreen, #img_manifold_8_image_fullscreen, #img_manifold_7_image_fullscreen, #img_manifold_6_image_fullscreen, #img_manifold_5_image_fullscreen,  #img_manifold_4_image_fullscreen, #img_manifold_3_image_fullscreen, #img_manifold_2_image_fullscreen, #img_manifold_12_image_fullscreen, #img_manifold_11_image_fullscreen, #img_manifold_10_image_fullscreen, #img_manifold_1_image_fullscreen, #img_das_ich_ueber_das_selbst_image_fullscreen, #img_kontakt_image_fullscreen, #img_impressum_image_fullscreen, #img_about_image_fullscreen, #img_ausstellungen_image_fullscreen, #img_11man_image_fullscree, #img_muster_image_fullscreen, #img_11man_image_fullscreen, #img_buch1_image_fullscreen, #img_buch2_image_fullscreen, #img_buch2_T_2_image_fullscreen, #img_buch3_image_fullscreen,

	#imag_manifold_1_menue_headt_1, #imag_manifold_3_menue_headt_1, #imag_manifold_4_menue_headt_1, #imag_manifold_5_menue_headt_1,  #imag_manifold_6_menue_headt_1, #imag_manifold_7_menue_headt_1, #imag_manifold_8_menue_headt_1, #imag_manifold_10_menue_headt_1, #imag_manifold_11_menue_headt_1, #imag_manifold_12_menue_headt_1, #imag_das_ich_ueber_das_selbst_1,  #imag_menue_ausstellungen_1, #imag_about_hl_1, #imag_about_hl_1, #imag_essay_realitaet_in_transit_1, #img_X_capitals_image_fullscreen, #imag_impressum, #imag_kontakt, #imag_manifold_2_menue_headt_1, #img_buch2_image_headt_1, #imag_buch1_headt_1 {
    top: 37px;
	position: relative;
	z-index: auto;
	height: 400px;
	width: 100%;
	float: left;
	margin: 0 0 27px 0;
	background-size:cover;
	background-repeat: no-repeat;
	top: 12px;
	
}
#img_text_intro_image_index {
	background-image: url(../artworks/intro/intro_show_1.jpg);
	}
#img_X_capitals_image_fullscreen {
	background-image: url(../artworks/pictos_artworks/intro_2_x_capitals_heat.jpg);
}
#img_leere_image_fullscreen {
	background-image: url(../artworks/pictos_artworks/intro_3_leere_heat.jpg);
}
#img_tryptich_5_teile_image_fullscreen {
	background-image: url(../artworks/pictos_artworks/intro_3_5_teile_heat.jpg);
}
#img_trilogie_der_goedlischkeit_image_fullscreen {
	background-image: url(../artworks/pictos_artworks/intro_3_godes_heat.jpg);
}
#img_times_trilogy_2_image_fullscreen {
	background-image: url(../artworks/pictos_artworks/intro_3_3_gloves_heat.jpg);
}
#img_manifold_9_image_fullscreen {
	background-image: url(../artworks/pictos_artworks/intro_3_IX_heat.jpg);
}
#img_manifold_8portrait_image_fullscreen {
	background-image: url(../artworks/pictos_artworks/intro_3_M8_portrait_heat.jpg);
}
#img_manifold_8_image_fullscreen {
	background-image: url(../artworks/pictos_artworks/intro_3_M8_heat.jpg);
}
#img_manifold_7_image_fullscreen {
	background-image: url(../artworks/pictos_artworks/intro_3_M7_heat.jpg);
}
#img_manifold_6_image_fullscreen {
	background-image: url(../artworks/pictos_artworks/intro_3_M6_heat.jpg);
}
#img_manifold_5_image_fullscreen {
	background-image: url(../artworks/pictos_artworks/intro_3_M5_heat.jpg);
}
#img_manifold_4_image_fullscreen {
	background-image: url(../artworks/pictos_artworks/intro_3_M4_heat.jpg);
}
#img_manifold_3_image_fullscreen {
	background-image: url(../artworks/pictos_artworks/intro_3_M3_heat.jpg);
}
#img_manifold_2_image_fullscreen {
	background-image: url(../artworks/pictos_artworks/intro_3_M2_heat.jpg);
}
#img_manifold_12_image_fullscreen {
	background-image: url(../artworks/pictos_artworks/intro_3_M12_heat.jpg);
}
#img_manifold_11_image_fullscreen {
	background-image: url(../artworks/pictos_artworks/intro_3_M11_heat.jpg);
}
#img_manifold_10_image_fullscreen {
	background-image: url(../artworks/pictos_artworks/intro_3_M10_heat.jpg);
}
#img_manifold_1_image_fullscreen {
	background-image: url(../artworks/pictos_artworks/intro_3_M1_heat.jpg);
}
#img_das_ich_ueber_das_selbst_image_fullscreen {
	background-image: url(../artworks/pictos_artworks/intro_3_the_I_about_the_self_heat.jpg);
}
#img_kontakt_image_fullscreen {
	background-image: url(../artworks/pictos_artworks/intro_3_kontakt_heat.jpg);
}
#img_impressum_image_fullscreen {
	background-image: url(../artworks/pictos_artworks/intro_3_M6_heat.jpg);
}
#img_about_image_fullscreen {
	background-image: url(../artworks/pictos_artworks/intro_3_about_heat.jpg);
}
#img_ausstellungen_image_fullscreen {
	background-image: url(../artworks/pictos_artworks/intro_3_ausstellungen_heat.jpg);
}
#img_11man_image_fullscreen {
	background-image: url(../artworks/11_man_in_the_moon/11Man_heat.jpg);
}
#img_muster_image_fullscreen {
	background-image: url(../artworks/x_capitals_muster/rb_hochzeiten_heat_fullscreen.jpg);
}
#img_buch1_image_fullscreen {
	background-image: url(../artworks/pictos_artworks/intro_3_M8_buch_1_heat.jpg);
}
#img_buch2_image_fullscreen {
	background-image: url(../artworks/pictos_artworks/intro_3_M8_buch_2_heat.jpg);
}
#img_buch2_T_2_image_fullscreen {
	background-image: url(../artworks/pictos_artworks/intro_3_M8_buch_2_T_2_heat.jpg);
}
    #img_buch3_image_fullscreen {
	background-image: url(../artworks/pictos_artworks/intro_3_M8_buch_3_heat.png);
}


#img_intro_image_fullscreen	h7, #img_X_capitals_image_fullscreen h7, #img_leere_image_fullscreen h7, #img_tryptich_5_teile_image_fullscreen h7, img_trilogie_der_goedlischkeit_image_fullscreen h7, #img_times_trilogy_2_image_fullscreen h7, #img_manifold_9_image_fullscreen h7, #img_manifold_8portrait_image_fullscreen h7, #img_manifold_8_image_fullscreen h7, #img_manifold_7_image_fullscreen h7,  #img_manifold_6_image_fullscreen h7, #img_manifold_5_image_fullscreen h7, #img_manifold_4_image_fullscreen h7, #img_manifold_3_image_fullscreen h7, #img_manifold_2_image_fullscreen h7, #img_manifold_12_image_fullscreen h7, #img_manifold_11_image_fullscreen h7, #img_manifold_10_image_fullscreen h7, #img_manifold_1_image_fullscreen h7,  #img_das_ich_ueber_das_selbst_image_fullscreen h7, #img_kontakt_image_fullscreen h7, #img_impressum_image_fullscreen h7, #img_about_image_fullscreen h7,  #img_ausstellungen_image_fullscreen h7, #img_11man_image_fullscreen h7, #img_muster_image_fullscreen h7, #img_buch1_image_fullscreen h7, #img_buch2_image_fullscreen h7, #img_buch2_T_2_image_fullscreen h7, #img_buch3_image_fullscreen h7 {
    color: #ffffff;
    font-family: 'Roboto Condensed', 'Hind', 'Helvetica Neue', Arial, sans-serif;
    font-size: 3.0rem;
    line-height: 4.1rem;
    font-weight: 300;
    margin: 200px 0% 0% 5%;
    margin-bottom: 0px;
    margin-right: 8px;
    text-rendering: optimizeLegibility;
    letter-spacing: 0.13em;
    text-transform: uppercase;
    float: left;
    width: 80%;
    text-align: left;
	display:block;
	visibility:visible;
}


/* Ende alte Einschalt Bilder Fullcreen*/


#footer01 {
position: fixed;
margin-top: 0px;
margin-right: px;
margin-bottom: 0px;
margin-left: 83.8%;
padding-top: 0px;
navMainpadding-right: 0;
padding-bottom: 0px;
padding-left: 0;
z-index: 25;
top: 11px;
height: 17px;
visibility: visible;
left: 0px;
line-height: 0px;
width: 0px;
text-align: right;
padding: .25rem 0px 1.33rem;
}

#footer01 a {
	color: #f9f9f9;
	font-style: normal;
	font-weight: 500;
	text-decoration: none;
	font-size: 12px;
	line-height: 12px;
}
#footer01 a:link {
	color: #f9f9f9;
	font-style: normal;
	font-weight: 500;
	text-decoration: none;
	font-size: 12px;
	line-height: 12px;
	letter-spacing: 0.09em;
	position: fixed;
}

#footer01 a:visited {
	color: #f9f9f9;
	text-decoration: none;
	font-style: normal;
	font-weight: 500;
	font-size: 12px;
	line-height: 12px;
}
#footer01 a:active {
	color: #f9f9f9;
	text-decoration: none;
	font-style: normal;
	font-weight: 500;
	font-size: 12px;
	line-height: 12px;
}
#footer01 a:hover {
	color: #0F9;
	text-decoration: none;
	font-style: normal;
	font-weight: 500;
	font-size: 12px;
	line-height: 12px;
}


	
	#navi_fone_2 {
	visibility: hidden;
	display: none;
	}
	
	.dwuserEasyRotator {
	width: 600px;
	height: 390px;
}
	
.h4_intro_ref {
	width: 100%;
	display: none;
	visibility: hidden;
}

.h4_intro, .h4_intro_essays, .h4_intro_essays2 {
	margin: 0 0 0 0;
	border: 0px solid #FFF;
 	padding: 60px 60px 15px 60px;
  	height: auto;
  	width: ;
	background-color: #fff;
	float: left;
	text-align: left;
	
	font-size: 14px;
	font-weight: 300;
	line-height: 26px;
	letter-spacing: 0.05em;
	visibility: visible;
	display: block;
	
	border-top-width: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-left-style: solid;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-color: #;
	border-left-color: #;
}


.h4_intro_a {
    margin: 0 0 40px 0;
    border: 0px solid #F66;
    padding: 7% 0px 0px 25px;
    height: auto;
    width: 40%;
    background-color: #;
    float: left;
    font-size: 1.2em;
    font-weight: 300;
    line-height: 29px;
    letter-spacing: .06em;
    visibility: visible;
    display: block;
}

.h4_intro_b {
    margin: 0 0% 0px 0%;
    border: 0px solid #F66;
    padding: 9% 23px 19px 0%;
    width: 40%;
    font-size: 1.2em;
    font-weight: 300;
    line-height: 29px;
    letter-spacing: .06em;
    z-index: 1;
    float: right;
}
.h4_intro_1 {
    visibility: hidden;
    display: none;
   
}
.h4_intro {
    visibility: visible;
    display: block;
	margin-bottom: 60px;
}
.h4_intro_c {
    margin: 30px;
    border: 0px solid #F66;
    padding: 0;
    width: 40%;
    float: left;
    font-size: 1.2em;
    font-weight: 300;
    line-height: 29px;
    letter-spacing: .06em;
    visibility: visible;
    display: block;
}

.  .object-fit-container_1 {
    object-fit: cover;
    height: auto;
    float: right;
    object-fit: cover;
    height: auto;
    width: 350px;
    visibility: visible;
    padding: 0%;
    margin: 50px 0px 0px 0px;
  }
	
.object-fit-container_2 {
    object-fit: cover;
    height: auto;
	float: left;
	object-fit: cover;
	height: auto;
	width: 48%;
	visibility: visible;
	padding: 0%;
	margin: 0px 2px 0px 0px;
	
}

.object-fit-cover {
    object-fit: cover;
    height: 100%;
    width: 100%;
	margin: 0px 0 0px 0;
	visibility:visible;
	display:block;
}

.h4_intro h2, .h4_intro_essays h2 {
    font-family: 'Roboto Condensed', 'Hind', Trebuchet MS, Arial, sans-serif;
    font-size: 1.4rem;
    text-rendering: optimizeLegibility;
    margin: 0px 0px 0px 0px;
    line-height: 2rem;
    letter-spacing: .15em;
    text-transform: uppercase;
    text-align: left;
    font-weight: 400;
    color: #f41a1a;
}


h6 {
color: #62a1e1;
	font-family: 'Roboto Condensed', 'Hind', Helvetica, Arial, sans-serif;
	font-size: 1.1rem;
	line-height: 35px; 
	font-weight: 400;
	text-rendering: optimizeLegibility;
	margin: 0 0 25px 0;
	text-align: right;
	letter-spacing: .15em;
	text-transform: uppercase;
	hyphens: auto; 
        text-align: justify
}
h8 {
	color: #4f4f4f;
	color: #4f4f4f;
	font-family: 'Roboto Condensed', 'Hind', 'Helvetica Neue', Arial, sans-serif;
	font-size: 1rem;
	line-height: 15px;
	font-weight: 500;
	text-rendering: optimizeLegibility;
	letter-spacing: .15em;
	text-align: left;
}

#featuredContent h3, #featuredContent3 h3 {
	width: 100%;
	margin: 50px 0px 20px 0;
	font-size: 1.25em;
}

#featuredContainer  {
	margin-top: -20px;    
}

#navFeatured { width: 100%; }

	#navFeatured li#active span,
	#navFeatured li a {
	-webkit-border-top-right-radius:0px;
	-webkit-border-top-left-radius:0px;
	-moz-border-radius-topright:0px;
	-moz-border-radius-topleft:0px;
	-webkit-border-bottom-right-radius:0px;
	-webkit-border-bottom-left-radius:0px;
	-moz-border-radius-bottomright:0px;
	-moz-border-radius-bottomleft:0px;
	border-bottom-right-radius:0px;
	border-bottom-left-radius:0px;
	border-top-right-radius:0px;
	border-top-left-radius:0px;
	height: auto;
}


	#navi_fone {
    font-size: 1em;
    height: 20px;
    bottom: auto;
    position: relative;
    margin-top: -0.5px;
    margin-right: auto;
    margin-bottom: -2.8px;
    margin-left: 60px;
    left: 0;
    padding-top: 18px;
    padding-right: 0px;
    padding-bottom: 5px;
    padding-left: 0px;
    -webkit-border-top-right-radius: 0px;
    -webkit-border-top-left-radius: 0px;
    -webkit-border-bottom-right-radius: 0px;
    -webkit-border-bottom-left-radius: 30px;
    -moz-border-radius-topright: 0px;
    -moz-border-radius-bottomright: 0px;
    -moz-border-radius-topleft: 30px;
    -moz-border-radius-bottomleft: 30px;
    border-top-right-radius: 0px;
    border-top-left-radius: 0px;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
    top: -4px;
    line-height: 0px;
    visibility: visible;
    width: 100%;
    display: block;
    font-weight: 400;
    color: #e6e6e6;
    background-color: #fff;
    text-align: center;
    float: right;
    text-shadow: 0px 0px 0px #333;
	opacity: .6;
}


#navi_fone a, 
#navi_fone a:link, 
#navi_fone a:visited,
#navi_fone a:active   {
	color: #e6e6e6;
	font-style: italic;
	font-weight: 500;
	text-decoration: none;
	font-size: 1em;
	line-height: 12px;
}

#navi_fone a:hover {
	color: #0F9;
	text-decoration: none;
	font-style: italic; 
	font-weight: 600;
	font-size: 1em;
	line-height: 12px;
	text-color: #fff;
}

	#navi_comment {
	text-align: justify;
	margin-top: 14px;
	font-size: 1em;
	line-height: 1.6em;
	font-family: Hind, 'Helvetica Neue', Arial, sans-serif;
	font-weight: 700;
	color:#d1d1d1;
	width:100%;
	float:left;
	visibility: visible;
	display: block;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	margin-bottom:1%;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-color: #ccc;
	border-top-color: #;
	border-right-color: #94311a;
	border-left-color: #94311a;
	border-bottom-color: #94311a;
	top: 0px;
	background: url("../images/korn_rgb_2.jpg") no-repeat scroll 50% 50% / 100% auto transparent;
	background-repeat: no-repeat;
	text-shadow: 0px 0px 0px #333;
	height: 130px;
	padding-top: 18px;
	padding-right: 1%;
	padding-bottom: 10px;
	padding-left: 6%;
	text-rendering: optimizeLegibility;
}


	.h1 {
	margin-top: 0px;
	position: relative;
	visibility: visible;
	z-index: auto;
	height: auto;
	width: 600px;
	margin-bottom: 0px;
}


	#imag_text_preistr_viv, #imag_text_preistr_steph, #imag_text_preistr_bel_3 {
	height: 435px;
	width: 650px;
	margin: 0 2% 42px 0;
}
	#imag_text_preistr_bel, #imag_text_preistr_bel_2 {
	height: 487px;
	width: 650px;
	margin: 0 2% 42px 0;
}


	
	
	/*Bild ver&auml;ndern wird kleiner damit die Navi daneben platz hat*/
	

   #featuredContainer img {
    float: left;
    width: 100%;
    margin-top: 12px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
  }
	/*anpassen der drei gr&uuml;nen Buttons springen auf die rechte Seite nach % Anpassung der width auf 30%*/



	#featuredContainer a img {
	
	z-index: 1;
	transition: cubic-bezier(.15,.51,.71,.69) .2s;
	-webkit-transition: cubic-bezier(.15,.51,.71,.69) .2s;
	-moz-transition: cubic-bezier(.15,.51,.71,.69) .2s;
	-o-transition: cubic-bezier(.15,.51,.71,.69) .2s;
	-ms-transition: cubic-bezier(.15,.51,.71,.69) .2s;

}


	#featuredContainer a:hover img,
	#featuredContainer a:active img,
	#featuredContainer a:focus img {

	
	transform: scale(1.02);
	-webkit-transition: cubic-bezier(.15,.51,.71,.69) .1s;
	-moz-transition: cubic-bezier(.15,.51,.71,.69) .1s;
	-o-transition: cubic-bezier(.15,.51,.71,.69) .1s;
	-ms-transition: cubic-bezier(.15,.51,.71,.69) .1s;
	

}
	
	.featured_image_1 {
    border: 0px solid #ece9d7;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    visibility: visible;
    z-index: auto;
    top: 5px;
    margin-top: 64px;
    margin-right: 0;
    margin-bottom: 0%;
    margin-left: 0px;
    padding-left: 0;
}


/*sorgt daf&uuml;r das die max Breite eingehalten wird*/
.featured_image_2 {
	margin:0;
	border: 0px solid #ece9d7;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	position:relative;
	visibility: visible;
	z-index: auto;
	top: 30px;
}

	#featuredContenttab, #featuredContent3tab {
	padding-top: 0%;
	padding-right: 4%;
	padding-bottom:0%;
	padding-left: 0%;
	margin-bottom: 0;
	height: auto;
		width: 100%;
}
#featuredContent2, #featuredContent3 {
	padding-top: 6%;
	margin-left: 3%;
	padding-left: 0%;
	padding-right: 0%;
	padding-bottom: 0%;
	height: auto;
	line-height: 1.7em;
	margin-top: -40px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	width: 100%;
	max-width: 66%; 
	text-align:justify;
}

#featuredContent2 {
	font-size: 1.1em;
    line-height: 1.6em;
    height: auto;
    font-weight: normal;
    text-align: justify;
    color: #323e4d;
    font-family: Hind, 'Helvetica Neue', Helvetica, Arial, sans-serif;
	text-rendering: optimizeLegibility;
	background-color: #ffffff;
	
}
	
.content9 {
	width: 105%;
	padding-top: 0%;
	padding-right: 0%;
	padding-bottom: 3%;
	padding-left: 4%;
}


.tabelle3 {
	width: 40%;
	margin-right: 1%;
	margin-left: 1%;
	margin-bottom: 4%;
	float: left;
	visibility: visible;
}
.tabelle4 {
	width: 40%;
	margin-right: 0;
	margin-left: 0%;
	margin-bottom: 4%;
	float: left;
	visibility: visible;
}
.tabelle5 {
	line-height: 15px;
	margin-bottom: 20px;
	position: relative;
	width: 80%;
	margin-right: 0;
	margin-left: 0;
}
.tabelle5 {
	font-size: 1.2em;
	line-height: 1.4em;
}

.tabelle6 {
	width: 100%;
	margin-right: 0;
	margin-left: 0;

}


  #content {
    float: inline-start;
    width: 100%;
    padding: 0 0 0px 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    height: 100%;
    margin: 50px 0% 100px 0%;
  }

#content section {
    margin-bottom: 0%;
    padding: 0% 0% 0% 0%;
    box-shadow: 0 0 0px rgba(7,7,7,.30);
    background-color: #ffffff;
    min-height: 380px;
}
	

.container img {
	border-top-width: 0px;
	border-top-style: solid;
	border-top-color: #999;	
}
/*Produkt Links - ldetzte Content*/
#content section:after {
	
	height:10px;
	width:100%;
	display:block;
	background-size:100% 100%;
	position:absolute;
	left:0;
	bottom:-10px;
	width:32%;	
	margin-right:0%;
	padding:0% 0% 0% 0%;
	-webkit-transition: -webkit-transform 0.3s cubic-bezier(0,0,0.2,1);
	-webkit-transition: transform 0.3s cubic-bezier(0,0,0.2,1);
	transition: transform 0.3s cubic-bezier(0,0,0.2,1);
	will-change: transform;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
		
}

	/*ver&auml;ndert Produktansicht - immer drei Produkte nebeneinander % Anpassung zusammen mit anderen Abst&auml;nden ergeben sich 100%*/

	/* sorgt daf&uuml;r das das rechte Element kein margin bekommt*/
	#content section {
		margin-right:0;	
	}

	#content section p {
	font-size: 1.2em;
}

	figure {
	max-width:100%;
	overflow:auto;
	float: left;
	margin: 0;
	padding: 0px;
}

figure img {
	max-width:350px;
	width: 250px;
	position: relative;
	margin:  0 0 0 0;
	padding: 0px;
}	
	/* Farbe Schrift Anschrift Footer */
	#table_footer {
	display: table;
	width: 70%;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	visibility: visible;
	z-index: 999;
	position: relative;
	font-size: 0.75em;
	margin-bottom: 9px;
	color: #999;
}



	
	#navFeatured li a {
	height: 95px;
	padding-top: 30px;
	padding-right: 0;
	padding-bottom: 0px;
	padding-left: 0%;
	}
	
		
	#banner {
	margin-bottom: 0px; 
	margin-top: 0px;
}
#banner3 img {
    height: 80px;
	 width: 49px;
    visibility: visible;
    margin: 11px 0px 0px 30px;
	-webkit-border-top-right-radius: 0px;
-webkit-border-top-left-radius: 0px;
-webkit-border-bottom-right-radius: 0px;
-webkit-border-bottom-left-radius: 0px;
-moz-border-radius-topright: 0px;
-moz-border-radius-bottomright: 0px;
-moz-border-radius-topleft: 0px;
-moz-border-radius-bottomleft: 0px;
border-top-right-radius: 0px;
border-top-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-left-radius: 0px;
border-top-width: 0px;
border-top-style: solid;
border-right-style: solid;
border-left-style: solid;
border-left-style: solid;
border-bottom-width: 0px;
border-bottom-style: solid;
border-bottom-color: #999;
border-right-width: 0px;
border-left-width: 0px;
border-right-color: #999;
border-left-color: #999;
position: fixed;

top: 0;

left: 0;

z-index: 5000;

}


  #navi_fone {
    height: 98px;
    bottom: auto;
    position: relative;
    margin-top: 0px;
    margin-right: 0;
    margin-bottom: 0px;
    margin-left: 0;
    width: 100%;
    bottom: auto;
    position: relative;
    margin-right: 0;
    margin-left: 0px;
    text-align: center;
    font-size: 1.7rem;
    line-height: 1.9em;
    font-family: 'Roboto Condensed', Hind, 'Helvetica Neue', Arial, sans-serif;
    font-weight: 400;
    color: #f9f9f9;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-rendering: optimizeLegibility;
    padding: 25px !important;
    letter-spacing: .15em;
    position: fixed;
    top: 0;
    left: 0;
    z-index: -555;
  }

	.dwuserEasyRotator {
	width: 1180px;
	height: 420px;
	}




#featuredContenttab, #featuredContent3tab {
	height: auto;
	width: 105%;
	padding-top: 0%;
	padding-right: 0%;
	padding-bottom: 3%;
	padding-left: 0%;
}



.tabelle3 h3, .tabelle4 h3 {
	font-size: 1.1em;	
	
}

.content9 {
	width: 100%;
	padding-top: 0%;
	padding-right: 0%;
	padding-bottom: 3%;
	padding-left: 4%;
}
   hr 
            {
            border:0;
            height:1px;
			width: 100%;
			margin-left: 0%;
            }

.tabelle3 {
	width: 45%;
	margin-left: 0%;
	float: left;
	visibility: visible;
}
.tabelle4 {
	width: 44%;
	margin-left: 0%;
	float: left;
	visibility: visible;
}
.tabelle5 {
	line-height: 15px;
	margin-bottom: 20px;
	position: relative;
	width: 98%;
	margin-right: 0;
	margin-left: 0;
	font-size: 0.85rem;
	line-height: 1.7rem;

}
.tabelle6 {
	width: 100%;
	margin-right: 0;
	margin-left: 0;
}
 
	
	.tabelle3, .tabelle4, .tabelle5, .tabelle6 {
  
    margin-right: 1%;
    margin-left: 5%;
    margin-bottom: 4%;
	max-width: 91.0%;
   
}


	.h1 {
margin-top: 23px;

}
	


#imag_text_paper, #img_text_printer {
	width: 100%;
	height:  460px;
	margin: 0% 3% 3% 0;
	top: 0px;
}	

	#imag_text_preise {
width: 99%;
height: 300px;
margin: 0% 3% 3% 0;
top: 0px;
z-index: 1;
}



#img_text_digigraphie1 {
width: 99%;
height: 300px;
margin: 10% 0% 30% 0;
top: 0px;
}


#img_text_wir {
	height: 430px;
	width: 100%;
	margin: 1.5% 4% 3% 0;
	top: 0px;
}	

#table_footer {
	display: none;
	width: 0px;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	visibility: hidden;
	z-index: 999;
	position: relative;
	font-size: 0.75em;
	margin-bottom: 0px;
}



}

@media screen and (min-width:1120px) {
		/* ver&auml;ndert den Innenabstand der navi Boxen um die H&ouml;he des Bildes auszugleichen*/
	
    #content {
    float: inline-start;
    width: 100%;
    padding: 1px 4% 0px 4%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    height: 100%;
    margin: 50px 0% 100px 0%;
  }
}
    
	#img_text_intro_image, #img_text_intro_image_engl {
	margin: 105px 12.5% 20px 3%;
}
#navMain2 {
width: ;

}
#img_text_intro_image_index {
    background-image: url(../images/London_imag1408_1.jpg);
}
#navFeatured li {
		width: 22.67%;
		float: right;
		margin-right:0%;
		letter-spacing: 0.1em;
	}

	.dwuserEasyRotator {
	width: 700px;
	height: 470px;
	}
	#banner {
	margin-bottom: 6px; 
	margin-top: 39px;
}

	
#featuredContent {

	padding-left: 0%;
	padding-right: 0%;  
}

#featuredContent2, #featuredContent3 {
	padding-top: 60px;
	margin-left: 0%;
	padding-left: 0%;
	padding-right: 0%;
	padding-bottom: 0%;
	height: auto;
	line-height: 1.7em;
	margin-top: -40px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	width: 100%;
	max-width: 100%; 
	text-align:justify;
}
#featuredContent h22 {
    color: #585858;
    font-family: 'Roboto Condensed', 'Hind','Helvetica Neue', Arial, sans-serif;
    font-size: 2.5rem;
    line-height: 40px;
    font-weight: 400;
    padding: 0px 5px 10px 5px;
    text-rendering: optimizeLegibility;
    margin: 50px 0px 0px 0px;
    text-align: left;
    letter-spacing: .15em;
    text-transform: uppercase;
    float: left;
    background-color: tomato;
}
.h4_intro, .h4_intro_essays, .h4_intro_essays2 {
	margin: 0 0 31px 0;
 	padding: 0px 10% 0px 10%;
  	width: ;
	background-color: #fff;
	float: left;
	-webkit-border-top-right-radius: 0px;
-webkit-border-top-left-radius: 0px;
-webkit-border-bottom-right-radius: 0px;
-webkit-border-bottom-left-radius: 0px;
-moz-border-radius-topright: 0px;
-moz-border-radius-bottomright:0px;
-moz-border-radius-topleft: 0px;
-moz-border-radius-bottomleft: 0px;
border-top-right-radius: 0px;
border-top-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-left-radius: 0px;
    background-repeat: no-repeat;
    background-size: 90%;
    background-position-y: bottom;
    background-position-x: right;
	
}

.h4_intro_a, .h4_intro_a_r2, .h4_intro_a_r3 {
	margin: 0 0 40px 0;
	border: 0px solid #F66;
border: 0px solid #F66;
padding: 60px 0px 0px 70px;
width: 37%;

}

header {
	float: none;
	width: 100%;
	padding-top: 40px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border-bottom: 0px solid #333;
	height: 0px;
	background: #;
	z-index: auto;
	max-width: 100%;
	margin: 0 auto;
	z-index: 20;
}

	#navFeatured li#active span,
	#navFeatured li a {
	-webkit-border-top-right-radius:0px;
	-webkit-border-top-left-radius:0px;
	-moz-border-radius-topright:0px;
	-moz-border-radius-topleft:0px;
	-webkit-border-bottom-right-radius:0px;
	-webkit-border-bottom-left-radius:0px;
	-moz-border-radius-bottomright:0px;
	-moz-border-radius-bottomleft:0px;
	border-bottom-right-radius:0px;
	border-bottom-left-radius:0px;
	border-top-right-radius:0px;
	border-top-left-radius:0px;
	background .9s,opacity .9s,box-shadow .9s;
}	

 .content9 {
	width: 100%;
	padding-top: 0%;
	padding-right: 0%;
	padding-bottom: 3%;
	padding-left: 0%;
}

.tabelle3 {
	width: 46%;
	margin-left: 1%;
	float: left;
	visibility: visible;
}
.tabelle4 {
	width: 44%;
	margin-left: 0%;
	float: left;
	visibility: visible;
}


	.h1 {
	margin-top: 23px;
	position: relative;
	visibility: visible;
	z-index: auto;
	height: auto;
	width: 50%;
}
	#table_footer {
	display: none; 
	height: 0px;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	visibility: visible;
	z-index: 999;
	position: relative;
	font-size: 0.85em;
	margin-bottom: 0px;
}


}
@media screen and (min-width:1164px) {
	
	#featuredContent, #featuredContent3 {
	padding-left: 0%;
	padding-right: 0%;
	margin-right: 0px;
	margin-left: 0px;
}
#img_text_intro_image_index {
    background-image: url(../images/London_imag1408.jpg);
}

		.dwuserEasyRotator {
	width: 750px;
	height: 490px;
	}
	#featuredContent h22 {
    color: #585858;
    font-family: 'Roboto Condensed', 'Hind','Helvetica Neue', Arial, sans-serif;
    font-size: 2rem;
    line-height: 40px;
    font-weight: 400;
    padding: 0% 0 0 0%;
    text-rendering: optimizeLegibility;
    margin: 100px 5% 25px 0px;
    text-align: left;
    letter-spacing: .15em;
    text-transform: uppercase;
    float: left;
}
  .object-fit-container_1 {
    object-fit: cover;
    height: auto;
    float: left;
    object-fit: cover;
    height: auto;
    width: 30%;
    visibility: visible;
    padding: 0%;
    margin: 50px 0px 0px 34px;
    display: block;
    z-index: 1;
  }
	}

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


h4_intro, .h4_intro_essays {
    margin: 0 0 0 0;
    padding: 0px 10% 30px 10%;
    width: ;
    background-color: #fff;
    float: left;
    text-align: left;
    transition: opacity .4s ease-in-out, transform .8s cubic-bezier(.45, 0, .27, 1);
  }

.h4_intro {
	padding: 60px 59px 90px 59px;
}
#featuredContent h22 {
    color: #585858;
    font-family: 'Roboto Condensed', 'Hind','Helvetica Neue', Arial, sans-serif;
    font-size: 3rem;
    line-height: 40px;
    font-weight: 400;
    padding: 0px 5px 10px 5px;
    text-rendering: optimizeLegibility;
    margin: 50px 5% 25px 0px;
    text-align: left;
    letter-spacing: .15em;
    text-transform: uppercase;
    float: left;
}

.h4_intro_a, .h4_intro_a_r2, .h4_intro_a_r3 {
	margin: 0 0 40px 0;
	border: 0px solid #F66;
	border: 0px solid #F66;
	padding: 50px 23px 19px 0px;
	width: 45%;

}

ul {
    padding-left: 20px;
}

li panel {
    width: 100%;
    overflow: hidden;
    display: flex;
    align-items: stretch;
	vertical-align:middle;
	z-index:1;
	flex-direction: row-reverse;

    display: flex;
    align-items: center;
    width: 100%;
}



#featuredContainer  {
	margin-top: -20px;
	height: auto;
}
#img_X_capitals_image_fullscreen, #img_leere_image_fullscreen, #img_tryptich_5_teile_image_fullscreen, #img_trilogie_der_goedlischkeit_image_fullscreen, #img_times_trilogy_2_image_fullscreen, #img_manifold_9_image_fullscreen, #img_manifold_8portrait_image_fullscreen, #img_manifold_8_image_fullscreen, #img_manifold_7_image_fullscreen, #img_manifold_6_image_fullscreen, #img_manifold_5_image_fullscreen, ##img_ausstellungen_image_fullscreen, #img_11man_image_fullscreen, #img_manifold_3_image_fullscreen, #img_manifold_2_image_fullscreen, #img_manifold_12_image_fullscreen, #img_manifold_11_image_fullscreen, #img_manifold_10_image_fullscreen, #img_manifold_1_image_fullscreen, #img_das_ich_ueber_das_selbst_image_fullscreen, #img_kontakt_image_fullscreen, #img_impressum_image_fullscreen, #img_about_image_fullscreen, #img_ausstellungen_image_fullscreen, #img_muster_image_fullscree,

#imag_manifold_1_menue_headt_1, #imag_manifold_3_menue_headt_1, #imag_manifold_4_menue_headt_1, #imag_manifold_5_menue_headt_1,  #imag_manifold_6_menue_headt_1, #imag_manifold_7_menue_headt_1, #imag_manifold_8_menue_headt_1, #imag_manifold_10_menue_headt_1, #imag_manifold_11_menue_headt_1, #imag_manifold_12_menue_headt_1, #imag_das_ich_ueber_das_selbst_1,  #imag_menue_ausstellungen_1,  #imag_about_hl_1, #imag_about_hl_1, #imag_essay_realitaet_in_transit_1, #imag_impressum, #imag_kontakt, #imag_manifold_2_menue_headt_1 {
    height: 500px;
    width: 100%;
    margin: 13px 0px 50px 0px;
    background-size: cover;
    background-repeat: no-repeat;
    top: 0px;
}


}

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


    .h4_intro, .h4_intro_essays {
    background-color: #fff;
    float: left;
    padding: 0 10% 0px 10%;
    margin: 0 0 0 0px;
    box-sizing: border-box;
    max-width: ;
    vertical-align: middle;
    background-repeat: no-repeat;
    background-size: 80%;
    background-position-y: bottom;
    background-position-x: right;
  }

.h4_intro {
	padding: 60px 59px 90px 59px;
}
.h4_intro_a, .h4_intro_c,.h4_intro_a_r2, h4_intro_essay_text {
	margin: 0 0 0px 0;
	border: 0px solid #F66;
	padding: ;
	width: 40%;
	z-index:1;

}
#featuredContent h22 {
    color: #585858;
    font-family: 'Roboto Condensed', 'Hind','Helvetica Neue', Arial, sans-serif;
    font-size: 3rem;
    line-height: 40px;
    font-weight: 400;
    padding: 0px 5px 10px 5px;
    text-rendering: optimizeLegibility;
    margin: 50px 5% 25px 0px;
    text-align: left;
    letter-spacing: .15em;
    text-transform: uppercase;
    float: left;
    background-color: tomato;
}


.h4_intro_b {
	margin: 0 0% 0px 0%;
	border: 0px solid #F66;
	padding: 14% 53px 19px 0%;
	width: 35%;
	z-index: 1;
	float: right;
}
.h4_intro_c {
    margin: 30px;
    padding: 30px;
    width: 40%;
    z-index: 1;
}

.h4_intro_essay_text {
	margin: 0 0 0px 0;
	padding: 0 23px 19px 34px;
	width: 80%;
	z-index:1;
}
.h4_intro_c h2 {
	font-size: 2em;
	
}

.h4_intro_a {
	background: #;    }
	
.h4_intro_a_r2 {
	background: #f3f3f3;
	
	padding: 49px 30px 9px 36px;
	width: 377px;
	border-top-width: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-left-style: solid;
	border-bottom-width: 0px;
	border-bottom-style: solid;
	border-bottom-color: #666;
	border-right-width: 27px;
	border-left-width: 0px;
	border-right-color: #e2620d;
	border-left-color: #3CC;
	text-align: justify;
	}
	
.h4_intro_a_r3 {
	background: #f3f3f3;
	padding: 50px 23px 9px 34px;   }



}
@media screen and (min-width:1249px) {
	.tabelle3, .tabelle4, .tabelle5, .tabelle6 {
  
    margin-left: 0%;
	max-width: 100%;
	}
	
}

@media screen and (min-width:1455px) {
    
    #content {
    float: inline-start;
    width: 100%;
    padding: 1px 0% 0px 4%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    height: 100%;
    margin: 50px 0% 100px 0%;
  }

#content section {
   
    width: 100%;
    margin: 0 0% 40px 0%;
    padding: 0% 0% 0% 0%;
    box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);
    min-height: 590px;
}
}


@media screen and (min-width:1857px) {
#content section {
    width: 30%;
    margin-right: 2%;
    padding: 0% 0% 0% 0%;
    box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);
    min-height: 580px;
	}
}

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

#cookiedingsbums a {color:#fff; text-decoration:none;}

#cookiedingsbums a:hover {text-decoration:underline;}

#cookiedingsbums div {padding:24px; padding-right:90px;}



#cookiedingsbumsCloser {
   color: #fff;
   font: 24px/100% arial, sans-serif;
   position: absolute;
   right: 8px;
   text-decoration: none;
   top: 14%;
   cursor:pointer;
   border-top:0px solid #2d6392; 
   border-left:0px solid #2d6392; 
   border-bottom:0px solid #2d6392; 
   border-right:0px solid #2d6392; 
   padding:10px;
   background: #fff; /* Old browsers */
   background: -moz-linear-gradient(top, #2d6392 0%, #2d6392 100%); 
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2d6392), color-stop(100%,#2d6392)); 
   background: -webkit-linear-gradient(top, ##2d6392,##2d6392 100%); 
   background: -o-linear-gradient(top, #2d6392,#2d6392 100%); 
   background: -ms-linear-gradient(top, #2d6392,#2d6392 100%); 
   background: linear-gradient(to bottom, #2d6392,#2d6392 100%); 
   filter: progid:DXImageTransform.Microsoft.gradient(    startColorstr='#2d6392', endColorstr='#2d6392',GradientType=0 ); 
   
   
   
  
   
   
 }

#cookiedingsbumsCloser:hover {border-bottom:1px solid #2d6392; border-right:0px solid white; border-top:0px solid #7b92a9; border-left:2px solid #7b92a9;}
}