@import url('https://fonts.googleapis.com/css?family=PT+Sans:400,400i,700,700i');


* {
    margin: 0;
    padding: 0;
font-family: 'PT Sans', sans-serif;
}

a {color:#cc1d24;text-decoration: none;}

#pageid8 .ce-bodytext {font-size:14px;}
#pageid8 h2 {text-align:center; padding-top:20px;}


.grey {background-color: #BBBBBB; padding:50px 0;}

.white {background-color: #fff; padding:50px 0; margin-top: 110px;}

.hidden {display: none;}
.mitarbeiter {display:none !important;}

.grey .paddinger {padding-bottom: 50px;}
.white .paddinger {padding-bottom: 50px;}

h3 {text-transform: uppercase; color:#e32911; font-size: 40px; margin-bottom: 30px; position: relative;}

h1 {text-transform: uppercase; color:#e32911; font-size: 30px; margin-bottom: 30px; position: relative;}

h2 {text-transform: uppercase; color:#000; font-size: 24px; margin-bottom: 30px; position: relative;}
.produkte h2 {min-height: 64px;}
.unternehmen .ce-bodytext {font-size: 25px; text-align: center;}
.unternehmen h3 {text-align: center !important;}

.unternehmen h3::after {display: none !important;}
.ce-bodytext ul {margin-left:15px;}
.ce-bodytext ul li {margin-left: 20px; list-style: circle;}

.copyright {
    font-size: 12px;
    padding: 34px 0 20px;
}

h3::after {
    bottom: 0;
    content: "";
    height: 4px;
    left: 0;
    position: absolute;
    width: 120px;
     background: #000 none repeat scroll 0 0;
}


.logo {
    background: #fff none repeat scroll 0 0;
    box-shadow: 2px -2px 10px #000;
    height: 90px;
    position: fixed;
    top: 0;
    z-index: 1000;
  padding:8px 0 ;
}

.whitelogozeil { position: absolute; top:450px; z-index: 10000; width: 100%;}

.whitelogo {
   
    margin: 0 auto;
    position: relative;
    width: 700px;
}


  /*********************/
/*PowerMail Anpassung*/
/*********************/
input, select {
    padding: 1rem 1rem;
  width:75%;
  font-size:18px;
}
legend {
  display:none;
}
fieldset {
  border:none;
  
}

#powermail_fieldwrap_82 {margin-left: 41px; padding-bottom: 0;}
#powermail_fieldwrap_1 .powermail_check_inner_2 {display: none;}
.powermail_checkbox {padding-bottom: 40px;}

#powermail_fieldwrap_2 .powermail_label {width: 15%;}

#powermail_fieldwrap_44 {margin-left: 45px; font-size:13px; margin-bottom: 20px;}
#powermail_fieldwrap_42,
#powermail_fieldwrap_40 {font-size: 22px; margin-top:25px; background: #81c5e8; text-align: center; padding:2%; width: 700px;}
.tx-powermail h3 {display: none;}
#powermail_fieldwrap_16 {margin-top: 40px; }
#powermail_fieldwrap_20 {margin-top: 40px; font-size: 20px;}
#powermail_fieldwrap_21 {color:#6C6969;}
#powermail_fieldwrap_4 {
    margin-top: 0px;
    margin-left: 43px;
}
#powermail_fieldwrap_4,
#powermail_fieldwrap_17 {font-size:15px;}
#powermail_fieldwrap_18 {font-size:13px;}
#powermail_field_anrede {font-size: 15px; width: 300px;}

#powermail_fieldwrap_5 {margin-top: 50px;}
#powermail_fieldwrap_5 .powermail_label {width: 120px; }
.powermail_submit {cursor: pointer;}
/*Formatierung Pflichtfeld*/
.mandatory {
  color:#FF0004;
}
.parsley-custom-error-message,
.parsley-required {
    float: left;
    list-style: outside none none;
    position: relative;
    text-align: left;
    width: auto;
  background:#FF0004;
  padding:3px 10px;
  color:#FFFFFF;
}
.parsley-custom-error-message:before,
.parsley-required:before {
  font-family: 'FontAwesome';
  src: url('../fonts/fontawesome-webfont.eot?v=4.4.0');
  src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.4.0') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff2?v=4.4.0') format('woff2'), url('../fonts/fontawesome-webfont.woff?v=4.4.0') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.4.0') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.4.0#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
  content: "\f06a";
  position:relative;
  padding-right:10px;  
}
/*Formatierung Pflichtfeld*/

.tx-powermail h3 {
  font-size:29px;
  margin:20px 0 10px 0;
  background:#EFEFEF;
  padding:4px 0;
}

.powermail_fieldwrap {
  position:relative;
  float:left;
  width:100%;
  margin-bottom:10px;
}



.powermail_fieldwrap:hover .powermail_label:before {
 
  font-weight: normal;
  font-style: normal;

  position:absolute;
  left:10px;
}
.powermail_label {
  color:#27313b;
  width:30%;
  float:left;
  position:relative;
}
.powermail_field {
  width:70%;
  float:left;
  position:relative;  
}

.powermail_textarea {width: 100%;}

  .powermail_checkbox  {width: 40px;}
.powermail_field select, .powermail_field input {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: -moz-use-text-color -moz-use-text-color #C9C9C9;
    border-image: none;
    border-style: none none dotted;
    border-width: medium medium 1px;
    float: left;
    font-size: 18px;
    padding: 5px 10px;
    width: 96%;
  background: #eaeaea;
}

.checkbox input {
    margin-right: 4px;
    margin-top: 7px;
    width: auto;
}
.checkbox {
  position:relative;
  float:left;
  width:100%;
}
.checkbox label {
  float:left;
  font-size:18px;
  display:inline;
}
.powermail_checkbox {
  display:inline;
}
.powermail_field img {
  float:left;
  min-width:40%;
}
/*Sonder-CSS*/
.powermail_fieldwrap_marker_03 .powermail_field {
  margin-left:30%;
  text-align:left;
}
.powermail_fieldwrap_anfrageabschicken {
  margin-left:30%;
}
.powermail_fieldwrap_anfrageabschicken input {
  max-width:250px;
  background:#db222a;
  border:solid 1px rgba(62,62,62,1.00);
  color:#FFFFFF;
  transition:all linear 1s;
}
.powermail_fieldwrap_anfrageabschicken input:hover {
  background:#474747;
  color:#FFFFFF;
  cursor:pointer;
}
/*Sonder-CSS*/

/*********************/
/*PowerMail Anpassung*/
/*********************/


/**/


.menuewrapper {margin-top: 10px;}

.menu ul a::after {
    color: #cccc;
    content: "|";
    margin-left: 18px;
}
.menu ul li a {
    color: #202020;
    display: block;
    float: left;
    font-family: "Open Sans",sans-serif;
    font-size: 18px;
    margin-right: 18px;
    padding: 10px 0;
    text-decoration: none;
    text-transform: none;
}


.menu ul li {
    padding: 0;
}
.menu ul li {
    list-style: outside none none;
    position: relative;
}
.menu li {
    float: left;
    position: relative;
    right: 50%;
}
.menu {
    float: right;
    list-style-type: none;
    margin: 0 auto;
    padding: 0;
    position: relative;
}