/******************************************
 * Author: Ramon Wenger / Comvation AG
 * Date: July 2014
 * www.comvation.com
 ******************************************/

@font-face{
    font-family : 'DIN Light Regular';
    src         : url('../fonts/ufonts.com_din_light_2-webfont.eot');
    src         : url('../fonts/ufonts.com_din_light_2-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/ufonts.com_din_light_2-webfont.woff') format('woff'), url('../fonts/ufonts.com_din_light_2-webfont.ttf') format('truetype'), url('../fonts/ufonts.com_din_light_2-webfont.svg#din_lightregular') format('svg');
    font-weight : normal;
    font-style  : normal;
}

@import url(//fonts.googleapis.com/css?family=Roboto:400,900,700italic,700,500italic,500,400italic,300italic,300,100,100italic,900italic);

@media screen and (-webkit-min-device-pixel-ratio : 0){
    @font-face{
        font-family : 'DIN Light Regular';
        url('../fonts/ufonts.com_din_light_2-webfont.svg#din_lightregular') format('svg');
    }
}

/******************************************
 * BASE
 ******************************************/

html{
    height   : 100%;
    position : relative;
}

a{
    color           : inherit;
    text-decoration : none;
}

a:focus{
    outline : none;
}

body{
    background-color : transparent;
    min-height       : 100%;
    /*font-family: 'Open Sans', sans-serif;*/
    font-family      : 'Roboto', sans-serif;
    font-weight      : lighter;
    font-size        : 14px;
    position         : relative;
    /*padding-right: 300px;*/
    /*margin-left: -300px;*/
    max-width        : 100%;
    overflow-x       : hidden;
}

p{
    font-size   : 1.25em;
    font-weight : 300;
}

h1, h2, h3, h4, h5, h6{
    word-wrap : break-word;
}

#content-home,
#content-customerpanel{
    /*background: url(../images/background-home.png) no-repeat center center;*/
    /*background: url(../images/frau_sw.png) no-repeat center center;*/
    -webkit-background-size : 2 cover;
    -moz-background-size    : cover;
    -o-background-size      : cover;
    background-size         : cover;
    position                : relative;
    /*height: 100%;*/
    width                   : 100%;
    /*left: 0;*/
    text-align              : center;
    /*overflow: hidden;*/
    max-width               : 100%;
    background-attachment   : fixed;
}

#header-and-main{
    min-height : 100%;
}

.main-container{
    margin-bottom : 100px;
}

/******************************************
 * HEADER
 ******************************************/

header{
    background-color : white;
    min-height       : 59px;
    position         : relative;
    /*position: absolute;*/
    transition       : all 0.6s ease;
    width            : 100%;
    top              : 0;
    z-index          : 35;
    /*font-weight: 600;*/
    position         : fixed;
}

header:hover{
    /** to overwrite the javascript inline-style when scrolled down **/
    /*opacity: 1 !important;*/
}

#logo{
    line-height  : 59px;
    padding-left : 25px;
    float        : left;
    height       : 59px;
}

#logo img,
#logo svg{
    height     : 100px;
    margin-top : -20px;
}

#logo:hover{
    opacity : 1;
}

/******************************************
 * NAVIGATION
 ******************************************/
.type-wrapper .level-1 > a{
    display : none;
}

#menubuilder0{
    margin-bottom : 0;
    padding-left: 20px;
}

li.level-1.level1hidden{
    display : none;
}

#navigation-wrapper{
    float       : left;
    margin-left : 30px;
}

#navigation{
    z-index    : 5;
    position   : relative;
    margin     : 0 auto;
    height     : 49px;
    padding    : 0;
    list-style : none;
    margin-top : 8px;
}

#navigation > li{
    position : relative;
    float    : left;
}

#navigation li a{
    display            : block;
    height             : 49px;
    padding            : 12px 16px 39px 15px;
    color              : black;
    /*font-size: 15px;*/
    font-size          : 17px;
    box-sizing         : border-box;
    -moz-box-sizing    : border-box;
    -webkit-box-sizing : border-box;
    font-weight        : 300;
}

#navigation li a.starter_active{
    font-weight : 400;
}

#navigation li ul{
    display      : none;
    position     : absolute;
    min-width    : 100%;
    top          : 51px;
    list-style   : none;
    left         : 0;
    border       : none;
    background   : none;
    padding-left : 0;
    margin-left  : 0;
    padding      : 0;
}

#navigation li:hover > ul{
    display : block;
}

#navigation li.level-3:first-child{
    border-top : 1px solid #EEEEEE;
}

#navigation li.level-2,
#navigation li.level-3{
    border-bottom : 1px solid #EEEEEE;
    background    : #FFFFFF;
    min-width     : 250px;
    position      : relative;
}

#navigation li.level-2 a{
    padding     : 11px 15px 16px 15px;
    color       : black;
    font-size   : 15px;
    background  : none;
    height      : 44px;
    background  : whitesmoke;
    white-space : pre;
}

#navigation li.level-2 a:hover{
    background-color : white;
}

#navigation li.level-2 > ul{
    position : absolute;
    left     : 100%;
    top      : 0;
}

.navbar-toggle{
    border-color : black;
}

.navbar-toggle .icon-bar{
    background-color : black;
}

#mobile-navigation{
    width        : 100%;
    float        : none;
    height       : auto;
    margin-left  : 0;
    margin-right : 0;
}

#mobile-navigation ul{
    padding    : 0;
    list-style : none;
}

#mobile-navigation li{
    float : left;
    width : 100%;
}

#mobile-navigation li.level-2{
    padding-left : 15px;
}

#mobile-navigation li.level-3{
    padding-left : 30px;
}

/*#mobile-navigation li.level-2,*/
#mobile-navigation li.level-3,
#mobile-navigation li.no-click > a{
    display : none;
}

#mobile-navigation li.no-click > ul > li{
    padding-left : 0;
}

#mobile-navigation .starter_active li.level-2,
#mobile-navigation .active li.level-3{
    display : block;
}

#metanavigation-mobile{
    margin-bottom : 20px;
}

.mobile-nav{
    background : #000000;
    color      : #FFFFFF;
}

.nav > li > a:hover, .nav > li > a:focus,
.nav > li > ul > li > a:hover, .nav > li > ul > li > a:focus{
    background-color : rgba(61, 61, 61, 0.80);
    color            : #FFFFFF;
    opacity          : 1;
}

.nav > li > ul > li > a{
    position : relative;
    display  : block;
}

#mobile-navigation a{
    height      : 50px;
    line-height : 50px;
    padding     : 0 15px;
}

.navbar-toggle{
    margin-top : 13px;
}

.nav-right li{
    display        : inline-block;
    color          : black;
    vertical-align : top;
}

#metanavigation{
    float         : right;
    padding-top   : 17px;
    padding-right : 35px;
    font-weight   : 300;
    font-size     : 17px;
}

#select-language{
    color      : black;
    min-width  : 110px;
    height     : 30px;
    margin-top : -4px;
}

#select-language a{
    display          : none;
    position         : relative;
    line-height      : 2em;
    background-color : inherit;
    padding          : 3px 10px;
    border-top       : 1px solid #EEEEEE;
}

#select-language a.active{
    display    : block;
    width      : 100%;
    position   : relative;
    border-top : 0;
}

#select-language a.active:after{
    content     : "\f0d7";
    font-family : FontAwesome;
    position    : absolute;
    right       : 15px;
}

#select-language.open a.active:after{
    content : "\f0d8";
}

.signup-button a,
.login-button a,
.kontakt-nav-button a {
    background-color : #DDDDDD;
    height           : 30px;
    line-height      : 30px;
    display          : inline-block;
    padding          : 0 15px;
    border-radius    : 5px;
    color            : black;
    font-size        : 14px;
}

.signup-button a,
.kontakt-nav-button a {
    background-color : #95C700;
    color            : white;
}

.nav-right li {
    margin-left: 15px;
}

.login-button a:hover{
    background-color : #95C700;
    text-decoration  : none;
    color            : white;
}

.signup-button a:hover,
.kontakt-nav-button a:hover {
    background-color : #DDDDDD;
    color            : black;
    text-decoration  : none;
}

#metanavigation-mobile ul{
    padding    : 0;
    list-style : none;
}

#metanavigation-mobile li{
    margin-bottom : 0.5em;
}

#metanavigation-mobile .signup-button a,
#metanavigation-mobile .kontakt-nav-button a,
#metanavigation-mobile .login-button a{
    width       : 100%;
    text-align  : center;
    height      : 50px;
    line-height : 50px;
}

#login-mask{
    min-height       : 400px;
    background-color : #216FBD;
    display          : none;
    width            : 680px;
    max-width        : 100%;
    border-radius    : 10px;
    margin           : 0 auto;
    left             : 0;
    right            : 0;
    box-sizing       : border-box;
    position         : fixed;
    top              : 75px;
    transition       : ease 0.6s;
    padding          : 25px 15px 50px;
    color            : white;
    z-index          : 99;
}

#login-mask .close-button{
    position    : absolute;
    right       : 15px;
    top         : 5px;
    color       : white;
    font-family : FontAwesome;
    font-size   : 34px;
}

body.login-mask:after{
    content          : ' ';
    position         : absolute;
    width            : 100%;
    height           : 100%;
    background-color : rgba(0, 0, 0, 0.5);
    z-index          : 98;
    top              : 0;
    transition       : all 0.6s ease;
}

#login-mask h2{
    text-align    : center;
    margin-bottom : 15px;
}

/******************************************
 * MAIN-CONTENT
 ******************************************/
#contrexx-modal{
    display : none;
}

main{
    /*padding-top: 59px;*/
    min-height : 100%;
    z-index    : 25;
    /*padding-bottom: 366px;*/
}

h2{
    font-size     : 2.5em;
    margin-bottom : 50px;
}

.scrollToTop{
    width           : 100px;
    height          : 130px;
    padding         : 10px;
    text-align      : center;
    background      : whiteSmoke;
    font-weight     : bold;
    color           : #444444;
    text-decoration : none;
    position        : fixed;
    bottom          : -70px;
    right           : -20px;
    display         : none;
    background      : none;
    opacity         : 0.7;
}

.scrollToTop:hover{
    text-decoration : none;
}

a.scrollToTop i{
    font-size : 40px;
    color     : black;
}

/*************************************
 News
 *************************************/
.news h3{
    text-align : left;
    margin-top : 0;
}

.news .date{
    margin-top : 20px;
    text-align : center;
}

.news .paging{
    margin     : 20px 0;
    text-align : center;
}

.news .headline{
    font-size : 16px;
}

.news .row > .border{
    border-bottom  : 1px #CCCCCC solid;
    padding-bottom : 20px;
}

.horizontal-list{
    list-style : none;
    display    : inline-block;
}

.horizontal-list li{
    display        : inline-block;
    vertical-align : top;
    width          : 20%;
}

.news-detail{
    font-size      : 18px;
    padding-bottom : 30px;
    text-align     : center;
}

.news-detail h2{
    font-size : 2.5em;
}

.news-detail h1,
.news-detail h2,
.news-detail h3,
.news-detail h4,
.news-detail h5,
.news-detail h6{
    text-align    : center;
    margin-top    : 50px;
    margin-bottom : 20px;
}

.news-detail img{
    max-width : 100% !important;
}

.news-date{
    width          : 100%;
    max-width      : 1250px;
    margin         : 0 auto;
    display        : block;
    padding-bottom : 10px;
}

#news-social-media,
.news-date{
    margin-top : 20px;
}

.news-detail .back{
    display    : block;
    margin-top : 30px;
}

.container.news-detail{
    max-width   : 1250px;
    width       : 100%;
    border-top  : 1px solid white;
    padding-top : 50px;
    padding     : 30px;
}

#news-social-media{
    width  : 100%;
    margin : 20px 0;
}

.news-date i{
    margin-right : 5px;
}

p#breakline{
    width   : 30px;
    display : inline-block;
    margin  : 0;
    padding : 0 10px;
}

.news-detail iframe{
    width  : 100%;
    height : 600px;
}

.contentLead{
    max-width : 1250px;
    padding   : 0;
}

.news-detail li{
    list-style : none;
}

.news-detail .clearfix{
    border-top : 1px solid rgba(160, 160, 160, 0.3);
}

/******************************************
 * HOME-CONTENT
 ******************************************/

#content-home,
#content-customerpanel{
    /*margin-top: 30px;*/
    border-bottom : 1px solid rgba(160, 160, 160, 0.6);
}

#content-home > *,
#content-customerpanel > *{
    vertical-align : bottom;
}

div#content-home,
div#content-customerpanel{
    background-position : 0px -2.7px !important;
}

#home-text{
    display       : inline-block;
    /*background-color: #216fbd;*/
    /*color: #7f7e84;*/
    color         : white;
    /*text-align: center;*/
    padding       : 115px 15px;
    /*margin-top: 50%;*/
    overflow      : hidden;
    max-width     : 100%;
    height: 100%;
    width: 100%;
}
#home-text-inner {
    float: left;
    width: 682px;
    padding-bottom: 60px;  padding-bottom: 60px;
    position: relative;
}

#home-text .possibilities{
    color : #0268B3;
}

#home-text h1{
    /*font-size: 4em;*/
    margin-top    : 0;
    margin-bottom : 25px;
    font-size     : 40px;
    font-weight   : bold;
    word-wrap     : break-word;
}

#home-text p{
    font-weight : lighter;
    font-size   : 24px;
    line-height : 1.4;
    word-wrap   : break-word;
}

#home-text #own-domain{
    padding   : 5px 0px 0 0;
    font-size : 0.85em;
    margin    : 0;
}

#home-link{
    background    : #95C700;
    text-align    : left;
    /*text-transform: uppercase;*/
    color         : white;
    /*font-size: 1.9em;*/
    text-shadow   : 1px 1px rgba(50, 50, 50, 0.2);
    /*display: block;*/
    padding       : 15px 50px;
    border-radius : 3px;
    transition    : 0.3s ease;
    font-size     : 1.3em;
    margin-top    : 15px;
    display       : inline-block;
}

#home-link:hover{
    text-decoration : none;
    opacity         : 0.95;
    color           : #EFEFEF;
}

/*#home-link:after {*/
/*content: '\f178';*/
/*font-family: 'FontAwesome';*/
/*display: block;*/
/*color: #c3ec4b;*/
/*font-size: 1.5em;*/
/*text-shadow: none;*/
/*}*/

#home-scroll-down{
    /*    -webkit-transition : 0.2s opacity;
        -moz-transition    : 0.2s opacity;
        -ms-transition     : 0.2s opacity;
        -o-transition      : 0.2s opacity;
        transition         : 0.2s opacity;
        color              : rgba(98, 98, 98, 0.60);*/
    position           : absolute;
    bottom             : 0;
    min-height         : 94px;
    font-size          : 15px;
    margin             : 0 auto;
    left               : 0;
    right              : 0;
    background-color   : white;
    text-align         : center;
    display            : none;
    text-transform     : uppercase;
    font-weight        : 100;
    letter-spacing     : 2px;
    border-bottom      : 1px solid lightgray;
    cursor             : pointer;
}

#home-scroll-down .fa.fa-angle-down{
    position : absolute;
    left     : 0px;
    right    : 0px;
    bottom   : 10px;
}

#home-sign-up input[type="submit"]{
    border-radius    : 5px;
    height           : 50px;
    line-height      : 50px;
    border           : 0;
    width            : 100%;
    padding          : 0 15px;
    display          : inline-block;
    box-sizing       : border-box;
    background-color : #95C700;
    margin-left      : 0;
    margin-top       : 15px;
}

#home-sign-up input[type="submit"]:hover{
    opacity : 0.9;
}

#home-sign-up{
    max-width        : 100%;
    background-color : rgba(0, 0, 0, 0.2);
    padding          : 20px;
    margin-top       : 25px;
}

#home-sign-up .multisite-address-field{
    border         : 0;
    width          : 100%;
    display        : inline-block;
    box-sizing     : border-box;
    color          : #252525;
    position       : relative;
    vertical-align : top;
    height         : 45px;
    line-height    : 45px;
}

#home-sign-up .multisite-address{
    height      : 35px;
    line-height : 30px;
}

#home-sign-up .multisite-address input[type=text]{
    height         : 45px;
    /*line-height: 45px;*/
    padding        : 10px;
    vertical-align : middle;
    text-align     : left;
}

#home-headlines{
    width      : 100%;
    max-width  : 1024px;
    text-align : center;
    margin     : 0 auto;
    font-size  : 0.9em;
    padding    : 40px 0;
}

.headline-item{
    display    : inline-block;
    width      : 100%;
    box-sizing : border-box;
    margin     : 7px 0;
}

.headline-item p{
    padding    : 0 15px;
    text-align : left;
}

.headline-item img{
    max-width : 100%;
}

.headline-item:last-of-type{
    margin-right : 0;
}

/*.home section,
.customerpanel section{
    padding : 20px 0;
}*/

/*.home section:nth-of-type(2){
    background-color : #0068B1;
    color            : white;
}*/

/*.home section:nth-of-type(3){
    margin-top     : 120px;
    padding-bottom : 0;
}*/

.home section:nth-of-type(3) p{
    margin     : 0 auto;
    /*padding    : 0 15px;*/
    /*text-align : center;*/
}

#home-introduction{
    max-width   : 1024px;
    padding     : 0 15px 30px;
    width       : 100%;
    margin      : 0 auto;
    text-align  : center;
    font-size   : 20px;
    font-weight : 300;
}

.home h2{
    text-align    : center;
    margin-bottom : 2em;
    word-wrap     : break-word;
}

.home-section-content{
    width      : 100%;
    max-width  : 900px;
    margin     : 0 auto;
    /*font-size: 0.9em;*/
    text-align : center;
    overflow   : hidden;
}

.home-section-content p{
    padding    : 0px 15px;
    text-align : left;
    margin     : 20px 0;
}

.home-section-content img{
    margin    : 0 auto;
    width     : auto;
    max-width : 100%;
}

.home-feature-listing{
    max-width : 900px;
    margin    : 0 auto;
}

.home-feature{
    padding        : 0 8px;
    /*padding-top: 45px;*/
    margin         : 7px 0;
    position       : relative;
    display        : inline-block;
    width          : 100%;
    vertical-align : top;
    box-sizing     : border-box;
}

.home-solution-box{
    background-color : #252525;
    color            : white;
    padding-top      : 50px;
    padding-bottom   : 50px;
}

/*.home-what-is-cloudrexx h2, .home-solution-box h2{
    margin-bottom : 1em;
}*/

.home-solution-box h2{
    font-size : 40px;
    width     : 1000px;
    margin    : auto;
    max-width : 100%;
}

.home-what-is-cloudrexx img, .home-solution-box img{
    max-width : 100%;
    margin    : auto;
    display   : block;
    height    : auto !important;
}

.home-feature h3{
    /*padding-left : 60px;*/
    margin-top   : 10px;
}

.home-feature:before{
    position    : absolute;
    left        : 18px;
    top         : 0;
    font-family : FontAwesome;
    font-size   : 34px;
    color       : white;
}

#customerpanel-login{
    overflow  : hidden;
    max-width : 480px;
    margin    : 0 auto 20px auto;
    padding   : 154px 20px 20px 20px;
    color     : #FFFFFF;
}

#customerpanel-login img{
    max-width : 100%;
}

#customerpanel-sign-up{
    padding          : 20px;
    background-color : rgba(0, 0, 0, 0.2);
}

#customerpanel-sign-up input{
    color : #000000;
}

/*#cloud.home-feature:before{
    content : '\f0c2';
}

#mobile.home-feature:before{
    content : '\f10b';
}

#languages.home-feature:before{
    content : '\f1ab';
}

#shop.home-feature:before{
    content : '\f07a';
}

#news.home-feature:before{
    content : '\f075';
}

#calendar.home-feature:before{
    content : '\f073';
}

#search.home-feature:before{
    content : '\f002';
}

#info.home-feature:before{
    content : '\f129';
}

#users.home-feature:before{
    content : '\f0c0';
}

#media.home-feature:before{
    content : '\f07b';
}*/

.home-feature h3{
}

.content a.tell-me-more:after{
    font-family : FontAwesome;
    /*content     : '\f107';*/
    position    : absolute;
    right       : 15px;
    font-size   : 34px;
}

.content a.tell-me-more.open:after{
    /*content : '\f106';*/
}

/*.home-feature:nth-of-type(2n) a{*/
/*background-color: #81ad00;*/
/*}*/

.home-feature p{
    /*min-height: 10em;*/
}

li.level-1.no-click:after{
    font-family : FontAwesome; 
    content     : '\f107'; 
    position    : absolute;
    right       : -5px;
    font-size   : 25px;
    top         : 7px;
}

.level-1.level2hidden #menubuilder0{
    display : none;
}

/******************************************
 * Multisite in page
 ******************************************/
#multisite_order_content .modal-header{
    background : #216FBD;
    color      : white;
}

#multisite_order_content button.btn.btn-default.multisite_cancel{
    display : none !important;
}

#multisite_order_content button.btn.btn-default.multisite_close{
    display : none !important;
}

#multisite_order_content .modal-header h4.modal-title{
    font-size : 70px;
    padding   : 20px 0;
}

#multisite_order_content .modal-header button{
    display : none;
}

#multisite_order_content .alert-success{
    background-color : white;
    border-color     : white;
}

#multisite_order_content .modal-body,
#multisite_order_content .modal-footer{
    max-width : 900px;
    margin    : 0 auto;
}

.modal-backdrop{
    z-index : 1000 !important;
}

#multisite_order_content .modal-dialog{
    min-width     : 100%;
    padding       : 0;
    margin-right  : 0;
    margin-left   : 0;
    margin-bottom : 0;
    margin-top    : 0;
}

#multisite_order_content{
    margin-top : 118px !important;
    z-index    : 1;
}

#multisite_order_content .modal-content{
    box-shadow : none;
}

#multisite_order_content h4.modal-title img{
    position     : absolute;
    bottom       : 25px;
    margin-right : 20px;
}

#multisite_order_content .modal-body #multisite_signup_form .alert-success{
    color : black;
}

/******************************************
 * SOCIAL LOGINS
 ******************************************/

.social-logins{
    display : block;
    width   : 100%;
}

.social-logins a{
    display       : block;
    width         : 500px;
    max-width     : 100%;
    height        : 45px;
    line-height   : 45px;
    margin        : 0 auto;
    padding-left  : 60px;
    box-sizing    : border-box;
    margin-bottom : 25px;
    position      : relative;
    color         : white;
}

.social-logins a:hover{
    text-decoration : none;
}

.social-logins a:before{
    content     : ' ';
    position    : absolute;
    left        : 0;
    width       : 45px;
    height      : 45px;
    line-height : 48px;
    text-align  : center;
    font-family : FontAwesome;
    font-size   : 30px;
}

a.facebook{
    background-color : #3B5997;
}

a.facebook:before{
    background-color : #394C87;
    content          : '\f09a';
}

a.google{
    background-color : #DE4C33;
}

a.google:before{
    background-color : #CE3E26;
    content          : '\f0d5';
}

a.twitter{
    background-color : #45B0E4;
}

a.twitter:before{
    background-color : #40A2D1;
    content          : '\f099';
}

.regular-login input{
    box-sizing    : border-box;
    width         : 500px;
    max-width     : 100%;
    height        : 45px;
    line-height   : 45px;
    border        : 0;
    display       : block;
    margin        : 0 auto;
    margin-bottom : 25px;
    padding       : 0px 15px;
}

.regular-login input[type="submit"]{
    float            : right;
    width            : 125px;
    background-color : #95C700;
    border-radius    : 5px;
}

.regular-login input[type="submit"]:hover{
    background-color : #DDDDDD;
    color            : black;
}

