/* ====================================================================================================================================================== ICONGRID ====================================================================================================================================================== */ .avia-icongrid{ margin: 0; padding: 0; list-style: none; display: block; width: 100%; } .avia-icongrid-borders-all{ border-width: 1px; border-style: solid; } .avia-icongrid li{ display: block; float: left; margin: 0; padding: 0; list-style: none; text-align: center; position: relative; } .avia-icongrid-icon{ font-size: 42px; line-height: 1; margin-bottom: 0.5em; color: initial; } .avia-icongrid li .avia-icongrid-wrapper{ position: relative; display: block; -webkit-backface-visibility: hidden; /* new for mobile even to parent container */ backface-visibility: hidden; /* new for mobile even to parent container */ } .avia-icongrid-borders-all li .avia-icongrid-wrapper:before, .avia-icongrid-borders-between li .avia-icongrid-wrapper:before { content: ""; position: absolute; width: 100%; height: 100%; top: 0; left: 0; color: inherit; -webkit-box-shadow: 1px 0 0 0, 0 1px 0 0; /* right, bottom */ box-shadow: 1px 0 0 0, 0 1px 0 0; z-index: 8; } /* 3 items in a row */ /* every third item */ .avia-icongrid-numrow-3.avia-icongrid-borders-all li:nth-child(3n+3) .avia-icongrid-wrapper:before, .avia-icongrid-numrow-3.avia-icongrid-borders-between li:nth-child(3n+3) .avia-icongrid-wrapper:before { -webkit-box-shadow: 0 1px 0 0; /* bottom */ box-shadow: 0 1px 0 0; } /* items in last row */ .avia-icongrid-numrow-3.avia-icongrid-borders-all li:nth-child(3n+1):nth-last-child(-n+3) .avia-icongrid-wrapper:before, .avia-icongrid-numrow-3.avia-icongrid-borders-all li:nth-child(3n+1):nth-last-child(-n+3) ~ li .avia-icongrid-wrapper:before, .avia-icongrid-numrow-3.avia-icongrid-borders-between li:nth-child(3n+1):nth-last-child(-n+3) .avia-icongrid-wrapper:before, .avia-icongrid-numrow-3.avia-icongrid-borders-between li:nth-child(3n+1):nth-last-child(-n+3) ~ li .avia-icongrid-wrapper:before { -webkit-box-shadow: 1px 0 0 0; /* right */ box-shadow: 1px 0 0 0; } /* every third item and in last row */ .avia-icongrid-numrow-3.avia-icongrid-borders-all li:nth-child(3n+1):nth-last-child(-n+3) ~ li:nth-child(3n+3) .avia-icongrid-wrapper:before, .avia-icongrid-numrow-3.avia-icongrid-borders-between li:nth-child(3n+1):nth-last-child(-n+3) ~ li:nth-child(3n+3) .avia-icongrid-wrapper:before { -webkit-box-shadow: none; /* bottom */ box-shadow: none; } /* 4 items in a row */ /* every fourth item */ .avia-icongrid-numrow-4.avia-icongrid-borders-all li:nth-child(4n+4) .avia-icongrid-wrapper:before, .avia-icongrid-numrow-4.avia-icongrid-borders-between li:nth-child(4n+4) .avia-icongrid-wrapper:before { -webkit-box-shadow: 0 1px 0 0; /* bottom */ box-shadow: 0 1px 0 0; } /* items in last row */ .avia-icongrid-numrow-4.avia-icongrid-borders-all li:nth-child(4n+1):nth-last-child(-n+4) .avia-icongrid-wrapper:before, .avia-icongrid-numrow-4.avia-icongrid-borders-all li:nth-child(4n+1):nth-last-child(-n+4) ~ li .avia-icongrid-wrapper:before, .avia-icongrid-numrow-4.avia-icongrid-borders-between li:nth-child(4n+1):nth-last-child(-n+4) .avia-icongrid-wrapper:before, .avia-icongrid-numrow-4.avia-icongrid-borders-between li:nth-child(4n+1):nth-last-child(-n+4) ~ li .avia-icongrid-wrapper:before { -webkit-box-shadow: 1px 0 0 0; /* right */ box-shadow: 1px 0 0 0; } /* every fouth item and in last row */ .avia-icongrid-numrow-4.avia-icongrid-borders-all li:nth-child(4n+1):nth-last-child(-n+4) ~ li:nth-child(4n+4) .avia-icongrid-wrapper:before, .avia-icongrid-numrow-4.avia-icongrid-borders-between li:nth-child(4n+1):nth-last-child(-n+4) ~ li:nth-child(4n+4) .avia-icongrid-wrapper:before { -webkit-box-shadow: none; /* bottom */ box-shadow: none; } /* 5 items in a row */ /* every fifth item */ .avia-icongrid-numrow-5.avia-icongrid-borders-all li:nth-child(5n+5) .avia-icongrid-wrapper:before, .avia-icongrid-numrow-5.avia-icongrid-borders-between li:nth-child(5n+5) .avia-icongrid-wrapper:before { -webkit-box-shadow: 0 1px 0 0; /* bottom */ box-shadow: 0 1px 0 0; } /* items in last row */ .avia-icongrid-numrow-5.avia-icongrid-borders-all li:nth-child(5n+1):nth-last-child(-n+5) .avia-icongrid-wrapper:before, .avia-icongrid-numrow-5.avia-icongrid-borders-all li:nth-child(5n+1):nth-last-child(-n+5) ~ li .avia-icongrid-wrapper:before, .avia-icongrid-numrow-5.avia-icongrid-borders-between li:nth-child(5n+1):nth-last-child(-n+5) .avia-icongrid-wrapper:before, .avia-icongrid-numrow-5.avia-icongrid-borders-between li:nth-child(5n+1):nth-last-child(-n+5) ~ li .avia-icongrid-wrapper:before { -webkit-box-shadow: 1px 0 0 0; /* right */ box-shadow: 1px 0 0 0; } /* every fifth item and in last row */ .avia-icongrid-numrow-5.avia-icongrid-borders-all li:nth-child(5n+1):nth-last-child(-n+5) ~ li:nth-child(5n+5) .avia-icongrid-wrapper:before, .avia-icongrid-numrow-5.avia-icongrid-borders-between li:nth-child(5n+1):nth-last-child(-n+5) ~ li:nth-child(5n+5) .avia-icongrid-wrapper:before { -webkit-box-shadow: none; /* bottom */ box-shadow: none; } .avia-icongrid li .avia-icongrid-content{ opacity: 0; visibility: hidden; padding: 4em 3em; } .avia-icongrid li .avia-icongrid-front{ position: absolute; width: 100%; height: 100%; top: 0; left: 0; } .avia-icongrid-numrow-3 li{ width: 33.333%; } .avia-icongrid-numrow-4 li{ width: 25%; } .avia-icongrid-numrow-5 li{ width: 20%; } /* flipbox */ .avia-icongrid-flipbox li{ -webkit-perspective: 1000px; perspective: 1000px; cursor: pointer; } .avia-icongrid-flipbox li article{ position: relative; display: block; z-index: 3; min-height: 200px; backface-visibility: hidden; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; perspective: 1000px; -webkit-transition: -webkit-transform 0.6s; transition: transform 0.6s; } .avia-icongrid-flipbox li .avia-icongrid-front, .avia-icongrid-flipbox li .avia-icongrid-flipback { backface-visibility: hidden; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -webkit-transition: 0.6s; -o-transition: 0.6s; transition: 0.6s; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; height: 100%; width: 100%; } .avia-msie-9 .avia-icongrid-flipbox li .avia-icongrid-flipback { opacity: 0; visibility: hidden; } .avia-icongrid-flipbox li .avia-icongrid-front{ z-index: 2; -webkit-transform: rotateY(0deg); transform: rotateY(0deg); margin: 1px; } .avia-icongrid-flipbox li .avia-icongrid-flipback { position: absolute; width: 100%; left: 0; top: 0; margin: 1px; -webkit-transform: rotateY(-180deg); transform: rotateY(-180deg); } .avia-icongrid-flipbox li .avia-icongrid-front .avia-icongrid-inner, .avia-icongrid-flipbox li .avia-icongrid-flipback .avia-icongrid-inner { position: absolute; color: initial; width: 100%; left: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); padding: 1em; backface-visibility: hidden; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; } .avia-icongrid-flipbox li:hover .avia-icongrid-front, .avia-icongrid-flipbox li.hover .avia-icongrid-front, .avia-icongrid-flipbox li.av-flip .avia-icongrid-front{ -webkit-transform: rotateY(180deg); transform: rotateY(180deg); } .avia-icongrid-flipbox li:hover .avia-icongrid-flipback, .avia-icongrid-flipbox li.hover .avia-icongrid-flipback, .avia-icongrid-flipbox li.av-flip .avia-icongrid-flipback{ -webkit-transform: rotateY(0deg); transform: rotateY(0deg); } .avia-msie-9 .avia-icongrid-flipbox li:hover .avia-icongrid-front, .avia-msie-9 .avia-icongrid-flipbox li.hover .avia-icongrid-front, .avia-msie-9 .avia-icongrid-flipbox li.av-flip .avia-icongrid-front{ opacity: 0; visibility: hidden; } .avia-msie-9 .avia-icongrid-flipbox li:hover .avia-icongrid-flipback, .avia-msie-9 .avia-icongrid-flipbox li.hover .avia-icongrid-flipback, .avia-msie-9 .avia-icongrid-flipbox li.av-flip .avia-icongrid-flipback { opacity: 1; visibility: visible; } /* tooltip */ .avia-icongrid-tooltip li{ cursor: pointer; } .avia-icongrid-tooltip li article:before { content: ""; display: block; padding-top: 100%; } .avia-icongrid-tooltip li .avia-icongrid-front{ position: absolute; width: 100%; height: auto; padding: 2em; bottom: 50%; top: auto; -webkit-transform: translateY(50%); -ms-transform: translateY(50%); transform: translateY(50%); -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .avia-icongrid-tooltip li .avia-icongrid-content { position: absolute; bottom: 4em; width: 85%; left: 7.5%; padding: 1em 2em !important; background-color: white; color: white; z-index: 8; border-width: 0.3em; border-style: solid; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; -webkit-box-shadow: 0 0 2em rgba(0,0,0,0.1); box-shadow: 0 0 2em rgba(0,0,0,0.1); } .avia-icongrid-tooltip li .avia-icongrid-content .avia-icongrid-inner { color: initial; } .avia-icongrid-tooltip li .avia-icongrid-content:after { content: ""; width: 0; height: 0; position: absolute; left: 50%; -webkit-box-sizing: border-box; box-sizing: border-box; border-left-width: 0.5em; border-right-width: 0.5em; border-top-width: 0.5em; border-left-style: solid; border-right-style: solid; border-top-style: solid; border-left-color: transparent; border-right-color: transparent; border-top-color: inherit; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); bottom: -0.75em; -webkit-box-shadow: 0 0 2em rgba(0,0,0,0.1); box-shadow: 0 0 2em rgba(0,0,0,0.1); } .avia-icongrid-tooltip li:hover .avia-icongrid-content{ visibility: visible; opacity: 1; bottom: 40%; } .avia-icongrid-tooltip li:hover .avia-icongrid-front { bottom: 0.5em; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } /*** Anfang Flip Grid x-achse ***/ /*** just give a custom-class: x-achse to the icongrid element ***/ .x-achse .avia-icongrid-flipbox li .avia-icongrid-front { z-index: 2; -webkit-transform: rotateX(0deg); -ms-transform: rotateX(0deg); transform: rotateX(0deg); } .x-achse .avia-icongrid-flipbox li .avia-icongrid-flipback { -webkit-transform: rotateX(-180deg); -ms-transform: rotateX(-180deg); transform: rotateX(-180deg); } /*** now hover style ***/ .x-achse .avia-icongrid-flipbox li:hover .avia-icongrid-front, .x-achse .avia-icongrid-flipbox li.hover .avia-icongrid-front, .x-achse .avia-icongrid-flipbox li.av-flip .avia-icongrid-front { -webkit-transform: rotateX(180deg); -ms-transform: rotateX(180deg); transform: rotateX(180deg); } .x-achse .avia-icongrid-flipbox li:hover .avia-icongrid-flipback, .x-achse .avia-icongrid-flipbox li.hover .avia-icongrid-flipback, .x-achse .avia-icongrid-flipbox li.av-flip .avia-icongrid-flipback { -webkit-transform: rotateX(0deg); -ms-transform: rotateX(0deg); transform: rotateX(0deg); } /**** Ende Flipbox x-achse ****/ /**** responsive cases ****/ @media only screen and (max-width: 989px){ .avia-icongrid-numrow-3 li, .avia-icongrid-numrow-4 li, .avia-icongrid-numrow-5 li{ width: 50%; } .avia-icongrid-borders-all li .avia-icongrid-wrapper:before, .avia-icongrid-borders-between li .avia-icongrid-wrapper:before { display: none; } .avia-icongrid-borders-all li .avia-icongrid-wrapper:after, .avia-icongrid-borders-between li .avia-icongrid-wrapper:after { content: ""; position: absolute; width: 100%; height: 100%; top: 0; left: 0; color: inherit; -webkit-box-shadow: 1px 0 0 0, 0 1px 0 0; /* right, bottom */ box-shadow: 1px 0 0 0, 0 1px 0 0; z-index: 8; } .avia-icongrid-borders-all li:nth-child(2n+2) .avia-icongrid-wrapper:after, .avia-icongrid-borders-between li:nth-child(2n+2) .avia-icongrid-wrapper:after { -webkit-box-shadow: 0 1px 0 0; /* bottom */ box-shadow: 0 1px 0 0; } .avia-icongrid-borders-all li:last-child .avia-icongrid-wrapper:after, .avia-icongrid-borders-between li:last-child .avia-icongrid-wrapper:after { -webkit-box-shadow: none; box-shadow: none; } .avia-icongrid-borders-all li:nth-child(2n+1):nth-last-child(-n+2) .avia-icongrid-wrapper:after, .avia-icongrid-borders-between li:nth-child(2n+1):nth-last-child(-n+2) .avia-icongrid-wrapper:after{ -webkit-box-shadow: 1px 0 0 0; /* right */ box-shadow: 1px 0 0 0; } .avia-icongrid-flipbox li .avia-icongrid-front .avia-icongrid-inner, .avia-icongrid-tooltip li article{ padding: 1em; } } @media only screen and (max-width: 767px) { .avia-icongrid-numrow-3 li, .avia-icongrid-numrow-4 li, .avia-icongrid-numrow-5 li { width: 100%; } .avia-icongrid-borders-all li .avia-icongrid-wrapper, .avia-icongrid-borders-between li .avia-icongrid-wrapper { border-right-width: 0px !important; border-right-style: hidden !important; border-bottom-width: 1px !important; border-bottom-style: solid !important; } .avia-icongrid-borders-all li:nth-child(odd) .avia-icongrid-wrapper, .avia-icongrid-borders-between li:nth-child(odd) .avia-icongrid-wrapper { border-right-width: 0px !important; border-right-style: hidden !important; } .avia-icongrid-tooltip li .avia-icongrid-content:after{ bottom: auto; top: -0.75em; border-top: 0.3em solid rgba(0,0,0,0.07); border-left: 0.3em solid rgba(0,0,0,0.07); border-bottom: 0; border-right: 0; } .avia-icongrid-tooltip li article:before{ display: none; } } (function($) { "use strict"; $('body').on('click','.av-lazyload-video-embed .av-click-to-play-overlay', function(e){ var clicked = $(this); // check if videos are disabled by user setting via cookie - or user must opt in. var cookie_check = $('html').hasClass('av-cookies-needs-opt-in') || $('html').hasClass('av-cookies-can-opt-out'); var allow_continue = true; var silent_accept_cookie = $('html').hasClass('av-cookies-user-silent-accept'); if( cookie_check && ! silent_accept_cookie ) { if( ! document.cookie.match(/aviaCookieConsent/) || $('html').hasClass('av-cookies-session-refused') ) { allow_continue = false; } else { if( ! document.cookie.match(/aviaPrivacyRefuseCookiesHideBar/) ) { allow_continue = false; } else if( ! document.cookie.match(/aviaPrivacyEssentialCookiesEnabled/) ) { allow_continue = false; } else if( document.cookie.match(/aviaPrivacyVideoEmbedsDisabled/) ) { allow_continue = false; } } } var container = clicked.parents( '.av-lazyload-video-embed' ); if( container.hasClass( 'avia-video-lightbox' ) && container.hasClass( 'avia-video-standard-html' ) ) { allow_continue = true; } if( ! allow_continue ) { if( typeof e.originalEvent == 'undefined' ) { return; } //human click only var src_url = container.data('original_url'); if( src_url ) window.open(src_url , '_blank', 'noreferrer noopener' ); return; } var video = container.find('.av-video-tmpl').html(); var link = ''; if( container.hasClass( 'avia-video-lightbox' ) ) { link = container.find( 'a.lightbox-link' ); if( link.length == 0 ) { container.append( video ); // DOM not ready setTimeout(function(){ link = container.find( 'a.lightbox-link' ); if( $( 'html' ).hasClass( 'av-default-lightbox' ) ) { link.addClass( 'lightbox-added' ).magnificPopup( $.avia_utilities.av_popup ); link.trigger( 'click' ); } else { link.trigger( 'avia-open-video-in-lightbox' ); } }, 100 ); } else { link.trigger( 'click' ); } } else { container.html( video ); } }); $('.av-lazyload-immediate .av-click-to-play-overlay').trigger('click'); }(jQuery));(function($) { "use strict"; // ------------------------------------------------------------------------------------------- // makes sure that the fixed container height is removed once the layerslider is loaded, so it adapts to the screen resolution // ------------------------------------------------------------------------------------------- $.fn.layer_slider_height_helper = function(options) { return this.each(function() { var container = $(this), first_div = container.find('>div').first(), timeout = false, counter = 0, reset_size = function() { if(first_div.height() > 0 || counter > 5) { container.height('auto'); } else { timeout = setTimeout(reset_size, 500); counter++; } }; if(!first_div.length) return; timeout = setTimeout(reset_size, 0); }); } }(jQuery));