@import"https://use.typekit.net/fmo4zec.css";@import"https://fonts.googleapis.com/css2?family=Quicksand:wght@300;400;500;700&display=swap";html.no_overflow{height:100%;overflow:hidden}body{margin:0;font-family:"Quicksand",sans-serif;color:#4d4d4c;line-height:1.6em;font-size:17px}body.page{position:relative}h1,.highlight_secondary{color:#5e893b}.home h1{color:#777}h2,.highlight_prime{color:#3f582d}h1,h2,h3,h4,.highlight_zitat{line-height:1.2em;font-family:"adelle",sans-serif;font-weight:500;word-break:break-word}.highlight_zitat{font-size:1.5em}.highlight_list{padding-left:0}.highlight_list li{padding:5px 0 !important;padding-left:35px !important;position:relative}.highlight_list li::after{display:none}.highlight_list li::before{content:"";height:28px;width:28px;background:url(//www.lichtbild-marie.de/wp-content/themes/lbm/_resources/img/check.svg);background-repeat:no-repeat;background-size:cover;background-position:center;position:absolute;left:0;top:5px}em{font-style:normal}a{font-family:"Quicksand",sans-serif;text-decoration:none;color:#3f582d;transition:color .2s ease}.fade_el{opacity:1}a:hover{color:#5e893b}img.alignleft{float:left;margin-right:15px;margin-bottom:5px;margin-top:5px}img.alignright{float:right;margin-left:15px;margin-bottom:5px;margin-top:5px}img.aligncenter{display:block;margin:auto}.content_wrapper ul{list-style:none;padding-left:15px}.content_wrapper ul li{padding-left:15px;position:relative}.content_wrapper ul li::after{content:"";position:absolute;height:6px;width:6px;background:#3f582d;top:8px;left:0px;border-radius:50%}.clearfix{clear:both}.logo_wrapper{height:140px;width:100%;padding:20px 0px;-webkit-box-sizing:border-box;box-sizing:border-box;background:#fff}.logo_wrapper.sticky{position:fixed;top:-70px;-webkit-box-shadow:0px 1px 5px 0px rgba(0,0,0,.5);-moz-box-shadow:0px 1px 5px 0px rgba(0,0,0,.5);box-shadow:0px 1px 5px 0px rgba(0,0,0,.5)}.logo{display:block;float:left;height:100px;width:220px;background:url(//www.lichtbild-marie.de/wp-content/themes/lbm/_resources/img/lbm_logo-wortmarke-01.svg) center center no-repeat;background-size:contain;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.logo:hover{-webkit-transform:scale(1.03);transform:scale(1.03)}.sticky .logo{height:46px;width:120px;margin-top:60px}.content_el_holder{padding:80px 0px}.content_el_holder p img{border-radius:10px;max-width:100%}.content_el_holder a{font-weight:500}.content_el_holder.no_top_padding{padding-top:0px}.content_el_standard{margin:auto;max-width:900px}.content_el_dark{background-color:#efefef}.content_el_dark .hinweis{width:200px;height:140px;margin-top:-80px;background-image:url(//www.lichtbild-marie.de/wp-content/themes/lbm/_resources/img/grafik-galerie.svg);background-repeat:no-repeat;background-position:left top;background-size:contain;color:#fff;font-size:25px;line-height:1.2em;margin-bottom:35px}.content_el_dark .hinweis span{display:block;padding-top:20px;padding-left:20px;font-family:"adelle",sans-serif;font-weight:500}.content_el_dark h2{-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.leistung_box{position:relative}.leistung_box video{width:100%;display:block;height:auto;border-radius:10px}.leistung_box .overlay-box{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);background:rgba(255,255,255,.8);padding:15px;border-radius:8px;max-width:calc(100% - 30px);max-height:calc(100% - 30px);overflow:auto}.leistung_box .overlay-box h3{margin-top:0px}.res_holder .leistung_box_wrapper{margin-bottom:80px}.res_holder .leistung_box_wrapper:last-of-type{margin-bottom:0px}.leistung_box_bild{display:block;width:400px;height:267px;position:absolute;left:0px;bottom:0px;top:0px;margin:auto;border-radius:10px}.pic_right .leistung_box_bild{left:auto;right:0px}.leistung_box_content{margin-left:430px;min-height:267px;background:#fff;padding:25px;color:#4d4d4c;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;border-radius:10px}.leistung_box_content p:last-of-type{margin-bottom:0px}.pic_right .leistung_box_content{margin-left:0px;margin-right:430px}.leistung_box_content a{font-family:"Quicksand",sans-serif;color:#3f582d}.pic_right .leistung_box_content{left:0px;right:430px}.leistung_box_content h2{margin-top:0px;display:inline-block}.res_holder{width:1280px;padding:0px 30px;margin:auto;max-width:calc(100% - 60px)}.main_menu_wrapper{height:35px;padding:10px 0px;max-width:calc(100% - 250px);float:right;display:inline-block;margin-top:60px}.main_menu_wrapper ul{list-style:none;padding:0px;margin:0px}.main_menu_wrapper ul li{float:left;margin-left:30px}.main_menu_wrapper ul li a{font-family:"adelle",sans-serif;font-weight:500;color:#4d4d4c;text-decoration:none;padding:7px 0px;font-size:20px}.main_menu_wrapper ul li.current_page_ancestor>a,.main_menu_wrapper ul li.current-menu-item>a,.main_menu_wrapper ul li:hover>a{color:#5e893b;font-weight:500}.main_menu_wrapper .sub-menu{display:none;position:absolute;width:100%;left:0px;background-color:#efefef;padding:40px 0px;margin-top:21px;height:360px}.main_menu_wrapper .sub-menu::before{content:"";height:21px;width:100%;position:absolute;left:0px;top:-21px}.main_menu_wrapper .sub-menu::after{content:"";height:1000%;width:100%;position:absolute;left:0px;bottom:-1000%;background:rgba(0,0,0,.7);pointer-events:none}.sub-menu .res_holder{position:relative;height:360px;width:1100px;padding:0px}.sub-menu ul li{float:none;margin-left:0px}.sub-menu ul{width:calc(100% - 780px);padding-right:50px;border-right:1px solid #fff;height:100%}.main_menu_wrapper .sub-menu ul li a{padding:5px 0px;margin:7px 0px;display:inline-block;font-weight:500;color:#4d4d4c}.main_menu_wrapper .sub-menu ul li a:hover,.main_menu_wrapper .sub-menu ul li.active a{color:#5e893b}.sub-menu .menupoint_content{display:none;width:680px;position:absolute;right:0px;top:0px}.sub-menu .active .menupoint_content{display:block;-webkit-animation:fadein .3s;-moz-animation:fadein .3s;-o-animation:fadein .3s;animation:fadein .3s}.sub-menu .menupoint_content span{display:block;color:#5e893b !important}.sub-menu .menupoint_content span:last-of-type{font-family:"Quicksand",sans-serif;color:#4b4b4b !important;font-size:17px;margin-bottom:30px;max-height:27px}.sub-menu .menupoint_content img{width:680px;height:275px}.main_menu_wrapper .menu-item-has-children:hover .sub-menu{display:block;-webkit-animation:fadein .3s;-moz-animation:fadein .3s;-o-animation:fadein .3s;animation:fadein .3s}.trees{color:#fff;line-height:35px;font-size:18px;position:relative}.trees::after{content:"";position:absolute;right:-40px;top:0px;bottom:0px;margin:auto;height:35px;width:35px;background:url(//www.lichtbild-marie.de/wp-content/themes/lbm/_resources/img/trees.svg) center center no-repeat;background-size:35px}.trees:hover{color:#bfbfbf}.counter{text-align:center;font-size:20px;color:#777}.counter span{color:#3f582d;font-size:100px;line-height:100px}.top_menu{display:inline-block;float:right}.top_menu ul{margin:0px;padding:0px;list-style:none}.top_menu ul li{float:left;margin-right:20px;position:relative;line-height:35px}.top_menu ul li::after{content:"–";position:absolute;top:0px;right:-13px;color:#fff}.top_menu ul li:last-of-type::after{display:none}.top_menu ul li:last-of-type{margin-right:0px}.top_menu ul li a{color:#fff;font-family:"Quicksand",sans-serif;padding:5px 0px;font-size:18px}.top_menu ul li a:hover,.top_menu ul li.current-menu-item a{color:#bfbfbf}.slider_placeholder{height:195px;width:100%}.header_area{position:absolute;width:100%;top:0px;left:0px;z-index:99;background:#fff;padding-top:35px}.header_area .top_wrapper{position:absolute;top:0px;left:0px;height:35px;width:100%;overflow:hidden;background:#3f582d;-webkit-animation:top_menu_slide 1.2s;-moz-animation:top_menu_slide 1.2s;-o-animation:top_menu_slide 1.2s;animation:top_menu_slide 1.2s}.slider_holder{padding-top:175px}.slider_counter{position:absolute;height:10px;bottom:-20px;left:0px;width:100%;display:flex;justify-content:center}.slider_counter .dot{height:10px;width:10px;background-color:#5e893b;margin:0px 5px;border-radius:7px;transition:all .3s ease-in-out}.slider_counter .active{background-color:#3f582d}.header_img_wrapper{position:relative;width:100%;height:0%;padding-bottom:66.7%}.header_img_wrapper .slider_desktop_pic{display:none;height:auto;width:100%;position:absolute;left:0px;top:0px;border-radius:10px}.header_img_wrapper .slider_desktop_pic:first-child{display:block}.header_img_wrapper img.slider_mobil_pic{display:none}.footer_area{background-color:#efefef;border-top:60px solid #3f582d;text-align:center;margin-top:80px;position:relative}.footer_area .design_el{width:163px;height:60px;position:absolute;left:0px;top:0px;background:url(//www.lichtbild-marie.de/wp-content/themes/lbm/_resources/img/grafik-footer-obe.svg) center center no-repeat;background-size:cover}.footer_area .design_el_2{width:282px;height:166px;position:absolute;right:0px;bottom:0px;background:url(//www.lichtbild-marie.de/wp-content/themes/lbm/_resources/img/grafik-footer-unten.svg) center 28px no-repeat;background-size:cover}@media only screen and (max-width: 920px){.footer_area{border-top:40px solid #3f582d}.footer_area .design_el{width:114px;height:42px}.footer_area .design_el_2{width:200px;height:120px}}@media only screen and (max-width: 740px){.footer_area .design_el_2{display:none}}.footer_wrapper .menu-footer-container{width:320px;max-width:100%;margin:auto}.tele_link,.mail_link{display:inline-block;height:35px;line-height:35px}.tele_link span,.mail_link span{color:#4d4d4c}.tele_link{margin-top:50px}.footer_area ul{margin:0px;margin-top:40px;padding:0px;list-style:none;display:flex;justify-content:space-between;flex-flow:row wrap;padding-bottom:30px;border-top:2px solid #5e893b}.footer_area ul li a{display:inline-block;height:35px;line-height:35px}.kunden_bilder_wrapper{margin-top:50px;width:100%;display:flex;justify-content:center;flex-flow:row wrap}.kunden_bilder_wrapper .kunden_bild{height:187px;margin:0px 5px 50px 5px;position:relative}.kunden_bilder_wrapper.only_chosen .kunden_bild{display:none}.kunden_bilder_wrapper.only_chosen .kunden_bild.active{display:block}.kunden_bilder_wrapper .kunden_bild img{max-height:100%;max-width:100%;cursor:pointer;-webkit-box-shadow:0px 1px 5px 0px rgba(0,0,0,.5);-moz-box-shadow:0px 1px 5px 0px rgba(0,0,0,.5);box-shadow:0px 1px 5px 0px rgba(0,0,0,.5)}.kunden_bilder_wrapper .kunden_bild .merken_button,.bild_merken{position:absolute;height:40px;width:40px;background:#fff;cursor:pointer;top:0;right:0;-webkit-box-shadow:0px 1px 5px 0px rgba(0,0,0,.5);-moz-box-shadow:0px 1px 5px 0px rgba(0,0,0,.5);box-shadow:0px 1px 5px 0px rgba(0,0,0,.5)}.auswahl_lightbox .bild_merken{right:0px;height:50px;line-height:50px;box-sizing:border-box;padding-left:50px;width:300px;left:0px;bottom:0px;top:auto;margin:auto;background:#3f582d;border-radius:5px 5px 0px 0px;text-align:center;font-size:18px;color:#fff}.auswahl_lightbox .bild_merken .bild_merken_checkbox{height:30px;width:30px;background:#fff;position:absolute;left:10px;top:0px;bottom:0px;margin:auto;border-radius:5px}.auswahl_lightbox .bild_merken .bild_merken_checkbox::after{content:"";opacity:0;position:absolute;top:2px;right:9px;border:solid #3f582d;border-width:0 3px 3px 0;padding:9px 4px;-webkit-transform:rotate(45deg) skew(10deg, 10deg);transform:rotate(45deg) skew(10deg, 10deg);transition:.4s ease}.auswahl_lightbox .bild_merken:hover .bild_merken_checkbox::after{opacity:1;border:solid #ccc;border-width:0 3px 3px 0}.auswahl_lightbox .bild_merken.active .bild_merken_checkbox::after{opacity:1;border:solid #3f582d;border-width:0 3px 3px 0}.kunden_bilder_wrapper .kunden_bild .merken_button::after{content:"";opacity:0;position:absolute;top:2px;right:12px;border:solid #3f582d;border-width:0 4px 4px 0;padding:12px 5px;-webkit-transform:rotate(45deg) skew(10deg, 10deg);transform:rotate(45deg) skew(10deg, 10deg);transition:.4s ease}.kunden_bilder_wrapper .kunden_bild .merken_button:hover::after{opacity:1;border:solid #ccc;border-width:0 4px 4px 0}.kunden_bilder_wrapper .kunden_bild.active .merken_button::after{opacity:1;border:solid #3f582d;border-width:0 4px 4px 0}.berechnung_wrapper,.berechnung_wrapper span.preis_zusatz{color:#a6a6a6}.berechnung_wrapper span{color:#4d4d4c}.berechnung_wrapper .auswahl_senden,.download_button,.popup_content .close{height:40px;background:#3f582d;color:#fff;cursor:pointer;display:inline-block;width:260px;line-height:40px;text-align:center;margin-top:50px;transition:background .3s ease;-webkit-box-shadow:0px 1px 5px 0px rgba(0,0,0,.5);-moz-box-shadow:0px 1px 5px 0px rgba(0,0,0,.5);box-shadow:0px 1px 5px 0px rgba(0,0,0,.5)}.auswahl_senden.loading{background:#a6a6a6 !important}.berechnung_wrapper .auswahl_senden:hover,.berechnung_wrapper .auswahl_senden.sent,.download_button:hover,.popup_content .close:hover{background:#4d4d4c}.only_auswahl_error{display:none;position:absolute;width:100%;left:0px;bottom:-55px;text-align:center}.only_auswahl_error p{font-size:18px}.only_auswahl{margin:auto;margin-top:50px;text-align:center;position:relative}.only_auswahl span,.only_auswahl.active span:first-of-type{color:#fff;background:#a6a6a6;padding:7px 15px;display:inline-block;cursor:pointer;-webkit-box-shadow:0px 1px 5px 0px rgba(0,0,0,.5);-moz-box-shadow:0px 1px 5px 0px rgba(0,0,0,.5);box-shadow:0px 1px 5px 0px rgba(0,0,0,.5)}.only_auswahl span:first-of-type,.only_auswahl.active span:last-of-type{color:#fff;background:#3f582d;padding:7px 15px;-webkit-box-shadow:0px 1px 5px 0px rgba(0,0,0,.5);-moz-box-shadow:0px 1px 5px 0px rgba(0,0,0,.5);box-shadow:0px 1px 5px 0px rgba(0,0,0,.5)}.only_auswahl span:first-of-type,.only_auswahl.active span:last-of-type{transform:scale(1.1)}.only_auswahl.active span:first-of-type{transform:none}.download_button:hover{color:#fff !important}.separator{width:100%;height:2px;background:#a6a6a6}.separator.margin{margin:50px 0px}.auswahl_popup{display:none;position:fixed;z-index:999999;background:rgba(0,0,0,.9);height:100%;width:100%;top:0px;left:0px}.auswahl_popup .popup_content{padding:30px;background:#fff;color:#4d4d4c;position:absolute;height:200px;width:400px;left:0px;right:0px;bottom:0px;top:0px;margin:auto}.popup_content .close{width:120px;position:absolute;left:0px;right:0px;bottom:20px;margin:auto}.popup_content .popup_hl{display:block;text-align:center;font-size:20px;margin-bottom:20px}.popup_content .popup_text{text-align:center;display:block}.kunden_bild .img_wrapper{display:inline-block;position:relative}.kunden_bild .bild_nummer{position:absolute;bottom:-20px;display:block;width:100%;text-align:center}.checkbox{max-width:500px}textarea,input.text,input[type=text],input[type=button],input[type=submit],input[type=email],.input-checkbox{-webkit-appearance:none;border-radius:0;font-weight:normal;font-family:"Quicksand",sans-serif}textarea{resize:none;width:100%;max-width:500px;height:250px;border:1px solid #f2f2f2;font-size:17px;color:#777;line-height:1.5em;box-sizing:border-box;padding:10px 10px;margin-bottom:10px}textarea:focus,input:focus{outline-color:#3f582d}.error textarea,.error input{border:2px solid red !important}.mail_input{height:35px;line-height:35px;width:350px;border:1px solid #f2f2f2;text-indent:10px;font-size:17px;color:#777;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding-right:10px;max-width:100%}.kundenname_email_wrapper{margin-bottom:20px}.kundenname_email_wrapper input{height:36px;border:1px solid #f2f2f2;font-size:17px;color:#777;line-height:1.5em;box-sizing:border-box;padding:10px 10px;margin-bottom:10px;width:250px;max-width:45%}.kontaktformular form .submit{height:33px;display:block;line-height:35px;color:#fff;text-indent:10px;width:200px;background:#5e893b;transition:all .3s ease;position:relative}.kontaktformular form .submit::after{content:"";position:absolute;right:15px;top:12px;border:solid #fff;border-width:0 2px 2px 0;padding:4px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}form .submit:hover{background:#3f582d}.kontaktformular .dsgvo_checkbox{margin-top:35px;margin-bottom:15px;padding-left:50px;position:relative}.dsgvo_checkbox .check{height:27px;width:27px;background:#fff;position:absolute;left:0px;top:-4px;bottom:0px;margin:auto;cursor:pointer;transition:all .3s ease}.dsgvo_checkbox .check .haken{position:absolute;height:21px;width:21px;top:1px;font-size:27px;font-weight:bold;left:2px;color:#5e893b;-webkit-animation:fadeout .3s;-moz-animation:fadeout .3s;-o-animation:fadeout .3s;animation:fadeout .3s;display:none}.error_dsgvo,.error_mail{display:none;position:absolute;background:#fff;padding:10px 10px;border-radius:3px;bottom:-54px;left:0px;z-index:1;color:#777;-webkit-box-shadow:0px 1px 5px 0px rgba(0,0,0,.5);-moz-box-shadow:0px 1px 5px 0px rgba(0,0,0,.5);box-shadow:0px 1px 5px 0px rgba(0,0,0,.5)}.error_mail{bottom:-54px}.mail_input_wrapper{position:relative;display:inline-block;max-width:100%}.dsgvo_checkbox .check.active .haken{display:block;-webkit-animation:fadein .3s;-moz-animation:fadein .3s;-o-animation:fadein .3s;animation:fadein .3s}.error_dsgvo::after,.error_mail::after{content:"";position:absolute;width:15px;height:15px;top:-4px;left:7px;transform:rotate(225deg);background:#fff;-webkit-box-shadow:4px 4px 4px -4px rgba(0,0,0,.3);-moz-box-shadow:4px 4px 4px -4px rgba(0,0,0,.3);box-shadow:4px 4px 4px -4px rgba(0,0,0,.3);z-index:1}.mail_success,.mail_error{display:none}.auswahl_lightbox{position:fixed;display:none;left:0px;right:0px;top:0px;bottom:0px;background:rgba(0,0,0,.85);z-index:999}.auswahl_lightbox.active{display:block}.auswahl_lightbox .image_holder{position:absolute;left:70px;right:70px;top:70px;bottom:70px;z-index:1000}.auswahl_lightbox .image_holder .img_wrapper{position:absolute;top:0px;bottom:0px;left:0px;right:0px;margin:auto}.auswahl_lightbox .image_holder img{max-height:100%;max-width:100%;width:auto;height:auto;position:absolute;top:0;bottom:0;left:0;right:0;margin:auto}.auswahl_lightbox .skip_forward,.auswahl_lightbox .skip_backward{position:fixed;height:300px;width:70px;right:0px;top:0px;bottom:0px;margin:auto;cursor:pointer;transition:all .2s ease}.auswahl_lightbox .skip_forward:active,.auswahl_lightbox .skip_backward:active{-webkit-transform:scale(0.9);transform:scale(0.9)}.auswahl_lightbox .skip_backward{right:auto;left:0px}.auswahl_lightbox .skip_forward .arrow,.auswahl_lightbox .skip_backward .arrow{position:absolute;top:0px;bottom:0px;left:-10px;margin:auto;height:20px;width:20px;border:solid #fff;border-width:0 4px 4px 0;padding:15px 15px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);transition:.4s ease}.auswahl_lightbox .skip_backward .arrow{-webkit-transform:rotate(135deg);transform:rotate(135deg);left:25px}.auswahl_lightbox .skip_forward:hover .arrow{left:-5px}.auswahl_lightbox .skip_backward:hover .arrow{left:20px}.auswahl_lightbox .close_auswahl_lightbox{position:absolute;right:0px;top:0px;width:50px;height:50px;cursor:pointer}.auswahl_lightbox .close_auswahl_lightbox:hover{-webkit-transform:scale(1.05);transform:scale(1.05)}.auswahl_lightbox .close_auswahl_lightbox:before,.auswahl_lightbox .close_auswahl_lightbox:after{position:absolute;left:15px;top:17px;content:" ";height:33px;width:2px;background-color:#fff}.auswahl_lightbox .close_auswahl_lightbox:before{transform:rotate(45deg)}.auswahl_lightbox .close_auswahl_lightbox:after{transform:rotate(-45deg)}.auswahl_lightbox .auswahl_counter{color:#fff;display:inline-block;position:absolute;bottom:0px;right:5px}.anmerkung_wrapper,.kundenname_email_wrapper{position:relative}.anmerkung_wrapper .anmerkung_error,.kundenname_email_wrapper .kundenname_email_error{position:absolute;font-size:15px;color:red;bottom:-8px;opacity:0;transition:all .3s ease}.kundenname_email_wrapper .kundenname_email_error{bottom:-14px}.anmerkung_wrapper.error .anmerkung_error,.kundenname_email_wrapper.error .kundenname_email_error{opacity:1}.footer_social{margin:auto;margin-top:30px;margin-bottom:30px}.zwei_spaltig .links,.zwei_spaltig .rechts{float:left;width:50%}.zwei_spaltig .rechts{padding-left:50px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}@media only screen and (max-width: 767px){.zwei_spaltig .rechts{padding-top:45px}}.more_link_wrapper{display:flex;justify-content:center;align-items:center;margin-top:25px}.more_link{display:inline-block;padding:6px 10px 6px 10px;border-radius:5px;background:#5e893b;color:#fff;font-family:"Quicksand",sans-serif;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.more_link:hover{color:#fff;background:#3f582d}.map_holder{width:60%;height:450px;overflow:hidden;float:left;-webkit-box-shadow:0px 1px 5px 0px rgba(0,0,0,.5);-moz-box-shadow:0px 1px 5px 0px rgba(0,0,0,.5);box-shadow:0px 1px 5px 0px rgba(0,0,0,.5)}.address{width:40%;float:right;padding-left:50px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.map_holder #map{height:100%;width:100%}.content_el_holder.inhaltsverzeichnis h2{text-align:center}.content_el_holder .gray_bg{height:100%;width:100%;padding:20px 20px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.inhaltsverzeichnis .jumps_holder{text-align:center;margin-top:50px}.inhaltsverzeichnis .jumps_holder .jump_link{margin-bottom:15px;color:#fff;cursor:pointer}.inhaltsverzeichnis .jumps_holder .jump_link:hover{color:#fff;background:#3f582d}.content_el_holder h2:first-of-type{margin-top:0}.gutschein_wrapper{display:flex;justify-content:space-around;color:#404040;max-width:640px;margin:auto}.gutschein{display:block;width:260px;max-width:calc(100% - 40px);height:320px;border-radius:5px;background:#fff;position:relative;padding:20px;padding-bottom:80px;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.gutschein h2{color:#3f582d;margin-top:0px !important}.gutschein h2 span{font-size:14px}.purchase_button{height:40px;line-height:40px;background:#3f582d;text-align:center;text-transform:uppercase;color:#fff;font-size:16px;position:absolute;bottom:20px;left:20px;right:20px;border-radius:5px;cursor:pointer}.gutschein .rabatt{height:35px;width:67px;background:#c4151c;border-radius:5px;text-align:center;line-height:35px;color:#fff;position:absolute;right:-10px;top:-17px;font-size:20px}.gutschein img{width:150px;height:auto;display:block;margin:auto;border-radius:5px}.gutschein p{color:#a6a6a6 !important}.gutschein:hover{transform:scale(1.05)}.content_el_aktueller_hinweis{background-color:#efefef}.content_el_aktueller_hinweis .hinweis_wrapper .hinweis{width:230px;height:180px;margin-top:-80px;background-image:url(//www.lichtbild-marie.de/wp-content/themes/lbm/_resources/img/aktueller_hinweis.svg);background-repeat:no-repeat;background-position:left top;background-size:contain;color:#fff;font-size:25px;line-height:1.2em;float:left}.content_el_aktueller_hinweis .hinweis_wrapper .hinweis span{display:block;padding-top:30px;padding-left:30px}.content_el_aktueller_hinweis .hinweis_wrapper .text{float:right;width:calc(100% - 270px)}@media only screen and (max-width: 780px){.content_el_aktueller_hinweis .hinweis_wrapper .hinweis{float:none}.content_el_aktueller_hinweis .hinweis_wrapper .text{width:100%}}.hamburger::after{font-family:"adelle",sans-serif;font-weight:500}.more_info_link{display:inline-block;padding:10px 15px;padding-right:80px;background-color:#5e893b;color:#fff !important;border-radius:5px;font-size:20px;position:relative;overflow:hidden;cursor:pointer;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.more_info_link:hover{color:#fff !important;background-color:#3f582d}.more_info_link::after{content:"";height:100%;width:50px;position:absolute;right:0px;top:5px;bottom:0px;margin:auto;background-image:url(//www.lichtbild-marie.de/wp-content/themes/lbm/_resources/img/arrow_w_g.svg);background-repeat:no-repeat;background-size:100%;background-position:center}.more_info_link::before{content:"";border:solid #5e893b;border-width:0 2px 2px 0;display:inline-block;padding:0px;position:absolute;right:21px;top:0px;z-index:1;bottom:0px;height:10px;width:10px;margin:auto;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.more_info_link:hover::before{border-color:#3f582d}.h2_bundles{color:#5e893b;font-size:2em;text-align:center}.bundle_text{padding:30px;border-radius:10px;-webkit-box-shadow:0px 1px 25px 0px rgba(0,0,0,.1);-moz-box-shadow:0px 1px 25px 0px rgba(0,0,0,.1);box-shadow:0px 1px 25px 0px rgba(0,0,0,.1);margin-bottom:30px}.bundles_wrapper{display:flex;flex-flow:wrap;gap:30px}.bundles_wrapper .bundle{display:flex;flex-direction:column;flex:1 1 280px;padding:30px;padding-bottom:100px;border-radius:10px;overflow:hidden;background:#fff;position:relative;-webkit-box-shadow:0px 1px 25px 0px rgba(0,0,0,.1);-moz-box-shadow:0px 1px 25px 0px rgba(0,0,0,.1);box-shadow:0px 1px 25px 0px rgba(0,0,0,.1)}.bundles_wrapper .bundle .bundle_content .description{min-height:128px}.bundles_wrapper .bundle .bundle_details{display:flex;flex-direction:column}.bundles_wrapper .bundle h3{font-size:50px;margin:0px;text-align:center;color:#3f582d;font-weight:300}.bundles_wrapper .bundle strong{font-weight:500}.bundles_wrapper .bundle .additional_info p{font-size:18px}.bundles_wrapper .bundle .bundle_price,.bundles_wrapper .bundle .bundle_price_reduced{color:#5e893b;font-size:32px;font-weight:300;display:block;text-align:center}.bundles_wrapper .bundle .bundle_price_reduced{color:#be5050}.bundles_wrapper .bundle .bundle_price_reduced span{color:#4d4d4c;text-decoration:line-through}.bundles_wrapper .bundle .reduced_text{display:block;text-align:center;color:#be5050}.bundles_wrapper .bundle .bundle_divider{height:2px;width:100%;margin:10px auto 20px auto;background:#efefef}.bundles_wrapper .bundle p{text-align:center;color:#707070;font-weight:300;font-size:18px;line-height:1.4em}.bundles_wrapper .bundle .bundle_addon{width:calc(100% - 20px);border-radius:5px;background:#efefef;padding:0px 10px;position:relative;margin-top:70px}.bundles_wrapper .bundle .bundle_addon *{margin:0px;padding:0px;font-size:25px}.bundles_wrapper .bundle .bundle_addon li::after{display:none}.bundles_wrapper .bundle .bundle_addon li{padding:20px 0px;font-size:25px;font-weight:300;border-bottom:2px solid #5e893b;text-align:center}.bundles_wrapper .bundle .bundle_addon li:last-of-type{border-bottom:none}.bundles_wrapper .bundle .bundle_addon li::before{content:"ODER";color:#5e893b;background:#efefef;position:absolute;left:0px;right:0px;top:-15px;margin:auto;font-size:18px;font-weight:500;width:59px;text-align:center}.bundles_wrapper .bundle .bundle_addon li:first-of-type::before{display:none}.bundles_wrapper .bundle .bundle_addon::before{content:"Inklusive";font-size:25px;font-weight:500;text-align:center;color:#5e893b;position:absolute;top:-36px;left:0px;right:0px}.bundles_wrapper .bundle a{display:block;position:absolute;padding:7px 10px;background:#3f582d;bottom:30px;left:30px;right:30px;margin:auto;color:#fff;text-align:center;border-radius:5px;font-size:18px;font-weight:400;-webkit-box-shadow:0px 1px 5px 0px rgba(0,0,0,.5);-moz-box-shadow:0px 1px 5px 0px rgba(0,0,0,.5);box-shadow:0px 1px 5px 0px rgba(0,0,0,.5);-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.bundles_wrapper .bundle a:hover{background:#5e893b}.bundles_wrapper .bundle .reduced_border{display:none;position:absolute;height:7px;background:#be5050;left:0px;right:0px;top:0px}.bundles_wrapper .bundle.reduced .reduced_border{display:block}.bundles_wrapper.new{display:flex;flex-flow:wrap;gap:30px}.bundles_wrapper.new .bundle{padding:20px;border-radius:10px;overflow:hidden;background:#fff;position:relative;flex:1 1 280px;-webkit-box-shadow:0px 1px 25px 0px rgba(0,0,0,.1);-moz-box-shadow:0px 1px 25px 0px rgba(0,0,0,.1);box-shadow:0px 1px 25px 0px rgba(0,0,0,.1)}.bundles_wrapper.new .bundle .rabatt_flag{position:absolute;top:0px;right:0px;padding:0px 5px;background:#c4151c;border-radius:0 10px;color:#fff}.bundles_wrapper.new .bundle .extension_img{width:100%;margin-top:20px;border-radius:10px}.bundles_wrapper.new .bundle .price_wrapper{margin-top:auto}.bundles_wrapper.new .bundle .bundle_divider{height:2px;width:100%;margin:10px auto;background:#efefef}.bundles_wrapper.new .bundle h3{font-size:34px;margin:0;text-align:center;color:#3f582d;font-weight:300}.bundles_wrapper.new .bundle p.subline{font-family:"adelle",sans-serif;color:#5e893b;margin-top:5px;margin-bottom:0;font-size:24px}.bundles_wrapper.new .bundle .details{padding:20px;border-radius:5px;background-color:#efefef;list-style:none;margin:0}.bundles_wrapper.new .bundle .details>li{padding-left:40px;padding-right:30px;position:relative;margin-bottom:30px}.bundles_wrapper.new .bundle .details>li>img{width:30px;height:30px;position:absolute;left:0;top:-2px}.bundles_wrapper.new .bundle .details>li p{text-align:left;position:relative;margin:0;color:#4b4b4b}.bundles_wrapper.new .bundle .details>li .bundle_popup_icon{display:inline-block;height:30px;width:30px;background-image:url(//www.lichtbild-marie.de/wp-content/themes/lbm/_resources/img/info_popup.svg);background-repeat:no-repeat;background-position:center;background-size:20px;position:absolute;bottom:-3px;cursor:pointer;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.bundles_wrapper.new .bundle .details>li .bundle_popup_icon:hover{transform:scale(1.1)}.bundles_wrapper.new .bundle .details li:last-of-type{margin-bottom:0}.bundles_wrapper.new .bundle .details li::after{display:none}.bundles_wrapper.new .bundle .sub_hl{color:#5e893b;margin-top:25px;margin-bottom:10px;font-weight:700}.bundles_wrapper.new .bundle .bundle_popup,.bundles_wrapper.new .bundle .sk_price_popup{position:fixed;left:0;right:0;top:0;bottom:0;z-index:999;background-color:rgba(0,0,0,.7);display:none}.bundles_wrapper.new .bundle .bundle_popup .popup_content,.bundles_wrapper.new .bundle .sk_price_popup .popup_content{border-radius:5px;background-color:#fff;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:calc(100% - 80px);max-width:600px;max-height:calc(100% - 80px);padding:30px;margin:auto;overflow:scroll}.bundles_wrapper.new .bundle .bundle_popup .popup_content img,.bundles_wrapper.new .bundle .sk_price_popup .popup_content img{border-radius:10px;width:100%;height:auto}.bundles_wrapper.new .bundle .bundle_popup .popup_content ul,.bundles_wrapper.new .bundle .sk_price_popup .popup_content ul{list-style:initial;margin-left:15px}.bundles_wrapper.new .bundle .bundle_popup .popup_content ul li,.bundles_wrapper.new .bundle .sk_price_popup .popup_content ul li{padding-left:0}.bundles_wrapper.new .bundle .bundle_popup .popup_content ul li::after,.bundles_wrapper.new .bundle .sk_price_popup .popup_content ul li::after{display:none}.bundles_wrapper.new .bundle .bundle_popup .popup_content .highlight_list,.bundles_wrapper.new .bundle .sk_price_popup .popup_content .highlight_list{list-style:none;margin-left:0}.bundles_wrapper.new .bundle .bundle_popup .popup_content h2,.bundles_wrapper.new .bundle .bundle_popup .popup_content h3,.bundles_wrapper.new .bundle .sk_price_popup .popup_content h2,.bundles_wrapper.new .bundle .sk_price_popup .popup_content h3{margin-top:0;font-size:30px;margin-bottom:.8em}.bundles_wrapper.new .bundle .bundle_popup .popup_content p,.bundles_wrapper.new .bundle .sk_price_popup .popup_content p{margin-top:1em;margin-bottom:1em}.bundles_wrapper.new .bundle .bundle_popup .popup_content p:first-of-type,.bundles_wrapper.new .bundle .sk_price_popup .popup_content p:first-of-type{margin-top:0}.bundles_wrapper.new .bundle .bundle_popup .popup_content .close_popup,.bundles_wrapper.new .bundle .sk_price_popup .popup_content .close_popup{position:absolute;z-index:2;top:0;right:0;height:45px;width:45px;background-image:url(//www.lichtbild-marie.de/wp-content/themes/lbm/_resources/img/close.svg);background-size:28px;background-position:center;background-repeat:no-repeat;cursor:pointer}.bundles_wrapper.new .bundle .bundle_popup .popup_content *,.bundles_wrapper.new .bundle .sk_price_popup .popup_content *{text-align:left}.bundles_wrapper.new .bundle .bundle_popup .popup_content a,.bundles_wrapper.new .bundle .sk_price_popup .popup_content a{position:initial}.bundles_wrapper.new .bundle .bundle_popup.active,.bundles_wrapper.new .bundle .sk_price_popup.active{display:block}.bundles_wrapper.new .bundle .price{font-size:34px;font-family:"adelle",sans-serif;margin-top:0;color:#5e893b}.bundles_wrapper.new .bundle .sk_price>p{font-size:16px;color:#4b4b4b;font-weight:700;position:relative}.bundles_wrapper.new .bundle .sk_price>p .bundle_popup_icon{display:inline-block;height:30px;width:30px;background-image:url(//www.lichtbild-marie.de/wp-content/themes/lbm/_resources/img/info_popup.svg);background-repeat:no-repeat;background-position:center;background-size:20px;position:absolute;bottom:-3px;cursor:pointer;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.bundles_wrapper.new .bundle .sk_price>p .bundle_popup_icon:hover{transform:scale(1.1)}.bundles_wrapper.new .bundle_extension .price{margin-bottom:0}.bundles_wrapper.new .bundle_extension .price_full{color:#c4151c;margin-top:0}.bundle_divider{height:2px;width:100%;margin:10px auto;background:#efefef}.sub_bundles{text-align:center;margin-top:5px;font-size:14px}.sub_bundles_box{padding:20px;border-radius:10px;-webkit-box-shadow:0px 1px 25px 0px rgba(0,0,0,.1);-moz-box-shadow:0px 1px 25px 0px rgba(0,0,0,.1);box-shadow:0px 1px 25px 0px rgba(0,0,0,.1)}.bundle_hint p{font-size:15px;margin-top:5px}.image_gallery{border-radius:10px;overflow:hidden}.image_gallery .picrow:last-of-type{margin-bottom:-5px}.image-container{position:relative}.photo-container{float:left;position:relative;overflow:hidden;cursor:pointer}.fancybox__container{z-index:9999999 !important}.fancybox__progress{background:#5e893b !important}.fancybox__thumbs .carousel__slide .fancybox__thumb::after{border-color:#5e893b !important}.additional_info_wrapper{display:flex;justify-content:space-between;padding:30px;background:#fff;margin-top:30px;border-radius:5px;-webkit-box-shadow:0px 1px 25px 0px rgba(0,0,0,.1);-moz-box-shadow:0px 1px 25px 0px rgba(0,0,0,.1);box-shadow:0px 1px 25px 0px rgba(0,0,0,.1)}.additional_info_wrapper *{font-size:20px;font-weight:300}.additional_info_wrapper h3{font-size:25px;text-align:center;margin-top:0px;font-weight:500}.additional_info_wrapper .left{width:calc(70% - 25px);position:relative}.additional_info_wrapper .left::after{content:"";position:absolute;width:2px;right:-24px;top:0px;bottom:0px;background:#efefef}.additional_info_wrapper .right{width:calc(30% - 25px)}.additional_info_wrapper ul{padding-left:0px}.additional_info_wrapper ul li{padding:5px 0px;padding-left:35px;position:relative}.additional_info_wrapper ul li::after{display:none}.additional_info_wrapper ul li::before{content:"";height:28px;width:28px;background:url(//www.lichtbild-marie.de/wp-content/themes/lbm/_resources/img/check.svg);background-repeat:no-repeat;background-size:cover;background-position:center;position:absolute;left:0px;top:5px}.faqs{padding-top:0px !important}.faqs .faq_end{padding-top:50px}.faqs .hl_holder{position:relative;overflow:hidden}.faqs .hl_holder .res_holder{position:relative;padding:0px}.faqs .hl_holder .res_holder h2{display:inline-block;position:relative;padding:20px 30px;padding-left:0px;margin:0px;margin-right:53px;color:#fff;background-color:#3f582d}.faqs .hl_holder .res_holder h2::after{content:"";position:absolute;height:100%;width:77px;top:0px;right:-77px;background-image:url(//www.lichtbild-marie.de/wp-content/themes/lbm/_resources/img/dreieck.svg);background-size:cover;background-repeat:no-repeat;background-position:left bottom}.faqs .hl_holder::before{content:"";height:100%;width:50%;position:absolute;left:0px;top:0px;background-color:#3f582d}.faqs .faq_content{padding-top:30px}.faqs .faq_group{display:flex;padding-top:50px}.faqs .faq_group .group_hl{font-family:"adelle",sans-serif;font-size:28px;color:#5e893b;display:inline-block;writing-mode:vertical-rl;text-align:right;-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.faqs .faq_group .faq_divider{width:0px;background:#5e893b;padding-right:2px;margin-left:5px}.faqs .faq_group .faq_frage{padding-left:30px;padding-bottom:5px}.faqs .faq_group .faq_frage .faq_title{font-family:"adelle",sans-serif;font-size:20px;color:#5e893b;padding-bottom:20px;padding-left:45px;position:relative;cursor:pointer}.faqs .faq_group .faq_frage .faq_title .faq_icon{position:absolute;content:"";height:40px;width:40px;left:0px;top:-5px;margin:auto;background-image:url(//www.lichtbild-marie.de/wp-content/themes/lbm/_resources/img/faq_wabe.svg);background-position:center;background-size:contain;background-repeat:no-repeat}.faqs .faq_group .faq_frage .faq_title .faq_icon::before{content:"";border:solid #fff;border-width:0 2px 2px 0;display:inline-block;padding:0px;position:absolute;right:15px;top:12px;z-index:1;height:8px;width:8px;margin:auto;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.faqs .faq_group .faq_frage .faq_title.active .faq_icon::before{top:15px;-webkit-transform:rotate(-135deg);-ms-transform:rotate(-135deg);transform:rotate(-135deg)}.faqs .faq_group .faq_frage .faq_text{padding-bottom:30px;display:none}.faqs .faq_group .faq_frage .faq_text p:first-of-type{margin-top:0px}.faqs .faq_group .faq_frage .faq_text p:last-of-type{margin-bottom:0px}.faqs .faq_group .faq_frage .faq_text .inner_text{padding:20px;background:#fff;border-radius:10px}.faqs .faq_group .faq_frage:last-of-type{padding-bottom:0px}.video_el{position:relative}.video_el video{width:100%;height:auto;border-radius:10px;margin-top:30px;display:block}.video_el .play_video{position:absolute;top:0px;bottom:0px;left:0px;right:0px;height:100px;width:100px;border-radius:50%;margin:auto;cursor:pointer}.video_el .play_video svg{height:100%;width:100%}.video_el .play_video .svg-path{transition:all .3s ease-in-out;opacity:.7}.video_el .play_video:hover .svg-path{fill:#3f582d;opacity:1}.global_contact{position:fixed;z-index:2;right:0;bottom:0;padding:10px;background:#fff;border-radius:5px 0 0 0;-webkit-box-shadow:0px 1px 25px 0px rgba(0,0,0,.1);-moz-box-shadow:0px 1px 25px 0px rgba(0,0,0,.1);box-shadow:0px 1px 25px 0px rgba(0,0,0,.1)}.global_contact a{display:inline-block;font-size:20px;padding:3px 10px;background-color:#efefef;font-family:"adelle",sans-serif;border-radius:4px;background-image:url(//www.lichtbild-marie.de/wp-content/themes/lbm/_resources/img/calendar.svg);background-position:left 10px bottom 8px;background-repeat:no-repeat;background-size:20px;padding-left:34px}.global_contact a.whatsapp{background-image:url(//www.lichtbild-marie.de/wp-content/themes/lbm/_resources/img/whatsapp.svg);background-size:24px;background-position:left 7px center;margin-left:5px}@keyframes fadein{from{opacity:0}to{opacity:1}}@-moz-keyframes fadein{from{opacity:0}to{opacity:1}}@-webkit-keyframes fadein{from{opacity:0}to{opacity:1}}@-ms-keyframes fadein{from{opacity:0}to{opacity:1}}@-o-keyframes fadein{from{opacity:0}to{opacity:1}}@keyframes fadeout{from{opacity:1}to{opacity:0}}@-moz-keyframes fadeout{from{opacity:1}to{opacity:0}}@-webkit-keyframes fadeout{from{opacity:1}to{opacity:0}}@-ms-keyframes fadeout{from{opacity:1}to{opacity:0}}@-o-keyframes fadeout{from{opacity:1}to{opacity:0}}@keyframes fadeinslide{from{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0px)}}@-moz-keyframes fadeinslide{from{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0px)}}@-webkit-keyframes fadeinslide{from{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0px)}}@-ms-keyframes fadeinslide{from{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0px)}}@-o-keyframes fadeinslide{from{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0px)}}@keyframes top_menu_slide{0%{top:-35px;opacity:0}60%{top:-35px;opacity:0}100%{top:0px;opacity:1}}@-moz-keyframes top_menu_slide{0%{top:-35px;opacity:0}60%{top:-35px;opacity:0}100%{top:0px;opacity:1}}@-webkit-keyframes top_menu_slide{0%{top:-35px;opacity:0}60%{top:-35px;opacity:0}100%{top:0px;opacity:1}}@-ms-keyframes top_menu_slide{0%{top:-35px;opacity:0}60%{top:-35px;opacity:0}100%{top:0px;opacity:1}}@-o-keyframes top_menu_slide{0%{top:-35px;opacity:0}60%{top:-35px;opacity:0}100%{top:0px;opacity:1}}@media only screen and (max-width: 1180px),(pointer: coarse){.menu-hauptmenu-container{display:none}.content_el_holder{padding:60px 0px}.content_el_aktueller_hinweis .hinweis_wrapper .hinweis,.content_el_dark .hinweis{margin-top:-60px}}@media only screen and (max-width: 1079px){.bundles_wrapper .bundle .bundle_content .description{min-height:0}}@media only screen and (max-width: 1040px){.h2_bundles{font-size:1.5em}}@media only screen and (max-width: 960px){.additional_info_wrapper{display:block}.additional_info_wrapper h3{text-align:left}.additional_info_wrapper .left{width:100%;margin-bottom:50px}.additional_info_wrapper .left::after{height:2px;width:100%;left:0px;right:0px;bottom:-24px;top:auto}.additional_info_wrapper .right{width:100%}.footer_area{padding-bottom:30px}.global_contact{width:calc(100% - 20px);text-align:center}}@media only screen and (max-width: 840px){.top_menu{display:none}.top_wrapper{text-align:center}.top_wrapper .trees{margin:0px}.content_el_holder{padding:40px 0px}.content_el_aktueller_hinweis .hinweis_wrapper .hinweis,.content_el_dark .hinweis{margin-top:-40px}}@media only screen and (max-width: 810px){.main_menu_wrapper ul li:last-of-type{display:none}}@media only screen and (max-width: 767px){.leistung_box .leistung_box_content{margin-left:0px;margin-right:0px;margin-top:20px}.leistung_box .leistung_box_bild{max-width:100%;position:static;left:auto;right:auto;bottom:auto;top:auto;margin:0px}.address,.map_holder{float:none;padding-left:0px;width:100%}.map_holder{margin-top:30px}.zwei_spaltig .links,.zwei_spaltig .rechts{width:100%;float:none;padding-left:0px}}@media only screen and (max-width: 700px){.gutschein_wrapper{display:block !important;width:300px;max-width:100%;margin:auto}.gutschein_wrapper .gutschein:last-of-type{margin-top:20px}}@media only screen and (max-width: 680px){.auswahl_lightbox .image_holder{left:10px;right:10px;top:10px;bottom:60px}.auswahl_lightbox .skip_forward,.auswahl_lightbox .skip_backward{z-index:1;height:auto;top:50px;bottom:50px;width:50%}.auswahl_lightbox .skip_forward .arrow{left:auto;right:25px}.auswahl_lightbox .skip_backward:hover .arrow{left:25px}.auswahl_lightbox .skip_forward:hover .arrow{left:auto;right:25px}.auswahl_lightbox .close_auswahl_lightbox{z-index:99999}}@media only screen and (max-width: 640px){.leistung_box .overlay-box{transform:none;left:0px;right:0px;top:0px;bottom:0px}}@media only screen and (max-width: 520px){img.alignleft{margin-right:300px}.top_wrapper .trees{font-size:14px}.auswahl_popup .popup_content{height:300px;width:240px}}@media only screen and (max-width: 480px){.auswahl_counter{display:none}.res_holder{padding:0px 15px;max-width:calc(100% - 30px)}.logo{height:46px;width:120px;margin-top:60px}.logo_wrapper{position:fixed;top:-70px;-webkit-box-shadow:0px 1px 5px 0px rgba(0,0,0,.5);-moz-box-shadow:0px 1px 5px 0px rgba(0,0,0,.5);box-shadow:0px 1px 5px 0px rgba(0,0,0,.5)}.slider_holder{padding-top:90px}.header_area .top_wrapper{display:none}.bundles_wrapper .bundle{padding:15px;padding-bottom:70px}.bundles_wrapper .bundle a{left:15px;right:15px;bottom:15px}.additional_info_wrapper{padding:15px}}@media only screen and (max-width: 420px){.faqs .hl_holder .res_holder h2{font-size:20px}}@media only screen and (max-width: 360px){.footer_area ul{display:block}.footer_area ul li:first-of-type{margin-top:20px}}.carousel{position:relative;box-sizing:border-box}.carousel *,.carousel *:before,.carousel *:after{box-sizing:inherit}.carousel.is-draggable{cursor:move;cursor:grab}.carousel.is-dragging{cursor:move;cursor:grabbing}.carousel__viewport{position:relative;overflow:hidden;max-width:100%;max-height:100%}.carousel__track{display:flex}.carousel__slide{flex:0 0 auto;width:var(--carousel-slide-width, 60%);max-width:100%;padding:1rem;position:relative;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain}.has-dots{margin-bottom:calc(0.5rem + 22px)}.carousel__dots{margin:0 auto;padding:0;position:absolute;top:calc(100% + 0.5rem);left:0;right:0;display:flex;justify-content:center;list-style:none;user-select:none}.carousel__dots .carousel__dot{margin:0;padding:0;display:block;position:relative;width:22px;height:22px;cursor:pointer}.carousel__dots .carousel__dot:after{content:"";width:8px;height:8px;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);background-color:currentColor;opacity:.25;transition:opacity .15s ease-in-out}.carousel__dots .carousel__dot.is-selected:after{opacity:1}.carousel__button{width:var(--carousel-button-width, 48px);height:var(--carousel-button-height, 48px);padding:0;border:0;display:flex;justify-content:center;align-items:center;pointer-events:all;cursor:pointer;color:var(--carousel-button-color, currentColor);background:var(--carousel-button-bg, transparent);border-radius:var(--carousel-button-border-radius, 50%);box-shadow:var(--carousel-button-shadow, none);transition:opacity .15s ease}.carousel__button.is-prev,.carousel__button.is-next{position:absolute;top:50%;transform:translateY(-50%)}.carousel__button.is-prev{left:10px}.carousel__button.is-next{right:10px}.carousel__button[disabled]{cursor:default;opacity:.3}.carousel__button svg{width:var(--carousel-button-svg-width, 50%);height:var(--carousel-button-svg-height, 50%);fill:none;stroke:currentColor;stroke-width:var(--carousel-button-svg-stroke-width, 1.5);stroke-linejoin:bevel;stroke-linecap:round;filter:var(--carousel-button-svg-filter, none);pointer-events:none}html.with-fancybox{scroll-behavior:auto}body.compensate-for-scrollbar{overflow:hidden !important;touch-action:none}.fancybox__container{position:fixed;top:0;left:0;bottom:0;right:0;direction:ltr;margin:0;padding:env(safe-area-inset-top, 0px) env(safe-area-inset-right, 0px) env(safe-area-inset-bottom, 0px) env(safe-area-inset-left, 0px);box-sizing:border-box;display:flex;flex-direction:column;color:var(--fancybox-color, #fff);-webkit-tap-highlight-color:rgba(0,0,0,0);overflow:hidden;z-index:1050;outline:none;transform-origin:top left;--carousel-button-width: 48px;--carousel-button-height: 48px;--carousel-button-svg-width: 24px;--carousel-button-svg-height: 24px;--carousel-button-svg-stroke-width: 2.5;--carousel-button-svg-filter: drop-shadow(1px 1px 1px rgba(0, 0, 0, 0.4))}.fancybox__container *,.fancybox__container *::before,.fancybox__container *::after{box-sizing:inherit}.fancybox__container :focus{outline:none}body:not(.is-using-mouse) .fancybox__container :focus{box-shadow:0 0 0 1px #fff,0 0 0 2px var(--fancybox-accent-color, rgba(1, 210, 232, 0.94))}@media all and (min-width: 1024px){.fancybox__container{--carousel-button-width:48px;--carousel-button-height:48px;--carousel-button-svg-width:27px;--carousel-button-svg-height:27px}}.fancybox__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:var(--fancybox-bg, rgba(24, 24, 27, 0.92))}.fancybox__carousel{position:relative;flex:1 1 auto;min-height:0;height:100%;z-index:10}.fancybox__carousel.has-dots{margin-bottom:calc(0.5rem + 22px)}.fancybox__viewport{position:relative;width:100%;height:100%;overflow:visible;cursor:default}.fancybox__track{display:flex;height:100%}.fancybox__slide{flex:0 0 auto;width:100%;max-width:100%;margin:0;padding:48px 8px 8px 8px;position:relative;overscroll-behavior:contain;display:flex;flex-direction:column;outline:0;overflow:auto;--carousel-button-width: 36px;--carousel-button-height: 36px;--carousel-button-svg-width: 22px;--carousel-button-svg-height: 22px}.fancybox__slide::before,.fancybox__slide::after{content:"";flex:0 0 0;margin:auto}@media all and (min-width: 1024px){.fancybox__slide{padding:64px 100px}}.fancybox__content{margin:0 env(safe-area-inset-right, 0px) 0 env(safe-area-inset-left, 0px);padding:36px;color:var(--fancybox-content-color, #374151);background:var(--fancybox-content-bg, #fff);position:relative;align-self:center;display:flex;flex-direction:column;z-index:20}.fancybox__content :focus:not(.carousel__button.is-close){outline:thin dotted;box-shadow:none}.fancybox__caption{align-self:center;max-width:100%;margin:0;padding:1rem 0 0 0;line-height:1.375;color:var(--fancybox-color, currentColor);visibility:visible;cursor:auto;flex-shrink:0;overflow-wrap:anywhere}.is-loading .fancybox__caption{visibility:hidden}.fancybox__container>.carousel__dots{top:100%;color:var(--fancybox-color, #fff)}.fancybox__nav .carousel__button{z-index:40}.fancybox__nav .carousel__button.is-next{right:8px}@media all and (min-width: 1024px){.fancybox__nav .carousel__button.is-next{right:40px}}.fancybox__nav .carousel__button.is-prev{left:8px}@media all and (min-width: 1024px){.fancybox__nav .carousel__button.is-prev{left:40px}}.carousel__button.is-close{position:absolute;top:8px;right:8px;top:calc(env(safe-area-inset-top, 0px) + 8px);right:calc(env(safe-area-inset-right, 0px) + 8px);z-index:40}@media all and (min-width: 1024px){.carousel__button.is-close{right:40px}}.fancybox__content>.carousel__button.is-close{position:absolute;top:-40px;right:0;color:var(--fancybox-color, #fff)}.fancybox__no-click,.fancybox__no-click button{pointer-events:none}.fancybox__spinner{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:50px;height:50px;color:var(--fancybox-color, currentColor)}.fancybox__slide .fancybox__spinner{cursor:pointer;z-index:1053}.fancybox__spinner svg{animation:fancybox-rotate 2s linear infinite;transform-origin:center center;position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:100%;height:100%}.fancybox__spinner svg circle{fill:none;stroke-width:2.75;stroke-miterlimit:10;stroke-dasharray:1,200;stroke-dashoffset:0;animation:fancybox-dash 1.5s ease-in-out infinite;stroke-linecap:round;stroke:currentColor}@keyframes fancybox-rotate{100%{transform:rotate(360deg)}}@keyframes fancybox-dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:89,200;stroke-dashoffset:-35px}100%{stroke-dasharray:89,200;stroke-dashoffset:-124px}}.fancybox__backdrop,.fancybox__caption,.fancybox__nav,.carousel__dots,.carousel__button.is-close{opacity:var(--fancybox-opacity, 1)}.fancybox__container.is-animated[aria-hidden=false] .fancybox__backdrop,.fancybox__container.is-animated[aria-hidden=false] .fancybox__caption,.fancybox__container.is-animated[aria-hidden=false] .fancybox__nav,.fancybox__container.is-animated[aria-hidden=false] .carousel__dots,.fancybox__container.is-animated[aria-hidden=false] .carousel__button.is-close{animation:.15s ease backwards fancybox-fadeIn}.fancybox__container.is-animated.is-closing .fancybox__backdrop,.fancybox__container.is-animated.is-closing .fancybox__caption,.fancybox__container.is-animated.is-closing .fancybox__nav,.fancybox__container.is-animated.is-closing .carousel__dots,.fancybox__container.is-animated.is-closing .carousel__button.is-close{animation:.15s ease both fancybox-fadeOut}.fancybox-fadeIn{animation:.15s ease both fancybox-fadeIn}.fancybox-fadeOut{animation:.1s ease both fancybox-fadeOut}.fancybox-zoomInUp{animation:.2s ease both fancybox-zoomInUp}.fancybox-zoomOutDown{animation:.15s ease both fancybox-zoomOutDown}.fancybox-throwOutUp{animation:.15s ease both fancybox-throwOutUp}.fancybox-throwOutDown{animation:.15s ease both fancybox-throwOutDown}@keyframes fancybox-fadeIn{from{opacity:0}to{opacity:1}}@keyframes fancybox-fadeOut{to{opacity:0}}@keyframes fancybox-zoomInUp{from{transform:scale(0.97) translate3d(0, 16px, 0);opacity:0}to{transform:scale(1) translate3d(0, 0, 0);opacity:1}}@keyframes fancybox-zoomOutDown{to{transform:scale(0.97) translate3d(0, 16px, 0);opacity:0}}@keyframes fancybox-throwOutUp{to{transform:translate3d(0, -30%, 0);opacity:0}}@keyframes fancybox-throwOutDown{to{transform:translate3d(0, 30%, 0);opacity:0}}.fancybox__carousel .carousel__slide{scrollbar-width:thin;scrollbar-color:#ccc rgba(255,255,255,.1)}.fancybox__carousel .carousel__slide::-webkit-scrollbar{width:8px;height:8px}.fancybox__carousel .carousel__slide::-webkit-scrollbar-track{background-color:rgba(255,255,255,.1)}.fancybox__carousel .carousel__slide::-webkit-scrollbar-thumb{background-color:#ccc;border-radius:2px;box-shadow:inset 0 0 4px rgba(0,0,0,.2)}.fancybox__carousel.is-draggable .fancybox__slide,.fancybox__carousel.is-draggable .fancybox__slide .fancybox__content{cursor:move;cursor:grab}.fancybox__carousel.is-dragging .fancybox__slide,.fancybox__carousel.is-dragging .fancybox__slide .fancybox__content{cursor:move;cursor:grabbing}.fancybox__carousel .fancybox__slide .fancybox__content{cursor:auto}.fancybox__carousel .fancybox__slide.can-zoom_in .fancybox__content{cursor:zoom-in}.fancybox__carousel .fancybox__slide.can-zoom_out .fancybox__content{cursor:zoom-out}.fancybox__carousel .fancybox__slide.is-draggable .fancybox__content{cursor:move;cursor:grab}.fancybox__carousel .fancybox__slide.is-dragging .fancybox__content{cursor:move;cursor:grabbing}.fancybox__image{transform-origin:0 0;user-select:none;transition:none}.has-image .fancybox__content{padding:0;background:rgba(0,0,0,0);min-height:1px}.is-closing .has-image .fancybox__content{overflow:visible}.has-image[data-image-fit=contain]{overflow:visible;touch-action:none}.has-image[data-image-fit=contain] .fancybox__content{flex-direction:row;flex-wrap:wrap}.has-image[data-image-fit=contain] .fancybox__image{max-width:100%;max-height:100%;object-fit:contain}.has-image[data-image-fit=contain-w]{overflow-x:hidden;overflow-y:auto}.has-image[data-image-fit=contain-w] .fancybox__content{min-height:auto}.has-image[data-image-fit=contain-w] .fancybox__image{max-width:100%;height:auto}.has-image[data-image-fit=cover]{overflow:visible;touch-action:none}.has-image[data-image-fit=cover] .fancybox__content{width:100%;height:100%}.has-image[data-image-fit=cover] .fancybox__image{width:100%;height:100%;object-fit:cover}.fancybox__carousel .fancybox__slide.has-iframe .fancybox__content,.fancybox__carousel .fancybox__slide.has-map .fancybox__content,.fancybox__carousel .fancybox__slide.has-pdf .fancybox__content,.fancybox__carousel .fancybox__slide.has-video .fancybox__content,.fancybox__carousel .fancybox__slide.has-html5video .fancybox__content{max-width:100%;flex-shrink:1;min-height:1px;overflow:visible}.fancybox__carousel .fancybox__slide.has-iframe .fancybox__content,.fancybox__carousel .fancybox__slide.has-map .fancybox__content,.fancybox__carousel .fancybox__slide.has-pdf .fancybox__content{width:100%;height:80%}.fancybox__carousel .fancybox__slide.has-video .fancybox__content,.fancybox__carousel .fancybox__slide.has-html5video .fancybox__content{width:960px;height:540px;max-width:100%;max-height:100%}.fancybox__carousel .fancybox__slide.has-map .fancybox__content,.fancybox__carousel .fancybox__slide.has-pdf .fancybox__content,.fancybox__carousel .fancybox__slide.has-video .fancybox__content,.fancybox__carousel .fancybox__slide.has-html5video .fancybox__content{padding:0;background:rgba(24,24,27,.9);color:#fff}.fancybox__carousel .fancybox__slide.has-map .fancybox__content{background:#e5e3df}.fancybox__html5video,.fancybox__iframe{border:0;display:block;height:100%;width:100%;background:rgba(0,0,0,0)}.fancybox-placeholder{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}.fancybox__thumbs{flex:0 0 auto;position:relative;padding:0px 3px;opacity:var(--fancybox-opacity, 1)}.fancybox__container.is-animated[aria-hidden=false] .fancybox__thumbs{animation:.15s ease-in backwards fancybox-fadeIn}.fancybox__container.is-animated.is-closing .fancybox__thumbs{opacity:0}.fancybox__thumbs .carousel__slide{flex:0 0 auto;width:var(--fancybox-thumbs-width, 96px);margin:0;padding:8px 3px;box-sizing:content-box;display:flex;align-items:center;justify-content:center;overflow:visible;cursor:pointer}.fancybox__thumbs .carousel__slide .fancybox__thumb::after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-width:5px;border-style:solid;border-color:var(--fancybox-accent-color, rgba(34, 213, 233, 0.96));opacity:0;transition:opacity .15s ease;border-radius:var(--fancybox-thumbs-border-radius, 4px)}.fancybox__thumbs .carousel__slide.is-nav-selected .fancybox__thumb::after{opacity:.92}.fancybox__thumbs .carousel__slide>*{pointer-events:none;user-select:none}.fancybox__thumb{position:relative;width:100%;padding-top:calc(100%/(var(--fancybox-thumbs-ratio, 1.5)));background-size:cover;background-position:center center;background-color:rgba(255,255,255,.1);background-repeat:no-repeat;border-radius:var(--fancybox-thumbs-border-radius, 4px)}.fancybox__toolbar{position:absolute;top:0;right:0;left:0;z-index:20;background:linear-gradient(to top, hsla(0deg, 0%, 0%, 0) 0%, hsla(0deg, 0%, 0%, 0.006) 8.1%, hsla(0deg, 0%, 0%, 0.021) 15.5%, hsla(0deg, 0%, 0%, 0.046) 22.5%, hsla(0deg, 0%, 0%, 0.077) 29%, hsla(0deg, 0%, 0%, 0.114) 35.3%, hsla(0deg, 0%, 0%, 0.155) 41.2%, hsla(0deg, 0%, 0%, 0.198) 47.1%, hsla(0deg, 0%, 0%, 0.242) 52.9%, hsla(0deg, 0%, 0%, 0.285) 58.8%, hsla(0deg, 0%, 0%, 0.326) 64.7%, hsla(0deg, 0%, 0%, 0.363) 71%, hsla(0deg, 0%, 0%, 0.394) 77.5%, hsla(0deg, 0%, 0%, 0.419) 84.5%, hsla(0deg, 0%, 0%, 0.434) 91.9%, hsla(0deg, 0%, 0%, 0.44) 100%);padding:0;touch-action:none;display:flex;justify-content:space-between;--carousel-button-svg-width: 20px;--carousel-button-svg-height: 20px;opacity:var(--fancybox-opacity, 1);text-shadow:var(--fancybox-toolbar-text-shadow, 1px 1px 1px rgba(0, 0, 0, 0.4))}@media all and (min-width: 1024px){.fancybox__toolbar{padding:8px}}.fancybox__container.is-animated[aria-hidden=false] .fancybox__toolbar{animation:.15s ease-in backwards fancybox-fadeIn}.fancybox__container.is-animated.is-closing .fancybox__toolbar{opacity:0}.fancybox__toolbar__items{display:flex}.fancybox__toolbar__items--left{margin-right:auto}.fancybox__toolbar__items--center{position:absolute;left:50%;transform:translateX(-50%)}.fancybox__toolbar__items--right{margin-left:auto}@media(max-width: 640px){.fancybox__toolbar__items--center:not(:last-child){display:none}}.fancybox__counter{min-width:72px;padding:0 10px;line-height:var(--carousel-button-height, 48px);text-align:center;font-size:17px;font-variant-numeric:tabular-nums;-webkit-font-smoothing:subpixel-antialiased}.fancybox__progress{background:var(--fancybox-accent-color, rgba(34, 213, 233, 0.96));height:3px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:0;transition-property:transform;transition-timing-function:linear;z-index:30;user-select:none}.fancybox__container:fullscreen::backdrop{opacity:0}.fancybox__button--fullscreen g:nth-child(2){display:none}.fancybox__container:fullscreen .fancybox__button--fullscreen g:nth-child(1){display:none}.fancybox__container:fullscreen .fancybox__button--fullscreen g:nth-child(2){display:block}.fancybox__button--slideshow g:nth-child(2){display:none}.fancybox__container.has-slideshow .fancybox__button--slideshow g:nth-child(1){display:none}.fancybox__container.has-slideshow .fancybox__button--slideshow g:nth-child(2){display:block}body.overflow_hidden {
overflow: hidden;
}
.mobile_menu_container li.hl {
font-weight: bold;
}
.hamburger.mobileNavButton {
position: relative;
display: none;
float: right;
margin-top: 58px;
margin-right: -15px;
-webkit-transition: top 0.3s ease-in-out;
-moz-transition: top 0.3s ease-in-out;
-o-transition: top 0.3s ease-in-out;
transition: top 0.3s ease-in-out;
}
.hamburger::after {
content: "MENÜ";
position: absolute;
left: -55px;
top: -4px;
bottom: 0px;
height: 35px;
margin: auto;
color: #5e893b;
line-height: 35px;
font-size: 20px;
}
.header_area .hamburger .hamburger-inner, .header_area .hamburger .hamburger-inner:after, .header_area .hamburger .hamburger-inner:before {
background-color: #5e893b;
}
.mobile_menu_bg {
position: fixed;
height: 100%;
width: 100%;
left: 0px;
top: 0px;
background: rgba(0, 0, 0, 0.8);
visibility: hidden;
opacity: 0;
}
.mobile_menu_bg.active {
visibility: visible;
opacity: 1;
-webkit-transition: all 0.6s ease-in-out;
-moz-transition: all 0.6s ease-in-out;
-ms-transition: all 0.6s ease-in-out;
-o-transition: all 0.6s ease-in-out;
transition: all 0.6s ease-in-out;
z-index: 9999999;
}
.mobile_menu_container {
position: fixed;
width: 500px;
max-width: 100%;
top: 0px;
bottom: 0px;
right: -510px;
z-index: 9999999;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
font-family: 'Brandon Grotesque', 'Open Sans', sans-serif;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.mobile_menu_container ul {
list-style: none;
}
.mobile_menu_container ul li a {
color: #313131 !important;
line-height: 1.4em;
font-size: 24px !important;
}
.mobile_menu_container.active {
right: 0px;
}
.mobile_menu_container li.menu-item-has-children > a {
position: relative;
}
.mobile_menu_container li.menu-item-has-children > a::after {
content: "";
display: block;
position: absolute;
right: 10px;
top: 2px;
bottom: 0px;
margin: auto;
height: 0px;
border: solid #5e893b;
border-width: 0px 2px 2px 0px;
padding: 5px;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.mobile_menu_container li.menu-item-has-children > a:hover::after {
right: 0px;
}
.mobile_menu .menu-hauptmenue-container {
width: 100%;
position: absolute;
background: #fff;
top: 0px;
bottom: 0px;
right: 0px;
padding: 80px 25px 40px 25px;
overflow: scroll;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.2);
box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.2);
}
.mobile_menu .menu-hauptmenue-container.no_overflow {
overflow: hidden;
}
.mobile_menu .menu-hauptmenue-container > ul {
width: 100%;
border-bottom: 2px solid #e3e3e3;
}
.mobile_menu .menu-hauptmenue-container > ul:last-of-type {
border: none;
}
.mobile_menu ul.sub-menu {
right: -510px;
width: 490px;
max-width: 98%;
position: fixed;
top: 0px;
bottom: 0px;
padding: 80px 25px 40px 25px;
background: #fff;
z-index: 1;
display: block !important;
overflow: scroll;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.2);
box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.2);
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.mobile_menu ul.sub-menu .sub-menu {
max-width: 96%;
width: 480px;
}
.mobile_menu ul.sub-menu .sub-menu .sub-menu {
max-width: 94%;
width: 470px;
}
.mobile_menu ul.sub-menu.no_overflow {
overflow: hidden;
}
.mobile_menu ul.sub-menu.active {
right: 0px;
}
.mobile_menu ul.sub-menu li {
opacity: 0;
margin-left: 0px;
-webkit-transition: all 0.6s ease-in-out;
-moz-transition: all 0.6s ease-in-out;
-ms-transition: all 0.6s ease-in-out;
-o-transition: all 0.6s ease-in-out;
transition: all 0.6s ease-in-out;
}
.mobile_menu ul.sub-menu.active > li {
opacity: 1;
}
.mobile_menu_top {
position: absolute;
height: 60px;
width: 100%;
right: 0px;
top: 0px;
z-index: 9;
border-bottom: 2px solid #5e893b;
background: white;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.mobile_menu_container .back {
position: absolute;
left: 0px;
top: 0px;
width: 60px;
height: 60px;
line-height: 60px;
font-size: 22px;
color: #313131;
cursor: pointer;
visibility: hidden;
opacity: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.mobile_menu_container .back.active {
visibility: visible;
opacity: 1;
}
.mobile_menu_container .back::after {
content: "";
display: block;
position: absolute;
left: 25px;
top: 0px;
bottom: 0px;
margin: auto;
height: 0px;
border: solid #5e893b;
border-width: 0px 2px 2px 0px;
padding: 5px;
-webkit-transform: rotate(135deg);
transform: rotate(135deg);
}
.mobile_menu_container a {
display: block;
padding: 13px 40px 13px 0px;
font-size: 24px;
}
.close_mobile_menu {
position: absolute;
height: 100%;
width: 60px;
top: 0px;
right: 0px;
cursor: pointer;
z-index: 10;
}
.close_mobile_menu .icon {
height: 100%;
width: 100%;
transform: rotate(45deg);
}
.close_mobile_menu .icon::after, .close_mobile_menu .icon::before {
content: "";
position: absolute;
top: 0px;
left: 0px;
bottom: 0px;
right: 0px;
margin: auto;
height: 2px;
width: 50%;
background: #5e893b;
}
.close_mobile_menu .icon::before {
height: 50%;
width: 2px;
}
.search_mobile_menu {
height: 58px;
width: 120px;
padding-right: 60px;
line-height: 58px;
position: absolute;
right: 0px;
background: #fff;
z-index: 9;
-webkit-transition: all 0.6s ease-in-out;
-moz-transition: all 0.6s ease-in-out;
-ms-transition: all 0.6s ease-in-out;
-o-transition: all 0.6s ease-in-out;
transition: all 0.6s ease-in-out;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.search_mobile_menu.active {
width: 100%;
}
.search_mobile_menu input {
visibility: hidden;
opacity: 0;
-webkit-transition: all 0.6s ease-in-out;
-moz-transition: all 0.6s ease-in-out;
-ms-transition: all 0.6s ease-in-out;
-o-transition: all 0.6s ease-in-out;
transition: all 0.6s ease-in-out;
}
.search_mobile_menu input[type=submit] {
visibility: visible;
cursor: pointer;
opacity: 1;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border: none;
height: 58px;
width: 60px;
position: absolute;
left: 0px;
top: 0px;
background: url(//www.lichtbild-marie.de/wp-content/themes/lbm/_resources/img/search.svg) center center no-repeat;
background-size: 35px;
outline: none !important;
}
.search_mobile_menu input[type=text] {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border: none;
height: 58px;
width: 200px;
padding: 0px 10px;
font-size: 20px;
color: #5e893b;
width: calc(100% - 120px);
position: absolute;
left: 60px;
right: 60px;
top: 0px;
outline: none !important;
}
.search_mobile_menu.active input {
visibility: visible;
opacity: 1;
}
.mobile_menu_container ul {
padding-left: 0px;
}
@media only screen and (max-width: 1180px), (pointer: coarse) {
.hamburger.mobileNavButton {
display: block;
}
} .hamburger {
font: inherit;
display: inline-block;
overflow: visible;
margin: 0;
padding: 15px;
cursor: pointer;
transition-timing-function: linear;
transition-duration: 0.15s;
transition-property: opacity, filter;
text-transform: none;
color: inherit;
border: 0;
background-color: transparent;
}
.hamburger:hover {
opacity: 0.7;
}
.hamburger-box {
position: relative;
display: inline-block;
width: 40px;
height: 24px;
}
.hamburger-inner {
top: 50%;
display: block;
margin-top: -2px;
}
.hamburger-inner, .hamburger-inner:after, .hamburger-inner:before {
position: absolute;
width: 40px;
height: 4px;
transition-timing-function: ease;
transition-duration: 0.15s;
transition-property: transform;
border-radius: 4px;
background-color: #000;
}
.hamburger-inner:after, .hamburger-inner:before {
display: block;
content: "";
}
.hamburger-inner:before {
top: -10px;
}
.hamburger-inner:after {
bottom: -10px;
}
.hamburger--3dx .hamburger-box {
perspective: 80px;
}
.hamburger--3dx .hamburger-inner {
transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s cubic-bezier(0.645, 0.045, 0.355, 1) 0.1s;
}
.hamburger--3dx .hamburger-inner:after, .hamburger--3dx .hamburger-inner:before {
transition: transform 0s cubic-bezier(0.645, 0.045, 0.355, 1) 0.1s;
}
.hamburger--3dx.is-active .hamburger-inner {
transform: rotateY(180deg);
background-color: transparent;
}
.hamburger--3dx.is-active .hamburger-inner:before {
transform: translate3d(0, 10px, 0) rotate(45deg);
}
.hamburger--3dx.is-active .hamburger-inner:after {
transform: translate3d(0, -10px, 0) rotate(-45deg);
}
.hamburger--3dx-r .hamburger-box {
perspective: 80px;
}
.hamburger--3dx-r .hamburger-inner {
transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s cubic-bezier(0.645, 0.045, 0.355, 1) 0.1s;
}
.hamburger--3dx-r .hamburger-inner:after, .hamburger--3dx-r .hamburger-inner:before {
transition: transform 0s cubic-bezier(0.645, 0.045, 0.355, 1) 0.1s;
}
.hamburger--3dx-r.is-active .hamburger-inner {
transform: rotateY(-180deg);
background-color: transparent;
}
.hamburger--3dx-r.is-active .hamburger-inner:before {
transform: translate3d(0, 10px, 0) rotate(45deg);
}
.hamburger--3dx-r.is-active .hamburger-inner:after {
transform: translate3d(0, -10px, 0) rotate(-45deg);
}
.hamburger--3dy .hamburger-box {
perspective: 80px;
}
.hamburger--3dy .hamburger-inner {
transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s cubic-bezier(0.645, 0.045, 0.355, 1) 0.1s;
}
.hamburger--3dy .hamburger-inner:after, .hamburger--3dy .hamburger-inner:before {
transition: transform 0s cubic-bezier(0.645, 0.045, 0.355, 1) 0.1s;
}
.hamburger--3dy.is-active .hamburger-inner {
transform: rotateX(-180deg);
background-color: transparent;
}
.hamburger--3dy.is-active .hamburger-inner:before {
transform: translate3d(0, 10px, 0) rotate(45deg);
}
.hamburger--3dy.is-active .hamburger-inner:after {
transform: translate3d(0, -10px, 0) rotate(-45deg);
}
.hamburger--3dy-r .hamburger-box {
perspective: 80px;
}
.hamburger--3dy-r .hamburger-inner {
transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s cubic-bezier(0.645, 0.045, 0.355, 1) 0.1s;
}
.hamburger--3dy-r .hamburger-inner:after, .hamburger--3dy-r .hamburger-inner:before {
transition: transform 0s cubic-bezier(0.645, 0.045, 0.355, 1) 0.1s;
}
.hamburger--3dy-r.is-active .hamburger-inner {
transform: rotateX(180deg);
background-color: transparent;
}
.hamburger--3dy-r.is-active .hamburger-inner:before {
transform: translate3d(0, 10px, 0) rotate(45deg);
}
.hamburger--3dy-r.is-active .hamburger-inner:after {
transform: translate3d(0, -10px, 0) rotate(-45deg);
}
.hamburger--3dxy .hamburger-box {
perspective: 80px;
}
.hamburger--3dxy .hamburger-inner {
transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s cubic-bezier(0.645, 0.045, 0.355, 1) 0.1s;
}
.hamburger--3dxy .hamburger-inner:after, .hamburger--3dxy .hamburger-inner:before {
transition: transform 0s cubic-bezier(0.645, 0.045, 0.355, 1) 0.1s;
}
.hamburger--3dxy.is-active .hamburger-inner {
transform: rotateX(180deg) rotateY(180deg);
background-color: transparent;
}
.hamburger--3dxy.is-active .hamburger-inner:before {
transform: translate3d(0, 10px, 0) rotate(45deg);
}
.hamburger--3dxy.is-active .hamburger-inner:after {
transform: translate3d(0, -10px, 0) rotate(-45deg);
}
.hamburger--3dxy-r .hamburger-box {
perspective: 80px;
}
.hamburger--3dxy-r .hamburger-inner {
transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s cubic-bezier(0.645, 0.045, 0.355, 1) 0.1s;
}
.hamburger--3dxy-r .hamburger-inner:after, .hamburger--3dxy-r .hamburger-inner:before {
transition: transform 0s cubic-bezier(0.645, 0.045, 0.355, 1) 0.1s;
}
.hamburger--3dxy-r.is-active .hamburger-inner {
transform: rotateX(180deg) rotateY(180deg) rotate(-180deg);
background-color: transparent;
}
.hamburger--3dxy-r.is-active .hamburger-inner:before {
transform: translate3d(0, 10px, 0) rotate(45deg);
}
.hamburger--3dxy-r.is-active .hamburger-inner:after {
transform: translate3d(0, -10px, 0) rotate(-45deg);
}
.hamburger--arrow.is-active .hamburger-inner:before {
transform: translate3d(-8px, 0, 0) rotate(-45deg) scaleX(0.7);
}
.hamburger--arrow.is-active .hamburger-inner:after {
transform: translate3d(-8px, 0, 0) rotate(45deg) scaleX(0.7);
}
.hamburger--arrow-r.is-active .hamburger-inner:before {
transform: translate3d(8px, 0, 0) rotate(45deg) scaleX(0.7);
}
.hamburger--arrow-r.is-active .hamburger-inner:after {
transform: translate3d(8px, 0, 0) rotate(-45deg) scaleX(0.7);
}
.hamburger--arrowalt .hamburger-inner:before {
transition: top 0.1s ease 0.1s, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.hamburger--arrowalt .hamburger-inner:after {
transition: bottom 0.1s ease 0.1s, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.hamburger--arrowalt.is-active .hamburger-inner:before {
top: 0;
transition: top 0.1s ease, transform 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22) 0.1s;
transform: translate3d(-8px, -10px, 0) rotate(-45deg) scaleX(0.7);
}
.hamburger--arrowalt.is-active .hamburger-inner:after {
bottom: 0;
transition: bottom 0.1s ease, transform 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22) 0.1s;
transform: translate3d(-8px, 10px, 0) rotate(45deg) scaleX(0.7);
}
.hamburger--arrowalt-r .hamburger-inner:before {
transition: top 0.1s ease 0.1s, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.hamburger--arrowalt-r .hamburger-inner:after {
transition: bottom 0.1s ease 0.1s, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.hamburger--arrowalt-r.is-active .hamburger-inner:before {
top: 0;
transition: top 0.1s ease, transform 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22) 0.1s;
transform: translate3d(8px, -10px, 0) rotate(45deg) scaleX(0.7);
}
.hamburger--arrowalt-r.is-active .hamburger-inner:after {
bottom: 0;
transition: bottom 0.1s ease, transform 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22) 0.1s;
transform: translate3d(8px, 10px, 0) rotate(-45deg) scaleX(0.7);
}
.hamburger--arrowturn.is-active .hamburger-inner {
transform: rotate(-180deg);
}
.hamburger--arrowturn.is-active .hamburger-inner:before {
transform: translate3d(8px, 0, 0) rotate(45deg) scaleX(0.7);
}
.hamburger--arrowturn.is-active .hamburger-inner:after {
transform: translate3d(8px, 0, 0) rotate(-45deg) scaleX(0.7);
}
.hamburger--arrowturn-r.is-active .hamburger-inner {
transform: rotate(-180deg);
}
.hamburger--arrowturn-r.is-active .hamburger-inner:before {
transform: translate3d(-8px, 0, 0) rotate(-45deg) scaleX(0.7);
}
.hamburger--arrowturn-r.is-active .hamburger-inner:after {
transform: translate3d(-8px, 0, 0) rotate(45deg) scaleX(0.7);
}
.hamburger--boring .hamburger-inner, .hamburger--boring .hamburger-inner:after, .hamburger--boring .hamburger-inner:before {
transition-property: none;
}
.hamburger--boring.is-active .hamburger-inner {
transform: rotate(45deg);
}
.hamburger--boring.is-active .hamburger-inner:before {
top: 0;
opacity: 0;
}
.hamburger--boring.is-active .hamburger-inner:after {
bottom: 0;
transform: rotate(-90deg);
}
.hamburger--collapse .hamburger-inner {
top: auto;
bottom: 0;
transition-delay: 0.13s;
transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
transition-duration: 0.13s;
}
.hamburger--collapse .hamburger-inner:after {
top: -20px;
transition: top 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1) 0.2s, opacity 0.1s linear;
}
.hamburger--collapse .hamburger-inner:before {
transition: top 0.12s cubic-bezier(0.33333, 0.66667, 0.66667, 1) 0.2s, transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--collapse.is-active .hamburger-inner {
transition-delay: 0.22s;
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
transform: translate3d(0, -10px, 0) rotate(-45deg);
}
.hamburger--collapse.is-active .hamburger-inner:after {
top: 0;
transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s linear 0.22s;
opacity: 0;
}
.hamburger--collapse.is-active .hamburger-inner:before {
top: 0;
transition: top 0.1s cubic-bezier(0.33333, 0, 0.66667, 0.33333) 0.16s, transform 0.13s cubic-bezier(0.215, 0.61, 0.355, 1) 0.25s;
transform: rotate(-90deg);
}
.hamburger--collapse-r .hamburger-inner {
top: auto;
bottom: 0;
transition-delay: 0.13s;
transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
transition-duration: 0.13s;
}
.hamburger--collapse-r .hamburger-inner:after {
top: -20px;
transition: top 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1) 0.2s, opacity 0.1s linear;
}
.hamburger--collapse-r .hamburger-inner:before {
transition: top 0.12s cubic-bezier(0.33333, 0.66667, 0.66667, 1) 0.2s, transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--collapse-r.is-active .hamburger-inner {
transition-delay: 0.22s;
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
transform: translate3d(0, -10px, 0) rotate(45deg);
}
.hamburger--collapse-r.is-active .hamburger-inner:after {
top: 0;
transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s linear 0.22s;
opacity: 0;
}
.hamburger--collapse-r.is-active .hamburger-inner:before {
top: 0;
transition: top 0.1s cubic-bezier(0.33333, 0, 0.66667, 0.33333) 0.16s, transform 0.13s cubic-bezier(0.215, 0.61, 0.355, 1) 0.25s;
transform: rotate(90deg);
}
.hamburger--elastic .hamburger-inner {
top: 2px;
transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
transition-duration: 0.275s;
}
.hamburger--elastic .hamburger-inner:before {
top: 10px;
transition: opacity 0.125s ease 0.275s;
}
.hamburger--elastic .hamburger-inner:after {
top: 20px;
transition: transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
.hamburger--elastic.is-active .hamburger-inner {
transition-delay: 75ms;
transform: translate3d(0, 10px, 0) rotate(135deg);
}
.hamburger--elastic.is-active .hamburger-inner:before {
transition-delay: 0s;
opacity: 0;
}
.hamburger--elastic.is-active .hamburger-inner:after {
transition-delay: 75ms;
transform: translate3d(0, -20px, 0) rotate(-270deg);
}
.hamburger--elastic-r .hamburger-inner {
top: 2px;
transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
transition-duration: 0.275s;
}
.hamburger--elastic-r .hamburger-inner:before {
top: 10px;
transition: opacity 0.125s ease 0.275s;
}
.hamburger--elastic-r .hamburger-inner:after {
top: 20px;
transition: transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
.hamburger--elastic-r.is-active .hamburger-inner {
transition-delay: 75ms;
transform: translate3d(0, 10px, 0) rotate(-135deg);
}
.hamburger--elastic-r.is-active .hamburger-inner:before {
transition-delay: 0s;
opacity: 0;
}
.hamburger--elastic-r.is-active .hamburger-inner:after {
transition-delay: 75ms;
transform: translate3d(0, -20px, 0) rotate(270deg);
}
.hamburger--emphatic {
overflow: hidden;
}
.hamburger--emphatic .hamburger-inner {
transition: background-color 0.125s ease-in 0.175s;
}
.hamburger--emphatic .hamburger-inner:before {
left: 0;
transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s linear 0.125s, left 0.125s ease-in 0.175s;
}
.hamburger--emphatic .hamburger-inner:after {
top: 10px;
right: 0;
transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s linear 0.125s, right 0.125s ease-in 0.175s;
}
.hamburger--emphatic.is-active .hamburger-inner {
transition-delay: 0s;
transition-timing-function: ease-out;
background-color: transparent;
}
.hamburger--emphatic.is-active .hamburger-inner:before {
top: -80px;
left: -80px;
transition: left 0.125s ease-out, top 0.05s linear 0.125s, transform 0.125s cubic-bezier(0.075, 0.82, 0.165, 1) 0.175s;
transform: translate3d(80px, 80px, 0) rotate(45deg);
}
.hamburger--emphatic.is-active .hamburger-inner:after {
top: -80px;
right: -80px;
transition: right 0.125s ease-out, top 0.05s linear 0.125s, transform 0.125s cubic-bezier(0.075, 0.82, 0.165, 1) 0.175s;
transform: translate3d(-80px, 80px, 0) rotate(-45deg);
}
.hamburger--emphatic-r {
overflow: hidden;
}
.hamburger--emphatic-r .hamburger-inner {
transition: background-color 0.125s ease-in 0.175s;
}
.hamburger--emphatic-r .hamburger-inner:before {
left: 0;
transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s linear 0.125s, left 0.125s ease-in 0.175s;
}
.hamburger--emphatic-r .hamburger-inner:after {
top: 10px;
right: 0;
transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s linear 0.125s, right 0.125s ease-in 0.175s;
}
.hamburger--emphatic-r.is-active .hamburger-inner {
transition-delay: 0s;
transition-timing-function: ease-out;
background-color: transparent;
}
.hamburger--emphatic-r.is-active .hamburger-inner:before {
top: 80px;
left: -80px;
transition: left 0.125s ease-out, top 0.05s linear 0.125s, transform 0.125s cubic-bezier(0.075, 0.82, 0.165, 1) 0.175s;
transform: translate3d(80px, -80px, 0) rotate(-45deg);
}
.hamburger--emphatic-r.is-active .hamburger-inner:after {
top: 80px;
right: -80px;
transition: right 0.125s ease-out, top 0.05s linear 0.125s, transform 0.125s cubic-bezier(0.075, 0.82, 0.165, 1) 0.175s;
transform: translate3d(-80px, -80px, 0) rotate(45deg);
}
.hamburger--minus .hamburger-inner:after, .hamburger--minus .hamburger-inner:before {
transition: bottom 0.08s ease-out 0s, top 0.08s ease-out 0s, opacity 0s linear;
}
.hamburger--minus.is-active .hamburger-inner:after, .hamburger--minus.is-active .hamburger-inner:before {
transition: bottom 0.08s ease-out, top 0.08s ease-out, opacity 0s linear 0.08s;
opacity: 0;
}
.hamburger--minus.is-active .hamburger-inner:before {
top: 0;
}
.hamburger--minus.is-active .hamburger-inner:after {
bottom: 0;
}
.hamburger--slider .hamburger-inner {
top: 2px;
}
.hamburger--slider .hamburger-inner:before {
top: 10px;
transition-timing-function: ease;
transition-duration: 0.15s;
transition-property: transform, opacity;
}
.hamburger--slider .hamburger-inner:after {
top: 20px;
}
.hamburger--slider.is-active .hamburger-inner {
transform: translate3d(0, 10px, 0) rotate(45deg);
}
.hamburger--slider.is-active .hamburger-inner:before {
transform: rotate(-45deg) translate3d(-5.71429px, -6px, 0);
opacity: 0;
}
.hamburger--slider.is-active .hamburger-inner:after {
transform: translate3d(0, -20px, 0) rotate(-90deg);
}
.hamburger--slider-r .hamburger-inner {
top: 2px;
}
.hamburger--slider-r .hamburger-inner:before {
top: 10px;
transition-timing-function: ease;
transition-duration: 0.15s;
transition-property: transform, opacity;
}
.hamburger--slider-r .hamburger-inner:after {
top: 20px;
}
.hamburger--slider-r.is-active .hamburger-inner {
transform: translate3d(0, 10px, 0) rotate(-45deg);
}
.hamburger--slider-r.is-active .hamburger-inner:before {
transform: rotate(45deg) translate3d(5.71429px, -6px, 0);
opacity: 0;
}
.hamburger--slider-r.is-active .hamburger-inner:after {
transform: translate3d(0, -20px, 0) rotate(90deg);
}
.hamburger--spin .hamburger-inner {
transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
transition-duration: 0.22s;
}
.hamburger--spin .hamburger-inner:before {
transition: top 0.1s ease-in 0.25s, opacity 0.1s ease-in;
}
.hamburger--spin .hamburger-inner:after {
transition: bottom 0.1s ease-in 0.25s, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--spin.is-active .hamburger-inner {
transition-delay: 0.12s;
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
transform: rotate(225deg);
}
.hamburger--spin.is-active .hamburger-inner:before {
top: 0;
transition: top 0.1s ease-out, opacity 0.1s ease-out 0.12s;
opacity: 0;
}
.hamburger--spin.is-active .hamburger-inner:after {
bottom: 0;
transition: bottom 0.1s ease-out, transform 0.22s cubic-bezier(0.215, 0.61, 0.355, 1) 0.12s;
transform: rotate(-90deg);
}
.hamburger--spin-r .hamburger-inner {
transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
transition-duration: 0.22s;
}
.hamburger--spin-r .hamburger-inner:before {
transition: top 0.1s ease-in 0.25s, opacity 0.1s ease-in;
}
.hamburger--spin-r .hamburger-inner:after {
transition: bottom 0.1s ease-in 0.25s, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--spin-r.is-active .hamburger-inner {
transition-delay: 0.12s;
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
transform: rotate(-225deg);
}
.hamburger--spin-r.is-active .hamburger-inner:before {
top: 0;
transition: top 0.1s ease-out, opacity 0.1s ease-out 0.12s;
opacity: 0;
}
.hamburger--spin-r.is-active .hamburger-inner:after {
bottom: 0;
transition: bottom 0.1s ease-out, transform 0.22s cubic-bezier(0.215, 0.61, 0.355, 1) 0.12s;
transform: rotate(90deg);
}
.hamburger--spring .hamburger-inner {
top: 2px;
transition: background-color 0s linear 0.13s;
}
.hamburger--spring .hamburger-inner:before {
top: 10px;
transition: top 0.1s cubic-bezier(0.33333, 0.66667, 0.66667, 1) 0.2s, transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--spring .hamburger-inner:after {
top: 20px;
transition: top 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1) 0.2s, transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--spring.is-active .hamburger-inner {
transition-delay: 0.22s;
background-color: transparent;
}
.hamburger--spring.is-active .hamburger-inner:before {
top: 0;
transition: top 0.1s cubic-bezier(0.33333, 0, 0.66667, 0.33333) 0.15s, transform 0.13s cubic-bezier(0.215, 0.61, 0.355, 1) 0.22s;
transform: translate3d(0, 10px, 0) rotate(45deg);
}
.hamburger--spring.is-active .hamburger-inner:after {
top: 0;
transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s cubic-bezier(0.215, 0.61, 0.355, 1) 0.22s;
transform: translate3d(0, 10px, 0) rotate(-45deg);
}
.hamburger--spring-r .hamburger-inner {
top: auto;
bottom: 0;
transition-delay: 0s;
transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
transition-duration: 0.13s;
}
.hamburger--spring-r .hamburger-inner:after {
top: -20px;
transition: top 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1) 0.2s, opacity 0s linear;
}
.hamburger--spring-r .hamburger-inner:before {
transition: top 0.1s cubic-bezier(0.33333, 0.66667, 0.66667, 1) 0.2s, transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--spring-r.is-active .hamburger-inner {
transition-delay: 0.22s;
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
transform: translate3d(0, -10px, 0) rotate(-45deg);
}
.hamburger--spring-r.is-active .hamburger-inner:after {
top: 0;
transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0s linear 0.22s;
opacity: 0;
}
.hamburger--spring-r.is-active .hamburger-inner:before {
top: 0;
transition: top 0.1s cubic-bezier(0.33333, 0, 0.66667, 0.33333) 0.15s, transform 0.13s cubic-bezier(0.215, 0.61, 0.355, 1) 0.22s;
transform: rotate(90deg);
}
.hamburger--stand .hamburger-inner {
transition: transform 75ms cubic-bezier(0.55, 0.055, 0.675, 0.19) 0.15s, background-color 0s linear 75ms;
}
.hamburger--stand .hamburger-inner:before {
transition: top 75ms ease-in 75ms, transform 75ms cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s;
}
.hamburger--stand .hamburger-inner:after {
transition: bottom 75ms ease-in 75ms, transform 75ms cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s;
}
.hamburger--stand.is-active .hamburger-inner {
transition: transform 75ms cubic-bezier(0.215, 0.61, 0.355, 1) 0s, background-color 0s linear 0.15s;
transform: rotate(90deg);
background-color: transparent;
}
.hamburger--stand.is-active .hamburger-inner:before {
top: 0;
transition: top 75ms ease-out 0.1s, transform 75ms cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
transform: rotate(-45deg);
}
.hamburger--stand.is-active .hamburger-inner:after {
bottom: 0;
transition: bottom 75ms ease-out 0.1s, transform 75ms cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
transform: rotate(45deg);
}
.hamburger--stand-r .hamburger-inner {
transition: transform 75ms cubic-bezier(0.55, 0.055, 0.675, 0.19) 0.15s, background-color 0s linear 75ms;
}
.hamburger--stand-r .hamburger-inner:before {
transition: top 75ms ease-in 75ms, transform 75ms cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s;
}
.hamburger--stand-r .hamburger-inner:after {
transition: bottom 75ms ease-in 75ms, transform 75ms cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s;
}
.hamburger--stand-r.is-active .hamburger-inner {
transition: transform 75ms cubic-bezier(0.215, 0.61, 0.355, 1) 0s, background-color 0s linear 0.15s;
transform: rotate(-90deg);
background-color: transparent;
}
.hamburger--stand-r.is-active .hamburger-inner:before {
top: 0;
transition: top 75ms ease-out 0.1s, transform 75ms cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
transform: rotate(-45deg);
}
.hamburger--stand-r.is-active .hamburger-inner:after {
bottom: 0;
transition: bottom 75ms ease-out 0.1s, transform 75ms cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
transform: rotate(45deg);
}
.hamburger--squeeze .hamburger-inner {
transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
transition-duration: 75ms;
}
.hamburger--squeeze .hamburger-inner:before {
transition: top 75ms ease 0.12s, opacity 75ms ease;
}
.hamburger--squeeze .hamburger-inner:after {
transition: bottom 75ms ease 0.12s, transform 75ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--squeeze.is-active .hamburger-inner {
transition-delay: 0.12s;
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
transform: rotate(45deg);
}
.hamburger--squeeze.is-active .hamburger-inner:before {
top: 0;
transition: top 75ms ease, opacity 75ms ease 0.12s;
opacity: 0;
}
.hamburger--squeeze.is-active .hamburger-inner:after {
bottom: 0;
transition: bottom 75ms ease, transform 75ms cubic-bezier(0.215, 0.61, 0.355, 1) 0.12s;
transform: rotate(-90deg);
}
.hamburger--vortex .hamburger-inner {
transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
transition-duration: 0.2s;
}
.hamburger--vortex .hamburger-inner:after, .hamburger--vortex .hamburger-inner:before {
transition-delay: 0.1s;
transition-timing-function: linear;
transition-duration: 0s;
}
.hamburger--vortex .hamburger-inner:before {
transition-property: top, opacity;
}
.hamburger--vortex .hamburger-inner:after {
transition-property: bottom, transform;
}
.hamburger--vortex.is-active .hamburger-inner {
transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
transform: rotate(765deg);
}
.hamburger--vortex.is-active .hamburger-inner:after, .hamburger--vortex.is-active .hamburger-inner:before {
transition-delay: 0s;
}
.hamburger--vortex.is-active .hamburger-inner:before {
top: 0;
opacity: 0;
}
.hamburger--vortex.is-active .hamburger-inner:after {
bottom: 0;
transform: rotate(90deg);
}
.hamburger--vortex-r .hamburger-inner {
transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
transition-duration: 0.2s;
}
.hamburger--vortex-r .hamburger-inner:after, .hamburger--vortex-r .hamburger-inner:before {
transition-delay: 0.1s;
transition-timing-function: linear;
transition-duration: 0s;
}
.hamburger--vortex-r .hamburger-inner:before {
transition-property: top, opacity;
}
.hamburger--vortex-r .hamburger-inner:after {
transition-property: bottom, transform;
}
.hamburger--vortex-r.is-active .hamburger-inner {
transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
transform: rotate(-765deg);
}
.hamburger--vortex-r.is-active .hamburger-inner:after, .hamburger--vortex-r.is-active .hamburger-inner:before {
transition-delay: 0s;
}
.hamburger--vortex-r.is-active .hamburger-inner:before {
top: 0;
opacity: 0;
}
.hamburger--vortex-r.is-active .hamburger-inner:after {
bottom: 0;
transform: rotate(-90deg);
}
.hamburger .hamburger-inner, .hamburger .hamburger-inner:after, .hamburger .hamburger-inner:before {
background-color: #fff;
}
.hamburger--header {
margin-right: -5px;
padding-right: 0;
padding-left: 5px;
cursor: default;
vertical-align: middle;
}
.hamburger--header .hamburger-inner, .hamburger--header .hamburger-inner:after, .hamburger--header .hamburger-inner:before {
background-color: #222;
}
.hamburger--header.hamburger--elastic .hamburger-inner, .hamburger--header.hamburger--slider .hamburger-inner {
top: 2px;
}
.hamburger--header:hover {
opacity: 1;
}
.hamburger-wrap {
text-align: center;
}
.hamburger--accessible {
display: inline-block;
}
.hamburger--accessible .hamburger-box {
display: inline-block;
vertical-align: middle;
}
.hamburger--accessible .hamburger-inner, .hamburger--accessible .hamburger-inner:after, .hamburger--accessible .hamburger-inner:before {
background-color: #222;
}
.hamburger-label {
font-weight: 600;
display: inline-block;
margin-left: 5px;
vertical-align: middle;
text-transform: uppercase;
}
.hamburger-label-hidden {
display: none;
}
.hamburger--example {
outline: 1px dashed cyan;
}
.hamburger--example .hamburger-box {
outline: 1px dashed green;
}
.hamburger--example .hamburger-inner, .hamburger--example .hamburger-inner:after, .hamburger--example .hamburger-inner:before {
background-color: #222;
}