@font-face{
    font-family:AktivGrotesk;
    src:url("../fonts/AktivGroteskGeberit_W_Bd.eot");
    src:url("../fonts/AktivGroteskGeberit_W_Bd.eot?#iefix") format("embedded-opentype"),
    url("../fonts/AktivGroteskGeberit_W_Bd.woff2") format("woff2"),
    url("../fonts/AktivGroteskGeberit_W_Bd.woff") format("woff"),
    url("../fonts/AktivGroteskGeberit_W_Bd.ttf") format("truetype");

    font-weight:700;
    font-style:normal;
}
@font-face{
    font-family:AktivGrotesk;
    src:url("../fonts/AktivGroteskGeberit_W_Lt.eot");
    src:url("../fonts/AktivGroteskGeberit_W_Lt.eot?#iefix") format("embedded-opentype"),
    url("../fonts/AktivGroteskGeberit_W_Lt.woff2") format("woff2"),
    url("../fonts/AktivGroteskGeberit_W_Lt.woff") format("woff"),
    url("../fonts/AktivGroteskGeberit_W_Lt.ttf") format("truetype");

    font-weight:200;
    font-style:normal;
}
@font-face{
    font-family:AktivGrotesk;
    src:url("../fonts/AktivGroteskGeberit_W_Md.eot");
    src:url("../fonts/AktivGroteskGeberit_W_Md.eot?#iefix") format("embedded-opentype"),
    url("../fonts/AktivGroteskGeberit_W_Md.woff2") format("woff2"),
    url("../fonts/AktivGroteskGeberit_W_Md.woff") format("woff"),
    url("../fonts/AktivGroteskGeberit_W_Md.ttf") format("truetype");

    font-weight:500;
    font-style:normal;
}
@font-face{
    font-family:AktivGrotesk;
    src:url("../fonts/AktivGroteskGeberit_W_Rg.eot");
    src:url("../fonts/AktivGroteskGeberit_W_Rg.eot?#iefix") format("embedded-opentype"),
    url("../fonts/AktivGroteskGeberit_W_Rg.woff2") format("woff2"),
    url("../fonts/AktivGroteskGeberit_W_Rg.woff") format("woff"),
    url("../fonts/AktivGroteskGeberit_W_Rg.ttf") format("truetype");

    font-weight:400;
    font-style:normal;
}

