@charset "UTF-8";

@font-face {
    font-family: 'robotothin';
    src: url('fonts/roboto-thin-webfont.woff2') format('woff2'),
         url('fonts/roboto-thin-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'robotomedium';
    src: url('fonts/roboto-medium-webfont.woff2') format('woff2'),
         url('fonts/roboto-medium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'robotolight';
    src: url('fonts/roboto-light-webfont.woff2') format('woff2'),
         url('fonts/roboto-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'robotobold';
    src: url('fonts/roboto-bold-webfont.woff2') format('woff2'),
         url('fonts/roboto-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'robotoregular';
    src: url('fonts/roboto-regular-webfont.woff2') format('woff2'),
         url('fonts/roboto-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'roboto_condensedbold';
    src: url('fonts/robotocondensed-bold-webfont.woff2') format('woff2'),
         url('fonts/robotocondensed-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'roboto_condensedregular';
    src: url('fonts/robotocondensed-regular-webfont.woff2') format('woff2'),
         url('fonts/robotocondensed-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}




@font-face {
    font-family: 'roboto_condensedlight';
    src: url('fonts/robotocondensed-light-webfont.woff2') format('woff2'),
         url('fonts/robotocondensed-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

/*@import url(https://fonts.googleapis.com/css?family=Unna:400,700);
@import url(https://fonts.googleapis.com/css?family=Lato:300,400,700);
@import url(https://fonts.googleapis.com/css?family=Roboto+Condensed:300,400,700);
@import url(https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,400);*/

html {
	margin: 0px;
	padding: 0px;
	background-color: #666666;
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	background-size: cover;
	font-size: 20px;
	line-height: 26px;
}
body {
	font-family: "robotolight", "sans serif", Helvetica, Verdana, Arial;
	margin: 0px;
	padding: 0px;
	font-weight: normal;
}
b , strong{
	font-family: "robotomedium", "sans serif", Helvetica, Verdana, Arial;
	font-weight: normal;
}
.seitenüberschrift   {
	height: 50px;
	width: 480px;
	font-size: 10px;
	overflow: hidden;
	position: absolute;
	top: -100px;
	line-height: 10px;
}

img {
	width: 100%;
	margin: 0px;
	padding: 0px;
	height: auto;
}
.terminbox {
	width: 95%;
	margin: 1.2rem 0px;
	padding: 1.2rem;
	border-left: 3px;
	border-left-color: #69AAD0;
	border-left-style: solid;
	background-color: #fff;
}
.linkbox  {
	color: #FFF;
	text-decoration: none;
	background-color: #69AAD0;
	padding-top: 4px;
	padding-right: 12px;
	padding-bottom: 5px;
	padding-left: 12px;
}
.linkbox:hover {
	color: #69AAD0;
	text-decoration: none;
	background-color: #FFF;
	padding-top: 4px;
	padding-right: 12px;
	padding-bottom: 5px;
	padding-left: 12px;
}
.contliste {
	list-style-position: outside;
	list-style-image: url(../layout/img-site/chevron-right.gif);
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: -14px;
	text-indent: -2px;
}
.contliste a:link , .contliste a:visited{
	color: #333;
	text-decoration: none;
	padding-top: 2px;
	padding-right: 8px;
	padding-bottom: 2px;
	padding-left: 8px;
	width: 100%;
}
.contliste a:hover, .contliste a:focus, .contliste a:active {
	color: #000;
	padding-top: 2px;
	padding-right: 8px;
	padding-bottom: 2px;
	padding-left: 8px;
	text-decoration: underline;
}
.clear {
	line-height: 0px;
	clear: both;
	height: 0px;
	width: 0px;
}

#container {
	padding: 0px;
	height: 100%;
	width: 96%;
	max-width: 1380px;
	margin-top: 20px;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
	background-color: rgba(240,240,240,1);
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #FFF;
	border-right-color: #FFF;
	border-bottom-color: #D6D6D6;
	border-left-color: #FFF;
	box-shadow: 1px 1px 6px rgba(0,0,0,0.8);
	hyphens: auto;
    hyphenate-limit-chars: auto 5;
    hyphenate-limit-lines: 2;
}
#header {
	width: 100%;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	/*height: 20%;*/
	background-color: #FFFFFF;
	padding-top: 30px;
	padding-right: 0px;
	padding-bottom: 1px;
	padding-left: 0px;
	box-shadow: 0px 2px 6px rgba(0,0,0,0.5);
	display: block;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFF; /* Old browsers */

}

#headercont {
	width: 83%;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 40px;
	margin-left: auto;
	display: block;
	text-align: center;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #333;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 6px;
	padding-left: 0px;
}
#headercont img {
	width: 100%;
}
#zeichnung {
	width: 160px;
	float: left;
}
#logobox {
	padding: 0px;
	width: 360px;
	float: left;
	margin-top: 30px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

#navigation {
	padding: 0px;
	width: 83%;
	text-align: center;
	color: #FFF;
	/*	background: #393b3f; /* Old browsers */
/*	background: -moz-linear-gradient(top,  #393b3f 0%, #1f1f23 6%, #070707 30%, #303030 80%, #3d3d3d 100%); /* FF3.6+ */
/*	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#393b3f), color-stop(6%,#1f1f23), color-stop(30%,#070707), color-stop(80%,#303030), color-stop(100%,#3d3d3d)); /* Chrome,Safari4+ */
/*	background: -webkit-linear-gradient(top,  #393b3f 0%,#1f1f23 6%,#070707 30%,#303030 80%,#3d3d3d 100%); /* Chrome10+,Safari5.1+ */
/*	background: -o-linear-gradient(top,  #393b3f 0%,#1f1f23 6%,#070707 30%,#303030 80%,#3d3d3d 100%); /* Opera 11.10+ */
/*	background: -ms-linear-gradient(top,  #393b3f 0%,#1f1f23 6%,#070707 30%,#303030 80%,#3d3d3d 100%); /* IE10+ */
/*	background: linear-gradient(to bottom,  #393b3f 0%,#1f1f23 6%,#070707 30%,#303030 80%,#3d3d3d 100%); /* W3C */
/*	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#393b3f', endColorstr='#3d3d3d',GradientType=0 ); /* IE6-9 */


	overflow: visible;
	height: 50px;
	margin-top: 12px;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
	display: block;
	border: 0px solid #FFF;
}
#visual {
	width: 83%;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 20px;
	margin-top: 1px;
}
.imgvisual {
	border: 1px solid #FFF;
	background-color: #FFF;
	padding: 0%;
	box-shadow: 1px 1px 2px #999;
	width: 100%;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: auto;
	display: inline-block;
	margin-right: auto;
	box-sizing: border-box;
}
#container #imageContainer {
	overflow: hidden;
}

#content {
	padding: 0px;
	width: 83%;
	margin-top: 30px;
	margin-right: auto;
	margin-bottom: 30px;
	margin-left: auto;
}
#content p {
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 1rem;
	margin-left: 0px;
}
.textsmall {
	font-size: 85%;
	color: #999;
}
.textlink    {
	font-weight: normal;
	text-decoration: none;
	background-color: rgba(255,255,255,1);
	width: 99%;
	padding-top: 8px;
	padding-right: 8px;
	padding-bottom: 8px;
	padding-left: 12px;
	border-left-width: 4px;
	border-left-style: solid;
	border-left-color: #69AAD0;
	color: #333;
	box-sizing: border-box;
}

