html{
	font-family: 'avenir','helvetica','sans-serif';
	width: 1080px;
	margin:auto;
    text-align:left;
}

p{
	margin:0;
	font-size: 11pt;
}

a{
	text-decoration: none;
	color: black;
}

h1{
	font-size: 20pt;
	font-weight: 500;
	margin-bottom: 10px;

}
h2{
    font-weight:lighter;
    font-style:italic;
    font-size: 30px;
    background-color: ;
    padding: 0px;
}
h3{
	font-weight:lighter;
    font-style:;
    font-size: 18px;
    color:;
    background-color: ;
    padding-bottom:;
}
h4{
	margin:0;
	font-weight: 200;
	font-size: 11pt;
}
h5{
	margin-top: 0;
	margin-bottom: 5px;
	font-weight: 500;
	font-size: 14pt;
	vertical-align: baseline;
}

.textprojekt{
	float: left;
	color:grey;
	background-color: ;
}

.textbottom1 {
	width: 200px;
	height: 0px;
  	display: flex;
  	text-align: right;
  	margin-left: 880px;
}

.textbottom1 span {
  align-self: flex-end;
}

.textbottom2 {
	width: 420px;
	height: 0px;
  	display: flex;
  	text-align: right;
  	margin-left: 660px;
}

.textbottom2 span {
  align-self: flex-end;
}

.textbottom3 {
	width: 640px;
	height: 0px;
  	display: flex;
  	text-align: right;
  	margin-left: 440px;
  	background-color: ;
}

.textbottom3 span {
  align-self: flex-end;
}



nav{
	position: absolute;
	background-color:  ;
	margin-right:px;
	height: 80px;
	width: 1080px;
}

#erstezeile{
	width: 1080px;
	height: 40px;
	background-color: ;
}
.menu{
	float: left;
 	width: ;
 	margin-right: 33%;
 	height: 80px;
 	background-color:;
}
#logo{
	font-weight:normal;
	font-style:normal;
}

.menu:last-child {
     margin-right: 0;
     height: 20px;
}
.unter{
	float: left;
	margin-right: 67px;
	background-color: ;
	height: 20px;
}
.unter:last-child {
     margin-right: 0;
}

#impressumunddatenschutz{
	background-color: ;
	margin-bottom: 20px;
	width: 250px;
}

#impressumunddatenschutz2{
	background-color: ;
	margin-bottom: 20px;
	float: right;
}


/* Index */

#reihe1{
	background-color: ;
	width: 1080px;
	height: 320px;
	float: left;
	margin-top: 160px;
	margin-bottom: 20px;
}
#reihe2{
	background-color: ;
	width: 1080px;
	height: 320px;
	float: left;
	margin-bottom: 20px;
}
#reihe3{
	background-color: ;
	width: 1080px;
	height: 320px;
	float: left;
	margin-bottom: 40px;
}
.bild1{
	width: 200px;
	height: 320px;
	background-color: grey;
	float: left;
	margin-right: 20px;
	margin-bottom: 20px;
}
.bild1:last-child {
     margin-right: 0;
     background-color: grey;
}


/*Plakatgestaltung*/

#plakate{
	width: 1080px;
	height: 540px;
	margin-top: 160px;
	float: left;
	background-color:  ;
}

.plakatgroß{
	float: left;
	height: 540px;
	background-color: ;
}

#plakatreihe1{
	float:left;
	margin-left: 20px;
	background-color: ;
	width: 640px;
	height: 257px;
}

#plakatreihe2{
	float:left;
	margin-top: 20px;
	margin-left: 20px;
	background-color:  ;
	width: 640px;
	height: 257px;
}

#plakatreihe21{
	float:left;
	background-color: ;
}

.plakatklein{
	float:left;
	margin-right: 20px;
}

.plakatklein:last-child {
     margin-right: 0;
}


#plakate2{
	width: 1080px;
	height: 400px;
	margin-top: 100px;
	float: left;
	background-color: ;
}

#plakatmodell{
	float:left;
	margin-top: px;
	margin-left: px;
	background-color: ;
	width: 1080px;
	height: 400px;
}

.plakatbild{
	float:left;
	margin-right: 20px;
	margin-top: px;
}

