.hf-wrapper-sm{max-width:700px}.hf-gutter-lr{padding-left:15px;padding-right:15px}.hf-gutter-tb{padding-top:15px;padding-bottom:15px}.hf-gutter-tb-xl{padding-top:calc(15px * 2);padding-bottom:calc(15px * 2)}.hf-gutter-tb-xxl{padding-top:calc(15px * 3);padding-bottom:calc(15px * 3)}.bg-color-1{background:#EBEBEB}.bg-color-2{background:#EAEAEA}.hf-center{text-align:center}.hf-align-right{text-align:right}.tx-hfalteme ul.rootline{list-style:none;overflow:hidden;margin-left:0;padding-top:10px;margin-bottom:50px;font-size:16px;display:flex}.tx-hfalteme ul.rootline li{display:flex;align-items:center;height:30px;margin:0}.tx-hfalteme ul.rootline li:last-child{visibility:hidden}.tx-hfalteme ul.rootline li.actualCat:last-child{visibility:visible}.tx-hfalteme ul.rootline li:not(:first-child):before{content:"";background-image:url("/typo3conf/ext/hfalteme/Resources/Public/gui/icon_arrow.svg");background-repeat:no-repeat;width:30px;background-position:center center;margin:0 10px;height:100%}.tx-hfalteme ul.rootline li a{color:#000000;font-weight:300}.tx-hfalteme ul.rootline li a:hover{opacity:0.8}.tx-hfalteme ul.rootline li.actualCat{font-weight:500}.product-link{display:inline-block;height:100%;width:100%;position:relative;overflow:hidden}.product-link h2{margin-top:15px}.product-link.no-img{min-height:360px}.product-link.no-img p{position:absolute;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);left:25px}.collapsableContent .content{overflow:hidden;margin-bottom:0}.collapsableContent.opened p.content{padding-bottom:10px}.collapsableContent.opened p.content:after{background:linear-gradient(to top, white 0%, rgba(255, 255, 255, 0) 0%)}.collapsableContent.opened .trigger{display:block}.collapsableContent.opened .trigger a.close{display:inline}.collapsableContent.closed .trigger{display:block;margin-top:-20px;position:relative}.collapsableContent.closed .trigger a.open{display:inline}.collapsableContent.closed p.content:after{position:absolute;bottom:0;left:0;height:100%;width:100%;content:"";background:linear-gradient(to top, white 20%, rgba(255, 255, 255, 0) 100%);-webkit-transition:background 0.2s;-moz-transition:background 0.2s;-ms-transition:background 0.2s;-o-transition:background 0.2s;transition:background 0.2s}.collapsableContent .trigger{display:none;text-align:center;padding:60px 0;cursor:pointer}.collapsableContent .trigger a.open,.collapsableContent .trigger a.close{display:none}.product-group{border-bottom:1px solid #D3CBC4;padding:20px 0}.product-group:first-child{border-top:1px solid #D3CBC4}.features .slider-item{overflow:hidden;background-color:#EAEAEA}.features .hf-slider .owl-stage-outer{background-color:#EAEAEA}.slider-image,.slider-text{width:50%;display:inline-block;float:left;height:100%}.slider-image{position:relative}.slider-image img{width:100%;height:100%;object-fit:cover}.slider-text{vertical-align:top;padding:54px 63px 42px 63px}.productlink{position:relative;height:100%}.productlink .rollover-info{bottom:0;background-color:#333333;color:#FFFFFF;position:absolute;padding:calc(15px * 2);transition:transform 0.2s;left:0;right:0;top:0;transform:translateY(101%)}.productlink .rollover-info h3{color:#FFFFFF;margin:0;margin-top:1em}.productlink:hover .rollover-info{transform:translateY(0)}.productlink .product{position:relative;height:100%;overflow:hidden}.special-h2{font-weight:300}.product{color:#333333;padding:0}@media screen and (min-width:1025px){.productlink .rollover-info>a{position:absolute;width:100%;height:100%;top:0;left:0}.productlink .rollover-info .more-button-product{display:none}}@media screen and (max-width:1024px){.more-button-product{display:block}.productlink .rollover-info:hover>a{position:absolute;width:100%;height:100%;top:0;left:0}}@media screen and (max-width:768px){.slider-text,.slider-image{width:100%;float:none;display:block}.slider-text{padding:calc(15px * 2)}.tx-hfalteme ul.rootline{display:none}}@media screen and (min-width:768px){.features .hf-slider:not(.teaserbox-slider) .owl-stage-outer .owl-stage{display:flex}.features .hf-slider:not(.teaserbox-slider) .owl-stage-outer .owl-stage .owl-item{flex-grow:1;display:flex}.features .hf-slider:not(.teaserbox-slider) .owl-stage-outer .owl-stage .owl-item .slider-item{flex-grow:1}.features .hf-slider .owl-stage-outer{background-color:#EAEAEA}}/*!**************************************************************************/.product-detail .img{float:left;width:140px;margin:0 20px 15px 0;background-color:#FFFFFF}.product-detail .img img{margin:0 auto}.product-detail h2.catTitle{margin-bottom:20px;padding-bottom:15px;font-weight:normal}.product-detail .detail{margin-left:160px;margin-bottom:15px}.product-detail .detail h4{font-weight:normal}.product-detail .dataView{margin-bottom:20px;background:transparent;border:none;margin-top:0}.product-detail .dataView .tabPanes{width:100%}.product-detail .dataView>.ui-widget-content{border:none;border-radius:unset;background:transparent}.product-detail .dataView ul.tabs{margin-left:0;background:transparent;margin-bottom:28px;border-bottom:none;overflow-x:auto;white-space:nowrap;border-radius:unset;border:none}.product-detail .dataView ul.tabs li{float:left;position:relative;white-space:nowrap;list-style-type:none;margin-left:0;border:none;background:transparent;border-right-width:0;border-bottom-width:0;border-left:2px solid #FFFFFF}.product-detail .dataView ul.tabs li:last-of-type{border-right:2px solid #FFFFFF}.product-detail .dataView ul.tabs li a{padding:9px 38px;display:block;color:#000000}.product-detail .dataView ul.tabs li a:hover{background-color:#FFFFFF;color:#000000}.product-detail .dataView ul.tabs li.ui-state-active a{background-color:#FFFFFF}/*!**************************************************************************/.dataView #articlesView .articleGroup{overflow:auto;margin-bottom:30px}.dataView #articlesView .articleGroup .articleGroup-images{width:160px;float:left;padding-top:5px}.dataView #articlesView .articleGroup th{min-width:85px}.dataView #articlesView th{min-width:85px;padding-top:7px;padding-bottom:7px;vertical-align:middle;font-weight:700}.dataView #articlesView th:first-child{padding-left:10px}.dataView #articlesView .articleGroup-description{width:100%;border-bottom:1px solid #D3CBC4;float:left}.dataView #articlesView .article{overflow:hidden;margin-bottom:3px;margin-left:120px;padding-bottom:3px;width:500px;border-bottom:1px solid #E6E5E6}.dataView #articlesView legend+table{border-top:1px solid #D3CBC4;margin-top:10px}.dataView #articlesView .articles-table-container{overflow-x:auto}.dataView #articlesView table{font-weight:300;border-collapse:collapse;width:100%}.dataView #articlesView table.articles-table{width:100%;font-size:clamp(16px, calc(0.8465909091rem + 0.4261363636vw), 19px)}.dataView #articlesView table thead th{border-bottom:1px solid #D3CBC4}.dataView #articlesView table thead th.lampDemand{text-align:right}.dataView #articlesView table thead th.lampName{padding-left:6px}.dataView #articlesView table thead td{font-weight:500}.dataView #articlesView table thead td:first-child{padding-left:10px}.dataView #articlesView table thead td.color{text-align:center}.dataView #articlesView table thead td[class*="beamangle"]{width:12px;background-image:url("/typo3conf/ext/hfalteme/Resources/Public/Icons/Angle.svg");content:"";background-repeat:no-repeat;color:transparent;background-position:center}.dataView #articlesView table tbody th{font-weight:300}.dataView #articlesView table tbody tr{border-bottom:1px solid #000000;transition-duration:0.2s;transition-property:all}.dataView #articlesView table tbody tr:hover{background-color:#FFFFFF}.dataView #articlesView table tbody tr td,.dataView #articlesView table tbody tr th{padding-top:7px;padding-bottom:7px}.dataView #articlesView table tbody tr td:first-child,.dataView #articlesView table tbody tr th:first-child{padding-left:10px;white-space:nowrap}.dataView #articlesView table tbody tr.mark>td{background-color:#FFFFFF}.dataView #articlesView table td{vertical-align:middle}.dataView #articlesView table td[class*="beamangle"],.dataView #articlesView table td[class*="connectedload"],.dataView #articlesView table td[class*="luminous"],.dataView #articlesView table td[class*="lightcolor"]{text-align:center}.dataView #articlesView table td.lampDemand{white-space:nowrap;text-align:right}.dataView #articlesView table td.fill{width:auto;padding:0;font-size:1px}.dataView #articlesView table td.lampAmount{text-align:right}.dataView #articlesView table td.halfBeamAngle2,.dataView #articlesView table td.halfBeamAngle{text-align:center}.dataView #articlesView table td.halfBeamAngle2>img,.dataView #articlesView table td.halfBeamAngle>img{margin:0 auto}.dataView #articlesView table td.lamps{padding:0}.dataView #articlesView table td.lamps tr{display:flex}.dataView #articlesView table td.lamps tr td{flex:1}.dataView #articlesView table td.lamps tr td.halfBeamAngle{flex:2}.dataView #articlesView table td.lamps table{margin:0;border:none}.dataView #articlesView table td.lamps table td{border:none}.dataView #articlesView table td table tr{border-bottom:none}.dataView #articlesView table td.content-color{text-align:center;position:relative}.dataView #articlesView table td.content-color .container{margin:0 auto;width:20px;position:relative}.dataView #articlesView table td.content-color .container .tooltip-container{display:none;border:solid;position:absolute;left:40px;background-color:#9D8B80;color:#FFFFFF;line-height:1.3em;padding:3px 15px;top:50%;transform:translateY(-50%)}.dataView #articlesView table td.content-color .container .tooltip-container:before{content:"";position:absolute;left:-16px;bottom:0;width:0;height:0;border-top:16px solid transparent;border-bottom:16px solid transparent;border-right:16px solid #9D8B80}.dataView #articlesView table.icontable{height:25px;width:auto}.dataView #articlesView table.icontable td{padding:0 5px !important;vertical-align:middle}.dataView #articlesView table.icontable .icon{margin-top:2px;float:left;display:block;height:1em;text-indent:-10000px;overflow:hidden;background-repeat:no-repeat;background-position:center center}.dataView #articlesView table .download{width:10px;vertical-align:middle}.dataView #articlesView table a.icon.datasheet{width:12px;background-image:url("/typo3conf/ext/hfalteme/Resources/Public/Icons/Icon_datenblatt.svg")}.dataView #articlesView table a.icon.ldt{width:22px;background-image:url("/typo3conf/ext/hfalteme/Resources/Public/Icons/Icon_ldt.svg")}.dataView #articlesView table a.icon.cad{width:26px;background-image:url("/typo3conf/ext/hfalteme/Resources/Public/Icons/icon_cad.png")}.dataView #articlesView table a.icon.lvk{width:28px;margin-top:4px;background-image:url("/typo3conf/ext/hfalteme/Resources/Public/Icons/Icon_lvk.svg")}.dataView #articlesView table a.icon.dimension{width:20px;background-image:url("/typo3conf/ext/hfalteme/Resources/Public/Icons/Icon_massbild.svg")}.dataView #articlesView table span.icon.minergie{width:39px;display:inline-block;background-image:url("/typo3conf/ext/hfalteme/Resources/Public/Icons/icon_minergie.png")}.dataView #articlesView table span.icon.minergie-pending{width:39px;background-image:url("/typo3conf/ext/hfalteme/Resources/Public/Icons/icon_minergie_pending_smal.png")}.tx-hfalteme .dataView #featuresView .feature_item p,.tx-hfalteme .dataView #featuresView .feature_item h6{margin-left:160px;margin-top:0}.tx-hfalteme .dataView #featuresView .feature_item{overflow:hidden;margin-bottom:30px}.tx-hfalteme .dataView #featuresView .feature_item .images{float:left;margin-top:4px}.tx-hfalteme .dataView #featuresView .feature_item .images img{float:none}.tx-hfalteme .dataView #downloadsView{width:100%}.tx-hfalteme .dataView #accessoriesView .detail{margin-left:0}.tx-hfalteme .dataView #accessoriesView .detail h3{margin-top:0}.dataView table#downloadsView{width:100%}.dataView #downloadsView th{width:140px;padding-right:20px}.dataView #downloadsView .pdficon{padding-left:40px;background:url("/typo3conf/ext/hfalteme/Resources/Public/gui/icons/pdf.svg") no-repeat left center;background-size:32px}.project-list-item>a{position:relative;display:block}.project-list-item>a .projectDescription{background:transparent;color:#000000;padding:10px 20px;position:relative;width:100%;transition:color 0.5s ease-in-out}.project-list-item>a:hover .projectDescription{color:#FFFFFF}.project-detail-slider .owl-nav .owl-next img,.project-detail-slider .owl-nav .owl-prev img{filter:invert(1)}.tx-hfalteme .project-nav{margin:-50px 0 80px 0}.tx-hfalteme .project-nav .hf-link-border-animation{display:inline-block}@media screen and (max-width:768px){.tx-hfalteme .project-nav{margin:0 0 40px 0}}