.wrapper-footer {
    flex: 0;
    background: url(../Images/footer_waermeplanung.jpg) no-repeat;
    background-size: cover;
}
.content-header {
    background: url(../Images/footer_waermeplanung.jpg) repeat-y;
}
body#seite-322 [class*=col-12].gray {
    padding:4rem 0;
}
.gray .ce-intext .ce-gallery {width: 80%;}
.gray .ce-intext .ce-gallery .image {background:#fff; padding:3rem 2rem;}
.gray .ce-intext.ce-nowrap > .ce-bodytext {
	width: 45%; 
	background-image: linear-gradient(top, transparent 30px,rgba(235,120,38,1) 30px, rgba(235,120,38,1) 100%);
    background-image: -webkit-linear-gradient(top, transparent 30px,rgba(235,120,38,1) 30px, rgba(235,120,38,1) 100%);
    background-image: -moz-linear-gradient(top, transparent 30px,rgba(235,120,38,1) 30px, rgba(235,120,38,1) 100%);
    background-image: -ms-linear-gradient(top, transparent 30px,rgba(235,120,38,1) 30px, rgba(235,120,38,1) 100%);
    background-image: -o-linear-gradient(top, transparent 30px,rgba(235,120,38,1) 30px, rgba(235,120,38,1) 100%);
	color:#fff; 
	padding:3rem 2rem 0 2rem;
	position:relative;
	margin:0 0 0 auto;
	top:-8rem;
	right:3rem;
	}
#c2053 .ce-intext.ce-nowrap > .ce-bodytext { top:-6rem; }	
.gray .ce-intext.ce-nowrap > .ce-bodytext:before {
        content: "";
        position: absolute;
        top: -1rem;
        transform: translateX(-50%);
        left: 50%;
        z-index: 10;
        border: solid 25px transparent;
        border-bottom-color: #eb7826;
    }	
.menu > ul > li > .menu-wrap {
    display: none;
    background: url(../Images/nav_bg_2.png) no-repeat;
    width: 100%;
    padding: 5rem 18%;
    position: absolute;
    z-index: -1;
    left: 0;
    top: 1rem;
    margin: 0;
    list-style: none;
    box-sizing: border-box;
    -webkit-box-shadow: 0 5px 9px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 5px 9px rgba(0, 0, 0, 0.3);
    box-shadow: 0 5px 9px rgba(0, 0, 0, 0.3);
}
.menu > ul > li {
    float: left;
    background: #3a3537;
	border-right:1px solid #fff;
    padding: 0;
    margin: 0;
	width:100%;
	max-width:310px;
	cursor:pointer;
}
.menu > ul > li.main-active { background:#eb7826;}
.menu > ul > li > a {
    padding: 1em .5em 10px .5em;
    border-bottom: 10px solid transparent;
}
.menu > ul > li:hover a{
    color:#fff;
	border-bottom:10px solid #fff;	
}

.menu > ul > li:hover {
    background: #eb7826; 
}
.iconbar {display:none}

.scrollToTop {
  background: #3A3537;
}
.scrollToTop > a:hover, 
.scrollToTop > a:focus, 
.scrollToTop > a:active {
      background: #fff;
      color: #3A3537;
	  }
	
h1 {
    font-size: 1.75rem;
    line-height: 2.5rem;
    color: #eb7826;
    font-weight: 700;
}
h2, h3 {color: #eb7826;}
h3 {margin-bottom: 0.5rem;}

a {
    color: #eb7826; 
    text-decoration: none;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
a.btn-orange { background:#eb7826; color:#fff; display:inline-block; padding:10px 2rem; margin-top:1rem; }
a.btn-orange:before {
    content: "\f061";
    font-family: 'FontAwesome';
    padding-right: 0.5rem;
}
.text-orange {color: #eb7826;}

/*Download*/
body#seite-322 .gray .frame {border-bottom:1px solid #3a3537; margin-bottom:1rem;}
body#seite-322 a.btn-orange { background:#eb7826; color:#fff; display:inline-block; padding:10px 2rem; margin-top:0; }

.jpfaqList > li {
    list-style: none;
    margin: 0 0 20px 0;
    padding:0 0 1rem 0 !important;
	border-bottom:1px solid #3a3537;
}
.jpfaqList h3 {
    font-size: 1.333rem;
    line-height: 1.875rem;
    color: #eb7826;
    font-weight: 600;
}
.jpfaqList > li h3.toggleTrigger {
    background: url(../Images/plus_faq.png) no-repeat right center;
    padding-left: 0;
    margin-bottom: 3px;
    cursor: pointer;
}
.jpfaqList > li h3.questionUnfolded {
    background: url(../Images/minus_faq.png) no-repeat right center;
}
.tx-jpfaq .jpfaqShowAll, .tx-jpfaq .jpfaqHideAll {
    background: none;
    padding-left: 0;
    cursor: pointer;
}
ul.jpfaqList {
    padding-left:0 !important;
}

.news a.more {
    background: #eb7826;
    border: 1px solid #eb7826;
    color: #fff;
    padding: 8px 1rem;
    display: inline-block;
}
.news .footer {padding-bottom:0.5rem; border-top: 0.063rem solid #9799a0;  margin-bottom:1rem; }
.news .footer.f-1{ border-top:0; border-bottom:0;}
.news .footer p {
    margin-bottom: 0;
    text-align: left;
}
.news-related-wrap {
    border:0;
}
.news a.more:hover {background:#fff; border:1px solid #eb7826; color:#eb7826; padding:8px 1rem;}
.news-backlink-wrap-archiv {display:none;}
.news-single .article .news-img-wrap .outer { margin-bottom: 0;}

/*Iconbar*/	
.frame-type-cols_7 {    
    position: relative;
    z-index: 1;
    max-width: 1280px;
    margin: -6rem auto 4rem auto;}
	
[class*=col-2] {
    width: 16.66667%;
}
.blue [class*=col-2] {
    background: #eb7826;
    border: 1px solid #fff;
    color: #fff;
    padding: 0;
}
.blue [class*=col-2] .ce-gallery {padding:1rem 1.5rem;}

.frame-layout-710 .ce-textpic, 
.frame-layout-720 .ce-textpic{
    box-sizing: border-box;
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 0;
}
.frame-layout-710 .ce-gallery, 
.frame-layout-720 .ce-gallery{
    display: inline-block;
    float: none;
    clear: both;
}
.frame-layout-710 .ce-gallery .ce-row:nth-child(2){ display:none; }
.frame-layout-720 .ce-gallery .ce-row:nth-child(1){ display:none; }


.frame-layout-710 .ce-bodytext,
.frame-layout-720 .ce-bodytext{
    display: inline-block;
    float: none;
    clear: both;
	padding-top:10px;
	padding-left:2rem;
}
.frame-layout-720 .ce-bodytext{color:#eb7826; }
.frame-layout-710 .ce-bodytext p, 
.frame-layout-720 .ce-bodytext p{ margin-bottom:0.5rem;}

@media (max-width: 800px) {
.gray .ce-intext .ce-gallery {width: 100%;}
.gray .ce-intext.ce-nowrap > .ce-bodytext {width: 80%; top: -5rem; right:0;}
.blue [class*="_md-4"] {width: 16.66667%;}
.menu > ul > li {width: 100%;max-width: 100%;}
}

@media (max-width: 600px) {
.blue [class*="_sm-6"] {width: 33.33333%;}
.blue [class*=col-2] .ce-gallery {padding:10px 1rem;}
.frame-type-cols_7 {
  position: relative;
  z-index: 1;
  max-width: 1280px;
  margin: -4rem auto 4rem auto;
}
}

@media (max-width: 576px) {	
.frame-layout-710 .ce-gallery img, 
.frame-layout-720 .ce-gallery img{ max-height:4rem; }
.frame-layout-710 .ce-bodytext,
.frame-layout-720 .ce-bodytext{
    display: inline-block;
    float: none;
    clear: both;
	padding-top:0;
	padding-left:2rem;
	padding-bottom:2rem;
}
.gray .ce-intext.ce-nowrap > .ce-bodytext {width: 100%; top: -5rem; right:0;}
}
@media (max-width: 480px) {	
.wrapper-footer {
    flex: 0;
    background: url(../Images/footer_waermeplanung_480.jpg) no-repeat;
    background-size: contain;
}
}