.plakatbild:last-child {
     margin-right: 0;
}

#ringe{
	width: 1080px;
	height: 498px;
	margin-top: 100px;
	float: left;
	background-color:  ;
}

#plakatringe{
	float:left;
	margin-top: px;
	margin-left: px;
	background-color:  ;
	width: 1080px;
	height: 458px;
}

.plakatring{
	float:left;
	margin-right: 20px;
	margin-top: px;
}

.plakatring:last-child {
     margin-right: 0;
}


/*Installationen*/

#kopfkiste{
	width: 1080px;
	height: 740px;
	margin-top: 160px;
	float: left;
	background-color: ;
}
#kopfkistelinks{
	height: 740px;
	width: 640px;
	float: left;
	background-color: ;
}
#kopfkiste1{
	float:left;
	margin-top: px;
	margin-left: 20px;
	background-color: ;
	width: 640px;
	height: 320px;
}
#kopfkiste3{
	float:left;
	margin-top: ;
	margin-left: px;
	background-color: ;
	width: 640px;
	height: 320px;
}
#kopfkiste2{
	float:left;
	margin-top: px;
	margin-left: 20px;
	background-color: ;
	width: 420px;
	height: 320px;
}
.kopfkisteklein{
	float:left;
	margin-right: 20px;
	margin-top: 20px; 
}
.kopfkisteklein:last-child {
     margin-right: 0;
}

.kopfkistebild{
	float:left;
	margin-right: 20px;
}

.kopfkistebild:last-child {
     margin-right: 0;
}

#schild{
	width: 1080px;
	height: 900px;
	margin-top: 100px;
	float: left;
	background-color:  ;
}

.schildbild{
	float:left;
	margin-right: 20px;
	margin-top: 20px;
}
.schildgross{
	float:left;
	margin-right: ;
	margin-bottom: px;
	background-color: ;
	height: 400px;
	width: px;
}
.video{
	margin-left: px;
	margin-top: 420px;
	width: 880px;
	height: 484px;
	background-color: ;
}


#schilder{
	width: 1080px;
	height: 640px;
	margin-top: 100px;
	float: left;
	background-color:  ;
}
.schilderbild{
	float:left;
	height: px;
	margin-right: 20px;
	margin-top: px;
	background-color: pink;
}
.schilderbild:last-child {
     margin-right: 0;
}


/*Modellbau*/

#weststadt{
	padding-top: 160px;
	width: 1080px;
	height: 600px;
	background-color: ;
}
.weststadt1{
	float: left;
	margin-right: 20px;
	padding-top: ;
	background-color: ;
}
.weststadt2{
	float: left;
	margin-right: px;
	padding-top: ;
	background-color: ;
}
#modell{
	width: 1080px;
	height: 810px;
	margin-top: 80px;
	background-color:;
}
#modell1{
	width: 440px;
	float: left;
	background-color:  ;
}
#modell2{
	width: 640px;
	float: left;
	background-color:   ;
}
.modellbild{
	float:left;
	margin-left: 20px;
	margin-top: 20px;
	background-color: ;
}

.modellrechts {
     margin-right: 0;
     margin-top: 21px;
     background-color: ;
}

#porsche{
	width: 1080px;
	height: 560px;
	margin-top: 60px;
	float: left;
	background-color:  ;
	margin-bottom: 40px;
}
.porschebild{
	width: 420px;
	float:left;
	margin-right: 20px;
	margin-top: 20px;
	background-color: ;
}
.porscherechts{
	float:left;
	margin-top: 20px;
	background-color: ;
}


/*Raumgestaltung*/

#zimmer{
	width: 1080px;
	height: 545px;
	margin-top: 160px;
	float: left;
	background-color:  ;
}

#zimmer1{
	width: 420px;
	height: 545px;
	margin-top: ;
	float: left;
	background-color:  ;
	margin-right: 20px;
}
#zimmer2{
	width: 640px;
	height: 400px;
	margin-top: px;
	float: left;
	margin-left: 0px;
	background-color:  ;
}
.zimmerbild{
	float:left;
}
.zimmerbild1{
	float:left;
	margin-top: 20px;
}
.zimmerrechts{
	float:left;
	margin-right: px;
	margin-top: 20px;
	background-color: ;
}

