@font-face {
  font-family: 'Gudea';
  src: url('/gudea/Gudea-Regular.ttf'); /* IE9 Compat Modes */
       font-weight: normal;
}
@font-face {
  font-family: 'Gudea';
  src: url('/gudea/Gudea-Italic.ttf'); /* IE9 Compat Modes */
  font-style: italic;
}

#c278 .caption-wrapper.caption-align-left {display: none !important}
#lighter {font-weight: normal;}
#kontakt {
    position: fixed;
    margin-top: 21px;
    z-index: 10;
    cursor: pointer;
}
#kontakt img {width: 25px;height: 81px;}
body {
    background: #DBDDDF;
}
body, html, p, div, td, input, textarea, select, h1, h2, h3, h4, h5, h6 {
    font-family: "Gudea", Arial, Helvetica, sans-serif;
    margin: 0;
    padding: 0;
}
.grau:last-child {    min-height: 162px;}
.bildbeschreibung {    font-size: 14px;
    line-height: 18.2px;
    margin-top: 15px;
    color: #7a7b7e;}
#c130, #c121, #c115, #c143, #c152, #c158, .information, #c15, #c194, #c214, #c235 {    padding: 60px 114px 60px;}
#c31 {
    margin-top: 5px;
}
.top-header-right span.firma {
    font-weight: 700!important;
}
.top-header-right h1.firma, .top-header-right span.firma {
    font-size: 14px;
    line-height: 30px!important;
}

section.green {background-image: url('/fileadmin/REMEX/Resources/Public/images/downloads_farbflaeche_downloadbereich.jpg');margin-bottom: 0px;padding-top: 0!important;}
.green p {color:#fff !important}
.green p a{color: #fff !important}
.green p a:before, .nl-teaser p a:before, .nl-teaser a {color: #fff;}
.nl-teaser {background-image: url('/fileadmin/REMEX/Resources/Public/images/downloads_farbflaeche-niederlaendisch.jpg');padding-top:0px;margin-bottom: 0px;}
#unterseite-main .nl-teaser article.col_12 {padding: 50px 114px 50px;    min-height: 57px;}
.col_6.grau.links, #unterseite-main  .col_12.grau.links {background-color: #efeff0;    padding: 0px 0px 20px 114px;}
#unterseite-main .col_12.grau.links p{margin-top: 0;}
.col_6.grau.rechts {background-color: #efeff0;    padding: 0px 114px 20px 0px;}
.col_6.links {background-color: #fff;    padding: 0px 0px 20px 114px;}
.col_6.rechts {background-color: #fff;    padding: 0px 114px 20px 0px;}


.unterseite-section.downloads {min-height: 40px;}
#unterseite-main .gray.downloads article h2, #unterseite-main .downloads article h2 {margin-bottom: 0px;}
.gray.downloads {padding-bottom: 0px;background: url(images/kante_oben.png);background-repeat: no-repeat;
    background-position: left top;
    background-size: 100% 10px;
    background-color: #efeff0;}
    .col_6.grau.links .col_4, .col_6.grau.rechts .col_4 {max-width:270px}
.col_6.links .col_4, .col_6.rechts .col_4 {max-width:230px;}
.presse p {margin-top: 0px !important; margin-bottom: 50px }
#unterseite-main #c194 p {margin-top: 0px !important;    margin-bottom: 50px;}
#unterseite-main #c194 .col_12.presse {padding: 50px 114px 0px;}
#unterseite-main article.col_12.presse {padding: 50px 114px 0px;}
#unterseite-main table tr th  {color: #fff;font-size:18px; line-height:27px;    padding: 6px 4px;border-right: 1px solid #fff;
}#unterseite-main table tr td {color: #000; font-size:18px; line-height: 27px;padding: 6px 4px;
    border: 1px solid #fff;}
    #unterseite-main table p:first-child {margin-top: 0px;}
p a, ul li a {
    text-decoration: none;
    color: #6a6b71;
}
p a:before, #c494 ul li a:before, #c493 ul li a:before{
    color: #E2001A;
    content: "> ";
    white-space: nowrap;
}
input[value], textarea[value] {
    font-size: 14px;
}
input[value], textarea[value] {
    font-size: 14px;
    line-height: 1.5em;
    color: #76787F!important;
}
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  font-size: 18px;
      color: #76787F!important;
}
::-moz-placeholder { /* Firefox 19+ */
  font-size: 18px;
      color: #76787F!important;
}
:-ms-input-placeholder { /* IE 10+ */
 font-size: 18px;
     color: #76787F!important;
}
:-moz-placeholder { /* Firefox 18- */
  font-size: 18px;
      color: #76787F!important;
}

.powermail_fieldset a {color: #fff;}
.powermail_fieldset a.nolink {color: #fff !important;padding:0;font-weight: normal;}
a.nolink {color: #000 !important;padding:0;font-weight: normal;}
.ce-bodytext a.nolink:before {content: "";}
.responsive-block{
    display: none !important;
}
.no-responsive{
    display: block !important;
  }
#wrapper{
  width: 1024px;
    max-width: 100%;
    margin: auto;
    background: #fff;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
}
#wrapper * {
    font-family: "Gudea", Arial, Helvetica, sans-serif;
}
header{
  max-width: 100%!important;
}
#responsive-header {
  display: none;
}
#top-header{
  width: 100%;
  max-width: 964px;
    z-index: 500;
    position: fixed;
    background: #cacacc;
    background: -moz-linear-gradient(left, #cacacc 0%, #7a7b7f 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, #cacacc), color-stop(100%, #7a7b7f));
    background: -webkit-linear-gradient(left, #cacacc 0%, #7a7b7f 100%);
    background: -o-linear-gradient(left, #cacacc 0%, #7a7b7f 100%);
    background: linear-gradient(to right, #cacacc 0%, #7a7b7f 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#cacacc', endColorstr='#7a7b7f', GradientType=1);
    
  overflow: hidden;
    height: 30px;
    padding: 0 30px;
    color: #fff;
    
}
.csc-frame {line-height: 0px!important;}
.linkpfeil {
  display: none;
}
.unterseite-section  a {
  text-decoration: none;
    color: #6a6b71;
}
.unterseite-section  a:before {
  color: #E2001A;
    content: "> ";
    white-space: nowrap;
}
a:before {
	white-space: nowrap !important
}
#top-footer p.left {
  font-weight: bold;
}
.top-header-left{
 float:left;
}
.top-header *{
  line-height: 30px;
}
.top-header-left a{
   margin-right:12px;
   color: #fff;
    text-decoration: none;
    display: inline-block;
    line-height: 30px;
}
#top-nav{
  float: left;
}
.meta-nav li {
    float: left;
    list-style-type: none;
    line-height: 30px;
}
.meta-nav{
  color: #fff;
    text-decoration: none;
    display: inline-block;
    padding-right: 10px;
    line-height: 30px;
}    
.meta-nav li:first-child a:before{
  content: '';
  padding: 0 ;
}
.meta-nav a:before{
    content: "|";
    padding: 0 10px 0 0;
    color: #fff;
}
.meta-nav .active-lang{
  display: none;
}
.top-header-right{
  float: right;
  font-weight: bold;
}
.top-header-right h1.firma{
  font-size: 14px;
    line-height: 30px!important;
    font-weight: normal;
}
#header-navigation{
  padding: 60px 30px 30px;
    position: relative;
    min-height: 17px;
    overflow: auto;
    width: 100%;
    max-width:964px;
}
.logo{
  float:right;
  line-height: 10px;
}
.logo img {
    max-height: 47px!important;
    width: auto!important;
}  
nav{
  position: absolute;
    text-align: left;
    bottom: 23px;
    margin-right: 200px;
}
nav a{
  font-size:18px;
   text-decoration: none;
   color: #000;
  
}
nav li{
  float: left;
    list-style-type: none;
    text-decoration: none;
    display: inline-block;
    padding-right: 10px;
}
nav li:first-child a:before{
  content: '';
  padding: 0 ;
}
nav a:before{
    content: "|";
    padding: 0 10px 0 0;
    color: #393a42;
}
 li.current a, span.linkpfeil, li.active > a{
    color: #E2001A;
}
footer li.current a, footer span.linkpfeil, footer li.active > a {
    color: #fff;
}
footer .sub{
  margin-left: 10px;
}
 li:first-child.active a{
   color: #393a42;
}
.slideoutmenuwrapper li.active > ul{
  left: 100%;
}    
#header-video{
  line-height: 10px;
}
#header-video img {
  width: 100%;
  height: 100%;
}
main{
  /*padding: 20px 30px 0;*/
}
.main-content{
  margin: 20px 30px 0;
}  
.section-divider, #unterseite-main .frame-default.frame-type-div hr{
    border: none !important;
    height: 1px;
    background: url(../images/Trennlinie.png) no-repeat left center;
  background-size: contain;
    clear: both;
    width: 100%;
    
}
#unterseite-main .frame-default.frame-type-div hr{
  margin: 0 !important;
}  
.col_6{
  width: 48.443983402%;
  
}
.col_9{
  width:65.7678%;
}
.col_3{
  width: 31.1959%;
}
.col_12{
  width: 96.887966805%;
}
.col_6, .col_3, .col_9{
  display: inline-block;
  float: left;
  margin-right: 3%;
}
.col_12 img, .col_6 img, .col_3 img, .col_9 img{
  width:100%;
  height: 100%;
}
.last{
  margin-right:0!important;
}
section{
  clear: both;
  padding-top: 20px;  
  margin-bottom:20px;
}
main *{
  line-height: 0px;
}  
#unterseite-main ul li{line-height: 1.5em;}
.presse-beitrag ul li {
    list-style-type: none;
    background: url(../images/listenpunkt.png) no-repeat 0 0.65em;
    padding-left: 14px;
    margin-left: 0;
    font-size: 18px;
}
.presse-beitrag ul{margin-top: 20px;}
sub{    vertical-align: sub;
    font-size: smaller;}
