/* Stylesheet Klimaholzhaus 2020
	 @updated 2021-02-12 by Thomas Jirasko

	Fonts:
  font-family:'Frutiger LT W01_55 Roma1475738';
  font-family:'Frutiger LT W01_65 Bold1475746'; */

/* Breakpoints: 640 / 960 / 1200 / 1600 */

/* Basis */
body { font-family:'Frutiger LT W01_55 Roma1475738', sans-serif; font-size: 21px; color: #38342A; }
h1 { color: #000; font-size: 40px; font-family:'Frutiger LT W01_55 Roma1475738', sans-serif; margin: 0 0 30px 0; }
h2 { color: #008051; font-size: 24px; font-family:'Frutiger LT W01_65 Bold1475746', sans-serif; text-transform: uppercase; margin: 0 0 5px 0; }
h3 { color: #000; font-size: 40px; font-family:'Frutiger LT W01_55 Roma1475738', sans-serif; margin: 0 0 30px 0; }
h4 { color: #38342a; font-size: 28px; font-family:'Frutiger LT W01_55 Roma1475738', sans-serif; margin: 0 0 20px 0; }
h5 { color: #000; font-size: 18px; font-family:'Frutiger LT W01_65 Bold1475746', sans-serif; text-transform: uppercase; margin: 0 0 15px 0; }
h6 { color: #000; font-size: 26px; font-family:'Frutiger LT W01_55 Roma1475738', sans-serif; margin: 0 0 15px 0; }
.khh-inhalt{background-color:#fff;}
.khh-inhalt .spalten .csc-frame > ul { margin: 0 0 20px 0; padding: 0; }
.khh-inhalt .spalten .csc-frame > ul li { list-style: none; padding: 0 0 10px 30px; position: relative; }
.khh-inhalt .spalten .csc-frame > ul li::before { content: ' '; width: 10px; height: 10px; position: absolute; left: 0; top: 6px; background-color: #008051; }
.khh-kleiner-text p { font-size: 15px; }
.khh-kleiner-text ul li { font-size: 15px; }
.text-small { font-size: 15px; }

@media only screen and (max-width: 959px) {
	body { font-size: 16px; }
	h1 { font-size: 28px; margin: 0 0 20px 0; }
	h2 { font-size: 18px; margin: 0 0 12px 0; }
	h3 { font-size: 28px; margin: 0 0 20px 0; }
	h4 { font-size: 20px; margin: 0 0 20px 0; }
	h5 { font-size: 16px; margin: 0 0 12px 0; }
	h6 { font-size: 20px; margin: 0 0 12px 0; }
}

/* Individuelle Anpassungen */
.csc-frame { display: inline-block; width: 100%; }
#c7116 p.bodytext { margin-top: 25px; }

/* UiKit Anpassungen */
.uk-button-primary { text-transform: none; color: #fff; background-color: #008051; }
.uk-button-secondary { text-transform: none; color: #fff; background-color: #38342A; }

@media only screen and (max-width: 640px) {
	.uk-container { padding-left: 40px; padding-right: 40px; }
}
@media only screen and (min-width: 640px) {
	.uk-container { padding-left: 40px; padding-right: 40px; }
}
    
/* Kopf-Navigation */
.khh-kopf-navi { min-height: 129px; background-color: #fff; padding: 0 0 0 0; transition: all 0.5s ease-in-out; }
.khh-kopf-navi a { outline: none; }
.khh-kopf-navi.uk-active { -webkit-box-shadow: 0px 0px 15px 0px rgba(50, 50, 50, 0.75); -moz-box-shadow: 0px 0px 15px 0px rgba(50, 50, 50, 0.75); box-shadow: 0px 0px 15px 0px rgba(50, 50, 50, 0.75); }
.khh-kopf-navi .uk-container { padding-top: 35px; }
.khh-hauptnavi { margin: 17px 70px 0 0; text-align: center; }
.khh-hauptnavi ul { margin: 0; padding: 0; }
.khh-hauptnavi ul li { display: inline-block; list-style: none; }
.khh-hauptnavi ul li a { font-family:'Frutiger LT W01_65 Bold1475746', sans-serif; font-size: 16px; text-decoration: none; color: #000; margin: 0 15px; text-transform: uppercase; display: inline-block; }
.khh-hauptnavi ul li.act a,
.khh-hauptnavi ul li a:hover { color: #008051; }
.khh-logo { max-width: 220px; margin-top: 8px; }
.khh-navi-haus { cursor: pointer; margin: 13px 0 0 0; }
.khh-navi-haus .khh-navi-haus-icon { width: 45px; margin: 0; }
.khh-navi-haus a .khh-navi-haus-text { font-size: 9px; font-family:'Frutiger LT W01_65 Bold1475746', sans-serif; margin: 0; padding: 0; color: #000; text-decoration: none; }
.khh-navi-haus:hover a { text-decoration: none; }
.khh-navi-haus:hover a .khh-navi-haus-text { color: #008051; }
.khh-kopf-sprache { width: 22px; display: inline-block; margin: 0 0 0 20px; }
.khh-sprachmenu { min-width: auto; border-radius: 5px; text-align: center; padding: 0; }
.khh-sprachmenu ul { margin: 10px 20px; padding: 0; display: block; max-width: 60px; }
.khh-sprachmenu ul li { list-style: none; }
.khh-sprachmenu ul li.act { display: none; }
.khh-sprachmenu ul li a { font-size: 16px; color: #000; height: auto !important; }
.khh-sprachmenu ul li a:hover { color: #008051; text-decoration: none; }
.khh-kopf-suche { width: 22px; display: inline-block; margin: 19px 60px 0 0; }

@media only screen and (max-width: 1349px) {
	.khh-hauptnavi { margin-right: 50px; }
	.khh-hauptnavi ul li a { font-size: 14px; margin: 0 10px; }
	.khh-kopf-suche { width: 22px; display: inline-block; margin: 19px 40px 0 0; }
	.khh-logo { max-width: 200px; margin-top: 12px; }
}
@media only screen and (max-width: 1199px) {
	.khh-logo { max-width: 140px; margin-top: 5px; }
	.khh-kopf-suche { margin: 3px 30px 0 0; }
	.khh-hauptnavi { margin: 5px 40px 0 0; }
	.khh-navi-haus a .khh-navi-haus-text { font-size: 8px; }
	.khh-kopf-navi .uk-container { padding-top: 38px; }
	.khh-navi-haus { margin: 0; }
}
@media only screen and (max-width: 1070px) {
	.khh-navi-haus a .khh-navi-haus-text { display: none; }
}

/* Searchbar */
#suchetrigger:hover{ cursor: pointer; }
#searchbar{position:fixed;background-color:#fff;width:100%;display:none;top:100px;left:0;z-index:1764;}
#searchbar .tx-indexedsearch-searchbox{max-width:1440px;padding:30px 0;margin:auto;overflow:hidden;}
#searchbar .tx-indexedsearch-form{float:left;display:block;width:calc(80% - 70px);height:auto;}
#searchbar .tx-indexedsearch-form label{float:left;box-sizing:border-box;display:block;width:167px;font-size:1em;line-height:34px;height:auto;padding:0 19px;}
#searchbar .tx-indexedsearch-form input{box-sizing:border-box;width:calc(97% - 167px);height:34px;padding:2px 2%;font-family:'Frutiger LT W01_55 Roma1475738',sans-serif;font-size:1em;border:none;background-color:#efebe3;}
#searchbar .tx-indexedsearch-search-submit{float:left;display:block;width:20%;height:auto;}
#searchbar .tx-indexedsearch-search-submit input{width:100%;height:34px;background-color:#00834b;color:#fff;font-family:'Frutiger LT W01_55 Roma1475738',sans-serif;font-size:1em;padding:0;border:none;cursor:pointer;}
#searchbar .tx-indexedsearch-search-submit input:hover{color:#00834b;background-color:#fff;cursor:pointer;}
#searchbar .searchclose{float:right;display:block;width:70px;height:34px;background-image:url(../Img/button-close.png);background-position:top center;background-repeat:no-repeat;cursor:pointer;}
@media only screen and (max-width:767px) {
	#searchbar .tx-indexedsearch-form label{width:136px;}
	#searchbar .tx-indexedsearch-form input{width:calc(97% - 136px);}
}

/* Admin / Superadmin Navigation */
.khh-adminnavi { margin: 5px 0 0 0; text-align: center; }
.khh-adminnavi ul { margin-bottom: 0; }
.khh-adminnavi ul li { display: inline-block; list-style:none; font-size: 14px; padding: 0; }
.khh-adminnavi ul li:last-child {}
.khh-adminnavi ul li a { display: inline-block; height: 100%; padding: 5px 8px 5px 8px; color:#000; }
.khh-adminnavi ul li.no a { color: #000; }
.khh-adminnavi ul li.cur a, .khh-adminnavi ul li a:hover{ color: #00834b; text-decoration: none; }
@media only screen and (max-width: 1199px) {
	.khh-adminnavi { margin-right: 30px; }
    .khh-adminnavi ul li a { font-size: 12px; }
}

/* Mobile Navigation */
.khh-kopf-navi-mobil { background-color: #fff; }
.khh-kopf-navi-mobil .uk-grid { flex-direction: row-reverse; }
.khh-kopf-navi-mobil .uk-width-1-2 { text-align: left !important; }
.khh-kopf-navi-mobil.uk-active { -webkit-box-shadow: 0px 0px 15px 0px rgba(50, 50, 50, 0.75); -moz-box-shadow: 0px 0px 15px 0px rgba(50, 50, 50, 0.75); box-shadow: 0px 0px 15px 0px rgba(50, 50, 50, 0.75); }
#khh-mobilnavi button.uk-offcanvas-close { right: auto; left:25px; }  
#khh-mobilnavi button.uk-offcanvas-close:hover { background: none; }  
.khh-mobiltrigger { margin: 10px 30px; width: auto; }
.khh-mobil-logo { width: 200px; margin: 8px 40px 0 0; float: right !important; }
.uk-offcanvas-bar { background-color: #28231a; padding: 60px 30px 30px 30px; }
.uk-nav-default { font-size: 21px; font-family:'Frutiger LT W01_65 Bold1475746', sans-serif; }
.uk-nav-default > li > a{ text-transform: uppercase; }
.uk-nav-default > li:first-child > a{ text-transform: none; }
.uk-nav-sub { font-size: 16px; }
.uk-offcanvas-bar .uk-nav-sub li a { font-family: 'Frutiger LT W01_55 Roma1475738', sans-serif; }
.uk-offcanvas-bar .khh-mobil-navi-subs { font-size: 16px; padding: 0; margin:20px 0; }
.uk-offcanvas-bar .khh-mobil-navi-subs li { margin: 0; padding: 0; list-style: none; }
.uk-offcanvas-bar .khh-mobil-navi-subs li a { color: #999; padding: 5px 0; display: block; }
.uk-offcanvas-bar .khh-mobil-navi-subs li a:hover { color: #ccc; text-decoration: none; }
.uk-offcanvas-bar .khh-mobil-navi-subs img { width: 22px; margin-right: 15px; opacity: 0.5; }
.uk-offcanvas-bar .khh-mobil-navi-subs li a:hover img { opacity: 0.8; }
.uk-offcanvas-bar .khh-mobil-navi-lang { padding: 0; margin: 10px 0; font-size: 16px; font-family: 'Frutiger LT W01_55 Roma1475738', sans-serif; }
.uk-offcanvas-bar .khh-mobil-navi-lang li { display: inline-block; }
.uk-offcanvas-bar .khh-mobil-navi-lang li a { display: block; padding: 5px 15px 5px 0; opacity: 0.5; text-decoration: none; }
.uk-offcanvas-bar .khh-mobil-navi-lang li a:hover { opacity: 1; }

/* Mega-Layer Navigation */
.khh-megalayer { background-color: #f7f5f2; width: 100%; left: 0 !important; top: 129px !important; text-align: left; transition: all 0.5s ease-in-out; max-height: calc(100vh - 129px); overflow-y: auto; -webkit-box-shadow: 0px 10px 10px 0px rgba(50, 50, 50, 0.25); -moz-box-shadow: 0px 10px 10px 0px rgba(50, 50, 50, 0.25); box-shadow: 0px 10px 10px 0px rgba(50, 50, 50, 0.25); }
.khh-kopf-navi.uk-active .khh-megalayer { -webkit-box-shadow: 0px 10px 10px 0px rgba(50, 50, 50, 0.25); -moz-box-shadow: 0px 10px 10px 0px rgba(50, 50, 50, 0.25); box-shadow: 0px 10px 10px 0px rgba(50, 50, 50, 0.25); }
.khh-megalayer p { font-size: 16px; text-transform: none; margin: 0; color: #161411; margin-right: 30px; font-family:'Frutiger LT W01_55 Roma1475738', sans-serif; line-height: 16px; margin-bottom: 7px; }
.khh-megalayer h3 { font-size: 18px; text-transform: uppercase; font-family:'Frutiger LT W01_65 Bold1475746', sans-serif; color: #28231a; margin: 0; margin-right: 30px; line-height: 20px; }
.khh-megalayer .khh-megalayer-innerwrap { margin: 0 0 40px 0; }
.khh-hauptnavi ul li .khh-megalayer a {  margin: 0 0 0 0; height: auto; display: block; }
.khh-megalayer-white { background-color: #fff; }
.khh-megalayer a:hover p { color: #008051; }
.khh-megalayer a:hover h3 { color: #008051; }
.khh-megalayer .uk-container { padding-left: 25px; padding-right: 25px; max-width: 1430px; }
@media only screen and (max-width: 1280px) {
	.khh-megalayer p { font-size: 13px; margin-right: 0; }
	.khh-megalayer h3 { font-size: 15px; margin-right: 0; }
}
@media only screen and (max-width: 1199px) {
	.khh-megalayer p { font-size: 10px; margin-right: 0; }
	.khh-megalayer h3 { font-size: 12px; margin-right: 0; }
	.khh-megalayer .khh-megalayer-innerwrap { margin: 0 0 20px 0; }
	.khh-megalayer .uk-container { padding-left: 25px; padding-right: 25px; }
}

/* Haus-Modal */
#khh-navi-haus-modal { background-color: #28231a; outline: none; }
#khh-navi-haus-modal .khh-navi-haus-modal-bar { margin-top: 35px; }
#khh-navi-haus-modal h2 { font-size: 24px; text-transform: uppercase; color: #fff; margin-bottom: 15px; }
#khh-navi-haus-modal p { font-size: 21px; color: #fff; margin-top: 20px; }
#khh-navi-haus-modal img { cursor: pointer; }
#khh-navi-haus-modal .uk-button-primary { height:40px; font-size: 21px; margin-top: 20px; font-family:'Frutiger LT W01_55 Roma1475738', sans-serif; }
#khh-navi-haus-modal .uk-button-primary:hover { color: #008051; background-color: #fff; }
#khh-navi-haus-modal .khh-navi-haus-modal-close { color: #fff; font-family:'Frutiger LT W01_55 Roma1475738', sans-serif; font-size: 24px; text-transform: uppercase; background-image: url("../Img/khh-haus-modal-close.png"); background-repeat: no-repeat; background-size: 33px; background-position: left; height: 33px; padding: 0 0 0 50px; cursor: pointer; }
@media only screen and (max-width: 1599px) {
	#khh-navi-haus-modal .uk-margin-xlarge-top { margin-top: 70px !important; }
}
@media only screen and (max-width: 1199px) {
	#khh-navi-haus-modal h2 { font-size: 20px; }
	#khh-navi-haus-modal p { font-size: 14px; color: #fff; }
	#khh-navi-haus-modal .uk-button-primary { font-size: 14px; margin-top: 0; margin-bottom: 20px; }
	#khh-navi-haus-modal .khh-navi-haus-modal-close { font-size: 16px; height: 20px; padding: 0 0 0 40px; }
}

/* Kopfelement */
.khh-kopfelement-text { padding-bottom: 250px; }
.khh-kopfelement-bild { margin-top: -150px; }
@media only screen and (max-width: 959px) {
  .khh-kopfelement-text { padding-bottom: 150px; }
  .khh-kopfelement-bild { margin-top: -100px; }
}

/* Inhalts-Blöcke */
.khh-hg-lines { background-image: linear-gradient(45deg,#E9E3DC 16.67%, #ffffff 16.67%, #ffffff 50%, #E9E3DC 50%, #E9E3DC 66.67%, #ffffff 66.67%, #ffffff 100%); background-size: 4px 4px; }
.khh-bigmargin { margin-bottom: 130px !important; margin-top: 130px !important; }

/* Bild-Text Element */
.csc-textpic-above .csc-textpic-text { padding-top: 20px; }

/* Slider */
.khh-slider-nav { background-color: rgba(255,255,255,0.6); padding: 15px 20px; }
.khh-slider-nav svg { color: #008051; }

/* Sliderband (3-spalten) */
.spalten .sliderband { overflow: hidden; }
.spalten .sliderband > div{ margin:0 -40px; }
.spalten .sliderband img { max-height: 200px; width: auto; height: 100%; }
.spalten .sliderband .uk-grid { margin-left: -10px; }
.spalten .sliderband .uk-grid > *{ padding-left: 10px; }

/* Detail-Pages Back Link */
p.detail-back-link{margin-bottom:0;}
p.detail-back-link a{color:#000;font-family:'Frutiger LT W01_55 Roma1475738',sans-serif;font-size:100%;font-weight:400;margin-bottom:50px;display:inline-block;}
p.detail-back-link a img{width:21px;margin-right:15px;}

/* Footer */
#khh-footer { clear:both; background-color: #28231a; padding: 60px 0 30px 0; }
#khh-footer ul { margin: 0; padding: 0; }
#khh-footer ul li { margin: 0 0 15px 0; list-style: none; font-size: 14px; color: #fff; }
#khh-footer ul li:first-of-type { font-family:'Frutiger LT W01_65 Bold1475746', sans-serif; font-size: 16px; text-transform: uppercase; min-height: 55px; }
#khh-footer ul li a { color: #fff; text-decoration: none; display: block; outline: none; }
#khh-footer ul li.act a, 
#khh-footer ul li a:hover { color: #008051; }
#khh-footer div nav:nth-of-type(2) { margin-top: 50px; }

/* Footerband */
#khh-footerband { background-color: #fff; padding: 15px 0; font-size: 14px; }
#khh-footerband > div{ white-space: nowrap; }
#khh-footerband ul { margin: 0; padding: 0; }
#khh-footerband ul li { list-style: none; display: inline-block; margin-right: 10px; }
#khh-footerband ul li a { color: #38342A; font-family:'Frutiger LT W01_55 Roma1475738', sans-serif;}
#khh-footerband ul li a:hover { text-decoration: underline; }
#khh-footerband img { max-height: 35px; height: 100%; width: auto; padding:0 5px;}
@media only screen and (max-width: 959px) {
	#khh-footerband { padding: 15px 0 70px 0; }
}

/* YouTube responsiv */
.responsiveVideo { position: relative; padding-bottom: 56.25%; margin-top: 5px; padding-top: 0; height: 0; overflow: hidden; }
.responsiveVideo iframe, .responsiveVideo object, .responsiveVideo embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/* CTA */
#cta-elemente { position: fixed; right: 0; top: 220px; z-index: 940; }
.cta-element { width: 60px; height: 60px; margin: 0 0 10px 5px; transition: all 0.5s ease-in-out; text-align: center; cursor: pointer; }
.cta-element:hover { width: 65px; margin-left: 0; }
.cta-element img { margin: 9px; width: 42px; }
#cta1 { background-color: #008051; }
#cta2 { background-color: #38342A; }
#cta3 { background-color: #DDDAD7; }
#cta4 { background-color: #A5947F; display: none; }
.cta-modal { z-index: 950; position: fixed; top: 130px; right: 100px; width: 650px; height: auto; max-height: calc(100vh - 250px); padding: 50px 80px; overflow-y: auto; color: #fff; }
.cta-modal p { color: #fff; font-size: 15px; }
.cta-modal h2 { color: #fff; font-size: 24px; font-family:'Frutiger LT W01_55 Roma1475738', sans-serif; text-transform: none; margin: 0 0 20px 0; }
.cta-modal h3 { color: #fff; font-size: 18px; font-family:'Frutiger LT W01_65 Bold1475746', sans-serif; text-transform: uppercase; margin: 0 0 5px 0; }
.cta-modal form p { margin: 5px 0 0 0; }
.cta-modal button:hover { background: none; }
.cta-modal button:hover svg { color: #fff; }
#cta3-modal p { color: #333; }
#cta3-modal h2 { color: #333; }
#cta3-modal h3 { color: #333; }
#cta3-modal form p { margin: 5px 0 0 0; }
#cta1-modal { background-color: #008051; }
#cta2-modal { background-color: #38342A; }
#cta3-modal { background-color: #DDDAD7; }
#cta4-modal { background-color: #A5947F; }
#cta1-modal::after { content: " "; width: 36px; height: 36px; position: fixed; right: 64px; top: 220px; background-image: url('../Img/khh-cta-1.png'); }
#cta2-modal::after { content: " "; width: 36px; height: 36px; position: fixed; right: 64px; top: 290px; background-image: url('../Img/khh-cta-2.png'); }
#cta3-modal::after { content: " "; width: 36px; height: 36px; position: fixed; right: 64px; top: 360px; background-image: url('../Img/khh-cta-3.png'); }
#cta4-modal::after { content: " "; width: 36px; height: 36px; position: fixed; right: 64px; top: 430px; background-image: url('../Img/khh-cta-4.png'); }
.cta-modal .khh-modal-events a { color: #008051; text-decoration: none; }
.cta-modal .uk-grid-divider.khh-modal-events>:not(.uk-first-column)::before { border-left: 1px solid #333; }
@media only screen and (max-width: 1499px) {
    .cta-element { width: 40px; height: 40px; }
    .cta-element:hover { width: 45px; margin-left: 0; }
    .cta-element img { margin: 5px; width: 30px; }
}
@media only screen and (max-width:959px) {
	#cta-elemente { right: auto; top: auto; bottom: 0; left: calc(50% - 108px); background-color: #fff; padding: 5px; -webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.2); box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.2); }
	.cta-element { height: 48px; width: 48px; margin: 0; display: inline-block; }
	.cta-element:hover { height: 48px; width: 48px; margin-left: 0; }
	.cta-element img { margin: 7px; width: 34px; }
	.cta-modal { z-index: 1010; top: 0; right: 0; width: calc(100vw - 100px); height: calc(100vh - 100px); max-height: 100vh; padding: 50px 50px; }
    #cta1-modal::after, #cta2-modal::after, #cta3-modal::after,	#cta4-modal::after{ content: none; }
}

/* CTA Formular (Powermail) */
.cta-modal .tx-powermail{width:100%;max-width:100%;}
.cta-modal .tx-powermail *{box-sizing:border-box;}
.cta-modal .tx-powermail form h3{display:none;}
.cta-modal a{color:#fff;}
.cta-modal .tx-powermail .powermail_fieldset .powermail_field{margin:0 0 15px;float:none;}
.cta-modal .tx-powermail .powermail_fieldwrap{display:flex;flex-wrap:wrap;}
.cta-modal .tx-powermail .powermail_fieldwrap .powermail_label{width:25%;font-size:15px;margin-top:6px;color:#fff;}
.cta-modal .tx-powermail .powermail_fieldwrap .powermail_field{width:75%;padding-left:15px;}
.cta-modal .tx-powermail .powermail_fieldset .powermail_field .powermail_input,
.cta-modal .tx-powermail .powermail_fieldset .powermail_field .powermail_textarea{padding:0 8px;background-color:#fff;height:30px;font-size:.875rem;}
.cta-modal .tx-powermail .powermail_fieldset .powermail_field .powermail_textarea{min-height:100px;padding:5px 8px;}
.cta-modal .tx-powermail .powermail_field .checkbox.parsley-error input,
.cta-modal .cta-modal-form input[type=checkbox].input-error{box-shadow:0 0 4px -4px #ff0000;}
.cta-modal .tx-powermail .powermail_field .checkbox label{color:#fff;font-size:15px;}
.cta-modal .tx-powermail .powermail_field .checkbox label input{position:absolute;}
.cta-modal .cta-modal-form .button-fieldwrap{margin-bottom:25px;}
.cta-modal .cta-modal-form .button-fieldwrap span.ajax-loader{display:inline-block;margin-left:10px;height:34px;font-size:15px;line-height:18px;color:#fff;vertical-align:middle;}
.cta-modal .cta-modal-form .button-fieldwrap span.ajax-loader img{display:block;height:100%;width:34px;}
.cta-modal .tx-powermail .powermail_fieldwrap_type_submit{display:block;}
.cta-modal .tx-powermail .powermail_fieldwrap_type_submit .powermail_field{width:100%;padding-left:0;}
.cta-modal .tx-powermail .powermail_fieldwrap_type_submit .powermail_field .powermail_submit{background-color:#38342A;color:#fff;height:auto;padding:0 30px;font-size:.875rem;line-height:38px;transition:.1s ease-in-out;transition-property:all;transition-property:color,background-color,border-color;}
.cta-modal .tx-powermail .powermail_fieldwrap_type_submit .powermail_field .powermail_submit:hover{background-color:#000;color:#fff;}
.cta-modal .tx-powermail .powermail_fieldset .powermail_field .powermail_input.parsley-error,
.cta-modal .tx-powermail .powermail_fieldset .powermail_field .powermail_textarea.parsley-error,
.cta-modal .cta-modal-form input.input-error{border-bottom:2px solid #ff0000;}
.cta-modal .cta-modal-form .parsley-errors-list{margin-top:7px;}
.cta-modal .tx-powermail .parsley-errors-list li,
.cta-modal .cta-modal-form .parsley-errors-list li{color:#fff;font-size:15px;}
.cta-modal .tx-powermail .parsley-errors-list li::before,
.cta-modal .cta-modal-form .parsley-errors-list li::before{content:'→ ';font-family:'Frutiger LT W01_55 Roma1475738',sans-serif;color:#fff;font-size:20px;}
.cta-modal .cta-modal-form .error-message{margin-bottom:20px;}
.cta-modal .cta-modal-form .error-message.hidden{display:none;}

#cta2-modal .tx-powermail .powermail_fieldset{padding:0;margin:0;}
#cta2-modal .powermail_fieldwrap_datenverarbeitung _cta_modal_2> label.powermail_label{visibility:hidden;}
#cta2-modal .powermail_fieldwrap_buttons{clear:both;}
#cta2-modal .powermail_fieldwrap_buttons > .powermail_field{margin-left:25%;}
#cta2-modal .powermail_fieldwrap_buttons > .powermail_field button:first-child{margin-right:15px;}
#cta2-modal .powermail_fieldwrap_name_cta_modal_2,
#cta2-modal .powermail_fieldwrap_e_mail_cta_modal_2,
#cta2-modal .powermail_fieldwrap_datenverarbeitung_cta_modal_2{display:none;}

@media only screen and (max-width:767px) {
	#cta2-modal .powermail_fieldwrap_datenverarbeitung_cta_modal_2 > label.powermail_label{display:none;}
	#cta2-modal .powermail_fieldwrap_datenverarbeitung_cta_modal_2 > .powermail_field{padding-left:0;width:100%;}
	#cta2-modal .powermail_fieldwrap_buttons > .powermail_field{margin-left:0;padding-left:0;width:100%;}
}

/* Box - Action Button */
.khh-box-link { display: inline-block; position: relative; }
.khh-box-inline { display: inline-block; }
.khh-box { display: inline-block; max-width: 160px; position: relative; font-family:'Frutiger LT W01_65 Bold1475746', sans-serif; text-align: left; border: 3px solid rgba(255,255,255,0); }
.khh-box.khh-gruen:hover { border: 3px solid #008051; }
.khh-box-bild { width: 100%; height: auto; }
.khh-box-text { text-transform: uppercase; position: absolute; top: 15px; left: 15px; width: calc(100% - 30px); color: #000; font-size: 15px; }
.khh-box.khh-gruen .khh-box-text { color: #fff; }
.khh-box.khh-gruen:hover .khh-box-text { color: #000; }
.khh-box khh-grau .khh-box-text { background-color: #DDDAD7; color: #000;}
.khh-box khh-grau:hover .khh-box-text { color: #fff;}

/* Button More - Action Button */
.csc-frame.content-hidden{display:none;}
.khh-button-more-wrap{text-align:center;margin-top:25px;}
.khh-button-more-wrap input.khh-button-more{width:auto;height:34px;background-color:#00834b;color:#fff;font-family:'Frutiger LT W01_55 Roma1475738',sans-serif;font-size:1em;padding:2px 2%;border:none;margin:0;}
.khh-button-more-wrap input.khh-button-more:hover{color:#00834b;background-color:#fff;cursor:pointer;}

/* Content Element Baupartnersuche */
.ce-baupartnersuche{position:relative;}
.ce-baupartnersuche .ce-inner{margin:28px 28px 0 0;padding:28px;background-image:linear-gradient(45deg,#e0d9ce 16.67%, #ffffff 16.67%, #ffffff 50%, #e0d9ce 50%, #e0d9ce 66.67%, #ffffff 66.67%, #ffffff 100%);background-size:4px 4px;}
.ce-baupartnersuche .ce-inner .csc-textpic{margin-top:25px;overflow:visible;}
.ce-baupartnersuche .ce-inner form .nwsplz{float:none;display:block;width:170px;margin:0 0 5px 0;}
.ce-baupartnersuche .ce-inner form .nwsplz input{font-size:.9em;height:28px;background-color:#fff;}
.ce-baupartnersuche .ce-inner form .nwsumkreis{float:none;display:block;width:170px;margin:0 0 5px 0;}
.ce-baupartnersuche .ce-inner form .nwsumkreis select{font-size:.9em;height:28px;background-color:#fff;}
.ce-baupartnersuche .ce-inner form .nwsland{float:none;display:block;width:170px;margin:0 0 5px 0;}
.ce-baupartnersuche .ce-inner form .nwsland select{font-size:.9em;height:28px;background-color:#fff;}
.ce-baupartnersuche .khh-box-link{margin-top:-28px;}

/* Powermailformular - Broschürenbestellung */
html.page-248 .tx-powermail{max-width:100%;}
html.page-248 #inhalt .tx-powermail form fieldset:nth-of-type(1){float:left;width:47%;margin-right:3%;}
html.page-248 #inhalt .tx-powermail form fieldset:nth-of-type(2){clear:none;float:right;width:47%;margin-left:3%;}
html.page-248 #inhalt .tx-powermail .powermail_fieldset .powermail_fieldwrap_type_check.powermail_fieldwrap_versandart .powermail_field div.checkbox{width:50%;float:left;}

@media only screen and (max-width: 767px) {
	html.page-248 .tx-powermail form fieldset:nth-of-type(1){width:100%;margin-right:0;}	
	html.page-248 .tx-powermail form fieldset:nth-of-type(2){width:100%;margin-left:0;}
}

@media only screen and (max-width: 959px) {
  .khh-box { max-width: 120px; }
  .khh-box-text { top: 10px; left: 10px; width: calc(100% - 20px); font-size: 12px; }
}

/* Kopfelement */
.khh-kopfelement-text { padding-bottom: 250px; }
.khh-kopfelement-bild { margin-top: -150px; text-align: center; }
.khh-kopfelement-bild img { width: auto; }

@media only screen and (max-width: 959px) {
	.khh-kopfelement-text { padding-bottom: 150px; }
	.khh-kopfelement-bild { margin-top: -100px; }
}

/* Download Seite */
@media only screen and (max-width: 959px) {
	#c7116 .spalten { padding-top: 0; padding-bottom: 0; }
  #c7116 .csc-textpic-intext-left-nowrap-260 .csc-textpic-text { margin-left: 40px; clear: both; }
}

/* Tabs */
#c7791 { display: inline-block; }
#c7783 { display: none; }
#c7269 { display: none; }
#khh-tabs-auswahl { display: flex; }
.khh-tab { display: inline-block; width: calc(33% - 177px); margin: 0 40px; padding: 15px 15px 15px 80px; background-size: 50px; background-repeat: no-repeat; background-position: 20px 10px; font-weight: 600; color: #008051; cursor: pointer; }
.khh-tab.aktiv { background-color: #fff; }
.khh-tab.presse { background-image: url("../Img/tab_presse-online.png");  }
.khh-tab.print { background-image: url("../Img/tab_printmedien.png");  }
.khh-tab.youtube { background-image: url("../Img/tab_youtube.png");  }

@media only screen and (max-width: 959px) {
    #khh-tabs-auswahl .inhaltbreit { padding-left: 40px; }
    .khh-tab { margin: 0 10px; padding: 15px; background-size: 40px; background-position: 15px 10px; font-size: 0; height: 30px; width: 40px; }
}