.cc-head>*:first-child{margin-top:0}.cc-head>*:last-child{margin-bottom:15px}.contao-cookiebar{--ccb-backdrop: rgba(0, 0, 0, .75);--ccb-anim-duration: .5s;--ccb-checked-clr: #399d32;--ccb-checked-bg: #dcf3db;--ccb-unchecked-clr: #9c9b99;--ccb-unchecked-bg: #fff;--ccb-disabled-clr: #c8c7c5;--ccb-disabled-bg: #f4f4f4;position:fixed;inset:0;z-index:9999;display:flex;align-items:var(--ccb-align, center);justify-content:var(--ccb-justify, center);letter-spacing:0;padding:15px;max-height:100dvh;box-sizing:border-box;pointer-events:none;overflow:hidden;color:var(--ccb-clr, #444)}.contao-cookiebar *{box-sizing:border-box}.contao-cookiebar p{color:var(--ccb-text, #868686);line-height:1.4}.contao-cookiebar label{position:relative;display:block;padding:8px 13px 8px 0;line-height:1.2rem}.contao-cookiebar label.group{font-weight:600}.contao-cookiebar input{position:absolute;width:1px;height:1px;outline:0 none;opacity:0}.contao-cookiebar input+label{padding:8px 13px 8px 45px;cursor:pointer}.contao-cookiebar input+label:before,.contao-cookiebar input+label:after{content:"";position:absolute;border-radius:10px}.contao-cookiebar input+label:before{top:7px;left:0;width:35px;height:18px;margin:0;box-sizing:content-box;background:var(--ccb-unchecked-bg);border:1px solid var(--ccb-unchecked-clr);transition:border-color .2s}.contao-cookiebar input+label:after{display:block;top:11px;left:4px;width:12px;height:12px;background:var(--ccb-unchecked-clr);transition:background .2s,margin-left .2s,padding .2s}.contao-cookiebar input+label:active:after{padding-left:5px}.contao-cookiebar input.cc-group-half+label:after{background:linear-gradient(to right, var(--ccb-unchecked-clr) 0%, var(--ccb-unchecked-clr) 50%, var(--ccb-checked-clr) 50%, var(--ccb-checked-clr) 100%)}.contao-cookiebar input:checked+label:after{background:var(--ccb-checked-clr);margin-left:17px}.contao-cookiebar input:checked+label:active:after{margin-left:12px}.contao-cookiebar input:checked+label:before{background:var(--ccb-checked-bg);border-color:var(--ccb-checked-clr)}.contao-cookiebar input:disabled+label{pointer-events:none}.contao-cookiebar input:disabled+label:after{background:var(--ccb-disabled-clr)}.contao-cookiebar input:disabled+label:before{background:var(--ccb-disabled-bg);border-color:var(--ccb-disabled-clr)}.contao-cookiebar .cc-btn{display:inline-block;cursor:pointer;width:100%;padding:8px 14px;margin-bottom:8px;font-size:15px;outline:0 none;border:1px solid var(--ccb-btn-bdr, #cfcfcf);border-radius:4px;color:var(--ccb-btn-clr, #444);background:var(--ccb-btn-bg, #f5f5f5)}.contao-cookiebar .cc-btn:hover{background:var(--ccb-btn-bg-hvr, #ececec)}.contao-cookiebar .cc-btn:last-child{margin-bottom:0}.contao-cookiebar .grayscale{--ccb-btn-bg: #f1efef;--ccb-btn-bg-hvr: #ececec}.contao-cookiebar .grayscale .success{--ccb-btn-bg: #fbfbfb;--ccb-btn-bg-hvr: #f7f7f7}.contao-cookiebar .highlight .success{--ccb-btn-bg: #4e9e3e;--ccb-btn-bg-hvr: #4c933f;--ccb-btn-bdr: #3e7830;--ccb-btn-clr: #fff}.cc-inner{display:inline-block;overflow-y:auto;max-height:100%;max-width:100%;padding:23px;border-radius:3px;opacity:0;pointer-events:none;visibility:hidden;font-size:1rem;text-align:left;background:var(--ccb-bg, #fff);box-shadow:var(--ccb-box-shadow, rgba(99, 99, 99, 0.2)) 0 2px 8px 0;animation:var(--ccb-anim, cookiebar-middle-in) var(--ccb-anim-duration) ease-in-out forwards}.cc-group{position:relative;border:1px solid var(--ccb-bdr, #d0d0d0);border-radius:5px;margin-bottom:10px}.cc-cookie-info{font-size:.875rem;background:var(--ccb-info-bg, #fff);border:1px solid var(--ccb-info-bdr, #efefef);padding:10px;border-radius:5px}.cc-cookie-info>div>span{font-weight:600}.cc-cookie-info>div+div{margin-top:5px;word-wrap:break-word}.cc-cookie-info+button.cc-detail-btn-details{margin-top:15px}.cc-cookies{background:var(--ccb-cookies-bg, #fbfbfb);border-radius:0 0 5px 5px}.cc-cookies>p{font-size:.875rem}.cc-cookies>p,.cc-cookies>.cc-cookie{margin:0;padding:15px;border-top:1px solid var(--ccb-cookies-bdr, #fbfbfb)}.cc-cookie label.cookie+*{margin-top:10px}.cc-cookie p{margin:0 0 15px;font-size:.875rem}.cc-cookie-desc p{margin-bottom:0}.cc-footer,.cc-info{text-align:center}.cc-info{margin-top:15px}.cc-info>p{font-size:.875rem}.cc-info>a{display:inline-block;font-size:.813rem;color:var(--ccb-detail-clr, #a2a2a2);text-decoration:none}.cc-info>a:hover{color:var(--ccb-detail-clr-hvr, #717171)}.cc-info>a+a:before{display:inline-block;content:"·";margin-right:5px}.cc-active .cc-inner{opacity:1;pointer-events:auto;visibility:visible}.cc-active.cc-blocked{pointer-events:auto;animation:cookiebar-overlay-in var(--ccb-anim-duration) ease-in-out forwards}.cc-saved.cc-inner{opacity:0;pointer-events:none;visibility:hidden}.cc-saved.cc-blocked{pointer-events:none;animation:cookiebar-overlay-out var(--ccb-anim-duration) ease-in-out forwards}.cc-left{--ccb-justify: flex-start}.cc-right{--ccb-justify: flex-end}.cc-top{--ccb-align: flex-start}.cc-top.cc-active{--ccb-anim: cookiebar-top-in}.cc-top.cc-saved{--ccb-anim: cookiebar-top-out}.cc-middle.cc-active{--ccb-anim: cookiebar-middle-in}.cc-middle.cc-saved{--ccb-anim: cookiebar-middle-out}.cc-bottom{--ccb-align: flex-end}.cc-bottom.cc-active{--ccb-anim: cookiebar-bottom-in}.cc-bottom.cc-saved{--ccb-anim: cookiebar-bottom-out}@media(min-width: 768px){.contao-cookiebar .cc-btn{width:auto;margin-bottom:0}.cc-inner{max-width:var(--ccb-max-width, 750px)}}@keyframes cookiebar-overlay-in{0%{background:rgba(0,0,0,0)}to{background:var(--ccb-backdrop)}}@keyframes cookiebar-overlay-out{0%{background:var(--ccb-backdrop)}to{background:rgba(0,0,0,0);visibility:hidden}}@keyframes cookiebar-top-in{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}@keyframes cookiebar-top-out{0%{opacity:1;visibility:visible;transform:translateY(0)}to{opacity:0;visibility:hidden;transform:translateY(-100%)}}@keyframes cookiebar-middle-in{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}@keyframes cookiebar-middle-out{0%{opacity:1;visibility:visible;transform:scale(1)}to{opacity:0;visibility:hidden;transform:scale(0)}}@keyframes cookiebar-bottom-in{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes cookiebar-bottom-out{0%{opacity:1;visibility:visible;transform:translateY(0)}to{opacity:0;visibility:hidden;transform:translateY(100%)}}.cc-groups{display:none;padding-top:15px}.cc-group{text-align:left}.cc-group>label{margin:5px 130px 5px 10px}.cc-detail-btn-details{text-decoration:underline;padding:0;margin:0 0 10px;color:var(--ccb-detail-clr, #a2a2a2);border:0 none;outline:0 none;background:rgba(0,0,0,0);font-size:13px;letter-spacing:0;text-transform:initial;cursor:pointer}.cc-detail-btn-details span:nth-child(2){display:none}.cc-detail-btn-details.cc-active span:nth-child(1){display:none}.cc-detail-btn-details.cc-active span:nth-child(2){display:inline}.cc-detail-btn-details:hover{color:var(--ccb-detail-clr-hvr, #717171)} /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */ /* Document ========================================================================== */ /** * 1. Correct the line height in all browsers. * 2. Prevent adjustments of font size after orientation changes in iOS. */ html { line-height: 1.15; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ } /* Sections ========================================================================== */ /** * Remove the margin in all browsers. */ body { margin: 0; } /** * Render the `main` element consistently in IE. */ main { display: block; } /** * Correct the font size and margin on `h1` elements within `section` and * `article` contexts in Chrome, Firefox, and Safari. */ h1 { font-size: 2em; margin: 0.67em 0; } /* Grouping content ========================================================================== */ /** * 1. Add the correct box sizing in Firefox. * 2. Show the overflow in Edge and IE. */ hr { box-sizing: content-box; /* 1 */ height: 0; /* 1 */ overflow: visible; /* 2 */ } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ pre { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } /* Text-level semantics ========================================================================== */ /** * Remove the gray background on active links in IE 10. */ a { background-color: transparent; } /** * 1. Remove the bottom border in Chrome 57- * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. */ abbr[title] { border-bottom: none; /* 1 */ text-decoration: underline; /* 2 */ text-decoration: underline dotted; /* 2 */ } /** * Add the correct font weight in Chrome, Edge, and Safari. */ b, strong { font-weight: bolder; } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ code, kbd, samp { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } /** * Add the correct font size in all browsers. */ small { font-size: 80%; } /** * Prevent `sub` and `sup` elements from affecting the line height in * all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } /* Embedded content ========================================================================== */ /** * Remove the border on images inside links in IE 10. */ img { border-style: none; } /* Forms ========================================================================== */ /** * 1. Change the font styles in all browsers. * 2. Remove the margin in Firefox and Safari. */ button, input, optgroup, select, textarea { font-family: inherit; /* 1 */ font-size: 100%; /* 1 */ line-height: 1.15; /* 1 */ margin: 0; /* 2 */ } /** * Show the overflow in IE. * 1. Show the overflow in Edge. */ button, input { /* 1 */ overflow: visible; } /** * Remove the inheritance of text transform in Edge, Firefox, and IE. * 1. Remove the inheritance of text transform in Firefox. */ button, select { /* 1 */ text-transform: none; } /** * Correct the inability to style clickable types in iOS and Safari. */ button, [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; } /** * Remove the inner border and padding in Firefox. */ button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: none; padding: 0; } /** * Restore the focus styles unset by the previous rule. */ button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline: 1px dotted ButtonText; } /** * Correct the padding in Firefox. */ fieldset { padding: 0.35em 0.75em 0.625em; } /** * 1. Correct the text wrapping in Edge and IE. * 2. Correct the color inheritance from `fieldset` elements in IE. * 3. Remove the padding so developers are not caught out when they zero out * `fieldset` elements in all browsers. */ legend { box-sizing: border-box; /* 1 */ color: inherit; /* 2 */ display: table; /* 1 */ max-width: 100%; /* 1 */ padding: 0; /* 3 */ white-space: normal; /* 1 */ } /** * Add the correct vertical alignment in Chrome, Firefox, and Opera. */ progress { vertical-align: baseline; } /** * Remove the default vertical scrollbar in IE 10+. */ textarea { overflow: auto; } /** * 1. Add the correct box sizing in IE 10. * 2. Remove the padding in IE 10. */ [type="checkbox"], [type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ } /** * Correct the cursor style of increment and decrement buttons in Chrome. */ [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; } /** * 1. Correct the odd appearance in Chrome and Safari. * 2. Correct the outline style in Safari. */ [type="search"] { -webkit-appearance: textfield; /* 1 */ outline-offset: -2px; /* 2 */ } /** * Remove the inner padding in Chrome and Safari on macOS. */ [type="search"]::-webkit-search-decoration { -webkit-appearance: none; } /** * 1. Correct the inability to style clickable types in iOS and Safari. * 2. Change font properties to `inherit` in Safari. */ ::-webkit-file-upload-button { -webkit-appearance: button; /* 1 */ font: inherit; /* 2 */ } /* Interactive ========================================================================== */ /* * Add the correct display in Edge, IE 10+, and Firefox. */ details { display: block; } /* * Add the correct display in all browsers. */ summary { display: list-item; } /* Misc ========================================================================== */ /** * Add the correct display in IE 10+. */ template { display: none; } /** * Add the correct display in IE 10. */ [hidden] { display: none; } 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{position:relative}#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} header{ width: 100%; /* background: #3c3c3c; */> transition:all 0.5s ease; -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -o-transition:all 0.5s ease; -ms-transition:all 0.5s ease; } header nav { font-size: 16px; } .header.clone{ background: #3c3c3c; } /* first stage */ header nav > ul.level_1 { /* position: relative; */ margin: 0 auto; padding: 0; text-align: left; display: table-cell; vertical-align: bottom; } header nav > .headerlogo { display: table-cell; vertical-align: bottom; padding: 15px 25px; } header nav .holder a { display: block; color: #333; text-decoration: none; } header nav li { display: inline-block; color: #fff; list-style: none; transition: 0.5s; } header .headerright > nav > ul > li{ font-size: 16px; } header nav > ul > li > a,header nav > ul > li > a > span { padding: 8px 14px; } header > .inside .mod_navigation ul.level_1 > li.submenu > a{ padding-left: 25px; position: relative; } header > .inside .mod_navigation ul.level_1 > li.submenu > a > span{ padding-left: 0; } header nav ul > li.submenu > a:after { content: ""; display: block; border-width: 2px 2px 0 0; border-style: solid; border-color: #fff; width: 5px; height: 5px; position: absolute; left: 8px; top: 44%; transform: rotate(135deg); line-height: 34px; font-size: 20px; } header nav ul > li.submenu:hover > a:after { transform: rotate(-45deg); } header nav > ul > li:hover { text-decoration: underline; } /* second stage (the mega-menu) */ header nav ul.megamenu { position: absolute; width: 100%; top: -9999px; left: 0; padding: 0; text-align: left; color: #333; z-index: 1; box-sizing: border-box; text-align: center; box-shadow: 0 10px 25px -15px #000; -webkit-tap-highlight-color: rgba(0,0,0,0); } header nav ul.megamenu > li.holder{ max-width: 1280px; margin: 0 auto; background: white; padding: 2rem; display: table; width: 100%; color: #333; } header nav ul li:hover ul.megamenu { top: 100%; } /* third stage (child-menus in the mega-menu) */ header nav .column { float: left; width: calc((100% - (3 * 1.25rem)) / 3); margin-right: 1.25rem; margin-bottom: 2rem; } header nav .column:last-child { margin-right: 0; } header nav .column ul { /*margin-bottom: 40px;*/ } header nav .megamenu li { display: block; text-align: left; } header nav .megamenu li a:hover { color: var(--rot); } header nav .megamenu h4 { margin-bottom: 15px; color: #333; text-transform: uppercase; text-align: left; } .megamenu .name{ color: #333; text-transform: uppercase; border-bottom: 2px solid #2f444b; padding: 5px 0 10px 15px; font-weight: 600; font-size:14px; margin-bottom: 0; } .megamenu .level_3 li > a, .megamenu .level_3 li > strong, .megamenu .level_3 li > span{ font-size: 14px; text-transform: none; transition: all .1s ease; -webkit-transition: all .1s ease; -moz-transition: all .1s ease; -ms-transition: all .1s ease; -o-transition: all .1s ease; color: #12191c; display: block; font-weight: normal; padding: 10px 0 0px 15px; } .megamenu .level_3 li > a > span,.megamenu .level_3 li > strong > span { position: relative; line-height: 1.65; } .megamenu .level_3 li > a > span:after,.megamenu .level_3 li > strong > span:after { content: ""; display: block; border-width: 2px 2px 0 0; border-style: solid; border-color: #adc4cc; width: 5px; height: 5px; position: absolute; right: 10px; top: 0; transform: rotate(45deg); margin-top: 0.5rem; } /*Basics*/ :root { --button-color: #F66035; --button-hover-color: #F86F4C; --text-on-light: #F66035; --text-on-dark: #F66035; --text-on-button: #FFF; --header-color: #313131; --header-border-color: #222222; --header-text-color: #ffffff; } *{ border: none; outline: none; } html{ font-size:100.1%; overflow-x:hidden; -webkit-overflow-scrolling: touch; -webkit-text-size-adjust: 100%; } body, html { height:100%; min-height:100%; } body{ font-family: interstate, sans-serif; color:#222; font-size: 18px; line-height: 1.8rem; font-weight:300; display: flex; min-height: 100vh; flex-direction: column; } #wrapper { flex: 1 0 auto; } /*Basics*/ /*Ende sticky footer*/ /*Form*/ input,textarea,select{ /*Safari*/ -webkit-appearance: none; border-radius:0; -webkit-border-radius:0; } .widget{ margin-bottom: 2rem; display: table; width: 100%; box-sizing: border-box; color:gray; } .widget.widget-checkbox{ color: inherit; } .widget.w50,.widget-select { float: left; width: calc((100% - 2rem) / 2); margin-right: 2rem; margin-bottom: 2rem; } .widget.w50.clr { margin-right: 0; } .widget.w50.noflaot { float:none; } .widget.widget-checkbox, .widget.widget-radio { display: block; margin-bottom: 2rem; padding-left: 32px; } .widget.widget-checkbox label span, .widget.widget-radio label span{ display: inherit; } .widget.widget-text input { padding: 10px 15px; width: 100%; background: #f3f4f6; border: 0; box-sizing: border-box; } .widget.widget-textarea textarea { padding: 15px; width: 100%; background: #f3f4f6; border: 0; box-sizing: border-box; } .submit{ background: transparent; padding: 0 4rem; line-height: 3rem; float: right; display: table; cursor: pointer; color: white; } body .icheckbox_minimal { margin-left: -32px; margin-right: 10px; } body .dk-select, body .dk-select-multi{ width: 100%; box-sizing: border-box; } body .dk-select .dk-selected{ padding:10px 15px; } body .dk-select{ height: auto; } body select[data-dkcacheid] { display: block; height: 100%; width: 200px; position: absolute; top: 0; opacity: 0; z-index: -99999; } .widget-select { position: relative; } /*Ende Form*/ /*set images to maxwidth 100%*/ figure{ line-height:0; margin: 0; } figure > img, .image_container > img{ max-width:100%; height:auto; } a{ color:inherit; } a:focus{ } /*Ende Basics*/ a { transition:all 0.2s ease; -webkit-transition:all 0.2s ease; -moz-transition:all 0.2s ease; -o-transition:all 0.2s ease; -ms-transition:all 0.2s ease; text-decoration: none; color:inherit; } .table{ display:table; width:100%; } .table-wrapper { display: table; vertical-align: middle; text-align: center; width: 100%; height: 100%; table-layout:fixed; } .row{ display:table-row; position:relative; } .row > *{ display:table-cell; } .vtop{ vertical-align: top } .vmiddle{ vertical-align: middle } .vbottom{ vertical-align: bottom } .headlinecontainer{ margin-bottom:2rem; } .headlinecontainer > *{ margin:0; } h1, h2, h3, h4, h5, h6 { font-family: "KlavikaWebBasicLight",arial,sans-serif; font-weight: 100; } h1, .h1 { font-size:1.7em; line-height:1.2em; letter-spacing:0.03em; margin-bottom:0.5em; } h2 { font-size: 1.4rem; line-height: 1.6; } h3, .h3 { font-size:1.5em } h4 { font-size:1.4em; margin-bottom: 0; } h5, .h5{ font-size:16px; font-weight:600; } h6{} ul li{ } li{ list-style-type:none; } p{ margin-bottom:20px; margin-top:0; } p:last-of-type{ margin-bottom:0; } ul,ol{ margin:0; padding:0; } span{ display: block; } #main { } /*Teaser*/ .ce_pageteaser span, .ce_pageteaser a, .ce_page_teasers_element span, .ce_page_teasers_element a{ display: block; } .teasergrid > div { margin: -10px -10.0015px -20px -43px; display: table; min-width: 100%; } .ce_gallery ul > li a{ display: block; } .teasergrid > div > *,.ce_gallery ul > li{ float: left; margin:0 10.0015px 20px; } .ce_gallery ul > li img{ max-width: 100%; height: auto; } .teasergrid > .itemsperRow_1 > *, .ce_gallery ul.cols_1 > li{ width:calc(100% / 1 ) } .teasergrid > .itemsperRow_2 > *,.ce_gallery ul.cols_2 > li{ width:calc( (100% - (4 * 10.0015px)) / 2 ) } .teasergrid > .itemsperRow_3 > *, .ce_gallery ul.cols_3 > li{ width:calc( (100% - (6 * 10.0015px)) / 3 ) } .teasergrid > .itemsperRow_4 > *, .ce_gallery ul.cols_4 > li{ width:calc( (100% - (8 * 10.0015px)) / 4 ) } .teasergrid > .itemsperRow_5 > *, .ce_gallery ul.cols_5 > li{ width:calc( (100% - (10 * 10.0015px)) / 5 ) } .teasergrid > .itemsperRow_6 > *, .ce_gallery ul.cols_6 > li{ width:calc(100% / 6 ) } #herosection{ width: 100%; position:relative; } #herosection .mod_pageImage > .inside.mod_pageImage > .inside,#herosection .mod_pageImage > .inside .bgImage{ line-height:0; } #herosection .mod_pageImage > .inside .caption{ position: absolute; left: 0; top: 0; z-index: 6; } #herosection .inside,#herosection .inside .ce_herosection,#herosection .inside .ce_herosection .flexslider,#herosection .inside .ce_herosection .flexslider .slides, #herosection .inside .ce_herosection .flexslider .slides li,#herosection .inside .ce_herosection .flexslider .slides li .bgImage, #herosection .inside .ce_herosection .mod_pageImage,#herosection .inside .ce_herosection .mod_pageImage .inside, #herosection .inside .ce_herosection .mod_pageImage .inside .bgImage{ height: 100%; } #herosection .caption *, #herosection .bgImage *,#herosection .flex-control-nav{ height: auto; } /*if googlemap Iframe*/ #herosection iframe { border: 0; width: 100%; position: absolute; top: 0; height: 100%; z-index: 99999; } .headertop > .inside,.headerbottom > .inside, .footertop > .inside,.footerbottom > .inside,#main .mod_article > .block{ max-width: 1280px; margin: 0 auto; padding: 0 2rem; box-sizing: border-box; position: relative; } footer > .inside{ } #main .mod_article > .block{ padding: 6rem 2rem; } #main .mod_article.fullwidth > .block, #main .mod_article > .block.fullwidth { max-width: none; margin: 0; padding: 0; box-sizing: border-box; } /*parallax*/ .fullwidth.mod_article > .block.ce_parallaxImage{ padding: 0; } .parallax-container { position: relative; overflow: hidden; height: 650px; } .parallax-container .parallax { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: -1; } .parallax-container .parallax img { opacity: 0; position: absolute; left: 50%; bottom: 0; min-width: 100%; min-height: 100%; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-transform: translateX(-50%); transform: translateX(-50%); } /*introtext*/ #main .mod_article > .ce_introtext{ max-width: 980px; } /*align*/ .flex-viewport{ height: 100%; } body .flexslider { margin: 0; background: transparent; border: none; position: relative; -webkit-border-radius: 0; -moz-border-radius: 0; -o-border-radius: 0; border-radius: 0; -webkit-box-shadow: none; -moz-box-shadow: none; -o-box-shadow: none; box-shadow: none; } body .flex-control-nav { bottom: 0; z-index: 999; } .avatar.rounded { border-radius: 50%; overflow: hidden; height: 20vw; width: 20vw; max-width: 250px; max-height: 250px; /* margin: 0 auto; */ } .center .textholder{ text-align: center; } .textholder.align_above{ margin-bottom: 6rem; } /*csscolumn*/ .columnized h3, .columnized h2, .columnized h1, .columnized h4, .columnized h5, .columnized h6,.columnized .headlinecontainer { -webkit-column-span: all; column-span: all; } .columnized p { break-after: column; -webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid; } /*Headerefx*/ header.clone { position: fixed; top: 0; left: 0; right: 0; transform: translateY(-100%); transition: 0.2s transform cubic-bezier(.3,.73,.3,.74); width: 100%; z-index: 999; } body.effectHeader.showOnUp.up header.clone { transform: translateY(0); } body.effectHeader.showOnDown.down header.clone,body.effectHeader.showOnDown.up header.clone { transform: translateY(0); } .vAlign_middle .row > *{ vertical-align: middle; } .vAlign_top .row > *{ vertical-align: top; } .vAlign_bottom .row > *{ vertical-align: bottom; } .ce_kachelelement .row > *{ width: 50%; } .ce_kachelelement .notfloat_right{ padding-left:calc(((100% - 1280px) / 2)); } .ce_kachelelement .notfloat_right > .inside{ padding: 0 4rem 4rem 2rem; } .ce_kachelelement .notfloat_left{ padding-right:calc(((100% - 1280px) / 2)); } .ce_kachelelement .notfloat_left > .inside{ padding: 0 2rem 4rem 4rem; } .ce_kachelelement video{ height: 100%; width: 100%; object-fit: cover; } /*scrolltop*/ a#return-to-top { position: absolute; right: 2rem; bottom: 2rem; color: white; width: 60px; height: 48px; display: block; text-decoration: none; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; z-index:99999; } a#return-to-top:hover { opacity:0.8; } a#return-to-top .icon-chevron-up{ display: table; height: 100%; width: 100%; } a#return-to-top .icon-chevron-up { display: table; height: 100%; width: 100%; } a#return-to-top .icon-chevron-up > i{ display: table-cell; vertical-align: middle; text-align: center; } #return-to-top img { width: 59%; transform: rotate(-90deg); margin: 6px 0 0 12px; } .bgImage > img{ max-width: 100%; height: auto; } .ce_gridList .slides li > img{ opacity: 0; width: auto; max-width: 100%; } .ce_gridList .flexslider .slides > li:first-of-type{ display: block; } .video_holder { position: relative; background: black; overflow: hidden; } .ce_gridList video{ width: 100%; height: auto; } /*Tciker*/ .ce_ticker{ padding: 1rem 2rem 0.5rem; box-sizing: border-box; } #ticker { width: 100%; list-style: none; height: 1.85em; overflow: hidden; margin: 0; } #ticker > li { width: 100%; text-align: center; font-weight: bold; } /*Searchmodal*/ .openBtn { padding: 0; line-height: 0; display: inline-block; vertical-align: middle; background: transparent; margin-left: 2rem; } .openBtn img{ max-width: 100%; height: auto; } .openBtn { background: transparent; border: none; padding: 0; cursor: pointer; } .openBtn:hover { opacity: 0.8; } #searchBox.overlay { height: 100%; width: 100%; display: none; position: fixed; z-index: 99999; top: 0; left: 0; background-color: rgb(0,0,0); background-color: rgba(0,0,0, 0.9); } .overlay-content { position: relative; top: 46%; width: 80%; text-align: center; margin-top: 30px; margin: auto; } .overlay .closebtn { position: absolute; top: 20px; right: 45px; font-size: 60px; cursor: pointer; color: white; } .overlay .closebtn:hover { color: #ccc; } [type="search"] { width: 100%; } .mod_search form { display: table; width: 100%; max-width: 680px; margin: 0 auto; } .mod_search form > .formbody{ display: table-row; } .mod_search form > .formbody > *{ display: table-cell; vertical-align: middle; } .mod_search form .widget-text { background: white; width: calc(100% - 200px); } .mod_search form .widget-submit { width: 200px; border: 2px solid gray; background: gray; } .mod_search form .widget-submit > * { width: 100%; background: transparent; text-transform: uppercase; cursor: pointer; color: white; } .mod_search form [type="submit"] { padding: 0; margin: 0; line-height: 1; } .mod_search form .widget.widget-text input{ background: white; padding: 10px 20px; border: none; } .mod_search form .widget-text{ border: 1px solid #7e919c; border-right: none; } .mod_search form .widget-submit{ border: none; background: transparent; } .mod_search form .widget.widget-submit button.submit{ -webkit-clip-path: polygon(0 0, 100% 0, 97% 100%, 0% 100%); clip-path: polygon(0 0, 100% 0, 97% 100%, 0% 100%); } .mod_search form + .header{ margin-top: 6rem; } /*Linked Headline*/ /*headlinelink*/ .ce_headlineLink > .inside { display: table; margin: 0 auto; } .ce_headlineLink .h2 { font-size: 56px; margin-bottom: 1rem; line-height: 1.2; } .ce_headlineLink .subheadline{ font-size: 28px; } .ce_headlineLink .headlineholder { padding-left: 3rem; } .ce_headlineLink .icon { width: 100px; height: 100px; } /*HeroImage*/ .ce_heroImage{ position: relative; } .ce_heroImage .caption{ position: absolute; width: 100%; height: 100%; top: 0; left: 0; } .ce_heroImage .caption > .inside{ display: table; height: 100%; width: 100%; max-width: 1280px; margin: 0 auto; padding: 2rem 2rem; box-sizing: border-box; } .noMargBottom{ margin: 0; } .captext{ text-align: center; } .capholder h2{ font-size: 48px; line-height: 1; } .capholder .linkText { display: table; margin: 0 auto; margin-top: 0px; background: var(--orange); line-height: 1; padding: 10px 2rem; margin-top: 2rem; } .footertop .row > *{ vertical-align: middle; } .socialholder { float: right; display: table; } .socialcell .item { float: left; margin-left: 20px; width: 40px; } .socialcell img { max-width: 100%; opacity: 0.8; transition: all 0.2s ease; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; -ms-transition: all 0.2s ease; } /*wow*/ .wow{ visibility: hidden; } .logowhite { margin-bottom: 2rem; } .mod_logo { width: 180px; } .mod_logo img { max-width: 100%; } .footertop .row > * { vertical-align: top; } .social { display: table; float: right; } .social > * { float: left; margin-right: 20px; } .social span { display: block; } .socialIcon img { max-height: 100%; } .social img { height: 25px; width: auto; } .headertopholder { display: table; width: 100%; text-align: center; letter-spacing: 0.03rem; line-height: 1; } .headertopholder, .footertop, .footerbottom { padding: 20px 0; font-weight: 400; font-size: 15px; } .footertop{ background: gray; } .footerbottom,.headertop{ background: black; } .footertop, .footerbottom, .headertop{ color: white; } .social > * > span { height: 100%; line-height: 0; } .map { height: 450px; } #header .row > * > span.icon { height: 0.8rem; margin-right: 5px; } #header .row > * > span { display: inline-block; vertical-align: middle; } #header .row > * > span.icon img { height: 100%; width: auto; } #header .mod_navigation > ul > li { float: left; margin-left: 2rem; } .navigation > * { float: right; width: auto; } header .row > *{ vertical-align: middle; } body .sf-menu a, body .sf-menu strong { border: none; padding: .75em 1em; padding-right: 1em; color: inherit; display: block; } body .sf-menu li { background: transparent !important; white-space: nowrap; *white-space: normal; -webkit-transition: background .2s; transition: background .2s; } #header .mod_navigation .sf-menu ul a, #header .mod_navigation .sf-menu ul strong{ border-bottom: 1px solid rgba(0,0,0,0.3); } #header .mod_navigation .sf-menu ul strong{ display: block; padding: .75em 1em; padding-right: 1em; padding-right: 1em; } #header .mod_navigation .sf-menu ul a:hover, #header .mod_navigation .sf-menu ul strong:hover, #header .mod_navigation .sf-menu ul strong{ background: whiteSmoke; } body .sf-menu ul { box-shadow: none; background: white; } body .sf-arrows .sf-with-ul:after{ border-top-color: var(--blue) !important; } body .sf-menu { float: none; margin-bottom: 0; } header .mod_navigation.block{ overflow: visible; } body .sf-menu a { color: inherit; } .pageimage { position: relative; background: black; } #herosection .caption { position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; z-index: 999; } #herosection .caption *, #herosection .bgImage *, #herosection .flex-control-nav { height: auto; } #herosection .caption .inside > div { max-width: 1280px; margin: 0 auto; padding: 2rem; padding-right: 2rem; padding-left: 2rem; color: white; box-sizing: border-box; } #herosection .caption .inside > div { color: white; } #herosection h1 { font-size: 40px; } #herosection .row > *{ vertical-align: bottom; } .linkText { display: table; margin-top: 2rem; } .linkText a { display: block; border: 1px solid rgba(255,255,255,0.6); line-height: 1; padding: 10px 40px; } /*paddingsetup*/ .noPadBottom, #main .mod_article > .block.noPadBottom{ padding-bottom: 0; } .noPadTop, #main .mod_article > .block.noPadTop{ padding-top: 0; } .noPadBottom, #main .mod_article > .block.noPadBottom{ padding-bottom: 0; } .padTopSmall, #main .mod_article > .block.padTopSmall{ padding-top: 2rem; } .padBottomSmall, #main .mod_article > .block.padBottomSmall{ padding-bottom: 2rem; } /*gridlist varinate*/ .twocol.ce_gridList{ } .twocol.ce_gridList .teasergrid > div > div{ display: table; margin: 0 auto; padding-right: 2rem; } .twocol.ce_gridList .teasergrid > div > div > .inside{ display: table-row; } .twocol.ce_gridList .teasergrid > div > div > .inside > *{ display: table-cell; vertical-align: middle; } .twocol.ce_gridList .teasergrid > div > div > .inside > .text{ text-align: left; } .twocol.ce_gridList .teasergrid > div > div > .inside > .image_container{ padding-right: 2rem; } .center.twocol.ce_gridList .teasergrid > div > div { margin: 0 auto; float: none; display: inline-block; vertical-align: middle; } .center.twocol.ce_gridList .teasergrid > div { margin: 0 -2rem 0 0; } /*align*/ .center{ text-align: center; } /*kachelelement overlap*/ .mediaholder{ position: relative; } /*.ce_kachelelement .mediaholder > .bgImage{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; } .ce_headline > ::after { content: ''; display: block; max-width: 50px; margin: 2rem auto 0; height: 3px; width: 100%; background: #333; } */ .ce_kachelelement .overlapElement > .inside{ padding: 0; } .ce_kachelelement .overlapElement.notfloat_left > .inside .holder { padding: 2rem; margin-left: -4rem; margin-right: 4rem; /*width: calc(100% + 4rem);*/ background: #d6e8ef; position: relative; z-index: 1; } .ce_kachelelement .overlapElement.notfloat_right > .inside .holder { padding: 2rem; margin-right: -4rem; /* width: calc(100% + 4rem);*/ margin-left: 4rem; position: relative; z-index: 1; } .mod_article .ce_kachelelement .overlapElement > .inside .holder{ background: white; } .mod_article[style*="background: #d6e8ef"] .ce_kachelelement .overlapElement > .inside .holder{ background: #d6e8ef; } .ce_kachelelement .overlap .mediaholder .bgImage{ padding: 4rem 0; margin-top: -4rem; } .table.overlap { margin-bottom: 4rem; margin-top: 4rem; } #header .link .title, .ce_text a, #footer a, .links li span, .readmore{ transition: all 0.2s; } #header .link .title:hover, .ce_text a:hover, #footer a:hover, .links li span:hover, .readmore:hover, .ce_hyperlink a:hover { opacity:0.75; } input#hamburg { display: none; } label.hamburg { display: block; width: 25px; height: 22px; position: relative; cursor: pointer; margin-right: 20px; } .line { position: absolute; left: 0; height: 1px; width: 25px; background: white; border-radius: 0; display: block; transition: 0.5s; transform-origin: center; } .line:nth-child(1) { top: 0px; } .line:nth-child(2) { top: 7.5px; } .line:nth-child(3) { top: 15px; } #hamburg:checked + .hamburg .line:nth-child(1) { transform: translateY(7.5px) rotate(-45deg); } #hamburg:checked + .hamburg .line:nth-child(2) { opacity: 0; } #hamburg:checked + .hamburg .line:nth-child(3) { transform: translateY(-7.5px) rotate(45deg); } .overlay.open{ height:100%; width:100%; } /* The Overlay (background) */ .overlay { /* Height & width depends on how you want to reveal the overlay (see JS below) */ height: 100%; width: 0; position: fixed; /* Stay in place */ z-index: 1; /* Sit on top */ left: 0; top: 0; background-color: rgb(133,127,5); /* Black fallback color */ background: rgba(133,127,5,0.8); overflow-x: hidden; /* Disable horizontal scroll */ transition: 0.5s; /* 0.5 second transition effect to slide in or slide down the overlay (height or width, depending on reveal) */ z-index:999999; } /* Position the content inside the overlay */ .overlay-content { position: relative; top: 25%; /* 25% from the top */ width: 100%; /* 100% width */ text-align: center; /* Centered text/links */ margin-top: 30px; /* 30px top margin to avoid conflict with the close button on smaller screens */ } /* The navigation links inside the overlay */ .overlay a { padding: 8px; text-decoration: none; font-size: 36px; color: #818181; display: block; /* Display block instead of inline */ transition: 0.3s; /* Transition effects on hover (color) */ } /* When you mouse over the navigation links, change their color */ .overlay a:hover, .overlay a:focus { color: #f1f1f1; } /* Position the close button (top right corner) */ .overlay .closebtn { position: absolute; top: 20px; right: 45px; font-size: 60px; } /* The navigation links inside the overlay */ .overlay li > a, .overlay li > strong { padding: 8px; text-decoration: none; font-size: 36px; color: white; display: block; /* Display block instead of inline */ transition: 0.3s; /* Transition effects on hover (color) */ } .overlay .mod_navigation ul.level_2 { padding: 10px 0 5px 18px; } .overlay .mod_navigation ul.level_2 li{ margin-bottom:15px; } .overlay .mod_navigation ul.level_2 li > a, .overlay .mod_navigation ul.level_2 li > strong { font-size: 24px; padding-top: 0; padding-bottom: 0; } .overlay ul.level_2{ display:none; } .overlay li.active ul.level_2,.overlay li.trail ul.level_2{ display:block; } .overlay ul.level_2 li > * { font-size: 1.8rem; vertical-align: middle; display: inline-block; } .overlay ul.level_2 li::before { content: '•'; display: inline-block; margin-left: -10px; margin-right: 5px; vertical-align: middle; } .overlay ul.level_2 li > * { font-size: 1.8rem; } /* When you mouse over the navigation links, change their color */ .overlay a:hover, .overlay a:focus, .overlay li > strong { color: rgba(255,255,255,0.8); } .overlay .mod_navigation { max-width: 1280px; margin: 0 auto; margin-top: 0px; margin-top: 20vh; opacity: 0; padding: 0 2rem; box-sizing: border-box; overflow: visible; } /* When the height of the screen is less than 450 pixels, change the font-size of the links and position the close button again, so they don't overlap */ @media screen and (max-height: 450px) { .overlay a {font-size: 20px} .overlay .closebtn { font-size: 40px; top: 15px; right: 35px; } } @font-face{ font-family: "shopware"; src: url("/files/theme/layout/fonts/shopware/shopware_font.eot"); src: url("/files/theme/layout/fonts/shopware/shopware_font.eot?#iefix")format("embedded-opentype"), url("/files/theme/layout/fonts/shopware/shopware_font.woff")format("woff"), url("/files/theme/layout/fonts/shopware/shopware_font.woff2")format("woff2"), url("/files/theme/layout/fonts/shopware/shopware_font.ttf")format("truetype"), url("/files/theme/layout/fonts/shopware/shopware_font.svg#shopware")format("svg"); font-weight:normal; font-style:normal; font-display:swap; } [class^="icon--"], [class*=" icon--"] { font-family: 'shopware'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; position: relative; top: 2px; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon--shopware:before { content: "\e71d"; } .icon--uwamp:before { content: "\e71e"; } .icon--vmware:before { content: "\e71f"; } .icon--youtube2:before { content: "\e71c"; } .icon--glass:before { content: "\f000"; } .icon--music:before { content: "\f001"; } .icon--search:before { content: "\f002"; } .icon--envelope-o:before { content: "\f003"; } .icon--heart:before { content: "\f004"; } .icon--star:before { content: "\f005"; } .icon--star-o:before { content: "\f006"; } .icon--user:before { content: "\f007"; } .icon--film:before { content: "\f008"; } .icon--th-large:before { content: "\f009"; } .icon--th:before { content: "\f00a"; } .icon--th-list:before { content: "\f00b"; } .icon--check:before { content: "\f00c"; } .icon--times:before { content: "\f00d"; } .icon--search-plus:before { content: "\f00e"; } .icon--search-minus:before { content: "\f010"; } .icon--power-off:before { content: "\f011"; } .icon--signal:before { content: "\f012"; } .icon--gear:before { content: "\f013"; } .icon--trash-o:before { content: "\f014"; } .icon--home:before { content: "\f015"; } .icon--file-o:before { content: "\f016"; } .icon--clock-o:before { content: "\f017"; } .icon--road:before { content: "\f018"; } .icon--download:before { content: "\f019"; } .icon--arrow-circle-o-down:before { content: "\f01a"; } .icon--arrow-circle-o-up:before { content: "\f01b"; } .icon--inbox:before { content: "\f01c"; } .icon--play-circle-o:before { content: "\f01d"; } .icon--rotate-right:before { content: "\f01e"; } .icon--refresh:before { content: "\f021"; } .icon--list-alt:before { content: "\f022"; } .icon--lock:before { content: "\f023"; } .icon--flag:before { content: "\f024"; } .icon--headphones:before { content: "\f025"; } .icon--volume-off:before { content: "\f026"; } .icon--volume-down:before { content: "\f027"; } .icon--volume-up:before { content: "\f028"; } .icon--qrcode:before { content: "\f029"; } .icon--barcode:before { content: "\f02a"; } .icon--tag:before { content: "\f02b"; } .icon--tags:before { content: "\f02c"; } .icon--book:before { content: "\f02d"; } .icon--bookmark:before { content: "\f02e"; } .icon--print:before { content: "\f02f"; } .icon--camera:before { content: "\f030"; } .icon--font:before { content: "\f031"; } .icon--bold:before { content: "\f032"; } .icon--italic:before { content: "\f033"; } .icon--text-height:before { content: "\f034"; } .icon--text-width:before { content: "\f035"; } .icon--align-left:before { content: "\f036"; } .icon--align-center:before { content: "\f037"; } .icon--align-right:before { content: "\f038"; } .icon--align-justify:before { content: "\f039"; } .offcanvas--trigger { background: url("../../files/theme/layout/styles/img/menu.png") center center no-repeat; height: 16px; width: 24px; color: #fff; } .icon--dedent:before { content: "\f03b"; } .icon--indent:before { content: "\f03c"; } .icon--video-camera:before { content: "\f03d"; } .icon--photo:before { content: "\f03e"; } .icon--pencil:before { content: "\f040"; } .icon--map-marker:before { content: "\f041"; } .icon--adjust:before { content: "\f042"; } .icon--tint:before { content: "\f043"; } .icon--edit:before { content: "\f044"; } .icon--share-square-o:before { content: "\f045"; } .icon--check-square-o:before { content: "\f046"; } .icon--arrows:before { content: "\f047"; } .icon--step-backward:before { content: "\f048"; } .icon--fast-backward:before { content: "\f049"; } .icon--backward:before { content: "\f04a"; } .icon--play:before { content: "\f04b"; } .icon--pause:before { content: "\f04c"; } .icon--stop:before { content: "\f04d"; } .icon--forward:before { content: "\f04e"; } .icon--fast-forward:before { content: "\f050"; } .icon--step-forward:before { content: "\f051"; } .icon--eject:before { content: "\f052"; } .icon--chevron-left:before { content: "\f053"; } .icon--chevron-right:before { content: "\f054"; } .icon--plus-circle:before { content: "\f055"; } .icon--minus-circle:before { content: "\f056"; } .icon--times-circle:before { content: "\f057"; } .icon--check-circle:before { content: "\f058"; } .icon--question-circle:before { content: "\f059"; } .icon--info-circle:before { content: "\f05a"; } .icon--crosshairs:before { content: "\f05b"; } .icon--times-circle-o:before { content: "\f05c"; } .icon--check-circle-o:before { content: "\f05d"; } .icon--ban:before { content: "\f05e"; } .icon--arrow-left:before { content: "\f060"; } .icon--arrow-right:before { content: "\f061"; } .icon--arrow-up:before { content: "\f062"; } .icon--arrow-down:before { content: "\f063"; } .icon--mail-forward:before { content: "\f064"; } .icon--expand:before { content: "\f065"; } .icon--compress:before { content: "\f066"; } .icon--plus:before { content: "\f067"; } .icon--minus:before { content: "\f068"; } .icon--asterisk:before { content: "\f069"; } .icon--exclamation-circle:before { content: "\f06a"; } .icon--gift:before { content: "\f06b"; } .icon--leaf:before { content: "\f06c"; } .icon--fire:before { content: "\f06d"; } .icon--eye:before { content: "\f06e"; } .icon--eye-slash:before { content: "\f070"; } .icon--warning:before { content: "\f071"; } .icon--plane:before { content: "\f072"; } .icon--calendar:before { content: "\f073"; } .icon--random:before { content: "\f074"; } .icon--comment:before { content: "\f075"; } .icon--magnet:before { content: "\f076"; } .icon--chevron-up:before { content: "\f077"; } .icon--chevron-down:before { content: "\f078"; } .icon--retweet:before { content: "\f079"; } .icon--shopping-cart:before { content: "\f07a"; } .icon--folder:before { content: "\f07b"; } .icon--folder-open:before { content: "\f07c"; } .icon--arrows-v:before { content: "\f07d"; } .icon--arrows-h:before { content: "\f07e"; } .icon--bar-chart-o:before { content: "\f080"; } .icon--twitter-square:before { content: "\f081"; } .icon--facebook-square:before { content: "\f082"; } .icon--camera-retro:before { content: "\f083"; } .icon--key:before { content: "\f084"; } .icon--gears:before { content: "\f085"; } .icon--comments:before { content: "\f086"; } .icon--thumbs-o-up:before { content: "\f087"; } .icon--thumbs-o-down:before { content: "\f088"; } .icon--star-half:before { content: "\f089"; } .icon--heart-o:before { content: "\f08a"; } .icon--sign-out:before { content: "\f08b"; } .icon--linkedin-square:before { content: "\f08c"; } .icon--thumb-tack:before { content: "\f08d"; } .icon--external-link:before { content: "\f08e"; } .icon--sign-in:before { content: "\f090"; } .icon--trophy:before { content: "\f091"; } .icon--github-square:before { content: "\f092"; } .icon--upload:before { content: "\f093"; } .icon--lemon-o:before { content: "\f094"; } .icon--phone:before { content: "\f095"; } .icon--square-o:before { content: "\f096"; } .icon--bookmark-o:before { content: "\f097"; } .icon--phone-square:before { content: "\f098"; } .icon--twitter:before { content: "\f099"; } .icon--facebook:before { content: "\f09a"; } .icon--github:before { content: "\f09b"; } .icon--unlock:before { content: "\f09c"; } .icon--credit-card:before { content: "\f09d"; } .icon--rss:before { content: "\f09e"; } .icon--hdd-o:before { content: "\f0a0"; } .icon--bullhorn:before { content: "\f0a1"; } .icon--bell-o:before { content: "\f0a2"; } .icon--certificate:before { content: "\f0a3"; } .icon--hand-o-right:before { content: "\f0a4"; } .icon--hand-o-left:before { content: "\f0a5"; } .icon--hand-o-up:before { content: "\f0a6"; } .icon--hand-o-down:before { content: "\f0a7"; } .icon--arrow-circle-left:before { content: "\f0a8"; } .icon--arrow-circle-right:before { content: "\f0a9"; } .icon--arrow-circle-up:before { content: "\f0aa"; } .icon--arrow-circle-down:before { content: "\f0ab"; } .icon--globe:before { content: "\f0ac"; } .icon--wrench:before { content: "\f0ad"; } .icon--tasks:before { content: "\f0ae"; } .icon--filter:before { content: "\f0b0"; } .icon--briefcase:before { content: "\f0b1"; } .icon--arrows-alt:before { content: "\f0b2"; } .icon--group:before { content: "\f0c0"; } .icon--chain:before { content: "\f0c1"; } .icon--cloud:before { content: "\f0c2"; } .icon--flask:before { content: "\f0c3"; } .icon--cut:before { content: "\f0c4"; } .icon--copy:before { content: "\f0c5"; } .icon--paperclip:before { content: "\f0c6"; } .icon--save:before { content: "\f0c7"; } .icon--square:before { content: "\f0c8"; } .icon--navicon:before { content: "\f0c9"; } .icon--list-ul:before { content: "\f0ca"; } .icon--list-ol:before { content: "\f0cb"; } .icon--strikethrough:before { content: "\f0cc"; } .icon--underline:before { content: "\f0cd"; } .icon--table:before { content: "\f0ce"; } .icon--magic:before { content: "\f0d0"; } .icon--truck:before { content: "\f0d1"; } .icon--pinterest:before { content: "\f0d2"; } .icon--pinterest-square:before { content: "\f0d3"; } .icon--google-plus-square:before { content: "\f0d4"; } .icon--google-plus:before { content: "\f0d5"; } .icon--money:before { content: "\f0d6"; } .icon--caret-down:before { content: "\f0d7"; } .icon--caret-up:before { content: "\f0d8"; } .icon--caret-left:before { content: "\f0d9"; } .icon--caret-right:before { content: "\f0da"; } .icon--columns:before { content: "\f0db"; } .icon--unsorted:before { content: "\f0dc"; } .icon--sort-down:before { content: "\f0dd"; } .icon--sort-up:before { content: "\f0de"; } .icon--envelope:before { content: "\f0e0"; } .icon--linkedin:before { content: "\f0e1"; } .icon--rotate-left:before { content: "\f0e2"; } .icon--legal:before { content: "\f0e3"; } .icon--dashboard:before { content: "\f0e4"; } .icon--comment-o:before { content: "\f0e5"; } .icon--comments-o:before { content: "\f0e6"; } .icon--flash:before { content: "\f0e7"; } .icon--sitemap:before { content: "\f0e8"; } .icon--umbrella:before { content: "\f0e9"; } .icon--paste:before { content: "\f0ea"; } .icon--lightbulb-o:before { content: "\f0eb"; } .icon--exchange:before { content: "\f0ec"; } .icon--cloud-download:before { content: "\f0ed"; } .icon--cloud-upload:before { content: "\f0ee"; } .icon--user-md:before { content: "\f0f0"; } .icon--stethoscope:before { content: "\f0f1"; } .icon--suitcase:before { content: "\f0f2"; } .icon--bell:before { content: "\f0f3"; } .icon--coffee:before { content: "\f0f4"; } .icon--cutlery:before { content: "\f0f5"; } .icon--file-text-o:before { content: "\f0f6"; } .icon--building-o:before { content: "\f0f7"; } .icon--hospital-o:before { content: "\f0f8"; } .icon--ambulance:before { content: "\f0f9"; } .icon--medkit:before { content: "\f0fa"; } .icon--fighter-jet:before { content: "\f0fb"; } .icon--beer:before { content: "\f0fc"; } .icon--h-square:before { content: "\f0fd"; } .icon--plus-square:before { content: "\f0fe"; } .icon--angle-double-left:before { content: "\f100"; } .icon--angle-double-right:before { content: "\f101"; } .icon--angle-double-up:before { content: "\f102"; } .icon--angle-double-down:before { content: "\f103"; } .icon--angle-left:before { content: "\f104"; } .icon--angle-right:before { content: "\f105"; } .icon--angle-up:before { content: "\f106"; } .icon--angle-down:before { content: "\f107"; } .icon--desktop:before { content: "\f108"; } .icon--laptop:before { content: "\f109"; } .icon--tablet:before { content: "\f10a"; } .icon--mobile-phone:before { content: "\f10b"; } .icon--circle-o:before { content: "\f10c"; } .icon--quote-left:before { content: "\f10d"; } .icon--quote-right:before { content: "\f10e"; } .icon--spinner:before { content: "\f110"; } .icon--circle:before { content: "\f111"; } .icon--mail-reply:before { content: "\f112"; } .icon--github-alt:before { content: "\f113"; } .icon--folder-o:before { content: "\f114"; } .icon--folder-open-o:before { content: "\f115"; } .icon--smile-o:before { content: "\f118"; } .icon--frown-o:before { content: "\f119"; } .icon--meh-o:before { content: "\f11a"; } .icon--gamepad:before { content: "\f11b"; } .icon--keyboard-o:before { content: "\f11c"; } .icon--flag-o:before { content: "\f11d"; } .icon--flag-checkered:before { content: "\f11e"; } .icon--terminal:before { content: "\f120"; } .icon--code:before { content: "\f121"; } .icon--mail-reply-all:before { content: "\f122"; } .icon--star-half-empty:before { content: "\f123"; } .icon--location-arrow:before { content: "\f124"; } .icon--crop:before { content: "\f125"; } .icon--code-fork:before { content: "\f126"; } .icon--unlink:before { content: "\f127"; } .icon--question:before { content: "\f128"; } .icon--info:before { content: "\f129"; } .icon--exclamation:before { content: "\f12a"; } .icon--superscript:before { content: "\f12b"; } .icon--subscript:before { content: "\f12c"; } .icon--eraser:before { content: "\f12d"; } .icon--puzzle-piece:before { content: "\f12e"; } .icon--microphone:before { content: "\f130"; } .icon--microphone-slash:before { content: "\f131"; } .icon--shield:before { content: "\f132"; } .icon--calendar-o:before { content: "\f133"; } .icon--fire-extinguisher:before { content: "\f134"; } .icon--rocket:before { content: "\f135"; } .icon--maxcdn:before { content: "\f136"; } .icon--chevron-circle-left:before { content: "\f137"; } .icon--chevron-circle-right:before { content: "\f138"; } .icon--chevron-circle-up:before { content: "\f139"; } .icon--chevron-circle-down:before { content: "\f13a"; } .icon--html5:before { content: "\f13b"; } .icon--css3:before { content: "\f13c"; } .icon--anchor:before { content: "\f13d"; } .icon--unlock-alt:before { content: "\f13e"; } .icon--bullseye:before { content: "\f140"; } .icon--ellipsis-h:before { content: "\f141"; } .icon--ellipsis-v:before { content: "\f142"; } .icon--rss-square:before { content: "\f143"; } .icon--play-circle:before { content: "\f144"; } .icon--ticket:before { content: "\f145"; } .icon--minus-square:before { content: "\f146"; } .icon--minus-square-o:before { content: "\f147"; } .icon--level-up:before { content: "\f148"; } .icon--level-down:before { content: "\f149"; } .icon--check-square:before { content: "\f14a"; } .icon--pencil-square:before { content: "\f14b"; } .icon--external-link-square:before { content: "\f14c"; } .icon--share-square:before { content: "\f14d"; } .icon--compass:before { content: "\f14e"; } .icon--toggle-down:before { content: "\f150"; } .icon--toggle-up:before { content: "\f151"; } .icon--toggle-right:before { content: "\f152"; } .icon--euro:before { content: "\f153"; } .icon--gbp:before { content: "\f154"; } .icon--dollar:before { content: "\f155"; } .icon--rupee:before { content: "\f156"; } .icon--cny:before { content: "\f157"; } .icon--ruble:before { content: "\f158"; } .icon--won:before { content: "\f159"; } .icon--bitcoin:before { content: "\f15a"; } .icon--file:before { content: "\f15b"; } .icon--file-text:before { content: "\f15c"; } .icon--sort-alpha-asc:before { content: "\f15d"; } .icon--sort-alpha-desc:before { content: "\f15e"; } .icon--sort-amount-asc:before { content: "\f160"; } .icon--sort-amount-desc:before { content: "\f161"; } .icon--sort-numeric-asc:before { content: "\f162"; } .icon--sort-numeric-desc:before { content: "\f163"; } .icon--thumbs-up:before { content: "\f164"; } .icon--thumbs-down:before { content: "\f165"; } .icon--youtube-square:before { content: "\f166"; } .icon--youtube:before { content: "\f167"; } .icon--xing:before { content: "\f168"; } .icon--xing-square:before { content: "\f169"; } .icon--youtube-play:before { content: "\f16a"; } .icon--dropbox:before { content: "\f16b"; } .icon--stack-overflow:before { content: "\f16c"; } .icon--instagram:before { content: "\f16d"; } .icon--flickr:before { content: "\f16e"; } .icon--adn:before { content: "\f170"; } .icon--bitbucket:before { content: "\f171"; } .icon--bitbucket-square:before { content: "\f172"; } .icon--tumblr:before { content: "\f173"; } .icon--tumblr-square:before { content: "\f174"; } .icon--long-arrow-down:before { content: "\f175"; } .icon--long-arrow-up:before { content: "\f176"; } .icon--long-arrow-left:before { content: "\f177"; } .icon--long-arrow-right:before { content: "\f178"; } .icon--apple:before { content: "\f179"; } .icon--windows:before { content: "\f17a"; } .icon--android:before { content: "\f17b"; } .icon--linux:before { content: "\f17c"; } .icon--dribbble:before { content: "\f17d"; } .icon--skype:before { content: "\f17e"; } .icon--foursquare:before { content: "\f180"; } .icon--trello:before { content: "\f181"; } .icon--female:before { content: "\f182"; } .icon--male:before { content: "\f183"; } .icon--gittip:before { content: "\f184"; } .icon--sun-o:before { content: "\f185"; } .icon--moon-o:before { content: "\f186"; } .icon--archive:before { content: "\f187"; } .icon--bug:before { content: "\f188"; } .icon--vk:before { content: "\f189"; } .icon--weibo:before { content: "\f18a"; } .icon--renren:before { content: "\f18b"; } .icon--pagelines:before { content: "\f18c"; } .icon--stack-exchange:before { content: "\f18d"; } .icon--arrow-circle-o-right:before { content: "\f18e"; } .icon--arrow-circle-o-left:before { content: "\f190"; } .icon--toggle-left:before { content: "\f191"; } .icon--dot-circle-o:before { content: "\f192"; } .icon--wheelchair:before { content: "\f193"; } .icon--vimeo-square:before { content: "\f194"; } .icon--turkish-lira:before { content: "\f195"; } .icon--plus-square-o:before { content: "\f196"; } .icon--space-shuttle:before { content: "\f197"; } .icon--slack:before { content: "\f198"; } .icon--envelope-square:before { content: "\f199"; } .icon--wordpress:before { content: "\f19a"; } .icon--openid:before { content: "\f19b"; } .icon--institution:before { content: "\f19c"; } .icon--mortar-board:before { content: "\f19d"; } .icon--yahoo:before { content: "\f19e"; } .icon--google:before { content: "\f1a0"; } .icon--reddit:before { content: "\f1a1"; } .icon--reddit-square:before { content: "\f1a2"; } .icon--stumbleupon-circle:before { content: "\f1a3"; } .icon--stumbleupon:before { content: "\f1a4"; } .icon--delicious:before { content: "\f1a5"; } .icon--digg:before { content: "\f1a6"; } .icon--pied-piper-square:before { content: "\f1a7"; } .icon--pied-piper-alt:before { content: "\f1a8"; } .icon--drupal:before { content: "\f1a9"; } .icon--joomla:before { content: "\f1aa"; } .icon--language:before { content: "\f1ab"; } .icon--fax:before { content: "\f1ac"; } .icon--building:before { content: "\f1ad"; } .icon--child:before { content: "\f1ae"; } .icon--paw:before { content: "\f1b0"; } .icon--spoon:before { content: "\f1b1"; } .icon--cube:before { content: "\f1b2"; } .icon--cubes:before { content: "\f1b3"; } .icon--behance:before { content: "\f1b4"; } .icon--behance-square:before { content: "\f1b5"; } .icon--steam:before { content: "\f1b6"; } .icon--steam-square:before { content: "\f1b7"; } .icon--recycle:before { content: "\f1b8"; } .icon--automobile:before { content: "\f1b9"; } .icon--cab:before { content: "\f1ba"; } .icon--tree:before { content: "\f1bb"; } .icon--spotify:before { content: "\f1bc"; } .icon--deviantart:before { content: "\f1bd"; } .icon--soundcloud:before { content: "\f1be"; } .icon--database:before { content: "\f1c0"; } .icon--file-pdf-o:before { content: "\f1c1"; } .icon--file-word-o:before { content: "\f1c2"; } .icon--file-excel-o:before { content: "\f1c3"; } .icon--file-powerpoint-o:before { content: "\f1c4"; } .icon--file-photo-o:before { content: "\f1c5"; } .icon--file-zip-o:before { content: "\f1c6"; } .icon--file-sound-o:before { content: "\f1c7"; } .icon--file-movie-o:before { content: "\f1c8"; } .icon--file-code-o:before { content: "\f1c9"; } .icon--vine:before { content: "\f1ca"; } .icon--codepen:before { content: "\f1cb"; } .icon--jsfiddle:before { content: "\f1cc"; } .icon--life-bouy:before { content: "\f1cd"; } .icon--circle-o-notch:before { content: "\f1ce"; } .icon--ra:before { content: "\f1d0"; } .icon--ge:before { content: "\f1d1"; } .icon--git-square:before { content: "\f1d2"; } .icon--git:before { content: "\f1d3"; } .icon--hacker-news:before { content: "\f1d4"; } .icon--tencent-weibo:before { content: "\f1d5"; } .icon--qq:before { content: "\f1d6"; } .icon--wechat:before { content: "\f1d7"; } .icon--send:before { content: "\f1d8"; } .icon--send-o:before { content: "\f1d9"; } .icon--history:before { content: "\f1da"; } .icon--circle-thin:before { content: "\f1db"; } .icon--header:before { content: "\f1dc"; } .icon--paragraph:before { content: "\f1dd"; } .icon--sliders:before { content: "\f1de"; } .icon--share-alt:before { content: "\f1e0"; } .icon--share-alt-square:before { content: "\f1e1"; } .icon--bomb:before { content: "\f1e2"; } .icon--phone2:before { content: "\e600"; } .icon--mobile:before { content: "\e601"; } .icon--mouse:before { content: "\e602"; } .icon--directions:before { content: "\e603"; } .icon--mail:before { content: "\e604"; } .icon--paperplane:before { content: "\e605"; } .icon--pencil2:before { content: "\e606"; } .icon--feather:before { content: "\e607"; } .icon--paperclip2:before { content: "\e608"; } .icon--drawer:before { content: "\e609"; } .icon--reply:before { content: "\e60a"; } .icon--reply-all:before { content: "\e60b"; } .icon--forward2:before { content: "\e60c"; } .icon--user2:before { content: "\e60d"; } .icon--users:before { content: "\e60e"; } .icon--user-add:before { content: "\e60f"; } .icon--vcard:before { content: "\e610"; } .icon--export:before { content: "\e611"; } .icon--location:before { content: "\e612"; } .icon--map:before { content: "\e613"; } .icon--compass2:before { content: "\e614"; } .icon--location2:before { content: "\e615"; } .icon--target:before { content: "\e616"; } .icon--share:before { content: "\e617"; } .icon--sharable:before { content: "\e618"; } .icon--heart2:before { content: "\e619"; } .icon--heart22:before { content: "\e61a"; } .icon--star2:before { content: "\e61b"; } .icon--star22:before { content: "\e61c"; } .icon--thumbsup:before { content: "\e61d"; } .icon--thumbsdown:before { content: "\e61e"; } .icon--chat:before { content: "\e61f"; } .icon--comment2:before { content: "\e620"; } .icon--quote:before { content: "\e621"; } .icon--house:before { content: "\e622"; } .icon--popup:before { content: "\e623"; } .icon--search2:before { content: "\e624"; } .icon--flashlight:before { content: "\e625"; } .icon--printer:before { content: "\e626"; } .icon--bell2:before { content: "\e627"; } .icon--link:before { content: "\e628"; } .icon--flag2:before { content: "\e629"; } .icon--cog:before { content: "\e62a"; } .icon--tools:before { content: "\e62b"; } .icon--trophy2:before { content: "\e62c"; } .icon--tag2:before { content: "\e62d"; } .icon--camera2:before { content: "\e62e"; } .icon--megaphone:before { content: "\e62f"; } .icon--moon:before { content: "\e630"; } .icon--palette:before { content: "\e631"; } .icon--leaf2:before { content: "\e632"; } .icon--music2:before { content: "\e633"; } .icon--music22:before { content: "\e634"; } .icon--new:before { content: "\e635"; } .icon--graduation:before { content: "\e636"; } .icon--book2:before { content: "\e637"; } .icon--newspaper:before { content: "\e638"; } .icon--bag:before { content: "\e639"; } .icon--airplane:before { content: "\e63a"; } .icon--lifebuoy:before { content: "\e63b"; } .icon--eye2:before { content: "\e63c"; } .icon--clock:before { content: "\e63d"; } .icon--microphone2:before { content: "\e63e"; } .icon--calendar2:before { content: "\e63f"; } .icon--bolt:before { content: "\e640"; } .icon--thunder:before { content: "\e641"; } .icon--droplet:before { content: "\e642"; } .icon--cd:before { content: "\e643"; } .icon--briefcase2:before { content: "\e644"; } .icon--air:before { content: "\e645"; } .icon--hourglass:before { content: "\e646"; } .icon--gauge:before { content: "\e647"; } .icon--language2:before { content: "\e648"; } .icon--network:before { content: "\e649"; } .icon--key2:before { content: "\e64a"; } .icon--battery:before { content: "\e64b"; } .icon--bucket:before { content: "\e64c"; } .icon--magnet2:before { content: "\e64d"; } .icon--drive:before { content: "\e64e"; } .icon--cup:before { content: "\e64f"; } .icon--rocket2:before { content: "\e650"; } .icon--brush:before { content: "\e651"; } .icon--suitcase2:before { content: "\e652"; } .icon--cone:before { content: "\e653"; } .icon--earth:before { content: "\e654"; } .icon--keyboard:before { content: "\e655"; } .icon--browser:before { content: "\e656"; } .icon--publish:before { content: "\e657"; } .icon--progress-3:before { content: "\e658"; } .icon--progress-2:before { content: "\e659"; } .icon--brogress-1:before { content: "\e65a"; } .icon--progress-0:before { content: "\e65b"; } .icon--sun:before { content: "\e65c"; } .icon--sun2:before { content: "\e65d"; } .icon--adjust2:before { content: "\e65e"; } .icon--code2:before { content: "\e65f"; } .icon--screen:before { content: "\e660"; } .icon--infinity:before { content: "\e661"; } .icon--light-bulb:before { content: "\e662"; } .icon--creditcard:before { content: "\e663"; } .icon--database2:before { content: "\e664"; } .icon--voicemail:before { content: "\e665"; } .icon--clipboard:before { content: "\e666"; } .icon--cart:before { content: "\e667"; } .icon--box:before { content: "\e668"; } .icon--ticket2:before { content: "\e669"; } .icon--rss2:before { content: "\e66a"; } .icon--signal2:before { content: "\e66b"; } .icon--thermometer:before { content: "\e66c"; } .icon--droplets:before { content: "\e66d"; } .icon--uniE66E:before { content: "\e66e"; } .icon--statistics:before { content: "\e66f"; } .icon--pie:before { content: "\e670"; } .icon--bars:before { content: "\e671"; } .icon--graph:before { content: "\e672"; } .icon--lock2:before { content: "\e673"; } .icon--lock-open:before { content: "\e674"; } .icon--logout:before { content: "\e675"; } .icon--login:before { content: "\e676"; } .icon--checkmark:before { content: "\e677"; } .icon--cross:before { content: "\e678"; } .icon--minus2:before { content: "\e679"; } .icon--plus2:before { content: "\e67a"; } .icon--cross2:before { content: "\e67b"; } .icon--minus22:before { content: "\e67c"; } .icon--plus22:before { content: "\e67d"; } .icon--cross3:before { content: "\e67e"; } .icon--minus3:before { content: "\e67f"; } .icon--plus3:before { content: "\e680"; } .icon--erase:before { content: "\e681"; } .icon--blocked:before { content: "\e682"; } .icon--info2:before { content: "\e683"; } .icon--info22:before { content: "\e684"; } .icon--question2:before { content: "\e685"; } .icon--help:before { content: "\e686"; } .icon--warning2:before { content: "\e687"; } .icon--cycle:before { content: "\e688"; } .icon--cw:before { content: "\e689"; } .icon--ccw:before { content: "\e68a"; } .icon--shuffle:before { content: "\e68b"; } .icon--arrow:before { content: "\e68c"; } .icon--arrow2:before { content: "\e68d"; } .icon--retweet2:before { content: "\e68e"; } .icon--loop:before { content: "\e68f"; } .icon--history2:before { content: "\e690"; } .icon--back:before { content: "\e691"; } .icon--switch:before { content: "\e692"; } .icon--list2:before { content: "\e693"; } .icon--add-to-list:before { content: "\e694"; } .icon--layout:before { content: "\e695"; } .icon--list22:before { content: "\e696"; } .icon--text:before { content: "\e697"; } .icon--text2:before { content: "\e698"; } .icon--document:before { content: "\e699"; } .icon--docs:before { content: "\e69a"; } .icon--landscape:before { content: "\e69b"; } .icon--pictures:before { content: "\e69c"; } .icon--video:before { content: "\e69d"; } .icon--music3:before { content: "\e69e"; } .icon--folder2:before { content: "\e69f"; } .icon--archive2:before { content: "\e6a0"; } .icon--trash:before { content: "\e6a1"; } .icon--upload2:before { content: "\e6a2"; } .icon--download2:before { content: "\e6a3"; } .icon--disk:before { content: "\e6a4"; } .icon--install:before { content: "\e6a5"; } .icon--cloud2:before { content: "\e6a6"; } .icon--upload22:before { content: "\e6a7"; } .icon--bookmark2:before { content: "\e6a8"; } .icon--bookmarks:before { content: "\e6a9"; } .icon--book22:before { content: "\e6aa"; } .icon--play2:before { content: "\e6ab"; } .icon--pause2:before { content: "\e6ac"; } .icon--record:before { content: "\e6ad"; } .icon--stop2:before { content: "\e6ae"; } .icon--next:before { content: "\e6af"; } .icon--previous:before { content: "\e6b0"; } .icon--first:before { content: "\e6b1"; } .icon--last:before { content: "\e6b2"; } .icon--resize-enlarge:before { content: "\e6b3"; } .icon--resize-shrink:before { content: "\e6b4"; } .icon--volume:before { content: "\e6b5"; } .icon--sound:before { content: "\e6b6"; } .icon--mute:before { content: "\e6b7"; } .icon--flow-cascade:before { content: "\e6b8"; } .icon--flow-branch:before { content: "\e6b9"; } .icon--flow-tree:before { content: "\e6ba"; } .icon--flow-line:before { content: "\e6bb"; } .icon--flow-parallel:before { content: "\e6bc"; } .icon--arrow-left2:before { content: "\e6bd"; } .icon--arrow-down2:before { content: "\e6be"; } .icon--arrow-up-upload:before { content: "\e6bf"; } .icon--arrow-right2:before { content: "\e6c0"; } .icon--arrow-left22:before { content: "\e6c1"; } .icon--arrow-down22:before { content: "\e6c2"; } .icon--arrow-up2:before { content: "\e6c3"; } .icon--arrow-right22:before { content: "\e6c4"; } .icon--arrow-left3:before { content: "\e6c5"; } .icon--arrow-down3:before { content: "\e6c6"; } .icon--arrow-up22:before { content: "\e6c7"; } .icon--arrow-right3:before { content: "\e6c8"; } .icon--arrow-left4:before { content: "\e6c9"; } .icon--arrow-down4:before { content: "\e6ca"; } .icon--arrow-up3:before { content: "\e6cb"; } .icon--arrow-right4:before { content: "\e6cc"; } .icon--arrow-left5:before { content: "\e6cd"; } .icon--arrow-up4:before { content: "\e6cf"; } .icon--arrow-right5:before { content: "\e6d0"; } .icon--arrow-left6:before { content: "\e6d1"; } .icon--arrow-down6:before { content: "\e6d2"; } .icon--arrow-up5:before { content: "\e6d3"; } .icon--arrow-right6:before { content: "\e6d4"; } .icon--arrow-left7:before { content: "\e6d5"; } .icon--arrow-down7:before { content: "\e6d6"; } .icon--arrow-up6:before { content: "\e6d7"; } .icon--uniE6D8:before { content: "\e6d8"; } .icon--arrow-left8:before { content: "\e6d9"; } .icon--arrow-down8:before { content: "\e6da"; } .icon--arrow-up7:before { content: "\e6db"; } .icon--arrow-right7:before { content: "\e6dc"; } .icon--menu:before { content: "\e6dd"; } .icon--ellipsis:before { content: "\e6de"; } .icon--dots:before { content: "\e6df"; } .icon--dot:before { content: "\e6e0"; } .icon--cc:before { content: "\e6e1"; } .icon--cc-by:before { content: "\e6e2"; } .icon--cc-nc:before { content: "\e6e3"; } .icon--cc-nc-eu:before { content: "\e6e4"; } .icon--cc-nc-jp:before { content: "\e6e5"; } .icon--cc-sa:before { content: "\e6e6"; } .icon--cc-nd:before { content: "\e6e7"; } .icon--cc-pd:before { content: "\e6e8"; } .icon--cc-zero:before { content: "\e6e9"; } .icon--cc-share:before { content: "\e6ea"; } .icon--cc-share2:before { content: "\e6eb"; } .icon--danielbruce:before { content: "\e6ec"; } .icon--danielbruce2:before { content: "\e6ed"; } .icon--github2:before { content: "\e6ee"; } .icon--github22:before { content: "\e6ef"; } .icon--flickr2:before { content: "\e6f0"; } .icon--flickr22:before { content: "\e6f1"; } .icon--vimeo:before { content: "\e6f2"; } .icon--vimeo2:before { content: "\e6f3"; } .icon--twitter2:before { content: "\e6f4"; } .icon--twitter22:before { content: "\e6f5"; } .icon--facebook2:before { content: "\e6f6"; } .icon--facebook22:before { content: "\e6f7"; } .icon--facebook3:before { content: "\e6f8"; } .icon--googleplus:before { content: "\e6f9"; } .icon--googleplus2:before { content: "\e6fa"; } .icon--pinterest2:before { content: "\e6fb"; } .icon--pinterest22:before { content: "\e6fc"; } .icon--tumblr2:before { content: "\e6fd"; } .icon--tumblr22:before { content: "\e6fe"; } .icon--linkedin2:before { content: "\e6ff"; } .icon--linkedin22:before { content: "\e700"; } .icon--dribbble2:before { content: "\e701"; } .icon--dribbble22:before { content: "\e702"; } .icon--stumbleupon2:before { content: "\e703"; } .icon--stumbleupon22:before { content: "\e704"; } .icon--lastfm:before { content: "\e705"; } .icon--lastfm2:before { content: "\e706"; } .icon--rdio:before { content: "\e707"; } .icon--rdio2:before { content: "\e708"; } .icon--spotify2:before { content: "\e709"; } .icon--spotify22:before { content: "\e70a"; } .icon--qq2:before { content: "\e70b"; } .icon--instagram2:before { content: "\e70c"; } .icon--dropbox2:before { content: "\e70d"; } .icon--evernote:before { content: "\e70e"; } .icon--flattr:before { content: "\e70f"; } .icon--skype2:before { content: "\e710"; } .icon--skype22:before { content: "\e711"; } .icon--renren2:before { content: "\e712"; } .icon--sina-weibo:before { content: "\e713"; } .icon--paypal:before { content: "\e714"; } .icon--picasa:before { content: "\e715"; } .icon--soundcloud2:before { content: "\e716"; } .icon--mixi:before { content: "\e717"; } .icon--behance2:before { content: "\e718"; } .icon--circles:before { content: "\e719"; } .icon--vk2:before { content: "\e71a"; } .icon--smashing:before { content: "\e71b"; } /*hk*/ .icon--arrow-up4::before { content: "\e6d7"; } .icon--arrow-down5::before { content: "\e6d6"; } .icon--arrow-left5::before { content: "\e6d5"; } .icon--arrow-left5::before { content: "\e6d5"; } .icon--arrow-right5::before { content: "\e6d8"; } .icon--plus3::before { content: "\e68f"; } .icon--minus3::before { content: "\e68e"; } .icon--arrow2::before { content: "\e69b"; } .icon--minus3::before { content: "\e68e"; } @media all and (min-width: 1920px){ #herosection:after { content:''; display:block; z-index:1; width:100%; height:75px; position:absolute; bottom:0; background-color:white; } } @media all and (max-width: 1260px){ #ninetillfive .ce_kachelelement .notfloat_right{ vertical-align: middle; } #ninetillfive .ce_kachelelement .notfloat_right > .inside{ padding-top: 10rem; } #ninetillfive .headlinecontainer > * { font-size: 36px; } } @media all and (max-width: 980px){ .teasergrid > .itemsperRow_3 > *, .ce_gallery ul.cols_3 > li { width: calc( (100% - (4 * 10px)) / 2 ); } #herosection h1 { font-size: 32px; } #herosection .caption .inside > div { padding-top: 4rem; } .ce_kachelelement .row > *,.twocol .row > *{ display: table-footer-group; } .ce_kachelelement .row > .mediaholder, .twocol .row > .mediaholder{ display: table-header-group; } .twocol .row > .ce_text:first-of-type .inside, .jobfacts .holder .inside,.ce_kachelelement .row > *, .twocol .row > .ce_text > .inner { padding: 2rem 20px; } #herosection{ overflow: hidden; } #ninetillfive .ce_kachelelement .notfloat_right > .inside{ padding-top: 4rem; } body .mod_joblist .teasergrid > div > div:hover .caption{ background: white; opacity: 1; } body .mod_joblist .teasergrid > div > div:hover .caption .title > *{ opacity: 1; } .mod_joblist .teasergrid > div > div .caption .title > .plus{ display: none; } .mod_joblist .teasergrid > div > div .caption .inner:after{ display: block; } .facts > span{ display: inline; } .arcname { margin-bottom: 0.5rem; } .card .holder .caption { padding: 20px; } .mod_joblist .teasergrid > div > div .caption .title { padding-right: 60px; } .mod_joblist .teasergrid > div > div .caption .title::after { display: table; } .teasergrid > .itemsperRow_4 > *, .ce_gallery ul.cols_4 > li { width: calc( (100% - (4 * 10px)) / 2 ); } } @media all and (max-width: 780px){ .footertop .row > *{ display: block; width: auto; } .onepage_navigation__list li { float:none; display: block; text-align:center; margin:0 0 15px 0; } .footertop .row > * .holder > img { width: auto; } .footertop .row > * .holder { width: auto; margin: 0 -25% -15% 0; } .ce_heroImage{ display: table; width: 100%; } .ce_heroImage .inside{ display: table-row; } .ce_heroImage .inside > .bgImage{ display: table-footer-group; } #herosection .mod_pageImage > .inside .caption{ display: table-header-group; background: #4D9DD7; position: relative; } #herosection .row > div > div > div { width: auto; } #main .mod_article > .block { padding: 2rem 2rem 4rem; } #ninetillfive .ce_kachelelement .notfloat_right > .inside { padding-top: 4rem; } .ce_kachelelement .notfloat_right > .inside{ padding-bottom: 0; } .ce_kachelelement .notfloat_left > .inside{ padding-top: 2rem; } #herosection .caption .inside > div { padding-bottom: 4rem; padding-top: 8rem; } } @media all and (max-width: 680px){ .teasergrid > .itemsperRow_3 > *, .ce_gallery ul.cols_3 > li { width: 100%; margin: 0 0 20px; } .teasergrid > .itemsperRow_4 > *, .ce_gallery ul.cols_4 > li { width: calc( (100% - (0 * 10px)) / 1 ); } #main .mod_article > .block,.ce_kachelelement .notfloat_right > .inside { padding: 2rem; } .ce_kachelelement .notfloat_left > .inside{ padding: 0; } .links { display: table; margin: 0 auto; } header > .inside { padding:0; } #header .link .title .label { display:none; } header > .inside .holder > .table, #herosection .caption .inside > div { padding-left:20px; padding-right:20px; } .safari #herosection .table > .row { padding-left:0; padding-right:0; } h2, #ninetillfive .headlinecontainer > *, .footertop .headlinecontainer > * { font-size: 24px; } #ninetillfive .headlinecontainer > * { padding-right:0; } .footertop .row > .text { width:auto; } .footer_top:after { background-position:50% 50%; } .footertop .row > * .holder { margin:0 -28% -15% 0; } #company .mediaholder::after { width:40px; } .iconlist .listitem { margin-bottom: 20px; } .col { column-count: 1; column-gap: 0; } } /*Basics*/ :root { --rot:#e4013e; --graublau:#2f444b; --grauverlauf:linear-gradient(3deg, #43606a 0%, #2f444b 75%); --grau:#333; --gelb:#ffcc33; } /* open-sans-300 - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Open Sans'; font-style: normal; font-weight: 300; src: url('/files/theme/layout/fonts/opensans/open-sans-v40-latin-300.eot'); /* IE9 Compat Modes */ src: url('/files/theme/layout/fonts/opensans/open-sans-v40-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/files/theme/layout/fonts/opensans/open-sans-v40-latin-300.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ url('/files/theme/layout/fonts/opensans/open-sans-v40-latin-300.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */ url('/files/theme/layout/fonts/opensans/open-sans-v40-latin-300.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */ url('/files/theme/layout/fonts/opensans/open-sans-v40-latin-300.svg#OpenSans') format('svg'); /* Legacy iOS */ } /* open-sans-regular - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Open Sans'; font-style: normal; font-weight: 400; src: url('/files/theme/layout/fonts/opensans/open-sans-v40-latin-regular.eot'); /* IE9 Compat Modes */ src: url('/files/theme/layout/fonts/opensans/open-sans-v40-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/files/theme/layout/fonts/opensans/open-sans-v40-latin-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ url('/files/theme/layout/fonts/opensans/open-sans-v40-latin-regular.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */ url('/files/theme/layout/fonts/opensans/open-sans-v40-latin-regular.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */ url('/files/theme/layout/fonts/opensans/open-sans-v40-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */ } /* open-sans-500 - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Open Sans'; font-style: normal; font-weight: 500; src: url('/files/theme/layout/fonts/opensans/open-sans-v40-latin-500.eot'); /* IE9 Compat Modes */ src: url('/files/theme/layout/fonts/opensans/open-sans-v40-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/files/theme/layout/fonts/opensans/open-sans-v40-latin-500.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ url('/files/theme/layout/fonts/opensans/open-sans-v40-latin-500.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */ url('/files/theme/layout/fonts/opensans/open-sans-v40-latin-500.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */ url('/files/theme/layout/fonts/opensans/open-sans-v40-latin-500.svg#OpenSans') format('svg'); /* Legacy iOS */ } /* open-sans-600 - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Open Sans'; font-style: normal; font-weight: 600; src: url('/files/theme/layout/fonts/opensans/open-sans-v40-latin-600.eot'); /* IE9 Compat Modes */ src: url('/files/theme/layout/fonts/opensans/open-sans-v40-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/files/theme/layout/fonts/opensans/open-sans-v40-latin-600.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ url('/files/theme/layout/fonts/opensans/open-sans-v40-latin-600.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */ url('/files/theme/layout/fonts/opensans/open-sans-v40-latin-600.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */ url('/files/theme/layout/fonts/opensans/open-sans-v40-latin-600.svg#OpenSans') format('svg'); /* Legacy iOS */ } /* open-sans-700 - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Open Sans'; font-style: normal; font-weight: 700; src: url('/files/theme/layout/fonts/opensans/open-sans-v40-latin-700.eot'); /* IE9 Compat Modes */ src: url('/files/theme/layout/fonts/opensans/open-sans-v40-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/files/theme/layout/fonts/opensans/open-sans-v40-latin-700.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ url('/files/theme/layout/fonts/opensans/open-sans-v40-latin-700.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */ url('/files/theme/layout/fonts/opensans/open-sans-v40-latin-700.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */ url('/files/theme/layout/fonts/opensans/open-sans-v40-latin-700.svg#OpenSans') format('svg'); /* Legacy iOS */ } /* open-sans-800 - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Open Sans'; font-style: normal; font-weight: 800; src: url('/files/theme/layout/fonts/opensans/open-sans-v40-latin-800.eot'); /* IE9 Compat Modes */ src: url('/files/theme/layout/fonts/opensans/open-sans-v40-latin-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/files/theme/layout/fonts/opensans/open-sans-v40-latin-800.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ url('/files/theme/layout/fonts/opensans/open-sans-v40-latin-800.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */ url('/files/theme/layout/fonts/opensans/open-sans-v40-latin-800.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */ url('/files/theme/layout/fonts/opensans/open-sans-v40-latin-800.svg#OpenSans') format('svg'); /* Legacy iOS */ } *{ box-sizing: border-box; } body { font-size: 14px; line-height: 24px; font-family: 'Open Sans', sans-serif; font-weight: 400; color: var(--graublau); text-rendering: optimizeLegibility; } h1, h2, h3, h4, h5, h6, .headlinecontainer > *,.footer_top .name{ font-family: 'Open Sans', sans-serif; } h1, h2, h3, h4, h5, h6, .headlinecontainer > *{ margin: 20px 0 10px; font-weight: 700; color: var(--graublau); letter-spacing: 0; } .headlinecontainer > *{ margin: 0; } .footer_top .name{ margin: 28px 0 10px; } h1,.h1{ font-size: 40px; line-height: 48px; font-weight: 700; } h2,.h2{ font-size: 40px; line-height: 48px; font-weight: 700; } h3{ /*font-size: 44px;*/ line-height: 43px; font-size: 32px; } h4{ /* font-size: 21px; */ font-size: 20px; line-height: 28px; } .headlinecontainer > *{ margin: 0; } .footer_top > .inside,.headertop > .inside, .headerbottom > .inside, .footertop > .inside, .footerbottom > .inside, #main .mod_article > .block { max-width: 1280px; margin: 0 auto; padding-left: 2rem; padding-right: 2rem; box-sizing: border-box; position: relative; } #main .mod_article > .maxWidth{ max-width: 980px; } header { box-shadow: none; position: sticky; background: var(--rot); top: 0; width: 100%; z-index: 999; /* margin-bottom:2rem; */ } header > .inside{ margin: 0 auto; color: white; z-index: 999; } .headerleft{ width: 180px; } #header .mod_navigation > ul > li{ margin: 0; text-transform: uppercase; } #header .headerright .mod_navigation > ul{ white-space: nowrap; } #header .headerright .mod_navigation > ul > li{ float: none; display: inline-block; vertical-align: middle; white-space: normal; } header > .inside .mod_navigation ul.level_1 > li > span,header > .inside .mod_navigation ul.level_1 > li > a,header > .inside .mod_navigation ul.level_1 > li > strong{ padding: 12px 0; display: block; margin: 0; } footer { padding: 80px 0 0; position: relative; background: var(--graublau); background-image: var(--grauverlauf); color: white; margin-top: 49px; margin-top: 0; } .ce_herosection{ position: relative; } .ce_herosection figure{ line-height: 0; } .ce_herosection .caption:not(.productname){ position: absolute; top:0; left: 0; width: 60%; z-index: 1000; padding: 0; height: 100%; line-height: 1.4; font-size: 36px; line-height: 40px; font-style: normal; padding: 0; } .safari .ce_herosection .caption:not(.productname){ display: block; } .safari .ce_herosection .caption:not(.productname) > .row{ display: table; height: 100%; width: 100%; } .ce_herosection .caption > .row > .inside{ z-index: 10; } .ce_herosection .caption > .row > .inside > div{ position: relative; z-index: 11; color: white; width: 55%; margin: 0 auto; } .ce_herosection .caption > .row > .inside:after { content: ""; display: block; position: absolute; width: 100%; height: 100%; top: 0; /*right: -8.2%;*/ left: -8.2%; background: rgba(229,0,63,0.75); transform:skew(10deg); } .ce_herosection .caption h1, .ce_herosection .caption h2{ font-size: 60px; line-height: 62px; color: white; } .ce_pageteaser .teasergrid > div > div{ position: relative; } .ce_pageteaser .teasergrid.caphover > div > div .text{ position: absolute; bottom: 0; left: 0; background: var(--graublau); color: white; width: 100%; padding: 10px 20px; text-align: center; box-sizing: border-box; text-transform: uppercase; white-space: inherit; text-overflow: inherit; transition:all 0.2s ease; -webkit-transition:all 0.2s ease; -moz-transition:all 0.2s ease; -o-transition:all 0.2s ease; -ms-transition:all 0.2s ease; } .ce_pageteaser .teasergrid.caphover > div > div:hover .text{ padding: 10% 20px; } .teasergrid > div{ margin: 0 -10.0015px; } .ce_pageteaser .name > h2{ margin: 0; } .ratingstars > .rating{ display: table; margin: 0 auto 1.25rem; } .ratingstars > .rating:after{ display: block; content: ''; background: var(--rot); height: 1px; width: 60%; margin: 0 auto; margin-top: 2rem; } .ratingstars > .rating > .star{ display: inline-block; vertical-align: middle; color: var(--gelb); font-size: 36px; line-height: 1; } .ratingstars > .rating > .star:not(.active){ display: none; } .mod_recommendationlist { text-align: center; } .mod_recommendationlist .author{ margin-bottom: 20px; margin-top: 2rem; } .mod_recommendationlist .ce_text{ max-width: 980px; margin: 0 auto; padding: 0 2rem; } .ce_pageteaser .image_container + .inside{ line-height: 0; } .ce_pageteaser img.ce_pageteaser{ padding-bottom: 3rem; max-width: 100%; height: auto; } .slick-controls{ float: right; position: relative; z-index: 1000; } .slick-controls button{ background: transparent; cursor: pointer; font-size: 21px; } .slick-controls .next{ content: "\e686"; } .parallax-container .caption{ position: absolute; height: 100%; width: 100%; left: 0; top: 0; padding: 0; font-style: normal; } a.readmore{ background: #e4013e; color: #fff; font-weight: 700; margin: 20px 0 0; font-size: 18px; display: inline-block; text-transform: uppercase; padding: 7px 50px 11px 10px; font-size: 12px; position: relative; -webkit-transition: all .3s ease-out; transition: all .3s ease-out; -webkit-clip-path: polygon(0 0, 100% 0, 97% 90%, 0% 100%); clip-path: polygon(0 0, 100% 0, 97% 90%, 0% 100%); } .back a.readmore{ font-size: 18px; display: inline-block; text-transform: uppercase; padding: 7px 20px 11px 50px; position: relative; -webkit-transition: all .3s ease-out; transition: all .3s ease-out; -webkit-clip-path: polygon(0 0, 100% 0, 97% 90%, 0% 100%); clip-path: polygon(0 0, 100% 0, 97% 90%, 0% 100%); -webkit-clip-path: polygon(20% 0, 100% 0, 90% 100%, 0% 100%); clip-path: polygon(10% 0, 100% 0, 90% 100%, 0% 100%); } a.readmore:before,.readmore:after{ position: absolute; content: ""; display: block; height: 100%; width: 45px; top: 0; -webkit-transition: all .3s ease-out; transition: all .3s ease-out; } a.readmore:before { background: #2f444b; -webkit-clip-path: polygon(20% 0, 100% 0, 90% 100%, 0% 100%); clip-path: polygon(20% 0, 100% 0, 90% 100%, 0% 100%); right: 0; } .back a.readmore:before{ -webkit-clip-path:polygon(10% 0, 100% 0, 100% 100%, 0% 100%); clip-path:polygon(10% 0, 100% 0, 100% 100%, 0% 100%); left: 0; right: auto; } .readmore:after { background:url('/files/theme/layout/images/icons/allgemein/white/readmore_arrow.svg') no-repeat 50% 50% transparent; background-size: contain; right: 16px; width: 10px; } .back a.readmore:after{ background:url('/files/theme/layout/images/icons/allgemein/white/readmore_arrow.svg') no-repeat 50% 50% transparent; background-size: contain; left: 20px; right: auto; transform: rotate(180deg); -webkit-transform: rotate(180deg); } .parallax-container .caption .headlinecontainer h2{ font-size: 74px; line-height: 60px; font-weight: 600; color: white; font-family: 'Open Sans', sans-serif; } .parallax-container .caption .headlinecontainer .subheadline{ font-size: 26px; line-height: 28px; font-weight: 500; color: white; margin-top: 1rem; } .parallax-container a.readmore{ font-size: 20px; padding: 15px 80px 18px 30px; } .parallax-container .caption > .row > .holder{ padding: 4rem 2rem; max-width: 1280px; margin: 0 auto; } .linkset{ margin-top: 2rem; } .linkset ul >li > a { background: #39525b; color: #fff; display: inline-block; font-weight: 500; text-transform: uppercase; padding: 7px 50px 11px 10px; font-size: 12px; position: relative; -webkit-transition: all .3s ease-out; transition: all .3s ease-out; -webkit-clip-path: polygon(0 0, 100% 0, 97% 90%, 0% 100%); clip-path: polygon(0 0, 100% 0, 97% 90%, 0% 100%); margin-top: 5%; font-size: 24px; padding: 15px 80px 18px 30px; } .linkset ul >li > a:before, .linkset ul >li > a:after { position: absolute; content: ""; display: block; height: 100%; width: 45px; top: 0; -webkit-transition: all .3s ease-out; transition: all .3s ease-out; background: #e4013e; -webkit-clip-path: polygon(20% 0, 100% 0, 90% 100%, 0% 100%); clip-path: polygon(20% 0, 100% 0, 90% 100%, 0% 100%); right: 0; } .linkset ul >li > a::after { background:url('/files/theme/layout/images/icons/allgemein/white/readmore_arrow.svg') no-repeat 50% 50% transparent; background-size: 100%; background-position: center; right: 16px; width: 10px; } footer{ background-image: var(--grauverlauf); padding: 80px 0 0; position: relative; } footer:before { background: url('/files/theme/layout/images/icons/allgemein/white/footertop.svg') no-repeat; background-size: auto; background-size: cover; content: ""; display: block; position: absolute; top: -49px; left: 0; width: 100%; height: 50px; } .footer_bottom{ background: var(--rot); color: white; } header > .inside{} .footer_top > .inside,.footer_bottom > .inside{ margin: 0 auto; max-width: 78.75rem; } .footer_bottom > .inside{ padding: 10px 20px; } .socialitems a{ display: block; height: 100%; padding: 5px; } .socialitems .imageholder{ height: auto; display: inline-block; vertical-align: middle; } .socialitems a img{ height: 100%; width: 100%; object-fit: contain; object-position: center; } .socialitems{ background: #fff; color: #e4013e; margin: 0 10px 0 0; font-size: 20px; text-align: center; display: inline-block; height: 40px; width: 40px; vertical-align: middle; } .footer_top{ margin: 0 auto 100px; } p { margin-bottom: 0.5rem; } .footer_top .row > div{ vertical-align: top; padding-right: 2.5rem; } .footer_top .row > div:last-of-type{ padding-right: 0; } .footertop_left{ width: 25%; } footer ul.level_1 > li.submenu{ float: left; padding: 0rem .625rem 0rem 0rem; width: calc(100% / 3); padding-right: 2.5rem; border: 0 none; } footer ul.level_1 > li.submenu > span.folder{ display: block; color: var(--rot); border-bottom: 2px solid #e4013e; padding: 10px; font-size: 16px; font-weight: normal; text-transform: uppercase; } .kuehlen footer ul.level_1 > li.submenu > span.folder{ border-bottom: 2px solid #1ba5b5; } .kuehlen footer ul.level_1 > li.submenu > span.folder, .kuehlen footer ul.level_2 > li:hover > a, .kuehlen footer ul.level_2 > li > strong, .kuehlen .ce_text a{ color: #1ba5b5; } footer ul.level_2 > li > a,footer ul.level_2 > li > strong{ padding: 10px; border-bottom: 1px solid #2f4550; position: relative; display: block; } footer ul.level_2 > li:hover > a,footer ul.level_2 > li > strong{ background: #2b3e45; color: #e4013e; } footer ul.level_2 > li > a > span:after,footer ul.level_2 > li > strong > span:after { content: ""; display: block; border-width: 2px 2px 0 0; border-style: solid; border-color: #fff; width: 5px; height: 5px; position: absolute; right: 10px; top: 44%; transform: rotate(45deg); } .megamenu{ color: #333; background: white; white-space: nowrap; } .megamenu > *{ display: inline-block; vertical-align: top; white-space: normal; } .megamenu .pageteaser{ width: 25%; box-sizing: border-box; } .megamenu .pageteaser > .inside{ padding: 2rem 2rem 2rem 0; text-align: left; text-transform: none; } header nav ul.megamenu{ } header nav ul.megamenu > li.holder{ width: calc(100% - 25%); margin: 0; display: inline-block; } .megamenu .pageteaser > .inside .teaserimg > img, .megamenu .pageteaser > .inside, .megamenu .pageteaser > .inside > *{ width: 100%; } .megamenu .pageteaser > .inside .teaserimg > img{ height: auto; } .megamenu .pageteaser > .inside .teaserimg{ margin-bottom: 15px; line-height: 0; } .megamenu .pageteaser .headlinecontainer{ margin-bottom: 0.5rem; } .megamenu .pageteaser .headlinecontainer > *{ font-size: 18px; line-height: 1.2; } .megamenu .pageteaser .ce_text.teasertxt{ font-size: 14px; } #article-7{ position: relative; transform:translate3d(0%, 0px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1); } .ce_infoboxes > .boxitem{ width: 50%; float: left; position: relative; height: 700px; } .ce_infoboxes > .boxitem.first{ text-align: right; padding-right: 4rem; } .ce_infoboxes > .boxitem.first .ce_text{ display: table; float: right; text-align: left; } .ce_infoboxes > .boxitem.last{ text-align: left; padding-left: 4rem; right: 0; } .ce_infoboxes > .boxitem.first img{ left: 0; z-index: 2; transform: translate3d(-100%, 0px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1); -webkit-transform: translate3d(-650px, 0px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1); } .ce_infoboxes > .boxitem.last img{ right: 0; z-index: 3; transform: translate3d(100%, 0px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1); -webkit-transform: translate3d(650px, 0px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1); } .ce_infoboxes > .boxitem img{ height: 100%; margin-top: -350px; width: auto; position: absolute; top: 50%; z-index: -1; opacity: 0.8; } .mod_article.bgColored,.mod_article > .bgColored { background: var(--graublau); color: white; } #main .mod_article > .bgColored { max-width: none; margin: 0; } .ce_infoboxes .table{ height: 100%; position: relative; z-index: 10; } .ce_teaserboxes > div{ position: relative; padding: 4rem 0; } .ce_teaserboxes > div > .bgImage{ position: absolute; width: 100%; height: 100%; left: 0; top: 0; } .ce_teaserboxes > div > .bgImage > img{ width: 100%; height: 100%; object-fit: cover; object-position: center; opacity: 0.6; transition:all 2.8s ease; -webkit-transition:all 2.8s ease; -moz-transition:all 2.8s ease; -o-transition:all 2.8s ease; -ms-transition:all 2.8s ease; } .ce_teaserboxes > div:hover > .bgImage > img{ opacity: 1; } .ce_teaserboxes > div{ position: relative; /* height: calc(100vh - (100vh / 6)); max-height: 680px;*/ height: 100vh; padding: 0; } .ce_teaserboxes > div > .table{ height: 100%; } .ce_teaserboxes > div > .table > .row > *{ padding: 2rem; max-width: 78.75rem; margin: 0 auto; } .ce_teaserboxes > div > .table .holder{ padding: 2rem; background: var(--graublau); color: white; position: relative; max-width: 1280px; margin: 0 auto; } .ce_teaserboxes > div > .table .inside .headlinecontainer > *{ color: white; } .ce_teaserboxes .image img{ width: 175px; height: 175px; padding-top: 16px; object-fit: cover; } .ce_teaserboxes .ce_text{ padding-top: 0; padding-left: 3rem; padding-right: 3rem; } .ce_teaserboxes .linkholder ul{ min-width: 275px; margin: 0; padding: 0; border-block-start: 1px solid #e8edef; } .ce_teaserboxes .linkholder ul > li{ border-bottom: 1px solid #e8edef; background-position: 0px 3px; margin-block-start: 20px; padding-bottom: 20px; background-image: url('/files/theme/layout/images/icons/allgemein/linkholder.svg'); background-repeat: no-repeat; background-position: left 5px; background-size: 20px 20px; padding-left: 40px; margin-top: 18px; font-size: 20px; line-height: 24px; font-weight: 300; } #main .mod_article > .block.width_1_3col{ width:calc((100% / 3) * 1); } #main .mod_article > .block.width_2_2col{ width:50%; } #main .mod_article > .block.width_2_3col{ width:calc((100% / 3) * 2); } #main .mod_article > .block.width_3_3col{ width:calc((100% / 3) * 3); } #main .mod_article.bgColored{ } .ce_kachelelement .mediaholder > .bgImage{ position: relative; line-height: 0; } .ce_text ul{ padding-left: 35px; margin-top: 1rem; display: table; margin-bottom: 1rem; } .ce_text ul > li > ul{ padding-left: 13px; } .ce_text ul > li{ margin-bottom: 0.5rem; position: relative; } .ce_text ul > li:before{ content: ''; display: inline-block; height: 18px; width: 18px; background: url(/files/theme/layout/images/icons/allgemein/checked.svg) no-repeat scroll 0 0 transparent; background-size: contain; margin-left: -35px; margin-right: 15px; margin-top: 0.1rem; position: absolute; } .kuehlen .ce_text ul > li:before{ background: url(/files/theme/layout/images/icons/allgemein/checked_2.svg) no-repeat scroll 0 0 transparent; background-size: contain; } .ce_text > ul > li > ul > li:before{ content: '•'; margin-right: 5px; margin-left: -13px; background: none; line-height: 1.2; } .ce_steps .stephead{ background: #2f444b; padding: 1rem 2rem 1rem 2rem; color: #fff; font-size: 30px; font-weight: 700; text-decoration: none !important; } .ce_steps .ce_text{ color: #2f444b; font-size: 17px; font-weight: 700; padding: 1.25rem 1.25rem 1.25rem 1.25rem; } .red .headlinecontainer > *{ color:var(--rot); } .red .headlinecontainer > .preheadline{ color: inherit; } .preheadline,.subheadline{ font-size: 20px; } .preheadline{ margin-bottom: 0.5rem; } .subheadline{ margin-top: 0.5rem; } .columnized ul{ display: inherit; list-style-type: disc; -webkit-columns: 2; -moz-columns: 2; columns: 2; list-style-position: inside; } .columnized.col_2 ul{ column-count: 2; } .columnized.col_3 ul{ -webkit-columns: 3 350px; -moz-columns: 3 350px; columns: 3 350px; } .columnized.col_4 ul{ -webkit-columns: 4 350px; -moz-columns: 4 350px; columns: 4 350px; } .columnized.col_2 li { break-inside: avoid-column; page-break-inside: avoid; /* Theoretically FF 20+ */ break-inside: avoid-column; /* Chrome, Safari, IE 11 */ } .columnized.col_2 ul { column-gap: 2rem; overflow: hidden; /* Fix for firefox and IE 10-11 */ -webkit-column-break-inside: avoid; /* Chrome, Safari, Opera */ page-break-inside: avoid; /* Firefox */ break-inside: avoid; /* IE 10+ */ break-inside: avoid-column; /* Actually FF 20+ */ } #main .mod_article.bgimage{ position: relative; } #main .mod_article.bgimage .bgImage{ position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; object-fit: cover; object-position: 50% 50%; } .item{ padding: 0; } .ce_zitatBoxes .item{ background: #2f444b; color: #FFF; padding: 2rem; overflow: hidden; position: relative; } .ce_zitatBoxes .item .ce_text{ width: 70%; padding-left: 30px; color: #FFF; } .ce_zitatBoxes .item .ce_text .text{ font-size: .875rem; line-height: 1.5rem; margin: 0rem 0rem 1.25rem 0rem; } .ce_zitatBoxes .item .author{ font-size: 16px; font-weight: bold; } .mod_newslist .grid-item{ box-shadow: 0 4px 10px -6px rgba(0,0,0,0.2); border:1px solid #7e919c; border-radius: 3px; display: block; overflow: hidden; background: #fafafa; } .mod_newslist .teaserimage{ line-height: 0; } .mod_newslist .grid-item .teaserbox { color: #1b282c; font-size: .875rem; line-height: 1.5rem; padding: 1.25rem; } .mod_newslist .grid-item .teaser{ margin-bottom: 20px; } .mod_newslist .grid-item span{ display: block; } .mod_newslist .grid-item .headlinecontainer{ margin-bottom: 0.5rem; } .mod_newslist .grid-item .headlinecontainer > span{ font-size: 20px; line-height: 28px; } .twoCol.col_left #left{ width: 14.375rem; float: left; position: relative; } .twoCol.col_right #right{ width: 33.33333333%; float: left; position: relative; box-sizing: border-box; padding-right: 2rem; } .twoCol.col_right #right > .inside{ padding-top: 6rem; } .twoCol.col_right #right > .inside .ce_textBox{ background-color: #E8EDEF; color: #2f444b; -webkit-clip-path: polygon(0 0, 100% 0, 90% 100%, 0% 100%); clip-path: polygon(0 0, 100% 0, 90% 100%, 0% 100%); padding-right: 4rem; padding-left: 4rem; padding-bottom: 2rem; box-sizing: border-box; } .twoCol.col_right #right > .inside .ce_textBox .headline >*{ text-transform: uppercase; color: var(--rot); border-bottom: 2px solid #e4013e; padding: 0 0 10px 0; font-size: 1.625rem; line-height: 1.75rem; margin: 2.125rem 0rem 1.25rem 0rem; font-weight: 700; } .twoCol.col_left #left .inside{ padding-top: 6rem; padding-bottom: 4rem; } .twoCol.col_left #main{ float: none; width: calc(100% - 14.375rem); margin-left: 14.375rem; } .twoCol.col_right #main{ float: left; width: calc(100% - 33.33333333%); } .twoCol .teasergrid > div{ display: contents; } .twoCol .mod_shoplist .teasergrid > div { display: table; width: 100%; } #left li{ border-bottom: 1px solid #7e919c; } #left li > a,#left li > strong{ padding: 5px 15px; color: #2f444b; overflow: hidden; text-overflow: ellipsis; display: block; } .textholder.align_above{ margin-bottom: 2rem; } .ce_pageteaser .teasergrid.capbottom > div > div .text{ position: relative; width: 100%; padding: 10px; } .ce_pageteaser .teasergrid.capbottom .name, .ce_downloads .ce_pageteaser .teasergrid.capbottom .name{ min-height: 0; text-align: left; width: auto; } .ce_pageteaser .teasergrid.capbottom > div > div .text{ display: table; margin: 0 auto; width: auto; } .ce_pageteaser .teasergrid.capbottom > div > div.noimage .text{ margin: 0 } .ce_pageteaser .teasergrid.capbottom .name > *, .ce_downloads .ce_pageteaser .teasergrid.capbottom .name > *{ color: var(--rot); font-size: 14px; font-weight: 700; text-transform: uppercase; display: inline-block; vertical-align: middle; line-height: 1.5; position: relative; } .ce_pageteaser.border .teasergrid.capbottom .name{ min-height: 0; } .ce_pageteaser.border .teasergrid.capbottom .name > *, .ce_downloads .teasergrid .name{ font-weight: 700; text-align: left; text-transform: uppercase; color: var(--rot); } .ce_pageteaser .teasergrid.capbottom .name > span::after { content: ""; display: inline-block; vertical-align: middle; background: url(/files/theme/layout/images/icons/allgemein/arrow_right_icon_red.svg) no-repeat; height: 15px; width: 8px; -webkit-transition: all .3s ease-out; transition: all .3s ease-out; margin-left: 10px; /* position: absolute; right: 0; top: 50%; margin-top: -7.5px;*/ position: relative; } .ce_pageteaser.border .teasergrid.capbottom .frame, .ce_downloads.border .teasergrid.capbottom .frame{ overflow: hidden; line-height: 0; } .ce_pageteaser.border .teasergrid.capbottom .image_container, .ce_downloads.border .teasergrid.capbottom .image_container{ transition: all 5s ease-in-out; } .ce_pageteaser.border .teasergrid.capbottom > div > div:hover .image_container, .ce_downloads.border .teasergrid.capbottom > div > div:hover .image_container{ transform: scale(1.2,1.2) } .ce_pageteaser.border .teasergrid.capbottom > div > div, .ce_downloads.border .teasergrid.capbottom > div > div{ overflow: hidden; } .ce_pageteaser .teasergrid.caphover .imageItem .name, .ce_downloads .teasergrid.caphover .imageItem .name{ font-size: 20px; font-weight: 400; } .ce_pageteaser .teasergrid.caphover .imageItem .name > * { -webkit-transition: all .3s ease-out; transition: all .3s ease-out; } .ce_pageteaser .teasergrid.caphover .imageItem:hover .name > * { padding: 5% 20px; } .ce_pageteaser .card{ box-shadow: 0 4px 10px -6px rgba(0,0,0,0.2); border:1px solid #7e919c; border-radius: 3px; } .ce_pageteaser .card .text{ padding: 10px 20px; } .ce_pageteaser img.ce_pageteaser{ padding: 0; } .toggleheight{ height: 150px; overflow: hidden; } .toggleheight .text{ padding-bottom: 2rem; } .toggleheight .text h2,.toggleheight .text h3,.toggleheight .text h4,.mod_recommendationlist .author{ font-size: 20px; line-height: 28px; font-weight: 700; } .heighttoggler{ position: relative; } .heighttoggler:before{ content: ""; background: linear-gradient(0deg, #fff 0%, rgba(255,255,255,0.2) 100%); height: 30px; width: 100%; position: absolute; left: 0; top: -30px; } .heighttoggler.open:before{ display: none; } .heighttoggler span{ background-size: 15px auto; color: inherit; padding: 2rem 0 1rem 24px; position: relative; cursor: pointer; text-transform: uppercase; } .heighttoggler span.readmore:before{ content:''; width: 15px; height: 30px; background: url('/files/theme/layout/images/icons/allgemein/arrow_down.svg') no-repeat left 10px transparent; background-size: 15px auto; top: 2rem; -webkit-transform: rotate(90deg); transform: rotate(90deg); position: absolute; left: 0; transition: transform 1.25s; } .kuehlen .heighttoggler span.readmore:before{ background: url('/files/theme/layout/images/icons/allgemein/arrow_down_2.svg') no-repeat left 10px transparent; background-size: 15px auto; } .heighttoggler.open span.readmore:before{ -webkit-transform: rotate(-90deg); transform: rotate(-90deg); } .card,.productbox:not(.slideritem){ background: #fff; box-shadow: 0 4px 10px -6px rgba(0,0,0,0.2); overflow: visible; } .ce_metamodel_content span,.ce_metamodel_content a{ display: block; } .ce_metamodel_content a.infinite-more-link{ display: none; } .teasergrid > div > *{ padding: 0; } .productbox{ position: relative; } .productbox .productbadges { top: 1.25rem; left: -0.0625rem; position: absolute; z-index: 750; width: 49px; height: 90px; } .productbadges > span{ margin-bottom: 10px; } .productbox .productbadges img{ width: 100%; height: auto; } .productbox:not(.slideritem) .image_container{ height: 18.75rem; position: relative; width: auto; top: auto; left: auto; border-bottom: 1px solid #7e919c; } .productbox .image_container .figure{ height: 100%; width: 100%; text-align: center; } .productbox:not(.slideritem) .image_container,.productbox:not(.slideritem) .caption{ padding: 10px 0; font-weight: normal; } .productbox:not(.slideritem) .caption{ height: 50px; line-height: 20px; padding: 10px; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .productbox:not(.slideritem) .figure img{ width: 100%; margin: 0 auto; height: 100%; object-fit: contain; object-position: center; } .fullitem.item_gridbox > .inside{ margin: 0 auto; margin-top: 10rem; max-width: 75rem; padding: 0 2rem; } .fullitem.item_gridbox > .inside .back a{ margin-top: 4rem; } .produktdetail .fullitem.item_gridbox > .inside .back a{ margin-bottom: 4rem; } .textrow { width: 58%; vertical-align: top; padding-left: 4%; } .productfacts .checked{ margin: 2rem 0; } .productfacts .checked li{ font-size: 20px; line-height: 24px; font-weight: 300; margin-top: 1.5rem; } .infobox{ background-color: #2f444b; width: 100%; margin: 50px 0 !important; margin-left: -1.25rem; padding: 20px 10% 20px 20px; color: #fff; font-family: 'Open Sans',sans-serif; max-width: 95%; -webkit-clip-path: polygon(0 0, 100% 0, 97% 100%, 0% 100%) !important; -o-clip-path: polygon(0 0, 100% 0, 97% 100%, 0% 100%) !important; -ms-clip-path: polygon(0 0, 100% 0, 97% 100%, 0% 100%) !important; clip-path: polygon(0 0, 100% 0, 97% 100%, 0% 100%) !important; } .infobox .headlinecontainer{ margin-bottom: 0; } .infobox .text h2,.infobox .text h4{ color: #fff; } .infobox h2{ font-size: 1.5rem; line-height: 2rem; color: #e4013e; } .kuehlen .infobox h2,.kuehlen .infobox h3,.kuehlen .infobox h4{ color: white; } .infobox .icon{ float: left; margin: 0 10px 0 0; padding: 0; width: 50px; height: 50px; box-sizing: content-box; } .infobox .icon img{ width: 100%; height: 100%; object-fit: contain; } ul.file{ display: table; width: 100%; margin-top: 4rem; } ul.file > li{ float: left; margin-right: 20px; } ul.file > li:last-of-type{ margin-right: 0; } .schnellangebot a{ background: #e4013e; box-shadow: 0 4px 10px -6px rgba(0,0,0,0.2); padding: 20px 40px 20px 30px; font-size: 18px; line-height: 28px; clip-path: polygon(0 0, 100% 0, 98% 90%, 0% 100%); width: unset; height: unset; margin: 2rem 0 20px 0; text-transform: uppercase; font-weight: 600; display: block; color: white; text-align: center; } .tecdetails table{ border-collapse: unset; border-spacing: unset; width: 100%; } .tecdetails table td{ background: none !important; border: 1px solid #2f444b; border-right-width: 1px; border-right-style: solid; border-right-color: rgb(47, 68, 75); border-left-width: 1px; border-left-style: solid; border-left-color: rgb(47, 68, 75); border-left: none !important; border-right: none !important; color: #2f444b !important; padding: .3125rem .625rem .3125rem .625rem; } .tecdetails table tr:first-child td { background: #2f444b !important; color: #fff !important; } .ce_accordion,.ce_question { position: relative; display: block; background-color: #e8edef; color: #2f444b; margin-top: 10px; width: 100%; border: none; } mod_metamodel_list .ce_accordion{} .ce_accordion .toggler,.ce_question .toggle, #horizontalTab .tabcontent > .r-tabs-accordion-title > a{ transition:all 0.2s ease; -webkit-transition:all 0.2s ease; -moz-transition:all 0.2s ease; -o-transition:all 0.2s ease; -ms-transition:all 0.2s ease; text-align: left; cursor: pointer; position: relative; font-size: 20px; list-style-position: 40px; font-weight: 500; padding: 16px; } .ce_question .toggle{ display: block; } .ce_accordion .toggler .ui-icon,.ce_question .toggle .icon{ background: url(/files/theme/layout/images/icons/allgemein/close.svg) no-repeat scroll 50% 50%; background-size: auto; display: block; position: absolute; height: 20px; width: 20px; right: 2rem; background-size: contain; top: 50%; margin-top: -10px; transition: transform 1.25s; -webkit-transform: rotate(45deg); transform: rotate(45deg); } .ce_question .toggle .icon { background: url(/files/theme/layout/images/icons/allgemein/arrow_right.svg) no-repeat scroll 50% 50%; background-size: auto; background-size: auto; background-size: contain; transform: none; height: 25px; width: 25px; margin-top: -12.5px; right: 2rem; } .ce_accordion .toggler:hover .ui-icon,.ce_accordion .toggler.active .ui-icon{ background: url(/files/theme/layout/images/icons/allgemein/close_white.svg) no-repeat scroll 50% 50%; background-size: contain; } .ce_question .toggle:hover .icon{ background: url(/files/theme/layout/images/icons/allgemein/arrow_right_white.svg) no-repeat scroll 50% 50%; background-size: contain; } .ce_accordion .toggler:hover,.ce_accordion .toggler.active,.ce_question .toggle:hover { background: #2f444b; color: #fff; } .ce_accordion .toggler.active .ui-icon{ transform: rotate(360deg); } .ce_accordion .tabcontent { padding: 20px; font-size: 14px; background-color: #e8edef; color: #2f444b; } .submit{ background: #e4013e; box-shadow: 0 4px 10px -6px rgba(0,0,0,0.2); } .widget,.widget.w50, .widget-select, .mod_newscategories > ul > li{ margin-bottom: .625rem; } .widget.w50.last{ margin-right: 0; } .widget.w50 input, .widget.w100 input{ margin: 0 !important; max-width: none !important; width: 100% !important; } .widget.w50, .mod_newscategories > ul > li{ margin-right: .625rem; width: calc((100% - .625rem) / 2); } .widget-select{ width: 100%; float: none; clear: both; } .widget.widget-text input,.widget.widget-textarea textarea, .mod_newscategories > ul > li > a,.mod_newscategories > ul > li > strong{ padding: 10px 15px; width: 100%; background: #fbfbfa; border: 1px solid #7e919c; box-sizing: border-box; display: block; } .angebotsart .widget_holder, .mod_newscategories > ul > li{ float: left; } .angebotsart .widget_holder{ width: 33%; } .mod_newscategories > ul > li{ max-width: calc((100% - (2 * .625rem)) / 3); width: auto; } .mod_newscategories > ul > li:nth-child(3n + 3){ } .angebotsart .widget_holder > *{ display: inline-block; vertical-align: middle; } .angebotsart .widget_holder > .label{ padding-left: 10px; } body .dk-select.preselected .dk-selected{ color: rgb(55, 151, 3); font-weight: 600; } body .dk-select.preselected .dk-selected{ background: rgb(235, 250, 239); border-color: rgb(145, 231, 60); } fieldset.preselect > .select{ margin-bottom: .625rem; } /*switch*/ .switch { position: relative; display: inline-block; width: 60px; height: 34px; } /* Hide default HTML checkbox */ .switch input { opacity: 0; width: 0; height: 0; } /* The slider */ .slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #ccc; -webkit-transition: .4s; transition: .4s; } .slider:before { position: absolute; content: ""; height: 26px; width: 26px; left: 4px; bottom: 4px; background-color: white; -webkit-transition: .4s; transition: .4s; } input:checked + .slider { background-color: var(--rot); } input:focus + .slider { box-shadow: 0 0 1px var(--rot); } input:checked + .slider:before { -webkit-transform: translateX(26px); -ms-transform: translateX(26px); transform: translateX(26px); } /* Rounded sliders */ .slider.round { border-radius: 34px; } .slider.round:before { border-radius: 50%; } .bgImg { height: 300px; width: 102%; -webkit-clip-path: polygon(0 0, 100% 0, 98% 75%, 0% 100%); -o-clip-path: polygon(0 0, 100% 0, 98% 75%, 0% 100%); -ms-clip-path: polygon(0 0, 100% 0, 98% 75%, 0% 100%); clip-path: polygon(0 0, 100% 0, 98% 75%, 0% 100%); overflow: hidden } .bgImg > img{ width: 100%; height: 100%; object-fit: cover; } .fullitem #herosection{ position: absolute; left: 0; top: 0px; } .productfacts::before { display: table; content: ""; line-height: 0; } .textrow > .inside{ margin-top: 10rem; } .textrow.noHero > .inside{ margin-top: 0; } /*body .exzoom .exzoom_nav .exzoom_nav_inner span{ float: none; }*/ #exzoom, #exzoom .exzoom_img_box, #exzoom .exzoom_img_ul_outer,#exzoom .exzoom_zoom_outer,{ max-width: 100%; } .productfacts > .table{ table-layout: fixed; margin-bottom: 50px; } #right .linkset ul > li > a{ padding: 10px 80px 10px 20px; } #right .linkset .readmore{ font-size: 18px; padding: 0; } #exzoom{ opacity: 0; } .textrow > .inside > .headlinecontainer > h2{ font-size: 46px; line-height: 59.2px; font-family: 'Open Sans', sans-serif; font-weight: 700; color: #12191c; } .textrow .infobox .headlinecontainer > h2 { font-size: 24px; text-transform: uppercase; font-weight: 600; line-height: 32px; } .textrow .infobox .text{ font-size: 14px; line-height: 24px; font-weight: 400; } .productfacts .typ{ font-size: 24px; line-height: 32px; color: var(--rot); font-weight: 700; } #horizontalTab ul .counter, #horizontalTab .tabcontent > .r-tabs-accordion-title .counter{ border-radius: 0; background: none; color: #e4013e; font-size: .75rem; } #horizontalTab ul li a > span, #horizontalTab .tabcontent > .r-tabs-accordion-title > a > span{ display: inline-block; } #horizontalTab ul li a > span.counter, #horizontalTab .tabcontent > .r-tabs-accordion-title .counter{ vertical-align: super; font-weight: 400; } #horizontalTab .tabcontent > .r-tabs-accordion-title{} #horizontalTab .r-tabs-state-active{ height: auto; } #horizontalTab ul li a{ padding: .9375rem .625rem .9375rem .625rem; height: 3.625rem; font-size: 14px; line-height: 58px; font-weight: 700; } #horizontalTab ul li{ margin: 0rem .3125rem 0rem 0rem; } #horizontalTab ul li.r-tabs-state-active > a { box-shadow: 0 -2px 0px #e4013e inset; } .kuehlen #horizontalTab ul li.r-tabs-state-active > a { box-shadow: 0 -2px 0px #1ba5b5 inset; } .kuehlen #horizontalTab ul .counter, .kuehlen #horizontalTab .tabcontent > .r-tabs-accordion-title .counter{ color: #1ba5b5; } .kuehlen .ce_text ul > li:before { background: url(/files/theme/layout/images/icons/allgemein/checked_2.svg) no-repeat scroll 0 0 transparent; background-size: contain; } body .slick-dots{ position: static; margin-top: 2rem; bottom: auto; } #horizontalTab .tabcontent{ padding: 10px 0 0 0; } .slick-slide img{ height: auto; max-width: 100%; } .slideritem > .inside{ margin: 0 10px; } .additionals{ margin-top: 6.25rem; } #horizontalTab .slideritem .caption{ padding: .625rem .625rem 0rem .625rem; color: #12191c; height: 2rem; font-size: .875rem; font-weight: normal; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } #horizontalTab .slick-slider .slideritem .image_container { } #horizontalTab .slick-slider .slideritem .image_container .figure{ width: 100%; height: 12.5rem; display: block; } #horizontalTab .slick-slider .slideritem .image_container .productbadges + .figure{ padding-left: 45px; } #horizontalTab .slick-slider .slideritem .image_container > .figure > img { display: block; width: 100%; height: 100%; object-fit: contain; padding: 0; } #horizontalTab .slideritem:not(.slick-slide){ max-width: calc(100% / 5); } body .slick-track{ margin: 0; } #horizontalTab .slideritem.productbox .productbadges{ width: 40px; } .highlights{ margin-top: 50px; } .highlights.ce_text ul li{ } .highlights + .gallery{ margin-top: 50px; } .highlights + .gallery ul >li{ float: left; margin-right: 20px; height: 60px; width: 60px; } .highlights + .gallery ul >li > img{ max-width: 100%; height: 100%; padding: 5px; object-fit: contain; } #horizontalTab{ position: relative; } #horizontalTab .directionnav { position: absolute; top: 20px; right: 2rem; } .tabcontent > div > .inside{ position: static; } #horizontalTab .directionnav ul{ display: table; } #horizontalTab .directionnav ul li{ float: left; font-size: 24px; cursor: pointer; } #horizontalTab .directionnav ul li.prev:after,#horizontalTab .directionnav ul li.next:after{ content:''; height: 23px; width: 18px; display: block; background: url(/files/theme/layout/images/icons/allgemein/prev.svg) no-repeat scroll 0 0 transparent; background-size: contain; } #horizontalTab .directionnav ul li.next:after{ background: url(/files/theme/layout/images/icons/allgemein/next.svg) no-repeat scroll 0 0 transparent; background-size: contain; } .mod_shoplist .teasergrid{ display: table; width: 100%; } .ce_metamodel_list .teasergrid > div { margin: 10px -5px -10px; display: table; min-width: 100%; } .infinite-more-link{ margin-top: 2rem; text-align: center; } .mod_shoplist .grid.is-visible-items .item { visibility: visible; opacity: 1; user-select: none; -webkit-user-select: none; } .mod_shoplist .teasergrid > .itemsperRow_3 > *{ width: calc((100% - (8 * 10px))/ 4); } #main .mod_article > .ce_metamodels_frontendfilter.block{ overflow: visible; padding-bottom: 2rem; padding-top: 1rem; } #main .mod_article > .mod_metamodel_list.intro{ padding-bottom: 5rem; } .ce_metamodels_frontendfilter .widget{ float: left; margin: 0 5px 20px; width: calc((100% - (8 * 5px))/ 4); } .ce_metamodels_frontendfilter .mm_checkbox{ margin-top: 0px; } .ce_metamodels_frontendfilter form{ display: table; width: 100%; } #main .mod_article > .ce_metamodel_content{ padding-top: 0; } .mod_metamodel_list.intro > .card{ padding: 1.5625rem 2.5rem .625rem 2.5rem; } .toggleheight figure.image_container.float_right{ max-width: 400px; margin: 0 0 2rem 4rem; } .mod_metamodel_list.intro > .card > .headlinecontainer > h2, .mod_metamodel_list.intro > .card > .headlinecontainer > h1{ font-size: 40px; line-height: 48px; margin: 0rem; font-weight: 700; } .productslide .slideritem .figure img{ max-width: 100%; } .ce_text .toggleheight ul > li { } .ce_text .toggleheight ul > li a{ color: var(--rot); margin-bottom: 0.5rem; display: inline-block; margin-top: 0.2rem; } .mod_logo{ padding: 8px 0; } li.active > a{ pointer-events: none; cursor: none; } li.active a.active > span,li.trail a.trail > span,.heizen a[href*="heizen"] span,.kuehlen a[href*="kuehlen"] span{ color: #2f444b; } footer li.active a.active > span,footer li.trail a.trail > span{ color: var(--rot); } .kuehlen footer li.active a.active > span,.kuehlen footer li.trail a.trail > span{ color: #2f444b; } header nav > ul > li:hover,header nav > ul > li.active:hover,header nav > ul > li.trail:hover{ text-decoration: none; } .kuehlen a.readmore,.parent_kuehlen a.readmore, .kuehlen header, .parent_kuehlen header, .kuehlen .footer_bottom, .parent_kuehlen .footer_bottom, .kuehlen .schnellangebot a,.kuehlen input:checked + .slider { background: #1ba5b5; } .kuehlen .productfacts .typ,.kuehlen .infobox h2,.kuehlen .exzoom .exzoom_btn a{ color: #1ba5b5; } .kuehlen .exzoom .exzoom_nav .exzoom_nav_inner span.current { border: 1px solid #1ba5b5; } .footerlogo{ max-width: 180px; margin: -40px 0 40px -20px; } .ce_text p > a{ color: var(--rot); } .kuehlen .ce_text p > a{ color: #1ba5b5; } .headertop{ background: var(--graublau); } .headertop > .inside{ background: transparent; font-size: 12px; text-transform: uppercase; letter-spacing: 0.03rem; } .headertop_left > *{ display: inline-block; vertical-align: middle; } .headertop_left > *:first-of-type{ margin-right: 2rem; } header .headertop nav > ul{ float: right; padding: 5px 0 6px; } header .headertop nav > ul > li > a, header .headertop nav > ul > li > a > span{ font-size: 12px; } .headerright nav.megamenue{ float: right; } .headlinecontainer.type_h2 > .preheadline{ font-size: 32px; font-weight: 300; margin-top: 1rem; line-height: 1.2; } .borderbottom:after{ content: ''; display: table; margin: 6rem auto 2rem; background: #e4013e; -webkit-clip-path: polygon(0 0, 100% 0, 97% 95%, 0% 100%); clip-path: polygon(0 0, 100% 0, 97% 95%, 0% 100%); border: none; width: 10%; height: 7px; } .ce_pageteaser > .headlinecontainer{ margin-bottom: 50px; } .ce_infoboxes .boxitem .headlinecontainer > h2{ font-size: 40px; line-height: 48px; color: white; } .ce_infoboxes .boxitem .headlinecontainer > .subline > h3{ font-size: 20px; color: white; margin-top: 0.5rem; } .ce_infoboxes .boxitem .linkholder ul{ padding: 0; } .ce_infoboxes .boxitem .linkholder li:before{ display: none; } .ce_infoboxes .boxitem .linkholder a, .stoerer .linkholder a{ font-size: 20px; padding: 15px 80px 18px 30px; margin-top: 30px; background: #2f444b; color: #fff; font-weight: 500; position: relative; -webkit-transition: all .3s ease-out; transition: all .3s ease-out; -webkit-clip-path: polygon(0 0, 100% 0, 97% 90%, 0% 100%); clip-path: polygon(0 0, 100% 0, 97% 90%, 0% 100%); display: table; text-transform: uppercase; } .ce_infoboxes .boxitem .linkholder a:first-of-type { margin-top: 0; } #main .ce_infoboxes .linkholder li:first-of-type{ margin-top: 20px; } .ce_infoboxes .boxitem .linkholder a:before { content: ''; background: #e4013e; -webkit-clip-path: polygon(20% 0, 100% 0, 90% 100%, 0% 100%); clip-path: polygon(20% 0, 100% 0, 90% 100%, 0% 100%); right: 0; position: absolute; content: ""; display: block; height: 100%; width: 45px; top: 0; -webkit-transition: all .3s ease-out; transition: all .3s ease-out; } .ce_infoboxes .boxitem.item_2 .linkholder a:before{ background: #1ba5b5; } .ce_infoboxes .boxitem .linkholder a:after { position: absolute; content: ""; display: block; height: 100%; width: 45px; top: 0; -webkit-transition: all .3s ease-out; transition: all .3s ease-out; background: url('/files/theme/layout/images/icons/allgemein/arrow_right_icon_gray.svg') no-repeat; background-size: 100%; background-position: center; right: 16px; width: 10px; } .fixediconbar.is--visible { display: inline; } .fixediconbar { display: none; position: fixed; z-index: 999; top: 500px; top: calc((100vh / 2) + 4rem); left: auto; right: 0; } .fixediconbar ul.fixediconbar-container { margin: 0; padding: 0; } .fixediconbar ul.fixediconbar-container li { display: table; position: relative; } .fixediconbar ul.fixediconbar-container a.fixediconbar-icons-image, .fixediconbar ul.fixediconbar-container span.fixediconbar-icons-image { display: table-cell; width: 3rem; transition: all 1s !important; box-sizing: content-box; vertical-align: middle; line-height: 0; } .fixediconbar ul.fixediconbar-container span.fixediconbar-icons-image img{ display: inline-block; vertical-align: middle; padding: 0.5rem 0 0.5rem 15px; width: 40px; height: 40px; object-fit: contain; top: 0; object-position: center; } .fixediconbar ul.fixediconbar-container a.fixediconbar-icons-txt, .fixediconbar ul.fixediconbar-container span.fixediconbar-icons-txt { display: table-cell; vertical-align: middle; text-decoration: none; box-sizing: content-box; } .fixediconbar ul.fixediconbar-container figure.fixediconbar-icons-image { display: block; margin: 0; padding: 0; } .fixediconbar ul.fixediconbar-container li { background-color: #2f444b; margin-bottom: 0.2rem; } .fixediconbar ul.fixediconbar-container li.fixediconbar-icon{ -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 3% 100%); clip-path: polygon(0 0, 100% 0, 100% 100%, 3% 100%); transition: all .75s !important; transition: right 0.5s; right: -9rem; } .fixediconbar ul.fixediconbar-container li.fixediconbar-icon:hover{ background-color: #e4013e; right: 0; transition: right 0.5s; } .kuehlen .fixediconbar ul.fixediconbar-container li.fixediconbar-icon:hover{ background-color: #1ba5b5; } .fixediconbar ul.fixediconbar-container li a{ display: block; } .fixediconbar ul.fixediconbar-container a.fixediconbar-icons-txt, .fixediconbar ul.fixediconbar-container span.fixediconbar-icons-txt { width: 8.5rem; color: #fff; text-align: left; padding-right: 0.5rem; } .fixediconbar ul.fixediconbar-container a.fixediconbar-icons-txt:hover, .fixediconbar ul.fixediconbar-container span.fixediconbar-icons-txt:hover { color: #fff; } header .level_1 li > * > img{ display: inline-block; vertical-align: middle; height: 40px; width: 20px; object-fit: contain; object-position: center; padding: 0 10px; box-sizing: content-box; } .headertop .mail > a::before, .headertop .phone > a::before { content: ''; display: inline-block; height: 11px; width: 11px; vertical-align: middle; line-height: 1; margin-right: 0.3rem; } .headertop .mail > a:before{ background: url(/files/theme/layout/images/icons/allgemein/header/Icon_feather-mail.svg) no-repeat scroll 0 0 transparent; background-size: contain; } .headertop .phone > a:before{ background: url(/files/theme/layout/images/icons/allgemein/header/Icon_feather-phone.svg) no-repeat scroll 0 0 transparent; background-size: contain; height: 11px; width: 11px; margin-right: 0; } #searchBox.overlay{ z-index: 99999999; background-color: rgba(47, 68, 75,0.9); } .ce_pageteaser span.image_container{ line-height: 0; } /*scrolltop*/ a#return-to-top { bottom: 130px; display: none; right: 70px; position: fixed; z-index:9999; } a#return-to-top img { width: 100%; transform: none; margin: 0; } .ce_pageteaser.border .teasergrid > div > div{ border: 2px solid rgba(0,0,0,1); } body .slick-dots li{ width: 10px; } .ce_textBanner.bgColored .headline > *{ font-size: 3rem; line-height: 4rem; font-weight: 700; text-transform: uppercase; color: white; } .ce_textBanner .headline > *{ margin: 0; } .headlinered .headlinecontainer >*{ color: var(--rot); } #main .mod_article.bgColored,#main .mod_article.bgColored .headlinecontainer > *, #main .mod_article.bgColored h1,#main .mod_article.bgColored h2,#main .mod_article.bgColored h3,#main .mod_article.bgColored h4,#main .mod_article.bgColored h5,#main .mod_article.bgColored h6,#main .mod_article[style*="background: #e4013e"], #main .mod_article[style*="background: #e4013e"] .headlinecontainer > *,#main .mod_article[style*="background: #e4013e"] figurecaption,#main .mod_article[style*="background: #e4013e"] .caption, #main .mod_article.bgColored .caption { color: white; } #main .mod_article.bgColored .caption { line-height: 1.65; } .ce_metamodels_frontendfilter h5{ font-size: 16px; font-weight: 500; text-transform: uppercase; margin-bottom: 3rem; } .ce_metamodels_frontendfilter h5:before{ content: ''; width: 20px; height: 20px; background: url(/files/theme/layout/images/icons/allgemein/filter/filter.svg) no-repeat scroll 50% 50% transparent; display: inline-block; vertical-align: middle; margin-right: 10px; } #main .mod_article.bgColored ul > li{ margin-top: 1.5rem; } #main .mod_article.bgColored ul > li > ul > li{ margin-top: 0.5rem; margin-bottom: 0.8rem; } #main .mod_article.bgColored a.readmore { font-size: 20px; font-weight: 700; text-transform: uppercase; padding: 20px 80px 20px 40px; -webkit-clip-path: polygon(0 0, 100% 0, 97% 95%, 0% 100%); clip-path: polygon(0 0, 100% 0, 97% 95%, 0% 100%); } #main .mod_article.shapetop{ position: relative; overflow: visible; } #main .mod_article.shapetop > .block { padding: 160px 0; max-width: 980px; } #main .mod_article.shapetop:before { content: ""; clip-path: polygon(0 60%, 0 0, 100% 0); width: 100vw; height: 101px; margin-top: -0.5px; left: 0; top: 0; position: absolute; background:white; z-index: 999999; } #main .mod_article.shapetop > .block h2, #main .mod_article.shapetop > .block .headlinecontainer.type_h2 > .preheadline { text-transform: uppercase; } #main .mod_article.shapetop > .block h2, .ce_introtext h2{ font-size: 48px; } #main .mod_article.shapetop > .block .headlinecontainer.type_h2 > .preheadline, .ce_introtext .headlinecontainer.type_h2 > .preheadline{ font-size: 40px; } #main .mod_article.shapetop > .block p, .ce_introtext p { font-size: 24px; line-height: 38px; font-weight: 300; } #main .mod_article.shapetop > .block .linkholder, .ce_introtext .linkholder{ margin-top: 2rem; } .kuehlen.twoCol.col_right #right > .inside .ce_textBox .headline > *, .kuehlen label a, .kuehlen header nav .megamenu li a:hover, .kuehlen header nav .megamenu li.active > *,.kuehlen header nav .megamenu li.active > * > span{ color: #1ba5b5; } .kuehlen.twoCol.col_right #right > .inside .ce_textBox .headline > *{ border-bottom: 2px solid #1ba5b5; } .kuehlen .widget.widget-submit button.submit, .kuehlen .linkset ul > li > a::before { background: #1ba5b5; } header nav .megamenu li.active > *,header nav .megamenu li.active > * > span{ color: var(--rot); } .text.tl_news figure, .layout_full .ce_text figure{ width: 480px; float: right !important; margin: 0 0 2rem 4rem; } p.back{ margin-top: 2rem; } figcaption,.caption:not(.productname){ line-height: 1.5; font-size: 14px; color: gray; padding: 10px; } nav.pagination{ margin-top: 2rem; position: relative; z-index: 999999; } nav.pagination p,nav.pagination ul > li{ float: left; } nav.pagination ul > li{ margin-right: 0.2rem; } nav.pagination ul > li.next,nav.pagination ul > li.last{ display: none; } nav.pagination ul{ float: right; } nav.pagination ul > li > *{ display: block; padding: 8px 10px; line-height: 1; border: 1px solid rgba(0,0,0,0.2); font-size: 12px; } nav.pagination ul > li > strong{ background: var(--rot); color: white; } .kuehlen nav.pagination ul > li > strong{ background: var(--rot); color: white; } .ce_text ol { margin: 1rem 0; } .ce_text ol > li{ list-style-type: decimal; list-style-position: inside; margin-bottom: 0.5rem; } [class^="icon--"], [class*=" icon--"] { font-size: 15px; } .ce_kachelelement .notfloat_right > .inside{ padding-left: 0; padding-right: 2rem; padding-bottom: 0; } .ce_kachelelement .notfloat_left > .inside{ padding-right: 0; padding-left: 2rem; } .ce_text.image_float_below figure{ margin-top: 2rem; } #main .mod_article > .block.ce_accordion{ margin: 0 auto 10px; padding: 0 2rem; background-color: transparent; color: #2f444b; } #main .mod_article > .block.ce_accordion .toggler, #horizontalTab .tabcontent > .r-tabs-accordion-title > a{ background: #e8edef; } #horizontalTab .tabcontent > .r-tabs-accordion-title > a{ display: block; color: #2f444b; margin-top: 10px; } #horizontalTab .tabcontent > .r-tabs-accordion-title > a:after{ content:''; background: url(/files/theme/layout/images/icons/allgemein/close.svg) no-repeat scroll 50% 50%; background-size: auto; background-size: auto; display: block; position: absolute; height: 20px; width: 20px; right: 2rem; background-size: contain; top: 50%; margin-top: -10px; transition: transform 1.25s; -webkit-transform: rotate(45deg); transform: rotate(45deg); } #horizontalTab .tabcontent > .r-tabs-accordion-title.r-tabs-state-active > a:after, #horizontalTab .tabcontent > .r-tabs-accordion-title:hover > a:after{ background: url(/files/theme/layout/images/icons/allgemein/close_white.svg) no-repeat scroll 50% 50%; background-size: auto; background-size: contain; } #horizontalTab .tabcontent > .r-tabs-accordion-title.r-tabs-state-active > a, #horizontalTab .tabcontent > .r-tabs-accordion-title:hover > a{ background: #2f444b; color: #fff; } #horizontalTab .tabcontent > .r-tabs-accordion-title.r-tabs-state-active > a:after{ transform: rotate(360deg); } #main .mod_article > .block.ce_accordion .toggler:hover,#main .mod_article > .block.ce_accordion .toggler.active{ background: #2f444b; } #main .mod_article > .block.ce_accordion .accordion > div{ padding: 20px; background: #e8edef; } #main .mod_article > .block.ce_accordion .accordion > div h1:first-of-type,#main .mod_article > .block.ce_accordion .accordion > div h2:first-of-type,#main .mod_article > .block.ce_accordion .accordion > div h3:first-of-type,#main .mod_article > .block.ce_accordion .accordion > div h4:first-of-type,#main .mod_article > .block.ce_accordion .accordion > div h5:first-of-type,#main .mod_article > .block.ce_accordion .accordion > div h6:first-of-type{ margin-top: 0; } .ce_iconList .teaserImage > img{ width: auto; height: 100%; object-fit: contain; } .ce_iconList [class^="item_"]{ margin-bottom: 2rem; } .mod_storelocator_list .table > .row > *{ width: 50%; vertical-align: top; } .mod_storelocator_list .table > .row > #map-wrapper .inside{ height: 500px; } .mod_storelocator_list .table > .row > #map-wrapper #map-canvas{ min-height: 100%; } .mod_storelocator_list #result_1 { background-color: #2f444b; width: 100%; -webkit-clip-path: polygon(0 0, 97% 0, 90% 100%, 0% 100%); clip-path: polygon(0 0, 97% 0, 90% 100%, 0% 100%); color: #fff; padding-right: 12%; } .mod_storelocator_list .entry > .inside { padding: 15px; } .mod_storelocator_list .table > .row > .overview{ padding-right: 4rem; } .mod_storelocator_list #result_1.entry .headlinecontainer{ } .mod_storelocator_list #result_1.entry .headlinecontainer > *{ color: white; font-size: 32px; } .mod_storelocator_list .entry{ margin: 0 0 2rem 0; } .mod_storelocator_list .entry .headlinecontainer{ margin-bottom: 10px; } .mod_storelocator_list .entry .headlinecontainer > *{ font-size: 21px; line-height: 1.4; } a[href*="mailto:"] > span{ display: inline; } .mod_shoplist .grid.is-visible-items .item { visibility: visible; opacity: 1; } .nojs #main .mod_article .block.ce_metamodel_list .mod_shoplist{ display: none; } #wrapper{ display: block; } #main .mod_article > .ce_metamodel_content .infinite-container{ opacity: 0; } #main .mod_article > .ce_metamodel_content .infinite-container.visible{ opacity: 1; } #produktfilter .widget.mm_select { position: relative; } #produktfilter select { background-color: white; border: 1px solid #cccccc; overflow: hidden; padding: 10px 15px; position: absolute; text-overflow: ellipsis; white-space: nowrap; width: 100%; line-height: 21px; height: 43px; color:rgb(128, 128, 128); font-weight: 500; left: 0; top: 0; } #produktfilter .widget.mm_select:before, #produktfilter .widget.mm_select:after { content: ''; display: block; position: absolute; right: 0; box-sizing: border-box; } #produktfilter .widget.mm_select:before{ top: 50%; border: solid transparent; border-top-width: medium; border-top-color: transparent; border-right-width: medium; border-bottom-width: medium; border-left-width: medium; border-width: 0.25em 0.25em 0; border-top-color: #CCCCCC; margin: -0.125em 0.5em 0 0; z-index: 10; } #produktfilter .widget.mm_select:after{ top: 0; height: 100%; border-left: 1px solid #CCCCCC; margin: 0 1.55em 0 0; } .nojs #produktfilter .widget.mm_select{ height: 43px; } body .dk-option{ padding: 5px 15px; } .nojs #responsivenav{ display: none; } body.pushy-open-left{ overflow: hidden; height: calc(100vh - 52px); -webkit-overflow-scrolling: touch; } body .pushy{ background: transparent; top:52px; position: absolute; background: whiteSmoke; height: calc(100vh - 52px); } body .pushy-submenu > ul{ padding: 0; } body .pushy ul > li > a,body .pushy ul > li > strong,body .pushy .submenu button{ color:#12191c !important; border-bottom: 1px solid; padding: 10px; font-weight: 500; display: block; } body .pushy .submenu .level_2 button{ padding-left: 20px; } body .pushy .submenu .level_3 li > a,body .pushy .submenu .level_3 li > strong{ padding-left: 30px; } body .pushy ul > li > a:hover,body .pushy ul > li > strong{ background: #fbfbfa } p > img{ max-width: 100%; height: auto; } .bgimage.shapetop .ce_introtext > .inside, .bgimage.shapetop .ce_text > .inside{ padding: 0 2rem; } .gallery ul{ display: table; width: 100%; } .safari .headerleft > .table{ display: block; } .safari .headerleft > .table > .row{ display: table; } .mod_logo img { width:160px; height:auto; } .headerbottom { } header .headerright > nav > ul > li { font-size: 18px; } header nav > ul > li > a, header nav > ul > li > a > span { padding: 8px 19px; } .mod_newscategories ul > li > * > span{ display: inline-block; } .mod_newscategories ul > li > * > span.quantity{ vertical-align: bottom; font-weight: 400; font-size: 12px; margin-left: 5px; } header .headertop nav > ul > li.online > a{ text-transform: none; } .megamenu .level_3 li.online > a > span[itemprop="name"] > span:after, li.online > a > span[itemprop="name"] > span:after, header .headertop nav > ul > li.online > a:after{ content: ''; display: inline-block; background: url(/files/theme/layout/images/icons/allgemein/rss_icon.svg) no-repeat scroll 0 0 transparent; height: 20px; width: 20px; vertical-align: baseline; position: absolute; margin-left: 0.2rem; } .headertop li.online > a > span[itemprop="name"] > span:after, footer li.online > a > span[itemprop="name"] > span:after, header .headertop nav > ul > li.online > a:after{ background: url(/files/theme/layout/images/icons/allgemein/rss_icon_white.svg) no-repeat scroll 0 0 transparent; } .headertop li.online:hover > a > span[itemprop="name"] > span:after, footer li.online:hover > a > span[itemprop="name"] > span:after, .megamenu .level_3 li.online:hover > a > span[itemprop="name"] > span:after{ background: url(/files/theme/layout/images/icons/allgemein/rss_icon_red.svg) no-repeat scroll 0 0 transparent; } li.online span[itemprop="name"] > span, header .headertop nav > ul > li.online > a{ display: inline-block; vertical-align: baseline; position: relative; } .mod_newslist .grid-item span.image_container{ position: relative; } .mod_newslist .grid-item span.date { position: absolute; line-height: 1; background: var(--rot); padding: 10px 20px; color: white; right: 0; top:2rem; -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 3% 100%); clip-path: polygon(0 0, 100% 0, 100% 100%, 3% 100%); transition: all .75s !important; transition: right 0.5s; transition-property: right; transition-duration: 0.5s; transition-timing-function: ease; transition-delay: 0s; } body .dk-select .dk-select-options{ z-index: 9999; } .mod_newslist .grid-item span.cats{ margin-bottom: 10px; color: var(--rot); } .w50.nofloat{ float: none; } fieldset { padding: 10px 0; } legend{ margin-top: 20px; text-transform: uppercase; margin-bottom: 20px; } .widget.widget-radio { padding-left: 0; } .widget.widget-radio fieldset > span { display: inline-block; vertical-align: middle; } .widget.widget-radio fieldset > span:first-of-type { margin-right: 10px; } .widget.widget-upload{ margin-bottom: 2rem; } .widget.widget-upload label{ display: block; margin-top: 20px; text-transform: uppercase; margin-bottom: 20px; } .widget.widget-submit button.submit, .widget-pageswitch button{ background: var(--rot); color: #fff; display: inline-block; font-weight: 500; text-transform: uppercase; padding: 7px 50px 11px 10px; font-size: 12px; position: relative; -webkit-transition: all .3s ease-out; transition: all .3s ease-out; -webkit-clip-path: polygon(0 0, 100% 0, 97% 90%, 0% 100%); clip-path: polygon(0 0, 100% 0, 97% 90%, 0% 100%); font-size: 18px; padding: 10px 80px 10px 20px; line-height: 2.1; } .widget.widget-submit button.submit:before, .widget-pageswitch button:before{ position: absolute; content: ""; display: block; height: 100%; width: 45px; top: 0; -webkit-transition: all .3s ease-out; transition: all .3s ease-out; background: #39525b; -webkit-clip-path: polygon(20% 0, 100% 0, 90% 100%, 0% 100%); clip-path: polygon(20% 0, 100% 0, 90% 100%, 0% 100%); right: 0; } .widget.widget-submit button.submit:after, .widget-pageswitch button:after{ position: absolute; content: ""; display: block; height: 100%; width: 45px; top: 0; -webkit-transition: all .3s ease-out; transition: all .3s ease-out; background: #e4013e; -webkit-clip-path: polygon(20% 0, 100% 0, 90% 100%, 0% 100%); clip-path: polygon(20% 0, 100% 0, 90% 100%, 0% 100%); background: url('/files/theme/layout/images/icons/allgemein/white/readmore_arrow.svg') no-repeat 50% 50% transparent; background-position-x: 50%; background-position-y: 50%; background-size: auto; background-size: 100%; background-position: center; right: 16px; width: 10px; } label a{ text-decoration: underline; color:var(--rot); } header nav ul > li.submenu.active > a:after, header nav ul > li.submenu.trail > a:after{ border-color: #2f444b; } .heizen .footerlogo img{ opacity: 1; } .kuehlen .footerlogo img{ opacity: 0; } .kuehlen .socialitems .imageholder img{ opacity: 0; } .kuehlen .footerlogo{ background: url(/files/theme/user/images/logo/footerlogo_kuehlen.svg) no-repeat scroll 0 0 transparent; background-size: contain; } .heizen .footerlogo{ background: none; } .kuehlen .socialitems .imageholder{ line-height: 0; } .kuehlen .socialitems.facebook .imageholder{ background: url(/files/theme/layout/images/icons/social/kuehlen/fb_red.svg) no-repeat scroll 50% 50% transparent; background-size: contain; } .kuehlen .socialitems.youtube .imageholder{ background: url(/files/theme/layout/images/icons/social/kuehlen/youtube.svg) no-repeat scroll 50% 50% transparent; background-size: contain; } .kuehlen .socialitems.instagram .imageholder{ background: url(/files/theme/layout/images/icons/social/kuehlen/instagram.svg) no-repeat scroll 50% 50% transparent; background-size: contain; } .kuehlen .socialitems.xing .imageholder{ background: url(/files/theme/layout/images/icons/social/kuehlen/xing_red.svg) no-repeat scroll 50% 50% transparent; background-size: contain; } .kuehlen .socialitems.linkedin .imageholder{ background: url(/files/theme/layout/images/icons/social/kuehlen/Linkedin_red.svg) no-repeat scroll 50% 50% transparent; background-size: contain; } .kuehlen footer li.trail a.trail > span { color: #1ba5b5; } .kuehlen a#return-to-top .icon-chevron-up img{ opacity: 0; } .kuehlen a#return-to-top .icon-chevron-up{ background: url(/files/theme/layout/images/icons/allgemein/scrollup_kuehlen.svg) no-repeat scroll 50% 50% transparent; background-size: contain; } .heizen a#return-to-top .icon-chevron-up img{ opacity: 0; } .heizen a#return-to-top .icon-chevron-up{ background: url(/files/theme/layout/images/icons/allgemein/scrollup.svg) no-repeat scroll 50% 50% transparent; background-size: contain; } .custom-navigation{ position: absolute; right: 0; bottom: 0; z-index: 999; } .custom-navigation a{ display: inline-block; vertical-align: middle; background: var(--rot); } .mod_metamodel_list.intro img{ max-height: 380px; width: auto; } #main .mod_article > .block.ce_textBanner.stoerer{ max-width: 650px; text-align: center; background: var(--rot); margin: 2rem auto 4rem; background: url(/files/theme/user/images/home/hotcold_home/hot.webp) no-repeat scroll 0 50% var(--rot); background-size: 125%; } #main .mod_article > .block.ce_textBanner.stoerer .linkholder{ text-align: center; } #main .mod_article > .block.ce_textBanner.stoerer .linkholder a{ float: none; margin: 3rem auto 0; } #main .mod_article > .block.ce_textBanner.stoerer .headline > *{ color: white; } #main .mod_article > .block.ce_textBanner.stoerer .linkholder a:before { content: ''; background: #e4013e; -webkit-clip-path: polygon(20% 0, 100% 0, 90% 100%, 0% 100%); clip-path: polygon(20% 0, 100% 0, 90% 100%, 0% 100%); right: 0; position: absolute; content: ""; display: block; height: 100%; width: 45px; top: 0; -webkit-transition: all .3s ease-out; transition: all .3s ease-out; } body .altcha-checkbox.svelte-fqcw55 input.svelte-fqcw55 { border: 1px solid; appearance: checkbox; -webkit-appearance: checkbox; } .mod_newscategories:first-of-type{ overflow: visible; } .mod_newscategories.select{ display: none; } .ce_pageteaser .noimage a{ display: inline; text-decoration: underline; color:var(--rot); } .itemsperRow_2 > div:first-of-type:last-of-type{ float: none; margin: 0 auto; } iframe{ width: 100%; } .mod_storelocator_list a { text-decoration: underline; color:var(--rot); display: inline; } .safari .ce_responsiveSlider figcaption:not(.productname){ display: block; } .safari .ce_responsiveSlider figcaption:not(.productname) > .row{ display: table; height: 100%; } .ce_responsiveSlider figcaption:not(.productname){ position: absolute; left: 0; top: 0; height: 100%; z-index: 999; width: 55%; color: white; padding-left: 2rem; padding-left:calc(((100% - 1280px) / 2)); } .ce_responsiveSlider figcaption:not(.productname) .ce_text{ padding-left: 2rem; } .ce_responsiveSlider figcaption:not(.productname) .headlinecontainer > *{ color: white; font-size: 60px; text-transform: uppercase; } .ce_responsiveSlider .text{ font-size: 23px; } .ce_responsiveSlider .linkholder{ margin-top: 1rem; margin-bottom: 1rem; } .ce_responsiveSlider .linkholder a.readmore{ margin-top: 0; background: #2f444b; } .ce_responsiveSlider .linkholder a.readmore::before { background: #e4013e; } .ce_responsiveSlider .readmore, .ce_responsiveSlider .text, .ce_responsiveSlider .phoneholder{ font-size: 21px; font-weight: 400; } .ce_responsiveSlider .phoneholder{ font-weight: 700; font-size: 21px; letter-spacing: 0.03rem; margin-top: 1rem; } body .flex-direction-nav a:before{ display: none; } body .flex-direction-nav a{ width: 20px; } body .flex-direction-nav a img{ height: 100%; width: 100%; object-fit: contain; } .index .headlinecontainer.type_h1 > .preheadline { font-size: 32px; font-weight: 300; margin-top: 1rem; line-height: 1.2; } #main .mod_article#article-177 > .ce_form.block, .ce_form .widget-radio .teasergrid, .progress, .headlineholder .widget-pageswitch{ max-width: 800px; margin: 0 auto; } .widget-pageswitch{ text-align: center; } .widget-pageswitch button{ float: none; margin: 0 auto; } .ce_form .widget-radio .teasergrid > div{} .ce_form .teasergrid > div > *{ float: left; width: calc((100% - (4 * 10.0015px) ) / 2); border: 1px solid transparent; cursor: pointer; } .ce_form .teasergrid > div > .item.selected{ border: 1px solid var(--rot); } .ce_form .teasergrid > div > * img{ width: 100%; height: auto; object-position: center; } .ce_form .teasergrid .iradio_minimal{ height: 0; width: 0; } .ce_form .teasergrid .caption:not(.productname){ text-align: center; border-top: 1px solid #333; padding: 15px; display: block; margin: 0 10px; width: calc(100% - 20px); } .ce_form .teasergrid input[type=radio]:checked ~ * { border: 1px solid red; } .progress { width: 100%; height: 10px; background-color: #f0f0f0; margin: 20px auto; } .progress-bar { height: 100%; background-color: var(--rot); display: flex; align-items: center; justify-content: center; } .progress-bar.step1 { width: calc(100% / 7); } .progress-bar.step2 { width: calc(2 * (100% / 7)); } .progress-bar.step3 { width: calc(3 * (100% / 7)); } .progress-bar.step4 { width: calc(4 * (100% / 7)); } .progress-bar.step5 { width: calc(5 * (100% / 7)); } .progress-bar.step6 { width: calc(6 * (100% / 7)); } .progress-bar.step7 { width: calc(7 * (100% / 7)); } .headlineholder { background: var(--rot); text-align: center; display: table; margin: 4rem auto 6rem; } .headlineholder .inside{ display: block; padding: 10px 20px; } .headlineholder h3{ margin: 0; color: white; font-size: 26px; } #article-177 .ce_form .widget-text input{ max-width: 250px; padding: 20px; margin: 0 auto 1rem; } #article-177 .ce_form .widget-text + .widget-explanation{ margin-bottom: 3rem; } #article-177 .ce_form .widget-checkbox fieldset > label, #article-177 .ce_form .widget-radio.step5 label, #article-177 .ce_form .widget-radio.step6 label, #article-177 .ce_form .widget-radio fieldset#ctrl_77 label{ margin-bottom: 10px; } #article-177 .ce_form .widget-radio.step5 label, #article-177 .ce_form .widget-radio.step6 label{ float: right; } #article-177 .ce_form .widget-checkbox fieldset > label{ display: block; } #article-177 .ce_form .widget-checkbox label > span, #article-177 .ce_form .widget-radio.step5 label > span, #article-177 .ce_form .widget-radio.step6 label > span{ display: inline-block; vertical-align: middle } #article-177 .ce_form .widget-checkbox,#article-177 .ce_form .widget-radio.step5, #article-177 .ce_form .widget-radio.step6, #article-177 .ce_form fieldset.step6 { display: block; margin-bottom: 2rem; padding-left: 32px; max-width: 350px; margin: 0 auto 2rem; } legend{ font-weight: 600; } .widget.w50 input{ width: 100%; } #article-177 .ce_form .widget-radio.step5 .iradio_minimal, #article-177 .ce_form .widget-radio.step6 .iradio_minimal{ margin-right: 10px; } .ce_form .teasergrid > div > .item.selected{ position: relative; } .ce_form .teasergrid > div > .item.selected:before{ content: ''; position: absolute; height: 100%; width: 100%; background: var(--rot); opacity: 0.1; } #article-177 .ce_form .widget-checkbox.long{ max-width: none; } altcha-widget{ margin-bottom: 4rem; display: block; } .altcha.svelte-fqcw55.svelte-fqcw55{ margin: 0 auto; } #banner_pelllets { position: sticky; bottom: 0; left: 0; background: url(/files/theme/layout/images/banner/banner_2025.jpg) no-repeat scroll 50% 50% white; background-size: auto; z-index: 9999; background-size: cover; } #banner_pelllets .inside{ max-width: 980px; margin: 0 auto; padding:2rem; } #banner_pelllets .inside .row > *{ vertical-align: middle; } #banner_pelllets h3{ font-size: 32px; color: var(--rot); margin: 0 ; } #banner_pelllets .linkholder a.readmore { margin-top: 0; background: #2f444b; font-size: 18px; font-weight: 400; } #banner_pelllets .linkholder a.readmore::before { background: #e4013e; } #banner_pelllets .text{ font-weight: 800; font-size: 16px; } #popup{ height: 90%; width: 90%; max-height: 500px; max-width: 800px; background: url(/files/theme/layout/images/popup/popup.webp) no-repeat scroll 0 100% rgba(0,0,0,0.3); background-size: contain; border:1px solid white; } .fancybox-container .inside.table{ height: 100%; width: 100%; } .fancybox-container .inside.table .inside{ max-width: 680px; margin: 0 auto; text-align: center; color: white; } .fancybox-container .inside.table .inside .headlinecontainer > *{ color: white; font-size: 48px; line-height: 1.2; } body .fancybox-slide--html .fancybox-close-small{ height: 80px; width: 80px; color: white; } .fancybox-container a.readmore{ font-size: 21px; font-weight: 400; } .fancybox-container .inside.table .inside .ce_text{ font-size: 18px; line-height: 1.8; margin-bottom: 2rem; } body .fancybox-slide--html{ padding: 0; } @media all and (max-width: 780px){ #banner_pelllets .inside .row > *{ display: block; margin: 0 auto; text-align: center; } #banner_pelllets .inside .row > .link{ margin-top: 20px; } #banner_pelllets h3{ font-size: 21px; } #banner_pelllets .text { font-weight: 800; font-size: 14px; } #banner_pelllets .inside{ padding: 20px; } #banner_pelllets .linkholder a.readmore{ font-size: 14px; } } @media all and (max-width: 680px){ .fancybox-container .inside.table .inside .headlinecontainer > *{ color: white; font-size: 32px; line-height: 1.2; } #popup{ padding: 20px; } .fancybox-container .inside.table .inside .ce_text{ font-size: 16px; line-height: 1.8; margin-bottom: 2rem; } } #popup .headlinecontainer > * > br{ display: block; } @media all and (max-width:1310px) { .twoCol.col_right #right > .inside .ce_textBox{ padding: 0 2rem 2rem; } } @media all and (max-width:1280px) { .ce_herosection .caption:not(.productname) h1, .ce_herosection .caption:not(.productname) h2 { font-size: 42px; line-height: 53px; } .ce_teaserboxes .linkholder ul > li{ font-size: 16px; margin-top: 15px; padding-bottom: 15px; } .ce_teaserboxes .ce_text { padding-top: 0; padding-left: 20px; padding-right: 20px; } .ce_teaserboxes .linkholder ul{ min-width: 225px; } .ce_teaserboxes .headlinecontainer{ margin-bottom: 20px; } .ce_teaserboxes h2{ font-size: 21px; line-height: 1.4; } .ce_introtext p { font-size: 16px; font-weight: 500; line-height: 26px; } .ce_introtext h2,h2,.h2,.textrow > .inside > .headlinecontainer > h2 { font-size: 41px; hyphens: auto; -webkit-hyphens: auto; } #main .mod_article.shapetop > .block .headlinecontainer.type_h2 > .preheadline, .ce_introtext .headlinecontainer.type_h2 > .preheadline { font-size: 32px; line-height: 1.4; } .ce_herosection .caption:not(.productname) .headlinecontainer { margin-bottom: 20px; } .ce_herosection .caption:not(.productname) .linkset ul > li > a { margin-top: 20px; font-size: 16px; padding: 15px 70px 18px 20px; } .ce_pageteaser .teasergrid.capbottom .name > *{ font-size: 12px; } .ce_pageteaser .teasergrid.capbottom > div > div .text{ padding: 10px; } .ce_infoboxes > .boxitem img{ display: none; } .ce_infoboxes > .boxitem .ce_text, .ce_infoboxes > .boxitem.first .ce_text{ float: none; } .ce_infoboxes > .boxitem .inside{ padding: 2rem; } .ce_infoboxes > .boxitem.first,.ce_infoboxes > .boxitem.last{ text-align: left; padding: 0; } .ce_infoboxes > .boxitem.first .inside{ background: url(/files/theme/user/images/home/hotcold_home/hot.webp) no-repeat scroll 50% 50% transparent; background-size: cover; } .ce_infoboxes > .boxitem.last .inside{ background: url(/files/theme/user/images/home/hotcold_home/cool.webp) no-repeat scroll 50% 50% transparent; background-size: cover; } } @media all and (min-width:1080px) { .directionnav.desktophide{ display: none; } } @media all and (max-width:1180px) { .twoCol.col_right #right{ float: none; max-width: 1280px; margin: 0 auto; width: 100%; clear: both; padding: 0; } .twoCol.col_right #right > .inside{ padding-top: 0; } .twoCol.col_right #right > .inside .ce_textBox{ clip-path: none; } .linkset ul > li > a{ margin-top: 20px; } } @media all and (max-width:1080px) { .ce_zitatBoxes .teasergrid > .itemsperRow_2 > .ce_page_teasers_element { width: 100%; margin: 0 0 20px; } .ce_zitatBoxes .item .ce_text { width: auto; padding-left: 30px; padding-right: 20%; } #main .mod_article > .block{ padding-top: 4rem; padding-bottom: 4rem; } } @media all and (max-width:980px) { .twoCol.col_right #main { float: none; width: 100%; } #main .mod_article > .block{ padding-top: 2rem; padding-bottom: 2rem; } .ce_pageteaser .teasergrid.capbottom .name{ text-align: center; } .ce_pageteaser .teasergrid.capbottom .name > *{ font-size: 14px; margin: 0 auto; } .ce_pageteaser .teasergrid.capbottom > div > div .text{ padding: 20px 15px; } .footertop_right .submenu{ display: none; } .footertop_right .submenu.last{ display: block; } footer ul.level_1 > li.submenu.last { width: 100%; float: none; margin-top: 2rem; } .footertop_left, .footertop_right{ width: 100%; display:block; } .footer_top .row > div{ padding: 0; } .footertop_left .contact { font-size: 16px; font-weight: 400; line-height: 1.85; width: 50%; } .ce_infoboxes > .boxitem { width: 100%; float: none; position: relative; height: auto; } .ce_infoboxes > .boxitem.first .inside{ background-position: 0% 50%; background-size: 130%; } .ce_infoboxes > .boxitem.last .inside{ background-position: 100% 50%; background-size: 130%; } .mod_shoplist .teasergrid > .itemsperRow_3 > * { width: calc((100% - (6 * 10px))/ 3); } } @media all and (max-width:930px) { .ce_teaserboxes .ce_text { padding-top: 20px; padding-left: 0; padding-right: 3rem; } .ce_teaserboxes .image,.ce_teaserboxes .ce_text { display: block; } .ce_teaserboxes .linkholder { vertical-align: bottom; } } @media all and (min-width:901px) { .navrow{ display: none; } } @media all and (max-width:900px) { .headerright nav{ display: none; } .headertop .row > *{ width: 50%; } .headertop_left > :first-of-type{ margin-right: 5px; } header{ position: sticky; } #container{ /*padding-top: 90px;*/ } body .pushy{ overflow: auto; } header .headertop nav > ul > li > a, header .headertop nav > ul > li > a > span{ font-size: 10px; padding: 0 19px; } header .headertop .mod_customnav li.first a, header .headertop .mod_customnav li.first strong{ padding-right: 0; } .headertop > .inside { font-size: 10px; text-transform: uppercase; letter-spacing: 0; } header > .inside{ padding: 0 0 5px; } .ce_herosection .caption:not(.productname){ position: relative; width: 100%; padding: 0; } .ce_herosection .caption:not(.productname) > .row > .inside::after { width: 100%; height: 100%; top: 0; right: 0; background: rgba(229,0,63,0.75); transform: none; } .ce_herosection .caption:not(.productname) > .row > .inside > div{ width: 100%; padding: 2rem; max-width: 640px; margin: 0; } .ce_herosection{ height: auto; } .ce_herosection video{ height: auto; width: 100vw; } .ce_herosection .linkset ul{ display: table; width: 100%; } .ce_herosection .linkset ul > li{ float: left; } .ce_herosection .linkset ul > li.item_0{ margin-right: 2rem; } .fullitem.item .schnellangebot a{ padding: 10px; font-size: 14px; width: 100%; } } @media (max-width: 860px) { #banner_pelllets { display: none; } .mod_metamodel_list.intro > .card { padding: 1.5625rem 0 .625rem ; } .mod_storelocator_list .table > .row > * { width: 100%; vertical-align: top; display: block; } .ce_infoboxes > .boxitem .inside { padding: 20px; } .ce_infoboxes .boxitem .headlinecontainer > h2{ font-size: 26px; line-height: 1; } .ce_infoboxes .boxitem .headlinecontainer > .subline > h3 { margin: 10px 0 0; font-size: 18px; font-weight: 400; } .mod_storelocator_list .table > .row > .overview { padding-right: 0; } .ce_infoboxes .boxitem .linkholder a, .stoerer .linkholder a{ font-size: 14px; padding: 10px 60px 12px 20px; } #main .mod_article > .block{ padding-top: 20px; padding-bottom: 20px; } .borderbottom::after { margin: 2rem auto 2rem; } .textrow > .inside { margin-top: 2rem; } .back a.readmore { font-size: 14px; } .headline > *, .headlinecontainer > *{ hyphens: auto; -webkit-hyphens:auto; } .fullitem.item .table > .row > *{ display: block; width: 100%; padding: 0; } .ce_teaserboxes .holder > .table > .row > *{ display: block; padding: 0; } .mod_shoplist .teasergrid > .itemsperRow_3 > * { width: calc((100% - (4 * 10px))/ 2); margin: 0 10px 10px; } .ce_teaserboxes .holder > .table > .row > .ce_text{ padding: 2rem 0 3rem; } .ce_responsiveSlider .readmore, .ce_responsiveSlider .text, .ce_responsiveSlider .phoneholder { font-size: 16px; } .ce_responsiveSlider .readmore, .ce_responsiveSlider .text{ font-weight: 400; } .ce_responsiveSlider .text{ hyphens: auto; -webkit-hyphens: auto; } .ce_responsiveSlider .text br{ display: none; } .ce_responsiveSlider .linkholder { margin-top: 20px; margin-bottom: 20px; } .ce_responsiveSlider figcaption:not(.productname) .headlinecontainer > * { color: white; font-size: 36px; } .ce_responsiveSlider figcaption:not(.productname) .headlinecontainer{ margin-bottom: 10px; } body .ce_responsiveSlider .flex-direction-nav a{ display: none; } body .ce_responsiveSlider .flex-control-nav{ position: relative; margin-top: 2rem; } } @media (max-width: 768px) { .tabcontent > div > .inside{ position: relative; } } @media (max-width: 680px) { .teasergrid > div{ margin: 0; } .ce_responsiveSlider figcaption:not(.productname){ text-shadow: 0px 0px 10px rgba(0, 0, 0,0.8); -webkit-text-shadow: 0px 0px 10px rgb(0, 0, 0); } .ce_responsiveSlider figcaption:not(.productname) a.readmore{ text-shadow: none; -webkit-text-shadow: none; } .ce_responsiveSlider figcaption:not(.productname) .headlinecontainer{ margin-bottom: 10px; } .ce_responsiveSlider .linkholder { margin-top: 15px; margin-bottom: 15px; } .ce_responsiveSlider .readmore, .ce_responsiveSlider .text, .ce_responsiveSlider .phoneholder { font-size: 14px; } .ce_responsiveSlider figcaption:not(.productname) .ce_text { padding-left: 0; } .ce_responsiveSlider figcaption:not(.productname) .headlinecontainer > *{ font-size: 26px; line-height: 1.2; } .ce_responsiveSlider figcaption:not(.productname){ padding-left: 10px; } .mod_metamodel_list.intro > .card > .headlinecontainer > h2, .mod_metamodel_list.intro > .card > .headlinecontainer > h1{ font-size: 32px; line-height: 1.2; } .ce_pageteaser span.image_container{ background-size: cover !important; } .ce_metamodels_frontendfilter .widget{ width: calc((100% - (6 * 5px))/ 3); margin-bottom: 10px; } .ce_teaserboxes > div{ height: auto; } .columnized.col_2 li { padding-right: 0; } .ce_text ul > li{ font-size: 16px; line-height: 26px; font-weight: 400; } #main .mod_article.shapetop > .block { padding: 100px 0 2rem; max-width: 980px; } .teasergrid > .itemsperRow_4 > *, .ce_gallery ul.cols_4 > li{ margin: 0 0 10px; } .fullitem.item_gridbox > .inside, .bgimage.shapetop .ce_introtext > .inside, .bgimage.shapetop .ce_text > .inside, .ce_teaserboxes > div > .table > .row > *,.ce_herosection .caption:not(.productname) > .row > .inside > div,.footer_top > .inside, .headertop > .inside, .headerbottom > .inside, .footertop > .inside, .footerbottom > .inside, #main .mod_article > .block{ padding-left: 10px; padding-right: 10px; } .footertop_left .contact { font-size: 16px; font-weight: 400; line-height: 1.85; width: 100%; max-width: 460px; } .headlinecontainer > * > br{ display: none; } .ce_pageteaser > .headlinecontainer { margin-bottom: 2rem; } .mod_recommendationlist .author{ font-size: 16px; margin-bottom: 10px; } h3, .h3{ font-size: 24px; } } @media (max-width: 640px) { .ce_infoboxes > .boxitem.first .inside{ background-size: cover; } .ce_infoboxes > .boxitem.last .inside{ background-size: cover; } #horizontalTab .productslide .slideritem:not(.slick-slide){ width: calc((100% - (4 * 5px))/ 2); float: left; max-width: none; } .twoCol.col_right #right > .inside .ce_textBox { padding: 0 10px 2rem; } #right .links{ display: block; } a#return-to-top{ right: 10px; bottom:20px; } } @media (max-width: 580px) { nav.pagination{ margin-bottom: 10rem; } .mod_newscategories{ display: none; } .mod_newscategories.select{ display: block; } .widget.w50, .mod_newscategories ul > li { margin-right: 0; width: 100%; float: none; } .socialitems{ width: 30px; height: 30px; margin-right: 5px; } .additionals{ margin-top: 0; } #horizontalTab .tabcontent > .r-tabs-accordion-title:first-of-type > a{ margin-top: 0; } #horizontalTab .directionnav { position: absolute; top: 0; right: 0; z-index: 9999999; padding: 20px; } #horizontalTab .slideritem .caption{ text-align: center; } .ce_metamodels_frontendfilter .widget{ width: calc((100% - (4 * 5px))/ 2); margin-bottom: 10px; } .teasergrid > .itemsperRow_2 > *, .ce_gallery ul.cols_2 > li { width: 100%; margin: 0 0 20px } .ce_introtext h2, h2, .h2 { font-size: 28px; line-height: 1.2; } .headlinecontainer.type_h2 > .preheadline { font-size: 19px; line-height: 1.2; } .mod_shoplist .teasergrid > .itemsperRow_3 > * { width: 100%; margin: 0 0 10px; } .textrow > .inside > .headlinecontainer > h2, #main .mod_article.shapetop > .block .headlinecontainer.type_h2 > .preheadline, .ce_introtext .headlinecontainer.type_h2 > .preheadline { font-size: 21px; line-height: 1.4; margin: 10px 0 0; } } @media (min-width: 530px) { .headertop_left > :first-of-type{ margin-right: 10px; } body .pushy{ top: 89px; } } @media (max-width: 530px) { .ce_responsiveSlider figcaption:not(.productname) .headlinecontainer > * { } .ce_responsiveSlider .readmore, .ce_responsiveSlider .text, .ce_responsiveSlider .phoneholder { font-size: 14px; } .headertop_left > :first-of-type{ margin-right: 10px; } body .pushy{ top: 116px; } header nav li { display: table; } } @media (max-width: 480px) { .ce_responsiveSlider figcaption:not(.productname) .headlinecontainer > * { font-size: 24px; } .ce_responsiveSlider .readmore, .ce_responsiveSlider .text, .ce_responsiveSlider .phoneholder { font-size: 12px; } } @media (max-width: 430px) { .ce_metamodels_frontendfilter .widget{ width: 100%; float: none; margin-bottom: 10px; } } @media (max-width: 480px) { .ce_responsiveSlider figcaption:not(.productname) .headlinecontainer > * { font-size: 21px; } .ce_responsiveSlider .readmore, .ce_responsiveSlider .text, .ce_responsiveSlider .phoneholder { font-size: 12px; } }