footer #bottom-footer {
  background: #6a6b71;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #6a6b71 0%, #393a42 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #6a6b71), color-stop(100%, #393a42));
    background: -webkit-linear-gradient(top, #6a6b71 0%, #393a42 100%);
    background: -o-linear-gradient(top, #6a6b71 0%, #393a42 100%);
    background: -ms-linear-gradient(top, #6a6b71 0%, #393a42 100%);
    background: linear-gradient(to bottom, #6a6b71 0%, #393a42 100%);
  clear: both;
  padding-left:30px;
  padding-right:30px;
  padding-top:25px;
  padding-bottom: 12px;
}
#copyright {
  height: 22px;
  background-color: #e4e4e5;
  padding-left:30px;
  padding-right:30px;
  font-size: 14px;
  color: #6a6b71;
  padding-top: 25px;
  padding-bottom: 25px;
  clear: both;
}
#copyright p::first-letter {
  font-size: 14px;
}
#top-footer {
  padding: 20px 30px;
  color: #6a6b71;
}
.right {
  float: right;
    margin-bottom: 10px;
  margin-left: 0;
  display: inline-block;
}
.bookmark::before {
  content: url(../images/stern_icon.png);
  vertical-align: middle;
    margin-right: 10px;
}
.print::before {
  content: url(../images/print_icon.png);
  vertical-align: middle;
    margin-right: 10px;
  margin-left: 10px;
}
.right a {
  text-decoration: none;
  color: #6a6b71;
}
.left {
  
  margin-right: 0;
}
#nav-footer {
  font-size: 14px;
}
#nav-footer li {
  display: inline-block;
  list-style-type: none;
  color: #fff;
  text-align: left;
  font-size: 14px;
  height: 21px;
  padding-right: 10px;
}
#nav-footer li a{
  color: #fff;
  text-align: left;
  font-size: 14px;
  height: 21px;
  text-decoration: none;
  font-weight: normal;
}
#nav-footer li.ccm-remo-expand-title.ccm-remo-expand-open a{
  font-weight: bold;
}
#nav-footer li:after {
  content: "|";
    padding-left: 10px;
}
#nav-footer li:last-child:after {
  content: none;
}
#top-left {
  width: 100%;
}
.previous-level{
  display: none;
}
.section-divider-footer {
  background-image: url(../images/trennlinie_footer_oben.png);
  background-repeat: no-repeat;
  width: 100%;
  height: 1px;
  margin: 10px 0 40px;
  background-size: 100%;
}
#top-footer img {
  margin-right: 10px;
}
#c414 {
  font-size:0;
  margin-bottom: -16px;
}
#standort .wrapper-footer a, #karriere .wrapper-footer a, #zertifikate .wrapper-footer a{
	height: 94px;
}	
#standort img, #karriere img, #zertifikate img {
  height: 100%;
  width: auto;
}
#standort a:before, #karriere a:before, #zertifikate a:before{
  content: none !important;
}
#standort a, #karriere a, #zertifikate a{
  line-height: 0;
    display: inline-block;;
}
#responsive-header{
  line-height: 10px;
}
#responsive-header img {
      max-width: none;
    min-height: 222px;
    width: 100%;
    height: 100%;
    margin-left: 0px!important;
   
}
/*#standort{
  padding: 0 16px 0 0;
}
#zertifikate {
  padding: 0 0 0 16px;
}*/
#standort-text , #karriere-text , #zertifikate-text {
  background-image: url(../images/trennlinie_footer.png);
  background-position: top;
  background-repeat: no-repeat;
  height: auto;
  background-size: contain;
  width: 100%;
  padding-top: 12px;
}
#standort, #zertifikate {
  width: 32.987539%!important;
}
#karriere {
  width: 34.024922%!important;
}
#standort .wrap-column{
  margin-right: 16px;
}
#karriere .wrap-column{
  margin-right: 16px;
  margin-left: 16px;
}
#zertifikate .wrap-column{
  margin-left: 16px;
}
#standort-text p, #karriere-text p, #zertifikate-text p {
  color: #fff;
  font-size: 14px!important;
  line-height: 21px;
}
#standort-text a, #karriere-text a, #zertifikate-text a {
  color: #fff;
  text-decoration: none;
}
#standort-text h3, #karriere-text h3, #zertifikate-text h3 {
  color: #fff;
  text-decoration: none;
  line-height: 18px;
  margin-bottom: 10px;
  font-weight: normal;
  
}
#standort, #karriere {
  float: left;
}
#zertifikate {
  float: left;
}