.regular-login input[type="checkbox"]{
    height         : auto;
    line-height    : 18px;
    width          : auto;
    display        : inline-block;
    margin         : 0;
    vertical-align : middle;
    height         : 20px;
}

.regular-login .confirm-login{
    width       : 500px;
    max-width   : 100%;
    margin      : 0 auto;
    overflow    : hidden;
    line-height : 45px;
}

.regular-login .confirm-login a{
    display : inline-block;
    padding : 0px 10px;
    color   : #6CBFF1;
}

.sign-up{
    color     : #6CBFF1;
    display   : block;
    width     : 500px;
    max-width : 100%;
    margin    : 0 auto;
}

.regular-login .confirm-login label,
.regular-login .confirm-login a{
    font-size : 12px;
}

footer{
    bottom           : 0;
    min-height       : 65px;
    box-sizing       : border-box;
    width            : 100%;
    background-color : white;
    float            : left;
}

#footer-content-wrapper{
    background-color : #216FBD;
}

#footer-content{
    max-width   : 1200px;
    color       : white;
    line-height : 65px;
    /*font-weight: bold;*/
    margin      : 0 auto;
    text-align  : center;
}

#copyright-information{
}

#copyright-information img{
    display : none;
}

#footer-navigation{
    margin-left : -15px;
}

#footer-navigation a{
    padding  : 0px 19px 0 10px;
    position : relative;
    display  : inline-block;
}

#footer-navigation a:hover, #copyright-information a:hover{
    color   : #ACACAC;
    opacity : 1;
}

#footer-navigation a:after{
    content  : '|';
    position : absolute;
    right    : 0;
}

#footer-navigation a:hover:after{
    color   : white;
    opacity : 1;
}

#footer-navigation a:last-of-type:after{
    content : '';
}

#content-slider{
    text-align       : center;
    max-width        : 100%;
    /*overflow: hidden;*/
    margin-top       : 59px;
    background-color : #216FBD;
    margin-bottom    : 30px;
    padding-bottom   : 30px;
}

/*.alternative-header #content-slider{*/
/*background-color: #81ad00;*/
/*}*/

#slider-text{
    text-align  : center;
    color       : white;
    padding-top : 20px;
}

#slider-text p{
    /*font-style: italic;*/
    font-size   : 1.4em;
    padding     : 0px 30px;
    margin-top  : 20px;
    font-weight : 300;
}

#content-slider img{
    /* display   : none; */
    min-width : 100%;
    height    : auto;
    /*margin-left: -700px;*/
    /*left: 50%;*/
    position  : relative;
}

.features-block,
.content-block{
    width      : 100%;
    text-align : center;
    overflow   : hidden;
}

.features{
    border-bottom : 1px solid #DADADA;
}

.features-block{
    border-bottom : 1px solid rgba(160, 160, 160, 0.3);
}

.prices .features .buy-now{
    padding : 0;
    margin  : -15px 0px 0px 25px;
}

a.tell-me-more,
.home-feature a{
    border           : 1px solid #FFFFFF;
    display          : block;
    text-align       : center;
    height           : 50px;
    line-height      : 50px;
    background-color : #0068B1;
    color            : white;
    margin           : 0 auto;
    text-transform   : uppercase;
    letter-spacing   : 2px;
}

.content a.tell-me-more{
    color        : #000000;
    width        : 305px;
    position     : relative;
    margin       : 50px auto;
    background   : #FFFFFF;
    border-color : #000000;
}

.content a.tell-me-more:hover{
    background   : #000000;
    border-color : #000000;
    color        : #FFFFFF;
    opacity      : 1;
}

.features-block:nth-of-type(6){
    background-color : #252525;
    color            : white;
}

.features-block:nth-of-type(4) .text-block h3:before{
    color : white;
}

.features-block:nth-of-type(4) a.tell-me-more{
    background   : #216FBD;
    color        : #FFFFFF;
    border-color : #FFFFFF;
}

.features-block:nth-of-type(4) a.tell-me-more:hover{
    color        : #216FBD;
    background   : #FFFFFF;
    border-color : #FFFFFF;
}

.features-block:nth-of-type(4){
    background-color : #216FBD;
    color            : white;
}

.features-block:nth-of-type(6) .text-block h3:before{
    color : white;
}

.features-block:nth-of-type(6) a.tell-me-more{
    background   : #252525;
    color        : #FFFFFF;
    border-color : #FFFFFF;
}

.features-block:nth-of-type(6) a.tell-me-more:hover{
    color        : #252525;
    background   : #FFFFFF;
    border-color : #FFFFFF;
}

.features-block:nth-of-type(8){
    background-color : #95C700;
    color            : white;
}

.features-block:nth-of-type(8) .text-block h3:before{
    color : white;
}

.features-block:nth-of-type(8) a.tell-me-more{
    background   : #95C700;
    color        : #FFFFFF;
    border-color : #FFFFFF;
}

.features-block:nth-of-type(8) a.tell-me-more:hover{
    color        : #95C700;
    background   : #FFFFFF;
    border-color : #FFFFFF;
}

.features-block:last-of-type{
    border-bottom : 0;
}

.features-block > div{
    width      : 100%;
    max-width  : 1024px;
    clear      : both;
    margin     : 0 auto;
    text-align : left;
    overflow   : hidden;
}

.features-block > div img{
    max-width : 100%;
}

/*.features-block:nth-of-type(3),*/
.content-block:nth-of-type(3){
    background-color : #95C700;
    color            : white;
}

.content-block:nth-of-type(5){
    background-color : #216FBD;
    color            : white;
}

.content-block > div h2,
.content-block > div h3{
    margin-bottom : 20px;
    text-align    : center;
}

.content-block > div h2{
    margin-bottom : 50px;
}

.content-block > div img{
    width         : 100%;
    margin-bottom : 1em;
}

.content-block > div .content-text,
.content-block > div p{
    display     : inline-block;
    width       : 100%;
    height      : 100%;
    box-sizing  : border-box;
    padding     : 0px 15px 0;
    line-height : 1.5em;
}

.content h1{
    text-align : center;
    font-size  : 5em;
}

.content h2,
.content h3,
.content h4,
.content h5,
.content h6{
    text-align : center;
}

.content a{
    color : #428BCA;
}

#footer-sitemap{
    width          : 100%;
    max-width      : 1200px;
    margin         : 0 auto;
    padding-top    : 30px;
    padding-bottom : 80px;
    display        : none;
}

.footer-sitemap-category{
    display      : inline-block;
    width        : 100%;
    text-align   : center;
    padding      : 0 2%;
    box-sizing   : border-box;
    border-right : 1px solid #CACACA;
    margin       : 15px 0;
    display      : none;
}

.footer-sitemap-category:last-of-type{
    border : 0;
}

.footer-sitemap-category h3{
    font-weight : bold;
    font-size   : 14px;
    margin-top  : 0;
}

.footer-sitemap-category a{
    display       : block;
    line-height   : 50px;
    border-bottom : 1px solid rgba(160, 160, 160, 0.6);
}

.footer-sitemap-category h3 a{
    border-bottom : 0;
}

#social-media{
    margin     : 30px auto;
    text-align : center;
    /*margin-bottom: 45px;*/
}

#social-media a.social-link{
    font-family      : FontAwesome;
    display          : inline-block;
    font-size        : 24px;
    width            : 40px;
    height           : 40px;
    line-height      : 42px;
    background-color : #0072BB;
    color            : white;
    border-radius    : 20px;
    text-align       : center;
    vertical-align   : baseline;
    margin           : 0 5px;
}

#social-media .home-section-content p{
    font-size   : 18px;
    font-weight : lighter;
    text-align  : center;
    font-family : Roboto, sans-serif;
}

#access{
    padding   : 0 15px;
    max-width : 1200px;
    width     : 100%;
    margin    : 0 auto;
}

#access .row{
    margin : 0;
}

#access .social-logins a{
    margin-left  : 0;
    margin-right : 0;
    color        : white;
}

#customerpanel-login .row{
    margin : 0;
}

/******************************************
 * BOOTSTRAP VALIDATOR
 ******************************************/

.bv-form .help-block{
    margin-bottom : 0;
}

.bv-form .tooltip-inner{
    text-align : left;
}

.nav-tabs li.bv-tab-success > a{
    color : #3C763D;
}

.nav-tabs li.bv-tab-error > a{
    color : #A94442;
}

.bv-form .bv-icon-no-label{
    top : 0;
}

.bv-form .bv-icon-input-group{
    top     : 0;
    z-index : 100;
}

/******************************************
 * MODAL
 ******************************************/

.modal-dialog,
.modal-content{
    border-radius : 0;
}

.modal-content a{
    color : #428BCA;
}

.modal-content{
    -webkit-transition : 0.5s all;
    -moz-transition    : 0.5s all;
    -ms-transition     : 0.5s all;
    -o-transition      : 0.5s all;
    transition         : 0.5s all;
}

.modal-header{
    background-color : #F5F5F5;
}

.modal-header{
    padding       : 20px 15px;
    border-bottom : 1px solid #E5E5E5;
    min-height    : 16.43px;
}

.modal-header .close{
    margin-top : 7px;
}

.modal-title{
    font-size   : 30px;
    font-weight : lighter;
}

.modal-title{
    margin      : 0;
    line-height : 1.42857143;
}

.form-control{
    font-size : 15px;
}

.alert.alert-success{
    font-size : 16px;
}

.help-block{
    font-size : 15px;
}

.input-group-addon{
    font-size : 15px;
}

.modal-footer .btn{
    font-size : 15px;
}

.modal-body.multisite-progress > div{
    font-size : 15px;
}

.modal-footer{
    border : none;
}

.modal-backdrop{
    / / background-color : grey;
    background-color : rgba(0, 0, 0, .8);
}

#multisite_signup_form #multisite_email_address,
#multisite_signup_form .input-group.multisite-address{
    margin-bottom : 10px;
}

#contrexx-modal .modal-body{
    font-size : 16px;
}

#backToOverview{
    text-align     : center;
    background     : #95C700;
    width          : 150px;
    margin         : 50px auto;
    color          : white;
    padding        : 15px;
    font-size      : 18px;
    text-transform : capitalize;
    display        : block;
    opacity        : 1;
    height         : 50px;
}

#backToOverview:hover{
    / / color : #216fbd;
    / / background : white;
    opacity : 0.7;
    cursor  : pointer;
}

#backToButton{
    float : left;
    width : 100%;
}

/*************************************
 Download Page
 *************************************/
.downloadsite .content-block > .file_list{
    border-bottom : 1px solid rgba(160, 160, 160, 0.3);
    max-width     : 1024px;
    margin        : 0 auto;
}

.downloadsite p.more-informations:hover{
    cursor : pointer;
}

a.not-allowed{
    cursor : not-allowed;
}

#subcategories{
    width      : 100%;
    background : #216FBD;
    color      : white;
    min-height : 100px;
}

#subcategories.onlyContent {
    background : #FFFFFF;
    color      : #333333;
}

#downloads .downloadimage img{
    width  : 110px;
    height : auto;
}

.content-block .category > div img{
    width : 20px;
}

.content-block div.category{
    width   : 33%;
    display : inline-block;
}

.content-block .category.single-category{
    text-align : center;
    width      : 100%;
}

.content-block div.category a{
    color        : white;
    padding-left : 35%;
}

.content-block div.single-category a{
    padding-left : 0;
}

.content-block div.category a img{
    margin-right : 10px;
}

#downloads .file.row2, #downloads .file.row1{
    height        : 250px;
    padding       : 50px 0;
    border-bottom : 1px solid rgba(160, 160, 160, 0.3);
    display       : inline-table;
    width         : 100%;
    padding-left  : 15px;
    padding-right : 15px;
}

#downloads .downloaddescription p{
    display : none;
}

#downloads .downloaddescription p.more-informations{
    display : block;
}

#downloads .file_list div:nth-last-child(2){
    border-bottom : 0;
}

#downloads h3{
    text-align  : left;
    font-weight : normal;
    color       : #000000;
    margin-top  : 0;
}

.downloadimage{
    width        : 15%;
    margin-right : 0%;
}

#downloads .downloaddescription h2{
    text-align : left;
    font-size  : 31px;
    margin     : 0;
}

#downloads p{
    width    : 100%;
    padding  : 0;
    margin   : 30px 0 0 0;
    overflow : hidden;
    display  : block;
}

p.more-informations{
    color     : #428BCA;
    font-size : 14px;
}

.downloaddescription{
    width        : 63%;
    float        : left;
    margin-right : 5%;
}

.downloadbuttons{
    width      : 17%;
    float      : left;
    text-align : right;
}

a.download-button-1,
a.download-button-2{
    display        : inline-block;
    padding        : 10px 20px;
    width          : 100%;
    text-align     : center;
    text-transform : uppercase;
}

a.download-button-1{
    background-color : #95C700;
    color            : #FFFFFF;
}

a.download-button-2{
    background-color : #FFFFFF;
    color            : #000000;
    border           : 1px solid #000000;
    margin           : 15px 2% 0 0;
}

a.download-button-1:before,
a.download-button-2:before{
    font-family  : Fontawesome;
    margin-right : 10px;
}

a.download-button-1:before{
    content : "\f0ed";
}

a.download-button-2:before{
    content : "\f09b";
}

.file_list{
    / / float : left;
    width : 100%;
}

/******************************************
 * TEMPLATES
 ******************************************/
#downloads #subcategories{
    margin-top     : 59px;
    padding-bottom : 40px;
}

.templatesite .content-block div.category a{
    padding-left : 22%;
}

h2#template-title{
    margin-bottom : 0;
    color         : #333333;
}

.template.template-small img{
    margin-bottom : 1px;
}

.templates{
    width      : 100%;
    max-width  : 1024px;
    text-align : center;
    margin     : 0 auto;
}

.half-template{
    width   : 49.5%;
    display : inline-block;
}

.templates h2{
    font-size     : 1.5em;
    margin-bottom : 0px;
    margin-top    : 50px;
    margin-left   : 6%;
    margin-right  : 6%;
}

.templates .hover_links{
    visibility : hidden;
}

.templates article:hover > .hover_links{
    visibility : visible;
    cursor     : pointer;
    transition : visibility 2s ease 0.2s;
}

#download_entries.entry_only{
    margin-top : 59px;
    color      : white;
}

#download_entries.entry_only > h2{
    background : #216FBD;
    padding    : 143px 0;
    margin-top : 40px;
}

#download_entries.entry_only .templates .template{
    border : none;
}

.templates .template{
    display        : inline-block;
    width          : 92%;
    vertical-align : top;
    margin-top     : 10px;
    text-align     : left;
    position       : relative;
}

.templates .template img{
    width   : 100%;
    height  : auto;
    display : block;
}

.templates .template a:hover{
    background : black;
    color      : white;
}

.templates .template a{
    display          : block;
    width            : 40%;
    text-align       : center;
    margin           : 25px auto;
    color            : black;
    background-color : white;
    height           : 50px;
    line-height      : 50px;
    text-transform   : uppercase;
    letter-spacing   : 2px;
}

.templates .template a:hover{
    opacity : 1;
}

.templates .template a.to-website{
    margin-top : 10%; /*margin-top: 20%;*/
}

.templates .template-full a.to-website{
    margin-top : 28%;
}

.file_list .paging{
    margin-top : 40px;
    text-align : center;
}

.templates .template p{
    width  : 90%;
    margin : 35px auto 0;
}

.templates .template{
    padding-top       : 28px;
    background        : url('/themes/cx32/images/chrome.jpg');
    background-repeat : no-repeat;
    background-size   : 100%;
    border            : 1px solid #C0C0C0;
    border-radius     : 4px;
}

.templates .template-full{
    width       : 98%;
    padding-top : 60px;
}

.templates .hover_links{
    position   : absolute;
    top        : 0;
    margin     : 0 auto;
    width      : 100%;
    height     : 100%;
    background : rgba(0, 0, 0, 0.7);
}

.templates .flex .template-small:nth-child(2){
    margin-left : 6%;
}

.templatesite .mediadir-paging{
    margin-top : 40px;
}

.templatesite div.subcategories div.title a{
    font-size : 17px;
}

.file_list .row1, .file_list .row2{
    min-height    : 400px;
    margin-bottom : 10px;
}

#download_entries{
    background-color : #FFFFFF;
}

#downloads .subcategories{
    padding-top    : 104px;
    padding-bottom : 104px;
    width          : 100%;
    max-width      : 1024px;
    clear          : both;
    margin         : 30px auto;
    text-align     : left;
    overflow       : hidden;
}

#downloads #subcategories{
    padding-bottom : 0px;
}

#subcategories h1{
    margin  : 0;
    padding : 130px 0;
}

#subcategories.onlyContent.content-block div.category a {
    color : #333333;
}

#download_entries{
    padding-top : 0px;
    color       : #333333;
}

.templates h2{
    margin-top : 0px;
}

.file_list > h2{
    display : none;
}

@media screen and (max-width : 480px){
    .category{
        width         : 100% !important;
        text-align    : center;
        margin-bottom : 5px;
    }

    #downloads .subcategories{
        padding-top   : 0px;
        margin-bottom : 55px;
        margin-top    : 55px;
    }

    .file_list .row1, .file_list .row2{
        min-height    : initial;
        height        : auto;
        margin-bottom : 40px;
    }
}

/******************************************
 * PRICES
 ******************************************/

/** Because of the following Switch between Cloud and Download
 * the padding is not needed but the Switch should act like a sticky footer
 **/
#content-slider.no-padding{
    padding  : 0;
    position : relative;
}

#content-slider.no-padding #slider-text{
    padding-bottom : 100px; /*Height of the .type-wrapper*/
}

/** BEGIN Switch between Cloud and Download */
.type-wrapper{
    bottom         : -1px;
    color          : white;
    text-transform : uppercase;
    position       : absolute;
    width          : 100%;
}

.cloud, .download{
    display   : inline-block;
    border    : 1px solid #FFFFFF;
    font-size : 1.5em;
    width     : 100%;
    max-width : 240px;
}

.cloud, .download{
    margin-right : 20px;
}

.cloud a,
.download a{
    color   : inherit;
    display : inline-block;
    padding : 20px;
    width   : 100%;
}

.cloud:hover,
.cloud.active,
.download:hover,
.download.active,
.download a.active{
    background-color : white;
    color            : #000000;
}

/** END Switch between Cloud and Download */

.prices > div{
    display        : inline-block;
    width          : 100%;
    vertical-align : top;
    margin-bottom  : 30px;
}

.prices > div .header{
    /*background-color: #216fbd;*/
    background-color : rgba(33, 111, 189, 0.9);
    height           : 200px;
    color            : white;
    padding-top      : 24px;
    text-align       : center;
}

#free-version{
    margin-left : 1%;
}

.prices #free-version .header,
.prices #non-profit .header,
.prices #third-version .header
.prices #non-profit .header{
    /*margin-top: 10px;*/
    margin-bottom : 10px;
}

.prices #free-version .header{
    /*background-color: black;*/
    /* background-color: rgba(107, 107, 107, 0.7); */
    background-color : rgba(33, 111, 189, 0.7);
}

.prices #business-version .header{
    height           : 210px;
    /*background-color: rgb(136, 189, 19);*/
    background-color : rgb(33, 111, 189);
    /*margin-left: -10px;*/
    /*margin-right: -10px;*/
    margin-top       : -10px;
    padding-top      : 34px;
}

.prices #third-version .header{
    /*background-color: rgba(79, 184, 218, 0.8);*/
    background-color : rgba(33, 111, 189, 0.8);
}

.prices-new #free-version .header{
    background-color : rgba(107, 107, 107, 0.7);
}

.prices-new .prices #business-version .header{
    background-color : rgb(136, 189, 19);
}

.prices-new .prices #third-version .header{
    background-color : rgba(79, 184, 218, 0.8);
}

.prices > div .header:empty{
    background-color : transparent;
}

.prices .header .name{
    font-size      : 20px;
    text-transform : uppercase;
    display        : block;
    text-align     : center;
    margin-bottom  : 18px;
}

.prices .header .monthly{
    /*padding: 0 2px;*/
}

.prices .header .amount{
    font-size : 35px;
}

.prices .header .currency{
    vertical-align : super;
    position       : relative;
    margin-left    : -13px;
    top            : -10px;
}

.prices > div.description > span{
    text-align : left;
}

.prices .features span{
    display       : block;
    height        : 26px;
    line-height   : 26px;
    padding       : 0px 15px;
    text-align    : left;
    font-size     : 14px;
    /*background-color: #f5f5f5;*/
    border-bottom : 1px solid #DADADA;
    position      : relative;
    /*border-left: 1px solid #dadada;*/
}

.prices .header .chf .currency,
.prices .header .euro .currency{
    margin-left : 5px;
}

.prices .features p{
    padding   : 15px;
    font-size : 14px;
}

/*.prices > div:last-child > span {*/
/*border-right: 1px solid #dadada;*/
/*}*/

/*.prices .features span.yes:before,*/
/*.prices .features span.no:before {*/
/*position: absolute;*/
/*left: 10%;*/
/*font-family: FontAwesome;*/
/*}*/

/*.prices .features span.yes:before {*/
/*content: '\f00c';*/
/*color: #84b408;*/
/*}*/

/*.prices .features span.no:before {*/
/*content: '\f00d';*/
/*color: #fc920a;*/
/*}*/

.prices .features{
    height     : 450px;
    overflow   : hidden;
    box-sizing : border-box;
    margin-top : 15px;
    position   : relative;
}

.download_prices .prices .features{
    height : 250px;
}

.features ul li{
    line-height : 25px;
}

#business-version .features{
    margin-top : 13px;
}

.prices .features ul{
    list-style : square;
    margin-top : 11px;
}

.text-block.prices{
    border : none;
}

.prices .order{
    height           : 50px;
    line-height      : 50px;
    display          : block;
    background-color : #95C700;
    width            : 90%;
    margin           : 30px auto 15px auto;
    text-align       : center;
    color            : white;
    text-transform   : uppercase;
    max-width        : 350px;
}

.prices .toggle-features{
    text-align       : center;
    background-color : #DADADA;
    font-family      : FontAwesome;
    height           : 32px;
    line-height      : 32px;
    font-size        : 28px;
    display          : block;
    border-top       : 1px solid #DADADA;
    color            : white;
    margin-top       : 12px;
    display          : none;
}

.prices h2 .priceplan{
    font-weight : lighter;
}

.prices-periods, .prices-currency{
    width            : 100%;
    max-width        : 1024px;
    margin           : 60px auto 0;
    text-align       : center;
    /*border-bottom: 1px solid #dadada;*/
    background-color : #F1F1F1;
    padding-top      : 18px;
    border-bottom    : 1px solid #D5D5D5;
}

.periods-wrapper, .currency-wrapper{
    max-width : 755px;
    margin    : 0 auto;
    padding   : 0 20px;
}

.prices-new .prices-periods, .prices-new .prices-currency{
    background-color : #FFFFFF;
    border           : 1px solid #DADADA;
    border-left      : none;
    border-right     : none;
    height           : 50px;
    margin-top       : 35px;
    margin-left      : 1%;
    max-width        : 950px;
    padding          : 0;
}

.prices-new .prices-currency{
    margin-top : 0;
    border-top : 0;
}

.euro{
    display : none;
}

.prices-periods a, .prices-currency a{
    display                 : inline-block;
    width                   : 33%;
    height                  : 50px;
    line-height             : 50px;
    border-top-left-radius  : 3px;
    border-top-right-radius : 3px;
    margin-left             : -10px;
    /*background-color: white;*/
    vertical-align          : bottom;
    font-size               : 1.4em;
    position                : relative;
    color                   : rgb(51, 51, 51);
    bottom                  : -1px;
    border-top              : 1px solid #F1F1F1;
}

