Webdesign

Dein Projekt, Deine Website!

Schon in der Geburtsstunde des Internets im Jahre 1969 war es das primäre Ziel, zu kommunizieren und Informationen zu vermitteln. Glücklicherweise hat sich das World Wide Web bis heute mit großen Schritten weiterentwickelt, sodass es jedes Jahr aufs Neue, bisher ungeahnte Möglichkeiten eröffnet. Für Unternehmen ist es daher längst kein Nice-To-Have mehr, sich online zu präsentieren, sondern viel mehr die Grundlage für ein solides Marketing. Ob Eisdiele oder Wirtschaftskonzern – jeder sollte Online präsent sein. Von der klassischen Unternehmenswebsite bis hin zur ausgefallenen Produktseite: Wir freuen uns darauf, gemeinsam mit Dir an großartigen Projekten zu arbeiten, um Deinen Kunden einen schnellen und einfachen Zugang zu Dir und Deinen Ideen verschaffen zu können.


Nicht das Richtige dabei?

Lass‘ es uns wissen!

Dein Vorhaben lässt sich keiner dieser Leistungen eindeutig zuordnen? Erzähl uns mehr darüber und wir finden gemeinsam eine Lösung für Dich. Durch unser großes Netzwerk an Medienproduzenten, Marketingagenturen, SEO-Spezialisten und Programmierern können wir über unsere Leistungen hinaus auch die verrücktesten Ideen umsetzen oder an unsere Partner vermitteln. Wir sind gespannt darauf, mehr über Dich und Dein Vorhaben zu erfahren! Schreib uns doch eine Nachricht oder ruf uns an.

Kontaktiere uns!

Dein Experte für alle Fragen zum Thema Webdesign

