/* Contao Open Source CMS, (c) 2005-2015 Leo Feyer, LGPL license */ body,form,figure{margin:0;padding:0}img{border:0}header,footer,nav,section,aside,article,figure,figcaption{display:block}body{font-size:100.01%}select,input,textarea{font-size:99%}#container,.inside{position:relative}#main,#left,#right{float:left;position:relative}#main{width:100%}#left{margin-left:-100%}#right{margin-right:-100%}#footer{clear:both}#main .inside{min-height:1px}.ce_gallery>ul{margin:0;padding:0;overflow:hidden;list-style:none}.ce_gallery>ul li{float:left}.ce_gallery>ul li.col_first{clear:left}.float_left{float:left}.float_right{float:right}.block{overflow:hidden}.clear,#clear{height:.1px;font-size:.1px;line-height:.1px;clear:both}.invisible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.custom{display:block}#container:after,.custom:after{content:"";display:table;clear:both} /* Contao Open Source CMS, (c) 2005-2015 Leo Feyer, LGPL license */ @media(max-width:767px){#wrapper{margin:0;width:auto}#container{padding-left:0;padding-right:0}#main,#left,#right{float:none;width:auto}#left{right:0;margin-left:0}#right{margin-right:0}}img{max-width:100%;height:auto}.ie7 img{-ms-interpolation-mode:bicubic}.ie8 img{width:auto} .rsts-main,.rsts-main *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.rsts-header,.rsts-footer,.rsts-thumbs-header,.rsts-thumbs-footer{overflow:hidden}.rsts-view,.rsts-thumbs-view{position:relative}@media print{.rsts-view,.rsts-thumbs-view{position:static}}.rsts-crop,.rsts-thumbs-crop{position:relative;overflow:hidden}@media print{.rsts-crop,.rsts-thumbs-crop{position:static;overflow:visible;width:auto !important;height:auto !important;transform:none !important}}.rsts-slides,.rsts-slide,.rsts-thumbs-slides,.rsts-thumbs-slide{position:absolute;left:0;top:0}@media print{.rsts-slides,.rsts-slide,.rsts-thumbs-slides,.rsts-thumbs-slide{position:static;width:auto !important;height:auto !important;transform:none !important}.rsts-slides.rsts-slide-image img,.rsts-slides.rsts-slide-video img,.rsts-slides.rsts-thumbs-slide-image img,.rsts-slides.rsts-thumbs-slide-video img,.rsts-slide.rsts-slide-image img,.rsts-slide.rsts-slide-video img,.rsts-slide.rsts-thumbs-slide-image img,.rsts-slide.rsts-thumbs-slide-video img,.rsts-thumbs-slides.rsts-slide-image img,.rsts-thumbs-slides.rsts-slide-video img,.rsts-thumbs-slides.rsts-thumbs-slide-image img,.rsts-thumbs-slides.rsts-thumbs-slide-video img,.rsts-thumbs-slide.rsts-slide-image img,.rsts-thumbs-slide.rsts-slide-video img,.rsts-thumbs-slide.rsts-thumbs-slide-image img,.rsts-thumbs-slide.rsts-thumbs-slide-video img{width:100% !important;height:auto !important;margin:0 !important}}.rsts-slide,.rsts-thumbs-slide{overflow:hidden}@media print{.rsts-slide,.rsts-thumbs-slide{position:static}}.rsts-video-iframe,.rsts-thumbs-video-iframe{position:absolute;top:0;left:0;width:100%;height:100%}.rsts-type-slide .rsts-view,.rsts-thumbs-type-slide .rsts-thumbs-view{cursor:url("../../system/modules/rocksolid-slider/assets/img/openhand.cur"),default;cursor:-webkit-grab;cursor:-moz-grab;cursor:-ms-grab;cursor:-o-grab;cursor:grab}.rsts-type-slide.rsts-dragging .rsts-view,.rsts-thumbs-type-slide.rsts-thumbs-dragging .rsts-thumbs-view{cursor:url("../../system/modules/rocksolid-slider/assets/img/closedhand.cur"),default;cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:-ms-grabbing;cursor:-o-grabbing;cursor:grabbing;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}@media print{.rsts-nav,.rsts-prev,.rsts-next,.rsts-overlay-prev,.rsts-overlay-next,.rsts-progress,.rsts-thumbs-nav,.rsts-thumbs-prev,.rsts-thumbs-next,.rsts-thumbs-overlay-prev,.rsts-thumbs-overlay-next,.rsts-thumbs-progress{display:none !important}} .rsts-skin-default.rsts-main{position:relative}.rsts-skin-default.rsts-type-fade .rsts-slide{background-color:#fff}.rsts-skin-default .rsts-caption{position:absolute;top:20px;left:20px;margin-right:20px;padding:5px 10px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;color:#fff;background-color:#000;background-color:rgba(0,0,0,0.4);filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);opacity:0;-webkit-transform:translate(0, -20px);-moz-transform:translate(0, -20px);-ms-transform:translate(0, -20px);-o-transform:translate(0, -20px);transform:translate(0, -20px);-webkit-transition:opacity 0.5s,-webkit-transform 0.5s;-moz-transition:opacity 0.5s,-moz-transform 0.5s;-o-transition:opacity 0.5s,-o-transform 0.5s;transition:opacity 0.5s,transform 0.5s}.rsts-skin-default .rsts-active .rsts-caption{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);opacity:1;-webkit-transform:translate(0, 0);-moz-transform:translate(0, 0);-ms-transform:translate(0, 0);-o-transform:translate(0, 0);transform:translate(0, 0)}.rsts-skin-default .rsts-prev,.rsts-skin-default .rsts-next,.rsts-skin-default .rsts-video-play,.rsts-skin-default .rsts-video-stop,.rsts-skin-default .rsts-thumbs-prev,.rsts-skin-default .rsts-thumbs-next{position:absolute;right:55px;bottom:15px;overflow:hidden;width:30px;height:30px;border:1px solid #ccc;border:1px solid rgba(0,0,0,0.1);-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;outline:none;line-height:0;text-align:center;text-decoration:none;text-indent:-9999px;-webkit-background-clip:padding;-moz-background-clip:padding;background-clip:padding-box;background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAMAAAAM7l6QAAAAilBMVEUHBwg/QEF5enp5ensCAwQHCAhzdHUAAQEGBwh8fX37+/svMDBub3COjo9yc3NtbW709fWvsLDm5uba2trR0dEuLi6Pj4/Q0NDl5eXZ2toFBgfz8/MuLy/09PT29vb8/Pz6+vp7e3x0dXZzdHT4+Pj39/f9/v3+/v79/f3///8EBQb5+fkAAAD19fVMP6q+AAAALnRSTlOAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8hTP8QAAAJ1JREFUeNrV0lkPwiAMAOB53zrva2xOxQm0///vWZ4a1o3EN20gNPnSlFASRKVQIS2KFHPKaPvcH8St8WesXYzddVMIZn3NZ1tTZ9Y7QLa7MdfVWlgYZqk9lzML7VZPbGCdDsFekpI14GoN/fGoY6aqkbVaUvVg0lKN7v3wvcuwt/Tg5tIPRjA77I/i1dhX2dnEJnYq4vP+2a/4FX8AsSOXytKixMYAAAAASUVORK5CYII=");-webkit-box-shadow:0 0 2px rgba(0,0,0,0.1);-moz-box-shadow:0 0 2px rgba(0,0,0,0.1);box-shadow:0 0 2px rgba(0,0,0,0.1);background-position:50% 50%;-webkit-transition:opacity 0.05s linear;-moz-transition:opacity 0.05s linear;-o-transition:opacity 0.05s linear;transition:opacity 0.05s linear}@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-device-pixel-ratio: 4 / 3), only screen and (min-device-pixel-ratio: 1.3){.rsts-skin-default .rsts-prev,.rsts-skin-default .rsts-next,.rsts-skin-default .rsts-video-play,.rsts-skin-default .rsts-video-stop,.rsts-skin-default .rsts-thumbs-prev,.rsts-skin-default .rsts-thumbs-next{background-image:url("data:"image/png";base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAMAAAANIilAAAAAIVBMVEWhoaE7PD15enqVlpaTk5N2d3h0dHVoaWpmZmcGBwj19fXsWX/bAAAAC3RSTlOAgICAgICAgICAgMiF55wAAAB9SURBVHja7dUxEoAgFANRFBTw/ge2YythEivHn/6VmU3XiwUOHPhPuGYf196zjLHPOi0tWsBYtICx/Zxgw4INCzYs2LBgw4INC55ZFadhN+NVbeh9jhf6mGJDgw0NNjTY0GBDgz0NXusiYDRWwGisgNHFL0Yrnwxd4MCBtd3+EosAicYyWQAAAABJRU5ErkJggg==");background-size:30px,30px}}.rsts-skin-default .rsts-prev:hover,.rsts-skin-default .rsts-next:hover,.rsts-skin-default .rsts-video-play:hover,.rsts-skin-default .rsts-video-stop:hover,.rsts-skin-default .rsts-thumbs-prev:hover,.rsts-skin-default .rsts-thumbs-next:hover{background-color:#eee;background-color:rgba(238,238,238,0.7)}.rsts-skin-default .rsts-next,.rsts-skin-default .rsts-thumbs-next{right:20px;background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAMAAAAM7l6QAAAAkFBMVEUBAQLPz9AlJiYlJifS0tIsLS0nJyjQ0dDR0tIBAQElJSYrLC2tra39/PwFBQYFBgf6+fmBgYKCgoL9/f339vZBQULIycnIyMiCg4PR0dEmJycmJyjMzMz8/Pzl5eXj4+MCAwQGBwghIiP09PT7+/shIiL6+vrNzs7Nzc0iIyP29vb39/cHCAkAAAD////19fV/WdL3AAAAMHRSTlOAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICRnvRdAAAAnklEQVR42tXSxw7CMAwG4LL3XqUtLdRQqNPY7/92WEJVDhkSN7B8iPTpl6M4ETMAA0t/ChmwPTELe+uPGKsQKywWflYUJxn5eI9xpOsneXidp7pp3Wa+dHrGbWY6d43bLD673nR9vLsZaL5cNfoAyp0eDyRdntxp6icy+/Ei981HqVGLq3xo1GaFm4kuRb1vvp1mFNzYLrzvn/2KX/MbXNOe099MDj0AAAAASUVORK5CYII=")}@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-device-pixel-ratio: 4 / 3), only screen and (min-device-pixel-ratio: 1.3){.rsts-skin-default .rsts-next,.rsts-skin-default .rsts-thumbs-next{background-image:url("data:"image/png";base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAMAAAANIilAAAAAHlBMVEWhoaE7PD2VlpaTk5N2d3h0dHVoaWpmZmcGBwj19fXtfGSSAAAACnRSTlOAgICAgICAgICAXdxslAAAAHxJREFUeNrt1TEOgDAMxdDSAi33vzBbPVUoZkLE+1O2/HK9KHHixH/A9fS4jnGGMfZZl6VFBzAWHcLHQD9gocFCg4UGCw0WGiw0WGjwum3qEsb7tH1xWViwsGBhwcKChQULC5Z2jRs2itHdfc+GjWB094vR+ieHLnHixK4bjyV89TB6vlgAAAAASUVORK5CYII=");background-size:30px,30px}}.rsts-skin-default .rsts-thumbs-prev,.rsts-skin-default .rsts-thumbs-next{position:absolute;top:50%;right:10px;margin-top:-15px}.rsts-skin-default .rsts-thumbs-prev{right:auto;left:10px}.rsts-skin-default.rsts-direction-y .rsts-prev{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAMAAAAM7l6QAAAAbFBMVEUgISLDw8MgICGUlZaIiImSk5PCwsP9/f39/PyHh4iUlJWSkpLX2NgAAQIoKSkGBwgdHR7Ly8skJSYEBAXHyMj+/v739/ciIyMhIiImJyfNzc3S0tL8/Pz7+/v29vYHCAnNzs4AAAD////19fVh+HN2AAAAJHRSTlOAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIC401waAAAAiUlEQVR42uXRyQ7CMAwE0LC2QHfaQkji1sP//yNR1csEiXMlfPFI7zCWbN7JCCVmnj9i738x2hbMpHPTzCAmfag+XyAmrWt2QzqV5URuSLWqdHXmsDMRbFHYuPbnkPBw0rtaBzgbw21IWPKjdg6xxHV68ZJ2j9mhXyrRX/34fblgLQyQLf57S/wBI9V2nx3O9QoAAAAASUVORK5CYII=")}@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-device-pixel-ratio: 4 / 3), only screen and (min-device-pixel-ratio: 1.3){.rsts-skin-default.rsts-direction-y .rsts-prev{background-image:url("data:"image/png";base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAMAAAANIilAAAAAG1BMVEWjpKQ5OTqVlpaTk5NmZmdoaWp2d3gGBwj19fXoTOf7AAAACXRSTlOAgICAgICAgIC7HeZcAAAAeUlEQVR42u3UMQ6AMAzF0A8BmvufGHVpyOIOFRJI8f5WyxcqXLhw4U9jLeCznYzRNtYi2zsIs2UttqzFlrXYshZb1mLLWmg31iJ7+YVaaJ210GY9x/awWdsc+z5s1uaEQ4cNbY449LChzQFn3W3S9qsBFi5cuPDr+AYQcW8C6kiUiAAAAABJRU5ErkJggg==");background-size:30px,30px}}.rsts-skin-default.rsts-direction-y .rsts-next{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAMAAAAM7l6QAAAAbFBMVEUwMTKKi4suLzAGBwja2trR0dEwMDEuLi/Q0NDZ2dmJiYp7e3x6e3t/gIEAAQL09PTn5+f6+vr8/Px0dHVwcHH8/f329vYFBgdzdHT+/v79/v339/f9/f3///90dXb4+Pj5+fkEBQYAAAD19fUC5l8BAAAAJHRSTlOAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIC401waAAAAnElEQVR42uXSyQ4CIQwG4HEddRZmZUSEQnn/d7RkSAi4HI2Jf6AlfIceoHCOMcccrTXcMR5OtInf5k/YyLVL84qHjoHvwLrhmdW+0AJIhT6eVc79YYtYCQBRIZanPmO1QWuxVqr2/aIylqD9fdP4OoLMZ5sb+dK2i8Xr3cTZie+CRk49aOTUcSRNOfo8TXPUnB1QPj0J5z/5Hb7OD7UPdeTEuFeXAAAAAElFTkSuQmCC")}@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-device-pixel-ratio: 4 / 3), only screen and (min-device-pixel-ratio: 1.3){.rsts-skin-default.rsts-direction-y .rsts-next{background-image:url("data:"image/png";base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAMAAAANIilAAAAAG1BMVEWjpKQ5OTqVlpaTk5NmZmdoaWp2d3gGBwj19fXoTOf7AAAACXRSTlOAgICAgICAgIC7HeZcAAAAg0lEQVR42u3UMQ6EMAxE0WVDYu5/YhpLXzBSRkAF8i9tvXZ+24MKFy5c+HP4P06H0RzGRoyjjWgOY1Nj0YLFpsaip7hFNrBog3ug02brDKsWK3imxQqe6EWsxWi1HqOxHqONBTuN9RiN9Vg11mPVWI9V99tL0rEe6/dVA1i4cOHCl9oBak1vAkBKLfwAAAAASUVORK5CYII=");background-size:30px,30px}}.rsts-skin-default.rsts-video-playing .rsts-nav,.rsts-skin-default.rsts-video-playing .rsts-prev,.rsts-skin-default.rsts-video-playing .rsts-next{display:none}.rsts-skin-default.rsts-video-playing .rsts-nav-thumbs{display:block}.rsts-skin-default.rsts-touch .rsts-nav-numbers,.rsts-skin-default.rsts-touch .rsts-nav-tabs{display:none}.rsts-skin-default .rsts-nav{position:absolute;right:95px;bottom:12px;left:10px;text-align:right}.rsts-skin-default .rsts-nav ul{margin:0 !important;padding:0 !important}.rsts-skin-default .rsts-nav li{display:inline}.rsts-skin-default .rsts-nav-numbers a,.rsts-skin-default .rsts-nav-tabs a{display:inline-block;height:30px;min-width:30px;padding:0.65em 0.5em 0.5em;margin:0 2px 3px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;outline:none;font-size:12px;text-align:center;text-decoration:none;color:#fff;background-color:#555;background-color:rgba(85,85,85,0.6);-webkit-background-clip:padding;-moz-background-clip:padding;background-clip:padding-box;-webkit-box-shadow:0 0 2px rgba(0,0,0,0.2);-moz-box-shadow:0 0 2px rgba(0,0,0,0.2);box-shadow:0 0 2px rgba(0,0,0,0.2);filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);opacity:0;-webkit-transition:opacity 0.2s ease-in;-moz-transition:opacity 0.2s ease-in;-o-transition:opacity 0.2s ease-in;transition:opacity 0.2s ease-in}.rsts-skin-default .rsts-nav-numbers a:hover,.rsts-skin-default .rsts-nav-numbers a.active,.rsts-skin-default .rsts-nav-tabs a:hover,.rsts-skin-default .rsts-nav-tabs a.active{color:#333;background-color:#fff;background-color:rgba(255,255,255,0.5)}.rsts-skin-default:hover .rsts-nav-numbers a,.rsts-skin-default:hover .rsts-nav-tabs a{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);opacity:1}.rsts-skin-default .rsts-nav-bullets{line-height:0}.rsts-skin-default .rsts-nav-bullets a{display:inline-block;width:9px;height:9px;overflow:hidden;margin:12px 4px;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;outline:none;text-align:left;text-indent:-999px;background-color:#fff;background-color:rgba(255,255,255,0.8);-webkit-background-clip:padding;-moz-background-clip:padding;background-clip:padding-box;-webkit-box-shadow:0 0 2px #777;-moz-box-shadow:0 0 2px #777;box-shadow:0 0 2px #777}.rsts-skin-default .rsts-nav-bullets a:hover,.rsts-skin-default .rsts-nav-bullets a.active{background-color:#777;-webkit-box-shadow:inset 0 2px 0 -1px rgba(255,255,255,0.5),inset 0 -2px 0 -1px rgba(0,0,0,0.3),0 0 0 1px #555;-moz-box-shadow:inset 0 2px 0 -1px rgba(255,255,255,0.5),inset 0 -2px 0 -1px rgba(0,0,0,0.3),0 0 0 1px #555;box-shadow:inset 0 2px 0 -1px rgba(255,255,255,0.5),inset 0 -2px 0 -1px rgba(0,0,0,0.3),0 0 0 1px #555}.rsts-skin-default .rsts-nav-thumbs{position:static;padding-top:5px}.rsts-skin-default .rsts-nav .rsts-nav-prev,.rsts-skin-default .rsts-nav .rsts-nav-next{display:none}.rsts-skin-default .rsts-video-play{top:50%;right:auto;bottom:auto;left:50%;width:64px;height:64px;margin:-32px 0 0 -32px;border:none;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEYAAABGCAMAAABG8BK2AAAAb1BMVEU4ODgGBgbx8fGurq7i4uIODg5QUFD7+/vBwcEUFBQYGBggICC1tbXNzc0JCQkVFRWsrKwTExPExMTS0tImJibv7+9KSkozMzP4+PhYWFj+/v6Dg4MDAwPl5eVycnKenp4MDAza2toPDw////8AAACZ5/RyAAAAJXRSTlOAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAwmBGiwAAALNJREFUeNrt1kcOwkAQRFFyxsYmBxtDc/8zIrGpA/xaWKhnO9KT5ncvZvCxnGSSSSaZv2GK0sIsFzMHM53MWwPzfkU8OwsT9cHCRHOyMHFpLYwCIUaBEKNAiFEgxCgQYhSIMQrEGAXijAJxJrZrC7NZGZjb/WF41PHqSLw/Owa+q9D6KQthlAUwykIYZSGMsiBGWRCjLIhRFsQoC2Ga0S8LZMqx7gAzLPr0aUsmmWSS6SXzBf8cqwAv1zglAAAAAElFTkSuQmCC")}@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-device-pixel-ratio: 4 / 3), only screen and (min-device-pixel-ratio: 1.3){.rsts-skin-default .rsts-video-play{background-image:url("data:"image/png";base64,iVBORw0KGgoAAAANSUhEUgAAAIwAAACMCAMAAACZHrEMAAAARVBMVEUJCQlOTk4nJyddXV1gYGD29vbh4eGTk5PAwMA2NjYYGBgGBga3t7dUVFQtLS0SEhKHh4fb29sDAwPz8/NaWlr///8AAACZTZFgAAAAF3RSTlOAgICAgICAgICAgICAgICAgICAgICAgCZn8kAAAAFfSURBVHja7dpZUsMwFAVR5gDRLMT+l8r1Cqjih/5oLyB1kurYlp4evkGXGDFixIgRI0aMGDFixIgRI0aMGDFifseQvsBfPvjrdgdhzvsnCHPePkCY8/oCwpxzu4MwCQeESTggTMIBYa5wQJiEA8IkHBAm4YAwVzggTMIBYRIOCJNwQJgrHBAm4YAwCQeESTggzBUOCJNwQJiEA8IkHBDmCgeESTggTMIBYRIOCHOFA8IkHBAm4YAw5/UZhDn7iYOZjfPLlM5pZizMv2lXzk1vNs4duHTOs2kszFN7V87L1WycN73SOe/AY2FWB7tyFnGzcVaUpXPW2mNhdiF25WwWzcbZuSqds6c3Fma3c1fOpvRsnB3y0jmzg7EwU5VdOcOv2TiTuNI5M8qxMNPbXTlD9tk4E//SOWchxsKcEnmsoMM8qGNOYsRgLjFixIgRI0aMGDFixIgRI0aMGDH/e/0Ai4OJ2+ZcrkwAAAAASUVORK5CYII=");background-size:70px,70px}}.rsts-skin-default .rsts-video-stop{top:20px;right:20px;left:auto;background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAMAAAAM7l6QAAAAbFBMVEWnp6dOTk7x8fHv7+9HR0fw8PDu7u7e3t5NTU3f398UFBQTExP4+PhLS0tvb29xcXH09PRJSUn39/fn5+cWFhampqb29vZISEhMTExLS0ukpKT////r6+sAAAD///8AAABKSkr19fUAAAD///8df9PJAAAAJHRSTlN6e35+e35+e3t7fX1/fHl5fXt/e315fnt7e3p/foGBfnt9gIDdofLFAAAAk0lEQVR42u2SSQ7DIAxF03nKPBEC2Ni9/x3jsMXqsuqiljxITx/8EcX7Y/wxuOmUhmPhIMdlg4akzxGbMscrBu4IyHLANce+Ymb7WKRWPsdyqpCnZJzVzUmUEgvpxmAYA4dxAB3TIanvupqisJdkRwr2O403K9V43bdpgaLuu6/x3KY7sO7VN7+m4TI5+K3v8H28AYM7doAzbo6MAAAAAElFTkSuQmCC")}@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-device-pixel-ratio: 4 / 3), only screen and (min-device-pixel-ratio: 1.3){.rsts-skin-default .rsts-video-stop{background-image:url("data:"image/png";base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAMAAAANIilAAAAALVBMVEXo6OjGxsZjY2PKysq3t7ewsLCOjo7f39+Pj4/l5eVfX19hYWHj4+NRUVH///80A/15AAAAD3RSTlOGkL2PlZemiKWHvr2HyICcCOzTAAAAv0lEQVR42u3VSQ7DIAxA0bRJSBjs+x83mzYfNnatLqpKeM0THmRY9IuYeOKJJ7bwlsdTWwCfUpsS+Smni7EipfVW5PQwtte5iqAdvIvcGiuy25gs0e1ta7YwuqJ76+NRr6P1MbkSTM7HaKyP0QXK1HyMxgaxrjde1cBe1TV4MzZeMxYdm7OvF9OWR7H0YtpDG/ojnDurnc6hfT7Iw9tnImE7ney00bdFJ3Uw+mXpQoq822Nv8/Yf383EE0/8G3wBfh3Bcn7dsMIAAAAASUVORK5CYII=");background-size:30px,30px}}.rsts-skin-default .rsts-video-youtube>.rsts-video-stop{top:25px}.rsts-skin-default .rsts-video-vimeo>.rsts-video-stop{top:10px;right:auto;left:10px}.rsts-skin-default .rsts-video-ipad>.rsts-video-iframe{padding-top:32px;background-color:#000}.rsts-skin-default .rsts-video-ipad>.rsts-video-stop{top:1px;right:1px;left:auto}.rsts-skin-default .rsts-progress{position:absolute;top:0;right:0;width:100%;height:2px;background-color:#000;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);opacity:0;-webkit-transition:opacity 0.2s linear;-moz-transition:opacity 0.2s linear;-o-transition:opacity 0.2s linear;transition:opacity 0.2s linear}.rsts-skin-default .rsts-progress div{height:100%;background-color:#fff}.rsts-skin-default .rsts-progress.rsts-progress-active{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=30);opacity:0.3}.rsts-skin-default .rsts-thumbs-slide{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);opacity:0.8}.rsts-skin-default .rsts-thumbs-slide.rsts-thumbs-active-thumb{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);opacity:1} /* Swipe 2.0, (C) Brad Birdsall 2012, MIT license */ .content-slider{overflow:hidden;visibility:hidden;position:relative}.slider-wrapper{overflow:hidden;position:relative}.slider-wrapper>*{float:left;width:100%;position:relative}.slider-control{height:30px;position:relative}.slider-control a,.slider-control .slider-menu{position:absolute;top:9px;display:inline-block}.slider-control .slider-prev{left:0}.slider-control .slider-next{right:0}.slider-control .slider-menu{top:0;width:50%;left:50%;margin-left:-25%;font-size:27px;text-align:center}.slider-control .slider-menu b{color:#bbb;cursor:pointer}.slider-control .slider-menu b.active{color:#666} /* Dekodur Main Stylesheet (Stand 20-07-2016) ---------------------------------------------- Main Styles: 1.0 Basics 1.1 Headings 1.2 List Types 1.3 Positions 1.4 Share Buttons 1.5 Icons 1.6 Backlinks 1.7 Buttons 1.8 Text Styles 1.9 Header 1.10 Breadcrumb 1.11 Grid 1.12 Image Styles 1.13 Tabellen 2.0 Main Navigation 2.1 Sub Navigation 2.2 Footer Navigation 3.0 Content Slider 4.0 Overview Pages 4.1 Dekor Infoboxes 4.2 Colors / Background Colors 5.0 Detail Pages 5.1 Dekor Detail Main Info 6.0 Dekordetailseite 7.0 Merkliste 8.0 Anwendungsbeispiele 9.0 Kontakt & Impressum 9.1 Kontaktformulare 9.2 Händler national/international 10.0 Händler Login 10.1 Händlerbereich 10.2 Händlerbereich - Downloads 10.3 Händlerbereich - Marketing Tools 11.0 News & Events 11.1 News Archiv 12.0 Suche 13.0 Content Main Styles 14.0 Footer 14.1 Pre Footer 15.0 Über uns 16.0 ECO HPL 17.0 Cookie Hinweis 18.0 Allerlei 19.0 Banner Media Queries: 1.0 iPad Landscape 1.1 iPad Portrait 2.0 iPhone 6 Landscape 2.1 iPhone 6 Portrait 3.0 iPhone 5 Landscape 3.1 iPhone 4/5 Portrait 3.2 iPhone 4 Landscape ---------------------------------------------------------------------- */ /* ---------------------------------------------------------------------- 1.0 Basics ---------------------------------------------------------------------- */ /* noto-sans-regular - latin */ @font-face { font-family: 'Noto Sans'; font-style: normal; font-weight: 400; src: url("../../files/dekodur/assets/fonts/noto-sans-v27-latin-regular.eot"); /* IE9 Compat Modes */ src: local(''), url("../../files/dekodur/assets/fonts/noto-sans-v27-latin-regular.eot?#iefix") format('embedded-opentype'), /* IE6-IE8 */ url("../../files/dekodur/assets/fonts/noto-sans-v27-latin-regular.woff2") format('woff2'), /* Super Modern Browsers */ url("../../files/dekodur/assets/fonts/noto-sans-v27-latin-regular.woff") format('woff'), /* Modern Browsers */ url("../../files/dekodur/assets/fonts/noto-sans-v27-latin-regular.ttf") format('truetype'), /* Safari, Android, iOS */ url("../../files/dekodur/assets/fonts/noto-sans-v27-latin-regular.svg#NotoSans") format('svg'); /* Legacy iOS */ } /* noto-sans-500 - latin */ @font-face { font-family: 'Noto Sans'; font-style: normal; font-weight: 500; src: url("../../files/dekodur/assets/fonts/noto-sans-v27-latin-500.eot"); /* IE9 Compat Modes */ src: local(''), url("../../files/dekodur/assets/fonts/noto-sans-v27-latin-500.eot?#iefix") format('embedded-opentype'), /* IE6-IE8 */ url("../../files/dekodur/assets/fonts/noto-sans-v27-latin-500.woff2") format('woff2'), /* Super Modern Browsers */ url("../../files/dekodur/assets/fonts/noto-sans-v27-latin-500.woff") format('woff'), /* Modern Browsers */ url("../../files/dekodur/assets/fonts/noto-sans-v27-latin-500.ttf") format('truetype'), /* Safari, Android, iOS */ url("../../files/dekodur/assets/fonts/noto-sans-v27-latin-500.svg#NotoSans") format('svg'); /* Legacy iOS */ } /* noto-sans-700 - latin */ @font-face { font-family: 'Noto Sans'; font-style: normal; font-weight: 700; src: url("../../files/dekodur/assets/fonts/noto-sans-v27-latin-700.eot"); /* IE9 Compat Modes */ src: local(''), url("../../files/dekodur/assets/fonts/noto-sans-v27-latin-700.eot?#iefix") format('embedded-opentype'), /* IE6-IE8 */ url("../../files/dekodur/assets/fonts/noto-sans-v27-latin-700.woff2") format('woff2'), /* Super Modern Browsers */ url("../../files/dekodur/assets/fonts/noto-sans-v27-latin-700.woff") format('woff'), /* Modern Browsers */ url("../../files/dekodur/assets/fonts/noto-sans-v27-latin-700.ttf") format('truetype'), /* Safari, Android, iOS */ url("../../files/dekodur/assets/fonts/noto-sans-v27-latin-700.svg#NotoSans") format('svg'); /* Legacy iOS */ } html { font: 14px 'Noto Sans', sans-serif; font-weight: normal; width: 100vw; max-width: 100vw; overflow-x: hidden; } body { margin: 0 auto; color:#363b44; font-family: 'Noto Sans', sans-serif; width: 100vw; overflow-x: hidden; } * { margin: 0; padding: 0; border: 0; } div { display: block; } a { text-decoration: none; } a:link { color: #c3023b; text-decoration: none; } a:visited { color: #c3023b; text-decoration: none; } a:hover { color: #888a93; text-decoration: none; transition: 0.25s ease-in-out; } a:active { color: #888a93; text-decoration: none; outline: none; } a:focus { outline: none; } .clearall { clear: both; } .clearleft { clear: left; } /* ---------------------------------------------------------------------- 1.1 Headings ---------------------------------------------------------------------- */ h1 { /* Default*/ margin: 15px 0; text-align: center; font-size: 30px; font-weight: bold; color: #c1003c; text-transform: uppercase; } h1.blue { margin: 15px 0; text-align: center; font-size: 30px; font-weight: bold; color: #3b68b0; text-transform: uppercase; } h1.green { margin: 15px 0; text-align: center; font-size: 30px; font-weight: bold; color: #457a68; text-transform: uppercase; } h1.light-green { margin: 15px 0; text-align: center; font-size: 30px; font-weight: bold; color: #5da442; text-transform: uppercase; } h1.dark-red { margin: 15px 0; text-align: center; font-size: 30px; font-weight: bold; color: #a3195f; text-transform: uppercase; } h1.orange { margin: 15px 0; text-align: center; font-size: 30px; font-weight: bold; color: #d67b1d; text-transform: uppercase; } h1.headline-highlight { margin: 15px auto; text-align: center; font-size: 30px; font-weight: bold; color: #fff; border: 1px solid transparent; border-radius: 10px; background-color: #5f71c1; text-transform: none !important; width: 400px; padding: 7px 0; } h1.hl-s-collection { background-image: url("../../files/dekodur/images/icons/icon-s-collection-white.png"); background-position:50px 0; background-repeat: no-repeat; } h1.merkliste { margin: 15px 0; text-align: center; font-size: 30px; font-weight: bold; color: #898993; text-transform: none; } h2.merkliste, h3.merkliste { text-align: center; font-weight: bold; color: #898993; text-transform: none; } h1.merkliste i { color: #c1003c; padding-right: 15px; } h1 span.headline-addition { color: #898993; display: inline; text-transform: none; font-weight: normal; margin-left: 10px; } h2 { text-align: left; font-size: 27px !important; line-height: 30px !important; font-weight: bold; color: #363b44; } h2 a { color: #363b44; } h2 a:hover { color: #c1003c; cursor: pointer; } h2.center { text-align:center; font-size: 22px !important; } span.h2-addition { font-size: 20px; color: #363b44; padding-right: 19px; } span.h2-addition-clean { font-size: 20px; color: #363b44; } h2.news { text-align: left; font-size: 18px !important; line-height: 24px !important; font-weight: bold; color: #C3023B; } h2.ueberuns { text-align: left; font-size: 20px !important; line-height: 28px !important; font-weight: bold; color: #363b44; } h3.dekoplus { font-size: 16; line-height: 22px; font-weight: bold; color: #a3195f; } h3.download { font-size: 14px; line-height: 23px; font-weight: bold; color: #363b44; margin-top:10px; } h3.dekor-bold { font-size: 16; line-height: 22px; font-weight: bold; color: #363b44; } #marketing-tools-content h3 { margin-bottom: 15px; } .news h3 { padding-bottom: 25px; color: #C3023B; } h4 { font-size: 14; line-height: 20px; font-weight: bold; color: #363b44; } h5.dekor-regular { font-size: 12; line-height: 20px; font-weight: normal; color: #363b44; } #anwendungsbeispiele h1 { text-align: center; text-transform: none; } .mod_eventlist h1 { display: none; } .mod_newslist h1 { text-align: left; font-size: 18px; line-height: 24px; font-weight: normal; color: #616161; text-transform: none; width: 80%; margin-left: 20%; border-bottom: 1px solid #c1003c; } #news h2 { padding-left: 40px; background-image: url("/files/dekodur/images/icons/icon-aktuelles.png"); background-size: 23px; background-repeat: no-repeat; font-size: 20px !important; } #messetermine h2 { padding-left: 40px; background-image: url("/files/dekodur/images/icons/icon-globe.png"); background-repeat: no-repeat; background-size: 25px; font-size: 20px !important; } .ce_text h2 { margin-top: 20px; padding-bottom: 10px; } .col-3 h2 { text-align: center; font-size: 18; line-height: 24px; font-weight: bold; color: #363b44; } .small { font-size: 12px; line-height: 18px; } .abstandoben { margin-top: 15px; } .abstandunten { margin-bottom: 15px; } /* ---------------------------------------------------------------------- 1.2 List Types ---------------------------------------------------------------------- */ li.highlight { color: #c1003c; } .pre-footer-article li { line-height: 1.6em; list-style: inherit; list-style-position: inside; } li.standardprogramm.highlight i { float: right; color: #fff; } li.standardprogramm.highlight p { font-size: 1.2em; line-height: 1.7em; padding: 0; } .pre-footer-article p { float: left; } li.standardprogramm.highlight a { width: 126px; float: left; padding-left: 55px; color: #fff !important; } li.standardprogramm.highlight { width: 188px; float: left; margin: -10px 0 0 10px; border: 1px solid #5f71c1; border-radius: 7px; behavior: url("assets/css3pie/1.0.0/PIE.htc"); background: url("/files/dekodur/images/icons/icon-s-collection-white.png") no-repeat 5px -1px #5f71c1; background-size: 30px; list-style: none; } li.standardprogramm.highlight.small { width: 150px !important; } li.standardprogramm.highlight.small a { width: 106px; padding-left: 38px; } li.standardprogramm.highlight.small p { font-size: 1.1em; line-height: 2em; padding: 0; } li { list-style: none; } ul.liste { margin-bottom:15px; } ul.liste.top { margin-top: 15px; } ul.liste li { list-style-position: outside; list-style:none; margin-left:0.6em; line-height:18px; margin-bottom:5px; } ul.liste li:before { content: "\f111"; font-size:0.4em; vertical-align:super; font-family: FontAwesome; display: inline-block; margin-left: -0.6em; width: 2.6em; } ul.liste li span { margin-left: 0.8em; } /* ---------------------------------------------------------------------- 1.3 Positions ---------------------------------------------------------------------- */ .left { float: left; } .right { float: right; } .center { text-align: center; } .bottom { margin-bottom: 15px; } /* ---------------------------------------------------------------------- 1.4 Sharebuttons ---------------------------------------------------------------------- */ #dekor-detail-page-sharebuttons { float: left; position: absolute; min-width: 120px; padding: 4px 10px; background-color: #f1f1f1; border-radius: 10px; top: 490px; margin-left: 20px; } .sharebuttons > ul.fontawesome > li > a { text-indent: 0; text-decoration: none; font-size: 14px; width: 20px; height: 20px; line-height: 20px; text-align: center; color: #fff; background-color: #999999; padding: 1px; margin: 10px 5px; transition: 0.4s; border-radius: 20px; } .sharebuttons > ul.fontawesome > li > a:hover { background-color: #c1003c; color: #fff; } /* ---------------------------------------------------------------------- 1.5 Icons ---------------------------------------------------------------------- */ .fa.reinigungsbestaendigkeit { width: 35px; height: 35px; float: left; background-image: url("../../files/files/dekodur/images/reinigungsbestaendig.png"); margin: 5px 8px; text-align: center; vertical-align: middle; } .fa.lichtecht { width: 35px; height: 35px; float: left; background-image: url("../../files/files/dekodur/images/lichtecht.png"); margin: 5px 8px; text-align: center; vertical-align: middle; } .fa.lebensmittelecht { width: 35px; height: 35px; float: left; background-image: url("../../files/files/dekodur/images/lebensmittelecht.png"); margin: 5px 8px; text-align: center; vertical-align: middle; } .fa.graffitiresistent { width: 35px; height: 35px; float: left; background-image: url("../../files/files/dekodur/images/graffitiresistent.png"); margin: 5px 8px; text-align: center; vertical-align: middle; } .fa.chemikalienbestaendigkeit { width: 35px; height: 35px; float: left; background-image: url("../../files/files/dekodur/images/chemikalienbestaendig.png"); margin: 5px 8px; text-align: center; vertical-align: middle; } .fa.abriebfest { width: 35px; height: 35px; float: left; background-image: url("../../files/files/dekodur/images/abriebfest.png"); margin: 5px 8px; text-align: center; vertical-align: middle; } .fa.stossfestigkeit { width: 35px; height: 35px; float: left; background-image: url("../../files/files/dekodur/images/stossfest.png"); margin: 5px 8px; text-align: center; vertical-align: middle; } .bestaendigkeit { position: absolute; margin-left: 800px; background-color: #faf9f7; margin-top: 345px; border-radius: 7px; width: 160px; border: 1px solid #d5d5d5; } .fa-caret-up { position: absolute; left: 50%; margin-top: -10px; margin-left: -7px; color: #fff !important; padding: 0 7px 5px; background-color: #666; border-radius: 5px; line-height: 20px !important; } /* ---------------------------------------------------------------------- 1.6 Backlinks ---------------------------------------------------------------------- */ .backlink-last a { color: #c1003c; } .backlink-last { position: relative; top: -75px; } .back-to-website { text-align: center; font-size: 14px; font-weight:normal; padding-left: 10px; margin-bottom:60px; } .back-to-website i { vertical-align: -5px; padding-right: 5px; } .back-to-website i.fa-caret-left { color: #a7a7a7; vertical-align: -5px; padding-right: 5px; } /* ---------------------------------------------------------------------- 1.7 Buttons ---------------------------------------------------------------------- */ #button { background-color: #fff; color: #c1003c; border: 1px solid #ccc; padding: 10px 30px; font-size: 1em; } /* ---------------------------------------------------------------------- 1.8 Text Styles ---------------------------------------------------------------------- */ .mod_article .ce_text { width: 960px; margin: 0 auto; } p { padding-bottom: 5.33px; font-size: 14px; line-height: 22px; } p.center { text-align: center; } p.breadcrumb { font-size: 11px; line-height: 16px; } p.button { font-size: 13px; line-height: 18px; color: #a3195f; } p.infobox-regular { float: left; font-size: 12px; line-height: 16px; } p.infobox-bold { float: left; font-size: 12px; line-height: 16px; } p.text-bold { font-weight: bold; } .auszeichnung { font-weight:bold; color: #5f616c; } .neu { font-weight:bold; color: #c1003c; } /* ---------------------------------------------------------------------- 1.9 Header ---------------------------------------------------------------------- */ .header-link.header-link-menu { display: none; } .header-link.header-link-search { display: none; } .header-link-search-dropdown { display: none; } .header-link-menu { display: none; } .header-search-dropdown { display: none; } .search-dropdown input { display: none; } #header-wrapper { height: 115px; background-color: #f7f7f7; width: 100% !important; } .line-top { width: 100%; height: 22px; background-color: #d4d4d4; } #header-inner { width: 960px; margin: 0 auto; } #logo { display: inline-block; vertical-align: -13px; } .header-link { display: inline-block; margin-top: 55px; } .header-link a { padding: 30px 19px; /* padding: 30px 19px;*/ color: #000; } .header-link.small a { padding: 30px 5px; /*padding: 30px 5px;*/ color: #000; } .header-link a:hover { color: #c1003c; transition: 0.25s ease-in-out; } .header-link-home { background-image: url("/files/dekodur/images/top100-innovator-2021.gif"); background-repeat: no-repeat; background-position: 5px 0px; display: inline-block; min-width: 18px; margin: -40px 0 0 0px; min-height: 15px; vertical-align: top; } /*.header-link-home:hover { background-image: url("/files/dekodur/images/icons/icon-home-hover.png"); background-repeat: no-repeat; background-position: 23px 0px; }*/ .header-link-home.small, .header-link-home.small:hover { background-position: 28px 0px !important; } /*wird nirgend angesprochen ... */ .header-link-hiho { background-image: url("/files/dekodur/images/logo-1250Hirschhorn.gif"); background-repeat: no-repeat; background-position: 0px 0px; display: inline-block; min-width: 90px; margin: -40px 25px 0 0px; min-height: 48px; vertical-align: top; } .header-link-merkliste { background-image: url("/files/dekodur/images/icons/icon-merkliste-dark.png"); background-repeat: no-repeat; background-position: 33px 0px; } .header-link-merkliste:hover { background-image: url("/files/dekodur/images/icons/icon-merkliste-hover.png"); background-repeat: no-repeat; background-position: 33px 0px; } .header-link-merkliste.small, .header-link-merkliste.small:hover { background-position: 37px 0px !important; } .header-search-social { display: inline-block; width: 212px; vertical-align: -3px; } .header-search-social.small { width: 200px !important; } .header-search input { width: 200px !important; } .header-search input { width: 210px; padding: 5px 7px 5px 7px; border: 1px solid #d4d4d4; border-radius: 5px; font-size: 14px; color: #616161; float: right; -webkit-appearance: none; } .header-search input:focus { border: 1px solid #c1003c; border-radius: 5px; font-size: 14px; color: #616161; outline: none; transition: 0.3s ease-out; -moz-transition: 0.3s ease-out; -webkit-transition: 0.3s ease-out; } .header-search input:hover { border: 1px solid #c1003c; transition: 0.3s ease-out; } .header-banner { width: 238px; height: 65px; display: inline-block; padding: 3px 10px 0 0; text-align: right; background-color: #fff; border: 1px solid #d4d4d4; border-top: 1px solid transparent; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; vertical-align: 13px; float: right; } .header-banner.small { width: 230px !important; } .header-banner p { font-size: 13px; line-height: 16px; color: #666; } .header-banner p.sub-headline { padding-top: 7px; font-size: 14px; line-height: 14px; font-weight: bold; color: #666; } .header-banner img { width: 100px; float: left; padding: 0 0 5px 10px; } .mod_changelanguage { padding-top: 2px; width: 960px; margin: 0 auto; text-align: right; } ul.language-dropdown { display: inline-block; } ul.language-dropdown li { display: inline-block; width: 55px; } ul.language-dropdown li span, ul.language-dropdown li a { padding-left: 20px; color: #000; opacity: 0.5; font-size: 12px; } ul.language-dropdown li a:hover { opacity: 1; } ul.language-dropdown li span { opacity: 1; } span.lang-de, a.lang-de { background-image: url("/files/dekodur/images/icons/de.png"); background-repeat: no-repeat; background-size: 15px; background-position: 0px 1px; } span.lang-en, a.lang-en { background-image: url("/files/dekodur/images/icons/gb.png"); background-repeat: no-repeat; background-size: 15px; background-position: 0px 1px; } span.lang-fr, a.lang-fr { background-image: url("/files/dekodur/images/icons/fr.png"); background-repeat: no-repeat; background-size: 15px; background-position: 0px 1px; } span.lang-es, a.lang-es { background-image: url("/files/dekodur/images/icons/es.png"); background-repeat: no-repeat; background-size: 15px; background-position: 0px 1px; } .changelanguage-dropdown-active { position: relative; z-index: 1; border: 1px solid #ddd; border-radius: 7px; background-color: #fff; display: none; } .language-dropdown:hover { cursor: pointer; } .language-dropdown:hover > .changelanguage-dropdown-active { display: block; } ul.changelanguage-dropdown-active li { border: none; background-color: transparent; height: 19px; border-radius: 0px; } .highlight-box { margin: 15px auto; text-align: center; font-size: 30px; font-weight: bold; border: 1px solid transparent; border-radius: 10px; background-color: #5f71c1; width: 960px; padding: 7px 0; } .highlight-box p { color: #fff; font-size: 16px; font-weight: normal; padding: 0px !important; } .infobox i.fa-caret-right { color: #c1003c; } .dropdown_social_links { display:none; } /* ---------------------------------------------------------------------- 1.10 Breadcrumb ---------------------------------------------------------------------- */ .mod_breadcrumb { padding-bottom: 15px; width: 960px; margin: 0 auto; font-size: 11px; } .mod_breadcrumb li.first { display: none; } .mod_breadcrumb li { padding-right: 10px; float: left; } .mod_breadcrumb li a { color: #616161; } /* ---------------------------------------------------------------------- 1.11 Grid ---------------------------------------------------------------------- */ .box-container { display: inline-block; } .col-2 { width: 50% !important; display: inline-block; } .col-3 { display: inline-block; padding-top: 20px; width: 297px !important; } .col-3-box-image { width: 297px; margin-bottom: 10px; border: 1px solid #333; border-radius: 10px; behavior: url("assets/css3pie/1.0.0/PIE.htc"); } .col-5 { width: 168px; position: absolute; display: inline-block; } .col-5-double { width: 366px; } .col-spacer-right { padding-right: 15px; vertical-align: top; } .col-spacer-left { padding-left: 15px; vertical-align: top; } .col-spacer-top { margin-top: 15px; } /* ---------------------------------------------------------------------- 1.12 Image Styles ---------------------------------------------------------------------- */ img.decoration { border:solid 1px #8b8781; -moz-box-shadow: 0 0 5px #888; -webkit-box-shadow: 0 0 5px#888; box-shadow: 0 0 5px #888; display:inline-block; } img.bordersolo { border: solid 1px #AEAFB5; } .ce_text img.clean, .ce_image.clean img { border: 0px !important; border-radius: 0px !important; width: auto; } .ce_text img.width { width: auto; } .bilderlinks { float: left; margin: 0 20px 15px 0; max-width: 400px; } .bilderrechts { float: right !important; margin: 0 20px 15px 50px; max-width: 400px; } .gallery-like-products ul li figure img { border: 1px solid #888a93; border-radius: 10px; } div.mod_randomImage.center img { text-align: center; border: 1px solid #888a93; border-radius: 10px; } .topmargin { margin-top: 70px; } /* ---------------------------------------------------------------------- 1.12 Tabellen ---------------------------------------------------------------------- */ .ce_text table tr td { vertical-align: baseline; padding: 3px 15px 3px 0px; line-height: 18px; } .ce_text table.dekospan { padding-left: 25px; width: 500px; } .dekospan > tbody:nth-child(1) > tr:nth-child(1) > td:nth-child(1) { width: 100px; } /* ---------------------------------------------------------------------- 2.0 Main Navigation ---------------------------------------------------------------------- */ .nav { padding: 15px 0; width: 960px; margin: 0 auto; } .nav ul li { display: inline-block; } .nav ul li a { font-size: 15px; color: #616161; width: 110px; display: block; line-height: 31px; padding-left: 10px; } li.active.nav-point.highlight { width: 144px; margin-right: 6px; background-color: #c1003c; border: 1px solid #c1003c; border-top-right-radius: 10px; border-bottom: 2px solid #c1003c; font-weight: normal !important; } li.nav-point.highlight:hover { background-color: #c1003c; border: 1px solid #c1003c; cursor: pointer; border-bottom: 2px solid #c1003c; } li.nav-point.highlight:hover a { color: #fff; cursor: pointer; } li.nav-point:hover a { color: #fff; cursor: pointer; } li.nav-point { width: 100px; margin-right: 6px; background-color: #f7f7f7; border: 1px solid #d5d5d5; border-top-right-radius: 10px; border-bottom: 2px solid #c1003c; } li.nav-point.large { width: 120px !important; } li.nav-point:hover { background-color: #c1003c; border: 1px solid #c1003c; cursor: pointer; border-bottom: 2px solid #c1003c; transition: 0.25s ease-in-out; } li.nav-point a:hover { color: #fff; transition: 0.25s ease-in-out; } li.nav-point.highlight { width: 150px; margin: 0; border: 1px solid #5f71c1; border-bottom: 2px solid #c1003c; background: url("/files/dekodur/images/icons/icon-s-collection-white.png") no-repeat 7px 0px #5f71c1; background-size: 30px; } li.nav-point.highlight a { padding-left: 41px; color: #fff !important; } li.trail.nav-point, li.active.nav-point { width: 100px; margin-right: 6px; background-color: #c1003c; border: 1px solid #c1003c; border-top-right-radius: 10px; border-bottom: 2px solid #c1003c; } li.trail.nav-point a, li.active.nav-point a { color: #fff !important; font-weight: normal !important; } .mod_article .mod_customnav .nav li.last { width: 317px; border-left: 1px solid #616161; } .mod_article .mod_customnav .nav li.first { width: 317px; border-right: 1px solid #616161; } .mod_article .mod_customnav .nav li { width: 316px; line-height: 7em; text-align: center; } .mod_article .mod_customnav .nav { width: 960px; margin: 0 auto; } .mod_article .mod_customnav { margin-bottom: 30px; background-color: #faf9f7; } /*.active.last { font-weight: bold; color: #c1003c; }*/ /* ---------------------------------------------------------------------- 2.1 Sub Navigation ---------------------------------------------------------------------- */ .nav-sub { padding: 15px 0; text-align: center; width: 960px; margin: 0 auto; } .nav-sub ul { display: inline-block; } .nav-sub ul.left { float: left; display: inline-block; } .nav-sub ul.center { position: relative; display: inline-block; } .nav-sub ul.right { float: right; display: inline-block; } .nav-sub ul li a { font-size: 16px; color: #fff !important; text-align: center; line-height: 28px; width: 280px; display: block; } li.nav-point-sub { width: 280px !important; text-align: center; padding: 5px 0 5px 0; background-color: #888a93; border: 1px solid transparent; border-radius: 10px; margin-bottom: 8px; } li.nav-point-sub a { width: 100%; } li.nav-point-sub.red:hover { background-color: #c1003c; cursor: pointer; transition: 0.25s ease-in-out; } li.nav-point-sub.red.active { background-color: #c1003c; cursor: default; } li.nav-point-sub.red.active a { cursor: default; } li.nav-point-sub.blue:hover { background-color: #5f71c1 !important; cursor: pointer; transition: 0.25s ease-in-out; } li.nav-point-sub.metallblue:hover { background-color: #3b68b0 !important; cursor: pointer; transition: 0.25s ease-in-out; } li.nav-point-sub.green:hover { background-color: #457a68 !important; cursor: pointer; transition: 0.25s ease-in-out; } li.nav-point-sub.light-green:hover { background-color: #5da442 !important; cursor: pointer; transition: 0.25s ease-in-out; } li.nav-point-sub.dark-red:hover { background-color: #a3195f !important; cursor: pointer; transition: 0.25s ease-in-out; } li.nav-point-sub.orange:hover { background-color: #d67b1d !important; cursor: pointer; transition: 0.25s ease-in-out; } li.nav-point-sub.firesafe-orange:hover { background-color: #b24126 !important; cursor: pointer; transition: 0.25s ease-in-out; } /* ---------------------------------------------------------------------- 2.2 Footer Navigation ---------------------------------------------------------------------- */ .footer-nav-point { margin-right: 1px; padding: 6px 8px 0 3px; border: 1px solid #f7f7f7; } .footer-nav-point:hover { background-color: #fff; border: 1px solid #d4d4d4; border-radius: 5px; behavior: url("assets/css3pie/1.0.0/PIE.htc"); } /* ---------------------------------------------------------------------- 3.0 Content Slider ---------------------------------------------------------------------- */ .footer-nav-point { margin-right: 3px; padding: 6px 2px 0 2px; border: 1px solid #f7f7f7; } .footer-nav-point:hover { background-color: #fff; border: 1px solid #d4d4d4; border-radius: 5px; behavior: url("assets/css3pie/1.0.0/PIE.htc"); } .mod_rocksolid_slider { margin: 0 auto; } .rsts-skin-default .rsts-prev { left: 20px; border: none; bottom: 250px; } .rsts-skin-default .rsts-next { left: 910px; border: none; bottom: 250px; } .rsts-skin-default .rsts-nav { position: absolute; right: 0px; bottom: 5px; left: 0px; text-align: center; } .bx-wrapper .bx-prev:hover, .bx-wrapper .bx-next:hover { transition: 0s; } a .bx-prev, a .bx-next { transition: none; } .slider-control { position: absolute; } .mod_article .ce_sliderStart .event h3 { position: absolute; margin-top: 20px; margin-left: 150px; } .mod_article .ce_sliderStart { width: 920px; height: 125px; margin-bottom: 15px; padding-right: 20px; padding-left: 20px; background-color: #faf9f7; margin: 0 auto; border-radius: 15px; border: 1px solid #d5d5d5; } /* ---------------------------------------------------------------------- 4.0 Overview Pages 4.1 Dekor Infoboxes ---------------------------------------------------------------------- */ .dekor-overview-wrapper { width: 100%; float: none; border-top: 1px solid #aba9a5; } .dekor-overview-wrapper-inner { width: 960px; margin: 0 auto; padding: 20px 0px; float: none; } .dekor-overview-60-left { width: 570px; padding-right: 10px; display: inline-block; } .dekor-overview-40-right { width: 360px; padding-left: 10px; display: inline-block; float: right; } .dekor-overview-50-left { width: 465px; padding-right: 10px; display: inline-block; } .dekor-overview-50-right { width: 465px; padding-left: 10px; display: inline-block; float: right; } .dekor-overview-70-left { width: 630px; padding-right: 10px; display: inline-block; } .dekor-overview-30-right { width: 300px; padding-left: 10px; display: inline-block; float: right; } .dekor-overview-30-left { width: 300px; padding-right: 10px; display: inline-block; } .dekor-overview-70-right { width: 630px; padding-left: 10px; display: inline-block; float: right; } .dekor-overview-image-clean figure img { border: 1px solid #888a93 !important; border-radius: 10px !important; } .dekor-overview-image figure img { border: 1px solid #888a93 !important; border-radius: 10px !important; } .dekor-overview-image li.col_first { margin-right: 16px; } .last-item { margin-right: -16px; } .ce_image img { border: 1px solid #888a93 !important; border-radius: 10px !important; } #noborder > figure > img { border: none !important; border-radius: 0px !important; } #noborder a:link img { border: none !important; } .strukturvarianten-bg-image { background-image: url("/files/dekodur/images/strukturvarianten/Strukturvarianten-Freisteller.png"); height: 307px; background-repeat: no-repeat; background-position: center; } .strukturvarianten-heading-container { width: 150px; margin: 0 auto; padding-top: 160px; text-align: center !important; } .strukturvarianten-heading-container i { color: #c1003c; } .dekor-overview-text { margin-top: 46px; width: 100%; text-align: right; } .dekor-overview-text h2 a:link, .dekor-overview-text h2 a:visited { color: #363b44; } .dekor-overview-text h2 a:hover, .dekor-overview-text h2 a:active { color: #c1003c; } .extra-top { margin-top: 130px; margin-bottom: 30px; } .dekor-overview-text-magnet { margin-top: 100px; width: 65%; text-align: right; } .dekor-overview-text h2, .dekor-overview-text-magnet h2 { text-align: right !important; line-height: 34px !important; } .dekor-overview-text h2 i.fa-caret-right, .dekor-overview-text-magnet h2 i.fa-caret-right { color: #c1003c; padding-left: 10px; } .example-images-small { width: 360px; } .dekor-example-image-small { width: 170px; display: inline-block; margin-top: 50px; } .dekor-example-image-long { width: 219px; display: inline-block; margin-top: 50px; } .dekor-example-image-large { width: 360px; display: inline-block; margin-top: 117px; } .full-width-image { width: 960px; } .ce_image.dekor-overview-image.block { overflow: visible; margin-bottom: -3px; } .product div.formbody { position: relative; } .product h3 a { font-size: 14px; font-weight: normal; color: #616161; background-color: rgba(255, 255, 255, .7); border: 1px solid #d4d4d4; border-radius: 0 0 7px 7px; display: inline-block; width: 166px; padding: 5px; } .product .details { display: none; } .sku { display: none; } .product.product_last { padding-right: 0; } .product .image_container a { overflow: hidden; } .product .image_container img { border: 1px solid #888a93; border-radius: 10px; width: 178px; height: 248px; display: block; } .price { display: none; } /* ---------------------------------------------------------------------- 4.2 Colors / Background Colors ---------------------------------------------------------------------- */ #aluminium-hpl-overview, #aluminum-hpl-overview, #hpl-en-aluminium-overview, #aluminio-hpl-overview { background-color: #e7e7e8; } #aluminium-hpl-gestanzt-overview, #aluminum-hpl-punched-overview, #hpl-en-aluminium-poinconne-overview, #aluminio-hpl-punzado-overview { background-color: #b1ca76; } #aluminium-hpl-gebuerstet-overview, #aluminum-hpl-grinding-patterns-overview, #hpl-en-aluminium-brosses-overview, #aluminio-hpl-cepillado-overview { background-color: #aca79d; } #kupfer-hpl-overview, #copper-hpl-overview, #cuivre-hpl-overview, #cobre-hpl-overview { background-color: #f2e2c6; } #zinn-hpl-overview, #tin-hpl-overview, #etain-hpl-overview, #estano-hpl-overview { background-color: #f2eada; } #edelstahl-hpl-overview, #stainless-steel-hpl-overview, #hpl-en-acier-inoxydable-overview, #acero-inoxidable-hpl-overview { background-color: #acafb1; } #strukturvarianten, #structures, #variantes-de-structures-en-metal-overview, #variantes-de-structure-pour-hpl-en-melamine-overview, #estructuras-en-metal-overview, #variantes-de-estructura-overview { background-color: #e7e7e8; height: 307px; } #strukturvarianten div.dekor-overview-wrapper-inner, #structures div.dekor-overview-wrapper-inner { padding: 0px !important; } #magnethaftende-hpl-overview, #magnetic-hpl-overview, #hpl-magnetique-overview, #magnetico-overview { background-color: #e6e4e2; } #kuenstlermotive-hpl-overview, #artists-motifs-in-hpl-overview, #hpl-avec-motifs-dessines-par-des-artistes-overview, #motivos-creativos-en-hpl-overview { background-color: #c5d0cc; } #kuenstlermotive-kupfer-overview, #artists-motifs-in-copper-overview, #motifs-en-cuivre-dessines-par-des-artistes-overview, #motivos-creativos-en-cobre-overview { background-color: #e5dfd5; } #kuenstlermotive-in-echtgold-overview, #artists-motifs-with-gold-23k-overview, #motifs-en-or-23k-dessines-par-des-artistes-overview, #motivos-creativos-con-oro-23k-overview { background-color: #f1eee6; } #bark-cloth-overview, #bark-cloth-broadcloth-panel-overview, #bark-cloth-tissu-decorce-hpl-overview, #bark-cloth-tela-gruesa-hpl-overview { background-color: #f5eedb; } #echtholzdekore-overview, #real-wood-surfaces-overview, #decors-en-bois-veritable-overview, #decorados-de-madera-genuino-overview { background-color: #f9f6ee; } #echt-bernstein-hpl-overview, #real-amber-hpl-overview, #hpl-en-ambre-veritable-overview, #ambar-genuino-hpl-overview { background-color: #ada59d; } #bio-komposit-platten-overview, #re-y-stone-biocomposite-board-overview, #re-y-stone-bio-composite-boards-overview, #re-y-stone-placas-de-composite-biologico-overview { background-color: #ede7db; } #echtleder-dekore-overview, #genuine-leather-overview, #genuine-decors-en-cuir-overview. #decorados-de-cuero-genuino-overview { background-color: #dad3c7; } #dekocore, #hpl-with-core-dyed-throughout-overview, #hpl-avec-ame-couleur-dans-la-masse-overview, #hpl-con-nucleo-pintado-overview { background-color: #c5c1bd; } #unifarben-overview, #solid-colors-overview, #hpl-avec-surfaces-de-couleur-unie-overview, #hpl-superficies-de-colores-unicos-overview { background-color: #8c847b; } #magic-touch-overview, #magic-touch-en-overview, #magic-touch-fr-overview, #magic-touch-es-overview { background-color: #d9d9d9; } #filigran-line-overview, #filigran-line-en-overview, #filigran-line-fr-overview, #filigran-line-es-overview { background-color: #cfc4b4; } #alu-kompakt-overview, #alu-compact-overview, #aluminium-compact-boards-overview, #aluminio-compacto-overview { background-color: #b9bec8; } #fantasie-und-holzdekore-overview, #fantasy-and-wooden-designs-overview, #decors-fantaisie-et-en-bois-overview, #decorados-de-fantasia-y-de-madera-overview { background-color: #e2d7c7; } #transluzentes-hpl-overview, #translucent-hpl-overview, #hpl-translucide-overview, #translucido-hpl-overview { background-color: #cfddf2; } #digitaldrucke-in-HPL-overview, #digital-print-in-hpl-overview, #impression-numerique-sur-hpl-overview, #impresion-digital-en-hpl-overview { background-color: #f2efe8; } #graviermaterial-overview, #engraving-material-overview, #materiel-de-gravure-overview, #material-de-gravado-overview { background-color: #99a7be; } #magnet-overview, #hpl-magnetique-overview { background-color: #e6e4e2; } #firesafe-overview { background-color: #ebd9c8; } #verbundelemente-postformingelemente-direktbeschichtung-overview, #dekospan-overview, #dekospan-en-overview, #dekospan-fr-overview, #dekospan-es-overview { background-color: #dedbd5; } #ummantelungsfolie-endloslaminat-kantenmaterial-overview, #dekofoil-en-overview, #dekofoil-fr-overview, #dekofoil-es-overview { background-color: #f9f6ee; } #verbundelemente-postformingelemente-direktbeschichtung .bg1, #composite-elements-post-forming-elements-direct-coating .bg1, #dekospan-fr .bg1, #impraegnierte-papiere .bg1, #impregnated-paper .bg1, #papier-impregne .bg1, #dekospan-es .bg1, #papeles-impregnados .bg1 { background-color: #dedbd5; border-top: 1px solid #b3b0ad; padding-bottom: 25px; } #verbundelemente-postformingelemente-direktbeschichtung .bg2, #composite-elements-post-forming-elements-direct-coating .bg2, #dekospan-fr .bg2, #dekospan-es .bg2 { background-color: #f9f6ee; border-top: 1px solid #b3b0ad; padding-bottom: 25px; } #verbundelemente-postformingelemente-direktbeschichtung .bg3, #composite-elements-post-forming-elements-direct-coating .bg3 #dekospan-fr .bg3, #dekospan-es .bg3 { background-color: #dedbd5; border-top: 1px solid #b3b0ad; padding-bottom: 25px; } #ummantelungsfolie-endloslaminat-kantenmaterial .bg1, #coating-film-endless-laminate-and-edge-material .bg1, #dekofoil-fr .bg1, #dekofoil-es .bg1, #aluminium-dampfsperre-hpl .bg1, #aluminium-vapour-barrier-laminate .bg1, #pare-vapeur-en-aluminium-laminate-hpl .bg1, #barrera-de-vapor-de-aluminio-hpl .bg1 { background-color: #dedbd5; border-top: 1px solid #b3b0ad; padding-bottom: 25px; } #s-collection-de, #s-collection-en, #s-collection-es, #s-collection-fr { background-color: #faf9f7; border-top: 1px solid #aba9a5; } #aluminium-hpl-s-collection-products, #aluminum-hpl-s-collection-products, #aluminium-hpl-gestanzt-s-collection-products, #aluminium-hpl-punched-s-collection-products, #aluminium-hpl-gebuerstet-s-collection-products, #aluminium-hpl-brushed-s-collection-products, #kupfer-hpl-s-collection-products, #copper-hpl-s-collection-products, #zinn-hpl-s-collection-products, #tin-hpl-s-collection-products, #edelstahl-hpl-s-collection-products, #stainless-steel-hpl-s-collection-products, #kuenstlermotive-in-hpl-s-collection-products, #art-concept-en-s-collection-products, #kuenstlermotive-in-kupfer-s-collection-products, #unique-art-en-s-collection-products, #kuenstlermotive-in-echtgold-s-collection-products, #royal-art-en-s-collection-products, #bark-cloth-rindentuch-hpl-s-collection-products, #bark-cloth-en-s-collection-products, #echtholzdekore-s-collection-products, #echt-bernstein-hpl-s-collection-products, #re-y-stone-bio-komposit-platten-s-collection-products, #echtleder-hpl-s-collection-products, #genuine-wood-decors-s-collection-products, #genuine-amber-hpl-s-collection-products, #re-y-stone-bio-composite-boards-s-collection-products, #genuine-leather-decors-s-collection-products, #hpl-mit-durchgefaerbtem-kern-s-collection-products, #filigran-line-s-collection-products, #unifarben-s-collection-products, #graviermaterial-s-collection-products, #digitaldruck-in-hpl-s-collection-products, #transluzentes-hpl-s-collection-products, #fantasie-und-holzdekore-s-collection-products, #strukturen-metall-s-collection-products, #structure-variants-for-hpl-in-metal-s-collection-products, #strukturen-melamin-s-collection-products, #magnethaftende-hpl-s-collection-products, #magnetic-hpl-s-collection-products, #alu-kompakt-s-collection-products, #firesafe-s-collection-products, #hpl-with-through-colour-core-s-collection-products, #hpl-with-plain-coloured-surfaces-s-collection-products, #filigran-line-en-s-collection-products, #alu-compact-s-collection-products, #fantasy-and-wooden-decors-s-collection-products, #translucent-hpl-s-collection-products, #digital-printing-in-hpl-s-collection-products, #structure-variants-for-hpl-in-melamine-s-collection-products, #engraving-material-s-collection-products, #hpl-en-aluminium-s-collection-products, #hpl-en-aluminium-poinconne-s-collection-products, #hpl-en-aluminium-brosses-s-collection-products, #cuivre-hpl-s-collection-products, #etain-hpl-s-collection-products, #hpl-en-acier-inoxydable-s-collection-products, #hpl-magnetique-s-collection-products, #hpl-avec-motifs-dessines-par-des-artistes-s-collection-products, #motifs-en-cuivre-dessines-par-des-artistes-s-collection-products, #hpl-avec-ame-couleur-dans-la-masse-s-collection-products, #aluminio-hpl-s-collection-products, #aluminio-hpl-punzado-s-collection-products, #aluminio-hpl-cepillado-s-collection-products, #cobre-hpl-s-collection-products, #estano-hpl-s-collection-products, #acero-inoxidable-hpl-s-collection-products, #hpl-con-nucleo-pintado-s-collection-products, #hpl-con-adhesion-magnetica-s-collection-products, #motivos-creativos-en-hpl-s-collection-products, #motivos-creativos-en-cobre-s-collection-products, #motivos-creativos-con-oro-23k-s-collection-products, #magic-touch-s-collection-products, #magic-touch-s-collection-products-en, #magic-touch-s-collection-products-es, #magic-touch-s-collection-products-fr, #dekonova-s-collection-products, #dekonova-s-collection-products-en, #dekonova-s-collection-products-es, #dekonova-s-collection-products-fr { background-color: #d5ddf6; border-top: 1px solid #aba9a5; } #aluminium-hpl-products, #aluminum-hpl-products, #aluminium-hpl-gestanzt-products, #aluminium-hpl-punched-products, #aluminium-hpl-gebuerstet-products, #aluminium-hpl-brushed-products, #kupfer-hpl-products, #copper-hpl-products, #zinn-hpl-products, #tin-hpl-products, #edelstahl-hpl-products, #stainless-steel-hpl-products, #kuenstlermotive-in-hpl-products, #art-concept-en-products, #kuenstlermotive-in-kupfer-products, #unique-art-en-products, #kuenstlermotive-in-echtgold-products, #royal-art-en-products, #bark-cloth-rindentuch-hpl-products, #bark-cloth-en-products, #echtholzdekore-products, #echt-bernstein-hpl-products, #genuine-amber-hpl-products, #re-y-stone-bio-komposit-platten-products, #re-y-stone-bio-composite-boards-products, #echtleder-hpl-products, #genuine-leather-decors-products, #genuine-wood-decors-products, #hpl-mit-durchgefaerbtem-kern-products, #filigran-line-products, #unifarben-products, #graviermaterial-products, #digitaldruck-in-hpl-products, #transluzentes-hpl-products, #fantasie-und-holzdekore-products, #strukturen-metall-products, #structure-variants-for-hpl-in-metal-products, #strukturen-melamin-products, #magnethaftende-hpl-products, #magnetic-hpl-products, #alu-kompakt-products, #firesafe-products, #firesafe-en-products, #firesafe-fr-products, #firesafe-es-products, #hpl-with-through-colour-core-products, #hpl-with-plain-coloured-surfaces-products, #filigran-line-en-products, #alu-compact-products, #fantasy-and-wooden-decors-products, #translucent-hpl-products, #digital-printing-in-hpl-products, #structure-variants-for-hpl-in-melamine-products, #engraving-material-products, #hpl-en-aluminium-products, #hpl-en-aluminium-poinconne-products, #hpl-en-aluminium-brosses-products, #cuivre-hpl-products, #etain-hpl-products, #hpl-en-acier-inoxydable-products, #variantes-de-structures-pour-hpl-en-metal-products, #hpl-magnetique-products, #hpl-avec-motifs-dessines-par-des-artistes-products, #motifs-en-cuivre-dessines-par-des-artistes-products, #motifs-en-or-23k-dessines-par-des-artistes-products, #bark-cloth-products-fr, #decors-en-bois-veritable-products, #hpl-en-ambre-veritable-products, #re-y-stone-fr-products, #genuine-decors-en-cuir-products, #hpl-avec-ame-couleur-dans-la-masse-products, #hpl-avec-surfaces-de-couleur-unie-products, #filigran-line-fr-products, #alu-compact-fr-products, #decors-fantaisie-et-en-bois-products, #hpl-translucide-products, #impression-numerique-sur-hpl-products, #variantes-de-structure-pour-hpl-en-melamine-products, #materiel-de-gravure-products, #aluminio-hpl-products, #aluminio-hpl-punzado-products, #aluminio-hpl-cepillado-products, #cobre-hpl-products, #estano-hpl-products, #acero-inoxidable-hpl-products, #variantes-de-estructura-en-metal-products, #hpl-con-nucleo-pintado-products, #hpl-superficies-de-colores-unicos-products, #filigran-line-es-products, #aluminio-compacto-products, #decorados-de-fantasia-y-de-madera-products, #translucido-hpl-products, #impresion-digital-en-hpl-products, #variantes-de-estructura-para-hpl-en-melamina-products, #material-de-gravado-products, #hpl-con-adhesion-magnetica-products, #motivos-creativos-en-hpl-products, #motivos-creativos-en-cobre-products, #motivos-creativos-con-oro-23k-products, #bark-cloth-products, #decorados-de-madera-genuino-products, #ambar-genuino-hpl-products, #re-y-stone-placas-de-composite-biologico-products, #decorados-de-cuero-genuino-products, #magic-touch-products, #magic-touch-products-en, #magic-touch-products-es, #magic-touch-products-fr { background-color: #f8f4ee; border-top: 1px solid #aba9a5; } #aluminium-hpl-anwendungsbeispiele, #aluminum-hpl-application-examples, #aluminium-hpl-gestanzt-anwendungsbeispiele, #aluminium-hpl-punched-application-examples, #aluminium-hpl-gebuerstet-anwendungsbeispiele, #aluminium-hpl-brushed-application-examples, #kupfer-hpl-anwendungsbeispiele, #copper-hpl-application-examples, #zinn-hpl-anwendungsbeispiele, #tin-hpl-application-examples, #edelstahl-hpl-anwendungsbeispiele, #stainless-steel-hpl-application-examples, #aluminium-hpl-s-collection-anwendungsbeispiele, #aluminium-hpl-gestanzt-s-collection-anwendungsbeispiele, #aluminium-hpl-gebuerstet-s-collection-anwendungsbeispiele, #kupfer-hpl-s-collection-anwendungsbeispiele, #zinn-hpl-s-collection-anwendungsbeispiele, #edelstahl-hpl-s-collection-anwendungsbeispiele, #kuenstlermotive-in-hpl-s-collection-anwendungsbeispiele, #art-concept-en-application-examples, #kuenstlermotive-in-kupfer-s-collection-anwendungsbeispiele, #unique-art-en-application-examples, #kuenstlermotive-in-echtgold-s-collection-anwendungsbeispiele, #royal-art-en-application-examples, #bark-cloth-rindentuch-hpl-s-collection-products-anwendungsbeispiele, #bark-cloth-en-application-examples, #echtholzdekore-s-collection-products-anwendungsbeispiele, #genuine-wood-decors-application-examples, #echt-bernstein-hpl-s-collection-products-anwendungsbeispiele, #genuine-amber-hpl-application-examples, #re-y-stone-bio-komposit-platten-s-collection-products-anwendungsbeispiele, #re-y-stone-bio-composite-boards-application-examples, #echtleder-hpl-s-collection-products-anwendungsbeispiele, #genuine-leather-decors-application-examples, #hpl-mit-durchgefaerbtem-kern-s-collection-products-anwendungsbeispiele, #filigran-line-s-collection-products-anwendungsbeispiele, #unifarben-s-collection-products-anwendungsbeispiele, #graviermaterial-s-collection-products-anwendungsbeispiele, #digitaldruck-in-hpl-s-collection-products-anwendungsbeispiele, #transluzentes-hpl-s-collection-products-anwendungsbeispiele, #fantasie-und-holzdekore-s-collection-products-anwendungsbeispiele, #strukturen-metall-s-collection-products-anwendungsbeispiele, #structure-variants-for-hpl-in-metal-application-examples, #strukturen-melamin-s-collection-products-anwendungsbeispiele, #magnethaftende-hpl-s-collection-products-anwendungsbeispiele, #magnetic-hpl-application-examples, #alu-kompakt-s-collection-products-anwendungsbeispiele, #firesafe-s-collection-products-anwendungsbeispiele, #hpl-with-through-colour-core-application-examples, #hpl-with-plain-coloured-surfaces-application-examples, #filigran-line-en-application-examples, #alu-compact-application-examples, #fantasy-and-wooden-decors-application-examples, #translucent-hpl-application-examples, #digital-printing-in-hpl-application-examples, #structure-variants-for-hpl-in-melamine-application-examples, #engraving-material-application-examples, #hpl-en-aluminium-exemples-dapplication, #hpl-en-aluminium-poinconne-exemples-dapplication, #hpl-en-aluminium-brosses-exemples-dapplication, #cuivre-hpl-exemples-dapplication, #etain-hpl-exemples-dapplication, #hpl-en-acier-inoxydable-exemples-dapplication, #variantes-de-structures-pour-hpl-en-metal-exemples-dapplication, #hpl-magnetique-exemples-dapplication, #hpl-avec-motifs-dessines-par-des-artistes-exemples-dapplication, #motifs-en-cuivre-dessines-par-des-artistes-exemples-dapplication, #exemples-dapplication-de-la-collection-exemples-dapplication, #bark-cloth-exemples-dapplication, #decors-en-bois-veritable-exemples-dapplication, #hpl-en-ambre-veritable-exemples-dapplication, #re-y-stone-exemples-dapplication, #genuine-decors-en-cuir-exemples-dapplication, #hpl-avec-ame-couleur-dans-la-masse-products-exemples-dapplication, #hpl-avec-surfaces-de-couleur-unie-exemples-dapplication, #filigran-line-exemples-dapplication, #alu-compact-exemples-dapplication, #decors-fantaisie-et-en-bois-exemples-dapplication, #hpl-translucide-exemples-dapplication, #impression-numerique-sur-hpl-exemples-dapplication, #variantes-de-structure-pour-hpl-en-melamine-exemples-dapplication, #materiel-de-gravure-exemples-dapplication, #aluminio-hpl-ejemplos-de-aplicacion, #aluminio-hpl-punzado-ejemplos-de-aplicacion, #aluminio-hpl-cepillado-ejemplos-de-aplicacion, #cobre-hpl-ejemplos-de-aplicacion, #estano-hpl-ejemplos-de-aplicacion, #acero-inoxidable-hpl-ejemplos-de-aplicacion, #variantes-de-estructura-ejemplos-de-aplicacion, #hpl-con-nucleo-pintado-ejemplos-de-aplicacion, #hpl-superficies-de-colores-unicos-ejemplos-de-aplicacion, #filigran-line-ejemplos-de-aplicacion, #aluminio-compacto-ejemplos-de-aplicacion, #decorados-de-fantasia-y-de-madera-ejemplos-de-aplicacion, #translucido-hpl-ejemplos-de-aplicacion, #impresion-digital-en-hpl-ejemplos-de-aplicacion, #variantes-de-estructura-para-hpl-en-melamina-ejemplos-de-aplicacion, #material-de-gravado-ejemplos-de-aplicacion, #hpl-con-adhesion-magnetica-ejemplos-de-aplicacion, #motivos-creativos-en-hpl-ejemplos-de-aplicacion, #motivos-creativos-en-cobre-ejemplos-de-aplicacion, #motivos-creativos-con-oro-23k-ejemplos-de-aplicacion, #bark-cloth-ejemplos-de-aplicacion, #decorados-de-madera-genuino-ejemplos-de-aplicacion, #ambar-genuino-hpl-ejemplos-de-aplicacion, #re-y-stone-placas-de-composite-biologico-ejemplos-de-aplicacion, #decorados-de-cuero-genuino-ejemplos-de-aplicacion, #magic-touch-anwendungsbeispiele, #magic-touch-application-examples, #magic-touch-ejemplos-de-aplicacion, #magic-touch-exemples-dapplication { background-color: #fbf9f7; border-top: 1px solid #aba9a5; } #aluminium-hpl-s-collection-products .mod_iso_productlist, #aluminum-hpl-s-collection-products .mod_iso_productlist, #aluminium-hpl-gestanzt-s-collection-products .mod_iso_productlist, #aluminium-hpl-punched-s-collection-products .mod_iso_productlist, #aluminium-hpl-gebuerstet-s-collection-products .mod_iso_productlist, #aluminium-hpl-brushed-s-collection-products .mod_iso_productlist, #kupfer-hpl-s-collection-products .mod_iso_productlist, #copper-hpl-s-collection-products .mod_iso_productlist, #zinn-hpl-s-collection-products .mod_iso_productlist, #tin-hpl-s-collection-products .mod_iso_productlist, #edelstahl-hpl-s-collection-products .mod_iso_productlist, #stainless-steel-hpl-s-collection-products .mod_iso_productlist, #kuenstlermotive-in-hpl-s-collection-products .mod_iso_productlist, #art-concept-en-s-collection-products .mod_iso_productlist, #kuenstlermotive-in-kupfer-s-collection-products .mod_iso_productlist, #unique-art-en-s-collection-products .mod_iso_productlist, #kuenstlermotive-in-echtgold-s-collection-products .mod_iso_productlist, #royal-art-en-s-collection-products .mod_iso_productlist, #bark-cloth-rindentuch-hpl-s-collection-products .mod_iso_productlist, #bark-cloth-en-s-collection-products .mod_iso_productlist, #echtholzdekore-s-collection-products .mod_iso_productlist, #echt-bernstein-hpl-s-collection-products .mod_iso_productlist, #re-y-stone-bio-komposit-platten-s-collection-products .mod_iso_productlist, #echtleder-hpl-s-collection-products .mod_iso_productlist, #genuine-wood-decors-s-collection-products .mod_iso_productlist, #genuine-amber-hpl-s-collection-products .mod_iso_productlist, #re-y-stone-bio-composite-boards-s-collection-products .mod_iso_productlist, #genuine-leather-decors-s-collection-products .mod_iso_productlist, #hpl-mit-durchgefaerbtem-kern-s-collection-products .mod_iso_productlist, #filigran-line-s-collection-products .mod_iso_productlist, #unifarben-s-collection-products .mod_iso_productlist, #graviermaterial-s-collection-products .mod_iso_productlist, #digitaldruck-in-hpl-s-collection-products .mod_iso_productlist, #transluzentes-hpl-s-collection-products .mod_iso_productlist, #fantasie-und-holzdekore-s-collection-products .mod_iso_productlist, #strukturen-metall-s-collection-products .mod_iso_productlist, #structure-variants-for-hpl-in-metal-s-collection-products .mod_iso_productlist, #strukturen-melamin-s-collection-products .mod_iso_productlist, #magnethaftende-hpl-s-collection-products .mod_iso_productlist, #magnetic-hpl-s-collection-products .mod_iso_productlist, #alu-kompakt-s-collection-products .mod_iso_productlist, #firesafe-s-collection-products .mod_iso_productlist, #hpl-with-through-colour-core-s-collection-products .mod_iso_productlist, #hpl-with-plain-coloured-surfaces-s-collection-products .mod_iso_productlist, #filigran-line-en-s-collection-products .mod_iso_productlist, #alu-compact-s-collection-products .mod_iso_productlist, #fantasy-and-wooden-decors-s-collection-products .mod_iso_productlist, #translucent-hpl-s-collection-products .mod_iso_productlist, #digital-printing-in-hpl-s-collection-products .mod_iso_productlist, #structure-variants-for-hpl-in-melamine-s-collection-products .mod_iso_productlist, #engraving-material-s-collection-products .mod_iso_productlist, #hpl-en-aluminium-s-collection-products .mod_iso_productlist, #hpl-en-aluminium-poinconne-s-collection-products .mod_iso_productlist, #hpl-en-aluminium-brosses-s-collection-products .mod_iso_productlist, #cuivre-hpl-s-collection-products .mod_iso_productlist, #etain-hpl-s-collection-products .mod_iso_productlist, #hpl-en-acier-inoxydable-s-collection-products .mod_iso_productlist, #hpl-magnetique-s-collection-products .mod_iso_productlist, #hpl-avec-motifs-dessines-par-des-artistes-s-collection-products .mod_iso_productlist, #motifs-en-cuivre-dessines-par-des-artistes-s-collection-products .mod_iso_productlist, #hpl-avec-ame-couleur-dans-la-masse-s-collection-products .mod_iso_productlist, #aluminio-hpl-s-collection-products .mod_iso_productlist, #aluminio-hpl-punzado-s-collection-products .mod_iso_productlist, #aluminio-hpl-cepillado-s-collection-products .mod_iso_productlist, #cobre-hpl-s-collection-products .mod_iso_productlist, #estano-hpl-s-collection-products .mod_iso_productlist, #acero-inoxidable-hpl-s-collection-products .mod_iso_productlist, #hpl-con-nucleo-pintado-s-collection-products .mod_iso_productlist, #hpl-con-adhesion-magnetica-s-collection-products .mod_iso_productlist, #motivos-creativos-en-hpl-s-collection-products .mod_iso_productlist, #motivos-creativos-en-cobre-s-collection-products .mod_iso_productlist, #motivos-creativos-con-oro-23k-s-collection-products .mod_iso_productlist, #magic-touch-products-s-collection-products .mod_iso_productlist, #magic-touch-s-collection-products .mod_iso_productlist, #magic-touch-s-collection-products-en .mod_iso_productlist, #magic-touch-s-collection-products-es .mod_iso_productlist, #magic-touch-s-collection-products-fr .mod_iso_productlist, #dekonova-s-collection-products .mod_iso_productlist, #dekonova-s-collection-products-en .mod_iso_productlist, #dekonova-s-collection-products-es .mod_iso_productlist, #dekonova-s-collection-products-fr .mod_iso_productlist { background-color: #d5ddf6; } #aluminium-hpl-products .mod_iso_productlist, #aluminum-hpl-products .mod_iso_productlist, #aluminium-hpl-gestanzt-products .mod_iso_productlist, #aluminium-hpl-punched-products .mod_iso_productlist, #aluminium-hpl-gebuerstet-products .mod_iso_productlist, #aluminium-hpl-brushed-products .mod_iso_productlist, #kupfer-hpl-products .mod_iso_productlist, #copper-hpl-products .mod_iso_productlist, #zinn-hpl-products .mod_iso_productlist, #tin-hpl-products .mod_iso_productlist, #edelstahl-hpl-products .mod_iso_productlist, #stainless-steel-hpl-products .mod_iso_productlist, #kuenstlermotive-in-hpl-products .mod_iso_productlist, #art-concept-en-products .mod_iso_productlist, #kuenstlermotive-in-kupfer-products .mod_iso_productlist, #unique-art-en-products .mod_iso_productlist, #kuenstlermotive-in-echtgold-products .mod_iso_productlist, #royal-art-en-products .mod_iso_productlist, #bark-cloth-rindentuch-hpl-products .mod_iso_productlist, #bark-cloth-en-products .mod_iso_productlist, #echtholzdekore-products .mod_iso_productlist, #echt-bernstein-hpl-products .mod_iso_productlist, #re-y-stone-bio-komposit-platten-products .mod_iso_productlist, #echtleder-hpl-products .mod_iso_productlist, #genuine-wood-decors-products .mod_iso_productlist, #genuine-amber-hpl-products .mod_iso_productlist, #re-y-stone-bio-composite-boards-products .mod_iso_productlist, #genuine-leather-decors-products .mod_iso_productlist, #hpl-mit-durchgefaerbtem-kern-products .mod_iso_productlist, #filigran-line-products .mod_iso_productlist, #unifarben-products .mod_iso_productlist, #graviermaterial-products .mod_iso_productlist, #digitaldruck-in-hpl-products .mod_iso_productlist, #transluzentes-hpl-products .mod_iso_productlist, #fantasie-und-holzdekore-products .mod_iso_productlist, #strukturen-metall-products .mod_iso_productlist, #structure-variants-for-hpl-in-metal-products .mod_iso_productlist, #strukturen-melamin-products .mod_iso_productlist, #magnethaftende-hpl-products .mod_iso_productlist, #magnetic-hpl-products .mod_iso_productlist, #alu-kompakt-products .mod_iso_productlist, #firesafe-products .mod_iso_productlist, #hpl-with-through-colour-core-products .mod_iso_productlist, #hpl-with-plain-coloured-surfaces-products .mod_iso_productlist, #filigran-line-en-products .mod_iso_productlist, #alu-compact-products .mod_iso_productlist, #fantasy-and-wooden-decors-products .mod_iso_productlist, #translucent-hpl-products .mod_iso_productlist, #digital-printing-in-hpl-products .mod_iso_productlist, #structure-variants-for-hpl-in-melamine-products .mod_iso_productlist, #engraving-material-products .mod_iso_productlist, #hpl-en-aluminium-products .mod_iso_productlist, #hpl-en-aluminium-poinconne-products .mod_iso_productlist, #hpl-en-aluminium-brosses-products .mod_iso_productlist, #cuivre-hpl-products .mod_iso_productlist, #etain-hpl-products .mod_iso_productlist, #hpl-en-acier-inoxydable-products .mod_iso_productlist, #variantes-de-structures-pour-hpl-en-metal-products .mod_iso_productlist, #hpl-magnetique-products .mod_iso_productlist, #hpl-avec-motifs-dessines-par-des-artistes-products .mod_iso_productlist, #motifs-en-cuivre-dessines-par-des-artistes-products .mod_iso_productlist, #motifs-en-or-23k-dessines-par-des-artistes-products .mod_iso_productlist, #bark-cloth-products-fr .mod_iso_productlist, #decors-en-bois-veritable-products .mod_iso_productlist, #hpl-en-ambre-veritable-products .mod_iso_productlist, #re-y-stone-fr-products .mod_iso_productlist, #genuine-decors-en-cuir-products .mod_iso_productlist, #hpl-avec-ame-couleur-dans-la-masse-products .mod_iso_productlist, #hpl-avec-surfaces-de-couleur-unie-products .mod_iso_productlist, #filigran-line-fr-products .mod_iso_productlist, #alu-compact-fr-products .mod_iso_productlist, #decors-fantaisie-et-en-bois-products .mod_iso_productlist, #hpl-translucide-products .mod_iso_productlist, #impression-numerique-sur-hpl-products .mod_iso_productlist, #variantes-de-structure-pour-hpl-en-melamine-products .mod_iso_productlist, #materiel-de-gravure-products .mod_iso_productlist, #aluminio-hpl-products .mod_iso_productlist, #aluminio-hpl-punzado-products .mod_iso_productlist, #aluminio-hpl-cepillado-products .mod_iso_productlist, #cobre-hpl-products .mod_iso_productlist, #estano-hpl-products .mod_iso_productlist, #acero-inoxidable-hpl-products .mod_iso_productlist, #variantes-de-estructura-en-metal-products .mod_iso_productlist, #hpl-con-nucleo-pintado-products .mod_iso_productlist, #hpl-superficies-de-colores-unicos-products .mod_iso_productlist, #filigran-line-es-products .mod_iso_productlist, #aluminio-compacto-products .mod_iso_productlist, #decorados-de-fantasia-y-de-madera-products .mod_iso_productlist, #translucido-hpl-products .mod_iso_productlist, #impresion-digital-en-hpl-products .mod_iso_productlist, #variantes-de-estructura-para-hpl-en-melamina-products .mod_iso_productlist, #material-de-gravado-products .mod_iso_productlist, #hpl-con-adhesion-magnetica-products .mod_iso_productlist, #motivos-creativos-en-hpl-products .mod_iso_productlist, #motivos-creativos-en-cobre-products .mod_iso_productlist, #motivos-creativos-con-oro-23k-products .mod_iso_productlist, #bark-cloth-products .mod_iso_productlist, #decorados-de-madera-genuino-products .mod_iso_productlist, #ambar-genuino-hpl-products .mod_iso_productlist, #re-y-stone-placas-de-composite-biologico-products .mod_iso_productlist, #decorados-de-cuero-genuino-products .mod_iso_productlist, #magic-touch-products .mod_iso_productlist, #magic-touch-products-en .mod_iso_productlist, #magic-touch-products-fr .mod_iso_productlist, #magic-touch-products-es .mod_iso_productlist { background-color: #f8f4ee; } #detail-page-overview { background-color: #fff; } #merkliste-container { background-color: #f3f1ed; padding: 15px 0px; } #newsletter-abonnement { background-color: #f3f1ed; } #haendler-national-content { background: url("/files/dekodur/images/kontakt/hg-haendler-national.png") #f3f1ed; background-repeat: no-repeat; background-position: center; min-height: 750px; } #haendler-international-content { background: url("/files/dekodur/images/kontakt/hg-haendler-international.gif") #f3f1ed; background-repeat: no-repeat; background-position: center; } #contact-content { background-color: #f3f1ed; } #haendler-login-content, #haendlerbereich-content, #downloads-content, #marketing-tools-content, #anwendungsbeispiele-main-content { background-color: #faf9f7; } .firesafe-orange { color: #b24126; } .metall-blau { color: #3b68b0; } .hellgrau { color: #AEAFB5; } /* ---------------------------------------------------------------------- 5.0 Detail Pages 5.1 Dekor Detail Main Info ---------------------------------------------------------------------- */ .dekor-detail-large-image { float: left; margin-bottom: 20px; } .dekor-detail-large-image figure img { width: 99%; height: auto; } .dekor-detail-main-info { width: 18%; float: right; margin-bottom: 20px; } .dekor-detail-main-image { width: 79%; float: left; margin-bottom: 20px; } .product-preview-image { width: 100%; } .dekor-category-box { width: 100%; height: 110px; border-radius: 10px; text-align: center; color: #fff; margin: 0 0 20px 0; } .dekor-category-box h2 { text-align: center !important; text-transform: uppercase; color: #fff; padding: 26px 0 7px 0; font-size: 20px !important; } .dekor-category-box h2.firesafe { text-transform: none !important; } #dekor-category-box-metall { background-color: #3b68b0; } #dekor-category-box-magnet { background-color: #c3023b; } #dekor-category-box-unikate { background-color: #457a68; } #dekor-category-box-natur { background-color: #5da442; } #dekor-category-box-melamin { background-color: #a3195f; } #dekor-category-box-tech { background-color: #d67b1d; } #dekor-category-box-firesafe { background-color: #b24126; } .product-preview-image figure figcaption { background: rgba(255, 255, 255, 0.75); text-align: center; width: 159px; margin: 0 auto; padding: 5px; margin-top: -31px; border-radius: 0 0 5px 5px; position: relative; border: 1px solid #d4d4d4; font-size: 13px; } .dekor-features-box { background-color: #dedede; border: 1px solid #aba9a5; border-radius: 10px; padding: 15px 0 2px 15px; } .award-box { background-color: #f8f4ee; border: 1px solid #aba9a5; border-radius: 10px; padding: 10px; margin-bottom: 20px; text-align: center; font-size: smaller; color: #027bbf; } .award-box figcaption { margin-top:10px; } .dekor-features-box .ce_gallery ul li figure.image_container a img { border: none; } .dekor-features-box .ce_gallery ul li figure.image_container a img:hover { cursor: default; } .dekor-products-images ul li figure a img { border: 1px solid #888a93; border-radius: 10px; } .dekor-products-images { display: inline-block; margin: 20px 0; } .dekor-products-images ul li figure a img:hover { opacity: 0.8; transition: 0.25s ease-in-out; } .dekor-products-images ul li.col_last figure { margin-right: 0 !important; } .dekor-products-images ul li figure figcaption { background: rgba(255, 255, 255, 0.75); text-align: center; width: 100px; margin: 0 auto; padding: 5px; margin-top: -30px; border-radius: 5px 5px 0 0; position: relative; } .dekor-product-text-box { background-color: #dedede; border: 1px solid #aba9a5; border-radius: 10px; padding: 20px; text-align: left !important; float: left; width: 330px !important; margin-top: 20px !important; height: 203px; } .collection-teaser-text { background-color: #dedede; border: 1px solid #aba9a5; border-radius: 10px; margin-top: 20px !important; padding: 20px; width: auto !important; float: left; width: 702px !important; } .eco { background: #dedede url("/files/dekodur/images/dekodur-logos/eco-hpl-materio.png") no-repeat right top; } .materio { background: #dedede url("/files/dekodur/images/dekodur-logos/materio.png") no-repeat right top; } .firesafe-kollektionen { background-color: #ebd9c8; border: 1px solid #aba9a5; border-radius: 10px; margin: 20px 15px 20px 0px; float:left; width: 460px; height: 400px; background: #ebd9c8 url("/files/dekodur/images/firesafe/firesafe-icon-bg.png") no-repeat left 20px bottom 20px; } .firesafe-kollektion-img img { width: 460px; border-radius: 10px 10px 0px 0px !important; } .firesafe-kollektionen-text { width: 460px !important; text-align: center; } #aluminium-hpl .collection-teaser-text h3, #aluminum-hpl .collection-teaser-text h3, #aluminium-hpl-gestanzt .collection-teaser-text h3, #aluminium-hpl-punched .collection-teaser-text h3, #aluminium-hpl-gebuerstet .collection-teaser-text h3, #aluminium-hpl-brushed .collection-teaser-text h3, #kupfer-hpl .collection-teaser-text h3, #copper-hpl .collection-teaser-text h3, #zinn-hpl .collection-teaser-text h3, #tin-hpl .collection-teaser-text h3, #edelstahl-hpl .collection-teaser-text h3, #stainless-steel-hpl .collection-teaser-text h3, #strukturvarianten-metall-dekovario .collection-teaser-text h3, #structure-variants-for-hpl-in-metal .collection-teaser-text h3, #hpl-en-aluminium .collection-teaser-text h3, #hpl-en-aluminium-poinconne .collection-teaser-text h3, #hpl-en-aluminium-brosses .collection-teaser-text h3, #cuivre-hpl .collection-teaser-text h3, #etain-hpl .collection-teaser-text h3, #hpl-en-acier-inoxydable .collection-teaser-text h3, #variantes-de-structures-pour-hpl-en-metal .collection-teaser-text h3, #aluminio-hpl .collection-teaser-text h3, #aluminio-hpl-punzado .collection-teaser-text h3, #aluminio-hpl-cepillado .collection-teaser-text h3, #cobre-hpl .collection-teaser-text h3, #estano-hpl .collection-teaser-text h3, #acero-inoxidable-hpl .collection-teaser-text h3, #variantes-de-estructura-para-hpl-en-metal .collection-teaser-text h3 { font-size: 20px; text-align: left; color: #3b68b0; padding-bottom: 10px; } #magnethaftende-hpl .collection-teaser-text h3, #magnetic-hpl .collection-teaser-text h3, #hpl-magnetique .collection-teaser-text h3, #hpl-con-adhesion-magnetica .collection-teaser-text h3 { font-size: 20px; text-align: left; color: #c1003c; padding-bottom: 10px; } #kuenstlermotive-in-hpl .collection-teaser-text h3, #kuenstlermotive-in-kupfer .collection-teaser-text h3, #kuenstlermotive-in-echtgold .collection-teaser-text h3, #art-concept-en .collection-teaser-text h3, #unique-art-en .collection-teaser-text h3, #royal-art-en .collection-teaser-text h3, #hpl-avec-motifs-dessines-par-des-artistes .collection-teaser-text h3, #motifs-en-cuivre-dessines-par-des-artistes .collection-teaser-text h3, #motifs-en-or-23k-dessines-par-des-artistes .collection-teaser-text h3, #motivos-creativos-en-hpl .collection-teaser-text h3, #motivos-creativos-en-cobre .collection-teaser-text h3, #motivos-creativos-con-oro-23k .collection-teaser-text h3 { font-size: 20px; text-align: left; color: #457a68; padding-bottom: 10px; } #bark-cloth-rindentuch-hpl .collection-teaser-text h3, #bark-cloth-en .collection-teaser-text h3, #echtholzdekore .collection-teaser-text h3, #genuine-wood-decors .collection-teaser-text h3, #echt-bernstein-hpl .collection-teaser-text h3, #genuine-amber-hpl .collection-teaser-text h3, #re-y-stone-bio-komposit-platten .collection-teaser-text h3, #re-y-stone-bio-composite-boards .collection-teaser-text h3, #echtleder-hpl .collection-teaser-text h3, #genuine-leather-decors .collection-teaser-text h3, #bark-cloth-tissu-decorce-hpl .collection-teaser-text h3, #decors-en-bois-veritable .collection-teaser-text h3, #hpl-en-ambre-veritable .collection-teaser-text h3, #re-y-stone-fr .collection-teaser-text h3, #genuine-decors-en-cuir .collection-teaser-text h3, #bark-cloth-tela-gruesa-hpl .collection-teaser-text h3, #decorados-de-madera-genuino .collection-teaser-text h3, #ambar-genuino-hpl .collection-teaser-text h3, #re-y-stone-placas-de-composite-biologico .collection-teaser-text h3, #decorados-de-cuero-genuino .collection-teaser-text h3 { font-size: 20px; text-align: left; color: #5da442; padding-bottom: 10px; } #hpl-mit-durchgefaerbtem-kern .collection-teaser-text h3, #filigran-line .collection-teaser-text h3, #unifarben .collection-teaser-text h3, #graviermaterial .collection-teaser-text h3, #digitaldruck-in-hpl .collection-teaser-text h3, #transluzentes-hpl .collection-teaser-text h3, #fantasie-und-holzdekore .collection-teaser-text h3, #strukturvarianten-melamin .collection-teaser-text h3, #hpl-with-through-colour-core .collection-teaser-text h3, #hpl-with-plain-coloured-surfaces .collection-teaser-text h3, #filigran-line-en .collection-teaser-text h3, #fantasy-and-wooden-decors .collection-teaser-text h3, #translucent-hpl .collection-teaser-text h3, #digital-printing-in-hpl .collection-teaser-text h3, #structure-variants-for-hpl-in-melamine .collection-teaser-text h3, #engraving-material .collection-teaser-text h3, #hpl-avec-ame-couleur-dans-la-masse .collection-teaser-text h3, #hpl-avec-surfaces-de-couleur-unie .collection-teaser-text h3, #filigran-line-fr .collection-teaser-text h3, #decors-fantaisie-et-en-bois .collection-teaser-text h3, #hpl-translucide .collection-teaser-text h3, #impression-numerique-sur-hpl .collection-teaser-text h3, #variantes-de-structure-pour-hpl-en-melamine .collection-teaser-text h3, #materiel-de-gravure .collection-teaser-text h3, #hpl-con-nucleo-pintado .collection-teaser-text h3, #hpl-superficies-de-colores-unicos .collection-teaser-text h3, #filigran-line-es .collection-teaser-text h3, #decorados-de-fantasia-y-de-madera .collection-teaser-text h3, #translucido-hpl .collection-teaser-text h3, #impresion-digital-en-hpl .collection-teaser-text h3, #variantes-de-estructura-para-hpl-en-melamina .collection-teaser-text h3, #material-de-gravado .collection-teaser-text h3 { font-size: 20px; text-align: left; color: #a3195f; padding-bottom: 10px; } #verbundelemente-postformingelemente-direktbeschichtung h3, #ummantelungsfolie-endloslaminat-kantenmaterial h3, #composite-elements-post-forming-elements-direct-coating h3, #coating-film-endless-laminate-and-edge-material h3, #impraegnierte-papiere h3, #impregnated-paper h3, #dekospan-fr h3, #dekofoil-fr h3, #papier-impregne h3, #dekospan-es h3, #dekofoil-es h3, #papeles-impregnados h3, #aluminium-compact-boards .collection-teaser-text h3, #aluminio-compacto .collection-teaser-text h3, #alu-compact .collection-teaser-text h3, #alu-kompakt .collection-teaser-text h3, #aluminium-dampfsperre-hpl h3, #aluminium-vapour-barrier-laminate h3, #pare-vapeur-en-aluminium-laminate-hpl h3, #barrera-de-vapor-de-aluminio-hpl h3 { font-size: 20px; text-align: left; color: #d67b1d; padding-bottom: 10px; } #firesafe .collection-teaser-text h3, #firesafe-en .collection-teaser-text h3, #firesafe-fr .collection-teaser-text h3, #firesafe-es .collection-teaser-text h3 { font-size: 20px; text-align: left; color: #b24126; padding-bottom: 10px; } .collection-teaser-text p { text-align: left; } .dekor-detail-s-collection-button span { text-align: center; border: 1px solid #5f71c1; padding: 7px 10px 7px 43px; display: block; border-radius: 10px; font-size: 30px; color: #fff; background: url("/files/dekodur/images/icons/icon-s-collection-white.png") no-repeat 20px 1px #5f71c1; background-size: 50px; margin-top: 15px; } .dekor-detail-s-collection-button i { color: #fff; float: right; padding: 3px 20px 0 0; } .dekor-details-box { border: 1px solid #cfcfcf; border-radius: 10px 10px 0px 10px; width: 268px; float: right; } .dekor-details-box-heading { background-color: #f1f1f1; border-radius: 10px 10px 0px 0px; } .dekor-details-box-heading h2 { color: #5f71c1; text-transform: uppercase; padding: 10px 10px 5px 10px; } .dekor-details-box-heading h3 { color: #5f71c1 !important; padding: 0px 10px 10px 10px; } .dekor-details-box p { width: 248px; text-align: left; padding: 10px 10px 0px 10px; margin: 0; } .dekor-details-box ul { width: 248px; text-align: left; padding: 10px; margin: 0; } .dekor-details-box li { padding-bottom: 10px; padding-left: 20px; } .dekor-details-box .ce_text li:before { content: "\f04b"; font-family: FontAwesome; display: inline-block; margin-left: -1.3em; width: 1.3em; } .dekor-details-box-download-links { padding-bottom: 10px; } .dekor-details-box-download-links a { color: #c1003c; font-size: 16px; padding-left: 12px; line-height: 22px; padding-right: 10px; } .dekor-details-box-download-links a i { font-size: 22px; color: #000; padding-right: 10px; } .dekor-details-box .ce_gallery li { padding: 0; } .dekor-details-button-merkliste { float: right; padding-top: 5px; padding-bottom: 5px; } .dekor-details-button-merkliste a { background-color: #777; color: #fff; padding: 5px 20px 5px 10px; border-bottom-right-radius: 10px; } .dekor-details-button-merkliste a:hover { background-color: #c1003c; } .dekor-details-button-merkliste a i { color: #fff; padding-right: 10px; } .bx-viewport { height: 200px !important; } .slide.bx-clone { height: 200px !important; } /* ---------------------------------------------------------------------- 6.0 Dekordetailseite ---------------------------------------------------------------------- */ .mod_iso_productlist .product { width: 180px; float: left; padding-right: 8px; padding-left: 8px; padding-bottom: 17px; } .mod_iso_productlist .product h3 { position: absolute; text-align: center; bottom: 1px; z-index: 1000; left: 1px; } .mod_iso_productreader { width: 960px; margin: 0 auto; height: auto; margin-bottom: 15px; } .mod_iso_productreader .product { width: 960px !important; margin: 0 auto; padding-right: 0px; } .product_list .product { width: 178px; } .product_list .product figure.image_container { width: 178px; } .product form { width: 960px; margin: 0 auto; } .product .image_container img { width: 100% !important; height: 100% !important; } .product_list .image_container img { width: 178px; height: 248px; } .product_list .image_container img:hover { opacity: 0.8; transition: 0.3s ease-out; } .submit_container.detail input.submit { padding: 2px 7px 5px 7px; font-size: 27px; font-weight: bold; cursor: pointer; border-radius: 0 7px 7px 0; line-height: 24px; } .submit_container.detail { position: absolute; top: 20px; left: 631px; } .submit_container.submit-button-long input.submit { border-radius: 0px 0px 10px 0px; text-transform: none; text-align: right; } .product_list .submit_container { display: none; } .product .mod_sharebuttons { position: absolute; padding-right: 10px; padding-left: 10px; background-color: #fff; border-radius: 6px; border: 1px solid #ccc; top: 363px; left: 10px; } .productdetails-container { max-width: 270px; float: right; } .productdetails { border-color: #d5d5d5; border-radius: 7px; border: 1px solid #d5d5d5; border-radius: 10px 10px 0px 10px; } .productdetails-merkliste-button { right: 0px; color: #fff !important; background-color: #999; padding: 10px 30px; border-radius: 0px 0px 10px 0px; float: right; transition: 0.3s ease-in-out; } .productdetails-merkliste-button:hover { background-color: #c1003c; transition: 0.3s ease-in-out; } .product-details-text { padding-bottom: 10px; font-size: 12px; line-height: 16px; } .product-details-text i { color: #000; padding: 0 4px 0 2px; font-size: 16px; vertical-align: text-bottom; } .productname { background-color: #faf9f7; padding: 10px; border-radius: 10px 10px 0 0; } .productname h2 { color: #c1003c; text-transform: uppercase; font-size: 20px !important; padding-bottom: 3px; } .productname h3 { display: inline-block; } .productname h3.teaser { color: #c1003c; padding-right: 5px; } .Metall h2, .Metal h2, .Métal h2, .Metall h3, .Metal h3, .Metal h3.teaser, .Métal h3, .Métal h3.teaser, .Metall h3.teaser { color: #3b68b0; } .Magnet h2, .Magnétique h2, .Magnet h3, .Magnetic h3, .Magnético h3, .Magnétique h3, .Magnet h3.teaser, .Magnetic h3.teaser, .Magnético h3.teaser, .Magnétique h3.teaser { color: #c1003c; } .Unikate h2, .Unique h2, .Piezas h2, .Pièces h2, .Unikate h3, .Unique h3, .Piezas h3, .Pièces h3, .Unikate h3.teaser, .Unique h3.teaser, .Piezas h3.teaser, .Pièces h3.teaser { color: #457a68; } .Natur h2, .Nature h2, .Natural h2, .Natur h3, .Nature h3, .Natural h3, .Natur h3.teaser, .Nature h3.teaser, .Natural h3.teaser { color: #5da442; } .Melamin h2, .Melamine h2, .Melamina h2, .Mélamine h2, .Melamin h3, .Melamine h3, .Melamina h3, .Mélamine h3, .Melamin h3.teaser, .Melamine h3.teaser, .Melamina h3.teaser, .Mélamine h3.teaser { color: #a3195f; } .Tech h2, .Tech h3, .Tech h3.teaser { color: #d67b1d; } .Firesafe h2, .Firesafe h3, .Firesafe h3.teaser { color: #b24126; } .S-Collection h2, .S-Collection h3, .S-Collection h3.teaser { color: #5f71c1; } .product-main-category { display: inline-block; width: 210px; } .product-s-collection-icon { background-image: url("/files/dekodur/images/icons/icon-s-collection-dark.png"); background-repeat: no-repeat; width: 26px; height: 15px; display: inline-block; } .product-overview-s-collection-icon { background-image: url("/files/dekodur/images/icons/icon-s-collection-white.png"); background-repeat: no-repeat; background-size: 33px; width: 32px; height: 27px; position: absolute; margin: 8px 128px; z-index: 1; } .productattributes { padding: 10px; } .datenblatt, .datenblatt_en, .datenblatt_es, .datenblatt_fr, .high_res_image { display: inline-block; padding: 10px 15px 10px 0; font-size: 80%; } .datenblatt img, .datenblatt_en img, .datenblatt_es img, .datenblatt_fr img, .high_res_image img { display: none; } .datenblatt li a:before, .datenblatt_en li a:before, .datenblatt_es li a:before, .datenblatt_fr li a:before { content: url("/files/dekodur/images/icons/pdf-icon.gif"); margin-right: 5px; vertical-align: -7px; } .high_res_image li a:before { content: url("/files/dekodur/images/icons/download-icon.png"); margin-right: 5px; vertical-align: -7px; } .productlogos { width: 100%; padding: 0px 0px 10px 10px; } .productlogos figure { display: inline-block; padding-right: 10px; } .productdetails > .productlogos > figure > a > img { border: none !important; border-radius: 10px !important; width: 60px !important; border-radius: 0px !important; } .product_list { width: 974px; padding: 15px 0 0; margin-left: -7px; } .mod_iso_productlist { background-color: #faf9f7; } .product .options { display: none; } .product .description { position: absolute; margin: 436px 0 0 620px; color: #616161; } .product .smallimage figure.image_container img { width: 157px; } .bigimage figure.image_container img { width: 770px; } .bigimage figure.image_container { width: 770px; position: none !important; margin-left: 0 !important; } .product .bigimage { float: left; width: 770px; padding-bottom: 10px; } .product .smallimage figure.image_container { margin-top: 120px; margin-left: 800px; position: absolute; } .product-detail-anwendungsbeispiele .ui-accordion-header { width: 960px; border-radius: 0px; margin: 0 auto; } .product-detail-anwendungsbeispiele .ui-accordion-header:before { content: "\f030"; font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit; color: #c1003c; font-size: 18px; padding-right: 0.5em; top: 10px; left: 0; } .product-detail-anwendungsbeispiele .ui-accordion-header { background-color: #f8f4ee; } .product-detail-anwendungsbeispiele { background-color: #f8f4ee; } .product-detail-kollektion { background-color: #f8f4ee; } .product-detail-kollektion .ui-accordion-header { width: 960px; border-radius: 0px; margin: 0 auto; background-color: #f8f4ee; } .product-detail-kollektion .ui-accordion-header:before { content: url("/files/dekodur/images/icons/icon-dekorfaecher.png"); padding-right: 4px; vertical-align: sub; } .ui-accordion-content .mod_iso_productlist { background-color: #f8f4ee; } .product-detail-collection-accordeon form .formbody h3 { display: none; } .ui-accordion-header { cursor: pointer; background-color: #f1f1f1; font-size: 16px; font-weight: bold; line-height: 44px; padding-left: 15px; margin-bottom: 15px; border-radius: 10px; } .ui-accordion-header-active { background-color: #f8f4ee !important; } .ui-accordion-header:hover { color: #c1003c; } .ui-accordion-header:focus { outline: none; } .ui-accordion-header:after { content: "\f196"; font-family: FontAwesome; font-weight: normal; color: #000; font-size: 18px; padding-left: 20px; vertical-align: middle; } .ui-accordion-header-active:after { content: "\f147"; font-family: FontAwesome; font-weight: normal; color: #000; font-size: 18px; padding-left: 20px; vertical-align: middle; } .ui-accordion-content { background-color: #f8f4ee !important; } div.s-collection-accordeon { background-color: #d5ddf6 !important; } #no-s-collection > .s-collection-accordeon { display: none; } .product-detail-collection-accordeon .product_list { margin: 0 auto; } div.s-collection-accordeon .product_list { padding-top: 50px; background-image: url("../../files/dekodur/images/icons/bg-s-collection.gif"); background-repeat: no-repeat; background-position: 5px 10px; } .product-detail-collection-accordeon .product_list .product { width: 94px; height: 94px; padding-bottom: 14px; padding-left: 7px; padding-right: 6px; } .product-detail-collection-accordeon .product_list .product form { width: 100%; margin: 0; } .product-detail-collection-accordeon .product_list .product .image_container { width: 94px; } .product-detail-collection-accordeon .product_list .product .image_container img { border: 2px solid #ddd; } .product-detail-collection-accordeon .product_list .product .image_container img:hover { border: 2px solid #c1003c; } .product-detail-collection-accordeon .product_list .product.new:before { content: 'N'; position: absolute; z-index: 1; background-color: #c1003c; border-radius: 50%; width: 25px; height: 25px; text-align: center; line-height: 25px; color: #fff; margin: 7px 0 0 65px; } .mod_iso_productlist .product_list .product.new:before { content: 'N'; position: absolute; z-index: 1; background-color: #c1003c; border-radius: 50%; width: 25px; height: 25px; text-align: center; line-height: 25px; color: #fff; margin: 13px 0 0 13px; } .product_list .teaser { display: none; } .detailimage { width: 630px; float: left; } /* ---------------------------------------------------------------------- 7.0 Merkliste ---------------------------------------------------------------------- */ .merkliste-headline-container { width: 960px; margin: 0 auto; } .merkliste-headline-container .backlink-last { top: -44px; } .mod_iso_cart .empty { text-align: center; color: #989898; font-size: 16px; font-weight: 600; } .mod_iso_cart table { width: 100%; } .mod_iso_cart table tr { width: 300px; display: inline-block; margin: 0 25px 20px 0; background-color: #fff; border: 1px solid #888a93; border-radius: 7px; } .mod_iso_cart table tr td { padding: 10px; } .mod_iso_cart table tr td.image { display: inline-block; } .mod_iso_cart table tr td.name { width: 117px; display: inline-block; font-weight: 600; } .mod_iso_cart .merkliste-product-s-collection { margin-top: 6px; background-image: url("/files/dekodur/images/icons/icon-s-collection-blue.png"); background-repeat: no-repeat; padding-left: 35px; color: #5f71c1; } .mod_iso_cart .merkliste-product-s-collection:after { content: 'S-Collection'; } .mod_iso_cart table tr td.remove { font-size: 22px; display: inline-block; } .mod_iso_cart table tr td.remove i:hover { color: #c1003c; } .mod_iso_cart table tr.row_2 { margin-right: 0px; } .mod_iso_cart table tr.row_5 { margin-right: 0px; } .mod_iso_cart table tr.row_8 { margin-right: 0px; } .mod_iso_cart table tr.row_11 { margin-right: 0px; } .mod_iso_cart table tr.row_14 { margin-right: 0px; } .mod_iso_cart table tr.row_17 { margin-right: 0px; } .mod_article .ce_form { width: 960px; margin: 0 auto; } .mod_article .ce_form input:focus { background-color: #dedbd5 !important; transition: 0.25s ease-in-out; box-shadow: none; } .mod_article .ce_form textarea:focus { border-color: #c1003c; transition: 0.25s ease-in-out; } .mod_article .ce_form select { width: 100%; border: 1px solid rgb(204, 204, 204); height: 37px; margin: 10px 0; background-color: #fff !important; } .mod_article .ce_form select:focus { background-color: #dedbd5 !important; transition: 0.25s ease-in-out; outline: none; } .merkliste-form { padding: 20px 0px; } .merkliste-form h3 { padding: 10px 0px; } .merkliste-form .widget-checkbox .checkbox_container { padding-bottom: 10px; } .merkliste-form .widget-checkbox .checkbox_container span #lbl_12_0:before { content: url("/files/dekodur/images/icons/icon-s-collection-blue.png"); vertical-align: -2px; padding-right: 8px; } .merkliste-form .widget-checkbox .checkbox_container span #lbl_12_0 { color: #5f71c1; font-weight: 600; } .merkliste-form .widget-checkbox .checkbox_container span { margin-right: 30px; } .merkliste-form .widget-checkbox .checkbox_container span input { margin-right: 7px; } .contact-banner { background-color: #dedbd5; margin: 20px 0; height: 80px; } .contact-banner.fr { height: 100px; } .contact-banner p { width: 400px; display: inline-block; vertical-align: middle; font-weight: 600; padding-left: 20px; padding-bottom: 0px; height: 58px; color: #6e7072; } .contact-banner h1 { width: 536px; display: inline-block; line-height: 50px; color: #6e7072; text-transform: none; font-size: 40px; } .contact-banner-inner { width: 960px; margin: 0 auto; } .contact-form-left { width: 450px; display: inline-block; float: left; padding-top: 20px; margin-top: 20px; } .contact-form-right { width: 450px; display: inline-block; float: right; padding-top: 20px; margin-top: 20px; } .merkliste-form fieldset legend { font-size: 14px; color: #948e83; } .input-half { display: inline-block; } input.input-half-left { padding-right: 6px; width: 90px; } input.input-half-right { width: 90px; } .merkliste-form .submit_container { margin-top: 243px; } #newsletter-abonnement { padding: 20px 0; } #newsletter-abonnement .widget-checkbox .checkbox_container { padding-bottom: 10px; } #newsletter-abonnement .widget-checkbox .checkbox_container span { margin-right: 30px; font-weight: 600; } #newsletter-abonnement .widget-checkbox .checkbox_container span input { margin-right: 7px; } #newsletter-abonnement h3 { padding: 10px 0px; color: #948e83; } #kontakt .ce_form form div.widget-headline h3 { color: #c1003c; } .contact-field-left { width: 450px; display: inline-block; margin-right: 56px; } .contact-field-right { width: 450px; display: inline-block; } #iso_ajaxOverlay { opacity: 0.6; } #iso_ajaxBox { top: 40% !important; background: none; border: none; padding: 0px; font-family: 'Noto Sans', sans-serif !important; font-size: 30px !important; text-align: left; color: #fff; } #iso_ajaxBox .iso_confirm { background: none; padding-left: 45px; font-size: 20px; line-height: 27px; } #iso_ajaxBox .iso_confirm:before { content: "\f058"; font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit; color: #fff; font-size: 30px; position: absolute; top: 33px; left: 0; } #iso_ajaxBox .iso_confirm:after { content: "\f00d"; font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit; color: #fff; font-size: 30px; position: fixed; top: 5%; right: 3%; } /* ---------------------------------------------------------------------- 8.0 Anwendungsbeispiele ---------------------------------------------------------------------- */ .ce_gallery ul li.col_last figure.image_container { margin-right: 0px; } #anwendungsbeispiele-main-content { padding: 15px 0px; } #anwendungsbeispiele-main-content figcaption { font-size: 12px; line-height: 16px; color: #888a93; font-style: italic; margin: 5px 0px; text-align: center; } #aluminium-hpl-anwendungsbeispiele figcaption.caption, #aluminum-hpl-application-examples figcaption.caption, #aluminium-hpl-gestanzt-anwendungsbeispiele figcaption.caption, #aluminium-hpl-punched-application-examples figcaption.caption, #aluminium-hpl-gebuerstet-anwendungsbeispiele figcaption.caption, #aluminium-hpl-brushed-application-examples figcaption.caption, #kupfer-hpl-anwendungsbeispiele figcaption.caption, #copper-hpl-application-examples figcaption.caption, #zinn-hpl-anwendungsbeispiele figcaption.caption, #tin-hpl-application-examples figcaption.caption, #edelstahl-hpl-anwendungsbeispiele figcaption.caption, #stainless-steel-hpl-application-examples figcaption.caption, #kuenstlermotive-in-hpl-anwendungsbeispiele figcaption.caption, #kuenstlermotive-in-kupfer-anwendungsbeispiele figcaption.caption, #kuenstlermotive-in-echtgold-anwendungsbeispiele figcaption.caption, #art-concept-en-application-examples figcaption.caption, #unique-art-en-application-examples figcaption.caption, #royal-art-en-application-examples figcaption.caption, #bark-cloth-rindentuch-hpl-anwendungsbeispiele figcaption.caption, #bark-cloth-application-examples figcaption.caption, #echtholzdekore-anwendungsbeispiele figcaption.caption, #genuine-wood-decors-application-examples figcaption.caption, #echt-bernstein-hpl-anwendungsbeispiele figcaption.caption, #genuine-amber-hpl-application-examples figcaption.caption, #re-y-stone-bio-komposit-platten-anwendungsbeispiele figcaption.caption, #re-y-stone-bio-composite-boards-application-examples figcaption.caption, #echtleder-hpl-anwendungsbeispiele figcaption.caption, #genuine-leather-decors-application-examples figcaption.caption, #hpl-mit-durchgefaerbtem-kern-anwendungsbeispiele figcaption.caption, #unifarben-anwendungsbeispiele figcaption.caption, #filigran-line-anwendungsbeispiele figcaption.caption, #fantasie-und-holzdekore-anwendungsbeispiele figcaption.caption, #transluzentes-hpl-anwendungsbeispiele figcaption.caption, #graviermaterial-anwendungsbeispiele figcaption.caption, #strukturen-metall-anwendungsbeispiele figcaption.caption, #structure-variants-for-hpl-in-metal-application-examples figcaption.caption, #strukturen-melamin-anwendungsbeispiele figcaption.caption, #magnethaftende-hpl-anwendungsbeispiele figcaption.caption, #magnetic-hpl-application-examples figcaption.caption, #alu-kompakt-anwendungsbeispiele figcaption.caption, #digitaldruck-in-hpl-anwendungsbeispiele figcaption.caption, #hpl-with-through-colour-core-application-examples figcaption.caption, #hpl-with-plain-coloured-surfaces-application-examples figcaption.caption, #filigran-line-en-application-examples figcaption.caption, #alu-compact-application-examples figcaption.caption, #fantasy-and-wooden-decors-application-examples figcaption.caption, #translucent-hpl-application-examples figcaption.caption, #digital-printing-in-hpl-application-examples figcaption.caption, #structure-variants-for-hpl-in-melamine-application-examples figcaption.caption, #engraving-material-application-examples figcaption.caption, #hpl-en-aluminium-exemples-dapplication figcaption.caption, #hpl-en-aluminium-poinconne-exemples-dapplication figcaption.caption, #hpl-en-aluminium-brosses-exemples-dapplication figcaption.caption, #cuivre-hpl-exemples-dapplication figcaption.caption, #etain-hpl-exemples-dapplication figcaption.caption, #hpl-en-acier-inoxydable-exemples-dapplication figcaption.caption, #variantes-de-structures-pour-hpl-en-metal-exemples-dapplication figcaption.caption, #hpl-magnetique-exemples-dapplication figcaption.caption, #hpl-avec-motifs-dessines-par-des-artistes-exemples-dapplication figcaption.caption, #motifs-en-cuivre-dessines-par-des-artistes-exemples-dapplication figcaption.caption, #exemples-dapplication-de-la-collection-exemples-dapplication figcaption.caption, #bark-cloth-exemples-dapplication figcaption.caption, #decors-en-bois-veritable-exemples-dapplication figcaption.caption, #hpl-en-ambre-veritable-exemples-dapplication figcaption.caption, #re-y-stone-exemples-dapplication figcaption.caption, #genuine-decors-en-cuir-exemples-dapplication figcaption.caption, #hpl-avec-ame-couleur-dans-la-masse-products-exemples-dapplication figcaption.caption, #hpl-avec-surfaces-de-couleur-unie-exemples-dapplication figcaption.caption, #filigran-line-exemples-dapplication figcaption.caption, #alu-compact-exemples-dapplication figcaption.caption, #decors-fantaisie-et-en-bois-exemples-dapplication figcaption.caption, #hpl-translucide-exemples-dapplication figcaption.caption, #impression-numerique-sur-hpl-exemples-dapplication figcaption.caption, #variantes-de-structure-pour-hpl-en-melamine-exemples-dapplication figcaption.caption, #materiel-de-gravure-exemples-dapplication figcaption.caption, #aluminio-hpl-ejemplos-de-aplicacion figcaption.caption, #aluminio-hpl-punzado-ejemplos-de-aplicacion figcaption.caption, #aluminio-hpl-cepillado-ejemplos-de-aplicacion figcaption.caption, #cobre-hpl-ejemplos-de-aplicacion figcaption.caption, #estano-hpl-ejemplos-de-aplicacion figcaption.caption, #acero-inoxidable-hpl-ejemplos-de-aplicacion figcaption.caption, #variantes-de-estructura-ejemplos-de-aplicacion figcaption.caption, #hpl-con-nucleo-pintado-ejemplos-de-aplicacion figcaption.caption, #hpl-superficies-de-colores-unicos-ejemplos-de-aplicacion figcaption.caption, #filigran-line-ejemplos-de-aplicacion figcaption.caption, #aluminio-compacto-ejemplos-de-aplicacion figcaption.caption, #decorados-de-fantasia-y-de-madera-ejemplos-de-aplicacion figcaption.caption, #translucido-hpl-ejemplos-de-aplicacion figcaption.caption, #impresion-digital-en-hpl-ejemplos-de-aplicacion figcaption.caption, #variantes-de-estructura-para-hpl-en-melamina-ejemplos-de-aplicacion figcaption.caption, #material-de-gravado-ejemplos-de-aplicacion figcaption.caption, #hpl-con-adhesion-magnetica-ejemplos-de-aplicacion figcaption.caption, #motivos-creativos-en-hpl-ejemplos-de-aplicacion figcaption.caption, #motivos-creativos-en-cobre-ejemplos-de-aplicacion figcaption.caption, #motivos-creativos-con-oro-23k-ejemplos-de-aplicacion figcaption.caption, #bark-cloth-ejemplos-de-aplicacion figcaption.caption, #decorados-de-madera-genuino-ejemplos-de-aplicacion figcaption.caption, #ambar-genuino-hpl-ejemplos-de-aplicacion figcaption.caption, #re-y-stone-placas-de-composite-biologico-ejemplos-de-aplicacion figcaption.caption, #decorados-de-cuero-genuino-ejemplos-de-aplicacion figcaption.caption, #magic-touch-anwendungsbeispiele figcaption.caption, #magic-touch-application-examples figcaption.caption, #magic-touch-exemples-dapplication figcaption.caption, #magic-touch-ejemplos-de-aplicacion figcaption.caption { display: none; } /* ---------------------------------------------------------------------- 9.0 Kontakt & Impressum ---------------------------------------------------------------------- */ .one-third-contact-text-left { width: 300px !important; float: left; padding-right: 20px; padding-top: 20px; } .one-third-contact-text-left table tr td:first-child { padding-right: 15px; } .one-third-contact-text-right { width: 300px !important; float: left; padding-left: 20px; padding-top: 20px; } .one-third-contact-text-right a:before { content: "\f061"; font-family: FontAwesome; font-weight: normal; color: #73747b; font-size: 10px; padding-right: 7px; vertical-align: top; } .one-third-contact-text-left h3 { text-align: left; color: #c1003c; padding-bottom: 15px; } .one-third-contact-text-right h3 { text-align: left; color: #000; padding-bottom: 15px; } .one-third-contact-image { width: 280px !important; float: left; padding: 20px; } .one-third-contact-image figcaption { font-size: 12px; line-height: 14px; color: #888a93; font-style: italic; margin: 5px 0; } .contact-text-half-left { width: 460px !important; padding-right: 20px; float: left; margin: 20px 0px !important; text-align: left; } .agb a:before { content: "\f0da"; font-family: FontAwesome; font-weight: normal; padding-right: 7px; font-size: 20px; vertical-align: middle; } .impressum-tab { margin-bottom: 10px; } .impressum-tab td.span { color:#5f616c; } .contact-text-half-right { width: 459px !important; padding-left: 20px; float: left; text-align: left; margin: 20px 0px !important; border-left: 1px solid #888a93; } .contact-text-half-left h3 { text-align: left; color: #c1003c; padding-bottom: 15px; } .contact-text-half-right h3 { text-align: left; color: #c1003c; padding-bottom: 15px; } .contact-text-half-left table { text-align: left; } .contact-text-half-left table tr td:first-child { padding-right: 15px; } .contact-text-half-left table td { padding: 2px 0px; } .contact-social-media { width: 100%; text-align: center; } .contact-social-media li { display: inline-block; width: 88px; } .rounded-social-media-button { display: block; width: 50px; height: 50px; border-radius: 50%; background-color: #aeafb5; margin: 0 auto; } .rounded-social-media-button:hover { background-color: #c1003c; } .rounded-social-media-button i { color: #fff; font-size: 24px; line-height: 50px; } .rounded-social-media-button-caption { line-height: 30px; } .contact-text-half-right .haendler-suche-button { padding-bottom: 0px; } .contact-text-half-right .haendler-suche-button a { width: 100% !important; } #contact-content .ce_form { margin-top: 40px; margin-bottom: 20px; } .haftungshinweis { background-color: #dedbd5 !important; } .haftungshinweis .ui-accordion-header { background-color: #dedbd5 !important; width: 960px; margin: 0 auto; color: #c1003c; } .haftungshinweis .ui-accordion-header:before, .datenschutz .ui-accordion-header:before { content: "\f0da"; font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit; color: #c1003c; font-size: 18px; padding-right: 0.5em; left: 0; } .haftungshinweis .ui-accordion-header-active:before, .datenschutz .ui-accordion-header-active:before { content: "\f0d7"; font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit; color: #c1003c; font-size: 18px; padding-right: 0.5em; left: 0; } .haftungshinweis .ui-accordion-content { background-color: #dedbd5 !important; width: 960px; margin: 0 auto; } .datenschutz { background-color: #f3f1ed !important; } .datenschutz .ui-accordion-header { background-color: #f3f1ed !important; width: 960px; margin: 0 auto; color: #c1003c; } .datenschutz .ui-accordion-content { background-color: #f3f1ed !important; width: 960px; margin: 0 auto; } .ui-accordion-content p { text-align: left; padding-left: 32px; } #newsletter-bedingungen { background-color: #faf9f7; margin: 30px auto; } /* ---------------------------------------------------------------------- 9.1 Kontaktformulare ---------------------------------------------------------------------- */ .ce_form .formbody .widget-text label { display: inline-block; width: 140px; margin-right: 0px !important; } .ce_form .formbody .widget-select label { display: inline-block; width: 140px; margin-right: 0px !important; } .ce_form .formbody .widget-text input { display: inline-block; width: 306px } .ce_form .formbody .widget-select select { display: inline-block; width: 306px } .mod_article .ce_form input.submit { text-transform: uppercase; background-color: #999 !important; color: #fff; background-image: none; border: none; padding: 10px 30px; font-size: 1em; float: right; } .mod_article .ce_form input.submit:hover { background-color: #c1003c !important; } .mod_article .ce_form input.submit:focus { outline: none; } .mod_article .ce_form input, .mod_article .ce_form textarea { margin: 10px 0; padding: 10px; background-color: #fff !important; } .mod_article .ce_form { width: 960px; margin: 0 auto; } /* ---------------------------------------------------------------------- 9.2 Händler national/international ---------------------------------------------------------------------- */ .haendler-national-navigation { text-align: center; padding: 20px 0; } .haendler-national-navigation ul { width: 100%; margin: 0 auto; } .haendler-national-navigation ul li { display: inline-block; color: #898993; padding: 0px 5px; font-weight: 600; } .haendler-national-navigation ul li a { display: block; background-color: #888a93; width: 40px; height: 40px; line-height: 40px; border-radius: 50%; color: #fff; font-size: 15px; font-weight: normal; margin-top: 7px; } .haendler-national-navigation ul li a:hover { background-color: #c1003c; cursor: pointer; } .haendler-national-navigation ul li a.active { background-color: #c1003c; } .haendler-international-navigation { text-align: center; padding: 20px 0; } .haendler-international-navigation p, .haendler-national-navigation p { color: #898993; font-weight: 600; } .haendler-international-navigation ul { width: 100%; margin: 0 auto; } .haendler-international-navigation ul li { display: inline-block; color: #898993; padding: 0px 2px; font-weight: 600; } .haendler-international-navigation ul li a { display: block; background-color: #888a93; width: 29px; height: 29px; line-height: 29px; border-radius: 50%; color: #fff; font-size: 18px; font-weight: normal; margin-top: 7px; } .haendler-international-navigation ul li a:hover { background-color: #c1003c; cursor: pointer; } .haendler-international-navigation ul li a.active { background-color: #c1003c; } .haendler-contact { width: 320px !important; height: 220px; float: left; margin: 20px 0 !important; transition: visibility 0s, opacity 0.5s linear; } .haendler-contact-national { width: 320px !important; height: 170px; float: left; margin: 20px 0 !important; transition: visibility 0s, opacity 0.5s linear; } #kontakt-impressum h1, #haendler-national h1, #haendler-international h1, #contact-legal-notice h1, #dealers-in-germany h1, #dealers-international h1, #nous-contacter h1, #contacts-nationaux h1, #contacts-internationaux h1, #contacto-aviso-legal h1, #contacto-nacional h1, #contacto-internacional h1 { text-transform: none; } .haendler-contact h3, .haendler-contact-national h3 { text-align: left; padding-bottom: 10px; } .haendler-contact h3 img, .haendler-contact-national h3 img { border: none; border-radius: 0px; width: 25px; vertical-align: bottom; padding-right: 8px; } .haendler-contact table, .haendler-contact-national table { padding-right: 15px; font-size: 13px; } .haendler-contact table tr, .haendler-contact-national table tr { text-align: left; vertical-align: top; } .haendler-contact table tr td, .haendler-contact-national table tr td{ padding-bottom: 5px; } .haendler-contact table tr td:first-child, .haendler-contact-national table tr td:first-child { padding-right: 10px; } .haendler-suche-button { width: 100%; padding: 30px 0; } .haendler-suche-button a { width: 360px; margin: 0 auto; display: block; text-align: center; font-size: 16px; color: #fff; line-height: 40px; background-color: #c1003c; cursor: pointer; border-radius: 10px; } .haendler-suche-button a i { font-size: 16px; color: #fff; line-height: 40px; } .haendler-suche-button a i.left { padding-left: 20px; } .haendler-suche-button a i.right { padding-right: 20px; } /* ---------------------------------------------------------------------- 10.0 Händler Login ---------------------------------------------------------------------- */ h1.haendler-headline { color: #999; text-transform: none; margin: 30px auto; } h1.haendler-headline:before { content: url("/files/dekodur/images/icons/icon-krone.png"); vertical-align: -webkit-baseline-middle; margin-right: 10px; } .error { color: #c1003c; } .sign-in-buttons { width: 960px; margin: 0 auto; text-align: right; } a.btn-white { width: 150px; display: block; border: 1px solid #ccc; background-color: #fff; line-height: 40px; text-align: center; border-radius: 7px; display: inline-block; margin-bottom: 30px; margin-right: 15px; font-weight: 600; } a.btn-white:hover { border-color: #c1003c; background-color: #c1003c; color: #fff; } input.submit:hover { background-color: #c1003c; transition: 0.25s ease-in-out; } .mod_login.logout .submit_container { float: none; } .haendler-login p { float: left; } .haendler-login img { float: left; padding-right: 10px; } /* ---------------------------------------------------------------------- 10.1 Händlerbereich ---------------------------------------------------------------------- */ #haendlerbereich .btn-white { margin-right: 0px; } .haendlerbereich-downloads { width: 477px; border-right: 1px solid #888a93; text-align: center; display: inline-block; vertical-align: top; margin: 30px 0; } .haendlerbereich-marketing-tools { width: 478px; text-align: center; display: inline-block; vertical-align: top; margin: 30px 0; } .mod_lostPasswordNotificationCenter form { width: 375px; padding-top: 20px; padding-bottom: 20px; margin: 0 auto; } .mod_lostPasswordNotificationCenter { margin-bottom: 30px; background-color: #faf9f7; } input#username, input#password, input#ctrl_email { margin: 10px 0; padding: 10px; background-color: #fff !important; } .submit_container { float: right; } input.submit { text-transform: uppercase; background-color: #999; color: #fff; background-image: none; border: none; padding: 10px 30px; font-size: 1em; } input.submit:focus { outline: none; } .mod_login form a, .mod_lostPasswordNotificationCenter form a { color: #c1003c; } .mod_login form { width: 375px; padding-top: 20px; padding-bottom: 20px; margin: 0 auto; } .mod_login { margin-bottom: 30px; background-color: #faf9f7; } /* ---------------------------------------------------------------------- 10.2 Händlerbereich - Downloads ---------------------------------------------------------------------- */ #downloads-content table { width: 100%; line-height: 40px; border-collapse: collapse; } #downloads-content table tr { border-bottom: 1px solid #d4d4d4; } #downloads-content table tr:hover { background-color: #fff; } #downloads-content table tr:last-child { border-bottom: none; } #downloads-content table td { padding: 0 10px; } #downloads-content table td.small-td { padding: 0px; } #downloads-content table td.white-bg { background-color: #fff; } #downloads-content img { vertical-align: middle; } #downloads-content .ce_downloads { margin-top: -28px; margin-bottom: 30px; } .fa.fa-circle { font-size: 0.8em; color: #c1003c; vertical-align: middle; margin-right: 5px; } #downloads-content .ce_downloads span.size { color: #000; font-weight: bold; } #downloads-content .ce_downloads span.file-date { color: #000; } a.file-download-btn { background-color: #999; color: #fff; padding: 8px; text-transform: uppercase; font-size: 12px; transition: 0.3s ease-in-out; border-radius: 5px; } a.file-download-btn:hover { background-color: #c1003c; transition: 0.3s ease-in-out; } /* ---------------------------------------------------------------------- 10.3 Händlerbereich - Marketing Tools ---------------------------------------------------------------------- */ .marketing-tools-product { display: inline-block; width: 478px !important; } .backlink { font-size: 14px; font-weight:normal; } .backlink a { padding-left: 10px; } .backlink i { vertical-align: -5px; padding-right: 5px; } .backlink-last i.fa-caret-left { color: #a7a7a7; vertical-align: -5px; padding-right: 5px; } .marketing-tools-quer1 { background-color:#f9f8f6; text-align:center; display:block; border-top: solid 1px #363b44; } #marketing-tools-quer1-inner { width:960px; text-align:left; margin: 0 auto; } .marketing-tools-quer1-left, .marketing-tools-quer2-left { width: 48%; display: inline-block; border-right: solid 1px #363b44; background-color:#fff; padding-left: 1%; } .marketing-tools-quer1-right, .marketing-tools-quer2-right { width: 49%; display: inline-block; float: right; padding-left: 1%; } .marketing-tools-quer2 { background-color:#c1c0bf; text-align:center; display:block; border-top: solid 1px #363b44; } #marketing-tools-quer2-inner { width:960px; text-align:left; margin: 0 auto; } .anfrage-button { float:right; text-align:center; background-color: #888a93; width: 18.1%; color: #fff; border-radius: 7px; padding: 5px 0; margin-right: 10%; margin-bottom: 30px; display:block; } span.anfrage-button { color: #fff; display:block; } span.anfrage-button:hover { color: #fff; background-color:#c3023b; display:block; } #marketing-tools img { border:none !important; margin: 15px 0; } .marketing-tools-content-half .ce_image figure .caption { font-size: 12px; color: #363b44; padding: 5px 10px; } /* Marketing Tools Anpassungen DH ------------------------------------ */ .marketing-tools-content-half { width: 440px; padding: 5px 30px 10px 0px; display: inline-block; } /* ---------------------------------------------------------------------- 11.0 News & Events ---------------------------------------------------------------------- */ .enclosure { width: 100%; float: right; padding: 10px 0; } .ce_text img { border: 1px solid #888a93; border-radius: 10px; width: 99.8%; } .mod_newsmenu li.first { margin-left: .1%; padding-left: 0; } .mod_newsmenu li.last { margin-right: .1%; padding-left: 0; } .mod_newsmenu a { color: #fff; } .mod_newsmenu { width: 960px; margin: 0 auto; } .mod_newsmenu li { float: left; background-color: #888a93; width: 19%; text-align: center; color: #fff; border-radius: 7px; padding: 10px 0; margin-right: 1.2%; margin-top: 50px; margin-bottom: 30px; } .mod_newslist .ce_text.block { width: 80%; float: left; text-align: left; } .mod_newslist h3.info { float: left; width: 20%; font-weight: bold; color: #c1003c; margin-top: 5px; } .ce_gallery ul li figure.image_container a img { border-radius: 10px; border: 1px solid #888a93; } .no-caption ul li figure.image_container figcaption { display: none; } .ce_text p img { float: left; margin-right: 20px; } .news-sharebuttons { width: 100%; } .layout_short { margin-bottom: 25px; border-bottom: 1px solid #ddd; } .layout_short h2 { padding-bottom: 15px; } .layout_short .info { color: #a2a2a2; } .layout_short .more { padding-bottom: 25px; } .layout_short .more a:before { content: "\f0da"; font-family: FontAwesome; padding-right: 5px; } .layout_short .teaser p { width: 45%; display: inline-block; vertical-align: top; padding-right: 4%; } .layout_full h1 { text-align: left; } .layout_full .ce_image { margin-bottom: 20px; } #news-details .top { display: none; } .layout_full { padding-top: 15px; padding-bottom: 15px; } .news-backlink { width: 960px; margin: 0 auto; display: block; padding: 20px 0px; } .news-backlink i { padding-right: 7px; } .mod_eventlist .event.layout_full { padding: 0; } .mod_eventlist .event { width: 41%; height: 125px; float: left; margin-left: 6%; border-right: 1px dashed #d5d5d5; } .event h3 { font-weight: bold; color: #c1003c; } .event a { color: #c1003c; } .pagination-count { display: none; } .fa.fa-angle-right.fa-5 { font-size: 6em; color: #d5d5d5; } .fa.fa-angle-left.fa-5 { font-size: 6em; color: #d5d5d5; } .pagination.block .previous { position: absolute; top: 10px; left: 0; z-index: 1000; } .pagination.block .next { position: absolute; top: 10px; right: 0; z-index: 1000; } .pagination.block { overflow: inherit; } .mod_newslist .layout_full .layout_single { width: 960px; margin: 0 auto; } .layout_full.bg_grey { background-color: #faf9f7; } .mod_eventlist img { float: left; } .mod_eventlist p.location { display: none; } .mod_eventlist p { padding-top: 43px; padding-left: 150px; text-align: left; } .mod_eventlist figure.image_container { height: 81px; position: absolute; padding: 22px; background-color: #fff; } /* ---------------------------------------------------------------------- 11.1 News Archiv ---------------------------------------------------------------------- */ .news-archive { margin: 40px 0; } .news-archive-nav { width: 960px; margin: 0 auto; } .news-archive-nav-link { width: 184px; display: inline-block; background-color: #888a93; margin-right: 5px; border-radius: 7px; } .news-archive-nav-link:hover { background-color: #696B73; } li.news-archive-nav-link.inactive { background-color: #b2b2b2; } .news-archive-nav-link a { width: 100%; display: block; text-align: center; line-height: 38px; text-transform: uppercase; color: #fff; } /* ---------------------------------------------------------------------- 12.0 Suche ---------------------------------------------------------------------- */ .search label { font-size: 27px; font-weight: bold; color: #363b44; line-height: 50px; } .search input { padding: 5px 7px 5px 35px; border: 1px solid #d4d4d4; border-radius: 5px; font-size: 14px; color: #616161; background: url("/files/dekodur/images/search-icon.png") no-repeat 6px; margin-bottom: 15px; } .search input.text:focus { padding: 5px 7px 5px 7px; border: 1px solid #c1003c; border-radius: 5px; font-size: 14px; color: #616161; outline: none; background: none; transition: 0.3s ease-out; border: none; } .search input.submit { background: none; padding: 10px 20px; background-color: #c1003c; color: #fff; transition: 0.3s ease-in-out; border: none; } .search input.submit:hover { background-color: #ddd; color: #555; transition: 0.3s ease-in-out; } #suche .mod_iso_productlist, #search .mod_iso_productlist { background-color: #fff; margin: 20px 0px; } #suche .s_collection { display: none; } /* ---------------------------------------------------------------------- 13.0 Content Main Styles ---------------------------------------------------------------------- */ #content-wrapper { width: 100%; margin: 0 auto; } #content-inner { width: 960px; margin: 0 auto; } .content-inner-class { width: 960px; margin: 0 auto; } .breadcrumb ul li { display: inline-block; padding-bottom: 15px; } .breadcrumb-point a { color: #616161; } .breadcrumb-point a:hover { color: #c1003c; } .breadcrumb-point-active a { color: #c1003c; } .breadcrumb-spacer { color: #616161; } .rsts-slide img { height: 525px; border: 1px solid #d4d4d4; border-radius: 20px; behavior: url("assets/css3pie/1.0.0/PIE.htc"); } .detail-image-box { width: 747px; height: 545px; display: inline-block; border-radius: 10px; behavior: url("assets/css3pie/1.0.0/PIE.htc"); border: 1px solid transparent; background-image: url("../../files/dekodur/assets/image_box_dummy.png"); background-size: 870px; } .detail-image-box p { right: 10px; position: absolute; bottom: 10px; } .collection-details-container { display: inline-block; } .collection-description { width: 168px; height: 43px; display: inline-block; padding: 15px; text-align: center; background-color: #c1003c; border-radius: 10px; behavior: url("assets/css3pie/1.0.0/PIE.htc"); border: 1px solid transparent; color: #fff !important; } .material-image { width: 199px; height: 250px; display: inline-block; margin-top: 10px; text-align: center; border: 1px solid #d5d5d5; border-radius: 10px; behavior: url("assets/css3pie/1.0.0/PIE.htc"); background-image: url("../../files/dekodur/assets/material_melamin.png"); background-size: 199px auto; } .material-details { width: 199px; height: 199px; display: inline-block; margin-top: 10px; background-color: #f7f7f7; border: 1px solid #d5d5d5; border-radius: 10px; behavior: url("assets/css3pie/1.0.0/PIE.htc"); } .responsive-video iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .responsive-video { position: relative; padding-bottom: 56.25%; /* Default for 1600x900 videos 16:9 ratio*/ padding-top: 0px; height: 0; overflow: hidden; } .responsive-video-html {margin-left: 0px;} /* ---------------------------------------------------------------------- 14.0 Footer ---------------------------------------------------------------------- */ #footer-wrapper { width: 100%; clear: both; } .footer-content { background-color: #f7f7f7; border-top: 1px solid #d4d4d4; } #footer-inner { width: 960px; margin: 0 auto; } .footer-nav { padding-top: 15px; } .footer-nav ul li { display: inline-block; } .footer-nav ul li a { font-size: 16px; color: #616161; } .haendler-login { float: right; } .haendler-login a { color: #c1003c; } .footer-bottom { height: 30px; bottom: 0; background-color: #d4d4d4; } .footer-bottom-text { width: 960px; margin: 0 auto; text-align: right; } .footer-bottom p { padding-bottom: 0; font-size: 12px; line-height: 30px; } /* ---------------------------------------------------------------------- 14.1 Pre Footer ---------------------------------------------------------------------- */ .highlight-new { color: #c1003c; font-size: 18px; line-height: 10px; font-weight: bold; } .pre-footer-article i.fa-caret-right { color: #fff !important; } .infobox i.fa-caret-right { color: #fff !important; } .mod_article .ce_sliderStart#startslider { width: 960px; height: 525px; margin-bottom: 0; padding-right: 0; padding-left: 0; margin: 0 auto; border-radius: 15px; border: 1px solid #d5d5d5; } .pre-footer-list { padding-top: 10px; } #pre-footer { width: 100%; margin-top: 15px; background-color: #eae6df; } .pre-footer-inner { width: 1080px; margin: 0 auto; } .article-image { width: 33%; display: inline-block; vertical-align: top; margin-top: 40px; } .pre-footer-article { width: 20%; display: inline-block; padding: 1% 5%; vertical-align: top; } .pre-footer-article a, b { color: #c1003c; } .infobox-container { width: 30%; display: inline-block; vertical-align: top; text-align: right; } .infobox { width: 100%; height: 90px; margin-top: 30px; border: 1px solid #616161; border-radius: 10px; behavior: url("assets/css3pie/1.0.0/PIE.htc"); } .infobox-link { width: 96%; margin-top: 40px; padding: 1% 2%; background-color: #c1003c; } .infobox-link a { padding-right: 10px; color: #fff; font-size: 22px !important; text-transform: uppercase; } .infobox-link a:hover { color: #363b44; } .aktuelles { background: url("/files/dekodur/images/pre-footer/infobox-aktuelles-bg.jpg"); background-size: 100%; } .anwendungsbeispiele { background: url("/files/dekodur/images/pre-footer/infobox-anwendungsbeispiele-bg.jpg"); background-size: 100%; } /* ---------------------------------------------------------------------- 15.0 Über uns ---------------------------------------------------------------------- */ .ueber-uns { background: #; } .ueber-uns-historie-header { width: 100%; display: inline-block; text-align: left !important; padding: 20px 0px 20px 0px; background: #f4f1ed; } .historie-header-left { width: 60%; display: inline-block; } .historie-header-right { width: 40%; display: inline-block; float: right; } .historie-header-left .row-1 { width: 100%; } #ueber-uns {} .historie-1, .historie-2 { background-color:#faf9f7; text-align:center; display:block; } .historie-2 { border-bottom: 1px solid #aba9a5; } #historie-1-inner, #historie-2-inner { width:960px; text-align:left; margin: 0 auto; padding-top:35px; } .historie-1-left { width: 52%; display: inline-block; padding: 10px 0px 10px 5px; margin-bottom: 190px; } .historie-2-left { width: 52%; display: inline-block; padding: 10px 0px 10px 5px; margin-bottom: 20px; } .historie-1-right { width:40%; background-color:#fff; border-radius: 7px; padding: 10px 10px 15px 20px; display: inline-block; float: right; } .historie-2-right { width:38%; float: right; padding-left: 2%; } #ueber-uns h4 { margin-bottom:20px; } #about-us h4 { margin-bottom:20px; } #qui-sommes-nous h4 { margin-bottom:20px; } #sobre-nosotros h4 { margin-bottom:20px; } .jahreszahl-kurz { float: left; color: #c3023b; font-size: 20px; font-weight: bold; margin: 0px 20px 20px 30px; display:inline-block; } .jahreszahl { float: left; color: #c3023b; font-size: 20px; font-weight: bold; margin: 0px 20px 150px 30px; display:inline-block; } ul.innovationen li { list-style-position: outside; list-style:none; margin-left:0.6em; line-height:20px; margin-bottom:5px; } ul.innovationen li:before { content: "\f111"; font-size:0.4em; vertical-align:super; font-family: FontAwesome; display: inline-block; margin-left: -0.6em; width: 2.6em; } ul.innovationen li span { margin-left: 0.8em; } .logoleiste { background-color: #f3f1ed; } .partnerblock { background-color:#fff; text-align:center; display:block; } #partner-inner { width:960px; text-align:left; margin: 0 auto; padding-top:35px; } .partnerlogo { width: 20%; height: 110px; padding: 15px; margin: 25px 5px; border: solid 1px #d3d3d6; border-radius: 7px; text-align: center; display: block; float: left; } .partnerlogo.hinten { margin-right: 0px !important; padding:25px 15px 5px 15px; } .partnerlogo.vorne { margin-left: 0px !important; width:22% !important; padding:25px 10px 5px 10px; } .downloadblock { background-color:#f3f1ed; text-align:center; display:block; border-top: 1px solid #aba9a5; } #download-inner { width:960px; text-align:left; margin: 0 auto; padding-top:35px; } .download-left { width: 48% !important; float: left; margin-bottom: 20px; background-color:#fff; border-radius: 7px; padding: 20px 0px 15px 10px; } .download-right { width: 48% !important; display: inline-block; padding: 20px 0px 15px 10px; margin-bottom: 20px; text-align:left; } .download-1-right-inner { width:48%; float:left; display:inline-block; } .download-2-right-inner { width:48%; display:inline-block; padding-left:10px; } ul.download li { list-style-position: outside; list-style:none; margin-left:0.6em; line-height:18px; margin-bottom:5px; } ul.download li:before { content: "\f111"; font-size:0.4em; vertical-align:super; font-family: FontAwesome; display: inline-block; margin-left: -0.6em; width: 2.6em; } ul.download li span { margin-left: 0.8em; } .zertifikat { width: 90%; display: block; margin-bottom: 20px; background-color:#fff; border-radius: 7px; padding: 15px 10px 15px 10px; text-align:center; } .brofly { display: inline-block; width:33%; text-align:left; padding:15px 10px 10px 0px; margin-bottom:25px; } .brofly p, .zertifikat p { font-size:12px; line-height:16px; margin-top:15px; } .brofly img { float:left; margin-right:20px; } /* ---------------------------------------------------------------------- 16.0 ECO HPL ---------------------------------------------------------------------- */ #eco-hpl {} h2.eco-hpl { margin: 40px 0px 5px 0px; font-size: 22px !important; } #eco-hpl h3, #eco-hpl-en h3, #eco-hpl-es h3, #eco-hpl-fr h3 { margin: 10px 0px 10px 0px; font-size: 16px; line-height: 22px; } .eco-hpl-logo { float: left; margin: 10px 25px 15px 0px; } .eco-hpl-quer1 { background-color: #f3f1ed; text-align: center; display: block; } #eco-hpl-quer1-inner { width: 945px; text-align: left; display: block; padding-left: 15px; margin: 0 auto; } .eco-hpl-quer1-left { width: 52%; display: inline-block; } .eco-hpl-quer1-left p { width: 80%; } .eco-hpl-quer1-right { width: 42%; display: inline-block; float: right; } .eco-hpl-quer2 { background-color: #dedbd5; } #eco-hpl-quer2-inner { width: 960px; margin: 0 auto; } .eco-hpl-quer3 { background-color: #faf9f7; } #eco-hpl-quer3-inner { width: 960px; text-align: left; padding-top: 50px; padding-bottom: 150px; margin: 0 auto; } .eco-hpl-quer3-right { width: 40%; display: inline-block; float: right; } .eco-hpl-quer3-left { width: 50%; display: inline-block; padding-left: 15px; } .bilder-sub { font-size: 12px; line-height: 14px; color: #888a93; font-style: italic; margin-top: 5px; margin-right: 0px; margin-bottom: 5px; margin-left: 0px; } .haeckchen { float: left; width: 280px; color: #5da442; font-weight: bold; line-height: 28px; font-size: 14px; margin: 10px 0; } ul.haeckchen li { list-style-image: url("../../files/dekodur/images/icons/haeckchen-on-icon.png"); list-style-position: inside; } ul.haeckchen li .btm { margin-left: 10px; vertical-align: super; } .downloadliste { float: left; width: 200px; margin: 10px 0; } ul.downloadliste li { list-style-image: url("../../files/dekodur/images/icons/pdf-icon.gif"); list-style-position: inside; line-height: 28px; } ul.downloadliste li a { margin-left: 10px; vertical-align: super; color: #c3023b; } ul.eco-hpl-buttons li { float: left; background-color: #888a93; width: 18.1%; text-align: center; color: #fff; border-radius: 7px; padding: 10px 0; margin-right: 1.5%; margin-top: 50px; margin-bottom: 30px; list-style: none; display: inline-block; } ul.eco-hpl-buttons li a { color: #fff; display: block; } ul.eco-hpl-buttons li a:focus { outline: none; } ul.eco-hpl-buttons li.first { margin-left: 15px; } ul.eco-hpl-buttons li:hover { color: #fff; background-color: #c3023b; display: block; } /* ---------------------------------------------------------------------- 17.0 Cookie Hinweis ---------------------------------------------------------------------- */ /* jquery.cookiebar */ #cookie-bar {background:#818181; height:auto; line-height:24px; color:#eeeeee; text-align:center; padding:10px 6px;} #cookie-bar.fixed {position:fixed; top:0; left:0; width:100%;} #cookie-bar.fixed.bottom {bottom:0; top:auto;} #cookie-bar p {margin:0; padding:0;} #cookie-bar a {color:#ffffff; display:inline-block; border-radius:3px; text-decoration:none; padding:0 6px; margin-left:12px;} #cookie-bar .cb-enable {background:#c1003c;} #cookie-bar .cb-enable:hover {background:#686b69;} #cookie-bar .cb-disable {background:#424542;} #cookie-bar .cb-disable:hover {background:#686b69;} #cookie-bar a:link.cb-policy, #cookie-bar a:visited.cb-policy {background:none; color:#000; } #cookie-bar .cb-policy:hover {background:none;} /* ---------------------------------------------------------------------- Anpassungen ---------------------------------------------------------------------- */ figure.gallery_anwendungsbeispiele a img { border: 1px solid #888a93; border-radius: 10px; } .mod_iso_productreader { width: 990px !important; } .mod_iso_productreader .product { width: 990px !important; } figure.gallery_anwendungsbeispiele { padding-left: 23px; padding-bottom: 23px; } li.header-search-mobile { margin: 20px; width: auto !important; float: left; display: inline-block; } .header-search-mobile input { margin-bottom: 15px; } /* ---------------------------------------------------------------------- 18.0 Allerlei ---------------------------------------------------------------------- */ .responsive-video iframe { position: absolute; top: 0; left: 0; width: 80%; height: 80%; } #iframe { text-align: center; margin-bottom: 25px; } #banner a { display: inline-block; } #banner { display: flex; justify-content: center; align-items: center; width: 100%; } #banner img { width: 960px; max-width: 100%; height: auto; display: block; margin-bottom: 15px; margin-top: 10px; } /* ---------------------------------------------------------------------- Media Queries ---------------------------------------------------------------------- */ @media only screen and (max-width: 1200px) { /* Pre-Footer */ .pre-footer-inner { width: 960px; } .article-image img { width: auto; } .pre-footer-article { display: inline-block; padding: 1% 5%; vertical-align: top; width: 22%; } } /* ---------------------------------------------------------------------- Media Queries // iPad Landscape ---------------------------------------------------------------------- */ @media only screen and (max-width: 1024px) { /* Grid */ .box-container { display: inline-block; } .col-3 { width: 297px !important; display: inline-block; padding-top: 20px; } .col-3-box-image { width: 95%; border: 1px solid #333; border-radius: 10px; margin-bottom: 10px; } .col-5 { width: 168px; display: inline-block; position: absolute; } .col-5-double { width: 366px; } .col-spacer-right { padding-right: 0; float: left; width: 33%; } .col-spacer-left { padding-left: 0; float: left; width: 33%; } .col-spacer-top { margin-top: 15px; float: left; width: 33%; } /* Header */ #header-inner { width: 960px; margin: 0 auto; } .header-search input { width: 225px; } .header-banner { width: 235px; padding: 0 1%; } #logo { width: 21%; } .header-banner img { padding: 0; } .dropdown_social_links { display:block; } /* Content */ #content-wrapper { margin: 0 auto; } .nav { padding: 15px 0 15px 0; } .nav ul li { display: inline-block; } li.nav-point.highlight a { padding-left: 40px !important; } li.trail.nav-point, li.active.nav-point { width: 126px; } li.nav-point-active a { color: #fff !important; } .breadcrumb ul li { padding-bottom: 15px; display: inline-block; } .breadcrumb-point a { color: #616161; } .breadcrumb-point a:hover { color: #c1003c; } .breadcrumb-point-active a { color: #c1003c; } .breadcrumb-spacer { color: #616161; } .rsts-skin-default.rsts-main { width: 100% !important; } .detail-image-box { width: 747px; height: 545px; display: inline-block; border: 1px solid transparent; border-radius: 10px; background-image: url("../../files/dekodur/assets/image_box_dummy.png"); background-size: 870px; vertical-align: center; } .detail-image-box p { position: absolute; right: 10px; bottom: 10px; } .collection-details-container { display: inline-block; } .collection-description { display: inline-block; background-color: #c1003c; border: 1px solid transparent; border-radius: 10px; width: 168px; height: 43px; color: #fff !important; text-align: center; padding: 15px; } .material-image { display: inline-block; background-image: url("/files/dekodur/images/material_melamin.png"); background-size: 199px auto; border: 1px solid #d5d5d5; border-radius: 10px; width: 199px; height: 250px; text-align: center; margin-top: 10px; } .material-details { display: inline-block; border: 1px solid #d5d5d5; border-radius: 10px; width: 199px; height: 199px; background-color: #f7f7f7; margin-top: 10px; } .mod_newslist { width: 960px; margin: 0 32px 0 32px; } /* Pre-Footer */ #pre-footer { width: 100%; background-color: #eae6df; margin-top: 15px; } .pre-footer-inner { width: 96%; margin: 0 auto; } .article-image { width: 90%; text-align: center; margin-left: 25px; margin-top: 30px; } .pre-footer-article { display: inline-block; vertical-align: top; width: 48%; } .pre-footer-article h2 { text-align: left !important; } .pre-footer-article a, b { color: #c1003c; } .infobox-container { display: inline-block; vertical-align: top; text-align: right; width: 46%; } .infobox { width: 100%; border: 1px solid #616161; border-radius: 10px; height: 90px; margin-top: 30px; } .infobox-link a { color: #fff; padding-right: 10px; font-size: 22px !important; text-transform: uppercase; } .infobox-link a:hover { color: #363b44; } /* Footer */ #footer-wrapper { width: 100%; } .footer-content { border-top: 1px solid #d4d4d4; background-color: #f7f7f7; margin-top: 15px; } #footer-inner { width: 96%; margin: 0 auto; } .footer-nav { padding-top: 15px; } .footer-nav ul li { display: inline-block; } .footer-nav ul li a { color: #616161; font-size: 16px; } .footer-nav-point { border: 1px solid #f7f7f7; padding: 5px 8px 5px 7px; margin-right: 6px; } .footer-nav-point:hover { border: 1px solid #d4d4d4; border-radius: 5px; background-color: #fff; } .haendler-login { float: right; } .haendler-login a { color: #c1003c; } .footer-bottom { background-color: #d4d4d4; bottom: 0; } .footer-bottom-text { width: 96%; text-align: right; } .header-search input { width: 100%; } .nav.dl-menuwrapper { display: none; width: 155px; max-width: 100%; z-index: 1000; position: absolute; right: 2%; text-align: right; top: -90px; } .dl-menuwrapper li { width: 100%; } .dl-menuwrapper li.nav-point { background: none; border: 0; text-align: left; } .dl-menuwrapper li.nav-point.highlight { width: auto; border: 1px solid #5f71c1; border: 1px solid #fff; background: url("/files/dekodur/images/icons/icon-s-collection-white.png") no-repeat 5px -1px #5f71c1; background-size: 30px; float: left; margin-left: 25px; } .dl-menuwrapper li.nav-point.highlight a { padding: 2px; } .product_list { margin: 0 -6px; } li.highlight a { color: #c1003c !important; padding-left: 0px !important; } li.standardprogramm.highlight { padding-left: 51px; width: 135px; } .rsts-skin-default .rsts-prev { left: 50px; } .rsts-skin-default .rsts-next { left: 940px; } /* Webkit Appearance Diabled */ .header-search input, .submit_container.detail input.submit, .submit_container input, select { -webkit-appearance: none; -moz-appearance: none; } #iso_ajaxBox { width: 325px; left: 30%; } } /* ---------------------------------------------------------------------- Media Queries // iPad Portrait ---------------------------------------------------------------------- */ @media only screen and (max-width: 768px) { /* Header */ /*.sharebuttons > ul.fontawesome > li > a { padding: 8px !important; border-radius: 50%; }*/ .sharebuttons-mobile .fontawesome a { width: 40px !important; height: 40px !important; display: inline-block; background: #999; border-radius: 50%; padding: 0px !important; text-align: center; margin: 20px 8px 20px 0px; line-height: 40px; color: #fff; } .sharebuttons-mobile .fontawesome a:last-child { margin: 20px 0px; } li.nav-point { width: 244px !important; } li.nav-point.responsive-last { margin-right: 0; } a.nav-point { width: auto; border: 0; border-top: 0; border-bottom: 0; padding: 0; margin-right: 0; background-color: transparent; border-top-right-radius: 0; } li.nav-point.highlight { margin-top: 10px; width: 953px; border-radius: 10px; border-bottom: none; z-index: 1; margin-left: 37px !important; } .mod_changelanguage { width: 768px; } #header-inner { width: 730px; } .header-search-social { display: none; } .nav { display: none; } .nav-sub { width: 720px; } li.nav-point-sub { width: 220px !important; } .nav-sub ul li a { width: 220px; padding: 0px; } .header-banner { display: none; } .dl-menuwrapper { display: block !important; } #logo { width: 225px; } .header-link a { padding: 30px 17px; color: #666; } .rsts-slide img { border-radius: 0; } .rsts-skin-default .rsts-prev { left: 20px; bottom: 200px; } .rsts-skin-default .rsts-next { left: 717px; bottom: 200px; } .mod_rocksolid_slider { height: 420px !important; } .dl-menuwrapper li { width: 30%; } .dl-menuwrapper .dl-menu { width: 100vw !important; max-width: 375px; margin-top: 31px !important; right: -7px; } .dl-menuwrapper li.nav-point { display: block; margin-left: 35px; border-bottom: 1px solid #999; width: 80% !important; } .dl-menuwrapper li.nav-point.highlight { margin-left: 44px; } .dl-menuwrapper li a { padding: 5px 0px 5px 20px !important; } .dl-menuwrapper li.nav-point.highlight { background: url("/files/dekodur/images/icons/icon-s-collection-white.png") no-repeat 5px 4px #5f71c1; 5px 4px; background-size: 30px; width: auto; } .dl-menuwrapper li.nav-point.highlight a { padding: 3px 14px 2px 52px !important; } /* Content */ #content-inner { width: 728px; } #content-wrapper { width: 100%; } .dekor-overview-wrapper-inner { width: 768px; } .dekor-overview-wrapper { float: left; } .dekor-overview-70-left, .dekor-overview-60-left, .dekor-overview-50-left, .dekor-overview-30-left { width: 355px; float: left; margin-left: 25px; padding: 0px; } .dekor-overview-40-right, .dekor-overview-50-right, .dekor-overview-70-right{ width: 355px; float: right; padding: 0px; margin: 0px; } .dekor-overview-image figure img { width: 71%; } .dekor-overview-text { text-align: left; width: 318px; margin-top: 0px; } .dekor-overview-text h2, .dekor-overview-text-magnet h2 { text-align: left !important; } .dekor-overview-image li.col_first { margin-right: -32px; } #magnetdekore-overview { display:none; } .topmargin { margin-top: 20px; margin-bottom: 15px; } .dekor-overview-text-magnet { margin-top: 0px; width: 100%; text-align: left !important; } .dekor-detail-large-image figure img { /*margin-top: -12px !important;*/ width: 95.6%; height: auto; } .dekor-example-image { height: 174px; margin-bottom: 20px; } .dekor-example-image ul { height: 174px; } .dekor-overview-50-right .dekor-example-image, .dekor-overview-50-right .dekor-example-image ul { height: 140px; } .dekor-overview-50-right .dekor-example-image figure { width: 193px; margin-top: 56px !important; } .dekor-overview-image figure.image_container { margin-top: 14px !important; } .ce_image.dekor-overview-image img { max-height: 230px; margin-bottom: 20px; } .mod_breadcrumb { padding-bottom: 10px; margin-left: 20px; padding-top: 10px; } .collection-teaser-text { width: 491px !important; margin-top: 0px !important; } #dekor-detail-page-sharebuttons { float: none; top: 289px; margin-left: 5px; } .dekor-detail-main-image { width: 555px; height: auto; } .dekor-detail-main-info { width: 173px; } .dekor-category-box { margin: 0 0 10px 0; } .dekor-features-box { padding: 0 0 2px 15px; } .product_list { width: 740px; margin: 0 auto; } .product_list .product { width: 169px; } .product_list .product .formbody figure { margin-top: 0px !important; width: 169px; } .product h3 a { width: 157px; } .detailimage figure { margin-top: 0px !important; margin-left: 20px; } .product form .formbody { width: 754px; } .detailimage { width: 460px; } .submit_container.detail { top: 12px; left: 418px; } .submit_container.detail input.submit { border-radius: 7px; } .product .mod_sharebuttons { top: 241px; left: 24px; } .product-detail-collection-accordeon .product_list .product { width: 92px; height: 92px; } .mod_iso_productreader { width: 768px; } .mod_iso_productreader .product { width: 768px !important; margin: 0 !important; } .product .bx-viewport { width: 730px !important; margin-left: 20px; } .bx-prev { left: 20px !important; } .bx-next { right: 20px !important; } .mod_article .ce_form { width: 703px; } .merkliste-headline-container { width: 768px; } .backlink-last { margin-left: 20px; } .contact-banner h1 { width: 325px; font-size: 30px; text-align: right; } .contact-banner p { width: 340px; } .contact-form-left, .contact-form-right { float: none; } .mod_article .ce_sliderStart { width: 690px; } .slider-wrapper { width: 670px; } .mod_eventlist .event { width: 300px; } .mod_eventlist { width: 300px; } .event figure { display: none; } .event { border-right: none !important; } .mod_article .ce_sliderStart .event h3, .event p { margin-left: 35px !important; padding-left: 0px; } .mod_article .ce_text { width: 725px; } .mod_newslist { margin: 0px; width: 730px; } /* .ce_gallery ul li figure.image_container a img { width: 227px; }*/ .dekor-features-box { padding: 15px 0px 2px 15px !important; } .ce_gallery ul li.col_last figure.image_container { margin-right: 0px !important; } .one-third-contact-text-left { width: 45% !important; } .one-third-contact-image { width: 44% !important; } .one-third-contact-text-right { padding-left: 0px; width: 710px !important; } .contact-text-half-right { padding-left: 0px; border-left: none; } .haftungshinweis .ce_text, .datenschutz .ce_text{ width: 745px !important; margin: 0 !important; } /* Eco-HPL */ #eco-hpl-quer1-inner { width: 630px; } .eco-hpl-quer1-left { width: 355px; float: left; } .eco-hpl-quer1-right { margin-top: 25px; } #eco-hpl-quer2-inner { width: 630px; } #eco-hpl-quer3-inner { width: 630px; } ul.eco-hpl-buttons li { width: 29%; margin-top: 15px; margin-bottom: 0px; } ul.eco-hpl-buttons li.first { margin-left: 0px; } /* Über uns */ #historie-1-inner, #historie-2-inner, #partner-inner, #download-inner { width: 630px; } .historie-1-left { width: 90%; display: block; } .historie-1-right { width: 630px; display: block; padding-left: 5px; } .historie-2-left { width: 90%; display: block; padding-bottom: 150px; } .historie-2-right { display: none; } .download-left, .download-right { width: 90% !important; display: block; } .brofly { width:90%; } /* Anpassungen DH 2016/07/21 */ .highlight-box { width: 720px; } .content-inner-class { width: 768px; } .dekor-detail-s-collection-button { width: 725px; margin: 0 auto; } .mod_randomImage img { width: 725px; margin: 0 auto; } #iso_ajaxBox { width: 325px; left: 30%; } /* ---------------------------------------------------------------------- Anpassungen ---------------------------------------------------------------------- */ figure.gallery_anwendungsbeispiele a img { width: 225px; } } /* ---------------------------------------------------------------------- Media Queries // iPhone 6 Plus Portrait ---------------------------------------------------------------------- */ @media only screen and (max-width: 414px) { #logo { width: 125px; vertical-align: 0px; padding-left: 10px; } .responsive-video-html {margin-left: -30px;} .header-link-home { background-image: url("/files/dekodur/images/top100-innovator-2021-small.gif"); background-repeat: no-repeat; background-position: 5px 0px; display: inline-block; min-width: 15px; margin: -30px 0 0 0px; min-height: 15px; vertical-align: top; } .header-link-hiho { background-image: url("/files/dekodur/images/logo-1250Hirschhorn-small.gif"); background-repeat: no-repeat; background-position: 0px 0px; display: inline-block; min-width: 60px; margin: -30px 0 0 0px; min-height: 32px; vertical-align: top; } .rsts-skin-default .rsts-prev { left: 10px; bottom: 88px; } .rsts-skin-default .rsts-next { left: 333px; bottom: 88px; } .mod_rocksolid_slider { height: 205px !important; } #pre-footer { margin-top: 0px; } .pre-footer-article { display: block; width: 100%; } .pre-footer-article h3 { margin-top: 15px; } .infobox-container { width: 100%; } .footer-nav ul li { display: block; } .haendler-login { padding: 11px; float: none; } .footer-bottom { height: 63px; } .footer-bottom-text { text-align: left; } .nav-sub { width: 355px; } .nav-sub ul.left, .nav-sub ul.center, .nav-sub ul.right { float: none; display: block; } li.nav-point-sub { width: 353px !important; } .nav-sub ul li a { width: 353px; padding: 0px; } .dekor-overview-40-right, .dekor-overview-50-right, .dekor-overview-70-right, .dekor-overview-70-left, .dekor-overview-60-left, .dekor-overview-50-left, .dekor-overview-30-left { width: 350px; float: none; display: block; margin-left: 12px; } .dekor-overview-40-right .ce_gallery, .dekor-overview-50-right .ce_gallery, .dekor-overview-70-right .ce_gallery { display: none; } .dekor-overview-text { width: 350px; } .strukturvarianten-bg-image { width: 375px; } .dekor-detail-main-info, .dekor-detail-main-image { float: none; display: block; } .dekor-overview-text h2 i.fa-caret-right, .dekor-overview-text-magnet h2 i.fa-caret-right { position: absolute; padding-top: 3px; } #magnetdekore-overview { display:none; } .topmargin { margin-top: 20px; margin-bottom: 15px; } #content-inner { width: 355px; margin: 0 auto; } .dekor-detail-main-info { width: 100%; } .product-preview-image, .dekor-features-box, .mod_breadcrumb { display: none; } .dekor-detail-main-image { width: 100%; } .dekor-detail-large-image { float: none; display: block; width: 100%; margin-top: 135px; } .dekor-detail-large-image figure img { width: 353px; margin-top: 0px !important; } .collection-teaser-text { width: 313px !important; margin-bottom: 20px !important; } .dekor-category-box { position: absolute; top: 13px; width: 355px; } .product_list { width: 370px; } .product_list .product { width: 166px; } .ce_gallery>ul li { float: none; display: block; width: 100%; } .ce_gallery>ul li figure { margin-right: 0px !important; } .ce_gallery>ul li figure a img { width: 353px !important; } .footer-content { margin-top: 0px; } .mod_iso_productreader { width: 355px; margin-top: 10px; } .detailimage { width: 355px; margin-bottom: 10px; } .detailimage figure { margin-left: 0px; width: 353px; } .submit_container.detail { left: 312px; } .product form .formbody { width: 355px; } .product .mod_sharebuttons { top: 190px; left: 4px; } .productdetails-container { clear: both; float: none; max-width: 355px; } .productdetails { width: 352px; } .product-main-category { width: 295px; } .product-detail-collection-accordeon .product_list .product { width: 77px; height: 77px; } .product-detail-collection-accordeon .product_list .product .image_container { width: 80px; } .product-detail-kollektion .ui-accordion-header { width: 100vw; } .mod_iso_productreader .product { width: 350px !important; } .product .bx-viewport { width: 335px !important; margin-left: 10px; } .bx-pager { width: 355px !important; } .bx-prev { left: 20px !important; } .bx-next { right: 20px !important; } .mod_article .ce_sliderStart { width: 310px; height: 250px; } .slider-wrapper { width: 310px; } .mod_eventlist .event { width: 260px; } .mod_eventlist { width: 310px; } .event figure { display: none; } .event { border-right: none !important; } .mod_article .ce_sliderStart .event h3, .event p { margin-left: 35px !important; padding-left: 0px; } .mod_newslist h3.info { display: none; } .mod_article .ce_text { width: 345px; } .mod_newslist { width: 345px; margin: 0 auto; } .layout_short .teaser p { width: 100%; display: block; padding-right: 0; } .news-archive-nav { width: 355px; } .news-archive-nav li { width: 100%; display: block; margin-right: 0px; margin-bottom: 5px; } .news-backlink { width: 355px; } .one-third-contact-text-left, .one-third-contact-text-right { width: 355px !important; padding: 20px 0px 0px 0px; } .one-third-contact-image { width: 355px !important; padding: 0px; } .contact-text-half-left, .contact-text-half-right { width: 355px !important; padding: 0px; } .contact-social-media li { width: 68px; } .contact-banner { height: 120px; } .contact-banner-inner { width: 345px; } .contact-banner p { padding: 10px 0px 0px 10px; } .contact-banner h1 { line-height: 6px; padding-left: 10px; } .mod_article .ce_form { width: 355px; } .ce_form .formbody .widget-text input, .ce_form .formbody .widget-select select { width: 355px; display: block; } #ctrl_40 { padding-bottom: 15px; } .haftungshinweis .ce_text, .datenschutz .ce_text{ width: 355px !important; margin: 0 !important; } .mod_login form { width: 355px; } .merkliste-headline-container { width: 355px; } .backlink-last { margin: 0px; top: -10px !important; text-align: center; } .merkliste-form .widget-checkbox .checkbox_container span { display: block; } .merkliste-form .submit_container { margin-top: 0px; } /* Eco-HPL */ #eco-hpl-quer1-inner { width: 400px; } .eco-hpl-quer1-left { width: 390px; float: left; } .eco-hpl-quer1-right { margin-top: 25px; width: 390px; display: block; } #eco-hpl-quer2-inner { width: 390px; } #eco-hpl-quer3-inner { width: 390px; padding-bottom: 280px; } .eco-hpl-quer3-left { width: 90%; display: block; } .eco-hpl-quer3-right { width: 90%; display: block; } ul.eco-hpl-buttons li { width: 90%; margin-top: 15px; margin-bottom: 0px; margin-left: 10px !important; } ul.eco-hpl-buttons li.first { margin-left: 10px !important; } ul.eco-hpl-buttons { margin-bottom: 25px; } /* Über uns */ #historie-1-inner, #historie-2-inner, #partner-inner, #download-inner { width: 400px; padding-left: 5px; } .historie-1-left { width: 90%; display: block; } .historie-1-right { width: 390px; display: block; padding: 10px 10px 15px 5px; } .historie-2-left { width: 90%; display: block; padding-bottom: 150px; } .historie-2-right { display: none; } .download-left, .download-right { width: 90% !important; display: block; } #partner { clear: both; } img.decoration { margin-right: 10px; } p.jahreszahl { clear: left; margin-bottom: 10px !important; } img.spacer { display: none; } .brofly { width:90%; } /* Anpassungen DH 2016/07/21 */ .hl-s-collection { width: 355px !important; } .highlight-box { width: 335px; padding: 10px; } .content-inner-class { width: 375px; } .dekor-detail-s-collection-button { width: 355px; margin: 0 auto; } .mod_randomImage img { width: 355px; } .dekor-detail-s-collection-button span { font-size: 22px; background-size: 38px; overflow: hidden; } #iso_ajaxBox { top: 25% !important; width: 270px; left: 15%; } } /* ---------------------------------------------------------------------- Media Queries // iPhone 6 Landscape ---------------------------------------------------------------------- */ @media only screen and (max-width: 667px) { .mod_changelanguage { width: 637px; } .mod_article .ce_sliderStart { width: 600px; height: 120px; } .slider-wrapper { width: 590px; } .mod_eventlist .event { width: 250px; } .mod_eventlist { width: 205px; } .event figure { display: none; } .event { border-right: none !important; } .mod_article .ce_sliderStart .event h3, .event p { margin-left: 35px !important; padding-left: 0px; } .merkliste-form .widget-checkbox .checkbox_container span { display: block; width: 350px; } .datenschutzhinweis { width: 350px; } } /* ---------------------------------------------------------------------- Media Queries // iPhone 6 Portrait ---------------------------------------------------------------------- */ @media only screen and (max-width: 375px) { #logo { width: 125px; vertical-align: 0px; padding-left: 10px; } .rsts-skin-default .rsts-prev { left: 10px; bottom: 88px; } .rsts-skin-default .rsts-next { left: 333px; bottom: 88px; } .mod_rocksolid_slider { height: 205px !important; } #pre-footer { margin-top: 0px; } .pre-footer-article { display: block; width: 100%; } .pre-footer-article h3 { margin-top: 15px; } .infobox-container { width: 100%; } .footer-nav ul li { display: block; } .haendler-login { padding: 11px; float: none; } .footer-bottom { height: 63px; } .footer-bottom-text { text-align: left; } .nav-sub { width: 355px; } .nav-sub ul.left, .nav-sub ul.center, .nav-sub ul.right { float: none; display: block; } li.nav-point-sub { width: 353px !important; } .nav-sub ul li a { width: 353px; padding: 0px; } .dekor-overview-40-right, .dekor-overview-50-right, .dekor-overview-70-right, .dekor-overview-70-left, .dekor-overview-60-left, .dekor-overview-50-left, .dekor-overview-30-left { width: 350px; float: none; display: block; margin-left: 12px; } .dekor-overview-40-right .ce_gallery, .dekor-overview-50-right .ce_gallery, .dekor-overview-70-right .ce_gallery { display: none; } .dekor-overview-text { width: 350px; } .strukturvarianten-bg-image { width: 375px; } .dekor-detail-main-info, .dekor-detail-main-image { float: none; display: block; } .dekor-overview-text h2 i.fa-caret-right, .dekor-overview-text-magnet h2 i.fa-caret-right { position: absolute; padding-top: 3px; } #magnetdekore-overview { display:none; } .topmargin { margin-top: 20px; margin-bottom: 15px; } #content-inner { width: 355px; margin: 0 auto; } .dekor-detail-main-info { width: 100%; } .product-preview-image, .dekor-features-box, .mod_breadcrumb { display: none; } .dekor-detail-main-image { width: 100%; } .dekor-detail-large-image { float: none; display: block; width: 100%; margin-top: 135px; } .dekor-detail-large-image figure img { width: 353px; margin-top: 0px !important; } .collection-teaser-text { width: 313px !important; margin-bottom: 20px !important; } .dekor-category-box { position: absolute; top: 13px; width: 355px; } .product_list { width: 370px; } .product_list .product { width: 166px; } .ce_gallery>ul li { float: none; display: block; width: 100%; } .ce_gallery>ul li figure { margin-right: 0px !important; } .ce_gallery>ul li figure a img { width: 353px !important; } .footer-content { margin-top: 0px; } .mod_iso_productreader { width: 355px; margin-top: 10px; } .detailimage { width: 355px; margin-bottom: 10px; } .detailimage figure { margin-left: 0px; width: 353px; } .submit_container.detail { left: 312px; } .product form .formbody { width: 355px; } .product .mod_sharebuttons { top: 190px; left: 4px; } .productdetails-container { clear: both; float: none; max-width: 355px; } .productdetails { width: 352px; } .product-main-category { width: 295px; } .product-detail-collection-accordeon .product_list .product { width: 77px; height: 77px; } .product-detail-collection-accordeon .product_list .product .image_container { width: 80px; } .product-detail-kollektion .ui-accordion-header { width: 100vw; } .mod_iso_productreader .product { width: 350px !important; } .product .bx-viewport { width: 335px !important; margin-left: 10px; } .bx-pager { width: 355px !important; } .bx-prev { left: 20px !important; } .bx-next { right: 20px !important; } .mod_article .ce_sliderStart { width: 310px; height: 250px; } .slider-wrapper { width: 310px; } .mod_eventlist .event { width: 260px; } .mod_eventlist { width: 310px; } .event figure { display: none; } .event { border-right: none !important; } .mod_article .ce_sliderStart .event h3, .event p { margin-left: 35px !important; padding-left: 0px; } .mod_newslist h3.info { display: none; } .mod_article .ce_text { width: 345px; } .mod_newslist { width: 345px; margin: 0 auto; } .layout_short .teaser p { width: 100%; display: block; padding-right: 0; } .news-archive-nav { width: 355px; } .news-archive-nav li { width: 100%; display: block; margin-right: 0px; margin-bottom: 5px; } .news-backlink { width: 355px; } .one-third-contact-text-left, .one-third-contact-text-right { width: 355px !important; padding: 20px 0px 0px 0px; } .one-third-contact-image { width: 355px !important; padding: 0px; } .contact-text-half-left, .contact-text-half-right { width: 355px !important; padding: 0px; } .contact-social-media li { width: 68px; } .contact-banner { height: 120px; } .contact-banner-inner { width: 345px; } .contact-banner p { padding: 10px 0px 0px 10px; } .contact-banner h1 { line-height: 6px; padding-left: 10px; } .mod_article .ce_form { width: 355px; } .ce_form .formbody .widget-text input, .ce_form .formbody .widget-select select { width: 355px; display: block; } #ctrl_40 { padding-bottom: 15px; } .haftungshinweis .ce_text, .datenschutz .ce_text{ width: 355px !important; margin: 0 !important; } .mod_login form { width: 355px; } .merkliste-headline-container { width: 355px; } .backlink-last { margin: 0px; top: -10px !important; text-align: center; } .merkliste-form .widget-checkbox .checkbox_container span { display: block; width: 330px; } .datenschutzhinweis { width: 330px; } .merkliste-form .submit_container { margin-top: 0px; } /* Eco-HPL */ #eco-hpl-quer1-inner { width: 360px; } .eco-hpl-quer1-left { width: 350px; float: left; } .eco-hpl-quer1-right { margin-top: 25px; width: 350px; display: block; } #eco-hpl-quer2-inner { width: 350px; } #eco-hpl-quer3-inner { width: 350px; padding-bottom: 280px; } .eco-hpl-quer3-left { width: 90%; display: block; } .eco-hpl-quer3-right { width: 90%; display: block; } ul.eco-hpl-buttons li { width: 90%; margin-top: 15px; margin-bottom: 0px; margin-left: 10px !important; } ul.eco-hpl-buttons li.first { margin-left: 10px !important; } ul.eco-hpl-buttons { margin-bottom: 25px; } /* Über uns */ #historie-1-inner, #historie-2-inner, #partner-inner, #download-inner { width: 360px; padding-left: 5px; } .historie-1-left { width: 90%; display: block; } .historie-1-right { width: 350px; display: block; padding: 10px 10px 15px 5px; } .historie-2-left { width: 90%; display: block; padding-bottom: 150px; } .historie-2-right { display: none; } .download-left, .download-right { width: 90% !important; display: block; } #partner { clear: both; } img.decoration { margin-right: 10px; } p.jahreszahl { clear: left; margin-bottom: 10px !important; } img.spacer { display: none; } .mod_changelanguage { padding: 4px 0px 2px 0px; width: 375px !important; margin: 0 auto; text-align: center; } } /* ---------------------------------------------------------------------- Media Queries // iPhone 4/5 Landscape ---------------------------------------------------------------------- */ @media only screen and (max-width: 568px) { .mod_changelanguage { width: 300px !important; } .mod_article .ce_sliderStart { width: 300px; height: 250px; } .slider-wrapper { width: 290px; } .mod_eventlist .event { width: 290px; } .mod_eventlist { width: 205px; } .event figure { display: none; } .event { border-right: none !important; } .mod_article .ce_sliderStart .event h3, .event p { margin-left: 35px !important; padding-left: 0px; } } /* ---------------------------------------------------------------------- Media Queries // iPhone 4/5 Portrait ---------------------------------------------------------------------- */ @media only screen and (max-width: 320px) { .header-search-mobile input { float: none; margin-left: 35px; width: 260px !important; } .sharebuttons-mobile .fontawesome a { margin: 20px 5px 20px 0px; width: 35px !important; height: 35px !important; line-height: 35px; } #logo { width: 125px; vertical-align: 0px; padding-left: 10px; } .mod_changelanguage { padding: 4px 0px 2px 0px; width: 300px !important; margin: 0 auto; text-align: center; } .header-link-home { background-image: url("/files/dekodur/images/top100-innovator-2021-small.gif"); background-repeat: no-repeat; background-position: 5px 0px; display: inline-block; min-width: 15px; margin: -30px 0 0 0px; min-height: 15px; vertical-align: top; } .rsts-skin-default .rsts-prev { left: 10px; bottom: 76px; } .rsts-skin-default .rsts-next { left: 280px; bottom: 76px; } .mod_rocksolid_slider { height: 178px !important; } #pre-footer { margin-top: 0px; } .pre-footer-article { display: block; width: 100%; } .pre-footer-article h3 { margin-top: 15px; } .infobox-container { width: 100%; } .footer-nav ul li { display: block; } .haendler-login { padding: 11px; float: none; } .footer-bottom { height: 63px; } .footer-bottom-text { text-align: left; } .nav-sub { width: 300px; } .nav-sub ul.left, .nav-sub ul.center, .nav-sub ul.right { float: none; display: block; } li.nav-point-sub { width: 298px !important; } .nav-sub ul li a { width: 298px; padding: 0px; } .dekor-overview-40-right, .dekor-overview-50-right, .dekor-overview-70-right, .dekor-overview-70-left, .dekor-overview-60-left, .dekor-overview-50-left, .dekor-overview-30-left { width: 295px; float: none; display: block; margin-left: 12px; } .dekor-overview-40-right .ce_gallery, .dekor-overview-50-right .ce_gallery, .dekor-overview-70-right .ce_gallery { display: none; } .dekor-overview-text { width: 295px; } .strukturvarianten-bg-image { width: 320px; } .dekor-detail-main-info, .dekor-detail-main-image { float: none; display: block; } .dekor-overview-text h2 i.fa-caret-right, .dekor-overview-text-magnet h2 i.fa-caret-right { position: absolute; padding-top: 3px; } #magnetdekore-overview { display:none; } .topmargin { margin-top: 20px; margin-bottom: 15px; } #content-inner { width: 300px; margin: 0 auto; } .dekor-detail-main-info { width: 100%; } .product-preview-image, .dekor-features-box, .mod_breadcrumb { display: none; } .dekor-detail-main-image { width: 100%; } .dekor-detail-large-image { float: none; display: block; width: 100%; margin-top: 135px; } .dekor-detail-large-image figure img { width: 298px; margin-top: 0px !important; } .collection-teaser-text { width: 313px !important; margin-bottom: 20px !important; } .dekor-category-box { position: absolute; top: 13px; width: 300px; } .product_list { width: 306px; } .product_list .product { width: 137px; } .product_list .product .formbody figure { width: 143px !important; } .product-overview-s-collection-icon { margin: 4px 106px; } .product h3 a { width: 131px; } .ce_gallery>ul li { float: none; display: block; width: 100%; } .ce_gallery>ul li figure { margin-right: 0px !important; } .ce_gallery>ul li figure a img { width: 298px !important; } .footer-content { margin-top: 0px; } .mod_iso_productreader { width: 300px; margin-top: 10px; } .detailimage { width: 300px; margin-bottom: 10px; } .detailimage figure { margin-left: 0px; width: 298px; } .submit_container.detail { left: 258px; } .product form .formbody { width: 300px; } .product .mod_sharebuttons { top: 154px; left: 4px; } .productdetails-container { clear: both; float: none; max-width: 300px; } .productdetails { width: 298px; } .product-main-category { width: 295px; } .product-detail-collection-accordeon .product_list .product { width: 89px; height: 89px; } .product-detail-collection-accordeon .product_list .product .image_container { width: 83px !important; } .product-detail-kollektion .ui-accordion-header { width: 100vw; } .mod_iso_productreader .product { width: 350px !important; } .product .bx-viewport { width: 280px !important; margin-left: 10px; } .bx-pager { width: 300px !important; } .bx-prev { left: 10px !important; } .bx-next { right: 60px !important; } .mod_article .ce_sliderStart { width: 250px; height: 250px; } .slider-wrapper { width: 250px; } .mod_eventlist .event { width: 260px; } .mod_eventlist { width: 205px; } .event figure { display: none; } .event { border-right: none !important; } .mod_article .ce_sliderStart .event h3, .event p { margin-left: 35px !important; padding-left: 0px; } .mod_newslist h3.info { display: none; } .mod_article .ce_text { width: 258px !important; } .mod_newslist { width: 295px; margin: 0 auto; } .layout_short .teaser p { width: 100%; display: block; padding-right: 0; } .news-archive-nav { width: 300px; } .news-archive-nav li { width: 100%; display: block; margin-right: 0px; margin-bottom: 5px; } .news-backlink { width: 300px; } .one-third-contact-text-left, .one-third-contact-text-right { width: 300px !important; padding: 20px 0px 0px 0px; } .one-third-contact-image { width: 300px !important; padding: 0px; } .contact-text-half-left, .contact-text-half-right { width: 300px !important; padding: 0px; } .contact-social-media li { width: 57px; } .contact-banner { height: 120px; } .contact-banner-inner { width: 345px; } .contact-banner p { padding: 10px 0px 0px 10px; } .contact-banner h1 { line-height: 6px; padding-left: 10px; } .mod_article .ce_form { width: 300px; } .ce_form .formbody .widget-text input, .ce_form .formbody .widget-select select { width: 300px; display: block; } #ctrl_40 { padding-bottom: 15px; } .haftungshinweis .ce_text, .datenschutz .ce_text{ width: 300px !important; margin: 0 !important; } .mod_login form { width: 300px; } .merkliste-headline-container { width: 300px; } .backlink-last { margin: 0px; top: -10px !important; text-align: center; } .merkliste-form .widget-checkbox .checkbox_container span { display: block; } .merkliste-form .submit_container { margin-top: 0px; } .datenschutzhinweis { width: 300px; } #dekor-detail-page-sharebuttons { top: 283px; } .ui-accordion-header:after, .ui-accordion-header-active:after { display: none; } /* Eco-HPL */ #eco-hpl-quer1-inner { width: 300px; } .eco-hpl-quer1-left { width: 290px; float: left; } .eco-hpl-quer1-right { margin-top: 25px; width: 290px; display: block; } #eco-hpl-quer2-inner { width: 290px; } #eco-hpl-quer3-inner { width: 290px; padding-bottom: 280px; } .eco-hpl-quer3-left { width: 90%; display: block; } .eco-hpl-quer3-right { width: 90%; display: block; } ul.eco-hpl-buttons li { width: 90%; margin-top: 15px; margin-bottom: 0px; margin-left: 10px !important; } ul.eco-hpl-buttons li.first { margin-left: 10px !important; } ul.eco-hpl-buttons { margin-bottom: 25px; } /* Über uns */ #historie-1-inner, #historie-2-inner, #partner-inner, #download-inner { width: 300px; padding-left: 5px; } .historie-1-left { width: 90%; display: block; } .historie-1-right { width: 290px; display: block; padding: 10px 10px 15px 5px; } .historie-2-left { width: 90%; display: block; padding-bottom: 150px; } .historie-2-right { display: none; } .download-left, .download-right { width: 90% !important; display: block; } #partner { clear: both; } img.decoration { margin-right: 10px; } p.jahreszahl { clear: left; margin-bottom: 10px !important; } img.spacer { display: none; } /* Anpassungen DH 2016/07/21 */ .hl-s-collection { width: 298px !important; } .highlight-box { width: 278px; padding: 10px; } .content-inner-class { width: 320px; } .dekor-detail-s-collection-button { width: 298px; margin: 0 auto; } .mod_randomImage img { width: 298px; } .dekor-detail-s-collection-button span { font-size: 18px; background-size: 34px; overflow: hidden; } h1.hl-s-collection { background-position: 11px 0px; } #iso_ajaxBox { top: 25% !important; width: 270px; left: 7%; } }