.prices-periods a.active, .prices-currency a.active{
    border-left      : 1px solid #DADADA;
    border-top       : 1px solid #DADADA;
    border-right     : 1px solid #DADADA;

    /*height: 54px;*/
    /*line-height: 58px;*/
    background-color : white;
    opacity          : 1;
}

.prices-periods a.monthly:after,
.prices-periods a.biannually:after,
.prices-currency a.monthly:after,
.prices-currency a.biannually:after{
    /*position: absolute;*/
    /*top: 5px;*/
    /*left: 10px;*/
    /*height: 35px;*/
    /*line-height: 10px;*/
    font-size   : 12px;
    line-height : 12px;
    /*font-weight: bold;*/
    /*width: 35px;*/
    /*background-color: #81ad00;*/
    /*display: block;*/
    /*border-radius: 35px;*/
    /*line-height: 35px;*/
    /*color: white;*/
    color       : #428BCA;
    margin-left : 5px;
}

.prices-periods a.biannually:after, .prices-currencys a.euro:after{
    content : '-10%';
}

.prices-periods a.monthly:after{
    /*content: '+10%';*/
}

/* prices-periods new */
.prices-periods > span, .prices-currency > span{
    padding : 15px 5px 5px 5px;
    display : inline-block;
}

.prices-periods span:hover,
.prices-periods span label:hover,
.prices-currency span:hover,
.prices-currency span label:hover{
    cursor : pointer;
}

.prices-periods label, .prices-currency label{
    font-weight    : 100;
    margin-bottom  : 0;
    vertical-align : top;
}

.prices-periods input[type="radio"], .prices-currency input[type="radio"]{
    margin : 3px 5px 0 15px;
}

.prices-periods label[for="biannually"]:after{
    content        : "-10%";
    font-size      : 10px;
    vertical-align : middle;
    margin-left    : 5px;
    color          : #428BCA;
}

.prices-new h2.annual-prices, .prices-new h2.biannual-prices, .prices-new h2.monthly-prices{
    margin-bottom : 0;
    padding       : 40px 0 0px;
}

h2.monthly-prices.chf.euro{
    display : block;
}

h2.open-source-title{
    padding-top : 40px;
    font-size   : 2.75em;
    white-space : pre-wrap;
    word-break  : break-word;
}

.prices-new .prices{
    border : none;
}

.annual-prices,
.biannual-prices{
    display : none;
}

.monthly-prices, .biannual-prices, .annual-prices{
    min-height : 50px;
}

.prices .buy-now{
    width            : 90%;
    display          : block;
    height           : 50px;
    line-height      : 50px;
    color            : rgb(51, 51, 51);
    /*color: white;*/
    margin           : 15px auto;
    /*background-color: #95c700;*/
    background-color : #FFFFFF;
    font-weight      : bold;
    /*opacity: 0.3;*/
    cursor           : pointer;
}

.prices .business-aktion .buy-now{
    margin : 3px auto 15px;
}

.features a.trial{
    cursor           : pointer;
    position         : absolute;
    bottom           : 10px;
    border           : 1px solid rgb(218, 218, 218);
    text-align       : center;
    background-color : rgb(241, 241, 241);
    margin           : 0px 5% !important;
}

a.buy-now.downloads{
    cursor : pointer;
}

.prices{
    position    : relative;
    padding-top : 30px;
}

p#download_link{
    text-align : center;
    margin-top : 25px;
    width      : 49.5%;
    display    : inline-block;
}

.prices:before{
    position         : absolute;
    content          : 'Coming Soon';
    padding-top      : 48%;
    box-sizing       : border-box;
    color            : white;
    font-size        : 80px;
    text-align       : center;
    left             : -2%;
    top              : -2%;
    width            : 104%;
    height           : 104%;
    background-color : rgba(0, 0, 0, 0.6);
    /*opacity: 0.6;*/
    z-index          : 99;
    /*border: 1px solid rgb(90,90,90);*/
    display          : none;
}

.prices > .comment{
    border        : none;
    padding-left  : 15px;
    padding-right : 15px;
    width         : 100%;
    font-size     : 16px;
}

.prices > .comment.footnote {
    font-size     : 10px;
    text-align    : center;
    padding-right : 30px;
}

.prices > .partner-button,
.prices > .enterprise-button{
    display          : inline-block;
    border           : 1px solid rgb(218, 218, 218);
    text-align       : center;
    text-transform   : uppercase;
    font-size        : 1.5em;
    background-color : rgb(241, 241, 241);
    /*padding: 24px 0px;*/
}

.prices > .partner-button a,
.prices > .enterprise-button a{
    color      : #000000;
    display    : inline-block;
    padding    : 24px 0px;
    width      : 100%;
    height     : 100%;
    border-box : padding-box;
}

.prices > .partner-button a:hover,
.prices > .enterprise-button a:hover{
    color            : #FFFFFF;
    background-color : rgb(149, 199, 0);
}

/* Download */
.prices-new #community.open-source{
    font-size : 1.3em;
    margin    : 0 auto;
    max-width : 755px;
    padding   : 0 20px;
    text-align: center;
}

a#community-download{
    display          : inline-block;
    padding          : 10px 20px;
    background-color : #95C700;
    color            : white;
    width            : 350px;
}

a#community-download:before{
    content      : "\f0ed";
    font-family  : Fontawesome;
    margin-right : 10px;
}

#download .prices #commercial{
    margin-left : 1%;
}

/******************************************
 * CONTACT FORM
 ******************************************/
div#contactFormError{
    color     : red;
    font-size : 18px;
}

#contact-google-maps{
    height : 340px;
}

#contactDescription{
    font-weight : lighter;
    font-size   : 18px;
}

#contactFormError{
    display : none;
}

#contactFormError,
#contactForm{
    width     : 100%;
    max-width : 780px;
    margin    : 0 auto;
    padding   : 0 15px;
}

.contact{
    margin : 10px 0;
    float  : left;
    width  : 100%;
}

#login label,
#customerpanel-login label,
.mediadirSearchForm label,
.contact label{
    display : block;
    padding : 10px 5px;
}

#login input,
#customerpanel-login input,
.mediadirSearchForm textarea,
.mediadirSearchForm select,
.mediadirSearchForm input,
.contact textarea,
.contact select,
.contact input{
    width         : 100%;
    padding       : 10px 15px;
    box-sizing    : border-box;
    border-radius : 3px;
    border        : 1px solid #BBBBBB;
    font-size     : 18px;
    display       : block;
}

#login input[type="submit"],
#customerpanel-login input[type="submit"],
.mediadirSearchForm input[type="submit"],
.contact input[type="submit"],
.contact input[type="reset"]{
    color            : white;
    background-color : #81AD00;
}

.contact input[type="reset"]{
    background-color : #216FBD;
}

.contact input[type="checkbox"]{
    float      : left;
    display    : inline-block;
    width      : 10px;
    text-align : left;
    margin-top : 15px;
}

input#contactFormFieldId_469{
    display : inline-block;
    float   : none;
}

label[for="contactFormFieldId_469"]{
    width   : 50%;
    display : inline-block;
}

.contact input[type="checkbox"] ~ label{
    width : 66.5%;
}

#login input[type="submit"]:hover,
#customerpanel-login input[type="submit"]:hover,
.contact input[type="submit"]:hover,
.contact input[type="reset"]:hover{
    opacity : 0.8;
}

#coreCaptchaCode{
    margin-bottom : 15px;
}

fieldset{
    margin : 15px 0;
}

#free-test,
#home-more{
    display          : block;
    margin           : 0 auto;
    /*background-color : #0068B1;*/
    height           : 50px;
    line-height      : 50px;
    color            : white;
    width            : 350px;
    text-align       : center;
    text-transform   : uppercase;
    margin-bottom    : 30px;
}

#home-more{
    margin-top       : 30px;
    /*background-color : #216FBD;*/
    /*    color            : #FFFFFF;
        border           : 1px solid #FFFFFF;*/
    color            : #000000;
    border           : 1px solid #000000;
    font-weight      : normal;
    letter-spacing   : 2px;
}

#home-more:hover{
    color            : #216FBD;
    background-color : #FFFFFF;
    opacity          : 1;
}

#free-test{
    margin-top       : 0px;
    margin-bottom    : 50px;
    background-color : #95C700;
    letter-spacing   : 2px;
}

.news-detail a#free-test{
    font-size  : 14px;
    margin-top : 25px;
}

#innovation-price, #software-logo{
    display       : block;
    margin-bottom : 50px;
}

#innovation-price img, #software-logo img{
    max-width : 200px;
}

aside{
    display          : none;
    position         : fixed;
    right            : 0;
    width            : 300px;
    height           : 100%;
    background-color : rgb(38, 38, 38);
    z-index          : 30;
    margin-top       : -59px;
}

aside a{
    display       : block;
    height        : 50px;
    line-height   : 50px;
    border-bottom : 1px solid rgba(255, 255, 255, 0.7);
    color         : white;
    padding       : 0 15px;
}

/******************************************
 * REFERENZEN
 ******************************************/

#references{
    /*max-width: 1024px;*/
    /*margin: 0 auto;*/
    /*background-color: grey;*/
    box-sizing : border-box;
}

#references .contentLead{
    padding : 20px 15px;
}

#references .entries-wrapper{
    /*background-color:#216fbd;*/
    background-color : #95C700;
    padding          : 80px 0;
}

#references .entries{
    max-width : 1024px;
    margin    : 0 auto;
    padding   : 15px 0;
}

#references .reference{
    display          : block;
    width            : 95%;
    margin           : 0 auto;
    box-sizing       : border-box;
    background-color : white;
    margin-bottom    : 5px;
    text-align       : center;
}

.contentLead,
.mediadirSearchForm{
    max-width  : 1024px;
    padding    : 40px 15px;
    box-sizing : border-box;
    margin     : 0 auto;
}

#select-language-mobile{
    padding-top    : 5px;
    text-align     : center;
    border-bottom  : 1px solid rgba(160, 160, 160, 0.7);
    padding-bottom : 5px;
}

#select-language-mobile a{
    display      : inline-block;
    padding      : 5px 15px 5px 0;
    margin-right : 15px;
    position     : relative;
}

#select-language-mobile a:hover{
    color : #FFFFFF;
}

#select-language-mobile a:after{
    content  : '|';
    position : absolute;
    right    : -5px;
}

#select-language-mobile a:hover:after{
    opacity : 1;
    color   : #FFFFFF;
}

#select-language-mobile a:last-of-type:after{
    content : '';
}

#sector-list{
    padding    : 0;
    list-style : none;
    max-width  : 1024px;
    margin     : 0 auto;
    padding    : 0 15px;
}

#sector-list li{
    display       : inline-block;
    text-align    : center;
    width         : 100%;
    margin-bottom : 15px;
}
#sector-list li a{
    color          : #FFFFFF;
    width          : 300px;
    position       : relative;
    /* margin: 50px auto; */
    background     : #000000;
    border-color   : #000000;
    border         : 1px solid #252525;
    display        : block;
    text-align     : center;
    height         : 50px;
    line-height    : 50px;
    margin         : 0 auto;
    text-transform : uppercase;
    letter-spacing : 2px;
}

#sector-list li a:hover{
    background   : #FFFFFF;
    border-color : #000000;
    color        : #000000;
    opacity      : 1;
}
#sector-lists {
    list-style: outside none none;
    margin: 0 auto;
    max-width: 1024px;
    padding: 0 15px;
}
#sector-lists li {
    margin-bottom: 15px;
    width: 33%;
    display: inline-block;
    text-align: center;
}
#sector-lists li a {
  background: rgba(0, 0, 0, 0) url("/themes/cx32/images/sector_arrow.png") no-repeat scroll 0 3px;
  border-bottom: 1px solid #b9b9b9;
  color: #000;
  display: block;
  letter-spacing: 2px;
  margin: 0 auto;
  padding: 0 0 10px 15px;
  position: relative;
  text-align: left;
  width: 300px;
}
#case-studies-wrapper{
    background-color : #95C700;
    color            : white;
    padding          : 15px 0;
}

#case-studies{
    max-width  : 1024px;
    padding    : 0 15px;
    box-sizing : border-box;
    margin     : 0 auto;
}

.case-study{
    display          : inline-block;
    width            : 33%;
    vertical-align   : top;
    background-color : white;
    color            : black;
    box-sizing       : border-box;
    padding          : 15px;
    position         : relative;
    margin-bottom    : 15px;
}

.case-study img{
    width         : 100%;
    height        : auto;
    margin-bottom : 15px;
}

.case-study .project-links{
    position : relative;
}

.case-study .project-links a{
    display          : block;
    width            : 100%;
    height           : 50px;
    line-height      : 50px;
    text-align       : center;
    color            : white;
    background-color : #216FBD;
    margin-bottom    : 5px;
}

.content .content-button{
    display          : block;
    height           : 50px;
    line-height      : 50px;
    text-align       : center;
    color            : white;
    background-color : #216FBD;
    margin           : 15px 0;
}

/******************************************
 * FEATURES
 ******************************************/
.features-block h2{
    font-size : 43px;
}

.features-block .introduction{
    margin-top : 30px;
    padding    : 0 15px 0 0;
}

.features-details .text-block{
    display       : block;
    width         : 100%;
    position      : relative;
    padding       : 0 15px;
    margin-bottom : 50px;
}

.features-details .text-block h3{
    margin-bottom : 40px;
    position      : relative;
    text-align    : left;
    padding-left  : 40px;
    height        : 25px;
}

.features-details p{
    /*padding-left: 100px;*/
    position : relative;
}

.features-details .text-block h3:before{
    font-family : FontAwesome;
    position    : absolute;
    font-size   : 34px;
    left        : 0;
    top         : -4px;
    color       : #0068B1;
}

.features-details .applications h3:before{
    content : '\f0c9';
}

.features-details .links h3:before{
    content : '\f14c';
}

.features-details .blocks h3:before{
    content : '\f0f2';
}

.features-details .database h3:before{
    content : '\f1c0';
}

.features-details .content-manager h3:before{
    content : '\f0c5';
}

.features-details .secure-areas h3:before{
    content : '\f084';
}

/*.features-details .design-templates h3:before{*/
/*content: '\f1bd';*/
/*}*/

.features-details .multilingual h3:before{
    content : '\f1ab';
}

.features-details .metatags h3:before{
    content : '\f02b';
}

.features-details .design-templates h3,
.features-details .multichanneling h3{
    padding-left : 50px;
}

.features-details{
    margin-bottom : 50px;
    display: none;
}

.functions{
    width  : 820px;
    margin : 0 auto;
}

a.function{
    width          : 270px;
    max-width      : 100%;
    display        : inline-block;
    background     : #616161;
    height         : 270px;
    color          : white;
    font-size      : 32px;
    vertical-align : top;
    padding        : 20px;
    text-align     : center;
}

a.function:hover{
    background : #383838;
    opacity    : 1;
}

a.function i{
    display    : block;
    padding    : 37px 0;
    text-align : center;
    font-size  : 52px;
}

a.function:nth-of-type(4), a.function:nth-of-type(5), a.function:nth-of-type(6){
    margin-top : 2px;
}

/******************************************
 * BRANCHEN
 ******************************************/

.industry{
    width      : 100%;
    max-width  : 1024px;
    text-align : center;
    margin     : 0 auto;
}

.industry h2{
    margin-bottom : 10px;
}

.industry .hover_links{
    visibility : hidden;
}

.industry article:hover > .hover_links{
    visibility : visible;
    cursor     : pointer;
    transition : visibility 2s ease 0.2s;
}

.industry .projects{
    display        : inline-block;
    width          : 46%;
    vertical-align : top;
    margin-top     : 58px;
    text-align     : left;
    position       : relative;
}

.industry .projects img{
    width   : 100%;
    height  : auto;
    display : block;
}

.industry .projects a:hover{
    background : black;
    color      : white;
}

.industry .projects a{
    display          : block;
    width            : 40%;
    text-align       : center;
    margin           : 25px auto;
    color            : black;
    background-color : white;
    height           : 50px;
    line-height      : 50px;
    text-transform   : uppercase;
    letter-spacing   : 2px;
}

.industry .projects a:hover{
    opacity : 1;
}

.industry .projects a.to-website{
    margin-top : 20%;
}

.industry .project-full a.to-website{
    margin-top : 28%;
}

.industry .projects p{
    width  : 90%;
    margin : 35px auto 0;
}

.industry .projects,
.browser{
    padding-top       : 28px;
    background        : url('/themes/cx32/images/chrome.jpg');
    background-repeat : no-repeat;
    background-size   : 100%;
    border            : 1px solid #C0C0C0;
    border-radius     : 4px;
}

.industry .project-full{
    width       : 98%;
    padding-top : 60px;
}

.industry .hover_links{
    position   : absolute;
    top        : 0;
    margin     : 0 auto;
    width      : 100%;
    height     : 100%;
    background : rgba(0, 0, 0, 0.7);
}

.industry .flex .projects-small:nth-child(2){
    margin-left : 6%;
}

.home_functions{
    width      : 682px;
    max-width  : 100%;
    float      : left;
}

.home_function i{
    display    : block;
    text-align : center;
    margin     : 20px 0;
    font-size  : 24px;
}

.home_functions a:hover{
    color            : white;
    opacity          : 1;
    background-color : #2B2928;
    cursor           : pointer;
}

.home_function{
    width          : 16.333%;
    display        : inline-block;
    background     : rgba(0, 0, 0, 0.2);
    margin-left    : 0.4%;
    vertical-align : top;
    min-height     : 110px;
    text-align     : center;
    height         : auto;
    word-wrap      : break-word;
}
.home_function:first-child{
    margin-left : 0;
}

/*********************************************
 * PARTNERPORTAL                              *
 *********************************************/
body.partner-portal #content-slider{
    background          : url('/themes/cx32/images/background-partnerportal.png') no-repeat;
    background-position : bottom center;
    background-size     : cover;
}

@media only screen and (min-width : 1780px){
    body.partner-portal #content-slider{
        / / background-size : contain;
        min-height : 427px;
    }
}

body.partner-portal .level-2.cloud.inactive{
    background : #040B14;
    opacity    : 0.7;
}

body.partner-portal .level-2.cloud.inactive:hover{
    background    : #FFFFFF;
    border        : 1px solid #000000;
    border-bottom : none;
    opacity       : 1;
}

div.partnerportal-form p{
    width        : 100%;
    padding-left : 75px;
}

div.partnerportal-form p span{
    display : inline-block;
    width   : 19%;
}

a.green-button{
    display          : block;
    / / padding : 10 px 20 px;
    padding          : 0px 20px;
    background-color : #95C700;
    color            : white;
    width            : 350px;
    text-transform   : uppercase;
    text-align       : center;
    margin           : 42px auto 70px;
    line-height      : 50px;
}

.lightgrey{
    background-color : #F1F1F1;
    padding          : 100px 0 15px;
}

.partnerportal-box{
    margin-bottom : 53px;
    min-height    : 380px;
}

.partnerportal-img img{
    width  : 100%;
    height : auto;
}

.partnerportal-text h3{
    text-align : left;
    color      : #000000;
}

.btn-crexx{
    max-width        : 100%;
    white-space      : pre-wrap;
    background-color : #95C700;
    border-radius    : 0px;
    padding          : 10px 20px;
    color            : #FFFFFF !important;
    text-align       : center;
    margin           : 20px auto !important;
    text-transform   : uppercase;
    line-height      : 28px;
    letter-spacing   : 2px;
    font-weight      : 100;
}

.center{
    text-align : center;
}

.partnerportal-form p span input{
    margin-right : 5px;
}

.partner-portal .container div.row div > h3{
    text-align : left;
}

input#coreCaptchaCode{
    max-width : 150px;
}

/********** affiliate programm page **********/

.img-responsive img{
    width : 100%;
}

div.container div.row{
    margin-bottom : 10px;
}

.partner-portal div.container div.row > h3, .partner-portal div.container div.row > h4{
    text-align : left;
    / / padding : 0 15 px;
}

.partner-portal .container h4{
    text-align : left;
}

.partner-portal .container ul{
    list-style   : none;
    padding-left : 0px;
}

.partner-portal .container ul li{
    font-size     : 17px;
    margin-bottom : 15px;
}

.partner-portal .container ul li i{
    font-size : 20px;
    color     : #95C700;
}

.partner-portal .container ol{
    padding-left : 20px;
    font-size    : 17px;
}

.margin55{
    margin-bottom : 55px;
}

.accordion-toggle{
    color : #333333 !important;
}

.panel-group{
    margin-bottom : 55px;
}

.panel-heading{
    background-color : #DDDDDD !important;
}

.panel-title, .panel-body{
    font-size : 17px;
}

.affiliate{
    font-size : 17px;
    margin    : 20px 0;
}

.affiliate td{
    padding : 5px 5px;
    border  : 1px solid #DDDDDD;
}

.affiliate-productname{
    font-weight : bold;
}

.affiliate-product1{
    background-color : rgba(79, 184, 218, 0.8);
    color            : #FFFFFF;
}

.affiliate-product2{
    background-color : rgb(136, 189, 19);
    color            : #FFFFFF;
}

.affiliate-product3{
    background-color : rgba(33, 111, 189, 0.9);
    color            : #FFFFFF;
}

#affiliate-accordion{
    padding : 0 15px;
}

#affiliate-accordion .panel-group h3, #affiliate-accordion .panel-heading h4{
    text-align  : left;
    font-size   : 17px;
    font-weight : bold
}

#affiliate-accordion label{
    margin-bottom : 0px;
}

#accordion p{
    font-size : 17px;
}

/********** Schulungen page **********/
#kursleiter_formula form{
    padding : 0px;
}

/********** Experten page **********/
#experten{
    margin-bottom : 30px;
}

#experten .row div > h2{
    text-align : left;
}

#experten .partnerportal-content{
    background-color :;
    text-align       : center;
}

#experten .partnerportal-content span{
    width : 35%;
    float : right;
}

#experten .partnerportal-form{
    display : inline-block;
}

#experten .partnerportal-form a{
    display : inline-block;
}

#experten .partnerportal-form p{
    width      : 100%;
    display    : inline-block;
    text-align : initial;
}

.expert-form{
    margin-bottom : 40px !important;
}

.expert-form legend{
    font-size : 3.55em;;
}

.expert-form #expert-check-left{
    width : 48.5%;
    float : left;
}

.expert-form #expert-check-right{
    width : 48.5%;
    float : right;
}

.templatethumbs{
    float   : left;
    padding : 0 15px;
    width   : 100%;
    margin  : 40px 0;
}

.thumbnail{
    display            : block;
    padding            : 4px;
    margin-bottom      : 20px;
    line-height        : 1.42857143;
    -webkit-transition : all .2s ease-in-out;
    transition         : all .2s ease-in-out;
    border-radius      : 0;
    border             : none;
    background-color   : none;
}

.carousel-control{
    position    : absolute;
    top         : 0;
    left        : 0;
    bottom      : 0;
    width       : 15%;
    opacity     : .5;
    font-size   : 20px;
    color       : #FFFFFF;
    text-align  : center;
    text-shadow : none;
}

.carousel-control.left{
    background-image : none;
}

.carousel-control.right{
    left             : auto;
    right            : 0;
    background-image : none;
}

.carousel-control{
    padding-top : 10.25%;
    width       : 5%;
}

.slides li{
    margin        : 0 5px;
    max-height    : 185px;
    overflow      : hidden;
    text-align    : center;
    margin-bottom : 0px !important;
}

.flexslider{
    margin-bottom : 0px !important;
    background    : transparent !important;
    border        : none !important;
    border-radius : 0px !important;
    box-shadow    : none !important;
}

.flexslider ol{
    display : none !important;
}

#checklist li{
    display : inline-block;
    float   : left;
    width   : 260px;
}