#contleft a:link {
	color: #333;
}
#contleft a:hover {
	color: #69AAD0;
}
#contseitenmarke   {
	width: 100%;
	display: inline-block;
	padding: 0px;
	height: 60px;
	margin: 0px;
}
.seitenmarke  {
	color: #666;
	font-size: 0.9rem;
	line-height: 1rem;
	font-family: "robotoregular", "sans serif", Helvetica, Verdana, Arial;
	font-weight: normal;
	text-transform: uppercase;
	letter-spacing: 30%;
}
.black {
	color: rgba(0,0,0,1.00);
}
#contleft {
	float: left;
	width: 60%;
	/*min-height: 85vh;*/
	font-family: "robotolight", "sans serif", Helvetica, Verdana, Arial;
	font-weight: normal;
	padding-right: 4%;
	font-size: 1rem;
	line-height: 1.5rem;
	display: block;
}
#contleft .imgage {
	border: 1px solid #FFF;
	box-shadow: 1px 1px 2px #333;
	margin-top: 8px;
	margin-bottom: 12px;
}
.contleftSP {
	float: left;
	width: 40%;
	margin-top: 0px;
	margin-right: 4.0%;
	margin-bottom: 10px;
	margin-left: 0px;
	padding-top: 3%;
	padding-right: 3%;
	padding-bottom: 12px;
	padding-left: 3%;
	background-color: #FFF;
}
.contleftSPright {
	float: right;
	width: 40%;
	margin-top: 0px;
	margin-right: 0%;
	margin-bottom: 20px;
	margin-left: 4%;
	padding-top: 3%;
	padding-right: 3%;
	padding-bottom: 12px;
	padding-left: 3%;
	background-color: #FFF;
}
.contleftSP100 {
	float: none;
	width: 99%;
	margin-top: 0px;
	margin-right: 0%;
	margin-bottom: 20px;
	margin-left: 0px;
	padding: 0;
	background-color: #FFF;
	border: 12px solid #fff;
	box-sizing: border-box;
}
.colum-2, .colum-3, .colum-4 {
	column-count: 1;
}
@media only screen and (min-width:680px){
.colum-2 {
	column-count: 2;
	column-gap: 10px;
	}
.colum-3 {
	column-count: 3;
	column-gap: 10px;
}
.colum-4 {
	column-count: 4;
	column-gap: 10px;
}
}
.contleftSP-2-100 {
	float: none;
	width: 100%;
	margin-top: 0px;
	margin-right: 0%;
	margin-bottom: 20px;
	margin-left: 0px;
	padding: 0;
	background-color: #FFF;
	border: 12px solid #fff;
	box-sizing: border-box;
}