Mail an Mattis
WebdesignDein Projekt, Deine Website!Schon in der Geburtsstunde des Internets im Jahre 1969 war es das primäre Ziel, zu kommunizieren und Informationen zu vermitteln. Glücklicherweise hat sich das World Wide Web bis heute mit großen Schritten weiterentwickelt, sodass es jedes Jahr aufs Neue, bisher ungeahnte Möglichkeiten eröffnet. Für Unternehmen ist es daher längst kein Nice-To-Have mehr, sich online zu präsentieren, sondern viel mehr die Grundlage für ein solides Marketing. Ob Eisdiele oder Wirtschaftskonzern – jeder sollte Online präsent sein. Von der klassischen Unternehmenswebsite bis hin zur ausgefallenen Produktseite: Wir freuen uns darauf, gemeinsam mit Dir an großartigen Projekten zu arbeiten, um Deinen Kunden einen schnellen und einfachen Zugang zu Dir und Deinen Ideen verschaffen zu können.
a.eg-henryharrison-element-1,a.eg-henryharrison-element-2{-webkit-transition:all .4s linear; -moz-transition:all .4s linear; -o-transition:all .4s linear; -ms-transition:all .4s linear; transition:all .4s linear}.eg-jimmy-carter-element-11 i:before{margin-left:0px; margin-right:0px}.eg-harding-element-17{letter-spacing:1px}.eg-harding-wrapper .esg-entry-media{overflow:hidden; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; padding:30px 30px 0px 30px}.eg-harding-wrapper .esg-media-poster{overflow:hidden; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%}.eg-ulysses-s-grant-wrapper .esg-entry-media{overflow:hidden; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; padding:30px 30px 0px 30px}.eg-ulysses-s-grant-wrapper .esg-media-poster{overflow:hidden; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%}.eg-richard-nixon-wrapper .esg-entry-media{overflow:hidden; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; padding:30px 30px 0px 30px}.eg-richard-nixon-wrapper .esg-media-poster{overflow:hidden; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%}.eg-herbert-hoover-wrapper .esg-media-poster{filter:url(„data:image/svg+xml;utf8,#grayscale“); filter:gray; -webkit-filter:grayscale(100%)}.eg-herbert-hoover-wrapper:hover .esg-media-poster{filter:url(„data:image/svg+xml;utf8,#grayscale“); -webkit-filter:grayscale(0%)}.eg-lyndon-johnson-wrapper .esg-media-poster{filter:url(„data:image/svg+xml;utf8,#grayscale“); filter:gray; -webkit-filter:grayscale(100%)}.eg-lyndon-johnson-wrapper:hover .esg-media-poster{filter:url(„data:image/svg+xml;utf8,#grayscale“); -webkit-filter:grayscale(0%)}.esg-overlay.eg-ronald-reagan-container{background:-moz-linear-gradient(top,rgba(0,0,0,0) 50%,rgba(0,0,0,0.83) 99%,rgba(0,0,0,0.85) 100%); background:-webkit-gradient(linear,left top,left bottom,color-stop(50%,rgba(0,0,0,0)),color-stop(99%,rgba(0,0,0,0.83)),color-stop(100%,rgba(0,0,0,0.85))); background:-webkit-linear-gradient(top,rgba(0,0,0,0) 50%,rgba(0,0,0,0.83) 99%,rgba(0,0,0,0.85) 100%); background:-o-linear-gradient(top,rgba(0,0,0,0) 50%,rgba(0,0,0,0.83) 99%,rgba(0,0,0,0.85) 100%); background:-ms-linear-gradient(top,rgba(0,0,0,0) 50%,rgba(0,0,0,0.83) 99%,rgba(0,0,0,0.85) 100%); background:linear-gradient(to bottom,rgba(0,0,0,0) 50%,rgba(0,0,0,0.83) 99%,rgba(0,0,0,0.85) 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr=’#00000000′,endColorstr=’#d9000000′,GradientType=0 )}.eg-georgebush-wrapper .esg-entry-cover{background:-moz-linear-gradient(top,rgba(0,0,0,0) 50%,rgba(0,0,0,0.83) 99%,rgba(0,0,0,0.85) 100%); background:-webkit-gradient(linear,left top,left bottom,color-stop(50%,rgba(0,0,0,0)),color-stop(99%,rgba(0,0,0,0.83)),color-stop(100%,rgba(0,0,0,0.85))); background:-webkit-linear-gradient(top,rgba(0,0,0,0) 50%,rgba(0,0,0,0.83) 99%,rgba(0,0,0,0.85) 100%); background:-o-linear-gradient(top,rgba(0,0,0,0) 50%,rgba(0,0,0,0.83) 99%,rgba(0,0,0,0.85) 100%); background:-ms-linear-gradient(top,rgba(0,0,0,0) 50%,rgba(0,0,0,0.83) 99%,rgba(0,0,0,0.85) 100%); background:linear-gradient(to bottom,rgba(0,0,0,0) 50%,rgba(0,0,0,0.83) 99%,rgba(0,0,0,0.85) 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr=’#00000000′,endColorstr=’#d9000000′,GradientType=0 )}.eg-jefferson-wrapper{-webkit-border-radius:5px !important; -moz-border-radius:5px !important; border-radius:5px !important; -webkit-mask-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC) !important}.eg-monroe-element-1{text-shadow:0px 1px 3px rgba(0,0,0,0.1)}.eg-lyndon-johnson-wrapper .esg-entry-cover{background:-moz-radial-gradient(center,ellipse cover,rgba(0,0,0,0.35) 0%,rgba(18,18,18,0) 96%,rgba(19,19,19,0) 100%); background:-webkit-gradient(radial,center center,0px,center center,100%,color-stop(0%,rgba(0,0,0,0.35)),color-stop(96%,rgba(18,18,18,0)),color-stop(100%,rgba(19,19,19,0))); background:-webkit-radial-gradient(center,ellipse cover,rgba(0,0,0,0.35) 0%,rgba(18,18,18,0) 96%,rgba(19,19,19,0) 100%); background:-o-radial-gradient(center,ellipse cover,rgba(0,0,0,0.35) 0%,rgba(18,18,18,0) 96%,rgba(19,19,19,0) 100%); background:-ms-radial-gradient(center,ellipse cover,rgba(0,0,0,0.35) 0%,rgba(18,18,18,0) 96%,rgba(19,19,19,0) 100%); background:radial-gradient(ellipse at center,rgba(0,0,0,0.35) 0%,rgba(18,18,18,0) 96%,rgba(19,19,19,0) 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr=’#59000000′,endColorstr=’#00131313′,GradientType=1 )}.eg-wilbert-wrapper .esg-entry-cover{background:-moz-radial-gradient(center,ellipse cover,rgba(0,0,0,0.35) 0%,rgba(18,18,18,0) 96%,rgba(19,19,19,0) 100%); background:-webkit-gradient(radial,center center,0px,center center,100%,color-stop(0%,rgba(0,0,0,0.35)),color-stop(96%,rgba(18,18,18,0)),color-stop(100%,rgba(19,19,19,0))); background:-webkit-radial-gradient(center,ellipse cover,rgba(0,0,0,0.35) 0%,rgba(18,18,18,0) 96%,rgba(19,19,19,0) 100%); background:-o-radial-gradient(center,ellipse cover,rgba(0,0,0,0.35) 0%,rgba(18,18,18,0) 96%,rgba(19,19,19,0) 100%); background:-ms-radial-gradient(center,ellipse cover,rgba(0,0,0,0.35) 0%,rgba(18,18,18,0) 96%,rgba(19,19,19,0) 100%); background:radial-gradient(ellipse at center,rgba(0,0,0,0.35) 0%,rgba(18,18,18,0) 96%,rgba(19,19,19,0) 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr=’#59000000′,endColorstr=’#00131313′,GradientType=1 )}.eg-wilbert-wrapper .esg-media-poster{-webkit-transition:0.4s ease-in-out; -moz-transition:0.4s ease-in-out; -o-transition:0.4s ease-in-out; transition:0.4s ease-in-out; filter:url(„data:image/svg+xml;utf8,#grayscale“); filter:gray; -webkit-filter:grayscale(100%)}.eg-wilbert-wrapper:hover .esg-media-poster{filter:url(„data:image/svg+xml;utf8,#grayscale“); -webkit-filter:grayscale(0%)}.eg-phillie-element-3:after{content:“ „;width:0px;height:0px;border-style:solid;border-width:5px 5px 0 5px;border-color:#000 transparent transparent transparent;left:50%;margin-left:-5px; bottom:-5px; position:absolute}.eg-howardtaft-wrapper .esg-media-poster,.eg-howardtaft-wrapper .esg-media-poster{filter:url(„data:image/svg+xml;utf8,#grayscale“); -webkit-filter:grayscale(0%)}.eg-howardtaft-wrapper:hover .esg-media-poster,.eg-howardtaft-wrapper:hover .esg-media-poster{filter:url(„data:image/svg+xml;utf8,#grayscale“); filter:gray; -webkit-filter:grayscale(100%)}.myportfolio-container .added_to_cart.wc-forward{font-family:“Open Sans“; font-size:13px; color:#fff; margin-top:10px}.esgbox-title.esgbox-title-outside-wrap{font-size:15px; font-weight:700; text-align:center}.esgbox-title.esgbox-title-inside-wrap{padding-bottom:10px; font-size:15px; font-weight:700; text-align:center}.esg-content.eg-twitterstream-element-33-a{display:inline-block}.eg-twitterstream-element-35{word-break:break-all}.esg-overlay.eg-twitterstream-container{background:-moz-linear-gradient(top,rgba(0,0,0,0) 50%,rgba(0,0,0,0.83) 99%,rgba(0,0,0,0.85) 100%); background:-webkit-gradient(linear,left top,left bottom,color-stop(50%,rgba(0,0,0,0)),color-stop(99%,rgba(0,0,0,0.83)),color-stop(100%,rgba(0,0,0,0.85))); background:-webkit-linear-gradient(top,rgba(0,0,0,0) 50%,rgba(0,0,0,0.83) 99%,rgba(0,0,0,0.85) 100%); background:-o-linear-gradient(top,rgba(0,0,0,0) 50%,rgba(0,0,0,0.83) 99%,rgba(0,0,0,0.85) 100%); background:-ms-linear-gradient(top,rgba(0,0,0,0) 50%,rgba(0,0,0,0.83) 99%,rgba(0,0,0,0.85) 100%); background:linear-gradient(to bottom,rgba(0,0,0,0) 50%,rgba(0,0,0,0.83) 99%,rgba(0,0,0,0.85) 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr=’#00000000′,endColorstr=’#d9000000′,GradientType=0 )}.esg-content.eg-facebookstream-element-33-a{display:inline-block}.eg-facebookstream-element-0{word-break:break-all}.esg-overlay.eg-flickrstream-container{background:-moz-linear-gradient(top,rgba(0,0,0,0) 50%,rgba(0,0,0,0.83) 99%,rgba(0,0,0,0.85) 100%); background:-webkit-gradient(linear,left top,left bottom,color-stop(50%,rgba(0,0,0,0)),color-stop(99%,rgba(0,0,0,0.83)),color-stop(100%,rgba(0,0,0,0.85))); background:-webkit-linear-gradient(top,rgba(0,0,0,0) 50%,rgba(0,0,0,0.83) 99%,rgba(0,0,0,0.85) 100%); background:-o-linear-gradient(top,rgba(0,0,0,0) 50%,rgba(0,0,0,0.83) 99%,rgba(0,0,0,0.85) 100%); background:-ms-linear-gradient(top,rgba(0,0,0,0) 50%,rgba(0,0,0,0.83) 99%,rgba(0,0,0,0.85) 100%); background:linear-gradient(to bottom,rgba(0,0,0,0) 50%,rgba(0,0,0,0.83) 99%,rgba(0,0,0,0.85) 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr=’#00000000′,endColorstr=’#d9000000′,GradientType=0 )}.video-hovers .eg-howardtaft-element-7,.video-hovers .esg-overlay{display:none !important; pointer-events:none}.video-hovers .esg-entry-cover{visibility:visible !important; opacity:1 !important; pointer-events:none}.video-hovers .esg-entry-cover *{pointer-events:auto}.video-hovers .esg-media-poster{opacity:1 !important}.video-hovers .is-over video{display:block !important}.video-hovers .esg-loader{display:block !important; visibility:visible !important; opacity:1 !important}.background-transparent{z-index:-100!important}.video_go{visibility:visible!important; opacity:1!important}.tp-esg-item{cursor:pointer}.esg-grid li{cursor:pointer}.esg-filter-wrapper{margin-bottom:1rem}.minimal-light .esg-filterbutton.selected,.minimal-light .esg-filterbutton.selected:hover{background-color:#1d555b!important; color:#efefef!important; box-shadow:none!important}.minimal-light .esg-filterbutton:hover{box-shadow:none!important; background-color:#1d555b!important; color:#efefef!important}
.minimal-light .navigationbuttons,.minimal-light .esg-pagination,.minimal-light .esg-filters{text-align:center}.minimal-light .esg-filterbutton,.minimal-light .esg-navigationbutton,.minimal-light .esg-sortbutton,.minimal-light .esg-cartbutton a{color:#999; margin-right:5px; cursor:pointer; padding:0px 16px; border:1px solid #e5e5e5; line-height:38px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; font-size:12px; font-weight:700; font-family:“Open Sans“,sans-serif; display:inline-block; background:#fff; margin-bottom:5px}.minimal-light .esg-navigationbutton *{color:#999}.minimal-light .esg-navigationbutton{padding:0px 16px}.minimal-light .esg-pagination-button:last-child{margin-right:0}.minimal-light .esg-left,.minimal-light .esg-right{padding:0px 11px}.minimal-light .esg-sortbutton-wrapper,.minimal-light .esg-cartbutton-wrapper{display:inline-block}.minimal-light .esg-sortbutton-order,.minimal-light .esg-cartbutton-order{display:inline-block; vertical-align:top; border:1px solid #e5e5e5; width:40px; line-height:38px; border-radius:0px 5px 5px 0px; -moz-border-radius:0px 5px 5px 0px; -webkit-border-radius:0px 5px 5px 0px; font-size:12px; font-weight:700; color:#999; cursor:pointer; background:#fff}.minimal-light .esg-cartbutton{color:#333; cursor:default !important}.minimal-light .esg-cartbutton .esgicon-basket{color:#333; font-size:15px; line-height:15px; margin-right:10px}.minimal-light .esg-cartbutton-wrapper{cursor:default !important}.minimal-light .esg-sortbutton,.minimal-light .esg-cartbutton{display:inline-block; position:relative; cursor:pointer; margin-right:0px; border-right:none; border-radius:5px 0px 0px 5px; -moz-border-radius:5px 0px 0px 5px; -webkit-border-radius:5px 0px 0px 5px}.minimal-light .esg-navigationbutton:hover,.minimal-light .esg-filterbutton:hover,.minimal-light .esg-sortbutton:hover,.minimal-light .esg-sortbutton-order:hover,.minimal-light .esg-cartbutton a:hover,.minimal-light .esg-filterbutton.selected{background-color:#fff; border-color:#bbb; color:#333; box-shadow:0px 3px 5px 0px rgba(0,0,0,0.13)}.minimal-light .esg-navigationbutton:hover *{color:#333}.minimal-light .esg-sortbutton-order.tp-desc:hover{border-color:#bbb; color:#333; box-shadow:0px -3px 5px 0px rgba(0,0,0,0.13) !important}.minimal-light .esg-filter-checked{padding:1px 3px; color:#cbcbcb; background:#cbcbcb; margin-left:7px; font-size:9px; font-weight:300; line-height:9px; vertical-align:middle}.minimal-light .esg-filterbutton.selected .esg-filter-checked,.minimal-light .esg-filterbutton:hover .esg-filter-checked{padding:1px 3px 1px 3px; color:#fff; background:#000; margin-left:7px; font-size:9px; font-weight:300; line-height:9px; vertical-align:middle}
.eg-ra_ref-element-0{font-size:13px; line-height:30px; color:#ffffff; font-weight:900; padding:3px 15px 2px 15px ; border-radius:3px 3px 3px 3px ; background:#529ec7; z-index:2 !important; display:block; font-family:“Tisa Sans Pro“,“Open Sans“,sans-serif; border-top-width:0px; border-right-width:0px; border-bottom-width:3px; border-left-width:0px; border-color:#4788ac; border-style:solid}.eg-ra_ref-element-1{font-size:16px; line-height:24px; color:#4d4d4d; font-weight:900; padding:4px 12px 3px 12px ; border-radius:3px 3px 3px 3px ; background:#efefef; z-index:2 !important; display:block; font-family:“Tisa Sans Pro“,“Open Sans“,sans-serif}.eg-ra_ref-element-8{font-size:16px !important; line-height:24px !important; color:#ffffff !important; font-weight:800 !important; padding:3px 12px 4px 12px !important; border-radius:3px 3px 3px 3px !important; background:#4d4d4d !important; z-index:2 !important; display:block; font-family:“Tisa Sans Pro“,“Open Sans“,sans-serif !important}
.eg-ra_ref-element-0:hover{font-size:13px; line-height:30px; color:#ffffff; font-weight:800; border-radius:3px 3px 3px 3px ; background:#4788ac; font-family:“Tisa Sans Pro“,“Open Sans“,sans-serif; border-top-width:0px; border-right-width:0px; border-bottom-width:3px; border-left-width:0px; border-color:#3f799e; border-style:solid}
.eg-ra_ref-element-0-a{display:inline-block; float:none; clear:both; margin:0px 0px 15px 0px ; position:relative}
.eg-ra_ref-element-1-a{display:inline-block; float:none; clear:both; margin:0px 0px 0px 0px ; position:relative}
.eg-ra_ref-element-8-a{display:inline-block !important; float:none !important; clear:both !important; margin:15px 0px 0px 0px !important; position:relative !important}
.eg-ra_ref-container{background:rgba(10,10,10,0.50)}
.eg-ra_ref-content{background:#ffffff; padding:0px 0px 0px 0px; border-width:0px 0px 0px 0px; border-radius:0px 0px 0px 0px; border-color:transparent; border-style:none; text-align:center}
.esg-grid .mainul li.eg-ra_ref-wrapper{background:#ffffff; padding:0px 0px 0px 0px; border-width:0px 0px 0px 0px; border-radius:0px 0px 0px 0px; border-color:transparent; border-style:none; overflow:hidden;-webkit-mask-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC) !important}
.esg-grid .mainul li.eg-ra_ref-wrapper .esg-media-poster{background-size:cover; background-position:center center; background-repeat:no-repeat}

erfahre mehr!
Corporate Website
Corporate Website

erfahre mehr!
Themenwebsite
Themenwebsite

erfahre mehr!
Relaunch / Redesign
Relaunch / Redesign

erfahre mehr!
Wartung und Pflege
Wartung und Pflege

var essapi_8;
jQuery(document).ready(function() {
essapi_8 = jQuery(„#esg-grid-8-3″).tpessential({
gridID:8,
layout:“even“,
forceFullWidth:“off“,
lazyLoad:“off“,
row:9999,
apiName: „essapi_8″,
loadMoreAjaxToken:“a9bcbf3dd8″,
loadMoreAjaxUrl:“https://refining-arts.com/wp-admin/admin-ajax.php“,
loadMoreAjaxAction:“Essential_Grid_Front_request_ajax“,
ajaxContentTarget:“ess-grid-ajax-container-„,
ajaxScrollToOffset:“0″,
ajaxCloseButton:“off“,
ajaxContentSliding:“on“,
ajaxScrollToOnLoad:“on“,
ajaxCallbackArgument:“off“,
ajaxNavButton:“off“,
ajaxCloseType:“type1″,
ajaxCloseInner:“false“,
ajaxCloseStyle:“light“,
ajaxClosePosition:“tr“,
space:2,
pageAnimation:“fade“,
startAnimation: „none“,
startAnimationSpeed: 1000,
startAnimationDelay: 100,
startAnimationType: „item“,
animationType: „item“,
paginationScrollToTop:“off“,
paginationAutoplay:“off“,
spinner:“spinner2″,
spinnerColor:“#FFFFFF“,
evenGridMasonrySkinPusher:“off“,
lightBoxMode:“single“,
lightboxHash:“group“,
lightboxPostMinWid:“75%“,
lightboxPostMaxWid:“75%“,
lightboxSpinner:“off“,
lightBoxFeaturedImg:“off“,
lightBoxPostTitle:“off“,
lightBoxPostTitleTag:“h2″,
lightboxMargin : „0|0|0|0“,
lbContentPadding : „0|0|0|0“,
lbContentOverflow : „auto“,
animSpeed:1000,
delayBasic:1,
mainhoverdelay:1,
filterType:“single“,
showDropFilter:“hover“,
filterGroupClass:“esg-fgc-8″,
filterNoMatch:“No Items for the Selected Filter“,
filterDeepLink:“off“,
hideMarkups: „on“,
inViewport: true,
viewportBuffer: 20,
youtubeNoCookie:“false“,
convertFilterMobile:false,
paginationSwipe: „off“,
paginationDragVer: „off“,
pageSwipeThrottle: 30,
aspectratio:“16:9″,
hideBlankItemsAt: „1“,
responsiveEntries: [
{ width:1400,amount:4,mmheight:0},
{ width:1170,amount:4,mmheight:0},
{ width:1024,amount:4,mmheight:0},
{ width:960,amount:2,mmheight:0},
{ width:778,amount:2,mmheight:0},
{ width:640,amount:1,mmheight:0},
{ width:480,amount:1,mmheight:0}
] });

var arrows = true,
lightboxOptions = {
margin : [0,0,0,0],
buttons : [„share“,“thumbs“,“close“],
infobar : true,
loop : true,
slideShow : {„autoStart“: false, „speed“: 3000},
animationEffect : „fade“,
animationDuration : 500,
beforeShow: function(a, c) {
if(!arrows) {
jQuery(„body“).addClass(„esgbox-hidearrows“);
}
var i = 0,
multiple = false;
a = a.slides;
for(var b in a) {
i++;
if(i > 1) {
multiple = true;
break;
}
}
if(!multiple) jQuery(„body“).addClass(„esgbox-single“);
if(c.type === „image“) jQuery(„.esgbox-button–zoom“).show();
},
beforeLoad: function(a, b) {
jQuery(„body“).removeClass(„esg-four-by-three“);
if(b.opts.$orig.data(„ratio“) === „4:3“) jQuery(„body“).addClass(„esg-four-by-three“);
},
afterLoad: function() {jQuery(window).trigger(„resize.esglb“);},
afterClose : function() {jQuery(„body“).removeClass(„esgbox-hidearrows esgbox-single“);},
transitionEffect : „fade“,
transitionDuration : 366,
hash : „group“,
arrows : true,
wheel : false,
};

jQuery(„#esg-grid-8-3“).data(„lightboxsettings“, lightboxOptions);

(function($) {

/* ******************* */
/* BEGIN USER SETTINGS */
/* ******************* */

var loopVideo = true;
var videoControls = false;
var rewindOnHover = true;
var preloadVideos = true;

/* ***************** */
/* END USER SETTINGS */
/* ***************** */

// no need to edit below
if(‚ontouchend‘ in document) return;

var grid = $(‚.esg-grid‘).addClass(‚video-hovers‘),
spinner,
videos,
timer = setInterval(function() {

if(grid.is(‚:visible‘)) {

clearInterval(timer);
videos = grid.find(‚video‘).each(function() {

var $this = $(this),
img = $this.closest(‚.tp-esg-item‘).find(‚.esg-media-poster‘);
if(img.length) {

img = img.css(‚background-image‘);
$this.attr(‚poster‘, img.slice(4, -1).replace(/“/g, „“));

}

});

if(preloadVideos) videos.attr(‚preload‘, ‚auto‘);
if(!videoControls) videos.removeAttr(‚controls‘);
if(loopVideo) videos.attr(‚loop‘, ‚loop‘);

spinner = grid.closest(‚.myportfolio-container‘).find(‚.esg-loader‘);
spinner = spinner.length ? spinner.eq(0).clone() : false;

addHooks();
videos = null;

}

}, 250);

function addHooks() {

grid.on(‚mouseenter‘, ‚.tp-esg-item‘, function() {

var $this = $(this);
if($this.hasClass(‚is-over‘)) return;

var vid = $this.find(‚video‘);
if(!vid.length) return;

clearTimeout($this.data(‚hover-timer‘));
$this.addClass(‚is-over‘);

if(spinner) spinner.appendTo($this);
if(!vid.hasClass(‚isplaying‘)) {

if(!videoControls) vid.removeAttr(‚controls‘);
if(rewindOnHover) vid[0].currentTime = 0;
if(spinner) vid.off(‚play‘, toggleSpinner).one(‚play‘, toggleSpinner);

//$this.find(‚.esg-click-to-play-video‘).click();
$this.find(‚video‘).addClass(‚video_go‘);
$this.find(‚.esg-media-poster‘).addClass(‚background-transparent‘);
vid[0].play();

$this.data(‚hover-timer‘, setTimeout(function() {

if(!$this.hasClass(‚is-over‘)) {
$this.trigger(‚mouseleave‘);
}
}, 250));

}

}).on(‚mouseleave‘, ‚.tp-esg-item‘, function() {

var $this = $(this),
vid = $this.find(‚video‘);

if(vid.length) {

$this.removeClass(‚is-over‘);

vid.off(‚play‘, toggleSpinner);
vid[0].pause();
$this.find(‚.esg-media-poster‘).removeClass(‚background-transparent‘);
$this.find(‚video‘).removeClass(‚video_go‘);
if(spinner) spinner.remove();

}

});

}

function toggleSpinner() {

spinner.remove();

}

var count = $(‚.eg-ra_ref-wrapper‘).length;
var out = “;
for(var i = 0; i < count; i++){ out = $('.eg-ra_ref-wrapper').eq(i).find('a').attr('href'); $('.eg-ra_ref-wrapper').eq(i).attr("onclick", "window.location='" + out + "'"); } })(jQuery); }); Nicht das Richtige dabei?Lass' es uns wissen!Dein Vorhaben lässt sich keiner dieser Leistungen eindeutig zuordnen? Erzähl uns mehr darüber und wir finden gemeinsam eine Lösung für Dich. Durch unser großes Netzwerk an Medienproduzenten, Marketingagenturen, SEO-Spezialisten und Programmierern können wir über unsere Leistungen hinaus auch die verrücktesten Ideen umsetzen oder an unsere Partner vermitteln. Wir sind gespannt darauf, mehr über Dich und Dein Vorhaben zu erfahren! Schreib uns doch eine Nachricht oder ruf uns an. Kontaktiere uns!Dein Experte für alle Fragen zum Thema Webdesign Mattis Schaeffer mattis@refining-arts.com +49 221 - 259 148 84 Mail an Mattis[/cs_content_seo]