/********** Anbieter page **********/

figure a img{
    float : right;
}

#anbieter section a.btn-crexx{
    margin-top : 10px !important;
}

#tool-fokus{
    padding-top      : 30px;
    padding-bottom   : 30px;
    background-color : #252525;
    color            : #FFFFFF;
    margin           : 50px 0;
}

#fokus-img{
    padding : 30px;
}

#tool-partner-buttons{
    text-align    : center;
    margin-bottom : 40px;
}

#tool-partner-buttons div{
    display : inline-block;
}

#tool-partner-buttons .signup-button a{
    color : #FFFFFF;
}

#tool-partner-buttons .signup-button a:hover{
    color : #333333;
}

.tool-partners{
    padding : 20px 0;
}

.tool-partners img{
    max-width : 138px !important;
}

.tool-partner blockquote{
    margin-left : 20px;
}

#anbieter #partner-form{
    height        : auto;
    margin-bottom : 47px;
}

#tools-services img[alt="Payrexx"], #tools-services img[alt="Payrexx Logo"]{
    background : #00AFF0;
    padding    : 5px;
}

#tools-services img[alt="COUB"]{
    background-color : #0433FF;
}

#tools-services img[alt="Email on Acid Logo"]{
    background-color : #333333;
}

#tools-services{
    margin-bottom : 60px;
}

#tools-services .container > div > h3{
    text-align : left
}

div.row#foto-services{ padding : 40px 0; }

div.row#newsletter-services{ padding : 40px 0; }

div.row#buchungstools-services{ padding : 40px 0; }

div.row#homepage-services{ padding : 40px 0; }

div.row#nützliche-services{ padding : 40px 0; }

div.row#shop-services{ padding : 40px 0; }

/********** Kooperation page **********/

#hotelcard{
    background : #EBECF0;
    float      : right;
}

#hotelcard img, #payrexx img{
    margin : 20px;
    float  : none;
}

#payrexx{
    background : #00AFF0;
    float      : right;
}

/********** Agenturen page **********/

#agentur{
    margin-bottom : 45px;
}

#agentur-newsletter-form{
    text-align : center;
}

#agentur-newsletter-form input[type="text"]{
    height      : 30px;
    line-height : 30px;
    width       : 300px;
}

#agentur-newsletter-form input, #agentur-newsletter-form button{
    margin : 10px;
}

#agentur-newsletter-form button{
    background-color : #95C700;
    height           : 30px;
    line-height      : 30px;
    display          : inline-block;
    padding          : 0 15px;
    border-radius    : 5px;
    color            : #FFFFFF;
    font-size        : 14px;
    border           : none;
}

#agentur-newsletter-form button:hover{
    background-color : #DDDDDD;
    color            : #000000;
}

#agentur-newsletter-divide-top{
    padding    : 30px 0 0;
    background : #FFFFFF;
    background : -moz-radial-gradient(center bottom, ellipse cover, #EFEFEF 0, #FFFFFF 60%);
    background : -webkit-gradient(radial, center bottom, 0, center bottom, 60%, color-stop(0%, #EFEFEF), color-stop(60%, #FFFFFF));
    background : -webkit-radial-gradient(center bottom, ellipse cover, #EFEFEF 0, #FFFFFF 60%);
    background : -o-radial-gradient(center bottom, ellipse cover, #EFEFEF 0, #FFFFFF 60%);
    background : -ms-radial-gradient(center bottom, ellipse cover, #EFEFEF 0, #FFFFFF 60%);
    background : radial-gradient(ellipse at center bottom, #EFEFEF 0, #FFFFFF 60%);
}

#agentur-newsletter-divide-bottom{
    padding       : 0 0 30px;
    background    : #FFFFFF;
    background    : -moz-radial-gradient(center top, ellipse cover, #EFEFEF 0, #FFFFFF 60%);
    background    : -webkit-gradient(radial, center top, 0, center top, 60%, color-stop(0%, #EFEFEF), color-stop(60%, #FFFFFF));
    background    : -webkit-radial-gradient(center top, ellipse cover, #EFEFEF 0, #FFFFFF 60%);
    background    : -o-radial-gradient(center top, ellipse cover, #EFEFEF 0, #FFFFFF 60%);
    background    : -ms-radial-gradient(center top, ellipse cover, #EFEFEF 0, #FFFFFF 60%);
    background    : radial-gradient(ellipse at center top, #EFEFEF 0, #FFFFFF 60%);
    margin-bottom : 10px;
}

.agentur-newsletter-divide-inner{
    height     : 1px;
    background : #FFFFFF;
    background : -moz-linear-gradient(left, #FFFFFF 0, #B7B7B7 30%, #B7B7B7 70%, #FFFFFF 100%);
    background : -webkit-gradient(linear, left top, right top, color-stop(0%, #FFFFFF), color-stop(10%, #FFFFFF), color-stop(30%, #B7B7B7), color-stop(70%, #B7B7B7), color-stop(90%, #FFFFFF), color-stop(100%, #FFFFFF));
    background : -webkit-linear-gradient(left, #FFFFFF 0, #B7B7B7 30%, #B7B7B7 70%, #FFFFFF 100%);
    background : -o-linear-gradient(left, #FFFFFF 0, #B7B7B7 30%, #B7B7B7 70%, #FFFFFF 100%);
    background : -ms-linear-gradient(left, #FFFFFF 0, #B7B7B7 30%, #B7B7B7 70%, #FFFFFF 100%);
    background : linear-gradient(to right, #FFFFFF 0, #B7B7B7 30%, #B7B7B7 70%, #FFFFFF 100%);
}

/********** 404 - Seite nicht gefunden page **********/

/*.404#content-slider{
    background-color : #FFFFFF !important;
    color            : #333333 !important;
}*/

@media (max-width : 600px){
    .home_function{
        width : 33%;
    }

    .home_function:nth-child(4){
        margin-left : 0;
    }

    .home_function:nth-child(4), .home_function:nth-child(5), .home_function:nth-child(6){
        margin-top : 20px;
    }

    .home_function{
        background-color : #383838;
    }

    a.home_function:hover{
        background-color : white;
        color            : #383838;
    }

    #logo{
        padding-left : 15px;
    }

    .content h1{
        font-size : 3em;
    }

    #multisite_order_content .modal-header h4.modal-title{
        font-size : 42px;
    }

    #multisite_order_content{
        margin-top : 59px !important;
    }
    #sector-lists li {
       width: 100%;
    }
}

@media only screen and (max-width : 1025px){
    .industry .projects{
        width       : 38%;
        padding-top : 20px;
    }
    #header-and-main div#content-home {
        background-position: top !important;
        -webkit-background-position: top !important;
        -moz-background-position: top !important;
        background-size: inherit !important;
        -webkit-background-size: inherit !important;
        -moz-background-size: inherit !important;
        -o-background-size: inherit !important;
        background-repeat-y: no-repeat;

    }
    .industry .project-full{
        width       : 80%;
        padding-top : 45px;
    }

    .industry .projects a{
        width : 70%;
    }

    .industry .flex .projects-small:nth-child(2){
        margin-left : 4%;
    }

    .file_list{
        width  : 90%;
        margin : 0 5%;
    }

    .templatesite .content-block div.category a{
        padding-left : 15%;
    }

    div.partnerportal-form p span{
        display : inline-block;
        width   : 24%;
    }

    .partnerportal-box{
        width        : 45%;
        margin-right : 2%;
    }
}

@media only screen and (max-width : 940px){

    .industry .projects{
        padding-top : 17px;
    }

    .industry .project-full{
        padding-top : 32px;
    }

    .industry .projects a{
        width : 80%;
    }

    .industry .projects a.to-website{
        margin-top : 12%;
    }

    a.function{
        width     : 32.8%;
        font-size : 27px;
    }

    .functions{
        width : 96%;
    }

    .features-block .introduction{
        padding : 0 15px;
    }

    #downloads .downloadimage{
        width : 25%;
    }

    .templatesite .content-block div.category a{
        padding-left : 12%;
    }

    .horizontal-list li{
        width         : 40%;
        margin-bottom : 20px;
    }
}

@media only screen and (max-width : 770px){
    .prices-new .open-source#community #community-download{
        display     : block;
        margin-left : 0;
        text-align  : center;
    }

    p#download_link{
        display : block;
        width   : 350px;
        margin  : 20px auto;
    }

    .templatesite .content-block div.category a{
        padding-left : 10%;
    }

}

@media only screen and (max-width : 720px){
    .industry .projects{
        padding-top : 14px;
    }

    .industry .project-full{
        padding-top : 30px;
    }

    .cloud{
        width     : auto;
        max-width : auto;
    }
}

@media only screen and (max-width : 660px){
    div.partnerportal-form p span{
        width : 32%;
    }

}

@media only screen and (max-width : 630px){
    /*Community*/
    body.community a.function{
        width  : 100% !important;
        margin : 0 0 20px 0 !important;
    }

    /*Community End*/
    .industry .projects{
        padding-top : 25px;
        width       : 80%;
    }

    .industry .projects a.to-website{
        margin-top : 20%;
    }

    .industry .flex .projects-small:nth-child(2){
        margin-left : 0%;
    }

    a.function:nth-of-type(3){
        margin-top : 2px;
    }

    a.function{
        width : 49%;
    }

    .horizontal-list li{
        width : 100%;
    }

    .news-detail iframe{
        height : 400px;
    }
}

@media only screen and (max-width : 530px){
    .industry .projects{
        padding-top : 20px;
    }

    .templatesite .content-block div.category{
        width : 100%;
    }

    .templatesite .content-block div.category a{
        padding-left : 20%;
    }

    div.partnerportal-form p span{
        width : 49%;
    }
}

@media only screen and (max-width : 505px){
    .branchen .branchen-block .image img{
        height : auto !important;
        width  : 100%
    }

    /************
     * Prices
     ************/
    .type-wrapper .cloud{
        margin-right : 4%;
    }

    .type-wrapper .cloud,
    .type-wrapper .download{
        max-width : 42%;
    }

    .type-wrapper .cloud a,
    .type-wrapper .download a{
        padding : 7px;
    }
}

@media only screen and (max-width : 430px){
    .industry .projects{
        padding-top : 18px;
    }

    .industry .projects a.to-website{
        margin-top : 14%;
    }

    a.function{
        width : 100%;
    }

    a.function:nth-of-type(2){
        margin-top : 2px;
    }

    .news-detail iframe{
        height : 200px;
    }
}

@media only screen and (max-width : 390px){
    .industry .projects{
        padding-top : 16px;
    }

    .home_function{
        width      : 100%;
        margin-top : 10px;
    }

    p#download_link{
        width : 290px;
    }

    a#community-download{
        width : 290px;
    }

    a.green-button{
        max-width : 100%;
    }
}

@media only screen and (max-width : 350px){
    .industry .projects{
        padding-top : 14px;
    }

    .industry .projects a{
        font-size   : 10px;
        height      : 40px;
        line-height : 40px;
    }

    div.partnerportal-form p span{
        width         : 100%;
        margin-bottom : 5px;
    }

    a.green-button{
        width : 290px;
    }
}

@media only screen and (max-width : 310px){
    .industry .projects{
        padding-top : 10px;
    }
}

.project-white,
.project-green,
.project-black,
.project-blue,
.project-grey{
    padding : 50px 0 100px;
}

.project-white{
    background-color : #FFFFFF;
}

.project-green{
    background-color : #95C700;
    color            : #FFFFFF;
}

.project-black{
    background-color : #252525;
    color            : #FFFFFF;
}

.project-blue{
    background-color : #216FBD;
    color            : #FFFFFF;
}

.project-grey{
    background-color : #DDDDDD;
}

.home_functions{
    width      : 682px;
    max-width  : 100%;
    float      : left;
}

.home_function i{
    display    : block;
    text-align : center;
    margin     : 20px 0;
    font-size  : 24px;
}

.home_functions a:hover{
    color            : white;
    opacity          : 1;
    background-color : #2B2928;
    cursor           : pointer;
}
.home_function:first-child{
    margin-left : 0;
}

@media (max-width : 600px){
    .home_function{
        width : 33%;
    }

    .home_function:nth-child(4){
        margin-left : 0;
    }

    .home_function:nth-child(4), .home_function:nth-child(5), .home_function:nth-child(6){
        margin-top : 20px;
    }

    .home_function{
        background-color : #383838;
    }

    a.home_function:hover{
        background-color : white;
        color            : #383838;
    }

    #logo{
        padding-left : 15px;
    }

    .content h1{
        font-size : 3em;
    }
}

@media only screen and (max-width : 1025px){
    .templates .template{
        width       : 76%;
        padding-top : 20px;
    }

    .templates .template-full{
        width       : 80%;
        padding-top : 45px;
    }

    .templates .template a{
        width  : 70%;
        margin : 15px auto;
    }

    .templates .flex .template-small:nth-child(2){
        margin-left : 4%;
    }
    #home-text #floatingimage {position: static; margin-bottom: 60px; width: 100%; text-align: center;float: left;}
}

@media only screen and (max-width : 940px){

    .branchen .branchen-block .text, .branchen .branchen-block .image{
        width      : 100% !important;
        margin     : 0 !important;
        text-align : center !important;
        float      : none !important;
        padding    : 0 20px;
    }

    .branchen .branchen-block .text h2{
        text-align : center !important;
    }

    .half-template{
        width : 100%;
    }

    .templates .template{
        padding-top : 33px;
    }

    .templates .template-full{
        padding-top : 32px;
    }

    .templates .template a{
        width : 80%;
    }

    .templates .template a.to-website{
        margin-top : 12%;
    }

    a.function{
        width     : 32.8%;
        font-size : 27px;
    }

    .functions{
        width : 96%;
    }

    .features-block .introduction{
        padding : 0 15px;
    }

    #downloads .downloadbuttons{
        width      : 100%;
        margin-top : 20px;
    }

    #downloads .downloaddescription{
        width        : 75%;
        float        : left;
        margin-right : 0;
    }
}
/* @media only screen and (max-width : 1200px){
    #home-text #floatingimage {position: static; margin-bottom: 60px; width: 100%; text-align: center;}

}
*/
@media only screen and (max-width : 720px){
    .templates .template{
        padding-top : 14px;
    }

    .templates .template-full{
        padding-top : 30px;
    }
}

@media only screen and (max-width : 630px){
    .templates .template{
        padding-top : 25px;
        width       : 80%;
    }

    .templates .template a.to-website{
        margin-top : 15%;
    }

    .templates .flex .template-small:nth-child(2){
        margin-left : 0%;
    }

    a.function:nth-of-type(3){
        margin-top : 2px;
    }

    a.function{
        width : 49%;
    }

    .partnerportal-box{
        width        : 100%;
        margin-right : 0%;
    }
}

@media only screen and (max-width : 530px){
    .templates .template{
        padding-top : 23px;
    }

    .templates .template a{
        height      : 40px;
        line-height : 40px;
    }
}

@media only screen and (max-width : 480px){
    .partnerportal-box{
        width        : 100%;
        margin-right : 0%;
    }

    .partnerportal-content div.container{
        padding-left  : 0px;
        padding-right : 0px;
    }

    .expert-form #expert-check-left{
        width : 100%;
        float : left;
    }

    .expert-form #expert-check-right{
        width : 100%;
        float : left;
    }

    #agentur-newsletter-form button{
        margin-top : 0px;
        width      : 300px;
    }
}

@media only screen and (max-width : 430px){
    .templates .template{
        padding-top : 18px;
    }

    .templates .template a.to-website{
        margin-top : 10%;
    }

    a.function{
        width : 100%;
    }

    a.function:nth-of-type(2){
        margin-top : 2px;
    }
}

@media only screen and (max-width : 390px){
    .templates .template{
        padding-top : 16px;
    }

    .home_function{
        width      : 100%;
        margin-top : 10px;
    }
}

@media only screen and (max-width : 350px){
    .templates .template{
        padding-top : 14px;
    }

    .templates .template a{
        font-size   : 10px;
        height      : 30px;
        line-height : 30px;
    }
}

@media only screen and (max-width : 310px){
    .templates .template{
        padding-top : 10px;
    }
}

.template-white,
.template-green,
.template-black,
.template-blue,
.template-grey{
    padding : 50px 0 100px;
}

.template-white{
    background-color : #FFFFFF;
}

.template-green{
    background-color : #95C700;
    color            : #FFFFFF;
}

.template-black{
    background-color : #252525;
    color            : #FFFFFF;
}

.template-blue{
    background-color : #216FBD;
    color            : #FFFFFF;
}

.template-grey{
    background-color : #DDDDDD;
    color            : #000000;
}

/******************************************
 * FAQ
 ******************************************/

.faq{
    font-size : 18px;
}

.faq .accordion-group{
    border-top : 1px solid #C2C2C2;
    padding    : 10px 0;
    color      : #363636;
}

.faq a.accordion-toggle{
    color       : #363636;
    font-weight : 500;
}

.faq a.accordion-toggle:hover,
.faq a.accordion-toggle:focus{
    color : #454545;
}

.faq h3{
    text-align : left;
    margin-top : 40px;
}

.faq .accordion-inner{
    margin : 20px 0 30px;
}

/******************************************
 * IMPRINT
 ******************************************/
.imprint h3{
    text-align : left;
}

.agb h3, .agb h2{
    text-align : left;
}

.agb{
    font-size : 18px;
}

/******************************************
 * ACCORDION3
 ******************************************/
#accordion3{
    border  : 0;
    width   : 97.5%;
    margin  : 0;
    display : block;
}

#accordion3 a.accordion-toggle{
    text-align : center;
    display    : block;
    font-size  : 1.4em;
}

#accordion3 th{
    font-weight : normal;
    padding     : 8px 15px;
}

#accordion3 tr{
    border-bottom : 1px solid #DADADA;
}

#accordion3 td{
    width       : 16%;
    height      : 26px;
    line-height : 26px;
    padding     : 8px 15px;
    text-align  : left;
    font-size   : 14px;
}

#accordion3 #collapse1{
    margin       : 20px 0 0 0;
    border-left  : 1px solid #DADADA;
    /*border-top: 1px solid #dadada;*/
    border-right : 1px solid #DADADA;
}

#accordion3 td.check:after{
    content : "\f00c";
}

.solo-column{
    /*background-color: rgba(33, 111, 189, 0.8);*/
    background-color : rgba(79, 184, 218, 0.8);
    color            : #FFFFFF;
}

.business-column{
    /*background-color: rgba(33, 111, 189, 1);*/
    background-color : rgb(136, 189, 19);
    color            : #FFFFFF;
}

.non_profit-column{
    background-color : rgba(33, 111, 189, 0.9);
    color            : #FFFFFF;
}

.free-column{
    /*background-color: black;*/
    background-color : rgba(107, 107, 107, 0.7);
    color            : #FFFFFF;
}

/*****************************************
 * PARTNERPROGRAMM
 *****************************************/

.partner-wrapper{
    width      : 100%;
    float      : left;
    background : #FFFFFF;
    border-top : 1px solid rgb(211, 211, 211);
}

.partnerprog, .verzeichnis{
    display   : inline-block;
    border    : 1px solid #FFFFFF;
    font-size : 1.5em;
    width     : 100%;
    max-width : 255px;
}

.partnerprog, .verzeichnis{
    margin-right : 20px;
}

.partnerprog a, .verzeichnis a{
    color   : inherit;
    display : inline-block;
    padding : 20px;
    width   : 100%;
}

.partnerprog:hover, .partnerprog.active, .verzeichnis:hover, .verzeichnis.active{
    background-color : white;
    color            : #000000;
}

#vorteile #boxes h3{
    margin-bottom : 40px;
    position      : relative;
    text-align    : left;
    padding-left  : 40px;
    width         : 100%;
    float         : left;
}

#vorteile #boxes h3:before{
    font-family : FontAwesome;
    position    : absolute;
    font-size   : 34px;
    left        : 0;
    top         : 0;
    color       : #FFFFFF;
}

#vorteile #boxes h3:before{
    content : '\f058';
}

.head-text{
    text-align    : center;
    margin-top    : 50px;
    margin-bottom : 10px;
}

#partner-table{
    text-align : center;
}

#partner-table h1{
    margin-bottom : 60px;
}

#partner-table table{
    margin : 0 auto;
}

#partner-table  table > tbody > tr td:first-child{
    text-align : left;
    /*font-weight: bold;*/
}

#partner-table table > tbody > tr td:nth-child(2),
#partner-table table > thead > tr > th:nth-child(2){
    background-color : rgba(107, 107, 107, 0.7);
    color            : #FFFFFF;
}

#partner-table table > thead > tr > th:nth-child(3),
#partner-table table > tbody > tr td:nth-child(3){
    background-color : rgba(79, 184, 218, 0.8);
    color            : #FFFFFF;
}

#partner-table table > thead > tr > th:nth-child(4),
#partner-table table > tbody > tr td:nth-child(4){
    background-color : rgb(136, 189, 19);
    color            : #FFFFFF;
}

#partner-table table > thead > tr > th:nth-child(5),
#partner-table table > tbody > tr td:nth-child(5){
    background-color : rgba(33, 111, 189, 0.9);
    color            : #FFFFFF;
}

#partner-table table td{
    border : 1px solid #BEBEBE;
}

#partner-table table th{
    height : 45px;
}

#partner-table table tr{
    height : 30px;
}

#partner-table th{
    border        : 1px solid #BEBEBE;
    border-bottom : 2px solid white;
}

#partner-table table tr td{
    width : 17%;
}

#partner-table table tr td:first-child{
    padding-left : 10px;
    width        : auto !important;
}

#partner-table table thead > tr > th:first-child{
    border-bottom : none !important;
}

#partner-table table > tbody > tr:nth-child(1) > td:nth-child(1){
    border-top : 1px solid #BEBEBE;
}

#partner-table table > thead th{
    text-align : center;
}

p.no-entries-found{
    max-width : 1024px;
    margin    : 30px auto;
}

.box{
    color      : #FFFFFF;
    min-height : 280px;
}

.box span{
    font-size : 40px;
    color     : #95C700;
}

.box h3{
    margin-bottom : 20px;
    text-align    : left;
}

.box p{
    text-align : left;
}

#vorteile{
    background-color : #216FBD !important;
    padding-top      : 30px;
    padding-bottom   : 50px;
    margin-top       : 80px;
}

#vorteile h2{
    color : #FFFFFF;
}

#contactFrame > h3{
    font-size     : 3em !important;
    margin-bottom : 30px;
}

#partner-form input[type=submit]{
    float : left;
    width : 50%;
}

#partner-form input[type=reset]{
    float : right;
    width : 50%;
}

#table-title{
    margin-bottom : 80px;
}

#table2, #table3, #table4{
    display : none;
}

/*************************************
 Community 27.05.2015
 *************************************/
body.community #content-slider{
    background : linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url('/images/content/Community/community_header_small.png');
}

body.community a.function{
    background-color  : rgb(33, 111, 189);
    width             : calc(50% - 10px);
    padding-top       : 90px;
    font-size         : 55px;
    margin-bottom     : 20px;
    background-repeat : no-repeat;
}

body.community a.function:nth-child(even){
    margin-left : 10px;
}

body.community a.function:nth-child(odd){
    margin-right : 10px;
}

body.community a.function:hover, body.community a.function:focus, body.community a.function:active{
    background-color : rgb(19, 84, 148);
    opacity          : 1;
}

body.community a#support{
    background-image    : url('/images/content/Community/Community_Support.png');
    background-position : 20px 20px;
}

body.community a#forum{
    background-image    : url('/images/content/Community/Community_Forum.png');
    background-position : 20px calc(100% - 20px);
}

body.community a#downloads{
    background-image    : url('/images/content/Community/Community_Downloads.png');
    background-position : 20px calc(100% - 20px);
}