#kunsthalle{
	width: 1080px;
	height: 600px;
	margin-top: 100px;
	float: left;
	background-color:;
	margin-left: 0px;
	margin-bottom: 40px;
}
.kunstvideo{
	width: 640px;
	height: px;
	margin-top: px;
	float: left;
	margin-left:0px;
	background-color:  ;
}
.kunstbild{
	width: 420px;
	float:left;
	height: 600px;
	margin-right: 20px;
	margin-top: px;
	background-color:;
}


/*Grafik Design*/

#besser{
	width: 1080px;
	height: 650px;
	margin-top: 140px;
	float: left;
	background-color:  ;
	margin-left: 0px;
}
.besseralspost{
	border: 1px solid lightgrey;
	float:left;

	margin-top: 20px;
	background-color: ;
}
.besserals{
	float:left;
	margin-right: 19px;
	margin-top: 20px;
	background-color: ;
}

#leit{
	float:left;
	height: 840px;
	width: 1080px;
	margin-right: px;
	margin-top: 100px;
	background-color: ;
}
.leit{
	float:left;
	margin-right: px;
	margin-top: 20px;
	background-color: ;
}
#leit1{
	width: 420px;	
	margin-top: px;
	float: left;
	background-color:;
	margin-left: 20px;
}
#leit2{
	width: 640px;
	height: 800px;
	margin-top: px;
	float: left;
	background-color:  ;
	margin-left: px;
}

#bus{
	float:left;
	width: 1080px;
	margin-right: px;
	margin-top: 100px;
	background-color: ;
}
.bus{
	float:left;
	margin-right: 20px;
	margin-top: px;
	background-color: ;
}
.buse{
	float:left;
	margin-right: px;
	margin-top: px;
	background-color: ;
}
#buga{
	float:left;
	width: 1080px;
	height: 1050px;
	margin-right: px;
	margin-top: 100px;
	background-color: ;
	margin-bottom: 40px;
}
.online{
	border: 1px solid lightgrey;
}
.bugaa{
	float:left;
	border: 1px solid lightgrey;
	margin-right: 19px;
	margin-top: 19px;
	background-color: ;
}
.buga{
	float:left;
	height: 595px;
	margin-right: 19px;
	margin-top: 19px;
	background-color: ;
}
.bugaaaa{
	float:left;
	margin-right: px;
	margin-top: 20px;
	background-color: ;
}


/*Videos*/

#video1{
	padding-top: 160px;
}

.video2{
	padding-top: 100px;
	margin-bottom: 40px;
}


/*illustration*/

#maps{
	padding-top: 160px;
	width: 1080px;
	height: 600px;
	background-color: ;
}
#mapsklein{
	float: left;
	width: 420px;
	height: 610px;
	background-color: ;
	margin-right: 18px;
}
.maps1{
	border: 1px solid lightgrey;
	float: left;
	margin-right: 
}
.maps2{
	border: 1px solid lightgrey;
	float: left;
}
.maps3{
	border: 1px solid lightgrey;
	float: left;
	margin-bottom: 18px;
}

#packaging{
	margin-top: 160px;
	width: 1080px;
	height: 460px;
	margin-bottom: 40px;
	background-color: ;
}
.packaging1{
	float:left;
	background-color: ;
	height: 420px;

}	
.packaging2{
	float:left;
	margin-top: 0px;
	margin-left: 20px;

}


/*About*/

#contentreihe{
	float:left;
	width: 1080px;
	margin-right: px;
	margin-top: 160px;
	background-color: ;
}

.bildabout{
	float:left;
	margin-right: 20px;
	margin-top: px;
	background-color: ;
}
.text1{
	float:left;
	margin-right: px;
	margin-top: 292px;
	width: 420px;
	background-color: ;
}
#contentreihe2{
	float:left;
	width: 1080px;
	margin-right: px;
	margin-top: 40px;
	background-color: ;
}
.text2{
	float:left;
	margin-right: 20px;
	margin-top: px;
	width: 200px;
	background-color: ;
	margin-bottom: 40px;
}