#standort-text a:before, #karriere-text a:before, #zertifikate-text a:before  {
    content: ">" !important;
    padding-right: 3px;
    color: #fff;
    font-weight: bold;

}
/*#images-footer {
  padding: 23px 0 20px;
  width: 100%;
}*/
.wrapper-footer {
  height: 93.98px;
}
.section-divider-short {
  background-image: url(../images/kurze_trennlinie.png);
  background-size: contain;
  height: 1px;
  background-position: center;
  background-repeat: no-repeat;
  margin-top: 7.9px;
  margin-bottom: 7.9px;
}
.section-divider-mobile {
  display: none;
}
@media screen and (max-width: 1025px) {
  #images-footer {
    float: none;
  }
  
  #header-navigation{
    width: 100%;
    max-width: none;
  }
  #top-header {
    width: 100%;
    max-width: none;
    position: relative;
    overflow: visible;
    padding: 0;
  }
  .top-header-left{
    margin-left: 30px;
  }
  .top-header-right {
    margin-right: 22px;
  }
  .unterseite-section .col_6.last  {
     width: 40%!important;
      float: right!important;
  }
  
}
@media screen and (min-width: 1024px) {  
  #header-video #flexslider-278 img { 
      height: 410px;
      }
}
@media only screen and (max-width: 767px) {
  #header-navigation nav {
    display: none!important;
  }
  .top-header-right {
    
  }
}
@media screen and (max-width:768px) {
  div.download-divider{
    margin-bottom: -6px;
  }
  footer #bottom-footer {
    
    background-size: cover;
  }
  .section-divider-footer {
    background-size: contain;
  }
  #karriere-text, #standort-text, #zertifikate-text  {
    background-size: contain;
  }
  #header-navigation {
    padding:0;
    margin: 30px 30px 30px 0;
  }
   #unterseite-main .col_6{
    float: none;
    width: 100%!important;
  }
   #unterseite-main .col_6 {
    margin-bottom: 35px;
      margin-right: 0;
  }
  
  #unterseite-main .col_6 img {
      width: 50%;
    height: 50%;
  }
  #unterseite-main .col_6.download-item img {
	  width: 82px;
  }
  #unterseite-main #c234 .col_6 img {
      width: 100%;
    height: 100%;
  }
  .col_6.grau.links.download-item, .col_6.grau.rechts.download-item, .col_6.links.download-item, .col_6.rechts.download-item, #unterseite-main article.col_12.presse, #unterseite-main .unterseite-section.ubersicht article.col_12, #unterseite-main .unterseite-section.ubersicht1 article.col_12, #unterseite-main .unterseite-section.ubersicht2 article.col_12 {
      padding: 30px 114px 10px!important;
  }
  .last {
      margin-bottom: 0 !important;
  }
  #unterseite-main .unterseite-section.ubersicht article.col_12 .section-divider, #unterseite-main .unterseite-section.ubersicht1 article.col_12 .section-divider, #unterseite-main .unterseite-section.ubersicht2 article.col_12 .section-divider {
    margin-bottom: 0 !important;
    padding-top: 40px !important;
  }
  #unterseite-main .unterseite-section.ubersicht2.gray article.col_12{
    padding: 30px 114px 40px!important;
  }
}
@media screen and (max-width:640px) {
  /*#unterseite-main .csc-frame-indent,#unterseite-main article.col_12{
    padding: 60px 22px 60px!important;
  }*/
  .powermail_fieldwrap{
    width: 100% !important;
    float: none !important;
  }
}
@media only screen and (max-width: 567px){
	#c314, #c315, #c316, #c317, #c310, #c311, #c312, #c313 {padding: 0 0 0 0 !important}
	.bildbeschreibung {font-size: 15px !important;    line-height: 1.3em!important;}
	#unterseite-main .col_12 p {margin-top: 30px !important}
	#unterseite-main .col_12 .bildtext p {font-size: 17px !important;    line-height: 1.6em !important;}
	.slideoutmenuwrapper li, .slideoutmenuwrapper li li {padding: 10px 20px !important}
  #top-footer {
      padding: 20px 22px;
    }
  #c163 .powermail_fieldwrap_marker0101 label, #c163 .powermail_fieldwrap_tsverwertungmassstab label, #c163 .powermail_fieldwrap_granovarwuerfel label,#c163 .powermail_fieldwrap_himgmbhjahresbericht2016bereichaltlastensanierung label,#c163 .powermail_fieldwrap_strasseundautobahnauszugausderausgabe112012laermschutzanlagenanstrassenersatzbaustoffealsloesungsansatz label,#c163 .powermail_fieldwrap_sonderdruckstrasseundautobahn022016ressourceneffizienzimstrassenbau label,#c163 .powermail_fieldwrap_recyclingmagazinauszugausderausgabe082012ersatzbaustoffeimvergaberechtandersentschiedenwasnun label,#c163 .powermail_fieldwrap_verkehrsblattauszugausderausgabe112015neueregelungfuerteerhaltigestrassenausbaustoffearsnr162015 label,#c163 .powermail_fieldwrap_fachbeitrag82012ersatzbaustoffegrundlagenfuerdeneinsatzvonrcbaustoffenundhmvascheimstrassenunderdba label,#c163 .powermail_fieldwrap_muellundabfallauszugausderausgabe012014prepaiddeponiealslohnendegestaltungsalternative label,#c163 .powermail_fieldwrap_strasseundautobahnauszugausderausgabe052012wohinmitdemteerdieverwertungvonteerpechhaltigemstrassenaufbruchinhamburg label, #c163 .powermail_fieldwrap_recyclingmagazinauszugausderausgabe082012ersatzbaustoffeimvergaberechtandersentschiedenwasnun label, #c163 .powermail_fieldwrap_tsverwertunggesamtbroschuere label,#c163 .powermail_fieldwrap_fachbeitrag032013geotechnischebeurteilungundvergleichunterschiedlicherersatzbaustoffebeimbauvonlaermschutzwaellen label, #c163 .powermail_fieldwrap_fachbeitrag082012ersatzbaustoffegrundlagenfuerdeneinsatzvonrcbaustoffenundhmvascheimstrassenunderdbau label, #c163 .powermail_fieldwrap_recyclingmagazinauszugausderausgabe82011ersatzbaustoffeimvergaberechtandersentschiedenwasnun label{
    font-size: 17px !important;
    line-height: 1.6em !important;
    }
  #unterseite-main .col_12 p{
    font-size: 17px !important;
    line-height: 1.6em !important;
  }
  #unterseite-main .h1{font-size: 24px !important}
  #images-footer {
    float: none;
  }
  .greetingoverlayBlock {
      padding: 60px 20px 20px 20px !important;
    color: #fff;
  }
  #karriere-text, #standort-text, #zertifikate-text {
    background-image: none;
    float: left;
    width: 100%;
    padding-top: 0;
    padding-bottom: 20px;
  }
  footer #bottom-footer {
    
    background-size: cover;
    padding-top: 10px;
    padding-right:22px;
    padding-bottom: 10px;
    padding-left: 22px;
  }
  #karriere img, #zertifikate img {
    float: left;
    
  }
  #karriere img,#zertifikate img {
  margin: 0 ;
  }
  .breadcrumb {
    padding: 5px 22px 0px!important;
    margin-top: 0 !important;
  }
  .breadcrumb ul{margin-bottom: 0 !important;}
  .breadcrumb ul li{line-height: 1.6em !important;margin-bottom: 0 !important; }
  #standort img {
    
  }
  .wrapper-footer {
    height: auto;
    
  }
  #standort .wrapper-footer {
    
  }
  #karriere, #standort, #zertifikate {
    width: 100% !important;
  }
  #karriere .wrap-column, #standort .wrap-column, #zertifikate .wrap-column{
    margin: 0!important;
  }
  #karriere {
    padding: 0;
  }
  #standort, #karriere {
    background-image: url(../images/trennlinie_footer.png);
    background-repeat: no-repeat;
    background-position: bottom;
    background-size: 85%;
    margin-bottom: 20px;
  }
  .section-divider-footer {
    background-size: contain;
  }
  #unterseite-main .csc-frame-indent,#unterseite-main article.col_12{
        padding: 30px 22px 30px 22px !important;
  }
  .col_6.grau.links.download-item, .col_6.grau.rechts.download-item, .col_6.links.download-item, .col_6.rechts.download-item, #unterseite-main article.col_12.presse, #unterseite-main .unterseite-section.ubersicht article.col_12, #unterseite-main .unterseite-section.ubersicht1 article.col_12, #unterseite-main .unterseite-section.ubersicht2 article.col_12, #unterseite-main .unterseite-section.ubersicht2.gray article.col_12{
        padding: 20px 22px 0px 22px !important;
  }
  .presse p {
      margin-top: 0px !important;
      margin-bottom: 40px !important;
  }
  #unterseite-main .unterseite-section.ubersicht article.col_12 .section-divider, #unterseite-main .unterseite-section.ubersicht1 article.col_12 .section-divider, #unterseite-main .unterseite-section.ubersicht2 article.col_12 .section-divider{
       margin-bottom: 0 !important;
       padding-top: 40px !important;
  }  
  #unterseite-main article.col_12.presse .section-divider{
    margin-bottom: 0 !important;
  }
  #unterseite-main .unterseite-section.ubersicht2 article.col_12 .last p{
    margin-bottom: 40px !important;  
  }  
  #unterseite-main .col_3 {
    margin-bottom: 35px;
      margin-right: 0;
  }
  .slideoutmenu .slideoutmenuwrapper li.nav-selected a:after {
      position: absolute;
      top: 0;
      right: 28px;
      line-height: 45px;
      content: url(../images/x.png);
  }
  .slideoutmenu .slideoutmenuwrapper li a:after {
    position: absolute;
    right: 10px;
    top: 0;
    line-height: 45px;
    content: url(../images/pfeil_rechts.png);
  }    
  a.close{
    display: none;
  }

  .slideoutmenuwrapper ul.sub{
    margin-left: 104.3% !important;
  }
  .slideoutmenu .slideoutmenuwrapper li.hassub > a:after {
      position: absolute;
    right: 10px;
    top: 0;
    line-height: 45px;
      content: url(../images/doppelpfeil_rechts.png);
  }
  .trans-center {
      transform: translate(0,0);
  }
  .trans-left {
        transform: translate(-108%,0);
  }
  .trans-right {
        transform: translate(108%,0);
  }

  .wrapper-without-background{
    background: none!important;
  }
  .slideoutmenu{
     display: block!important;
     -webkit-transition: width 2s;
     transition: transform 2s;
     transition: transform .4s ease,-webkit-transform .4s ease;
     display: none;
     overflow: visible !important;
     
  }
  ul.sub{
    display: none;
  }
  footer ul.sub {
      display: block;
      margin-bottom: 0 !important;
  }
  .slideoutmenuwrapper > ul ul {
      position: fixed !important;
      width: 100%!important;
      top: 0;
      margin: 0;
      background: #fff !important;
  }
  .slideoutmenuwrapper li li {
      padding: 10px 20px !important;
      background: url(../images/trenner_top_nav.png) no-repeat right top;
      background-size: 99% 1px !important;
      height:20px;
  }
  .slideoutmenu .slideoutmenuwrapper li.current > a:after {
      position: absolute;
    right: 10px;
    top: 0;
    line-height: 45px;
      content: url(../images/x.png);
  }
  .previous-level{
    display: block;
  }
  li.previous-level > span:after {
      position: absolute;
    left: 20px;
    top: 0;
    line-height: 45px;
      content: url(../images/pfeil_rechts.png);
      -webkit-transform: rotate(180deg);
      -moz-transform: rotate(180deg);
      transform: rotate(180deg);
  }
  .slideoutmenuwrapper li:hover > a{
    color: #4b4e52 !important;
}
  .slideoutmenuwrapper li.hassub:hover:after {
      content: "" !important;
      position: absolute;
      top: 8px;
      right: 0;
      font-size: 2rem;
      font-weight: 700;
      color: #b0b1b5;
  }
  .slideoutmenuwrapper li.active > a {
      color: #E2001A !important;
  }
  article.col_12 .teaser .hcc-body, article.col_12 .teaseren .hcc-body {
    width: 85%;
}
article.col_12 .home-categ-content-bodytext {
    width: 100% !important;
}
#kontakt-widget {
    display: none!important;
  }
  #unterseite-main .frame-default.frame-layout-0, #unterseite-main .frame-default.frame-layout-2 {
      padding: 30px 22px 1px 22px !important;
  }
  #unterseite-main .tx-powermail .frame-default.frame-layout-0 {
      padding: 0px !important;
  }
  
  #unterseite-main  #c314, #unterseite-main  #c315, #unterseite-main  #c316, #unterseite-main  #c317, #unterseite-main  #c310, #unterseite-main  #c311, #unterseite-main  #c312, #unterseite-main  #c313 {
      padding: 0 !important;
  }
  .flex-direction-nav a:before{
    width: 20px!important;
    background-size: 20px!important;
    background-position: center center!important;
    background-repeat: no-repeat!important;
  }
  div.download-divider{
    margin-bottom: -6px;
  }
  .powermail_fieldwrap_vorname, .powermail_fieldwrap_email, .powermail_fieldwrap_plzort, .powermail_fieldwrap_telefax, #c163 .powermail_fieldwrap_plzort01 {
      margin-left: 0 !important;
    }
    .powermail_fieldwrap_ihrenachricht .col-sm-10:after {
     display: none !important;   
  }    
  textarea, .powermail_fieldwrap_type_captcha input[type=text] {
    width: 97% !important;
  }
}

@media screen and (max-width:443px) {
  footer #bottom-footer {
    min-height: 575px!important;
    background-size: cover;
  }
}
.responsive-block-divider {
  display: none!important;
}
@media screen and (max-width: 420px) {
  .col_6 img, .col_3 img, .col_9 img {
      width: 100%;
  }
  #responsive-header img {
    margin-left: -121px;
}
}

@media screen and (max-width:567px) {
	.slideoutmenu, .slideoutmenu a {
    color: #4b4e52 !important;
    font-size: 16px !important;
}
  #responsive-header {
    display: block;
  }
  #header-video{display: none;}
  .not-responsive {
    display: none!important;
  }
  .responsive-block{
    display: block !important;
  }
  .no-responsive{
    display: none !important;
  }
  .tx-powermail {
    padding: 30px 22px 1px 22px !important;
   
  }
  .powermail_textarea:after, .powermail_fieldwrap_message .col-sm-10:after {
    left: -20px !important;
  }  
  .section-divider-mobile {
    display: block;
    height: 1px;
    background-image: url(../images/Trennlinie.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    margin-bottom: 20px;
    margin-top: 20px;
  }
  
  .responsive-block {
    display: block!important;
  }
  .responsive-block-divider {
    padding-bottom: 20px!important;
    padding-top: 20px!important;
    display: block!important;
  }
  .responsive-first {
    padding-top: 20px;
  }
  .col_6 {
    float: none;
    width: 100%;
  }
  .responsive-last {
    padding-bottom: 20px;
  }
  section {
    margin-bottom: 0;
    margin-top: 0;
    padding-top: 0;
  }
  .col_9 {
    width: 100%;
    float: none;
  }
  .section-divider-short {
    display: none;
  }
  aside {
    float:none;
    width: 100%;
    margin-bottom: 20px;
  }
  .col_3 {
    width: 100%;
  }
  #top-header {
    height: 22px;
    padding-left: 0;
    padding-right: 0;
  }
  .slideoutmenu{
    margin-top: 22px !important;
    padding: 0px !important;
  }
  .slideoutmenu a.close{
    top: 10px !important;
  }
  .slideoutmenuwrapper ul{
    margin-left: 0 !important;
  }
  .top-header-left {
    padding-left: 22px;
    margin-left: 0;
  }
  #top-nav img{
    height: 22px;
    width: 22px;
  }
  .meta-nav {
    margin-top: -4px;
  }
  
  .logo {
    height: 35px;
    min-height: 35px !important;
    padding-right: 22px;
  }
  
  #unterseite-main h1, #unterseite-main h2{
    font-size: 24px !important;
  }
  #responsive-header #mobilevidbox video{
        min-height: 222px;
  }
}
/******** New *********/

#wrapper .ce-above .ce-gallery{
  margin-bottom: 0;
}
#wrapper .ce-center .ce-outer, #wrapper .ce-center .ce-inner {
    position: inherit;
    float: none;
    
}
#wrapper .ce-center .ce-inner .ce-column{
  width: 100%;
}
#wrapper .ce-center .ce-inner .ce-column img, #wrapper .ce-center .ce-inner .ce-column .image{
  width: 100%;
  height: auto;
}
.image {
  height:1px!important;
  margin-top: 20px;
  margin-bottom:20px;
}