body.community a#resources{
    background-image    : url('/images/content/Community/Community_Resources.png');
    background-position : calc(100% - 20px) calc(100% - 20px);
}

body.community a#wiki{
    background-image    : url('/images/content/Community/Community_Wiki.png');
    background-position : 20px calc(100% - 20px);
}

body.community a#affiliate{
    background-image    : url('/images/content/Community/Community_Affiliate.png');
    background-position : calc(100% - 20px) calc(100% - 20px);
}

body.community div#community_links{
    height : 290px;
    margin : 80px auto;
}

body.community div#community_links li{
    list-style : none;
}

body.community div#community_links ul{
    margin  : 0;
    padding : 0;
}

body.community div#community_links div{
    width   : 33.33%;
    float   : left;
    padding : 0 60px 0 60px;
    height  : inherit;
}

body.community div#community_links div:not(:last-of-type){
    border-right : 1px solid #CACACA;
}

body.community div#community_links h4{
    text-align : left;
}

body.community div#community_links div:first-of-type{
    padding : 0 60px 0 0;
}

/*************************************
 Community End
 *************************************/

/*************************************
 Branchen 27.05.2015
 *************************************/
body.branchen div#content-slider{
    background: url(../../../images/content/Branchen/header_bg.jpg) no-repeat center center scroll; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    width: 100%;
    height: 780px;
    //background-image  : url('/images/content/Branchen/header_bg.jpg');
    //height            : 780px;
    //background-size   : auto 929px;
    //background-repeat : no-repeat;
}

body.branchen div#content-slider:before{
    content             : "";
    width               : 100%;
    height              : 100%;
    position            : absolute;
    background-image    : url('/images/content/Branchen/header_man.png');
    background-repeat   : no-repeat;
    //background-position : 25% bottom;
    background-position : calc(50% - 314px) bottom;
    background-size     : auto 580px;
    left                : 0;
    bottom              : 0;
}

.branchen #slider-text p{
    font-family : 'Roboto', sans-serif; color : black;
    font-size   : 40px;
    left        : 52%; position : absolute;
    text-align  : left;
    font-weight : 500;
    padding     : 0;
}

.branchen #floatingimage img{
    display    : block;
    max-height : 100000px;
    max-width  : 100000px;
    height     : 290px;
    min-width  : 0;
}

.branchen #floatingimage{
    top     : 390px !important;
    left    : 52%;
    display : block !important;
}

.branchen #anmelden a{
    color       : white;
    height      : 55px;
    position    : absolute;
    left        : 52%;
    top         : 15px;
    font-size   : 30px;
    font-family : 'Roboto', sans-serif;
    font-weight : 500;
    width       : 510px;
    padding     : 12px 0px 0 0px;
    text-align  : center;
}

.branchen #anmelden{
    background-color : rgba(0, 0, 0, 0.6);
    margin-top       : -110px;
    height           : 80px;
    position         : relative;
    z-index          : 1000000;
    text-align       : right;
}

.branchen #branchen_referenzen li{
    list-style : none;
    display    : inline-block;
    padding: 15px 25px;
}

.branchen #branchen_referenzen li:first-child {
    padding-left: 0px;
}

.branchen #branchen_referenzen li:last-child {
    padding-right: 0px;
}

.branchen #branchen_referenzen ul{
    margin  : 0;
    padding : 0;
    display : inline-block;
}

.branchen #branchen_referenzen{
    background-color : #F1F1F1;
    text-align       : center;
    -webkit-filter   : grayscale(1);
    filter           : grayscale(1);
    -moz-filter      : grayscale(1);
    -o-filter        : grayscale(1);
    -ms-filter       : grayscale(1);
}

.branchen .branchen-block{
    width      : 100%;
    min-height : 400px;
}

.branchen .branchen-block#start{
    background-color : rgb(33, 111, 189);
    color            : white;
}

.branchen .branchen-block#point-2{
    background-color : #252525;
    color            : white;
}

.branchen .branchen-block#point-4{
    background-color : rgb(33, 111, 189);
    color            : white;
}

.branchen .branchen-block:nth-child(odd) .image{
    text-align : right;
    margin     : 0 0 0 10px;
}

.branchen .branchen-block > div{
    max-width : 1024px;
    margin    : 0 auto;
    width     : 100%;
    padding   : 60px 0;
}

.branchen .branchen-block:nth-child(even) .image{
    float  : left;
    margin : 0 0 0 10px;
}

.branchen .branchen-block:nth-child(odd) .text{
    text-align : left;
    margin     : 0 10px 0 0;
}

.branchen .branchen-block:nth-child(even) .text{
    margin : 0 10px 0 0;
}

.branchen .branchen-block .text, .branchen .branchen-block .image{
    width   : calc(50% - 20px);
    display : inline-block;
}

.branchen .branchen-block#point-1 h2, .branchen .branchen-block#point-2 h2, .branchen .branchen-block#point-3 h2, .branchen .branchen-block#point-4 h2{
    font-size  : 34px;
    text-align : left;
    margin-top : 0;
}

.branchen .branchen-block#point-1 h2:before, .branchen .branchen-block#point-2 h2:before, .branchen .branchen-block#point-3 h2:before, .branchen .branchen-block#point-4 h2:before{
    border-radius : 50%;
    text-align    : center;
    height        : 50px;
    font-weight   : 700;
    padding       : 9px 0 0 0;
    font-size     : 30px;
    display       : inline-block;
    width         : 50px;
    margin-right  : 20px;
}

.branchen .branchen-block#point-1 h2:before{
    content          : "1";
    background-color : rgb(33, 111, 189);
    color            : rgb(255, 255, 255);
}

.branchen .branchen-block#point-2 h2:before{
    content          : "2";
    background-color : white;
    color            : rgb(37, 37, 37);
}

.branchen .branchen-block#point-3 h2:before{
    content          : "3";
    background-color : rgb(33, 111, 189);
    color            : rgb(255, 255, 255);
}

.branchen .branchen-block#point-4 h2:before{
    content          : "4";
    background-color : white;
    color            : rgb(33, 111, 189);
}

.branchen .branchen-block .image{
    vertical-align : middle;
    padding-top    : 10px;
}

.branchen .branchen-block .text{
    vertical-align : top;
}

.branchen .branchen-block .image img{
    height : 280px;
}

.branchen #anmelden a:hover{
    color : black;
}

.branchen .branchen-block#handwerk li{
    list-style  : none;
    line-height : 1.9;
}

.branchen .branchen-block#handwerk li:before{
    content      : "\f00c";
    display      : inline-block;
    font-family  : FontAwesome;
    color        : rgb(149, 199, 0);
    margin-right : 5px;
}

.branchen .branchen-block#handwerk ul{
    padding : 0;
    margin  : 30px 0;
}

.branchen .branchen-block#handwerk .signup-button a{
    border-radius : 0;
    color         : white;
    width         : auto;
    height        : auto;
    padding       : 10px 90px;
    font-weight   : 500;
}

.branchen .branchen-block#handwerk .signup-button a:hover{
    color : black;
}

.branchen .branchen-block#handwerk .image img{
    height : 360px;
}

.branchen .branchen-block h2{
    margin-top : 0;
}

.branchen .branchen-block#handwerk > div{
    padding-top : 0;
}

.branchen .blocks{
    display     : inline-block;
    float       : none;
    margin-left : -3px;
}

.branchen .blocks h4{
    text-align    : left;
    margin-bottom : 20px;
}

.branchen .blocks p{
    font-size : 16px;
}

.branchen .blocks .number{
    font-size        : 30px;
    font-weight      : 800;
    width            : 50px;
    height           : 50px;
    display          : inline-block;
    text-align       : center;
    box-sizing       : border-box;
    padding          : 5px 0 0 0;
    background-color : white;
    color            : rgb(33, 111, 189);
    border-radius    : 50%;
}

.branchen .blocks .arrows:before{
    content     : "\f0da  \f0da  \f0da";
    width       : 50px;
    height      : 50px;
    display     : inline-block;
    font-family : FontAwesome;
    font-size   : 25px;
    padding     : 8px 0 0 0;
}

.branchen .blocks .arrows{
    display : inline-block;
    float   : right;
}

.branchen-block .branchen-slider {
    width: 100% !important;
    max-width: initial !important;    
    padding: 0px !important;
    height: 830px;
    position: relative;
}

.branchen-block .branchen-slider .carousel {
    height: 100%;
}

.branchen-block .branchen-slider .carousel-inner > .item > img,
.branchen-block .branchen-slider .carousel-inner > .item > a > img{
    margin:auto;
}

.branchen-block .branchen-slider .arrow-left,
.branchen-block .branchen-slider .arrow-right {
    font: normal normal normal 14px/1 FontAwesome;
    display: inline-block;
    font-size: 5em;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0, 0);
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.branchen-block .branchen-slider .arrow-right:before {
    content: "\f105";
}

.branchen-block .branchen-slider .arrow-left:before {
    content: "\f104";
}

.branchen-block .branchen-slider .arrow-left {
    left: 20%;
}

.branchen-block .branchen-slider .arrow-right {
    right: 20%;
}

.branchen-block .branchen-slider .carousel-control {
    color: #fff;
    opacity: 1;
}

.branchen-block .branchen-slider .carousel-inner {
    background: url(../../../images/content/Branchen/hg_bild_referenzen.jpg) no-repeat center center fixed; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    width: 100%;
    height: 100%;
}
.branchen-block .branchen-slider .item .slider-wrapper {
    width: 100%;
    height: 100%;
    position: relative;
    margin: 0;
    padding: 0;
    border: 0;
}
.branchen-block .branchen-slider .item .slider-wrapper td {
    vertical-align: middle;
    text-align: center;
}

.carousel-inner > .item {
    height: 100%;
}

.carousel-inner > .item img {
    max-width: 100%;
    height: auto;
    padding: 0 15px;
}

.branchen-block .branchen-slider #slider-titel {
    width: 100%;
    position: absolute;
    z-index: 1;
}

.branchen-block .branchen-slider #slider-titel h2 {
    color: #fff;
    margin-bottom: 0px;
    margin-top: 60px;
}

.carousel-indicators li {
    background-color: #000 \9;
    background-color: #8f8f8e;
    border: 1px solid #8f8f8e;
    border-radius: 10px;
    margin: 1px;
    margin-right: 5px;
}

.carousel-indicators .active {
    border: 1px solid #fff;
    width: 10px;
    height: 10px;
    margin: 1px;
    margin-right: 5px;
}

.carousel-indicators {
    bottom: 60px;
}

@media (max-width : 480px){
    .branchen-block .branchen-slider .arrow-left, .branchen-block .branchen-slider .arrow-right {
        font-size: 3em;
    }
    .carousel-inner > .item img {
        padding: 0 30px;
    }
    .branchen-block .branchen-slider {
        height: 400px;
    }
    .branchen-block .branchen-slider #slider-titel h2 {
        margin-top: 33px;
    }
    .carousel-indicators {
        bottom: 25px;
    }
    .carousel-inner > .item img {
        height: 200px;
    }
}
/*************************************
 Branchen End
 *************************************/

@media (max-width : 600px){

    html body div#header-and-main main.content div#content-slider div#slider-text p{
        margin-bottom : 60px;
    }

    #table2, #table3, #table4{
        display : block;
    }

    /*#table1 #partner-table > table > thead > tr > th:nth-child(3),
    #table1 #partner-table > table > thead > tr > th:nth-child(4),
    #table1 #partner-table > table > thead > tr > th:nth-child(5),
    #table1 table tbody tr td:nth-child(3),
    #table1 table tbody tr td:nth-child(4),
    #table1 table tbody tr td:nth-child(5){
        display : none;
    }*/

    #table2 #partner-table > table > thead > tr > th:nth-child(2),
    #table2 #partner-table > table > thead > tr > th:nth-child(4),
    #table2 #partner-table > table > thead > tr > th:nth-child(5),
    #table2 table tbody tr td:nth-child(2),
    #table2 table tbody tr td:nth-child(4),
    #table2 table tbody tr td:nth-child(5){
        display : none;
    }

    #table3 #partner-table > table > thead > tr > th:nth-child(2),
    #table3 #partner-table > table > thead > tr > th:nth-child(3),
    #table3 #partner-table > table > thead > tr > th:nth-child(5),
    #table3 table tbody tr td:nth-child(2),
    #table3 table tbody tr td:nth-child(3),
    #table3 table tbody tr td:nth-child(5){
        display : none;
    }

    #table4 #partner-table > table > thead > tr > th:nth-child(2),
    #table4 #partner-table > table > thead > tr > th:nth-child(3),
    #table4 #partner-table > table > thead > tr > th:nth-child(4),
    #table4 table tbody tr td:nth-child(2),
    #table4 table tbody tr td:nth-child(3),
    #table4 table tbody tr td:nth-child(4){
        display : none;
    }

    #partner-table table tr td{
        width : 50% !important;
    }
}

@media (max-width : 533px){
    .partnerprog, .verzeichnis{
        width     : auto;
        font-size : 1.2em;
    }

    .partnerprog{
        margin-right : 10px;
    }

    .downloadsite .type-wrapper .download{
        max-width    : 125px;
        margin-right : 0;
    }
}

@media (max-width : 480px){
    .head-text a#free-test,
    #social-media a#free-test,
    .row a#free-test{
        width : 90%;
    }

    .partnerprog, .verzeichnis{
        width     : auto;
        font-size : 1em;
    }

    .partnerprog{
        margin-right : 0px;
    }
}

footer{
    border-top : 1px solid rgba(160, 160, 160, 0.3);
}

/******************************************
 * RESPONSIVE
 ******************************************/
@media (max-width : 600px){
    #content-home,
    #content-customerpanel{
        height     : auto !important;
        background : #252525;
    }

    .prices-periods a{
        font-size : 0.9em;
    }

    .home-solution-box-inner{
        width : 100%;
    }

    .home-solution-box-inner h2, .home-solution-box-inner a, .home-solution-box-inner #innovation-price, .home-solution-box-inner a, .home-solution-box-inner #innovation-price img{
        width       : 80%;
        margin-left : 10%;
    }

    .home-solution-box-inner a, .home-solution-box-inner #innovation-price img{
        width  : 70%;
        margin : 20px 0 0 15%;
    }

    #partner-form input[type=submit]{
        float : left;
        width : 100%;
    }

    #partner-form input[type=reset]{
        float : left;
        width : 100%;
    }

    .prices > div{
        display        : inline-block;
        width          : 100%;
        vertical-align : top;
        margin-bottom  : 30px;
    }

    .prices > div .features a.trial{
        position   : relative;
        margin-top : 20px !important;
    }

}

@media (min-width : 601px){
    header{
        position : fixed;
        top      : 0;
    }

    contactFrame legend h2{
        font-size: 49px;
    }

    #contact-google-maps{
        height     : 340px;
        margin-top : 118px;
    }

    .modal-dialog{
        width     : 800px;
        max-width : calc(100% - 20px);
    }

    #content-home,
    #content-customerpanel{
        /*position: absolute;*/
        /*top: 50%;*/
        /*left: 50%;*/
        /*margin-left: -300px;*/
        /*margin-top: -224px;*/
        position              : relative;
        width                 : 100%;
        /*text-align: center;*/
        text-align            : left;
        /*padding-left: 20%;*/
        margin-top            : 59px;
        background-image      : url(../images/home_background_01.jpg?v=2);
        background-position   : center center;
        background-position-x : 0 !important;
    }

    .home section,
    .customerpanel section{
        padding-top: 63px;
    }

    #content-home.random2,
    #content-customerpanel.random2{
        background-image : url(../images/home_background_02.jpg?v=2);
    }

    #content-home.random3,
    #content-customerpanel.random3{
        background-image : url(../images/home_background_03.jpg?v=2);
    }

    #home-scroll-down{
        display : block;
    }

    #home-text p{
        max-width : 1024px;
    }

    #home-text h1{
        font-size : 46px;
    }

    .home-feature p{
        min-height : 6.5em;
    }

    .home-solution-box{
        padding-top    : 100px;
        padding-bottom : 100px;
    }

    .content-block > div img ~ .content-text,
    .content-block > div img ~ p{
        width : 39.5%;
    }

    h2{
        font-size : 3.55em;
    }

    #footer-content{
        text-align : left;
    }

    /**
     * content with a large image
     **/
    .features-block > div img,
    .content-block.large-image > div img{
        width        : 100%;
        margin-right : 0;
        height       : auto !important;
    }

    .features-block .introduction,
    .content-block.large-image .text-block{
        width  : 80%;
        margin : 50px auto;
    }

    .content-block.large-image.two-paragraphs .text-block{
        width   : 49.5%;
        display : inline-block;
    }

    /**
     * content with a small image
     **/
    .content-block.small-image > div img{
        width        : 59.5%;
        float        : left;
        margin-right : 30px;
    }

    .content-block.small-image p{
        display : block;
    }

    .content-block.small-image:nth-of-type(2n) > div img{
        float : right;
    }

    .content-block:nth-of-type(3),
    .content-block:nth-of-type(5){
        min-height : 800px;
    }

    #home-link{
        /*height: 220px;*/
        /*width: 220px;*/
        /*padding: 60px 35px;*/
        /*border-radius: 220px;*/
        /*margin-left: -70px;*/
        /*display: inline-block;*/
        /*position: relative;*/
        /*top: 50%;*/
        /*margin-top: -110px;*/
    }

    #home-sign-up{
        width            : 682px;
        max-width        : 100%;
        background-color : rgba(0, 0, 0, 0.2);
        padding          : 20px;
        margin-top       : 25px;
    }

    #home-sign-up .multisite-address-field{
        border         : 0;
        width          : 60%;
        /* Firefox */
        width          : -moz-calc(95% - 152px);
        /* WebKit */
        width          : -webkit-calc(95% - 152px);
        /* Opera */
        width          : -o-calc(95% - 152px);
        /* Standard */
        width          : calc(95% - 152px);
        display        : inline-block;
        box-sizing     : border-box;
        color          : #252525;
        position       : relative;
        vertical-align : top;
    }

    #home-sign-up input:after{
        content  : '.cloudrexx.com';
        position : absolute;
        right    : 15px;
        color    : black;
    }

    #home-sign-up input[type="submit"]{
        border-radius    : 5px;
        height           : 45px;
        line-height      : 45px;
        border           : 0;
        width            : 160px;
        padding          : 0 15px;
        display          : inline-block;
        box-sizing       : border-box;
        background-color : #95C700;
        /*margin-left: 20px;*/
        margin-left      : 2%;
        margin-top       : 0;
        font-weight      : lighter;
        margin-top       : 0;
        font-size        : 18px;
    }

    .headline-item{
        width        : 32%;
        margin-right : 1%;
    }

    .home-feature{
        width : 32.5%;
    }

    main{
        margin-top : -59px;
    }

    footer{
        /*position: absolute;*/
        border-top : 1px solid rgba(160, 160, 160, 0.3);
        /*margin-top: 30px;*/
    }

    .footer-sitemap-category{
        width          : 24.5%;
        text-align     : left;
        vertical-align : top;
        min-height     : 250px;
    }

    #slider-text{
        padding-top : 125px;
    }

    #content-slider{
        min-height : 400px;
    }

    .home-section-content img{
        float     : right;
        max-width : 33%;
    }

    .home-solution-box-inner{
        width : 100%;
    }

    .home-solution-box-inner h2, .home-solution-box-inner a, .home-solution-box-inner #innovation-price, .home-solution-box-inner a, .home-solution-box-inner #innovation-price img{
        width       : 80%;
        margin-left : 10%;
    }

    .home-solution-box-inner a, .home-solution-box-inner #innovation-price img{
        width  : 30%;
        margin : 20px 0 0 35%;
    }

    .footer-sitemap-category a{
        line-height   : 1.75;
        border-bottom : 0;
    }

    #copyright-information{
        display : inline-block;
        width   : 50%;
    }

    #copyright-information img{
        display : block;
    }

    #footer-navigation{
        text-align  : right;
        display     : inline-block;
        width       : 49%;
        margin-left : 0px;
    }

    #coreCaptchaCode{
        width        : 85%;
        display      : inline-block;
        margin-right : 2%;
        box-sizing   : border-box;
    }

    #coreCaptchaImage{
        width          : 12%;
        vertical-align : top;
        height         : 47px;
    }

    .features-block,
    .content-block{
        padding : 40px 0;
    }

    #references .contentLead{
        padding : 80px 15px;
    }

    /******************************************
     * PRICES
     ******************************************/
    .contact input[type="submit"],
    .contact input[type="reset"]{
        width   : 49.5%;
        display : inline-block;
    }

    /******************************************
     * PRICES
     ******************************************/
    .prices{
        max-width     : 1000px;
        margin        : 0 auto;
        border-left   : 1px solid #D5D5D5;
        border-bottom : 1px solid #D5D5D5;
        border-right  : 1px solid #D5D5D5;
        padding       : 40px 5px 20px 20px;
    }

    .prices > div{
        width         : 49.15%;
        border-left   : 1px solid #DADADA;
        /*border-bottom: 1px solid #dadada;*/
        border-right  : 1px solid #DADADA;
        border-radius : 3px;
    }

    /*.prices > div:last-of-type {*/
    /**/
    /*}*/
    .prices > div.description{
        display : none;
    }

    .prices > div.description:first-child{
        display : inline-block;
    }

    .prices #business-version,
    .prices #third-version{
    }

    .prices-periods a{
        width : 25%;
    }

    .important-questions{
        margin-bottom : 100px;
        margin-top    : 70px;
    }

    .important-questions h4{
        text-align : left;
    }

    .prices > .partner-button,
    .prices > .enterprise-button{
        width       : calc(98% + 3px);
        margin-left : 0;
    }

    /******************************************
     * REFERENCES
     ******************************************/
    #references{
        text-align : center;
    }

    #references .reference{
        width   : 49%;
        display : inline-block;
    }

    .mediadirSearchForm .normal,
    .mediadirSearchForm .expanded{
        /*display: inline-block;*/
        /*width: 49.5%;*/
        box-sizing : border-box;
    }

    .mediadirSearchForm p{
        text-align : center;
    }

    .mediadirSearchForm input,
    .mediadirSearchForm select{
        max-width : 600px;
        margin    : 0 auto;
    }

    /******************************************
     * projectsS
     ******************************************/
    #sector-list li{
        width : 49.5%;
    }
    #sector-lists li{
        width : 49.5%;
    }

    /******************************************
     * FEATURES
     ******************************************/
    .features-details .text-block{
        display        : inline-block;
        width          : 49%;
        box-sizing     : border-box;
        vertical-align : top;
    }

    /*****************************************
     * PARTNERS
     *****************************************/
    #partners .mediadirSearchForm .normal,
    #partners .mediadirSearchForm .expanded{
        display        : inline-block;
        vertical-align : bottom;
    }

    #partners .mediadirSearchForm p{
        display    : inline-block;
        margin     : 0 10px;
        text-align : left;
    }

    #partners .mediadirSearchForm .normal p{
        margin : 0 10px 0 0;
    }

    #partners .mediadirSearchForm .expanded + p{
        margin-right   : 0;
        vertical-align : bottom;
    }

    /*****************************************
     * CUSTOMERPANEL
     *****************************************/
    #customerpanel-login{
        height   : auto;
        position : relative;
    }

    #customerpanel-login #lost-pw{
        width   : 49%;
        display : inline-block;
    }

    #customerpanel-login #create-account{
        width   : 49%;
        display : inline-block;
    }

    #customerpanel-login .white #lost-pw a:hover,
    #customerpanel-login .white #create-account a:hover{
        color : #2A6496;
    }

    #customerpanel-login #lost-pw a:hover,
    #customerpanel-login #create-account a:hover{
        color   : #000000;
        opacity : 0.7;
    }

    #customerpanel-sign-up.white{
        padding          : 20px;
        border-radius    : 5px;
        background-color : #FFFFFF;
        color            : #000000;
    }

}

