/** * Swiper 4.5.0 * Most modern mobile touch slider and framework with hardware accelerated transitions * http://www.idangero.us/swiper/ * * Copyright 2014-2019 Vladimir Kharlampidi * * Released under the MIT License * * Released on: February 22, 2019 */ .swiper-container{margin:0 auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-container-no-flexbox .swiper-slide{float:left}.swiper-container-vertical>.swiper-wrapper{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform;-webkit-box-sizing:content-box;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.swiper-container-multirow>.swiper-wrapper{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.swiper-container-free-mode>.swiper-wrapper{-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto}.swiper-slide{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;width:100%;height:100%;position:relative;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;-webkit-transition-property:height,-webkit-transform;transition-property:height,-webkit-transform;-o-transition-property:transform,height;transition-property:transform,height;transition-property:transform,height,-webkit-transform}.swiper-container-3d{-webkit-perspective:1200px;perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:-webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-wp8-horizontal,.swiper-container-wp8-horizontal>.swiper-wrapper{-ms-touch-action:pan-y;touch-action:pan-y}.swiper-container-wp8-vertical,.swiper-container-wp8-vertical>.swiper-wrapper{-ms-touch-action:pan-x;touch-action:pan-x}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:27px;height:44px;margin-top:-22px;z-index:10;cursor:pointer;background-size:27px 44px;background-position:center;background-repeat:no-repeat}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");left:10px;right:auto}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");right:10px;left:auto}.swiper-button-prev.swiper-button-white,.swiper-container-rtl .swiper-button-next.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next.swiper-button-white,.swiper-container-rtl .swiper-button-prev.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-button-prev.swiper-button-black,.swiper-container-rtl .swiper-button-next.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next.swiper-button-black,.swiper-container-rtl .swiper-button-prev.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;-webkit-transition:.3s opacity;-o-transition:.3s opacity;transition:.3s opacity;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{-webkit-transform:scale(.66);-ms-transform:scale(.66);transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{-webkit-transform:scale(.66);-ms-transform:scale(.66);transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33)}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2}button.swiper-pagination-bullet{border:none;margin:0;padding:0;-webkit-box-shadow:none;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet-active{opacity:1;background:#007aff}.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:6px 0;display:block}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);width:8px}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;-webkit-transition:.2s top,.2s -webkit-transform;transition:.2s top,.2s -webkit-transform;-o-transition:.2s transform,.2s top;transition:.2s transform,.2s top;transition:.2s transform,.2s top,.2s -webkit-transform}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);white-space:nowrap}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:.2s left,.2s -webkit-transform;transition:.2s left,.2s -webkit-transform;-o-transition:.2s transform,.2s left;transition:.2s transform,.2s left;transition:.2s transform,.2s left,.2s -webkit-transform}.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:.2s right,.2s -webkit-transform;transition:.2s right,.2s -webkit-transform;-o-transition:.2s transform,.2s right;transition:.2s transform,.2s right;transition:.2s transform,.2s right,.2s -webkit-transform}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:#007aff;position:absolute;left:0;top:0;width:100%;height:100%;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-transform-origin:left top;-ms-transform-origin:left top;transform-origin:left top}.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{-webkit-transform-origin:right top;-ms-transform-origin:right top;transform-origin:right top}.swiper-container-horizontal>.swiper-pagination-progressbar,.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-container-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-white .swiper-pagination-bullet-active{background:#fff}.swiper-pagination-progressbar.swiper-pagination-white{background:rgba(255,255,255,.25)}.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill{background:#fff}.swiper-pagination-black .swiper-pagination-bullet-active{background:#000}.swiper-pagination-progressbar.swiper-pagination-black{background:rgba(0,0,0,.25)}.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill{background:#000}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;-webkit-transform-origin:50%;-ms-transform-origin:50%;transform-origin:50%;-webkit-animation:swiper-preloader-spin 1s steps(12,end) infinite;animation:swiper-preloader-spin 1s steps(12,end) infinite}.swiper-lazy-preloader:after{display:block;content:'';width:100%;height:100%;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");background-position:50%;background-size:100%;background-repeat:no-repeat}.swiper-lazy-preloader-white:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}@-webkit-keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-container-fade.swiper-container-free-mode .swiper-slide{-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none;-webkit-transition-property:opacity;-o-transition-property:opacity;transition-property:opacity}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube{overflow:visible}.swiper-container-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;width:100%;height:100%}.swiper-container-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-cube.swiper-container-rtl .swiper-slide{-webkit-transform-origin:100% 0;-ms-transform-origin:100% 0;transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px);z-index:0}.swiper-container-flip{overflow:visible}.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-coverflow .swiper-wrapper{-ms-perspective:1200px} -webkit-tap-highlight-color: rgba(0,0,0,0); a { outline: 0; } /* FONTS */ /* montserrat-300 - latin */ @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 300; src: url('../../../fileadmin/fischedick-template/fonts/montserrat-v14-latin-300.eot'); /* IE9 Compat Modes */ src: local('Montserrat Light'), local('Montserrat-Light'), url('../../../fileadmin/fischedick-template/fonts/montserrat-v14-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../../../fileadmin/fischedick-template/fonts/montserrat-v14-latin-300.woff2') format('woff2'), /* Super Modern Browsers */ url('../../../fileadmin/fischedick-template/fonts/montserrat-v14-latin-300.woff') format('woff'), /* Modern Browsers */ url('../../../fileadmin/fischedick-template/fonts/montserrat-v14-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */ url('../../../fileadmin/fischedick-template/fonts/montserrat-v14-latin-300.svg#Montserrat') format('svg'); /* Legacy iOS */ } /* montserrat-300italic - latin */ @font-face { font-family: 'Montserrat'; font-style: italic; font-weight: 300; src: url('../../../fileadmin/fischedick-template/fonts/montserrat-v14-latin-300italic.eot'); /* IE9 Compat Modes */ src: local('Montserrat Light Italic'), local('Montserrat-LightItalic'), url('../../../fileadmin/fischedick-template/fonts/montserrat-v14-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../../../fileadmin/fischedick-template/fonts/montserrat-v14-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */ url('../../../fileadmin/fischedick-template/fonts/montserrat-v14-latin-300italic.woff') format('woff'), /* Modern Browsers */ url('../../../fileadmin/fischedick-template/fonts/montserrat-v14-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('../../../fileadmin/fischedick-template/fonts/montserrat-v14-latin-300italic.svg#Montserrat') format('svg'); /* Legacy iOS */ } /* montserrat-regular - latin */ @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 400; src: url('../../../fileadmin/fischedick-template/fonts/montserrat-v14-latin-regular.eot'); /* IE9 Compat Modes */ src: local('Montserrat Regular'), local('Montserrat-Regular'), url('../../../fileadmin/fischedick-template/fonts/montserrat-v14-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../../../fileadmin/fischedick-template/fonts/montserrat-v14-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */ url('../../../fileadmin/fischedick-template/fonts/montserrat-v14-latin-regular.woff') format('woff'), /* Modern Browsers */ url('../../../fileadmin/fischedick-template/fonts/montserrat-v14-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('../../../fileadmin/fischedick-template/fonts/montserrat-v14-latin-regular.svg#Montserrat') format('svg'); /* Legacy iOS */ } /* montserrat-italic - latin */ @font-face { font-family: 'Montserrat'; font-style: italic; font-weight: 400; src: url('../../../fileadmin/fischedick-template/fonts/montserrat-v14-latin-italic.eot'); /* IE9 Compat Modes */ src: local('Montserrat Italic'), local('Montserrat-Italic'), url('../../../fileadmin/fischedick-template/fonts/montserrat-v14-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../../../fileadmin/fischedick-template/fonts/montserrat-v14-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */ url('../../../fileadmin/fischedick-template/fonts/montserrat-v14-latin-italic.woff') format('woff'), /* Modern Browsers */ url('../../../fileadmin/fischedick-template/fonts/montserrat-v14-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('../../../fileadmin/fischedick-template/fonts/montserrat-v14-latin-italic.svg#Montserrat') format('svg'); /* Legacy iOS */ } /* montserrat-600 - latin */ @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 600; src: url('../../../fileadmin/fischedick-template/fonts/montserrat-v14-latin-600.eot'); /* IE9 Compat Modes */ src: local('Montserrat SemiBold'), local('Montserrat-SemiBold'), url('../../../fileadmin/fischedick-template/fonts/montserrat-v14-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../../../fileadmin/fischedick-template/fonts/montserrat-v14-latin-600.woff2') format('woff2'), /* Super Modern Browsers */ url('../../../fileadmin/fischedick-template/fonts/montserrat-v14-latin-600.woff') format('woff'), /* Modern Browsers */ url('../../../fileadmin/fischedick-template/fonts/montserrat-v14-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */ url('../../../fileadmin/fischedick-template/fonts/montserrat-v14-latin-600.svg#Montserrat') format('svg'); /* Legacy iOS */ } /* montserrat-600italic - latin */ @font-face { font-family: 'Montserrat'; font-style: italic; font-weight: 600; src: url('../../../fileadmin/fischedick-template/fonts/montserrat-v14-latin-600italic.eot'); /* IE9 Compat Modes */ src: local('Montserrat SemiBold Italic'), local('Montserrat-SemiBoldItalic'), url('../../../fileadmin/fischedick-template/fonts/montserrat-v14-latin-600italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../../../fileadmin/fischedick-template/fonts/montserrat-v14-latin-600italic.woff2') format('woff2'), /* Super Modern Browsers */ url('../../../fileadmin/fischedick-template/fonts/montserrat-v14-latin-600italic.woff') format('woff'), /* Modern Browsers */ url('../../../fileadmin/fischedick-template/fonts/montserrat-v14-latin-600italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('../../../fileadmin/fischedick-template/fonts/montserrat-v14-latin-600italic.svg#Montserrat') format('svg'); /* Legacy iOS */ } /* montserrat-800 - latin */ @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 800; src: url('../../../fileadmin/fischedick-template/fonts/montserrat-v14-latin-800.eot'); /* IE9 Compat Modes */ src: local('Montserrat ExtraBold'), local('Montserrat-ExtraBold'), url('../../../fileadmin/fischedick-template/fonts/montserrat-v14-latin-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../../../fileadmin/fischedick-template/fonts/montserrat-v14-latin-800.woff2') format('woff2'), /* Super Modern Browsers */ url('../../../fileadmin/fischedick-template/fonts/montserrat-v14-latin-800.woff') format('woff'), /* Modern Browsers */ url('../../../fileadmin/fischedick-template/fonts/montserrat-v14-latin-800.ttf') format('truetype'), /* Safari, Android, iOS */ url('../../../fileadmin/fischedick-template/fonts/montserrat-v14-latin-800.svg#Montserrat') format('svg'); /* Legacy iOS */ } /* montserrat-800italic - latin */ @font-face { font-family: 'Montserrat'; font-style: italic; font-weight: 800; src: url('../../../fileadmin/fischedick-template/fonts/montserrat-v14-latin-800italic.eot'); /* IE9 Compat Modes */ src: local('Montserrat ExtraBold Italic'), local('Montserrat-ExtraBoldItalic'), url('../../../fileadmin/fischedick-template/fonts/montserrat-v14-latin-800italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../../../fileadmin/fischedick-template/fonts/montserrat-v14-latin-800italic.woff2') format('woff2'), /* Super Modern Browsers */ url('../../../fileadmin/fischedick-template/fonts/montserrat-v14-latin-800italic.woff') format('woff'), /* Modern Browsers */ url('../../../fileadmin/fischedick-template/fonts/montserrat-v14-latin-800italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('../../../fileadmin/fischedick-template/fonts/montserrat-v14-latin-800italic.svg#Montserrat') format('svg'); /* Legacy iOS */ } body { margin: 0; font-family: 'Montserrat'; } h1, h2, h3, h4, h5, h6, p, ol, ul, li { margin: 0; padding: 0; font-weight: normal; } /* COOKIEBAR.start */ #cookiebar { font: 1em/1.5em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; display: none; position: fixed; bottom: 0; left: 0; width: 100%; background: rgba(255, 255, 255, .95); color: #fff; z-index: 999999; -webkit-box-shadow: 0 0 50px 10px rgba(0,0,0,0.2);box-shadow: 0 0 50px 10px rgba(0,0,0,0.2);} #cookiebar p { color: #666; font-size: .9em; line-height: 1.4em } #cookiebar.hidecookiebar { display: none; } #cookiebar.showCookieBar { display: block; } #cookiebar p a { color: #666; font-weight: bold; text-decoration: none; border-bottom: 1px solid #333; } #cookiebarinner { padding: 30px 300px 30px 50px; } #acceptcookie { position: absolute; right: 50px; top: 50%; line-height: 50px; height: 50px; margin-top: -25px; background: #1dd89e; display: inline-block; padding: 0 30px; color: #fff; text-decoration: none; } @media screen and (max-width: 800px) { #cookiebarinner { padding: 30px 30px 100px 30px; } #acceptcookie { top: auto; bottom: 30px; margin: 0; } } @media screen and (max-width: 600px) { #cookiebarinner p { font-size: .8em; } #acceptcookie { right: auto; left: 30px !important; line-height: 40px; height: 40px; padding: 0 20px; font-size: .9em; } } @media screen and (max-width: 400px) { #cookiebarinner { padding: 15px 30px 90px 30px; } } #optoutbox { position: fixed; z-index: 10004999999; top: 50px; left: 50%; width: 300px; margin-left: -150px; background: #fff; border: 0px solid #bacb29; font-family: 'Source Sans Pro', sans-serif; -webkit-box-shadow: 0 0 50px 10px rgba(100,100,100,0.3); box-shadow: 0 0 50px 10px rgba(100,100,100,0.3); font-size: 1em; line-height: 1.6em; text-align: left; display: none; } #optoutbox.view { display: block; } #optoutinner { padding: 30px 60px 30px 30px; } #closeOptOut { position: absolute; width: 30px; height: 30px; top: 10px; right: 10px; } #closeOptOut span { position: absolute; top: 15px; left: 0; width: 30px; height: 4px; background: #555; -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg);-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } #closeOptOut span.barscnd { top: 15px; -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg);} .gaoptoutlink { font-weight: bold !important; text-decoration: none; border-bottom: 1px solid #333; color: #555; } /* COOKIEBAR.end */ .defaultContent p a { color: #005a95; } a { -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-touch-callout: none; } .clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } * html .clearfix { zoom: 1; } /* IE6 */ *:first-child+html .clearfix { zoom: 1; } /* IE7 */ *, *:before, *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .anchorLink { display: block; position: relative; top: -100px; visibility: hidden; } #books.anchorLink { display: block; position: relative; top: 50px; visibility: hidden; } #form.formAnchor { display: block; position: relative; top: -100px; visibility: hidden; } /* BLUE = 005a95 LIGHT BLUE = 4583ab GREEN = 1dd89e /> /* GLOBAL */ #header a, #header #logocontainer img, #stageContent a, .swiper-slide-active .swiper-cell, #portraitContent a, #teaserDefaultContent .buttonDefault, .teaserPlus, .buttonDefault, #footerMenu li a:after, #footerMenu li a, .formRow input, .teaserCircle, .tagList li a { -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out } .buttonDefault { text-align: center !important; } #menu-container { webkit-box-shadow: 0 0 50px 20px rgba(0,0,0,0.3); box-shadow: 0 0 50px 20px rgba(0,0,0,0.3); } .teaserImageBody { webkit-box-shadow: 0 0 80px 20px rgba(0,0,0,0.05); box-shadow: 0 0 80px 20px rgba(0,0,0,0.05); } #clientFeedbackContainer, .formRow input[type=text]:focus, .formRow textarea:focus { webkit-box-shadow: 0 0 80px 20px rgba(0,0,0,0.2); box-shadow: 0 0 80px 20px rgba(0,0,0,0.2); } #page { } .fischedick-button { text-align: center; margin-bottom: 50px; } .fischedick-button .buttonStyle1 { background: #1dd89e; color: #fff; border-color: #1dd89e } .fischedick-button .buttonStyle1:hover { background: #005a95; color: #fff; border-color: #005a95 } .fischedick-button .buttonStyle2 { background: #fff; color: #005a95; border-color: #fff } .fischedick-button .buttonStyle2:hover { background: #005a95; color: #fff; border-color: #fff } .row { max-width: 1180px; margin: 0 auto } .row.narrowRow { max-width: 70% } .row.slimRow { max-width: 50% } .row.wideRow { max-width: 90% } .narrowContent { width: 70%; margin: 0 auto } .pullCenter { text-align: center; } .ce-center .image { text-align: center; } /* THEMENTEASER */ .teaserThemaItem { background: #005a95; text-align: center; width: calc(100%/3 - 40px); margin-right: 40px; margin-bottom: 40px; float: left; } .teaserThemaItem h4 { color: #fff } .teaserThemaItem a { background: #fff; color: #005a95; padding: 10px 30px; display: inline-block; text-decoration: none; font-weight: 600; border: 2px solid #fff; } .teaserThemaItem a:hover { background: none; color: #fff; } .teaserThemaItemIcon { margin-top: 30px; } .teaserThemaItemButton { margin-bottom: 30px; text-transform: uppercase; } .teaserThemaItemIcon { width: 200px; height: 200px; position: relative; background: #fff; -webkit-border-radius: 100px; border-radius: 100px; overflow: hidden; margin: 30px auto; } .tiCell img { width: 65%; height: auto } .tiTbl { display: table; width: 100%; height: 100%; } .tiRow { display: table-row; width: 100%; height: 100%; } .tiCell { display: table-cell; width: 100%; height: 100%; text-align: center; vertical-align: middle; } .teaserThemaItemTitle h4 { text-transform: uppercase; font-weight: 600; font-size: 1.4em; margin-bottom: 30px; } .iconHeadline .icon { width: 260px; height: 260px; position: relative; margin: 0 auto; -webkit-border-radius: 130px; border-radius: 130px; overflow: hidden; -webkit-box-shadow: 0 0 40px 5px rgba(0,0,0,0.1); box-shadow: 0 0 40px 5px rgba(0,0,0,0.1); } .iconHeadline .icon img { max-width: 70%; height: auto } .iconHeadline .iconTable { display: table; width: 100%; height: 100%; } .iconHeadline .iconRow { display: table-row; width: 100%; height: 100%; } .iconHeadline .iconCell { display: table-cell; width: 100%; height: 100%; text-align: center; vertical-align: middle; } .iconHeadline .iconTable { display: table; } .iconHeadline .headlines { text-align: center; } #content-pages .iconHeadline .headlines h1 { color: #005a95; font-weight: 400; text-transform: uppercase; text-align: center; font-size: 1.4em; margin: 30px 0 10px; } #content-pages .iconHeadline .headlines h2 { color: #005a95; font-weight: 600; text-transform: uppercase; text-align: center; font-size: 2em; margin: 0 0 30px 0 } /* BUTTON */ .buttonDefault { border: 2px solid #005a95; display: inline-block; padding: 20px 70px; text-transform: uppercase; font-weight: bold; color: #005a95; text-decoration: none; margin-top: 40px; -webkit-border-radius: 3px 3px 3px 3px; border-radius: 3px 3px 3px 3px; } .buttonDefault:hover { background: #005a95; color: #fff } /* GREYCONTAINER */ .greyContainer { background: #e8e8e8; position: relative; } .whitecornerTop { position: absolute; top: 0; left: 0; width: 100%; z-index: 400; width: 100%; height: 300px; background-image: url('../../../fileadmin/fischedick-template/img/corner/fischedick-corner-topWhite.png'); background-position: top center; background-size: contain; background-repeat: no-repeat; } .innerContent { position: relative; z-index: 900 } /* Coaching Teaser */ .teaserItemCoaching { float: left; width: 50%; position: relative; } .teaserItemCoaching .layerLink { position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; text-indent: -9999px} .teaserCircle { width: 400px; height: 400px; background: #005a95; -webkit-border-radius: 200px 200px 200px 200px; border-radius: 200px 200px 200px 200px; margin: 0 auto 40px; position: relative; -webkit-box-shadow: 0 0 60px 5px rgba(0,0,0,0.2); box-shadow: 0 0 60px 5px rgba(0,0,0,0.2); } .teaserCircle { width: 250px; height: 250px; background: #005a95; } #page .teaserCircle p { margin: 0; } .teaserDescription { padding: 0 60px; text-align: left; } .teaserDescription p { text-align: left; } .teaserItemCoaching .teaserDescription { padding-bottom: 60px } .teaserItemCoaching .teaserDescription p { font-size: 1em } .portraitTeaser .teaserDescription { padding: 0 } .portraitTeaser .teaserDescription p { text-align: center; } .teaserItemCircleTitle { width: 100%; height: 100%; position: absolute; top: 0; left: 0; } .tctT, .tctR, .tctC { display: table; width: 100%; height: 100%; } .tctR { display: table-row; } .tctC { text-align: center; vertical-align: middle; display: table-cell; } .teaserItemCircleTitle p { font-family: 'Montserrat'; font-style: normal; font-weight: 600; color: #fff; font-size: 1.6em; line-height: 1.5em; text-transform: uppercase; } .coaching-teaser .clearfix .teaserItemCoaching:nth-child(2n) .teaserCircle { background: #fff; } .coaching-teaser .clearfix .teaserItemCoaching:nth-child(2n) .teaserCircle p { color: #005a95; } /* .teaserItemCoaching:hover .teaserCircle { -webkit-box-shadow: 0 0 90px 5px rgba(0,0,0,0.5); box-shadow: 0 0 90px 5px rgba(0,0,0,0.5); } */ .gridContainerGrey { background: #e8e8e8; } .defaultPaddingContainer { padding: 100px 0 } /* GRID MASTER */ .gridMasterContainer { position: relative; } .mfGridImageBackground { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #333; z-index: 590 } .rowMaster { position: relative; z-index: 600 } .mfGridImageBackground > div { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-size: cover; background-repeat: no-repeat; } .mfGridImageBackground.pgpos1 div { background-position: right center !important; } .mfGridImageBackground.pgpos3 div { background-position: bottom center !important; } .gridMasterContainer .gridMasterContainer { position: relative; z-index: 900 } .rowMaster p a { color: #005a95; text-decoration: none; } a.podcastAnchor { display: block; position: relative; top: -350px; visibility: hidden; } .rowMaster p, #main p { margin: 0 0 15px 0 } .rowMaster ul { margin: 0 0 25px 40px; } .rowMaster .channelBox ul { margin: 0 } .rowMaster h2 { font-weight: 600; margin-bottom: 15px; } .gridMasterContainer h2 { font-weight: 600; margin-bottom: 15px; color: #fff } .gridMasterContainer .plusList ul, .gridMasterContainer .plusList p, .gridMasterContainer .plusList h2, .gridMasterContainer .plusList h3 { color: #fff; margin: 0 } .gridMasterContainer .plusList p a { color: #fff; text-decoration: none; border-bottom: 1px solid #fff; } .gridMasterContainer .plusList h2, .gridMasterContainer .plusList h3 { font-weight: 600 } .gridMasterContainer .plusList ul li { color: #fff; margin: 0; padding: 0; list-style-type: none; font-weight: 600; margin-bottom: 15px; position: relative; } .gridMasterContainer .plusList ul li:before { content: '+'; font-weight: 600; color: #fff; font-size: 40px; position: absolute; left: -40px; top: 0 } /* SectionBackground */ .sectionBackground.bgType1 { background: #005a95; } /* PODCAST Filter */ .podcast-filter ul { margin-left: -10px; } .podcast-filter li { list-style-type: none; display: inline-block; } .podcast-filter li a { background: #fff; padding: 10px; color: #005a95; text-transform: uppercase; text-decoration: none } .podcast-filter li.active a, .podcast-filter li a:hover { background: #005a95; color: #fff; } .podcast-filter { margin-bottom: 50px; } /* PODCAST ITEM */ .mfPodcastItem { background: #fff; width: calc(100%/3 - 30px); float: left; margin-left: 30px; margin-bottom: 30px; position: relative; } .mfPodcastItem.hideItem { display: none; } .mfPodcastItem.view { display: block; } .podcastInnerList { position: relative; margin-left: -35px; } .mfPodcastItem .itemImage { height: 200px; width: 100%; background: #eee; position: relative; } .imageBody { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center center; background-size: cover; } .podcastItemInner { padding: 15px 30px; } .itemTopic { font-weight: 600; color: #005a95; text-transform: uppercase; font-size: 16px; margin-bottom: 10px; } .mfPodcastItem p { line-height: 1.4em } .mfPodcastItem .itemText { margin: 10px 0; } .mfPodcastItem h4 { font-weight: 600; color: #222; } .itemMore { text-align: center; padding-top: 10px; padding-bottom: 20px; position: absolute; bottom: 20px; width: 100%; left: 0 } .itemMore a { border: 2px solid #005a95; display: inline-block; padding: 15px 25px; color: #005a95; text-transform: uppercase; font-size: 16px; text-decoration: none; font-weight: 600 } .itemMore a:hover { border: 2px solid #005a95; color: #fff; background: #005a95; } .podcastImage img { width: 100%; height: auto } .podcastLayerLink { position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; text-indent: -99999px; } /* STYLED LIST */ .styledListInner, .podcast-ChannelBox { background: #fafafa; border: 1px solid #ddd; -webkit-box-shadow: 0 0 80px 10px rgba(0,0,0,0.1); box-shadow: 0 0 80px 10px rgba(0,0,0,0.1); } .fischedickStyledList { padding: 30px 80px; } .fischedickStyledList ul { list-style-type: none; margin: 0; padding: 0 } .fischedickStyledList ul li { margin: 0 0 10px 0; position: relative; padding: 0 0 0 30px; font-size: 1.2em; line-height: 1.5em; color: #005a95; } .fischedickStyledList ul li:before { content: ''; position: absolute; left: 0; top: 8px; height: 10px; width: 10px; background: #005a95 } #page .styledListContainer h3 { margin-bottom: 25px } .iconType1 .fischedickStyledList ul li:before { content: ''; position: absolute; left: 2px; top: 8px; height: 4px; width: 14px; background: #005a95 } .iconType1 .fischedickStyledList ul li:after { content: ''; position: absolute; left: 7px; top: 3px; height: 14px; width: 4px; background: #005a95 } /* PORTRAIT STAGE */ .fischedick-portraitStage { height: 600px; width: 100%; position: relative; } #stageImagePortraitContainer { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-position: center center; background-size: cover; } .stageContentRight { position: absolute; top: 0; left: 50%; width: 50%; z-index: 100; height: 100%; } .stageContentInner { height: 100%; position: relative; } #stageContent p span { display: inline; } #stageContent p br { display: none; } .stageTable { display: table; width: 100%; height: 100%; } .stageRow { display: table-row; width: 100%; height: 100%; } .stageCell { display: table-cell; width: 100%; height: 100%; vertical-align: middle; } .stageContentRight h1 { font-family: 'Montserrat'; font-style: normal; font-weight: 600; color: #fff; text-transform: uppercase; } .stageContentRight h2 { font-family: 'Montserrat'; font-style: normal; font-weight: 400; color: #fff; text-transform: uppercase; } #content-pages .gridContainer .col-45 h3 { margin-top: 0 } /* INTRO */ .fischedick-intro p.text-center { text-align: center; } .fischedick-intro h2 { text-align: center; color: #aebacf; font-family: 'Montserrat'; font-style: normal; font-weight: 600; text-transform: uppercase; } /* CHANNELBOX */ .channelBox li { display: inline-block; list-style-type: none; margin: 0 15px; } .channelBox li img { max-width: 80px; height: auto } .podcast-ChannelBox { padding: 50px 0; text-align: center; } .podcast-ChannelBox .intro p { font-size: 1.5em; margin-bottom: 50px; text-transform: uppercase; color: #888; line-height: 1.5em } /* GALERIE */ .galerie-container { padding: 50px 0 } .galerie-container .imageitem { width: 50%; float: left; } .imageitem img { width: 100%; height: auto } .imageitemInner { padding: 0 60px; } .imageitem { position: relative; } .galerie-container .galleryLink { position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; text-indent: -99999px } .imageitem.previewMode { width: 22%; height: 450px; position: relative; margin-right: 4% } .imageitem.previewMode .imageitemInner { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .galerie-container.pmMode1 { background: none } .imageitem img { width: 100%; height: auto } .imageitem.previewMode .imageitemInner { padding: 0; } .pmMode1 .clearfix .imageitem.previewMode:nth-child(4n) { margin-right: 0 } /* HEADLINES */ .fischedick-masterHeadline { padding-bottom: 50px; } .fischedick-masterHeadline.noMargin1 { padding-bottom: 5px } #content-pages .fischedick-masterHeadline.noMargin1 h2 { margin-top: 5px; margin-bottom: 0 } #content-pages .fischedick-masterHeadline.noMargin1 p { margin-top: 15px; } .fischedick-masterHeadline h2 { text-align: center; font-size: 2em; color: #005a95; text-transform: uppercase; } .fischedick-masterHeadline h2.largeHL1 { font-size: 2.8em; } .fischedick-masterHeadline h3 { text-align: center; font-size: 1.6em; color: #005a95; text-transform: uppercase; font-weight: 600 } .gridMasterContainer .gridMasterContainer .fischedick-masterHeadline h2 { color: #fff; margin: 0 0 50px 0; } .fischedick-masterHeadline .hlGroup h2 { margin-bottom: 30px; } .fischedick-masterHeadline .hlGroup h3 { font-weight: 300; color: #b0bbcf; } /* GRID 50 RIGHT */ .grid50right { width: 50%; float: right; } .inner50grid { padding-right: 100px; } #content-pages .fischedick-masterHeadline.shnb1 h3 { font-weight: 300 } #content-pages .fischedick-masterHeadline.xtrbld1 h2 { font-weight: 800 } .inner50grid .fischedick-masterHeadline.noMargin1 h2, .inner50grid .fischedick-masterHeadline.noMargin1 h3, .col-45 .fischedick-masterHeadline.noMargin1 h2, .col-45 .fischedick-masterHeadline.noMargin1 h3 { text-align: left; margin: 0 } /* NIMMS LEICHT */ .cid443 { top: -30px; } .cid449 { top: auto; } .col-45 .fischedick-masterHeadline.noMargin1 h3, .inner50grid .fischedick-masterHeadline.noMargin1 h3 { font-weight: 300; font-size: 1.6em; margin-bottom: 20px; } #page .gridMasterContainer .grid50right h2 { color: #fff; font-weight: 600; text-transform: uppercase; font-size: 1.8em; margin-bottom: 30px} #page .gridMasterContainer .grid50right p { color: #fff; } .grid50left { width: 50%; float: left; } .grid50left .inner50grid { padding: 50px } .gridMasterContainer .grid50left h3 { color: #fff; font-weight: 600; text-transform: uppercase; margin-bottom: 30px } .gridMasterContainer .grid50left p { color: #fff; } /* PortraitSection */ #portraitSection { background: #f5f5f5; margin-top: 160px; position: relative; padding: 180px 0 400px; margin-bottom: 150px; } #portraitImage { width: 280px; position: absolute; top: -140px; left: 50%; margin-left: -140px; overflow: hidden; -webkit-border-radius: 140px 140px 140px 140px; border-radius: 140px 140px 140px 140px; } #portraitImage .portaitSrc { vertical-align: middle; width: 100%; height: 100% !important; position: relative; } #portraitSection h2 { text-align: center; background: #fff; display: inline-block; padding: 3px 20px; margin-bottom: 20px; } #portraitCorner { position: absolute; height: 200px; bottom: 0; left: 0; width: 100%; background: #fff url('../../../fileadmin/fischedick-template/img/corner/fischedick-corner.png'); background-position: center center; } #portraitContent { position: relative; z-index: 100 } #portraitTeaser { position: absolute; } #portraitContent h2 { font-size: 2.8em; color: #005a95; font-weight: 300; } #portraitContent p { padding: 0 100px; } #portraitContent a { background: #fff; } #portraitContent a:hover { background: #005a95; } .portraitTeaser { position: absolute; bottom: -140px; width: 80%; left: 10%; } #portraitContent .buttonDefault { margin-top: 15px; padding: 15px 40px; } .teaserCol { float: left; width: 30%; margin-right: 5% } .portraitTeaser .clearfix .teaserCol:last-child { margin-right: 0 } .teaserImage { width: 100%; } .teaserImageBody { position: relative; width: 280px; height: 280px; background: #fff; margin: 0 auto; -webkit-border-radius: 175px 175px 175px 175px; border-radius: 175px 175px 175px 175px; margin-bottom: 40px; } .teaserDescription { text-align: center; } .teaserDescription p b { font-weight: 800; text-transform: uppercase; font-size: 1.6em; display: block; margin: 0; padding: 0; color: #005a95; } .teaserDescription p { font-size: 1.2em; line-height: 1.5em; margin-bottom: 5px; margin-top: 10px } .teaserImageIcon { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: 180px 180px; } p.signature { margin-top: 40px } .signature img { max-width: 400px; height: auto } .gridMasterContainer .defaultContainer h2 { color: #222; } /* HEADER */ #header { position: fixed; top: 0; left: 0; width: 100%; z-index: 99999999; height: 130px; background: none; } #logocontainer { position: absolute; top: 30px; left: 60px; } #header.isFixed { height: 90px; } #header.isFixed { background: rgba(0,0,0,0.5); } #header #logocontainer img { max-height: 120px; } #header.isFixed #logocontainer img { max-height: 60px; } #header.isFixed #logocontainer { top: 15px } #header.isFixed #menucontroller { top: 20px; } #header.isFixed #contactButton, #header.isFixed #contactButtonPage { top: 21px; } header h1.ce-headline-center { text-align: center; padding-bottom: 90px; } /* HEADER > MENU */ #menuinner ul a, #menucontroller, #menu-container, #menucontroller span { -webkit-transition: all 300ms ease-out; -moz-transition: all 300ms ease-out; -o-transition: all 300ms ease-out; transition: all 300ms ease-out; } #navlayer { background: rgba(22,22,22,0.8); position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 200; display: none; } #menu-container { width: 350px; background-color: #005a95; position: fixed; top: 0; right: -400px; height: 100%; z-index: 300; } #menu-container a { color: #fff; } #menuinner { padding: 30px 50px; } #menuinner ul { padding: 0; margin: 0; list-style-type: none; } #menuinner li { padding-bottom: 0px; } #menuinner li a { text-decoration: none; color: #fff; display: block; padding: 10px 0 } #menuinner li a:hover { color: #fff } #menucontroller { position: fixed; top: 40px; right: 40px; text-align: right; height: 50px; width: 50px; display: block; color: #fff; z-index: 400 } #menu-container li.isActive a { font-weight: 600; position: relative; display: inline-block; } #menu-container li.isActive a:before { width: 100%; bottom: 5px; left: 0; height: 1px; background: #fff; position: absolute; content: '' } .mc1 { position: absolute; right: 60px; line-height: 50px; font-weight: bold; } .mc5 { position: absolute; top: 0; right: 0; width: 120px; background: none; height: 50px; } .mc2, .mc3, .mc4 { position: absolute; background-color: #fff; height: 3px; width: 40px; left: 5px; top: 10px; } .mc3 { top: 22px; width: 30px; right: 5px; left: auto } .mc4 { top: 34px; } #menucontroller:hover .mc3 { width: 40px; } #menucontroller.collapsed .mc2 { -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); top: 24px; } #menucontroller.collapsed .mc3 { width: 0; right: 30px; } #menucontroller.collapsed .mc4 { -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); top: 24px; } #menucontroller.collapsed { right: 400px; } #menu-container.collapsed { right: 0; } #header #contactButton { position: fixed; right: 200px; top: 40px; } #header #contactButton { border: 2px solid #fff; margin: 0; padding: 10px 25px; color: #fff; } #header #contactButton:hover { border-color: #005a95; } /* STAGE */ #stage { position: relative; height: 1000px; width: 100%; margin-bottom: 150px;} #stage.slimStage { height: 300px; margin-bottom: 30px; } #stage.mStage { height: 500px; margin-bottom: 30px; position: relative; } #stage.mStage.isMediumStage1 { height: 375px; } #stagemask { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,90,150,0.6); z-index: 80 } #fixedHeadline { position: absolute; top: 55%; height: 100px; left: 0; margin-top: -80px; line-height: 160px; z-index: 200; width: 100%; text-align: center; } #stage .row { position: absolute; height: 100%; color: #fff; font-size: 2.6em; font-family: 'Montserrat'; font-style: normal; font-weight: 600; text-transform: uppercase; text-align: center; width: 100%; max-width: 100%; } #stageImage { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-size: cover; background-position: top center; background-repeat: no-repeat; background-image: url('../../../fileadmin/fischedick-template/img/stage/stage-image-placeholder.jpg') } #stageCorner { position: absolute; bottom: 0; width: 100%; height: 250px; background: url('../../../fileadmin/fischedick-template/img/corner/fischedick-corner-stage.png'); background-position: left center; background-size: cover; z-index: 100 } #stageContent { position: absolute; bottom: 300px; left: 50%; margin-left: -40%; width: 80%; text-align: center; } #stageContent h1 { color: #fff; font-weight: 600; font-size: 64px; text-transform: uppercase; margin-bottom: 20px } #stageContent p { font-size: 24px; text-transform: uppercase; color: #fff; font-weight: 600 } #stageContent a { border-color: #1dd89e; background: #1dd89e; color: #fff; font-size: 20px; padding: 15px 40px } #stageContent a:hover { background: none; border-color: #fff; } #stageIntro { position: absolute; left: 50%; bottom: 0; width: 750px; margin-left: -375px; background: #fff; -webkit-box-shadow: 0 0 90px 10px rgba(0,0,0,0.2); box-shadow: 0 0 90px 10px rgba(0,0,0,0.2); z-index: 200; -webkit-border-radius: 5px 5px 5px 5px; border-radius: 5px 5px 5px 5px; } #stageIntroInner { padding: 50px 100px; text-align: center; } p, ul, ol { line-height: 1.6em; color: #585858; font-size: 16px } #podCastLayer { position: absolute; right: 40px; bottom: -65px; z-index: 900 } #podCastLayer #podCastButton { position: absolute; top: -45px; left: -25px; width: 100px; color: #fff; text-align: center; line-height: 100px; height: 100px; background: #1dd89e; -webkit-border-radius: 50px 50px 50px 50px; border-radius: 50px 50px 50px 50px; font-weight: 600; text-transform: uppercase; font-size: .8em } #podCastLayer a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; text-indent: -99999px } /* CENTER IMAGE */ .centerimage img { height: auto } .centerimage.imageMax1 img { max-width: 150px; } .centerimage.imageMax0 img { max-width: 300px; } .centerimage.imageMax2 img { max-width: 500px; } .centerimage { text-align: center; } /* OFFSET IMAGE */ .centerImageCirlceOffset { width: 100%; } .centerImageCirlceOffset div { width: 200px; height: 200px; background-position: center center; background-repeat: no-repeat; position: absolute; margin-top: -100px; z-index: 200; -webkit-border-radius: 130px; border-radius: 130px; overflow: hidden; left: 50%; margin-left: -100px; } .centerImageCirlceOffset.whiteBG1 div { background: #fff; background-size: 80px; background-position: center center; background-repeat: no-repeat; } .centerImageCirlceOffset.shadow1 div { -webkit-box-shadow: 0 0 30px 2px rgba(01,0,0,0.2); box-shadow: 0 0 30px 2px rgba(01,0,0,0.2); } /* PODCAST */ .podigeePlayerContainer .podigeePlayer { margin-bottom: 40px; } .podigeePlayerContainer .podigeePlayer:last-child { margin-bottom: 50px; } /* LOGO SLIDER */ #logoSlide h2 { text-transform: uppercase; color: #005a95; font-size: 3em; margin-bottom: 0; } #logoSlide .hlType1 h2 { font-size: 2em } #mf_1 #logoSlide { margin-bottom: 200px } #logoSlide { margin-bottom: 50px } #logoSlide .swiper-container { width: 100%; height: 100%; } #logoSlide .swiper-slide { text-align: center; font-size: 18px; /* Center slide text vertically */ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; width: 300px; } #logoSlide .swiper-slide.wideSlide1 { width: 450px; } .swipe-slide-logoContainer { height: 200px; position: relative; width: 100% } .swiper-table { display: table; height: 100%; width: 100%; } .swiper-row { display: table-row; height: 100%; width: 100%; } .swiper-cell { display: table-cell; height: 100%; width: 100%; vertical-align: middle; text-align: center; filter:alpha(opacity=10); /* IE */ -moz-opacity: 0.10; /* Mozilla */ opacity: 0.10; /* Opera */ } .swiper-cell img { max-height: 80%; width: 60% } .swiper-slide.wideSlide .swiper-cell img { max-height: 80%; width: 80% } .swiper-slide-active .swiper-cell { filter:alpha(opacity=90); /* IE */ -moz-opacity: 0.90; /* Mozilla */ opacity: 0.90; /* Opera */ } #logoSlide .swiper-button-next, #logoSlide .swiper-button-prev { height: 60px; width: 30px; background-size: 28px 58px; background-position: center center; background-repeat: no-repeat; z-index: 2000 !important; margin-top: -30px } .swiper-button-next { right: 40px; background-image: url('../../../fileadmin/fischedick-template/img/icons/arrow-next.png'); } .swiper-button-prev { left: 40px; background-image: url('../../../fileadmin/fischedick-template/img/icons/arrow-prev.png'); } .gradient-next, .gradient-prev { position: absolute; left: 0; top: 0; width: 150px; height: 100%; background-image: url('../../../fileadmin/fischedick-template/img/gradients/gradient-prev.png'); z-index: 100; background-size: contain; background-position: left top; } .gradient-next { left: auto; right: 0; background-image: url('../../../fileadmin/fischedick-template/img/gradients/gradient-next.png'); background-position: right top; } #mf_4 .swiper-button-next { top: 60px } #mf_4 .swiper-button-prev { top: 60px } #mf_4 .feedbackPrev { left: 10px } /* VIDEO */ .video-container { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; } .video-container iframe, .video-container object, .video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } #gap448 { height: 60px; } .cid449 .triangleType3 { height: 180px; } @media screen and (min-width: 1400px) { .cid449 .triangleType3 { height: 250px; } } .cid443 #c446 p:last-child { margin-bottom: 0 } /* ZITATBOX */ .zitatbox { padding: 100px 0; text-align: center; font-weight: 600; color: #98b0c9; font-size: 2em; } .zitatbox span { display: block; padding: 0 100px; } .zitatbox h3 { font-size: 1.6em; font-weight: 800; color: #005a95; text-transform: uppercase; margin-bottom: 40px;} /* TRIANGLE */ .triangle { position: absolute; width: 100%; height: 300px; background-repeat: no-repeat; background-size: cover; z-index: 600 } .triangleType0 { bottom: 0; left: 0; background-position: top center; background-image: url('../../../fileadmin/fischedick-template/img/corner/fischedick-corner-stage.png'); } .triangleType1 { bottom: 0; left: 0; background-position: bottom center; background-image: url('../../../fileadmin/fischedick-template/img/corner/fischedick-corner-leftBottom.png'); } .triangleType2 { top: 0; left: 0; background-position: top center; background-image: url('../../../fileadmin/fischedick-template/img/corner/fischedick-corner-topWhite.png'); } .triangleType3 { top: 0; right: 0; background-position: top center; background-image: url('../../../fileadmin/fischedick-template/img/corner/fischedick-corner-ltrt.png'); } .triangleType4 { left: 0; bottom: 0; background-position: bottom center; background-image: url('../../../fileadmin/fischedick-template/img/corner/fischedick-corner-leftBottom-grey.png'); } /* TAG TEASER */ .tagTeaser-Inner { padding: 0 60px; } #mf_3 .tagTeaser-Inner { padding: 0 10px; } #mf_3 .tagTeaserTItle { padding: 0 0 20px 0 } #mf_3 .tagTeaserTItle h4 { color: #005a95; font-size: 1.4em } #mf_3 .tagList p { text-align: center; } /* .tagTeaserIconBody { width: 200px; height: 200px; background: #fff; margin: 0 auto; -webkit-border-radius: 100px 100px 100px 100px; border-radius: 100px 100px 100px 100px; display: table; } */ .tagTeaserIconBody { width: 140px; height: 140px; background: #fff; margin: 0 auto; -webkit-border-radius: 100px 100px 100px 100px; border-radius: 100px 100px 100px 100px; display: table; } .tagTeaserIconR { display: table-row; width: 100%; height: 100% } .tagTeaserIconC { display: table-cell; width: 100%; height: 100%; text-align: center; vertical-align: middle; } .tagTeaserIcon { position: relative; margin-top: -100px; margin-bottom: 20px; } .tagTeaserIcon img { max-height: 160px; width: auto } #mf_4 .tagTeaserIcon img { max-height: 90px; width: auto } #mf_4 .tagTeaserIcon { margin-top: -70px } .tagTeaserTItle { text-align: center; padding: 40px 0 } .tagTeaserTItle h4 { color: #fff; font-family: 'Montserrat'; font-style: normal; font-weight: 600; text-transform: uppercase; font-size: 2em } .tagTeaserTItle h4 span { display: none; } #page .tagTeaserTItle h4 span.mobileHeadline { font-weight: 200 !important; } .tagList li { display: block; margin-bottom: 5px; } .tagList li em, .tagList li i { background: #f6ee2d; padding: 10px; display: inline-block; } .tagList li a { color: #000; text-decoration: none; padding: 0; display: block; cursor: pointer;} .tagList li a:hover { color: #222; padding: 0 20px; } /* GAPs */ .fischedick-gap { width: 100%; display: block; } .fischedick-gap.gaptype0 { height: 50px } .fischedick-gap.gaptype1 { height: 100px } .fischedick-gap.gaptype2 { height: 150px } .fischedick-gap.gaptype3 { height: 200px } .fischedick-gap.gaptype4 { height: 400px } .grid60left { width: 60% } .grid60left p { margin-bottom: 20px; } .grid60left h3 { color: #005a95; font-weight: 600; text-transform: uppercase; font-size: 1.4em; margin-bottom: 20px; } /* IMAGE Teaser & Kundenfeedback */ #imageTeaserKundenFeedback { background: #005a95; margin: 0 0 300px; padding: 300px 0 600px; position: relative; width: 100%; } .feedbackNext { right: 120px; } .feedbackPrev { left: 120px; } #mf_4 .feedbackNext, #mf_5 .feedbackNext { right: 0; } #mf_4.feedbackPrev, #mf_5 .feedbackPrev { left: 0; } #mf_4 .feedbackNext, #mf_5 .feedbackNext { z-index: 999999 !important } #mf_4 #logoSlide h2 { font-size: 2em; margin-bottom: 0px; } .corner { position: absolute; height: 200px; width: 100%; background-position: left center; background-size: cover; background-repeat: no-repeat;} .corner.topCorner { top: 0; left: 0; background-image: url('../../../fileadmin/fischedick-template/img/corner/fischedick-corner-topWhite.png'); background-color: #005a95; } .corner.bottomCorner { bottom: 0; left: 0; background-image: url('../../../fileadmin/fischedick-template/img/corner/fischedick-corner-stage.png'); background-color: #005a95; } #imageTeaserContainer { position: absolute; top: 0; width: 100%; height: 550px; } #teaserDefaultContent { position: absolute; bottom: 0; width: 100%; text-align: center; left: 0; background: none; } #teaserDefaultContent .buttonDefault, #teaserDefaultContent a.clickedButton { border-color: #1dd89e; color: #fff; background: #1dd89e; margin-top: 0 } #teaserDefaultContent .buttonDefault:hover { background: none; border-color: #fff; color: #fff; } .imageTeaserItem { width: 30%; margin-right: 5%; float: left; position: relative; } .imageTeaserItem img { max-width: 100%; height: auto; vertical-align: middle; } .imageTeaserTitle { position: absolute; top: 0; width: 100%; height: 50px; top: 50%; margin-top: -25px; text-align: center; line-height: 50px; color: #fff; font-size: 2em; text-transform: uppercase; font-weight: 600 } .teaserPlus { position: absolute; width: 70px; height: 70px; bottom: -35px; left: 50%; background: #fff; margin-left: -35px; -webkit-border-radius: 35px 35px 35px 35px; border-radius: 35px 35px 35px 35px; } #imageTeaserContainer .clearfix .imageTeaserItem:last-child { margin-right: 0 } .teaserPlus span { position: absolute; top: 32px; left: 19px; width: 32px; height: 6px; background: #005a95; } .teaserPlus span:nth-child(2) { top: 20px; left: 32px; width: 6px; height: 32px; } .imageTeaserItem a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; cursor: pointer; text-indent: -99999px; overflow: hidden; } .imageTeaserItem:hover .teaserPlus { -moz-transform: rotate(180deg); -webkit-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); background: #1dd89e; } .imageTeaserItem:hover .teaserPlus span { background: #fff } #imageTeaserKundenFeedback #kundenfeeback { position: absolute; width: 900px; left: 50%; margin-left: -450px; } p.text-center { text-align: center; } #kundenfeeback.offset1 { position: absolute; bottom: -200px; left: 0; width: 100%; } #clientFeedbackContainer { background: #fff; height: 450px; -webkit-border-radius: 5px 5px 5px 5px; border-radius: 5px 5px 5px 5px; } .kundenfeedbackInner { padding: 50px 20px; text-align: center; } #mf_5 #clientFeedbackContainer { height: auto } #mf_5 #kundenfeeback .swiper-slide { height: 190px; } .kundenfeedbackInner h3 { font-weight: 600; text-transform: uppercase; color: #005a95; font-size: 2em; position: relative; display: inline-block; margin-bottom: 80px } .kundenfeedbackInner h3:after { content: ''; position: absolute; bottom: -30px; left: 25%; width: 50%; background: #1dd89e; height: 8px; } .swiper-pagination-bullet { height: 11px; width: 11px; } .swiper-pagination-bullet-active { background: #000; } #kundenfeeback .swiper-container { width: 100%; height: 100%; } #kundenfeeback .swiper-slide { text-align: center; font-size: 18px; background: #fff; width: 100%; height: 250px; } #mf_4 #kundenfeeback { z-index: 99999 } #kundenfeeback p { font-weight: 300; font-size: 20px; font-style: italic; line-height: 1.8em; padding: 0 80px; pointer-events: none; } #kundenfeeback p.author { font-size: 16px; margin-top: 20px;} .narrowContent #kundenfeeback p { font-size: 16px } /* IMG TEXT TEASER */ .imageTextTeaser { text-align: center; padding: 50px 0; position: relative; } .imageTextTeaser h2, .buecherTeaser h2, .termincontainer h2 { font-weight: 600; text-transform: uppercase; font-size: 2.6em; color: #005a95; margin-bottom: 30px } .imageTextTeaser p { padding: 0 100px; } .imageTextTeaser p a { padding: 15px 55px; } .imageTextTeaser .buttonDefault { background: #1dd89e; color: #fff; border-color: #1dd89e; } .imageTextTeaser .buttonDefault:hover { background: #005a95; border-color: #005a95; } .sideImage { position: absolute; top: 0; left: 100px; } /* BUECHER TEASER */ .buecherTeaser { text-align: center; padding: 80px 0 } .buecherTeaser h2 { margin-bottom: 50px } .left-col { float: left; width: calc((100% / 3) - 40px); margin-right: 50px; text-align: left; } .right-col { float: left; width: calc((100% / 3) - 40px); text-align: left; margin-left: 50px; } .middle-col { float: left; width: calc((100% / 3) - 40px); text-align: left; } .book-image { width: 100%; float: none; position: relative;} .book-details { width: 100%; float: none; } .book-image img { max-width: 100%; height: auto; } .buecherTeaser .buttonBuy { background: #005a95; color: #fff; border-color: #005a95; width: 100%} .buecherTeaser .buttonMore { background: #4583ab; color: #fff; border-color: #4583ab; width: 100% } .buecherTeaser .buttonBuy, .buecherTeaser .buttonMore { padding: 10px 50px; margin: 20px 0 5px 0; } .buecherTeaser .buttonBuy:hover { background: #fff; color: #4583ab; border-color: #4583ab; } .buecherTeaser .buttonMore:hover { background: #fff; color: #005a95; border-color: #005a95; } .bestseller { position: absolute; top: -30px; right: -0px; } .bookDescription { height: 250px; } .buecherTeaser .row { max-width: 70% } .buecherTeaser .book-image img { max-height: 500px; width: auto } .right-col .book-image img { max-height: 470px; width: auto } .book-image { height: 500px } .book2021 .book-image { margin-top: 0 } .book2021 .bookDescription { margin-top: 0 } /* TERMINE */ .termincontainer { background: #005a95 url('../../../fileadmin/fischedick-template/img/backgrounds/fischedick-termine.jpg'); position: relative; background-attachment: fixed; background-repeat: no-repeat; background-position: center center; background-size: cover } .terminCornerTop { position: absolute; top: 0; left: 0; width: 100%; height: 200px; background: url('../../../fileadmin/fischedick-template/img/corner/fischedick-corner-ltrt.png'); background-position: bottom center; background-size: cover; background-repeat: no-repeat; } .terminBox { position: relative; z-index: 200; padding: 200px 0 100px 0 } .terminBox h2 { text-align: center; color: #fff; } .termincontainer .terminMoreBottom { width: 100%;} .terminMoreBottom { text-align: center; margin-top: 40px; } .terminMoreBottom a { padding: 20px 45px; background: #1dd89e; border-color: #1dd89e; color: #fff } .terminMoreBottom a:hover { background: #fff; color: #005a95; border-color: #fff; } .terminMoreBottom.btnnwhtbg1 a:hover { background: #005a95; border-color: #005a95; color: #1dd89e } .terminMoreBottom.offsettop1 { margin-top: 0; } .terminMoreBottom.offsettop1 a { margin-top: 0 } .terminMoreBottom.offsettop1 a { margin-top: 0; height: 65px !important; position: relative; margin: 0 auto; top: -35px; } .terminMoreBottom.offsettop1 a:hover { background: #005a95; color: #fff; border-color: #005a95; } .buttonDefault.dateMore { background: #fff; border-color: #fff; padding: 10px 20px;} .terminTable { display: table; width: 100%; } .terminRow { display: table-row; color: #fff; padding: 0 } .terminCell { display: table-cell; padding: 0; margin: 0; border-collapse: collapse; } .terminTable .terminDate { width: 20%; } .terminDescription { width: 40% } .terminLocation { width: 20% } .dateMore { margin: 20px 0 } .terminDate, .terminDescription, .terminLocation, .terminMore { border-bottom: 1px solid #4583ab; } .terminBox p { color: #fff; margin: 0; padding: 0 } .terminDescription p { margin-bottom: 30px; } .terminMore { text-align: right; } /* CONTENT */ /* #content-pages .frame-default { padding-bottom: 100px; } */ #content-pages h2 { margin-top: 30px; margin-bottom: 10px; } #content-pages h3 { margin-top: 20px; margin-bottom: 5px; color: #005a95; font-weight: 600 } #content-pages .hlGroup h3 { color: #b0bbcf; } #content-pages .termincontainer { background: none; padding-bottom: 100px; } #content-pages .terminCornerTop { display: none; } #content-pages .terminBox { padding: 0; color: #005a95 } #content-pages .terminBox p { color: #005a95 } #content-pages .terminBox .row, #content-pages .terminRow { max-width: 100%; width: 100% } #content-pages .terminBox .terminCell { width: 25% } #content-pages .terminBox .terminCell.terminDescription { width: 50% } #content-pages .terminBox .terminCell.terminLocation { width: 25% } #content-pages .terminBox .terminCell.terminMore { width: 10% } #content-pages .terminBox .terminCell.terminDate { width: 15% } #content-pages .terminMore a { background: #005a95; color: #fff; } /* GRID */ .gridContainer .col-45 { width: 45%; float: left; } .gridContainer div .col-45:first-child { margin-right: 10% } .gridContainer .col-30 { width: 30%; float: left; margin-right: 5% } .gridContainer div .col-30:last-child { margin-right: 0 } .gridContainer .col-45 img { max-width: 100%; height: auto } .gridContainer .col-45 figure { margin: 0 } /* CONTACT SECTION */ .contactSection { background: #e8e8e8; padding: 120px 0 80px; } #footer-adress { background: #e8e8e8; text-align: center; padding-bottom: 50px; padding-top: 50px } #footer-adress p { margin-bottom: 15px; } #footer-adress p a { color: #005a95; text-decoration: none; } .contactSection h2, .formSection h2 { text-align: center; font-size: 2.6em; font-weight: 600; color: #005a95; width: 70%; margin: 0 auto } .contact-col { float: left; width: 33%; position: relative; } .contactSteps { padding-top: 10px; } .contactSteps .clearfix .contact-col:nth-child(2n) { width: 34% } .contactArrow { position: absolute; right: -30px; width: 60px; height: 60px; background: #005a95; top: 205px; -webkit-border-radius: 30px 30px 30px 30px; border-radius: 30px 30px 30px 30px; } .contactIcon { height: 190px; } .contactSubHeadline { height: 80px; text-align: center; } .contactSteps h4 { font-weight: 600; font-size: 1.3em; margin-top: 8px; color: #005a95; line-height: 1.6em } .innerContactIcon { padding: 0 80px; } .contactSubText { text-align: center; } .contactArrow span { position: absolute; background: #fff; width: 20px; height: 2px; top: 0px; } .contactArrow span:last-child { height: 20px; width: 2px; } .contactArrow > div { -moz-transform: rotate(135deg); -webkit-transform: rotate(135deg); -o-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg); position: absolute; top: 30px; left: 41px; } .contactSection .headline { padding: 0 100px; } .contactIcon { text-align: center; } .contactIcon img { width: 50% } /* FORM */ .formSection { background: #e8e8e8; padding-bottom: 50px; } .formSection h2 {font-size: 2em } .formContainer { padding: 0 } .formRow { padding: 15px 0 } .form-check-label span { display: none; } .form-group label { display: none; } .formRow input[type=text], .formRow textarea, .form-group .input input, .form-group .input textarea { width: 100%; padding: 20px 30px; border: 0; font-size: 1em; color: #888; font-family: 'Montserrat'; text-transform: uppercase; font-style: normal; font-weight: 600;} .form-group { max-width: 80%; margin: 0 auto } .form-group .input { margin: 0 0 30px 0 } .form-navigation { text-align: center; } .formRow textarea, .form-group .input textarea { resize: vertical; height: 200px; } .formRow input:focus, .formRow textarea:focus { outline: none; border: 0; } .formContainer h2 { padding-top: 50px; } .formSection .headline { margin-bottom: 40px; } ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */ color: #888; opacity: 1; /* Firefox */ text-transform: uppercase; font-family: 'Montserrat'; font-style: normal; font-weight: 600; } :-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #888; text-transform: uppercase; font-family: 'Montserrat'; font-style: normal; font-weight: 600; } ::-ms-input-placeholder { /* Microsoft Edge */ color: #888; font-family: 'Montserrat'; text-transform: uppercase; font-style: normal; font-weight: 600; } .checkboxReplace, .form-check-label span { position: absolute; top: 5px; left: 0; width: 34px; height: 34px; background: #fff; cursor: pointer; z-index: 100; display: block !important } .checkboxReplace, .form-check-label span span { display: none !important } .checkboxReplace a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: none } .help-block a { color: #005a95; } #c670 .form-check-label span.isRequired { background: #E00; } .help-block.isRequired { color: #E00;} .checkboxReplace div span, .form-check-label span:after { position: absolute; content: ''; top: 0; left: 0; width: 40px; height: 4px; background: #005a95; pointer-events: none; display: none; } .checkboxReplace div span:last-child, .form-check-label span:before { position: absolute; width: 18px; top: 18px; height: 4px; moz-transform: rotate(50deg); left: 4px; content: ''; -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); background: #005a95; display: none;} .form-check-label.checked span:after, .form-check-label.checked span:before { display: block; } /* label { pointer-events:none; }*/ #fischedickDefaultForm-670-checkbox-1 { display: none; } .checkboxReplace.checked span { display: block; } .form-group { position: relative; } .form-check-label span { text-indent: -99999px;/* overflow: hidden;*/ display: block; } .checkboxReplace div span:first-child, .form-check-label span:after { -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); top: 10px; left: 11px; } .checkboxReplace div { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -moz-transform: rotate(-5deg); -webkit-transform: rotate(-5deg); -o-transform: rotate(-5deg); -ms-transform: rotate(-5deg); transform: rotate(-5deg); } .formRow .buttonDefault, .form-navigation button { display: inline-block; width: auto; padding: 20px 45px; background: #005a95; color: #fff; margin-top: 20px; } .submitRow { text-align: center; } .checkboxRow { position: relative; } .checkboxRow input { position: absolute; top: 0; left: -5px; display: inline-block; top: 50px; display: none; } .checkboxRow label, .help-block { position: relative; padding: 0 0 0 50px; display: block; font-size: .8em; color: #666; line-height: 1.4em} .formRow input[type=submit]:hover, .form-navigation button:hover { background: #1dd89e; cursor: pointer; border-color: #1dd89e; } .formRow input[type=submit], .form-navigation button { font-size: 1.2em; font-family: 'Montserrat'; text-transform: uppercase; font-style: normal; font-weight: 600; } .form-navigation button { outline: none; border: 0; } .input.checkbox label { display: block !important; } /* FOOTER */ #footer { background: #555; color: #fff; } #footer-body { background: #555; position: relative; } #socialmedia { position: absolute; width: 500px; left: 50%; margin-left: -250px; top: -26px; text-align: center; } #socialmedia ul li { width: 52px; height: 52px; display: inline-block; position: relative; margin: 0 10px; } #socialmedia ul li a { background: none; margin: 0; background-image: url('../../../fileadmin/fischedick-template/img/icons/social/fb.png'); height: 100%; width: 100%; position: absolute; display: block; background-size: 50px 50px; background-repeat: no-repeat; } #socialmedia ul li a.xing { background-image: url('../../../fileadmin/fischedick-template/img/icons/social/xing.png') } #socialmedia ul li a.linkedin { background-image: url('../../../fileadmin/fischedick-template/img/icons/social/linkedin.png') } #socialmedia ul li a.instagram { background-image: url('../../../fileadmin/fischedick-template/img/icons/social/instagram.png') } #socialmedia ul li a.youtube { background-image: url('../../../fileadmin/fischedick-template/img/icons/social/youtube.png') } #socialmedia ul li a.twitter{ background-image: url('../../../fileadmin/fischedick-template/img/icons/social/twitter.png') } #footerMenu { padding: 80px 0 100px 0; text-align: center; } #footerMenu li { display: inline-block; margin: 0 15px; } #footerMenu li a { color: #aaa; text-decoration: none; position: relative; } #footerMenu li a:hover { color: #fff; } #footerMenu li a:after { position: absolute; bottom: -10px; left: 0; width: 0; height: 1px; background: #fff; content: ''; } #footerMenu li a:hover:after { width: 100%; } #footer-contact-container { background: #fff; width: 50%; margin: 0 auto; margin-bottom: 60px; -webkit-border-radius: 3px 3px 3px 3px; border-radius: 3px 3px 3px 3px; -webkit-box-shadow: 0 0 50px 10px rgba(0,0,0,0.1); box-shadow: 0 0 50px 10px rgba(0,0,0,0.1); } #footer-contact-container .inner { padding: 40px; } .viewMobile { display: none; } #bgType439.mfGridImageBackground > div { background-position: center center } .submitRow input, .btn-group input { -webkit-appearance: none; -moz-appearance: none; appearance: none; } /* RESPONSIVE */ @media screen and (min-width: 1700px) { #stage.slimStage { height: 400px; } } @media screen and (min-width: 1300px) { .imageTeaserImage img { width: 100%; height: auto } #imageTeaserContainer { height: 650px; } #kundenfeeback { bottom: -270px; } #imageTeaserKundenFeedback { padding-bottom: 650px; } #stage.mStage.isMediumStage1 { height: 500px; } } @media screen and (max-width: 1400px) { .buecherTeaser .row { max-width: 90% } } @media screen and (max-width: 1130px) { .book-image { height: 420px } } @media screen and (max-width: 1300px) { #stageContent { width: 90%; margin-left: -45%; } #podCastLayer { display: none; } #imageTeaserContainer { height: 450px; } .zitatbox { font-size: 1.6em; padding: 70px 0 } .zitatbox h3 { font-size: 1.2em; margin-bottom: 20px; } .teaserDescription p b { font-size: 1.2em } .teaserImageIcon { background-size: 70% 70%; } .teaserImageBody { width: 200px; height: 200px; -webkit-border-radius: 100px 100px 100px 100px; border-radius: 100px 100px 100px 100px; } .teaserDescription p { font-size: 1em } .portraitTeaser { bottom: -80px } #portraitSection { padding-bottom: 320px; } #portraitContent h2 { font-size: 2.2em } p { font-size: 15px; line-height: 26px } .imageTeaserItem { width: 28%; margin-right: 8% } #imageTeaserKundenFeedback #kundenfeeback { bottom: -200px; } #logoSlide h2 { font-size: 1.9em; margin-bottom: 0px; } } @media screen and (max-width: 1200px) { .row { max-width: 80%; margin: 0 auto } #imageTeaserKundenFeedback { padding-bottom: 490px; } .formSection .slimRow { max-width: 90% } #stage .row { max-width: 900px; position: absolute; left: 50%; margin-left: -450px; height: 100%; } #mf_5 .cid460 .narrowContent { width: 90% } #mf_5 #kundenfeeback .row { max-width: 98% } #mf_5 #kundenfeeback .kundenfeedbackInner { padding-bottom: 50px 40px; } #stageContent p span { display: inline-block; } } @media screen and (max-width: 1000px) { .zitatbox { padding-top: 0; padding-bottom: 50px; } .zitatbox span { padding: 0 } .imageTeaserTitle { font-size: 1.4em } #imageTeaserContainer { height: 400px; } #kundenfeeback { bottom: -140px; } .kundenfeedbackSlider p { padding: 0; } .imageTextTeaser .row { width: 50%; margin: 0 0 0 40% } #kontakt .row { max-width: 94% } .contactSteps h4 { font-size: 1em } .innerContactIcon { padding: 0 50px; } .contactIcon { height: 160px; } .contactSection h2, .formSection h2 { font-size: 1.8em } #mf_4 .kundenfeedbackSlider .swiper-slide { padding: 0 100px; } .contactSubHeadline { height: 60px; } .mfPodcastItem { width: calc(100%/2 - 40px) } .channelBox li img { width: 40px } .bookDescription { height: 300px; } #imageTeaserKundenFeedback #kundenfeeback { width: 100%; left: auto; margin-left: 0 } #kundenfeeback .row { max-width: 90% } .mfGridImageBackground > .hideMobile { display: none; } .mfGridImageBackground > .viewMobile { display: block; } .mobileBGImage { background-position: bottom center; } .cid437 .grid50left, .cid449 .grid50left { width: 100%; float: none; } .grid50right { width: 100%; float: none; } .grid50right .inner50grid { padding: 50px } .cid437 #c440, .cid452 #c454 { padding-bottom: 400px; } #hl435 { margin-bottom: 40px; } #gap432 { height: 20px; } #gap433 { height: 600px } .teaserThemaItem { width: calc(45% - 40px) } .themen-IconteaserContainer { padding-left: 80px; } #kundenfeeback p { font-size: 0.8em; padding: 0 10px; } } @media screen and (max-width: 900px) { .book-image { height: 340px } #stage { height: 650px } #stageContent { bottom: 180px; } #stageContent h1 { font-size: 2.4em; } #stageContent p { font-size: 1.2em } #stageContent a { font-size: .8em } #stageIntro { bottom: -90px; } #socialmedia { top: -15px } #socialmedia ul li { width: 40px; height: 40px; margin: 0 5px } #socialmedia ul li a { background-size: 35px 35px; background-repeat: no-repeat; } .contactSection h2 { font-size: 2em } .contact-col, .contactSteps .clearfix .contact-col:nth-child(2n) { float: none; width: 100%; margin-bottom: 120px; } .contactIcon { height: 140px; } .contactIcon img { width: auto; height: 130px; } .contactArrow div { -moz-transform: rotate(-135deg); -webkit-transform: rotate(-135deg); -o-transform: rotate(-135deg); -ms-transform: rotate(-135deg); transform: rotate(-135deg); top: 38px; left: 31px; } .contactArrow { right: 50%; margin-right: -30px; bottom: -90px; top: auto !important; } .contactSection { padding-bottom: 10px } .row.slimRow { max-width: 80%; margin: 0 auto } .row.slimRow p { padding: 0 } .terminCell { display: block; border: 0; width: 100% !important; } .terminRow { border-bottom: 1px solid #fff; display: block; margin-bottom: 30px;padding-bottom: 20px; } #mf_13 .terminRow { background: #eee; padding: 20px 30px; } .terminDescription p { margin-bottom: 5px } .terminDescription p { font-weight: 600; font-size: 1.6em; line-height: 1.3em } .sideImage { position: relative; left: auto; } .sideImage img { max-width: 30% } .imageTeaserItem { width: 100%; float: none; margin-bottom: 80px; } .imageTeaserImage { text-align: center; } .imageTeaserImage img { max-width: 70% } #imageTeaserKundenFeedback { padding-bottom: 1600px; } #imageTeaserContainer { height: 1500px; } .teaserCol { width: 100%; float: none; margin-bottom: 30px; } .zitatbox { font-size: 1.6em; padding: 30px 0 60px 0 } .zitatbox span { padding: 0 40px } #portraitSection { padding-bottom: 900px } .teaserImageBody { height: 160px; width: 160px; -webkit-border-radius: 80px 80px 80px 80px; border-radius: 80px 80px 80px 80px; } .teaserImageIcon { background-size: 120px 120px } .teaserDescription p b { font-size: 1.3em } #portraitSection { margin-top: 40px; } #portraitContent p { padding: 0 } #portraitImage { width: 200px; margin-left: -100px; top: -100px } #logoSlide { margin-bottom: 100px } #logoSlide h2 { font-size: 1.6em; margin-bottom: 0px; } #stageIntro { width: 80%; left: 10%; margin-left: auto } #stageIntroInner { padding: 40px 60px; } #portraitContent h2 { font-size: 2em } #contactButton, #contactButtonPage { display: none; } .contactSection .headline { padding: 0 10px; } .contactSection h2, .formSection h2 { font-size: 1.6em } #footer-contact-container { width: 80% } .centerimage.imageMax2 img { max-width: 340px; } .gridContainer .col-30 { width: 100%; float: none; margin-bottom: 30px; } .tagTeaserIcon { margin-top: 0; } .greyContainer .teaserItemCoaching { width: 100%; float: none; margin-bottom: 30px; } .greyContainer .teaserDescription p { text-align: center; } .fischedick-masterHeadline { padding: 0 30px; } .gridMasterContainer .fischedick-masterHeadline { padding: 0; } #hl46 { margin-bottom: 30px; } #gap69 { height: 10px; } #gap448 { display: none; } .fischedick-tagTeaserContainer { padding-top: 40px; } .tagList ul { margin-left: 0 } .tagTeaser-Inner { padding: 0 10px; } #stage .row { width: 100%; left: auto; margin-left: auto; font-size: 2em } #fixedHeadline { top: 65%; } .teaserThemaItem { width: 70%; float: none; margin-bottom: 40px; margin-right: 0; margin: 0 auto; padding: 40px 0; margin-bottom: 30px; } .themen-IconteaserContainer { padding-left: 0px; } #content-pages .imageMax300px img { max-width: 200px !important } .fischedick-masterHeadline h2.largeHL1 { font-size: 2em } .podcast-ChannelBox .intro p { font-size: 1.2em; padding: 0 40px; } } @media screen and (max-width: 800px) { .bookDescription { height: 360px } .book-image { height: 280px } #stageContent p br { display: block; } .termincontainer .terminMoreBottom { margin-left: 0; margin-right: 0 } .book-details .buttonDefault { font-size: .8em; padding: 10px 30px; } } @media screen and (max-width: 700px) { .buecherTeaser .left-col, .buecherTeaser .right-col, .buecherTeaser .middle-col { width: 100%; float: none; margin: 0 0 40px 0 } .buecherTeaser .book-image { height: auto; text-align: center; } .buecherTeaser .bookDescription { height: auto } .buecherTeaser .row { max-width: 60% } .bookbox { margin-bottom: 100px } #mf_4 .kundenfeedbackSlider .swiper-slide { padding: 0 20px; } .mfPodcastItem { width: calc(100%/1 - 0px); margin: 0 0 30px 0 } .podcast-filter li { display: block; margin-bottom: 3px } .podcast-filter li a { display: block; background: #eee } .podcastInnerList { margin: 0 } #stage .buttonDefault { display: none; } #mf_5 #kundenfeeback .swiper-slide { height: 400px; } .kundenfeedbackInner { padding: 25px; } .cid460 .row .row { max-width: 100%; } .row.slimRow { max-width: 95%; margin: 0 auto } #stage { height: 600px; } #stageImage { background-position: top center } #header #logocontainer img { max-height: 90px } #stageContent h1 { font-size: 1.8em } #stageContent p { font-size: 1em } #stageIntroInner p { font-size: .9em } #stageIntroInner { padding: 30px 40px; } #portraitContent h2 { font-size: 1.4em; padding: 0 20px } .row.narrowRow { max-width: 80% } .buttonDefault { padding: 10px 30px; } .kundenfeedbackInner h3 { font-size: 1.4em } .kundenfeedbackInner { padding: 40px } .imageTextTeaser p { padding: 0 20px } .gridMasterContainer .col-45 { width: 100%; float: none; margin-bottom: 30px; } #imageTeaserContainer { height: 1500px } #kundenfeeback .swiper-slide { height: 180px; } #clientFeedbackContainer { height: 370px; } #imageTeaserKundenFeedback { height: 1450px; } .sideImage img { height: auto } .galerie-container .imageitem { width: 100%; float: none; margin: 0 0 40px 0 } .imageTextTeaser .row { width: 80% } .book-image img { width: 60%; height: auto } .mc1 { display: none; } #menucontroller.collapsed { right: 50px; } #menu-container { width: 100%; right: -120%; } .gridContainer .col-45 { width: 100%; float: none; margin: 0 0 20px 0 } .col-45 #beispiel-coaching { margin-top: 150px; } .tagTeaserTItle h4 span { display: block; } .narrowContent { width: 90% } .fischedickStyledList { padding: 40px; } .tagList { text-align: center; } .fischedick-masterHeadline h2.largeHL { font-size: 1.6em } .iconHeadline .icon { height: 180px; width: 180px; } .centerImageCirlceOffset > div { width: 140px; height: 140px; margin-left: -70px; margin-top: -70px; background-size: 50px; } .centerImageCirlceOffset.whiteBG1 div { background-size: 50px; } .gridMasterContainer .gaptype3 { height: 130px; } .kundenfeedbackInner h3 { font-size: 1.2em; } #mf_4 #clientFeedbackContainer { height: 500px; } #mf_4 #kundenfeeback .swiper-slide { height: 420px; } #mf_4 #kundenfeeback.offset1 { bottom: -400px; } #mf_4 #clientFeedbackContainer { height: auto } #kundenfeeback.offset1 { bottom: -300px; } #gap75 { height: 480px; } #mf_4 #logoSlide h2 { font-size: 1.4em; margin-bottom: 0px; } .swiper-cell img { max-height: 80%; width: 40%; height: auto; } #mf_4 #logoSlide { margin-bottom: 30px; } #mf_5 .swiper-button-next { right: 0 } #mf_5 .swiper-button-prev { left: 0 } #hl62 { margin: 0 0 30px 0 } .fischedickStyledList ul li { font-size: 1em } .fischedickStyledList { padding: 30px; } .narrowContent { width: 95% } .styledListContainer { margin-top: 20px; } #gap83 { display: none; } .fischedick-intro h2 { font-size: 1.2em } .fischedick-intro h2 br { display: none; } .terminMoreBottom { margin: 0 40px 30px; } .row .terminMoreBottom { margin: 0 0; } .feedbackNext, .feedbackPrev { display: none; } #bgType450 .mobileBGImage { background-position: left bottom !important; background-size: contain; } #c454 p:last-child { padding-bottom: 30px; } .podcastList .imageBody { background-size: contain; background-color: #fff } .ce-gallery img { max-width: 100%; height: auto } } @media screen and (max-width: 700px) and (min-width: 470px) { .cid437 #c440 { padding-bottom: 590px; } } @media screen and (max-width: 600px) { #bgType439 div.viewMobile { background-size: contain; background-position: bottom center; } #bgType439 div.viewMobile { background-size: 600px auto; } .cid437 #c440 { padding-bottom: 350px; } #mf_6 #stageImage { background-position: -660px 0; } #imageTeaserContainer { height: 1350px; } #imageTeaserKundenFeedback { padding-bottom: 1250px; } .feedbackNext { top: 55px; right: 50px; } .feedbackPrev { top: 55px; left: 50px; } #gap668 { display: none; } .terminBox { padding-top: 150px; } .teaserDescription { padding: 20px; } /* .cid437 #c440 { padding-bottom: 700px; } */ #content-pages .imageMax300px img { max-width: 150px !important } #gap433 { height: 400px; } .teaserThemaItem { width: 90%; } .cid460 .row { max-width: 90% } .tiCell img { width: 100% } .teaserThemaItemIcon { width: 120px; height: 120px; } .teaserThemaItem a { padding: 10px 20px; } .fischedick-button { padding: 0 50px; } #stage { height: 700px; } #stageContent { bottom: 270px } .signature img { max-width: 70% } .contactSection h2, .formSection h2 { font-size: 1.3em } #stage.slimStage { height: 190px; } #footer-contact-container .inner { padding: 40px 20px; } #mf_1 #clientFeedbackContainer { height: 450px; } #mf_1 #kundenfeeback .swiper-slide { height: 280px; } #mf_1 #imageTeaserKundenFeedback #kundenfeeback { bottom: -300px; } #mf_1 .kundenfeedbackInner h3 { font-size: 1.2em } #kundenfeeback p.author { font-size: 14px } /* .cid437 #c440 { padding-bottom: 1060px; } */ .col-45 .fischedick-masterHeadline.noMargin1 h3, .inner50grid .fischedick-masterHeadline.noMargin1 h3 { font-size: 1.3em; margin-top: 10px; } } @media screen and (max-width: 500px) { #bgType439 div.viewMobile { background-size: 450px auto; } #imageTeaserContainer { height: 1250px; } #header #logocontainer img { max-height: 60px; } #logocontainer { left: 40px; } #socialmedia { top: -15px; width: 100%; margin: 0 auto; left: auto; margin-bottom: 30px; text-align: center; } #socialmedia ul li { width: 50px; height: 50px; float: none; margin: 0; text-align: center; display: inline-block; margin-bottom: 15px } #socialmedia ul li a { background-size: 35px 35px; background-repeat: no-repeat; width: 40px; height: 40px; display: inline-block; position: relative; } #footerMenu { padding-top: 100px; } .buttonDefault.getSupportButton:visited { background: #1dd89e; border-color: #1dd89e; } .buttonDefault.getSupportButton:hover { background: #1dd89e; border-color: #1dd89e; } .cid437 #c440 { padding-bottom: 200px; } .cid437 #c440, .cid452 #c454 { padding-bottom: 210px; } } @media screen and (max-width: 450px) { #imageTeaserContainer { height: 1090px; } #imageTeaserContainer .buttonDefault { margin: 0 30px; } #imageTeaserKundenFeedback { padding-bottom: 1040px; } #imageTeaserKundenFeedback { height: 1340px; } } @media screen and (max-width: 400px) { #imageTeaserKundenFeedback { height: 1270px; } #imageTeaserContainer { height: 1040px; } #imageTeaserKundenFeedback { padding-bottom: 990px; } } @media screen and (min-width: 1800px) { .corner, .terminCornerTop { height: 300px; } #imageTeaserContainer { height: 700px; } } @media screen and (min-width: 2000px) { #imageTeaserContainer { height: 800px; } #imageTeaserKundenFeedback { padding-bottom: 790px; } }