/**********  Top Nav  **********/

.slideoutmenuwrapper{
    text-align: left;
}
.slideoutmenuwrapper ul {
    list-style-type: none;
    /* width: 140px; */
    width: 23.536%;
    margin-bottom: 0;
    font-size: 14px;
       
}
#c652 figcaption {display:none;}
.new-nav-content #p-87.current #p-88 a,.new-nav-content #p-87.current #p-89 a {
	color: #fff;
}
.nav #p-87:lang(en), .new-nav-content:lang(en) #p-87 {
	display: none;
}

.slideoutmenuwrapper li, .slideoutmenuwrapper li li {
    padding: 10px 20px;
    background: url(../images/trenner_top_nav.png) no-repeat center top;
    background-size: 100% 1px;
    position: relative;
    /*height:20px;*/
   
}
.slideoutmenuwrapper > ul ul {
    left: -2000px;
}
.slideoutmenuwrapper ul li:hover > ul, .slideoutmenuwrapper ul li.nav-selected > ul, .slideoutmenuwrapper ul li.nav-path-selected > ul, .slideoutmenuwrapper li.current > ul  {
    display: block;
    left: 100%;
        min-height: 0px;
}
.slideoutmenuwrapper li.current a{
    color: #4b4e52;;
}
.slideoutmenuwrapper li.current > a{
    color: #E2001A;
}
.slideoutmenuwrapper ul ul:hover {
    display: block;
    left: 100%;
}
.slideoutmenuwrapper > ul ul {
    position: absolute;
    width: 100%;
    top: 0;
    background: url(../images/trenner_v.png) no-repeat 10px top;
    background-size: 1px 100%;
    margin: 0;
}

.slideoutmenuwrapper ul {
    list-style-type: none;
  margin-left: 30px;
    margin-bottom: 0;
    font-size: 14px;
}
.slideoutmenuwrapper li li {
    padding: 10px 20px 10px 28px;
    background: url(../images/trenner_top_nav.png) no-repeat right top;
    background-size: 90% 1px;
    height:20px;
}
.slideoutmenuwrapper li.hassub:hover:after {
    content: ">";
    position: absolute;
    top: 8px;
    right: 0;
    font-size: 2rem;
    font-weight: bold;
    color: #b0b1b5;
}
.slideoutmenuwrapper li.current > ul{
  display: block;
}
.slideoutmenu, .slideoutmenu a {
    color: #000;
    text-decoration: none;
}
.nav-selected a, .nav-path-selected a{
        color: #000;
}
.nav-selected ul li a, .nav-path-selected ul li a{
        color: #4b4e52;
}
.slideoutmenuwrapper li.ausgegraut > a,
.megabread li.ausgegraut > a {
    opacity: 0.3;
}
.slideoutmenuwrapper li:hover > a{
    color: #E2001A ;
}
li.nav-selected > a, li.nav-path-selected > a{
    color: #E2001A !important;
}
slideoutmenu {
    z-index: 100;
}
.slideoutmenu {
    position: absolute;
    width: 1024px;
    max-width: 100%;
    /* top: -1px; */
    display: none;
   
    background: url(../images/trenner_top_nav.png) center top no-repeat, url(../images/trenner_top_nav.png) center bottom no-repeat #f9f9f9;
    background-size: 100% 1px;
    z-index: 1050;
    overflow: hidden;
    padding: 30px 
        0px 30px;
    padding-top: 30px;
        margin-top: 30px;
}

.slideoutmenu a.close {
    position: absolute;
    top: 30px;
    right: 30px;
    cursor: pointer;
    font-size: 20px;
    z-index: 200;
}

.slideoutmenuwrapper ul > li:first-child {
    background: none;
}
.slideoutmenuwrapper > ul ul li > a{
  display: inline-block;
  height: 20px;
  overflow: hidden;  
}  
/.slideoutmenuwrapper li.hassub:hover:after {
    content: ">";
    position: absolute;
    top: 8px;
    right: 0;
    font-size: 2rem;
    font-weight: 700;
    color: #b0b1b5;
}

/**********  Kontakt slide  ************/  
#kontakt-widget {
    position: fixed;
    margin-top: 21px;
    z-index: 10;
    cursor: pointer;
}
#kontakt-widget-form, #greeting-widget {
  background-color: rgba(75, 78, 82, 0.953);
    width: 100%;
    max-width: 1024px;
    position: absolute;
    z-index: 5;
    display: none;

}
#kontakt-widget-form .kontaktoverlayClose, #greeting-widget .greetingoverlayClose {
    width: 14px;
    height: 14px;
    position: absolute;
    top: 20px;
    right: 20px;
    background: url(../images/close.png) no-repeat;
    cursor: pointer;
}
#kontakt-widget-open {
    position: absolute;
    top: 426px;
    right: 0px;
    z-index: 10;
    cursor: pointer;
}
.kontaktoverlayBlock, .greetingoverlayBlock{
      padding: 60px 113px 20px 113px;
      color: #fff;
}
#greeting-widget {
  display: block;  
}  
.header-salutation{
  font-size: 32px;
  line-height: 27px;
  margin-bottom: 35px;
}
.body-salutation{
  font-size: 18px;
  line-height: 27px;
  margin-bottom: 30px;
}
.greetingoverlayBlock a:before {
    color: #E2001A;
    content: "> ";
}
.greetingoverlayBlock a{
  color: #fff;
  text-decoration: none;
}
/*********** Footer Nav ***********/

footer li.nav-selected > a, footer li.nav-path-selected > a {
    color: #fff !important;
    text-decoration: underline;
}
footer li > a{
  color: #fff;
  text-decoration: none;
      font-weight: bold;
}
footer .nav li > a:before {
    content: "> ";
    padding-right: 3px;
    color: #fff;
    font-weight: bold;
}
footer .nav li{
  list-style: none;
}
footer ul.nav {
    margin: 40px 0;
}
a.testimonialexpand{
  text-decoration: none;
}
.csc-frame{
  line-height: 10px;
}
.ccm-remo-expand-content{
  /* height: auto !important; */
}
.ccm-remo-expand-title{
  cursor: pointer;
}
/***************Impressum*****************/
.ce-bodytext a{
  text-decoration: none;
  color:#6a6b71;
}
.ce-bodytext a:before {
  color:#E2001A;
  content: "> "; 
}
.ce-bodytext .section-divider {
  margin-bottom: 40px;
}
.ce-bodytext ul li, #c494 ul li, #c493 ul li {
  font-size: 18px;
  line-height: 1.5em;
  list-style-type: none;
    background: url(/fileadmin/REMEX/Resources/Public/images/listenpunkt.png) no-repeat 0 0.65em;
  padding-left: 14px;
}
/**********Kontaktformular**************/

.tx-powermail h3 {
  display: none;
}
.tx-powermail legend {
  font-size: 32px;
  line-height: 44.8px;
  color: #fff;
}
.tx-powermail {
  padding:60px 113px 20px 113px;
  background-color: rgba(75, 78, 82, 0.953);
}
.powermail_fieldwrap {
  margin: 2px 0px 15px;
    color: #76787F!important;
    font-size: 14px;
    line-height: 21px;
    font-weight: normal;
    border: none;
  width: 100%;
}
fieldset.powermail_fieldset.powermail_fieldset_1{
  width: 100% !important;
}
.radio {
  display: inline-block;
  line-height: 21px;
  margin-right: 5px;
  font-size: 18px;
  margin-top: 40px;
  color: #fff;
}