#contleft .imgageimtext {
	border: 1px solid #FFF;
	box-shadow: 1px 1px 2px #333;
	width: 40%;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 8px;
	margin-left: 5%;
	max-width: 300px;
}
#contleft p .bu {
	font-weight: normal;
	font-family: "roboto_condensedregular", "sans serif", Helvetica, Verdana, Arial;
}
#contleft .zentriert {
	font-size: 1rem;
	text-align: center;
	font-family: "roboto_condensedlight", "sans serif", Helvetica, Verdana, Arial;
	font-weight: normal;
}
#contleft .zentriert p strong {
	font-family: "roboto_condensedbold", "sans serif", Helvetica, Verdana, Arial;
	font-weight: normal;
}
#contleft #imgbox {
	display: block;
	width: 100%;
}
#contleft #imgbox .boximg {
	width: 27%;
	margin-top: 0px;
	margin-right: 2.2%;
	margin-bottom: 20px;
	margin-left: 0px;
	background-color: #FFF;
	border: 1px solid #999;
	padding: 1.5%;
	box-shadow: 1px 1px 2px #666;
}
#contleft h2 {
	color: #69AAD0;
	padding: 0px;
	font-family: "roboto_condensedlight", "sans serif", Helvetica, Verdana, Arial;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
	text-shadow: 1px 1px 2px #FFF;
	font-size: 1.6rem;
	font-weight: normal;
	line-height: 2rem;
}
#contleft h3 {
	color: #69AAD0;
	padding: 0px;
	font-family: "roboto_condensedregular", "sans serif", Helvetica, Verdana, Arial;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 8px;
	margin-left: 0px;
	text-shadow: 1px 1px 2px #FFF;
	font-size: 1.3rem;
	font-weight: normal;
	line-height: 1.5rem;
}
#contleft h4 {
	color: #69AAD0;
	padding: 0px;
	font-family: "roboto_condensedregular", "sans serif", Helvetica, Verdana, Arial;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 8px;
	margin-left: 0px;
	text-shadow: 1px 1px 2px #FFF;
	font-size: 1.1rem;
	font-weight: normal;
	line-height: 1.3rem;
}
.datum   {
	font-weight: normal;
	font-family: "roboto_condensedregular", "sans serif", Helvetica, Verdana, Arial;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 4px;
	margin-left: 0px;
	color: #666;
	text-align: right;
	line-height: 10px;
	font-size: 90%;
	color: #666;
}
.urhebermarke {
	font-weight: normal;
	font-family: "roboto_condensedlight", "sans serif", Helvetica, Verdana, Arial;
	font-size: 0.9em;
	color: #999;
}
#contleft p a:link , #contleft p a:visited{
	color: #333;
	text-decoration: none;
}
#contleft .externlink a:link   , #contleft .externlink a:visited{
	color: #FFF;
	background-color: #69AAD0;
	padding-top: 4px;
	padding-right: 10px;
	padding-bottom: 6px;
	padding-left: 10px;
	border: 1px solid #FFF;
	font-weight: 500;
}
#contleft .externlink a:hover {
	color: #333;
	background-color: #FFFFFF;
	padding-top: 4px;
	padding-right: 10px;
	padding-bottom: 6px;
	padding-left: 10px;
	border: 1px solid #FFF;
	font-weight: 500;
}
#contleft .tabellen tr{
	width: 100%;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #AAA;
}
.artikeltrennung {
	margin: 0px;
	padding: 0px;
	height: 20px;
	width: 100%;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #69AAD0;
	margin-bottom: 40px;
}

