body {
  height: 100%;
  background: url('../images/pattern.gif') #ffffff;
  background-size: auto auto;
  background-position: left top;
  background-attachment: fixed;
  font: 400 1em/1.38 franklin-gothic-urw;
  color: rgb(0, 0, 0);
}



A {
	color: #ffffff;
}

A:Visited {
	color: #ffffff;
}


A:Hover {
	color: #85d5b3;
}

A:Active {
	color: #85d5b3;
}





.liste1_m {
	list-style-type:circle;
	list-style-position: inherit;
	text-align: left;
	margin-left: 15px;
	width: 95%;
	font-size: 1em;
	font-weight: 400;
	line-height: 1.38;
	color: #000000;
}

.liste1_r {
	list-style-type:circle;
	list-style-position: inherit;
	text-align: left;
	margin-left: 25px;
	width: 90%;
	font-size: 1em;
	font-weight: 400;
	line-height: 1.38;
	color: #000000;
}

.liste2 {
	list-style-type:circle;
	list-style-position: inherit;
	text-align: left;
	margin-left: 15px;
	width: 100%;
	font-size: 1em;
	font-weight: 400;
	line-height: 1.38;
	color: #000000;
}


.adresse_dc {
  float: left;
  width: 31.3330078125%;
  margin: 60px 0 0 2.99268%;
  font-size: 0.75em;
  font-weight: 400;
  line-height: 1.38;
  color: rgb(255, 255, 255);
}


.adresse_pc {
  float: left;
  width: 31.3333333333%;
  margin: 60px 0 0 17.16068%;
  font-size: 0.75em;
  font-weight: 400;
  line-height: 1.38;
  color: rgb(255, 255, 255);
}

.alles {
  width: 79.9989787581%;
  max-width: 1024px;
  margin: 0 auto;
  padding-bottom: 60px;
  background-color: #85d5b3;
}

.alles .container,
.wir .container {
  width: 279px;
  height: 49px;
  margin: 0 auto;
}

.alles .drops,
.wir .drops {
  width: 279px;
}

.coup {
  display: block;
  width: 70px;
  height: auto;
  margin: 0 auto;
  overflow: hidden;
}

.drops {
  display: block;
  height: auto;
  margin: 0 auto;
  overflow: hidden;
}

.einleitung .container {
  width: 70px;
  height: 120px;
  margin: 70px auto 0;
}

.footer {
  width: 79.9987792968%;
  max-width: 1024px;
  margin: 0 auto;
  padding-bottom: 60px;
  background-color: rgb(0, 0, 0);
}

.gruppe_alles {
  width: 65.5645624561%;
  margin: 70px auto 0;
}

.gruppe_alles .gruppe_kontakt {
  width: 99.7764385692%;
}

.gruppe_alles .mailbutton {
  width: 47.7692401512%;
  margin-left: 4.36773%;

}

.gruppe_alles .text {
  width: 100.0963764742%;
  min-height: 132px;
  margin: 27px 0 0 -0.096%;
}

.gruppe_alles .titel {
  float: left;
  width: 100%;
  text-align: center;
}



.gruppe_einleitung {
  width: 65.625%;
  margin: 34px auto 0;
}

.gruppe_einleitung .gruppe_kontakt {
  width: 99.842519685%;
}

.gruppe_einleitung .mailbutton {
  width: 47.6947535771%;
  margin-left: 4.43377%;
}

.gruppe_einleitung .text {
  width: 99.842519685%;
  margin-top: 17px;
}

.gruppe_einleitung .titel {
  width: 99.810725552%;
  min-height: 35px;
  margin: 0 auto;
  text-align: center;
}

.gruppe_kontakt {
  float: left;
  clear: both;
  height: 50px;
  margin-top: 17px;
}

.gruppe_was {
  width: 65.6666879428%;
  height: 347px;
  margin: 70px auto 0;
}

.gruppe_was .text {
  width: 100%;
  min-height: 53px;
  margin-top: 33px;
}

.gruppe_wir {
  width: 65.625%;
  margin: 70px auto 0;
}

.gruppe_wir .text {
  width: 100%;
  min-height: 42px;
  margin-top: 29px;
}

.kommunikation {
  float: left;
  clear: both;
  width: 100%;
  margin-top: 24px;
}

.logo_designcandy {
  display: block;
  width: 100%;
  height: auto;
  margin: 0 auto;
  overflow: hidden;
}

.logo_publicconnect {
  display: block;
  margin-right: auto;
  margin-left: auto;
}

