.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;--ccb-focus-clr: #00a4f4;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 input:focus-visible:not(.cc-hide-focus)+label:before{outline:3px dashed var(--ccb-focus-clr);outline-offset:2px}.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,.contao-cookiebar .cc-btn:focus{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-focus:not(.cc-hide-focus):focus-visible{outline:3px dashed var(--ccb-focus-clr);outline-offset:-3px}.cc-invisible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;float:left}.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)}}@media(forced-colors){.contao-cookiebar input+label:after{border:1px solid currentColor}.cc-inner{border:1px solid currentColor}input.cc-group-half+label:after{margin-left:9px}}@media(prefers-reduced-motion){.contao-cookiebar{--ccb-anim-duration: 2s}}@media print{.contao-cookiebar{opacity:0}}@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-group{display:flex;flex-wrap:wrap;justify-content:space-between;align-content:center}.cc-group>label{flex-grow:1;margin:5px 0 5px 10px}.cc-cookies{display:none;width:100%}.cc-detail-btn{padding:8px 10px;line-height:1.2rem}.cc-detail-btn-details{text-decoration:underline;padding:0;margin:0 0 10px}.cc-detail-btn,.cc-detail-btn-details{display:inline-block;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 span:nth-child(2),.cc-detail-btn-details span:nth-child(2){display:none}.cc-detail-btn.cc-active span:nth-child(1),.cc-detail-btn-details.cc-active span:nth-child(1){display:none}.cc-detail-btn.cc-active span:nth-child(2),.cc-detail-btn-details.cc-active span:nth-child(2){display:inline}.cc-detail-btn:hover,.cc-detail-btn-details:hover{background:rgba(0,0,0,0);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{float:left;position:relative}#main{width:100%}#left{margin-left:-100%}#right{margin-right:-100%}#footer{clear:both}#main .inside{min-height:1px}.ce_gallery>ul{margin:0;padding:0;overflow:hidden;list-style:none}.ce_gallery>ul li{float:left}.ce_gallery>ul li.col_first{clear:left}.float_left{float:left}.float_right{float:right}.block{overflow:hidden}.clear,#clear{height:.1px;font-size:.1px;line-height:.1px;clear:both}.invisible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.custom{display:block}#container:after,.custom:after{content:"";display:table;clear:both} :root { --schwarz: #000; --tertiar:#7A7A7A; --sekundaer:#F8F8F8; } *{ box-sizing: border-box; } @font-face { font-family: 'fontello'; src: url('/files/theme/layout/styles/frontend/fonts/fontello/font/fontello.eot?62128701'); src: url('/files/theme/layout/styles/frontend/fonts/fontello/font/fontello.eot?62128701#iefix') format('embedded-opentype'), url('/files/theme/layout/styles/frontend/fonts/fontello/font/fontello.woff?62128701') format('woff'), url('/files/theme/layout/styles/frontend/fonts/fontello/font/fontello.ttf?62128701') format('truetype'), url('/files/theme/layout/styles/frontend/fonts/fontello/font/fontello.svg?62128701#fontello') format('svg'); font-weight: normal; font-style: normal; } /* poppins-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: 'Poppins'; font-style: normal; font-weight: 400; src: url('/files/theme/layout/styles/frontend/fonts/poppins/poppins-v23-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ } /* poppins-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: 'Poppins'; font-style: normal; font-weight: 700; src: url('/files/theme/layout/styles/frontend/fonts/poppins/poppins-v23-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ } /* roboto-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: 'Roboto'; font-style: normal; font-weight: 400; src: url('/files/theme/layout/styles/frontend/fonts/roboto/roboto-v29-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ } /* roboto-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: 'Roboto'; font-style: normal; font-weight: 700; src: url('/files/theme/layout/styles/frontend/fonts/roboto/roboto-v29-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ } *{ border: none; outline: none; } html{ font-size:100.1%; overflow-x:hidden; -webkit-overflow-scrolling: touch; -webkit-text-size-adjust: 100%; font-size: 16px; } body, html { height:100%; min-height:100%; } body{ display: flex; min-height: 100vh; flex-direction: column; font-family: 'Roboto'; font-size: 16px; line-height: 150%; color:var(--schwarz); } h1,.h1, h2,.h2, h3,.h3, h4,.h4, h5,.h5, h6,.h6{ font-family: 'Poppins'; font-weight: 700; } h1,.h1, h2,.h2{ font-size: 32px; line-height: 125%; } h3,.h3{ font-size: 16px; line-height: 150%; } .table,.table > .row{ height: 100%; } body:not(.safari) .ce_kachelelement figure.video_container{ height: 100%; } figurecaption,.caption{ font-style: italic; font-size: 12px; line-height: 16px; } .ce_logo .logo{ margin-bottom: 1rem; } .ce_logo.center .logo{ margin: 0 auto 1rem; } .itemsperRow_grid .image_container img{ max-width: 100%; height: auto; } .ce_colorslider .holder { position:relative; } .parallax-container .headlinecontainer > * { font-size: 80px; color: white; } .ce_parallaxImage .caption > .row > .holder{ padding: 2rem; } strong { font-weight:700; } #wrapper { flex: 1 0 auto; } /*Ende sticky footer*/ /*inputrendering*/ input,textarea,select{ /*Safari*/ -webkit-appearance: none; border-radius:0; -webkit-border-radius:0; } .image_container, .bgImage{ line-height: 0; } figure > img, .image_container > img{ max-width:100%; height:auto; } /*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; } .ce_headline > .headlinecontainer{ margin-bottom: 0; } ul li{ } #main .inside .ce_text.block .text > ul li{ list-style:disc; list-style-position: outside; line-height:2.1rem; } .preHeadline{ font-weight: 600; text-shadow: 1px 1px 8px rgba(0,0,0,0.8); } #main .inside .stars.block.ce_text ul li{ margin-bottom: 2rem; line-height: 1.2; list-style-type: none; } .megamenue.mod_navigation > ul > li > * { font-size: 18px; letter-spacing: 0.03rem; } .megamenue.mod_navigation > ul > li.trail > a,.megamenue.mod_navigation > ul > li.trail > span { text-decoration: underline; } p{ margin-bottom:20px; } p:last-of-type{ margin-bottom:0; } ul,ol{ margin:0; padding:0; } li{ list-style-type:none; } #main { } /*Teaser*/ .ce_page_teasers_element span, .ce_page_teasers_element a{ display: block; } .teasergrid > div, .teasergrid > ul { margin: 0 -5px 0px; display: table; width: calc(100% + 20px); } .teasergrid > div > *, .teasergrid > ul > *, body .ce_gallery > ul li{ float: left; margin:0 5px 10px; } .imagecontainer.left{ text-align: left; } .imagecontainer.center{ text-align: center; } .imagecontainer.right{ text-align: right; } .ce_responsiveMedia .ce_flexslider + .stoerer .imagecontainer.left{ padding-left: 2rem; } .ce_responsiveMedia .ce_flexslider + .stoerer .imagecontainer.right{ padding-right: 2rem; } /*.teasergrid > div > * .inside, .teasergrid > ul > * .inside, .teasergrid > div > * .inside > *, .teasergrid > ul > * .inside > *{ height: 100%; } */ .teasergrid > .itemsperRow_1 > *{ width:calc(100% / 1 ); margin:0; } .index .teasergrid > div.itemsperRow_1{ padding: 0; padding: 0; width: 100%; margin: 0 auto; } .teasergrid > .itemsperRow_2 > *,ul.cols_2 > li{ width:calc( (100% - (4 * 5px)) / 2 ) } .teasergrid > .itemsperRow_3 > *, ul.cols_3 > li{ width:calc( (100% - (6 * 5px)) / 3 ) } .teasergrid > .itemsperRow_4 > *, ul.cols_4 > li{ width:calc( (100% - (8 * 5px)) / 4 ) } .teasergrid > .itemsperRow_5 > *, ul.cols_5 > li{ width:calc( (100% - (10 * 5px)) / 5 ) } .teasergrid > .itemsperRow_6 > *, ul.cols_6 > li{ width:calc( (100% - (12 * 5px)) / 6 ) } .gallery ul.cols_2 > li{ width:calc(100% / 2 ); } .gallery ul.cols_3 > li{ width:calc(100% / 3 ); } .gallery ul.cols_4 > li{ width:calc(100% / 4 ); } .gallery ul.cols_5 > li{ width:calc(100% / 5 ); } .gallery ul.cols_6 > li{ width:calc(100% / 6 ); } ul.cols_3 > li { width: calc( 100% / 3 ); } #main .inside .block .gallery.teasergrid > ul > li{ margin:0; } .headerleft::after { content: ''; display: table; width: 100%; height: 1px; } .headerleft > *{ display: inline-block; vertical-align: middle; } .headerleft > .search{ float: right; display: table; } /*heroimage*/ .ce_heroImage .bgImage{ line-height: 0; height: calc(100vh - (100vh / 6)); max-height: 980px; min-height: 450px; height: auto; } img.ce_heroImage{ width: 100%; height: auto; opacity: 0; } p{ margin-top: 0; } .ce_heroImage > .inside{ } #herosection .ce_responsiveMedia picture, #herosection .ce_responsiveMedia picture img{ height: 100%; object-fit: cover; } #herosection .ce_responsiveMedia picture img{ width: 100%; } .ce_heroImage .caption .headlinecontainer{ margin-bottom: 0; } .ce_heroImage .caption .headlinecontainer > *, #herosection .flexslider .caption .headlinecontainer > * { font-size: 62px; line-height: 1.2; margin: 0; } .headlinecontainer > .subheadline{ font-weight: 600; margin-top: 10px; } .headlinecontainer > .subheadline{ } .ce_heroImage .caption,#herosection .flexslider .caption { position: absolute; z-index: 999; top: 0; left: 0; width: 100%; height: 100%; display: table; box-sizing: border-box; } .ce_heroImage .caption .row > .inside,#herosection .flexslider .caption .inside{ vertical-align: bottom; } .ce_heroImage .caption .row > .inside > div, #herosection .flexslider .caption .inside > div{ display: table; padding: 4rem 0 2rem; box-sizing: border-box; } #herosection .ce_heroImage,#herosection img.ce_flexslider { } #herosection .ce_heroImage .caption .row > .inside > div > div, #herosection .flexslider .caption .inside > div > div{ max-width: 650px; color: #fff; background: rgba(0,0,0,.6); padding:2rem 4rem; padding-left: calc( ((100vw - 1280px) / 2) + 2rem); margin-bottom: 4rem; } #herosection .flexslider .caption .inside > div { background: transparent; } #slider .hero { /* height: calc(100vh - (100vh / 6)); */ } .parent_angebotskuechen #slider .hero { height: auto; } .flexslider .slides img,#slider .hero img{ width: 100%; height: 100%; } #slider .hero > li{ height: 100%; } .mod_article.bgColored > .block, .mod_article > .block,#maincontent > .block{ max-width: 1280px; margin: 0 auto; padding: 64px 2rem 64px; box-sizing: border-box; } .mod_article > .block.fullsize{ max-width: none; padding:0; } .image_container{ line-height: 0; } .image_container img{ max-width: 100%; height: auto; } .floating_above .teasergrid{ margin-bottom: 2rem; } .floating_below .teasergrid{ margin-top: 2rem; } .floating_left .teasergrid > .itemsperRow_2 > *, .floating_right .teasergrid > .itemsperRow_2 > *{ float:none; width: 100%; margin: 0; margin-bottom: 20px; } .floating_right .teasergrid > div, .floating_right .teasergrid > ul, .floating_left .teasergrid > div, .floating_left .teasergrid > ul{ margin: 0; } .teasergrid a, .teasergrid a span{ display: block; } /*.ce_gallerytext.element_float_left .row > *, .ce_gallerytext.element_float_right .row > *{ vertical-align: top; }*/ .ce_gallerytext.element_float_left .image, .ce_gallerytext.element_float_right .image{ width: 35%; } .ce_gallerytext.element_float_left .image{ padding-right: 4rem; } .ce_gallerytext.element_float_right .image{ padding-left: 4rem; } .ce_gallerytext .floating_right li.last, .ce_gallerytext .floating_left li.last{ margin-bottom: 0; } .center .teasergrid > ul { width: auto; text-align: center; } .center .teasergrid > ul > li{ } .fullwidth.mod_article > .block{ max-width: none; padding: 64px 0 64px; margin: 0; } .fullwidth.mod_article > .ce_image.block img{ width: 100%; } .fullwidth.mod_article > .block.mod_filter_tag_module .headlinecontainer{ max-width: 1280px; margin: 0 auto; padding: 6rem 2rem 8rem; padding-bottom: 8rem; box-sizing: border-box; } .ce_image figcaption.caption { line-height: 1.2; padding: 20px 0; } .fullwidth.mod_article > .block.element_float_left{ padding-right:calc( ((100vw - 1280px) / 2) + 2rem); } .fullwidth.mod_article > .block.element_float_right{ padding-left:calc( ((100vw - 1280px) / 2)); } .fullwidth.mod_article > .block.element_float_right > .table{ padding-left: 2rem; } .fullwidth.mod_article > .ce_gallerytext .image{ width: 50%; vertical-align: middle; } .ce_text.not_float_below{ margin-bottom: 2rem; } .ce_text.not_float_above{ margin-top: 2rem; } .ce_flexslider .row > *{ width: 50%; vertical-align: top; } .ce_flexslider.element_align_float_right .row > .flexslider{ padding-left:4rem; } .ce_flexslider.element_align_float_left .row > .flexslider{ padding-right:4rem; } .ce_flexslider .captionholder{ text-align: center; } .ce_flexslider .ce_text.align_below{ margin-top: 20px; } .ce_flexslider .ce_text.align_above{ margin-bottom: 20px; } .twocol .float_left,.twocol .float_right{ float: none; } .twocol .row > *{ width: 50%; } .valign_top.twocol .row > *{ vertical-align: top; } .valign_middle.twocol .row > *{ vertical-align: middle; } .valign_bottom.twocol .row > *{ vertical-align: bottom; } .twocol .textholder.not_left, .twocol .textholder.not_above{ padding-left: 4rem } .twocol .textholder.not_right,.twocol .textholder.not_below{ padding-right: 4rem } .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%); } .ce_parallaxImage .caption{ max-width: 1280px; padding: 0; box-sizing: border-box; text-align: center; margin: 0 auto; margin-top: 0; margin-bottom: 0; display: table; height: 100%; } .ce_parallaxImage .caption > .row{} .ce_parallaxImage .caption > .row > *{ vertical-align: top; padding-top: 4rem; } .ce_parallaxImage .caption > .row > .holder{ padding-top: 10%; } .image_container.float_above, .ce_player .ce_text.not_floating_below{ margin-bottom: 2rem; } .image_container.float_below, .ce_player .ce_text.not_floating_above{ margin-top: 2rem; } .image_container.float_left{ /* margin-right: 4rem */ } header{ /* position: absolute; */ width: 100%; /* background: #3c3c3c;*/ box-shadow: 0 0 10px rgba(0,0,0,0.3); } .heropage header:not(.clone), .parent_angebote.nohero header:not(.clone){ } .heropage header:not(.clone):hover{ } .nohero header{ position: relative; } #footerbottom { box-shadow: 0 0 10px rgba(0,0,0,0.3); } #footerbottom > .inside{ position: relative; z-index: 999; max-width: 1280px; width: 100%; margin:0 auto; padding:20px 2rem; box-sizing: border-box; display: table; width: 100%; } footer .footer > .inside{ background: whiteSmoke; } footer { color: #fff; } header > .inside{ display: table; width: 100%; box-sizing: border-box; max-width: 1280px; padding: 0 2rem; margin: 0 auto; color: white; z-index: 100; } .menu-btn { cursor:pointer; } .headercenter{ text-align: center; vertical-align: bottom; } header > .row > .headerleft,header > .row > .headerright{ vertical-align: top; } .headercenter > *{ margin: 0 auto; } header.clone { position: fixed; top: 0; left: 0; right: 0; transform: translateY(-100%); transition: 0.2s transform cubic-bezier(.3,.73,.3,.74); background:black; width: 100%; z-index: 1001; } body.down header.clone { transform: translateY(0); } .mod_logo .image_container{ text-align: center; } header .row > *{ vertical-align: middle; padding:20px 0; } header .mod_navigation ul > li{ /*float: left; margin-right: 20px; text-transform: uppercase; font-weight: bolder;*/ } header .mod_navigation ul > li.last{ margin-left: 0; } .mod_logo{ max-width: 380px; margin: 0 auto; } #header.clone .mod_logo{ max-width: 200px; } .headerright > .mod_logo{ float:right; } #main > .inside{ padding: 0 0 6rem; } video { width: 100%; box-sizing: border-box; } body .slicknav_btn{ top:40px; position: absolute; } .slicknav_menu .mod_logo { max-width: 200px; margin: 10px 20px; } body .slicknav_menu { background: white; display: none; } #responsivenav{ display: none; } body .slicknav_menu .slicknav_icon-bar{ background: gray; } .bgColored{ position: relative; background: var(--sekundaer); } .bgColored.margTop, .bgColored.margBottom{ background: transparent; } .bgColored.margBottom > .block:after, .bgColored.margTop > .block:after{ display: block } .bgColored.margBottom > .block:after{ height: 60%; } .slider-control{ margin-top: 2rem; } .bgColored.margTop > .block:after{ background: var(--sekundaer); position: absolute; height: 60%; width: 100%; top: auto; left: 0; content: ''; z-index: -1; bottom: 0; } .mod_article.margBottom > .block { padding-bottom: 4rem; } .ce_bewerbungsbox .row > .imagecol,.ce_bewerbungsbox_full > .imagecol { width: auto; margin: -5rem -10rem -5rem 0; float: right; width: auto; } .ce_bewerbungsbox .imageholder,.ce_bewerbungsbox_full .imageholder { width: 450px; height: 450px; display: table; } .image_container.rounded { /*border-radius: 50%; overflow: hidden; border: 2px solid #fff; height: 100%; width: 100%; box-sizing: border-box;*/ } .mod_article > .ce_bewerbungsbox,.mod_article > .ce_bewerbungsbox_full { padding: 4rem 2rem; max-width: 1080px; overflow: visible; } .mod_article > .ce_bewerbungsbox > .table, .mod_article > .ce_bewerbungsbox_full > .table { background: #cd0d17; /*max-width: 960px;*/ padding: 2rem; box-sizing: border-box; margin: 0 auto; width:calc((100% - 10rem) + 2rem) } .mod_article > .ce_bewerbungsbox_full > .table{ padding: 0; } .ce_bewerbungsbox .row > *, .ce_bewerbungsbox_full .row > *{ vertical-align: middle; width: 50%; box-sizing: border-box; } .ce_bewerbungsbox .textcol,.ce_bewerbungsbox_full .textcol { text-align: center; color: white; padding: 0; padding-right: 0px; width: auto; padding-right: 2rem; } .ce_bewerbungsbox .textcol.not_left, .ce_bewerbungsbox_full .textcol.not_left { padding-left: 2rem; } .ce_bewerbungsbox .textcol.not_right{ padding-right: 2rem; } .ce_bewerbungsbox_full .textcol.not_left { padding-right: 0; } .ce_bewerbungsbox .headlinecontainer{ margin-bottom: 4rem; } .ce_bewerbungsbox .headlinecontainer > *{ font-size: 48px; /*hyphens: auto;*/ line-height: 1.2; letter-spacing: 0.03rem; } .ce_bewerbungsbox a,.ce_bewerbungsbox_full a { text-transform: uppercase; text-align: center; border: 1px solid; padding: 15px 30px 16px; background: #fff; color: #333; border-radius: 30px; font-weight: 700; display: table; margin: 0 auto; line-height:1.2; font-size: 36px; } .ce_bewerbungsbox a:hover,.ce_bewerbungsbox_full a:hover { box-shadow: 3px 3px 5px rgba(0,0,0,0.3); } a.cta { text-transform: uppercase; text-align: center; padding: 15px 30px 16px; background: #cd0d17; color: #fff; border-radius: 30px; display: table; margin-top:2rem; font-weight: 400; line-height:1.2; font-size: 20px; } .gallery.floating_below{ margin-top: 4rem; } .ce_gallerytext.element_float_left .teasergrid > .itemsperRow_1 > *{ margin-left: 0; margin-right: 0; } /* .mod_article.margBottom + .mod_article > .block { padding-top: 6rem; }*/ .safari .ce_heroImage .table{ display: block; } .safari .ce_heroImage .table > .row{ display: table; width: 100%; height: 100%; } .padded, .mod_article > .block.padded { padding-left: 4rem; padding-right: 4rem; } .readmore { display: table; border: 2px solid rgba(0,0,0,0.3); padding: 10px 2rem; line-height: 1; margin-top: 2rem; text-align: right; border-radius: 10px; min-width: 60px; font-weight: 700; text-transform: uppercase; } .colorWhite .readmore, .fontwhite .readmore { border-color: white; } /*.ce_bewerbungsbox .imagecol:before{ content: ''; position: absolute; height: 100%; width: 100%; background:url(/files/theme/layout/images/icons/Kreis_testimonials.png) 50% 50% no-repeat scroll transparent; }*/ .mod_article.fullwidth > .ce_bewerbungsbox > .table { padding-left: calc(((100% - 1280px) / 2) + 2rem); width: 100%; padding-right: calc(((100% - 1280px) / 2) + 2rem); } .mod_article.fullwidth > .ce_bewerbungsbox .row > .imagecol { width: auto; margin: -5rem 0 -5rem 0; } .ce_kachelelement video{ height: 100%; width: 100%; } .ce_kachelelement .row > * { width: 50%; } .ce_kachelelement .row > .mediaholder .stoerer img{ width: auto; height: auto; object-fit: none; image-rendering:crisp-edges; -webkit-image-rendering:crisp-edges; } .vAlign_top.ce_kachelelement .row > * { vertical-align: top } .vAlign_middle.ce_kachelelement .row > * { vertical-align: middle } .vAlign_bottom.ce_kachelelement .row > * { vertical-align: bottom } .ce_kachelelement .notfloat_right > .inside { padding: 0 4rem 0 2rem; } .ce_kachelelement .notfloat_left > .inside { padding: 0 2rem 0 4rem; } .ce_kachelelement .notfloat_left.bgImageColor > .inside, .ce_kachelelement .notfloat_right.bgImageColor > .inside{ padding-top: 2rem; padding-bottom: 2rem; } .ce_kachelelement .caption{ display: none; } .ce_kachelelement .notfloat_right { padding-left: calc(((100% - 1280px) / 2)); } .ce_kachelelement .notfloat_left { padding-right: calc(((100% - 1280px) / 2)); } .bgImage > img{ max-width: 100%; height: auto; } .cover .table, .cover .table > .row,.cover .table > .row > *, .cover .bgImage{ height: 100%; } .cover .bgImage > img{ width: 100%; height: 100%; object-fit: cover; } .fontwhite{ color: white; } .ce_heroImage .bgImage > img{ width: 100%; height: 100%; opacity: 1; object-fit: cover; object-position: 50% 50%; } .row .imageholder.setwidth{ width: auto; } .ce_kachelelement .row:has(.mediaholder ~ .mediaholder) .mediaholder.col_1_3col, .row > .textholder.setwidth.width_1_3col { width: calc(100% / 3); } .ce_kachelelement .row:has(.mediaholder ~ .mediaholder) .mediaholder.col_1_3col + .mediaholder.secondpic, .ce_kachelelement .row > .mediaholder.setwidth.col_2_3col, .ce_kachelelement .row > .textholder.setwidth.width_1_3col + .mediaholder.setwidth.col_1_3col, .ce_kachelelement .row > .mediaholder.setwidth.setwidth.col_2_3col, .row > .setwidth.width_2_3col ,.setwidth.width_2_3col { width: calc(2 * (100% / 3)); } .row > .setwidth.width_2_2col { width: calc(1 * (100% / 2)); } .mod_article > .block.noPadBottom{ padding-bottom:0; } .ce_gallery > ul{ margin: 0 -10px -10px; } .ce_gallery > ul.cols_1 > li{ width: 100%; float: none; margin: 0; } .ce_gallery > ul.cols_2 > li{ width: calc((100% - (4 * 10px)) / 2); } .ce_gallery > ul.cols_3 > li{ width: calc((100% - (6 * 10px)) / 3); } .ce_gallery > ul.cols_4 > li{ width: calc((100% - (8 * 10px)) / 4); } .ce_gallery > ul.cols_2 li:nth-child(2n+1){ } .ce_gallery > ul.cols_2 li:nth-child(2n+2){ } .ce_longHead > *{ margin: 0; } .mod_article > .block.setwidth .setwidth.width_2_3col{ padding-left: calc(1 * (100% / 9)); } .mod_onepage_navigation > .inside{ background: silver; padding: 4rem; } .mod_onepage_navigation ul{ padding-left: 15px; } .mod_onepage_navigation ul li::before { content: '•'; margin-right: 0.2rem; margin-left: -15px; } /*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; } .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; } .fullsize .ce_text,.ce_imagerow .ce_text{ max-width: 1280px; margin: 0 auto; padding: 6rem 2rem 8rem; box-sizing: border-box; } .fullsize .ce_text.not_float_below{ padding-bottom: 4rem; } .fullsize .ce_text.not_float_above{ padding-top: 4rem; } .center, .center .ce_text,.center.ce_text{ text-align: center; } .ce_teaserGrid .itemsperRow_grid > *, .ce_gridGallery .itemsperRow_grid > *{ float: left; margin: 0 10px 20px; height:450px; } .itemsperRow_grid > .item_1_3col{ width: calc( (100% - (6 * 10px)) / 3); } .itemsperRow_grid > .item_2_3col{ width: calc( (100% - (4 * 10px)) - ( (100% - (6 * 10px)) / 3)); } .itemsperRow_grid > .item_3_3col{ width: calc(100%); } .itemsperRow_grid > .item_3_3col.noimage{ height: auto; } .itemsperRow_grid .image_container img{ max-width: 100%; height:100%; } .ce_teaserGrid .noimage .inside, .ce_gridGallery .noimage .inside { display: table; height: 100%; width: 100%; background: #333; color: white; box-sizing: border-box; } .ce_teaserGrid .flexslider ul.slides, .ce_teaserGrid .flexslider ul.slides > li,.ce_teaserGrid .itemsperRow_grid video,.ce_teaserGrid .itemsperRow_grid > * div, .ce_teaserGrid .teasergrid a, .ce_teaserGrid .teasergrid a span{ height: 100%; } .ce_teaserGrid video { position: absolute; right: 0; bottom: 0; height: 100%; width: 100%; object-fit: cover; } .ce_teaserGrid .itemsperRow_grid > .item_3_3col.noimage .inside{ padding: 2rem; } .fullwidth .ce_teaserGrid .itemsperRow_grid > *{ height: 480px; position: relative; } .fullwidth .ce_teaserGrid .itemsperRow_grid > .reference .banner { background: #cd0d17; display: block; padding: 10px 2rem; box-sizing: border-box; position: absolute; bottom: 0; left: 0; text-align: center; height: 60px; width: 100%; } .ce_teaserGrid .teasergrid .reference .teasercaption > .inside{ background: rgba(0,0,0,0.8); color: white; } .fullwidth .ce_teaserGrid .itemsperRow_grid > * .banner img { width: auto; height: 100%; margin: 0 auto; } #herosection .mod_article > .block { position: relative; max-width: none; padding: 0; width: 100%; } .fullwidth.mod_article > .block.ce_teaserGrid{ padding: 0; } #herosection .ce_heroImage{ height: calc(100vh - (100vh / 6)); } #herosection video { height: calc(100vh - (100vh / 6)); object-fit: cover; } .index .teasergrid > div { display: table; width: auto; box-sizing: unset; min-width: 100%; } .megamenue.block, .filters > .inside { overflow: visible; display: table; width: 100%; max-width: 1680px; margin: 0 auto; padding: 0 2rem; box-sizing: border-box; } .navImage{ line-height: 0; } .navImage > img{ max-width: 100%; height: auto; margin-bottom: 20px; } .megamenue h4{ margin-top: 0; } .megamenu .column{ margin-bottom: 2rem; } #magazin.megamenu .column,#kuechenratgeber.megamenu .column{ display: table; } #magazin.megamenu .column > div, #kuechenratgeber.megamenu .column > div{ display: table-cell; width: 50%; vertical-align: top; } header nav #magazin.megamenu .column, #kuechenratgeber.megamenu .column{ display: table; } header nav #magazin.megamenu .column:nth-child(1n),#kuechenratgeber.megamenu .column:nth-child(1n){ width: 50%; float: left; margin-left: 0; margin-right: 0; } header nav #magazin.megamenu .column:nth-child(2n),#kuechenratgeber.megamenu .column:nth-child(2n){ width: 50%; float: right; margin-left: 0; margin-right: 0; } header nav #magazin.megamenu .column:nth-child(3n),#kuechenratgeber.megamenu .column:nth-child(3n){ float: none; width: 50%; } #magazin.megamenu .column > div.navbox, #kuechenratgeber.megamenu div.navbox{ padding-right: 3rem; } .megamenu .holder{ padding: 2rem; } #ratgeber.megamenu .holder:before { content:''; display:block; float:left; width:calc(25% - 4rem); height:500px; background:url(../../files/theme/layout/images/lemans.jpg) 50% 50%; background-size:cover; margin-right:4rem; } header nav #ratgeber .column { width: calc(25% - 4rem); margin-right: 4rem; } .megamenu > .holder .column > div > li > a{ font-family: cubano, sans-serif; font-weight: 400; font-size:1em; margin-bottom: 0; } header{ z-index: 1000; } #main .inside .block ul li { line-height: 1.4; margin-bottom: 10px; position: relative; } #main .inside .star.block ul li { margin-bottom: 1rem; } .rowmatch.noimage .content{ font-size: 42px; line-height: 1.2; font-weight: 400; color: white; padding: 2rem; } .ce_teaserGrid .teasergrid .teasercaption { height: auto; position: absolute; top: 0; left: 0; width: 100%; line-height: 1.2; text-align: left; z-index: 99; } .ce_teaserGrid .teasergrid .teasercaption > .inside { display: table; background: white; margin: 0 2rem; padding: 5px 2rem 15px; height: auto; line-height: 1.2; font-family: cubano,sans-serif; font-weight: 400; font-size: 25px; max-width: 260px; } /*handle grid*/ .grid { padding: 0 10px 5px; overflow: hidden; /* -moz-animation-name: appear-grid; -moz-animation-iteration-count: 1; -moz-animation-timing-function: ease-out; -moz-animation-duration: 0.8s; -webkit-animation-name: appear-grid; -webkit-animation-iteration-count: 1; -webkit-animation-timing-function: ease-out; -webkit-animation-duration: 0.8s; animation-name: appear-grid; animation-iteration-count: 1; animation-timing-function: ease-out; animation-duration: 0.8s;*/ } .grid * { box-sizing: border-box; } .mod_list_shot_module .grid { padding: 0 0 5px; margin: 0 10px -10px; box-sizing: border-box; } .grid:after { content: ''; display: block; clear: both; } .grid-item,.grid-sizer { width: calc((100% - (6 * 10px)) / 3); margin: 0 10px 20px; } .grid-item{ float: left; position: relative; overflow: hidden; } .grid-item > .grid-item-inside { /*border:5px solid transparent;*/ position: relative; } .grid-item > .grid-item-inside { border-bottom: 0; } .grid-item-inside a, .grid-item-inside > span { display: block; position: relative; transition: all 0.2s; } .pageitem .contentholder { max-width: none; margin: 0; display: block; } .contentholder { background-color: transparent; } .imageholder::after { /* position: absolute; height: 100%; width: 100%; content: '';*/ } .imageholder .teaserImage { line-height: 0; width: 100%; display: block; position: realtive; } .grid-item img { width: 100%; height: 100%; } .grid .caption { text-shadow: none; display: table; width: 100%; } .angebote .teaserheadline{ margin: 0; } .grid .caption .teaserheadline{ font-size: 1.4em; } #main .grid .caption > .inside { min-height:180px; } p > a{ text-decoration: underline; } .grid .caption > .inside { padding: 0 20px 20px 20px; display: inline-block; } .grid-item-inside .caption span { display: block; } .teaserheadline { font-size: 2.2rem; line-height: 2rem; margin: 1rem 0; text-transform: uppercase; font-weight: 400; } .grid-item-inside .caption span.preteaserhead { font-size: 18px; display: inline-block; line-height: 130%; } .angebote .grid-item-inside .caption span.preteaserhead { line-height: inherit; } .angebote .teaserheadline { font-size: inherit; text-transform: none; line-height: 1; margin-top: 0.3rem; font-size: inherit; } .angebote .energydata.table{ display: none; } .grid-item .imageholder .teaserImage{ background: black; } .grid-item:hover .imageholder .teaserImage img{ opacity: 0.8; } .row > .col { float: left; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 .75rem; min-height: 1px; width: auto; } #carousel { padding: 2rem 2rem 0; } .index #carousel { padding: 0; position: absolute; right: 0; top: 0; z-index: 2; height: 100%; overflow: visible; } .index #carousel > *, .index #carousel > * > ul{ height: 100%; } #carousel.flexslider ul.slides > li { margin-right: 15px; width: 120px !important; } #carousel.flexslider .slides img{ opacity: unset; margin-bottom:10px; } .index #carousel.flexslider ul.slides > li, .index #carousel.flexslider ul.slides > li img{ margin-bottom: 0; } .index #carousel.flexslider .slides img { /* display: none;*/ } .index #carousel.flexslider ul.slides > li{ margin-right: 0; height: calc((100% / 5)); float: none !important; width: 240px !important; } #main .inside .block .flexslider ul.slides > li{ margin-bottom: 0; } #carousel.flexslider ul.slides > li .figcaption{ font-size: 14px; display: block; line-height: 1.2rem; } /*.parent_angebotskuechen .mod_single_direct_module #carousel{ display: none; }*/ .tablerow.section > .block.nopadtopbottom{ padding-top: 0; padding-bottom: 0; } .slidertoggler span{ display: inline-block; vertical-align: middle; } .slidertoggler .icon { width: 20px; line-height: 0; margin-left: 10px; } .slidertoggler .icon img { width: 100%; height: auto; transform: rotate(-90deg); } .slidertoggler.open .icon img { transform: rotate(0deg); } .tablerow.section > .block{ max-width: 1280px; margin: 0 auto; padding: 3rem 2rem 4rem; box-sizing: border-box; } .fullwidth.mod_article > .mod_single_direct_module.block{ padding: 0; } #main > .inside { padding: 0; } .table > .table-row > * { display: table-cell; vertical-align: middle; width: 50%; } .table > .table-row > .not_left, .table > .table-row > .float_right { padding-left: 2rem; } .table > .table-row > .not_right, .table > .table-row > .float_left { padding-right: 2rem; } .table > .table-row > .float_right, .table > .table-row > .float_left { float: none; } .tablerow.section > .ce_introtext.block.first { padding: 3rem 2rem 0; margin-bottom: 0; } /*.image_container img{ width: 100%; } */ .hero .flexslider .slides img{ width: 100%; height: auto; display: block; } .tablerow.section > .block:not(.col){ max-width: none; margin: 0; padding-left: 0; padding-right: 0; } .tablerow.section > .block:not(.col) figure img{ width: auto; } .fullwidth.mod_article > .block.ce_bewerbungsbox{ padding: 5rem 0 6rem; } .filters > .inside { /* max-width: 1280px; margin: 0 auto; padding: 0 2rem; display: table; width: 100%;*/ padding: 2rem calc(2rem + 25px); } .filters > .inside > *{ float: left; margin-right: 2vw; } .ui-group strong{ display: block; } .dk-select .disabled{ display: none; } /* clear fix */ .grid:after { content: ''; display: block; clear: both; } .ui-group { display: inline-block; margin-right: 20px; } .parent_angebote.nohero header:not(.clone){ position: absolute; } .tablerow.section > .block.nopadbottom{ padding-bottom: 0; } #main .inside .block .teasergrid ul li:last-of-type{ margin-bottom: 0; } .slidertoggler, #carousel li{ cursor: pointer; } body.gray{ background:#3c3c3c; color:white; } .ce_pageteaser .text{ padding: 10px 0 0; } .ce_pageteaser .text .desc { margin-top: 0.2rem; } .ce_pageteaser .text .name{ font-weight: 700; } .ce_pageteaser.subpages .teasergrid > .itemsperRow_2 > *{ width: calc( (100% - (4 * 2rem)) / 2 ); margin: 0 2rem 4rem; } .ce_pageteaser.subpages .teasergrid { margin: 10px -2rem -4rem; } .ce_pageteaser.subpages .readmore{ display: none; } @-moz-keyframes appear-grid { 0% { -moz-transform: translateY(-200px); opacity: 0; } 100% { -moz-transform: translateY(0); opacity: 1; } } @-webkit-keyframes appear-grid { 0% { -webkit-transform: translateY(-200px); opacity: 0; } 100% { -webkit-transform: translateY(0); opacity: 1; } } @keyframes appear-grid { 0% { transform: translateY(-200px); opacity: 0; } 100% { transform: translateY(0); opacity: 1; } } .energydata { box-sizing: border-box; padding-top: 20px; border-top: 0; position: absolute; right: 5px; top: 0; width: 45px; z-index: 30; } .energydata span { display: block; } .energydata > .row > * { display: block; width: 45px; padding: 0; float: none; } .energydata > .row > * .table { margin: 0 10px 0 0; } .energydata > .row > * .row { display: block; margin-bottom: 10px; } .energydata > .row > * .icon { height: 30px; width: auto; text-align: center; vertical-align: middle; line-height: 0; display: none; } .energydata > .row > * .arrow { padding-left: 5px; line-height: 0; } .energydata > .row > * img { height: auto; width: 100%; max-width: none; } .not_above .energydata { display: table; width: auto; padding: 0; background: none; height: auto; position: relative; } .not_above .energydata > * { display: block; white-space: nowrap; float: left; margin-right: 3rem; } .not_above .energydata > * > * { display: inline-block; white-space: normal; vertical-align: middle; } .not_above .energydata > * > .pdf { display: block; margin-top: 1rem; } .not_above .energydata > * > .icon { height: 50px; line-height: 0; padding-right: 2%; } .not_above .energydata > * > .eek { width: 70px; line-height: 0; } .not_above .energydata img{ max-width: 100%; } .not_above .energydata .icon > img { height: 100%; width: auto; } .not_above .energydata a { color: #cd0d17; text-decoration: underline; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } body .fancybox-container{ z-index:9999999; } .mod_single_direct_module .price{ font-size: inherit; } q{ font-style: italic; } q { quotes: "“" "”" "‘" "’"; } q::before { content: open-quote; } q::after { content: close-quote; } .author{ margin-top: 2rem; } .gray .mod_article.first > .block.noPadBottom{ padding-top: 12rem; } .gray .ce_pageteaser{ padding-top: 5rem; } .filters strong{ display: none; } body .dk-selected{ border: 1px solid #aaa; border-radius: 0 !important; -webkit-border-radius: 0 !important; font-size: 15px; background: rgba(255,255,255,0.2); } body .dk-selected::after{ border: none; } body .dk-selected::before { /*border: none; border-bottom-color: currentcolor; border-bottom-color: rgba(77,89,91,1); background: url(/files/theme/layout/images/icons/searchglass.svg) no-repeat scroll 0% 100% transparent; background-size: auto; background-size: auto; content: ''; display: inline-block; height: 28px; width: 28px; background-size: contain; vertical-align: middle; top: 0; position: absolute; margin: .5em; right: 0; float: right; opacity: 0.6;*/ } body .dk-select{ line-height: inherit; } body #main .inside .block ul.dk-select-options li { line-height: 1; margin-bottom: 0; padding: 10px 20px; font-size: 15px; border-bottom: 1px solid rgba(0,0,0,0.3); } body .dk-select-options .dk-option-highlight, body .dk-option-selected { background-color: rgba(0, 0, 0, 0.2); color: #333; } body .dk-select-options{ max-height: none; background-color: rgba(255, 255, 255, 0.9); color: #333; } .fullwidth.mod_article > .block.mod_list_shot_module{ padding-top: 1rem; } .price{ margin-top: 0.5rem; } .more{ margin-top: 2rem; display: block; cursor: pointer; text-align: center; } .more .readmore{ margin: 0 auto; float: none; cursor: pointer; } .teasergrid > .itemsperRow_3 > .holder{ width: 100%; } .mod_filter_tag_module .teasergrid > .itemsperRow_3{ overflow: hidden; } .teasergrid p > a, .teasergrid p >a span, .teasergrid p > strong > a { display: inline-block; } .angebote .grid .caption > .inside{ padding: 10px 20px 20px; display: block; } .slideup { position: absolute; bottom: 50px; display: none; transition: all 0.8s ease; -webkit-transition: all 0.8s ease; -moz-transition: all 0.8s ease; -o-transition: all 0.8s ease; -ms-transition: all 0.8s ease; left: 0; z-index: 9999999; } .slideup.fix { position: fixed; display: block; bottom: 0; z-index: 9999; width: 100%; } .slideup .toggleSlide { width: 100%; width: 260px; margin: 0 auto; margin-left: -130px; bottom: 0; left: 0; left: 50%; position: absolute; background: var(--kundenfarbe); color: white; height: 50px; line-height: 50px; text-align: center; padding: 10px 20px; box-shadow: 0 0 10px rgba(0,0,0,0.3); display: table; cursor: pointer; z-index: 9999999; } .slideup .slide { width: 100%; background: white; display: none; color: white; left: 0px; right: 0px; } .slideup .slide .sliderinner .slidercontent { padding: 0; } .slideup span { display: block; text-transform: uppercase; font-size: 18px; line-height:130%; } .slideup span img{ max-width: 210px; margin-top: 0.5rem; } label img{ max-width: 100%; height: auto; } .radio_container.list > span, .planung .radio_container > span { display: block; border: 1px solid rgba(0,0,0,0.2); margin-bottom: 20px; padding: 20px 20px 15px; } .radio_container.list > span > *, .planung .radio_container > span { display: inline-block; vertical-align: middle; width: 49.5%; } fieldset.planung .radio_container{ text-align: center; } fieldset.planung .radio_container > span { display: inline-block; width: auto; min-width: 180px; text-align: left; } .radio_container.list > span > label{ width: calc(100% - 50px); } .radio_container.list > span > input{ width: 25px; position: relative; } .checkbox_container input:after, .radio_container.list > span > input:after, fieldset.planung .radio_container > span input:after{ content: ''; height: 20px; width: 20px; border: 2px solid gray; display: block; border-radius: 50%; float: right; } .checkbox_container input, .radio_container.list > span > input, fieldset.planung .radio_container > span input{ position: relative; } .checkbox_container input:checked:before, .radio_container.list > span > input::before,fieldset.planung .radio_container > span input:before { content: ''; height: 16px; width: 16px; border: 2px solid white; display: block; border-radius: 50%; float: right; position: absolute; z-index: 999; right: 2px; top: 2px; } .checkbox_container input:checked:before{ left: 2px; } .checkbox_container input:checked:after, .radio_container.list > span > input:checked:after,fieldset.planung .radio_container > span input:checked:after { border: 2px solid #cd0d17; background: #cd0d17; } .kuechentester-werden .formbody > fieldset{ display: none; position: relative; } .kuechentester-werden .formbody > fieldset.first{ display: block; } .kuechentester-werden input,.kuechentester-werden label{ cursor: pointer; } .kuechentester-werden legend { text-align: center; display: table; width: 100%; text-transform: uppercase; font-family: cubano, sans-serif; font-weight: 400; font-size: 32px; line-height: 1.4; max-width: 650px; margin: 0 auto 2rem; } .preloader{ width: 100%; display: table; margin-top: 2rem; text-align: center; } .errormsg{ color: #cd0d17; font-size: 14px; } .readmoreholder{ background: #cd0d17; color: #fff; border: 2px solid #fff; } .kuechentester-werden fieldset .widget-text{ text-align: center; } .kuechentester-werden input.text { border: 1px solid rgba(0,0,0,0.2); width: 100%; max-width: 680px; padding: 10px; box-sizing: border-box; margin: 0 auto; margin-bottom: 0px; text-align: left; margin-bottom: 20px; } .kuechentester-werden .radio_container.list label { text-transform: uppercase; font-weight: 700; line-height: 1.3; } .kuechentester-werden .radio_container.list label:before, fieldset.planung .radio_container label:before { content: ''; display: inline-block; width: 50px; height: 50px; background: url('/files/theme/layout/images/icons/stern.png') no-repeat scroll 50% 50% transparent; background-size: auto; background-size: contain; vertical-align: middle; margin-right: 20px; transform: rotate(-15deg); } .radio_container.list { max-width: 780px; margin: 0 auto; } .teasergrid label{ position: relative; display: block; height: 100%; width: 100%; line-height: 0; } .teasergrid label .caption{ position: absolute; top: 0; left: 0; line-height: 0; height: 100%; width: 100%; } .teasergrid label .caption .cell { vertical-align: bottom; line-height: 1.2; } .teasergrid label input{ display: none; } .teasergrid label .caption .cell > .inside { display: table; margin: 0 auto; } .teasergrid label .caption .cell > .inside > div { background: rgba(255,255,255,0.8); padding: 10px 20px; font-family: cubano, sans-serif; font-weight: 400; display: table; margin: 0 20px 2rem; font-size: 36px; } fieldset.planung .radio_container > span, fieldset.planung .radio_container > span > *{ display: inline-block } fieldset.planung .radio_container > span > *{ vertical-align: middle; } fieldset.planung .radio_container > span:first-of-type{ margin-right: 8vw; } fieldset.planung .radio_container > span > input { margin-left: 15px; margin-top: -0.2rem; } .widget-checkbox,.widget-explanation { max-width: none; margin: 0; box-sizing: border-box; } .widget-checkbox fieldset{ padding: 0; margin-bottom: 20px; } .checkbox_container input::after{ margin-right:10px; } .widget-checkbox fieldset { margin-bottom: 20px; padding: 10px 20px 15px; } .checkbox_container label > * { display: inline-block; vertical-align: middle; font-size: 15px; line-height: 1.4; } .widget-submit{ text-align: center; } .widget-submit button{ margin-top: 4rem; } .widget-explanation { color: silver; font-size: 14px; margin-top: 2rem; text-align: center; line-height: 1.3; } .safari .teasergrid label .caption{ display: block; width: 100%; height: 100%; } .safari .teasergrid label .caption.table > .row{ display: table; width: 100%; height: 100%; } .kuechentester-werden .radio_container.list label { padding-right: 20px; box-sizing: border-box; } .kuechentester-werden .radio_container.list label .labeltext{ display: inline-block; vertical-align: middle; } .noslideup .slideup{ display: none; } .message.ajaxconfirm{ max-width: 680px; text-align: center; margin: 0 auto; padding: 0 20px; box-sizing: border-box; } .message.ajaxconfirm .readmoreholder { display: table; margin: 0 auto; margin-top: 3rem; } .message.ajaxconfirm .readmoreholder a{ margin-top: 0; } #herosection .fullwidth.mod_article > .block { max-width: none; padding:0; margin: 0; } #herosection .flexslider .caption .headlinecontainer{ margin: 0; } .preloader .readmore,.widget-submit button { background: #cd0d17; color: #fff; border: 2px solid #fff; margin: 0 auto; float: none; font-size: 20px; padding: 13px 3rem 15px; line-height: 1.2; min-width: 150px; border-radius: 5px; cursor: pointer; } .ce_text ul { margin:1rem 0; } .ce_text ul.slides{ margin: 0; } .ce_text.twocol ul { margin:0; } .ce_text ul li p{ margin:0; } .datenschutz .mod_article > .block { padding:0 2rem 2rem; } .mod_article > .block.ce_cookiebarOpener a{ text-decoration:underline; } .cookiebar_default .cc-info { margin-top: 15px; height: 80px; overflow: auto; font-size:12px; } .cookiebar_default .cc-info { text-align:left; } .cc-head { font-family: cubano,sans-serif; font-weight: 400; } .underline .headlinecontainer > * { display: table; text-decoration: underline; } .ce_heroImage.valign_top .caption .row > .inside{ vertical-align: top; } .kuechentester-werden .ce_heroImage.valign_top .readmore{ margin-left: 4rem; } .kuechentester-werden .step7 .widget-text::before { content: 'ca.'; width: 20px; display: inline-block; vertical-align: middle; color: gray; margin-right: 20px; } .kuechentester-werden .step7 .widget-text:after{ content: '€'; width:20px; display: inline-block; vertical-align: middle; color: gray; margin-left: 20px; } .kuechentester-werden .step7 .widget-text input.text { width: calc(100% - 160px); max-width: 450px; } .longhead #herosection .ce_heroImage .caption .row>.inside>div>div, #herosection .flexslider .caption .inside>div>div { max-width: 770px; } .parent_kueche-kaufen .mod_article.fullwidth>.ce_bewerbungsbox .row>.imagecol { display:none; } .parent_kueche-kaufen .ce_bewerbungsbox .textcol.not_right { padding-right:0; } .flex-direction-nav a{ display:none; } .preloader{ display: none; } .step7 .preloader{ display: block; } .safari #herosection .flexslider .caption{ display: block } .safari #herosection .flexslider .caption .row{ display: table; height: 100%; } .teasergrid > .itemsperRow_3 > .holder{ display: table; } .kuechentester-werden .radio_container.list label .labeltext { display: inline-block; vertical-align: middle; width: calc(100% - 70px); } .nobr {white-space: nowrap;} .ce_bewerbungsbox_full .imageholder{ position: relative; } .ce_bewerbungsbox_full .imageholder .caption{ position: absolute; height: 100%; width: 100%; top: 0; left: 0; padding: 20px; box-sizing: border-box; } .ce_bewerbungsbox_full .imageholder .caption .table{ height: 100%; } .ce_bewerbungsbox_full .imageholder .caption .table .row > *{ vertical-align: bottom; } .ce_bewerbungsbox_full .imageholder .caption .table .row > * .headline { margin-bottom: 4rem; max-width: 460px; margin: 0 auto 4rem; text-align: center; } .ce_bewerbungsbox_full .imageholder .caption .table .row > * .headline > *{ margin: 0; text-align: center; } .ce_bewerbungsbox_full .imageholder .caption .table .row > * .headline > * >span { display: table; background: #cd0d17; color: white; margin: 0 auto; padding: 0.1rem 0.5rem 0.1rem; font-size: 32px; } .ce_bewerbungsbox_full .imageholder .caption .table .row > * .headline span.headrow_large { font-size: 42px; background: transparent; display: block; line-height: 1; padding: 0; } .ce_bewerbungsbox_full .imageholder .caption .table .row > * .headline span.headrow_large > span { display: table; background: #cd0d17; color: white; margin: 0 auto; padding: 0.1rem 0.5rem 0.1rem; } .ce_bewerbungsbox_full .row > *{ vertical-align: top; } .ce_bewerbungsbox_full .row > .textcol{ padding-left: 3rem; text-align: left; } .vorteile{ margin-top: 2rem; } .ce_bewerbungsbox_full a{ margin: 0; margin-top: 2rem; } .ce_bewerbungsbox_full .vorteile .headlinecontainer > *{ text-decoration: underline; } .ce_bewerbungsbox_full .row > .imagecol{ width: auto; } .ce_bewerbungsbox_full ul.checked li{ font-weight: 800; } .ce_bewerbungsbox_full ul.checked li::before { content: ''; width: 20px; height: 20px; display: inline-block; background: url(/files/theme/layout/images/icons/haken.svg) no-repeat scroll 50% 50% transparent; background-size: auto; background-size: contain; margin-right: 10px; margin-left: -30px; } .ce_bewerbungsbox_full{ background: #cd0d17; } .mod_article > .ce_bewerbungsbox_full > .table { width: 100%; max-width: 1280px; } .fullwidth.mod_article > .ce_bewerbungsbox_full.block { max-width: none; padding: 4rem 2rem 4rem; margin: 0; } .ce_bewerbungsbox_full .imageholder{ width: 470px; } .video_container > video{ width: 100%; height: 100%; object-fit: cover; } .safari .ce_kachelelement .video_container > video{ position: absolute; left: 0; top:0; } .safari #main .ce_kachelelement .video_container > video{ position: relative; left: 0; top:0; } .safari #main .ce_kachelelement .secondpic .video_container > video{ position: absolute; left: 0; top:0; } .element_float_above.ce_player .headlinecontainer { padding-top:3rem; } footer > .inside .footerright .mod_navigation > ul{ column-fill: balance; -moz-column-gap: 20px; column-gap: 20px; orphans: 3; widows: 3; -webkit-column-gap: 20px; columns: 2 200px; -moz-columns: 2 200px; -webkit-columns: 2 200px; } footer > .inside .footerright .mod_navigation > ul > li { break-after: column; -webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid; line-height: 1.65; display:inline-block; } #footerbottom ul > li.first { margin: 0; } #footerbottom .row > *{ vertical-align: middle; } footer > .inside .row > *{ width: 50%; } footer > .inside .row > .right{ vertical-align: bottom; } footer > .inside .mod_navigation h3 { font-size: 16px; margin: 0 0 10px; } footer > .inside{ font-size: 14px; } footer .socials{ text-align: right; } footer .socials ul > li{ display: inline-block; vertical-align: middle; } footer .socials ul > li img{ margin-left: 30px; } footer .socials ul > li.facebook img{ margin-left: 0; } footer > .inside .mod_navigation > ul{ width: 420px; } .navcontent { padding: 20px; padding-top: 20px; padding-top: 10rem; } .ce_kitchenteaser .table{ position: absolute; left: 0; bottom: 0; height: 100%; width: 100%; display: table; } .ce_kitchenteaser .table > .row{ display: table-row; } .ce_kitchenteaser .table > .row > *{ display: table-cell; vertical-align: bottom; } .ce_kitchenteaser .text{ padding: 20px; box-sizing: border-box; } .ce_kitchenteaser .preHeadline > span { display: table; border-bottom: 3px solid var(--kundenfarbe); line-height: 1.2; } .ce_kitchenteaser .price { font-size: 50px; line-height: 1.2; } .ce_kitchenteaser .owl-carousel .price { float:left; } .parallax-container .headlinecontainer > *,.ce_kitchenteaser .price, .parallax-container .text{ text-shadow: 1px 1px 8px rgba(0,0,0,0.8); } #slider .image_container{ display: table; width: 100%; height: auto; } .mod_article > .block.ce_colorslider{ position: relative; } #carousel.flexslider .slides{ transform: none !important; -webkit-transform: none !important; } .teasergrid img{ max-width: 100%; width: 100%; height: auto; } .preheadline > *,.headline > *{ margin: 0; } /*.index .mod_article > .block{ padding: 20px 2rem; } */ .ce_kachelelement .textholder{ position: relative; } .textholder .logo{ display: table; width: 100%; margin-bottom: 20px; } .textholder .logo.hAlign_right figure{ float: right; } .textholder .logo.hAlign_center{ text-align: center; } .index .mod_article > .block.textbanner{ padding: 3rem 2rem; } .index .mod_article > .block.ce_colorslider{ position: static; } .index .mod_article > .block.ce_colorslider > .holder{ position: relative; } .index .mod_article > .block.ce_text{ padding: 4rem 2rem; } .index .mod_article.fullwidth > .block{ max-width: none; padding: 20px 0; } /* .index .ce_gallery > ul li{ margin: 0; } .index .ce_gallery > ul { margin: 0 0 -20px; } */ .menu-btn img{ max-width: 26px; margin-right:10px; } .menu-btn > *{ display: inline-block; vertical-align: middle; } header i.font-icon { font-size: 25px; color:var(--kundenfarbe); } header i.font-icon.icon-calendar-empty { font-size: 23px; } header .menu-btn > .font-icon { padding-right: 5px; } .menu-btn span { font-size: 16px; } .sharenav li span{ font-size: 16px; } .menu-btn > *{ display: inline-block; vertical-align: middle; } .sharenav{ text-align: right; } .sharenav li{ display: inline-block; vertical-align: middle; margin-left: 15px; text-align: center; } .sharenav li a, .sharenav li span{ display: block; } .sharenav li:first-of-type{ margin-left: 0; } .sharenav li img{ height: 18px; width: auto; } .sharenav li span { display: block; line-height: 1.4; font-size: 14px; } .headerbottom .sharenav{ margin-left: 20px; } .headerbottom .sharenav li span { font-size: 18px; font-weight: 300; } li.lightbox a, .ce_gallery > ul li a{ position: relative; line-height: 0; display: block; } li.lightbox a:before,#carousel li.imageelement:before, .ce_gallery > ul li a:before, .mediaholder a[data-fancybox="gallery"]:before { content: ''; height: 20px; width: 20px; background: url(/files/theme/layout/images/lupe.svg) no-repeat scroll 50% 50% transparent; background-size: auto; background-size: 20px; display: block; position: absolute; right: 0; top: 0; padding: 10px; } #carousel li.imageelement:before { right: auto; left:0; background: url(/files/theme/layout/images/plus.svg) no-repeat scroll 50% 50% transparent; background-size: 20px; top:auto; bottom:0; } #carousel li.imageelement{ 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; transform-origin: 100% 50%; position: relative; } #carousel li.imageelement:hover, #carousel li.imageelement.flex-active-slide{ transform: scale(1.2); z-index: 99; } #carousel .flex-viewport, .ce_colorslider{ overflow: visible !important; } .ce_responsiveMedia .stoerer { height: 100%; width: 100%; display: table; padding: 2rem 2rem; box-sizing: border-box; top: 0; left: 0; right: auto; } .imagecontainer.right{ text-align: right; } .stoerer{ position: absolute; width: 280px; right: 2rem; top: 2rem; z-index: 999; } .stoerer img{ max-width: 100%; height: auto; image-rendering:optimizequality; -webkit-image-rendering:optimizequality; } body.safari .ce_kachelelement > .table{ display: block; height: 100%; } body.safari .ce_kachelelement > .table > .row{ display: table; height: 100%; } .index .mod_article.fullwidth > .block.ce_text{ max-width: 1280px; margin: 0 auto; padding: 2rem 2rem 4rem; } .mod_article > .noPadBottom,.noPadBottom{ padding-bottom: 0 !important; } .mod_article > .noPadTop, .noPadTop{ padding-top: 0 !important; } .mod_article > .padTopSmall, .padTopSmall{ padding-top: 10px !important; } .mod_article > .padBottomSmall, .padBottomSmall{ padding-bottom: 10px !important; } .mod_article > .noPad{ padding-bottom: 0 !important; padding-top: 0 !important; } .index .mod_article.fullwidth > .block.textbanner{ padding: 3rem 2rem; } .socialsidebar{ position: absolute; top:0; z-index: 999; } .socialsidebar.sticky { position: fixed; } .socialsidebar span{ display: block; line-height: 0; text-align: center; padding: 10px; } .socialsidebar img{ height: auto; width: 20px; } .houzz span{ background: #4DBD15; } .facebook span{ background: #3D68C0; } .pinterest span{ background:#EB3145; } .instagram span{ background: #446291; } .youtube span{ background: #EF2F16; } .whatsapp span, .nlwhatsapp span{ background: #12D25A; } .phone span{ background: #EF2F16; } .tiktok span{ background: #000000; } .messanger span{ background:#1C8BF8; } .twitter span { background: rgb(29, 155, 240); } .mail span{ background: #F4CD2F; } .socialsidebar .facebook img{ height:20px; width: auto; } .footerright{ display: table; float: right; } footer > .inside .footerright .mod_navigation > ul { width: auto; columns: unset; } footer > .inside .footerright .mod_navigation > ul > li:after{ content: ' | '; display: inline-block; vertical-align: middle; margin: 0 5px; } footer > .inside .footerright .mod_navigation > ul > li:last-of-type:after{ display: none; } body .flex-control-nav.flex-control-paging{ z-index: 9; } 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; } /*Terminvereinbarung*/ input, button.submit { margin: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .terminanfrage .list_item { width: 100%; margin: 0; text-align: center; position: relative; min-height: 1px; padding: 0 5px; width: 100%; margin: 0; text-align: center; position: relative; min-height: 1px; -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; padding: 0; display: inline-block; float:left; } .terminanfrage label { width: 100%; max-width: 100%; display: inline-block; } .terminanfrage .icheckbox_minimal-grey + label{ vertical-align: top; width: calc(100% - 2rem); padding-left: 20px; box-sizing: border-box; } .terminanfrage span.item-label { display: block; box-sizing: border-box; margin: 0; padding: 20px 10px; line-height: 14px; background: #eee; color: gray; cursor: pointer; height: auto; margin: 0.45rem; font-size:17px; } .terminanfrage input[type="radio"], .terminanfrage input[type="checkbox"] { box-sizing: border-box; padding: 0; display:none; } .terminanfrage input:checked + span.item-label { -webkit-filter: none; -moz-filter: none; filter: none; background: rgba(209, 34, 41, 0.8); color: var(--bodyfontcolor); } [type="radio"]:not(:checked) + span::before, [type="radio"]:not(:checked) + span::after, [type="radio"]:checked + span:before, [type="radio"]:checked + span::after { display: none; } .datefinder .widget{ width:40%; display:inline-block; white-space:normal; vertical-align:top; } .terminanfrage fieldset{ padding:0; } .widget-submit { margin-top:20px; } body .datepicker-date-display, body .datepicker-table td.is-selected,body .btn,body .btn-large,body .btn-small,body .btn:hover,body .btn-large:hover,body .btn-small:hover{ background-color:rgb(209, 34, 41); color:var(--bodyfontcolor) !important; } .select-wrapper input.select-dropdown:focus, body input:not([type]):focus:not([readonly]),body input[type="text"]:not(.browser-default):focus:not([readonly]), body input[type="password"]:not(.browser-default):focus:not([readonly]), input[type="email"]:not(.browser-default):focus:not([readonly]), input[type="url"]:not(.browser-default):focus:not([readonly]), input[type="time"]:not(.browser-default):focus:not([readonly]), input[type="date"]:not(.browser-default):focus:not([readonly]), input[type="datetime"]:not(.browser-default):focus:not([readonly]), input[type="datetime-local"]:not(.browser-default):focus:not([readonly]), input[type="tel"]:not(.browser-default):focus:not([readonly]), input[type="number"]:not(.browser-default):focus:not([readonly]), input[type="search"]:not(.browser-default):focus:not([readonly]), textarea.materialize-textarea:focus:not([readonly]) { border-bottom: 1px solid var(--bodyfontcolor) !important; -webkit-box-shadow: none; box-shadow: none; } input:not([type]), input[type="text"]:not(.browser-default), input[type="password"]:not(.browser-default), input[type="email"]:not(.browser-default), input[type="url"]:not(.browser-default), input[type="time"]:not(.browser-default), input[type="date"]:not(.browser-default), input[type="datetime"]:not(.browser-default), input[type="datetime-local"]:not(.browser-default), input[type="tel"]:not(.browser-default), input[type="number"]:not(.browser-default), input[type="search"]:not(.browser-default), textarea.materialize-textarea,textarea{ border: 1px solid var(--bordercolor); background: rgba(255,255,255,0.2); color: var(--bodyfontcolor); padding: 5px 10px; box-sizing: border-box; min-height: 3rem; } body .btn,body .btn-large,body .btn-small{ margin: 1rem 0.5rem; } body .datepicker-table td.is-today,body .datepicker-cancel,body .datepicker-clear,body .datepicker-today,body .datepicker-done { color: rgb(209, 34, 41); } body .dropdown-content li > a,body .dropdown-content li > span{ color:#333; } body .datepicker-table td{ border-radius:0; } .datepicker-controls .select-month input{ width:auto; } body textarea { height:auto; width: 100%; min-height: 3rem; background-color: transparent; border: 1px solid #9e9e9e; padding: 10px; font-size: 16px; box-sizing: content-box; color:var(--bodyfontcolor); } .widget.widget-text > *, .widget.widget-textarea > * { width: 100%; box-sizing: border-box; font-size: 16px; } .widget{ margin-bottom: 20px; } .widget.w50{ float: left; width: calc((100% - 2rem) / 2); margin-right: 2rem; margin-bottom: 2rem; } .widget.w50.clr{ margin-right: 0; } .widget.datepicker{ padding: 0; border-radius: 0; -webkit-border-radius: 0; } .widget.datepicker input{ border-radius: 0; -webkit-border-radius: 0; } .formbody > fieldset{ margin-bottom: 20px; } .formbody > fieldset > legend{ margin-bottom: 20px; text-transform: uppercase; } .widget-submit{ text-align: right; } .checkbox_container label > span{ width: calc(100% - 38px); vertical-align: top; } .checkbox_container label > div{ vertical-align: top; margin-right: 10px; } .not_thumbnailed .flexslider { } body .not_thumbnailed .flex-control-nav { bottom: -40px; } body .not_thumbnailed .image{ margin-bottom: 20px; } video { width: 100%; box-sizing: border-box; height: 100%; object-fit: cover; } #maincontent > .block{ padding: 3rem 2rem 4rem; } #header .row { display: table; width: 100%; } #header .row > *{ display: table-cell; width: 33.33333%; } #carousel .flex-direction-nav,#slider .flex-direction-nav{ display: none; } .index .mod_article.fullwidth > .block.ce_parallaxImage{ padding-bottom: 4rem; } .mediaholder{ position: relative; } .mediaholder > img{ max-width: 100%; height: auto; } .mediaholder .stoerer{ width: 100%; height: 100%; top: 0; left: 0; right: auto; display: table; line-height: 0; } body .slide.item_1{ margin-left: 10px; } .mediaholder .stoerer > .inside{ display: table-row; } .mediaholder .stoerer > .inside > *{ display: table-cell; } .hleft{ text-align: left; } .hcenter{ text-align: center; } .hright{ text-align: right; } .stoerer .item{ padding: 2rem; } .vAlign_top.ce_kachelelement .stoerer .row > *{ vertical-align: top; text-align: center; padding: 4rem 20px; box-sizing: border-box; } .map { height: 450px; box-sizing: border-box; position: relative; } .map > iframe { border: 0; object-fit: fill; height: 100%; position: absolute; width: 100%; top: 0; } .footertop .textblock { padding: 2rem 2rem 2rem 4rem; font-size: 15px; line-height: 1.75; } .footertop .textblock .headlinecontainer { margin-bottom: 20px; } .footertop .textblock p{ margin-bottom: 0.5rem; } .footertop .textblock h1,.footertop .textblock h2, .footertop .textblock h3, .footertop .textblock h4, .footertop .textblock h5, .footertop .textblock h6{ margin: 0; } .footertop { background: whitesmoke; color: #333; display: table; width: 100%; } .teasergrid a span.pricebox, .teasergrid .pricebox{ display: table; width: 100%; } .teasergrid a span.pricebox > span, .teasergrid .pricebox > div{ display: table-row; } span.pricebox > span > *, .pricebox > div > *{ display: table-cell; } span.pricebox > span > .cta, .pricebox > div > .cta{ text-align: right; } .cta span { display: table; text-align: center; background: rgba(0,0,0,0.8); float: right; line-height: 1; padding: 10px 20px; text-transform: uppercase; font-family: 'Montserrat', sans-serif; font-weight: 400; font-style: italic; font-size: 14px; letter-spacing: 0.03rem; } .cta span:after { content: ''; display: inline-block; background: url(/files/theme/layout/images/icons/next_white.svg) no-repeat scroll 50% 50% transparent ; width: 10px; height: 10px; } .more img{ width: 30px; } body .flex-direction-nav a.flex-next::before, body .flex-direction-nav a.flex-prev::before{ display: none; } body .flex-direction-nav .flex-next{ right: 20px !important; opacity: 1 !important; } body .flex-direction-nav .flex-prev{ left: 20px !important; opacity: 1 !important; } .slider-control .slider-prev{ left: 20px ; opacity: 1 !important; } .slider-control .slider-next{ right: 20px ; opacity: 1 !important; } body .flex-direction-nav a, .slider-control a > span { background: rgba(255,255,255,0.55); text-align: center !important; display: block; height: auto; line-height: 0; width: 10px; height: 10px; padding: 15px; border-radius: 50%; z-index: 9999; } body .flex-direction-nav a:hover { background: rgba(255,255,255,0.75); } .slider-control{ position: static; } .slider-control a{ position: absolute; height: 100%; top: 0; } .slider-control a > span { display: block; position: relative; top: 50%; margin-top: -12.5px; } body .flex-direction-nav a img, .slider-control a img { width: 10px; height: auto; margin-top:-3px; } #main .inside .block ul.flex-direction-nav li { line-height: 0; margin: 0; position: static; } #main .inside .block ul.flex-direction-nav{ position: absolute; top: 0; height: 100%; width: 100%; margin: 0; } .map .errorText { text-align: center; max-width: 650px; margin: 0 auto; background: white; padding: 20px; border: 1px solid rgba(0,0,0,0.2); box-sizing: border-box; position: relative; z-index: 999; } .map .errorText .showCookies { display: table; margin: 2rem auto 20px; border: 2px solid; padding: 10px 20px; line-height: 1; cursor: pointer; } .map .errorText .showCookies:hover { background: black; color: white; } .index #article-3.mod_article.fullwidth > .block.first{ } item_1_3col{} .ce_gridGallery .teasergrid{ display: table; width: 100%; } .ce_gridGallery .teasergrid > div{ display: table-row; } .ce_gridGallery .teasergrid > div > *{ /* float: none; display: table-cell; vertical-align: top; */ margin: 0; height: 100%; } .ce_gridGallery .itemsperRow_grid > .item_1_3col { width: calc(100% / 3); } .ce_gridGallery .itemsperRow_grid > .item_2_3col { width: calc(100% - (100% / 3)); } .ce_gridGallery .itemsperRow_grid > * { height: auto; } .ce_gridGallery a{ position: relative; display: table; height: 100%; } .ce_imagerow a:before, .ce_gridGallery a:before { content: ''; height: 20px; width: 20px; background: url(/files/theme/layout/images/lupe.svg) no-repeat scroll 50% 50% transparent; background-size: auto; background-size: auto; background-size: 20px; display: block; position: absolute; right: 10px; top: 0; padding: 10px; } .ce_imagerow .row > * { position:relative; } .ce_gridGallery .teasergrid a span{ display: table; height: 100%; } .ce_imagerow .ce_text { max-width: 1280px; margin: 0 auto; padding: 2rem; box-sizing: border-box; } .ce_imagerow .bgImage > img{ opacity: 1; object-fit: cover; object-position: center; } .font-icon { font-family: "fontello"; font-style: normal; font-weight: normal; speak: never; display: inline-block; text-decoration: inherit; width: 1em; margin-right: .2em; text-align: center; /* opacity: .8; */ /* For safety - reset parent styles, that can break glyph codes*/ font-variant: normal; text-transform: none; /* fix buttons height, for twitter bootstrap */ line-height: 1em; /* Animation center compensation - margins should be symmetric */ /* remove if not needed */ margin-left: .2em; /* You can be more comfortable with increased icons size */ /* font-size: 120%; */ /* Font smoothing. That was taken from TWBS */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; /* Uncomment for 3D effect */ /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */ } .bg_black, body.bg_black,.ce_kitchenteaser .table > .row > .text, body.bg_black #header, body.bg_black #header.clone, body.bg_black header > .inside{ color:white; } .bg_black, body.bg_black,body.bg_black footer, body.bg_black #header, body.bg_black #header.clone { background: black; } body.bg_white,body.bg_white .pushy,body.bg_white footer, body.bg_white #header, body.bg_white #header.clone, body.bg_white header > .inside{ color:var(--schwarz); } body.bg_white,body.bg_white .pushy, body.bg_white #header, body.bg_white #header.clone { background: white; } body.bg_white .site-overlay{ background-color: rgba(255, 255, 255, 0.5); } body .pushy-open-left .site-overlay, body .pushy-open-right .site-overlay{ z-index: 9999999999; } body.bg_black .site-overlay{ background-color: rgba(0, 0, 0, 0.5); } body{ background: white; } .stoerer_logo{ margin-bottom: 2rem; } .linkholder { display: table; } .center .linkholder { margin: 0 auto; } .ce_flexslider.ce_responsiveSlider img{ opacity: unset } .mod_article > .ce_responsivebanner.block{ max-width: 980px; margin: 0 auto; } .mod_article > .ce_responsivebanner.block.videocontent{ max-width: 1280px; } .mod_article > .ce_responsivebanner.block.videocontent > .inside{ line-height: 0; } .mod_article > .ce_responsivebanner.block > .inside { background: rgb(234, 234, 234); display: table; box-sizing: border-box; width: 100%; } .mod_article > .ce_responsivebanner.block > .inside img,.mod_article > .ce_responsivebanner.block > .inside picture{ max-width: 100%; height: auto; display: block; line-height: 0; } .ce_textBanner .headline{ margin: 0 auto 4rem; } picture img{ max-width: 100%; height: auto; } header .logo{ margin: 0 auto; } .stoerer_logo { margin-bottom: 2rem; padding: 0 20px; box-sizing: border-box; } header .logo > *, header .logo img{ width: 100%; } .ce_flexslider .ce_text.align_below { margin-top: 20px; padding-top: 0; padding-bottom: 0; } .bg_black footer > .inside .footerright .mod_navigation > ul > li{ color: #fff; } .zitatslider .bgImage{ background: none !important; } .zitatslider .bgImage img{ opacity: 1; margin: 0 auto; max-width: calc(100% - (2 * 8rem)); } body .flex-direction-nav a.flex-next,body .flex-direction-nav a.flex-prev, .owl-carousel .owl-nav button.owl-next span, .owl-carousel .owl-nav button.owl-prev span { background: var(--kundenfarbe); display: block; height: 30px; width: 30px; padding: 0; line-height: 25px; font-size: 34px; color: white; border-radius: 50%; } .owl-carousel .owl-nav button.owl-next span, .owl-carousel .owl-nav button.owl-prev span { } .owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev{ position: absolute; height: 100%; top: 0; background: transparent !important; width: 2rem; } .owl-carousel .owl-nav button.owl-next{ right: -4rem; } .owl-carousel .owl-nav button.owl-prev{ left: -4rem; } .ce_owlslider{ overflow: visible; } .slider-control .slider-menu{ position: relative; } .slider-menu b{ margin: 0 5px; } .ce_flexslider .ce_text.align_above{ padding-bottom: 2rem; } .mod_article .block.ce_ImageBox { text-align: center; max-width: 980px; margin: 0 auto; padding: 6rem 2rem 6rem; } .ce_ImageBox .textholder{ background: whiteSmoke; padding: 2rem; box-sizing: border-box; } .ce_ImageBox .logoholder{ margin-top: 2rem; } .slider-control .slider-prev,.slider-control .slider-next{ display: none; } .mod_article.fullwidth .block.maxWidth, .mod_article .block.maxWidth, .maxwidth,.maxWidth{ max-width: 980px; margin: 0 auto; } .ce_gallery li{ margin-right: 20px; } .ce_gallery li:last-of-type{ margin-right: 0; } p.disclaimer, p.small, .smallFontSize p{ font-size: 12px; line-height: 16px; color:var(--tertiar); } .ce_kitchenteaser .linkholder{ margin: 3rem auto 2rem; } #test.mod_article > .block >.block { max-width: 980px; margin: 0 auto; } #test .row > * { width: auto; } #test .row > .mediaholder { background-size: contain !important; width: 350px; } #test .row > .mediaholder img{ width: 100%; height: auto; } .mod_article.bgimage,.mod_article.bgimage > .block{ position: relative; } .mod_article.bgimage > .bgImage{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 0; } .ce_kachelelement .mediaholder > .bgImage > a > img, .ce_kachelelement .mediaholder > .bgImage > img{ height: auto; width: 100%; } body .headerbottom .sf-menu a, body .headerbottom .sf-menu strong{ padding: .75em 1em; } .headerbottom .sf-menu strong{ display: block; } body .headerbottom li.submenu > a,body .headerbottom li.submenu > strong{ padding-right: 2.5em; } body .sf-menu ul{ display: none; } body .sf-menu > li { float: left; margin-right: 20px; text-transform: none; font-weight: 300; } body .headerbottom .sf-menu a,body .headerbottom .sf-menu strong{ color: inherit; } li.submenu > a:after,li.submenu > strong:after, li.trail > a:after,li.trail > strong:after { content: ''; position: absolute; top: 50%; right: 1em; margin-top: -3px; height: 0; width: 0; border: 5px solid transparent; border-top-color: transparent; border-top-color: #dFeEFF; border-top-color: rgba(0,0,0,.5); } li.submenu > a,li.submenu > strong, li.trail > a,li.trail > strong{ padding-right: 2.5em; *padding-right: 1em; position: relative; } .headerbottom,.headertop{ padding: 2rem 0 0; } .headerbottom { display: table; margin: 0 auto; } .headerbottom .mod_navigation{ margin: 0 auto; } .morepager .fullwidth.mod_article > .block{ padding-top: 0; } .fullwidth.mod_article > .block > .ce_text{ max-width: 1280px; margin: 0 auto; padding: 0 2rem 0; box-sizing: border-box; } .mod_article > .block > .ce_text.below, .fullwidth.mod_article > .block > .ce_text.below{ padding-top: 2rem; } .ce_text.above, .mod_article > .block > .ce_text.above, .fullwidth.mod_article > .block > .ce_text.above{ padding-bottom: 2rem; } .maxWidth,.maxwidth, .fullwidth.mod_article > .maxWidth.block > .ce_text{ max-width: 980px; } .fullwidth.mod_article > .block > .ce_text.above{ padding-top: 4rem; } .fullwidth.mod_article > .block > .ce_text.below{ padding-bottom: 4rem; } .slicknav_nav{ width: 100% } body nav.slicknav_nav, body nav.slicknav_nav a:hover{ background: var(--kundenfarbe); } body .sf-menu > li.last{ margin-right: 0; } .headerbottom > *{ display: inline-block; vertical-align: bottom; } body .headerbottom .sf-menu a,body .headerbottom .sf-menu strong{ line-height: 1.2; font-size: 18px; } .headerbottom .sharenav { padding-bottom: .75em; line-height: 1.2; } body .headerbottom .sf-menu ul.submenu a, body .headerbottom .sf-menu ul.submenu strong { padding: 10px 20px; font-size: 16px; } .variante_v2.ce_kitchenteaser .text { position: absolute; bottom: 0; width: 100%; height: auto; white-space: nowrap; } .variante_v2.ce_kitchenteaser .text > *{ display: inline-block; vertical-align: middle; width: 49.5%; white-space: normal; } .variante_v2.ce_kitchenteaser .text > .preHeadline > span { background: red; border: none; padding: 10px 20px; text-shadow: none; text-transform: uppercase; font-weight: 300; font-size: 14px; letter-spacing: 0.03rem; } .variante_v2.ce_kitchenteaser .text > .preHeadline > span:after { content:'>'; display: inline-block; margin-top:-2px; } .variante_v2 .teasergrid a span.pricebox > span,.variante_v2 .teasergrid .pricebox > div{ float: right; } .variante_v2.ce_kitchenteaser .price { font-size: 43px; line-height: 1.2; font-weight: 700; } .variante_v2.ce_kitchenteaser .price > *{ display: inline; } .variante_v2.ce_kitchenteaser .price > .currency{ font-size: 32px; font-weight: 500; } .variante_v2.ce_kitchenteaser .table > .row > .text .pricebox{ } .ce_kitchenslider .item span,.ce_kitchenslider .item a{ display: block; } #maincontent > .block.ce_kitchenslider { max-width: none; padding: 0; margin: 0; } .ce_kitchenslider .owl-carousel{ margin: 0 -5px -10px; } .ce_kitchenslider .owl-carousel.owl-loaded{ margin: 0; } .ce_kitchenslider .item{ width: 100%; width: calc((100% - (6 * 5px)) / 3); margin: 0 5px 10px; float: left; } .ce_kitchenslider .owl-item .item{ width: 100%; float: none; } .ce_kitchenslider .item span.table,.ce_kitchenteaser .preHeadline > span{ display: table; } .ce_kitchenslider .item span.table > span.row{ display: table-row; } .ce_kitchenslider .item .inside{ height: 100%; } .mod_kuechelist > .headlinecontainer{ text-align: center; } body .ce_kitchenslider .owl-carousel .owl-nav button{ margin-top: 30px; } body .ce_kitchenslider .owl-carousel .owl-nav button.owl-prev{ left: 0; } body .ce_kitchenslider .owl-carousel .owl-nav button.owl-next{ right: 0; } #maincontent > .ce_aktion { background:var(--kundenfarbe); max-width:100%; } #maincontent > .ce_aktion .inside { max-width: 1280px; margin: 0 auto; } .ce_aktion .not_below .text{ padding-bottom: 2rem; } .ce_aktion .not_above .text{ padding-top: 20px; } .xing{ background: #0698a0; } .linkedin{ background: #0a66c2; } .ce_kitchenslider .item span.cta{ float:right; } .ce_kitchenslider .item span.price { float:left; } .ce_owlItemSlider .item{ border: 1px solid rgba(0,0,0,0.2); } .ce_owlItemSlider .item a span{ display: block; } .ce_owlItemSlider .item .textholder{ padding: 10px; } .ce_owlItemSlider .item .textholder .headline{ text-transform: uppercase; font-weight: 700; margin-bottom: 0.5rem; line-height: 1.2; } .index .mod_article > .block.ce_text.intro{ max-width: 980px; margin: 0 auto; text-align: center; } .button .readmore{ background: var(--kundenfarbe); color: white; } .ce_accordionSingle{ border-top: 1px solid rgba(0,0,0,0.6); } .ce_accordionSingle .ui-accordion-content, .ce_accordionSingle .toggler { padding: 12px 10px; position: relative; } .ce_accordionSingle .ui-icon { background: url(/files/theme/layout/images/icons/arrow_toggler.svg) no-repeat scroll 50% 50% transparent; height: 20px; width: 20px; display: block; position: absolute; right: 0; top: 0; height: 100%; } .ce_accordionSingle .toggler{ font-weight: 700; cursor: pointer; padding-right: 2rem; } .ce_accordionSingle .toggler.active .ui-icon { background: url(/files/theme/layout/images/icons/arrow_down.svg) no-repeat scroll 50% 50% transparent; } .ce_accordionSingle .ui-accordion-content{ padding-top: 0; padding-right: 4rem; } .ce_accordionSingle .toggler h3{ margin: 0; font-size: 21px; } .ce_accordionSingle .toggler.active{ color:var(--kundenfarbe); } body.bg_black .ce_accordionSingle{ border-top: 1px solid rgba(255,255,255,0.6); } .ce_kachelelement .textholder .akkordion{ padding-right: 4rem; } .pink, .kundenfarbe{ color:var(--kundenfarbe); } .bg_kundenfarbe{ background: var(--kundenfarbe); } .bg_white{ background: white; } .bg_transparent{ background: transparent; } .colorWhite{ color: white; } .teamitem{ display: inline flow-root list-item; } .memberInformation { position: absolute; bottom: 0; background: var(--kundenfarbe_rgba); padding: 10px; color: white; width: 100%; box-sizing: border-box; } .memberInformation > .h3 { display: block; font-size: 18px; } .slick-slide{ padding: 0 10px; } body .slick-dots{ display: table; width: 100%; position: relative; bottom: auto; margin-top: 2rem; } body .slick-dots li{ width: auto; background: rgba(0,0,0,0.2); display: table-cell; height: auto; } body .slick-dots li.slick-active{ background: rgba(0,0,0,0.8); } body .slick-dots li button::before { display: none; } body .slick-dots li button{ height: 5px; padding: 0; } .elemtsperRow_1 .slidewrap .item:not(.slick-slide){ width: calc( ((100% - (1 * 10px)) / 1) - 8rem ); } .elemtsperRow_2 .slidewrap .item:not(.slick-slide){ width: calc( ((100% - (4 * 10px)) / 2) - 8rem ); } .elemtsperRow_3 .slidewrap .item:not(.slick-slide){ width: calc( ((100% - (6 * 10px)) / 3) - 2rem ); } .elemtsperRow_4 .slidewrap .item:not(.slick-slide){ width: calc( ((100% - (8 * 10px)) / 4) - 1rem ); } .elemtsperRow_5 .slidewrap .item:not(.slick-slide){ width: calc( ((100% - (10 * 10px)) / 5) - 1rem ); } .elemtsperRow_6 .slidewrap .item:not(.slick-slide){ width: calc( ((100% - (12 * 10px)) / 6) - 1rem ); } .elemtsperRow_7 .slidewrap .item:not(.slick-slide){ width: calc( ((100% - (14 * 10px)) / 7) - 1rem ); } .elemtsperRow_8 .slidewrap .item:not(.slick-slide){ width: calc( ((100% - (16 * 10px)) / 8) - 1rem ); } .rate > .star{ display: inline-block; vertical-align: middle; width: calc(100% / 5); max-width: 20px; } .rate > .star img{ width: 24px; height: auto; } .infoheader{ display: table; width: 100%; box-sizing: border-box; margin-bottom: 20px; } .infoheader > *{ float: left; width: 50%; height: 24px; } .infoheader .date{ text-align: right; } .ce_feedbackSlider .name{ font-weight: 700; margin-bottom: 20px; } .ce_ownSlider .item > .inside, .ce_feedbackSlider .item > .inside{ padding: 20px; } .carousel-track .item{ white-space: normal; line-height: 1.65; } .rate_all, .slide .rate_all{ margin-bottom: 10px; } .slide .rate_all > img, .rate_all > img { height: 100%; width: auto; } .mod_article > .block > .headlinecontainer.noText{ margin-bottom: 4rem; } .mod_article > .ce_headline.block > .headlinecontainer.noText{ margin-bottom: 0; } .mod_article > .block > .headlinecontainer.withText + .ce_text.above{ margin-bottom: 2rem; } .layout_capoverlay .text{ position: absolute; bottom: 0; background: var(--kundenfarbe_rgba); color: white; width: 100%; text-align: center; padding: 10px; line-height: 1.2; } .slide:hover .caption{ top: 0; opacity: 1; } .slide:hover .teaserhead{ display: none; } .slide .caption, .slide .teaserhead{ position: absolute; height: 100%; width: 100%; left: 0; top: 0; } .slide .caption{ top: 100%; background: var(--kundenfarbe_rgba); color: white; font-style: normal; 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; opacity: 0; } .slide .bgImage{ position: relative; height: 100%; } .slide .bgImage > img{ min-height: 100% } .slide .caption > .table{ height: 100%; padding: 20px 2rem; } .slide .caption .headline{ font-size: 24px; font-weight: 700; margin-bottom: 20px; line-height: 1.2 } .slide .caption .ce_text{ font-size: 16px; line-height: 30px; } .slide .teaserhead{ padding: 2rem; display:block; color: white; } .slide .teaserhead > .row{ display: table; height: 100%; width: 100%; } .slide .teaserhead .headline{ font-size: 32px; font-weight: 700; line-height: 1.2; } .slide .teaserhead .linkholder .readmore{ border-color: white; } .linkholder.kundenfarbe .readmore{ border-color:var(--kundenfarbe_rgba); } .item_intro > .inside{ height: 100%; } .ce_feedbackSlider .item_intro > .inside{ display: table; } .ce_feedbackSlider .item_intro > .inside > *{ display: table-row; } body .slide { margin: 0 10px; } .fullwidth.mod_article > .ce_kitchenteaser.block { padding: 0; } .carousel-wrapper .arrow{ display: none !important; } .ce_marken .slide img { /* width: 250px;*/ height: auto; } .ce_heroKachel picture{ display: block; line-height: 0; } .ce_heroKachel picture, .ce_heroKachel picture img{ height: 100%; width: 100%; } .ce_heroKachel picture img{ object-fit: cover; object-position: bottom; height: auto; max-height: 100%; height: 100%; } #herosection .ce_heroKachel video{ height: 100%; } .ce_heroKachel .holder { display:flex; justify-content: space-around; justify-content: center; } .ce_heroKachel .holder > *{ display: flex; flex-direction: column; align-items:center; max-height: 640px; height: 640px; } .ce_heroKachel .holder > .mediaholder > figure{ width: 100%; } .ce_heroKachel .video{ position: relative; min-width: 640px; width: 640px; } .ce_heroKachel .video img{ position: relative; z-index: 0; height: auto; width: 100%; height: 640px; max-height: 640px; object-fit: cover; object-position: center; } .ce_heroKachel .video video{ position: absolute; z-index: 0; width: 100%; height: 100%; left: 0; top: 0; z-index: 999; } #herosection .mod_article > .ce_heroKachel.block{ max-width: 2500px; margin: 0 auto; } .campaign{ background: whiteSmoke; } .ce_heroKachel .text.caption { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 999; display: table; padding: 2rem; text-align: center; color: white; font-style: inherit; font-size: inherit; box-sizing: border-box; } .headlinecontainer.white{ background: transparent !important; color: white; } body.safari .ce_kachelelement .row,body.safari .ce_kachelelement .row > .mediaholder,body.safari .ce_kachelelement .row > .mediaholder *{ height: unset; } body.safari .flex-direction-nav a.flex-next, body.safari .flex-direction-nav a.flex-prev, body.safari .owl-carousel .owl-nav button.owl-next span, body.safari .owl-carousel .owl-nav button.owl-prev span{ height: 30px !important; } body.safari .flex-control-paging li a { height: 11px !important; } body.safari .ce_kachelelement.twopics .row,body.safari .ce_kachelelement.twopics .row > .mediaholder{ height: 100%; } body.safari .ce_kachelelement.twopics .row > .mediaholder video{ height: 100%; } .ce_kachelelement .row:has(.mediaholder ~ .mediaholder) .mediaholder.col_1_3col .bgImage img{ width: 100%; height: 100%; object-fit: cover; } .bgImage.notfullSizeImg img, .ce_kachelelement .row:has(.mediaholder ~ .mediaholder) .mediaholder.col_1_3col .bgImage.notfullSizeImg img{ object-fit: contain; height: auto; } .vAlign_middle .bgImage.notfullSizeImg img, .ce_kachelelement.vAlign_middle .row:has(.mediaholder ~ .mediaholder) .mediaholder.col_1_3col .bgImage.notfullSizeImg img{ object-fit: contain; height: 100%; } .ce_kachelelement .row:has(.mediaholder:nth-child(2)) > .seconpic, .ce_kachelelement .row:has(.mediaholder:nth-child(2)) > .secondpic){ width: auto; } #herosection .mod_article > .ce_heroKachel + .block{ padding: 2rem 0; max-width: 860px; margin: 0 auto; } .ce_kachelelement .row > .mediaholder .bgImage{ height: 100%; line-height: 0; } .ce_kachelelement .row > .mediaholder .bgImage img{ height: 100%; object-fit: cover; -webkit-object-fit: cover; } body.safari .ce_kachelelement .row > .mediaholder{ position: relative; } body.safari .ce_kachelelement .row > .mediaholder .video{ position: absolute; left: 0; top: 0; height: 100%; width: 100%; } .ce_kachelelement .row > img.mediaholder.secondpic{ width: 100%; line-height: 0; } body.safari .ce_kachelelement .row > .mediaholder img{ object-fit: cover; } ul.checked li::before { content: '✓'; color: var(--kundenfarbe); margin-right: 5px; margin-left: -21px; } ul.checked{ padding-left: 21px; } .headlinecontainer.captialized > *{ text-transform: uppercase; } .headlinecontainer.normal > *{ text-transform: none; } .ce_heroKachel.pseudoelement{} .ce_heroKachel.pseudoelement .mediaholder.image{ position: relative; } .ce_heroKachel.pseudoelement .mediaholder.image:before{ content: ''; display: block; height: 200px; width: 200px; position: absolute; left: auto; right: auto; top: auto; bottom: auto; } .item_intro { position: relative; } .item_intro .inside{ position: absolute; } .tablerow.section > .block.nopadtopbottom { margin-top: 1rem; } body.bg_black ::-webkit-input-placeholder { color: rgba(255,255,255,0.5); } .widget.w50.nofloat{ float: none; } .ce_kachelelement .row > .mediaholder .bgImage.notfullSizeImg > img{ object-fit: contain; -webkit-object-fit: contain; } @media all and (max-width: 1180px){ .mod_single_direct_module .price{ font-size: 23px; } .ce_kitchenteaser .price{ font-size: 40px; } .ce_heroKachel .video{ min-width: 440px; } .infoheader > *{ float: none; width: 100%; } .infoheader .date{ text-align: left; margin-top: 10px; } } @media all and (max-width: 980px){ span.pricebox > span > *, .pricebox > div > *{ display: block; text-align: left; float: none; } .teasergrid > .itemsperRow_6 > *, ul.cols_6 > li { width: calc( (100% - (8 * 10px)) / 4 ); } .teasergrid > .itemsperRow_4 > *, ul.cols_4 > li { width: calc( (100% - (4 * 10px)) / 2 ); } .teasergrid a span.pricebox > span, .teasergrid .pricebox > div{ display: table; margin: 0 auto; } .preHeadline{ text-align: center; } .ce_kitchenslider .item span.table, .ce_kitchenteaser .preHeadline > span{ margin: 0 auto; } } @media all and (max-width: 870px){ .table{ display: block; } body.safari .stoerer { display: block; } body.safari .mediaholder .stoerer > .inside { display: table; height: 100%; width: 100%; } .ce_heroKachel .video img{ position: absolute; height: 100%; width: 100%; object-fit: cover; height: 100%; min-height: 0; max-height: none; position: relative; } .ce_heroKachel .holder > *{ height: auto; max-height: none; } .safari #main .ce_kachelelement .secondpic .video_container > video, .safari #main .ce_kachelelement .video_container > video{ position: relative; } .ce_heroKachel .holder > .video{ min-width: 0; width: 118%; margin-left: -9%; } #herosection .ce_heroKachel .video_container img{ opacity: 0; height: auto; max-height: none; } .ce_heroKachel .text.caption{ position: relative; } #herosection .ce_heroKachel video { height: auto; object-fit: contain; background: var(--kundenfarbe); } .ce_heroKachel .holder, .ce_heroKachel .holder > *{ display: table; width: 100%; } .table > .row{ display: table; width: 100%; } .safari .ce_kachelelement .video_container > video{ position: relative; width: 100%; height: auto; } .table > .row > .mediaholder{ display: table-header-group; } .table > .row > .textholder{ display: table-footer-group; } body.safari .ce_kachelelement .row > .mediaholder img{ min-height: 0 !important; height: auto !important; } .ce_kitchenslider .item span.table, .ce_kitchenteaser .preHeadline > span, .teasergrid a span.pricebox > span, .teasergrid .pricebox > div{ margin: 0; } body.safari .ce_kachelelement.twopics .row, body.safari .ce_kachelelement.twopics .row > .mediaholder, body.safari .ce_kachelelement.twopics .row > .mediaholder * { height: auto; } span.pricebox > span > *, .pricebox > div > *{ display: table-cell; width: 50%; } .ce_kachelelement .textholder .akkordion, .ce_kachelelement .notfloat_left > .inside, .ce_kachelelement .notfloat_right > .inside{ padding: 20px 0 0; } .ce_kachelelement .textholder.bgcolor .akkordion, .ce_kachelelement .notfloat_left.bgcolor > .inside, .ce_kachelelement .notfloat_right.bgcolor > .inside{ padding: 20px 2rem 2rem; } .teasergrid > .itemsperRow_3 > *, ul.cols_3 > li{ width: 100%; float: none; margin: 0 0 10px; } .teasergrid a span.pricebox > span, .teasergrid .pricebox > div{ width: 100%; } .elemtsperRow_6 .slidewrap .item:not(.slick-slide), .elemtsperRow_5 .slidewrap .item:not(.slick-slide), .elemtsperRow_4 .slidewrap .item:not(.slick-slide), .elemtsperRow_3 .slidewrap .item:not(.slick-slide){ width: auto; width: calc( ((100% - (4 * 10px)) / 2) - 2rem ); } .elemtsperRow_2 .slidewrap .item:not(.slick-slide){ width: 80%; } .slide .bgImage > img{ /*position: absolute;*/ height: 100%; width: 100%; } body .slide{ height: auto; } .slide .caption { position: absolute; top: 0; display: block; } .ce_pageteaser .image_container { background: none !important; } .ce_pageteaser .image_container img{ opacity: 1 !important; } } @media all and (max-width: 750px){ .index #carousel{ position: relative; } .index #carousel.flexslider ul.slides > li { margin-right: 0; float: left !important; height: 60px; width: calc(100vw / 5) !important; } } @media all and (max-width: 680px){ footer > .inside .row > * { width: 50%; display: block; width: 100%; } .ce_kachelelement .row > .mediaholder .flexslider { margin-bottom: 2rem; } .widget.w50 { float: none; width: 100%; margin-right: 2rem; margin-bottom: 2rem; } .terminanfrage .list_item{ max-width: 50%; } .terminanfrage fieldset.timepick{ margin: 0 -0.45rem 0; } .ce_pageteaser .text .name{ font-size: 14px; } .teasergrid > .itemsperRow_8.layout_capoverlay > *, .teasergrid > .itemsperRow_7.layout_capoverlay > *, .teasergrid > .itemsperRow_6.layout_capoverlay > *, .teasergrid > .itemsperRow_5.layout_capoverlay > *, .teasergrid > .itemsperRow_4.layout_capoverlay > *, .teasergrid > .itemsperRow_3.layout_capoverlay > *, .teasergrid > .itemsperRow_2.layout_capoverlay > *, .ce_kitchenteaser .teasergrid > .itemsperRow_8 > *, ul.cols_8 > li, .ce_kitchenteaser .teasergrid > .itemsperRow_7 > *, ul.cols_7 > li, .ce_kitchenteaser .teasergrid > .itemsperRow_6 > *, ul.cols_6 > li, .ce_kitchenteaser .teasergrid > .itemsperRow_5 > *, ul.cols_5 > li, .ce_kitchenteaser .teasergrid > .itemsperRow_4 > *, ul.cols_4 > li, .ce_kitchenteaser .teasergrid > .itemsperRow_3 > *, ul.cols_3 > li, .ce_kitchenteaser .teasergrid > .itemsperRow_2 > *, ul.cols_2 > li { width: 100%; float: none; margin: 0 0 20px; } .ce_kitchenteaser .teasergrid > div, .teasergrid > ul{ margin: 0 0 -10px; } .ce_gallery > ul{ margin: 0; } #main .inside .ce_gallery > ul.cols_2 > li { width:100%; float: none; margin: 0 0 20px; } .ce_gallery > ul.cols_2 > li:last-of-type { margin-bottom: 0; } .sharenav li span{ display: none; } .design-bilder-popup button, .upk-dynamic-design-changer button, .upk-dynamic-design-changer-false button { padding: 18px !important; } .upk-dynamic-design-changer, .upk-dynamic-design-changer-false { bottom: 10% !important; top: auto !important; } .teasergrid > .itemsperRow_5 > *, ul.cols_5 > li, .teasergrid > .itemsperRow_4 > *, ul.cols_4 > li { width: calc( (100% - (4 * 10px)) / 2 ); } .teasergrid > .itemsperRow_6 > *, ul.cols_6 > li, .teasergrid > .itemsperRow_8 > *, ul.cols_8 > li, .teasergrid > .itemsperRow_7 > *, ul.cols_7 > li{ width: calc( (100% - (4 * 15px)) / 3 ); } .mod_article.bgColored > .block, .mod_article > .block, #maincontent > .block{ padding: 2rem 20px; } .mod_article > .block > .headlinecontainer.noText{ margin-bottom: 2rem; } .elemtsperRow_6 .slidewrap .item:not(.slick-slide), .elemtsperRow_5 .slidewrap .item:not(.slick-slide), .elemtsperRow_4 .slidewrap .item:not(.slick-slide), .elemtsperRow_3 .slidewrap .item:not(.slick-slide){ width: 80%; } .headlinecontainer{ margin-bottom: 20px; } .headlinecontainer > * br{ display: none; } } @media all and (max-width: 640px){ body h1,body .h1,body h2, body .h2{ font-size: 26px; } footer{ width: 100%; } .headlinecontainer > .subheadline{ font-size: 26px; margin-top: 0; } .ce_heroKachel .video img { width: 120%; max-width: none; margin-left: -10%; } } @media all and (max-width: 380px){ .teasergrid > .itemsperRow_8 > *, ul.cols_8 > li, .teasergrid > .itemsperRow_7 > *, ul.cols_7 > li, .teasergrid > .itemsperRow_6 > *, ul.cols_6 > li, .teasergrid > .itemsperRow_5 > *, ul.cols_5 > li, .teasergrid > .itemsperRow_4 > *, ul.cols_4 > li, .teasergrid > .itemsperRow_3 > *, ul.cols_3 > li, .teasergrid > .itemsperRow_2 > *, ul.cols_2 > li { width: 100%; float: none; margin: 0 0 20px; } .teasergrid > div, .teasergrid > ul{ margin: 0 0 -10px; } }