* { box-sizing: border-box; }
body														{margin:0; padding:0; background:#ffffff; font-family:AktivGrotesk,arial; font-size:9px; line-height:18px; color:#000000;}
img															{border:0;}
a																{color:#2a75c0;text-decoration:none;}
p																{margin:5px 0 10px 0; font-size:1.4em;line-height:1.5em}
hr															{margin:10px 0 10px 0; color:#000000;}

a.pdf:hover,
a.flipbook:hover,
a.arrow:hover {
    text-decoration: underline;
}

a.arrow,
a.flipbook,
a.pdf {
    background-repeat: no-repeat;
    color: #3a75c4;
    display: inline-block;
    margin: 0;
    text-decoration: none;
    background-image: url('../grafiken/sprite.png');
}

p a.arrow,
p a.pdf {
    font-size: 13px;
    margin-left: 3px;
    margin-right: 3px;
}

a.arrow {
    background-position: -161px -577px;
    padding: 0 0 0 20px;
    display: inline-block;
}
a.arrow.green {
    background-position: -161px -507px;
}

a.pdf {
    background-position: -184px -1898px;
    padding: 0 0 0 23px;
}
a.pdf.green {
    color: #5a6c50;
    background-position: -184px -1943px;
}

.button {
    min-height: 20px;
    display: inline-block;
    background-color: #3a75c4;
    color: #FFFFFF !important;
    cursor: pointer;
    line-height: 20px;
    text-decoration: none;
    padding: 7px 15px 7px 39px;
    font-size: 13px;
    font-weight: bold;
    background-image: url('../grafiken/sprite.png');
    background-position: -77px -644px;
    margin: 10px 0 0 0;
    border: none;
    background-repeat: no-repeat;
}
.button.dark-blue {
    background-color: #356485;
}
.button.green {
    background-color: #5a6c50;
}
.button.dark-grey {
    background-color: #646468;
}


.header-outer										{width:100%; height: 70px; position: fixed; top: 0; left: 0; overflow: hidden; background-color: #ffffff;z-index:50; box-shadow: 0 0.1875rem 0.75rem rgb(0 0 0 / 20%)}
 .header-inner								  {max-width:1100px; padding: 25px 10px 0 10px; margin:0 auto;position: relative;  z-index: 55;}
	.header-logo									{float:left; width:49%; max-width:500px;}
	 .header-logo p								{margin:28px 0 0 3px;}
	 .header-logo p a							{color:#666666; font-weight:bold; white-space:nowrap;}
	 .header-logo p a:hover				{color:#2a75c0;}
  .header-text									{float:right; width:49%; max-width:650px; text-align:right;}
   .header-text p	span					{color:#666666; font-weight:normal; }
   .header-text p								{padding:3px 0 17px 0; font-weight:bold; }

  .header-clear									{clear:both;}

.header-2-outer									{width:100%; background:#f1f1f1;overflow:hidden;margin-top: 70px;}
 .header-2-inner								{max-width:1100px; padding:92px 15px 27px 15px; margin:0 auto; background:#f1f1f1}
  .header-2-text								{float:left;max-width:500px; padding: 0 41px 0 0;}
   .header-2-text p 						{color:#555555; }
	.header-2-keyvisual						{float:left;max-width:560px; padding:0 0 0 0;}


.main-outer											{width:100%; background-color:#ffffff;overflow:hidden;}
 .main-inner 										{max-width:1100px; padding:15px 15px 0 15px; margin:0 auto 20px auto; background:#ffffff;}
  .main-border									{border-top:solid 1px #bebebe;}
  .main-content									{float:left; max-width:814px; padding:2px 0 0 0; }
  .main-clear										{clear:both;}

.footer-outer										{width:100%; background-color:#f1f1f1; border-bottom:solid 1px #000000; }
 .footer-inner								  {max-width:1100px; padding:15px 15px 0 15px; margin:10px auto; background-color:#f1f1f1;}
 	.footer-grafik								{width:124px; float:left; margin:30px 67px}
 	.footer-spalte2								{max-width:421px; float:left; border-left:solid 1px #cacaca; margin:15px; padding:0 15px }
 	.footer-spalte3								{max-width:400px; float:left; border-left:solid 1px #cacaca;  margin:15px; padding:0 15px }
	 .footer-spalte3 p						{margin: 4px 0 }
   .footer-spalte3 a						{display: inline-block; margin-bottom: 5px;}
  .footer-clear									{clear:both;}

.footer2-outer									{width:100%; min-height:122px; background: #ffffff; border-top: solid 1px #e1e1e1;}
 .footer2-inner								  {max-width:1100px; padding:80px 15px 50px 15px; margin:0 auto;}
	.footer2-links								{ margin-top: 40px; display: flex; justify-content: flex-end; }
	 .footer2-links span 					{ font-size: 13px; color:#000000; margin-right: 90px; }
   .footer2-links a 					  { font-size: 13px; color:#000000; margin-left: 20px; }
  .footer2-social								{float:right; width:160px; display:block;}
   .footer-social img						{ margin:0 5px 0 0; }
  .footer-clear									{clear:both;}

  .footer2-socialmedia {
    display: flex;
    justify-content: flex-end;
    height: 58px;
  }
  .footer2-socialmedia a {
    margin: 0 0 0 1.25rem;
  }
  .footer2-socialmedia img {
    width: 1.5625rem;
    height: 1.5625rem;
    vertical-align: middle;
  }

.footer3-outer {display:none;background:#eeeeee;  }

div.label ,
div.listfield ,
div.textfield ,
div.textarea ,
div.paragraph ,
div.subscription ,
div.passfield ,
div.checkboxfield ,
div.radiobutton  							{ padding: 2px 15px 18px 0; }


h1 {margin:0;font-size:42px; line-height:50px; text-transform:uppercase; font-weight:bold;}
h2 {margin:0;font-size:42px; line-height:50px; font-weight: 300; text-transform:uppercase; }
h3 {margin:0;font-size:20px; font-weight: 300; }
h5 {margin:0;font-size:1.6em;line-height:2em}


div.textfield								 {width:50%;}
#listfield_2 								 {width:50%; color:#ffffff;}
div.textfield_8 						 {width:10%}
input.text 									 {height:34px; width:100%; font-size:14px;color:#333333; margin:2px 0 0 0; padding:0 0 0 10px;border: 1px solid #CCCCCC;}
select 											 {height:34px; width:100%; font-size:14px;color:#333333; margin:2px 0 0 0; padding:0;border: 1px solid #CCCCCC;}
label 											 {font-size:12px;line-height: 20px;font-weight:bold;}
.mailto												{padding: 0 0 0 22px; background: url('../grafiken/pfeil.gif') 2px no-repeat; color: #2a75c0;}
.mailto.green           { background-image: url('../grafiken/pfeil-green.png'); color: #5a6c50; }
.mailto.dark-blue       { background-image: url('../grafiken/pfeil-dark-blue.png'); color: #356485; }
.mailto.dark-grey       { background-image: url('../grafiken/pfeil-dark-grey.png'); color: #646468; }

a.green { color: #5a6c50; }

#listfield_2,#textfield_3,#textfield_4,#textfield_5,#textfield_6,#textfield_7,#textfield_8,#textfield_9,#textfield_10,#textfield_11,#textfield_12,#subscription_13  {float:left; display:block;}

#textfield_4,#paragraph_13,#subscription_13 {clear: both;}

#radiobutton_2_1,#radiobutton_2_2 {float:left; display:block; }

#listfield_1 {width: 100%;}
#listfield_10 {width: 50%; float: left; }
#radiobutton_2_0  {margin:0 0 10px 0;}
#textfield_11 { width: 50%; }

#subscription_13 {
  padding: 0;
  float: none;
}

input.submit_button {background:url(http://www.geberit-news.de/anmeldung-aquaclean/grafiken/button-anmelden.gif)  no-repeat; width:169px; height:40px; color:#ffffff; border:0;  cursor: pointer;margin:21px 0 0 0; }

div.submit {padding:0 0 60px 0;}


@media only screen and (max-width: 960px) {
  .footer-grafik {
    box-sizing: border-box;
    width: 110px;
    margin-left: 40px;
    margin-right: 40px;
  }
  .footer-spalte2 {
    width: 240px;
  }

  .footer2-social   { float: left; margin-bottom: 20px; }
  .footer2-social a { margin-right: 15px; }
}


@media only screen and (max-width: 640px) {
  input[class="submit_button"] { }

  h1, h2 {
    font-size: 24px;
    line-height: 30px;
  }

  .header-2-inner {padding-top: 34px; width:100%!important;}

  div.textfield {width:100%!important;}
  #listfield_2 {width:100%; margin: 0 0 24px 0; color:#ffffff;}
  #listfield_10 { widtH: 100%; }
  .footer-outer,
  .footer-inner {display:none!important; }

  .footer2-links { padding-left: 0; }
  .footer2-links a { display: block; line-height: 12px; }
  .footer2-links p { margin-bottom: 25px; }

  .footer3-outer {display:block!important;}
  .footer3-tel,
  .footer3-mail,
  .footer3-suche { display:block!important;float:left!important;width:32%!important; }

  .footer3-tel img,
  .footer3-mail img,
  .footer3-suche img { max-width:58px!important;margin:0 auto; display:block;}

  .header-text {display:none;}
}