:root{--color-p:#333333;--color-dgreen:#4E7F47;--color-dblue:#1010D0;--color-very-light-grey:#f4f4f4;--color-light-grey:#e8e8e8;--color-mid-grey:#dddddd}*{margin:0;padding:0}*,html{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}*,*:focus,*:hover{outline:none}.bb,article,div,footer,header,hr,main,nav,section{display:block;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.clearfix::after,.clearfix::before{content:'';display:table}.clearfix::after{clear:both}div.clear{width:100%;clear:both}.nodisplay{display:none}body{color:#333333;font:normal 16px/1.6 arial, verdana, sans-serif;background-color:#ffffff}#container{margin:0 auto;max-width:1920px;box-shadow:3px 3px 10px #aaaaaa}#header{width:100%;font-family:verdana, arial, sans-serif}#navdiv{width:100%;height:60px;background-color:rgba(255,255,255,0.92);padding-top:5px;position:sticky;top:-1px;transition:all 300ms ease-out;box-shadow:1px 1px 3px rgba(0,0,0,0.5);z-index:100}#navdiv.pinned{background-color:rgba(255,255,255,0.9);padding-top:0;height:50px;z-index:100}#footer{padding:30px 0 0;background-color:#444444;color:#f8f8f8;font-size:14px}.prime-section{padding:calc(20px + 3vh) 0}.prime-section.intro{padding:calc(20px + 1vh) 0}.prime-section-flat{}.prime-in,.prime-in-small{max-width:1300px;margin:0 auto;padding:10px 40px}.prime-in-small{max-width:700px}.prime-in-flat,.prime-in-flatwide,.prime-in-wide{margin:auto;position:relative;padding:0 20px;max-width:1300px}.prime-in-wide{max-width:1220px;padding:0}.prime-in-flatwide{padding:0}h1,h2{color:#444;text-shadow:1px 1px 0.5px #bebebe;letter-spacing:0.02rem;margin:0 0 0.8em}h1{font-size:2.25rem;font-weight:bold}h2{font-size:2rem;font-weight:normal}h3{font-size:1.5rem;font-weight:600;margin:0.6em 0 0.5em;color:#444}h4{font-size:1.125rem;font-weight:bold;margin:0.5em 0 0.4em}p{margin:0.3rem 0 1rem;letter-spacing:0.03rem}.hyphendo{hyphens:auto;-ms-hyphens:auto;-moz-hyphens:auto;-webkit-hyphens:auto;word-wrap:break-word}.nohyphen{hyphens:none;-ms-hyphens:none;-moz-hyphens:none;-webkit-hyphens:none;word-wrap:normal}.wordbreak{word-wrap:break-word;-ms-word-break:break-word;word-break:break-all;-webkit-hyphens:auto;-moz-hyphens:auto;-ms-hyphens:auto;hyphens:auto}table{border-spacing:0}address{font-style:normal}hr{clear:both;height:0;border-top:0;border-left:0;border-right:0;border-bottom:1px solid #BFBFBF;overflow:visible;background-color:transparent}.dashed{max-width:100%;margin:2px 0;border-bottom:1px dashed #BFBFBF}.littledash{width:3rem;text-align:center;margin:0 auto 1.2rem;border-top:1px solid #58baff}.greendash{border:none;border-top:1px solid #58baff}ol,ul{margin-left:20px;text-align:left}.ulhigh{margin-top:0;text-align:left}.ulhigh li{margin:0.375em 0 0.625em;text-align:left}abbr{border-bottom:black dotted 1px}ol.olalpha{list-style-type:lower-alpha}em{}.smalltext{font-weight:normal;font-size:0.85em}.normtext{font-weight:normal}.bold500{font-weight:500}.proper{font-weight:bold;font-size:1.2em;color:#555555;margin:0}.slogan{font-style:italic;font-size:24px;font-family:Times, New Times Roman, Liberation Serif, serif;margin:0;text-align:center}.lightcolor{color:#666666}.maxw50{max-width:50%}.hidden{display:none}.tacenter{text-align:center}.taright{text-align:right}.taleft{text-align:left}.flleft{float:left}.flright{float:right}.ttfup{text-transform:uppercase}.ttflow{text-transform:lowercase}.marginrn{margin-right:0 !important}.marginrl{margin-left:0 !important}.mmiddle{margin-left:auto;margin-right:auto}.spbold{font-weight:bold}.spred{color:#BF0000}.spok{color:#007000;font-weight:bold}.sporange{color:#ff9100}.spblue{color:#0000BF}.spblue2{color:#008bff}.spgreen{color:#008000}.spdgreen{color:#004000}.spunder{text-decoration:underline}.spitalic{font-style:italic}.datum{color:#bbbbbb;font-size:0.8em;margin-top:0}.blueh,.blueh:hover,.blueh:visited{color:#0080ff}.margbott2{margin-bottom:2em}.pos-rel{position:relative}.centery{position:relative;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}a,a.atext a.nounder:link,a.nounder:visited,a:link,a:visited{text-decoration:none;transition:all 250ms ease-out;color:var(--color-p)}a.aunder{color:var(--color-p);text-decoration:underline}img{max-width:100%}.imgputright{float:right}.imgputleft{float:left}.imgw500{width:48.5%;max-width:500px}.imgw50p{width:48.5%}.imgw37p{width:37%}.imgw60p{width:60%}.sm-gal-img{margin:10px 0 8px 30px;width:180px;text-align:center}.tickbox{padding:0.5em 1em;border:1px solid #666666;border-radius:5px;vertical-align:middle}.tbutton{transition:all 250ms ease-out}.tbutton:active,.tbutton:hover{box-shadow:1px 1px 3px #999999;color:white;background-color:#888888;border:1px solid #aaaaaa;cursor:pointer}.tbutton:active{box-shadow:-1px -1px 2px 1px rgba(0,0,0,0.4), 1px 1px 2px 1px rgba(0,0,0,0.2);background-color:#666666}.flexgrid2Pwrap,.flexgrid2wrap,.flexgrid2wrapC,.flexgrid3Pwrap,.flexgrid3wrap,.flexgrid3wrap450,.flexgrid4wrap,.flexgridbtw,.flexgridfunc,.flexgridsar,.hero-header,.inputname2wrap{display:flex;display:-webkit-flex;display:-moz-flex;display:-ms-flex;flex-wrap:wrap;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;justify-content:space-between;-webkit-justify-content:space-between;-ms-justify-content:space-between}.flexgridsar{justify-content:space-around;-webkit-justify-content:space-around;-ms-justify-content:space-around}.flex-row-rev{flex-direction:row-reverse}.grid21{width:37%}.grid22{width:60%}.grid23{width:26%}.grid2l{width:50%;padding-left:2%;padding-right:5%;text-align:right}.grid2r{width:50%;padding-left:5%;padding-right:2%}.grid2{width:48.5%}.grid3,.grid3w{width:31.147542%}.grid4{width:23.5%}.gridf{width:calc(50% - 15px);margin:8px 0}.gridgold1{width:61.8%}.gridgold2{width:38.2%}.gridgold3{width:23.6%}.gridgold12{width:30.9%}.gridgold22{width:19.1%}.gridgold32{width:11.8%}.grid50{width:50%}.grid25{width:25%}.frame-in{margin:15px}.frame-in-flat{margin:0 15px}.page-intro{max-width:870px;margin-left:auto;margin-right:auto}.box-shadow{box-shadow:0 0 6px 0 rgba(0,0,0,0.15)}.box-shadow:hover{box-shadow:0 0 15px rgba(0, 0, 0, 0.3)}.box-shadow-curve{position:relative;box-shadow:0 -3px 8px -3px rgba(0,0,0,.25);transition:all 500ms}.box-shadow-curve::after,.box-shadow-curve::before{content:'';position:absolute;bottom:12px;top:90%;box-shadow:0 5px 15px rgba(0,0,0,.35);z-index:-1;transition:all 250ms}.box-shadow-curve::before{background-color:transparent;left:7px;right:35px;transform:rotate(-3.5deg)}.box-shadow-curve::after{background-color:transparent;left:35px;right:7px;transform:rotate(3.5deg)}.box-shadow-curve:hover{position:relative;box-shadow:0 0 20px rgba(0,0,0,.35);transition:all 250ms}.box-shadow-curve:hover::after,.box-shadow-curve:hover::before{transform:rotate(0deg);box-shadow:0 5px 15px rgba(0,0,0,.1)}.service-text{padding:0.5em 1em 1em;margin:0}.service-text-large{padding:0 0 1em;margin:0}.service-text ul,.service-text-large ul{margin-left:0}.service-text ul li,.service-text-large ul li{list-style-type:none;font-size:1.125em;line-height:2;font-weight:bold;text-transform:uppercase}.textbox{padding:6vh 0 3vh}.inlineblock{display:inline-block !important}.header-back{height:300px;background-position:center bottom;background-repeat:no-repeat;background-size:cover;background-image:-webkit-linear-gradient(30deg, rgb(155,54,106), rgb(50,180,205));background-image:-moz-linear-gradient(30deg, rgb(155,54,106), rgb(50,180,205));background-image:-o-linear-gradient(30deg, rgb(155,54,106), rgb(50,180,205));background-image:linear-gradient(30deg, rgb(155,54,106), rgb(50,180,205));background-image:url("../images/layout/header-image-feather-1920.jpg")}.homepage .header-back{height:360px}.contact-group .header-back{background-image:url("../images/layout/header-image-wood-1920.jpg")}.portfolio-group .header-back{background-image:url("../images/layout/header-image-texture1-1920.jpg")}.seo-group .header-back{background-image:url("../images/layout/header-image-world-space-1920.jpg")}.general-group .header-back{background-image:url("../images/layout/header-image-sunset-1920.jpg")}.general-group .header-back{background-image:url("../images/layout/header-image-field-1920.jpg")}.graphic-page .header-back{background-image:url("../images/layout/header-image-graphic-1920.jpg")}.photo-page .header-back{background-image:url("../images/layout/header-image-water-1920.jpg")}.print-page .header-back{background-image:url("../images/layout/header-image-print-1920.jpg")}.hero-header{height:300px;width:100%;margin:auto;text-align:center;align-items:flex-start;justify-content:center}.homepage .hero-header{height:360px;background-color:rgba(0,0,0,0.2)}.hero-header .title{display:inline-block;color:rgba(255,255,255,1);text-align:center;font-weight:bold;font-size:calc(36px + 1vw);font-family:HankenGroteskRegular, verdana, arial, sans-serif;line-height:1.15;margin:40px 0 0;text-shadow:1px 1px 6px rgba(0,0,0,0.9);animation:enhance 1.3s ease-out}.hero-info{display:inline-block;vertical-align:bottom;margin-top:20px}.homepage .hero-info{margin-top:8vh}#footer a,#footer a:visited{color:#f0f0f0}#footer a:active,#footer a:hover{color:#ffffff}#subfooter{margin-bottom:1em;background:-webkit-linear-gradient(to top, black, transparent);background:-moz-linear-gradient(to top, black, transparent);background:-o-linear-gradient(to top, black, transparent);background:linear-gradient(to top, black, transparent)}#subfooter,#subfooter a{color:#cccccc;line-height:1.8}#subfooter .logo{padding:5px;background-color:#dddddd;line-height:1;margin-right:0.5em}#footer .grid4{border-right:1px solid #777777}#footer .grid4:nth-of-type(4){border-right:none}.footergraphic{width:40px}.socialicon svg{fill:#bbbbbb;margin-left:20px}#footer .imgtitle{display:inline-block;padding:8px 0 0 1em;vertical-align:top}.backwhite-9g{background:transparent url("../images/layout/halfback-wh--9g.png") no-repeat right top;background-position:top right;background-size:100% 100%}.backvlgrey9g{background:transparent url("../images/layout/halfback-vlg-+9g.png") no-repeat right top;background-position:bottom right;background-size:100% 100%}.backlgrey-9g{background:transparent url("../images/layout/halfback-lg--9g.png") no-repeat right top;background-position:top right;background-size:100% 100%}.backtatami-lblue{background:#e7fbff url("../images/layout/background-tatami-2half-lblue.jpg") repeat-y center top}.backwhite{background-color:white}.backmlgrey{background-color:#f8f8f8}.backvlgrey{background-color:#eeeeee}.backlgrey{background-color:#dddddd}.backgrey{background-color:#cccccc}.backanthracite{background-color:#333333;color:#ffffff}.backvlyellow{background-color:#ffffe0}.backlorange{background-color:#fff4cc}.backlgreen{background-color:#e0ffd9}.backorange{background-color:#ffeccc}.backlblue{background-color:#e7fbff}.backlorange38{background:-webkit-linear-gradient(#ffffff 45%,#fff4cc 45%);background:-moz-linear-gradient(#ffffff 45%,#fff4cc 45%);background:-o-linear-gradient(#ffffff 45%,#fff4cc 45%);background:linear-gradient(#ffffff 45%,#fff4cc 45%)}.blend5{height:100.2%}.fillwhite{fill:#ffffff}.filllyellow{fill:#ffffe0}.filllgrey{fill:#eeeeee}img{border:0;font:normal 0.85em/0.95em sans-serif}.imgborder{border:1px solid black}.imgl{margin:8px 5% 8px 0}.imgr{margin:8px 0 8px 5%}.imgrp{margin:0 0 1.5em 40px;max-width:50%}.icon{vertical-align:middle}.imgw25{max-width:25%}.imgw33{max-width:33%}.widthg38{max-width:38.2%}.backtotop,.quotmarkbl,.web-icons-64{background-image:url('../images/graphic/web-icons-64.png');width:32px;height:32px;background-size:500% 500%;background-repeat:no-repeat;display:inline-block}.web-icon-www{background-position:0 0}.web-icon-media{background-position:top 0 left 25%}.web-icon-rwd{background-position:top 0 left 50%}.web-icon-search{background-position:top 0 left 75%}.web-icon-seo{background-position:top 0 left 100%}.web-icon-use{background-position:top 25% left 0}.web-icon-wp{background-position:top 25% left 25%}.web-icon-work{background-position:top 25% left 50%}.web-icon-code{background-position:top 25% left 75%}.web-icon-design{background-position:top 25% left 100%}.web-icon-card{background-position:top 50% left 0}.web-icon-ex{background-position:top 50% left 25%}.web-icon-host{background-position:top 50% left 50%}.web-icon-marketing{background-position:top 50% left 75%}.menu-wrap{display:flex;display:-ms-flexbox;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:start;align-items:flex-start;padding:0 2%;margin:0 auto;max-width:1800px}#webdesign-logo{-ms-flex-preferred-size:200px;flex-basis:200px;margin-top:15px}.navlist1,.navlist4{margin-top:12px}.navlist1{margin:12px auto 0;z-index:20;width:auto;display:inline-block;text-align:center;z-index:10;padding:1px 0 0;-webkit-transition:all 0.25s;-moz-transition:all 0.25s;transition:all 0.25s;height:34px;padding:1px 0 0;text-align:left}.navlist1 .nav.menu ul{display:block;visibility:hidden;-webkit-backface-visibility:hidden;position:absolute;top:42px;margin:0;padding:0;left:0;height:auto;z-index:9999;opacity:0;background-color:#ffffff;-webkit-box-shadow:0 3px 7px 0 rgba(0, 0, 0, 0.15);box-shadow:1px 3px 15px 0 rgba(0, 0, 0, 0.5);border:none;transition:all 400ms ease-in-out;opacity:0;transform:scale(0.8)}.navlist1 li{padding:0;margin:0;font-size:calc(0.9rem + 0.17vw);position:relative;display:inline-block}.navlist1 .nav.menu ul li{float:none;display:block;min-width:200px;margin:0;padding:0;font-weight:500;font-size:1rem;text-align:left;border-bottom:1px solid #aaa}.navlist1 .nav.menu > li:last-of-type{}.navlist1 li > a{padding:5px 0;margin:0 10px;color:#333333;font-weight:normal;line-height:2em;border-top:2px solid transparent;position:relative}.navlist1 li > a:hover{border-top:2px solid transparent}.navlist1 li > a:active{color:#88de7c;text-shadow:0 0 3px rgba(136,222,124,0.5)}.navlist1 > ul > li > a{position:relative}.navlist1 > ul > li > a::before{content:'';position:absolute;top:0;width:100%;left:0;height:2px;background:currentColor;transform:scaleX(0);transform-origin:right;transition:transform 250ms ease-in}.navlist1 > ul > li > a:hover::before{transform:scaleX(1);transform-origin:left}.navlist1 a.gact{color:#4E7F47}.navlist1 a.navah.act::before{transform:scaleX(1);color:#4E7F47}.navlist1 .nav.menu ul li a{padding:10px;margin:0}.navlist1 a.gact{color:#4E7F47}.navlist1 ul ul li > a.act,.navlist1 ul ul li > a.gact{border-top:2px solid transparent;color:#000000;background-color:#cccccc}.navlist1 .nav.menu ul li a:hover{background-color:#eeeeee;color:#000000}.navlist1 .nav.menu li:hover > ul,.navlist1 .nav.menu ul li:hover > ul{visibility:visible;opacity:1;margin:0;transform:scale(1)}.navlist1 .nav.menu ul ul{visibility:hidden;top:0;left:100%;margin:0}.navlist2{width:100%;margin-bottom:1em}.navlist2 a{display:inline-block;height:100%;color:#ffffff;width:100%;padding:0 0.8em;font:normal 1em/1.8 HankenGroteskRegular, verdana, arial, sans-serif;background-color:rgba(0,0,0,0.5);text-shadow:0 0 1px #000;position:relative;z-index:1}.navlist2 a.act{color:#000000;background-color:rgba(255,255,255,0.8);text-shadow:unset}.navlist2 a:hover{cursor:pointer;color:#000000;text-shadow:none}.navlist2 a::after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(255, 255, 255, 0.95);z-index:-1;transform:scaleY(0);transform-origin:bottom;transition:transform 250ms ease-in}.navlist2 a:hover::after{transform:scaleY(1);transform-origin:top}.navlist1 .nav.menu ul li a:active,.navlist2 a:active{background-color:lightgreen}.navlist2 > div > span{display:inline-block;height:2em;padding:0;list-style-type:none;border:1px solid #ffffff;margin:0.5em}.navlist2 > div > span.inact{text-shadow:0 0 2px #000000}.navlist2 span.act{background-color:rgba(255,255,255,0.85)}.general-group .navlist2 span:first-of-type{display:none}.navlist4{margin-top:12px}.navlist4 ul{margin-left:0}.navlist4 li{float:right;padding:2px 8px 0;height:30px;list-style-type:none;margin-top:5px}.navlist4 a{vertical-align:text-top;color:#333333;font-size:0.8em;padding-top:2px}.navlist4 a.act{border-top:2px solid #333333}.navlist4 a:hover{color:#000000;border-top:2px solid var(--color-dblue)}.navlist3{width:100%}.navlist3 span{display:inline-block;height:2em;padding:0;list-style-type:none;border-radius:5px;border:1px solid #ffffff;margin:0.5em}.navlist3 span{border:1px solid #333333;width:2em;text-align:center}.navlist3 a{color:#333333;padding:0;width:100%;display:inline-block;height:100%;width:100%;font:normal 1em/2 HankenGroteskRegular, verdana, arial, sans-serif}.navlist3 a:hover{}.navlist3 a.act{color:#000000}.navlist3 span.act{background-color:rgba(51,51,51,0.5)}.ulnavf > span{display:block;padding:2px 8px 0;height:2em;text-align:left}.menu-btn{display:block;margin-left:10px;width:24px;height:24px;background:url("../images/layout/menu-icon.png") no-repeat center center}.menu-btn:hover{cursor:pointer}#article-graphic,#article-seo,#article-web{background-position:right top;background-repeat:no-repeat;background-size:auto 100%}#article-graphic.lazy,#article-seo.lazy{background-image:none}#article-web{background-image:url("../images/layout/halfback-laptop-450h.jpg")}#article-seo{background-image:url("../images/layout/halfback-seo-450h.jpg")}#article-graphic{background-image:url("../images/layout/halfback-graphic-450h.jpg")}.halftext-left{width:62%;position:relative;left:0}.halftext-right{width:calc(52% + 50px);position:relative;left:50%}.halftext-left .textbox{max-width:630px;padding:60px 5px 60px 40px;min-height:450px}.homepage.symbol{position:absolute;left:95%;top:calc(50% - 60px)}h1 .homepage.symbol,h2 .homepage.symbol,h2 .homepage.symbol{position:relative;width:50px;left:0;margin-right:10px;margin-bottom:-10px}h2 .homepage.symbol svg{width:50px;height:auto}.border-right-minus{-webkit-transform-origin:top left;-moz-transform-origin:top left;-ms-transform-origin:top left;-o-transform-origin:top left;transform-origin:top left;-webkit-transform:skewX(-4.5deg);-moz-transform:skewX(-4.5deg);-ms-transform:skewX(-4.5deg);-o-transform:skewX(-4.5deg);transform:skewX(-4.5deg);position:absolute;top:0;right:-50px;bottom:0;left:auto;width:50px;height:auto}.border-right-plus{-webkit-transform-origin:bottom left;-moz-transform-origin:bottom left;-ms-transform-origin:bottom left;-o-transform-origin:bottom left;transform-origin:bottom left;-webkit-transform:skewX(4.5deg);-moz-transform:skewX(4.5deg);-ms-transform:skewX(4.5deg);-o-transform:skewX(4.5deg);transform:skewX(4.5deg);position:absolute;top:0;right:-50px;bottom:0;left:auto;width:50px;height:auto}.card-block{background:#b44383;position:absolute;top:0;right:-20px;bottom:0;height:100%;width:calc(38.2% + 20px);transform:skew(-3.5deg);z-index:1;box-shadow:0 0 20px 5px rgba(0,0,0,0.3);transition:all 500ms ease-out}.card-block:hover{width:calc(70% + 20px) !important}.paper-band-simple{background-color:#8194A5;margin:0 0 0 -40px;padding:0.16em 0 0 40px;text-shadow:-1px -1px 0.5px rgba(0,0,0,0.4);max-width:440px;box-shadow:inset -15px 0 10px -10px rgba(0,0,0,0.3)}.paper-band-simple a{color:white}.mainlink{position:relative;z-index:1;display:inline-block}.mainlink::after{content:'';position:absolute;bottom:0;left:0;width:100%;height:2px;background-color:currentColor;transform:scaleX(0);transform-origin:left;transition:transform 300ms ease-in}.mainlink:hover::after{transform:scaleX(1)}.service-plus .grid3w{max-width:500px;transition:transform 200ms}.service-plus .grid3w:hover{transform:scale(1.02)}.service-plus .mobilefull{width:100%}.webdesign-services{background-color:#ffffff}.webdesign-services > div{position:relative}.webdesign-symbol{margin:1rem auto 0;text-align:center;width:80px}.service-plus .webdesign-symbol .symbol{width:70px}.description-block{padding:0 9% 20px;margin:0 auto 20px;max-width:calc(600px + 18%)}.description-block h3{text-align:center;font-size:calc(16px + 1.5vh);font-weight:normal}.webdesign-services .gridgold1,.webdesign-services .gridgold2,.webdesign-services .gridgold3{overflow:hidden}.image-cover{height:100%;background-repeat:no-repeat;background-position:center center;background-size:cover}.image-move{transition:all 300ms ease-out;background-repeat:no-repeat;background-position:center center;background-size:cover;height:100%}.image-move:hover{transform:scale(1.05);filter: brightness(1.05)}#web-beratung.lazy,#web-deco.lazy,#web-deco2.lazy,#web-design.lazy,#web-rwd.lazy{background-image:none}#web-design{background-image:url('../images/fotos/bildschirm-glas-2.jpg');background-position-x:left}#web-beratung{background-image:url('../images/fotos/digital-marketing-660.jpg')}#web-rwd{background-image:url('../images/fotos/responsive-web-design-example-660.jpg')}#web-deco,#web-deco2{background-image:url('../images/fotos/decoration-leaf-1280.jpg');height:205px}#web-deco2{height:100px}.marketing-boxes{background-image:url('../images/layout/background-tatami-marketing-3x3.jpg');background-size:100% 100%;text-align:center}.marketing-boxes .grid3{min-height:300px;width:33.33333333%;padding:12px 1.8em}.row > .column{padding:0 8px}.row:after{content:"";display:table;clear:both}.column{float:left;width:25%}.modal{display:none;position:fixed;z-index:1;padding-top:100px;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgba(0,0,0,0.8);z-index:1000}.modal-content{position:relative;margin:auto;padding:0;width:auto;max-width:1200px}.close{color:white;position:absolute;top:10px;right:25px;font-size:35px;font-weight:bold}.close:focus,.close:hover{color:#999;text-decoration:none;cursor:pointer}.mySlides{display:none;text-align:center}.next,.prev{cursor:pointer;position:absolute;top:50%;width:auto;padding:16px;margin-top:-50px;color:white;font-weight:bold;font-size:20px;transition:0.6s ease;border-radius:0 3px 3px 0;user-select:none;-webkit-user-select:none;background-color:rgba(0, 0, 0, 0.3)}.next{right:0;border-radius:3px 0 0 3px}.next:hover,.prev:hover{background-color:rgba(0, 0, 0, 0.8)}.numbertext{color:#f2f2f2;font-size:12px;padding:8px 12px;position:absolute;top:0;text-shadow:1px 1px 2px rgba(0,0,0,0.7)}.caption-container{text-align:center;padding:2px 16px;color:white}img.demo{opacity:0.6}.active,.demo:hover{opacity:1}.hover-shadow{transition:0.3s;cursor:pointer}.hover-shadow:hover{box-shadow:1px 1px 10px rgba(0, 0, 0, 0.4)}#form-box{margin-bottom:20px;padding-bottom:10px;position:relative}.frameset{position:relative}legend{display:none}fieldset{border:none}.fieldset{padding:1.5em 0}.fieldleft::after,.fieldleft::before,.fieldright::after,.fieldright::before{width:50%;background-color:#608000;content:"";opacity:0.1;z-index:-1;position:absolute;top:0;bottom:0;left:0}.fieldleft::before,.fieldright::after{opacity:0.3;left:auto;right:0}#captcha_code,.inpname,.inpnorm,.labnorm,.labnorm2,.optnorm,.selname,.selnorm,.textnorm{display:block;width:100%;min-height:2em;vertical-align:middle}#captcha_code,#captcha_image,.inpname,.inpnorm,.selname,.selnorm,.textnorm{margin:0.5em 0 1em;border:1px solid #bbbbbb;border-radius:3px;box-shadow:inset 1px 1px 4px #eeeeee;z-index:3;background-color:white;max-width:100%}#captcha_code:focus,.inpname:focus,.inpnorm:focus,.selname:focus,.selnorm:focus,.textnorm:focus{border:1px solid #92db89;box-shadow:none}.labnorm,.labnorm2{text-align:right;margin-top:11px;margin-bottom:0.5em}.labbetween,.labradio{display:inline-block;margin:11px 1.5em 0 0.2em;height:2em}.labbetween{margin:11px 0.2em 0}.inpnorm{padding:0 0.5em}#captcha_code,.inpname,.selname{max-width:48%;padding:0 0.5em;display:inline-block}.selname,.selnorm{padding:0 0.5em}.formof{max-width:48%;padding-top:0.3em}.textnorm{height:10em;padding:0.5em}.inerror{border:2px solid red;background-color:#fff6f6}#captcha_image{margin-right:1em}.inpname,.inpnorm,.selname,.selnorm,.textnorm{box-shadow:none;transition:all ease-in 200ms}.inpname:focus,.inpname:hover,.inpnorm:focus,.inpnorm:hover,.selname:focus,.selname:hover,.selnorm:focus,.selnorm:hover,.textnorm:focus,.textnorm:hover{box-shadow:0 0 0 8px white, 0 0 0 9px #28abff, 0 0 5px 9px rgba(0,0,0,0.4);border:1px solid #ffffff;border-radius:10px}.formerr{margin-bottom:20px;padding-left:20px;color:#903030}p.formerr{margin:0;padding:4px 0 8px 5px;background-color:#FFE1E1;text-align:center}ul.formerr{width:100%;margin:0 20px 20px 0;padding-left:1.3em;background:#fff0f0}.formerr li{list-style-type:disc;text-align:center}#galleriacards{width:680px;height:420px;margin:20px auto}.tbldomains tr:hover{background-color:#D1F1C5}.tbldomains th{padding:4px;border-bottom:1px solid #808080}.tbldomains td{padding:3px 10px;border:none;border-top:1px solid #808080;vertical-align:middle}.areareferences .prime-section{padding:3vh 0}.areareferences h2{margin-top:0;margin-bottom:0.2em}.areareferences p{margin-top:0}.page-casestudy .grid21{float:right}.emlocal{font-style:normal}.imgrefico{margin-right:10px;width:16px}.imgrefico2{margin-right:10px;width:32px}.pdesc{font-weight:700}.tblrefinfo{margin-top:1em}.tblrefinfo td{border:none;padding:0 5px 5px 0;vertical-align:top}.mainrefimg{position:relative;overflow:hidden;height:56.25%}.web-under-redesign{position:absolute;top:90px;left:0;right:0;background-color:rgba(255,255,255,0.5);padding:3px 1em;border-top:1px solid #8E8D8A;border-bottom:1px solid #8E8D8A;transform:rotate(0deg);font-size:calc(1em + 1.5vw);text-align:center;line-height:1.3}.banner-icons-12{background-image:url('../images/layout/banner-icons-12.png');width:18px;height:12px;background-size:306px 12px;background-repeat:no-repeat;display:inline-block;vertical-align:middle}.banner-germany{background-position:0 0}.banner-spain{background-position:-18px 0}.banner-australia{background-position:-36px 0}.banner-costarica{background-position:-54px 0}.banner-europe{background-position:-72px 0}.banner-india{background-position:-90px 0}.banner-usa{background-position:-108px 0}.banner-switzerland{background-position:-126px 0}.banner-poland{background-position:-144px 0}.banner-uk{background-position:-162px 0}.banner-netherlands{background-position:-180px 0}.webdesign-icons-16{background-image:url('../images/graphic/webdesign-icons-32.png');width:16px;height:16px;background-size:500% 500%;background-repeat:no-repeat;display:inline-block;margin:-2px}.web-icon-stwex{background-position:0 0}.web-icon-stwfast{background-position:top 0 left 25%}.web-icon-stwgood{background-position:top 0 left 25%}.web-icon-stwmid{background-position:top 0 left 50%}.web-icon-stwslow{background-position:top 0 left 75%}.web-icon-{background-position:top 0 left 100%}.web-icon-html5{background-position:top 25% left 0}.web-icon-css3{background-position:top 25% left 25%}.web-icon-javascript{background-position:top 25% left 50%}.web-icon-rwd{background-position:top 25% left 75%}.web-icon-php{background-position:top 25% left 100%}.web-icon-handmade{background-position:top 50% left 0}.web-icon-mobile-friendly{background-position:top 50% left 25%}.web-icon-rss{background-position:top 50% left 50%}.web-icon-joomla{background-position:top 75% left 0}.web-icon-joomla3d{background-position:top 75% left 25%}.web-icon-wordpress{background-position:top 75% left 50%}.web-icon-magento{background-position:top 75% left 75%}.web-icon-modx2{background-position:top 75% left 100%}.portfolio-title{position:absolute;top:0;left:0;transition:all 250ms ease-out;padding-left:1rem}.portfolio-title h2{font-size:24px}.portfolio-info{position:absolute;bottom:8px;left:0;right:0;background-color:rgba(255,255,255,0.95);border-top:1px solid #ffffff;z-index:5;padding:0.5rem 1rem;box-shadow:-3px 0 8px rgba(0,0,0,0.1)}.portfolio-info{transform:translateY(120%);transition:all 400ms ease-out}.mainrefimg:hover .portfolio-info{transform:translateY(0px)}.photo-line img{max-width:350px}.photo-line img:last-child{max-width:200px;height:auto}.slidercss{float:none;margin:8px 0 8px 1em;position:relative;width:100%;height:90vh;min-height:800px;max-width:730px;box-shadow:2px 2px 8px rgba(0,0,0,0.3);overflow:hidden}.slider_img{position:absolute;top:0;left:0}.slidercss img{width:100%;height:auto;background-color:white !important}.slidercss figcaption{display:block;width:220px;height:30px;position:absolute;bottom:0;left:0;z-index:100;background:#111111;background:rgba(0,0,0,0.5);color:white;overflow:hidden;transition:ease-out 2s;text-shadow:1px 1px 0 #000000}.slide_1{animation:imgslide-1 infinite 15000ms}.slide_2{animation:imgslide-2 infinite 15000ms}.slide_3{animation:imgslide-3 infinite 15000ms}.slide_4{animation:imgslide-4 infinite 15000ms}.slide_5{animation:imgslide-5 infinite 15000ms}.btn-1{content:"1"}.slidercontrol{text-align:center}.slideactive{display:block !important;opacity:1 !important}.btnactive{background-color:#ff7d00 !important;color:white !important}.btninactive{background-color:white !important;color:#333333 !important}.btn-tab{display:inline-block;opacity:1 !important;padding:0.3em 1em;cursor:pointer}.btn-border{border:1px solid #ff7d00;display:inline-block}@keyframes imgslide-1{0%{opacity:1;background-color:#ff7d00;color:white}15%{opacity:1;background-color:#ff7d00;color:white}25%{opacity:0;background-color:#ffffff;color:#333333}100%{opacity:0;background-color:#ffffff;color:#333333}}@keyframes imgslide-2{0%{opacity:0;background-color:#ffffff;color:#333333}15%{opacity:0;background-color:#ffffff;color:#333333}25%{opacity:1;background-color:#ff7d00;color:white}35%{opacity:1;background-color:#ff7d00;color:white}45%{opacity:0;background-color:#ffffff;color:#333333}100%{opacity:0;background-color:#ffffff;color:#333333}}@keyframes imgslide-3{0%{opacity:0;background-color:#ffffff;color:#333333}35%{opacity:0;background-color:#ffffff;color:#333333}45%{opacity:1;background-color:#ff7d00;color:white}55%{opacity:1;background-color:#ff7d00;color:white}65%{opacity:0;background-color:#ffffff;color:#333333}100%{opacity:0;background-color:#ffffff;color:#333333}}@keyframes imgslide-4{0%{opacity:0;background-color:#ffffff;color:#333333}55%{opacity:0;background-color:#ffffff;color:#333333}65%{opacity:1;background-color:#ff7d00;color:white}75%{opacity:1;background-color:#ff7d00;color:white}85%{opacity:0;background-color:#ffffff;color:#333333}100%{opacity:0;background-color:#ffffff;color:#333333}}@keyframes imgslide-5{0%{opacity:0;background-color:#ffffff;color:#333333}75%{opacity:0;background-color:#ffffff;color:#333333}85%{opacity:1;background-color:#ff7d00;color:white}95%{opacity:1;background-color:#ff7d00;color:white}100%{opacity:0;background-color:#ffffff;color:#333333}}slide_1:hover{animation-play-state:paused;cursor:pointer}.slide_2:hover{animation-play-state:paused}.slide_3:hover{animation-play-state:paused}.first-seo{background:-webkit-linear-gradient(10deg, #b3edff, white);background:-moz-linear-gradient(10deg, #b3edff, white);background:-o-linear-gradient(10deg, #b3edff, white);background:linear-gradient(10deg, #b3edff, white)}.first-seo .prime-in{background:url('../images/graphic/seo-analysis.png') no-repeat bottom 20% right 0;background-size:auto 62%}.onpage-seo{background:-webkit-linear-gradient(bottom, #f8f8f8, #eeeeee);background:-moz-linear-gradient(bottom, #f8f8f8, #eeeeee);background:-o-linear-gradient(bottom, #f8f8f8, #eeeeee);background:linear-gradient(to top, #f8f8f8, #eeeeee)}.onpage-seo .prime-in{background:url('../images/graphic/website-analytics.png') no-repeat bottom 15% left 10%;background-size:auto 400px;padding-top:calc(4vh + 1em);padding-bottom:calc(4vh + 1em)}.speed-seo .prime-in{background:url('../images/fotos/website-performance-analysis-660.png') no-repeat bottom 15% left 10%;background-size:auto 400px;padding-top:calc(4vh + 1em);padding-bottom:calc(4vh + 1em)}.onpage-seo .contentbox,.speed-seo .contentbox{margin-left:37.8%}.offpage-seo{background-color:#eeeeee}.offpage-seo .prime-in{background:url('../images/graphic/offpage-seo-400.png') no-repeat center right 5%;background-size:auto 75%}@media (max-width: 814px){.onpage-seo .contentbox,.speed-seo .contentbox{margin-left:auto}.first-seo .prime-in{background-position-y:100%;padding-bottom:calc(4vh + 1em)}.onpage-seo .prime-in,.speed-seo .prime-in{background-position-y:100%;padding-top:calc(1vh + 1em);padding-bottom:calc(7vh + 1em)}.seo-page .gridgold1{width:100%}}.innerbox{box-shadow:0 0 10px 3px rgba(0,0,0,0.1);max-width:500px;padding:0 30px 20px;margin:50px auto 0;background-color:rgba(255,255,255,0.9)}.innerbox:hover{background-color:rgba(255,255,255,0.97)}.innerbox .websymbol-design{width:80px;margin-top:-40px}.onpage-seo .innerbox .websymbol-design{max-width:370px;width:84.09090909%;height:auto}@media (max-width: 600px){.innerbox{width:100%;margin-left:auto;margin-right:auto;background-color:rgba(255,255,255,0.95)}}@media (max-width: 440px){.first-seo{background-position:bottom 0 right 0}.first-seo .gridgold1{width:100%}.first-seo .innerbox{margin-bottom:90px}}#backwave.lazy,#backwave2.lazy{background:#ffeccc}#backwave{background:#ffeccc url('../images/layout/back-wave-1920.svg') no-repeat center center;background-size:cover}#backwave2{background:#ffeccc url('../images/layout/back-wave2-1920.svg') no-repeat center center;background-size:cover}.testimonial-text{padding:1.2em 6% 2em;font-family:serif;font-size:16px}.testimonial-text .quotmarkbl{background-position:top 75% left 25%;width:24px;height:24px;float:left}.testimonial-text .acircle{width:100%;display:block;text-align:center}.circle-image{text-align:center;margin:0.5em auto;width:150px;height:150px;border-radius:50%;box-shadow:0 0 6px 0 #dddddd;background-repeat:no-repeat;background-position:center center;background-size:contain}.testimonial-text .content{padding-left:32px;line-height:1.8}.testimonial-text .hname{text-align:center;margin:0 auto;padding:0.5em;background-color:white;display:inline-block;font-size:22px}.middleline-blue{width:100%;background:-webkit-linear-gradient(180deg, transparent calc(50% - 1px), #0086d4 calc(50%), transparent calc(50% + 1px));background:-moz-linear-gradient(180deg, transparent calc(50% - 1px), #0086d4 calc(50%), transparent calc(50% + 1px));background:-o-linear-gradient(180deg, transparent calc(50% - 1px), #0086d4 calc(50%), transparent calc(50% + 1px));background:linear-gradient(180deg, transparent calc(50% - 1px), #0086d4 calc(50%), transparent calc(50% + 1px))}.sitemap a{margin:10px;display:inline-block;padding-left:25px;border-bottom:1px solid transparent}.sitemap a.nav-1{padding-left:0;font-weight:600}.sitemap a:hover{border-bottom:1px solid #923842}.privacy ul li{list-style-type:none}.privacy ul li li{list-style-type:disc}#s3slider{width:400px;height:300px;position:relative;overflow:hidden}#s3sliderContent{width:400px;position:absolute;top:0;margin-left:0}.s3sliderImage{float:left;position:relative;display:none}.s3sliderImage span{position:absolute;left:0;font:10px/15px Arial, Helvetica, sans-serif;padding:10px 13px;width:374px;background-color:#000000;filter: alpha(opacity=70);-moz-opacity:0.7;-khtml-opacity:0.7;opacity:0.7;color:#ffffff;display:none;top:0}#backBtn{display:none;position:fixed;bottom:20px;right:4px;z-index:1000;border:none;outline:none;color:white;cursor:pointer}#backBtn img{opacity:0.6;width:32px;height:auto}#backBtn img:hover{opacity:1}#backBtn span{background-position:top 75% left 0}.sidenav{height:100%;width:0;position:absolute;top:0;right:0;z-index:1000;background-color:rgba(10,10,10,0.95);background:rgb(2,0,36);background:-webkit-linear-gradient(110deg, rgba(2,0,36,1) 0%, rgba(1,135,198,1) 43%, rgba(0,1,1,1) 100%);background:-moz-linear-gradient(110deg, rgba(2,0,36,1) 0%, rgba(1,135,198,1) 43%, rgba(0,1,1,1) 100%);background:-o-linear-gradient(110deg, rgba(2,0,36,1) 0%, rgba(1,135,198,1) 43%, rgba(0,1,1,1) 100%);background:linear-gradient(110deg, rgba(2,0,36,1) 0%, rgba(1,135,198,1) 43%, rgba(0,1,1,1) 100%);overflow-x:hidden;padding:60px 0 2em;transition:0.5s;text-align:left}.sidenav .closebtn{position:absolute;top:0;right:25px;font-size:36px;margin-left:50px}.sidenav a{padding:8px 8px 8px 32px;text-decoration:none;color:#F8F8F8;display:block;transition:0.3s}.sidenav a:hover{color:#ffffff}.sidenav > span{display:block}.sidenav span.act,.sidenav span:hover{background-color:rgb(60,60,60);background-color:rgba(80,80,80, 0.8)}.sidenav .nav-2,.sidenav .nav-two{padding-left:3em}.sidenav .special{border-top:1px solid #dddddd;border-bottom:1px solid #dddddd}.dislt1024{display:none}.nodisgt768{display:none}.dislt768{display:none}.dislt520{display:none}.nodisgt700{display:none}.dislt700{display:none}@keyframes enhance{0%{opacity:0;transform:rotate(0deg) scaleX(0) scaleY(0)}100%{opacity:1;transform:rotate(0deg) scaleX(1) scaleY(1)}}@media screen and (max-width: 1400px){.header-back{background-image:url("../images/layout/header-image-feather-1400.jpg")}.contact-group .header-back{background-image:url("../images/layout/header-image-wood-1400.jpg")}.portfolio-group .header-back{background-image:url("../images/layout/header-image-texture1-1400.jpg")}.seo-group .header-back{background-image:url("../images/layout/header-image-world-space-1400.jpg")}.general-group .header-back{background-image:url("../images/layout/header-image-sunset-1400.jpg")}.general-group .header-back{background-image:url("../images/layout/header-image-field-1400.jpg")}.graphic-page .header-back{background-image:url("../images/layout/header-image-graphic-1400.jpg")}.print-page .header-back{background-image:url("../images/layout/header-image-print-1400.jpg")}.photo-page .header-back{background-image:url("../images/layout/header-image-water-1400.jpg")}}@media screen and (max-width: 1024px){.dislt1024{display:inherit}.nodislt1024{display:none}.header-back{background-image:url("../images/layout/header-image-feather-1024.jpg")}.contact-group .header-back{background-image:url("../images/layout/header-image-wood-1024.jpg")}.portfolio-group .header-back{background-image:url("../images/layout/header-image-texture1-1024.jpg")}.seo-group .header-back{background-image:url("../images/layout/header-image-world-space-1024.jpg")}.general-group .header-back{background-image:url("../images/layout/header-image-sunset-1024.jpg")}.general-group .header-back{background-image:url("../images/layout/header-image-field-1024.jpg")}.graphic-page .header-back{background-image:url("../images/layout/header-image-graphic-1024.jpg")}.photo-page .header-back{background-image:url("../images/layout/header-image-water-1024.jpg")}.print-page .header-back{background-image:url("../images/layout/header-image-print-1024.jpg")}.header-back,.hero-header,.homepage .header-back{height:300px}.hero-header .title{font-size:2.8em;line-height:1.15}.prime-in-flat{padding:0}.slogan{font-size:1.6em}.service-plus .grid3w{width:46%;margin-bottom:20px}.further-services .grid25{width:50%}.areareferences .grid22{width:50%}.areareferences .grid21{width:47%}}@media screen and (max-width: 960px){#st-menu.navlist1{display:none}#article-graphic,#article-seo,#article-web{background-position-x:right -50px}.sectestimonials .grid3w{width:48%}.sectestimonials .grid3w:last-of-type{display:none}.page-casestudy .grid21,.page-casestudy .grid22{float:none;width:100%;margin:20px auto 40px}.slidercss{margin:0 auto}}@media screen and (max-width: 840px){.nodislt840{display:none}.marketing-boxes{background-image:url('../images/layout/background-tatami-marketing-2x4.jpg');background-size:100% 100%}.marketing-boxes .grid3{min-height:300px;width:50%;padding:12px 1.5em}.grid2l,.grid2r{padding-left:3%;padding-right:3%}.areareferences .grid22{width:100%}.areareferences .grid21{width:100%}}@media screen and (max-width: 768px){.disgt768{display:none}.nodisgt768{display:block}.dislt768{display:block}.nodislt768{display:none}h1{font-size:2em;margin-bottom:0.6em}h2{font-size:1.8em;margin-bottom:0.4em}.prime-in{padding:20px}.grid3w{width:48%;margin-bottom:2em}#webdesign-logo{-ms-flex-preferred-size:30%;flex-basis:30%}.navlist2{display:none}.halfback .textbox{padding-left:30px}.service-plus .grid3w{width:100%}.slidercss{height:calc(100vw * 2.2)}.ulnavf span{height:3em}#footer .grid4{width:48%}#footer .grid4{border-right:none}#footer .flexgrid4wrap .grid4:nth-child(1),#footer .flexgrid4wrap .grid4:nth-child(2){border-bottom:1px dashed #aaa;margin-bottom:2em;padding-bottom:1em}}@media screen and (max-width: 700px){.nodisgt700{display:inherit}.dislt700{display:inherit}.disgt700{display:none}.nodislt700{display:none}.header-back{background-size:auto 120%;height:260px}.header-back{background-image:url("../images/layout/header-image-feather-700.jpg")}.contact-group .header-back{background-image:url("../images/layout/header-image-wood-700.jpg")}.portfolio-group .header-back{background-image:url("../images/layout/header-image-texture1-700.jpg")}.seo-group .header-back{background-image:url("../images/layout/header-image-world-space-700.jpg")}.general-group .header-back{background-image:url("../images/layout/header-image-sunset-700.jpg")}.general-group .header-back{background-image:url("../images/layout/header-image-field-700.jpg")}.graphic-page .header-back{background-image:url("../images/layout/header-image-graphic-700.jpg")}.photo-page .header-back{background-image:url("../images/layout/header-image-water-700.jpg")}.print-page .header-back{background-image:url("../images/layout/header-image-print-700.jpg")}.hero-header,.homepage .header-back{height:260px}.hero-header .title{font-size:2.5em;margin-top:25px}.slogan{font-size:1.4em}.frame-in{margin:10px 0}.prime-in{padding:1em 20px}.prime-in-flat{padding:0 20px}.flexgrid2wrap,.flexgrid3wrap{display:block}.grid2,.grid21,.grid22{width:100%;margin:1em 0}.grid2 img.mobilefull{width:100%}.grid3{width:100%;margin:1em 0}.grid3 img.mobilefull{width:100%}.marketing-boxes .grid3{width:50%}.fieldleft::before,.fieldright::before{width:0}.fieldleft::after,.fieldright::after{width:100%}.labnorm2{text-align:left}.flexgrid2wrapC{display:block}.grid2l,.grid2r{width:100%;padding:0 2%}.grid2l{text-align:left}.back-to-top{bottom:4px}.further-services .grid50,.main-services .grid50{width:100%}.further-services .grid50{border-top:1px dashed rgba(0,0,0,0.3)}.halfback{padding:300px 0 0}#article-graphic,#article-seo,#article-web{background-size:auto 430px}#article-web{background-image:url("../images/layout/halfback-laptop-700.jpg")}#article-seo{background-image:url("../images/layout/halfback-seo-700.jpg")}#article-graphic{background-image:url("../images/layout/halfback-graphic-700.jpg")}.halftext-left{width:100%}.halftext-right{width:100%;left:0}.halfback .textbox{max-width:100%;padding:40px 20px;z-index:70;min-height:auto}.border-left,.border-right{display:none}.backwhite-9g{background-color:#ffffff;background-image:none}.backvlgrey9g{background-color:#eee;background-image:none}.backlgrey-9g{background-color:#dddddd;background-image:none}.backtatami-lblue{background-image:none}.inpnorm,.optnorm,.selnorm,.textnorm{margin-top:0}.imgputleft,.imgputright{float:none;margin:0;width:100%;max-width:100%}.imgw500,.imgw50p{width:100%;max-width:100%}}@media screen and (max-width: 640px){.nodislt640{display:none}.prime-in{padding:1em 15px}.prime-in-flat{padding:0 15px}.sectestimonials .grid3w{width:90%;margin:0 auto 30px}.flexgrid3Pwrap{display:block}.grid3w{width:100%;margin:1.3em 0}.grid3w .mobilefull{width:100%}.imgwidth380 .mobilefull{width:380px;margin:0 0 0 1em}.imgwidth380 figure{width:55%;float:right;overflow:hidden}.imgwidth380 .service-text{padding-bottom:0}.imgwidth380 .textmax{display:none}}@media screen and (max-width: 580px){.disgt580{display:none}.nodisgt580{display:inherit}.dislt580{display:inherit}.nodislt580{display:none}.prime-in{padding:1em 10px}.prime-in-flat{padding:0 10px}.header-back{height:210px}.hero-header{height:210px}.hero-header .title{font-size:2.1em;margin-bottom:0.3em}.hero-header .navlist2{margin-bottom:0.2em}.hero-info{margin-top:15px}.slogan{font-size:1.3em}h1{font-size:1.7em;margin-bottom:0.6em}h2{font-size:1.6em;margin-bottom:0.4em}.navlist2 a > span{display:none}.gridf{width:100%}.main-services .gridgold1,.main-services .gridgold2,.main-services .gridgold2 div{width:100%;min-height:300px}.webdesign-page .main-services .boxno2{display:none}.further-services .grid50{width:100%}.further-services .grid25{width:100%}}@media screen and (max-width: 520px){.dislt520{display:inherit}.nodislt520{display:none}.hero-info{}.grid3w .mobilefull{width:100%;margin:0}.imgwidth380 figure{width:100%;float:none}.imgwidth380 .service-text{padding-bottom:1em}.imgwidth380 .textmax{display:inline}.webdesign-services.flexgridbtw{display:block}.webdesign-services .gridgold2{width:100%}.webdesign-services .gridgold3{width:100%}}@media screen and (max-width: 450px){.dislt450{display:inline-block}.nodislt450{display:none}#webdesign-logo{-ms-flex-preferred-size:45%;flex-basis:40%}.hero-header .title{font-size:2em}.sidenav{padding-top:15px}.sidenav a{font-size:18px}.imgw33{max-width:33%}.flexgrid4wrap{display:block}.grid4{width:100%}#footer .flexgrid4wrap{display:flex}#footer .grid4{width:48%}.service-text ul li{font-size:1em}#article-web{background-size:auto 50%;background-position:70% top}#article-seo{background-size:auto 300px;background-position:70% top}#article-graphic{background-size:auto 50%}.flexgrid3wrap450{display:block}.marketing-boxes{background-image:none}.marketing-boxes .grid3{width:100%;min-height:100px}.marketing-boxes .article-banner{background-color:#c0fffd}.marketing-boxes .article-inbound{background-color:#fff6c1}.marketing-boxes .article-email{background-color:#ffebcd}.marketing-boxes .article-seo{background-color:#e1ffcd}.marketing-boxes .article-social{background-color:#cee1fe}.marketing-boxes .article-adwords{background-color:#ffea94}.marketing-boxes .article-video{background-color:#ffd2cd}.sidenav{padding-top:15px}.sidenav a{font-size:18px}}@media screen and (max-width: 359px){.navlist4 ul li:nth-of-type(n+2){display:none}#footer .flexgrid4wrap{display:block}#footer .grid4{width:100%}}@media screen and (max-width: 320px){.dislt320{display:inline-block}.nodislt320{display:none}.hero-header .title{font-size:1.8em}.navlist2{font-size:0.9em}.navlist4 li.act{display:none}}