input[type=text], input[type=email] {
  width: 97%;
}
.powermail_fieldwrap_type_captcha input[type=text]{
  width: 98.5%;
}
input[value], textarea[value] {
  font-size: 14px;
}
.powermail_fieldwrap_type_submit {color: #fff !important;}
textarea {
    color: #76787F!important;
    font-size: 14px;
    line-height: 21px;
    font-weight: normal;
    
    border: none;
  width: 98.5%;
    height: 12em;
  position: relative;
  z-index:5;
}
.control-label{
  color: #fff;
  
}
.powermail_fieldwrap_type_captcha .col-sm-10{
  margin-top: 10px;
}
.powermail_fieldwrap_message .col-sm-10{
  position: relative;
}
.powermail_textarea:after, .powermail_fieldwrap_message .col-sm-10:after {
    content: "";
    display: block;
    position: absolute;
  top: 30px;
    left: -60px;
    width: 0;
    border-width: 50px 80px 0;
    border-style: solid;
    border-color: #fff transparent;
    z-index: 1;
}

.captcha {
  margin-top: 22px;
}
.col-sm-10 {
  width: 100%;
}
.captcha img {
      vertical-align: bottom;
}
.powermail_fieldwrap_message {
  clear: both;
  width: 100%;
}
#unterseite-main h2 {margin-top: -2px; margin-left: -1px;}
#unterseite-main #c322 h2{margin-top: 0px;margin-left: 0px;}
.breadcrumb ul {padding-top: 0px;}
 #c45, #c46{padding: 67px 113px 60px;}
input[type=submit] {
  padding: 0 !important;
    border: 0 !important;
    margin: 0 !important;
    background: none !important;
    cursor: pointer !important;
    font-size: 18px !important;
    color: #fff !important;
    font-family: "Gudea", Arial, Helvetica, sans-serif;
    font-weight: normal !important;
  height: 31px;
}
input[type=submit] {
  color: #fff;
}
input, textarea {
  padding: 2px 6px;
  border: none;
}
/****************Search****************/
#c362 .section-divider, #c374 .section-divider, #c603 .section-divider{
  margin-top: 40px;
  margin-bottom:  10px;
}
.search_text_recup{
  margin-top: 20px;
}
.tx-indexedsearch-search-submit{
  margin-bottom: 40px
}
ul.tx-indexedsearch-browsebox{
  float: right;
}
ul.tx-indexedsearch-browsebox li{
  float: left;
  padding: 0 5px!important;
    list-style-type: none!important;
    background: none!important;
        margin-right: 5px;
      font-size: 18px;  
      line-height: 1.5em;
}
div.tx-indexedsearch-browsebox{
  width: 100%;
  
}
.search-word-box{
  font-size: 18px;
}
div.tx-indexedsearch-browsebox p{
  float: left;
  font-size: 18px;
  color: #000;
}
#c362.csc-frame-default, #c20.csc-frame-default, #c21.csc-frame-default, #c194.frame-default {
  padding: 60px 113px 20px 113px;
}
fieldset legend {
  display: none;
}
.tx-indexedsearch-form {
  font-size: 18px;
  line-height: 1.5em;  
}
#c362 li, #c20 li, #c21 li {
  list-style: none;
}
#c362 a, #c20 a, #c21 a {
  color:#6a6b71;
  text-decoration: none;
}
.tx-indexedsearch-browsebox {
  display: inline-block;
  
}
.tx-indexedsearch-rules h2, .tx-indexedsearch-rules p, .tx-indexedsearch-searchbox a {
  display: none;
}
input.tx-indexedsearch-searchbox-sword {
  width: 136px;
  border: 1px solid #ccc;
  margin-bottom: 20px;
  margin-right: 73%;
  margin-top: 10px;
     
}
#unterseite-main #c90.frame-default, #unterseite-main #c91.frame-default {
  padding: 60px 113px 22px 113px;
}
.tx-indexedsearch-search-submit input[type=submit] {
  width: 100px;
  font-size: 11px!important;
  line-height: 11px;
      border-radius: 5px;
  color:#000 !important;
border-color: rgb(216, 216, 216) rgb(209, 209, 209) rgb(186, 186, 186) !important;
    border-style: solid !important;
    border-width: 1px !important;   height: inherit;
   padding: 3px 8px 3px !important;
   border: 1px;
       font-family: Arial !important;
}
#unterseite-main #c90 h2, #unterseite-main #c91 h2 {
      margin-top: -2px;
    margin-left: 0px;
}
.tx-indexedsearch-browsebox{
  margin-top: 40px;
}
.tx-indexedsearch-browsebox p {
  text-align: right;
}
.tx-indexedsearch-icon {
  display: none;
}
.tx-indexedsearch-description {
  font-size: 18px;
  line-height: 27px;
}
#unterseite-main .breadcrumb {
  margin-top: 13px;
}
.tx-indexedsearch-percent, .tx-indexedsearch-text-item-mtime, .tx-indexedsearch-text-item-crdate, .tx-indexedsearch-text-item-crdate, .tx-indexedsearch-text-item-size, .tx-indexedsearch-text-item-size {
  display: none;
}
dt.tx-indexedsearch-text-item-path {
  font-size: 18px;
  line-height: 1.5em;
  float: left;
  width: 7%;
  min-width: 41px !important;
}
dd.tx-indexedsearch-text-item-path {
  width: 80%;
  font-size: 18px;
  line-height: 1.5em;
  float: left;
  text-align: left;
}
dd.tx-indexedsearch-text-item-path p{
  font-size: 18px;
  line-height: 1.5em;
  text-align: left;
}
.tx-indexedsearch-res {
  margin-top: 30px;
  width: 100%;
}

.tx-indexedsearch-title {
  float: none;
}
.tx-indexedsearch-text-item-path a:before, .tx-indexedsearch-title a:before {
  content: "> ";
  color: #E2001A;
  padding-right: 3px;
}
.tx-indexedsearch-res h3{
  margin-bottom: 0!important;
  margin-top: 30px;
}
.tx-indexedsearch-redMarkup {
  color:#E2001A;
}
.top-header-right h1.firma {
  font-weight: bold!important;
}

.kontaktoverlayBlock .tx-powermail {
     padding: 0px;
     background: none;
}
#c248 em, #c332 em, #c575 em{
  white-space: nowrap;
    font-style: normal;
    
}

#c248, #c332, #c575, #c334, #c333, #c576{
margin: 2px 0px 0px -1px;
}


.main-content article.col_12{
  width: 100%;
}
#c465, #c471{
  line-height: 9px;
}
.cc_container{
  background-color: rgba(0, 0,0,0.8)!important;
}
.cc_message{
  font-size: 16px !important;
}
.cc_more_info{
  color: #fff !important;
  text-decoration: underline !important;
}
a.cc_more_info:before{
  content: "";
}
.cc_btn.cc_btn_accept_all{
  font-family: "Gudea", Arial, Helvetica !important;
  font-size: 12.6px !important;
  font-weight: 700 !important;
  color: #fff !important;
  background-color: rgb(217,0,35) !important;
  border-radius: 0 !important;
  line-height: 21px !important;
}
.cc_btn.cc_btn_accept_all:hover{
  background-color: rgb(255,38,73) !important;  
}
/******* One Pager *******/
/*
nav > ul > li.current:first-child a:Before{
  background: url(../images/iconhome.jpg);
      content: ' ' !important;
    width: 17px !important;
    height: 13px;
    font-size: 18px;
    display: inline-block;
}
nav > ul > li:first-child a:Before{
  background: url(../images/iconhomeblack.png);
      content: ' ' !important;
    width: 17px !important;
    height: 13px;
    font-size: 18px;
    display: inline-block;
  }
nav > ul > li:first-child a{
  font-size: 0px !important;
  }
*/  
  
