.cc-head>*:first-child{margin-top:0}.cc-head>*:last-child{margin-bottom:15px}.contao-cookiebar{--ccb-backdrop: rgba(0, 0, 0, .75);--ccb-anim-duration: .5s;--ccb-checked-clr: #399d32;--ccb-checked-bg: #dcf3db;--ccb-unchecked-clr: #9c9b99;--ccb-unchecked-bg: #fff;--ccb-disabled-clr: #c8c7c5;--ccb-disabled-bg: #f4f4f4;position:fixed;inset:0;z-index:9999;display:flex;align-items:var(--ccb-align, center);justify-content:var(--ccb-justify, center);letter-spacing:0;padding:15px;max-height:100dvh;box-sizing:border-box;pointer-events:none;overflow:hidden;color:var(--ccb-clr, #444)}.contao-cookiebar *{box-sizing:border-box}.contao-cookiebar p{color:var(--ccb-text, #868686);line-height:1.4}.contao-cookiebar label{position:relative;display:block;padding:8px 13px 8px 0;line-height:1.2rem}.contao-cookiebar label.group{font-weight:600}.contao-cookiebar input{position:absolute;width:1px;height:1px;outline:0 none;opacity:0}.contao-cookiebar input+label{padding:8px 13px 8px 45px;cursor:pointer}.contao-cookiebar input+label:before,.contao-cookiebar input+label:after{content:"";position:absolute;border-radius:10px}.contao-cookiebar input+label:before{top:7px;left:0;width:35px;height:18px;margin:0;box-sizing:content-box;background:var(--ccb-unchecked-bg);border:1px solid var(--ccb-unchecked-clr);transition:border-color .2s}.contao-cookiebar input+label:after{display:block;top:11px;left:4px;width:12px;height:12px;background:var(--ccb-unchecked-clr);transition:background .2s,margin-left .2s,padding .2s}.contao-cookiebar input+label:active:after{padding-left:5px}.contao-cookiebar input.cc-group-half+label:after{background:linear-gradient(to right, var(--ccb-unchecked-clr) 0%, var(--ccb-unchecked-clr) 50%, var(--ccb-checked-clr) 50%, var(--ccb-checked-clr) 100%)}.contao-cookiebar input:checked+label:after{background:var(--ccb-checked-clr);margin-left:17px}.contao-cookiebar input:checked+label:active:after{margin-left:12px}.contao-cookiebar input:checked+label:before{background:var(--ccb-checked-bg);border-color:var(--ccb-checked-clr)}.contao-cookiebar input:disabled+label{pointer-events:none}.contao-cookiebar input:disabled+label:after{background:var(--ccb-disabled-clr)}.contao-cookiebar input:disabled+label:before{background:var(--ccb-disabled-bg);border-color:var(--ccb-disabled-clr)}.contao-cookiebar .cc-btn{display:inline-block;cursor:pointer;width:100%;padding:8px 14px;margin-bottom:8px;font-size:15px;outline:0 none;border:1px solid var(--ccb-btn-bdr, #cfcfcf);border-radius:4px;color:var(--ccb-btn-clr, #444);background:var(--ccb-btn-bg, #f5f5f5)}.contao-cookiebar .cc-btn:hover{background:var(--ccb-btn-bg-hvr, #ececec)}.contao-cookiebar .cc-btn:last-child{margin-bottom:0}.contao-cookiebar .grayscale{--ccb-btn-bg: #f1efef;--ccb-btn-bg-hvr: #ececec}.contao-cookiebar .grayscale .success{--ccb-btn-bg: #fbfbfb;--ccb-btn-bg-hvr: #f7f7f7}.contao-cookiebar .highlight .success{--ccb-btn-bg: #4e9e3e;--ccb-btn-bg-hvr: #4c933f;--ccb-btn-bdr: #3e7830;--ccb-btn-clr: #fff}.cc-inner{display:inline-block;overflow-y:auto;max-height:100%;max-width:100%;padding:23px;border-radius:3px;opacity:0;pointer-events:none;visibility:hidden;font-size:1rem;text-align:left;background:var(--ccb-bg, #fff);box-shadow:var(--ccb-box-shadow, rgba(99, 99, 99, 0.2)) 0 2px 8px 0;animation:var(--ccb-anim, cookiebar-middle-in) var(--ccb-anim-duration) ease-in-out forwards}.cc-group{position:relative;border:1px solid var(--ccb-bdr, #d0d0d0);border-radius:5px;margin-bottom:10px}.cc-cookie-info{font-size:.875rem;background:var(--ccb-info-bg, #fff);border:1px solid var(--ccb-info-bdr, #efefef);padding:10px;border-radius:5px}.cc-cookie-info>div>span{font-weight:600}.cc-cookie-info>div+div{margin-top:5px;word-wrap:break-word}.cc-cookie-info+button.cc-detail-btn-details{margin-top:15px}.cc-cookies{background:var(--ccb-cookies-bg, #fbfbfb);border-radius:0 0 5px 5px}.cc-cookies>p{font-size:.875rem}.cc-cookies>p,.cc-cookies>.cc-cookie{margin:0;padding:15px;border-top:1px solid var(--ccb-cookies-bdr, #fbfbfb)}.cc-cookie label.cookie+*{margin-top:10px}.cc-cookie p{margin:0 0 15px;font-size:.875rem}.cc-cookie-desc p{margin-bottom:0}.cc-footer,.cc-info{text-align:center}.cc-info{margin-top:15px}.cc-info>p{font-size:.875rem}.cc-info>a{display:inline-block;font-size:.813rem;color:var(--ccb-detail-clr, #a2a2a2);text-decoration:none}.cc-info>a:hover{color:var(--ccb-detail-clr-hvr, #717171)}.cc-info>a+a:before{display:inline-block;content:"·";margin-right:5px}.cc-active .cc-inner{opacity:1;pointer-events:auto;visibility:visible}.cc-active.cc-blocked{pointer-events:auto;animation:cookiebar-overlay-in var(--ccb-anim-duration) ease-in-out forwards}.cc-saved.cc-inner{opacity:0;pointer-events:none;visibility:hidden}.cc-saved.cc-blocked{pointer-events:none;animation:cookiebar-overlay-out var(--ccb-anim-duration) ease-in-out forwards}.cc-left{--ccb-justify: flex-start}.cc-right{--ccb-justify: flex-end}.cc-top{--ccb-align: flex-start}.cc-top.cc-active{--ccb-anim: cookiebar-top-in}.cc-top.cc-saved{--ccb-anim: cookiebar-top-out}.cc-middle.cc-active{--ccb-anim: cookiebar-middle-in}.cc-middle.cc-saved{--ccb-anim: cookiebar-middle-out}.cc-bottom{--ccb-align: flex-end}.cc-bottom.cc-active{--ccb-anim: cookiebar-bottom-in}.cc-bottom.cc-saved{--ccb-anim: cookiebar-bottom-out}@media(min-width: 768px){.contao-cookiebar .cc-btn{width:auto;margin-bottom:0}.cc-inner{max-width:var(--ccb-max-width, 750px)}}@keyframes cookiebar-overlay-in{0%{background:rgba(0,0,0,0)}to{background:var(--ccb-backdrop)}}@keyframes cookiebar-overlay-out{0%{background:var(--ccb-backdrop)}to{background:rgba(0,0,0,0);visibility:hidden}}@keyframes cookiebar-top-in{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}@keyframes cookiebar-top-out{0%{opacity:1;visibility:visible;transform:translateY(0)}to{opacity:0;visibility:hidden;transform:translateY(-100%)}}@keyframes cookiebar-middle-in{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}@keyframes cookiebar-middle-out{0%{opacity:1;visibility:visible;transform:scale(1)}to{opacity:0;visibility:hidden;transform:scale(0)}}@keyframes cookiebar-bottom-in{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes cookiebar-bottom-out{0%{opacity:1;visibility:visible;transform:translateY(0)}to{opacity:0;visibility:hidden;transform:translateY(100%)}}.cc-groups{display:none;padding-top:15px}.cc-group{text-align:left}.cc-group>label{margin:5px 130px 5px 10px}.cc-detail-btn-details{text-decoration:underline;padding:0;margin:0 0 10px;color:var(--ccb-detail-clr, #a2a2a2);border:0 none;outline:0 none;background:rgba(0,0,0,0);font-size:13px;letter-spacing:0;text-transform:initial;cursor:pointer}.cc-detail-btn-details span:nth-child(2){display:none}.cc-detail-btn-details.cc-active span:nth-child(1){display:none}.cc-detail-btn-details.cc-active span:nth-child(2){display:inline}.cc-detail-btn-details:hover{color:var(--ccb-detail-clr-hvr, #717171)} /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */ /* Document ========================================================================== */ /** * 1. Correct the line height in all browsers. * 2. Prevent adjustments of font size after orientation changes in iOS. */ html { line-height: 1.15; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ } /* Sections ========================================================================== */ /** * Remove the margin in all browsers. */ body { margin: 0; } /** * Render the `main` element consistently in IE. */ main { display: block; } /** * Correct the font size and margin on `h1` elements within `section` and * `article` contexts in Chrome, Firefox, and Safari. */ h1 { font-size: 2em; margin: 0.67em 0; } /* Grouping content ========================================================================== */ /** * 1. Add the correct box sizing in Firefox. * 2. Show the overflow in Edge and IE. */ hr { box-sizing: content-box; /* 1 */ height: 0; /* 1 */ overflow: visible; /* 2 */ } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ pre { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } /* Text-level semantics ========================================================================== */ /** * Remove the gray background on active links in IE 10. */ a { background-color: transparent; } /** * 1. Remove the bottom border in Chrome 57- * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. */ abbr[title] { border-bottom: none; /* 1 */ text-decoration: underline; /* 2 */ text-decoration: underline dotted; /* 2 */ } /** * Add the correct font weight in Chrome, Edge, and Safari. */ b, strong { font-weight: bolder; } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ code, kbd, samp { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } /** * Add the correct font size in all browsers. */ small { font-size: 80%; } /** * Prevent `sub` and `sup` elements from affecting the line height in * all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } /* Embedded content ========================================================================== */ /** * Remove the border on images inside links in IE 10. */ img { border-style: none; } /* Forms ========================================================================== */ /** * 1. Change the font styles in all browsers. * 2. Remove the margin in Firefox and Safari. */ button, input, optgroup, select, textarea { font-family: inherit; /* 1 */ font-size: 100%; /* 1 */ line-height: 1.15; /* 1 */ margin: 0; /* 2 */ } /** * Show the overflow in IE. * 1. Show the overflow in Edge. */ button, input { /* 1 */ overflow: visible; } /** * Remove the inheritance of text transform in Edge, Firefox, and IE. * 1. Remove the inheritance of text transform in Firefox. */ button, select { /* 1 */ text-transform: none; } /** * Correct the inability to style clickable types in iOS and Safari. */ button, [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; } /** * Remove the inner border and padding in Firefox. */ button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: none; padding: 0; } /** * Restore the focus styles unset by the previous rule. */ button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline: 1px dotted ButtonText; } /** * Correct the padding in Firefox. */ fieldset { padding: 0.35em 0.75em 0.625em; } /** * 1. Correct the text wrapping in Edge and IE. * 2. Correct the color inheritance from `fieldset` elements in IE. * 3. Remove the padding so developers are not caught out when they zero out * `fieldset` elements in all browsers. */ legend { box-sizing: border-box; /* 1 */ color: inherit; /* 2 */ display: table; /* 1 */ max-width: 100%; /* 1 */ padding: 0; /* 3 */ white-space: normal; /* 1 */ } /** * Add the correct vertical alignment in Chrome, Firefox, and Opera. */ progress { vertical-align: baseline; } /** * Remove the default vertical scrollbar in IE 10+. */ textarea { overflow: auto; } /** * 1. Add the correct box sizing in IE 10. * 2. Remove the padding in IE 10. */ [type="checkbox"], [type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ } /** * Correct the cursor style of increment and decrement buttons in Chrome. */ [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; } /** * 1. Correct the odd appearance in Chrome and Safari. * 2. Correct the outline style in Safari. */ [type="search"] { -webkit-appearance: textfield; /* 1 */ outline-offset: -2px; /* 2 */ } /** * Remove the inner padding in Chrome and Safari on macOS. */ [type="search"]::-webkit-search-decoration { -webkit-appearance: none; } /** * 1. Correct the inability to style clickable types in iOS and Safari. * 2. Change font properties to `inherit` in Safari. */ ::-webkit-file-upload-button { -webkit-appearance: button; /* 1 */ font: inherit; /* 2 */ } /* Interactive ========================================================================== */ /* * Add the correct display in Edge, IE 10+, and Firefox. */ details { display: block; } /* * Add the correct display in all browsers. */ summary { display: list-item; } /* Misc ========================================================================== */ /** * Add the correct display in IE 10+. */ template { display: none; } /** * Add the correct display in IE 10. */ [hidden] { display: none; } body,form,figure{margin:0;padding:0}img{border:0}header,footer,nav,section,aside,article,figure,figcaption{display:block}body{font-size:100.01%}select,input,textarea{font-size:99%}#container,.inside{position:relative}#main,#left,#right{position:relative}#footer{clear:both}#main .inside{min-height:1px}.ce_gallery>ul{margin:0;padding:0;overflow:hidden;list-style:none}.ce_gallery>ul li{float:left}.ce_gallery>ul li.col_first{clear:left}.float_left{float:left}.float_right{float:right}.block{overflow:hidden}.clear,#clear{height:.1px;font-size:.1px;line-height:.1px;clear:both}.invisible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.custom{display:block}#container:after,.custom:after{content:"";display:table;clear:both} input#hamburg { display: none; } label.hamburg { display: block; width: 25px; height: 14px; position: relative; cursor: pointer; } .line { position: absolute; left: 0; height: 2px; width: 25px; background: #333; border-radius: 0; display: block; transition: 0.5s; transform-origin: center; } .line:nth-child(1) { top: 0px; } .line:nth-child(2) { top: 6px; } .line:nth-child(3) { top: 12px; } #hamburg:checked + .hamburg .line:nth-child(1) { transform: translateY(6px) rotate(-45deg); } #hamburg:checked + .hamburg .line:nth-child(2) { opacity: 0; } #hamburg:checked + .hamburg .line:nth-child(3) { transform: translateY(-6px) rotate(45deg); } .overlay.open{ height:100%; width:100%; } /* The Overlay (background) */ .overlay { /* Height & width depends on how you want to reveal the overlay (see JS below) */ height: 100%; width: 0; position: fixed; /* Stay in place */ z-index: 1; /* Sit on top */ left: 0; top: 0; background-color: rgb(133,127,5); /* Black fallback color */ background: rgba(133,127,5,0.8); overflow-x: hidden; /* Disable horizontal scroll */ transition: 0.5s; /* 0.5 second transition effect to slide in or slide down the overlay (height or width, depending on reveal) */ z-index:999999; } /* Position the content inside the overlay */ .overlay-content { position: relative; top: 25%; /* 25% from the top */ width: 100%; /* 100% width */ text-align: center; /* Centered text/links */ margin-top: 30px; /* 30px top margin to avoid conflict with the close button on smaller screens */ } /* The navigation links inside the overlay */ .overlay a { padding: 8px; text-decoration: none; font-size: 36px; color: #818181; display: block; /* Display block instead of inline */ transition: 0.3s; /* Transition effects on hover (color) */ } /* When you mouse over the navigation links, change their color */ .overlay a:hover, .overlay a:focus { color: #f1f1f1; } /* Position the close button (top right corner) */ .overlay .closebtn { position: absolute; top: 20px; right: 45px; font-size: 60px; } /* The navigation links inside the overlay */ .overlay li > a, .overlay li > strong { padding: 8px; text-decoration: none; font-size: 36px; color: white; display: block; /* Display block instead of inline */ transition: 0.3s; /* Transition effects on hover (color) */ } .overlay .mod_navigation ul.level_2 { padding: 10px 0 5px 18px; } .overlay .mod_navigation ul.level_2 li{ margin-bottom:15px; } .overlay .mod_navigation ul.level_2 li > a, .overlay .mod_navigation ul.level_2 li > strong { font-size: 24px; padding-top: 0; padding-bottom: 0; } .overlay ul.level_2{ display:none; } .overlay li.active ul.level_2,.overlay li.trail ul.level_2{ display:block; } .overlay ul.level_2 li > * { font-size: 1.8rem; vertical-align: middle; display: inline-block; } .overlay ul.level_2 li::before { content: '•'; display: inline-block; margin-left: -10px; margin-right: 5px; vertical-align: middle; } .overlay ul.level_2 li > * { font-size: 1.8rem; } /* When you mouse over the navigation links, change their color */ .overlay a:hover, .overlay a:focus, .overlay li > strong { color: rgba(255,255,255,0.8); } .overlay .mod_navigation { max-width: 1280px; margin: 0 auto; margin-top: 0px; margin-top: 20vh; opacity: 0; padding: 0 2rem; box-sizing: border-box; overflow: visible; } /* When the height of the screen is less than 450 pixels, change the font-size of the links and position the close button again, so they don't overlap */ @media screen and (max-height: 450px) { .overlay a {font-size: 20px} .overlay .closebtn { font-size: 40px; top: 15px; right: 35px; } } /*! Pushy - v1.4.0 - 2020-12-28 * Pushy is a responsive off-canvas navigation menu using CSS transforms & transitions. * https://github.com/christophery/pushy/ * by Christopher Yee */ /* Menu Appearance */ .pushy { position: fixed; width: 200px; height: 100%; top: 0; z-index: 9999; background: #191918; overflow: auto; -webkit-overflow-scrolling: touch; /* enables momentum scrolling in iOS overflow elements */ } .pushy a { display: block; color: #b3b3b1; padding: 15px 30px; text-decoration: none; } .pushy a:hover { color: #FFF; } .pushy ul:first-child { margin-top: 10px; } .pushy.pushy-left { left: 0; } .pushy.pushy-right { right: 0; } .pushy-content { visibility: hidden; } /* Menu Movement */ .pushy-left { -webkit-transform: translate3d(-200px, 0, 0); -ms-transform: translate3d(-200px, 0, 0); transform: translate3d(-200px, 0, 0); } .pushy-open-left #container, .pushy-open-left .push { -webkit-transform: translate3d(200px, 0, 0); -ms-transform: translate3d(200px, 0, 0); transform: translate3d(200px, 0, 0); } .pushy-right { -webkit-transform: translate3d(200px, 0, 0); -ms-transform: translate3d(200px, 0, 0); transform: translate3d(200px, 0, 0); } .pushy-open-right #container, .pushy-open-right .push { -webkit-transform: translate3d(-200px, 0, 0); -ms-transform: translate3d(-200px, 0, 0); transform: translate3d(-200px, 0, 0); } .pushy-open-left .pushy, .pushy-open-right .pushy { -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .pushy-open-left .pushy-content, .pushy-open-right .pushy-content { visibility: visible; } /* Menu Transitions */ #container, .pushy, .push { transition: transform 0.2s cubic-bezier(0.16, 0.68, 0.43, 0.99); } .pushy-content { transition: visibility 0.2s cubic-bezier(0.16, 0.68, 0.43, 0.99); } /* Site Overlay */ .site-overlay { display: none; } .pushy-open-left .site-overlay, .pushy-open-right .site-overlay { display: block; position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 9998; background-color: rgba(47, 115, 158, 0.7); -webkit-animation: fade 500ms; animation: fade 500ms; } @keyframes fade { 0% { opacity: 0; } 100% { opacity: 1; } } @-webkit-keyframes fade { 0% { opacity: 0; } 100% { opacity: 1; } } /* Submenu Appearance */ .pushy-submenu { /* Submenu Buttons */ /* Submenu Icon */ } .pushy-submenu > ul { padding-left: 15px; transition: max-height 0.2s ease-in-out, visibility 0.2s ease-in-out; } .pushy-submenu > ul .pushy-link { transition: opacity 0.2s ease-in-out; } .pushy-submenu button { width: 100%; color: #b3b3b1; padding: 15px 30px; text-align: left; background: transparent; border: 0; } .pushy-submenu button:hover { color: #FFF; } .pushy-submenu > a, .pushy-submenu > button { position: relative; } .pushy-submenu > a::after, .pushy-submenu > button::after { content: ''; display: block; height: 11px; width: 8px; position: absolute; top: 50%; right: 15px; background: url("../../files/theme/layout/scripts/plugins/pushy/img/arrow.svg") no-repeat; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); transition: transform 0.2s; } /* Submenu Movement */ .pushy-submenu-closed > ul { max-height: 0; overflow: hidden; visibility: hidden; } .pushy-submenu-closed .pushy-link { opacity: 0; } .pushy-submenu-open { /* Submenu Icon */ } .pushy-submenu-open > ul { max-height: 1000px; visibility: visible; } .pushy-submenu-open .pushy-link { opacity: 1; } .pushy-submenu-open > a::after, .pushy-submenu-open > button::after { -webkit-transform: translateY(-50%) rotate(90deg); -ms-transform: translateY(-50%) rotate(90deg); transform: translateY(-50%) rotate(90deg); } .pushy{ width: 300px; /* Changed the width to 400px */ } .pushy-left{ transform: translate3d(-300px,0,0); /* Updated the values */ /* Don't forget the vendor prefixes */ } .pushy-open-left #herosection, .pushy-open-left #container, .pushy-open-left .push { transform: translate3d(300px, 0, 0); /* Updated the values */ } .pushy-right { transform: translate3d(300px, 0, 0); /* Updated the values */ /* Don't forget the vendor prefixes */ } .pushy-open-right #herosection, .pushy-open-right #container, .pushy-open-right .push { transform: translate3d(-300px, 0, 0); /* Updated the values */ /* Don't forget the vendor prefixes */ } .pushy { background: white; } .pushy button,.pushy button:hover, .pushy a, .pushy a:hover { color:#333; } .pushy-submenu button, .pushy strong { width: 100%; color: #333; padding: 15px 30px; text-align: left; background: transparent; border: 0; } .pushy-submenu ul > li{ font-size: 16px; } .pushy-submenu ul > li > a, .pushy-submenu ul > li > strong{ padding: 0 30px; } .pushy { background: white; } .pushy button,.pushy button:hover, .pushy a, .pushy a:hover { color:#333; } .pushy-submenu button, .pushy strong { width: 100%; color: #333; padding: 15px 30px; text-align: left; background: transparent; border: 0; } .pushy-submenu ul > li{ font-size: 16px; } .pushy-submenu ul > li > a, .pushy-submenu ul > li > strong{ padding: 0 30px; } body.pushy-open-left{ overflow: hidden; height: calc(100vh - 52px); -webkit-overflow-scrolling: touch; } body .pushy{ background: transparent; position: fixed; background: whiteSmoke; height: calc(100vh - 67.3333px); top:67.3333px; } body .pushy-submenu > ul{ padding: 0; } body .pushy ul > li > a, body .pushy ul > li > strong,body .pushy .submenu button{ color:#12191c !important; border-bottom: 1px solid gray; padding: 10px; font-weight: 500; display: block; } body .pushy .submenu > ul{ background: #F0EEEB; } body .pushy .submenu > ul.level_3{ background: #EAE8E5; } body .pushy .submenu .level_2 button, body .pushy .submenu .level_2 li > a,body .pushy .submenu .level_2 li > strong{ padding-left: 20px; } body .pushy .submenu .level_3 button, body .pushy .submenu .level_3 li > a,body .pushy .submenu .level_3 li > strong{ padding-left: 30px; } body .pushy ul > li > a:hover,body .pushy ul > li > strong{ background: #fbfbfa } .pushy-open-left .site-overlay, .pushy-open-right .site-overlay { display: block; position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 9998; background-color: transparent; -webkit-animation: fade 500ms; animation: fade 500ms; } body.pushy-open-right{ overflow: hidden; } body .pushy ul:first-child { margin-top: 0; } /* iCheck plugin skins ----------------------------------- */ @import url("../../files/theme/layout/scripts/plugins/icheck/skins/minimal/_all.css"); /* @import url("../../files/theme/layout/scripts/plugins/icheck/skins/minimal/minimal.css"); @import url("../../files/theme/layout/scripts/plugins/icheck/skins/minimal/red.css"); @import url("../../files/theme/layout/scripts/plugins/icheck/skins/minimal/green.css"); @import url("../../files/theme/layout/scripts/plugins/icheck/skins/minimal/blue.css"); @import url("../../files/theme/layout/scripts/plugins/icheck/skins/minimal/aero.css"); @import url("../../files/theme/layout/scripts/plugins/icheck/skins/minimal/grey.css"); @import url("../../files/theme/layout/scripts/plugins/icheck/skins/minimal/orange.css"); @import url("../../files/theme/layout/scripts/plugins/icheck/skins/minimal/yellow.css"); @import url("../../files/theme/layout/scripts/plugins/icheck/skins/minimal/pink.css"); @import url("../../files/theme/layout/scripts/plugins/icheck/skins/minimal/purple.css"); */ @import url("../../files/theme/layout/scripts/plugins/icheck/skins/square/_all.css"); /* @import url("../../files/theme/layout/scripts/plugins/icheck/skins/square/square.css"); @import url("../../files/theme/layout/scripts/plugins/icheck/skins/square/red.css"); @import url("../../files/theme/layout/scripts/plugins/icheck/skins/square/green.css"); @import url("../../files/theme/layout/scripts/plugins/icheck/skins/square/blue.css"); @import url("../../files/theme/layout/scripts/plugins/icheck/skins/square/aero.css"); @import url("../../files/theme/layout/scripts/plugins/icheck/skins/square/grey.css"); @import url("../../files/theme/layout/scripts/plugins/icheck/skins/square/orange.css"); @import url("../../files/theme/layout/scripts/plugins/icheck/skins/square/yellow.css"); @import url("../../files/theme/layout/scripts/plugins/icheck/skins/square/pink.css"); @import url("../../files/theme/layout/scripts/plugins/icheck/skins/square/purple.css"); */ @import url("../../files/theme/layout/scripts/plugins/icheck/skins/flat/_all.css"); /* @import url("../../files/theme/layout/scripts/plugins/icheck/skins/flat/flat.css"); @import url("../../files/theme/layout/scripts/plugins/icheck/skins/flat/red.css"); @import url("../../files/theme/layout/scripts/plugins/icheck/skins/flat/green.css"); @import url("../../files/theme/layout/scripts/plugins/icheck/skins/flat/blue.css"); @import url("../../files/theme/layout/scripts/plugins/icheck/skins/flat/aero.css"); @import url("../../files/theme/layout/scripts/plugins/icheck/skins/flat/grey.css"); @import url("../../files/theme/layout/scripts/plugins/icheck/skins/flat/orange.css"); @import url("../../files/theme/layout/scripts/plugins/icheck/skins/flat/yellow.css"); @import url("../../files/theme/layout/scripts/plugins/icheck/skins/flat/pink.css"); @import url("../../files/theme/layout/scripts/plugins/icheck/skins/flat/purple.css"); */ @import url("../../files/theme/layout/scripts/plugins/icheck/skins/line/_all.css"); /* @import url("../../files/theme/layout/scripts/plugins/icheck/skins/line/line.css"); @import url("../../files/theme/layout/scripts/plugins/icheck/skins/line/red.css"); @import url("../../files/theme/layout/scripts/plugins/icheck/skins/line/green.css"); @import url("../../files/theme/layout/scripts/plugins/icheck/skins/line/blue.css"); @import url("../../files/theme/layout/scripts/plugins/icheck/skins/line/aero.css"); @import url("../../files/theme/layout/scripts/plugins/icheck/skins/line/grey.css"); @import url("../../files/theme/layout/scripts/plugins/icheck/skins/line/orange.css"); @import url("../../files/theme/layout/scripts/plugins/icheck/skins/line/yellow.css"); @import url("../../files/theme/layout/scripts/plugins/icheck/skins/line/pink.css"); @import url("../../files/theme/layout/scripts/plugins/icheck/skins/line/purple.css"); */ @import url("../../files/theme/layout/scripts/plugins/icheck/skins/polaris/polaris.css"); @import url("../../files/theme/layout/scripts/plugins/icheck/skins/futurico/futurico.css"); /*Basics*/ :root { --button-color: #F66035; --button-hover-color: #F86F4C; --text-on-light: #F66035; --text-on-dark: #F66035; --text-on-button: #FFF; --header-color: #313131; --header-border-color: #222222; --header-text-color: #ffffff; } *{ border: none; outline: none; } html{ font-size:100.1%; overflow-x:hidden; -webkit-overflow-scrolling: touch; -webkit-text-size-adjust: 100%; } body, html { height:100%; min-height:100%; } body{ font-family: interstate, sans-serif; color:#222; font-size: 18px; line-height: 1.8rem; font-weight:300; display: flex; min-height: 100vh; flex-direction: column; } #wrapper { flex: 1 0 auto; } /*Basics*/ /*Ende sticky footer*/ /*Form*/ input,textarea,select{ /*Safari*/ -webkit-appearance: none; border-radius:0; -webkit-border-radius:0; } .widget{ margin-bottom: 2rem; display: table; width: 100%; box-sizing: border-box; color:gray; } .widget.widget-checkbox{ color: inherit; } .widget.w50,.widget-select { float: left; width: calc((100% - 2rem) / 2); margin-right: 2rem; margin-bottom: 2rem; } .widget.w50.clr { margin-right: 0; } .widget.w50.noflaot { float:none; } .widget.widget-checkbox, .widget.widget-radio { display: block; margin-bottom: 2rem; padding-left: 32px; } .widget.widget-checkbox label span, .widget.widget-radio label span{ display: inherit; } .widget.widget-text input { padding: 10px 15px; width: 100%; background: #f3f4f6; border: 0; box-sizing: border-box; } .widget.widget-textarea textarea { padding: 15px; width: 100%; background: #f3f4f6; border: 0; box-sizing: border-box; } .submit{ background: transparent; padding: 0 4rem; line-height: 3rem; float: right; display: table; cursor: pointer; color: white; } body .icheckbox_minimal { margin-left: -32px; margin-right: 10px; } body .dk-select, body .dk-select-multi{ width: 100%; box-sizing: border-box; } body .dk-select .dk-selected{ padding:10px 15px; } body .dk-select{ height: auto; } body select[data-dkcacheid] { display: block; height: 100%; width: 200px; position: absolute; top: 0; opacity: 0; z-index: -99999; } .widget-select { position: relative; } /*Ende Form*/ /*set images to maxwidth 100%*/ figure{ line-height:0; margin: 0; } figure > img, .image_container > img{ max-width:100%; height:auto; } a{ color:inherit; } a:focus{ } /*Ende Basics*/ a { transition:all 0.2s ease; -webkit-transition:all 0.2s ease; -moz-transition:all 0.2s ease; -o-transition:all 0.2s ease; -ms-transition:all 0.2s ease; text-decoration: none; color:inherit; } .table{ display:table; width:100%; } .table-wrapper { display: table; vertical-align: middle; text-align: center; width: 100%; height: 100%; table-layout:fixed; } .row{ display:table-row; position:relative; } .row > *{ display:table-cell; } .vtop{ vertical-align: top } .vmiddle{ vertical-align: middle } .vbottom{ vertical-align: bottom } .headlinecontainer{ margin-bottom:2rem; } .headlinecontainer > *{ margin:0; } h1, h2, h3, h4, h5, h6 { font-family: "KlavikaWebBasicLight",arial,sans-serif; font-weight: 100; } h1, .h1 { font-size:1.7em; line-height:1.2em; letter-spacing:0.03em; margin-bottom:0.5em; } h2 { font-size: 1.4rem; line-height: 1.6; } h3, .h3 { font-size:1.5em } h4 { font-size:1.4em; margin-bottom: 0; } h5, .h5{ font-size:16px; font-weight:600; } h6{} ul li{ } li{ list-style-type:none; } p{ margin-bottom:20px; margin-top:0; } p:last-of-type{ margin-bottom:0; } ul,ol{ margin:0; padding:0; } span{ display: block; } #main { } /*Teaser*/ .ce_pageteaser span, .ce_pageteaser a, .ce_page_teasers_element span, .ce_page_teasers_element a{ display: block; } .teasergrid > div { margin: -10px -10.0015px -20px -10.0015px; display: table; min-width: 100%; } .ce_gallery ul > li a{ display: block; } .teasergrid > div > *,.ce_gallery ul > li{ float: left; margin:0 10.0015px 20px; } .ce_gallery ul > li img{ max-width: 100%; height: auto; } .teasergrid > .itemsperRow_1 > *, .ce_gallery ul.cols_1 > li{ width:calc(100% / 1 ) } .teasergrid > .itemsperRow_2 > *,.ce_gallery ul.cols_2 > li{ width:calc( (100% - (4 * 10.0015px)) / 2 ) } .teasergrid > .itemsperRow_3 > *, .ce_gallery ul.cols_3 > li{ width:calc( (100% - (6 * 10.0015px)) / 3 ) } .teasergrid > .itemsperRow_4 > *, .ce_gallery ul.cols_4 > li{ width:calc( (100% - (8 * 10.0015px)) / 4 ) } .teasergrid > .itemsperRow_5 > *, .ce_gallery ul.cols_5 > li{ width:calc( (100% - (10 * 10.0015px)) / 5 ) } .teasergrid > .itemsperRow_6 > *, .ce_gallery ul.cols_6 > li{ width:calc(100% / 6 ) } #herosection{ width: 100%; position:relative; } #herosection .mod_pageImage > .inside.mod_pageImage > .inside,#herosection .mod_pageImage > .inside .bgImage{ line-height:0; } #herosection .mod_pageImage > .inside .caption{ position: absolute; left: 0; top: 0; z-index: 6; } #herosection .inside,#herosection .inside .ce_herosection,#herosection .inside .ce_herosection .flexslider,#herosection .inside .ce_herosection .flexslider .slides, #herosection .inside .ce_herosection .flexslider .slides li,#herosection .inside .ce_herosection .flexslider .slides li .bgImage, #herosection .inside .ce_herosection .mod_pageImage,#herosection .inside .ce_herosection .mod_pageImage .inside, #herosection .inside .ce_herosection .mod_pageImage .inside .bgImage{ height: 100%; } #herosection .caption *, #herosection .bgImage *,#herosection .flex-control-nav{ height: auto; } /*if googlemap Iframe*/ #herosection iframe { border: 0; width: 100%; position: absolute; top: 0; height: 100%; z-index: 99999; } .headertop > .inside,.headerbottom > .inside, .footertop > .inside,.footerbottom > .inside,#main .mod_article > .block{ max-width: 1280px; margin: 0 auto; padding: 0 2rem; box-sizing: border-box; position: relative; } footer > .inside{ } #main .mod_article > .block{ padding: 6rem 2rem; } #main .mod_article.fullwidth > .block, #main .mod_article > .block.fullwidth { max-width: none; margin: 0; padding: 6rem 0; box-sizing: border-box; } /*parallax*/ .fullwidth.mod_article > .block.ce_parallaxImage{ padding: 0; } .parallax-container { position: relative; overflow: hidden; height: 650px; } .parallax-container .parallax { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: -1; } .parallax-container .parallax img { opacity: 0; position: absolute; left: 50%; bottom: 0; min-width: 100%; min-height: 100%; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-transform: translateX(-50%); transform: translateX(-50%); } .ce_responsivebanner .caption{ max-width: 980px; padding: 20px 2rem 0; font-size: 14px; margin: 0 auto; } /*introtext*/ #main .mod_article > .ce_introtext{ max-width: 980px; } /*align*/ .flex-viewport{ height: 100%; } body .flexslider { margin: 0; background: transparent; border: none; position: relative; -webkit-border-radius: 0; -moz-border-radius: 0; -o-border-radius: 0; border-radius: 0; -webkit-box-shadow: none; -moz-box-shadow: none; -o-box-shadow: none; box-shadow: none; } body .flex-control-nav { bottom: 0; z-index: 999; } .avatar.rounded { border-radius: 50%; overflow: hidden; height: 20vw; width: 20vw; max-width: 250px; max-height: 250px; /* margin: 0 auto; */ } .center .textholder{ text-align: center; } .textholder.align_above{ margin-bottom: 6rem; } /*csscolumn*/ .columnized h3, .columnized h2, .columnized h1, .columnized h4, .columnized h5, .columnized h6,.columnized .headlinecontainer { -webkit-column-span: all; column-span: all; } .columnized p { break-after: column; -webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid; } /*Headerefx*/ body #header.clone { position: fixed; top: 0; left: 0; right: 0; transform: translateY(-100%); transition: 0.2s transform cubic-bezier(.3,.73,.3,.74); width: 100%; z-index: 999; } body.effectHeader.showOnUp.up #header.clone { transform: translateY(0); } body.effectHeader.showOnDown.down #header.clone,body.effectHeader.showOnDown.up #header.clone { transform: translateY(0); } .vAlign_middle .row > *{ vertical-align: middle; } .vAlign_top .row > *{ vertical-align: top; } .vAlign_bottom .row > *{ vertical-align: bottom; } .ce_kachelelement .row > *{ width: 50%; } .ce_kachelelement .notfloat_right{ padding-left:calc(((100% - 1280px) / 2)); } .ce_kachelelement .notfloat_right > .inside{ padding: 0 4rem 4rem 2rem; } .ce_kachelelement .notfloat_left{ padding-right:calc(((100% - 1280px) / 2)); } .ce_kachelelement .notfloat_left > .inside{ padding: 0 2rem 4rem 4rem; } .ce_kachelelement video{ height: 100%; width: 100%; object-fit: cover; } .video_container video { max-width: 100%; height: auto; } /*scrolltop*/ a#return-to-top { background: var(--darkblue); color: white; width: 60px; height: 48px; display: block; text-decoration: none; display: none; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; z-index:99999; } a#return-to-top:hover { opacity:0.8; } a#return-to-top .icon-chevron-up{ display: table; height: 100%; width: 100%; } a#return-to-top .icon-chevron-up { display: table; height: 100%; width: 100%; } a#return-to-top .icon-chevron-up > i{ display: table-cell; vertical-align: middle; text-align: center; } #return-to-top img { width: 59%; transform: rotate(-90deg); margin: 6px 0 0 12px; } .bgImage > img{ max-width: 100%; height: auto; } .ce_gridList .slides li > img{ opacity: 0; width: auto; max-width: 100%; } .ce_gridList .flexslider .slides > li:first-of-type{ display: block; } .video_holder { position: relative; background: black; overflow: hidden; } .ce_gridList video{ width: 100%; height: auto; } /*Tciker*/ .ce_ticker{ padding: 1rem 2rem 0.5rem; box-sizing: border-box; } #ticker { width: 100%; list-style: none; height: 1.85em; overflow: hidden; margin: 0; } #ticker > li { width: 100%; text-align: center; font-weight: bold; } /*Searchmodal*/ .openBtn { padding: 0; line-height: 0; display: inline-block; vertical-align: middle; background: transparent; margin-left: 2rem; } .openBtn img{ max-width: 100%; height: auto; } .openBtn { background: transparent; border: none; padding: 0; cursor: pointer; } .openBtn:hover { opacity: 0.8; } .overlay { height: 100%; width: 100%; display: none; position: fixed; z-index: 99999; top: 0; left: 0; background-color: rgb(0,0,0); background-color: rgba(0,0,0, 0.9); } .overlay-content { position: relative; top: 46%; width: 80%; text-align: center; margin-top: 30px; margin: auto; } .overlay .closebtn { position: absolute; top: 20px; right: 45px; font-size: 60px; cursor: pointer; color: white; } .overlay .closebtn:hover { color: #ccc; } [type="search"] { width: 100%; } .mod_search form { display: table; width: 100%; max-width: 680px; margin: 0 auto; } .mod_search form > .formbody{ display: table-row; } .mod_search form > .formbody > *{ display: table-cell; vertical-align: middle; } .mod_search form .widget-text { background: white; width: calc(100% - 200px); } .mod_search form .widget-submit { width: 200px; border: 2px solid gray; background: gray; } .mod_search form .widget-submit > * { width: 100%; background: transparent; text-transform: uppercase; cursor: pointer; color: white; } .mod_search form [type="submit"] { padding: 0; margin: 0; line-height: 1; } .mod_search form .widget.widget-text input{ background: white; padding: 10px 20px; } /*Linked Headline*/ /*headlinelink*/ .ce_headlineLink > .inside { display: table; margin: 0 auto; } .ce_headlineLink .h2 { font-size: 56px; margin-bottom: 1rem; line-height: 1.2; } .ce_headlineLink .subheadline{ font-size: 28px; } .ce_headlineLink .headlineholder { padding-left: 3rem; } .ce_headlineLink .icon { width: 100px; height: 100px; } /*HeroImage*/ .ce_heroImage{ position: relative; } .ce_heroImage .caption{ position: absolute; width: 100%; height: 100%; top: 0; left: 0; } .ce_heroImage .caption > .inside{ display: table; height: 100%; width: 100%; max-width: 1280px; margin: 0 auto; padding: 2rem 2rem; box-sizing: border-box; } .noMargBottom{ margin: 0; } .captext{ text-align: center; } .capholder h2{ font-size: 48px; line-height: 1; } .capholder .linkText { display: table; margin: 0 auto; margin-top: 0px; background: var(--orange); line-height: 1; padding: 10px 2rem; margin-top: 2rem; } .footertop .row > *{ vertical-align: middle; } .socialholder { float: right; display: table; } .socialcell .item { float: left; margin-left: 20px; width: 40px; } .socialcell img { max-width: 100%; opacity: 0.8; transition: all 0.2s ease; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; -ms-transition: all 0.2s ease; } /*wow*/ .wow{ visibility: hidden; } .logowhite { margin-bottom: 2rem; } .mod_logo { width: 180px; } .mod_logo img { max-width: 100%; } .footertop .row > * { vertical-align: top; } .social { display: table; float: right; } .social > * { float: left; margin-right: 20px; } .social span { display: block; } .socialIcon img { max-height: 100%; } .social img { height: 25px; width: auto; } .headertopholder { display: table; width: 100%; text-align: center; letter-spacing: 0.03rem; line-height: 1; } .headertopholder, .footertop, .footerbottom { padding: 20px 0; font-weight: 400; font-size: 15px; } .footertop{ background: gray; } .footerbottom,.headertop{ background: black; } .footertop, .footerbottom, .headertop{ color: white; } .social > * > span { height: 100%; line-height: 0; } .map { height: 450px; } #header .row > * > span.icon { height: 0.8rem; margin-right: 5px; } #header .row > * > span { display: inline-block; vertical-align: middle; } #header .row > * > span.icon img { height: 100%; width: auto; } #header .mod_navigation > ul > li { float: left; margin-left: 2rem; } .navigation > * { float: right; width: auto; } header .row > *{ vertical-align: middle; } body .sf-menu a, body .sf-menu strong { border: none; padding: .75em 1em; padding-right: 1em; color: inherit; display: block; } body .sf-menu li { background: transparent !important; white-space: nowrap; *white-space: normal; -webkit-transition: background .2s; transition: background .2s; } #header .mod_navigation .sf-menu ul a, #header .mod_navigation .sf-menu ul strong{ border-bottom: 1px solid rgba(0,0,0,0.3); } #header .mod_navigation .sf-menu ul strong{ display: block; padding: .75em 1em; padding-right: 1em; padding-right: 1em; } #header .mod_navigation .sf-menu ul a:hover, #header .mod_navigation .sf-menu ul strong:hover, #header .mod_navigation .sf-menu ul strong{ background: whiteSmoke; } body .sf-menu ul { box-shadow: none; background: white; } body .sf-arrows .sf-with-ul:after{ border-top-color: var(--blue) !important; } body .sf-menu { float: none; margin-bottom: 0; } header .mod_navigation.block{ overflow: visible; } body .sf-menu a { color: inherit; } .pageimage { position: relative; background: black; } #herosection .caption { position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; z-index: 999; } #herosection .caption *, #herosection .bgImage *, #herosection .flex-control-nav { height: auto; } #herosection .caption .inside > div { max-width: 1280px; margin: 0 auto; padding: 2rem; padding-right: 2rem; padding-left: 2rem; color: white; box-sizing: border-box; } #herosection .caption .inside > div { color: white; } #herosection h1 { font-size: 40px; } #herosection .row > *{ vertical-align: bottom; } .linkText { display: table; margin-top: 2rem; } .linkText a { display: block; border: 1px solid rgba(255,255,255,0.6); line-height: 1; padding: 10px 40px; } /*paddingsetup*/ .noPadBottom, #main .mod_article > .block.noPadBottom{ padding-bottom: 0; } .noPadTop, #main .mod_article > .block.noPadTop{ padding-top: 0; } .noPadBottom, #main .mod_article > .block.noPadBottom{ padding-bottom: 0; } .padTopSmall, #main .mod_article > .block.padTopSmall{ padding-top: 2rem; } .padBottomSmall, #main .mod_article > .block.padBottomSmall{ padding-bottom: 2rem; } /*gridlist varinate*/ .twocol.ce_gridList{ } .twocol.ce_gridList .teasergrid > div > div{ display: table; margin: 0 auto; padding-right: 2rem; } .twocol.ce_gridList .teasergrid > div > div > .inside{ display: table-row; } .twocol.ce_gridList .teasergrid > div > div > .inside > *{ display: table-cell; vertical-align: middle; } .twocol.ce_gridList .teasergrid > div > div > .inside > .text{ text-align: left; } .twocol.ce_gridList .teasergrid > div > div > .inside > .image_container{ padding-right: 2rem; } .center.twocol.ce_gridList .teasergrid > div > div { margin: 0 auto; float: none; display: inline-block; vertical-align: middle; } .center.twocol.ce_gridList .teasergrid > div { margin: 0 -2rem 0 0; } /*align*/ .center{ text-align: center; } /*kachelelement overlap*/ .mediaholder{ position: relative; } /*.ce_kachelelement .mediaholder > .bgImage{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; } .ce_headline > ::after { content: ''; display: block; max-width: 50px; margin: 2rem auto 0; height: 3px; width: 100%; background: #333; } */ .ce_kachelelement .overlapElement > .inside{ padding: 0; } .ce_kachelelement .overlapElement.notfloat_left > .inside .holder { padding: 2rem; margin-left: -4rem; margin-right: 4rem; /*width: calc(100% + 4rem);*/ background: #d6e8ef; position: relative; z-index: 1; } .ce_kachelelement .overlapElement.notfloat_right > .inside .holder { padding: 2rem; margin-right: -4rem; /* width: calc(100% + 4rem);*/ margin-left: 4rem; position: relative; z-index: 1; } .mod_article .ce_kachelelement .overlapElement > .inside .holder{ background: white; } .mod_article[style*="background: #d6e8ef"] .ce_kachelelement .overlapElement > .inside .holder{ background: #d6e8ef; } .ce_kachelelement .overlap .mediaholder .bgImage{ padding: 4rem 0; margin-top: -4rem; } .table.overlap { margin-bottom: 4rem; margin-top: 4rem; } #header .link .title, .ce_text a, #footer a, .links li span, .readmore{ transition: all 0.2s; } #header .link .title:hover, .ce_text a:hover, #footer a:hover, .links li span:hover, .readmore:hover, .ce_hyperlink a:hover { opacity:0.75; } @media all and (min-width: 1920px){ } @media all and (max-width: 1260px){ } @media all and (max-width: 980px){ .teasergrid > .itemsperRow_3 > *, .ce_gallery ul.cols_3 > li { width: calc( (100% - (4 * 10px)) / 2 ); } #herosection h1 { font-size: 32px; } #herosection .caption .inside > div { padding-top: 4rem; } .ce_kachelelement .row > *,.twocol .row > *{ display: table-footer-group; } .ce_kachelelement .row > .mediaholder, .twocol .row > .mediaholder{ display: table-header-group; } .twocol .row > .ce_text:first-of-type .inside, .jobfacts .holder .inside,.ce_kachelelement .row > *, .twocol .row > .ce_text > .inner { padding: 2rem 20px; } #herosection{ overflow: hidden; } #ninetillfive .ce_kachelelement .notfloat_right > .inside{ padding-top: 4rem; } body .mod_joblist .teasergrid > div > div:hover .caption{ background: white; opacity: 1; } body .mod_joblist .teasergrid > div > div:hover .caption .title > *{ opacity: 1; } .mod_joblist .teasergrid > div > div .caption .title > .plus{ display: none; } .mod_joblist .teasergrid > div > div .caption .inner:after{ display: block; } .facts > span{ display: inline; } .arcname { margin-bottom: 0.5rem; } .card .holder .caption { padding: 20px; } .mod_joblist .teasergrid > div > div .caption .title { padding-right: 60px; } .mod_joblist .teasergrid > div > div .caption .title::after { display: table; } .teasergrid > .itemsperRow_4 > *, .ce_gallery ul.cols_4 > li { width: calc( (100% - (4 * 10px)) / 2 ); } } @media all and (max-width: 780px){ .footertop .row > *{ display: block; width: auto; } .onepage_navigation__list li { float:none; display: block; text-align:center; margin:0 0 15px 0; } .footertop .row > * .holder > img { width: auto; } .footertop .row > * .holder { width: auto; margin: 0 -25% -15% 0; } .ce_heroImage{ display: table; width: 100%; } .ce_heroImage .inside{ display: table-row; } .ce_heroImage .inside > .bgImage{ display: table-footer-group; } #herosection .mod_pageImage > .inside .caption{ display: table-header-group; background: #4D9DD7; position: relative; } #herosection .row > div > div > div { width: auto; } #main .mod_article > .block { padding: 2rem 2rem 4rem; } #ninetillfive .ce_kachelelement .notfloat_right > .inside { padding-top: 4rem; } .ce_kachelelement .notfloat_right > .inside{ padding-bottom: 0; } .ce_kachelelement .notfloat_left > .inside{ padding-top: 2rem; } #herosection .caption .inside > div { padding-bottom: 4rem; padding-top: 8rem; } } @media all and (max-width: 680px){ .teasergrid > .itemsperRow_3 > *, .ce_gallery ul.cols_3 > li { width: 100%; margin: 0 0 20px; } .teasergrid > .itemsperRow_4 > *, .ce_gallery ul.cols_4 > li { width: calc( (100% - (0 * 10px)) / 1 ); } #main .mod_article > .block,.ce_kachelelement .notfloat_right > .inside { padding: 2rem; } .ce_kachelelement .notfloat_left > .inside{ padding: 0; } .links { display: table; margin: 0 auto; } header > .inside { padding:0; } #header .link .title .label { display:none; } header > .inside .holder > .table, #herosection .caption .inside > div { padding-left:20px; padding-right:20px; } .safari #herosection .table > .row { padding-left:0; padding-right:0; } h2, #ninetillfive .headlinecontainer > *, .footertop .headlinecontainer > * { font-size: 24px; } #ninetillfive .headlinecontainer > * { padding-right:0; } .footertop .row > .text { width:auto; } .footer_top:after { background-position:50% 50%; } .footertop .row > * .holder { margin:0 -28% -15% 0; } #company .mediaholder::after { width:40px; } .iconlist .listitem { margin-bottom: 20px; } .col { column-count: 1; column-gap: 0; } } /* dancing-script-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: 'Dancing Script'; font-style: normal; font-weight: 400; src: url('/files/theme/layout/fonts/dancing/dancing-script-v25-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ } /* dancing-script-500 - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Dancing Script'; font-style: normal; font-weight: 500; src: url('/files/theme/layout/fonts/dancing/dancing-script-v25-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ } /* dancing-script-600 - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Dancing Script'; font-style: normal; font-weight: 600; src: url('/files/theme/layout/fonts/dancing/dancing-script-v25-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ } /* dancing-script-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: 'Dancing Script'; font-style: normal; font-weight: 700; src: url('/files/theme/layout/fonts/dancing/dancing-script-v25-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ } /* lato-300 - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Lato'; font-style: normal; font-weight: 300; src: url('/files/theme/layout/fonts/lato/lato-v24-latin-300.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ url('/files/theme/layout/fonts/lato/lato-v24-latin-300.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */ } /* lato-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: 'Lato'; font-style: normal; font-weight: 400; src: url('/files/theme/layout/fonts/lato/lato-v24-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ } /* lato-italic - 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: 'Lato'; font-style: italic; font-weight: 400; src: url('/files/theme/layout/fonts/lato/lato-v24-latin-italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ } /* lato-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: 'Lato'; font-style: normal; font-weight: 700; src: url('/files/theme/layout/fonts/lato/lato-v24-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ } /* lato-700italic - 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: 'Lato'; font-style: italic; font-weight: 700; src: url('/files/theme/layout/fonts/lato/lato-v24-latin-700italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ } /* lato-900 - 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: 'Lato'; font-style: normal; font-weight: 900; src: url('/files/theme/layout/fonts/lato/lato-v24-latin-900.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ } /* lato-900italic - 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: 'Lato'; font-style: italic; font-weight: 900; src: url('/files/theme/layout/fonts/lato/lato-v24-latin-900italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ } /* playfair-display-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: 'Playfair Display'; font-style: normal; font-weight: 400; src: url('/files/theme/layout/fonts/playfair/playfair-display-v37-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ } /* playfair-display-italic - 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: 'Playfair Display'; font-style: italic; font-weight: 400; src: url('/files/theme/layout/fonts/playfair/playfair-display-v37-latin-italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ } /* playfair-display-500 - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Playfair Display'; font-style: normal; font-weight: 500; src: url('/files/theme/layout/fonts/playfair/playfair-display-v37-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ } /* playfair-display-500italic - 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: 'Playfair Display'; font-style: italic; font-weight: 500; src: url('/files/theme/layout/fonts/playfair/playfair-display-v37-latin-500italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ } /* playfair-display-600 - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Playfair Display'; font-style: normal; font-weight: 600; src: url('/files/theme/layout/fonts/playfair/playfair-display-v37-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ } /* playfair-display-600italic - 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: 'Playfair Display'; font-style: italic; font-weight: 600; src: url('/files/theme/layout/fonts/playfair/playfair-display-v37-latin-600italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ } /* playfair-display-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: 'Playfair Display'; font-style: normal; font-weight: 700; src: url('/files/theme/layout/fonts/playfair/playfair-display-v37-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ } /* playfair-display-700italic - 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: 'Playfair Display'; font-style: italic; font-weight: 700; src: url('/files/theme/layout/fonts/playfair/playfair-display-v37-latin-700italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ } /* playfair-display-800 - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Playfair Display'; font-style: normal; font-weight: 800; src: url('/files/theme/layout/fonts/playfair/playfair-display-v37-latin-800.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ } /* playfair-display-800italic - 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: 'Playfair Display'; font-style: italic; font-weight: 800; src: url('/files/theme/layout/fonts/playfair/playfair-display-v37-latin-800italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ } /* playfair-display-900 - 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: 'Playfair Display'; font-style: normal; font-weight: 900; src: url('/files/theme/layout/fonts/playfair/playfair-display-v37-latin-900.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ } /* playfair-display-900italic - 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: 'Playfair Display'; font-style: italic; font-weight: 900; src: url('/files/theme/layout/fonts/playfair/playfair-display-v37-latin-900italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ } /*Basics*/ :root { --red:#AE100D; --graublau:#2f444b; --grauverlauf:linear-gradient(3deg, #43606a 0%, #2f444b 75%); --grau:#333; --gelb:#ffcc33; --bodycolor:#676767; } *{ box-sizing: border-box; } body{ font-family: 'Lato',sans-serif; font-weight: 400; font-size: 1.3rem; color:var(--bodycolor); line-height:160%; } body.home,body.index{ background: #F0EEEB; } h1, h2, .headlinecontainer > *,.footer_top .name,blockquote{ font-family: 'Playfair Display'; color:var(--red); font-weight: 600; font-style: italic; line-height: 120%; } h2{ font-size: 3.125rem; } .headlinecontainer > h3, .headlinecontainer > h4, h3, h4, .headlinecontainer.lato > h2,body .CssLayoutSubHeadingSize > a{ font-family: 'Lato',sans-serif; font-weight: 700; text-transform:uppercase; letter-spacing:0.2rem; font-size: 1.5rem; font-style: normal; color:var(--red); } body #wf78542f .CssLayoutSubHeadingSize > a { font-family: 'Lato',sans-serif !important; text-transform: none; letter-spacing: normal; font-weight: 800; margin-bottom: 0.3rem; display: block; } .headlinecontainer.lato > h2{ letter-spacing: normal; font-size: 2rem; } .headlinecontainer > h4, h4 { text-transform:none; letter-spacing:0; } #header { position: absolute; width: 100%; height: auto; z-index: 999; padding: 0 2rem; box-sizing: border-box; } #wrapper #header > .inside { box-sizing: border-box; width: 100%; margin-top: 2rem; background: white; padding: 0 0 0 2rem; max-width: 1080px; border-radius: 5px; } #header .headerright{ display: none; width: 25px; } #header .headerright .location { text-align: center; padding: 0 2rem 0 15px; box-sizing: border-box; } #header .headerright a{ display: block; } #header .headerright a img{ max-width: 100%; width: 15px; height: 20px; object-fit: contain; } #header .mod_navigation{ float: right; } #header .mod_navigation > ul{ display: table; width: 100%; } #header .mod_navigation > ul > li{ margin: 0; text-transform: uppercase; } header > .inside .mod_navigation ul.level_1 > li > span,header > .inside .mod_navigation ul.level_1 > li > a,header > .inside .mod_navigation ul.level_1 > li > strong{ padding: 30px 15px; display: block; margin: 0; letter-spacing: 0.08rem; font-size: 0.875rem; line-height: 1.2; } header strong, header li.trail > a,#header .mod_navigation > ul > li:hover > a{ font-weight: 400; color: white; background:var(--red); } .mod_logo { width: 230px; } .mod_logo figure{ /* padding: 10px 0; */ } .mod_logo img { max-width: 100%; height: 100%; } footer { position: relative; } .footerrow > .inside, #main .mod_article > .ce_contact.block{ max-width: 980px; padding: 0 2rem; margin: 0 auto; } #main .mod_article > .ce_contact.block{ padding: 6rem 2rem; font-size: 1rem; text-transform: none; } .footertop{ background: #B2AA9D; } .footerbottom{ background: #4C4C4C; color: white; } /*herosection*/ #main > .inside > .mod_article:first-of-type{ background: white; } #herosection{ z-index: 1; } #herobottom > .inside{ width: 100%; position: relative; /* margin-bottom: 3rem;*/ } #herobottom > .inside > .table{ display: table; margin: -85px auto -25px; position: relative; z-index: 90; width: auto; } #herobottom > .inside:after{ position: absolute; content:''; width: 100%; height: 2rem; } #herobottom .logo{ background: white; padding: 20px; width: 380px; text-align: center; } #herobottom .logo img{ max-width: 100%; max-height: 64px; margin: 0 auto; } #herobottom .terminlink{ margin-right: -261.55px; } #herobottom .terminlink a, #herobottom .kataloglink a{ font-weight: 800; color: white; font-size: 21px; padding: 0 20px; /*margin-right: -261.55px;*/ display: block; transition: all 0.4; } #herobottom .terminlink a:hover, #herobottom .kataloglink a:hover{ opacity: 0.7; } #herobottom .terminlink a::after, #herobottom .kataloglink a::after { content: ''; display: inline-block; width: 20px; height: 20px; background: url(/files/theme/layout/images/icons/contact/white/termin.svg) no-repeat scroll 50% 50% transparent; background-size: contain; vertical-align: middle; margin-left: 10px; position: relative; top: -0.1rem; } #herobottom .kataloglink a::after { background: url(/files/theme/layout/images/icons/contact/white/edit.svg) no-repeat scroll 50% 50% transparent; background-size: contain; } .ce_herosection{ } .ce_herosection figure{ line-height: 0; } .ce_herosection .caption{ position: absolute; top: 0; left: 0; width: 100%; z-index: 1000; height: 100%; } .ce_herosection .caption > .row > .inside{ z-index: 10; } .ce_herosection .caption h1, .ce_herosection .caption h2{ } .ce_pageteaser .teasergrid > div > div{ position: relative; } .ce_herosection video{ width: 100%; height: 100%; object-fit: contain; } .ce_pageteaser .teasergrid.caphover > div > div .text{ position: absolute; bottom: 0; left: 0; background: var(--graublau); color: white; width: 100%; padding: 10px 20px; text-align: center; box-sizing: border-box; text-transform: uppercase; white-space: inherit; text-overflow: inherit; transition:all 0.2s ease; -webkit-transition:all 0.2s ease; -moz-transition:all 0.2s ease; -o-transition:all 0.2s ease; -ms-transition:all 0.2s ease; } .ce_pageteaser .teasergrid.caphover > div > div:hover .text{ padding: 20% 20px; } .teasergrid > div{ margin: 0 -10px; } .ce_pageteaser .name > h2{ margin: 0; } .ratingstars > .rating{ display: table; margin: 0 auto 1.25rem; } .ratingstars > .rating:after{ display: block; content: ''; background: var(--rot); height: 1px; width: 60%; margin: 0 auto; margin-top: 2rem; } .ratingstars > .rating > .star{ display: inline-block; vertical-align: middle; color: var(--gelb); font-size: 36px; line-height: 1; } .ratingstars > .rating > .star:not(.active){ display: none; } .mod_recommendationlist { text-align: center; } .mod_recommendationlist .author{ font-weight: bolder; margin-bottom: 2rem; margin-top: 1rem; } .mod_recommendationlist .ce_text{ max-width: 980px; margin: 0 auto; padding: 0 2rem; } .ce_pageteaser .image_container > .inside{ line-height: 0; } .ce_pageteaser img.ce_pageteaser{ padding-bottom: 3rem; max-width: 100%; height: auto; } .slick-controls{ float: right; position: relative; z-index: 1000; } .slick-controls button{ background: transparent; cursor: pointer; } .slick-controls .next{ content: "\e686"; } .parallax-container .caption{ position: absolute; height: 100%; width: 100%; left: 0; top: 0; } .parallax-container .caption .headlinecontainer h2{ font-size: 54px; line-height: 60px; font-weight: 500; color: white; } .parallax-container .caption .headlinecontainer .subheadline{ font-size: 24px; line-height: 28px; font-weight: 100; color: white; } .parallax-container .caption > .row > .holder{ padding: 4rem 2rem; max-width: 1280px; margin: 0 auto; } .linkset{ margin-top: 2rem; } .linkset ul >li > a { background: #39525b; color: #fff; display: inline-block; font-weight: 500; text-transform: uppercase; padding: 7px 50px 11px 10px; font-size: 12px; position: relative; -webkit-transition: all .3s ease-out; transition: all .3s ease-out; -webkit-clip-path: polygon(0 0, 100% 0, 97% 90%, 0% 100%); clip-path: polygon(0 0, 100% 0, 97% 90%, 0% 100%); margin-top: 5%; font-size: 24px; padding: 15px 80px 18px 30px; } .linkset ul >li > a:before, .linkset ul >li > a:after { position: absolute; content: ""; display: block; height: 100%; width: 45px; top: 0; -webkit-transition: all .3s ease-out; transition: all .3s ease-out; background: #e4013e; -webkit-clip-path: polygon(20% 0, 100% 0, 90% 100%, 0% 100%); clip-path: polygon(20% 0, 100% 0, 90% 100%, 0% 100%); right: 0; } .linkset ul >li > a::after { background:url('/files/theme/layout/images/icons/allgemein/white/readmore_arrow.svg') no-repeat 50% 50% transparent; background-size: 100%; background-position: center; right: 16px; width: 10px; } .caption .readmore > a{ font-weight: 700; color: var(--red); } header > .inside, .footer_top > .inside,.footer_bottom > .inside{ margin: 0 auto; max-width: 78.75rem; } .footer_bottom > .inside{ padding: 10px 20px; } ul.sociallist{ float: right; } .socialitems a{ display: block; height: 100%; padding: 5px; } .socialitems a img{ height: 100%; width: 70%; object-fit: contain; object-position: center; } .socialitems{ margin: 0 10px 0 0; font-size: 20px; text-align: center; display: inline-block; height: 40px; width: 40px; vertical-align: middle; } .footer_top{ margin: 0 auto 100px; } .footer_top .row > div{ vertical-align: top; padding-right: 2.5rem; } .footer_top .row > div:last-of-type{ padding-right: 0; } .footertop_left .headlinecontainer{ margin-bottom: 20px; } .footertop_left .headlinecontainer > * { color: white; font-family: 'Lato', sans-serif; font-weight: 600; text-transform: uppercase; font-size: 32px; letter-spacing: 0.1rem; } .megamenu{ color: #333; background: white; white-space: nowrap; } .megamenu > *{ display: inline-block; vertical-align: top; white-space: normal; } .megamenu .pageteaser{ width: 25%; } .megamenu .pageteaser > .inside{ padding: 2rem 2rem 2rem 0; text-align: left; text-transform: none; } header nav ul.megamenu > li.holder{ width: calc(100% - 25%); margin: 0; display: inline-block; } .megamenu .pageteaser > .inside .teaserimg > img, .megamenu .pageteaser > .inside, .megamenu .pageteaser > .inside > *{ width: 100%; } .megamenu .pageteaser .headlinecontainer{ margin-bottom: 0.5rem; } #article-7{ position: relative; transform:translate3d(0%, 0px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1); } .ce_infoboxes > .boxitem{ width: 50%; float: left; position: relative; height: 700px; } .ce_infoboxes > .boxitem.first{ text-align: right; padding-right: 4rem; } .ce_infoboxes > .boxitem.first .ce_text{ display: table; float: right; text-align: left; } .ce_infoboxes > .boxitem.last{ text-align: left; padding-left: 4rem; right: 0; } .ce_infoboxes > .boxitem.first img{ left: 0; z-index: 2; transform: translate3d(-100%, 0px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1); -webkit-transform: translate3d(-650px, 0px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1); } .ce_infoboxes > .boxitem.last img{ right: 0; z-index: 3; transform: translate3d(100%, 0px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1); -webkit-transform: translate3d(650px, 0px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1); } .ce_infoboxes > .boxitem img{ height: 100%; margin-top: -350px; width: auto; position: absolute; top: 50%; z-index: -1; opacity: 0.8; } .mod_article.bgColored,.mod_article > .bgColored { background: #F0EEEB; } #main .mod_article > .bgColored { max-width: none; margin: 0; } .ce_infoboxes .table{ height: 100%; position: relative; z-index: 10; } .ce_teaserboxes > div{ position: relative; padding: 4rem 0; } .ce_teaserboxes > div > .bgImage{ position: absolute; width: 100%; height: 100%; left: 0; top: 0; } .ce_teaserboxes > div > .bgImage > img{ width: 100%; height: 100%; object-fit: cover; object-position: center; opacity: 0.6; transition:all 2.8s ease; -webkit-transition:all 2.8s ease; -moz-transition:all 2.8s ease; -o-transition:all 2.8s ease; -ms-transition:all 2.8s ease; } .ce_teaserboxes > div:hover > .bgImage > img{ opacity: 1; } .ce_teaserboxes > div{ position: relative; height: calc(100vh - (100vh / 6)); max-height: 680px; } .ce_teaserboxes > div > .table{ height: 100%; } .ce_teaserboxes > div > .table .inside{ max-width: 78.75rem; margin: 0 auto; padding: 2rem; background: var(--graublau); color: white; } .ce_teaserboxes .image img{ width: 175px; height: 175px; padding-top: 16px; object-fit: cover; } .ce_teaserboxes .ce_text{ padding-top: 0; padding-left: 3rem; padding-right: 3rem; } .ce_teaserboxes .linkholder ul{ min-width: 275px; margin: 0; padding: 0; border-block-start: 1px solid #e8edef; } .ce_teaserboxes .linkholder ul > li{ border-bottom: 1px solid #e8edef; background-position: 0px 3px; margin-block-start: 20px; padding-bottom: 20px; background-image: url('/files/theme/layout/images/icons/allgemein/linkholder.svg'); background-repeat: no-repeat; background-position: left 5px; background-size: 20px 20px; padding-left: 40px; margin-top: 18px; font-size: 20px; line-height: 24px; font-weight: 300; } #main .mod_article > .block.width_1_3col{ width:calc((100% / 3) * 1); } #main .mod_article > .block.width_2_2col{ width:50%; } #main .mod_article > .block.width_2_3col{ width:calc((100% / 3) * 2); } #main .mod_article > .block.width_3_3col{ width:calc((100% / 3) * 3); } .ce_kachelelement .mediaholder > .bgImage{ position: relative; line-height: 0; } .ce_text ul{ padding-left: 35px; } .ce_text ul > li{ margin-bottom: 0.5rem; position: relative; } /*.ce_text ul > li:before{ content: ''; display: inline-block; height: 20px; width: 20px; background: url(/files/theme/layout/images/icons/allgemein/checked.svg) no-repeat scroll 0 0 transparent; background-size: contain; margin-left: -35px; margin-right: 15px; margin-top: 0.2rem; position: absolute; top: 0.2rem; } */ .ce_text ul > li{ list-style: disc; list-style-position: outside; } .ce_text ul{ margin-bottom: 2rem; } .ce_text .text > h1,.ce_text .text > h2,.ce_text .text > h3, .ce_text .text > h4, .ce_text .text > h5, .ce_text .text > h6{ margin: 0 0 20px; } .ce_steps .stephead{ background: #2f444b; padding: 1rem 2rem 1rem 2rem; color: #fff; font-size: 30px; font-weight: 700; text-decoration: none !important; } .ce_steps .ce_text{ color: #2f444b; font-size: 17px; font-weight: 700; padding: 1.25rem 1.25rem 1.25rem 1.25rem; } .red .headlinecontainer > *{ color:var(--rot); } .columnized{ column-fill: balance; -webkit-column-gap: 2em; -moz-column-gap: 2em; column-gap: 2em; orphans: 3; widows: 3; } .columnized.col_2 ul{ -webkit-columns: 2 200px; -moz-columns: 2 200px; columns: 2 200px; } .columnized.col_3 ul{ -webkit-columns: 3 200px; -moz-columns: 3 200px; columns: 3 200px; } .columnized.col_4 ul{ -webkit-columns: 4 200px; -moz-columns: 4 200px; columns: 4 200px; } .columnized.col_2 li { break-inside: avoid-column; page-break-inside: avoid; /* Theoretically FF 20+ */ break-inside: avoid-column; /* Chrome, Safari, IE 11 */ display:table; padding-right: 2rem; } .columnized.col_2 ul { column-gap: 2rem; overflow: hidden; /* Fix for firefox and IE 10-11 */ -webkit-column-break-inside: avoid; /* Chrome, Safari, Opera */ page-break-inside: avoid; /* Firefox */ break-inside: avoid; /* IE 10+ */ break-inside: avoid-column; /* Actually FF 20+ */ } #main .mod_article.bgimage{ position: relative; } #main .mod_article.bgimage > .bgImage{ position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; object-fit: cover; object-position: 50% 50%; } .ce_zitatBoxes .item{ margin: 0; } .ce_zitatBoxes .item .ce_text{ padding-left: 4rem; } .ce_zitatBoxes .item .ce_text .text{ font-size: .875rem; line-height: 1.5rem; margin: 0rem 0rem 1.25rem 0rem; } .ce_zitatBoxes .item .author{ font-size: 16px; margin-top: 2rem; } .mod_newslist .grid-item{ box-shadow: 0 4px 10px -6px rgba(0,0,0,0.2); border:1px solid #7e919c; border-radius: 3px; display: block; overflow: hidden; } .mod_newslist .teaserimage{ line-height: 0; } .mod_newslist .grid-item .teaserbox { background: #fafafa; color: #1b282c; font-size: .875rem; line-height: 1.5rem; padding: 1.25rem; } .mod_newslist .grid-item .teaser{ margin-bottom: 20px; } .mod_newslist .grid-item span{ display: block; } .mod_newslist .grid-item .headlinecontainer{ margin-bottom: 0.5rem; } .mod_newslist .grid-item .headlinecontainer > span{ font-size: 1.125rem; } .twoCol #left{ width: 14.375rem; float: left; position: relative; } .twoCol #left .inside{ padding-top: 6rem; padding-bottom: 4rem; } .twoCol #main{ float: none; width: calc(100% - 14.375rem); margin-left: 14.375rem; } .twoCol .teasergrid > div{ display: contents; } #left li{ border-bottom: 1px solid #7e919c; } #left li > a,#left li > strong{ padding: 5px 15px; color: #2f444b; overflow: hidden; text-overflow: ellipsis; } .textholder.align_above{ margin-bottom: 2rem; } .ce_pageteaser .teasergrid.capbottom > div > div .text{ position: relative; background: white; } .ce_pageteaser .teasergrid.capbottom .name > *{ color: #e4013e; } .ce_pageteaser .card{ box-shadow: 0 4px 10px -6px rgba(0,0,0,0.2); } .ce_pageteaser .card{ border:1px solid #7e919c; border-radius: 3px; } .ce_pageteaser .card .text{ padding: 10px 20px; } .ce_pageteaser img.ce_pageteaser{ padding: 0; } .ce_zitatBoxes blockquote { font-size: 32px; color: var(--red); font-style: italic; margin: 0; line-height: 1.5; max-width: 580px; } .ce_zitatBoxes .image{ text-align: center; } .ce_zitatBoxes .ce_text{ margin-left: 4rem; vertical-align: middle; } .ce_zitatBoxes .item .ce_text > .holder blockquote p{ position: relative; } .ce_zitatBoxes .item .ce_text > .holder blockquote p{ display: inline; } .ce_zitatBoxes .item .ce_text > .holder blockquote:before, .ce_zitatBoxes .item .ce_text > .holder blockquote:after{ position: absolute; } .ce_zitatBoxes .item .ce_text > .holder blockquote p:before, .ce_zitatBoxes .item .ce_text > .holder blockquote p:after{ height: 40px; width: 40px; content: ''; display: inline-block; } .ce_zitatBoxes .item .ce_text > .holder blockquote p:before{ background: url(/files/theme/layout/images/placeholder/openquote.svg) no-repeat scroll 0 0 transparent; left: 0; top: 0; background-size: contain; vertical-align: super; } .ce_zitatBoxes .item .ce_text > .holder blockquote p:after{ background: url(/files/theme/layout/images/placeholder/closequote.svg) no-repeat scroll 0 0 transparent; right: 0; bottom: 0; background-size: contain; vertical-align: sub; position: relative; top: 2rem; margin-left: 10px; } .ce_herosection .caption > .row > .inside > div{ max-width: 1280px; margin: 0 auto; padding: 0 2rem; display: table; width: 100%; } .ce_herosection .caption > .row > .inside > div > div{ background: rgba(255,255,255,0.6); padding: 2rem; margin: 2rem 0; max-width: 560px; } .ce_herosection .caption.text_center > .row > .inside > div > div{ margin: 2rem auto; } .ce_herosection .caption.text_right > .row > .inside > div > div{ float: right; } .ce_herosection .caption.text_center{ width: 100%; } .ce_herosection .caption.text_center > .row > .inside > *{ width: 55%; margin: 2rem auto; } .ce_herosection .caption.text_center > .row > .inside{ padding: 0 2rem; } .ce_herosection .caption.text_right{ right: 0; left: auto; } .ce_imagegrid .teasergrid > * > div{ margin: 0; } .ce_imagegrid .teasergrid > * > div{ margin: 0; } .ce_imagegrid .teasergrid > div { margin: 0; } .ce_imagegrid .teasergrid > .itemsperRow_12 > *{ width: calc(100% / 12 ); } .ce_imagegrid .teasergrid > .itemsperRow_11 > *{ width: calc(100% / 11 ); } .ce_imagegrid .teasergrid > .itemsperRow_10 > *{ width: calc(100% / 10 ); } .ce_imagegrid .teasergrid > .itemsperRow_9 > *{ width: calc(100% / 9 ); } .ce_imagegrid .teasergrid > .itemsperRow_8 > *{ width: calc(100% / 8 ); } .ce_imagegrid .teasergrid > .itemsperRow_7 > *{ width: calc(100% / 7 ); } .ce_imagegrid .teasergrid > .itemsperRow_6 > *{ width: calc(100% / 6 ); } .ce_imagegrid .teasergrid > .itemsperRow_5 > *{ width: calc(100% / 5 ); } .ce_imagegrid .teasergrid > .itemsperRow_4 > *{ width: calc(100% / 4 ); } .ce_imagegrid .teasergrid > .itemsperRow_3 > *{ width: calc(100% / 3 ); } .ce_imagegrid .teasergrid > .itemsperRow_2 > *{ width: calc(100% / 2 ); } .ce_imagegrid .teasergrid > .itemsperRow_1 > *{ width: 100%; } .headlineholder.center .logo{ margin: 0 auto; } .headlineholder .headline > *{ margin: 0; } .headlineholder .logo + .headlinecontainer,.headlineholder .headlinecontainer + logo { margin: 20px 0 0; } body .fancybox-iframe { left: 0; position: absolute; top: 0; height: calc(100vh - 8rem); width: calc(100vw - 8rem); } #main .mod_article .block.colorWhite, #main .mod_article .block.colorWhite .headlinecontainer > *, #main .mod_article.colorWhite .block,#main .mod_article.colorWhite .block .headlinecontainer > *, #main .mod_article.colorWhite .headlinecontainer > h3{ color: white; } .textAlign_below, .textAlign_above{ max-width: 980px; margin: 0 auto; text-align: center; } .textAlign_below{ margin-top: 4rem; } .textAlign_above{ margin-bottom: 4rem; } .block > .linkholder, .linkholder, .back a{ display: table; margin: 0 auto; margin-top: 4rem; } .block > .linkholder.white > .readmore, .linkholder.white > .readmore{ background:white; color: var(--red); } .block > .linkholder.red > .readmore, .linkholder.red > .readmore, .back a{ background:var(--red); color:white; display: block; } .linkholder.red > .readmore.more{ height: auto; font-size: 18px; } .block > .linkholder .readmore, .linkholder .readmore, .back a{ font-size: 21px; font-weight: 600; line-height: 1.2; padding: 10px 30px 12px; border-radius: 5px; box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.6); -webkit-box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.6); } .linkholder.transparent .readmore{ box-shadow: none; -webkit-box-shadow: none; border:2px solid var(--red); color: var(--red); } .bgimage .linkholder{ position: relative; margin-bottom: 4rem; } .mod_kuechelist .item.layout_latest, .ce_kitchenteaser .teasergrid .grid > *, .mod_list_shot_module .teasergrid .grid > *{ background: white; } .mod_kuechelist .item.layout_latest, .ce_kitchenteaser .teasergrid .grid > .item > .inside, .mod_list_shot_module .teasergrid .grid > .item .content{ padding: 10px; } .mod_list_shot_module .teasergrid .grid > .item.layout_latest .image_container, .ce_kitchenteaser .teasergrid .grid > .item > .inside .image_container, .mod_kuechelist .item.layout_latest .image_container{ position: relative; line-height: 0; } .ce_kitchenteaser .teasergrid .grid > .item > .inside .image_container{ background-size: cover; } .ce_kitchenteaser .teasergrid .grid > .item > .inside .image_container, .mod_list_shot_module .teasergrid .grid > .item.layout_latest .image_container > img, .mod_kuechelist .item.layout_latest .image_container > img{ max-width: 100%; height: auto; } .mod_list_shot_module .teasergrid .grid > .item.layout_latest .image_container .price, .mod_list_shot_module .teasergrid .grid > .item.layout_latest .image_container .more, .mod_kuechelist .item.layout_latest .image_container .price{ position: absolute; left: 0; bottom: 0; background: var(--red); color: white; padding: 10px; line-height: 1; } .mod_kuechelist .item.layout_latest .image_container .price{ background: rgba(174, 16, 13,0.75) } .mod_list_shot_module .teasergrid .grid > .item.layout_latest .image_container .more { right: 0; width: auto; display: table; left: auto; background: rgba(0,0,0,0.8); font-size: 12px; margin: 10px; padding: 10px 20px; } .mod_list_shot_module .teasergrid .grid > .item.layout_latest .image_container .price { font-size: 2rem; text-shadow: 1px 2px rgba(0,0,0,0.8); } .mod_kuechelist .item.layout_latest .image_container + .name, .mod_list_shot_module .item.layout_latest .image_container + .name{ display: block; padding: 10px 0 0; line-height: 1.2; font-size: 1.125rem; } .mod_kuechelist .item.layout_latest .image_container + .name > span, .mod_list_shot_module.item.layout_latest .image_container + .name > span{ display: inline-block; vertical-align: middle; } .mod_list_shot_module .item.layout_latest .image_container + .name > span.more, .mod_kuechelist .item.layout_latest .image_container + .name > span.more{ text-align: right; float: right; color: var(--red); font-weight: 600; font-style: italic; } body .owl-theme .owl-nav button[class*="owl-"] { margin: 0; position: absolute; top:50%; margin-top: -25px; } body .owl-theme .owl-nav button[class*="owl-prev"] { left: 2rem; } body .owl-theme .owl-nav button[class*="owl-next"] { right: 2rem; } body .owl-theme .owl-nav button[class*="owl-"] span{ width: 50px; height: 50px; display: block; background: url(/files/theme/layout/images/icons/arrow_left.svg) no-repeat scroll 50% 50% transparent; background-size: contain; text-indent: -9999999px; background-color: transparent !important; } body .owl-theme .owl-nav button[class*="owl-next"] span{ background: url(/files/theme/layout/images/icons/arrow_right.svg) no-repeat scroll 50% 50% transparent; background-size: contain; } body .owl-theme .owl-nav { } .ce_teaserSlider .owl-item .ce_text{ display: block; padding: 50px; background: #838382; color: white; border-top: 5px solid white; } .ce_teaserSlider .owl-item .ce_text .text > span{ display: inline; } .ce_teaserSlider .owl-item .ce_text .text > span.more{ display: inline; margin-left: 0.2rem; } .ce_teaserSlider .item .ce_text.color_white{ color: white; } .ce_teaserSlider .item .ce_text.color_dark{ color: #474545; } .ce_teaserSlider .owl-item .headline{ font-weight: 700; line-height: 1.4; font-size: 1.8rem; margin-bottom: 50px; } .ce_kuechenstile .holder .imageholder{ background: white; padding: 15px; text-align: center; } .ce_kuechenstile .holder{ position: relative; } .ce_kuechenstile .holder .imageholder .claim { color: var(--red); font-family: 'Playfair Display'; font-style: italic; font-weight: 600; line-height: 1.3; margin-top: 10px; font-size: 18px; } .ce_kuechenstile .holder .stilname{ width: 150px; display: block; background: white; text-align: center; font-weight: 600; font-size: 16px; color: gray; margin: 0 auto; margin-left: auto; padding: 10px; line-height: 1; position: absolute; top: 0; left: 50%; margin-left: -75px; height: 50px; } .ce_kuechenstile .holder .stilname img{ max-width: 100%; height: 100%; object-fit: contain; } .ce_kuechenstile .item > .inside .holder{ padding-top: 40px; } footer .linkitem, .ce_contact .linkitem{ display: table; margin: 10px 0; } footer .linkitem a, .ce_contact .linkitem a{ padding: 10px 20px; display: block; border: 2px solid; line-height: 1.2; border-radius: 10px; font-size: 18px; font-weight: 500; width: 250px; } footer .linkitem a > span:before, .ce_contact .linkitem a > span:before{ content: ''; height: 20px; width: 20px; display: inline-block; margin-right: 20px; } .footertop > .table >.row > *{ width: 50%; } .footertop > .table >.row > :first-of-type{ padding-right: 4rem; } .footertop > .table >.row > :last-of-type{ padding-left: 4rem; } footer .phone .linkitem a > span:before, .ce_contact .contact .phone .linkitem a > span::before { background: url(/files/theme/layout/images/icons/contact/white/phoneicon.svg) no-repeat scroll 0 0 transparent; background-size: contain; } footer .contact .linkitem a > span:before, .ce_contact .contact .linkitem a > span:before{ background: url(/files/theme/layout/images/icons/contact/white/edit.svg) no-repeat scroll 0 0 transparent; background-size: contain; } footer .widget-select { margin: 0; float: none; margin-bottom: 4rem; width: 100%; max-width: 250px; } footer .widget-select select{ width: 250px; } footer .contact .phone, .ce_contact .phone{ margin-bottom: 20px; } footer .mod_customnav ul > li{ float: left; margin-right: 10px; } footer .mod_customnav ul > li.reallylast{ margin: 0; } footer .mod_quicknav{ overflow: visible; } footer .mod_quicknav .widget-select { position: relative; height: 43px; } footer .mod_quicknav .widget-select select { background-color: white; border: 1px solid #cccccc; overflow: hidden; padding: 10px 15px; position: absolute; text-overflow: ellipsis; white-space: nowrap; width: 100%; line-height: 21px; height: 43px; color:rgb(128, 128, 128); font-weight: 500; left: 0; top: 0; } footer .mod_quicknav .widget-select:before,footer .mod_quicknav .widget-select:after { content: ''; display: block; position: absolute; right: 0; box-sizing: border-box; } footer .mod_quicknav .widget-select:before{ top: 50%; border: solid transparent; border-top-width: medium; border-top-color: transparent; border-right-width: medium; border-bottom-width: medium; border-left-width: medium; border-width: 0.25em 0.25em 0; border-top-color: #CCCCCC; margin: -0.125em 0.5em 0 0; z-index: 10; } footer .mod_quicknav .widget-select:after{ top: 0; height: 100%; border-left: 1px solid #CCCCCC; margin: 0 1.55em 0 0; } span[data-more] { cursor: pointer; font-weight: 600; margin-top: 10px; } .ce_kachelelement .textholder .linkholder{ margin: 2rem 0; float: right; } .landingpage .ce_kachelelement .textholder .linkholder{ float: none; margin: 4rem auto 2rem; } .ce_kachelelement .mediaholder .bgImage > .figure_caption.caption { line-height: 1.65; font-size: 16px; margin-top: 10px; } .mod_list_shot_module > .headlinecontainer{ text-align: center; margin-bottom: 4rem; font-size: 42px; line-height: 1.2; } .mod_list_shot_module .teasergrid .grid > *{ box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.6); -webkit-box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.6); } .table-row { display: table-row; } .table-row > * { display: table-cell; } .table > .table-row > .float_right, .table > .table-row > .float_left { float: none; } picture > img{ width: 100%; } .socialsidebar { position: absolute; top: 0; z-index: 999; color: white; } .socialsidebar.sticky { position: fixed; } .socialsidebar a { display: block; line-height: 0; text-align: center; } .socialsidebar > .inside { background: #AE100D; border-radius: 0 5px 5px 0; } .socialsidebar > .inside > * { padding: 10px 5px; width: 100%; box-sizing: border-box; } .socialsidebar > .inside > * img { width:20px; height: 20px; object-fit: contain; } .mod_article.bgimage .linkholder{ float: none; } .ce_bewertungen .table .row > *{ width: 50%; } .ce_bewertungen .stars{ display: table; width: 100%; } .ce_bewertungen .stars > span{ width:30px; float: left; margin-left: 5px; } .ce_bewertungen .stars > span:first-of-type{ margin-left: 0; } .ce_bewertungen .stars > span > img{ max-width: 100%; height: auto; } .ce_bewertungen .table{ table-layout: fixed; } .ce_bewertungen .table > .row > *{ vertical-align:top; height: 100%; } .ce_bewertungen .textholder > .inside, .ce_bewertungen .mediaholder > .inside{ background: white; } .ce_bewertungen .textholder > .inside{ padding: 2rem; box-sizing: border-box; height: 100%; } .ce_bewertungen .mediaholder > .inside img{ max-width: 100%; height: auto; object-fit: contain; object-position: center; } .ce_bewertungen .mediaholder{ padding-right: 1rem; vertical-align: middle; } .ce_bewertungen .textholder{ padding-right: 1rem; padding-left: 0; } .ce_bewertungen .mediaholder + .textholder{ padding-left: 1rem; padding-right: 0; } .ce_bewertungen .textholder + .mediaholder{ padding-left: 1rem; padding-right: 0; } .ce_bewertungen .table > .row > .mediaholder > .inside{ display: inline-table; height: 100%; width: 100% } .ce_bewertungen .textholder .stars{ margin-bottom: 20px; } .ce_bewertungen .textholder .date{ margin-bottom: 20px; } .ce_bewertungen .textholder .name{ margin-top: 20px; } .ce_bewertungen > .headlinecontainer{ margin-bottom: 4rem; } #main .mod_article:first-of-type > .ce_introtext { /* padding-top: 4rem; */ } .ce_responsivebanner .caption{ font-size: 14px; line-height: 1.65; } .mod_kuechelist .item.layout_latest .image_container .price .priceholder, .mod_list_shot_module .teasergrid .grid > .item.layout_latest .image_container .price .priceholder{ font-size: 2.5rem; text-shadow: 2px 0px rgba(0,0,0,0.9); font-family: 'Dancing Script'; font-weight: 500; } /*#main .mod_article .owlelement, #main .mod_article.colorWhite .owlelement.block, #main .mod_article.fullwidth > .owlelement.block, #main .mod_article > .owlelement.block.fullwidth{ margin-left: calc((100vw - (1280px - 4rem)) / 2); padding-left: 0; padding-right: 0; } body #main .owl-carousel .owl-stage { padding-left: 0 !important; }*/ .owlelement .cover{ line-height: 0; display: block; } .owlelement > .headlinecontainer{ margin-bottom: 3rem; } .ce_kuechenstile > .headlinecontainer{ margin-bottom: 4rem; } #main .mod_article[style="background: #AE100D"] > .block > .headlinecontainer > *{ color: white; text-align: center; } .ce_image > .headlinecontainer, .ce_imagegrid > .headlinecontainer{ margin-bottom: 3rem; } .mod_kuechelist + .linkholder{ margin-top: 4rem; } .ce_text a,.text a { font-weight: 700; } .padBottomSmall .linkholder{ margin-bottom: 2rem; } #main .mod_article > .block.maxWidth{ max-width: 980px; margin: 0 auto; } .mod_pageImage > .inside > div{ text-align: center; } #herosection .inside .ce_herosection .mod_pageImage img{ width: 100vw; height: 100%; object-fit: cover; object-position: center; } #herosection .mod_pageImage > .inside > div{ line-height: 0; } .ce_gridList .teasergrid > * > div[class*="item_"]{ background: #F0EEEB; padding: 2rem 3rem 3rem; } .ce_gridList.noBG .teasergrid > * > div[class*="item_"] { background: transparent; padding: 0; } .ce_gridList:not(.noBG) .name { margin-bottom: 20px; min-height: 60px; } .innerWrapper .ce_gridList:not(.noBG) .name,.innerWrapper .ce_gridList h4 { margin-bottom: 10px; min-height: 0; } .innerWrapper .headlinewrapper > *,.innerWrapper .headlinewrapper h2 { font-size: 45px; } .ce_gridList.noBG .name { padding: 20px 0; } .ce_gridList.noBG .desc { text-align: left; padding-right: 2rem; } .ce_gridList .name > *{ margin-top: 0; font-family: 'Lato'; font-size: 21px; font-style: normal; } .ce_gridList .desc ul > li{ list-style: disc; list-style-position: outside; margin-bottom: 0.5rem; } .ce_text ul{ margin-bottom: 2rem; } .ce_text.not_float_above{ margin-bottom: 3rem; } .ce_text.not_float_below{ margin-top: 2rem; } .ce_teaserSlider .table > .row > *{ width: 50%; vertical-align: top; } .ce_teaserSlider .table > .row > * > .innerholder{ display: table; padding: 20px 2rem; } .ce_teaserSlider .table > .row > .image_container{ padding-right: 0.5rem; } .ce_teaserSlider .table > .row > .ce_text{ padding-left: 0.5rem; } .ce_teaserSlider:not(.owlelement) .item{ margin-bottom: 2rem; } .ce_teaserSlider .table,.ce_teaserSlider .row, .ce_teaserSlider .row > *, .ce_teaserSlider .row > * > .innerholder{ height: 100%; } .ce_teaserSlider:not(.owlelement) .headline{ font-weight: 600; font-size: 1.8rem; margin-bottom: 20px; } .ce_kachelelement .notfloat_left > .inside{ padding-bottom: 0; } .ce_teaserSlider:not(.owlelement) .ce_text .text > h1,.ce_teaserSlider:not(.owlelement) .ce_text .text > h2,.ce_teaserSlider:not(.owlelement) .ce_text .text > h3, .ce_teaserSlider:not(.owlelement) .ce_text .text > h4, .ce_teaserSlider:not(.owlelement) .ce_text .text > h5, .ce_teaserSlider:not(.owlelement) .ce_text .text > h6{ font-family: 'Lato',sans-serif; font-weight: 600; font-style: normal; } .ce_bewertungen .flex-direction-nav .flex-next { right:0 !important; } .ce_bewertungen .flex-direction-nav .flex-prev { left:0 !important; } .ce_bewertungen .flex-direction-nav a { opacity:1; } .flexslider ul.slides > li .inside { padding:2.2rem; font-size:1.125rem; } .parent_index #main .inside { margin-top:110px; } .layout_captionBottom > div > *{ background: white; padding: 10px 10px 0 10px; } .avatar { line-height: 0; } .avatar > img{ max-width: 100%; height: auto; } .layout_captionHover .avatar + .text { position: absolute; bottom: 0; background: rgba(255,255,255,0.8); padding: 20px 2rem; width: 100%; text-align: center; } .layout_captionBottom .avatar + .text { padding: 10px 0; width: 100%; font-size: 18px; line-height: 1.65; } .avatar + .text .name{ font-weight: 600; } .avatar + .text a{ font-weight: 400; } .flex-direction-nav .flex-prev { left: 10px !important; } .flex-direction-nav .flex-next { right: 10px !important; text-align: right; } .flexslider:hover .flex-prev { opacity: 0.7; } .flexslider:hover .flex-next { opacity: 0.7;} .flex-direction-nav a:before { content: '' !important; } .flex-direction-nav a.flex-next:before { content: '' !important; } .flex-direction-nav img {width:100%;} .ce_contact{ color: white; line-height:150%; } .ce_contact .mail a{ text-decoration: underline; } .ce_contact .footerlogo{ margin-bottom: 2rem; line-height: 0; } .ce_contact .block{ margin-bottom: 2rem; } .ce_contact .footerlogo .standort { font-size: 2rem; font-family: 'Playfair Display'; font-style: italic; line-height: 1.2; } .ce_contact .block > .title{ text-transform: uppercase; margin-bottom: 0.5rem; } .teasergrid > div.center > div{ float: none; margin-left: auto; margin-right: auto; } .owl-theme .owl-nav [class*=owl-]:hover { background: none !important; } a[data-fancybox] { position: relative; } a[data-fancybox]:after { position: absolute; content: ''; right:30px; width: 30px; height:30px; z-index: 10; top:20px; background: url(/files/theme/layout/images/icons/lupe.svg) no-repeat scroll 50% 50% transparent; background-size: auto; background-size: contain; } a[data-type="iframe"]:after { display: none; } #main .mod_article > .block.bggray { background: #F0EEEB; padding: 200px 4rem 4rem; margin-top: 6rem } .stockhausen { position: relative; overflow: visible; } .stockhausen figure { position:absolute; max-width: 400px; left: calc( 50% - 190px ); top:4rem; z-index: 10 } .ce_teamList .caption a{ color:var(--red); } .mod_newslist .layout_latest{ background: #F0EEEB; padding: 20px; } .mod_newslist .layout_latest .newsicon{ width: 258px; } .mod_newslist .layout_latest .contentholder{ padding-left: 2rem; } .mod_newslist .layout_latest{ margin-bottom: 20px; } .mod_newslist .layout_latest .newsicon img{ max-width: 100%; height: auto; border-radius: 10px; border: 2px solid white; box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.6); } .mod_newslist .linkholder{ float: right; } .mod_newslist .layout_latest .h2, .mod_newsreader h2{ font-family: Lato, sans-serif; font-size: 21px; font-weight: 600; font-style: normal; } .mod_newsreader h1{ font-size: font-size: 3.125rem; } .download-element a { color:var(--red); display: inline-block; padding-top: 2rem; } .download-element span { display: inline; } .layout_full .image_container{ margin: 2rem 0; } .layout_full { margin-top: 4rem; } .ce_teamList p a { color: var(--red); } .ce_teamList a:hover { text-decoration: underline; } .btn.disabled { background: #333; background-color: rgb(51, 51, 51); } .btn.nextstep, .submit_container > input { float: right; width: 150px; } .nextstep, #tabs { display: table; margin-bottom: 2rem; } .btn, .btn-large { text-decoration: none; color: #fff; background-color: #26a69a; text-align: center; letter-spacing: .5px; -webkit-transition: .2s ease-out; transition: .2s ease-out; cursor: pointer; } .btn, .btn-large, .btn-floating, .btn-large, .btn-flat { font-size: 1rem; outline: 0; } .btn, .btn-large, .btn-flat { border: none; border-radius: 2px; display: inline-block; height: 36px; line-height: 36px; padding: 0 2rem; text-transform: uppercase; vertical-align: middle; -webkit-tap-highlight-color: transparent; } .tabs { position: relative; overflow-x: auto; overflow-y: hidden; height: 48px; width: 100%; background-color: #fff; margin: 0 auto; margin-bottom: 0px; white-space: nowrap; } #tabs > .tabholder { margin: 0 -3rem 0 0; width: 100%; } #tabs > .tabholder > span { display: inline-block; text-align: center; vertical-align: middle; background: #eee; margin-right: 1rem; width: calc((100% / 3) - 10px); padding: 10px; } #tabs > .tabholder > span.active { background: #d12229 !important; color: #fff !important; } .ce_form.terminvereinbarung legend, .widget-calendar > label { font-size: 1.6rem; font-weight: 700; color: gray; margin: 2rem 0; } legend { border: 0; padding: 0; } .terminanfrage fieldset { padding: 0; } .terminanfrage .formbody > fieldset { display: none; } .terminanfrage .formbody > fieldset.step1 { display: block; } .terminanfrage .list_item { 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; } label { max-width: 100%; width: 100%; display: inline-block; font-size: inherit; color: inherit; margin-bottom: 10px; font-size: 16px; line-height: 1.2; } span.mandatory { display: inline-block; color: var(--red); } .widget.widget-radio { padding: 0; } .widget.widget-radio label 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: .45rem; font-size: 17px; } .widget.widget-radio fieldset{ margin: 0 -.45rem; } input { margin: 0; padding: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; } [type="radio"]:not(:checked), [type="radio"]:checked { position: absolute; opacity: 0; pointer-events: none; } input[type="radio"], input[type="checkbox"] { box-sizing: border-box; padding: 0; display: none; } .terminanfrage .widget.widget-radio label input:checked + span.item-label { -webkit-filter: none; -moz-filter: none; filter: none; background: rgba(209,34,41,0.8); color: #fff; } body .terminanfrage .dk-select, .widget.w50.widget-calendar{ width: calc(100% / 4); margin-bottom: 2rem; } .widget.w50.nofloat { clear: both; float: none; } .widget.w50.widget-calendar > div > input{ width: calc(100% - 26px); font-size: 16px; } .widget.w50.widget-calendar > div > *{ display: inline-block; vertical-align: middle; } .widget.widget-text input,.widget.widget-textarea textarea{ border: 1px solid rgba(0,0,0,0.3); background: white; font-size: 16px; } body .dk-select .dk-selected,.dk-option{ font-size: 16px; } .btn.disabled, .disabled.btn-large, .btn-floating.disabled, .btn-large.disabled, .btn-flat.disabled, .btn:disabled, .btn-large:disabled, .btn-floating:disabled, .btn-large:disabled, .btn-flat:disabled, .btn[disabled], [disabled].btn-large, .btn-floating[disabled], .btn-large[disabled], .btn-flat[disabled] { pointer-events: none; background-color: #DFDFDF !important; -webkit-box-shadow: none; box-shadow: none; color: #9F9F9F !important; cursor: default; } .btn, .submit_container > input,.widget-submit > button { background: #e81726; background: -moz-linear-gradient(left,rgba(232,23,38,1) 49%,rgba(191,19,19,1) 82%); background: -webkit-linear-gradient(left,rgba(232,23,38,1) 49%,rgba(191,19,19,1) 82%); background: linear-gradient(to right,rgba(232,23,38,1) 49%,rgba(191,19,19,1) 82%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e81726',endColorstr='#bf1313',GradientType=1); font-weight: 700; } .innerWrapper{ background: #F0EEEB; padding: 150px 4rem 4rem; } .innerWrapper.withoutImage{ padding: 4rem; } .innerWrapper.withHead{ padding: 0; margin: 0; } .innerWrapper .innerholder{ padding: 4rem } .innerWrapper .ce_gridList .teasergrid > * > div[class*="item_"]{ background: white; } .innerWrapper .innerholder > .block{ padding: 2rem 0 2rem; } .innerWrapper .innerholder > .block:first-of-type{ padding-top: 0; } .innerWrapper .innerholder > .block:last-of-type,.innerWrapper .innerholder > .headlinecontainer{ padding-bottom: 0; } .headlinewrapper{ background: var(--red); padding: 180px 4rem 4rem; text-align: center; } .withoutImage .headlinewrapper { padding: 4rem; } .headlinewrapper > *{ color: white; margin: 0; } .ce_wrapper_open > .ce_image{ display: table; margin: 0 auto -150px; } .ce_text p > a{ color: var(--red); } a.tel:before{ content: ''; display: inline-block; vertical-align: middle; background: url(/files/theme/layout/images/icons/allgemein/red/ion-ios-telephone.png) no-repeat scroll 0 0 transparent; width: 20px; height: 20px; margin-right: 10px; background-size: contain; } .preheadline{ margin-bottom: 1rem; font-family: 'Lato',sans-serif; font-style: normal; } h2 +.preheadline{ margin-bottom: 0; margin-top: 1rem; } .center .ce_gridList .desc ul > li{ list-style-position: inside; } .ce_kuechenstile .teasergrid > div{ margin: 0 -2rem; } .ce_kuechenstile .teasergrid > .itemsperRow_2 > *{ margin: 2rem; width: calc((100% - (4 * 2rem)) / 2); } #main .mod_article > .block.small{ max-width: 750px; } .small{ margin: 0 auto; } .ce_text .image_container.float_above{ margin-bottom: 20px; } body .sf-menu ul{ display: none; } .graybox .textholder{ background: whiteSmoke; } .graybox .mediaholder + .textholder,.graybox .textholder + .mediaholder { border-left: 2rem solid white; } svg { width:100%; height: auto; } .ce_zitatBoxes > .linkholder, .linkholder{ margin: 1rem auto 4rem; } #article-273, .terminvereinbarung{ overflow: visible; } .socialsidebar ul.sociallist{ float: none; margin: 0; } .socialsidebar ul.sociallist > li{ margin: 0 1; font-size: 12px; text-align: center; display: block; height: 40px; width: 40px; } .socialsidebar .social{ float: none; } #wf78542f{ } body #wf78542f span { display: inline; } body #wf78542f .CssLayoutPriceSize { font-size: 18px !important; line-height: 1.5; font-weight: 800; margin-top: 0.3rem; display: block; margin-bottom: .3rem; } body #wf78542f .vat-info, body #wf78542f .removed{ font-weight: 400; } body .fancybox-iframe[src*="atlas"] { width: 100%; height: 100%; } .termin-title { font-size: 9px; display: block; padding-top: 2px; max-width: 50px; line-height: 120%; } .altcha-checkbox input { display:inline; appearance: checkbox; } .landingpage .readmore, .landingpage .linkholder .readmore { font-size: 30px; } .colorWhite h1, .colorWhite h2, .colorWhite .headlinecontainer > *,.colorWhite blockquote{ color: white; } .small { font-size: 14px; line-height: 150%; } .center .logo { margin: 0 auto; } #article-665 > .block:before{ content: ''; display: block; height: 110px; width: 230px; position: absolute; background: url(/files/theme/user/angebote/0525/Gruppe%2051796.svg) no-repeat 0 0 transparent; background-size: contain; top: 0; right: 2rem; } #main #article-665.mod_article > .block{ padding-top: calc(6rem + 60px) } .landingpage #herobottom .terminlink a, .landingpage #herobottom .kataloglink a{ text-shadow: 0 0 5px rgba(0,0,0,0.7); } @media all and (max-width: 1280px){ /* #main .mod_article .owlelement, #main .mod_article.colorWhite .owlelement.block, #main .mod_article.fullwidth > .owlelement.block, #main .mod_article > .owlelement.block.fullwidth{ margin: 0 auto; padding-left: 2rem; padding-right: 0; }*/ /*body #main .owl-carousel .owl-stage padding-left: 0 !important; padding-right: 0 !important; }*/ } @media all and (max-width: 1120px){ header > .inside .mod_navigation ul.level_1 > li > span, header > .inside .mod_navigation ul.level_1 > li > a, header > .inside .mod_navigation ul.level_1 > li > strong{ padding: 25px 10px; font-size: 13px; } #wrapper #header > .inside{ padding-left: 10px; } .headerright .location{ display: none; } footer .mod_customnav{ display: none; } } @media all and (max-width: 980px){ .headercenter .mod_navigation{ display: none; } #header .headerright{ display: table-cell; } #main .mod_article.fullwidth > .block > .headlinecontainer{ padding: 0 2rem; } #header{ position: relative; max-width: 100vw; padding: 0; overflow: hidden; } #wrapper #header > .inside { padding-left: 0; margin-top: 0; padding: 0 10px; } .block > .linkholder, .linkholder{ margin-top: 2rem; } header .mod_logo { width: 200px; padding: 15px 0; } #herobottom { display: none; } #main .mod_article > .block { padding: 3rem 20px 4rem; } #main .mod_article > .ce_owlslider.block { padding-right: 0; padding-left: 0; } #main .mod_article.fullwidth > .block, #main .mod_article > .block.fullwidth{ padding: 3rem 0 4rem; } .ce_responsivebanner .caption{ padding: 20px 20px 0; } .ce_responsivebanner .caption { padding: 20px 20px 0; line-height: 1.65; font-size: 12px; } #main .mod_article.fullwidth > .block.noPadBottom, #main .mod_article > .block.fullwidth.noPadBottom{ padding-bottom: 0; } #main .mod_article.fullwidth > .block.noPadTop, #main .mod_article > .block.fullwidth.noPadTop{ padding-top: 0; } .ce_kachelelement .notfloat_left > .inside { padding-top: 20px; } .noPadBottom, #main .mod_article > .block.noPadBottom{ padding-bottom: 2rem; } p { margin-bottom: 0.5rem; margin-top: 0; } p:last-of-type{ margin: 0; } .ce_kachelelement .textholder .linkholder { margin: 2rem 0 0; float: none; } .ce_zitatBoxes .item .ce_text { padding-left: 2rem; } .footertop > .table > .row > :first-of-type { padding-right: 2rem; } .footertop > .table > .row > :last-of-type { padding-left: 2rem; } .stockhausen figure { max-width: 310px; left: calc( 50% - 140px ); } } @media all and (max-width: 930px){ .ce_bewertungen .table .row > * { width: 100%; display: table-footer-group; padding: 0; } .ce_bewertungen .table .row > .mediaholder { display: block; text-align: center; padding: 0; } .ce_bewertungen .table .row > .textholder { display: block; padding: 0; } .ce_bewertungen .mediaholder > .inside img{ max-width: 350px; height: auto; width: 100%; } /*.ce_bewertungen .table .row > .textholder { display: table-footer-group; padding: 0; } .ce_bewertungen .table .row > .mediaholder { display: table-header-group; }*/ } @media all and (max-width: 860px){ /* body{ hyphens: auto; -webkit-hyphens:auto; } */ #main .mod_article .owlelement, #main .mod_article.colorWhite .owlelement.block, #main .mod_article.fullwidth > .owlelement.block, #main .mod_article > .owlelement.block.fullwidth{ margin: 0; padding-left: 20px; } #main .mod_article .owlelement, #main .mod_article.colorWhite .owlelement.block.small{ margin: 0 auto; padding-left: 20px; padding-right: 20px; } .footertop > .table > .row > * { width: 100%; padding: 0; display: block; hyphens: auto; } .footerrow > .inside{ padding: 20px; } .footerlogo img{ max-width: 100%; } .footertop > .table > .row > :last-of-type { padding-left: 0; } .footertop > .table > .row > :first-of-type { margin-bottom: 2rem; } footer .widget-select{ margin-bottom: 20px; } .ce_zitatBoxes img{ max-width: 100%; } .ce_zitatBoxes .item .table > .row > *{ display: block; } .ce_zitatBoxes .item .ce_text{ padding: 0; margin: 0; } .ce_zitatBoxes blockquote { margin: 2rem auto 3rem; } #main .mod_article.fullwidth > .block, #main .mod_article > .block.fullwidth{ padding: 2rem 0; } .ce_herosection .caption{ width: 100%; } .ce_herosection .caption.text_right > .row > .inside > div > div{ float: none; } .ce_imagegrid .teasergrid > .itemsperRow_3 > * { width: calc(100% / 2 ); } .ce_herosection .caption > .row > .inside > div{ padding: 0; margin: 0; } .ce_herosection .caption > .row > .inside > div > div { background: rgba(255,255,255,0.6); padding: 20px; margin: 0; max-width: 560px; } .ce_herosection .mod_pageImage{ display: table-footer-group; } .ce_herosection .caption{ display: table-header-group; } } @media all and (max-width: 680px){ body { font-size:1rem; } .widget > label{ display: none; } .widget.w50{ width: 100%; margin: 0 0 20px; float: none; } .ce_herosection .caption { position: relative; height: auto; } .ce_herosection img{ height:auto; width: 100%; } #main .mod_article.fullwidth > .block > .headlinecontainer{ padding: 0 20px; } .headlinecontainer > * br{ display: none; } .ce_herosection .caption > .row > .inside > *{ margin: 0; padding: 20px 10px; } #main .mod_article:first-of-type > .ce_introtext{ padding-top: 20px; } .headlinecontainer, .ce_bewertungen > .headlinecontainer, .owlelement > .headlinecontainer, .ce_image > .headlinecontainer, .ce_imagegrid > .headlinecontainer { margin-bottom: 20px; } .block > .linkholder .readmore, .linkholder .readmore{ font-size: 18px; } h2, .innerWrapper .headlinewrapper > *, .innerWrapper .headlinewrapper h2{ font-size: 28px; line-height: 1.2; } .withoutImage .headlinewrapper { padding: 2rem; } .headlinecontainer.lato > h2 { font-size: 22px; } body .terminanfrage .dk-select, .widget.w50.widget-calendar { width: 100%; } #main .mod_article > .block { padding: 30px; } .stockhausen figure { max-width: 200px; left: calc( 50% - 90px ); } #main .mod_article > .block.bggray { padding: 160px 1rem 1rem; } #article-268 .bgImage > img { max-width: 220px; } .mod_newslist .layout_latest .row > * { display: block; width: 100%; } .mod_newslist .layout_latest .contentholder { padding-left: 0; padding-top:1rem; } .mod_newslist .linkholder { float: left; } .ce_imagegrid .teasergrid > .itemsperRow_3 > *,.teasergrid > .itemsperRow_2 > *, .ce_gallery ul.cols_2 > li { width: 100%; } .innerWrapper .innerholder{ padding: 2rem 0; } .teasergrid > .itemsperRow_2 { margin: 0; } #main .mod_article > .block.small{ max-width: 510px; } .teasergrid > .itemsperRow_2 > *, .ce_gallery ul.cols_2 > li{ float: none; margin: 0; margin-bottom: 20px; width: 100%; } .ce_kuechenstile .teasergrid > .itemsperRow_2 > *{ width: 100%; margin: 0; margin-bottom: 20px; } .ce_kuechenstile .teasergrid > div { margin: 0; } .ce_contact .row > * { display: block; } .innerWrapper { padding: 150px 1rem 1rem; } .ce_teaserSlider .table > .row > * { width: 100%; display: block; height: auto; } .ce_teaserSlider .table > .row > .ce_text { padding-left: 0; } .ce_teaserSlider .table > .row > .image_container { padding-right: 0; } .socialsidebar > .inside > * { padding: 8px 6px; } .icheckbox_minimal, .iradio_minimal { float: left; } #main .mod_article > .block, .ce_kachelelement .notfloat_right > .inside { padding: 1rem; } } @media all and (max-width: 530px){ .ce_imagegrid .teasergrid > .itemsperRow_3 > *,.teasergrid > .itemsperRow_2 > *, .ce_gallery ul.cols_2 > li { width: 100%; } .teasergrid > .itemsperRow_2 > *, .ce_gallery ul.cols_2 > li{ float: none; margin: 0; margin-bottom: 20px; } .ce_zitatBoxes blockquote{ font-size: 23px; line-height: 1.4; } .ce_zitatBoxes .item .ce_text > .holder blockquote p:after { bottom: -45px; position: absolute; top: initial; } .socialsidebar { position: fixed; bottom: 0; width: 100%; top:inherit !important } .socialsidebar > .inside > * { padding: 15px 0; display: inline-block; } .socialsidebar > .inside { border-radius: 0; } .socialsidebar > .inside > * img { width: 22px; height: 22px; } .footerrow > .inside { padding: 20px 20px 40px; } .socialsidebar > .inside > *{ width: calc(100% / 3); float: left; } .termin-title { font-size: 10px; max-width: none; } .socialsidebar .termin, .socialsidebar .contact { border-right:1px solid #fff; } .socialsidebar > .inside{ display: table; width: 100%; } .socialsidebar ul.sociallist > li { float: left; margin: 0; width: calc(100% / 3); height: auto; } .socialsidebar li a{ padding: 0; } .socialsidebar > .inside > .social{ width: calc(100% - (3 * (100% / 6))) } }