.logo_publicconnect .logo_publicconnect {
  width: 100%;
  height: auto;
  overflow: hidden;
}

.logodesigncandy {
  display: block;
  width: 107px;
  height: 45px;
  margin: 27px auto 0;
}

.mailbutton {
	display: block;
	float: left;
	background-color: #000000;
	font: 400 1.375em ff-market-web;
	text-align: center;
	text-vertical-align:middle;
	padding-top: 10px;
	padding-bottom: 10px;
 /* color: rgb(255, 255, 255);*/
}

.marianne {
	position: relative;
	float: left;
	clear: both;
	z-index: 39;
	width: 47.6716547112%;
	margin-top: 27px;
	
	}

.marianne .titel {
  width: 99.7809741945%;
  margin: 21px auto 0;
  text-align: center;
}

.phonebutton {
	display: block;
	float: left;
	width: 47.853736089%;
	background-color: #000000;
	font: 400 1.375em/1.38 ff-market-web;
	text-align: center;
	color: #FFFFFF;
	padding-top: 10px;
	padding-bottom: 10px;
}

.plus {
  display: block;
  float: left;
  width: 20px;
  height: auto;
  margin-left: -3.75%;
  overflow: hidden;
}

.portrait_marianne,
.portrait_roman {
  display: block;
  width: 86%;
  height: auto;
  margin: 0 auto;
  overflow: hidden;
}

.kreation,
.medienarbeit,
.realisation {
  float: left;
  clear: both;
  width: 99.5236938031%;
  margin-top: 4px;
}

.kommunikation .container,
.kreation .container,
.medienarbeit .container,
.realisation .container {
  float: left;
  width: 20px;
  height: 20px;
  margin: 8px 0 0 -0.17512%;
}

.kommunikation .titel,
.kreation .titel,
.medienarbeit .titel,
.realisation .titel {
	float: left;
	width: 92.040506581%;
	margin-left: 1.78035%;
}

.roman {
  position: relative;
  float: right;
  z-index: 45;
  width: 47.6838127659%;
  margin-top: 27px;
}

.roman .titel {
  width: 99.3485342019%;
  margin: 21px auto 0;
  text-align: center;
}

.text {
  float: left;
  clear: both;
  font-size: 1em;
  font-weight: 400;
  line-height: 1.38;
  color: rgb(0, 0, 0);
}

.text-1 p,
.text-4 p {
  margin-bottom: 1em;
}

.text_marianne {
  width: 100.0050898355%;
  margin: 16px auto 0;
  font-size: 1em;
  font-weight: 400;
  line-height: 1.38;
  color: #000000;
}

.text_roman {
  width: 99.6729481389%;
  margin: 16px auto 0;
  font-size: 1em;
  font-weight: 400;
  line-height: 1.38;
  color: rgb(0, 0, 0);
}

.titel {
	font-family: ff-market-web;
	font-size: 1.75em;
	font-weight: 400;
}

.einleitung,
.was {
  width: 80%;
  max-width: 1024px;
  margin: 0 auto;
  padding-bottom: 60px;
  background-color: rgb(73, 161, 167);
}

.was .drops {
  width: 243px;
}

.wir {
  width: 80%;
  max-width: 1024px;
  margin: 0 auto;
  padding-bottom: 60px;
  background-color: rgb(133, 213, 179);
}

.container-3 {
  width: 243px;
  height: 48px;
  margin: 0 auto;
}

.logo_publicconnect-1 {
  width: 141px;
  height: 50px;
  margin-top: 27px;
}

.titel-2 {
  float: left;
  width: 99.9975355496%;
  min-height: 40px;
  line-height: 1.2;
  text-align: center;
}

.titel-5 {
  float: left;
  width: 98.4447900466%;
  line-height: 1.2;
  text-align: center;
}