@media (max-width : 815px){

    .branchen #anmelden a{
        width : calc(100% - 20px) !important;
    }

    body.branchen div#content-slider{
        height : 500px;
    }

    .branchen #slider-text p{
        position   : initial;
        text-align : center;
    }

    #content-slider #floatingimage, body.branchen div#content-slider:before{
        display : none !important;
    }

    #partners .mediadirSearchForm{
        width : 100%;
    }

    #partners .partner-inputfields .partner-inputfields-left,
    #partners .partner-inputfields .partner-inputfields-right{
        width : 46%;
    }

    #partners .mediadirSearchForm .normal,
    #partners .mediadirSearchForm .expanded{
        display : block;
    }

    #partners .mediadirSearchForm p{
        display : block;
        margin  : 10px 0;
    }

    .downloadsite .download{
        font-size : 1.2em;
        max-width : 150px;
    }
}

@media (max-width : 1080px){
    .subcategories.noBorder{
        padding : 0 20px;
    }
}

@media (min-width : 1200px){

    #home-text{
        /*width: 425px;*/
        /*height: 425px;*/
        /*border-radius: 425px;*/
        padding  : 115px 90px 115px 217px;
        position : relative;
        /*top: 50%;*/
        /*margin-top: -300px;*/
    }

    .home-solution-box-inner{
        margin : 0 auto;
        width  : 1000px;
    }

    .home-solution-box-inner h2{
        display    : inline-block;
        width      : 70%;
        margin     : 0;
        text-align : left;
    }

    .home-solution-box-inner a, .home-solution-box-inner #innovation-price{
        width          : 20%;
        margin         : 0;
        display        : inline-block;
        vertical-align : top;
    }

    .home-solution-box-inner a, .home-solution-box-inner #innovation-price img{
        width : 100%;
    }
}

@media (min-width : 1025px){
    /******************************************
     * REFERENCES
     ******************************************/
    #references .reference{
        width : 33%;
    }

    /******************************************
     * projectS
     ******************************************/
    #sector-list li{
        width : 33%;
    }
    #sector-lists li{
        width : 33%;
    }
    /******************************************
     * FEATURES
     ******************************************/
    .features-details .text-block{
        width : 33%;
    }

    /******************************************
     * PRICES
     ******************************************/
    .prices > div{
        width        : 24.15%;
        margin-right : 0%;
    }

    #free-version{
        margin-left : 0px;
    }

    #non-profit{
        margin-right : 0;
    }

    #non-profit .header{
        background-color : rgba(107, 107, 107, 0.7);
    }

    .prices > .partner-button,
    .prices > .enterprise-button{
        width : calc(48.8% - 4px);
    }

    .prices > .partner-button{
        margin-right : 14px;
    }

    #download .prices > div{
        /*width : 48.5%;*/
    }

    .download_prices_new #download .prices > div{
        width : 32.5%;
    }

    #download .prices #commercial{
        margin-left : 0;
    }

    #download .prices .description{
        max-width : 60%;
        margin    : 0 auto;
    }

    #download .prices .features ul{
        max-width : 80%;
    }
}

/*********************************************
 * PARTNER                                    *
 *********************************************/
#partners .mediadirSearchForm{
    padding       : 0;
    text-align    : center;
    margin-bottom : 45px;
    float         : left;
    width         : 100%;
}

#partners .filter{
    max-width  : 1024px;
    margin     : 30px auto;
    text-align : center;
}

#partners .filter a{
    color          : #797979;
    font-size      : 13px;
    margin-right   : 20px;
    text-transform : uppercase;
}

#partners .filter span:last-child a{
    margin-right : 0;
}

#partners .filter a.active,
#partners .filter a:hover{
    color       : #000000;
    font-weight : bold;
}

#partners .paging{
    text-align    : center;
    margin-bottom : 30px;
}

.partner-inputfields{
    max-width      : 1024px;
    margin         : 0 auto;
    border-bottom  : 1px solid lightgrey;
    padding-bottom : 60px;
    margin-bottom  : 60px;
}

.partner-inputfields:first-child{
    border-top  : none;
    padding-top : 50px;
}

.partner-inputfields:last-child{
    border-bottom : none;
}

.partner-inputfields-left{
    width        : 47.5%;
    display      : inline-block;
    margin-right : 5%;
}

.partner-inputfields-right{
    display        : inline-block;
    width          : 47%;
    vertical-align : top;
}

.partner-inputfields h2.name{
    font-size   : 27px;
    font-weight : lighter;
    text-align  : left;
    margin      : 0 0 27px 0;
}

.partner .description-wrapper div,
.partner .description-wrapper p{
    font-size : 16px;
}

.partner .address,
.partner .zip-code,
.partner .city,
.partner .phone,
.partner .fax,
.partner .website,
.partner .mail{
    display : inline-block;
}

.partner .phone:before{
    content : "T: ";
}

.partner .fax:before{
    content : "| F: ";
}

.partner .mail:before{
    color   : #428BCA;
    content : " | ";
}

.partner .browser img{
    display : inline-block;
    width   : 100%;
    height  : auto;
}

#loader{
    display     : none;
    position    : fixed;
    height      : 100%;
    top         : 0;
    width       : 100%;
    z-index     : 100000;
    text-align  : center;
    padding-top : 30%;
    background  : rgba(254, 254, 254, 0.8);
}

/*********************************************
 * PREIS - OLD PAGE                           *
 *********************************************/
#preise-table-alt div.contentLead h1{
    font-size  : 30px;
    text-align : left
}

.preis-boxes{
    min-height : 180px;
    height     : auto;
}

.content100, .content100 h2, #preis-boxes h2, #preis-boxes h3, .contentLead h2{
    text-align : left !important;
}

.content100 h2, #preis-boxes h2, .contentLead h2{
    margin         : 30px 0 20px 0;
    border-bottom  : 1px #DBDBDB solid;
    padding        : 0 0 5px 0;
    font-size      : 21px;
    font-weight    : normal;
    font-family    : 'Roboto', sans-serif;
    text-transform : uppercase;
    width          : 100%;
}

.btn-preis-old{
    margin-top       : 0px;
    margin-bottom    : 50px;
    background-color : #95C700;
    letter-spacing   : 2px;
    display          : block;
    height           : 50px;
    line-height      : 50px;
    color            : white !important;
    width            : 250px;
    text-align       : center;
    text-transform   : uppercase;
    border-radius    : 5px;
    float            : right;
}

#preise-table-alt{
    margin-top : 100px;
}

.contentButtons{
    width         : 100%;
    height        : 50px;
    margin-bottom : 20px;
}

/***************************************
 * Produkt Tabelle Alt
 ***************************************/
#preise-table-alt table.productTable{
    width   : 100%;
    margin  : 0px 0px 0px 0px;
    padding : 0px 0px 0px 0px;
}

#preise-table-alt table.productTable th{
    margin           : 0px 0px 0px 0px;
    padding          : 0px 0px 0px 0px;
    height           : 60px;
    text-align       : center;
    background-color : #FFFFFF;
    border           : 0px solid #FFFFFF;
    color            : #363636;
    border-bottom    : 1px solid #ECEDF3;
    vertical-align   : bottom;
}

#preise-table-alt table.productTable th.product.highlighted{
    border-bottom : 1px solid #3CB8EA;
    height        : 80px;
}

#preise-table-alt table.productTable th h3{
    font-size      : 17px;
    font-weight    : normal;
    font-family    : 'Roboto', sans-serif;
    text-transform : uppercase;
}

#preise-table-alt table.productTable th.legend{
    /* width: 467px; */
}

#preise-table-alt table.productTable th.product h3{
    margin           : 0px 0px 0px 0px;
    padding          : 15px 10px 0px 10px;
    height           : 60px;
    width            : auto;
    background-color : #F2F2F2;
    border-right     : 1px solid #ECEDF3;
    border-bottom    : 1px solid #F2F2F2;
    border-top       : 1px solid #ECEDF3;
}

#preise-table-alt table.productTable th.product.start h3{
    border-left   : 1px solid #ECEDF3;
    border-top    : 1px solid #ECEDF3;
    border-radius : 5px 0px 0px 0px;
}

#preise-table-alt table.productTable th.product.highlighted h3{
    height           : 100px;
    border           : 1px solid #3CB8EA;
    border-radius    : 5px 5px 0px 0px;
    background-color : #3CB8EA;
    padding          : 28px 10px 8px 10px;
    color            : #FFFFFF;
    font-size        : 21px;
    /*box-shadow: 0px 0px 7px #363636;  */
    /* box-shadow: 0px 0 4px -4px #363636 , -6px 0 4px -4px #363636;         */
    position         : relative;
    /*  background-color: #cccccc;
     border: 1px solid #cccccc;*/
    /*/color: #0B3862;     */
}

#preise-table-alt table.productTable th.product.end h3{
    border-top    : 1px solid #ECEDF3;
    border-radius : 0px 5px 0px 0px;
}

#preise-table-alt table.productTable td{
    padding        : 5px 10px 5px 10px;
    border-bottom  : 1px solid #ECEDF3;
    border-right   : 1px solid #ECEDF3;
    vertical-align : middle;
}

#preise-table-alt table.productTable td.product{
    text-align : center;
}

#preise-table-alt table.productTable td.product.price{
    font-size   : 17px;
    font-weight : normal;
    font-family : 'Droid Sans', sans-serif;
}

#preise-table-alt table.productTable td.product.price.highlighted{
    font-size : 20px;
    /*  color: #0B3862;       */
}

#preise-table-alt table.productTable tr.row2 td{
    background-color : #F9F9F9;
}

#preise-table-alt table.productTable tr.row2 td.legend{
    background-color : #F9F9F9;
}

#preise-table-alt table.productTable tr.row2 td.product{
    background-color : #F2F2F2;
}

#preise-table-alt table.productTable tr.row2 td.highlighted,
#preise-table-alt table.productTable tr.row2 td.highlighted{
    /* border-left: 1px solid #cccccc;
     border-right: 1px solid #cccccc;      */
    position         : relative;
    background-color : #CCCCCC;
}

#preise-table-alt table.productTable tr.row2 td.product.highlighted{
    background-color : #E5E5E5;
}

#preise-table-alt table.productTable tr.row1 td.product.highlighted{
    background-color : #F9F9F9;
}

#preise-table-alt table.productTable td.legend.footer{
    border : 0px solid #ECEDF3;
}

#preise-table-alt table.productTable td.product.highlighted.footer,
#preise-table-alt table.productTable td.product.footer{
    border         : 0px solid #ECEDF3;
    margin         : 0px 0px 0px 0px;
    padding        : 0px 0px 0px 0px;
    vertical-align : top;
}

#preise-table-alt table.productTable td.product.footer p{
    margin           : 0px 0px 0px 0px;
    padding          : 15px 10px 15px 10px;
    width            : 100%;
    background-color : #F2F2F2;
    border-bottom    : 1px solid #ECEDF3;
    border-right     : 1px solid #ECEDF3;
    border-left      : 1px solid #F2F2F2;
    text-align       : center;
    float            : left;
    height           : auto;
}

.btn-gradient.little{
    display       : block;
    margin-bottom : 5px;
    margin-right  : 3px;
    border-radius : 5px;
    box-shadow    : 1px 1px 1px #AAAAAA;
    color         : #FFFFFF;
    position      : relative;
    float         : left;
    font-weight   : bold;
    font-family   : 'Roboto', sans-serif;
    height        : 30px;
    line-height   : 30px;
    display       : inline-block;
    padding       : 0 15px;
    border-radius : 5px;
    font-size     : 14px;
}

.btn-gradient.little.blue{
    background-color : #3CB8EA;
}

.btn-gradient.little.green{
    background-color : #95C700;
}

#preise-table-alt table.productTable td.product.footer p .btn-gradient.little{
    width : 100%;
}

#preise-table-alt table.productTable td.product.footer p .btn-gradient.little.blue{
    background-position : -35px 0;
}

#preise-table-alt table.productTable td.product.footer p .btn-gradient.little.blue:Hover{
    background-position : 225px 0;
}

#preise-table-alt table.productTable td.product.footer p .btn-gradient.little.green{
    background-position : -35px -40px;
}

#preise-table-alt table.productTable td.product.footer p .btn-gradient.little.green:Hover{
    background-position : 225px -40px;
}

#preise-table-alt table.productTable td.product.footer.start p{
    border-left   : 1px solid #ECEDF3;
    border-radius : 0px 0px 0px 5px;
    width         : 109px;
}

#preise-table-alt table.productTable td.product.footer a{
    font-size : 14px;
}

#preise-table-alt table.productTable td.product.footer.end p{
    border-radius : 0px 0px 5px 0px;
}

#preise-table-alt table.productTable td.product.footer.highlighted p{
    border-radius    : 0px 0px 5px 5px;
    padding          : 22px 11px 22px 10px;
    border-bottom    : 1px solid #CCCCCC;
    border-right     : 1px solid #CCCCCC;
    border-left      : 1px solid #CCCCCC;
    background-color : #CCCCCC;
    color            : #FFFFFF;
    border-bottom    : 1px solid #E5E5E5;
    border-right     : 1px solid #E5E5E5;
    border-left      : 1px solid #E5E5E5;
    background-color : #E5E5E5;
}

#table2, #table3, #table4, #table5{
    display : none;
}

#preise-table-alt div#table1 a.btn-gradient.little.green.text_center{
    padding-left : 11px !important;
}

#preise-table-alt div.contentLead{
    max-width : initial !important;
}

@media screen and (max-width : 991px){

    /*Community*/
    body.community div#community_links div{
        width         : 50%;
        border-right  : none;
        margin-bottom : 30px;
        height        : 250px;
        padding       : 0 0 0 60px;
    }

    body.community div#community_links div:not(:last-of-type){
        border-right : none;
    }

    body.community div#community_links div:first-of-type{
        border-right : 1px solid #CACACA;
    }

    body.community div#community_links{
        height : auto;
    }

    body.community div#community_links div:nth-child(odd){
        padding-left : 0;
    }

    /*Community End*/
    .preis-boxes{
        min-height    : initial;
        height        : auto;
        margin-bottom : 20px;
    }

    #preise-table-alt table h3{
        font-size : 14px !important;
    }

    #preise-table-alt table .highlited h3{
        font-size : 18px !important;
    }

    #preise-table-alt table{
        font-size : 12px !important;
    }
}

@media screen and (max-width : 767px){

    /*Community*/
    body.community div#community_links div{
        width         : 100%;
        border-right  : none !important;
        margin-bottom : 30px;
        padding       : 0 !important;
        height        : auto;
    }

    /*Community End*/
    #table1, #table2, #table3, #table4, #table5{
        display : block;
    }

    #preise-table-alt table.productTable td{
        width : 50%;
    }

    #preise-table-alt table{
        font-size : 14px !important;
    }

    #preise-table-alt table h3{
        font-size : 17px !important;
    }

    #preise-table-alt table .highlited h3{
        font-size : 21px !important;
    }

    #preise-table-alt table td.product > p{
        width : 100% !important;
    }

    #table1 > table > tbody > tr:nth-child(1) > th:nth-child(3),
    #table1 > table > tbody > tr:nth-child(1) > th:nth-child(4),
    #table1 > table > tbody > tr:nth-child(1) > th:nth-child(5),
    #table1 > table > tbody > tr:nth-child(1) > th:nth-child(6),
    #table1 > table > tbody > tr > td:nth-child(3),
    #table1 > table > tbody > tr > td:nth-child(4),
    #table1 > table > tbody > tr > td:nth-child(5),
    #table1 > table > tbody > tr > td:nth-child(6){
        display : none;
    }

    #table1{
        margin        : 0 auto;
        width         : 500px;
        margin-bottom : 20px;
    }

    #table2 > table > tbody > tr:nth-child(1) > th:nth-child(2),
    #table2 > table > tbody > tr:nth-child(1) > th:nth-child(4),
    #table2 > table > tbody > tr:nth-child(1) > th:nth-child(5),
    #table2 > table > tbody > tr:nth-child(1) > th:nth-child(6),
    #table2 > table > tbody > tr > td:nth-child(2),
    #table2 > table > tbody > tr > td:nth-child(4),
    #table2 > table > tbody > tr > td:nth-child(5),
    #table2 > table > tbody > tr > td:nth-child(6){
        display : none;
    }

    #table2{
        margin        : 0 auto;
        width         : 500px;
        margin-bottom : 20px;
    }

    #table3 > table > tbody > tr:nth-child(1) > th:nth-child(2),
    #table3 > table > tbody > tr:nth-child(1) > th:nth-child(3),
    #table3 > table > tbody > tr:nth-child(1) > th:nth-child(5),
    #table3 > table > tbody > tr:nth-child(1) > th:nth-child(6),
    #table3 > table > tbody > tr > td:nth-child(2),
    #table3 > table > tbody > tr > td:nth-child(3),
    #table3 > table > tbody > tr > td:nth-child(5),
    #table3 > table > tbody > tr > td:nth-child(6){
        display : none;
    }

    #table3{
        margin        : 0 auto;
        width         : 500px;
        margin-bottom : 20px;
    }

    #table4 > table > tbody > tr:nth-child(1) > th:nth-child(2),
    #table4 > table > tbody > tr:nth-child(1) > th:nth-child(3),
    #table4 > table > tbody > tr:nth-child(1) > th:nth-child(4),
    #table4 > table > tbody > tr:nth-child(1) > th:nth-child(6),
    #table4 > table > tbody > tr > td:nth-child(2),
    #table4 > table > tbody > tr > td:nth-child(3),
    #table4 > table > tbody > tr > td:nth-child(4),
    #table4 > table > tbody > tr > td:nth-child(6){
        display : none;
    }

    #table4{
        margin        : 0 auto;
        width         : 500px;
        margin-bottom : 20px;
    }

    #table5 > table > tbody > tr:nth-child(1) > th:nth-child(2),
    #table5 > table > tbody > tr:nth-child(1) > th:nth-child(3),
    #table5 > table > tbody > tr:nth-child(1) > th:nth-child(4),
    #table5 > table > tbody > tr:nth-child(1) > th:nth-child(5),
    #table5 > table > tbody > tr > td:nth-child(2),
    #table5 > table > tbody > tr > td:nth-child(3),
    #table5 > table > tbody > tr > td:nth-child(4),
    #table5 > table > tbody > tr > td:nth-child(5){
        display : none;
    }

    #table5{
        margin        : 0 auto;
        width         : 500px;
        margin-bottom : 20px;
    }

    .content-block div.category{
        width : 49%;
    }
}

@media screen and (max-width : 600px){
    #preise-table-alt{
        margin-top : 20px;
    }

    #table1, #table2, #table3, #table4, #table5{
        width : 100% !important;
    }

    #download .prices #commercial, #free-version{
        margin-left : 0;
    }

    .features{
        border-bottom : none;
    }

    .download_prices .prices-new .prices, #non-profit{
        border-bottom : 1px solid #DADADA;
    }

    .prices .features{
        height        : auto;
        margin-bottom : 40px;
    }

    .downloadsite .download{
        font-size    : 1em;
        max-width    : 140px;
        margin-right : 5px;
    }

    #downloads .downloaddescription{
        width : 80%;
    }

    #downloads .downloadimage{
        width : 20%;
    }

    #downloads .downloaddescription h2{
        font-size : 25px;
    }

    .downloadsite #downloads .downloadimage img{
        width : 66px;
    }

    .downloadsite .content-block > div h2{
        margin-bottom : 0px;
    }

    .downloadsite #downloads .downloaddescription h2{
        font-size : 27px;
    }

    .downloadsite footer{
        border-top : 1px solid rgba(160, 160, 160, 0.3);
    }
}

@media screen and (max-width : 400px){
    .prices-periods > span:nth-child(2){
        border-top    : 1px solid #DADADA;
        border-bottom : 1px solid #DADADA;
    }

    .prices-new .prices-periods{
        height : 145px;
    }

    .prices-periods > span{
        padding      : 15px 5px 10px 5px;
        width        : 100%;
        text-align   : left;
        padding-left : 30%;
    }

    .downloadsite .type-wrapper .download{
        max-width     : 100%;
        display       : block;
        border-left   : none;
        border-right  : none;
        border-bottom : none;
        padding       : 3px;
    }

    #downloads .downloaddescription{
        width : 75%;
    }

    .downloadsite #downloads .downloaddescription h2{
        text-align : left;
        font-size  : 23px;
    }

    #downloads .downloadimage{
        width : 25%;
    }

    .content-block div.category{
        width : 100%;
    }

    .downloadsite #slider-text{
        height : 230px;
    }
}

li.included, li.excluded, li.excluded_none, li.optional, li.included_full, li.included_partly, li.included_starter, li.included_business, li.included_unlimited, li.included_nonprofit {
    list-style : none;
}

li.included:before{
    content : '\f00c';
    color   : #95C700;
}

li.optional:before{
    content : '\f00c';
    opacity : 0.2;
}

li.excluded:before{
    content : '\f00d';
}

li.excluded_none:before{
    content : '\f10c';
    opacity : 0.2;
}

li.included_full:before{
    content : '\f111';
    color   : #95C700;
}

li.included_partly:before{
    content : '\f10c';
    color   : #95C700;
}

li.included_starter:before{
    content : '\f00c';
    color   : rgba(79, 184, 218, 0.8);
}
li.included_business:before{
    content : '\f00c';
    color   : #3b6ebf;
}
li.included_unlimited:before{
    content : '\f00c';
    color   : rgba(33, 111, 189, 0.9);
}
li.included_nonprofit:before{
    content : '\f00c';
    color   : rgba(107, 107, 107, 0.7);
}

ul.feature-list li:before{
    font-family  : FontAwesome;
    margin-right : 10px;
    margin-left  : -24px;
}

ul.feature-list strong{
    font-weight: 400;
}

.important-questions ul.feature-list li{
    font-size: 1.25em;
}

/*************************************
 Partner page Kontakt iframe
 *************************************/
#partner-form{ height : 1450px; overflow-y: hidden; }

/*************************************
 Innovation Preis 2015 Page + Block
 *************************************/
#floatingimage{
    position : absolute;
    top      : 100px;
    right    : 41px;
    /* width: 100%; */
    /* height: 100%; */
}

#floatingimage img{
    max-width  : 260px;
    max-height : 260px;
}

#floatingimage a{
    margin-right : 15px !important;
}

#floatingimage a:last-child{
    margin-right : 0px !important;
}

.grey{
    background-color : #F1F1F1;
}

.text-row{
    float  : left;
    margin : 30px 0;
}

.text-row:first-child{
    margin-top : 60px;
}

.text-row:last-child{
    margin-bottom : 60px;
}

.text-row h3{
    text-align : left;
    margin-top : 0px;
}

.text-row img{
    width : 100%;
}

#starter-text{
    margin-bottom : 60px;
}

#starter-text h3{
    text-align    : left;
    padding       : 0 15px;
    font-size     : 39px;
    margin-bottom : 40px;
}

#starter-text img{
    padding-right : 22px;
    border        : 1px solid #000000;
}

.cx-btn{
    height           : 45px;
    line-height      : 45px;
    border           : 0;
    padding          : 0 30px;
    display          : inline-block;
    box-sizing       : border-box;
    background-color : #95C700;
    margin-bottom    : 20px;
    font-weight      : lighter;
    margin-top       : 20px;
    font-size        : 16px;
    color            : #FFFFFF !important;
    text-transform   : uppercase;
    border-radius    : 0px;
    width            : 300px;
}

.cx-btn:hover{
    color : #000000 !important;
}

@media screen and (max-width : 1856px){
    #slider-text{ padding-top : 100px; }
}

