html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,address,cite,code,del,dfn,em,img,ins,q,small,strong,sub,sup,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{border:0;margin:0;padding:0;}
article,aside,figure,figure img,figcaption,hgroup,footer,header,nav,section,video,object{display:block;}
a img{border:0;}
figure{position:relative;}
figure img{width:100%;}
.container{padding-left:10px;padding-right:10px;}
.row{width:100%;max-width:1140px;min-width:755px;margin:0 auto;overflow:hidden;}
.onecol,.twocol,.threecol,.fourcol,.fivecol,.sixcol,.sevencol,.eightcol,.ninecol,.tencol,.elevencol{margin-right:3.8%;float:left;min-height:1px;}
.row .onecol{width:4.85%;}
.row .twocol{width:13.45%;}
.row .threecol{width:22.05%;}
.row .fourcol{width:30.75%;}
.row .fivecol{width:39.45%;}
.row .sixcol{width:48%;}
.row .sevencol{width:56.75%;}
.row .eightcol{width:65.4%;}
.row .ninecol{width:74.05%;}
.row .tencol{width:82.7%;}
.row .elevencol{width:91.35%;}
.row .twelvecol{width:100%;float:left;}
.last{margin-right:0px;}
img,object,embed{max-width:100%;}
img{height:auto;}
@media only screen and (max-width:1023px){body{font-size:0.8em;line-height:1.5em;}}@media handheld,only screen and (max-width:767px){body{font-size:14px;-webkit-text-size-adjust:none;} .row,body,.container{width:100%;min-width:0;margin-left:0px;margin-right:0px;padding-left:0px;padding-right:0px;} .row .onecol,.row .twocol,.row .threecol,.row .fourcol,.row .fivecol,.row .sixcol,.row .sevencol,.row .eightcol,.row .ninecol,.row .tencol,.row .elevencol,.row .twelvecol{width:auto;float:none;margin-left:0px;margin-right:0px;padding-left:10px;padding-right:10px;}}.clearfix{*zoom:1;}.clearfix:before,.clearfix:after{display:table;content:"";line-height:0;}
.clearfix:after{clear:both;}
.hide{display:none;}
body{font-family:'Basic',sans-serif;font-size:14px;line-height:24px;font-weight:400;color:#4c443e;text-shadow:none;}
h1{font-family:'Rufina',serif;font-size:42px;font-weight:800;line-height:48px;color:#e8eae3;text-align:center;}h1 span{color:#9c244a;padding:0 5px;}
h2{font-family:'Rufina',serif;font-size:23.99999px;font-weight:700;color:#4c443e;line-height:30px;}
h3{font-size:21px;font-weight:700;color:#4c443e;line-height:30px;}
h4{font-size:14px;font-weight:700;line-height:30px;}
p{padding:10px 0 0 0;line-height:24px;color:#4c443e;}
.ui-bar-a a.ui-link,.ui-bar-a a.ui-link:visited{color:#9c244a;text-decoration:none;}
.ui-bar-a a.ui-link:hover{background:#9c244a;color:#e8eae3;}
@font-face{font-family:'icomoon';src:url('../fonts/icomoon.eot');src:url('../fonts/icomoon.eot?#iefix') format('embedded-opentype'),url('../fonts/icomoon.svg#icomoon') format('svg'),url('../fonts/icomoon.woff') format('woff'),url('../fonts/icomoon.ttf') format('truetype');font-weight:normal;font-style:normal;}[data-icon]:before{font-family:'icomoon';content:attr(data-icon);speak:none;font-weight:normal;line-height:1;-webkit-font-smoothing:antialiased;}
.icon-phone:before,.icon-mobile:before,.icon-skype:before,.icon-facebook:before,.icon-envelope:before,.icon-address-book:before,.icon-profile:before,.icon-clipboard:before,.icon-list:before,.icon-home:before,.icon-arrow-right:before,.icon-arrow-left:before,.icon-cancel:before{font-family:'icomoon';speak:none;font-style:normal;font-weight:normal;line-height:1;-webkit-font-smoothing:antialiased;}
.icon-phone:before{content:"\21";}
.icon-mobile:before{content:"\22";}
.icon-skype:before{content:"\23";}
.icon-facebook:before{content:"\24";}
.icon-envelope:before{content:"\25";}
.icon-address-book:before{content:"\26";}
.icon-profile:before{content:"\27";}
.icon-clipboard:before{content:"\2a";}
.icon-list:before{content:"\28";}
.icon-home:before{content:"\e012";}
.icon-arrow-right:before{content:"\e000";}
.icon-arrow-left:before{content:"\e001";}
.icon-cancel:before{content:"\e002";}
@media handheld,only screen and (max-width:767px){}@media only screen and (-webkit-min-device-pixel-ratio:2){h1{font-family:'Rufina',serif;font-size:18.900000000000002px;font-weight:700;line-height:31.200000000000003px;color:#e8eae3;text-align:center;}h1 span{color:#9c244a;padding:0 5px;} h2{font-family:'Rufina',serif;font-size:19.599999999999998px;font-weight:800;color:#4c443e;line-height:30px;} h3{font-size:17.5px;font-weight:700;color:#4c443e;line-height:24px;} h4{font-size:14px;font-weight:700;line-height:30px;} p{padding:10px 0;line-height:24px;color:#4c443e;}}.slidemenu{position:absolute;top:0px;left:0px;width:0px;height:100%;background-color:#17120e;-webkit-box-shadow:3px 0px 5px -2px #141011;box-shadow:3px 0px 5px -2px #141011;z-index:2147483647;display:none;overflow:auto;-webkit-overflow-scrolling:touch;}
.slidemenu h3{font-size:16px;font-family:Rufina;color:#e2cb85;text-shadow:0 1px 0 #0d0b10;margin:0;padding:4px 0 4px 10px;background:#070a11;background:-moz-linear-gradient(top, #141011 0%, #070a11 100%);background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #141011), color-stop(100%, #070a11));background:-webkit-linear-gradient(top, #141011 0%, #070a11 100%);background:-o-linear-gradient(top, #141011 0%, #070a11 100%);background:-ms-linear-gradient(top, #141011 0%, #070a11 100%);background:linear-gradient(top, #141011 0%, #070a11 100%);border-top:solid #070a11 1px;border-bottom:solid #070a11 1px;}
.slidemenu ul{margin:0;padding:0;width:inherit;}
.slidemenu ul li{list-style-type:none;margin:0px 0;}
.slidemenu ul li a:link,.slidemenu ul li a:visited{border-top:1px #070a11 solid;border-bottom:1px #070a11 solid;color:#DBE0E8;font-size:14px;font-family:Basic;text-decoration:none;width:245px;display:block;padding:8px 0px 8px 8px;text-shadow:0px 1px 1px #212631;}
.slidemenu ul li img{margin-right:8px;}
.slidemenu ul li a:hover,.slidemenu ul li a:active{background-color:#e2cb85;color:#0d0b10;text-shadow:0px 1px 1px #e6e4d5;}
.ui-icon-smico{background-image:url("../img/smico.png") !important;}
.slidemenu_btn .ui-icon-shadow{-moz-box-shadow:0 0px 0 rgba(255, 255, 255, 0);-webkit-box-shadow:0 0px 0 rgba(255, 255, 255, 0);box-shadow:0 0px 0 rgba(255, 255, 255, 0);}
.slidemenu_btn .ui-btn-inner{border-top:0px;}
.slidemenu_btn .ui-icon{margin:4px 1px 2px 2px !important;width:25px;-moz-border-radius:0px;-webkit-border-radius:0px;border-radius:0px;}
.slidemenu_btn .ui-icon,.ui-icon-searchfield::after{background:none;}
.slidemenu_btn.ui-btn-icon-notext{width:30px;}
#imageflippage{background-color:#000;margin:0px;padding:0px;border:none;height:100%;width:100%;}
#tadcontent{padding:0px;margin:0px;position:relative;background:#000;height:100%;width:100%;}
#imageflipimg{vertical-align:middle;height:100%;width:100%;z-index:98;background-position:center;background-size:contain;text-align:center;background-repeat:no-repeat;}
#imagefliper{width:100%;top:45px;bottom:0px;position:absolute;z-index:99;}
#tadnavi{position:fixed;top:0px;z-index:100;width:100%;opacity:0.5;display:none;background:#fff;}#tadnavi ul{margin:0 auto;}
#tadnavi a{text-decoration:none;}
#tadnavi li{width:33%;}
#tadinfo{position:fixed;display:none;bottom:0px;width:100%;padding:5px;background-color:#333333;opacity:0.7;color:#FFFFFF;text-align:center;font-size:small;font-family:Verdana,Geneva,sans-serif;}
#home,#leistungen,#portfolio,#impressum{padding-bottom:10px;}#home .slidemenu_btn,#leistungen .slidemenu_btn,#portfolio .slidemenu_btn,#impressum .slidemenu_btn{display:none;}
#home .header,#leistungen .header,#portfolio .header,#impressum .header{text-align:center;padding:40px 0 30px 0;border-bottom:1px solid #49423c;background:#0d0b10;}#home .header .nav,#leistungen .header .nav,#portfolio .header .nav,#impressum .header .nav{margin-top:-55px;}#home .header .nav li,#leistungen .header .nav li,#portfolio .header .nav li,#impressum .header .nav li{list-style:none;display:inline-block;padding:10px;text-decoration:none;color:#e2cb85;}#home .header .nav li a,#leistungen .header .nav li a,#portfolio .header .nav li a,#impressum .header .nav li a{color:#e8eae3;text-decoration:none;}
#home .header .nav li:hover a,#leistungen .header .nav li:hover a,#portfolio .header .nav li:hover a,#impressum .header .nav li:hover a{text-decoration:underline;color:#e2cb85;cursor:hand;background:none;}
#home .header .nav li.breakpoint,#leistungen .header .nav li.breakpoint,#portfolio .header .nav li.breakpoint,#impressum .header .nav li.breakpoint{margin-left:280px;}
#home .header .nav li.active a,#leistungen .header .nav li.active a,#portfolio .header .nav li.active a,#impressum .header .nav li.active a{color:#e2cb85;background:none;border-bottom:3px solid #e2cb85;}
#home .footer,#leistungen .footer,#portfolio .footer,#impressum .footer{text-align:left;font-weight:normal;background:none;border:none;color:#4c443e;text-shadow:none;border-top:1px solid #7f8384;padding:20px 0;}#home .footer h4,#leistungen .footer h4,#portfolio .footer h4,#impressum .footer h4{text-align:left;}
#home .footer ul li,#leistungen .footer ul li,#portfolio .footer ul li,#impressum .footer ul li{list-style:none;}#home .footer ul li span,#leistungen .footer ul li span,#portfolio .footer ul li span,#impressum .footer ul li span{font-size:16px;line-height:30px;padding-right:10px;}
#home .footer .footnote,#leistungen .footer .footnote,#portfolio .footer .footnote,#impressum .footer .footnote{width:60%;float:left;padding:0 45px 0 40px;}
#home .footer .contactmethods,#leistungen .footer .contactmethods,#portfolio .footer .contactmethods,#impressum .footer .contactmethods{width:30%;float:left;}
#home .footer .copyright,#leistungen .footer .copyright,#portfolio .footer .copyright,#impressum .footer .copyright{display:none;}
#home .portfolio,#portfolio .portfolio{padding:30px 0;}#home .portfolio .portfolio-list ul,#portfolio .portfolio .portfolio-list ul{margin:10px auto;}#home .portfolio .portfolio-list ul li,#portfolio .portfolio .portfolio-list ul li{display:inline-block;padding:5px;margin:1%;width:28%;border:1px solid #e2e5e4;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}
#home .content{text-align:center;width:100%;margin:0 auto;padding:0;}#home .content .headline{text-shadow:none;background:url("../img/header-home.jpg");}#home .content .headline .tagline{padding:150px 0;width:55%;margin:0 auto;}
#home .content .headline p{font-size:16.8px;color:#e8eae3;padding:30px 0 0 0;}
#leistungen{padding-top:105px;}#leistungen .content{text-align:center;width:100%;margin:0 auto;padding:0;}#leistungen .content .headline{text-shadow:none;background:url("../img/nami.png");width:100%;*zoom:1;margin-top:0;}#leistungen .content .headline:before,#leistungen .content .headline:after{display:table;content:"";line-height:0;}
#leistungen .content .headline:after{clear:both;}
#leistungen .content .headline .tagline{padding:85px 0;width:55%;margin:0 auto;}
#leistungen .content .headline p{font-size:16.8px;color:#e8eae3;padding:30px 0 0 0;}
#leistungen .content .design{*zoom:1;text-align:left;background:url("../img/texturetastic_gray.png");}#leistungen .content .design:before,#leistungen .content .design:after{display:table;content:"";line-height:0;}
#leistungen .content .design:after{clear:both;}
#leistungen .content .design .inhalt{*zoom:1;position:relative;width:90%;margin:0 auto;padding:0;}#leistungen .content .design .inhalt:before,#leistungen .content .design .inhalt:after{display:table;content:"";line-height:0;}
#leistungen .content .design .inhalt:after{clear:both;}
#leistungen .content .design .inhalt img{margin-left:10%;width:22%;float:left;}
#leistungen .content .design .inhalt h2{float:left;width:60%;margin:15% 0 0 5%;}#leistungen .content .design .inhalt h2 span{display:block;color:#9c244a;}
#leistungen .content .design .inhalt .text{float:left;width:60%;margin:1% 0 0 5%;}
#leistungen .content .print{*zoom:1;margin-top:1px;text-align:left;background:url("../img/foil.png");}#leistungen .content .print:before,#leistungen .content .print:after{display:table;content:"";line-height:0;}
#leistungen .content .print:after{clear:both;}
#leistungen .content .print img{float:right;padding-right:5%;padding-top:25px;width:30%;}
#leistungen .content .print h2{float:right;margin:60px 0 10px 0;width:50%;}#leistungen .content .print h2 span{display:block;color:#9c244a;}
#leistungen .content .print .text{float:right;width:50%;margin:10px 0 10px 30px;}#leistungen .content .print .text ul{margin:0 0 0 20px;}
#leistungen .content .marketing{*zoom:1;margin-top:1px;text-align:left;background:url("../img/honey_im_subtle.png");}#leistungen .content .marketing:before,#leistungen .content .marketing:after{display:table;content:"";line-height:0;}
#leistungen .content .marketing:after{clear:both;}
#leistungen .content .marketing img{float:left;padding-left:10%;padding-top:50px;padding-bottom:30px;width:30%;}
#leistungen .content .marketing h2{float:left;margin:120px 0 10px 30px;width:50%;}#leistungen .content .marketing h2 span{display:block;color:#9c244a;}
#leistungen .content .marketing .text{float:left;width:50%;margin:10px 0 10px 30px;}
#portfolio .content{text-align:center;width:100%;margin:0 auto;padding:0;}#portfolio .content .headline{text-shadow:none;background:url("../img/black_mamba.png");}#portfolio .content .headline .tagline{padding:65px 0;width:50%;margin:0 auto;}
#portfolio .content .headline p{font-size:16.8px;color:#e8eae3;padding:30px 0 0 0;}
#impressum .content{padding:50px;}#impressum .content h3{font-size:16px;color:#9c244a;}
#popupPanel-popup{right:0 !important;left:auto !important;}
#popupPanel{color:#e6e4d5;padding:30px;width:250px;border:1px solid #e6e4d5;border-right:none;background:#4c443e;margin:-10px 0;}#popupPanel a{color:#e6e4d5;text-decoration:none;}
#popupPanel ul li{list-style:none;}#popupPanel ul li span{font-size:16px;line-height:30px;padding-right:10px;}
@media all and (device-width:768px) and (device-height:1024px) and (orientation:portrait){#home a.mobilenav,#leistungen a.mobilenav,#portfolio a.mobilenav,#impressum a.mobilenav{margin-top:10px;text-decoration:none;color:#fff;} #home .slidemenu_btn,#leistungen .slidemenu_btn,#portfolio .slidemenu_btn,#impressum .slidemenu_btn{display:block;} #home .header,#leistungen .header,#portfolio .header,#impressum .header{text-align:center;padding:20px 0 10px 0	;border-bottom:1px solid #49423c;background:#0d0b10;} #home .header .nav,#leistungen .header .nav,#portfolio .header .nav,#impressum .header .nav{display:none;} #home .footer .footnote,#leistungen .footer .footnote,#portfolio .footer .footnote,#impressum .footer .footnote{*zoom:1;width:90%;margin:10px auto;}#home .footer .footnote:before,#leistungen .footer .footnote:before,#portfolio .footer .footnote:before,#impressum .footer .footnote:before,#home .footer .footnote:after,#leistungen .footer .footnote:after,#portfolio .footer .footnote:after,#impressum .footer .footnote:after{display:table;content:"";line-height:0;} #home .footer .footnote:after,#leistungen .footer .footnote:after,#portfolio .footer .footnote:after,#impressum .footer .footnote:after{clear:both;} #home .footer .contactmethods,#leistungen .footer .contactmethods,#portfolio .footer .contactmethods,#impressum .footer .contactmethods{display:none;} #home .content .headline{background:#0c0b11 url("../img/header-home-m.jpg") right no-repeat;}#home .content .headline .tagline{padding:80px 0;width:80%;margin:0 auto;} #leistungen .content .headline{*zoom:1;}#leistungen .content .headline:before,#leistungen .content .headline:after{display:table;content:"";line-height:0;} #leistungen .content .headline:after{clear:both;} #leistungen .content .headline .tagline{padding:75px 0 60px 0;width:75%;margin:0 auto;} #leistungen .content .design .inhalt{*zoom:1;position:relative;width:90%;}#leistungen .content .design .inhalt:before,#leistungen .content .design .inhalt:after{display:table;content:"";line-height:0;} #leistungen .content .design .inhalt:after{clear:both;} #leistungen .content .design .inhalt img{margin-left:0px;width:30%;float:left;padding-top:30px;} #leistungen .content .design .inhalt h2{width:65%;margin:90px 0 0 25px;} #leistungen .content .design .inhalt .text{width:65%;margin:10px 0 20px 25px;} #leistungen .content .print{*zoom:1;}#leistungen .content .print:before,#leistungen .content .print:after{display:table;content:"";line-height:0;} #leistungen .content .print:after{clear:both;} #leistungen .content .print .inhalt{*zoom:1;position:relative;width:90%;margin:0 auto;}#leistungen .content .print .inhalt:before,#leistungen .content .print .inhalt:after{display:table;content:"";line-height:0;} #leistungen .content .print .inhalt:after{clear:both;} #leistungen .content .print .inhalt img{margin:100px 0 0 0;width:45%;float:none;padding:0;position:absolute;right:0;bottom:0;} #leistungen .content .print .inhalt h2{float:left;width:100%;margin:50px 0 0 0;} #leistungen .content .print .inhalt .text{float:left;width:52%;margin:10px 0 0 0;} #leistungen .content .marketing .inhalt{*zoom:1;width:90%;margin:0 auto;position:relative;}#leistungen .content .marketing .inhalt:before,#leistungen .content .marketing .inhalt:after{display:table;content:"";line-height:0;} #leistungen .content .marketing .inhalt:after{clear:both;} #leistungen .content .marketing .inhalt img{float:none;padding-left:0;padding:0;width:35%;position:absolute;top:150px;left:0;} #leistungen .content .marketing .inhalt h2{float:left;margin:30px 0 0 10px;width:100%;} #leistungen .content .marketing .inhalt .text{float:right;*zoom:1;width:60%;margin:10px 0 10px 0;padding-bottom:20px;}#leistungen .content .marketing .inhalt .text:before,#leistungen .content .marketing .inhalt .text:after{display:table;content:"";line-height:0;} #leistungen .content .marketing .inhalt .text:after{clear:both;} #portfolio .content .headline .tagline{padding:65px 0;width:80%;margin:0 auto;} #impressum .content{padding:50px;}#impressum .content h3{font-size:16px;color:#9c244a;} #popupPanel-popup{right:0 !important;left:auto !important;} #popupPanel{color:#e6e4d5;padding:30px;width:250px;border:1px solid #e6e4d5;border-right:none;background:#4c443e;margin:-10px 0;}#popupPanel a{color:#e6e4d5;text-decoration:none;} #popupPanel ul li{list-style:none;}#popupPanel ul li span{font-size:16px;line-height:30px;padding-right:10px;}}@media all and (device-width:768px) and (device-height:1280px) and (orientation:portrait){}@media all and (device-width:768px) and (device-height:1024px) and (orientation:landscape){#home a.mobilenav,#leistungen a.mobilenav,#portfolio a.mobilenav,#impressum a.mobilenav{margin-top:10px;text-decoration:none;color:#fff;} #home .slidemenu_btn,#leistungen .slidemenu_btn,#portfolio .slidemenu_btn,#impressum .slidemenu_btn{display:block;} #home .header,#leistungen .header,#portfolio .header,#impressum .header{text-align:center;padding:20px 0 10px 0	;border-bottom:1px solid #49423c;background:#0d0b10;} #home .header .nav,#leistungen .header .nav,#portfolio .header .nav,#impressum .header .nav{display:none;} #home .content .headline .tagline,#portfolio .content .headline .tagline{padding:75px 0;width:70%;margin:0 auto;} #leistungen .headline .tagline{width:85%;} #leistungen .content .design .inhalt{*zoom:1;position:relative;width:90%;margin:0 auto;padding:0;}#leistungen .content .design .inhalt:before,#leistungen .content .design .inhalt:after{display:table;content:"";line-height:0;} #leistungen .content .design .inhalt:after{clear:both;} #leistungen .content .design .inhalt img{margin-left:5%;width:22%;float:left;} #leistungen .content .design .inhalt h2{width:60%;margin:10% 0 0 5%;} #leistungen .content .design .inhalt .text{float:left;width:60%;margin:1% 0 0 5%;} #leistungen .content .print .inhalt{margin:0 auto;}#leistungen .content .print .inhalt img{float:right;padding-right:5%;padding-top:75px;width:37%;} #leistungen .content .print .inhalt h2{float:right;margin:60px 0 10px 0;width:50%;}#leistungen .content .print .inhalt h2 span{display:block;color:#9c244a;} #leistungen .content .print .inhalt .text{float:right;width:50%;margin:10px 0 10px 30px;}#leistungen .content .print .inhalt .text ul{margin:0 0 0 20px;} #leistungen .content .marketing .inhalt{margin:0 auto;width:90%;}#leistungen .content .marketing .inhalt img{float:left;padding-left:0%;padding-top:50px;padding-bottom:30px;width:30%;} #leistungen .content .marketing .inhalt h2{float:left;margin:60px 0 10px 30px;width:60%;}#leistungen .content .marketing .inhalt h2 span{display:block;color:#9c244a;} #leistungen .content .marketing .inhalt .text{float:left;width:60%;margin:0 0 0 30px;padding-bottom:20px;}}@media all and (device-width:768px) and (device-height:1280px) and (orientation:landscape){}@media handheld,only screen and (max-width:767px){#home a.mobilenav,#leistungen a.mobilenav,#portfolio a.mobilenav,#impressum a.mobilenav{margin-top:10px;text-decoration:none;} #home .footer,#leistungen .footer,#portfolio .footer,#impressum .footer{text-align:left;font-weight:normal;background:none;border:none;color:#4c443e;text-shadow:none;border-top:1px solid #7f8384;padding:20px 20px 0 20px;}#home .footer h4,#leistungen .footer h4,#portfolio .footer h4,#impressum .footer h4{text-align:left;} #home .footer ul li,#leistungen .footer ul li,#portfolio .footer ul li,#impressum .footer ul li{list-style:none;}#home .footer ul li span,#leistungen .footer ul li span,#portfolio .footer ul li span,#impressum .footer ul li span{font-size:16px;line-height:30px;padding-right:10px;} #home .footer .footnote,#leistungen .footer .footnote,#portfolio .footer .footnote,#impressum .footer .footnote{width:100%;float:none;padding:0;} #home .footer .contactmethods,#leistungen .footer .contactmethods,#portfolio .footer .contactmethods,#impressum .footer .contactmethods{display:none;} #home .footer .copyright,#leistungen .footer .copyright,#portfolio .footer .copyright,#impressum .footer .copyright{display:block;text-align:center;color:#e6e4d5;background:#0d0b10;padding:10px;margin-top:20px;} #home .slidemenu_btn,#leistungen .slidemenu_btn,#portfolio .slidemenu_btn,#impressum .slidemenu_btn{display:block;color:#fff;} #home .header,#leistungen .header,#portfolio .header,#impressum .header{text-align:center;padding:20px 0 10px 0	;border-bottom:1px solid #49423c;background:#0d0b10;} #home .header .nav,#leistungen .header .nav,#portfolio .header .nav,#impressum .header .nav{display:none;} #home .content .headline,#portfolio .content .headline{text-shadow:none;height:250px;background:#0c0b11 url("../img/header-home-m.jpg") right no-repeat;}#home .content .headline .tagline,#portfolio .content .headline .tagline{padding-top:0;width:90%;margin:0 auto;} #home .content .headline h1,#portfolio .content .headline h1{padding-top:60px;} #home .content .headline p,#portfolio .content .headline p{font-size:14px;color:#e8eae3;padding:15px 0;} #leistungen .content .headline{text-shadow:none;height:250px;background:url("../img/nami.png");}#leistungen .content .headline .tagline{padding-top:55px;width:85%;margin:0 auto;} #leistungen .content .headline p{font-size:16.8px;color:#e8eae3;padding:30px 0;} #leistungen .content .design img{float:left;padding-left:10%;padding-top:7px;width:20%;} #leistungen .content .design h2{margin:70px 0 10px 30px;} #leistungen .content .print img{float:right;padding-right:7%;padding-top:22px;width:35%;} #leistungen .content .print h2{float:right;margin:30px 0 0 0;width:50%;}#leistungen .content .print h2 span{display:block;color:#9c244a;} #leistungen .content .print .text{float:right;width:50%;margin:10px 0;}#leistungen .content .print .text ul{margin:0 0 0 20px;} #leistungen .content .marketing img{float:left;padding-left:5%;padding-top:60px;width:30%;} #leistungen .content .marketing h2{float:left;margin:30px 0 10px 30px;width:60%;}#leistungen .content .marketing h2 span{display:block;color:#9c244a;} #leistungen .content .marketing .text{float:left;width:60%;margin:10px 0 10px 30px;} #portfolio .content .headline .tagline{padding-top:55px;width:85%;margin:0 auto;} #portfolio .content .headline p{font-size:16.8px;color:#e8eae3;padding:30px 0;} #portfolio #review{font-size:10px;}}@media only screen and (-webkit-min-device-pixel-ratio:2){#home a.mobilenav,#leistungen a.mobilenav,#portfolio a.mobilenav,#impressum a.mobilenav{margin-top:10px;text-decoration:none;} #home .footer,#leistungen .footer,#portfolio .footer,#portfolio .footer,#impressum .footer{text-align:left;font-weight:normal;background:none;border:none;color:#4c443e;text-shadow:none;border-top:1px solid #7f8384;padding:20px;}#home .footer h4,#leistungen .footer h4,#portfolio .footer h4,#portfolio .footer h4,#impressum .footer h4{text-align:left;} #home .footer ul li,#leistungen .footer ul li,#portfolio .footer ul li,#portfolio .footer ul li,#impressum .footer ul li{list-style:none;}#home .footer ul li span,#leistungen .footer ul li span,#portfolio .footer ul li span,#portfolio .footer ul li span,#impressum .footer ul li span{font-size:16px;line-height:30px;padding-right:10px;} #home .footer .footnote,#leistungen .footer .footnote,#portfolio .footer .footnote,#portfolio .footer .footnote,#impressum .footer .footnote{width:100%;float:none;padding:0;} #home .footer .contactmethods,#leistungen .footer .contactmethods,#portfolio .footer .contactmethods,#portfolio .footer .contactmethods,#impressum .footer .contactmethods{display:none;} #home .footer .copyright,#leistungen .footer .copyright,#portfolio .footer .copyright,#portfolio .footer .copyright,#impressum .footer .copyright{display:block;text-align:center;color:#e6e4d5;background:#0d0b10;padding:10px;margin-top:20px;} #home .slidemenu_btn,#leistungen .slidemenu_btn,#portfolio .slidemenu_btn,#impressum .slidemenu_btn{display:block;} #home .header,#leistungen .header,#portfolio .header,#impressum .header{text-align:center;padding:20px 0 10px 0	;border-bottom:1px solid #49423c;background:#0d0b10;} #home .header .nav,#leistungen .header .nav,#portfolio .header .nav,#impressum .header .nav{display:none;} #home .content,#portfolio .content{text-align:center;width:100%;margin:0 auto;padding:0;}#home .content .headline,#portfolio .content .headline{text-shadow:none;height:250px;background:#0c0b11 url("../img/header-home-m.jpg") right no-repeat;}#home .content .headline .tagline,#portfolio .content .headline .tagline{padding-top:0;width:90%;margin:0 auto;} #home .content .headline h1,#portfolio .content .headline h1{padding-top:35px;} #home .content .headline p,#portfolio .content .headline p{font-size:14px;color:#e8eae3;padding:15px 0;} #leistungen .content{margin:0;}#leistungen .content .headline{text-shadow:none;background:url("../img/nami.png");}#leistungen .content .headline .tagline{padding:35px 0;width:85%;margin:0 auto;} #leistungen .content .headline p{font-size:14px;color:#e8eae3;padding:15px 0 0 0;} #leistungen .content .design .inhalt{position:relative;}#leistungen .content .design .inhalt img{position:absolute;top:10px;left:0;float:none;padding-left:0;padding-top:0;width:20%;} #leistungen .content .design .inhalt h2{margin:0;width:60%;float:none;position:absolute;top:40px;left:35%;line-height:24px;} #leistungen .content .design .inhalt .text{width:90%;margin:120px auto 0 auto;float:none;padding-bottom:0;} #leistungen .content .print img{float:right;padding-right:2%;padding-top:22px;width:40%;} #leistungen .content .print h2{float:right;margin:30px 0 0 0;width:50%;}#leistungen .content .print h2 span{display:block;color:#9c244a;} #leistungen .content .print .text{float:none;margin:0 auto;width:85%;padding-bottom:20px;}#leistungen .content .print .text ul{margin:0 0 0 20px;} #leistungen .content .marketing img{display:none;} #leistungen .content .marketing h2{float:none;margin:30px auto 10px auto;width:80%;}#leistungen .content .marketing h2 span{display:block;color:#9c244a;} #leistungen .content .marketing .text{float:none;margin:0 auto;width:80%;padding-bottom:20px;} #home .portfolio,#portfolio .portfolio{padding:30px 0;}#home .portfolio .portfolio-list ul,#portfolio .portfolio .portfolio-list ul{margin:10px auto;}#home .portfolio .portfolio-list ul li,#portfolio .portfolio .portfolio-list ul li{display:block;padding:5px;margin:10px auto;width:85%;border:1px solid #e2e5e4;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;} #portfolio .content .headline .tagline{padding:35px 0;width:85%;margin:0 auto;} #portfolio .content .headline p{font-size:16.8px;color:#e8eae3;padding:15px 0;} #review{font-size:10px;}}