/******* Startseite  ***********/
.home-categ-box.information h2 , .home-categ-box.information a, .home-categ-box.information .home-categ-content a:before{color: #fff !important;}
.information .hcc-body {padding-bottom: 0px !important; padding-top: 0px !important}
.home-categ-box.teaser {
    
    background: url(/fileadmin/user_upload/background/rx_sol_home_teaser_hg_rx_sol_01.jpg) right bottom no-repeat ;
    background-size: cover;
}
.home-categ-box.teaser h1, .home-categ-box.teaseren h1 {    margin-bottom: 22.5px;}
.home-categ-box.teaser .section-divider-white, .home-categ-box.teaseren .section-divider-white {display: none;}
.home-categ-box.information {
    
    background: url(/fileadmin/REMEX/Resources/Public/images/rx_sol_newsletter_teaser_hg_informationen.jpg) right bottom no-repeat ;
    background-size: cover;

}
.home-categ-box.unternehmen {
    
    background: url(/fileadmin/user_upload/background/rx_sol_home_teaser_hg_unternehmen_01.jpg) right bottom no-repeat ;
    background-size: cover;
}
.home-categ-box.appTeaser {
    
    background: url(/fileadmin/user_upload/remex_solutions_app_teaser.jpg) left top no-repeat ;
    background-size: cover;
}
.home-categ-box.teaseren {
    
    background: url(/fileadmin/user_upload/background/rx_sol_home_teaser_hg_rx_sol_EN_01.jpg) right bottom no-repeat ;
    background-size: cover;
}
.home-categ-box.unternehmen .home-categ-content {min-height: 325px;}
.home-categ-box.aktuelles {
    
    background: url(/fileadmin/user_upload/background/rx_sol_home_teaser_hg_aktuelles_01.jpg) right bottom no-repeat ;
    background-size: cover;
}
.home-categ-box.bestellung {
    
    background: url(/fileadmin/user_upload/background/rx_sol_home_teaser_hg_bestellportal_01.jpg) right bottom no-repeat ;
    background-size: cover;
}
.home-categ-box.newsletter{
    
    background: url(/fileadmin/user_upload/background/rx_sol_home_teaser_hg_newsletter_01.jpg) right bottom no-repeat ;
    background-size: cover;
}
.home-categ-box.newsletter a{
	line-height: 20px;
}	
.home-categ-box.youtube {
    
    background: url(/fileadmin/user_upload/background/rx_sol_home_teaser_hg_youtube_01.jpg) right bottom no-repeat ;
    background-size: cover;
}
.home-categ-box.youtube h3, .home-categ-box.newsletter h3, .home-categ-box.bestellung h3, .home-categ-box.aktuelles h3, .home-categ-box.unterstuetzung h3 {color: #fff !important; font-size: 24px !important;margin-bottom: 7px;}
.home-categ-box.youtube p, .home-categ-box.newsletter p, .home-categ-box.bestellung p, .home-categ-box.aktuelles p, .home-categ-box.unterstuetzung p {font-size: 14px;line-height: 20px}
.home-categ-box.youtube .home-categ-content, .home-categ-box.newsletter .home-categ-content, .home-categ-box.bestellung .home-categ-content, .home-categ-box.aktuelles .home-categ-content {/*min-height: 128px !important;*/}

.home-categ-box.bestellung .hcc-body {padding-bottom: 25px;}
.home-categ-box.newsletter .hcc-body  {padding-bottom: 21px;}
.home-categ-box.youtube .hcc-body {    padding-bottom: 25px;}
.home-categ-box.aktuelles .hcc-body {    padding-bottom: 45px;}
.home-categ-box.newsletter a {color: #fff;}
.home-categ-box.newsletter p {line-height: 16px !important}
.home-categ-box.unternehmen p, .home-categ-box.unternehmen h2, .home-categ-box.appTeaser p{color: #56575e !important}
.home-categ-box.appTeaser h2 {margin-bottom: 20px}
.home-categ-box.unternehmen .hcc-body {    padding-bottom: 24px;}
.home-categ-box.unternehmen .home-categ-content {min-height:324px; }
article.col_9 .unternehmen .home-categ-content-bodytext {    margin-top: 20px;}
#images-footer {
    padding-bottom: 33px;
}
.home-categ-content {
   /* position: absolute;
    top: 20px;
    left: 20px;*/
    font-family: 'Gudea';
    color: white;
    width: 93%;
     
   
}
.caption-body p {
    font-size: 18px;
    line-height: 1.5em;
}
.home-categ-content a{
      color: #6a6b71;
    text-decoration: none;
    cursor: pointer;
}
.home-categ-content a:before {
    color: #E2001A;
    content: ">";
    padding-right: 3px;
    font-weight: bold;
}
article.col_12 .teaser .hcc-body, article.col_12 .teaseren .hcc-body {
  width: 67%;
}
article.col_12 .home-categ-content-bodytext .hcc-body{
  width: 44%;
}

article.col_9 .home-categ-content-bodytext{
  width: 84%;
}
.unternehmen .home-categ-content {width: 100%;}
.hcc-body{
  
  padding: 20px 20px 60px 20px;
}

.home-categ-content h1, .home-categ-content h2 , .home-categ-content h3 {
    line-height: 30px !important;
    font-size: 25px;
    margin-top: 0px;
    font-weight: normal;
    color: white;
}
.home-categ-content h3 {
  color: #56545e;
}

.home-categ-content li {
   margin-left: 18px;
   
}


.home-categ-content p, .home-categ-content li {
    font-size: 18px;
    line-height: 25px;
    list-style-type: square;
   
}
.granovaapp:lang(en) {display: none !important}
article.col_3 h3{
  min-height: 60px;
}
article.col_9 .home-categ-content-bodytext, article.col_3 .home-categ-content-bodytext, aside.col_3 .home-categ-content-bodytext{
  margin-top: 30px;
}
.minex_ansprechpartner .home-categ-content-bodytext, .minex_standort .home-categ-content-bodytext, .minex_efb .home-categ-content-bodytext {
    color: black
}
.divider-margin{
  margin-top: 20px;
  margin-bottom: 20px;
}

.tablet-disable{
  display: block;
}
.tablet-view{
  display: none !important;
}
.smartphone-view{
       display: none;
}
.smartphone-disable{
  display: block;
}
.section-divider-white {
  background-image: url(../images/trennlinie_footer_oben.png);
  background-repeat: no-repeat;
  width: 100%;
  height: 1px;
  margin: 15px 0 20px;
  background-size: 100%;
}
.tx-powermail .powermail_message li{
  line-height: 1.5em !important;
}
tx-indexedsearch-browsebox{
  margin-top: 40px;
}
.slideout-mobile .slideoutmenuwrapper li a:after {
    position: absolute;
    right: 0;
    top: 0;
    line-height: 45px;
    content: url(../images/pfeil_rechts.png);
}
.slideout-mobile .slideoutmenuwrapper li.nav-selected.nav-path-selected a:after {
    position: absolute;
    top: 0;
    right: 0;
    line-height: 45px;
    content: url(../images/x.png);
}
.slideoutmenu.slideout-mobile{
  padding-bottom: 0px !important;
}
.download-item img{
  height: 100% !important;
}

@media handheld, only screen and (max-width: 950px){
  .home-categ-box {    
      
      background-size: cover !important;
  }
  
}
.home-categ-box.unterstuetzung {background: url(/fileadmin/user_upload/background/rx_sol_home_teaser_technische_unterstuetz_02.jpg) center bottom no-repeat ;    background-size: 165%;}
@media handheld, only screen and (max-width: 768px){
  footer ul.sub{margin-bottom: 0!important;}
  .col_9{width: 100%}
  .col_3{width: 48.5%}
  .col_3.four-two{width: 100%;}
  .home-categ-content h1, .home-categ-content h2 {
      line-height: 1.4em !important;
    font-size: 29px;
  }
  .home-categ-box.teaser {background: url(/fileadmin/user_upload/background/rx_sol_home_teaser_mobile_hg_rx_sol_01.jpg) right bottom no-repeat ;    background-size: cover;}
  .home-categ-box.teaseren {background: url(/fileadmin/user_upload/background/rx_sol_home_teaser_mobile_hg_rx_sol_EN_01.jpg) right bottom no-repeat ;    background-size: cover;}
  .tablet-disable{
    display: none !important;
  }
  .tablet-view{
    display: block !important;
  }
  .one-two{
    margin-right: 3% !important;
  }
  .two-one{
    margin-right: 0px !important;
  }
  .smartphone-view{
       display: none;
  }
  .home-categ-box.unterstuetzung {background: url(/fileadmin/user_upload/background/rx_sol_home_teaser_technische_unterstuetz_02.jpg) center bottom no-repeat ;    background-size: cover;}
}
@media handheld, only screen and (max-width: 1023px){
  .tx-indexedsearch-text-item-path p{
    margin-left: 5px;
  }
  #unterseite-main .col_6 {
    float: none;
    width: 100%!important;
  }
  .col_6.grau.links, .col_6.grau.rechts, .col_6.links, .col_6.rechts {
    margin-bottom: 0px !important;
    padding: 10px 114px 10px!important;
    margin-top: -7px;
    max-width: 100% !important;
  }
  div.download-divider {
      margin-bottom: -6px;
  }
}
    
@media handheld, only screen and (max-width: 567px){
	.slideoutmenu {background-color: #fff !important}
  .col_3{width: 100%}
  .one-two{
    margin-right: 0% !important;
  }
  .home-categ-box.unterstuetzung {
    background: url(/fileadmin/user_upload/background/rx_sol_home_teaser_technische_unterstuetz_02.jpg) center bottom no-repeat;
    background-size: cover;
    padding-bottom: 100px;
  }
  .two-one{
    margin-right: 0px !important;
  }
  article.col_12 .home-categ-content-bodytext{
    width: 100%;
  }
  .home-categ-content h1, .home-categ-content h2 {
      line-height: 1.4em !important;
    font-size: 24px;
    
  }
  .home-categ-content p, .home-categ-content li {
      font-size: 17px;
    line-height: 1.6em!important;
     }
     .section-divider{
       margin-top: 20px;
       margin-bottom: 20px;
     }
     .top-footer-divider{
       margin-top: 0 !important;
       margin-bottom: 0 !important;
     }
   .smart-responsive{
     margin-bottom: 20px !important;
   }  
     .first-divider{
       margin-top: 0px;
     }
     .smartphone-view{
       display: block !important;
     }
     .home-categ-content {
      width: 100%;
    }
  .last{margin-bottom: 0 !important;}
     article.col_12 .home-categ-content-bodytext, article.col_9 .home-categ-content-bodytext{
    width: 100%;
  }
  .unterseite-section.ubersicht article.col_12{
    padding-bottom: 0 !important;
  }
  
  .flex-direction-nav .flex-next, .flex-direction-nav .flex-prev {
        width: 20px;
    height: 50px;
  }
  .smartphone-disable{
    display: none;
  }
  .slideoutmenu{
     display: block!important;
     -webkit-transition: width 2s;
     transition: transform 2s;
     transition: transform .4s ease,-webkit-transform .4s ease;
     display: none;
     
  }
  .trans-center {
      transform: translate(0,0);
  }
  .trans-left {
        transform: translate(-108%,0);
  }
  .trans-doppel-left {
        transform: translate(-216%,0);
  }
  .trans-right {
        transform: translate(108%,0);
  }
  .wrapper-without-background{
    background: none!important;
  }
  a {
      white-space: normal!important;
  }
}
@media screen and (max-width: 479px){
  .top-head-image{
    height: 222px;
    max-width: 100%;
    overflow: hidden;  
    position: relative;
  }
  .top-head-image img{
    height: 222px!important;
    width: 568px!important;
    max-width: none!important;
    position: absolute;
    left: 50%;
    margin-left: -284px;
    }
    #header-video .tx-ws-flexslider img{
    height: 222px!important;
    
    position: inherit;
    
    margin-left:0;
    }

}  
@media screen and (max-width: 410px) and (min-width: 360px){

 #unterseite-main .col_12.grau.links .col_4 p.dow-doc-type, #unterseite-main .col_6.grau.links .col_4 p.dow-doc-type, #unterseite-main .col_12.grau.rechts .col_4 p.dow-doc-type, #unterseite-main .col_6.grau.rechts .col_4 p.dow-doc-type,#unterseite-main .col_12.grau.links .col_4 p.dow-doc-title, #unterseite-main .col_6.grau.links .col_4 p.dow-doc-title, #unterseite-main .col_12.grau.rechts .col_4 p.dow-doc-title, #unterseite-main .col_6.grau.rechts .col_4 p.dow-doc-title,
 #unterseite-main .col_12.download-item.links .col_4 p.dow-doc-type, #unterseite-main .col_6.download-item.links .col_4 p.dow-doc-type, #unterseite-main .col_12.download-item.rechts .col_4 p.dow-doc-type, #unterseite-main .col_6.download-item.rechts .col_4 p.dow-doc-type,#unterseite-main .col_12.download-item.links .col_4 p.dow-doc-title, #unterseite-main .col_6.download-item.links .col_4 p.dow-doc-title, #unterseite-main .col_12.download-item.rechts .col_4 p.dow-doc-title, #unterseite-main .col_6.download-item.rechts .col_4 p.dow-doc-title{
  width: 215px !important;
 }
 
  
}
/*
@media handheld, only screen and (max-width: 1022px){
.home-categ-content h1, .home-categ-content h2, .home-categ-content-300 h2, .home-categ-content-300-schwarz h2 {
    font-size: 1.5em;
}
}
@media handheld, only screen and (max-width: 899px){
.home-categ-content p, .home-categ-content-300 p, .home-categ-content-300-schwarz p {
    font-size: 1.1em;
}
}
@media handheld, only screen and (max-width: 835px)
main.css:2170
.home-categ-content p, .home-categ-content-300 p, .home-categ-content-300-schwarz p {
    font-size: 1em;
}
*/

.powermail_fieldwrap_ihrenachricht .col-sm-10 {
    position: relative;
}


/*********************** NL Archiv ***********************/

section.newsletter-ausgabe{
  padding-top: 0;
  margin-bottom: 0;
}
#c158{
  padding-bottom: 0 !important;
}
.article-date{
  color: #56575e;
  font-size: 18px;
  line-height: 27px;
}
#unterseite-main  .newsletter-ausgabe .col_12 p{
  margin-top: 0px;
}
#unterseite-main  .newsletter-ausgabe .col_12 h2{
  margin-top: 0px;
}
#unterseite-main  .newsletter-ausgabe .col_12 p.bildlegende{
  color: #7a7b7e;
  font-size: 14px;
  line-height: 18px;
  margin-top: 15px;
  
}
/*********************** Presse Beitrag ***********************/

#unterseite-main .presse-beitrag .col_12  .article-date{
  margin-bottom: -37px;
  display: block;
}
#unterseite-main .presse-beitrag-footer .col_12  p{
  margin-top: 0px;
}
#unterseite-main .presse-beitrag-footer .col_12  {
  padding-top: 40px;
  padding-bottom: 0;
}

/*********************** Bestellformular ***********************/

.checkbox label, .powermail_fieldwrap_type_text{
  color: #fff;
  font-size: 18px;
  line-height: 1.5em;
}
.powermail_fieldwrap_type_text{
  height: 250px;
  overflow-y: scroll;
  background: #fff;
  
}
#unterseite-main .powermail_fieldwrap.powermail_fieldwrap_type_text p{
  color: #000;
  padding: 10px;
}  
.powermail_fieldwrap .radio {
   position: relative;
}
.jNiceRadio {
    background: transparent url(../images/radio.png) no-repeat center top;
    height: 24px;
    width: 24px;
    position: absolute;
    left: 0px;
    top: 0px;
    cursor: pointer;
    vertical-align: bottom;
}
.jNiceCheckbox {
    background: transparent url(../images/checkbox.png) no-repeat center top;
    height: 22px;
    width: 22px;
    position: absolute;
    cursor: pointer;
}  