@media screen and (max-width : 1540px){
    #floatingimage{ bottom : 100px; top : initial; }

    #content-slider #floatingimage{ bottom : initial; top : 100px; }
}

@media screen and (max-width : 1317px){
    #slider-text{ padding-top : 60px; }
}

@media screen and (max-width : 1170px){
    #content-slider #floatingimage{
        top : 420px !important;
    }

    #content-slider #floatingimage img{
        height : 250px;
    }

    .branchen #anmelden{
        text-align  : center;
        padding-top : 12px;
    }

    .branchen #anmelden a{
        position : initial;
        width    : 50%;
    }

    body.branchen div#content-slider:before{
        background-position-x : 20px;
    }

    #content-slider #floatingimage{ display : none; }

    #slider-text h1{ padding : 0px !important; }

    #slider-text{ padding-top : 100px; }
}

@media screen and (max-width : 970px){
    #floatingimage{ left : 15px; right : initial; }
}

@media screen and (max-width : 767px){
    #starter-text img, .text-row img{
        margin-bottom : 20px;
    }

    #slider-text{ padding-top : 60px; }
}

@media screen and (max-width : 600px){
    #content-slider #floatingimage{ height : 192px !important; }

    #floatingimage{ display : none; }

    #slider-text{ padding-top : 100px; }
}

/*************************************
 Preise CLOUD Bagde
 *************************************/
.shape{
    margin-top        : -20px;
    border-style      : solid;
    border-width      : 0 60px 55px 0;
    float             : right;
    height            : 0px;
    width             : 0px;
    -webkit-transform : rotate(360deg);
    -moz-transform    : rotate(360deg);
    -o-transform      : rotate(360deg);
    transform         : rotate(360deg);
}

.shape-text{
    text-transform    : uppercase;
    color             : #000000;
    font-size         : 13px;
    font-weight       : bold;
    position          : relative;
    right             : -22px;
    top               : -3px;
    white-space       : nowrap;
    -ms-transform     : rotate(30deg); /* IE 9 */
    -o-transform      : rotate(360deg); /* Opera 10.5 */
    -webkit-transform : rotate(46deg); /* Safari and Chrome */
    transform         : rotate(44deg);
}

.shape{
    border-color : rgba(255, 255, 255, 0) #FDD615 rgba(255, 255, 255, 0) rgba(255, 255, 255, 0);
    position     : absolute;
    right        : 0;
}

.business-aktion{
    position : relative;
}

.prices .business-aktion .header{
    height           : 220px !important;
    background-color : rgb(33, 111, 189);
    margin-top       : -20px !important;
    padding-top      : 34px;
}

.business-aktion .statt{
    display : block;
}

.business-aktion .header > span.name{
    margin-bottom : 0px;
}

/*************************************
 OSTER Modal window
 *************************************/
.cloud-modal .modal-header h4{
    display : none;
}

.cloud-modal .modal-header{
    padding       : 0px;
    border-bottom : none;
    min-height    : 5px;
}

.cloud-modal .modal-body{
    padding : 0px;
}

.cloud-modal .modal-body button{
    display  : none;
    position : absolute;
    color    : #FFFFFF;
    top      : 3px;
    right    : 9px;
}

.cloud-modal .modal-body a:hover{
    opacity : 0.9;
}

/*************************************
 Community Day 2015
 *************************************/
#communityday-form{
    display : none;
}

#communityday-starter-block,
#communityday-starter-block1,
#communityday-starter-block2{
    display : block;
    float   : left;
}

#communityday-starter-text > h3{
    font-size : 47px;
}

#communityday-starter-block h4{
    font-size  : 27px;
    text-align : left;
}

#communityday-starter-block2 ul{
    list-style : disc !important;
}

#communityday-starter-block2 ul li{
    width      : 100%;
    list-style : disc !important;
    font-size  : 17px;
}

#communityday-form input.contactFormClass_radio,
#communityday-form label.noCaption{
    width   : auto;
    display : inline-block;
}

#commButton{
    float   : left;
    display : block;
    width   : 100%;
}

#communityday-form{
    float   : left;
    display : none;
    width   : 100%;
}

#communityday-text{
    padding-top : 20px;
}

#communityday-text .text-row{
    float  : left;
    margin : 30px -15px;
}

/*mediadirSearchForm customizing*/
.mediadirSearchForm label{
    display : none;
}

#media-dir-overview-form input#search_term,
#media-dir-overview-form select#search_country{
    width : 226px;
    float : left;
}

#media-dir-overview-form .normal,
#media-dir-overview-form .expanded{
    float : left;
}

#media-dir-overview-form .expanded p{
    margin : 0;
}

div#media-dir-overview-form{
    margin : 20px;
}

#media-dir-overview-form a.green-button{
    display          : block;
    background-color : #95C700;
    color            : white;
    width            : 125px;
    float            : left;
    text-transform   : none;
    text-align       : center;
    padding          : 0 12px;
    margin           : 0;
    border-radius    : 3px;
    font-weight      : 500;
    font-size        : 19px;
}

a#contact-btn{
    background-color : #2196F3;
    color            : #FFFFFF;
    float            : left;
    width            : 105px;
    text-align       : center;
    padding          : 10px 12px;
    font-size        : 16px;
    height           : 40px;
    display          : table-cell;
    border-radius    : 2px;
    margin-top       : 15px;
}



/*-- modal form --*/
#smallModal #contactFrame legend,
#smallModal #contactFrame label,
#smallModal header,
#smallModal footer{
    display : none;
}

#smallModal #contactFeedback{
    margin-top : 60px;
    display    : none;
}

#smallModal .modal-header{
    background-color : #03A9F4;
    color            : #FFFFFF;
    padding          : 35px 40px;
    line-height      : 20px;
    font-size        : 14px;
}

#smallModal .modal-dialog{
    width : 470px;
}

@media (min-width : 601px)
#smallModal .modal-dialog{
    width     : 470px;
    max-width : calc(100% - 20px);
}

#smallModal .modal-dialog{
    background : none repeat scroll 0 0 #FFFFFF;
    border     : 1px solid rgba(0, 0, 0, 0.333);
    box-shadow : 0 4px 16px rgba(0, 0, 0, 0.2);
    outline    : 0 none;
}

#smallModal .modal-content{
    box-shadow : none;
    border     : 0;
    height     : auto;
    min-height : 540px;
}

#smallModal .modal-footer .btn{
    float : left;
}

#smallModal #contactFrame .contact:nth-child(3),
#smallModal #contactFrame .contact:nth-child(4){
    width : 48%;
    float : left;
}

#smallModal #contactFrame .contact:nth-child(2){
    display : none;
}

#smallModal #contactFrame .contact:nth-child(4){
    float : right;
}

#smallModal .modal-header .close{
    opacity : 1;
    color   : #FFFFFF;
}

#smallModal .modal-title{
    text-align : left;
    font-size  : 23px
}

.modal-sub-title{
    font-size   : 24px;
    font-weight : normal;
}

#smallModal .modal-footer{
    padding : 15px 40px;
}

#smallModal .modal-content-wrap{
    /*    overflow-y: scroll; */
    padding : 20px 30px 10px 30px;
    /*    height:385px; */
}

#smallModal .modal-content-wrap > p{
    padding-left : 17px;
    font-size    : 14px;
}

div#smallModal input[type="reset"]{
    visibility : hidden;
}

div#smallModal input[type="submit"]{
    background-color : #2196F3;
}

#modal-loader{
    z-index  : 1000;
    top      : 0px;
    left     : 0px;
    position : absolute;
    width    : 100%;
    height   : 100%;
}

#modal-loader > img{
    top      : 50%;
    left     : 40%;
    position : relative;
}

/*************************************
Ueber Uns 27.04.2015
*************************************/
#cloud-ueberuns{
    margin : 70px auto;
}

#cloud-ueberuns h2{
    font-family   : 'Roboto', sans-serif;
    font-size     : 43px;
    margin-bottom : 50px;
}

#cloud-ueberuns #cloud-ueberuns-maintext{
    font-family : 'Roboto', sans-serif;
    font-size   : 18px;
    font-weight : 400;
}

#cloud-ueberuns #cloud-ueberuns-maintext > div{
    margin-bottom : 20px;
}

#cloud-ueberuns #cloud-ueberuns-emloyee .employee{
    text-align    : center;
    margin-bottom : 80px;
}

#cloud-ueberuns #cloud-ueberuns-jobs{
    height : 950px;
    width  : 100%;
    float  : left;
    color  : #FFFFFF;
}

#cloud-ueberuns #cloud-ueberuns-jobs h2{
    margin-top : 90px;
}

#cloud-ueberuns #cloud-ueberuns-position{
    height                  : 100%;
    display                 : block;
    background              : url("/images/content/ueberuns/ueberuns_bg.png") no-repeat center center;
    -webkit-background-size : cover;
    -moz-background-size    : cover;
    -o-background-size      : cover;
    background-size         : cover;
}

#cloud-ueberuns #cloud-ueberuns-position ul{
    list-style-type : none;
    margin-top      : 50px;
    padding-left    : 0px;
}

#cloud-ueberuns #cloud-ueberuns-positions li{
    font-size : 32px;
    width     : auto;
}

#cloud-ueberuns #cloud-ueberuns-positions li a{
    color       : #FFFFFF;
    line-height : 50px;
}

#cloud-ueberuns #cloud-ueberuns-positions li:before{
    content                 : "\f178";
    display                 : inline-block;
    font                    : normal normal normal 14px/1 FontAwesome;
    font-size               : inherit;
    text-rendering          : auto;
    -webkit-font-smoothing  : antialiased;
    -moz-osx-font-smoothing : grayscale;
    transform               : translate(0, 0);
    color                   : #95C700;
    padding-right           : 15px;
}

#cloud-job-positions div.container{
    margin-bottom : 50px;
}

#cloud-job-positions #job-description h2,
#cloud-job-positions #job-description h3,
#cloud-job-positions #job-description h4{
    text-align  : left !important;
    font-family : 'Roboto', sans-serif;
}

#cloud-job-positions #job-description h2{
    margin-top    : 50px;
    margin-bottom : 30px;
}

#cloud-job-positions #job-description h3{
    font-size     : 28px;
    font-weight   : 300;
    margin-bottom : 50px;
}

#cloud-job-positions #job-description .img-responsive{
    margin-bottom : 50px;
}

#cloud-job-positions #job-description p{
    font-size     : 18px;
    font-weight   : 300;
    margin-bottom : 30px;
}

#cloud-job-positions #job-description h4{
    font-size   : 18px;
    font-weight : bold;
}

#cloud-job-positions #job-description ul{
    margin-bottom : 30px;
    padding-left  : 20px;
}

#cloud-job-positions #job-description{
    margin-bottom : 20px;
    border-bottom : 1px solid #DDDDDD;
}

#cloud-job-positions #job-description ul li{
    font-size   : 18px;
    font-weight : 300;
}

#cloud-job-positions #job-description ul.horizontal-list{
    width        : 100%;
    padding-left : 0px;
}

#cloud-job-positions #job-description ul.horizontal-list li{
    width        : auto;
    margin-right : 5px;
}

#cloud-blog-news .btn,
.blog-news-detail .btn{
    display          : block;
    background-color : #95C700;
    height           : 50px;
    line-height      : 50px;
    color            : white;
    max-width        : 290px;
    padding          : 0 20px;
    letter-spacing   : 2px;
    text-align       : center;
    text-transform   : uppercase;
    margin-bottom    : 30px;
}

.blog-news-detail .btn{
    margin        : 0 auto;
    margin-bottom : 30px;
}

#cloud-blog-news .blog-news .row{
    margin-bottom : 50px;
}

#cloud-blog-news .blog-news .row .blog-news-text-date{
    font-size   : 16px;
    font-weight : 300;
}

#cloud-blog-news .blog-news .row .blog-news-text-author{
    font-size   : 16px;
    font-weight : 300;
    font-style  : italic;
}

#cloud-blog-news .blog-news .row div h3{
    text-align : left;
    margin     : 25px 0;
}

#cloud-blog-news .blog-news .row div h3 a{
    color : #292929;
}

#cloud-blog-news .blog-news .row .blog-news-text-headline{
    margin-bottom : 25px;
}

.relative{
    position : relative;
}

.blog-news-detail #news-detail-img{
    margin-bottom : 40px;
}

.blog-news-detail #news-detail-img > img{
    padding : 0 30px 30px 0;
}

.blog-news-detail #news-detail-img #news-detail-profilepic{
    position      : absolute;
    bottom        : 0px;
    right         : 0px;
    width         : 140px;
    height        : auto;
    border-radius : 100%;
    border        : 5px solid #DDDDDD;
    overflow      : hidden;
}

.blog-news-detail #news-detail-img .blog-news-text-date{
    position    : absolute;
    bottom      : 0px;
    left        : 0;
    line-height : 30px;
}

.blog-news-detail #news-detail-img .blog-news-text-author{
    position    : absolute;
    bottom      : 0px;
    right       : 140px;
    line-height : 30px;
}

.blog-news-detail #news-social-media{
    text-align : center;
}

.blog-news-detail #news-detail-text{
    font-size   : 18px;
    font-weight : 300;
}

.blog-news-detail #news-detail-text a.btn{
    margin : 30px auto;
}

.blog-news-detail #news-social-media{
    padding-top  : 30px;
    border-top   : 1px solid #DDDDDD;
    padding-left : 0px;
    margin-top   : 0px;
}

.blog-news-detail > div.row > h2{
    margin-top    : 45px;
    margin-bottom : 20px;
}

.blog-news-detail > div.row > p{
    margin      : 15px 0 45px;
    font-size   : 32px;
    font-weight : 300;
}

@media screen and (min-width : 768px) and (max-width : 991px){
    #media-dir-overview-form .expanded p{
        margin-right : 10px;
    }

    div.partnerportal-form p span{
        width : 30%;
    }

    .partnerportal-form p span input{
        margin-right : 5px;
        margin-left  : -20px;
    }

    #media-dir-overview-form select#search_country{
        height : 45px;
    }
}
@media screen and (min-width : 767px){
    .prices > div{
        /*width         : 32.15%;*/
        border-left   : 1px solid #DADADA;
        /*border-bottom: 1px solid #dadada;*/
        border-right  : 1px solid #DADADA;
        border-radius : 3px;
    }

    #media-dir-overview-form select#search_country{
        height : 45px;
    }
}
@media screen and (max-width : 767px){
    .branchen .branchen-block .blocks{
        width : 50%;
    }

    #cloud-blog-news .btn{
        margin : 0 auto;
    }

    #cloud-blog-news .blog-news .row div h3{
        text-align : center;
    }

    #cloud-blog-news .blog-news .row .blog-news-text-headline{
        padding : 0 15px;
    }

    #media-dir-overview-form .normal, #media-dir-overview-form .expanded{
        margin-bottom : 10px;
        width         : 100%;
    }

    .partnerportal-form p span input{
        margin-right : 5px;
        margin-left  : -20px;
    }
}
@media screen and (max-width : 600px){
    .branchen .branchen-block .blocks{
        width : 100%;
    }

    .blog-news-detail #news-detail-img > img{
        padding : 70px 0 30px;
    }

    .blog-news-detail #news-detail-img #news-detail-profilepic{
        position    : absolute;
        bottom      : initial;
        top         : 0;
        right       : initial;
        margin-left : 50%;
        left        : -70px;
    }

    .blog-news-detail #news-detail-img .blog-news-text-author{
        right : 15px;
    }

    .blog-news-detail #news-detail-img .blog-news-text-date{
        left : 15px;
    }

    .blog-news-detail #news-detail-text,
    .blog-news-detail > div.row > h2,
    .blog-news-detail > div.row > p{
        padding : 0 15px;
    }

    .blog-news-detail > div.row > p{
        font-size : 22px;
    }

    div.partnerportal-form p span{
        width : 40%;
    }
}
@media screen and (max-width : 460px){
    .blog-news-detail #news-detail-img .blog-news-text-author,
    .blog-news-detail #news-detail-img .blog-news-text-date{
        position    : relative;
        left        : initial;
        right       : initial;
        display     : block;
        width       : 100%;
        text-align  : left;
        padding     : 0 15px;
        line-height : 1.4em;
    }

    .blog-news-detail #news-detail-img > img{
        padding-bottom : 0px;
    }

    .type-wrapper .cloud{
        max-width : initial;
        display   : block;
        margin    : 0 15px 5px;
    }

    .type-wrapper ul{
        padding-left : 0px;
    }

    div.partnerportal-form p span{
        width : 100%;
    }

    .type-wrapper{
        bottom : -6px;
    }
}

#non-profit .header{
    background-color : rgba(107, 107, 107, 0.7);
}

/*preise-cloud*/
div.accordion.info td.check:after{
    content : none !important;
}

#accordion3 a.accordion-toggle{
    font-size : 2.4em;
}

.accordion-heading{
    margin-bottom : 18px;
}

#contactFrame legend h2{
    font-size: 35px;
}

/*Community-Day-2015*/
#communityday-text li {
    font-size: 1.25em;
}

@media screen and (max-width : 767px){
    #header-and-main {
        overflow-x: hidden;
    }
}
#mobile-navigation li.level-1.no-click:after  {
    content: none;
}
#mobile-navigation li.no-click > a {
    display: block;
}
#mobile-navigation li.no-click > ul > li {
    padding-left: 15px;
}
.navbar-collapse.in {
    overflow-y: auto !important;
    position: fixed;
    height: 100%;
    background: rgba(0, 0, 0, 0.9);
    padding-bottom: 100px;
}
.bg-scroll {
    overflow: hidden;
    position: fixed;
}

/*new homepage*/
.intro-content {
    float: left;
    width: 682px;
    max-width: 100%;
}
#home-text p {
    float: left;
    max-width: 630px;
}
.scroll-down {
    cursor: pointer;
}
.more-info {
    float: left;
    margin: 8px 0 0 33px;
    cursor: pointer;
}
.more-info i {
    -webkit-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.more-info .rotate {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
}
#info-business p {
    font-size: 17px;
    text-align: left;
    max-width: 682px;
}
#home-sign-up {
    float: left;
}
.hidden-info {
    float: left;
    width: 100%;
    display: none;
}
.multi-option {
    float: left;
    width: 682px;
    max-width: 100%;
    background-color: rgba(0, 0, 0, 0.2);
    padding: 20px;
    margin: 25px 0;
    clear: both;
}
#home-text .multi-option a {
    width: 46%;
    margin: 0 11px;
    border-radius: 5px;
    white-space: normal;
    padding: 10px;
}
#home-text a.trail-modal {
    background-color: #95C700;
    border-color: #95C700;
    float: none;
    padding: 10px 16px;
}
#home-text a.trail-modal:hover,a.trail-modal:focus {
    background-color: #95C700;
    border-color: #95C700;
}
#home-text .multi-option a:hover {
    opacity: 0.9;
}
#home-text a.web-overview {
    background-color: #2196f3;
    border-color: #2196f3;
}
#home-text a.web-overview:hover,#home-text a.web-overview:focus {
    background-color: #2196f3;
    border-color: #2196f3;
}
#home-scroll-down img {
    font-size: 45px;
    width: 100%;
    position: relative;
    bottom: 15px;
    width: 35px;
    height: 35px;
}
#home-scroll-down span {
    font-size: 22px;
    font-weight: bolder;
    position: relative;
    bottom: 8px;
    width: auto;
    padding: 5px 0px 16px;
    font-family: 'Roboto', sans-serif;
    text-transform: none;
    display: block;
}
#more-details {
    background-color: #fff;
}
.toggle-content {
    float: left;
    width: 100%;
    padding: 30px 80px 0 120px;
}
.info-terms {
    padding-left: 74px;
    margin-top: 15px;
    float: left;
    height: 100%;
}
.info-terms i {
    margin-right: 15px;
    font-size: 18px;
    margin-left: -25px;
    color: #000;
}
.info-terms span {
    font-size: 18px;
    color: #428BCA;
    float: left;
    margin: 10px 0 0;
    width: 100%;
    height: 100%;
}
.home-solution-box {
    float: left;
    width: 100%;
}
.success-formula {
    background-color: #fff;
    padding-bottom: 80px;
}
.success-formula img {
    width: 100%;
    float: left;
}  
.home .success-formula h2 {
    margin: 82px 0 63px;
}
.home-what-is-cloudrexx {
    background-color: #0068b1;
    color: #fff;
    padding-bottom: 117px;
    text-align: center;
}
.home-what-is-cloudrexx > h2 {
    margin-bottom: 22px;
}
.home section:nth-of-type(2) {
    background-color: #fff;
    color: #000;
}
.home-feature {
    text-align: center;
}
.home .home-cloud-benefits h2 {
    margin: 27px 0 47px;
}

.toggle-content img {
    float: left;
    width: 84px;
}
.toggle-content h1 {
    float: left;
    width: 100%;
    margin: 0;
    font-size: 34px;
    line-height: 34px;
    padding-left: 33px;
}
.toggle-content .more-info {
    margin: 0;
    float: right;
    width: 100%;
    text-align: right;
}
.toggle-section {
    float: left;
    width: 100%;
    border-bottom: 1px solid lightgrey;
    padding-bottom: 60px;
    padding-top: 34px;
}
.toggle-structure > div:last-of-type .toggle-section {
    border-bottom: none;
}
a#home-more:hover {
    border: 1px solid #000;
    color: #000;
}
a#home-more i {
    float: right;
    margin: 17px 37px 0 0;
}
.home-open-source {
    width: 100%;
    float: left;
    background-color: #252525;
    min-height: 569px;
    padding-bottom: 60px;
}
.home-open-source  h2 {
    color: #fff;
    margin-bottom: 60px;
}
.home-open-source h3 {
    color: #fff;
    font-size: 29px;
    margin-top: 0;
    margin-bottom: 30px;
}
.home-open-source  p {
    color: #fff;
    text-align: left;
    font-size: 17px;
}
.home-open-source img {
    float: left;
    width: 100%;
}
#home-more-opn-src{
    display          : block;
    margin           : 0 auto;
    height           : 50px;
    line-height      : 50px;
    color            : white;
    width            : 350px;
    text-align       : center;
    text-transform   : uppercase;
    margin-bottom    : 30px;
}
#home-more-opn-src{
    margin-top       : 30px;
    color            : #FFFFFF;
    border           : 1px solid #FFFFFF;
    font-weight      : normal;
    letter-spacing   : 2px;
}
#home-more-opn-src:hover{
    opacity          : 1;
    border: 1px solid #fff;
    color: #fff;
}
a#home-more-opn-src i {
    float: right;
    margin: 17px 37px 0 0;
}
.home-cloud-benefits {
    padding-bottom: 61px;
}
.home-what-is-cloudrexx iframe {
    border: none;
    max-width: 100%;
}
/*support-page*/
.support-content {
    display: none;
    float: left;
    width: 100%;
    background-color: #fff;
    min-height: 652px;
}
.support-members h3 {
    width: 100%;
    font-family: "Roboto", sans-serif;
    color: #292929;
}
.support-members span {
    display: inline-block;
    font-family: "Roboto",sans-serif;
    font-size: 18px;
    font-weight: bold;
    margin: 5px 0;
    width: 100%;
}
.support-members p {
    width: 100%;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    margin-bottom: 0;
}
.support-members a {
    color: #70b6e7;
}
.support-members {
    width: 100%;
    float: left;
    margin-bottom: 60px;
}
.support-members img {
    margin: 15px 0;
}
.support-queries {
    float: left;
    width: 100%;
    background-color: #eff0f2;
    min-height: 622px;
}
.support-queries .support-heading {
    color: #333;
}
.support-query-types span {
    color: #333;
    font-family: "Roboto",sans-serif;
    font-weight: bold;
    margin-top: 48px;
    margin-bottom: 10px;
    font-size: 24px;
    display: inline-block;
    width: 100%;
}
.support-query-types i {
    border-radius: 50%;
    color: #fff;
    font-size: 104px;
    max-height: 218px;
    padding: 57px;
    max-width: 218px;
    width: 100%;
    height: 100%;
}
.support-query-types i.phone {
    background-color: #21b4c4;
}
.support-query-types i.mail {
    background-color: #94C700;
}
.support-query-types i.video {
    background-color: #FDD615;
}
.support-project {
    float: left;
    width: 100%;
    backgroun-color: #fff;
    min-height: 670px;
}
.support-project iframe {
    text-align: center;
    border: none;
}
.support-project-content {
    margin: 0 auto;
    max-width: 796px;
    overflow: hidden;
    width: 100%;
    text-align: left;
    margin-bottom: 26px;
}
support-project-content p {
    font-size: 16px;
    font-family: 'Roboto', sans-serif;
}
.partner-support {
    float: left;
    width: 100%;
    background-color: #EFF0F2;
    min-height: 600px
}
.partner-support-content {
    padding: 0 72px;
}
.partner-support-content div {
    margin: 10px 0 42px;
}
.partner-support-content i {
    border-radius: 50%;
    color: #fff;
    font-size: 47px;
    height: 100px;
    padding: 25px;
    width: 100px;
}
.partner-support-content i.desktop {
    background-color: #0068B1;
}
.partner-support-content i.search {
    background-color: #98C700;
}
.partner-support-content i.envelope {
    background-color: #FDD615;
}
.partner-support-content i.th {
    background-color: #E52412;
}
.partner-support-content i.camera {
    background-color: #21B4C4;
}
.partner-support-content i.code {
    background-color: #ABABAB;
}

