#colorbox,#cboxOverlay,#cboxWrapper{position:absolute;top:0;left:0;z-index:9999;overflow:hidden;-webkit-transform:translate3d(0,0,0)}#cboxWrapper{max-width:none}#cboxOverlay{position:fixed;width:100%;height:100%}#cboxMiddleLeft,#cboxBottomLeft{clear:left}#cboxContent{position:relative}#cboxLoadedContent{overflow:auto;-webkit-overflow-scrolling:touch}#cboxTitle{margin:0}#cboxLoadingOverlay,#cboxLoadingGraphic{position:absolute;top:0;left:0;width:100%;height:100%}#cboxPrevious,#cboxNext,#cboxClose,#cboxSlideshow{cursor:pointer}.cboxPhoto{float:left;margin:auto;border:0;display:block;max-width:none;-ms-interpolation-mode:bicubic}.cboxIframe{width:100%;height:100%;display:block;border:0;padding:0;margin:0}#colorbox,#cboxContent,#cboxLoadedContent{box-sizing:content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box}#cboxOverlay{background:#000;opacity:.9;filter:alpha(opacity = 90)}#colorbox{outline:0}#cboxContent{margin-top:20px;background:#000}.cboxIframe{background:#fff}#cboxError{padding:50px;border:1px solid #ccc}#cboxLoadedContent{border:5px solid #000;background:#fff}#cboxTitle{position:absolute;top:-20px;left:0;color:#ccc}#cboxCurrent{position:absolute;top:-20px;right:0;color:#ccc}#cboxLoadingGraphic{background:url(../../assets/colorbox/images/loading.gif) no-repeat center center}#cboxPrevious,#cboxNext,#cboxSlideshow,#cboxClose{border:0;padding:0;margin:0;overflow:visible;width:auto;background:0 0}#cboxPrevious:active,#cboxNext:active,#cboxSlideshow:active,#cboxClose:active{outline:0}#cboxSlideshow{position:absolute;top:-20px;right:90px;color:#fff}#cboxPrevious{position:absolute;top:50%;left:5px;margin-top:-32px;background:url(../../assets/colorbox/images/controls.png) no-repeat top left;width:28px;height:65px;text-indent:-9999px}#cboxPrevious:hover{background-position:bottom left}#cboxNext{position:absolute;top:50%;right:5px;margin-top:-32px;background:url(../../assets/colorbox/images/controls.png) no-repeat top right;width:28px;height:65px;text-indent:-9999px}#cboxNext:hover{background-position:bottom right}#cboxClose{position:absolute;top:5px;right:5px;display:block;background:url(../../assets/colorbox/images/controls.png) no-repeat top center;width:38px;height:19px;text-indent:-9999px}#cboxClose:hover{background-position:bottom center} .content-slider{overflow:hidden;visibility:hidden;position:relative}.slider-wrapper{overflow:hidden;position:relative}.slider-wrapper>*{float:left;width:100%;position:relative}.slider-control{height:30px;position:relative}.slider-control a,.slider-control .slider-menu{position:absolute;top:9px;display:inline-block}.slider-control .slider-prev{left:0}.slider-control .slider-next{right:0}.slider-control .slider-menu{top:0;width:50%;left:50%;margin-left:-25%;font-size:27px;text-align:center}.slider-control .slider-menu b{color:#bbb;cursor:pointer}.slider-control .slider-menu b.active{color:#666} .cc-head>*:first-child{margin-top:0}.cc-head>*:last-child{margin-bottom:15px}.contao-cookiebar{--ccb-backdrop: rgba(0, 0, 0, .75);--ccb-anim-duration: .5s;--ccb-checked-clr: #399d32;--ccb-checked-bg: #dcf3db;--ccb-unchecked-clr: #9c9b99;--ccb-unchecked-bg: #fff;--ccb-disabled-clr: #c8c7c5;--ccb-disabled-bg: #f4f4f4;--ccb-focus-clr: #00a4f4;position:fixed;inset:0;z-index:9999;display:flex;align-items:var(--ccb-align, center);justify-content:var(--ccb-justify, center);letter-spacing:0;padding:15px;max-height:100dvh;box-sizing:border-box;pointer-events:none;overflow:hidden;color:var(--ccb-clr, #444)}.contao-cookiebar *{box-sizing:border-box}.contao-cookiebar p{color:var(--ccb-text, #868686);line-height:1.4}.contao-cookiebar label{position:relative;display:block;padding:8px 13px 8px 0;line-height:1.2rem}.contao-cookiebar label.group{font-weight:600}.contao-cookiebar input{position:absolute;width:1px;height:1px;outline:0 none;opacity:0}.contao-cookiebar input+label{padding:8px 13px 8px 45px;cursor:pointer}.contao-cookiebar input+label:before,.contao-cookiebar input+label:after{content:"";position:absolute;border-radius:10px}.contao-cookiebar input+label:before{top:7px;left:0;width:35px;height:18px;margin:0;box-sizing:content-box;background:var(--ccb-unchecked-bg);border:1px solid var(--ccb-unchecked-clr);transition:border-color .2s}.contao-cookiebar input+label:after{display:block;top:11px;left:4px;width:12px;height:12px;background:var(--ccb-unchecked-clr);transition:background .2s,margin-left .2s,padding .2s}.contao-cookiebar input+label:active:after{padding-left:5px}.contao-cookiebar input.cc-group-half+label:after{background:linear-gradient(to right, var(--ccb-unchecked-clr) 0%, var(--ccb-unchecked-clr) 50%, var(--ccb-checked-clr) 50%, var(--ccb-checked-clr) 100%)}.contao-cookiebar input:checked+label:after{background:var(--ccb-checked-clr);margin-left:17px}.contao-cookiebar input:checked+label:active:after{margin-left:12px}.contao-cookiebar input:checked+label:before{background:var(--ccb-checked-bg);border-color:var(--ccb-checked-clr)}.contao-cookiebar input:disabled+label{pointer-events:none}.contao-cookiebar input:disabled+label:after{background:var(--ccb-disabled-clr)}.contao-cookiebar input:disabled+label:before{background:var(--ccb-disabled-bg);border-color:var(--ccb-disabled-clr)}.contao-cookiebar input:focus-visible+label:before{outline:3px dashed var(--ccb-focus-clr);outline-offset:2px}.contao-cookiebar .cc-btn{display:inline-block;cursor:pointer;width:100%;padding:8px 14px;margin-bottom:8px;font-size:15px;outline:0 none;border:1px solid var(--ccb-btn-bdr, #cfcfcf);border-radius:4px;color:var(--ccb-btn-clr, #444);background:var(--ccb-btn-bg, #f5f5f5)}.contao-cookiebar .cc-btn:hover,.contao-cookiebar .cc-btn:focus{background:var(--ccb-btn-bg-hvr, #ececec)}.contao-cookiebar .cc-btn:last-child{margin-bottom:0}.contao-cookiebar .grayscale{--ccb-btn-bg: #f1efef;--ccb-btn-bg-hvr: #ececec}.contao-cookiebar .grayscale .success{--ccb-btn-bg: #fbfbfb;--ccb-btn-bg-hvr: #f7f7f7}.contao-cookiebar .highlight .success{--ccb-btn-bg: #4e9e3e;--ccb-btn-bg-hvr: #4c933f;--ccb-btn-bdr: #3e7830;--ccb-btn-clr: #fff}.cc-focus:focus-visible{outline:3px dashed var(--ccb-focus-clr);outline-offset:-3px}.cc-invisible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;float:left}.cc-inner{display:inline-block;overflow-y:auto;max-height:100%;max-width:100%;padding:23px;border-radius:3px;opacity:0;pointer-events:none;visibility:hidden;font-size:1rem;text-align:left;background:var(--ccb-bg, #fff);box-shadow:var(--ccb-box-shadow, rgba(99, 99, 99, 0.2)) 0 2px 8px 0;animation:var(--ccb-anim, cookiebar-middle-in) var(--ccb-anim-duration) ease-in-out forwards}.cc-group{position:relative;border:1px solid var(--ccb-bdr, #d0d0d0);border-radius:5px;margin-bottom:10px}.cc-cookie-info{font-size:.875rem;background:var(--ccb-info-bg, #fff);border:1px solid var(--ccb-info-bdr, #efefef);padding:10px;border-radius:5px}.cc-cookie-info>div>span{font-weight:600}.cc-cookie-info>div+div{margin-top:5px;word-wrap:break-word}.cc-cookie-info+button.cc-detail-btn-details{margin-top:15px}.cc-cookies{background:var(--ccb-cookies-bg, #fbfbfb);border-radius:0 0 5px 5px}.cc-cookies>p{font-size:.875rem}.cc-cookies>p,.cc-cookies>.cc-cookie{margin:0;padding:15px;border-top:1px solid var(--ccb-cookies-bdr, #fbfbfb)}.cc-cookie label.cookie+*{margin-top:10px}.cc-cookie p{margin:0 0 15px;font-size:.875rem}.cc-cookie-desc p{margin-bottom:0}.cc-footer,.cc-info{text-align:center}.cc-info{margin-top:15px}.cc-info>p{font-size:.875rem}.cc-info>a{display:inline-block;font-size:.813rem;color:var(--ccb-detail-clr, #a2a2a2);text-decoration:none}.cc-info>a:hover{color:var(--ccb-detail-clr-hvr, #717171)}.cc-info>a+a:before{display:inline-block;content:"·";margin-right:5px}.cc-active .cc-inner{opacity:1;pointer-events:auto;visibility:visible}.cc-active.cc-blocked{pointer-events:auto;animation:cookiebar-overlay-in var(--ccb-anim-duration) ease-in-out forwards}.cc-saved.cc-inner{opacity:0;pointer-events:none;visibility:hidden}.cc-saved.cc-blocked{pointer-events:none;animation:cookiebar-overlay-out var(--ccb-anim-duration) ease-in-out forwards}.cc-left{--ccb-justify: flex-start}.cc-right{--ccb-justify: flex-end}.cc-top{--ccb-align: flex-start}.cc-top.cc-active{--ccb-anim: cookiebar-top-in}.cc-top.cc-saved{--ccb-anim: cookiebar-top-out}.cc-middle.cc-active{--ccb-anim: cookiebar-middle-in}.cc-middle.cc-saved{--ccb-anim: cookiebar-middle-out}.cc-bottom{--ccb-align: flex-end}.cc-bottom.cc-active{--ccb-anim: cookiebar-bottom-in}.cc-bottom.cc-saved{--ccb-anim: cookiebar-bottom-out}@media(min-width: 768px){.contao-cookiebar .cc-btn{width:auto;margin-bottom:0}.cc-inner{max-width:var(--ccb-max-width, 750px)}}@media(forced-colors){.contao-cookiebar input+label:after{border:1px solid currentColor}.cc-inner{border:1px solid currentColor}input.cc-group-half+label:after{margin-left:9px}}@media(prefers-reduced-motion){.contao-cookiebar{--ccb-anim-duration: 2s}}@media print{.contao-cookiebar{opacity:0}}@keyframes cookiebar-overlay-in{0%{background:rgba(0,0,0,0)}to{background:var(--ccb-backdrop)}}@keyframes cookiebar-overlay-out{0%{background:var(--ccb-backdrop)}to{background:rgba(0,0,0,0);visibility:hidden}}@keyframes cookiebar-top-in{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}@keyframes cookiebar-top-out{0%{opacity:1;visibility:visible;transform:translateY(0)}to{opacity:0;visibility:hidden;transform:translateY(-100%)}}@keyframes cookiebar-middle-in{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}@keyframes cookiebar-middle-out{0%{opacity:1;visibility:visible;transform:scale(1)}to{opacity:0;visibility:hidden;transform:scale(0)}}@keyframes cookiebar-bottom-in{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes cookiebar-bottom-out{0%{opacity:1;visibility:visible;transform:translateY(0)}to{opacity:0;visibility:hidden;transform:translateY(100%)}}.cc-group{display:flex;flex-wrap:wrap;justify-content:space-between;align-content:center}.cc-group>label{flex-grow:1;margin:5px 0 5px 10px}.cc-cookies{display:none;width:100%}.cc-detail-btn{padding:8px 10px;line-height:1.2rem}.cc-detail-btn-details{text-decoration:underline;padding:0;margin:0 0 10px}.cc-detail-btn,.cc-detail-btn-details{display:inline-block;color:var(--ccb-detail-clr, #a2a2a2);border:0 none;outline:0 none;background:rgba(0,0,0,0);font-size:13px;letter-spacing:0;text-transform:initial;cursor:pointer}.cc-detail-btn span:nth-child(2),.cc-detail-btn-details span:nth-child(2){display:none}.cc-detail-btn.cc-active span:nth-child(1),.cc-detail-btn-details.cc-active span:nth-child(1){display:none}.cc-detail-btn.cc-active span:nth-child(2),.cc-detail-btn-details.cc-active span:nth-child(2){display:inline}.cc-detail-btn:hover,.cc-detail-btn-details:hover{background:rgba(0,0,0,0);color:var(--ccb-detail-clr-hvr, #717171)} @media screen{ #iso_ajaxBox{width:20%;padding:9px 50px 9px 24px;position:fixed;top:10%;left:40%;background:#fff url(../../system/modules/isotope/assets/images/loading.gif) no-repeat right center;border:2px solid #000;font-family:"Trebuchet MS",Verdana,sans-serif;font-size:15px;line-height:18px;text-align:left;color:#000;z-index:9999}#iso_ajaxBox.btnClose{background-image:none;cursor:pointer}#iso_ajaxBox p{margin:1em 0;padding:0}#iso_ajaxBox .iso_error{padding-left:34px;background:url(../../system/modules/isotope/assets/images/cross-24.png) left center no-repeat}#iso_ajaxBox .iso_confirm{padding-left:34px;background:url(../../system/modules/isotope/assets/images/tick-24.png) left center no-repeat}#iso_ajaxBox .iso_info{padding-left:34px;background:url(../../system/modules/isotope/assets/images/information-24.png) left center no-repeat}#iso_ajaxOverlay{width:100%;height:100%;position:fixed;top:0;left:0;background-color:#000;z-index:9998;-moz-opacity:.5;opacity:.5;_display:none;filter:Alpha(opacity=50)} } @charset "UTF-8"; /** * Erdmann & Freunde - Nutshell * BASE Contao Framework * erdmann-freunde.de/nutshell/ * * Lizenziert unter MIT OPEN SOURCE * */ /** Contents * * SETTINGS * ...variabless * * * MIXINS * ...general * ...responsive * * * GENERIC * ...normalize * ...contao-reset * ...box-sizing * * * BASE * ...shared * ...page * ...type * ...grid * ...layout * * * COMPONENTS * ...media * ...tables * ...accordion * ...links * ...events * ...faq * ...forms * ...navs * ...news * ...newsletter * ...slider * ...downloads * */ /* montserrat-regular - latin */ @font-face { font-family: "Montserrat"; font-style: normal; font-weight: 400; src: local(""), url("../../files/tcc/fonts/montserrat/montserrat-v15-latin-regular.woff2") format("woff2"), url("../../files/tcc/fonts/montserrat/montserrat-v15-latin-regular.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ } /* montserrat-700 - latin */ @font-face { font-family: "Montserrat"; font-style: normal; font-weight: 700; src: local(""), url("../../files/tcc/fonts/montserrat/montserrat-v15-latin-700.woff2") format("woff2"), url("../../files/tcc/fonts/montserrat/montserrat-v15-latin-700.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ } /*! * Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License) */ /* --base-border-radius: 4px; --base-border-width: 1px; --base-border-color: var(--color-gray-light); --base-border: var(--base-border-width) solid var(--base-border-color);*/ /*! normalize.css v4.0.0 | MIT License | github.com/necolas/normalize.css */ /** * 1. Change the default font family in all browsers (opinionated). * 2. Prevent adjustments of font size after orientation changes in IE and iOS. */ html { font-family: sans-serif; /* 1 */ -ms-text-size-adjust: 100%; /* 2 */ -webkit-text-size-adjust: 100%; /* 2 */ } /** * Remove the margin in all browsers (opinionated). */ body { margin: 0; } /* HTML5 display definitions ========================================================================== */ /** * Add the correct display in IE 9-. * 1. Add the correct display in Edge, IE, and Firefox. * 2. Add the correct display in IE. */ article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary { /* 1 */ display: block; } /** * Add the correct display in IE 9-. */ audio, canvas, progress, video { display: inline-block; } /** * Add the correct display in iOS 4-7. */ audio:not([controls]) { display: none; height: 0; } /** * Add the correct vertical alignment in Chrome, Firefox, and Opera. */ progress { vertical-align: baseline; } /** * Add the correct display in IE 10-. * 1. Add the correct display in IE. */ template, [hidden] { display: none; } /* Links ========================================================================== */ /** * Remove the gray background on active links in IE 10. */ a { background-color: transparent; } /** * Remove the outline on focused links when they are also active or hovered * in all browsers (opinionated). */ a:active, a:hover { outline-width: 0; } /* Text-level semantics ========================================================================== */ /** * 1. Remove the bottom border in Firefox 39-. * 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 */ } /** * Prevent the duplicate application of `bolder` by the next rule in Safari 6. */ b, strong { font-weight: inherit; } /** * Add the correct font weight in Chrome, Edge, and Safari. */ b, strong { font-weight: bolder; } /** * Add the correct font style in Android 4.3-. */ dfn { font-style: italic; } /** * 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; } /** * Add the correct background and color in IE 9-. */ mark { background-color: #ff0; color: #000; } /** * 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; } /** * Hide the overflow in IE. */ svg:not(:root) { overflow: hidden; } /* Grouping content ========================================================================== */ /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ code, kbd, pre, samp { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } /** * Add the correct margin in IE 8. */ figure { margin: 1em 40px; } /** * 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 */ } /* Forms ========================================================================== */ /** * Change font properties to `inherit` in all browsers (opinionated). */ button, input.submit, button.submit, input, select, textarea { font: inherit; } /** * Restore the font weight unset by the previous rule. */ optgroup { font-weight: bold; } /** * Show the overflow in IE. * 1. Show the overflow in Edge. * 2. Show the overflow in Edge, Firefox, and IE. */ button, input.submit, button.submit, input, select { /* 2 */ overflow: visible; } /** * Remove the margin in Safari. * 1. Remove the margin in Firefox and Safari. */ button, input.submit, button.submit, input, select, textarea { /* 1 */ margin: 0; } /** * Remove the inheritence of text transform in Edge, Firefox, and IE. * 1. Remove the inheritence of text transform in Firefox. */ button, input.submit, button.submit, select { /* 1 */ text-transform: none; } /** * Change the cursor in all browsers (opinionated). */ button, input.submit, button.submit, [type=button], [type=reset], [type=submit] { cursor: pointer; } /** * Restore the default cursor to disabled elements unset by the previous rule. */ [disabled] { cursor: default; } /** * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video` * controls in Android 4. * 2. Correct the inability to style clickable types in iOS. */ button, input.submit, button.submit, html [type=button], [type=reset], [type=submit] { -webkit-appearance: button; /* 2 */ } /** * Remove the inner border and padding in Firefox. */ button::-moz-focus-inner, input.submit::-moz-focus-inner, button.submit::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } /** * Restore the focus styles unset by the previous rule. */ button:-moz-focusring, input:-moz-focusring { outline: 1px dotted ButtonText; } /** * Change the border, margin, and padding in all browsers (opinionated). */ fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } /** * 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 */ } /** * Remove the default vertical scrollbar in IE. */ 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; } /** * Correct the odd appearance of search inputs in Chrome and Safari. */ [type=search] { -webkit-appearance: textfield; } /** * Remove the inner padding and cancel buttons in Chrome on OS X and * Safari on OS X. */ [type=search]::-webkit-search-cancel-button, [type=search]::-webkit-search-decoration { -webkit-appearance: none; } .float_left { float: left; } .float_right { float: right; } .invisible { width: 0; height: 0; left: -1000px; top: -1000px; position: absolute; overflow: hidden; display: inline; } /** * Set the global `box-sizing` state to `border-box`. * * css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice * paulirish.com/2012/box-sizing-border-box-ftw */ html { box-sizing: border-box; } *, *:before, *:after { box-sizing: inherit; } h1, h2, h3, h4, h5, h6 { margin-top: 0; margin-bottom: 0.5rem; } ul, ol, dl, blockquote, p, address, hr, fieldset, figure, pre { margin-bottom: 1rem; } ul, ol, dd { margin-left: 1rem; } .clearfix:after { content: ""; display: table; clear: both; } a { color: #d5263d; } :not(p) a { text-decoration: none; } figure { margin: 0; } img { display: block; max-width: 100%; height: auto; margin: 0 auto; } html { font-family: "Montserrat", sans-serif; font-size: 1rem; line-height: 1.625; font-weight: 400; background-color: #fff; color: #333333; overflow-y: scroll; min-height: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; } @media screen and (max-width: 34.3125em) { html { font-size: 0.875rem; } } @media screen and (min-width: 68.75em) { html { font-size: 1rem; } } html { /* --code__color: $farbelinks; --selection-background: $farbe1; --pre__color-background: var(--color-gray); --pre__color: var(--color-text--inverted); --selection-color: var(--color-text--inverted); --hr-border: var(--base-border); --paragraph__link-decoration: underline; --paragraph__link-decoration--hover: none;*/ } h1 { font-size: 2rem; font-family: "Montserrat", sans-serif; line-height: 1.55; margin-bottom: 1rem; } @media screen and (min-width: 34.375em) { h1 { font-size: 2rem; } } @media screen and (min-width: 48em) { h1 { font-size: 2.25rem; } } @media screen and (min-width: 58.75em) { h1 { font-size: 2.5rem; } } @media screen and (min-width: 68.75em) { h1 { font-size: 3rem; } } p + h1, ul + h1, ol + h1 { margin-top: 2rem; } .ce_text + .ce_text h1:first-child { margin-top: calc(2rem - $baseSpacingUnit); } h1 + h2 { margin-top: -1rem; } h2 { font-size: 1.5rem; font-family: "Montserrat", sans-serif; font-weight: 700; line-height: 1.2; margin-bottom: 1rem; } @media screen and (min-width: 34.375em) { h2 { font-size: 1.5rem; } } @media screen and (min-width: 48em) { h2 { font-size: 1.5rem; } } @media screen and (min-width: 58.75em) { h2 { font-size: 1.6rem; } } @media screen and (min-width: 68.75em) { h2 { font-size: 1.75rem; } } p + h2, ul + h2, ol + h2 { margin-top: 2rem; } .ce_text + .ce_text h2:first-child { margin-top: calc(2rem - $baseSpacingUnit); } h2 + h3 { margin-top: -1rem; } h3 { font-size: 1.375rem; font-family: "Montserrat", sans-serif; font-weight: 700; line-height: 1.25; margin-bottom: 0.5rem; } @media screen and (min-width: 34.375em) { h3 { font-size: 1.375rem; } } @media screen and (min-width: 48em) { h3 { font-size: 1.5rem; } } @media screen and (min-width: 58.75em) { h3 { font-size: 1.5rem; } } @media screen and (min-width: 68.75em) { h3 { font-size: 1.5rem; } } p + h3, ul + h3, ol + h3 { margin-top: 2rem; } .ce_text + .ce_text h3:first-child { margin-top: calc(2rem - $baseSpacingUnit); } h3 + h4 { margin-top: -1rem; } h4 { font-size: 1.125rem; font-family: "Montserrat", sans-serif; line-height: 1; margin-bottom: 0.5rem; } @media screen and (min-width: 34.375em) { h4 { font-size: 1.125rem; } } @media screen and (min-width: 48em) { h4 { font-size: 1.25rem; } } @media screen and (min-width: 58.75em) { h4 { font-size: 1.25rem; } } @media screen and (min-width: 68.75em) { h4 { font-size: 1.25rem; } } p + h4, ul + h4, ol + h4 { margin-top: 1.5rem; } .ce_text + .ce_text h4:first-child { margin-top: calc(1.5rem - $baseSpacingUnit); } h4 + h5 { margin-top: -1rem; } h5 { font-size: 1rem; font-family: "Montserrat", sans-serif; line-height: 1; margin-bottom: 0.5rem; } @media screen and (min-width: 34.375em) { h5 { font-size: 1rem; } } @media screen and (min-width: 48em) { h5 { font-size: 1rem; } } @media screen and (min-width: 58.75em) { h5 { font-size: 1rem; } } @media screen and (min-width: 68.75em) { h5 { font-size: 1rem; } } p + h5, ul + h5, ol + h5 { margin-top: 1.5rem; } .ce_text + .ce_text h5:first-child { margin-top: calc(1.5rem - $baseSpacingUnit); } h5 + h6 { margin-top: -1rem; } h6 { font-size: 0.875rem; font-family: "Montserrat", sans-serif; line-height: 1; margin-bottom: 0.5rem; } @media screen and (min-width: 34.375em) { h6 { font-size: 0.875rem; } } @media screen and (min-width: 48em) { h6 { font-size: 0.875rem; } } @media screen and (min-width: 58.75em) { h6 { font-size: 0.875rem; } } @media screen and (min-width: 68.75em) { h6 { font-size: 0.875rem; } } p + h6, ul + h6, ol + h6 { margin-top: 1.5rem; } .ce_text + .ce_text h6:first-child { margin-top: calc(1.5rem - $baseSpacingUnit); } p, ul, ol { margin-top: 0; } p a, ul a, ol a { text-decoration: var(--paragraph__link-decoration); } p a:hover, ul a:hover, ol a:hover { --paragraph__link-decoration: var(--paragraph__link-decoration--hover); } p:last-child, ul:last-child, ol:last-child { margin-bottom: 0; } code { color: #d5263d; } pre { padding: 1rem; background: var(--pre__color-background); color: var(--pre__color); overflow-x: scroll; } hr { margin-top: 1rem; margin-bottom: 1rem; border: 0; border-top: var(--hr-border); } .li--block { margin-bottom: 1rem; } .ce_text { margin-bottom: 1rem; } ::selection { background: #d5263d; color: #fff; opacity: 1; } html { --grid__columns: 12; } .row { display: grid; grid-template-columns: repeat(var(--grid__columns), 1fr); grid-column-gap: 1.875rem; grid-auto-columns: 1fr; } @supports not (display: grid) { .row { display: flex; flex-wrap: wrap; margin-left: calc(-1 * $gridGutter / 2); margin-right: calc(-1 * $gridGutter / 2); } } .ie .row { display: flex; flex-wrap: wrap; margin-left: calc(-1 * $gridGutter / 2); margin-right: calc(-1 * $gridGutter / 2); } .col-xxl-12, .col-xxl-11, .col-xxl-10, .col-xxl-9, .col-xxl-8, .col-xxl-7, .col-xxl-6, .col-xxl-5, .col-xxl-4, .col-xxl-3, .col-xxl-2, .col-xxl-1, .col-xl-12, .col-xl-11, .col-xl-10, .col-xl-9, .col-xl-8, .col-xl-7, .col-xl-6, .col-xl-5, .col-xl-4, .col-xl-3, .col-xl-2, .col-xl-1, .col-lg-12, .col-lg-11, .col-lg-10, .col-lg-9, .col-lg-8, .col-lg-7, .col-lg-6, .col-lg-5, .col-lg-4, .col-lg-3, .col-lg-2, .col-lg-1, .col-md-12, .col-md-11, .col-md-10, .col-md-9, .col-md-8, .col-md-7, .col-md-6, .col-md-5, .col-md-4, .col-md-3, .col-md-2, .col-md-1, .col-sm-12, .col-sm-11, .col-sm-10, .col-sm-9, .col-sm-8, .col-sm-7, .col-sm-6, .col-sm-5, .col-sm-4, .col-sm-3, .col-sm-2, .col-sm-1, .col-xs-12, .col-xs-11, .col-xs-10, .col-xs-9, .col-xs-8, .col-xs-7, .col-xs-6, .col-xs-5, .col-xs-4, .col-xs-3, .col-xs-2, .col-xs-1 { grid-column: 1/-1; } @supports not (display: grid) { .col-xxl-12, .col-xxl-11, .col-xxl-10, .col-xxl-9, .col-xxl-8, .col-xxl-7, .col-xxl-6, .col-xxl-5, .col-xxl-4, .col-xxl-3, .col-xxl-2, .col-xxl-1, .col-xl-12, .col-xl-11, .col-xl-10, .col-xl-9, .col-xl-8, .col-xl-7, .col-xl-6, .col-xl-5, .col-xl-4, .col-xl-3, .col-xl-2, .col-xl-1, .col-lg-12, .col-lg-11, .col-lg-10, .col-lg-9, .col-lg-8, .col-lg-7, .col-lg-6, .col-lg-5, .col-lg-4, .col-lg-3, .col-lg-2, .col-lg-1, .col-md-12, .col-md-11, .col-md-10, .col-md-9, .col-md-8, .col-md-7, .col-md-6, .col-md-5, .col-md-4, .col-md-3, .col-md-2, .col-md-1, .col-sm-12, .col-sm-11, .col-sm-10, .col-sm-9, .col-sm-8, .col-sm-7, .col-sm-6, .col-sm-5, .col-sm-4, .col-sm-3, .col-sm-2, .col-sm-1, .col-xs-12, .col-xs-11, .col-xs-10, .col-xs-9, .col-xs-8, .col-xs-7, .col-xs-6, .col-xs-5, .col-xs-4, .col-xs-3, .col-xs-2, .col-xs-1 { padding-left: 0.9375rem; padding-right: 0.9375rem; } } .ie .col-xxl-12, .ie .col-xxl-11, .ie .col-xxl-10, .ie .col-xxl-9, .ie .col-xxl-8, .ie .col-xxl-7, .ie .col-xxl-6, .ie .col-xxl-5, .ie .col-xxl-4, .ie .col-xxl-3, .ie .col-xxl-2, .ie .col-xxl-1, .ie .col-xl-12, .ie .col-xl-11, .ie .col-xl-10, .ie .col-xl-9, .ie .col-xl-8, .ie .col-xl-7, .ie .col-xl-6, .ie .col-xl-5, .ie .col-xl-4, .ie .col-xl-3, .ie .col-xl-2, .ie .col-xl-1, .ie .col-lg-12, .ie .col-lg-11, .ie .col-lg-10, .ie .col-lg-9, .ie .col-lg-8, .ie .col-lg-7, .ie .col-lg-6, .ie .col-lg-5, .ie .col-lg-4, .ie .col-lg-3, .ie .col-lg-2, .ie .col-lg-1, .ie .col-md-12, .ie .col-md-11, .ie .col-md-10, .ie .col-md-9, .ie .col-md-8, .ie .col-md-7, .ie .col-md-6, .ie .col-md-5, .ie .col-md-4, .ie .col-md-3, .ie .col-md-2, .ie .col-md-1, .ie .col-sm-12, .ie .col-sm-11, .ie .col-sm-10, .ie .col-sm-9, .ie .col-sm-8, .ie .col-sm-7, .ie .col-sm-6, .ie .col-sm-5, .ie .col-sm-4, .ie .col-sm-3, .ie .col-sm-2, .ie .col-sm-1, .ie .col-xs-12, .ie .col-xs-11, .ie .col-xs-10, .ie .col-xs-9, .ie .col-xs-8, .ie .col-xs-7, .ie .col-xs-6, .ie .col-xs-5, .ie .col-xs-4, .ie .col-xs-3, .ie .col-xs-2, .ie .col-xs-1 { padding-left: 0.9375rem; padding-right: 0.9375rem; } @media screen and (min-width: 0) { .col-xs-1 { grid-column: span 1/span 1; } @supports not (display: grid) { .col-xs-1 { width: 8.3333333333%; } } .ie .col-xs-1 { width: 8.3333333333%; } .col-xs-2 { grid-column: span 2/span 2; } @supports not (display: grid) { .col-xs-2 { width: 16.6666666667%; } } .ie .col-xs-2 { width: 16.6666666667%; } .col-xs-3 { grid-column: span 3/span 3; } @supports not (display: grid) { .col-xs-3 { width: 25%; } } .ie .col-xs-3 { width: 25%; } .col-xs-4 { grid-column: span 4/span 4; } @supports not (display: grid) { .col-xs-4 { width: 33.3333333333%; } } .ie .col-xs-4 { width: 33.3333333333%; } .col-xs-5 { grid-column: span 5/span 5; } @supports not (display: grid) { .col-xs-5 { width: 41.6666666667%; } } .ie .col-xs-5 { width: 41.6666666667%; } .col-xs-6 { grid-column: span 6/span 6; } @supports not (display: grid) { .col-xs-6 { width: 50%; } } .ie .col-xs-6 { width: 50%; } .col-xs-7 { grid-column: span 7/span 7; } @supports not (display: grid) { .col-xs-7 { width: 58.3333333333%; } } .ie .col-xs-7 { width: 58.3333333333%; } .col-xs-8 { grid-column: span 8/span 8; } @supports not (display: grid) { .col-xs-8 { width: 66.6666666667%; } } .ie .col-xs-8 { width: 66.6666666667%; } .col-xs-9 { grid-column: span 9/span 9; } @supports not (display: grid) { .col-xs-9 { width: 75%; } } .ie .col-xs-9 { width: 75%; } .col-xs-10 { grid-column: span 10/span 10; } @supports not (display: grid) { .col-xs-10 { width: 83.3333333333%; } } .ie .col-xs-10 { width: 83.3333333333%; } .col-xs-11 { grid-column: span 11/span 11; } @supports not (display: grid) { .col-xs-11 { width: 91.6666666667%; } } .ie .col-xs-11 { width: 91.6666666667%; } .col-xs-12 { grid-column: span 12/span 12; } @supports not (display: grid) { .col-xs-12 { width: 100%; } } .ie .col-xs-12 { width: 100%; } } @media screen and (min-width: 0) { .col-start-xs-1 { grid-column-start: 1; } .row-start-xs-1 { grid-row-start: 1; } .col-start-xs-2 { grid-column-start: 2; } .row-start-xs-2 { grid-row-start: 2; } .col-start-xs-3 { grid-column-start: 3; } .row-start-xs-3 { grid-row-start: 3; } .col-start-xs-4 { grid-column-start: 4; } .row-start-xs-4 { grid-row-start: 4; } .col-start-xs-5 { grid-column-start: 5; } .row-start-xs-5 { grid-row-start: 5; } .col-start-xs-6 { grid-column-start: 6; } .row-start-xs-6 { grid-row-start: 6; } .col-start-xs-7 { grid-column-start: 7; } .row-start-xs-7 { grid-row-start: 7; } .col-start-xs-8 { grid-column-start: 8; } .row-start-xs-8 { grid-row-start: 8; } .col-start-xs-9 { grid-column-start: 9; } .row-start-xs-9 { grid-row-start: 9; } .col-start-xs-10 { grid-column-start: 10; } .row-start-xs-10 { grid-row-start: 10; } .col-start-xs-11 { grid-column-start: 11; } .row-start-xs-11 { grid-row-start: 11; } .col-start-xs-12 { grid-column-start: 12; } .row-start-xs-12 { grid-row-start: 12; } } @media screen and (min-width: 0) { .pull-right-xs { grid-column-end: -1; } .pull-left-xs { grid-row-start: 1; grid-column-end: inherit; } } @media screen and (min-width: 0) { .clear-xs { clear: both; } } @media screen and (min-width: 34.375em) { .clear-xs { clear: none; } } @media screen and (min-width: 34.375em) { .col-sm-1 { grid-column: span 1/span 1; } @supports not (display: grid) { .col-sm-1 { width: 8.3333333333%; } } .ie .col-sm-1 { width: 8.3333333333%; } .col-sm-2 { grid-column: span 2/span 2; } @supports not (display: grid) { .col-sm-2 { width: 16.6666666667%; } } .ie .col-sm-2 { width: 16.6666666667%; } .col-sm-3 { grid-column: span 3/span 3; } @supports not (display: grid) { .col-sm-3 { width: 25%; } } .ie .col-sm-3 { width: 25%; } .col-sm-4 { grid-column: span 4/span 4; } @supports not (display: grid) { .col-sm-4 { width: 33.3333333333%; } } .ie .col-sm-4 { width: 33.3333333333%; } .col-sm-5 { grid-column: span 5/span 5; } @supports not (display: grid) { .col-sm-5 { width: 41.6666666667%; } } .ie .col-sm-5 { width: 41.6666666667%; } .col-sm-6 { grid-column: span 6/span 6; } @supports not (display: grid) { .col-sm-6 { width: 50%; } } .ie .col-sm-6 { width: 50%; } .col-sm-7 { grid-column: span 7/span 7; } @supports not (display: grid) { .col-sm-7 { width: 58.3333333333%; } } .ie .col-sm-7 { width: 58.3333333333%; } .col-sm-8 { grid-column: span 8/span 8; } @supports not (display: grid) { .col-sm-8 { width: 66.6666666667%; } } .ie .col-sm-8 { width: 66.6666666667%; } .col-sm-9 { grid-column: span 9/span 9; } @supports not (display: grid) { .col-sm-9 { width: 75%; } } .ie .col-sm-9 { width: 75%; } .col-sm-10 { grid-column: span 10/span 10; } @supports not (display: grid) { .col-sm-10 { width: 83.3333333333%; } } .ie .col-sm-10 { width: 83.3333333333%; } .col-sm-11 { grid-column: span 11/span 11; } @supports not (display: grid) { .col-sm-11 { width: 91.6666666667%; } } .ie .col-sm-11 { width: 91.6666666667%; } .col-sm-12 { grid-column: span 12/span 12; } @supports not (display: grid) { .col-sm-12 { width: 100%; } } .ie .col-sm-12 { width: 100%; } } @media screen and (min-width: 34.375em) { .col-start-sm-1 { grid-column-start: 1; } .row-start-sm-1 { grid-row-start: 1; } .col-start-sm-2 { grid-column-start: 2; } .row-start-sm-2 { grid-row-start: 2; } .col-start-sm-3 { grid-column-start: 3; } .row-start-sm-3 { grid-row-start: 3; } .col-start-sm-4 { grid-column-start: 4; } .row-start-sm-4 { grid-row-start: 4; } .col-start-sm-5 { grid-column-start: 5; } .row-start-sm-5 { grid-row-start: 5; } .col-start-sm-6 { grid-column-start: 6; } .row-start-sm-6 { grid-row-start: 6; } .col-start-sm-7 { grid-column-start: 7; } .row-start-sm-7 { grid-row-start: 7; } .col-start-sm-8 { grid-column-start: 8; } .row-start-sm-8 { grid-row-start: 8; } .col-start-sm-9 { grid-column-start: 9; } .row-start-sm-9 { grid-row-start: 9; } .col-start-sm-10 { grid-column-start: 10; } .row-start-sm-10 { grid-row-start: 10; } .col-start-sm-11 { grid-column-start: 11; } .row-start-sm-11 { grid-row-start: 11; } .col-start-sm-12 { grid-column-start: 12; } .row-start-sm-12 { grid-row-start: 12; } } @media screen and (min-width: 34.375em) { .pull-right-sm { grid-column-end: -1; } .pull-left-sm { grid-row-start: 1; grid-column-end: inherit; } } @media screen and (min-width: 34.375em) { .clear-sm { clear: both; } } @media screen and (min-width: 48em) { .clear-sm { clear: none; } } @media screen and (min-width: 48em) { .col-md-1 { grid-column: span 1/span 1; } @supports not (display: grid) { .col-md-1 { width: 8.3333333333%; } } .ie .col-md-1 { width: 8.3333333333%; } .col-md-2 { grid-column: span 2/span 2; } @supports not (display: grid) { .col-md-2 { width: 16.6666666667%; } } .ie .col-md-2 { width: 16.6666666667%; } .col-md-3 { grid-column: span 3/span 3; } @supports not (display: grid) { .col-md-3 { width: 25%; } } .ie .col-md-3 { width: 25%; } .col-md-4 { grid-column: span 4/span 4; } @supports not (display: grid) { .col-md-4 { width: 33.3333333333%; } } .ie .col-md-4 { width: 33.3333333333%; } .col-md-5 { grid-column: span 5/span 5; } @supports not (display: grid) { .col-md-5 { width: 41.6666666667%; } } .ie .col-md-5 { width: 41.6666666667%; } .col-md-6 { grid-column: span 6/span 6; } @supports not (display: grid) { .col-md-6 { width: 50%; } } .ie .col-md-6 { width: 50%; } .col-md-7 { grid-column: span 7/span 7; } @supports not (display: grid) { .col-md-7 { width: 58.3333333333%; } } .ie .col-md-7 { width: 58.3333333333%; } .col-md-8 { grid-column: span 8/span 8; } @supports not (display: grid) { .col-md-8 { width: 66.6666666667%; } } .ie .col-md-8 { width: 66.6666666667%; } .col-md-9 { grid-column: span 9/span 9; } @supports not (display: grid) { .col-md-9 { width: 75%; } } .ie .col-md-9 { width: 75%; } .col-md-10 { grid-column: span 10/span 10; } @supports not (display: grid) { .col-md-10 { width: 83.3333333333%; } } .ie .col-md-10 { width: 83.3333333333%; } .col-md-11 { grid-column: span 11/span 11; } @supports not (display: grid) { .col-md-11 { width: 91.6666666667%; } } .ie .col-md-11 { width: 91.6666666667%; } .col-md-12 { grid-column: span 12/span 12; } @supports not (display: grid) { .col-md-12 { width: 100%; } } .ie .col-md-12 { width: 100%; } } @media screen and (min-width: 48em) { .col-start-md-1 { grid-column-start: 1; } .row-start-md-1 { grid-row-start: 1; } .col-start-md-2 { grid-column-start: 2; } .row-start-md-2 { grid-row-start: 2; } .col-start-md-3 { grid-column-start: 3; } .row-start-md-3 { grid-row-start: 3; } .col-start-md-4 { grid-column-start: 4; } .row-start-md-4 { grid-row-start: 4; } .col-start-md-5 { grid-column-start: 5; } .row-start-md-5 { grid-row-start: 5; } .col-start-md-6 { grid-column-start: 6; } .row-start-md-6 { grid-row-start: 6; } .col-start-md-7 { grid-column-start: 7; } .row-start-md-7 { grid-row-start: 7; } .col-start-md-8 { grid-column-start: 8; } .row-start-md-8 { grid-row-start: 8; } .col-start-md-9 { grid-column-start: 9; } .row-start-md-9 { grid-row-start: 9; } .col-start-md-10 { grid-column-start: 10; } .row-start-md-10 { grid-row-start: 10; } .col-start-md-11 { grid-column-start: 11; } .row-start-md-11 { grid-row-start: 11; } .col-start-md-12 { grid-column-start: 12; } .row-start-md-12 { grid-row-start: 12; } } @media screen and (min-width: 48em) { .pull-right-md { grid-column-end: -1; } .pull-left-md { grid-row-start: 1; grid-column-end: inherit; } } @media screen and (min-width: 48em) { .clear-md { clear: both; } } @media screen and (min-width: 58.75em) { .clear-md { clear: none; } } @media screen and (min-width: 58.75em) { .col-lg-1 { grid-column: span 1/span 1; } @supports not (display: grid) { .col-lg-1 { width: 8.3333333333%; } } .ie .col-lg-1 { width: 8.3333333333%; } .col-lg-2 { grid-column: span 2/span 2; } @supports not (display: grid) { .col-lg-2 { width: 16.6666666667%; } } .ie .col-lg-2 { width: 16.6666666667%; } .col-lg-3 { grid-column: span 3/span 3; } @supports not (display: grid) { .col-lg-3 { width: 25%; } } .ie .col-lg-3 { width: 25%; } .col-lg-4 { grid-column: span 4/span 4; } @supports not (display: grid) { .col-lg-4 { width: 33.3333333333%; } } .ie .col-lg-4 { width: 33.3333333333%; } .col-lg-5 { grid-column: span 5/span 5; } @supports not (display: grid) { .col-lg-5 { width: 41.6666666667%; } } .ie .col-lg-5 { width: 41.6666666667%; } .col-lg-6 { grid-column: span 6/span 6; } @supports not (display: grid) { .col-lg-6 { width: 50%; } } .ie .col-lg-6 { width: 50%; } .col-lg-7 { grid-column: span 7/span 7; } @supports not (display: grid) { .col-lg-7 { width: 58.3333333333%; } } .ie .col-lg-7 { width: 58.3333333333%; } .col-lg-8 { grid-column: span 8/span 8; } @supports not (display: grid) { .col-lg-8 { width: 66.6666666667%; } } .ie .col-lg-8 { width: 66.6666666667%; } .col-lg-9 { grid-column: span 9/span 9; } @supports not (display: grid) { .col-lg-9 { width: 75%; } } .ie .col-lg-9 { width: 75%; } .col-lg-10 { grid-column: span 10/span 10; } @supports not (display: grid) { .col-lg-10 { width: 83.3333333333%; } } .ie .col-lg-10 { width: 83.3333333333%; } .col-lg-11 { grid-column: span 11/span 11; } @supports not (display: grid) { .col-lg-11 { width: 91.6666666667%; } } .ie .col-lg-11 { width: 91.6666666667%; } .col-lg-12 { grid-column: span 12/span 12; } @supports not (display: grid) { .col-lg-12 { width: 100%; } } .ie .col-lg-12 { width: 100%; } } @media screen and (min-width: 58.75em) { .col-start-lg-1 { grid-column-start: 1; } .row-start-lg-1 { grid-row-start: 1; } .col-start-lg-2 { grid-column-start: 2; } .row-start-lg-2 { grid-row-start: 2; } .col-start-lg-3 { grid-column-start: 3; } .row-start-lg-3 { grid-row-start: 3; } .col-start-lg-4 { grid-column-start: 4; } .row-start-lg-4 { grid-row-start: 4; } .col-start-lg-5 { grid-column-start: 5; } .row-start-lg-5 { grid-row-start: 5; } .col-start-lg-6 { grid-column-start: 6; } .row-start-lg-6 { grid-row-start: 6; } .col-start-lg-7 { grid-column-start: 7; } .row-start-lg-7 { grid-row-start: 7; } .col-start-lg-8 { grid-column-start: 8; } .row-start-lg-8 { grid-row-start: 8; } .col-start-lg-9 { grid-column-start: 9; } .row-start-lg-9 { grid-row-start: 9; } .col-start-lg-10 { grid-column-start: 10; } .row-start-lg-10 { grid-row-start: 10; } .col-start-lg-11 { grid-column-start: 11; } .row-start-lg-11 { grid-row-start: 11; } .col-start-lg-12 { grid-column-start: 12; } .row-start-lg-12 { grid-row-start: 12; } } @media screen and (min-width: 58.75em) { .pull-right-lg { grid-column-end: -1; } .pull-left-lg { grid-row-start: 1; grid-column-end: inherit; } } @media screen and (min-width: 58.75em) { .clear-lg { clear: both; } } @media screen and (min-width: 68.75em) { .clear-lg { clear: none; } } @media screen and (min-width: 68.75em) { .col-xl-1 { grid-column: span 1/span 1; } @supports not (display: grid) { .col-xl-1 { width: 8.3333333333%; } } .ie .col-xl-1 { width: 8.3333333333%; } .col-xl-2 { grid-column: span 2/span 2; } @supports not (display: grid) { .col-xl-2 { width: 16.6666666667%; } } .ie .col-xl-2 { width: 16.6666666667%; } .col-xl-3 { grid-column: span 3/span 3; } @supports not (display: grid) { .col-xl-3 { width: 25%; } } .ie .col-xl-3 { width: 25%; } .col-xl-4 { grid-column: span 4/span 4; } @supports not (display: grid) { .col-xl-4 { width: 33.3333333333%; } } .ie .col-xl-4 { width: 33.3333333333%; } .col-xl-5 { grid-column: span 5/span 5; } @supports not (display: grid) { .col-xl-5 { width: 41.6666666667%; } } .ie .col-xl-5 { width: 41.6666666667%; } .col-xl-6 { grid-column: span 6/span 6; } @supports not (display: grid) { .col-xl-6 { width: 50%; } } .ie .col-xl-6 { width: 50%; } .col-xl-7 { grid-column: span 7/span 7; } @supports not (display: grid) { .col-xl-7 { width: 58.3333333333%; } } .ie .col-xl-7 { width: 58.3333333333%; } .col-xl-8 { grid-column: span 8/span 8; } @supports not (display: grid) { .col-xl-8 { width: 66.6666666667%; } } .ie .col-xl-8 { width: 66.6666666667%; } .col-xl-9 { grid-column: span 9/span 9; } @supports not (display: grid) { .col-xl-9 { width: 75%; } } .ie .col-xl-9 { width: 75%; } .col-xl-10 { grid-column: span 10/span 10; } @supports not (display: grid) { .col-xl-10 { width: 83.3333333333%; } } .ie .col-xl-10 { width: 83.3333333333%; } .col-xl-11 { grid-column: span 11/span 11; } @supports not (display: grid) { .col-xl-11 { width: 91.6666666667%; } } .ie .col-xl-11 { width: 91.6666666667%; } .col-xl-12 { grid-column: span 12/span 12; } @supports not (display: grid) { .col-xl-12 { width: 100%; } } .ie .col-xl-12 { width: 100%; } } @media screen and (min-width: 68.75em) { .col-start-xl-1 { grid-column-start: 1; } .row-start-xl-1 { grid-row-start: 1; } .col-start-xl-2 { grid-column-start: 2; } .row-start-xl-2 { grid-row-start: 2; } .col-start-xl-3 { grid-column-start: 3; } .row-start-xl-3 { grid-row-start: 3; } .col-start-xl-4 { grid-column-start: 4; } .row-start-xl-4 { grid-row-start: 4; } .col-start-xl-5 { grid-column-start: 5; } .row-start-xl-5 { grid-row-start: 5; } .col-start-xl-6 { grid-column-start: 6; } .row-start-xl-6 { grid-row-start: 6; } .col-start-xl-7 { grid-column-start: 7; } .row-start-xl-7 { grid-row-start: 7; } .col-start-xl-8 { grid-column-start: 8; } .row-start-xl-8 { grid-row-start: 8; } .col-start-xl-9 { grid-column-start: 9; } .row-start-xl-9 { grid-row-start: 9; } .col-start-xl-10 { grid-column-start: 10; } .row-start-xl-10 { grid-row-start: 10; } .col-start-xl-11 { grid-column-start: 11; } .row-start-xl-11 { grid-row-start: 11; } .col-start-xl-12 { grid-column-start: 12; } .row-start-xl-12 { grid-row-start: 12; } } @media screen and (min-width: 68.75em) { .pull-right-xl { grid-column-end: -1; } .pull-left-xl { grid-row-start: 1; grid-column-end: inherit; } } @media screen and (min-width: 68.75em) { .clear-xl { clear: both; } } @media screen and (min-width: 87em) { .clear-xl { clear: none; } } @media screen and (min-width: 87em) { .col-xxl-1 { grid-column: span 1/span 1; } @supports not (display: grid) { .col-xxl-1 { width: 8.3333333333%; } } .ie .col-xxl-1 { width: 8.3333333333%; } .col-xxl-2 { grid-column: span 2/span 2; } @supports not (display: grid) { .col-xxl-2 { width: 16.6666666667%; } } .ie .col-xxl-2 { width: 16.6666666667%; } .col-xxl-3 { grid-column: span 3/span 3; } @supports not (display: grid) { .col-xxl-3 { width: 25%; } } .ie .col-xxl-3 { width: 25%; } .col-xxl-4 { grid-column: span 4/span 4; } @supports not (display: grid) { .col-xxl-4 { width: 33.3333333333%; } } .ie .col-xxl-4 { width: 33.3333333333%; } .col-xxl-5 { grid-column: span 5/span 5; } @supports not (display: grid) { .col-xxl-5 { width: 41.6666666667%; } } .ie .col-xxl-5 { width: 41.6666666667%; } .col-xxl-6 { grid-column: span 6/span 6; } @supports not (display: grid) { .col-xxl-6 { width: 50%; } } .ie .col-xxl-6 { width: 50%; } .col-xxl-7 { grid-column: span 7/span 7; } @supports not (display: grid) { .col-xxl-7 { width: 58.3333333333%; } } .ie .col-xxl-7 { width: 58.3333333333%; } .col-xxl-8 { grid-column: span 8/span 8; } @supports not (display: grid) { .col-xxl-8 { width: 66.6666666667%; } } .ie .col-xxl-8 { width: 66.6666666667%; } .col-xxl-9 { grid-column: span 9/span 9; } @supports not (display: grid) { .col-xxl-9 { width: 75%; } } .ie .col-xxl-9 { width: 75%; } .col-xxl-10 { grid-column: span 10/span 10; } @supports not (display: grid) { .col-xxl-10 { width: 83.3333333333%; } } .ie .col-xxl-10 { width: 83.3333333333%; } .col-xxl-11 { grid-column: span 11/span 11; } @supports not (display: grid) { .col-xxl-11 { width: 91.6666666667%; } } .ie .col-xxl-11 { width: 91.6666666667%; } .col-xxl-12 { grid-column: span 12/span 12; } @supports not (display: grid) { .col-xxl-12 { width: 100%; } } .ie .col-xxl-12 { width: 100%; } } @media screen and (min-width: 87em) { .col-start-xxl-1 { grid-column-start: 1; } .row-start-xxl-1 { grid-row-start: 1; } .col-start-xxl-2 { grid-column-start: 2; } .row-start-xxl-2 { grid-row-start: 2; } .col-start-xxl-3 { grid-column-start: 3; } .row-start-xxl-3 { grid-row-start: 3; } .col-start-xxl-4 { grid-column-start: 4; } .row-start-xxl-4 { grid-row-start: 4; } .col-start-xxl-5 { grid-column-start: 5; } .row-start-xxl-5 { grid-row-start: 5; } .col-start-xxl-6 { grid-column-start: 6; } .row-start-xxl-6 { grid-row-start: 6; } .col-start-xxl-7 { grid-column-start: 7; } .row-start-xxl-7 { grid-row-start: 7; } .col-start-xxl-8 { grid-column-start: 8; } .row-start-xxl-8 { grid-row-start: 8; } .col-start-xxl-9 { grid-column-start: 9; } .row-start-xxl-9 { grid-row-start: 9; } .col-start-xxl-10 { grid-column-start: 10; } .row-start-xxl-10 { grid-row-start: 10; } .col-start-xxl-11 { grid-column-start: 11; } .row-start-xxl-11 { grid-row-start: 11; } .col-start-xxl-12 { grid-column-start: 12; } .row-start-xxl-12 { grid-row-start: 12; } } @media screen and (min-width: 87em) { .pull-right-xxl { grid-column-end: -1; } .pull-left-xxl { grid-row-start: 1; grid-column-end: inherit; } } @media screen and (min-width: 87em) { .clear-xxl { clear: both; } } .justify-start { justify-self: start; text-align: left; } .justify-center { justify-self: center; text-align: center; } .justify-end { justify-self: end; text-align: right; } @media screen and (min-width: 0) { .justify-xs-start { justify-self: flex-start; text-align: left; } .justify-xs-center { justify-self: center; text-align: center; } .justify-xs-end { justify-self: flex-end; text-align: right; } } @media screen and (min-width: 34.375em) { .justify-sm-start { justify-self: flex-start; text-align: left; } .justify-sm-center { justify-self: center; text-align: center; } .justify-sm-end { justify-self: flex-end; text-align: right; } } @media screen and (min-width: 48em) { .justify-md-start { justify-self: flex-start; text-align: left; } .justify-md-center { justify-self: center; text-align: center; } .justify-md-end { justify-self: flex-end; text-align: right; } } @media screen and (min-width: 58.75em) { .justify-lg-start { justify-self: flex-start; text-align: left; } .justify-lg-center { justify-self: center; text-align: center; } .justify-lg-end { justify-self: flex-end; text-align: right; } } @media screen and (min-width: 68.75em) { .justify-xl-start { justify-self: flex-start; text-align: left; } .justify-xl-center { justify-self: center; text-align: center; } .justify-xl-end { justify-self: flex-end; text-align: right; } } @media screen and (min-width: 87em) { .justify-xxl-start { justify-self: flex-start; text-align: left; } .justify-xxl-center { justify-self: center; text-align: center; } .justify-xxl-end { justify-self: flex-end; text-align: right; } } .align-start { align-self: start; } .align-center { align-self: center; } .align-end { align-self: end; } @media screen and (min-width: 0) { .align-xs-start { justify-self: flex-start; text-align: left; } .align-xs-center { justify-self: center; text-align: center; } .align-xs-end { justify-self: flex-end; text-align: right; } } @media screen and (min-width: 34.375em) { .align-sm-start { justify-self: flex-start; text-align: left; } .align-sm-center { justify-self: center; text-align: center; } .align-sm-end { justify-self: flex-end; text-align: right; } } @media screen and (min-width: 48em) { .align-md-start { justify-self: flex-start; text-align: left; } .align-md-center { justify-self: center; text-align: center; } .align-md-end { justify-self: flex-end; text-align: right; } } @media screen and (min-width: 58.75em) { .align-lg-start { justify-self: flex-start; text-align: left; } .align-lg-center { justify-self: center; text-align: center; } .align-lg-end { justify-self: flex-end; text-align: right; } } @media screen and (min-width: 68.75em) { .align-xl-start { justify-self: flex-start; text-align: left; } .align-xl-center { justify-self: center; text-align: center; } .align-xl-end { justify-self: flex-end; text-align: right; } } @media screen and (min-width: 87em) { .align-xxl-start { justify-self: flex-start; text-align: left; } .align-xxl-center { justify-self: center; text-align: center; } .align-xxl-end { justify-self: flex-end; text-align: right; } } /* base layout */ .mod_article .article_inside { max-width: 1500px; width: 100%; margin-left: auto; margin-right: auto; padding-left: 0.9375rem; padding-right: 0.9375rem; padding-top: 2rem; padding-bottom: 2rem; position: relative; } .article--full { max-width: none; width: 100%; margin-left: auto; margin-right: auto; padding-top: 0; padding-bottom: 0; } [id=footer] > .inside { max-width: 1500px; width: 100%; margin-left: auto; margin-right: auto; padding-left: 0.9375rem; padding-right: 0.9375rem; } html { --button-bg: var(--color-btn); --button-bg-hover: var(--color-btn); } input.submit, button.submit, div.btn > a, div.btn > button, div.btn > input.submit, .ce_toplink > a, .ce_toplink > button, .toplink > a, .toplink > button, a.btn, span.btn, button.btn { border-radius: 4px; padding: 0.5rem 1rem; display: inline-block; border: 1px solid transparent; font-family: "Montserrat", sans-serif; font-weight: 400; line-height: 1.625; text-align: center; background: #d5263d; color: #fff; background-image: none; white-space: nowrap; text-decoration: none; } input.submit:hover, button.submit:hover, div.btn > a:hover, div.btn > button:hover, .ce_toplink > a:hover, .ce_toplink > button:hover, .toplink > a:hover, .toplink > button:hover, a.btn:hover, span.btn:hover, button.btn:hover { background: #eee423; } a.btn, span.btn, button.btn, input.btn.submit { margin-bottom: 1rem; } a.btn--primary, span.btn--primary, div.btn--primary a, button.btn--primary, button.submit, input.submit { background: #d5263d; color: #fff; text-transform: uppercase; font-weight: 700; } a.btn--primary:hover, span.btn--primary:hover, div.btn--primary a:hover, button.btn--primary:hover, button.submit:hover, input.submit:hover { background: #eee423; } div.btn:not(:last-child), .ce_toplink:not(:last-child), .toplink:not(:last-child) { margin-bottom: 1rem; } div.btn--primary > a, div.btn--primary > button, div.btn--primary > input.submit, .ce_toplink > a, .ce_toplink > button, .ce_toplink > input.submit, .toplink > a, .toplink > button, .toplink > input.submit { background: #d5263d; color: #fff; } div.btn--primary > a:hover, div.btn--primary > button:hover, div.btn--primary > input.submit:hover, .ce_toplink > a:hover, .ce_toplink > button:hover, .ce_toplink > input.submit:hover, .toplink > a:hover, .toplink > button:hover, .toplink > input.submit:hover { background: #eee423; } .div.btn--left { text-align: left; } div.btn--center { text-align: center; } div.btn--right { text-align: right; } .btn--floated { float: left; margin-right: 0.25rem; } .ce_toplink a, .toplink a { text-decoration: none; } .back { border-top: var(--base-border); margin-top: 1rem; padding-top: 0.5rem; } .back a { text-decoration: none; } .ce_form { overflow: visible; } fieldset { padding: 0; margin: 0; border: 0; min-width: 0; } label { display: inline-block; max-width: 100%; margin-bottom: 0.25rem; color: #555; } input.text, input.captcha, textarea, select { display: block; padding: 5px; width: 100%; padding: 8px; border: 1px solid #ccc; background-clip: padding-box; background-image: none; } select { display: inline-block; width: auto; } textarea.textarea { height: auto; } .widget-text, .widget-textarea { margin-bottom: 1rem; } input[type=search] { -webkit-appearance: none; } input[type=file] { display: block; vertical-align: middle; line-height: 1; } input.radio, input.checkbox { margin-left: 1px; margin-right: 0.25rem; line-height: 1.625; vertical-align: middle; } input.radio + label, input.checkbox + label { margin-right: 0.25rem; margin-bottom: 0; font-weight: normal; } select.select { margin-left: 0.25rem; } .widget-radio, .widget-checkbox, .widget-select, .widget-upload { margin-bottom: 1rem; } .widget-radio legend, .widget-checkbox legend, .widget-select legend, .widget-upload legend { font-weight: 700; } .radio_container > span, .checkbox_container > span { display: inline-flex; align-items: center; } span.mandatory { color: var(--color-brand); } p.error { margin-bottom: 0; } /* COMPONENTS/DOWNLOADS */ html { --download-link-decoration: none; } .ce_download, .ce_downloads { margin-bottom: 1rem; } .ce_download a, .ce_downloads a { display: block; color: #d5263d; background-color: #F8F8F8; padding: 1em; transition: all 300ms ease-in-out; margin-bottom: 2px; } .ce_download a span, .ce_downloads a span { font-size: 0.8em; } .ce_download a:hover, .ce_downloads a:hover { background-color: #d5263d; color: #fff; } .ce_downloads ul { list-style-type: none; margin: 0; padding: 0; } .ce_downloads a { text-decoration: none; } .faqOpenQuestionBox { background-color: #F8F8F8; } .faqOpenQuestionBox .ce_text { padding: 1rem; } @media screen and (min-width: 58.75em) { .faqOpenQuestionBox { margin-top: 6.5rem; } } .layout_projektliste { display: block; margin-top: 15px; } @media screen and (min-width: 48em) { .layout_projektliste { float: left; margin: 1%; width: 48%; border: 1px solid #E6E6E6; } } .layout_projektliste a { color: #333333; background-color: #F8F8F8; display: block; transition: all 300ms ease-in-out; background-image: url("/files/design/icons/easyfloor_icon_white.svg"); background-size: 100px 100px; background-position: center -120px; background-repeat: no-repeat; } .layout_projektliste a figure img { display: block; transition: all 300ms ease-in-out; } @media screen and (min-width: 48em) { .layout_projektliste a .infoContainer { min-height: 80px; } } .layout_projektliste a .infoContainer h2 { font-size: 1.2rem; margin: 10px 10px 0 10px; } .layout_projektliste a .infoContainer h3 { font-weight: 400; font-size: 0.9rem; margin: 0; padding: 0px 10px 10px 10px; } .layout_projektliste a:hover { background-color: #d5263d; color: #fff; background-position: center center; } .layout_projektliste a:hover figure img { display: block; opacity: 0.5; } .projekteStartseite .layout_projektliste.even { clear: left; } @media screen and (min-width: 58.75em) { .alleProjekte .layout_projektliste { width: 32%; margin-left: 0; margin-right: 0; } .alleProjekte .layout_projektliste.drittelreihe_0 { clear: both; } .alleProjekte .layout_projektliste.drittelreihe_1 { margin-left: 2%; margin-right: 2%; } } .mod_newsreader p.kundenzitat { padding: 1rem; font-size: 1.2rem; font-style: italic; border-left: 1px solid #E6E6E6; background-color: #F8F8F8; background-image: url("/files/design/icons/quoteIcon.svg"); background-repeat: no-repeat; background-size: 50px 50px; background-position: right top; margin-bottom: 1rem; } .mod_newsreader p.kundenzitat span.kundenname { display: block; padding-top: 1rem; font-size: 0.8rem; font-weight: 700; text-transform: uppercase; font-style: normal; padding-left: 1rem; } .mod_newsreader .kundengalerie a { display: block; float: left; width: 32%; margin-top: 15px; } .mod_newsreader .kundengalerie a.col3_1 { margin-left: 2%; margin-right: 2%; } @media screen and (min-width: 58.75em) { .mod_newsreader .kundengalerie a { width: 18%; margin-left: 1.25%; margin-right: 1.25%; } .mod_newsreader .kundengalerie a.col3_1 { margin-right: 1.25%; margin-left: 1.25%; } .mod_newsreader .kundengalerie a.col5_0, .mod_newsreader .kundengalerie a.col5_0.col3_1 { margin-left: 0; } .mod_newsreader .kundengalerie a.col5_4, .mod_newsreader .kundengalerie a.col5_4.col3_1 { margin-right: 0; } } /* CSS Document */ .articlePaddingTop4 > .inner { padding-top: 2rem; } @media screen and (min-width: 34.375em) { .articlePaddingTop4 > .inner { padding-top: 3rem; } } @media screen and (min-width: 48em) { .articlePaddingTop4 > .inner { padding-top: 4rem; } } .articlePaddingY4 > .inner { padding-top: 2rem; padding-bottom: 2rem; } @media screen and (min-width: 34.375em) { .articlePaddingY4 > .inner { padding-top: 3rem; padding-bottom: 3rem; } } @media screen and (min-width: 48em) { .articlePaddingY4 > .inner { padding-top: 4rem; padding-bottom: 4rem; } } .zentriert { text-align: center; } .abstandOben2rem { margin-top: 2rem; } .abstandOben4rem { margin-top: 4rem; } .abstandUnten2rem { margin-bottom: 2rem; } .abstandUnten4rem { margin-bottom: 4rem; } .notificationWarning { background-color: #d5263d; color: white; padding: 1rem; } .rounded { border-radius: 0.5rem; } .imageRound img, img.imageRound { border-radius: 50%; overflow: hidden; } .shadow { box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.34); } @media screen and (min-width: 48em) { .RahmenRechtsMD { border-right: 1px solid #E6E6E6; } } #container .mod_article.fullWidth { width: 100%; max-width: 50000px; padding-left: 0; padding-right: 0; } #container .mod_article.fullWidth .inner { width: 100%; max-width: 1500px; margin: auto auto; padding-left: 0.9375rem; padding-right: 0.9375rem; } .textWhite { color: white; } .textWhite label { color: white; } .fontSize5 { font-size: 2.5rem; } @media screen and (min-width: 48em) { .fontSize5 { font-size: 4rem; } } @media screen and (min-width: 58.75em) { .fontSize5 { font-size: 5rem; } } .fontSize4 { font-size: 2.5rem; } @media screen and (min-width: 48em) { .fontSize4 { font-size: 3.5rem; } } @media screen and (min-width: 58.75em) { .fontSize4 { font-size: 4rem; } } .fontSize2 { font-size: 1.5rem; } @media screen and (min-width: 48em) { .fontSize2 { font-size: 2rem; } } .fontSize1_3 { font-size: 1.3rem; } /* .cetextBorderLeft { border-left: 2px solid $farbe1; padding-left:1em; padding-top:0.5em; padding-bottom: 0.5em; } .marginTop-50px { margin-top:-50px } .marginTop-100px { margin-top:-100px } .mod_article.articleFullWidth, .mod_article.articleFullWidthInner{ max-width: 100%; } .mod_article.article800px { max-width: 100%; .article_inside { padding-top:2em; padding-bottom:2em; max-width: 800px; margin: auto auto; } } .inlineBlock { display: inline-block } .mod_article.articleNoPadding, #main .mod_article.articleNoPadding.first{ padding:0px } .textCenter { text-align: center; } .textRight { text-align: right; } .headlineSmall { font-size: 0.9em; font-weight: 700; letter-spacing: 3px; text-transform: uppercase; } // Farbe auf die Hauptfarbe ändern .colorPrimary { color: $farbe1; } .colorWhite { color: #fff; } .textbigger { font-size: 1.8rem; } .textbig { font-size: 1.4rem; } h1.textbig { @include media-query(screen-sm-max) { font-size:3rem; } @include media-query(screen-xs-max) { font-size:2rem; } font-size:5rem; } h1.textbigger { font-size:3rem; @include media-query(screen-sm) { font-size:4rem; } @include media-query(screen-md) { font-size:5rem; } @include media-query(screen-lg) { font-size:7rem; } } h1.fontlight { font-weight: $lightFontWeight !important } // Wenn man die Bilder versetzt anordnen will .abstandOben40 { @include media-query(screen-xs-max) { padding-top:15px; } padding-top:40px; } // Weißer Hintergrund mit SChatten .bgwhiteShadow { background-color: #fff; box-shadow: 0px 0px 5px 0px #cbcbcb; } .articleBGhellgrau { background-color: $farbeHellgrau; } .noMarginbottom { margin-bottom: 0px !important; } // Linie nach dem text // https://css-tricks.com/line-on-sides-headers/ h1.headlineLinie, h2.headlineLinie, h3.headlineLinie, h4.headlineLinie, h5.headlineLinie, h6.headlineLinie { overflow: hidden; span { display: inline-block; position: relative; &:after, &:before { content: ""; position: absolute; height: 50%; border-bottom: 10px solid $farbetext; top: 4px; width: 1500px; } &:after { left: 100%; margin-left: 15px; } &:before { // linie dafor per default ausblenden - nur wenn mittig gemacht wird display: none; } } &.textCenter { span { &:before { right: 100%; margin-right: 15px; display: block; } } } // rechtsbündig ausgerichtet // das linke element ausblenden &.textRight { span { &:before { right: 100%; margin-right: 15px; display: block; } &:after { display: none; } } } &.colorPrimary { span { &:after, &:before { border-bottom: 10px solid $farbe1; } } } &.colorWhite { span { &:after, &:before { border-bottom: 10px solid #fff; } } } } .abstandOben200 { margin-top: 20px; @include media-query(screen-sm) { margin-top: 50px } @include media-query(screen-md) { margin-top:100px; } @include media-query(screen-lg) { margin-top:200px; } } .abstandOben100 { margin-top: 20px; @include media-query(screen-sm) { margin-top:30px } @include media-query(screen-md) { margin-top:60px; } @include media-query(screen-lg) { margin-top:100px; } } .abstandOben50 { margin-top:50px; } */ /* HEADER -> Header */ #header { background-color: #fff; background-color: #fff; margin: auto auto; width: 100%; -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3); box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3); position: absolute; z-index: 20; } #header .headerInfoRow { text-align: center; font-size: 0.9em; background-color: #F4D000; color: #d5263d; } @media screen and (min-width: 48em) { #header { position: inherit; } } #header .inside { max-width: 100%; } #header .inside .headerRow1 { display: block; background-color: #d5263d; color: #fff; font-size: 0.9em; } #header .inside .headerRow1 .inner { max-width: 1500px; width: 100%; margin-left: auto; margin-right: auto; padding-top: 10px; padding-bottom: 5px; } #header .inside .headerRow1 .inner .easyfloorHighlights { display: none; text-align: center; padding-bottom: 1rem; } @media screen and (min-width: 48em) { #header .inside .headerRow1 .inner .easyfloorHighlights { display: block; } } @media screen and (min-width: 68.75em) { #header .inside .headerRow1 .inner .easyfloorHighlights { text-align: left; max-width: 900px; float: left; padding-bottom: 0; } } #header .inside .headerRow1 .inner .easyfloorHighlights p { display: inline-block; margin-bottom: 0; } #header .inside .headerRow1 .inner .easyfloorHighlights p img { display: block; height: 20px; margin-right: 5px; width: auto; float: left; } #header .inside .headerRow1 .inner #musterWarenkorbContainer { margin-left: 1rem; width: 200px; position: relative; float: left; } #header .inside .headerRow1 .inner #musterWarenkorbContainer a { border: 1px solid white; border-radius: 5px; padding: 5px; font-weight: 700; } @media screen and (min-width: 68.75em) { #header .inside .headerRow1 .inner #musterWarenkorbContainer { margin-left: 3rem; display: block; float: left; } } #header .inside .headerRow1 .inner #musterWarenkorbContainer #musterAddedInfo { position: absolute; z-index: 510; background-color: #19C468; color: #fff; padding: 1rem; width: 250px; font-weight: 700; top: 100px; border-radius: 10px; border: 1px solid white; box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.75); } #header .inside .headerRow1 .inner #musterWarenkorbContainer #musterAddedInfo.active { top: 30px; opacity: 1; display: block; } #header .inside .headerRow1 .inner #musterWarenkorbContainer #musterAddedInfo img { width: 80px; height: 80px; display: block; margin-bottom: 1rem; margin-left: 0; margin-right: auto; } #header .inside .headerRow1 .inner .mod_customnav#adminbutton { max-width: 300px; float: right; } #header .inside .headerRow1 .inner .mod_customnav#adminbutton ul, #header .inside .headerRow1 .inner .mod_customnav#adminbutton li { margin: 0; padding: 0; list-style: none; } #header .inside .headerRow1 .inner .mod_customnav#adminbutton a, #header .inside .headerRow1 .inner .mod_customnav#adminbutton strong { display: inline-block; background-image: url("/files/design/icons/gesperrt_white_icon.svg"); background-repeat: no-repeat; background-size: 20px 20px; padding-left: 30px; background-position: 5px 0px; font-weight: normal; } #header .inside .headerRow1 .inner .header_kundenbereich { display: block; float: right; margin-right: 1rem; } #header .inside .headerRow1 .inner .header_kundenbereich img { display: block; width: 20px; height: auto; float: left; } #header .inside .headerRow1 .inner .header_kundenbereich a { display: block; padding: 3px; float: left; margin-left: 5px; height: 28px; font-size: 0.9rem; line-height: 1rem; } #header .inside .headerRow1 a { color: #fff; } #header .inside .headerRow1 .smallLinks { display: block; width: 450px; float: right; /* padding-left: 15px; */ text-align: right; margin-right: 150px; } #header .inside .headerRow1 .smallLinks nav { display: inline-block; } #header .inside .headerRow1 .smallLinks nav ul { padding-left: 0; margin: 0; } #header .inside .headerRow1 .smallLinks nav ul li { display: inline-block; list-style: none; margin-right: 5px; font-size: 14px; } #header .inside .headerRow1 .smallLinks nav ul li a { display: block; height: 28px; padding-top: 5px; } #header .inside .headerRow1 .smallLinks nav ul li strong { color: #fff; font-weight: normal; } @media screen and (max-width: 47.9375em) { #header .inside .headerRow1 .smallLinks { display: none; } } #header .inside .headerRow2 .inner { max-width: 1500px; width: 100%; margin-left: auto; margin-right: auto; padding-left: 0.9375rem; padding-right: 0.9375rem; } #header .inside .headerRow2 .inner #headerLogo { display: block; width: 100%; max-width: 250px; margin: auto auto; padding-top: 10px; } @media screen and (min-width: 34.375em) { #header .inside .headerRow2 .inner #headerLogo { width: 50%; float: left; max-width: 250px; } } @media screen and (min-width: 48em) { #header .inside .headerRow2 .inner #headerLogo { width: 40%; max-width: 300px; } } @media screen and (min-width: 68.75em) { #header .inside .headerRow2 .inner #headerLogo { width: 25%; } } #header .inside .headerRow2 .inner #mobileonlyhotlinecontainer { display: block; width: 100%; text-align: center; padding-top: 20px; padding-bottom: 10px; } #header .inside .headerRow2 .inner #mobileonlyhotlinecontainer a { font-weight: 700; } @media screen and (min-width: 34.375em) { #header .inside .headerRow2 .inner #mobileonlyhotlinecontainer { display: none; } } #header .inside .headerRow2 .inner #searchbarcontainer { display: none; } @media screen and (min-width: 68.75em) { #header .inside .headerRow2 .inner #searchbarcontainer { display: block; float: left; width: 30%; padding: 2rem 0 0 2rem; } } @media screen and (min-width: 87em) { #header .inside .headerRow2 .inner #searchbarcontainer { width: 40%; } } #header .inside .headerRow2 .inner #searchbarcontainer .awesomplete, #header .inside .headerRow2 .inner #searchbarcontainer input.text { width: 100px; } @media screen and (min-width: 58.75em) { #header .inside .headerRow2 .inner #searchbarcontainer .awesomplete, #header .inside .headerRow2 .inner #searchbarcontainer input.text { width: 200px; } } @media screen and (min-width: 87em) { #header .inside .headerRow2 .inner #searchbarcontainer .awesomplete, #header .inside .headerRow2 .inner #searchbarcontainer input.text { width: 400px; } } #header .inside .headerRow2 .inner #searchbarcontainer input.text { display: inline-block; } #header .inside .headerRow2 .inner #searchbarcontainer input.submit { width: 100px; border-top-left-radius: 0; border-bottom-left-radius: 0; display: inline-block; } #header .inside .headerRow2 .inner #headerCartActions { display: none; float: right; width: 100%; max-width: 600px; } @media screen and (min-width: 34.375em) { #header .inside .headerRow2 .inner #headerCartActions { display: block; width: 50%; } } @media screen and (min-width: 58.75em) { #header .inside .headerRow2 .inner #headerCartActions { width: 60%; } } @media screen and (min-width: 68.75em) { #header .inside .headerRow2 .inner #headerCartActions { width: 40%; } } @media screen and (min-width: 87em) { #header .inside .headerRow2 .inner #headerCartActions { width: 30%; } } #header .inside .headerRow2 .inner #headerCartActions .headerCartActionsRow1 { display: block; text-align: right; font-size: 0.8rem; } #header .inside .headerRow2 .inner #headerCartActions .headerCartActionsRow2 { display: block; text-align: right; font-size: 0.9rem; line-height: 1.3rem; font-weight: 700; } @media screen and (min-width: 58.75em) { #header .inside .headerRow2 .inner #headerCartActions .headerCartActionsRow2 { font-size: 1.5rem; } } #header .inside .headerRow2 .inner #headerCartActions .headerCartActionsRow3 { display: block; text-align: right; font-size: 0.8rem; } #header .inside .headerRow2 .inner #headerCartActions #headerHotlineContainer { display: none; } @media screen and (min-width: 34.375em) { #header .inside .headerRow2 .inner #headerCartActions #headerHotlineContainer { display: block; width: 100%; padding-top: 10px; padding-bottom: 10px; } } @media screen and (min-width: 48em) { #header .inside .headerRow2 .inner #headerCartActions #headerHotlineContainer { float: left; width: 60%; max-width: 230px; padding-top: 20px; padding-bottom: 20px; } } @media screen and (min-width: 58.75em) { #header .inside .headerRow2 .inner #headerCartActions #headerHotlineContainer { width: 50%; max-width: 250px; } } #header .inside .headerRow2 .inner #headerCartActions .mod_iso_cart { display: none; margin-right: -15px; max-width: 250px; padding-right: 15px; padding-top: 20px; padding-bottom: 20px; color: #d5263d; background-color: #F8F8F8; transition: all 300ms ease-in-out; } #header .inside .headerRow2 .inner #headerCartActions .mod_iso_cart:hover { background-color: #d5263d; color: #fff; } #header .inside .headerRow2 .inner #headerCartActions .mod_iso_cart:hover a { color: #fff; } @media screen and (min-width: 48em) { #header .inside .headerRow2 .inner #headerCartActions .mod_iso_cart { display: block; float: left; width: 40%; float: right; } } @media screen and (min-width: 87em) { #header .inside .headerRow2 .inner #headerCartActions .mod_iso_cart { width: 50%; max-width: 300px; background-image: url("/files/design/icons/icon_cart.svg"); background-repeat: no-repeat; background-position: left center; background-size: 50px 50px; } } #header .inside .headerRow2 .inner #headerCartActions #headerHotlineContainer a { color: #333333; } #header .inside .headerRow3 { display: none; background-color: #333333; } @media screen and (min-width: 48em) { #header .inside .headerRow3 { display: block; } } #header .inside .headerRow3 .inner { max-width: 1500px; width: 100%; margin-left: auto; margin-right: auto; } #header .inside .headerRow3 .inner .tccmobilenav { display: none; } #header .inside .tccMobileNavContainer { display: block; background-color: #d5263d; } @media screen and (min-width: 48em) { #header .inside .tccMobileNavContainer { display: none; } } #header .inside .tccMobileNavContainer .mod_iso_cart { display: block; width: 50%; float: right; text-align: right; padding-right: 15px; color: #fff; } #header .inside .tccMobileNavContainer .mod_iso_cart a { color: #fff; } #header .inside .tccMobileNavContainer .mod_iso_cart span.headerCartActionsRow1 { display: block; font-size: 11px; padding-top: 5px; } #header .inside .tccMobileNavContainer .mod_iso_cart span.headerCartActionsRow2 { display: block; font-weight: 700; font-size: 1.1rem; line-height: 1.1rem; } #header .inside .tccMobileNavContainer .mod_iso_cart span.headerCartActionsRow3 { display: none; } #kontrastMittelNavigation { width: 100%; height: 100%; position: fixed; left: 0; top: 0; background-color: #000; opacity: 0.3; display: none; z-index: 5; } #kontrastMittelNavigation.hover { display: block; } .tccmeganav ul.nav { padding: 0; margin: 0; cursor: default; display: block; position: relative; z-index: 500; width: 100%; } .tccmeganav ul.nav.level_1 > li { display: block; float: left; } .tccmeganav ul.nav.level_1 > li > a { font-weight: 400; padding-top: 12px; padding-left: 0.25rem; padding-right: 0.25rem; font-size: 1.05rem; color: #fff; position: relative; z-index: 510; height: 60px; display: block; } @media screen and (min-width: 58.75em) { .tccmeganav ul.nav.level_1 > li > a { padding-top: 11px; font-size: 1.2rem; padding-left: 0.45rem; padding-right: 0.45rem; } } @media screen and (min-width: 68.75em) { .tccmeganav ul.nav.level_1 > li > a { padding-top: 10px; font-size: 1.3rem; padding-left: 0.7rem; padding-right: 0.7rem; } } @media screen and (min-width: 87em) { .tccmeganav ul.nav.level_1 > li > a { padding-left: 1.5rem; padding-right: 1.5rem; } } .tccmeganav ul.nav.level_1 > li:hover > a { background-color: #fff; color: #d5263d; } .tccmeganav ul.nav.level_1 > li:hover > div { opacity: 1; overflow: visible; visibility: visible; } .tccmeganav ul.nav.level_1 > li > div { background: #fff; border: 1px solid #ddd; position: absolute; display: block; left: 0; opacity: 0; overflow: hidden; top: 60px; visibility: hidden; width: 100%; } .tccmeganav ul.nav.level_1 > li > div ul { padding: 1rem; margin: 0; list-style: none; } .tccmeganav ul.nav.level_1 > li > div ul li { padding: 0; margin: 0; list-style: none; } .tccmeganav ul.nav.level_1 > li > div ul.subnav { display: block; } .tccmeganav ul.nav.level_1 > li > div ul.subnav li { display: block; float: left; width: 50%; font-size: 1.4rem; height: 130px; padding-top: 10px; } @media screen and (min-width: 58.75em) { .tccmeganav ul.nav.level_1 > li > div ul.subnav li { width: 33.333%; } } .tccmeganav ul.nav.level_1 > li > div ul.subnav li a span { display: block; } .tccmeganav ul.nav.level_1 > li > div ul.subnav li a span.title { font-size: 1.5rem; line-height: 1.5rem; } .tccmeganav ul.nav.level_1 > li > div ul.subnav li a span.subtext { font-size: 0.9rem; line-height: 1rem; } .tccmeganav ul.nav.level_1 > li > div ul.subnav li a.hasimage figure { border-right: 1px solid #E6E6E6; padding: 0; margin: 0; padding-right: 2%; margin-right: 2%; width: 20%; display: block; float: left; } .tccmeganav ul.nav.level_1 > li > div ul.subnav li a.hasimage p.textContainer { float: left; width: 75%; } .tccmeganav ul.nav.level_1 > li > div .easyfloorVorteile { clear: both; display: none; width: 100%; background-color: #d5263d; padding: 1rem; } @media screen and (min-width: 58.75em) { .tccmeganav ul.nav.level_1 > li > div .easyfloorVorteile { display: block; } } .tccmeganav ul.nav.level_1 > li > div .easyfloorVorteile a { display: block; width: 30%; float: left; color: #fff; } .tccmeganav ul.nav.level_1 > li > div .easyfloorVorteile a.center { border-left: 1px solid #fff; border-right: 1px solid #fff; margin-left: 2%; margin-right: 2%; padding-left: 2%; padding-left: 2%; width: 36%; } .tccmeganav ul.nav.level_1 > li > div .easyfloorVorteile a figure { padding: 0; margin: 0; padding-right: 2%; margin-right: 2%; width: 20%; display: block; float: left; } .tccmeganav ul.nav.level_1 > li > div .easyfloorVorteile a p.textContainer { float: left; width: 75%; display: block; margin: 0; padding: 0; } .tccmeganav ul.nav.level_1 > li > div .easyfloorVorteile a p.textContainer span { display: block; } .tccmeganav ul.nav.level_1 > li > div .easyfloorVorteile a p.textContainer span.row1 { font-size: 1rem; font-weight: 700; } .tccmeganav ul.nav.level_1 > li > div .easyfloorVorteile a p.textContainer span.row2 { font-size: 0.8rem; line-height: 1rem; } .tccmeganav ul.nav li { list-style: none; } #__smobileMenuContent__menu { position: fixed; width: 100%; height: 0%; left: 0; top: 0; z-index: 15; transition: all 300ms ease-in-out; display: block; } #__smobileMenuContent__menu.showMobile { height: 100%; } #__smobileMenuContent__menu.showMobile ul.smobilemenu-theme-default { padding-top: 200px; } @media screen and (min-width: 34.375em) { #__smobileMenuContent__menu.showMobile ul.smobilemenu-theme-default { padding-top: 170px; } } @media screen and (min-width: 48em) { #__smobileMenuContent__menu { display: none; } } #__smobileMenuContent__menu ul { list-style: none; margin: 0; width: 100%; height: 100%; } #__smobileMenuContent__menu ul.smobilemenu-theme-default { background: #d5263d; padding-left: 10px; padding-right: 10px; overflow-y: auto; padding-top: 0; transition: all 300ms ease-in-out; } #__smobileMenuContent__menu ul.smobilemenu-theme-default > li { border-bottom: 1px solid #fff; } #__smobileMenuContent__menu ul.smobilemenu-theme-default li { padding: 10px; } #__smobileMenuContent__menu ul.smobilemenu-theme-default li a, #__smobileMenuContent__menu ul.smobilemenu-theme-default li strong { font-size: 25px; color: white; text-decoration: none; } #__smobileMenuContent__menu ul.smobilemenu-theme-default li a i.tccAngleDownicon, #__smobileMenuContent__menu ul.smobilemenu-theme-default li strong i.tccAngleDownicon { margin-left: 10px; background-image: url("/files/design/icons/mobileNavAngleDown.svg"); background-repeat: no-repeat; display: inline-block; background-position: center center; background-size: 20px 20px; font-size: inherit; text-rendering: auto; } #__smobileMenuContent__menu ul.smobilemenu-theme-default li a i.tccAngleDownicon:before, #__smobileMenuContent__menu ul.smobilemenu-theme-default li strong i.tccAngleDownicon:before { content: "  "; text-indent: -1000px; } #__smobileMenuContent__menu ul.smobilemenu-theme-default li ul { margin: 0; padding: 0; } #__smobileMenuContent__menu ul.smobilemenu-theme-default li ul li a { font-size: 20px; } ul.smobilemenu-theme-default li a.smm-active { color: #d5263d; } /* close button */ #smobileMenu-close-btn { display: none; /* position: absolute; right: 20px; top: 100px; color: white; font-size: 30px; text-decoration: none; */ } /*! * Hamburgers * @description Tasty CSS-animated hamburgers * @author Jonathan Suh @jonsuh * @site https://jonsuh.com/hamburgers * @link https://github.com/jonsuh/hamburgers ############################## ACHTUNG - alle nicht verwendeten Varianten wurden entfernt! Bei Bedarf neu holen und integrieren ############################## */ .hamburger { padding: 10px; padding-bottom: 5px; display: inline-block; cursor: pointer; transition-property: opacity, filter; transition-duration: 0.15s; transition-timing-function: linear; font: inherit; color: inherit; text-transform: none; background-color: transparent; border: 0; margin: 0; overflow: visible; text-align: left; } .hamburger.is-active .hamburger-inner, .hamburger.is-active .hamburger-inner::before, .hamburger.is-active .hamburger-inner::after { background-color: #fff; } .hamburger .hamburger-box { width: 40px; height: 24px; display: inline-block; position: relative; } .hamburger-inner { display: block; top: 50%; margin-top: -2px; } .hamburger-inner, .hamburger-inner::before, .hamburger-inner::after { width: 40px; height: 4px; background-color: #fff; border-radius: 4px; position: absolute; transition-property: transform; transition-duration: 0.15s; transition-timing-function: ease; } .hamburger-inner::before, .hamburger-inner::after { content: ""; display: block; } .hamburger-inner::before { top: -10px; } .hamburger-inner::after { bottom: -10px; } /* * Collapse */ .hamburger--collapse .hamburger-inner { top: auto; bottom: 0; transition-duration: 0.13s; transition-delay: 0.13s; transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--collapse .hamburger-inner::after { top: -20px; transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear; } .hamburger--collapse .hamburger-inner::before { transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--collapse.is-active .hamburger-inner { transform: translate3d(0, -10px, 0) rotate(-45deg); transition-delay: 0.22s; transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } .hamburger--collapse.is-active .hamburger-inner::after { top: 0; opacity: 0; transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear; } .hamburger--collapse.is-active .hamburger-inner::before { top: 0; transform: rotate(-90deg); transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1); } /* Footer scss DIgitalraum TCC */ #footer { background-color: #F8F8F8; margin-top: 5rem; } #footer .inside h3 { font-size: 1rem; text-transform: uppercase; } #footer .inside .FooterRow1 { border-bottom: 1px solid #E6E6E6; padding-bottom: 2rem; } #footer .inside .FooterRow1 .socialButtons { text-align: left; color: #d5263d; padding-top: 1rem; display: block; float: left; width: 30%; } #footer .inside .FooterRow1 .socialButtons a { display: inline-block; margin-right: 0.5rem; } #footer .inside .FooterRow1 .socialButtons a img { display: block; width: 3rem; height: 3rem; } @media screen and (min-width: 48em) { #footer .inside .FooterRow1 .socialButtons { width: 30%; } } @media screen and (min-width: 58.75em) { #footer .inside .FooterRow1 .socialButtons { width: 20%; } } #footer .inside .FooterRow1 .contactContainer { clear: both; float: none; width: 100%; padding-top: 2rem; text-align: center; border-top: 1px solid #E6E6E6; margin-top: 2rem; } #footer .inside .FooterRow1 .contactContainer p { margin: 0; font-size: 1.2rem; } @media screen and (min-width: 48em) { #footer .inside .FooterRow1 .contactContainer p a { color: #fff; display: block; text-align: center; } } @media screen and (min-width: 58.75em) { #footer .inside .FooterRow1 .contactContainer p a { display: inline; margin-left: 0.5rem; margin-right: 0.5rem; } } @media screen and (min-width: 48em) { #footer .inside .FooterRow1 .contactContainer p span { display: none; } } @media screen and (min-width: 58.75em) { #footer .inside .FooterRow1 .contactContainer p span { display: inline; } } @media screen and (min-width: 58.75em) { #footer .inside .FooterRow1 .contactContainer p { font-size: 1.5rem; } } @media screen and (min-width: 68.75em) { #footer .inside .FooterRow1 .contactContainer p { font-size: 1.8rem; } } @media screen and (min-width: 48em) { #footer .inside .FooterRow1 .contactContainer { clear: none; display: block; float: left; width: 40%; box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.75); margin-top: -2rem; padding: 0.5rem; border-top: none; color: #fff; background-color: #d5263d; } } @media screen and (min-width: 58.75em) { #footer .inside .FooterRow1 .contactContainer { width: 60%; } } #footer .inside .FooterRow1 .security { display: block; float: right; width: 70%; text-align: right; padding-top: 1rem; } #footer .inside .FooterRow1 .security img { display: inline-block; width: 40%; height: auto; max-width: 100px; } @media screen and (min-width: 48em) { #footer .inside .FooterRow1 .security { width: 30%; } #footer .inside .FooterRow1 .security img { height: 80px; width: auto; } } @media screen and (min-width: 58.75em) { #footer .inside .FooterRow1 .security { width: 20%; } } @media screen and (min-width: 68.75em) { #footer .inside .FooterRow1 .security img { height: 108px; width: auto; } } #footer .inside .FooterRow2 { padding-top: 2rem; } #footer .inside .FooterRow2 h3 { text-align: center; } @media screen and (min-width: 48em) { #footer .inside .FooterRow2 .col { display: block; float: left; width: 25%; } } #footer .inside .FooterRow2 .col1 img { max-width: 80%; } #footer .inside .FooterRow2 .col1.austriaLogo img { margin-top: 50px; max-width: 200px; } #footer .inside .FooterRow2 .col1 p.mission { font-size: 0.8rem; line-height: 1rem; padding-top: 2rem; } @media screen and (min-width: 48em) { #footer .inside .FooterRow2 .col1 p.mission { width: 80%; } } #footer .inside .FooterRow3 { border-bottom: 1px solid #E6E6E6; padding-top: 3rem; } #footer .inside .FooterRow3 .col { text-align: center; padding-top: 1rem; } @media screen and (min-width: 48em) { #footer .inside .FooterRow3 .col { display: block; float: left; width: 50%; } #footer .inside .FooterRow3 .col img { max-width: 80%; margin-left: 0; } } @media screen and (min-width: 48em) { #footer .inside .FooterRow3 .col1 { text-align: left; } } @media screen and (min-width: 48em) { #footer .inside .FooterRow3 .col2 { text-align: right; } #footer .inside .FooterRow3 .col2 img { margin-left: auto; margin-right: 0; } } #footer .inside .FooterRow4 { text-align: center; padding-top: 1rem; padding-bottom: 1rem; font-size: 0.9rem; } @media screen and (min-width: 48em) { #footer .inside .FooterRow4 .col { display: block; float: left; width: 50%; } } #footer .inside .FooterRow4 .col1 ul { list-style: none; margin: 0; padding: 0; } #footer .inside .FooterRow4 .col1 ul li { display: inline; } @media screen and (min-width: 48em) { #footer .inside .FooterRow4 .col1 ul li { margin-right: 2rem; } } @media screen and (min-width: 48em) { #footer .inside .FooterRow4 .col1 { text-align: left; } } @media screen and (min-width: 48em) { #footer .inside .FooterRow4 .col2 { text-align: right; } } /* CSS Document */ .forceWidth100 { width: 100% !important; } #container .mod_article.fullWidthNoPadding { max-width: 100%; width: 100%; padding: 0; } .konfigurator iframe { border: 0; width: 100%; } p.error { color: #d5263d; } input.text, input.captcha, textarea { font-size: 16px; } input.text.error, input.captcha.error, textarea.error { border: 1px solid #d5263d; } .adminMusterform .vorname, .adminMusterform .name, .adminMusterform .plz, .adminMusterform .ort, .adminMusterform .land, .adminMusterform .betreff, .adminMusterform .datum { float: left; display: block; width: 49%; } .adminMusterform .plz { width: 18%; } .adminMusterform .ort { width: 48%; } .adminMusterform .land { width: 30%; } .adminMusterform .vorname, .adminMusterform .plz, .adminMusterform .ort, .adminMusterform .betreff { margin-right: 2%; } .musteranfrageForm .Vorname, .musteranfrageForm .Name, .musteranfrageForm .PLZ, .musteranfrageForm .Ort, .musteranfrageForm .Land, .musteranfrageForm .e-mail, .musteranfrageForm .Address, .musteranfrageForm .Hausnummer, .musteranfrageForm .Telefon { float: left; width: 49%; } .musteranfrageForm .PLZ { width: 29%; } .musteranfrageForm .Address { width: 69%; } .musteranfrageForm .Ort { width: 38%; } .musteranfrageForm .Hausnummer { width: 29%; } .musteranfrageForm .Land { width: 29%; } .musteranfrageForm .Land label { display: none; } .musteranfrageForm .Land select { padding: 10px; width: 100%; border-radius: 0; height: 44px; margin-left: 0; -webkit-appearance: none; } .musteranfrageForm .Muster { clear: both; } .musteranfrageForm .PLZ, .musteranfrageForm .Vorname, .musteranfrageForm .PLZ, .musteranfrageForm .Ort, .musteranfrageForm .Address, .musteranfrageForm .e-mail { margin-right: 2%; } #cboxClose { width: 40px; height: 40px; background-color: #000; background-image: url("../../files/tcc/img/tcc-lightbox-close.png"); background-position: center center; background-size: 40px 40px; top: 12px; right: 12px; transition: all 300ms ease-in-out; background-repeat: no-repeat; } #cboxClose:hover { background-position: center center; background-color: #d5263d; } #runtecSlogan { display: none; position: fixed; left: 0; top: 500px; width: 250px; z-index: 20; -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); transform: rotate(-90deg); } @media screen and (min-width: 1400px) { #runtecSlogan { left: -50px; display: block; } } @media screen and (min-width: 1700px) { #runtecSlogan { left: 5%; } } #runtecSlogan p { display: block; font-size: 13px; text-transform: uppercase; position: relative; overflow: hidden; margin: 0; font-weight: 700; } #runtecSlogan p::after { content: ""; display: inline-block; height: 11px; vertical-align: bottom; width: 100%; margin-right: -100%; margin-left: 10px; border-top: 2px solid #d5263d; } #runtecSlogan p span { text-shadow: 0px 0px 7px rgba(0, 0, 0, 0.79); padding-left: 5px; } #container { padding-top: 205px; /* das headerimage für ganz oben */ /* Fallback header wenn keiner definiert ist wird als modul ersteollt und im fe page eingebunden */ } @media screen and (min-width: 34.375em) { #container { padding-top: 172px; } } @media screen and (min-width: 48em) { #container { padding-top: 0px; } } @media screen and (max-width: 68.6875em) { #container #main { padding-bottom: 150px; } } @media screen and (max-width: 58.6875em) { #container #main { padding-bottom: 100px; } } #container h1 { font-weight: 700; line-height: 1em; } #container .mod_article { max-width: 1500px; width: 100%; margin-left: auto; margin-right: auto; padding-left: 0.9375rem; padding-right: 0.9375rem; /* Brauchen wir hier nicht da hier ein Header vorhanden ist &.first { // benötigen hier abstand wegen der navigation padding-top:7em; } */ } #container .mod_article.first { padding-top: 2rem; } #container .mod_article.articleBackgroundColor2 { background-color: #d5263d; color: #fff; } #container .mod_article.articleBackgroundColor3 { background-color: #eee423; color: #fff; } #container .mod_article.articleBackgroundColor4 { background-color: #333333; color: #fff; } #container .mod_article.articleMinHeight2 { min-height: 33vh; } #container .mod_article.articleMinHeight3 { min-height: 50vh; } #container .mod_article.articleMinHeight4 { min-height: 66vh; } #container .mod_article.articleMinHeight5 { min-height: 75vh; } #container .mod_article.articleMinHeight6 { min-height: 100vh; } #container .mod_article.articleOuterInnerFullZeroPadding .article_inside { width: 100%; max-width: 100%; padding: 0; } #container .headerImage .mod_article { padding-top: 100px; } @media screen and (min-width: 48em) { #container .headerImage .mod_article { padding-top: 125px; } } @media screen and (min-width: 58.75em) { #container .headerImage .mod_article { padding-top: 250px; } } #container .headerImage .mod_article h1 { color: #eee423; } #container .headerImage .mod_article .ce_text { width: 100%; max-width: 700px; } #container .headerImage .mod_article.videobackground { padding-top: 0px; min-height: 500px; } #container .headerImage .mod_article.videobackground .article_inside { max-width: 100%; padding: 0; } #container .headerImage .mod_article.videobackground .article_inside .ce_player { height: 66vh; overflow: hidden; min-height: 500px; } #container .headerImage .mod_article.videobackground .article_inside .ce_player video { width: 100%; display: block; height: auto; min-width: 1500px; } #container .headerImage .mod_article.videobackground .article_inside .textOverVideo { position: absolute; width: 100%; max-width: 1500px; width: 100%; margin-left: auto; margin-right: auto; padding-left: 0.9375rem; padding-right: 0.9375rem; top: 150px; left: 0; right: 0; } @media screen and (min-width: 48em) { #container .headerImage .mod_article.videobackground .article_inside .textOverVideo { top: 200px; } } @media screen and (min-width: 58.75em) { #container .headerImage .mod_article.videobackground .article_inside .textOverVideo { top: 370px; } } #container .fallbackHeaderContainer { background-color: #d5263d; padding-top: 15em; padding-bottom: 3em; } #container .fallbackHeaderContainer .inner { max-width: 1500px; width: 100%; margin-left: auto; margin-right: auto; padding-left: 0.9375rem; padding-right: 0.9375rem; } #container .fallbackHeaderContainer .inner h3 { color: #fff; max-width: 400px; font-size: 1em; } #container .fallbackHeaderContainer .inner h3 span:after { border-bottom: 10px solid white; top: 3px; } #container .fallbackHeaderContainer .inner h1 { color: #fff; } @media screen and (min-width: 1500px) { #container .fallbackHeaderContainer .inner h1 { font-size: 5em; } } .mainNoPadding #container #main { padding-bottom: 0; } /* 11 2020 digitalraum tcc galier */ .ce_gallery ul { list-style: none; margin: 0; padding: 0; } .ce_gallery ul li { list-style: none; margin: 0; padding: 0; display: block; float: left; width: 50%; margin: 0; padding: 1px; } @media screen and (min-width: 58.75em) { .ce_gallery ul.cols_3 li { width: 33.3%; } } @media screen and (min-width: 58.75em) { .ce_gallery ul.cols_4 li { width: 25%; } } @media screen and (max-width: 68.6875em) { .ce_gallery ul.cols_5 li { width: 20%; } } .ce_gallery ul::after { display: block; clear: both; content: " "; } #main .startseiteBewertungen { background-color: #F8F8F8; max-width: 100%; margin-top: 2rem; padding-top: 1rem; } #main .startseiteBewertungen .ratingsintro { text-align: center; } #main .ratingContainer { display: block; margin-bottom: 2rem; } #main .ratingContainer .starContainer { margin: auto auto; width: 265px; background-image: url("/files/design/icons/stars_grey.svg"); background-repeat: no-repeat; background-size: auto 50px; } #main .ratingContainer .starContainer .inner { background-image: url("/files/design/icons/stars_gold.svg"); background-repeat: no-repeat; background-size: auto 50px; text-indent: -50000px; height: 50px; } #main .ratingContainer p.desc { text-align: center; font-size: 1.3rem; } .customerslider .ce_text .starContainer { display: block; width: 80%; max-width: 200px; margin: auto auto; margin-bottom: 2rem; } .customerslider .ce_text p { text-align: center; } .customerslider .ce_text p.review_text { font-size: 1.2rem; line-height: 1.3rem; max-width: 800px; margin: auto auto; margin-bottom: 0; } .customerslider .ce_text p.review_author { font-size: 0.9rem; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; padding-top: 1rem; } .customerslider .slider-control { display: none; } /* CSS Document */ .startseiteProjekte { padding-top: 2rem; } .startseiteProjekte h3.ce_headline { padding-top: 4rem; color: #d5263d; margin: 0; margin-top: 4rem; font-size: 1.2rem; } .startseiteProjekte h2.ce_headline { font-size: 4rem; } .bekanntAus, #container .mod_article.bekanntAus.first { border-bottom: 1px solid #F8F8F8; padding-top: 1rem; padding-bottom: 1rem; margin-bottom: 0.5rem; } .bekanntAus p, #container .mod_article.bekanntAus.first p { display: block; margin-bottom: 0; } @media screen and (min-width: 48em) { .bekanntAus p, #container .mod_article.bekanntAus.first p { float: left; width: 20%; padding-top: 15px; } } @media screen and (min-width: 58.75em) { .bekanntAus p, #container .mod_article.bekanntAus.first p { width: 15%; padding-top: 25px; } } @media screen and (min-width: 68.75em) { .bekanntAus p, #container .mod_article.bekanntAus.first p { margin-left: 15%; } } .bekanntAus .ce_image, #container .mod_article.bekanntAus.first .ce_image { display: block; } @media screen and (min-width: 48em) { .bekanntAus .ce_image, #container .mod_article.bekanntAus.first .ce_image { float: left; width: 80%; } } @media screen and (min-width: 58.75em) { .bekanntAus .ce_image, #container .mod_article.bekanntAus.first .ce_image { width: 85%; } } @media screen and (min-width: 68.75em) { .bekanntAus .ce_image, #container .mod_article.bekanntAus.first .ce_image { width: 50%; } } .Startheadline { margin-top: 2rem; } @media screen and (min-width: 58.75em) { .Startheadline { font-size: 2rem; } } .specialBox { background-color: #F8F8F8; margin-top: 1rem; background-repeat: no-repeat; background-position: right top; background-size: cover; } .specialBox a { display: block; padding: 2rem; } .specialBox a span.btn { white-space: normal; } @media screen and (min-width: 48em) { .specialBox a { min-height: 300px; } } .specialBox.dark { background-color: #333333; color: #fff; text-shadow: 0px 0px 3px #000000; } .specialBox.dark a { color: #fff; display: block; } .specialBox.robust { background-image: url("/files/content/05_startseite/backgrounds/background_easyfloor_robust.jpg"); } .specialBox.hestra { background-image: url("/files/content/05_startseite/backgrounds/background_hestra.jpg"); background-position: right bottom; } .specialBox.heavy { background-image: url("/files/content/05_startseite/backgrounds/background_heavy.jpg"); background-position: right bottom; } .specialBox.sport { background-image: url("/files/content/05_startseite/backgrounds/background_sport.jpg"); background-position: right bottom; } .specialBox.event { background-image: url("/files/content/05_startseite/backgrounds/background_event.jpg"); background-position: right bottom; } .specialBox.inb { background-image: url("/files/content/05_startseite/backgrounds/background_inb.jpg"); background-position: right bottom; } .specialBox.vinyl { background-image: url("/files/content/05_startseite/backgrounds/background_robust-design.jpg"); background-position: right bottom; } .specialBox h3 { font-weight: 400; font-size: 1rem; } .specialBox h2 { font-size: 2rem; } #iso_ajaxBox { width: 80%; left: 10%; font-family: "Montserrat", sans-serif; border: 0; padding-top: 2rem; padding-bottom: 2rem; font-size: 1.2rem; font-weight: 400; color: #333333; } #iso_ajaxBox p.iso_error { color: #d5263d; } @media screen and (min-width: 58.75em) { #iso_ajaxBox { max-width: 500px; left: 50%; margin-left: -250px; } } .prozentStoerer { position: absolute; font-size: 2rem; background-color: #d5263d; border-radius: 50%; top: -20px; right: 10px; width: 80px; height: 80px; color: #fff; font-weight: 700; transform: rotate(15deg); text-align: center; padding-top: 10px; } @media screen and (min-width: 58.75em) { .prozentStoerer { right: 0px; } } @media screen and (min-width: 58.75em) { .prozentStoerer { right: -20px; } } .prozentStoerer span { font-size: 1.2rem; } .btn-full a { width: 100%; } .productListItem { border: 1px solid #E6E6E6; position: relative; margin-top: 2rem; } .productListItem a { color: #333333; } .productListItem a .specialMarkerArea { position: absolute; left: -2%; top: 3%; transition: all 300ms ease-in-out; } .productListItem a .specialMarkerArea .entryContainer .entry { background-color: #d5263d; color: white; font-weight: 700; padding-left: 0.2rem; padding-right: 0.2rem; display: inline-block; margin-bottom: 5px; box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.75); } .productListItem a .specialMarkerArea .entryContainer.neuheit { display: none; } .productListItem a .specialMarkerArea .entryContainer.neuheit .entry { background-color: #19C468; } .productListItem a:hover .specialMarkerArea { left: 0; } .productListItem a .infoBox { padding-left: 10px; padding-right: 10px; padding-bottom: 5px; } .productListItem a .infoBox .box1 { border-bottom: 1px solid #E6E6E6; } .productListItem a .infoBox .box1 p.type { font-size: 0.8rem; margin-bottom: 0; } .productListItem a .infoBox .box1 h3 { margin: 0; } .productListItem a .infoBox .box1 .attributes h4 { margin: 0; } .productListItem a .infoBox .box1 .attributes p.attEntry { font-size: 0.9rem; margin-bottom: 0; } .productListItem a .infoBox .box1 .attributes p.attEntry span { display: inline-block; } .productListItem a .infoBox .box1 .attributes p.attEntry span.attributeName { font-weight: 700; width: 50%; } .productListItem a .infoBox .box1 p.lagerstatus { font-size: 0.8rem; color: #19C468; } .productListItem a .infoBox .box2 .left { float: left; display: block; width: 30%; } .productListItem a .infoBox .box2 .left p.statt { margin: 0; font-size: 0.8rem; padding-top: 5px; } .productListItem a .infoBox .box2 .left p.stattpreis { text-decoration: line-through; font-weight: 700; line-height: 1; } .productListItem a .infoBox .box2 .right { float: left; display: block; width: 70%; color: #d5263d; font-weight: 700; text-align: right; } .productListItem a .infoBox .box2 .right .price { font-size: 2rem; } .productListItem a .infoBox .box3 { font-size: 0.8rem; } .productListItem a .infoBox .box3 .left { float: left; } .productListItem a .infoBox .box3 .right { float: right; } .productListItem a .infoBox .box3 p { margin-bottom: 0; line-height: 1; } .productListItem.new a .specialMarkerArea .entryContainer.neuheit { display: block; } .mod_iso_productreader .product .mainimage { background-image: url("https://loading.io/mod/spinner/spinner/sample.gif"); } .mod_iso_productreader .product .gallerycontainer figure { display: block; float: left; width: 18%; margin: 1%; border: 1px solid #E6E6E6; } .mod_iso_productreader .product .gallerycontainer figure.active { border-color: #d5263d; } .mod_iso_productreader .product .productShortDetails .typesku { margin-bottom: 0; } .mod_iso_productreader .product .productShortDetails h1 { margin-top: 0; } .mod_iso_productreader .product .productShortDetails .shortinfos { padding-bottom: 2rem; } .mod_iso_productreader .product .productShortDetails .shortinfos ul { margin-bottom: 0; margin-left: 0; padding-left: 25px; } .mod_iso_productreader .product .productShortDetails .calculationBox { background-color: #F8F8F8; padding: 1rem; position: relative; } .mod_iso_productreader .product .productShortDetails .calculationBox .prozentStoerer { top: -60px; } .mod_iso_productreader .product .productShortDetails .calculationBox h4 { font-size: 1rem; margin-bottom: 1rem; } .mod_iso_productreader .product .productShortDetails .calculationBox label { display: block; } .mod_iso_productreader .product .productShortDetails .calculationBox input.text { margin-bottom: 1rem; } .mod_iso_productreader .product .productShortDetails .calculationBox div.options { border-bottom: 1px solid #E6E6E6; margin-bottom: 1rem; } .mod_iso_productreader .product .productShortDetails .calculationBox div.options div.widget.select select { margin-left: 0; width: 100%; } .mod_iso_productreader .product .productShortDetails .calculationBox div.options div.widget label { display: none; } .mod_iso_productreader .product .productShortDetails .calculationBox .row1 { border-bottom: 1px solid #E6E6E6; padding-bottom: 1rem; } .mod_iso_productreader .product .productShortDetails .calculationBox .row1 .textgrau { opacity: 0.5; } .mod_iso_productreader .product .productShortDetails .calculationBox .row1 .stattpreis { text-align: right; margin-bottom: 0; } .mod_iso_productreader .product .productShortDetails .calculationBox .row1 .stattpreis span { text-decoration: line-through; font-weight: 700; } .mod_iso_productreader .product .productShortDetails .calculationBox .row1 .price { line-height: 1.3; } .mod_iso_productreader .product .productShortDetails .calculationBox .row1 .versandinfo { color: #19C468; text-align: right; font-size: 0.9rem; font-weight: 700; margin-bottom: 0; } .mod_iso_productreader .product .productShortDetails .calculationBox .price { font-size: 2.5rem; font-weight: 700; color: #d5263d; text-align: right; } .mod_iso_productreader .product .productShortDetails .calculationBox .priceUnitInfo, .mod_iso_productreader .product .productShortDetails .calculationBox #finalinfocontainer { font-size: 1rem; font-weight: 700; color: #d5263d; text-align: right; margin-top: -10px; } .mod_iso_productreader .product .productShortDetails .calculationBox .baseprice { text-align: right; font-size: 0.8em; } .mod_iso_productreader .product .productShortDetails .calculationBox .finalePreisanzeige { text-align: right; } .mod_iso_productreader .product .productShortDetails .calculationBox .finalePreisanzeige span.gesamt { margin-right: 2rem; color: #d5263d; font-weight: 700; } .mod_iso_productreader .product .productShortDetails .calculationBox .row3 { text-align: right; padding-top: 1rem; } .mod_iso_productreader .product .productShortDetails .calculationBox .row3 .submit, .mod_iso_productreader .product .productShortDetails .calculationBox .row3 .musterAnfrageButton { background-color: #19C468; border: 1px solid #19C468; padding: 1rem; color: #fff; } .mod_iso_productreader .product .productShortDetails .calculationBox .row3 .musterAnfrageButton { background-color: #fff; color: #19C468; cursor: pointer; } .mod_iso_productreader .product .productShortDetails .calculationBox .row3 .musterAnfrageButton.disabled { border-color: #E6E6E6; color: #E6E6E6; cursor: default; } .mod_iso_productreader .product .description { padding-top: 2rem; } .warenkorbgrid .col { display: block; float: left; width: 20%; } .warenkorbgrid .col.right { text-align: right; } .warenkorbgrid .col.col_sm_20 { width: 20%; } .warenkorbgrid .col.col_sm_25 { width: 25%; } .warenkorbgrid .col.col_sm_30 { width: 30%; } .warenkorbgrid .col.col_sm_33 { width: 33%; } .warenkorbgrid .col.col_sm_40 { width: 40%; } .warenkorbgrid .col.col_sm_50 { width: 50%; } .warenkorbgrid .col.col_sm_60 { width: 60%; } .warenkorbgrid .col.col_sm_70 { width: 70%; } @media screen and (min-width: 58.75em) { .warenkorbgrid .col.col_20 { width: 20%; } .warenkorbgrid .col.col_30 { width: 30%; } .warenkorbgrid .col.col_40 { width: 40%; } .warenkorbgrid .col.col_60 { width: 60%; } } .warenkorbgrid .clearSM { clear: both; } @media screen and (min-width: 58.75em) { .warenkorbgrid .clearSM { clear: none; } } .warenkorbgrid .headerrow { border-bottom: 1px solid #E6E6E6; font-weight: 700; } .warenkorbgrid .productrow { border-bottom: 1px solid #E6E6E6; } .warenkorbgrid .productrow .col { padding-top: 0.5rem; } @media screen and (min-width: 58.75em) { .warenkorbgrid .productrow .col { padding-top: 2rem; } } .warenkorbgrid .productrow .col.image { padding-top: 0; } .warenkorbgrid .productrow .col.image img { max-height: 50px; width: auto; } @media screen and (min-width: 58.75em) { .warenkorbgrid .productrow .col.image img { max-height: 100px; } } .warenkorbgrid .productrow .col input { display: inline-block; width: 70%; border-right: 0; } .warenkorbgrid .productrow .col a.remove { border-bottom-left-radius: 0; border-top-left-radius: 0; } .warenkorbgrid .productrow .col.name .typesku { margin: 0; font-size: 0.8rem; } .warenkorbgrid .productrow div.errors { color: #d5263d; } .warenkorbgrid .footerrow .summenbox { display: block; } @media screen and (min-width: 58.75em) { .warenkorbgrid .footerrow .summenbox { float: right; width: 50%; } } .warenkorbgrid .footerrow .summenbox .firstrow { font-weight: 700; padding-top: 2rem; border-bottom: 1px solid #E6E6E6; } .warenkorbgrid .footerrow .summenbox .steuernrow, .warenkorbgrid .footerrow .summenbox .finalrow { padding-top: 1rem; padding-bottom: 1rem; border-bottom: 1px solid #E6E6E6; } .warenkorbgrid .footerrow .summenbox .finalrow { font-size: 1.5rem; font-weight: 700; } .warenkorbgrid .footerrow .summenbox .submit_container { text-align: center; } @media screen and (min-width: 48em) { .warenkorbgrid .footerrow .summenbox .submit_container { text-align: left; } } .warenkorbgrid .footerrow .summenbox .submit_container input.button_checkout, .warenkorbgrid .footerrow .summenbox .submit_container input.submit.confirm { background-color: #19C468; margin-top: 1rem; } @media screen and (min-width: 48em) { .warenkorbgrid .footerrow .summenbox .submit_container input.button_checkout, .warenkorbgrid .footerrow .summenbox .submit_container input.submit.confirm { float: right; } } .warenkorbgrid .footerrow .summenbox .submit_container input.button_update { margin-top: 1rem; background-color: #fff; color: #d5263d; border: 1px solid #d5263d; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAQAAACROWYpAAABDklEQVR42q2VsRHDIAxF2YRF2MNreAtP8DvvwAregAXoU9K58R1OwX3QhRjLl+g3Bu4JgSxhvhkWRBw4qxI8nLkzWGzEOsWhAyzIOAfK8Fd7RpwKvWB7dP8IcS1BwmFBkBFhLzgi4SQWA+zXu8gNL3GWpU2cajYXhqlFVxyVwNrUNM5FwwlHDohqcQNbB5tRGKKE1xqy1aOEX0yOAg3ECPNnXMxzq37cD/AjZi7ix/T/Df8PY64wEqRWBcxKSAxBnWvTkuvNY9SL5HZFPkYnZLEVUeLqmnKEJe4UzYAVWADsdx0SXrYhTu6wXY84EDCLvAYcg8MRVyjBDtPfS9Vt4NgctM9N78AjievJVw/dG+NBWv7nq95wAAAAAElFTkSuQmCC); background-repeat: no-repeat; background-size: 20px; background-position: 10px center; padding-left: 40px; } .mod_iso_coupons { width: 100%; display: block; } @media screen and (min-width: 58.75em) { .mod_iso_coupons { width: 45%; margin-top: -250px; } .mod_iso_coupons.hasCoupons { margin-top: -310px; } } .mod_iso_coupons p.gutscheinheader { font-weight: 700; border-bottom: 1px solid #E6E6E6; padding-top: 2rem; } .mod_iso_coupons input.text { border-top-right-radius: 0px; border-bottom-right-radius: 0px; border-right: 0; max-width: 200px; display: inline-block; } .mod_iso_coupons .couponsubmit { border-bottom-left-radius: 0; border-top-left-radius: 0; } .mod_iso_coupons table.gutscheintabelle { width: 100%; } .mod_iso_coupons table.gutscheintabelle td { vertical-align: middle; } @media screen and (min-width: 68.75em) { .warenkorbExtraMargin { margin-bottom: 15rem; } } .mod_login, .mod_registration { margin-bottom: 2rem; } .mod_login .widget-submit, .mod_registration .widget-submit { padding-top: 2rem; } .warenkorblogin .widget-submit button, .warenkorblogin .widget-submit input.submit { width: 100%; } .mod_login.logout { text-align: center; } .mod_iso_checkout p.error.message, .mod_iso_checkout div.error.message, .mod_personalData p.error.message, .mod_personalData div.error.message { background-color: #d5263d; font-weight: 700; color: #fff; padding: 1rem; max-width: 800px; margin-top: 1rem; margin-bottom: 1rem; margin-left: auto; margin-right: auto; background-image: url(/files/design/icons/warning.svg); background-repeat: no-repeat; background-position: 1rem center; background-size: 30px; padding-left: 60px; min-height: 80px; } @media screen and (min-width: 48em) { .mod_iso_checkout p.error.message, .mod_iso_checkout div.error.message, .mod_personalData p.error.message, .mod_personalData div.error.message { padding-left: 90px; background-size: 60px 60px; } } .mod_iso_checkout .submit_container, .mod_personalData .submit_container { margin-top: 2rem; padding-top: 1rem; border-top: 1px solid #E6E6E6; } .mod_iso_checkout .submit_container .next, .mod_iso_checkout .submit_container .confirm, .mod_personalData .submit_container .next, .mod_personalData .submit_container .confirm { float: right; padding: 1rem; background-color: #19C468; } .mod_iso_checkout .submit_container .previous, .mod_personalData .submit_container .previous { padding: 1rem; } .mod_iso_checkout .steps, .mod_personalData .steps { max-width: 800px; display: block; margin: auto auto; } .mod_iso_checkout .steps .step, .mod_personalData .steps .step { display: block; float: left; width: 25%; text-align: center; position: relative; } .mod_iso_checkout .steps .step:before, .mod_iso_checkout .steps .step:after, .mod_personalData .steps .step:before, .mod_personalData .steps .step:after { height: 2px; display: block; width: 10%; top: 30px; background: #E6E6E6; content: " "; position: absolute; } @media screen and (min-width: 48em) { .mod_iso_checkout .steps .step:before, .mod_iso_checkout .steps .step:after, .mod_personalData .steps .step:before, .mod_personalData .steps .step:after { width: 30%; } } .mod_iso_checkout .steps .step:after, .mod_personalData .steps .step:after { right: 0; } .mod_iso_checkout .steps .step.first:before, .mod_personalData .steps .step.first:before { display: none; } .mod_iso_checkout .steps .step.last:after, .mod_personalData .steps .step.last:after { display: none; } .mod_iso_checkout .steps .step.passed:after, .mod_iso_checkout .steps .step.passed:before, .mod_personalData .steps .step.passed:after, .mod_personalData .steps .step.passed:before { background: #d5263d; } .mod_iso_checkout .steps .step p, .mod_iso_checkout .steps .step a, .mod_personalData .steps .step p, .mod_personalData .steps .step a { text-align: center; font-weight: bold; font-size: 0.5rem; text-transform: uppercase; display: block; } @media screen and (min-width: 48em) { .mod_iso_checkout .steps .step p, .mod_iso_checkout .steps .step a, .mod_personalData .steps .step p, .mod_personalData .steps .step a { font-size: 0.8rem; } } .mod_iso_checkout .steps .step .number, .mod_personalData .steps .step .number { display: block; margin: auto auto; width: 60px; height: 60px; font-weight: 700; border: 2px solid #E6E6E6; color: #E6E6E6; text-align: center; font-size: 35px; border-radius: 50%; margin-bottom: 15px; } .mod_iso_checkout .steps .step.active .number, .mod_personalData .steps .step.active .number { border-color: #d5263d; background-color: #d5263d; color: #fff; } .mod_iso_checkout .steps .step.active:before, .mod_personalData .steps .step.active:before { background: #d5263d; } .mod_iso_checkout .steps .step.active p, .mod_personalData .steps .step.active p { color: #d5263d; } .mod_iso_checkout .steps .step.passed .number, .mod_personalData .steps .step.passed .number { border-color: #d5263d; background-color: #fff; color: #d5263d; } .mod_iso_checkout .shipping.shippingmethod > h2, .mod_iso_checkout .shipping.shippingmethod > p, .mod_iso_checkout .payment.paymentmethod > h2, .mod_iso_checkout .payment.paymentmethod > p, .mod_personalData .shipping.shippingmethod > h2, .mod_personalData .shipping.shippingmethod > p, .mod_personalData .payment.paymentmethod > h2, .mod_personalData .payment.paymentmethod > p { text-align: center; } .mod_iso_checkout .paymentmethod.widget, .mod_personalData .paymentmethod.widget { text-align: center; } .mod_iso_checkout .paymentmethod.widget fieldset > span, .mod_personalData .paymentmethod.widget fieldset > span { padding-top: 1rem; } .mod_iso_checkout .paymentmethod.widget input[type=radio], .mod_iso_checkout .shippingmethod.widget input[type=radio], .mod_personalData .paymentmethod.widget input[type=radio], .mod_personalData .shippingmethod.widget input[type=radio] { opacity: 0.01; z-index: 100; display: none; } .mod_iso_checkout .paymentmethod.widget input[type=radio]:checked + label, .mod_iso_checkout .shippingmethod.widget input[type=radio]:checked + label, .mod_personalData .paymentmethod.widget input[type=radio]:checked + label, .mod_personalData .shippingmethod.widget input[type=radio]:checked + label { background-color: #19C468; color: #fff; border: 1px solid #19C468; background-position: center -201px; } .mod_iso_checkout .paymentmethod.widget input[type=radio] + label, .mod_iso_checkout .shippingmethod.widget input[type=radio] + label, .mod_personalData .paymentmethod.widget input[type=radio] + label, .mod_personalData .shippingmethod.widget input[type=radio] + label { background-image: url("/files/design/icons/payment_paypal.svg"); background-position: center 5px; background-repeat: no-repeat; background-size: 125px auto; padding: 1rem; padding-top: 60px; border: 1px solid #d5263d; border-radius: 4px; background-color: #F8F8F8; text-align: center; font-weight: 700; transition: background-position 0.4s ease; } @media screen and (min-width: 48em) { .mod_iso_checkout .paymentmethod.widget input[type=radio] + label, .mod_iso_checkout .shippingmethod.widget input[type=radio] + label, .mod_personalData .paymentmethod.widget input[type=radio] + label, .mod_personalData .shippingmethod.widget input[type=radio] + label { min-width: 250px; } } .mod_iso_checkout .paymentmethod.widget input[type=radio] + label span p, .mod_iso_checkout .shippingmethod.widget input[type=radio] + label span p, .mod_personalData .paymentmethod.widget input[type=radio] + label span p, .mod_personalData .shippingmethod.widget input[type=radio] + label span p { font-size: 0.8em; font-weight: 400; } .mod_iso_checkout .paymentmethod.widget input[type=radio]#opt_shippingmethod_0 + label, .mod_iso_checkout .shippingmethod.widget input[type=radio]#opt_shippingmethod_0 + label, .mod_personalData .paymentmethod.widget input[type=radio]#opt_shippingmethod_0 + label, .mod_personalData .shippingmethod.widget input[type=radio]#opt_shippingmethod_0 + label { background-image: url("/files/design/icons/shippment_standard.svg"); } .mod_iso_checkout .paymentmethod.widget input[type=radio]#opt_shippingmethod_1 + label, .mod_iso_checkout .shippingmethod.widget input[type=radio]#opt_shippingmethod_1 + label, .mod_personalData .paymentmethod.widget input[type=radio]#opt_shippingmethod_1 + label, .mod_personalData .shippingmethod.widget input[type=radio]#opt_shippingmethod_1 + label { background-image: url("/files/design/icons/shippment_express.svg"); } .mod_iso_checkout .paymentmethod.widget #ctrl_paymentmethod label.paypal, .mod_iso_checkout .shippingmethod.widget #ctrl_paymentmethod label.paypal, .mod_personalData .paymentmethod.widget #ctrl_paymentmethod label.paypal, .mod_personalData .shippingmethod.widget #ctrl_paymentmethod label.paypal { background-image: url("/files/design/icons/payment_paypal.svg"); } .mod_iso_checkout .paymentmethod.widget #ctrl_paymentmethod label.rechnung, .mod_iso_checkout .shippingmethod.widget #ctrl_paymentmethod label.rechnung, .mod_personalData .paymentmethod.widget #ctrl_paymentmethod label.rechnung, .mod_personalData .shippingmethod.widget #ctrl_paymentmethod label.rechnung { background-image: url("/files/design/icons/payment_invoice.svg"); } .mod_iso_checkout .paymentmethod.widget #ctrl_paymentmethod label.vorkasse, .mod_iso_checkout .shippingmethod.widget #ctrl_paymentmethod label.vorkasse, .mod_personalData .paymentmethod.widget #ctrl_paymentmethod label.vorkasse, .mod_personalData .shippingmethod.widget #ctrl_paymentmethod label.vorkasse { background-image: url("/files/design/icons/payment_vorkasse.svg"); } .mod_iso_checkout .paymentmethod.widget #ctrl_paymentmethod label.klarna, .mod_iso_checkout .shippingmethod.widget #ctrl_paymentmethod label.klarna, .mod_personalData .paymentmethod.widget #ctrl_paymentmethod label.klarna, .mod_personalData .shippingmethod.widget #ctrl_paymentmethod label.klarna { background-image: url("/files/design/icons/payment_klarna_sofort.svg"); } .mod_iso_checkout .paymentmethod.widget #ctrl_paymentmethod label.kreditkarte, .mod_iso_checkout .shippingmethod.widget #ctrl_paymentmethod label.kreditkarte, .mod_personalData .paymentmethod.widget #ctrl_paymentmethod label.kreditkarte, .mod_personalData .shippingmethod.widget #ctrl_paymentmethod label.kreditkarte { background-image: url("/files/design/icons/payment_kreditkarte_apple_pay.svg"); } .mod_iso_checkout .paymentmethod.widget #ctrl_shippingmethod input[type=radio] + label, .mod_iso_checkout .shippingmethod.widget #ctrl_shippingmethod input[type=radio] + label, .mod_personalData .paymentmethod.widget #ctrl_shippingmethod input[type=radio] + label, .mod_personalData .shippingmethod.widget #ctrl_shippingmethod input[type=radio] + label { background-size: 250px auto; padding-top: 80px; } .mod_iso_checkout .paymentmethod.widget #ctrl_shippingmethod input[type=radio]:checked + label, .mod_iso_checkout .shippingmethod.widget #ctrl_shippingmethod input[type=radio]:checked + label, .mod_personalData .paymentmethod.widget #ctrl_shippingmethod input[type=radio]:checked + label, .mod_personalData .shippingmethod.widget #ctrl_shippingmethod input[type=radio]:checked + label { background-position: center -410px; } .mod_iso_checkout .shippingmethod.widget .radio_container > span, .mod_personalData .shippingmethod.widget .radio_container > span { display: block; width: 100%; margin-bottom: 1rem; } @media screen and (min-width: 48em) { .mod_iso_checkout .shippingmethod.widget .radio_container > span, .mod_personalData .shippingmethod.widget .radio_container > span { display: inline-flex; width: 49%; } } .mod_iso_checkout .shippingmethod.widget .radio_container > span input[type=radio], .mod_personalData .shippingmethod.widget .radio_container > span input[type=radio] { display: block; height: 0px; } .mod_iso_checkout .shippingmethod.widget .radio_container > span input[type=radio] + label, .mod_personalData .shippingmethod.widget .radio_container > span input[type=radio] + label { width: 100%; } @media screen and (min-width: 48em) { .mod_iso_checkout .shippingmethod.widget .radio_container > span input[type=radio] + label, .mod_personalData .shippingmethod.widget .radio_container > span input[type=radio] + label { min-height: 200px; } } .mod_iso_checkout .orderinfo, .mod_personalData .orderinfo { max-width: 800px; margin: auto auto; padding-top: 2rem; } .mod_iso_checkout .orderinfo h2, .mod_personalData .orderinfo h2 { text-align: center; font-size: 2rem; } .mod_iso_checkout .orderinfo > p, .mod_personalData .orderinfo > p { text-align: center; } .mod_iso_checkout .orderinfo h3, .mod_personalData .orderinfo h3 { border-bottom: 1px solid #E6E6E6; font-size: 1.2rem; } .mod_iso_checkout .orderinfo .info_container, .mod_personalData .orderinfo .info_container { position: relative; margin-top: 2rem; } .mod_iso_checkout .orderinfo .info_container a.edit, .mod_personalData .orderinfo .info_container a.edit { position: absolute; right: 0; top: 30px; display: inline-block; padding-left: 20px; font-weight: 700; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABsAAAAnCAQAAABUZfsIAAAB+UlEQVR42o2VA5QkMBBEz7Zt27Zt27ZtG3W2bdu2bds26uXluidzu73D3z816sSX6w9+UB97cBHLURS+JXVrM/HD1BlUhT+fSPnwQ9RNNEPg/2lbbcXUU3RHKLeUzjR2xiahvkRRl7aELcf/PEqNhfhmie8QzZMUD9/ZUNF6biI+GLGTJ20S4bV/Pz1EwjaSsVqKjI+EjQUJgLsk7bU2kOix/LhRm+QLokspBF4SdlW/mvMks3VWB6K3CCVISfxgJZVSANwnGqYW3E+yVmfVI/qMaIJkN1nZ9G/+EtF0teA6kn06qyzRdyQWJLnJKq61Q0SrFJlDch6+JcptVswsSAx8JampszYS7VZkDMkdBJAopckqKkg4vCVpo7Pmm/H3LUhPkucIJqXY5tVXEyQonpL01Vkgug1/gjQn+YDwUgpnRqWFIP5wi2SczlqIH2ZYmtrjgmp8/itiSykkuAWwXqMnQv0hvnGaz83XWXGI7PqEsYiKIuZxKq1FJJL1DQ95b6NQKL4hPuZYII9n7QRxfiTmjmjXYSVQW8qGpn8eRQPwydLKurRBbBhpjo3r1g7sx6XVhZkzRMRc/LBqoPugyGmGsAFeWMoLVPV2KEX1+PnNR0SnQvG9UK6hAJFXba2lfMEA96kpZ/sVpX1yz/UuxsEwjEEJ+PZZ/0/q4ZgYz/E7HgAAAABJRU5ErkJggg==); background-repeat: no-repeat; background-size: auto 20px; background-position: left center; } .mod_iso_checkout .orderproducts, .mod_personalData .orderproducts { max-width: 800px; margin: auto auto; padding-top: 3rem; } .mod_iso_checkout .orderproducts .warenkorbgrid .footerrow .summenbox, .mod_personalData .orderproducts .warenkorbgrid .footerrow .summenbox { width: 100%; float: none; } #iso_mod_checkout_review .orderconditions { padding-top: 2rem; max-width: 800px; margin: auto auto; } #iso_mod_checkout_review .orderconditions p.error { font-weight: 700; color: #d5263d; } #iso_mod_checkout_review .orderconditions legend { display: none; } #iso_mod_checkout_review .orderconditions .widget.error { border: 2px solid #d5263d; padding: 10px; } #main .mod_iso_productfilter { border: 1px solid #E6E6E6; background-color: #F8F8F8; padding: 1rem; } #main .mod_iso_productfilter h2 { font-size: 1rem; text-transform: uppercase; } #main .mod_iso_productfilter select { display: block; margin: 0; width: 100%; margin-bottom: 0.5rem; } #main .mod_iso_productfilter .clearContainer { text-align: right; } #main .mod_iso_productfilter .clearContainer a.btn { margin-bottom: 0; } .mod_iso_orderhistory p.empty.message { margin-top: 2rem; padding-top: 2rem; border-top: 1px solid #E6E6E6; font-weight: bold; text-align: center; padding-bottom: 2rem; border-bottom: 1px solid #E6E6E6; } .mod_iso_orderhistory table { width: 100%; } .mod_iso_orderhistory table th { text-align: left; font-size: 0.8rem; border-bottom: 1px solid #E6E6E6; } @media screen and (min-width: 48em) { .mod_iso_orderhistory table th { min-height: 200px; font-size: 1.2rem; } } .mod_iso_orderhistory table td { border-bottom: 1px solid #E6E6E6; font-size: 0.8rem; padding-top: 1rem; padding-bottom: 1rem; } @media screen and (min-width: 48em) { .mod_iso_orderhistory table td { font-size: 1rem; } } .nav_kundenbereich { text-align: center; margin-bottom: 4rem; margin-top: 2rem; } .nav_kundenbereich ul { margin: 0; padding: 0; list-style: 0; } .nav_kundenbereich ul li { list-style: none; margin: 0; padding: 0; display: inline-block; } .nav_kundenbereich ul li a, .nav_kundenbereich ul li strong { background-color: #F8F8F8; border: 1px solid #E6E6E6; color: #d5263d; padding: 1rem; } .nav_kundenbereich ul li a:hover, .nav_kundenbereich ul li strong:hover { background-color: #d5263d; color: #fff; } .formbody .address.billingaddress, .formbody .address.shippingaddress, .formbody .shipping.shippingmethod, .formbody .payment.paymentmethod { margin-top: 2rem; } @media screen and (min-width: 48em) { .formbody .address.billingaddress, .formbody .address.shippingaddress { width: 50%; float: left; } .formbody .address.billingaddress { padding-right: 3%; border-right: 1px solid #E6E6E6; } .formbody .address.billingaddress > p { height: 100px; } .formbody .address.shippingaddress { padding-left: 3%; } .formbody .submit_container { clear: both; } } @media screen and (min-width: 48em) { .formbody div.firstname, .formbody div.lastname, .formbody div.phone, .formbody div.email, .formbody div.billingaddress_firstname, .formbody div.billingaddress_lastname, .formbody div.billingaddress_phone, .formbody div.billingaddress_email, .formbody div.shippingaddress_firstname, .formbody div.shippingaddress_lastname, .formbody div.shippingaddress_phone, .formbody div.shippingaddress_email { width: 49%; float: left; } .formbody div.billingaddress_postal, .formbody div.shippingaddress_postal, .formbody div.postal { width: 29%; float: left; } .formbody div.city, .formbody div.billingaddress_city, .formbody div.shippingaddress_city { width: 69%; float: left; } .formbody div.firstname, .formbody div.phone, .formbody div.postal, .formbody div.billingaddress_firstname, .formbody div.billingaddress_phone, .formbody div.billingaddress_postal, .formbody div.shippingaddress_firstname, .formbody div.shippingaddress_phone, .formbody div.shippingaddress_postal { margin-right: 2%; } } .mod_registration .formbody div.email { width: 100%; margin: 0; } .mod_iso_orderdetails .clear { clear: both; } .mod_iso_orderdetails .info_container.billing_address, .mod_iso_orderdetails .info_container.shipping_method, .mod_iso_orderdetails .info_container.payment_method { padding-top: 2rem; } @media screen and (min-width: 48em) { .mod_iso_orderdetails .info_container.billing_address, .mod_iso_orderdetails .info_container.shipping_method, .mod_iso_orderdetails .info_container.payment_method { display: block; float: left; width: 50%; } } .mod_iso_orderdetails .warenkorbgrid { padding-top: 40px; } .mod_iso_orderdetails .warenkorbgrid .headerrow { display: none; } @media screen and (min-width: 48em) { .mod_iso_orderdetails .warenkorbgrid .headerrow { display: block; } } .tl_confirm { border: 1px solid #19C468; color: #19C468; text-align: center; padding: 1rem; } /* breadmcrumbs.scss */ .mod_breadcrumb { background-color: #F8F8F8; padding-top: 0.5em; padding-bottom: 0.5em; font-size: 0.8em; margin-bottom: 2rem; } .mod_breadcrumb .inner { max-width: 1500px; width: 100%; margin-left: auto; margin-right: auto; padding-left: 0.9375rem; padding-right: 0.9375rem; margin: auto auto; } .mod_breadcrumb .inner ul { display: block; margin-left: 0; padding-left: 0; list-style: none; } .mod_breadcrumb .inner ul li { list-style: none; display: inline; } .mod_breadcrumb .inner ul li i { margin-left: 0.5em; margin-right: 0.5em; } .nobreadcrumbs .mod_breadcrumb { display: none; } html.magnifying > body { overflow-x: hidden !important; } .magnify, .magnify > .magnify-lens, .magnify-mobile, .lens-mobile { /* Reset */ min-width: 0; min-height: 0; animation: none; border: none; float: none; margin: 0; opacity: 1; outline: none; overflow: visible; padding: 0; text-indent: 0; transform: none; transition: none; } .magnify { position: relative; width: auto; height: auto; box-shadow: none; display: inline-block; z-index: inherit; } .magnify > .magnify-lens { /* Magnifying lens */ position: absolute; width: 300px; height: 300px; border-radius: 100%; /* Multiple box shadows to achieve the glass lens effect */ box-shadow: 0 0 0 7px rgba(255, 255, 255, 0.85), 0 0 7px 7px rgba(0, 0, 0, 0.25), inset 0 0 40px 2px rgba(0, 0, 0, 0.25); cursor: none; display: none; z-index: 99; } .magnify > .magnify-lens.loading { background: #333 !important; opacity: 0.8; } .magnify > .magnify-lens.loading:after { /* Loading text */ position: absolute; top: 50%; left: 0; width: 100%; color: #fff; content: "Loading..."; font: italic normal 16px/1 Calibri, sans-serif; letter-spacing: 1px; margin-top: -8px; text-align: center; text-shadow: 0 0 2px rgba(51, 51, 51, 0.8); text-transform: none; } .ce_table { margin-bottom: 2em; } .ce_table table { border-collapse: collapse; width: 100%; border: none; } .ce_table table tr td, .ce_table table tr th.col_first, .ce_table table tr th.head_1, .ce_table table tr th.head_2, .ce_table table tr th.head_3, .ce_table table tr th.head_4 { border-bottom: 1px solid #E6E6E6; padding-top: 0.5em; padding-bottom: 0.5em; text-align: left; } .ce_table table tr th { font-weight: bold; } .ce_table table tr:hover td, .ce_table table tr:hover th { background-color: #E6E6E6; } .ce_table table tr.odd td, .ce_table table tr.odd th { background-color: #F8F8F8; } .ce_table table tr.odd:hover td, .ce_table table tr.odd:hover th { background-color: #E6E6E6; } .ce_table table tr.row_first td, .ce_table table tr.row_first th { border-top: 1px solid #E6E6E6; } .td_center table tr td { text-align: center; } #ajaxNotification { color: #fff; width: 300px; padding: 10px; text-align: center; color: white; border-radius: 3px; letter-spacing: 1px; position: fixed; bottom: 100px; right: 20px; } #ajaxNotification.success { background-color: #19C468; } #ajaxNotification.error { background-color: #d5263d; } #ajaxNotification p { padding: 10px; margin: 0; } .tcc_briefgenerator { /* The Modal (background) */ /* Modal Content/Box */ /* The Close Button */ } .tcc_briefgenerator table.lead_table { border-collapse: collapse; border-spacing: 0; } .tcc_briefgenerator table.lead_table tr td { font-size: 0.8rem; border: 0; border-bottom: 1px solid #ccc; } .tcc_briefgenerator table.lead_table tr td.col_1 { width: 15%; padding-left: 5px; } .tcc_briefgenerator table.lead_table tr td.col_2 { width: 15%; } .tcc_briefgenerator table.lead_table tr td.col_4 { width: 10%; text-align: right; padding-right: 5px; } .tcc_briefgenerator table.lead_table tr td.col_4 .letter_button { width: 25px; } .tcc_briefgenerator table.lead_table tr td.col_4 .letter_button.disabled { background-color: lightgray; cursor: auto; border-color: #ccc; color: #ccc; } .tcc_briefgenerator table.lead_table tr:hover td { background-color: #F8F8F8; } .tcc_briefgenerator table.lead_table tr.erledigt_1 td { background-color: #E6E6E6; } .tcc_briefgenerator table.lead_table tr.erledigt_1.verkauft_1 td { background-color: #ffc71b; color: #fff; } .tcc_briefgenerator table.lead_table tr.erledigt_1.verkauft_2 td { background-color: #19C468; color: #fff; } .tcc_briefgenerator table.lead_table tr.erledigt_1.verkauft_3 td { background-color: #d5263d; color: #fff; } .tcc_briefgenerator #tab_3 { display: none; } .tcc_briefgenerator #tab_2 { display: none; } .tcc_briefgenerator .letter_tab_button { outline: none; } .tcc_briefgenerator .letter_button:hover { cursor: pointer; } .tcc_briefgenerator .letter_tabs { margin-bottom: 20px; border-bottom: 2px solid #d5263d; } .tcc_briefgenerator .letter_tabs button.btn, .tcc_briefgenerator .letter_tabs input.btn.submit { border-radius: 0; color: #d5263d; padding: 1rem; padding-top: 0.5rem; padding-bottom: 0.5rem; margin-right: 10px; margin-bottom: 0; background-color: #fff; border: 1px solid #d5263d; border-bottom: none; } .tcc_briefgenerator .letter_tabs button.btn.active, .tcc_briefgenerator .letter_tabs input.btn.active.submit { background-color: #d5263d; color: #fff; } .tcc_briefgenerator .isTask { border: 1px solid #25365b; background-color: #25365b; color: white; position: relative; } .tcc_briefgenerator .show_date { padding: 5px; border: 1px solid #258c26; background-color: rgba(46, 232, 40, 0.18); } .tcc_briefgenerator .todo_date { border: 1px solid #902626; background-color: rgba(255, 0, 76, 0.3); } .tcc_briefgenerator #taken_actions ul li span { margin-left: 5px; } .tcc_briefgenerator .notDoneTask td { background-color: #1b8cff !important; color: #FFFFFF !important; } .tcc_briefgenerator .checked_task { position: absolute; right: 6px; top: 7px; } .tcc_briefgenerator .front_task { border: 1px solid red; border-radius: 3px; padding: 5px; margin: 10px 10px 0 0; background-color: rgba(255, 189, 189, 0.5); font-size: 12px; position: relative; } .tcc_briefgenerator .front_task span { font-weight: 100; } .tcc_briefgenerator .front_task div { font-size: 12px; } .tcc_briefgenerator .front_task .warning-icon { position: absolute; bottom: calc(50% - 17px); right: 10px; font-size: 30px; } .tcc_briefgenerator .color-block { width: 25px; height: 25px; border: 1px solid black; border-radius: 5px; } .tcc_briefgenerator .gray { background-color: #e8e8e8; } .tcc_briefgenerator .yellow { background-color: #ffc71b; } .tcc_briefgenerator .red { background-color: #d5263d; } .tcc_briefgenerator .blue { background-color: #1b8cff; } .tcc_briefgenerator .green { background-color: #19C468; } .tcc_briefgenerator .color-desc div { margin: 10px; } .tcc_briefgenerator .color-desc { display: flex; align-items: center; } .tcc_briefgenerator .color-code { width: 300px; border: 1px solid lightgray; border-radius: 10px; position: fixed; left: 25px; bottom: 20px; background-color: white; } .tcc_briefgenerator #color-code { display: none; } @media screen and (max-width: 1500px) { .tcc_briefgenerator .color-code { left: 25px; } } .tcc_briefgenerator .modal_left, .tcc_briefgenerator .modal_right { float: left; width: 50%; display: block; } .tcc_briefgenerator .modal_right { padding-left: 15px; } .tcc_briefgenerator .modal_right li { display: block; } .tcc_briefgenerator .modal_right li span { font-weight: bold; font-size: 0.8em; } .tcc_briefgenerator .modal { display: none; /* Hidden by default */ position: fixed; /* Stay in place */ z-index: 1; /* Sit on top */ left: 0; top: 0; width: 100%; /* Full width */ height: 100%; /* Full height */ overflow: auto; /* Enable scroll if needed */ background-color: black; /* Fallback color */ background-color: rgba(0, 0, 0, 0.4); /* Black w/ opacity */ } .tcc_briefgenerator .modal-content { background-color: #fefefe; margin: 15% auto; /* 15% from the top and centered */ padding: 20px; border: 1px solid #888; width: 50%; /* Could be more or less, depending on screen size */ border-radius: 5px; } @media screen and (max-width: 991px) { .tcc_briefgenerator .modal-content { width: 80%; } .tcc_briefgenerator #color-code { display: none !important; } } @media screen and (max-width: 600px) { .tcc_briefgenerator .modal-content { width: calc(100% - 6px); } } .tcc_briefgenerator .close { color: #aaa; float: right; font-size: 28px; font-weight: bold; margin-top: -5px; } .tcc_briefgenerator .close:hover, .tcc_briefgenerator .close:focus { color: black; text-decoration: none; cursor: pointer; } .tcc_briefgenerator .fadeAnimation { opacity: 0; animation: 4s fadeInOut; animation-fill-mode: forwards; } @keyframes fadeInOut { 0% { opacity: 0; } 20% { opacity: 1; } 80% { opacity: 1; } 100% { opacity: 0; } } .tcc_briefgenerator .mail_message { width: 300px; height: 40px; text-align: center; color: white; font-weight: 600; border-radius: 3px; letter-spacing: 1px; position: fixed; bottom: 20px; right: 20px; display: none; } .tcc_briefgenerator .detail_select { width: 100%; padding: 5px; height: 40px; } .tcc_briefgenerator .detail_block { width: 100%; } .tcc_briefgenerator .detail_submit { background-color: #25365b; color: white; border-radius: 3px; margin-top: 10px; } .tcc_briefgenerator .detail_text { margin-top: 10px; margin-bottom: 3px; } .tcc_briefgenerator .modal_right ul li span { margin-right: 10px; } .tcc_briefgenerator .modal_right ul li { border: 1px solid lightgray; padding: 5px; margin-bottom: 5px; border-radius: 3px; } .mod_cookieconsent input, .mod_cookieconsent button { margin: 0; } .mod_cookieconsent input.submit[type=submit].colored, .mod_cookieconsent button.submit[type=submit].colored { background: #519249; } .mod_cookieconsent input.submit[type=submit].colored:hover, .mod_cookieconsent button.submit[type=submit].colored:hover { background: #559f4c; } .mod_cookieconsent input.submit, .mod_cookieconsent button { display: inline-block; padding: 1.2em 2em; cursor: pointer; transition: all 0.2s ease-out 0s; width: 100%; background: #989898; color: #fff; border-radius: 5px; border-width: 0; font-weight: normal; font-size: 14.4px; min-width: 140px; text-align: center; text-transform: uppercase; position: relative; -webkit-appearance: none; font-family: Montserrat, sans-serif; letter-spacing: 0.07em; line-height: 1; height: auto; } .mod_cookieconsent input.submit:hover, .mod_cookieconsent button:hover { background: #a0a0a0; border: none; } .mod_cookieconsent { display: none; font-family: Montserrat, sans-serif; font-size: 16px; } .mod_cookieconsent.open { display: block; } .mod_cookieconsent.open-user { display: block !important; } .mod_cookieconsent .privacy_overlay { z-index: 10000000; position: fixed; left: 0; top: 0; right: 0; bottom: 0; width: 100%; background: rgba(0, 0, 0, 0.6); } .mod_cookieconsent .privacy_popup { position: fixed; top: 0; left: 50%; transform: translate3d(-50%, 0, 0); z-index: 10000001; width: 90%; max-width: 475px; height: 100%; } .mod_cookieconsent .privacy_inside { left: 0; top: 0; overflow: auto; height: 100%; display: flex; align-items: center; width: 100%; box-sizing: border-box; } .mod_cookieconsent .privacy_content { padding: 32px 0 24px; background: #fff; border-radius: 7px; width: 100%; box-sizing: border-box; background-image: url(/bundles/contaocookieconsent/img/cookie.svg); background-size: 50px; background-position: 95% 24px; background-position: calc(100% - 15px) 26px; background-repeat: no-repeat; } .mod_cookieconsent .privacy_content .radio_container { max-height: 380px; overflow-y: auto; } .mod_cookieconsent .palette .item { transition: All 0.2s ease; -webkit-transition: All 0.2s ease; border-style: solid; border-color: #ddd; border-width: 0; border-bottom-width: 1px; } .mod_cookieconsent .palette .item .widget-label label { padding: 20px 15px; padding-left: 50px; font-size: 12.8px; line-height: 1.5; } .mod_cookieconsent .item strong { color: #444; font-size: 12.8px; } .mod_cookieconsent .palette .item:nth-child(1) { border-top-width: 1px; } .mod_cookieconsent .palette .item:hover { box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.07); } .mod_cookieconsent .toggleSettings .info { line-height: 1.5; } .mod_cookieconsent .palette .info { font-size: 12.8px; color: rgba(0, 0, 0, 0.6); margin-bottom: 0; cursor: pointer; display: inline; } .mod_cookieconsent .cookie_info { margin-top: -0.3em; margin-bottom: 16px; padding: 0 32px; padding-right: 72px; font-size: 19.2px; line-height: 1.3; font-family: Montserrat, sans-serif; font-weight: bold; color: #444; } .mod_cookieconsent button.toggleSettings, .mod_cookieconsent input.toggleSettings.submit, .mod_cookieconsent .ce_hyperlink, .mod_cookieconsent .acceptAllForm, .mod_cookieconsent .info { width: calc(100% - 64px); margin: 0 auto; box-sizing: border-box; display: block; } .mod_cookieconsent form label, .mod_cookieconsent form input.radio { cursor: pointer; width: 100%; display: block; padding-right: 12%; box-sizing: border-box; } .mod_cookieconsent form div.widget { position: relative; overflow: hidden; display: flex; align-items: baseline; } .mod_cookieconsent form .widget-radio input { margin: 0; float: left; width: 8%; } .mod_cookieconsent form .widget-label { line-height: 1; float: left; width: 100%; cursor: pointer; } .mod_cookieconsent .submit { margin-top: 15px; } .mod_cookieconsent .submit:active { opacity: 0.8; } .mod_cookieconsent .submit.readonly, .mod_cookieconsent .submit.readonly:hover, .mod_cookieconsent .submit.readonly:focus { background: #dddddd; color: #9a9a9a; border: 1px solid #dddddd; } .mod_cookieconsent .headline { font-size: 20.8px; margin-bottom: 10px; } .mod_cookieconsent p.privacy { color: white; background: red; font-weight: bold; padding: 20px; text-align: center; margin: 20px; } .mod_cookieconsent p.privacy a { text-decoration: underline; color: white; } .mod_cookieconsent .privacy.hidden { display: none; } .mod_cookieconsent .links { text-align: center; display: flex; justify-content: space-around; padding: 24px 0 0; } .mod_cookieconsent .links a { font-size: 12px; letter-spacing: 0.03em; text-align: center; text-transform: uppercase; color: #555; cursor: pointer; text-decoration: underline; display: inline-block; margin-left: 3px; margin-right: 3px; } .hide_cookie_consent .mod_cookieconsent { display: none; } div.mod_cookieconsent div.widget-radio { display: block; position: relative; margin: 0; cursor: pointer; font-size: 22px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } div.mod_cookieconsent div.widget-radio input { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; } div.mod_cookieconsent div.widget-radio input ~ .checkmark { position: absolute; top: 22px; left: 20px; height: 20px; width: 20px; background-color: #eee; border-radius: 50%; padding: 0; } div.mod_cookieconsent div.widget-radio:hover input ~ .checkmark { background-color: #ccc; } div.mod_cookieconsent div.widget-radio input:checked ~ .checkmark { background-color: #519249; } div.mod_cookieconsent div.widget-radio input ~ .checkmark:after { content: ""; position: absolute; display: none; } div.mod_cookieconsent div.widget-radio input ~ .checkmark:before { display: none; } div.mod_cookieconsent div.widget-radio input:checked ~ .checkmark:after { display: block; } div.mod_cookieconsent div.widget-radio input ~ .checkmark:after { top: 50%; left: 50%; width: 6px; height: 6px; border-radius: 50%; background: white; transform: translate3d(-50%, -50%, 0); } @media all and (max-width: 527px) { .mod_cookieconsent .cookie_info { font-size: calc(7.5px + 2vw); padding-right: 64px; } } @media all and (max-width: 425px) { .mod_cookieconsent .privacy_content { background-size: 42px; background-position: calc(100% - 10px) 26px; } .mod_cookieconsent .cookie_info { font-size: 16px; padding-right: 60px; } .mod_cookieconsent .info { font-size: 12.5px; } .mod_cookieconsent input.submit, .mod_cookieconsent button { font-size: 12.5px; } .mod_cookieconsent form label, .mod_cookieconsent form input.radio { padding-right: 5px; } } @media all and (max-width: 375px) { .mod_cookieconsent .privacy_content { background-size: 30px; background-position: calc(100% - 8px) 12px; padding: 16px 0 8px; } .mod_cookieconsent .cookie_info { font-size: 12px; padding-right: 50px; padding-right: calc(-150px + 60vw); } .mod_cookieconsent .info { font-size: 12.5px; } .mod_cookieconsent input.submit, .mod_cookieconsent button { font-size: 11.2px; } .mod_cookieconsent .palette .info { font-size: 11.2px; } .mod_cookieconsent form label, .mod_cookieconsent form input.radio { padding-right: 0px; } .mod_cookieconsent .links { padding: 8px 0 0; } .mod_cookieconsent .submit { margin-top: 5px; } } .fz_cookie_consent_html_loader button, .fz_cookie_consent_html_loader input.submit { cursor: pointer; margin: 10px; } .fz_cookie_consent_html_loader .load_html { width: 100%; min-height: 200px; background: #eee; display: flex; flex-direction: column; justify-content: center; align-items: center; margin: 1rem 0; } .mod_cookieconsent #cookie_settings { max-height: 0; overflow: hidden; } .mod_cookieconsent #cookie_settings.closed { max-height: 0; overflow: hidden; animation-name: hide; animation-duration: 1.4s; animation-direction: reverse; animation-fill-mode: forwards; animation-timing-function: ease-in-out; } .mod_cookieconsent #cookie_settings.open { max-height: 500px; animation-name: show; animation-duration: 1.4s; animation-direction: normal; animation-timing-function: ease-in-out; } .mod_cookieconsent #cookie_settings + .toggleSettings { overflow: hidden; } .mod_cookieconsent #cookie_settings.closed + .toggleSettings { max-height: 500px; animation-name: show; animation-duration: 1.4s; animation-direction: normal; animation-fill-mode: forwards; animation-timing-function: ease-in-out; } .mod_cookieconsent #cookie_settings.open + .toggleSettings { animation-name: hide; animation-duration: 1.4s; animation-direction: reverse; animation-fill-mode: forwards; animation-timing-function: ease-in-out; } .mod_cookieconsent #cookie_settings + .toggleSettings .info { display: block; margin-bottom: 16px; } .mod_cookieconsent button.toggleSettings, .mod_cookieconsent input.toggleSettings.submit { margin-top: 5px; } @keyframes hide { 0%, 50% { max-height: 0px; } 100% { max-height: 500px; } } @keyframes show { 0%, 50% { max-height: 0px; } 100% { max-height: 500px; } } .ekoternit #header .inside .headerRow2 .inner #headerCartActions #headerHotlineContainer { display: none; } @media screen and (min-width: 34.375em) { .ekoternit #header .inside .headerRow2 .inner #headerCartActions #headerHotlineContainer { display: block; width: 100%; padding-top: 10px; padding-bottom: 10px; } } @media screen and (min-width: 48em) { .ekoternit #header .inside .headerRow2 .inner #headerCartActions #headerHotlineContainer { float: left; width: 40%; max-width: 140px; padding-top: 20px; padding-bottom: 20px; } } @media screen and (min-width: 58.75em) { .ekoternit #header .inside .headerRow2 .inner #headerCartActions #headerHotlineContainer { width: 100%; max-width: 5000px; } } /*# sourceMappingURL=tcc.css.map */