.radio > label{
  position: relative;
}
.radio > label label{
  margin-left: 28px;
}  
.jNiceChecked {
    background-position: center bottom;
}
.checkbox > label label{
  line-height: 22px !important;
    margin-left: 30px!important;
    display: inline-block;
}
.powermail_fieldwrap.powermail_fieldwrap_type_check{
  margin-top: 40px !important;
  margin-bottom: 40px;
}
.powermail_fieldwrap.powermail_fieldwrap.powermail_fieldwrap_type_text{
  margin-bottom: 40px;
}

#unterseite-main .frame-default {padding: 60px 114px 60px;}
#unterseite-main .frame-default.frame-layout-1, #unterseite-main .frame-default .tx-powermail .frame-default {padding: 0px;}
.caption-wrapper.caption-align-left{ display: none;}
#unterseite-main .frame-default.frame-layout-2{padding-bottom: 0px;    }
#unterseite-main .frame-default.frame-layout-2 .section-divider{margin-bottom: 0;}
#copyright p { font-size: 14px; line-height: 1.5em;}
.nl-teaser p, .nl-teaser h2{color: #fff!important;}
#flexslider-278, #flexslider-283{margin-bottom: 0 !important;}
#c314,#c315,#c316,#c317,#c310,#c311,#c312,#c313{padding: 0 !important;}
.presse-beitrag{padding-top: 0 !important;}
.powermail_fieldwrap_einleitung p{ margin-bottom: 17px!important;}
.powermail_message.powermail_message_error{display: none;}
.tx-powermail .powermail_fieldset .powermail_field_error::placeholder{color:#fff!important;}
.tx-powermail .powermail_fieldset .powermail_field_error:-ms-input-placeholder{color:#fff!important;}
.tx-powermail .powermail_fieldset .powermail_field_error::-ms-input-placeholder{color:#fff!important;}
.powermail_fieldwrap_ihrenachricht {clear: both;}
.tx-powermail p a, .tx-powermail p a:before {color: #fff;}
.powermail_fieldwrap_captcha{clear: both;}
#c326 .powermail_fieldwrap.powermail_fieldwrap_name, #c340 .powermail_fieldwrap.powermail_fieldwrap_name{margin-top: -32px;}
.slideoutmenuwrapper li.hassub > a{cursor: default;}
@media screen and (max-width: 364px) {
  .meta-nav li:nth-child(3) {
      display: none;
  }
}
.tx-ws-flexslider .flexslider ul.slides li {
    opacity: 0;
    -webkit-transition: opacity 2s ease-in;
    -moz-transition: opacity 2s ease-in;
    -o-transition: opacity 2s ease-in;
    -ms-transition: opacity 2s ease-in;
    transition: opacity 2s ease-in;
}

#unterseite-main .frame-default.frame-type-div {padding: 0px 30px !important;}
.tx-indexedsearch-title a{ color: #6a6b71;
    text-decoration: none;}
.tx-indexedsearch-info{
  margin-bottom: 35px;
}
.tx-indexedsearch-text-item-path a {
    white-space: normal!important;
}
#c163, #c273{
  margin-top: 6px;
}
.logo{width:165px;text-align: right;}
ul.tx-indexedsearch-browsebox a{color: #6a6b71;
    text-decoration: none;}

.active.hassub .sub {z-index: 1}
.hassub .sub {z-index: 2}
.tx-powermail .powermail_fieldset .powermail_field_error, .tx-powermail .powermail_fieldset .parsley-error, .tx-powermail .powermail_fieldset .powermail_form .parsley-error:focus, .tx-powermail .powermail_fieldset div.error {
    background-color: #e30014!important;
    
}
#c16 p, #c16 ul, #c46 p, #c46 ul, #c489 p, #c489 ul,#c490 p, #c15 ul, #c15 p, #c492 ul,#c493 p, #c493 ul, #c494 p, #c494 ul, #c492 p, #c492 ul{ margin-bottom: 20px !important;}
#c16 p.section-divider, #c46 p.section-divider, #c489 p.section-divider, #c490 p.section-divider, #c15 p.section-divider,#c493 p.section-divider,#c494 p.section-divider,#c492 p.section-divider{margin-top: 40px !important; margin-bottom: 40px !important;}
ol li {       font-size: 18px;
    line-height: 1.5em;    list-style-type: decimal;    list-style-position: inside;}
    ol {    list-style-type: decimal;}
    ol li ul {margin-left: 30px!important;}
   #c493, #c494{padding-top: 0 !important;margin-top: 0px;}
   #c493, #c489{padding-bottom: 0 !important;}
   #c494{padding-bottom: 20px; !important;}
   #c496,#c495{padding: 0 !important;}
   .special_2{margin-top: -20px;}
nav ul li a {    color: #393a42;
}
  .breadcrumb ul{padding-left: 5px;}
@media screen and (min-width:1024px){
  p.top-aktuelles {margin-top: 0px !important}
 }
 #c520, #c519 {padding: 0 !important;}

#c521 {padding: 0 !important}
li.curr ul.sub a, li.curr ul.sub{opacity: 1!important;}

#top-nav > a{ 
    display: inline-block;
    width: 30px;
    height: 30px;
}
#top-nav > a img{ 
	width: 100%;
	height: 100%;
		
}	
@media screen and (max-width: 567px){
	#top-nav > a{ 
   
    width: 22px;
    height: 22px;
}
}

a {
    white-space: nowrap!important;
}
a {
    white-space: nowrap!important;
}
.granova-button h2, .remexit-button h2, .pp-deponie-button h2, .ts-verwertung-button h2{
	    margin-bottom: 7px;
}
.granova-button{
	 background: url(/fileadmin/user_upload/rx_sol_home_button_granova_de_bg.jpg) right bottom no-repeat ;
    background-size: cover;
	min-height: 220px;
}
.remexit-button{
	 background: url(/fileadmin/user_upload/rx_sol_home_button_remexit_de_bg.jpg) right bottom no-repeat ;
    background-size: cover;
	min-height: 220px;
}
.pp-deponie-button{
	 background: url(/fileadmin/user_upload/rx_sol_home_button_pp_deponie_de_bg.jpg) right bottom no-repeat ;
    background-size: cover;
	min-height: 220px;
	
}
.ts-verwertung-button{
	 background: url(/fileadmin/user_upload/rx_sol_home_button_ts_verwertung_de_bg.jpg) right bottom no-repeat ;
    background-size: cover;
	min-height: 220px;
}
@media screen and (max-width: 768px){
	.granova-button, .remexit-button, .pp-deponie-button, .ts-verwertung-button{
		min-height: 330px;
	}	
}	
@media screen and (max-width: 649px){
	.granova-button, .remexit-button, .pp-deponie-button, .ts-verwertung-button{
		min-height: 270px;
	}	
}
@media screen and (max-width: 499px){
	.granova-button, .remexit-button, .pp-deponie-button, .ts-verwertung-button{
		min-height: 200px;
	
	}	
}		
@media screen and (max-width: 345px){
	.granova-button, .remexit-button, .pp-deponie-button, .ts-verwertung-button{
		min-height: 270px;
	
	}	
}	
/********* new Nav  *************/
#header-video{
	position: relative;
}
.new-nav-gen{
	display: none;
	position: absolute;
	top: 0;
	background: rgba(75, 78, 82, 0.953);
	z-index: 12;
	width: 100%;
}
.new-nav-content{
	padding: 20px;
	padding-left: 10px;
	width: 28.536%;
}
.new-nav-content a{
	color: #fff;
	font-size: 18px;
}
.new-nav-content li{
    padding: 7px 20px;
    background: url(../images/trenner_top_nav.png) no-repeat center top;
    background-size: 100% 1px;
    position: relative;
    list-style: none;
    display: block;
}    
ul.new-nav-content ul {
    position: absolute;
    width: 100%;
    top: 0;
    padding-left: 20px;
    background-size: 1px 100%;
    margin: 0;
    left: 100%;
}
ul.new-nav-content > li:first-child{ 
	background: none;	
}	
.new-nav-content li.hassub:after {
    content: ">";
    position: absolute;
    top: 12px;
    right: -18px;
    font-size: 18px;
    font-weight: 700;
    color: #fff;
}
.new-nav-content li a{
	line-height: 1.5em;
	display: block !important;
    width: unset !important;
    height: unset !important;
    position: inherit !important;
    bottom: unset !important;
    left: unset !important;
    top: unset !important;
   /* white-space: normal !important; */
}	
.new-nav-content li.current a, .new-nav-content li.active > a, a.newnav-active{
	color: #E2001A;
}
.newnavClose{
	width: 14px;
    height: 14px;
    position: absolute;
    top: 20px;
    right: 20px;
    background: url(../images/close.png) no-repeat;
    cursor: pointer;
    z-index: 111;
}
a.newnav-active{
	    color: #E2001A;
}
@media screen and (max-width: 768px) {
  .new-nav-content{
	
	width: 35.536%;
  }
}
/*********** end new nav ************/
dd.tx-indexedsearch-text-item-path, dt.tx-indexedsearch-text-item-path {display: none;}

/**BESTELLFORMULAR NEU****/
#c535 {background-color: rgba(75, 78, 82, 0.953);
}
#c535 h1, #c535 h2, #c535 h3, #c535 h4, #c535 p, #c535 div {color: #fff !important}
#unterseite-main #c535 h2 {    line-height: 1.4em!important;
    font-size: 32px !important;}
#unterseite-main #c535 h2:nth-child(1), #c535 #bestellform-fieldset-1 {    font-size: 18px !important;background: url(../images/Trennlinie.png) no-repeat top center;
    background-size: contain;padding-top: 35px;margin-top: 40px;margin-bottom: 35px}