#contleft ol {
	padding: 0px;
	margin: 0;
	padding-left: 28px;
}

#KontaktAlteMeister {
	width: 100%;
	padding: 0px;
	height: auto;
	margin-top: 12px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#KontaktAlteMeister label #Name , #KontaktAlteMeister label #Email{
	width: 100%;
	padding: 8px;
	color: #333;
	box-sizing: border-box;
	border: 1px solid #666;
}
#KontaktAlteMeister label #Nachricht {
	width: 100%;
	padding: 8px;
	color: #333;
	box-sizing: border-box;
	border: 1px solid #666;
}
#KontaktAlteMeister label #senden {
	padding: 8px;
	font-size: 100%;
	color: #333;
	margin-top: 20px;
}
#contright {
	float: right;
	width: 36%;
}
#contright .rightbox {
	background-color: #ECEDEC;
	width: 90%;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 30px;
	margin-left: 10%;
	box-shadow: 1px 1px 6px #333;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #FFF;
	border-left-color: #FFF;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;
	font-size: 90%;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 6px;
	padding-left: 0px;
}
#contright .rightbox form {
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 10px;
}
#contright .rightbox form input {
	margin: 0px;
	width: 96%;
	padding: 2%;
	background-color: #FFF;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #999999;
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-left-style: solid;
	border-top-color: #FFF;
	border-left-color: #FFF;
}
#contright .rightbox form textarea {
	margin: 0px;
	width: 96%;
	padding: 2%;
	background-color: #FFF;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #999999;
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-left-style: solid;
	border-top-color: #FFF;
	border-left-color: #FFF;
}
#contright .rightbox form #abschicken {
	width: 100%;
	background-color: #FFF;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #666666;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #666666;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-left-style: solid;
	border-top-color: #999;
	border-left-color: #999;
}
#contright .rightbox h3   {
	color: #FFF;
	padding-top: 8px;
	padding-right: 2px;
	padding-bottom: 10px;
	padding-left: 12px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #FFF;
	border-bottom-color: #FFF;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 6px;
	margin-left: 0px;
	height: 24px;
	background-color: #69AAD0;
	font-family: "roboto_condensedregular", "sans serif", Helvetica, Verdana, Arial;
	font-weight: normal;
}
#contright .rightbox p {
	padding-top: 0px;
	padding-right: 4px;
	padding-bottom: 0px;
	padding-left: 8px;
}
#contright .rightbox ul {
	text-decoration: none;
	list-style-type: none;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 8px;
	margin-left: 0px;
}
#contright .rightbox ul li {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	padding: 3px;
}
#contright .rightbox ul li a:link {
	color: #333;
	text-decoration: none;
}
#contright .rightbox ul li:hover {
	background-color: #FFF;
	color: #333;
}
#contright .rightbox #ansprechbox {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 12px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
}
#contright .rightbox #ansprechbox #ansprechimg {
	padding: 0px;
	width: 100%;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0%;
}
#contright .rightbox #ansprechbox img {
	padding: 0px;
	width: 100%;
	border: 4px solid #FFF;
	box-sizing: border-box;
	margin-top: 0px;
	margin-right: 0%;
	margin-bottom: 16px;
	margin-left: 0px;
}
#contright .rightbox #ansprechbox #ansprechtext {
	padding: 0px;
	width: 100%;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#footer {
	font-size: 14px;
	line-height: 15px;
	color: #ECEDEC;
	
	
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#4c4c4c+0,2c2c2c+13,000000+36,111111+60,2b2b2b+76,131313+100 */
background: #4c4c4c; /* Old browsers */
background: -moz-linear-gradient(top,  #4c4c4c 0%, #2c2c2c 13%, #000000 36%, #111111 60%, #2b2b2b 76%, #131313 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #4c4c4c 0%,#2c2c2c 13%,#000000 36%,#111111 60%,#2b2b2b 76%,#131313 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #4c4c4c 0%,#2c2c2c 13%,#000000 36%,#111111 60%,#2b2b2b 76%,#131313 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c4c4c', endColorstr='#131313',GradientType=0 ); /* IE6-9 */


	font-weight: 300;
	padding-top: 10px;
	border-bottom-width: 0px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;
	padding-bottom: 10px;
}
#footercont {
	width: 83%;
	margin-right: auto;
	margin-left: auto;
}
#footercont a:link, #footercont a:visited{
	color: #FFF;
}
#footercont a:hover, #footercont a:active{
	color: #69AAD0;
}