.partner-support-content p {
    color: #000;
    font-family: "Roboto",sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 22px;
}
.partner-support-content h3 {
    color: #000;
    font-family: "Roboto",sans-serif;
    font-size: 22px;
}
a#more-support {
    display: block;
    margin: 0 auto;
    height: 50px;
    line-height: 50px;
    color: #000;
    width: 350px;
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 30px;
    padding-left: 42px;
    margin-top: 30px;
    border: 1px solid #000;
    font-weight: normal;
    letter-spacing: 2px;
}
#more-support i {
    color: #000;
    font-size: 16px;
    height: 16px;
    padding: 0;
    text-align: right;
}
.support-info h2 {
    margin-bottom: 29px;
}
.support-project-content p {
    padding: 0 15px;
}
.contact-description-content span {
    color: red;
    font-style: italic;
    display: inline-block;
    margin: 0;
}
.support-contact-section {
    float: left;
    width: 100%;
    min-height: 600px;
    background-color: #fff;
}
.contact-description-content {
    margin: 0 auto;
    max-width: 780px;
    width: 100%;
    padding-top: 55px;
}
.support-heading {
    margin-top: 76px;
}
.support-heading h2 {
    margin-top: 0;
}
#captcha span.row {
    margin: 0;
    float: left;
    width: 100%;
}
@media screen and (max-width : 499px) {
    #home-text .multi-option a {
        width: 100%;
        margin: 10px 0px;
        border-radius: 5px;
    }
    #home-text .more-info {
        float: left;
        margin: 5px 0;
        cursor: pointer;
        width: 100%;
    }
    .toggle-content {
        float: left;
        padding: 30px 0 40px 0;
        margin-left: 0;
    }
    .toggle-content h1 {
        float: left;
        width: 100%;
        margin: 0;
        font-size: 15px;
        line-height: 18px;
        padding-left: 33px;
        text-align: left;
    }
    .toggle-content img {
        float: left;
        width: 100%;
    }
    .info-terms span {
        font-size: 15px;
    }
    .home-open-source h3 {
        margin-top: 10px;
    }
    #home-more-opn-src{
        float: left;
        width: 100%;
    }
    #home-more{
        width: 80%;
        margin: 0 auto;
    }
    #home-text-inner {
        float: none;
        width: auto;
        position: relative;
    }
    .home-what-is-cloudrexx > h2 {
        float: left;
        padding-left: 15px;
    }
    #contact-google-maps {
        margin-top: 60px;
    }        
}        
@media (min-width : 500px ) and (max-width : 768px) {
    #home-text .multi-option a {
        width: 46%;
        margin: 10px 9px;
        border-radius: 5px;
    }
    .more-info {
        float: left;
        width: 100%;
        text-align: center;
        cursor: pointer;
        margin-left: 0;
    }
    .toggle-content img {
        float: left;
        width: 100%;
    }
    .toggle-content h1 {
        font-size: 17px;
        line-height: 18px;
    }
    .toggle-content {
        float: left;
        padding: 30px 0 24px 0;
        margin-left: 0;
    }
    .toggle-content .more-info {
        text-align:right;
    }
    .info-terms {
        margin-left: 92px;
        width: 70%;
    }
    #home-text-inner {
        float: left;
        width: 95%;
        position: relative;
    }
}
@media (min-width : 769px ) and (max-width : 1019px) {
    .toggle-content {
        float: left;
        padding: 30px 0 40px 0;
        margin-left: 0;
    }
    .toggle-content img {
        float: left;
        width: 84px;
    }
    .info-terms {
        margin-left: 120px;
        width: 62%;
    }
}
@media (min-width : 1020x) {
    .toggle-content {
        float: left;
        padding: 30px 0 40px 0;
        margin-left: 0;
    }
    .toggle-content img {
        float: left;
        width: 84px;
    }
}
@media (max-width : 768px) {
    .support-members div, .support-query-types div {
        margin: 10px 0;
    }
    .support-info, .support-queries-info {
        margin-bottom: 14px;
    }
    .partner-support-content {
        padding: 0;
    }
    a#more-support {
        max-width: 350px;
        padding-left: 27px;
        width: 100%;
    }
    #more-support i {
        padding-right: 0;
    }
    .support-project iframe {
        width: 100%;
        padding: 0 10px;
    }
}
@media (max-width : 1200px) {
    .support-content {
        min-height: 542px;
    }
}

/*website-import*/
.banner {
    float: left;
    position: relative;
    width: 100%;
    padding-top: 59px;
}
.banner > img {
    width: 100%;
}
.banner-content {
    background-color: rgba(0, 0, 0, 0.58);
    bottom: 0;
    height: 100px;
    position: absolute;
    width: 100%;
}
.banner-order-now > a {
    background: #97c700 none repeat scroll 0 0;
    color: #fff;
    float: right;
    font-size: 16px;
    font-weight: bold;
    margin: 20px 16px 20px 0;
    padding: 20px;
    text-align: center;
    width: 497px;
}
.banner-order-now i {
    float: right;
    padding: 0 3px;
}
.import-content {
    float: left;
    width: 100%;
    background-color: #fff;
    min-height: 664px;
}
.import-info {
    margin-top: 83px;
}
.import-info-heading  h2,
.service-info-heading  h2 {
    margin-top:0;
    font-family: "Roboto",sans-serif;
}
.import-info div p {
    font-size: 16px;
    line-height: 24px;
    font-family: "Roboto",sans-serif;
}
.import-procedure i,
.service-procedure i {
    color:#94C700;
}
.import-features,
.service-features {
    margin-top: 27px;
}
ul.import-procedure,
ul.service-procedure {
    list-style: outside none none;
    padding-left: 0;
}
ul.import-procedure li,
ul.service-procedure li {
    font-size: 16px;
    padding: 7px 0 7px 20px;
}
ul.import-procedure li i,
ul.service-procedure li i {
    padding-top: 2px;
    margin-left: -20px;
    float: left;
}
ul.notice-content  {
   padding-left: 19px;
}
ul.notice-content li {
   font-size: 16px;
   padding: 7px 0 7px 5px;
}
.service-notices span {
    display: inline-block;
    width: 100%;
}
#order-now a {
    background-color: #94C700;
    padding: 5px;
}
#order-now {
    background-color: #94c700;
    border: 1px solid #94c700;
    max-width: 315px;
    min-height: 55px;
    margin-top: 43px;
    margin-bottom: 20px;
}
#order-now a {
    color: #fff;
    float: left;
    font-size: 16px;
    font-weight: bold;
    padding: 15px;
    text-align: center;
    width: 100%;
}
#order-now i {
    float: right;
    padding: 0 3px;
}
.website-cloud,
.import-process div,
.security-cloud {
    margin-bottom: 20px;
}
.website-cloud img,
.security-cloud img {
    width: 100%;
}
.security-cloud {
    margin-top: 27px;
}
.service-notices a,
.service-features a {
    color: #428bca
}
.service-info-heading > p {
    margin-bottom: 24px;
    padding: 0 46px;
}
.sslService #order-now {
    margin-top: 58px;
}
.sslService .import-info {
    margin-bottom: 68px;
}
.import-guide {
    width: 100%;
    float: left;
    min-height: 525px;
    background-color: #226FBD;
    color: #fff;
}
.import-guide .steps span {
    background-color: #fff;
    border-radius: 50%;
    color: #226fbd;
    display: inline-block;
    font-size: 37px;
    font-weight: bold;
    height: 72px;
    padding: 10px;
    text-align: center;
    width: 72px;
}
.import-guide .steps img {
    float: right;
    padding: 24px 44px 24px 0;
}
.import-guide p {
    padding-right: 37px;
}
.import-guide h3 {
    font-size: 20px;
}
.import-kontakt {
    float: left;
    width: 100%;
    min-height: 1055px;
    padding-top: 48px;
}
.website-import legend {
    display: none;
}
.website-import fieldset#contactFrame:before {
    content: "Kontakt";
    font-size: 20px;
}
.website-import #contactDescription h2 {
    float: left;
    width: 100%;
    text-align: center;
}
.import-kontakt fieldset {
    float: left;
    width: 100%;
}
span#captcha {
    float: left;
    width: 100%;
}
#captcha span {
    float: left;
    width: 100%;
    margin: 0;
}
@media (max-width : 478px) {
    .banner-order-now > a {
        font-size: 16px;
        margin: 7px 0;
        padding: 7px;
        width: 100%;
    }
    .banner-content {
        height: 50px;
        position: static;
    }
    #menubuilder0 {
        padding-left: 0px;
    }
}
@media (min-width:479px) and (max-width : 992px) {
    .banner-order-now > a {
        font-size: 12px;
        margin: 7px 0;
        padding: 6px;
        width: 40%;
    }
    .banner-content {
        height: 41px;
        position: absolute;
    }
}
/*search*/
#metanavigation form input {
    float: right;
    padding-right: 25px;
    padding-left: 5px;
    transition: width 0.5s ease 0s;
    border: 1px solid #bbb;
    box-sizing: border-box;
    border-radius: 4px;
    width: 10%;
    height: 30px;
}
#metanavigation form#search-form {
    position: relative;
    float: left;
}
#metanavigation form i {
    cursor: pointer;
    float: right;
    position: absolute;
    right: 8px;
    top: 5px;
}
#metanavigation form input.extend {
    width: 100%;
}
#metanavigation > ul {
    float: right;
    padding-left: 0;
}
#mobile-navigation-search-form  {
    width: 100%;
    float: left;
}
#mobile-navigation-search-form form {
    width: 100%;
    float: left;
    position: relative;
}
#mobile-navigation-search-form input[type="text"]  {
    padding-right: 50px;
    border: 1px solid #bbb;
    box-sizing: border-box;
    border-radius: 4px;
    width: 100%;
    height: 50px;
    color: #000;
    font-size: 20px;
    padding-left: 10px;
}
#mobile-navigation-search-form input[type="submit"] {
    float: left;
    height: 38px;
    right: 5px;
    position: absolute;
    top: 7px;
    border: none;
    background: url("/themes/cx32/images/search-glass.png");
    width: 50px;
    background-size: 30px;
    background-repeat: no-repeat;
    background-position: 10px;
}
.search-box form input {
    height: 30px;
    border-radius: 4px;
    border: 1px solid #bbb;
}
.search-box input[type="text"] {
    padding-left: 5px;
    margin-right: 5px;
}
.search-box input[type="submit"] {
    background-color: #95C700;
    color: #fff;
    border-color: #95C700;
}
#mobile-navigation-search-form input[type="submit"]:focus {
    outline: 0 none;
}
.search-box input[type="submit"]:hover {
    color: #000;
    background-color: #ddd;
    border-color: #ddd;
}
input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px white inset;
}
.head-text p iframe {
    max-width: 100%;
    border: none;
}
#partners .partner-formula img {
    width: 100%;
}
#partners .partner-inputfields .partner-inputfields-left .partner-inputfields_image {
    display: none;
}
@media (max-width : 767px) {
    #partners .partner-inputfields .partner-inputfields-left .partner-inputfields_image {
        display: block;
        width: 100%;
        margin-bottom: 20px;
        float: left;
    }
    .partner-inputfields_image .browser-sm-cont img {
        width: 100%;
        float: left;
    }
    #partners .partner-inputfields .partner-inputfields-left {
        width: 100%;
    }
    #partners .partner-inputfields .partner-inputfields-right {
        display: none;
    }
}
.downloadsite #subcategories {
    min-height: 400px;
}
.content-block div.category {
    padding-right: 80px;
}
@media (max-width : 992px) {
    .downloadsite div#content-slider {
        min-height: 460px;
    }
}
/*category-info block*/
.partner-category-info {
    float: left;
    width: 100%;
    margin-bottom: 65px;
    display: none;
}
.category-content {
    max-width: 1024px;
    margin: 0 auto;
}
.category-content > h2 {
    font-size: 45px;
    margin-bottom: 24px;
    margin-top: 15px;
}
.category-content .category-img {
    float: left;
    margin: 15px 33px 15px 0;
    padding: 0;
}
.category-content .category-img > img {
    width: 100%;
}
.category-content  .category-info {
    float: left;
    margin: 15px 0;
    padding: 0;
}
.category-info > p {
    font-size: 16px;
    margin-top: -4px;
}
.project-light-white {
    padding: 50px 0 100px;
    background-color: #f1f1f1;
}
.project-templates-white {
    padding: 8px 0 46px;
    background-color: #ffffff;
}
a.btn-link-vorlagen {
    min-width        : 31%;
    white-space      : pre-wrap;
    background-color : #95C700;
    border-radius    : 0px;
    padding          : 10px 20px;
    color            : #FFFFFF;
    text-align       : center;
    margin           : 25px auto;
    font-weight      : bold;
}
a.btn-link-vorlagen:hover {
    color: #ffffff;
}
.vorlagen-templates {
    text-align: center;
}
.vorlagen-templates > div {
    margin: 15px 0;
}
.vorlagen-template-img {
    float: left;
    width: 100%;
}
.vorlagen-templates h2 {
    font-size: 42px;
    margin-bottom: 38px;
    text-align: center;
}
.vorlagen-template-img img {
    width: 100%;
}
body.alternative-header #content-slider {
    background: url('/themes/cx32/images/branchneloesungen.jpg') no-repeat;
    background-position: bottom center;
    background-size: cover;
}
#project-overview > h2 {
    margin: 20px 0 70px;
    font-size: 42px;
}
@media (max-width : 767px) {
    .category-content .category-img {
        margin-right: 0;
    }
    .box {
        min-height: 0;
        padding: 15px 0;
    }
    .vorlagen-templates h2 {
        font-size: 2.5em;
    }
    #sector-lists li a {
        width: 230px;
    }
    #innovation-price, #software-logo{
        display : none;
    }
}
@media (min-width: 461px) and (max-width: 767px)  {
    .type-wrapper .cloud {
        max-width: 30%;
        margin-right: 3%;
    }
    .type-wrapper .cloud a {
        font-size: 14px;
    }
}
@media (min-width: 768px) and (max-width: 992px) {
    .type-wrapper .cloud {
	max-width: 220px;	
    }
    .type-wrapper .cloud a {
        font-size: 20px;
    }
}
.prices > div .header {
    padding-top: 55px;
}
.prices #business-version .header {
    padding-top: 65px;
}
.home-feature i {
    border-radius: 50%;
    color: #fff;
    font-size: 47px;
    height: 100px;
    padding: 25px;
    width: 100px;
}
.home-feature i.clock {
    background-color: #0068B1;
}
.home-feature i.newspaper {
    background-color: #95C700;
}
.home-feature i.lock {
    background-color: #FDD615;
}
.home-feature i.th {
    background-color: #E52412;
}
.home-feature i.thumbs-up {
    background-color: #21B4C4;
}
.home-feature i.money {
    background-color: #252525;
}
#home-scroll-down i {
  background-color: #000;
  border: medium none white;
  border-radius: 50%;
  bottom: 15px;
  color: #fff;
  font-size: 27px;
  height: 35px;
  padding: 5px;
  position: relative;
  width: 35px;
}
.category-template-list {
    display: none;
}
@media (max-width: 767px) {
    .home #social-media section {
        padding: 0px;
    }
    .category-template-list {
        display: block;
        text-align: center;
    }
    #project-overview ul#sector-lists {
        display: none;
    }
    .project-light-white ~ section {
        display: none;
    }
    select#select_category {
        padding: 10px 15px;
        box-sizing: border-box;
        border-radius: 3px;
        border: 1px solid #BBBBBB;
        font-size: 18px;
        height: 45px;
        width: 226px;
    }
}
#img-text-content {
    background-color: #f1f1f1;
}
.anmeldun-service-part img {
    margin-top: 25px;
}
.anmeldun-service-part {
    float: left;
    padding: 62px 0;
    width: 100%;
}
.anmeldun-service-part div {
    margin: 20px 0;
}
.img-part {
    text-align: center;
}
body.funktionen #content-slider {
    background: url('/themes/cx32/images/funktionen.jpg') no-repeat;
    background-position: bottom center;
    background-size: cover;
}
.features-block:nth-of-type(3) {
  background-color: #f1f1f1;
  padding-bottom: 90px;
  padding-top: 45px;
}
.fold-down {
    width: 100%;
    float: left;
    text-align: center;
    background-color: #226fbd;
    color: #ffffff;
    position: relative;
    overflow: hidden;
    padding: 26px 0;
    cursor: pointer;
}
.btn-heading {
    text-align: center;
    display: inline-block;
}
.fold-down h3 {
    font-size: 42px;
    margin: 0;
    width: 390px;
}
span.neu {
    position: absolute;
    right: -58px;
    width: 180px;
    background-color: #ffd600;
    color: #000;
    font-size: 24px;
    font-weight: bold;
    top: 15px;
    transform: rotate(40deg);
}
.fld-btn > div {
    padding: 13px 30px;
}
.tmp-edt-content,
.web-cpy-content {
    display: none;
    float: left;
    text-align: center;
    background-color: #f1f1f1;
    padding-bottom: 50px;
    width: 100%;
}
.features-block > div .bn-tmp-edt img,
.features-block > div .bn-web-copy img {
    width: auto;
    padding-left: 40px;
    padding-top: 10px;
    float: right;
}
.fld-ctn p {
    margin: 40px 0;
}
.fld-btn {
    padding-bottom: 90px;
    padding-top: 60px;
}
.fld-ctn > div {
    margin: 0 auto;
    width: 80%;
}
.fld-ctn iframe {
    max-width: 100%;
}
@media (max-width: 767px) {
    .fold-down h3 {
        font-size: 17px;
        width: 175px;
    }
    .features-block > div .bn-tmp-edt img,
    .features-block > div .bn-web-copy img {
        width: 26px;
        padding-left: 10px;
        padding-top: 2px;
        float: right;
    }
    span.neu {
        right: -32px;
        width: 100px;
        font-size: 14px;
        top: 8px;
    }
    .fld-btn {
        padding-bottom: 90px;
        padding-top: 60px;
    }
}

/******************************************
 * PAYREXX 
 ******************************************/
.btn-payrexx {
    width: auto;
    padding: 6px 20px 6px 20px;
    font-size: 24px;
    font-weight: 300;
    white-space: inherit;
    background-color: #95c700;
    border: 0;
    outline: 0;
    color: #FFFFFF;
    border-radius: 0px;
    -webkit-transition: background-color 300ms ease-out;
    -moz-transition: background-color 300ms ease-out;
    -o-transition: background-color 300ms ease-out;
    transition: background-color 300ms ease-out;
}
.btn-payrexx:focus, .btn-payrexx:hover {
    background-color: #8dba07;
}

/******************************************
 * CODE DOCUMENTATION 
 ******************************************/
.code {
    font-family: monospace;
  }
  
  p.code {
    background-color: rgba(0, 0, 0, 0.8);
    border-style: dotted;
    border-width: 2px;
    border-radius: 3px;
    border-color: #00aa00;
    color: #00aa00;
    padding: 5px;
    overflow-x: auto;
    white-space: nowrap;
  }
  
  p.code.autohide {
    overflow-y: hidden;
    max-height: 300px;
    margin-bottom: 30px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom-width: 0;
  }
  
  p.code.autohide:before {
    content: "";
    height: 27px;
    display: block;
    margin-top: 300px;
    position: absolute;
    width: calc( 100% - 30px );
    margin: 0px -7px;
    margin-top: 267px;
    background-color: rgba(0,150,0,0.5);
    background: linear-gradient(rgba(255,255,255,0), rgba(0,150,0,0.5));
    border-style: dotted;
    border-width: 2px;
    border-top-width: 0;
    border-radius: 3px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-color: #00aa00;
    padding-left: 10px;
  }
  
  .keyword {
      font-style: italic;
  }
  
  .filename {
      font-family: monospace;
      color: #555555;
  }

  .tabs {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 2em;
  }

  .tabs .input {
    position: absolute;
    opacity: 0;
  }
  .tabs .label {
    width: 100%;
    padding: 10px 15px;
    background: #DDDDDD;
    font-weight: normal;
    cursor: pointer;
    font-size: 18px;
    color: black;
    transition: background 0.1s, color 0.1s;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    margin-right: 5px;
    margin-bottom: 0;
    border-width: 0;
    border-style: solid;
    border-bottom-width: 0;
  }

  .tabs .label:hover {
    background: #95C700;
    color: white;
  }

  .tabs .label:active {
    background: #95C700;
    color: white;
  }

  .tabs .input:focus + .label {
    z-index: 1;
  }

  .tabs .input:checked + .label {
    background: #95C700;
    color: white;
  }

  @media (min-width: 600px) {
    .tabs .label {
      width: auto;
    }
  }
  .tabs .panel {
    display: none;
    width: 100%;
    padding: 20px 30px 10px;
    border-style: solid;
    border-width: 1px;
    border-color: black;
    border-top-left-radius: 0;
  }

  @media (min-width: 600px) {
    .tabs .panel {
      order: 99;
    }
  }

  .tabs .input:checked + .label + .panel {
    display: block;
  }
  
  .alert i.fa {
    float: left;
    margin-right: 15px;
  }
  
  .content.left-aligned h2,
  .content.left-aligned h3,
  .content.left-aligned h4 {
    text-align: unset;
    clear: both;
  }
  
  .content.left-aligned ul,
  .content.left-aligned ol {
  	font-size: 1.25em;
  }

  .content.left-aligned ul ul,
  .content.left-aligned ol ol {
    font-size: 1em;
  }
  .content.left-aligned div.alert {
      min-height: 65px;
  }
  
  .content.left-aligned div.alert p {
      padding-left: 55px;
  }
  
  .content.left-aligned :target:before {
      content: "";
      display: block;
      height: 90px;
      margin: -90px 0 0;
  }

div#cookie-note {
    color: rgb(255, 255, 255);
    background-color: rgb(51, 51, 51);
}

div#cookie-note a,
div#cookie-note a:hover,
div#cookie-note a:focus {
    color: #428BCA;
}

button#cookie-note-ok {
    color: rgb(255, 255, 255);
    background-color: rgb(149, 199, 0);
    border-color: transparent;
}