#c535 .row .col-xs-12.col-sm-12.col-md-12.col-lg-12 .col-xs-6.col-sm-6.col-md-6.col-lg-6 {width: 50%;float:left;    margin-bottom: 15px;}
#c535 .row .col-xs-12.col-sm-12.col-md-12.col-lg-12 .col-xs-12.col-sm-12.col-md-12.col-lg-12 {width: 100%; float: left;}
#c535 .row .col-xs-12.col-sm-12.col-md-12.col-lg-12 {width: 100%
}
#c535 .row .col-xs-12.col-sm-12.col-md-12.col-lg-12 input,#c535 .row .col-xs-6.col-sm-6.col-md-6.col-lg-6 input {max-width: 30px}
#c535 label {    line-height: 27px;
    font-size: 18px;}
    #c535 #bestellform-fieldset-1 label {display: none;}
    #c535 #bestellform-fieldset-1 input[type="text"] {width: 47%;float:left;margin-bottom: 2%;margin-right:2%}
    #c535 #bestellform-fieldset-1 .form-group #bestellform-text-11, #c535 #bestellform-fieldset-1 .form-group #bestellform-text-13, #c535 #bestellform-fieldset-1 .form-group #bestellform-text-15, #c535 #bestellform-fieldset-1 .form-group #bestellform-text-17{float: right;margin-right: 0}
    nav.form-navigation {position: inherit}
    #c535 .col-xs-12.col-sm-12.col-md-12.col-lg-12 .col-xs-12.col-sm-12.col-md-12.col-lg-12 .form-group .control-label {width: 82%;margin-right:10%}
    #c535 .form-group .control-label {float: right;
    text-align: left;
    width: 82%;margin-right:4%}
    #c535 .row .col-xs-12.col-sm-12.col-md-12.col-lg-12 .col-xs-6.col-sm-6.col-md-6.col-lg-6:nth-child(2) {float: right}
     #c535 #bestellform-radiobutton-2 label.form-check-label {display: block;}
/***BESTELLFORMULAR NEU ENDE****/
.ce-bodytext .h2-weiss {
	line-height: 1.4em!important;
    font-size: 32px;
}
/*** H2 weiß ***/

.home-categ-box h2.weiss,  {
	color: #fff;
	line-height: 30px !important;
    font-size: 25px;
}

/*** H2 grau ***/
.home-categ-box h2.grau {
	color: #56575e;
	line-height: 30px !important;
    font-size: 25px;
}

/*** H2 blau/rot ***/

.home-categ-box h2.blau {
	line-height: 30px !important;
    font-size: 25px;
    color: #0074bc;
}

.home-categ-box h2.rot {
	line-height: 30px !important;
    font-size: 25px;
    color: #e2001a;
}

/*** H3 weiß ***/
.home-categ-box h3.weiss {
	color: #fff;
	line-height: 30px !important;
    font-size: 25px;
    font-weight: normal;
}
/*** H3 grau ***/
.home-categ-box h3.grau {
	color: #56575e;
	line-height: 30px !important;
    font-size: 25px;
    font-weight: normal;
}
.home-categ-box.arbeitshilfe h4.weiss {
	margin-bottom: 0px;
}
/*** H3 blau/rot ***/
.home-categ-box h3.blau {
	line-height: 30px !important;
    font-size: 25px;
    color: #0074bc;
    font-weight: normal;
}
.home-categ-box h3.rot {
	line-height: 30px !important;
    font-size: 25px;
    color: #e2001a;
    font-weight: normal;
}

/*** H4 weiß ***/
.home-categ-box h4.weiss {
	color: #fff;
	font-size: 24px !important;
    margin-bottom: 7px;
    line-height: 30px !important;
    font-weight: normal;
}

/*** H4 grau ***/
.home-categ-box h4.grau {
	color: #56575e;
	font-size: 24px !important;
    margin-bottom: 7px;
    line-height: 30px !important;
    font-weight: normal;
}

/*** H4 blau/rot ***/
.home-categ-box h4.blau {
	color: #0074bc;
	font-size: 24px !important;
    margin-bottom: 7px;
    line-height: 30px !important;
    font-weight: normal;
}
.home-categ-box h4.rot {
	font-size: 24px !important;
    margin-bottom: 7px;
    line-height: 30px !important;
    color: #e2001a;
    font-weight: normal;
}
 #kontakt-widget-form .powermail_fieldwrap .h2-weiss, #wrapper #kontakt-widget-form .powermail_fieldwrap_einleitung p {
	margin-bottom: 30px !important;
}
p.h2-weiss {
    line-height: 1.4em!important;
    font-size: 32px !important;
}
#c488 .flexslider{
	margin: 0 !important;
}


/*********************** Bestellformular neu david ***********************/



.powermail_fieldwrap_ihrenachricht .col-sm-10:after {
    content: "";
    display: block;
    position: absolute;
    top: 30px;
    left: -60px;
    width: 0;
    border-width: 50px 80px 0;
    border-style: solid;
    border-color: #fff transparent;
    z-index: 0;
}

form .containter-form {
  display: flex;
  flex-wrap: wrap; }
  form .containter-form * {
    box-sizing: border-box; }
  form .containter-form .col-md-12,
  form .containter-form .col-md-6 {
    margin-left: 0;
    margin-right: 0; }
  form .containter-form .col-md-12 {
    width: 100%; }
  form .containter-form .col-md-6 {
    width: 50%; }
    @media (max-width: 1000px) {
      form .containter-form .col-md-6 {
        width: 100%; } }
  form .containter-form .section-divider {
    margin-top: 20px; }
  form .containter-form .small-input {
    position: relative; }
    @media (max-width: 1000px) {
      form .containter-form .small-input {
        height: auto !important; } }
    form .containter-form .small-input label {
      display: block;
      padding-left: 55px;
      width: 355px;
      line-height: 27px;
      font-size: 18px; }
      @media (max-width: 1000px) {
        form .containter-form .small-input label {
          width: auto !important;
          word-break: break-word; } }
    form .containter-form .small-input input {
      position: absolute;
      top: 0;
      left: 0;
      width: 41px;
      text-align: center; }
  form .containter-form .powermail_fieldwrap_captcha input[type=text] {
    display: block;
    width: 99%;
    margin-bottom: 15px; }
  form .containter-form .powermail_fieldwrap_type_textarea:not(.small-input) label,
  form .containter-form .powermail_fieldwrap_type_input:not(.small-input) label {
    display: none; }
  @media (max-width: 1000px) {
    form .containter-form .powermail_fieldwrap_type_textarea:not(.small-input) input,
    form .containter-form .powermail_fieldwrap_type_textarea:not(.small-input) textarea,
    form .containter-form .powermail_fieldwrap_type_input:not(.small-input) input,
    form .containter-form .powermail_fieldwrap_type_input:not(.small-input) textarea {
      width: 100%; } }
  form .containter-form .powermail_fieldwrap_type_radio > label {
    display: none; }
  form .containter-form .powermail_fieldwrap_type_radio .radio {
    margin-top: 0; }

form .containter-form .powermail_fieldwrap_type_radio > label {
    display: none; }
  form .containter-form .powermail_fieldwrap_type_radio .radio {
    margin-top: 0;
    position: relative; }
    form .containter-form .powermail_fieldwrap_type_radio .radio label {
      padding-left: 30px; }
    form .containter-form .powermail_fieldwrap_type_radio .radio input {
      display: none; }
    form .containter-form .powermail_fieldwrap_type_radio .radio span {
      position: absolute;
      top: 0;
      left: 0;
      display: block;
      background-color: white;
      border-radius: 50%;
      width: 24px;
      height: 24px; }
    form .containter-form .powermail_fieldwrap_type_radio .radio input:checked + span:after {
      position: absolute;
      top: 50%;
      left: 50%;
      display: block;
      content: '';
      transform: translate(-50%, -50%);
      width: 8px;
      height: 8px;
      background-color: rgba(75, 78, 82, 0.953);
      border-radius: 50%; }


.powermail_fieldwrap_granovarreferenzstrassenbaua61 label, .powermail_fieldwrap_granovarreferenzstrassenbaul585n label,
.powermail_fieldwrap_granovarreferenzlaermschutz label, .powermail_fieldwrap_granovarreferenzbetonzuschlag label, 
{
        width: 260px!important;
}
.powermail_fieldwrap_granovarreferenceroadworksa61 label, .powermail_fieldwrap_granovarreferenceroadworksl585n label,
.powermail_fieldwrap_granovarreferencenoiseprotection label
{
        width: 220px!important;
}

.powermail_fieldwrap_granovarreferenceaggregatesforconcrete label{
        width: 245px!important;
}

#c163 > div > div > form > fieldset > div > div.powermail_fieldwrap.powermail_fieldwrap_type_content.powermail_fieldwrap_marker_01.col-md-12.form-group,
#c437{
    margin-top: 40px !important;
}
@media screen and (max-width: 640px){
	#unterseite-main #c163, #unterseite-main #c605, #unterseite-main #c606 {padding: 0px !important}
}
#c324, #c324 .tx-powermail, #c324 .powermail_create {
	line-height: 1.5em;
	color: #fff;
    font-weight: normal;
    font-size: 18px;
}
#c324 .tx-powermail {
	padding-bottom: 60px;
}
#c324 .powermail_create p {
	margin-bottom: 0px !important;
}
#c45 p, #c15 p, #c625 p {
    margin-bottom: 20px!important;}
    #c15 p.section-divider, #c45 p.section-divider, #c625 p.section-divider {
    margin-top: 40px!important;
    margin-bottom: 40px!important;}
    @media only screen and (max-width: 598px) {
.top-header-right {
    display: none;
}
}
@media screen and (max-width: 500px) {
#wrapper .firma, .top-header-right {
    display: none !important;
}
}
.presse a {
	white-space: inherit!important
}
#c445 .tx-powermail {
	position: relative;
}
#c444 .tx-powermail {
	position: relative;
}
 .goback {
	background-color: transparent;
    border: none !important;
        position: absolute;
    right: 17px;
    top: 22px;
    cursor: pointer;
 }
  .goback:focus {outline: none;}
  @media screen and (max-width: 500px) {
.logo {
    height: 35px;
    padding-right: 22px;
}
.logo img {
    width: 100%;
    height: 100%;
}}
#unterseite-main .col_12 h2.wie_h4 {
	    color: #56575e;
    margin-bottom: 0;
    line-height: 1.5em !important;
    font-size: 18px;
    font-weight: bold;
    margin-top: 37px;
}
#unterseite-main .col_12 p.no-top-margin {
	    margin-top: 0px !important;
}