@media(max-width: 780px) {
  .alles .gruppe_alles {
    width: 80%;
  }

  .container .coup,
  .container .drops,
  .logo_publicconnect .logo_publicconnect,
  .logodesigncandy .logo_designcandy {
    height: auto;
  }

  .container .plus {
    height: auto;
    margin-left: -0.15625%;
  }

  .einleitung {
    float: left;
    width: 100%;
    margin-right: 0;
    margin-left: 0;
  }

  .alles,
  .footer,
  .was,
  .wir {
    float: left;
    clear: both;
    width: 100%;
    margin-right: 0;
    margin-left: 0;
  }

  .footer .adresse_dc {
    width: 38.0062305295%;
    margin-left: 4.04848%;
  }

  .footer .adresse_pc {
    width: 38.0062305295%;
    margin-left: 9.96194%;
  }

  .gruppe_alles .gruppe_kontakt {
    width: 100%;
    height: auto;
  }

  .gruppe_alles .mailbutton {
    margin-left: 4.37951%;
  }

  .gruppe_alles .text {
    margin-left: -0.09515%;
  }

  .gruppe_alles .titel {
    width: 99.8963270142%;
  }

  .gruppe_einleitung .gruppe_kontakt {
    width: 100.0060801361%;
    height: auto;
    margin-left: -0.005%;
  }

  .gruppe_einleitung .mailbutton {
    margin-left: 4.42593%;
  }

  .gruppe_einleitung .text {
    font-size: 1.125em;
  }

  .gruppe_was .kommunikation,
  .gruppe_was .kreation,
  .gruppe_was .medienarbeit,
  .gruppe_was .realisation {
    width: 99.522260622%;
  }

  .gruppe_was .text {
    width: 99.522260622%;
    font-size: 1.125em;
  }

  .gruppe_wir .marianne {
	position: relative;
	z-index: auto;
	width: 48.46513519%;
  }

  .gruppe_wir .roman {
    position: relative;
    z-index: 45;
    width: 48.46513519%;
  }

  .marianne .portrait_marianne {
    width: 71.5556233165%;
    height: auto;
  }

  .kommunikation .container,
  .kreation .container,
  .medienarbeit .container,
  .realisation .container {
    margin-left: -0.31929%;
  }

  .kommunikation .titel,
  .kreation .titel,
  .medienarbeit .titel,
  .realisation .titel {
	margin-left: 1.9283%;
  }

  .roman .portrait_roman {
    width: 71.7182497331%;
    height: auto;
  }

  .was .gruppe_was {
    width: 80.0623052959%;
    height: auto;
  }

  .einleitung .gruppe_einleitung,
  .wir .gruppe_wir {
    width: 80.0623052959%;
  }

  .gruppe_was .titel-5 {
    width: 99.9008944907%;
  }
}

@media(max-width: 520px) {
  body {
    font-size: 1em;
  }

  .container .coup,
  .container .drops,
  .logo_publicconnect .logo_publicconnect,
  .logodesigncandy .logo_designcandy,
  .marianne .portrait_marianne,
  .roman .portrait_roman {
    height: auto;
  }

  .container .plus {
    height: auto;
    margin-left: -1.875%;
  }

  .footer .adresse_dc {
    margin-left: 4.04147%;
    font-size: 0.688em;
  }

  .footer .adresse_pc {
    margin-left: 9.96695%;
    font-size: 0.688em;
  }

  .gruppe_alles .phonebutton {
    margin-top: -2px;
  }

  .gruppe_alles .text {
    margin-left: -0.0939%;
  }

  .gruppe_einleitung .gruppe_kontakt {
    margin-left: -0.00375%;
  }

  .gruppe_einleitung .text {
    font-size: 1em;
  }

  .gruppe_kontakt .mailbutton {
    clear: both;
    width: 100%;
    margin-top: 8px;
    margin-left: 0;
  }

  .gruppe_kontakt .phonebutton {
    width: 100%;
  }

  .gruppe_was .kommunikation,
  .gruppe_was .kreation,
  .gruppe_was .medienarbeit,
  .gruppe_was .realisation {
    width: 99.5196692405%;
  }

  .gruppe_was .text {
    width: 99.5196692405%;
    font-size: 1em;
  }

  .gruppe_wir .marianne {
    position: relative;
    z-index: 39;
    width: 100%;
  }

  .gruppe_wir .roman {
    position: relative;
    float: left;
    clear: both;
    z-index: 45;
    width: 100%;
    margin-top: 70px;
  }

  .gruppe_wir .text {
    margin-top: 20px;
  }

  .kreation .titel {
    width: 86.4125122189%;
    margin-left: 1.8404%;
    line-height: 1.2;
  }

  .medienarbeit .titel {
    width: 85.6304985337%;
    margin-left: 1.8404%;
    line-height: 1.2;
  }

  .kommunikation .container,
  .kreation .container,
  .medienarbeit .container,
  .realisation .container {
    margin-left: -0.23005%;
  }

  .kommunikation .titel,
  .realisation .titel {
    width: 86.0215053763%;
    margin-left: 1.8404%;
    line-height: 1.2;
  }

  .marianne .titel,
  .roman .titel {
    margin-top: 27px;
  }

  .wir .gruppe_wir {
    width: 80%;
  }

  .gruppe_was .titel-5 {
    width: 99.9027178208%;
  }
}