body,div,h1,h2,h3,h4,h5,h6,p,blockquote,pre,code,ol,ul,li,dl,dt,dd,figure,table,th,td,form,fieldset,legend,input,textarea{margin:0;padding:0}table{border-spacing:0;border-collapse:collapse}caption,th,td{text-align:left;text-align:start;vertical-align:top}abbr,acronym{font-variant:normal;border-bottom:1px dotted #666;cursor:help}blockquote,q{quotes:none}fieldset,img{border:0}ul{list-style-type:none}sup{vertical-align:text-top}sub{vertical-align:text-bottom}del{text-decoration:line-through}ins{text-decoration:none}header,footer,nav,section,aside,article,figure,figcaption{display:block}body{font:12px/1 "Lucida Grande","Lucida Sans Unicode",Verdana,sans-serif;color:#000}input,button,textarea,select{font-family:inherit;font-size:99%;font-weight:inherit}pre,code{font-family:Monaco,monospace}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}h1{font-size:1.8333em}h2{font-size:1.6667em}h3{font-size:1.5em}h4{font-size:1.3333em}table{font-size:inherit}caption,th{font-weight:700}a{color:#00f}h1,h2,h3,h4,h5,h6{margin-top:1em}h1,h2,h3,h4,h5,h6,p,pre,blockquote,table,ol,ul,form{margin-bottom:12px} body,form,figure{margin:0;padding:0}img{border:0}header,footer,nav,section,aside,article,figure,figcaption{display:block}body{font-size:100.01%}select,input,textarea{font-size:99%}#container,.inside{position:relative}#main,#left,#right{float:left;position:relative}#main{width:100%}#left{margin-left:-100%}#right{margin-right:-100%}#footer{clear:both}#main .inside{min-height:1px}.ce_gallery>ul{margin:0;padding:0;overflow:hidden;list-style:none}.ce_gallery>ul li{float:left}.ce_gallery>ul li.col_first{clear:left}.float_left{float:left}.float_right{float:right}.block{overflow:hidden}.clear,#clear{height:.1px;font-size:.1px;line-height:.1px;clear:both}.invisible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.custom{display:block}#container:after,.custom:after{content:"";display:table;clear:both} @media (max-width:767px){#wrapper{margin:0;width:auto}#container{padding-left:0;padding-right:0}#main,#left,#right{float:none;width:auto}#left{right:0;margin-left:0}#right{margin-right:0}}img{max-width:100%;height:auto}.ie7 img{-ms-interpolation-mode:bicubic}.ie8 img{width:auto} /* mobile_menu extension for Contao Open Source CMS, Copyright (C) 2011-2015 Codefog */ .mobile_menu{position:fixed;top:0;left:0;width:80%;height:100%;z-index:100;display:none}.mobile_menu.position_right{left:auto;right:0}.mobile_menu.position_top{width:100%;height:80%}.mobile_menu.position_bottom{width:100%;height:80%;top:auto;bottom:0}.mobile_menu .inner{height:100%;background:#000;overflow-y:scroll}.mobile_menu_overlay{position:fixed;top:0;left:0;width:100%;height:100%;z-index:99;display:none;background:rgba(0,0,0,0.5)}.mobile_menu_trigger{display:none}@media(max-width:991px){.mobile_menu_trigger.display_tablets,.mobile_menu.display_tablets.active,.mobile_menu_overlay.display_tablets.active{display:block}}@media(max-width:767px){.mobile_menu_trigger.display_phones,.mobile_menu.display_phones.active,.mobile_menu_overlay.display_phones.active{display:block}}.mobile_menu li.submenu>ul{display:none}.mobile_menu li.submenu_show>ul{display:block} /* cookiebar extension for Contao Open Source CMS, Copyright (C) 2011-2017 Codefog */ #cookiebar a,#cookiebar span{margin-right:1em}#cookiebar{box-sizing:border-box;position:fixed;left:0;width:100%;background-color:#4b4b4b;padding:8px 16px;text-align:center;font-size:13px;color:#fff;line-height:2;z-index:10}#cookiebar.top{top:0}#cookiebar.bottom{bottom:0}#cookiebar-desc{display:inline-block}#cookiebar button{height:26px;padding:0 12px;border:none;background-color:#4ea55e;color:#fff;cursor:pointer;font-weight:700;line-height:26px}#cookiebar a{color:#fff;text-decoration:underline}#cookiebar a:hover{text-decoration:none} /* main.css */ .invisible{display:none}*{margin:0;padding:0}.hidden{opacity: 0}.visible{opacity: 1}strong{font-family:'Open Sans bold';font-weight:400}html,body{width:100%;height:100%;margin:0;padding:0;font:16px/160% 'Open Sans light',sans-serif;color:#474747}body{background-color:#000;-webkit-font-smoothing: antialiased;-webkit-animation-delay: 0.1s;-webkit-animation-name: fontfix;-webkit-animation-duration: 0.1s;-webkit-animation-iteration-count: 1;-webkit-animation-timing-function: linear}.mobile-only,.mod_mobile_menu{display:none}.mobile_menu a{width:100%;display:inline-block;padding-top:12px;padding-bottom:12px;text-align:left;border-top:0px solid #808080;border-right:0px solid #808080;border-bottom:1px solid #808080;border-left:0px solid #808080;font-size:1em;color:#fff;text-transform:uppercase;font-weight:400;text-indent:5%}.mobile_menu a:hover{background-color:#e64288}#wrapper{height:100%}#container,#main,#main .inside,.mod_onepagewebsiteregular,.mod_onepagewebsiteregular ul{height:100%;overflow:visible}#main .back{text-align:right}#main .ce_text ul{margin-bottom:10px;margin-left:15px}#main .ce_text ul li{margin-left:15px;padding-bottom:5px;list-style-type:square}p.back a{display:inline-block;padding:5px 10px;text-align:center;border:1px solid #000;font:14px 'Open Sans bold';color:#000;text-transform:uppercase;letter-spacing:1px}#pattern{width:100%;height:100%;bottom:0;left:0;right:0;top:0;position:absolute;background-image:url("../../files/images/pattern1.png")}.middle{text-align:center}.clearer{width:0px;height:0px;clear:both}.te_xt{display:none}a{text-decoration:none;color:#990c4a}#footer a{color:#fff}#footer a:hover{text-decoration:underline;color:#fff}div.dreieck{width:200px;height:94px;bottom:0;left:50%;position:absolute;display:block;margin-left:-100px;background-image:url("../../files/images/dreieck.png");background-position:center top;background-repeat:no-repeat}.down_button_container{width:100%;bottom:50px;left:0;position:absolute;text-align:center}a.down_button{width:80px;height:80px;display:inline-block;background-image:url("../../files/images/down.png");background-repeat:no-repeat;text-indent:-9999px;background-position: 0px -80px;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out}a.down_button:hover{background-position: 0px 0px}a.facebook{width:30px;height:30px;display:inline-block;background-image:url("../../files/images/social-icons.png");background-repeat:no-repeat;color:#fff;text-indent:-9999px;background-position: 0px -30px;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;background-size: 102px 60px}a.facebook:hover{background-position: 0px 0px}a.twitter{width:30px;height:30px;display:inline-block;margin-left:5px;background-image:url("../../files/images/social-icons.png");background-repeat:no-repeat;color:#fff;text-indent:-9999px;background-position: -36px -30px;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;background-size: 102px 60px}a.twitter:hover{background-position: -36px 0px}a.instagram{width:30px;height:30px;display:inline-block;margin-left:5px;background-image:url("../../files/images/social-icons.png");background-repeat:no-repeat;color:#fff;text-indent:-9999px;background-position: -72px -30px;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;background-size: 102px 60px}a.instagram:hover{background-position: -72px 0px}.fade-it{-webkit-animation:Anim ease-in 1;-moz-animation:Anim ease-in 1;animation:Anim ease-in 1;opacity: 0.7;-webkit-animation-fill-mode:forwards;-moz-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-duration:1s;-moz-animation-duration:1s;animation-duration:1s}.fade-it{-webkit-animation-delay: 0.3s;-moz-animation-delay: 0.3s;animation-delay: 0.3s}#header{width:100%;height:80px;position:absolute;margin-top:50px;z-index:99}#header .inside{width:980px;overflow:hidden;margin:0px auto}#header .social{float:right; margin:20px 0 0 0}.sticky,.stuck{width:100%;height:70px;left:0;top:0;position:fixed;background-color:rgba(0,0,0,.9);z-index:99;-webkit-backface-visibility: hidden; -webkit-transform: translateZ(0);-webkit-transition: background 0.5s ease;-moz-transition: background 0.5s ease;-ms-transition: background 0.5s ease;-o-transition: background 0.5s ease;transition: background 0.5s ease}#header .logo{float:left;margin-top:17px}#header .mod_customnav{float:right;margin-top:20px;margin-right:20px;margin-left:4px}#header .mod_onepagewebsitenavigation{float:right;margin-top:6px;margin-right:20px;font-size:14px}#header .mod_onepagewebsitenavigation ul,#header .mod_customnav ul{margin:0;padding:0;list-style-type:none}#header .mod_onepagewebsitenavigation li,#header .mod_customnav li{display:inline;margin:0;padding:0;list-style-type:none}#header .mod_onepagewebsitenavigation li a,#header .mod_customnav li a{height:40px;display:inline-block;margin:10px 12px 0;font:1.1em/40px "Open Sans","Roboto",Helvetica,Arial,sans-serif;;text-decoration:none;color:#fff;text-transform:uppercase;font-weight:400;transition: all 0.3s ease 0s}#header .sticky .mod_onepagewebsitenavigation li a,#header .sticky .mod_customnav li a{color:#fff}#header .mod_onepagewebsitenavigation li a:hover,#header .mod_customnav li a:hover{border-bottom:4px solid #fff;transform: translateY(-8px);transition: all 0.3s ease 0s}#header .sticky .mod_onepagewebsitenavigation li a:hover,#header .mod_customnav li a:hover{transform: translateY(0px)}ul{margin:0;padding:0;list-style-type:none}#start{width:100%;height:100%;min-height:100%;max-height:100%}#start .wrapper{height:100%;min-height:100%}li#start a{text-decoration:none;color:#fff}li#start a:hover{text-decoration:underline}li#leistungen{padding-top:120px;padding-bottom:120px;background-color:#fff;background-repeat:repeat-x;-webkit-box-shadow:0 0 0 0 #000;box-shadow:0 0 0 0 #000;z-index:999; font-weight:300}li#leistungen-2{padding-top:120px;padding-bottom:120px;background:#424242 url("../../files/background/work4.jpg") center center no-repeat;font-weight:300;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;background-attachment: fixed}li#leistungen-3{padding-top:120px;padding-bottom:120px;background-color:#fff;background-repeat:repeat-x;z-index:999; font-weight:300}li#leistungen .teaser-image{margin-bottom:20px}#leistungen .row-one,#leistungen .row-three,#footer .row-one,#footer .row-three,#was-wir-tun .row-one,#was-wir-tun .row-three{width:30%;float:left}#leistungen .row-two,#footer .row-two{width:30%;float:left;margin-right:5%;margin-left:5%}li#leistungen-mobile{padding-bottom:80px}li#leistungen .partnerlogos,li#leistungen-3 .partnerlogos{margin-top:30px}li#leistungen .partnerlogos .image_container,li#leistungen-3 .partnerlogos .image_container{width:240px;text-align:center;border-right:1px solid #d6d6d6;border-bottom:1px solid #d6d6d6;cursor:pointer;-moz-transition: all 0.8s ease;-webkit-transition: all 0.8s ease;-o-transition: all 0.8s ease;transition: all 0.8s ease;opacity:1}li#leistungen .partnerlogos .image_container img,li#leistungen-3 .partnerlogos .image_container img{margin-top:25px;margin-bottom:25px;cursor:pointer;opacity:1;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out}li#leistungen .partnerlogos .image_container img:hover,li#leistungen-3 .partnerlogos .image_container img:hover{opacity:0.5;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out}li#leistungen .partnerlogos .col_last .image_container,li#leistungen-3 .partnerlogos .col_last .image_container{border-right:0px solid}li#leistungen .partnerlogos .row_last .image_container,li#leistungen-3 .partnerlogos .row_last .image_container{border-bottom:0px solid}li#leistungen .partnerlogos .col_last .image_container,li#leistungen-3 .partnerlogos .col_last .image_container{margin-right:0;text-align:center}.leist-intro .icon{width:120px;height:120px;text-align:center;background-color:#e64288;border-radius:200px;font-size:70px;line-height:118px;color:#fff;font-weight:300;margin:0px auto;transition:background-color 300ms linear 0s}.leist-intro .icon:hover{background-color:#000;transition:background-color 300ms linear 0s}.leist-cont .icon{text-align:center;font-size:70px;font-weight:300}#leistungen-2 .leist-cont .lcol1,#leistungen-2 .leist-cont .lcol2,#leistungen-2 .leist-cont .lcol3,#leistungen-2 .leist-cont .lcol4{width:22%;min-height:220px;float:left;margin-top:15px;margin-bottom:20px;padding-top:15px;padding-bottom:15px;font-size:14px;color:#fff;font-weight:400;-webkit-transition: background 0.5s ease;-moz-transition: background 0.5s ease;-ms-transition: background 0.5s ease;-o-transition: background 0.5s ease;transition: background 0.5s ease}body.chrome #leistungen-2 .leist-cont .lcol1,body.chrome #leistungen-2 .leist-cont .lcol2,body.chrome #leistungen-2 .leist-cont .lcol3,body.chrome #leistungen-2 .leist-cont .lcol4{font-size:13px}#leistungen-2 .leist-cont .lcol2{margin-right:2%;margin-left:4%}#leistungen-2 .leist-cont .lcol3{margin-right:4%;margin-left:2%}li#agentur{padding-top:120px;padding-bottom:120px;background-color:#484241;background-image:url("../../files/background/buero-1.jpg");background-position:center center;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;background-attachment: fixed}li#agentur .zahlen{margin-top:50px}li#agentur p{margin-top:30px;padding:10px;background-color:rgba(0,0,0,.7);color:#fff}#agentur .lcol1,#agentur .lcol2,#agentur .lcol3,#agentur .lcol4{width:25%;float:left;margin-bottom:30px;text-align:center;font:22px/130% 'Open Sans bold';color:#fff;text-transform:uppercase}li#agentur .partnerlogos .image_container{min-height:100px;margin-right:25px;vertical-align:middle;text-align:center;background-color:#fff;line-height:100px}li#agentur .partnerlogos .image_container img{display:inline;padding-right:25px;padding-left:25px;vertical-align:middle;line-height:100px}li#agentur .counter{width:130px;height:130px;text-align:center;background-color:#fff;border-radius:500px;font:25px/125px 'Open Sans bold';color:#000;margin:0px auto;margin-bottom:30px}li#agentur .counter .count{font-size:42px;line-height:125px}li#projekte{overflow:hidden;padding-top:110px;padding-bottom:125px;background-color:#fff;-webkit-box-shadow:0 0 0 0 #000;box-shadow:0 0 0 0 #000}li#zitat{padding-top:130px;padding-bottom:120px;background-image:url("../../files/background/zitat1.jpg");background-position:center center;font-family:'Open Sans bold';color:#fff;text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.9);z-index:1;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;background-attachment: fixed}body.ios li#zitat{background-position:center bottom;background-size:auto}li#kontakt{padding-top:120px;padding-bottom:110px;background-color:#fff;-webkit-box-shadow:0 0 0 0 #000;box-shadow:0 0 0 0 #000;color:#000;z-index:999}li#leistungen-2 .leist-cont h2,li#agentur h2{background-image:url("../../files/images/head-line.gif");color:#fff}li#kontakt h2{background-image:url("../../files/images/head-line.gif");color:#000}li#kontakt .kontaktformular{padding-top:10px;text-align:left}li#kontakt .kontaktformular label,li#kontakt .kontaktformular br{display:none}li#kontakt .kontaktformular .linke-spalte{width:49%;float:left}li#kontakt .kontaktformular .rechte-spalte{width:49%;float:right;text-align:right}li#kontakt .kontaktformular input.text{width:95%;margin-bottom:20px;padding:17px;background-color:#fff;border:1px solid #c44585;border-radius:0;font-family:'Open Sans bold';color:#222;text-transform:uppercase;box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.3) inset}li#kontakt .kontaktformular input.captcha{width:110px;margin-right:10px;margin-bottom:20px;padding:17px;text-align:center;background-color:#fff;border:1px solid #c44585;border-radius:0;font-family:'Open Sans bold';color:#222;text-transform:uppercase;box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.3) inset}li#kontakt .kontaktformular textarea{width:95%;min-height:256px;padding:17px;background-color:#fff;border:1px solid #c44585;border-radius:0;font-family:'Open Sans bold';color:#222;text-transform:uppercase;box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.3) inset}li#kontakt .kontaktformular .submit_container{text-align:center}li#kontakt .kontaktformular input.submit{height:34px;margin-right:5px;margin-bottom:20px;margin-left:5px;padding-right:22px;padding-left:22px;border:1px solid #fff;font:16px 'Montserrat bold';color:#fff;text-transform:uppercase;font-weight:400;cursor:pointer;background-color:transparent;background-image:none;-moz-transition: all 0.4s ease;-webkit-transition: all 0.4s ease;-o-transition: all 0.4s ease;transition: all 0.4s ease}li#kontakt .kontaktformular input.submit:hover{background-color:#000;font-size:16px;color:#fff;text-transform:uppercase;font-weight:400;cursor:pointer;-moz-transition: all 0.4s ease;-webkit-transition: all 0.4s ease;-o-transition: all 0.4s ease;transition: all 0.4s ease}li#kontakt .kontaktformular .hint{margin-top:5px;margin-bottom:25px;text-align:center;font-size:1em}li#kontakt .kontaktformular .hint a{text-decoration:underline;color:#fff}li#kontakt a{color:#000}li#kontakt a:hover{text-decoration:underline}li#kontakt h3{text-align:center;color:#000}li#blog{padding-top:100px;padding-bottom:100px;background-color:#fff;-webkit-box-shadow:0 0 0 0 #000;box-shadow:0 0 0 0 #000;z-index:99}li#blog .layout_latest .image_container{margin-top:40px;text-align:center}li#blog h2{margin-bottom:50px}li#blog h3{margin-top:3px;margin-bottom:20px;font-size:22px;text-transform:uppercase;font-weight:400}li#blog .blog-links{width:200px;float:left;display:inline-block;margin-right:20px;text-align:right}.blog-links .date{margin-bottom:15px;padding-bottom:15px;border-bottom:1px solid #ccc;font-size:15px;color:#000}.blog-links .date .big{margin-right:-2px;font:60px/100% 'Open Sans bold';color:#000}li#blog .blog-rechts{width:700px;display:inline-block;padding-left:20px;border-left:1px solid #ccc}li#footer{padding-top:40px;padding-bottom:100px;background-color:#222;font-size:13px;color:#fff}li#footer .mod_twitterreader li{margin-bottom:8px;padding-bottom:8px;border-bottom:1px solid #3b3b3b;font-size:13px;line-height:150%}li#footer .mod_twitterreader li.last{border-bottom:0px}li#footer .mod_twitterreader span.date{display:block;font-size:11px;font-weight:bold;color:#808080}li#footer h3{margin-top:0;padding-top:0;color:#fff;text-shadow: 0px 0px 1px rgba(0, 0, 0, 1)}li#footer .toggler{margin-bottom:10px;color:#990c4a;cursor:pointer}li#footer .ce_accordionSingle h3{margin-top:30px;color:#fff}li#start .wrapper,li#leistungen .wrapper,li#leistungen-2 .wrapper,li#leistungen-3 .wrapper,li#agentur .wrapper,li#kontakt .ce_text,li#footer .wrapper,li#blog .ce_text,li#zitat .wrapper,li#blog .wrapper,li#was-wir-tun .wrapper,li#kontakt .ConfirmationForm{max-width:980px;margin:0 auto;z-index:99}li#kontakt .kontaktformular{width:980px;margin:0 auto;z-index:99}li#kontakt .ConfirmationForm,li#konta.kt ajaxconfirm{margin-top:20px;text-align:center;font-weight:bold;color:#000;text-transform:uppercase}li#zitat h6{margin:0;padding:0;text-align:center;font:70px/110% 'Montserrat',sans-serif;color:#fff;text-transform:uppercase;letter-spacing:1px;background-image:none}li#zitat p{text-align:right}h1{margin-top:0;margin-bottom:30px;padding-top:0;padding-bottom:20px;text-align:center;background-image:url("../../files/images/head-line.png");background-position:center bottom;background-repeat:no-repeat;font:40px/120% 'Montserrat',sans-serif;font-weight:bold;color:#222;text-transform:uppercase;letter-spacing:2px}h2{margin-top:0;margin-bottom:30px;padding-top:0;padding-bottom:20px;text-align:center;background-image:url("../../files/images/head-line.png");background-position:center bottom;background-repeat:no-repeat;font:40px/120% 'Montserrat',sans-serif;font-weight:bold;color:#222;text-transform:uppercase;letter-spacing:2px}h3{margin-top:30px;margin-bottom:15px;padding-top:0;padding-bottom:0;text-align:left;font:18px/120% 'Montserrat',sans-serif;color:#222;text-transform:uppercase;letter-spacing:0px;font-weight:400;background-image:none}#leistungen .leist-cont h3,#leistungen-2 .leist-cont h3{padding-top:8px;padding-bottom:8px;text-align:center;border:1px solid #fff;color:#e64288;color:#fff;-webkit-transition: background 0.5s ease;-moz-transition: background 0.5s ease;-ms-transition: background 0.5s ease;-o-transition: background 0.5s ease;transition: background 0.5s ease}#leistungen .leist-cont .lcol1:hover h3,#leistungen .leist-cont .lcol2:hover h3,#leistungen .leist-cont .lcol3:hover h3,#leistungen .leist-cont .lcol4:hover h3{background-color:#fff;color:#e64288;-webkit-transition: background 0.5s ease;-moz-transition: background 0.5s ease;-ms-transition: background 0.5s ease;-o-transition: background 0.5s ease;transition: background 0.5s ease}.claim{top:50%;position:absolute;margin-top:-150px;margin-left:-5px;padding:0;text-align:left;background:none}.claim h1{margin-bottom:20px;padding-bottom:0;text-align:left;font:76px/110% 'Open Sans bold';color:#fff;text-transform:uppercase;letter-spacing:-1px;text-shadow: 0px 0px 3px rgba(0, 0, 0, 1);background-image:none}.claim h2{margin:0;padding:0;text-align:left;font:26px/100% 'Open Sans';color:#fff;text-transform:uppercase;letter-spacing:0px;font-weight:400;text-shadow: 0px 0px 3px rgba(0, 0, 0, 1);background-image:none}.claim .kontaktinfo{width:98%;margin:30px 0;padding:10px;background-color:rgba(0,0,0,.7);font-size:14px;color:#fff;font-weight:300}.claim .kontaktinfo a:hover{color:#000}.kontaktinfo .col1{float:left; padding:0 0 0 43px}.kontaktinfo .col2{float:left; margin:0 38px 0 47px; padding:0 60px 0 58px; border-left:1px dotted #fff; border-right:1px dotted #fff}.kontaktinfo .col3{float:left; padding:0 40px 0 0; border-right:1px dotted #fff}.kontaktinfo .col4{float:left; padding: 0 0 0 25px}#main .highlight{padding:0 12px 12px;background-color:#f5f5f5;border:1px solid #2e2e2e}#dlh_googlemap_1{height:700px;margin-top:60px;-webkit-box-shadow:0 0 0 0 #000;box-shadow:0 0 0 0 #000;color:#000;width:100%!important}.mod_dlh_googlemaps{width:100%!important}.mod_dlh_googlemaps .mapbox{width:300px;padding:15px}#cookiebar{background-color:rgba(0,0,0,0.7)!important;font-size:0.8em;padding: 10px 5% 10px 5%!important;z-index:99999!important}#cookiebar span{margin:0!important}#cookiebar a{margin:0!important}#cookiebar button{margin-left:10px;font-family:'Open Sans bold';color:#000;text-transform:uppercase;font-weight:normal!important;background-color:#fff!important;height:22px!important;line-height:20px!important;padding:0 6px 0 6px!important} @media all and (max-width: 980px){ /* main-mobile.css */ .mobile-only{display:inline-block}html,body,#wrapper{width:100%}#container,li#start .wrapper,li#leistungen .wrapper,li#leistungen-2 .wrapper,li#leistungen-3 .wrapper,li#agentur .wrapper,li#kontakt .ce_text,li#footer .wrapper,li#blog .ce_text,li#zitat .wrapper,li#blog .wrapper,li#was-wir-tun .wrapper,li#kontakt .ConfirmationForm,li#kontakt .kontaktformular,li#projekte .wrapper,#header .inside,.sitemap ul{width:100%}.claim{width:90%;top:0;margin-top:80px;padding:0;text-align:center;background:none;margin-left:5%;margin-right:5%}.claim h1{margin-right:2%;margin-left:2%;text-align:center;font-size:2.5em;line-height:110%}.claim h2{text-align:center;font-size:1.7em;line-height:110%;font-weight:300}.claim a{margin-bottom:40px}.leist-intro h2{margin-right:5%;margin-left:5%;font-size:2.0em}.mod_onepagewebsitenavigation,#header .social,#header .logo,#footer .row-three{display:none}#mobile-menu-31,#mobile-menu-overlay-31{margin-top:69px!important}.mobile_menu .inner{border-top:1px solid #808080;background-color:rgba(0,0,0,.90)!important}.sticky,.stuck{height:auto}#header .sticky .logo{display:block;margin-left:5%;margin-top:15px;margin-bottom:15px}#header .sticky .mod_mobile_menu{float:right;display:block;margin-right:5%;color:#fff;margin-top:25px;cursor:pointer;z-index:99999}#header .sticky .mod_mobile_menu span.icon-bar{width:25px;height:3px;display:block;margin-bottom:5px;background-color:#fff}.kontaktinfo .col1,.kontaktinfo .col2,.kontaktinfo .col3,.kontaktinfo .col4{width:40%;margin-right:0;margin-left:0;padding-right:5%;padding-left:5%;text-align:left;border:0px}li#kontakt .ConfirmationForm,li#konta.kt ajaxconfirm{margin:10%;text-align:center}.isotope .item img{width:29%;display:block;margin:2%;line-height:100%}.mobile_menu .inside{max-width:70%!important;overflow:hidden!important}#leistungen .row-one,#leistungen .row-two,#leistungen .row-three,#was-wir-tun .row-one,#was-wir-tun .row-three{width:80%;display:block;margin-right:10%;margin-bottom:10%;margin-left:10%}li#leistungen-2{background-color:#e64288;background-image:none}#leistungen .row-one h3,#leistungen .row-two h3,#leistungen .row-three h3{text-align:center}#leistungen-2 .leist-cont .lcol1,#leistungen-2 .leist-cont .lcol2,#leistungen-2 .leist-cont .lcol3,#leistungen-2 .leist-cont .lcol4{width:80%;margin-right:10%;margin-bottom:0;margin-left:10%}#leistungen-3 .ce_text,#kontakt .ce_text{width:80%;margin-right:10%;margin-left:10%}li#leistungen-3 .partnerlogos{width:80%;margin:10% 10% 0;padding:0;text-align:center}li#leistungen-3 .partnerlogos li{width:48%;display:inline-block;margin:1%;text-align:center}li#leistungen-3 .partnerlogos .image_container{width:100%;min-height:70px;padding-top:10%;padding-bottom:10%;border:1px solid #d6d6d6!important}li#leistungen-3 .partnerlogos li .image_container img{margin:0;padding:0;line-height:70px;max-width:90%!important}li#zitat{display:none;padding:0}li#blog{display:none}li#projekte{display:none}li#kontakt .kontaktformular .linke-spalte,li#kontakt .kontaktformular .rechte-spalte{width:100%;float:none;clear:both;margin-right:10%;margin-left:5%;text-align:left}li#kontakt .kontaktformular input.text,li#kontakt .kontaktformular textarea{width:76%;margin:0 5% 5%;padding:3% 2%}li#agentur{background-color:#000;background-image:none}li#agentur .lcol1,li#agentur .lcol2,li#agentur .lcol3,li#agentur .lcol4{width:50%}li#agentur .ce_text{margin-right:5%;margin-left:5%}li#footer{padding-bottom:150px}#footer .row-one{width:40%;float:left;margin:0 0 0 5%;padding:0;font-size:1.0em}#footer .row-two{width:40%;float:right;margin:0 5% 0 0;padding:0;font-size:1.0em} } @media (max-width: 600px){ /* all-mobile.css */ .kontaktinfo .col1,.kontaktinfo .col4{display:none}.kontaktinfo .col2,.kontaktinfo .col3{width:50%;margin-right:0;margin-left:0;padding-right:0;padding-left:0}li#footer{padding-bottom:200px}.sitemap ul li a{width:100%}#footer .row-two{display:none}#footer .row-one{font-size:1.2em; width:80%; margin:0 10% 0 10%} } /* isotope.css */ li#projekte .wrapper{width:990px;margin:0px auto}.isotope,.isotope .isotope-item{-webkit-transition-duration: 0.8s;-moz-transition-duration: 0.8s;transition-duration: 0.8s}.isotope{-webkit-transition-property: height, width;-moz-transition-property: height, width;transition-property: height, width}.isotope .isotope-item{width:310px;height:203px;overflow:hidden;background-color:#e6428c;-webkit-transition-property: -webkit-transform, opacity;-moz-transition-property: -moz-transform, opacity;transition-property: transform, opacity;margin:10px!important}.isotope .item img{line-height:0px;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;-ms-transition: all 0.5s ease;transition: all 0.5s ease;opacity:1}.isotope .item a:hover img{opacity:0.3;-webkit-transform: scale(1.1); -moz-transform: scale(1.1);-o-transform: scale(1.1);transform: scale(1.1)}ul.option-set{margin-top:40px;margin-bottom:40px;text-align:center}ul.option-set li{display:inline}ul.option-set li a{display:inline-block;margin:3px 5px 3px 3px;padding:10px;border:1px solid #000;font:14px/100% 'Open Sans','Montserrat',sans-serif;text-decoration:none;color:#000;text-transform:uppercase;letter-spacing:1px;font-weight:700}ul.option-set li.all-projects a{width:41px;display:inline-block;margin:2px 5px 3px 3px;padding-top:11px;padding-bottom:11px;background:#fff url("../../files/images/portfolio-btn.gif") left top no-repeat;border:1px solid #fff;font:14px/100% 'Open Sans','Montserrat',sans-serif;text-decoration:none;color:#000;text-transform:uppercase;letter-spacing:1px;font-weight:700;text-indent:-9999px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box}ul.option-set li a:hover{background-color:#000;color:#fff;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box}ul.option-set li a.selected{background-color:#e6428c;border:1px solid #e6428c;color:#fff}ul.option-set li.all-projects a.selected,ul.option-set li.all-projects a:hover{background:#fff url("../../files/images/portfolio-btn.gif") right top no-repeat;border:1px solid #fff}.isotope-item .hover-pro{width:100%;height:100%;left:0;top:0;position:absolute;text-align:center;opacity: 0;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"}.isotope-item .hover-pro{-webkit-transition: all 300ms cubic-bezier(0.165, 0.840, 0.440, 1.000);-moz-transition: all 300ms cubic-bezier(0.165, 0.840, 0.440, 1.000);-o-transition: all 300ms cubic-bezier(0.165, 0.840, 0.440, 1.000);transition: all 300ms cubic-bezier(0.165, 0.840, 0.440, 1.000);-webkit-transition-timing-function: cubic-bezier(0.165, 0.840, 0.440, 1.000);-moz-transition-timing-function: cubic-bezier(0.165, 0.840, 0.440, 1.000);-o-transition-timing-function: cubic-bezier(0.165, 0.840, 0.440, 1.000);transition-timing-function: cubic-bezier(0.165, 0.840, 0.440, 1.000)}.isotope-item a:hover .hover-pro{padding-top:50px;opacity:1}.isotope-item .hover-pro h3{display:inline-block;padding:5px 10px;text-align:center;background-color:#000;font-size:20px;line-height:1em;color:#fff;text-transform:uppercase;font-weight:400}.isotope-item .hover-pro p{margin-top:-15px;padding:5px 30px;font-size:15px;line-height:130%;color:#fff;text-transform:uppercase;font-weight:400;text-shadow: 0px 0px 2px rgba(0, 0, 0, 1)}.project-description,a .project-description{font-size:15px;text-decoration:none;color:#333} /* Generated by Font Squirrel (https://www.fontsquirrel.com) on April 26, 2016 */ @font-face { font-family: 'Open Sans bold'; src: url('../../files/fonts/open-sans/opensans-bold-webfont.eot'); src: url('../../files/fonts/open-sans/opensans-bold-webfont.eot?#iefix') format('embedded-opentype'), url('../../files/fonts/open-sans/opensans-bold-webfont.woff2') format('woff2'), url('../../files/fonts/open-sans/opensans-bold-webfont.woff') format('woff'), url('../../files/fonts/open-sans/opensans-bold-webfont.ttf') format('truetype'), url('../../files/fonts/open-sans/opensans-bold-webfont.svg#open_sansbold') format('svg'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'Open Sans light'; src: url('../../files/fonts/open-sans/opensans-light-webfont.eot'); src: url('../../files/fonts/open-sans/opensans-light-webfont.eot?#iefix') format('embedded-opentype'), url('../../files/fonts/open-sans/opensans-light-webfont.woff2') format('woff2'), url('../../files/fonts/open-sans/opensans-light-webfont.woff') format('woff'), url('../../files/fonts/open-sans/opensans-light-webfont.ttf') format('truetype'), url('../../files/fonts/open-sans/opensans-light-webfont.svg#open_sanslight') format('svg'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'Open Sans'; src: url('../../files/fonts/open-sans/opensans-regular-webfont.eot'); src: url('../../files/fonts/open-sans/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../../files/fonts/open-sans/opensans-regular-webfont.woff2') format('woff2'), url('../../files/fonts/open-sans/opensans-regular-webfont.woff') format('woff'), url('../../files/fonts/open-sans/opensans-regular-webfont.ttf') format('truetype'), url('../../files/fonts/open-sans/opensans-regular-webfont.svg#open_sansregular') format('svg'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'Montserrat bold'; src: url('../../files/fonts/montserrat/montserrat-bold-webfont.eot'); src: url('../../files/fonts/montserrat/montserrat-bold-webfont.eot?#iefix') format('embedded-opentype'), url('../../files/fonts/montserrat/montserrat-bold-webfont.woff2') format('woff2'), url('../../files/fonts/montserrat/montserrat-bold-webfont.woff') format('woff'), url('../../files/fonts/montserrat/montserrat-bold-webfont.ttf') format('truetype'), url('../../files/fonts/montserrat/montserrat-bold-webfont.svg#montserratbold') format('svg'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'Montserrat'; src: url('../../files/fonts/montserrat/montserrat-regular-webfont.eot'); src: url('../../files/fonts/montserrat/montserrat-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../../files/fonts/montserrat/montserrat-regular-webfont.woff2') format('woff2'), url('../../files/fonts/montserrat/montserrat-regular-webfont.woff') format('woff'), url('../../files/fonts/montserrat/montserrat-regular-webfont.ttf') format('truetype'), url('../../files/fonts/montserrat/montserrat-regular-webfont.svg#montserratregular') format('svg'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'birdfont'; src: url('../../files/fonts/birdfont/font/birdfont.eot?55519947'); src: url('../../files/fonts/birdfont/font/birdfont.eot?55519947#iefix') format('embedded-opentype'), url('../../files/fonts/birdfont/font/birdfont.woff?55519947') format('woff'), url('../../files/fonts/birdfont/font/birdfont.ttf?55519947') format('truetype'), url('../../files/fonts/birdfont/font/birdfont.svg?55519947#birdfont') format('svg'); font-weight: normal; font-style: normal; font-display: swap; } /* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */ /* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */ /* @media screen and (-webkit-min-device-pixel-ratio:0) { @font-face { font-family: 'birdfont'; src: url('../../files/fonts/birdfont/font/birdfont.svg?55519947#birdfont') format('svg'); } } */ [class^="icon-"]:before, [class*=" icon-"]:before { font-family: "birdfont"; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; width: 1em; margin-right: .2em; text-align: center; /* opacity: .8; */ /* For safety - reset parent styles, that can break glyph codes*/ font-variant: normal; text-transform: none; /* fix buttons height, for twitter bootstrap */ line-height: 1em; /* Animation center compensation - margins should be symmetric */ /* remove if not needed */ margin-left: .2em; /* you can be more comfortable with increased icons size */ /* font-size: 120%; */ /* Uncomment for 3D effect */ /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */ } .icon-mail:before { content: '\e835'; } /* '' */ .icon-print:before { content: '\e83b'; } /* '' */ .icon-star:before { content: '\e812'; } /* '' */ .icon-users:before { content: '\e800'; } /* '' */ .icon-picture:before { content: '\e811'; } /* '' */ .icon-ok-circled:before { content: '\e82a'; } /* '' */ .icon-ok-circled2:before { content: '\e82b'; } /* '' */ .icon-info:before { content: '\e826'; } /* '' */ .icon-home:before { content: '\e80b'; } /* '' */ .icon-attach:before { content: '\e801'; } /* '' */ .icon-lock:before { content: '\e829'; } /* '' */ .icon-thumbs-up:before { content: '\e802'; } /* '' */ .icon-download-cloud:before { content: '\e82f'; } /* '' */ .icon-code:before { content: '\e814'; } /* '' */ .icon-comment:before { content: '\e818'; } /* '' */ .icon-chat:before { content: '\e816'; } /* '' */ .icon-comment-empty:before { content: '\e817'; } /* '' */ .icon-chat-empty:before { content: '\e815'; } /* '' */ .icon-location:before { content: '\e810'; } /* '' */ .icon-direction:before { content: '\e80f'; } /* '' */ .icon-cog-alt:before { content: '\e80d'; } /* '' */ .icon-wrench:before { content: '\e80e'; } /* '' */ .icon-lightbulb:before { content: '\e819'; } /* '' */ .icon-angle-circled-right:before { content: '\e82c'; } /* '' */ .icon-award:before { content: '\e834'; } /* '' */ .icon-desktop:before { content: '\e81c'; } /* '' */ .icon-laptop:before { content: '\e81b'; } /* '' */ .icon-tablet:before { content: '\e81d'; } /* '' */ .icon-mobile:before { content: '\e81e'; } /* '' */ .icon-flash:before { content: '\e81a'; } /* '' */ .icon-heart:before { content: '\e813'; } /* '' */ .icon-tint:before { content: '\e821'; } /* '' */ .icon-asterisk:before { content: '\e82e'; } /* '' */ .icon-gift:before { content: '\e81f'; } /* '' */ .icon-fire:before { content: '\e820'; } /* '' */ .icon-chart-bar:before { content: '\e804'; } /* '' */ .icon-rocket:before { content: '\e803'; } /* '' */ .icon-beaker:before { content: '\e805'; } /* '' */ .icon-magic:before { content: '\e806'; } /* '' */ .icon-gauge:before { content: '\e808'; } /* '' */ .icon-sitemap:before { content: '\e807'; } /* '' */ .icon-spinner:before { content: '\e822'; } /* '' */ .icon-puzzle:before { content: '\e80a'; } /* '' */ .icon-shield:before { content: '\e809'; } /* '' */ .icon-bullseye:before { content: '\e823'; } /* '' */ .icon-android:before { content: '\e824'; } /* '' */ .icon-apple:before { content: '\e825'; } /* '' */ .icon-html5:before { content: '\e80c'; } /* '' */ .icon-mail-1:before { content: '\e837'; } /* '' */ .icon-location-1:before { content: '\e838'; } /* '' */ .icon-phone:before { content: '\e836'; } /* '' */ .icon-tools:before { content: '\e832'; } /* '' */ .icon-calendar:before { content: '\e830'; } /* '' */ .icon-network:before { content: '\e83d'; } /* '' */ .icon-globe:before { content: '\e83c'; } /* '' */ .icon-drive:before { content: '\e833'; } /* '' */ .icon-skype-1:before { content: '\e83a'; } /* '' */ .icon-pencil:before { content: '\e831'; } /* '' */ .icon-chart-bar-1:before { content: '\e828'; } /* '' */ .icon-spread:before { content: '\e827'; } /* '' */ .icon-off:before { content: '\e82d'; } /* '' */