.thumbnail{
	width: 128px;
	text-align: center;
	padding: 12px;
	background-color: #FFFFFF;
	border: 1px solid #d0d0d0;
	float: left;
	margin-right: 12px;
	margin-bottom: 12px;
	height: 128px;
}
.thumbnail_text {
	width: 128px;
	text-align: center;
	padding: 12px;
	background-color: #FFFFFF;
	border: 1px solid #d0d0d0;
	float: left;
	margin-right: 12px;
	margin-bottom: 12px;
	height: 128px;
	font-family: "roboto_condensedregular", "sans serif", Helvetica, Verdana, Arial;
	font-size: 90%;
	line-height: 12px;
	color: #999;
	text-decoration: none;
}
	
.thumbnail p a img {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	max-height: 128px;
	width: auto;
	max-width: 128px;
}
	
@media screen and (max-width : 1280px){

#contleft #imgbox .boximg {
	width: 26.5%;
}

}
@media screen and (max-width : 1024px){
#headercont h2 {
	font-size: 280%;
	line-height: 130%;
	padding-bottom: 4px;
}
#headercont h4 {
	font-size: 80%;
	line-height: 85%;
}


#contright .rightbox #ansprechbox #ansprechimg {
	width: 40%;
	float: right;
	margin-left: 0%;

}

#contright .rightbox #ansprechbox #ansprechtext {
	width: 60%;
	float: left;
}


#header {
	height: auto;
	display: block;
	padding-top: 20px;
}

#zeichnung {
	width: 100px;
}
#logobox {
	width: 320px;
	margin: 0px;
}
#content {
	font-size: 90%;
	line-height: 130%;
}
#contleft {
	float: none;
	width: 100%;
	padding-right: 0%;
	
}
#contleft #imgbox {
	display: block;
	width: 100%;
}
#contleft #imgbox .boximg {
	width: 43.5%;
	margin-right: 1.255%;
	margin-left: 1.255%;
}
#contleft .imgageimtext {
	width: 30%;
	max-width: 200px;
}
#contright {
	float: none;
	width: 100%;
	padding-top:20px

}

#contright .rightbox {
	width: 100%;
	margin-left:0%;
}
}
@media screen and (max-width : 768px){

#headercont h2 {
	font-size: 180%;
	line-height: 140%;
}
#headercont h4 {
	font-size: 70%;
	line-height: 80%;
}
#zeichnung {
	width: 100px;
	float: none;
	display: block;
	margin-right: auto;
	margin-left: auto;
}
#logobox {
	width: 260px;
	float: none;
	margin-right: auto;
	margin-left: auto;
}
#contleft #imgbox .boximg {
	width: 42%;
}
}

@media screen and (max-width : 480px){

#headercont h2 {
	font-size: 140%;
	line-height: 125%;
}

#headercont img {
	width: 100%;
}

#contright .rightbox #ansprechbox #ansprechimg {
	width: 60%;
	float: none;
	margin-left: 40%;

}

#contright .rightbox #ansprechbox #ansprechtext {
	width: 100%;
	float: none;
}

}
#container #header #layouttext {
	width: 83%;
	margin-right: auto;
	margin-left: auto;
}