/*Kontakt*/

#kontakt{
	float:left;
	width: 1080px;
	margin-right: px;
	margin-top: 160px;
	background-color: ;
}
.kontaktbild{
	float:left;
	width: ;
	margin-right: px;
	margin-top: ;
	margin-bottom: 40px;
}
.kontakttext{
	float:left;
	width: 200px;
	margin-left: 20px;
	margin-top: 200px;
}


/*impressum*/
#impressum{
	padding-top: 160px;
	width: 1080px;
	background-color:  ;
	margin-top: px;
}



#webhint{display:none}
.cc_banner-wrapper{z-index:90010000;position:relative}
.cc_container .cc_btn{cursor:pointer;text-align:center;font-size:0.6em;
	transition:font-size 200ms;line-height:1em}
.cc_container .cc_message{font-size:0.6em;transition:font-size 200ms;
	margin:0;padding:0;line-height:1.5em} @media screen and (min-width: 500px){
.cc_container .cc_btn{font-size:0.8em}
.cc_container .cc_message{font-size:0.8em}}@media screen and (min-width: 768px){
.cc_container .cc_btn{font-size:1em}
.cc_container .cc_message{font-size:1em;line-height:1em}}
@media screen and (min-width: 992px){.cc_container .cc_message{font-size:1em}}
@media print{.cc_banner-wrapper,.cc_container{display:none}}
.cc_container{position:fixed;left:0;right:0;bottom:0;overflow:hidden;padding:10px 15px 50px}
.cc_container .cc_btn{padding:8px 16px;background-color:grey;
	position:absolute;bottom:10px;left:15px;right:15px;text-align:center}
@media screen and (min-width: 500px){.cc_container{left:initial;right:20px;bottom:20px;
	width:300px;padding-bottom:77px}.cc_container .cc_btn{right:15px;bottom:37px}
.cc_container .cc_logo{display:none;position:absolute;bottom:8px;left:calc(50% - 50px)}}
@media screen and (min-width: 768px){#webhint{display:block}
.cc_container{padding-bottom:87px}.cc_container .cc_message{font-size:1em}}
.cc_container{background:#fff;color:#999;font-size:17px;
	font-family: 'Montserrat', sans-serif;
	box-sizing:border-box;border:1px solid #ccc}
.cc_container ::-moz-selection{background:#ff5e99;color:#fff;text-shadow:none}
.cc_container .cc_btn,.cc_container .cc_btn:visited{color:#000;background-color:#f1d600;
	transition:background 200ms ease-in-out,color 200ms ease-in-out,box-shadow 200ms 
	ease-in-out;-webkit-transition:background 200ms ease-in-out,
	color 200ms ease-in-out,box-shadow 200ms ease-in-out;border-radius:5px;
	-webkit-border-radius:5px}.cc_container .cc_btn:hover,.cc_container 
	.cc_btn:active{background-color:grey;color:#000}.cc_container a,
	.cc_container a:visited{text-decoration:none;color:#31a8f0;transition:200ms color}
	.cc_container a:hover,.cc_container a:active{color:#555}
	@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translateX(20px);
		transform:translateX(20px)}100%{opacity:1;-webkit-transform:translateX(0);
			transform:translateX(0)}}@keyframes fadeInRight{0%{opacity:0;
				-webkit-transform:translateX(20px);-ms-transform:translateX(20px);
				transform:translateX(20px)}100%{opacity:1;-webkit-transform:translateX(0);
					-ms-transform:translateX(0);transform:translateX(0)}}
.cc_container{-webkit-animation-duration:0.6s;animation-duration:0.6s;
	-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:0.8s;
	-moz-animation-duration:0.8s;-o-animation-duration:0.8s;animation-duration:0.8s;
	-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-o-animation-fill-mode:both;
	animation-fill-mode:both;-webkit-animation-name:fadeInRight;animation-name:fadeInRight}
	@media screen and (min-width: 500px){.cc_container{border-radius:5px;
		box-shadow:0px 5px 10px rgba(0,0,0,0.2)}}@media screen and (max-width: 500px) 
{.cc_logo{background-image:none!important;float:left;margin-bottom:-21px;}}