/*! normalize.css v3.0.1 | MIT License | git.io/normalize */html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}h1{font-size:2em;margin:0.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace, monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}input[type="search"]{-webkit-appearance:textfield;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:bold}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}html{box-sizing:border-box}*,*::before,*::after{box-sizing:inherit}.container{position:relative;width:100%;max-width:960px;margin:0 auto;box-sizing:border-box}.column,.columns{width:100%;float:left;box-sizing:border-box}.nomobile{display:none}@media (min-width: 400px){.container{width:85%;padding:0}.nomobile{display:block}}@media (min-width: 550px){.container{width:90%}.column,.columns{margin-left:4%}.column:first-child,.columns:first-child{margin-left:0}.one.column,.one.columns{width:4.66666666667%}.two.columns{width:13.3333333333%}.three.columns{width:22%}.four.columns{width:30.6666666667%}.five.columns{width:39.3333333333%}.six.columns{width:48%}.seven.columns{width:56.6666666667%}.eight.columns{width:65.3333333333%}.nine.columns{width:74.0%}.ten.columns{width:82.6666666667%}.eleven.columns{width:91.3333333333%}.twelve.columns{width:100%;margin-left:0}.one-third.column{width:30.6666666667%}.two-thirds.column{width:65.3333333333%}.one-half.column{width:48%}.offset-by-one.column,.offset-by-one.columns{margin-left:8.66666666667%}.offset-by-two.column,.offset-by-two.columns{margin-left:17.3333333333%}.offset-by-three.column,.offset-by-three.columns{margin-left:26%}.offset-by-four.column,.offset-by-four.columns{margin-left:34.6666666667%}.offset-by-five.column,.offset-by-five.columns{margin-left:43.3333333333%}.offset-by-six.column,.offset-by-six.columns{margin-left:52%}.offset-by-seven.column,.offset-by-seven.columns{margin-left:60.6666666667%}.offset-by-eight.column,.offset-by-eight.columns{margin-left:69.3333333333%}.offset-by-nine.column,.offset-by-nine.columns{margin-left:78.0%}.offset-by-ten.column,.offset-by-ten.columns{margin-left:86.6666666667%}.offset-by-eleven.column,.offset-by-eleven.columns{margin-left:95.3333333333%}.offset-by-one-third.column,.offset-by-one-third.columns{margin-left:34.6666666667%}.offset-by-two-thirds.column,.offset-by-two-thirds.columns{margin-left:69.3333333333%}.offset-by-one-half.column,.offset-by-one-half.columns{margin-left:52%}}@media (min-width: 1200px){.container{width:75%}}.container:after,.row:after,.u-cf{content:"";display:table;clear:both}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#3c3c42;font-family:"Open Sans",Helvetica,Arial,sans-serif;font-size:.8em;line-height:1.5}h1{font-size:1.92em}h2{font-size:1.6em}h3{font-size:1.064em}h4{font-size:.8em}h5{font-size:.8em}h6{font-size:.8em}h1,h2,h3,h4,h5{font-family:"Bitter",Tahoma,sans-serif;margin:.75em 0 .5em;color:#0084cc}#landingpage h1{font-size:2.4em;line-height:1.25}a{text-decoration:none;font-weight:bold;color:#0084cc}p{margin:.5em 0;overflow-wrap:break-word;word-wrap:break-word}.clear{clear:both}.center{text-align:center}.quote{font-size:1.25em;margin:1.25em 0}.small{font-size:0.7em}ul{padding-left:20px}@media screen and (min-width: 550px){body{font-size:1em}}@media screen and (min-width: 960px){body{font-size:1.1em}}@media screen and (min-width: 1280px){body{font-size:1.25em}}fieldset{background:#fff;border:1px solid #E8EFEF;margin:0 0 .75em 0;padding:1.5em}.ssc{display:none !important}input,label,select{display:block;font-family:"Open Sans",Helvetica,Arial,sans-serif;font-size:.8em;text-align:left}label{font-weight:bold;margin-bottom:.375em}label.required:after{content:"*"}label abbr{display:none}input,textarea,select[multiple=multiple]{background-color:white;border-radius:6px;border:1px solid #E8EFEF;box-shadow:inset 0 1px 3px rgba(0,0,0,0.06);font-family:"Open Sans",Helvetica,Arial,sans-serif;font-size:.8em;margin-bottom:.75em;padding:.5em .5em;width:100%}input:hover,textarea:hover,select[multiple=multiple]:hover{border-color:#cadada}input:focus,textarea:focus,select[multiple=multiple]:focus{border-color:#cc8400;box-shadow:inset 0 1px 3px rgba(0,0,0,0.06),0 0 5px rgba(179,116,0,0.7);outline:none}textarea{resize:vertical}input[type="checkbox"],input[type="radio"]{display:inline;margin-right:.375em}input[type="file"]{padding-bottom:.75em;width:100%}select{margin-bottom:1.5em;max-width:100%;width:auto}.modal label{cursor:pointer;font-weight:normal;margin-bottom:0}.modal .modal-state{display:none}.modal .modal-fade-screen{position:fixed;top:0;right:0;bottom:0;left:0;background-color:rgba(0,0,0,0.75);opacity:0;-webkit-transition:opacity 0.25s ease;transition:opacity 0.25s ease;visibility:hidden;z-index:99999}@media screen and (min-width: 960px){.modal .modal-fade-screen{padding-top:10em}}.modal .modal-bg{position:absolute;top:0;right:0;bottom:0;left:0;cursor:pointer}.modal .modal-close{cursor:pointer;text-align:center;color:#fff;border-bottom:1px solid #666;margin:-15px -15px 0;padding:5px 0;background-color:#3c3c42}.modal .modal-inner{border-radius:6px;background-color:#fff;margin:auto;padding:15px;max-height:85%;overflow:auto;position:relative;top:0.5em;-webkit-transition:opacity .25s ease;transition:opacity .25s ease;width:95%;box-shadow:2px 3px 8px rgba(0,0,0,0.4),0px 6px 16px rgba(0,0,0,0.2)}.modal .modal-inner img{margin:.5em 0;width:100%;max-width:512px;box-shadow:2px 3px 8px rgba(0,0,0,0.4),0px 6px 16px rgba(0,0,0,0.2)}@media screen and (min-width: 550px){.modal .modal-inner{max-height:70%;width:60%}}@media screen and (min-width: 960px){.modal .modal-inner{width:60%}.modal .modal-inner img{float:left;max-width:350px;margin-right:25px;margin-bottom:25px}}.modal .modal-state:checked+.modal-fade-screen{opacity:1;visibility:visible}.modal-open{overflow:hidden}.modal-closed{overflow:auto}html,body{height:100%;position:relative;z-index:1;-webkit-backface-visibility:hidden}body{background-color:#fff}header{background:url("../images/top.png") repeat-x,#fff;text-align:center;padding-bottom:15px}header nav{margin:0 auto;opacity:.9;overflow:hidden;z-index:999;top:0}header .open{height:auto}header .rotate{-webkit-transform:rotate(360deg);transform:rotate(360deg);-webkit-transform-origin:center center;transform-origin:center center}header .icon{width:32px;height:32px;margin:0 8px;-webkit-transition:all .4s ease-out;transition:all .4s ease-out}header .icon:hover{box-shadow:1px 2px 6px rgba(0,0,0,0.4),0px 4px 12px rgba(0,0,0,0.2)}header .ham-icon{display:inline-block;font-family:Tahoma, sans-serif;-webkit-transition:-webkit-transform .5s ease-out;transition:-webkit-transform .5s ease-out;transition:transform .5s ease-out;transition:transform .5s ease-out, -webkit-transform .5s ease-out}header ul{margin:0;padding:0;width:100%;height:35px}header li{display:inline-block;line-height:25px;width:100%}header li a{display:block;width:100%;padding:.375em .75em;background-color:#cc8400;text-decoration:none;color:#fff;text-transform:uppercase;font-size:.75rem;letter-spacing:2px;box-shadow:0px 4px 0px #805300,0px 6px 8px rgba(0,0,0,0.7);-webkit-transition:background-color .4s ease-out;transition:background-color .4s ease-out}header li a:active{box-shadow:0px 2px 0px #4d3200,0px 3px 6px rgba(0,0,0,0.9);-webkit-transform:translateY(2px);transform:translateY(2px)}header li a:hover{background-color:orange}header li a:focus{background-color:orange}header .top{margin:1.25em 0 .5em}.button{display:inline-block;background-color:#0084cc;border-radius:6px;margin:.5em 0;border:0;color:#fff;text-transform:uppercase;letter-spacing:1px;text-align:center;padding:.5em 1.5em;box-shadow:0px 4px 0px #005380,0px 6px 8px rgba(0,0,0,0.7);-webkit-transition:background-color .4s ease-out;transition:background-color .4s ease-out}.button:active{box-shadow:0px 2px 0px #00324d,0px 3px 6px rgba(0,0,0,0.9);-webkit-transform:translateY(2px);transform:translateY(2px)}.button:hover{background-color:#00a5ff}.button:focus{background-color:#00a5ff}.logo{max-width:320px}.sticky{position:fixed;left:0;right:0}.parallaxWindow{position:relative;z-index:10;overflow:hidden;height:260px}.risskante{height:100%;width:100%;background-image:url("../images/riss-top.png"),url("../images/riss-bottom.png");background-repeat:repeat-x, repeat-x;background-position:left top, left bottom;background-size:600px 50px, 600px 50px}.parallaxBackground{position:absolute;z-index:-1;top:100%;left:0;right:0;-webkit-transform:translate(0, -100%);transform:translate(0, -100%);-webkit-transform-origin:50%;transform-origin:50%;height:115%;background:url("../images/header-webdesign-agentur-low.jpg");background-size:cover;background-position:center}.staticBackground{position:fixed;z-index:-10;left:0;right:0;top:0;bottom:0;background:url("../images/dialines-neg.png"),url("../images/kreativ-wand-low.jpg");background-repeat:repeat, no-repeat;background-size:3px 3px, cover}.claim{color:#fff;font-weight:bold;font-size:3.5em;text-align:center;margin:0 auto;padding:2em 0;text-shadow:0 0 4px rgba(0,0,0,0.4),2px 2px 12px rgba(0,0,0,0.3)}.spacer{display:block;margin:0 auto;padding:1em 0;max-width:800px}.outer{padding:0 0 .5em;margin:0;background-color:#fff}#landingpage .outer{padding:50px 0}.icon{max-width:200px;margin:0 auto}.inner{padding:0 4% 2%}.alternate{background-image:url("../images/riss-top.png"),url("../images/riss-bottom.png"),url("../images/dialines-neg.png");background-repeat:repeat-x, repeat-x, repeat;background-position:left top, left bottom, center;background-size:600px 55px, 600px 55px, 3px 3px;color:#333;padding:50px 0 70px}.profilepic{width:240px;height:240px;border-radius:100%;margin-top:.75em}.card{position:relative;border:1px solid #666;-webkit-transition:all .2s ease-in;transition:all .2s ease-in;margin:1em 0;background-color:#E8EFEF;box-shadow:1px 2px 6px rgba(0,0,0,0.4),0px 4px 12px rgba(0,0,0,0.2);overflow:hidden}.card:hover,.card:active,.card:focus{box-shadow:2px 3px 8px rgba(0,0,0,0.4),0px 6px 16px rgba(0,0,0,0.2);-webkit-transform:translateY(-3px);transform:translateY(-3px)}.card .header{background-color:#0084cc;color:#fff;padding:4%;text-align:center;font-weight:bold;font-size:1.2em}.card .copy{position:relative;padding:4%;margin-bottom:4%}.card .lupe{z-index:100;position:absolute;width:52px;height:52px;bottom:45%;left:50%;margin-left:-26px;background-color:rgba(0,0,0,0.4);border-radius:100%}.card .lupe img{width:32px;height:32px;margin:10px}.card .icon{position:absolute;border-radius:6px;background-color:#E8EFEF;width:70px;height:70px;margin-left:-35px;left:50%;top:-55px}.card .icon img{position:absolute;top:11px;left:11px;width:48px;height:48px}.card p{margin:.75em 0 0}img{width:100%}.kundenbild{width:100px;height:100px;margin:0 4%}footer{padding:2em 0 0;color:#888;background-color:#3c3c42;font-size:.6em}.back-to-top{position:fixed;right:10px;bottom:10px;background-color:rgba(0,0,0,0.4);color:#fff;padding:15px;border-radius:6px;text-decoration:none;font-weight:bold;font-size:.8em}#iconset section{margin-bottom:70px}#iconset .two.columns{width:46%;margin:0 1.66%;padding:1.66% 0}@media screen and (min-width: 550px){#iconset .two.columns{width:13.3333333333%}}#iconset .normal-icon{display:block;line-height:0;opacity:.8;padding:15px}#iconset .round-icon{display:block;line-height:0;background-color:#fff;opacity:.8;border-radius:50%;padding:15px;box-shadow:0 0 8px 0 rgba(0,0,0,0.3),4px 4px 12px 2px rgba(0,0,0,0.3)}#iconset .green-icon{display:block;line-height:0;background-color:#afa;opacity:.8;border-radius:50%;padding:8px;box-shadow:0 0 6px 0 rgba(0,0,0,0.3),2px 2px 8px 2px rgba(0,0,0,0.3)}#iconset .blue-icon{display:block;line-height:0;background-color:#70bfec;opacity:.75;border-radius:33% 0;border:4px solid #4b89ac;padding:8px}#iconset .square-icon{display:block;line-height:0;background-color:#ccc;opacity:.7;border-radius:4px;padding:4px;box-shadow:0 0 6px 0 rgba(0,0,0,0.3),2px 2px 8px 2px rgba(0,0,0,0.3)}#iconset .blank-icon{display:block;line-height:0;background-color:#fff;opacity:.7;border-radius:12px;padding:12px}#iconset .white-icon{display:block;line-height:0;background-color:#b9231f;border-radius:50%;padding:8px;box-shadow:0 0 6px 0 rgba(0,0,0,0.3),2px 2px 8px 2px rgba(0,0,0,0.3)}#iconset .white-icon img{opacity:.8}@media screen and (min-width: 550px){header .icon{margin:-32px 8px 40px}header .hamburger{display:none}header ul{height:auto}header li{width:auto;margin:15px 5px}header a{width:auto;border-radius:6px}header .top{margin-top:60px}.inner{padding:1em 0}.parallaxWindow{height:520px}.parallaxBackground{background:url("../images/header-webdesign-agentur.jpg");background-size:cover;background-position:center}.staticBackground{background:url("../images/dialines-neg.png"),url("../images/kreativ-wand.jpg");background-repeat:repeat, no-repeat;background-size:3px 3px, cover}.card{font-size:.6em}}@media screen and (min-width: 960px){header .icon{margin:0 12px 0 0}.inner{padding:0}.parallaxWindow{height:660px;height:66vh}#portfolio .inner{padding:0}.card{font-size:.7em;opacity:.6}.card:hover,.card:active,.card:focus{opacity:1}.card .lupe{display:none}}@media screen and (min-width: 1280px){.card{font-size:.8em}}
/*# sourceMappingURL=main.css.map */