/* user.css */
.submit_container input{color: #fff;    background-color: #204d74!important;    border:2px solid #204d74!important;    text-align: center;    font-size: 0.8em;    float: left;    padding:6px 12px!important;-webkit-transition: background 350ms ease;    -moz-transition: background 350ms ease;    -o-transition: background 350ms ease;    transition: background 350ms ease}.submit_container input:hover{color: #fff;    background-color: #122b40!important;    border:2px solid #122b40!important;    text-align: center;    font-size: 0.8em;    float: left;    padding:6px 12px;-webkit-transition: background 350ms ease;    -moz-transition: background 350ms ease;    -o-transition: background 350ms ease;    transition: background 350ms ease}@charset "utf-8";
@import "https://fonts.googleapis.com/css?family=Secular+One";
/*Schrift einbinden */

@font-face{font-family: 'SF-Fourche';    src: url(/files/contaodemo/theme/fonts/SF-Fourche.ttf.woff) format("woff"), url(/files/contaodemo/theme/fonts/SF-Fourche.ttf.svg#SF-Fourche) format("svg"), url(/files/contaodemo/theme/fonts/SF-Fourche.ttf.eot), url(/files/contaodemo/theme/fonts/SF-Fourche.ttf.eot?#iefix) format("embedded-opentype");    font-weight: normal;    font-style: normal}body{font-size:16px;background: #fff}.outerheader{width:100%;height:90px;float:left;margin:0;padding:0;background: #009fe3 none repeat scroll 0 0}header{width:100%;height:80px;float:left;margin:0;padding:0;text-transform:uppercase;background: #009fe3 none repeat scroll 0 0}.logo{width:250px;height:80px;float:left;clear:both;margin-left:-15px}.nav-main > ul > li{line-height:90px}.nav-main > ul > li > a{font-size:.9em;font-weight:bold}.nav-main > ul > li > .active,.nav-main > ul > li > .trail,.nav-left span.active,.nav-left span.trail,.nav-left a.trail,.pagination span,.mod_booknav span{display:unset;font-weight:bold;color:#fff;background: none;border: none}.nav-main > ul > li > a,.nav-main > ul > li > .trail,.nav-left a,.nav-left span.active,.nav-left span.trail,.nav-left a.trail,.pagination a,.pagination span,.mod_booknav a,.mod_booknav span{display:unset;font-weight:normal;text-decoration:none;color:#fff;background: none;border: none}.nav-main.dropdown > ul > li:hover > a,.nav-main.dropdown > ul > li.submenu:hover > .active,.nav-left a:hover,.pagination a:hover,.mod_booknav a:hover{display:unset;font-weight:normal;text-decoration:none;color:#fff;background: #1d1d1d;border: none}.nav-main > ul > li > a,.nav-main > ul > li > .active,.nav-main > ul > li > .trail,.nav-left a,.nav-left span.active,.nav-left span.trail,.nav-left a.trail,.pagination a,.pagination span,.mod_booknav a,.mod_booknav span{display:inline;font-size:15px}.wf-head.start > h1{margin:2em .5em 0;font-size:2em;color:#009fe3;text-transform:uppercase;/*font-family: 'Secular One', sans-serif;*/        font-family: 'SF-Fourche'}.wf-head.start > h2{margin:0 0 1em;font-size:1.5em;color:#1d1d1d;text-transform:uppercase;/*font-family: 'Secular One', sans-serif;*/        font-family: 'SF-Fourche';border: none}.service > h3{font:1.25em 'Secular One',sans-serif;color:#1d1d1d;border: none}.service-first h3,.service-second h3,.service-third h3{font:1.25em 'Secular One',sans-serif;color:#1d1d1d;border: none}.fortschrittouter{width:100%;float:left;margin:2em 0;background-position:right top;background-repeat:no-repeat;/*    background: rgb(0, 127, 178);background: -moz-linear-gradient(-45deg, rgba(0, 127, 178, 1) 0%, rgba(0, 160, 227, 1) 100%);background: -webkit-linear-gradient(-45deg, rgba(0, 127, 178, 1) 0%, rgba(0, 160, 227, 1) 100%);background: linear-gradient(135deg, rgba(0, 127, 178, 1) 0%, rgba(0, 160, 227, 1) 100%);filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#007fb2', endColorstr='#00a0e3', GradientType=1);*/        background-color: #009fe3;background-image: url(/files/contaodemo/media/content-images/prozessor-bg.jpg);background-size: contain}.start.fortschritt > h1{margin:2em .5em 0;font-size:2em;color:#fff;text-transform:uppercase;/*font-family: 'Secular One', sans-serif;*/        font-family: 'SF-Fourche'}.start.fortschritt > div > h4{margin-bottom:0;font-family:'Secular One',sans-serif;text-transform:uppercase}.start.fortschritt > div > div > h4{margin-bottom:0;font-family:'Secular One',sans-serif;text-transform:uppercase}.start.fortschritt > div > p{font-size:1em}.start.scs{margin:2em 0 0;background: none}.start.scs > div > h1{margin:1em .5em 0 0;font-size:2em;color:#009fe3;text-transform:uppercase;/*font-family: 'Secular One', sans-serif;*/        font-family: 'SF-Fourche'}.keyword.text-block{background: #009fe3 none repeat scroll 0 0;    padding: 10px 0}.start.scs > div > h4{margin-bottom:0;font-family:'Secular One',sans-serif}.start.scs > div > p{font-size:1em}#footer{width:100%;background-color:#1d1d1d;border-top:5px solid #009fe3}#footer .inside{width:100%;background-color:#1d1d1d;color:#e4e4e4;border-top: 5px solid white}.footer .small > li{text-decoration:none;color:#fff;list-style-type:none}.totop{width:50px;height:50px;bottom:0;right:5%;position:absolute;float:right;display:block;padding-top:5px;padding-right:3px;text-align:center;background-color:#009fe3;font-size:1.5em;line-height:50px;color:#fff}.totop:hover{width:50px;height:55px;bottom:0;right:5%;position:absolute;float:right;display:block;padding-top:5px;padding-right:3px;text-align:center;background-color:#009fe3;font-size:1.5em;line-height:55px;color:#fff}.totop:focus{width:50px;height:55px;bottom:0;right:5%;position:absolute;float:right;display:block;padding-top:5px;padding-right:3px;text-align:center;background-color:#009fe3;font-size:1.5em;line-height:55px;color:#fff}.totop:visited{width:50px;height:55px;bottom:0;right:5%;position:absolute;float:right;display:block;padding-top:5px;padding-right:3px;text-align:center;background-color:#009fe3;font-size:1.5em;line-height:55px;color:#fff}#navgation_top{background: #009fe3}.ce_text{margin-left: 0!important;margin-right: 0!important}.transition_all_025_linear{-webkit-transition: all .25s linear;/* Firefox */        -moz-transition: all .25s linear;/* WebKit */        -o-transition: all .25s linear;/* Opera */        transition: all .25s linear    /* Standard */}.transition_all_01_linear{-webkit-transition: all .1s linear;/* Firefox */        -moz-transition: all .1s linear;/* WebKit */        -o-transition: all .1s linear;/* Opera */        transition: all .1s linear    /* Standard */}#top-link{right:5px;position:fixed;display:none;padding:6px 10px;border:2px solid #1d2835;font-weight:bold;text-decoration:none;color:#ff0;bottom: 5px;background: #222b3a;z-index: 9999}.navbar-default{padding:0;background-color: transparent;border-color: transparent}.navbar{min-height:50px;position:relative;margin-bottom:20px;padding:0;border: 1px solid transparent;border: none}.navbar-header{height:90px}.icon-bar{background-color: black}.navbar-collapse{text-align:center;background: #fff;-webkit-box-shadow: 0 12px 5px -8px rgba(0, 0, 0, 0.25);-moz-box-shadow: 0 12px 5px -8px rgba(0, 0, 0, 0.25);box-shadow: 0 12px 5px -8px rgba(0, 0, 0, 0.25);padding: 0!important;overflow-x: visible;border-top: none}.navbar-nav{background: #fff;-webkit-box-shadow: 0 12px 5px -8px rgba(0, 0, 0, 0.5);-moz-box-shadow: 0 12px 5px -8px rgba(0, 0, 0, 0.5);box-shadow: 0 12px 5px -8px rgba(0, 0, 0, 0.5);padding: 0!important;overflow-x: visible;border-top: none}.navbar-nav > li > a{display:block;padding:10px 15px 10px 0;line-height:20px;color:#337ab7}.navbar-nav > li > span{display:block;padding:10px 15px 10px 0;line-height:20px;color:#337ab7}#nav-main-mobile{width:100%;height:auto;top:0;position:absolute;float:none;clear:both;margin:0;z-index: 9999}#nav-main-mobile li{float:none;margin:0;padding:0;border-bottom:1px solid #e4e4e4}.navbar-nav > li > span,.navbar-nav > li > a{display:block;margin:5px;padding:10px 15px 10px 0;line-height:20px;color:#009fe3;background: white none repeat scroll 0 0}.navbar-nav > li > span:hover,.navbar-nav > li > a:hover,.navbar-default .navbar-nav > li > a:hover,.navbar-default .navbar-nav > li > a:focus{background-color:#1d1d1d;color:#fff}.abbinder{width:100%;float:left;padding:10px;background: #009fe3}.navbar-toggle{top:20px}.navbar-default .navbar-toggle{background-color: transparent;border-color: transparent}.navbar-default .navbar-toggle .icon-bar{background-color:#fff}.navbar-default .navbar-toggle:hover{background-color: transparent;border-color: transparent}.navbar-default .navbar-toggle:focus{background-color: transparent;border-color: transparent}.carousel-indicators li{text-indent:-9999px}.carousel-indicators li{width:15px;height:15px;display:inline-block;margin:2px;border:1px solid #009fe3;border-radius:10px;behavior:url('assets/css3pie/1.0.0/PIE.htc');background-color: rgba(0, 159, 227, 0.8);cursor: pointer}.carousel-indicators .active{width:15px;height:15px;margin:2px;border:1px solid #fff;background-color: rgba(0, 159, 227, 0.8)}.carousel-indicators{width:60%;bottom:20px;position:absolute;margin-left:-30%;padding-left:0;text-align:center;left: 50%;list-style: outside none none;z-index: 15}.carousel-caption{bottom:40%;position:absolute;padding:20px 50px;text-align:center;color:#fff;background-color: rgba(0, 0, 0, 0.5);left: 30%;right: 30%;text-shadow: none;z-index: 10}.carousel-caption h3{font:2em 'Secular One',sans-serif;color:#fff;text-shadow: #2e2e2e 0 4px 5px}.carousel-caption p{font-family:sans-serif;line-height:18px;color:#e4e4e4}.start.fortschritt h4{color:#fff}.start.fortschritt{color:#ffffff}select{border: 1px solid #e4e4e4;    padding: 4px 3px 4px 1px;    width: 100%;     background-color: #f7f7f7}form .text:focus,form .textarea:focus,form .captcha:focus,form .text:hover,form .textarea:hover,form .captcha:hover{background: #ffffff none repeat scroll 0 0;    border-color: #e4e4e4}form .text,form .textarea,form .captcha{background-color: #f7f7f7;    border: 1px solid #e4e4e4;    padding: 6px;    width: 100%}.service-first{padding:30px}.service-second{padding:30px}.service-third{padding:30px}.aos-all{width:1000px;max-width:98%;margin:10vh auto 0}.aos-item{width:33.3333%;height:300px;float:left;display:inline-block;padding:20px}.aos-item__inner{width:100%;height:100%;position:relative;float:left;text-align:center;line-height:260px;color:#fff;background: #1da4e2}@media screen and (max-width: 800px){.aos-item {        width: 50%;    }}.calltoaction{margin:0;padding:0}.calltoaction > div > button{padding:1em 0;border-radius:0;font:1em 'Secular One',sans-serif;color:#fff;text-transform:uppercase;behavior:url('assets/css3pie/1.0.0/PIE.htc')}.double{margin-top:0;margin-bottom:50px}.btn-primary{background-color:#337ab7;border-radius:0;color:#fff;behavior:url('assets/css3pie/1.0.0/PIE.htc');border: none!important;-webkit-transition: background 350ms ease;/* Firefox */        -moz-transition: background 350ms ease;/* WebKit */        -o-transition: background 350ms ease;/* Opera */        transition: background 350ms ease;/* Standard */}.btn-primary:hover{background-color:#1d1d1d;border-radius:0;color:#fff;behavior:url('assets/css3pie/1.0.0/PIE.htc');border: none!important;-webkit-transition: background 350ms ease;/* Firefox */        -moz-transition: background 350ms ease;/* WebKit */        -o-transition: background 350ms ease;/* Opera */        transition: background 350ms ease;/* Standard */}.btn-sm,.btn-group-sm > .btn{margin-top:10px}@media (min-width: 1200px){.service-first h3,    .service-second h3,    .service-third h3 {        font-size: 1em;        text-align: left;    }    .service-first p,    .service-second p,    .service-third p {        text-align: left;        font-size: 0.8em    }    .btn.readmore {        text-align: center;        font-size: 0.8em;        float: left;    }}@media (min-width: 992px) and (max-width: 1199px){.carousel-caption {        bottom: 30%;        left: 20%;        right: 20%;        padding: 20px 50px;    }    .carousel-caption h3 {        font-size: 2em;    }    .fortschrittouter {        background-position: right;        background-image: url(/files/contaodemo/media/content-images/prozessor-bg_half_half.jpg);    }    .service-first h3,    .service-second h3,    .service-third h3 {        font-size: 1em;        text-align: left;    }    .service-first p,    .service-second p,    .service-third p {        text-align: left;        font-size: 0.8em    }    .btn.readmore {        text-align: center;        font-size: 0.8em;        float: left;    }}@media (min-width: 768px) and (max-width: 991px){.double {        display: none!important;    }    .carousel-caption {        bottom: 25%;        left: 10%;        right: 10%;        padding: 20px 50px;    }    .carousel-caption h3 {        font-size: 1.5em;    }    .carousel-indicators {        bottom: 15px;    }    .fortschrittouter {        background-position: right;        background-image: url(/files/contaodemo/media/content-images/prozessor-bg_half_half_layered.jpg);    }    .service-first h3,    .service-second h3,    .service-third h3 {        font-size: 1em;        text-align: center;    }    .service-first p,    .service-second p,    .service-third p {        text-align: center;        font-size: 0.8em    }    .service-first > btn,    .service-second > btn,    .service-third > btn {        text-align: center;        font-size: 0.8em;    }}@media (max-width: 767px){.carousel-caption {        bottom: 30%;        left: 5%;        right: 5%;        padding: 5px 50px 8px 50px;    }    .carousel-caption h3 {        font-size: 1.1em;    }    .carousel-caption p {        display: none;    }    .carousel-indicators {        bottom: -10px;    }    .carousel-indicators li.active {        width: 10px;        height: 10px;    }    .carousel-indicators li {        width: 10px;        height: 10px;    }    /*Automatisierung Headline*/        .wf-head.start > h1 {        font-size: 22px;    }    .wf-head.start > h2 {        font-size: 18px;        margin: 5px 0px 50px 0px;    }    .service-first h3,    .service-second h3,    .service-third h3 {        font-size: 1em;        text-align: center;    }    .service-first p,    .service-second p,    .service-third p {        text-align: center;        font-size: 0.8em    }    .service-first > btn,    .service-second > btn,    .service-third > btn {        text-align: center;        font-size: 0.8em;    }		.media {    border-bottom: 1px solid #e4e4e4;    margin-top: 15px;    padding-bottom: 10px;    padding-top: 20px;	margin-top:0px;}	    .media > div > h3 {        font-size: 0.9em;        font-family: 'Secular One', sans-serif;        vertical-align: top;        margin-top: 0px;        margin-bottom: 0px;    }    .media > div > p {        font-size: 0.8em;        vertical-align: top;		margin:0px;    }    .btn.btn-sm.btn-link.readmore {        margin: 0;        padding: 0;    }    .fortschrittouter {        background-position: right;        background-image: url(/files/contaodemo/media/content-images/prozessor-bg_half_half_layered_2.jpg);        background-size: cover;    }    .double img.schrank {        margin-left: 50px;    }    .double img.laptop {        margin-left: 50px;    }.wf-head.start > h1 {    font-size: 18px;}		.wf-head.start > h2 {    font-size: 18px;    margin: 5px 0 20px;}	.start.fortschritt > h1 {    /* font-family: 'Secular One', sans-serif; */        font-family: 'SF-Fourche';    color: #ffffff;    text-transform: uppercase;    margin: 1em .5em 0;    font-size: 2em;}.start.scs > div > h1 {    /* font-family: 'Secular One', sans-serif; */        font-family: 'SF-Fourche';    text-transform: uppercase;    color: #009fe3;    margin: 0px 0px 20px 0px;    font-size: 2em;	text-align: center!important}}@media (max-width: 480px){.carousel-caption {        display: none;    }    .text-left.wetalksps {        font-size: 1.5em!important;        text-align: center!important;        margin-bottom: 20px!important;    }    .text-left.wetalkspssub {        text-align: left!important;        font-size: 1em!important;        margin-top: 0px!important;    }    .text-left.wetalkspscontent {        text-align: left!important;        font-size: 0.8em!important;    }    .start.scs,    .double {        margin: 0;    }    img.schrank.img-responsive.aos-init.aos-animate {        display: none;    }    img.laptop.img-responsive.aos-init.aos-animate {        display: none;    }}