body,form,figure{margin:0;padding:0}img{border:0}header,footer,nav,section,aside,article,figure,figcaption{display:block}body{font-size:100.01%}select,input,textarea{font-size:99%}#container,.inside{position:relative}#main,#left,#right{float:left;position:relative}#main{width:100%}#left{margin-left:-100%}#right{margin-right:-100%}#footer{clear:both}#main .inside{min-height:1px}.ce_gallery>ul,.content-gallery>ul{margin:0;padding:0;overflow:hidden;list-style:none}.ce_gallery>ul li,.content-gallery>ul li{float:left}.ce_gallery>ul li.col_first,.content-gallery>ul li.col_first{clear:left}.float_left,.media--left>figure{float:left}.float_right,.media--right>figure{float:right}.block{overflow:hidden}.media{display:flow-root}.clear,#clear{height:.1px;font-size:.1px;line-height:.1px;clear:both}.invisible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.custom{display:block}#container:after,.custom:after{content:"";display:table;clear:both} @media (max-width:767px){#wrapper{margin:0;width:auto}#container{padding-left:0;padding-right:0}#main,#left,#right{float:none;width:auto}#left{right:0;margin-left:0}#right{margin-right:0}}img{max-width:100%;height:auto}.audio_container audio{max-width:100%}.video_container video{max-width:100%;height:auto}.aspect,.responsive{position:relative;height:0}.aspect iframe,.responsive iframe{position:absolute;top:0;left:0;width:100%;height:100%}.aspect--16\:9,.responsive.ratio-169{padding-bottom:56.25%}.aspect--16\:10,.responsive.ratio-1610{padding-bottom:62.5%}.aspect--21\:9,.responsive.ratio-219{padding-bottom:42.8571%}.aspect--4\:3,.responsive.ratio-43{padding-bottom:75%}.aspect--3\:2,.responsive.ratio-32{padding-bottom:66.6666%} legend{width:100%;display:block;font-weight:700;border:0}input[type=text],input[type=password],input[type=date],input[type=datetime],input[type=email],input[type=number],input[type=search],input[type=tel],input[type=time],input[type=url],input:not([type]),textarea{width:100%;display:inline-block;padding:3px 6px;background:#fff;border:1px solid #ccc;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;-moz-box-shadow:inset 0 1px 1px #eee;-webkit-box-shadow:inset 0 1px 1px #eee;box-shadow:inset 0 1px 1px #eee;-moz-transition:all .15s linear;-webkit-transition:all .15s linear;-o-transition:all .15s linear;transition:all .15s linear;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}input[type=text]:focus,input[type=password]:focus,input[type=date]:focus,input[type=datetime]:focus,input[type=email]:focus,input[type=number]:focus,input[type=search]:focus,input[type=tel]:focus,input[type=time]:focus,input[type=url]:focus,input:not([type]):focus,textarea:focus{outline:0;background:#fcfcfc;border-color:#bbb}input[type=file]{cursor:pointer}select,input[type=file]{display:block}form button,input[type=file],input[type=image],input[type=submit],input[type=reset],input[type=button],input[type=radio],input[type=checkbox]{width:auto}textarea,select[multiple],select[size]{height:auto}input[type=radio],input[type=checkbox]{margin:0 3px 0 0}input[type=radio],input[type=checkbox],label{vertical-align:middle}input[disabled],select[disabled],textarea[disabled],input[readonly],select[readonly],textarea[readonly]{cursor:not-allowed;background:#eee}input[type=radio][disabled],input[type=checkbox][disabled],input[type=radio][readonly],input[type=checkbox][readonly]{background:0 0}form button,input[type=submit],.button{display:inline-block;padding:4px 15px 4px 14px;margin-bottom:0;text-align:center;vertical-align:middle;line-height:16px;font-size:11px;color:#000;cursor:pointer;border:1px solid #ccc;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;background-color:#ececec;background-image:-moz-linear-gradient(top,#fff,#ececec);background-image:-webkit-linear-gradient(top,#fff,#ececec);background-image:-ms-linear-gradient(top,#fff,#ececec);background-image:-o-linear-gradient(top,#fff,#ececec);background-image:linear-gradient(to bottom,#fff,#ececec);background-repeat:repeat-x;-moz-transition:background .15s linear;-webkit-transition:background .15s linear;-o-transition:background .15s linear;transition:background .15s linear}form button:hover,input[type=submit]:hover,.button:hover{text-decoration:none;background-position:0 -15px!important}form button:active,input[type=submit]:active,.button:active{background-color:#e6e6e6;background-position:0 -30px!important}form button.blue,input[type=submit].blue,.button.blue{background-color:#2f96b4;background-image:-moz-linear-gradient(top,#5bc0de,#2f96b4);background-image:-webkit-linear-gradient(top,#5bc0de,#2f96b4);background-image:-ms-linear-gradient(top,#5bc0de,#2f96b4);background-image:-o-linear-gradient(top,#5bc0de,#2f96b4);background-image:linear-gradient(to bottom,#5bc0de,#2f96b4);border-color:#2f96b4;color:#fff}form button.blue:active,input[type=submit].blue:active,.button.blue:active{background-color:#2e95b3}form button.green,input[type=submit].green,.button.green{background-color:#51a351;background-image:-moz-linear-gradient(top,#62c462,#51a351);background-image:-webkit-linear-gradient(top,#62c462,#51a351);background-image:-ms-linear-gradient(top,#62c462,#51a351);background-image:-o-linear-gradient(top,#62c462,#51a351);background-image:linear-gradient(to bottom,#62c462,#51a351);border-color:#51a351;color:#fff}form button.green:active,input[type=submit].green:active,.button.green:active{background-color:#4f9f4f}form button.orange,input[type=submit].orange,.button.orange{background-color:#f89406;background-image:-moz-linear-gradient(top,#fbb450,#f89406);background-image:-webkit-linear-gradient(top,#fbb450,#f89406);background-image:-ms-linear-gradient(top,#fbb450,#f89406);background-image:-o-linear-gradient(top,#fbb450,#f89406);background-image:linear-gradient(to bottom,#fbb450,#f89406);border-color:#f89406;color:#fff}form button.orange:active,input[type=submit].orange:active,.button.orange:active{background-color:#f28f04}form button.red,input[type=submit].red,.button.red{background-color:#bd362f;background-image:-moz-linear-gradient(top,#ee5f5b,#bd362f);background-image:-webkit-linear-gradient(top,#ee5f5b,#bd362f);background-image:-ms-linear-gradient(top,#ee5f5b,#bd362f);background-image:-o-linear-gradient(top,#ee5f5b,#bd362f);background-image:linear-gradient(to bottom,#ee5f5b,#bd362f);border-color:#bd362f;color:#fff}form button.red:active,input[type=submit].red:active,.button.red:active{background-color:#be322b}.widget{margin-bottom:12px}.widget>label{display:block;margin-bottom:6px;font-weight:700}.inline-form .widget{display:inline-block;margin-bottom:0;vertical-align:middle}.horizontal-form .widget:after{content:"";display:table;clear:both}.horizontal-form .widget>label{width:20%;float:left;padding:3px 2% 0 0;text-align:right}.horizontal-form .widget>input,.horizontal-form .widget>textarea{width:78%;float:left}.horizontal-form .widget>fieldset{margin-left:20%} /** * Swiper 6.8.4 * Most modern mobile touch slider and framework with hardware accelerated transitions * https://swiperjs.com * * Copyright 2014-2021 Vladimir Kharlampidi * * Released under the MIT License * * Released on: August 23, 2021 */ @font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA') format('woff');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}.swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-container-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-container-multirow>.swiper-wrapper{flex-wrap:wrap}.swiper-container-multirow-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-container-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-container-pointer-events{touch-action:pan-y}.swiper-container-pointer-events.swiper-container-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-container-3d{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{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:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{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:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-container-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-container-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-container-horizontal.swiper-container-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-container-vertical.swiper-container-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;text-transform:none;font-variant:initial;line-height:1}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{left:10px;right:auto}.swiper-button-prev:after,.swiper-container-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{right:10px;left:auto}.swiper-button-next:after,.swiper-container-rtl .swiper-button-prev:after{content:'next'}.swiper-button-next.swiper-button-white,.swiper-button-prev.swiper-button-white{--swiper-navigation-color:#ffffff}.swiper-button-next.swiper-button-black,.swiper-button-prev.swiper-button-black{--swiper-navigation-color:#000000}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;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{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:50%;background:#000;opacity:.2}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:1;background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;transform:translate3d(0px,-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%;transform:translateY(-50%);width:8px}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{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-color:#ffffff}.swiper-pagination-black{--swiper-pagination-color:#000000}.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:flex;justify-content: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%;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;transform-origin:50%;animation:swiper-preloader-spin 1s infinite linear;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{100%{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{transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none;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;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{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:0px;width:100%;height:100%;opacity:.6;z-index:0}.swiper-container-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.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} @media screen{ #iso_ajaxBox{width:20%;padding:9px 50px 9px 24px;position:fixed;top:10%;left:40%;background:#fff url(../../system/modules/isotope/assets/images/loading.gif) no-repeat right center;border:2px solid #000;font-family:"Trebuchet MS",Verdana,sans-serif;font-size:15px;line-height:18px;text-align:left;color:#000;z-index:9999}#iso_ajaxBox.btnClose{background-image:none;cursor:pointer}#iso_ajaxBox p{margin:1em 0;padding:0}#iso_ajaxBox .iso_error{padding-left:34px;background:url(../../system/modules/isotope/assets/images/cross-24.png) left center no-repeat}#iso_ajaxBox .iso_confirm{padding-left:34px;background:url(../../system/modules/isotope/assets/images/tick-24.png) left center no-repeat}#iso_ajaxBox .iso_info{padding-left:34px;background:url(../../system/modules/isotope/assets/images/information-24.png) left center no-repeat}#iso_ajaxOverlay{width:100%;height:100%;position:fixed;top:0;left:0;background-color:#000;z-index:9998;-moz-opacity:.5;opacity:.5;_display:none;filter:Alpha(opacity=50)} } #colorbox,#cboxOverlay,#cboxWrapper{position:absolute;top:0;left:0;z-index:9999;overflow:hidden;-webkit-transform:translate3d(0,0,0)}#cboxWrapper{max-width:none}#cboxOverlay{position:fixed;width:100%;height:100%}#cboxMiddleLeft,#cboxBottomLeft{clear:left}#cboxContent{position:relative}#cboxLoadedContent{overflow:auto;-webkit-overflow-scrolling:touch}#cboxTitle{margin:0}#cboxLoadingOverlay,#cboxLoadingGraphic{position:absolute;top:0;left:0;width:100%;height:100%}#cboxPrevious,#cboxNext,#cboxClose,#cboxSlideshow{cursor:pointer}.cboxPhoto{float:left;margin:auto;border:0;display:block;max-width:none;-ms-interpolation-mode:bicubic}.cboxIframe{width:100%;height:100%;display:block;border:0;padding:0;margin:0}#colorbox,#cboxContent,#cboxLoadedContent{box-sizing:content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box}#cboxOverlay{background:#000;opacity:.9;filter:alpha(opacity = 90)}#colorbox{outline:0}#cboxContent{margin-top:20px;background:#000}.cboxIframe{background:#fff}#cboxError{padding:50px;border:1px solid #ccc}#cboxLoadedContent{border:5px solid #000;background:#fff}#cboxTitle{position:absolute;top:-20px;left:0;color:#ccc}#cboxCurrent{position:absolute;top:-20px;right:0;color:#ccc}#cboxLoadingGraphic{background:url(../../assets/colorbox/images/loading.gif) no-repeat center center}#cboxPrevious,#cboxNext,#cboxSlideshow,#cboxClose{border:0;padding:0;margin:0;overflow:visible;width:auto;background:0 0}#cboxPrevious:active,#cboxNext:active,#cboxSlideshow:active,#cboxClose:active{outline:0}#cboxSlideshow{position:absolute;top:-20px;right:90px;color:#fff}#cboxPrevious{position:absolute;top:50%;left:5px;margin-top:-32px;background:url(../../assets/colorbox/images/controls.png) no-repeat top left;width:28px;height:65px;text-indent:-9999px}#cboxPrevious:hover{background-position:bottom left}#cboxNext{position:absolute;top:50%;right:5px;margin-top:-32px;background:url(../../assets/colorbox/images/controls.png) no-repeat top right;width:28px;height:65px;text-indent:-9999px}#cboxNext:hover{background-position:bottom right}#cboxClose{position:absolute;top:5px;right:5px;display:block;background:url(../../assets/colorbox/images/controls.png) no-repeat top center;width:38px;height:19px;text-indent:-9999px}#cboxClose:hover{background-position:bottom center} .content-slider{overflow:hidden;visibility:hidden;position:relative}.slider-wrapper{overflow:hidden;position:relative}.slider-wrapper>*{float:left;width:100%;position:relative}.slider-control{height:30px;position:relative}.slider-control a,.slider-control .slider-menu{position:absolute;top:9px;display:inline-block}.slider-control .slider-prev{left:0}.slider-control .slider-next{right:0}.slider-control .slider-menu{top:0;width:50%;left:50%;margin-left:-25%;font-size:27px;text-align:center}.slider-control .slider-menu b{color:#bbb;cursor:pointer}.slider-control .slider-menu b.active{color:#666} .mobile_menu{position:fixed;z-index:100;display:none}.mobile_menu .inner{height:100%;background:#000;overflow-y:scroll}.mobile_menu.active.position_left{box-shadow:2px 0 5px 0 rgba(0,0,0,.5)}.mobile_menu.active.position_top{box-shadow:0 2px 5px 0 rgba(0,0,0,.5)}.mobile_menu.active.position_right{box-shadow:-2px 0 5px 0 rgba(0,0,0,.5)}.mobile_menu.active.position_bottom{box-shadow:0 -2px 5px 0 rgba(0,0,0,.5)}.mobile_menu.active.no_shadow{box-shadow:none!important}.mobile_menu_trigger{display:none}.mobile_menu_wrapper{position:relative;width:100%;overflow:hidden}.mobile_menu_overlay{position:fixed;top:0;left:0;width:100%;height:100vh;z-index:99}.mobile_menu_overlay.background{background:rgba(0,0,0,.5)}.mobile_menu li.submenu_hide>ul{display:none}.mobile_menu li.submenu_show>ul{display:block}body.ie8 .mobile_menu,body.ie8 .mobile_menu_trigger,body.ie9 .mobile_menu,body.ie9 .mobile_menu_trigger{display:none!important} @charset "utf-8"; /* CSS Document */ html { scroll-behavior: smooth; } /************************************************************************** responsive ***************************************************************************/ @media (min-width: 992px) { .mobile_off { display: none !important; } body { font-family: proxima-nova, sans-serif; font-style: normal; font-weight: 100; color: #8B7D7B; font-size: 18px; } } @media (min-width: 768px) and (max-width: 991px) { .desktop_off { display: none !important; } body { font-family: proxima-nova, sans-serif; font-style: normal; font-weight: 100; color: #8B7D7B; font-size: 20px; } } @media (max-width: 767px) { .desktop_off { display: none !important; } body { font-family: proxima-nova, sans-serif; font-style: normal; font-weight: 100; color: #8B7D7B; font-size: 20px; } } /************************************************************************** schriftarten, grössen und Farben Desktop ***************************************************************************/ @media (min-width: 992px) { @font-face { font-family: "myfont"; font-style: normal; font-weight: normal; src: url("/files/wollebaerchen/design/fonts/MagicFloristRegular.ttf"), url("/files/wollebaerchen/design/fonts/MagicFloristRegular.ttf"), url("/files/wollebaerchen/design/fonts/MagicFloristRegular.ttf"); } @font-face { font-family: "myfont_m"; src: url("/files/wollebaerchen/design/fonts/montserrat.ttf"); } .myfont{ font-family: "myfont"; font-style: normal; font-weight: 300; letter-spacing: 1px; line-height: 1.6; font-size: 80px; } .myfont40{ font-family: "myfont"; font-style: normal; font-weight: 300; letter-spacing: 1px; line-height: 1.6; font-size: 40px; } .font40{ font-style: normal; font-weight: 300; letter-spacing: 1px; line-height: 1.6; font-size: 40px; } .font40 p{ margin: 40px 0px 0px 0px; } .font20{ font-style: normal; font-weight: 100; letter-spacing: 1px; line-height: 1.6; font-size: 20px; } .myfont20{ font-family: "myfont"; font-style: normal; font-weight: 100; letter-spacing: 1px; line-height: 1.6; font-size: 20px; } label { font-family: proxima-nova, sans-serif; font-style: normal; font-weight: 700; color: #8B7D7B; } form button, input[type="file"], input[type="image"], input[type="submit"], input[type="reset"], input[type="button"], input[type="radio"], input[type="checkbox"] { font-family: proxima-nova, sans-serif; font-style: normal; font-weight: 300; color: #8B7D7B; } a { text-decoration: none; color: #8B7D7B; } .white{ color:#fff; } .button_text { background-color: #8B7D7B; border: none; color: white; padding: 10px 15px 10px 15px; text-decoration: none; cursor: pointer; font-size: 16px; margin-right: 10px; border-radius: 3px; } } /************************************************************************** schriftarten, grössen und Farben tablet ***************************************************************************/ @media (min-width: 768px) and (max-width: 991px) { @font-face { font-family: "myfont"; font-style: normal; font-weight: normal; src: url("/files/wollebaerchen/design/fonts/MagicFloristRegular.ttf"), url("/files/wollebaerchen/design/fonts/MagicFloristRegular.ttf"), url("/files/wollebaerchen/design/fonts/MagicFloristRegular.ttf"); } @font-face { font-family: "myfont_m"; src: url("/files/wollebaerchen/design/fonts/montserrat.ttf"); } .myfont{ font-family: "myfont"; font-style: normal; font-weight: 300; letter-spacing: 1px; line-height: 1.6; font-size: 80px; } .myfont40{ font-family: "myfont"; font-style: normal; font-weight: 300; letter-spacing: 1px; line-height: 1.6; font-size: 40px; } .font40{ font-style: normal; font-weight: 300; letter-spacing: 1px; line-height: 1.6; font-size: 40px; } .font40 p{ margin: 40px 0px 0px 0px; } .font20{ font-style: normal; font-weight: 100; letter-spacing: 1px; line-height: 1.6; font-size: 20px; } .myfont20{ font-family: "myfont"; font-style: normal; font-weight: 100; letter-spacing: 1px; line-height: 1.6; font-size: 20px; } label { font-family: proxima-nova, sans-serif; font-style: normal; font-weight: 700; color: #8B7D7B; } form button, input[type="file"], input[type="image"], input[type="submit"], input[type="reset"], input[type="button"], input[type="radio"], input[type="checkbox"] { font-family: proxima-nova, sans-serif; font-style: normal; font-weight: 300; color: #8B7D7B; } a { text-decoration: none; color: #8B7D7B; } .white{ color:#fff; } .button_text { background-color: #8B7D7B; border: none; color: white; padding: 10px 15px 10px 15px; text-decoration: none; cursor: pointer; font-size: 16px; margin-right: 10px; border-radius: 3px; } } /************************************************************************** schriftarten, grössen und Farben mobile ***************************************************************************/ @media (max-width: 767px) { @font-face { font-family: "myfont"; font-style: normal; font-weight: normal; src: url("/files/wollebaerchen/design/fonts/MagicFloristRegular.ttf"), url("/files/wollebaerchen/design/fonts/MagicFloristRegular.ttf"), url("/files/wollebaerchen/design/fonts/MagicFloristRegular.ttf"); } @font-face { font-family: "myfont_m"; src: url("/files/wollebaerchen/design/fonts/montserrat.ttf"); } .myfont{ font-family: "myfont"; font-style: normal; font-weight: 300; letter-spacing: 1px; line-height: 1.6; font-size: 80px; } .myfont40{ font-family: "myfont"; font-style: normal; font-weight: 300; letter-spacing: 1px; line-height: 1.6; font-size: 30px; } .myfont40 p{ margin: 40px 0px 0px 0px; padding: 0px 0px 0px 0px; } .font40{ font-style: normal; font-weight: 300; letter-spacing: 1px; line-height: 1.6; font-size: 40px; } .font40 p{ margin: 40px 0px 0px 0px; } .font20{ font-style: normal; font-weight: 100; letter-spacing: 1px; line-height: 1.6; font-size: 20px; } .myfont20{ font-family: "myfont"; font-style: normal; font-weight: 100; letter-spacing: 1px; line-height: 1.6; font-size: 20px; } label { font-family: proxima-nova, sans-serif; font-style: normal; font-weight: 700; color: #8B7D7B; } form button, input[type="file"], input[type="image"], input[type="submit"], input[type="reset"], input[type="button"], input[type="radio"], input[type="checkbox"] { font-family: proxima-nova, sans-serif; font-style: normal; font-weight: 300; color: #8B7D7B; } a { text-decoration: none; color: #8B7D7B; } .white{ color:#fff; } .button_text { background-color: #8B7D7B; border: none; color: white; padding: 10px 15px 10px 15px; text-decoration: none; cursor: pointer; font-size: 16px; margin-right: 10px; border-radius: 3px; } } /*------------------------------------ Wrapper -------------------------------------*/ #wrapper{ } /*------------------------------------ Header -------------------------------------*/ #header-top{ width: 100%; height: 40px; background-color: #f0ddd6; } #header-top .inside{ display: flex; max-width: 1280px; margin-left: auto; margin-right: auto; padding-left: 25px; padding-right: 25px; color: #8B7D7B; } #header-top .inside .header-top-right{ float: right; } #header-top .inside .header-top-right-text{ margin: 8px 5px 0px 0px; float: left; } #header-top .inside .header-top-right-pic{ margin: 2px 0px 0px 0px; float: left; } #header-top .inside .header-top-left{ float: left; } #header-top .inside .header-top-left-text{ margin: 8px 5px 0px 0px; float: left; } #header-top .inside .header-top-left-pic{ margin: 10px 0px 0px 0px; float: left; } @media (min-width: 992px) { #header{ z-index: 10; width: 100%; border-top: 1px solid #e4e4e4; background: #fff; box-shadow: 0 1px 1px rgba(0,0,0,.03); margin-top: 30px; } #header .inside .desktop_off{ display: flex; max-width: 1280px; margin-left: auto; margin-right: auto; padding-left: 25px; padding-right: 25px; height: 150px; margin-bottom: 30px; } #header .inside::before{ content: ""; position: absolute; left: 0%; bottom: 0; z-index: -1; width: 100%; height: 10px; border-radius: 0 0 200px 200px/0 0 8px 8px; box-shadow: 0 4px 5px rgba(0,0,0,.1); } #header .inside::after{ content: ""; position: absolute; top: 0; left: 0; z-index: -1; width: 100%; height: 100%; background: #fff; } #header .inside .logo{ overflow: visible; width: 10%; } #header .inside .logo img{ width: 110px; margin-top: -16px; } #header .inside .menu{ margin-top: 40px; width: 80%; } #header .inside .wk{ margin-top: 30px; } #header .inside .wk p{ margin: 0; padding: 0; } } /*------------------------------------ Header tablet -------------------------------------*/ @media (min-width: 768px) and (max-width: 991px) { #header .inside .mobile_off { display: flex; max-width: 1280px; margin-left: auto; margin-right: auto; padding-left: 25px; padding-right: 25px; height: 150px; margin-bottom: 30px; justify-content: space-around; align-items: center; } #header .inside::before{ content: ""; position: absolute; left: 0%; bottom: 0; z-index: -1; width: 100%; height: 10px; border-radius: 0 0 200px 200px/0 0 8px 8px; box-shadow: 0 4px 5px rgba(0,0,0,.1); } #header .inside::after{ content: ""; position: absolute; top: 0; left: 0; z-index: -1; width: 100%; height: 100%; background: #fff; } #header .inside .logo{ overflow: visible; } #header .inside .logo img{ width: 110px; margin-top: -16px; } #header .inside .menu{ margin-top: 40px; } #header .inside .wk{ margin-top: 30px; } #header .inside .wk p{ margin: 0; padding: 0; } } /*------------------------------------ Header mobile -------------------------------------*/ @media (max-width: 767px) { #header .inside .mobile_off { display: flex; max-width: 1280px; margin-left: auto; margin-right: auto; padding-left: 25px; padding-right: 25px; height: 150px; margin-bottom: 30px; justify-content: space-around; align-items: center; } #header .inside::before{ content: ""; position: absolute; left: 0%; bottom: 0; z-index: -1; width: 100%; height: 10px; border-radius: 0 0 200px 200px/0 0 8px 8px; box-shadow: 0 4px 5px rgba(0,0,0,.1); } #header .inside::after{ content: ""; position: absolute; top: 0; left: 0; z-index: -1; width: 100%; height: 100%; background: #fff; } #header .inside .logo{ overflow: visible; } #header .inside .logo img{ width: 110px; margin-top: -16px; } #header .inside .menu{ margin-top: 40px; } #header .inside .wk{ margin-top: 30px; } #header .inside .wk p{ margin: 0; padding: 0; } } /*------------------------------------ afterhaeder desktop -------------------------------------*/ @media (min-width: 992px) { #afterheader{ background-image: url(/files/wollebaerchen/design/bilder/startseite/helloras_weiss.jpg); background-repeat: no-repeat; background-position: center; background-size: cover; height: 500px; display: flex; justify-content: center; align-items: center; } #afterheader .inside { height: auto; } #afterheader .inside .titel { font-size: 100px; background-color: rgba(255, 255, 255, 0.5); padding: 15px; height: 80px; } #afterheader .inside .titel p { margin: 0; padding: 0; } .afterheader{ text-align: center; } #afterheader .inside .text { font-size: 50px; background-color: rgba(255, 255, 255, 0.5); padding: 15px; height: 50px; display: inline-block; margin-top:25px; } #afterheader .inside .text p{ margin: 0; padding: 0; } #afterheader .inside img{ display: block; }} /*------------------------------------ afterhaeder tablet -------------------------------------*/ @media (min-width: 768px) and (max-width: 991px) { #afterheader{ background-image: url(/files/wollebaerchen/design/bilder/startseite/helloras_weiss.jpg); background-repeat: no-repeat; background-position: center; background-size: cover; height: 500px; display: flex; justify-content: center; align-items: center; } #afterheader .inside { height: auto; } #afterheader .inside .titel { font-size: 50px; background-color: rgba(255, 255, 255, 0.5); padding: 15px; height: 80px; } #afterheader .inside .titel p { margin: 0; padding: 0; } .afterheader{ text-align: center; } #afterheader .inside .text { font-size: 25px; background-color: rgba(255, 255, 255, 0.5); padding: 15px; height: 50px; display: inline-block; margin-top:25px; } #afterheader .inside .text p{ margin: 0; padding: 0; } #afterheader .inside img{ display: block; }} /*------------------------------------ afterhaeder mobile -------------------------------------*/ @media (max-width: 767px){ #afterheader{ background-image: url(/files/wollebaerchen/design/bilder/startseite/helloras_weiss.jpg); background-repeat: no-repeat; background-position: center; background-size: cover; height: 500px; display: flex; justify-content: center; align-items: center; } #afterheader .inside { height: auto; } #afterheader .inside .titel { font-size: 50px; background-color: rgba(255, 255, 255, 0.8); padding: 25px; height: 35px; } #afterheader .inside .titel p { margin: 0; padding: 0; } .afterheader{ text-align: center; } #afterheader .inside .text { font-size: 25px; background-color: rgba(255, 255, 255, 0.8); padding: 25px; height: 45px; display: inline-block; margin-top:25px; } #afterheader .inside .text p{ margin: 0; padding: 0; } #afterheader .inside img{ display: block; }} /*------------------------------------ Container -------------------------------------*/ #container{ width: 100%; } #main{ } #main .mod_article{ max-width: 1280px; margin-left: auto; margin-right: auto; padding-left: 25px; padding-right: 25px; } #main .fullwidth{ max-width: 100%; } #main .fullwidthinside{ max-width: 1280px; margin-left: auto; margin-right: auto; padding-left: 25px; padding-right: 25px; display: flex; flex-wrap: wrap; } #beforefooter .fullwidthinside{ max-width: 1280px; margin-left: auto; margin-right: auto; padding-left: 25px; padding-right: 25px; display: flex; flex-wrap: wrap; } #beforefooter{ background-color: #8B7D7B; color:#fff; } #main .slider_startseite{ max-width: 4280px; margin-left: auto; margin-right: auto; padding-left: 0px; padding-right: 0px; height: auto; } /************************************************************************** Breadcrump ***************************************************************************/ .mod_breadcrumb ul { margin: 0px 0px 0px 0px; padding: 0; } /* Listenelemente nebeneinander stellen */ .mod_breadcrumb li { display: inline-block; } /* Nach einem Listenelements Trennzeichen einfügen */ .mod_breadcrumb li:after { content: " > "; } /* Nach dem letzten Listenelement kein Trennzeichen */ .mod_breadcrumb li.active:after { content:""; } /*------------------------------------ 4box -------------------------------------*/ .box4{ display: -webkit-flex; display: -ms-flex; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .box4around{ display: -webkit-flex; display: -ms-flex; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; justify-content: space-around; } .box4 img{ display: block; } .content-flex{ display: -webkit-flex; display: -ms-flexbox; display: flex; } /*------------------------------------ Footer Desktop -------------------------------------*/ @media (min-width: 992px) { #footer{ width: 100%; border-top: 1px solid #ccc; background-color: #f0ddd6; } #footer .inside{ display: -webkit-flex; display: -ms-flex; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; max-width: 1280px; margin-left: auto; margin-right: auto; padding-left: 25px; padding-right: 25px; } #footer .content-flex{ display: -webkit-flex; display: -ms-flexbox; display: flex; } #footer .content-flex-center{ display: -webkit-flex; display: -ms-flexbox; display: flex; justify-content: center; } #footer .content-flex-right{ display: -webkit-flex; display: -ms-flexbox; display: flex; justify-content: right; } } /*------------------------------------ Footer tablet -------------------------------------*/ @media (min-width: 768px) and (max-width: 991px) { #footer{ width: 100%; border-top: 1px solid #ccc; background-color: #f0ddd6; } #footer .inside{ display: -webkit-flex; display: -ms-flex; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; max-width: 1280px; margin-left: auto; margin-right: auto; padding-left: 25px; padding-right: 25px; } #footer .content-flex{ display: -webkit-flex; display: -ms-flexbox; display: flex; } #footer .content-flex-center{ display: -webkit-flex; display: -ms-flexbox; display: flex; justify-content: center; } #footer .content-flex-right{ display: -webkit-flex; display: -ms-flexbox; display: flex; justify-content: right; } } /*------------------------------------ Footer mobile -------------------------------------*/ @media (max-width: 767px) { #footer{ width: 100%; border-top: 1px solid #ccc; background-color: #f0ddd6; } #footer .inside{ display: -webkit-flex; display: -ms-flex; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; max-width: 1280px; margin-left: auto; margin-right: auto; padding-left: 25px; padding-right: 25px; } #footer .content-flex{ display: -webkit-flex; display: -ms-flexbox; display: flex; } #footer .content-flex-center{ display: -webkit-flex; display: -ms-flexbox; display: flex; } #footer .content-flex-right{ display: -webkit-flex; display: -ms-flexbox; display: flex; } } /*------------------------------------ hintergrund -------------------------------------*/ .greyback{ background-color: #8B7D7B; } /*------------------------------------ Titel desktop -------------------------------------*/ @media (min-width: 992px) { h1 { font-size: 40px; font-style: normal; font-weight: 100; margin: 0; } h2 { font-size: 30px; font-style: normal; font-weight: 100; margin: 0; } h3 { font-size: 30px; font-style: normal; font-weight: 300; margin: 0; }} /*------------------------------------ Titel tablet -------------------------------------*/ @media (min-width: 768px) and (max-width: 991px) { h1 { font-size: 40px; font-style: normal; font-weight: 100; margin: 0; } h2 { font-size: 30px; font-style: normal; font-weight: 100; margin: 0; } h3 { font-size: 30px; font-style: normal; font-weight: 300; margin: 0; }} /*------------------------------------ Titel mobile -------------------------------------*/ @media (max-width: 767px) { h1 { font-size: 25px; font-style: normal; font-weight: 100; margin: 0; } h2 { font-size: 25px; font-style: normal; font-weight: 100; margin: 0; } h3 { font-size: 20px; font-style: normal; font-weight: 300; margin: 0; }} /*------------------------------------ diverse breiten desktop -------------------------------------*/ @media (min-width: 992px) { .b20 { width: 20%; } .b25 { width: 25%; } .b23 { width: 23%; margin: 1%; } .b33 { width: 33.3%; } .b33box { width: 33.3%; font-size: 20px; line-height: 2; } .b33box p{ padding: 25px; } .b40 { width: 40%; } .b50 { width: 50%; } .b50box4 { width: 50%; background-color: #f0ddd6; display: flex; align-items: center; justify-content: center; font-size: 20px; line-height: 2; max-height: 640px; } .b50box4lt { width: 50%; background-color: #f0ddd6; display: flex; min-height: 640px; align-items: center; justify-content: center; font-size: 20px; line-height: 2; background-image: url(/files/wollebaerchen/design/bilder/4boxes/2.jpg); background-repeat: no-repeat; background-position: center; background-size: contain; } .b50box4lt p{ font-size: 33px; background-color: rgba(255, 255, 255, 0.8); padding: 0px 20px } .b50box4_text p{ padding: 0px 40px; } .b50box4 p{ margin: 0; } .b60 { width: 60%; } } /*------------------------------------ diverse breiten tablet -------------------------------------*/ @media (min-width: 768px) and (max-width: 991px) { .b20 { width: 20%; } .b25 { width: 25%; } .b23 { width: 23%; margin: 1%; } .b33 { width: 33.3%; } .b33box { width: 33.3%; font-size: 20px; line-height: 2; } .b33box p{ padding: 25px; } .b40 { width: 40%; } .b50 { width: 50%; } .b50box4 { width: 50%; background-color: #f0ddd6; display: flex; align-items: center; justify-content: center; font-size: 20px; line-height: 2; } .b50box4lt { width: 50%; background-color: #f0ddd6; display: flex; min-height: 640px; align-items: center; justify-content: center; font-size: 20px; line-height: 2; background-image: url(/files/wollebaerchen/design/bilder/4boxes/2.jpg); background-repeat: no-repeat; background-position: center; background-size: contain; } .b50box4lt p{ font-size: 30px; background-color: rgba(255, 255, 255, 0.8); padding: 0px 20px } .b50box4_text p{ padding: 0px 40px; } .b50box4 p{ margin: 0; } .b60 { width: 60%; } } /*------------------------------------ diverse breiten mobile -------------------------------------*/ @media (max-width: 767px) { .b20 { width: 20%; } .b25 { width: 50%; } .b23 { width: 90%; margin: 5%; } .b33 { width: 100%; } .b33box { width: 100%; font-size: 20px; line-height: 2; } .b33box p{ padding: 0px; margin: 0px; } .b40 { width: 40%; } .b50 { width: 50%; } .b50box4 { width: 100%; background-color: #f0ddd6; display: flex; align-items: center; justify-content: center; font-size: 20px; line-height: 2; } .b50box4lt { width: 100%; background-color: #f0ddd6; display: flex; min-height: 640px; align-items: center; justify-content: center; font-size: 20px; line-height: 2; background-image: url(/files/wollebaerchen/design/bilder/4boxes/2.jpg); background-repeat: no-repeat; background-position: center; background-size: contain; } .b50box4lt p{ font-size: 30px; background-color: rgba(255, 255, 255, 0.8); padding: 0px 20px } .b50box4 p{ margin: 0; } .b50box4_text p{ padding: 0px 40px; } .b60 { width: 60%; } } /************************************************************************** Menü Standart ***************************************************************************/ .menu { margin-top:15px; } .menu ul{ display: flex; justify-content: space-around; } .menu li{ list-style-type: none; text-decoration: none; color: #8B7D7B; font-size: 25px; } .menu li a{ color: #8B7D7B; font-size: 25px; list-style-type: none; text-decoration: none; } .warenkorbmini_desktop img { width: 50px; } .warenkorbmini_mobile img { width: 50px; } /************************************************************************** Menü Standart Dropdown ***************************************************************************/ #header .mod_navigation .level_1 li .submenu { padding-right:15px; } #header .mod_navigation .level_2 li { width:auto; float:left; margin:0; border:0; } #header .mod_navigation .level_2 { width:0; height:0; left:-32768px; position:absolute; overflow:hidden; display:inline; top: -32768px; } #header .mod_navigation .level_2 li { clear:both; } #header .mod_navigation .level_2 li:hover { background-color: #fff; } #header .mod_navigation li:hover .level_2 { width:auto; height:auto; left:auto; top:auto; overflow:auto; display:block; background-color: #fff; background-position:left top; border:1px solid #8B7D7B; z-index: 1000; padding: 10px 10px 10px 10px; } #header .mod_navigation li:hover .level_2 a, #header .mod_navigation li:hover .level_2 span { font-weight:100; text-decoration:none; font-size:16px; line-height:14px; padding: 10px 10px 10px 10px; margin: 0; } #header .mod_navigation .level_2 span.active { font-weight:100; text-decoration:none; font-size:16px; line-height:14px; padding: 10px 10px 10px 10px; margin: 0; } #header .mod_navigation .level_2 .active { font-weight:700; text-decoration:none; font-size:16px; line-height:14px; padding: 10px 10px 10px 10px; } #header .mod_navigation .level_2 .forward { font-weight:700; text-decoration:none; font-size:16px; line-height:14px; padding: 10px 10px 10px 10px; } /************************************************************************** Mobile Menü ***************************************************************************/ .fa { font-size: 50px !important; } .mod_mobile_menu { color: #8B7D7B; z-index:100; display:inline; } .mobile_menu .inner { height: 100%; background: none; } .mobile_menu .mod_navigation ul { Padding: 10px 25px; display: block; } .mobile_menu .mod_navigation li { display: block; } .mobile_menu_trigger{ display: block !important;; } /* Hide scrollbar for Chrome, Safari and Opera */ .mobile_menu .inner::-webkit-scrollbar { display: none; } /* Hide scrollbar for IE, Edge and Firefox */ .mobile_menu .inner { -ms-overflow-style: none; /* IE and Edge */ scrollbar-width: none; /* Firefox */ background-color: #fff; font-weight: 300; font-size: 22px; } /************************************************************************** Slider Startseite über mich ***************************************************************************/ .slider_startseite img{ width: 600px; } .swiper-button-next, .swiper-button-prev { color: #8B7D7B; } /************************************************************************** Liste Desktop&Tablet&mobile ***************************************************************************/ .produktliste_startseite .product_list{ display: -webkit-flex; display: -ms-flex; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .produktliste_startseite .product_list .product{ display: -webkit-flex; display: -ms-flexbox; display: flex; } .produktliste_startseite .product_list .formbody{ margin: 0px 5px 20px 5px; text-align: center; border: 1px solid #8B7D7B; } .produktliste_startseite .product_list .formbody .teaser{ padding:0 10px; } /************************************************************************** Produktdetails Desktop&Tablet ***************************************************************************/ @media (min-width: 768px) { .mod_iso_productreader .formbody{ border: 1px solid #8B7D7B; } .produkt-detail{ margin: 0px 0px 0px 0px; display: -webkit-flex; display: -ms-flex; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .produkt-detail-pic { width: 38%; padding: 1%; } .produkt-detail-pic img{ display: block; } .produkt-detail-desc { width: 60%; } .produkt-detail-titel{ margin: 0px 0px 0px 0px; display: -webkit-flex; display: -ms-flex; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .produkt-detail-titelh2{ width: 80%; margin-left: 5%; } .produkt-detail-titelh2 h1{ margin: 0; } .produkt-detail-logo { width: 10%; margin-right: 5%; height: 50px; } .produkt-detail-pers{ margin: 10px 15% 0 5%; border-bottom: 1px solid #8B7D7B; } .produkt-detail .options{ margin: 25px 15% 0 5%; } .produkt-detail .offer{ font-weight: 700; margin-top: 10px; } .produkt-detail .submit_container{ margin: 50px 15% 0 5%; display: -webkit-flex; display: -ms-flex; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; border-top: 1px solid #8B7D7B; } .produkt-detail .quantity_container{ width: 50%; } .produkt-detail .quantity_container label{ font-weight: 700; } .produkt-detail .submit_container_button{ width: 50%; text-align: right; } .mod_iso_productreader .add_to_cart { background-image: url(/files/wollebaerchen/design/bilder/button/button_warenkorb.png); background-repeat: no-repeat; background-color: #8B7D7B; border: none; color: white; padding: 10px 20px 10px 40px; text-decoration: none; margin: 24px 2px; cursor: pointer; font-size: 16px; background-size: 110px 20px; background-position: 3px 8px; } form button:hover, input[type="submit"]:hover, .button:hover { text-decoration: none; background-position: 2px !important; transition: background .99s linear; } #ctrl_attr_versch_texte_fmd13_product_161 span { width: 90%; }} /************************************************************************** Produktdetails mobile ***************************************************************************/ @media (max-width: 767px) { .mod_iso_productreader .formbody{ border: 1px solid #8B7D7B; } .produkt-detail{ margin: 0px 0px 0px 0px; display: -webkit-flex; display: -ms-flex; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .produkt-detail-pic { width: 98%; padding: 1%; } .produkt-detail-pic img{ display: block; } .produkt-detail-desc { width: 100%; } .produkt-detail-titel{ margin: 0px 0px 0px 0px; display: -webkit-flex; display: -ms-flex; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .produkt-detail-titelh2{ width: 80%; margin-left: 5%; } .produkt-detail-titelh2 h1{ margin: 0; } .produkt-detail-logo { width: 10%; margin-right: 5%; height: 50px; } .produkt-detail-pers{ margin: 10px 5% 0 5%; border-bottom: 1px solid #8B7D7B; } .produkt-detail .options{ margin: 15px 5% 0 5%; } .produkt-detail .offer{ font-weight: 700; margin-top: 10px; } .produkt-detail .submit_container{ margin: 50px 15% 0 5%; display: -webkit-flex; display: -ms-flex; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; border-top: 1px solid #8B7D7B; } .produkt-detail .quantity_container{ width: 50%; } .produkt-detail .quantity_container label{ font-weight: 700; } .produkt-detail .submit_container_button{ width: 50%; text-align: right; } .mod_iso_productreader .add_to_cart { background-image: url(/files/wollebaerchen/design/bilder/button/button_warenkorb.png); background-repeat: no-repeat; background-color: #8B7D7B; border: none; color: white; padding: 10px 20px 10px 40px; text-decoration: none; margin: 24px 2px; cursor: pointer; font-size: 16px; background-size: 110px 20px; background-position: 3px 8px; } form button:hover, input[type="submit"]:hover, .button:hover { text-decoration: none; background-position: 2px !important; transition: background .99s linear; } #ctrl_attr_versch_texte_fmd13_product_161 span { width: 90%; }} /************************************************************************** Tabs ***************************************************************************/ .tabbed{ margin: 20px 0px 20px 0px; } /* Tabs mit radio-Buttons */ .tabbed figure { display: block; margin-left: 0; clear: both; } .tabbed > input, .tabbed figure > div { display: none; } .tabbed figure>div { padding: 20px; border: 1px solid #8B7D7B; line-height: 1.5em; letter-spacing: 0.3px; color: #8B7D7B; text-align: left; } #tab1:checked ~ figure .tab1, #tab2:checked ~ figure .tab2, #tab3:checked ~ figure .tab3 { display: block; } nav label { float: left; padding: 15px 15px; border-top: 1px solid #8B7D7B; border-right: 1px solid #8B7D7B; } nav label:nth-child(1) { border-left: 1px solid #8B7D7B; } nav label:hover { } nav label:active { } #tab1:checked ~ nav label[for="tab1"], #tab2:checked ~ nav label[for="tab2"], #tab3:checked ~ nav label[for="tab3"] { color: #8B7D7B; position: relative; border-bottom: none; text-align: left; } #tab1:checked ~ nav label[for="tab1"]:after, #tab2:checked ~ nav label[for="tab2"]:after, #tab3:checked ~ nav label[for="tab3"]:after { content: ""; display: block; position: absolute; height: 2px; width: 100%; background: white; left: 0; bottom: -1px; } /************************************************************************** Farboption desktop ***************************************************************************/ @media (min-width: 992px) { .options .radio_container{ display: -webkit-flex; display: -ms-flex; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; justify-content: space-around; } .produkt-detail-desc .radio_Mint-Grün-Weiss,.radio_Hell-Rosa-Weiss,.radio_Grün-Hell,.radio_Rosa-Hell,.radio_Weiss-Hell,.radio_Blau-Hell,.radio_Blau,.radio_Rosa, .radio_Beige,.radio_Hellrosa,.radio_Mintgrün,.radio_Silber,.radio_Gold,.radio_Türkis,.radio_Hellgrün,.radio_Dunkelblau,.radio_Dunkelgrün,.radio_Dunkelgrau,.radio_Lila,.radio_Weinrot,.radio_Pink,.radio_Weiss,.radio_Braun,.radio_Grün,.radio_Hase,.radio_Fuchs,.radio_Bär,.radio_Alpaka,.radio_Walfisch,.radio_Elefant,.radio_Fisch,.radio_Igel,.radio_Vogel{ display: none !important; } .produkt-detail-desc .label_Mint-Grün-Weiss, .label_Hell-Rosa-Weiss,.label_Grün-Hell, .label_Rosa-Hell, .label_Weiss-Hell, .label_Blau-Hell, .label_Blau,.label_Rosa, .label_Beige, .label_Hellrosa, .label_Mintgrün, .label_Silber, .label_Gold, .label_Türkis, .label_Hellgrün, .label_Dunkelblau, .label_Dunkelgrün, .label_Dunkelgrau, .label_Lila, .label_Weinrot, .label_Pink,.label_Weiss,.label_Braun,.label_Grün,.label_Hase,.label_Fuchs,.label_Bär,.label_Alpaka,.label_Walfisch,.label_Elefant,.label_Fisch,.label_Igel,.label_Vogel{ background-repeat: no-repeat; width: 80px; height: 80px; position: relative; display: block; float: left; margin: 5px; cursor: pointer; border: 1px solid #8B7D7B; background-position: center; background-size: 80px 80px; }} /************************************************************************** Farboption tablet ***************************************************************************/ @media (min-width: 768px) and (max-width: 991px) { .options .radio_container{ display: -webkit-flex; display: -ms-flex; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; justify-content: space-around; } .produkt-detail-desc .radio_Mint-Grün-Weiss,.radio_Hell-Rosa-Weiss,.radio_Grün-Hell,.radio_Rosa-Hell,.radio_Weiss-Hell,.radio_Blau-Hell,.radio_Blau,.radio_Rosa, .radio_Beige,.radio_Hellrosa,.radio_Mintgrün,.radio_Silber,.radio_Gold,.radio_Türkis,.radio_Hellgruen,.radio_Dunkelblau,.radio_Dunkelgrün,.radio_Dunkelgrau,.radio_Lila,.radio_Weinrot,.radio_Pink,.radio_Weiss,.radio_Braun,.radio_Grün,.radio_Hase,.radio_Fuchs,.radio_Bär,.radio_Alpaka,.radio_Walfisch,.radio_Elefant,.radio_Fisch,.radio_Igel,.radio_Vogel{ display: none !important; } .produkt-detail-desc .label_Mint-Grün-Weiss, .label_Hell-Rosa-Weiss,.label_Grün-Hell, .label_Rosa-Hell, .label_Weiss-Hell, .label_Blau-Hell, .label_Blau,.label_Rosa, .label_Beige, .label_Hellrosa, .label_Mintgrün, .label_Silber, .label_Gold, .label_Türkis, .label_Hellgrün, .label_Dunkelblau, .label_Dunkelgrün, .label_Dunkelgrau, .label_Lila, .label_Weinrot, .label_Pink,.label_Weiss,.label_Braun,.label_Grün,.label_Hase,.label_Fuchs,.label_Bär,.label_Alpaka,.label_Walfisch,.label_Elefant,.label_Fisch,.label_Igel,.label_Vogel{ background-repeat: no-repeat; width: 80px; height: 80px; position: relative; display: block; float: left; margin: 5px; cursor: pointer; border: 1px solid #8B7D7B; background-position: center; background-size: 80px 80px; }} /************************************************************************** Farboption Mobile ***************************************************************************/ @media (max-width: 767px) { .options .radio_container{ display: -webkit-flex; display: -ms-flex; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; justify-content: space-around; } .produkt-detail-desc .radio_Mint-Grün-Weiss,.radio_Hell-Rosa-Weiss,.radio_Grün-Hell,.radio_Rosa-Hell,.radio_Weiss-Hell,.radio_Blau-Hell,.radio_Blau,.radio_Rosa, .radio_Beige,.radio_Hellrosa,.radio_Mintgrün,.radio_Silber,.radio_Gold,.radio_Türkis,.radio_Hellgrün,.radio_Dunkelblau,.radio_Dunkelgrün,.radio_Dunkelgrau,.radio_Lila,.radio_Weinrot,.radio_Pink,.radio_Weiss,.radio_Braun,.radio_Grün,.radio_Hase,.radio_Fuchs,.radio_Bär,.radio_Alpaka,.radio_Walfisch,.radio_Elefant,.radio_Fisch,.radio_Igel,.radio_Vogel{ display: none !important; } .produkt-detail-desc .label_Mint-Grün-Weiss, .label_Hell-Rosa-Weiss,.label_Grün-Hell, .label_Rosa-Hell, .label_Weiss-Hell, .label_Blau-Hell, .label_Blau,.label_Rosa, .label_Beige, .label_Hellrosa, .label_Mintgrün, .label_silber, .label_Silber, .label_Gold, .label_Türkis, .label_Hellgrün, .label_Dunkelblau, .label_Dunkelgrün, .label_Dunkelgrau, .label_Lila, .label_Weinrot,.label_Pink,.label_Weiss,.label_Braun,.label_Grün,.label_Hase,.label_Fuchs,.label_Bär,.label_Alpaka,.label_Walfisch,.label_Elefant,.label_Fisch,.label_Igel,.label_Vogel{ background-repeat: no-repeat; width: 60px; height: 60px; position: relative; display: block; float: left; margin: 5px; cursor: pointer; border: 1px solid #8B7D7B; background-position: center; background-size: 60px 60px; }} .label_Mint-Grün-Weiss { background-image: url("/files/wollebaerchen/design/bilder/radioboxen/mgw.png"); } .radio_Mint-Grün-Weiss:checked + label { background-image: url("/files/wollebaerchen/design/bilder/radioboxen/mgw-c.png"); } .label_Hell-Rosa-Weiss { background-image: url("/files/wollebaerchen/design/bilder/radioboxen/hrw.png"); } .radio_Hell-Rosa-Weiss:checked + label { background-image: url("/files/wollebaerchen/design/bilder/radioboxen/hrw-c.png"); } .label_Grün-Hell { background-image: url("/files/wollebaerchen/design/bilder/radioboxen/ghb.png"); } .radio_Grün-Hell:checked + label { background-image: url("/files/wollebaerchen/design/bilder/radioboxen/ghb-c.png"); } .label_Rosa-Hell { background-image: url("/files/wollebaerchen/design/bilder/radioboxen/rhb.png"); } .radio_Rosa-Hell:checked + label { background-image: url("/files/wollebaerchen/design/bilder/radioboxen/rhb-c.png"); } .label_Weiss-Hell { background-image: url("/files/wollebaerchen/design/bilder/radioboxen/whb.png"); } .radio_Weiss-Hell:checked + label { background-image: url("/files/wollebaerchen/design/bilder/radioboxen/whb-c.png"); } .label_Blau-Hell{ background-image: url("/files/wollebaerchen/design/bilder/radioboxen/bhb.png"); } .radio_Blau-Hell:checked + label { background-image: url("/files/wollebaerchen/design/bilder/radioboxen/bhb-c.png"); } .label_Blau{ background-image: url("/files/wollebaerchen/design/bilder/radioboxen/blau.png"); } .radio_Blau:checked + label { background-image: url("/files/wollebaerchen/design/bilder/radioboxen/blau-c.png"); } .label_Rosa{ background-image: url("/files/wollebaerchen/design/bilder/radioboxen/rosa.png"); } .radio_Rosa:checked + label { background-image: url("/files/wollebaerchen/design/bilder/radioboxen/rosa-c.png"); } .label_Beige{ background-image: url("/files/wollebaerchen/design/bilder/radioboxen/beige.png"); } .radio_Beige:checked + label { background-image: url("/files/wollebaerchen/design/bilder/radioboxen/beige-c.png"); } .label_Hellrosa{ background-image: url("/files/wollebaerchen/design/bilder/radioboxen/hellrosa.png"); } .radio_Hellrosa:checked + label { background-image: url("/files/wollebaerchen/design/bilder/radioboxen/hellrosa-c.png"); } .label_Mintgrün{ background-image: url("/files/wollebaerchen/design/bilder/radioboxen/mintgrün.png"); } .radio_Mintgrün:checked + label { background-image: url("/files/wollebaerchen/design/bilder/radioboxen/mintgrün-c.png"); } .label_Silber{ background-image: url("/files/wollebaerchen/design/bilder/radioboxen/silber.png"); } .radio_Silber:checked + label { background-image: url("/files/wollebaerchen/design/bilder/radioboxen/silber-c.png"); } .label_Gold{ background-image: url("/files/wollebaerchen/design/bilder/radioboxen/gold.png"); } .radio_Gold:checked + label { background-image: url("/files/wollebaerchen/design/bilder/radioboxen/gold-c.png"); } .label_Weiss{ background-image: url("/files/wollebaerchen/design/bilder/radioboxen/weiss.png"); } .radio_Weiss:checked + label { background-image: url("/files/wollebaerchen/design/bilder/radioboxen/weiss-c.png"); } .label_Türkis{ background-image: url("/files/wollebaerchen/design/bilder/radioboxen/tuerkis.png"); } .radio_Türkis:checked + label { background-image: url("/files/wollebaerchen/design/bilder/radioboxen/tuerkis-c.png"); } .label_Hellgrün{ background-image: url("/files/wollebaerchen/design/bilder/radioboxen/hellgruen.png"); } .radio_Hellgrün:checked + label { background-image: url("/files/wollebaerchen/design/bilder/radioboxen/hellgruen-c.png"); } .label_Dunkelblau{ background-image: url("/files/wollebaerchen/design/bilder/radioboxen/dunkelblau.png"); } .radio_Dunkelblau:checked + label { background-image: url("/files/wollebaerchen/design/bilder/radioboxen/dunkelblau-c.png"); } .label_Dunkelgrün{ background-image: url("/files/wollebaerchen/design/bilder/radioboxen/dunkelgruen.png"); } .radio_Dunkelgrün:checked + label { background-image: url("/files/wollebaerchen/design/bilder/radioboxen/dunkelgruen-c.png"); } .label_Dunkelgrau{ background-image: url("/files/wollebaerchen/design/bilder/radioboxen/dunkelgrau.png"); } .radio_Dunkelgrau:checked + label { background-image: url("/files/wollebaerchen/design/bilder/radioboxen/dunkelgrau-c.png"); } .label_Lila{ background-image: url("/files/wollebaerchen/design/bilder/radioboxen/lila.png"); } .radio_Lila:checked + label { background-image: url("/files/wollebaerchen/design/bilder/radioboxen/lila-c.png"); } .label_Weinrot{ background-image: url("/files/wollebaerchen/design/bilder/radioboxen/weinrot.png"); } .radio_Weinrot:checked + label { background-image: url("/files/wollebaerchen/design/bilder/radioboxen/weinrot-c.png"); } .label_Pink{ background-image: url("/files/wollebaerchen/design/bilder/radioboxen/pink.png"); } .radio_Pink:checked + label { background-image: url("/files/wollebaerchen/design/bilder/radioboxen/pink-c.png"); } .label_Braun{ background-image: url("/files/wollebaerchen/design/bilder/radioboxen/braun.png"); } .radio_Braun:checked + label { background-image: url("/files/wollebaerchen/design/bilder/radioboxen/braun-c.png"); } .label_Grün{ background-image: url("/files/wollebaerchen/design/bilder/radioboxen/gruen.png"); } .radio_Grün:checked + label { background-image: url("/files/wollebaerchen/design/bilder/radioboxen/gruen-c.png"); } .label_Hase{ background-image: url("/files/wollebaerchen/design/bilder/radioboxen/hase.png"); } .radio_Hase:checked + label { background-image: url("/files/wollebaerchen/design/bilder/radioboxen/hase-c.png"); } .label_Bär{ background-image: url("/files/wollebaerchen/design/bilder/radioboxen/bär.png"); } .radio_Bär:checked + label { background-image: url("/files/wollebaerchen/design/bilder/radioboxen/bär-c.png"); } .label_Fuchs{ background-image: url("/files/wollebaerchen/design/bilder/radioboxen/fuchs.png"); } .radio_Fuchs:checked + label { background-image: url("/files/wollebaerchen/design/bilder/radioboxen/fuchs-c.png"); } .label_Alpaka{ background-image: url("/files/wollebaerchen/design/bilder/radioboxen/alpaka.png"); } .radio_Alpaka:checked + label { background-image: url("/files/wollebaerchen/design/bilder/radioboxen/alpaka-c.png"); } .label_Walfisch{ background-image: url("/files/wollebaerchen/design/bilder/radioboxen/walfisch.png"); } .radio_Walfisch:checked + label { background-image: url("/files/wollebaerchen/design/bilder/radioboxen/walfisch-c.png"); } .label_Fisch{ background-image: url("/files/wollebaerchen/design/bilder/radioboxen/fisch.png"); } .radio_Fisch:checked + label { background-image: url("/files/wollebaerchen/design/bilder/radioboxen/fisch-c.png"); } .label_Igel{ background-image: url("/files/wollebaerchen/design/bilder/radioboxen/igel.png"); } .radio_Igel:checked + label { background-image: url("/files/wollebaerchen/design/bilder/radioboxen/igel-c.png"); } .label_Elefant{ background-image: url("/files/wollebaerchen/design/bilder/radioboxen/elefant.png"); } .radio_Elefant:checked + label { background-image: url("/files/wollebaerchen/design/bilder/radioboxen/elefant-c.png"); } .label_Vogel{ background-image: url("/files/wollebaerchen/design/bilder/radioboxen/vogel.png"); } .radio_Vogel:checked + label { background-image: url("/files/wollebaerchen/design/bilder/radioboxen/vogel-c.png"); } /************************************************************************** Warenkorb Desktop&Tablet ***************************************************************************/ @media (min-width: 768px) { .wk_mob { display:none; } .warenkorb_wolle{ float: left; width: 100%; border-top: 1px solid #8B7D7B; } .warenkorb_wolle_bild{ float: left; margin-top: 15px; } .warenkorb_wolle_name{ width: 100%; font-size: 30px; padding: 15px 25px 0px 24px; } .review .warenkorb_wolle_name{ float: left; width: 100%; border-bottom: none; font-size: 30px; } .warenkorb_wolle_attr{ float: left; width: 60%; } .warenkorb_wolle_menge{ float: left; margin-left: 40px; width: 20%; } .review .warenkorb_wolle_menge{ float: left; margin-left: 40px; width: 50%; } .review .warenkorb_wolle_epreis{ float: left; margin-left: 40px; width: 50%; font-weight: 700; } .warenkorb_wolle_epreis{ float: left; margin-left: 40px; width: 60%; font-weight: 700; } .review .warenkorb_wolle_tpreis{ float: left; margin-left: 40px; width: 50%; font-weight: 700; } .warenkorb_wolle_tpreis{ float: left; margin-left: 40px; width: 60%; font-weight: 700; } .warenkorb_wolle_under .name{ font-weight: 700; } .warenkorb_wolle_under .price{ font-weight: 700; } .warenkorb_wolle_actions{ width: 100%; float:left; } .orderproducts .warenkorb_wolle_actions{ display:none; } .warenkorb_wolle_bearb { } .warenkorb_wolle_bearb a { color: #fff; background-image: url("/files/wollebaerchen/design/bilder/button/button_rassel.png"); background-repeat: no-repeat; background-color: #8B7D7B; border: none; padding: 6px 0px 6px 40px; text-decoration: none; cursor: pointer; background-size: 110px 20px; background-position: 5px 7px; width: 120px; float: left; margin: 24px 6px 0px 0px; border-radius: 3px; font-size: 16px; } .warenkorb_wolle_del { } .warenkorb_wolle_del a { color: #fff; background-image: url("/files/wollebaerchen/design/bilder/button/button_mobile.png"); background-repeat: no-repeat; background-color: #8B7D7B; border: none; padding: 6px 0px 6px 40px; text-decoration: none; cursor: pointer; background-size: 110px 20px; background-position: 5px 7px; width: 120px; float: left; margin: 24px 6px 0px 0px; border-radius: 3px; font-size: 16px; } .warenkorb_wolle_under{ float: right; width: 100%; text-align: left; padding-top: 20px; } .warenkorb_wolle_under .submit_container { border-top: 1px solid #8B7D7B; margin-top:25px; } .warenkorb_wolle_under .submit_container input { background-image: url("/files/wollebaerchen/design/bilder/button/button_warenkorb.png"); background-repeat: no-repeat; background-color: #8B7D7B; border: none; color: white; padding: 10px 20px 10px 40px; text-decoration: none; margin: 24px 2px; cursor: pointer; font-size: 16px; background-size: 110px 20px; background-position: 3px 8px; } .warenkorb_wolle_under .submit_container .continue { background-image: url("/files/wollebaerchen/design/bilder/button/button_warenkorb.png"); background-repeat: no-repeat; background-color: #8B7D7B; border: none; color: white; padding: 6px 15px 6px 40px; text-decoration: none; cursor: pointer; background-size: 110px 20px; background-position: 5px 7px; width: 140px; float: left; margin: 24px 6px 0px 0px; border-radius: 3px; font-size: 16px; } table { text-align: right; float: right }} /************************************************************************** Warenkorb mobile ***************************************************************************/ @media (max-width: 767px) { .wk_mob { display:none; } .warenkorb_wolle{ float: left; width: 100%; border-top: 1px solid #8B7D7B; } .warenkorb_wolle_bild{ text-align: center; margin-top: 15px; } .warenkorb_wolle_name{ width: 100%; font-size: 30px; padding: 15px 25px 0px 24px; } .review .warenkorb_wolle_name{ float: left; width: 100%; border-bottom: none; font-size: 30px; } .warenkorb_wolle_attr{ float: left; width: 100%; } .warenkorb_wolle_menge{ float: left; margin-left: 40px; width: 60%; margin-bottom: 20px; } .review .warenkorb_wolle_menge{ float: left; margin-left: 40px; width: 50%; } .review .warenkorb_wolle_epreis{ float: left; width: calc(100% - 10px); font-weight: 700; text-align: right; } .warenkorb_wolle_epreis{ float: left; width: calc(100% - 10px); font-weight: 700; text-align: right; } .review .warenkorb_wolle_tpreis{ float: left; width: calc(100% - 10px); font-weight: 700; text-align: right; } .warenkorb_wolle_tpreis{ float: left; width: calc(100% - 10px); font-weight: 700; text-align: right; } .warenkorb_wolle_under .name{ font-weight: 700; } .warenkorb_wolle_under .price{ font-weight: 700; } .warenkorb_wolle_actions{ width: 100%; float:left; } .orderproducts .warenkorb_wolle_actions{ display:none; } .warenkorb_wolle_bearb { } .warenkorb_wolle_bearb a { font-size: 16px; color: #fff; background-image: url("/files/wollebaerchen/design/bilder/button/button_rassel.png"); background-repeat: no-repeat; background-color: #8B7D7B; border: none; padding: 6px 0px 6px 40px; text-decoration: none; cursor: pointer; background-size: 110px 20px; background-position: 5px 7px; width: 100px; float: left; margin: 24px 6px 0px 0px; border-radius: 3px; } .warenkorb_wolle_del { } .warenkorb_wolle_del a { color: #fff; font-size: 16px; background-image: url("/files/wollebaerchen/design/bilder/button/button_mobile.png"); background-repeat: no-repeat; background-color: #8B7D7B; border: none; padding: 6px 0px 6px 40px; text-decoration: none; cursor: pointer; background-size: 110px 20px; background-position: 5px 7px; width: 100px; float: left; margin: 24px 6px 0px 0px; border-radius: 3px; } .warenkorb_wolle_under{ float: right; width: 100%; text-align: left; border-top: 1px solid #8B7D7B; margin-top: 25px; } .warenkorb_wolle_under .submit_container { border-top: 1px solid #8B7D7B; margin-top:30px; } .warenkorb_wolle_under .submit_container input { background-image: url("/files/wollebaerchen/design/bilder/button/button_warenkorb.png"); background-repeat: no-repeat; background-color: #8B7D7B; border: none; color: white; padding: 10px 20px 10px 40px; text-decoration: none; margin: 24px 2px; cursor: pointer; font-size: 16px; background-size: 110px 20px; background-position: 3px 8px; } .warenkorb_wolle_under .submit_container .continue { background-image: url("/files/wollebaerchen/design/bilder/button/button_warenkorb.png"); background-repeat: no-repeat; background-color: #8B7D7B; border: none; color: white; padding: 6px 15px 6px 40px; text-decoration: none; cursor: pointer; background-size: 110px 20px; background-position: 5px 7px; width: 120px; float: left; margin: 24px 6px 0px 0px; border-radius: 3px; } table { text-align: right; float: right }} /************************************************************************** Kasse Desktop&tablet ***************************************************************************/ @media (min-width: 768px) { .kasse_mob { display:none; } .submit_container_preview { display: flex; justify-content: space-around; width: 100%; margin-bottom: 50px; } .button_prev input { background-image: url("/files/wollebaerchen/design/bilder/button/button_warenkorb.png"); background-repeat: no-repeat; background-color: #8B7D7B; border: none; color: white; padding: 10px 20px 10px 40px; text-decoration: none; margin: 24px 2px; cursor: pointer; font-size: 16px; background-size: 110px 20px; background-position: 3px 8px; } .button_order input { background-image: url("/files/wollebaerchen/design/bilder/button/button_warenkorb.png"); background-repeat: no-repeat; background-color: #8B7D7B; border: none; color: white; padding: 10px 20px 10px 40px; text-decoration: none; margin: 24px 2px; cursor: pointer; font-size: 16px; background-size: 110px 20px; background-position: 3px 8px; } .button_prev a { font-size: 16px; color: #fff; background-image: url("/files/wollebaerchen/design/bilder/button/button_warenkorb.png"); background-repeat: no-repeat; background-color: #8B7D7B; border: none; padding: 6px 0px 6px 40px; text-decoration: none; cursor: pointer; background-size: 110px 20px; background-position: 5px 7px; width: 120px; float: left; margin: 24px 6px 0px 0px; border-radius: 3px; } .mod_iso_checkout{ float: left; margin-bottom:25px; padding: 25px; border: 1px solid #8B7D7B; width: calc(100% - 50px); } .steps ol { margin: 0px; padding: 0px; font-size: 15px; display: flex; justify-content: space-between; } .steps li { float:left; display: block; font-size: 13px; } .steps li.active { text-decoration: underline; color: #000; } #billingaddress_new label{ width: 100%; display: block; float: left; } #shippingaddress_new label{ width: 100%; display: block; float: left; } #ctrl_shippingaddress span { float:left; width: 100%; } .mod_iso_checkout .submit_container input { background-image: url("/files/wollebaerchen/design/bilder/button/button_warenkorb.png"); background-repeat: no-repeat; background-color: #8B7D7B; border: none; color: white; padding: 10px 20px 10px 40px; text-decoration: none; margin: 24px 2px; cursor: pointer; font-size: 16px; background-size: 110px 20px; background-position: 3px 8px; } .mod_iso_checkout .error label{ color:red; } .mod_iso_checkout .error p{ display: none; } .mod_iso_checkout .review .error p{ color:red; margin-left: 0px; font-size: 12px; position: relative; padding-bottom: 0px; }} /************************************************************************** Kasse mobile ***************************************************************************/ @media (max-width: 767px) { .kasse_mob { display:none; } .submit_container_preview { display: flex; justify-content: space-around; width: 100%; margin-bottom: 50px; } .button_prev input { background-image: url("/files/wollebaerchen/design/bilder/button/button_warenkorb.png"); background-repeat: no-repeat; background-color: #8B7D7B; border: none; color: white; padding: 10px 20px 10px 40px; text-decoration: none; margin: 24px 2px; cursor: pointer; font-size: 16px; background-size: 110px 20px; background-position: 3px 8px; } .button_order input { background-image: url("/files/wollebaerchen/design/bilder/button/button_warenkorb.png"); background-repeat: no-repeat; background-color: #8B7D7B; border: none; color: white; padding: 10px 20px 10px 40px; text-decoration: none; margin: 24px 2px; cursor: pointer; font-size: 16px; background-size: 110px 20px; background-position: 3px 8px; } .button_prev a { font-size: 16px; color: #fff; background-image: url("/files/wollebaerchen/design/bilder/button/button_warenkorb.png"); background-repeat: no-repeat; background-color: #8B7D7B; border: none; padding: 6px 0px 6px 40px; text-decoration: none; cursor: pointer; background-size: 110px 20px; background-position: 5px 7px; width: 120px; float: left; margin: 24px 6px 0px 0px; border-radius: 3px; } .mod_iso_checkout{ float: left; margin-bottom:25px; padding: 25px; border: 1px solid #8B7D7B; width: calc(100% - 50px); } .steps ol { margin: 0px; padding: 0px; font-size: 15px; display: flex; justify-content: space-between; } .steps li { float:left; display: block; font-size: 13px; } .steps li.active { text-decoration: underline; color: #000; } #billingaddress_new label{ width: 100%; display: block; float: left; } #shippingaddress_new label{ width: 100%; display: block; float: left; } #ctrl_shippingaddress span { float:left; width: 100%; } .mod_iso_checkout .submit_container input { background-image: url("/files/wollebaerchen/design/bilder/button/button_warenkorb.png"); background-repeat: no-repeat; background-color: #8B7D7B; border: none; color: white; padding: 10px 20px 10px 40px; text-decoration: none; margin: 24px 2px; cursor: pointer; font-size: 16px; background-size: 110px 20px; background-position: 3px 8px; } .mod_iso_checkout .error label{ color:red; } .mod_iso_checkout .error p{ display: none; } .mod_iso_checkout .review .error p{ color:red; margin-left: 0px; font-size: 12px; position: relative; padding-bottom: 0px; }} @charset "utf-8"; /* CSS Document */ /************************************************************************** team ***************************************************************************/ #team .content-flex{ display: -webkit-flex; display: -ms-flexbox; display: flex; } @charset "utf-8"; /* CSS Document */ /************************************************************************** Informationen ***************************************************************************/ .informationen .text_bild_bg_img{ background: url("/files/wollebaerchen/design/bilder/reisende_wollebaerchen/test.jpg"); background-repeat: no-repeat; background-size: cover; background-position: center; width: 100%; min-height: 500px; display: flex; justify-content: center; } .informationen .text_bild_container{ width: 80%; } .informationen .text_bild_titel{ background-color: rgba(255,255,255,0.85); margin-top: 50px; width: 100%; display: inline-block; text-align: center; } .informationen .text_bild_titel h2{ font-size: 80px; font-family: "myfont"; margin: 0px 0px -60px 0px; padding: 15px; } .informationen .text_bild_text{ background-color: rgba(255,255,255,0.85); margin-top: 75px; width: 100%; margin-left: 0%; } .informationen .text_bild_text p{ font-size: 25px; margin: 0px 0px 0px 0px; padding: 10px; text-align: center; } @charset "utf-8"; /* CSS Document */ /************************************************************************** Liste Alle ***************************************************************************/ .blog_boxes{ column-count: 3; } /************************************************************************** Boxen ***************************************************************************/ .blogb33{ border: 1px solid #8B7D7B; margin-bottom: 15px; } /************************************************************************** Boxen Inhalt ***************************************************************************/ .blogb33 .bild_container{ padding: 15px 15px 0px 15px; transition: padding 0.7s; } .blogb33 .bild_container:hover{ padding: 0px 0px 0px 0px; } .blogb33 .bild_container_text{ background-color: #8B7D7B; position: relative; z-index: 2; height: 30px; margin-top: -36px; float: left; color:#fff; } .blogb33 .bild_container_text .inside{ padding: 3px 7px 5px 7px; font-weight: 700; } .blogb33 .datum { padding: 0px 15px 0px 15px; } .blogb33 .titel{ padding: 15px 15px 0px 15px; font-family: "myfont"; font-weight: 500; letter-spacing: 1px; font-size: 25px; } .blogb33 .teaser{ padding: 0px 15px 0px 15px; } /************************************************************************** Blog Detail single ***************************************************************************/ .blog_detail .bild_container{ width: 100%; height: 400px; display: flex; justify-content: center; position: relative; } .blog_detail .bild_container img{ object-fit: cover; height: 400px; } .blog_detail .bild_container_text{ position: absolute; z-index: 2; padding: 0px 25px; background-color: rgba(255,255,255,0.85); width: 80%; display: inline-block; text-align: left; margin-top: 297px; } .blog_detail .bild_container_text .text{ background-color: #8B7D7B; margin: 0; color: #fff; padding: 0px 20px 0px 20px; float: left; } .blog_detail .bild_container_text h1{ margin: 0; font-size: 60px; line-height: 60px; padding: 0px 0px 20px 20px; float: left; width: 100%; } .blog_detail .text_container{ width: 80%; margin-left: 10%; } .blog_detail .text_container_info{ display: flex; justify-content: space-between; } .blog_detail .bild_container_text .datum{ } .blog_detail .bild_container_text .autor{ } .blog_detail .blog_text{ margin: 0; padding: 0px 0px 0px 20px; width: 80%; margin-left: 10%; } /************************************************************************** Accordeon Informationen ***************************************************************************/ .ce_accordion[data-icon], .ce_accordion[class^="icon-"], .ce_accordion[class*=" icon-"] { position: relative; } .ce_accordion .toggler { position: relative; padding: .6875em 2.5em .8125em 1.25em; padding-left: 1.25em; border: 1px solid #fff; border-radius: 3px; outline: none; cursor: pointer; background: #8B7D7B; color: #fff; } .ce_accordion .accordion { position: relative; padding: .0625em 1.25em; border: 1px solid #8B7D7B; border-top-color: rgb(178, 185, 196); border-top-color: #8B7D7B; border-radius: 0 0 3px 3px; background: #fff; } .acc_bottom{ margin-bottom: 50px; } .acc_last{ margin-bottom: 0px; } /************************************************************************** google reviews ***************************************************************************/ .gog_rev h2{ text-align: center } .mod_recommendationlist{ display: flex; flex-wrap: wrap; justify-content: space-around; } @media (min-width: 992px) { .mod_recommendationlist .layout_latest{ border: 1px solid #8B7D7B; width: calc(25% - 40px); padding: 10px; }} @media (min-width: 768px) and (max-width: 991px) { .mod_recommendationlist .layout_latest{ border: 1px solid #8B7D7B; width: calc(50% - 40px); padding: 10px; margin-bottom: 25px; }} @media (max-width: 767px) { .mod_recommendationlist .layout_latest{ border: 1px solid #8B7D7B; width: 100%; padding: 10px; margin-bottom: 25px; }}