@charset "UTF-8";
/***
 START www/layout/dashboard/css/startseite.css
 */
body, html {
    min-height     : 100%;
    height         : auto;
    width          : 100%;
    margin-top     : -1px;
    padding-bottom : 0;
}

* {
    font-family : 'Calibri', Arial, Helvetica, sans-serif !important;
    font-size   : 15px;
}

i {
    font-family : 'FontAwesome', fantasy !important;
}

/* CUSTOMIZE */
.btn {
    border-radius : 0;
}

.btn i {
    font-size    : 17px;
    margin-right : 5px;
}

.btn.btn-primary {
    color       : #ffffff;
    font-size   : 15px;
    background  : #3d8bc2;
    padding     : 7px 25px 7px 25px;
    box-shadow  : inset -5px 0 0 0 rgba(0, 0, 0, 0.09);
    border      : 0;
    text-shadow : none;
    float       : right;
    margin-left : 5px;
}

.btn.btn-default {
    color       : #ffffff;
    background  : #a3b2c3;
    padding     : 6px 10px 6px 10px;
    border      : 5px;
    float       : right;
    margin-left : 5px;
}

.btn {
    text-shadow : none;
}

/************* NAVIGATION ************/

div#headline{
    /*background-color: yellow;*/
    /*border:1px solid red;*/
    height:50px;
}

.navbar-wrapper,
.navbar-wrapper.register {
    background-color : #fff;
    margin-top       : 0;
    padding-top      : 25px;
    z-index          : 15;
}

.navbar-inverse .navbar-brand {
    color       : #fff;
    font-size   : 24px;
    font-weight : 400;
}

.navbar-inverse .navbar-brand strong {
    font-size   : 24px;
    font-weight : 700;
}

.navbar-inverse .navbar-brand sup {
    color : #ccc;
}

.navbar-collapse.collapse.pull-right {
    padding-right : 0 !important;
}

.navbar-inverse .container {
    padding-right : 0;
}

.navbar-inverse {
    background-color : transparent;
    border-color     : transparent;
}

.navbar-inverse .navbar-nav > li {
    min-width    : 60px;
    height       : 40px;
    margin-right : 20px;
}

.navbar-inverse .navbar-nav > li > a,
.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a:focus {

    color      : #e2a12e;
    /*color      : #6390cb;*/
    min-width  : 60px;
    height     : 32px;
    display    : inline-block;
    text-align : center;
    font-size  : 16px;
    padding    : 8px 0 0 0;
}

.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:hover,
.navbar-inverse .navbar-nav > .active > a:focus {
    color      : #e2a12e;
    background-color : transparent;
    font-weight      : 700;
    text-decoration  : none;
}

.navbar-inverse .navbar-nav > li.main_button {
    /* width:130px;*/
    margin-right : 10px;
}

.navbar-inverse .navbar-nav > li.main_button > a {
    background-color : #fff;
    color            : #3d8bc2;
    /*border-right     : 5px solid #e7e7e7;*/
    /* width:130px;*/
    padding          : 6px 20px 0 20px;
}

.navbar-inverse .navbar-nav > li.sub_button {
    /* width:100px; */
    margin-left : 10px;
}

.navbar-inverse .navbar-nav > li.sub_button > a {
    background-color : transparent;
    color            : #3d8bc2;
    border           : 1px solid #3d8bc2;
    padding          : 5px 20px 0 20px; /* width:100px; */
    margin-right     : 0;
    border-radius: 4px;
}

.carousel {
    margin-bottom : 60px;
    /* Negative margin to pull up carousel. 90px is roughly margins and height of navbar. */
    margin-top    : -90px;
}

.carousel-content {
    margin-top : 80px;
    color      : #fff;
}

/***************** HEADER *****************/
div#w2g_header {
    width           : 100%;
    background      : #4f95c7; /* aliceBlue; */
    background      : url("../images/startseite/header_background.jpg");
    /*background-size: 100% 100%;*/
    background-size : cover;
    /*background-position: fixed;*/
}

div#w2g_header .carousel {
    padding-bottom : 40px;
}

div#w2g_header .carousel .carousel-content {
    margin-top    : 120px;
    margin-bottom : 20px;
}

div#w2g_header .carousel h1 {
    font-size     : 48px;
    font-weight   : 700;
    margin-bottom : 15px;
}

div#w2g_header .carousel h2 {
    font-size   : 44px;
    font-weight : 700;
    margin-top  : 10px;
}

div#w2g_header a#upper_logo {
    /*border:1px solid white;*/
    /*position : relative;*/
    /*top      : -13px;*/
}
div#w2g_header a#upper_logo img{
    max-width:258px;
    max-height:50px;
}

/*div#w2g_header */
input.register_email {

    height        : 35px;
    width         : 100%;
    text-align    : left;

    margin-left   : 0;
    margin-right  : 0;
    margin-bottom : 5px;
    padding       : 5px;
    border-radius : 3px;
}

/*div#w2g_header */
input.register_submit {

    height           : 35px;
    width            : 100%;
    text-align       : center;
    margin-left      : 0;
    margin-bottom    : 5px;
    padding          : 5px;
    border-radius    : 3px;
    border           : none;
    /*color            : #282d6a;*/
    color            : #fff;
    background-color : orange;
    text-transform   : uppercase;
    font-size        : 17px;
    font-weight      : 700;
}

/***************** CENTER *****************/
div#w2g_center {
    width           : 100%;
    background      : lavender; /* aliceBlue; */
    background      : url("../images/startseite/center_background.jpg");
    /*background-size: 100% 100%;*/
    background-size : cover;
    /*background-position: fixed;*/
}

div#w2g_center .carousel {
    margin-top : 0;
    /* Carousel base class */
}

div#w2g_center .carousel .carousel-content {
    margin-top    : 50px;
    margin-bottom : 20px;
}

/************ FOOTER *************/

div#w2g_footer {
    width           : 100%;
    background      : #393e48; /* aliceBlue; */
    background      : url("../images/startseite/footer_background.jpg");
    background-size : cover;
}

/**
 Keep it at the bottom
*/
body.page.registration_success div#w2g_footer {
    height   : 150px;
    position : absolute;
    bottom   : 0;
}

div#w2g_footer.carousel {
    margin-top    : 20px;
    margin-bottom : 0;
}

div#w2g_footer div.footer {
    background  : rgba(57, 62, 72, 0.63);
    /*border     : 1px solid greenyellow;*/
    margin-top  : 20px;
    padding-top : 20px;
    color       : #fff;
}

div#w2g_footer div.footer h3 {
    margin-top : 0;
    color      : #fff;
    font-size  : 17px;
}

div#w2g_footer div.footer ul {
    list-style-type : none;
    font-size       : 17px;
    padding-left    : 2px;
}

div#w2g_footer div.footer ul li {
    font-size   : 17px;
    margin-left : 0;
}

div#w2g_footer div.footer a {
    font-size : 17px;
    color     : #fff;
}

#myCarousel div#image_header {
    /* border:1px solid red;*/
    background : transparent;
    /* -image: url("../images/startseite/laptop-and-pad-with-write2gether.jpg");*/
}

#myCarousel div#image_header image {
    max-width : 100%;
}

#myCarousel.carousel.slide.enterprise {
    /*height:295px;*/
    /*overflow:hidden;*/
}

#myCarousel .bottom-aligned-text {
    position : absolute;
    bottom   : 30px;
    right    : 0;
}

.carousel .item {
    /*background-color : #4f95c7;*/
    background-color : transparent;
    /*height           : 500px;*/
}

/*.carousel.enterprise .item {*/
/*background-color : #4f95c7;*/
/*}*/

.carousel-content.multiplayer {
    width            : 471px;
    height           : 261px;
    border           : 5px solid #beddef;
    background-color : #89c0e6;
}

.carousel-content.multiplayer a {
    height       : 61px;
    width        : 67px;
    text-align   : center;
    position     : relative;
    top          : 50%;
    left         : 50%;
    margin       : -35px 0 0 -34px;
    float        : none;
    padding-top  : 15px;
    padding-left : 23px;
}

.carousel-content.multiplayer a i {
    font-size : 30px;
}

.carousel-content h1 {
    margin-top     : -5px;
    font-size      : 40px;
    margin-bottom  : 30px;
    font-weight    : normal;
    letter-spacing : 1px;
}

.carousel-content > p > a.teaser-btn {
    background-color : #7aba40;
    width            : 100%;
    display          : block;
    font-size        : 18px;
    height           : 50px;
    padding-top      : 12px;
}

/************** ENTERPRISE PAGE **************/
body.page.enterprise ul.enterprise_list {
    list-style-type : square;
    color           : #3d8bc2;
    margin-top      : 10px;
    margin-bottom   : 10px;
}

body.page.enterprise ul.enterprise_list li {
    font-size : 18px;
}

body.page.enterprise form#enterprise_contact_2 p,
body.page.enterprise form#enterprise_contact_1 p {
    font-size : 18px;
}

body.page.enterprise form#enterprise_contact_2 input,
body.page.enterprise form#enterprise_contact_1 input {
    box-sizing    : border-box;
    width         : 90%;
    padding       : 3px;
    margin-bottom : 5px;
}

/******************FILEUPLOAD *************************/
.btn-file {
    position       : relative;
    overflow       : hidden;
    vertical-align : middle;
    margin-left    : 10px;
}

.btn-file > input {
    position  : absolute;
    top       : 0;
    right     : 0;
    margin    : 0;
    font-size : 23px;
    cursor    : pointer;
    opacity   : 0;
    filter    : alpha(opacity=0);
    transform : translate(-300px, 0) scale(4);
    direction : ltr;
}

.fileupload {
    margin-bottom : 9px;
}

.fileupload .btn {
    vertical-align : middle;
}

.fileupload-exists .fileupload-new,
.fileupload-new .fileupload-exists {
    display : none;
}

a.fileupload-exists > i.icon-remove {
    height      : 10px;
    width       : 10px;
    margin-left : 10px;
    max-height  : 10px;
    font-size   : 15px;
}

.fileupload-new.thumbnail-borderless .thumbnail {
    border : 1px solid #ddd;
}

.control-group.warning .fileupload .uneditable-input {
    color        : #a47e3c;
    border-color : #a47e3c;
}

.control-group.warning .fileupload .fileupload-preview {
    color : #a47e3c;
}

.control-group.warning .fileupload .thumbnail {
    border-color : #a47e3c;
}

.error {
    color        : #b94a48;
    border-color : #b94a48 !important;
}

.control-group.error .fileupload .fileupload-preview {
    color : #b94a48;
}

.control-group.error .fileupload .thumbnail {
    border-color : #b94a48;
}

.control-group.success .fileupload .uneditable-input {
    color        : #468847;
    border-color : #468847;
}

.control-group.success .fileupload .fileupload-preview {
    color : #468847;
}

.control-group.success .fileupload .thumbnail {
    border-color : #468847;
}

ul.preview {
    padding-left  : 10px;
    height        : 24px;
    overflow      : hidden;
    width         : 60%;
    margin-top    : -10px;
    margin-bottom : -40px;
}

ul.preview li {
    height       : 30px;
    list-style   : none;
    float        : left;
    margin-right : 10px;
    margin-left  : 10px;
    color        : #aaa;
}

ul.preview li i {
    color : #aaa;
}

ul.preview li a {
    color       : #aaa;
    margin-left : 3px;
    font-size   : 15px;
}

ul.preview li a i:hover {
    color : #999;
}

/******************* REGISTRIEREN *******************/
.profil {
    color : #1e1f21;
}

.profil h1, .profil h2, .profil h3, .profil h4 {
    color : #33373a;
}

.profil .profil-controls {
    margin-bottom  : 20px;
    border-top     : 0 !important;
    padding-left   : 0;
    margin-left    : 0;
    padding-bottom : 15px;
}

.profil .control-group.seperate input, .profil .control-group.seperate select {
    width        : 48%;
    /* border:0; */
    box-shadow   : none;
    border       : 1px solid #c3c3c3;
    padding-left : 5px;
}

.profil input.error {
    border : 1px solid #e43031 !important;
}

.profil p.error {
    color      : #e43031;
    margin-top : 5px;
}

div.remove {
    background-color : #e43031;
    width            : 25px;
    height           : 25px;
    color            : #fff;
    text-align       : center;
    margin-top       : -28px;
    position         : relative;
    display          : inline;
    left             : -28px;
    padding          : 3px 5px;
    z-index          : 2;
}

div.remove.select {
    left         : -55px;
    top          : 1px;
    padding-left : 6px;
}

div.remove a {
    color : #fff;
}

div.remove a:hover {
    color           : #fff;
    text-decoration : none;
}

.profil .control-group.seperate input {
    height : 34px;
}

.profil form h1 {
    margin-top    : 60px;
    margin-bottom : 30px;
}

input[type='password'] {
    padding-bottom : 10px;
}

.profil form label {
    width       : 48%;
    margin      : 20px 0;
    color       : #2b2f30;
    font-weight : normal;
}

.profil form label span.red {
    color : #dc2a38;
}

.picUpload {
    height        : 150px;
    border        : 1px solid #c3c3c3;
    padding       : 25px;
    margin-top    : 40px;
    margin-bottom : 20px;
}

.picUpload .preview {
    float        : left;
    margin-right : 20px;
}

.picUpload .preview a {
    position : relative;
    top      : 52px;
}

div.passwort-stark {
    background-color : #e9e9e9;
    height           : 50px;
    width            : 100%;
    margin-right     : 50px;
    margin-top       : 20px;
    color            : #797979;
    font-size        : 16px;
}

div.passwort-stark .starke {
    height       : 50px;
    width        : 100%;
    margin-right : 50px;
    float        : left;
    position     : relative;
    z-index      : 1;
    overflow     : hidden;
}

div.passwort-stark .starke-description {
    position    : relative;
    z-index     : 2;
    padding     : 15px;
    margin-left : 0;
    display     : inline-block;
}

a#sprache-add {
    margin-right : 23px;
    margin-top   : 13px;
    font-size    : 15px;
    line-height  : 5px;
}

a#sprache-add i {
    margin-right : 10px;
    margin-left  : -10px;
}

.weak {
    background-color : #eb3e35 !important;
    width            : 40% !important;
}

.starke-description.weak-des {
    color : #fff;
}

.ok {
    background-color : #f2ab00 !important;
    width            : 70% !important;
}

.starke-description.ok-des {
    color : #fff;
}

.strong {
    background-color : #519826 !important;
    width            : 100% !important;
}

.starke-description.strong-des {
    color : #fff;
}

.btn.inactive {
    background-color : #b7b7b7;
}

.right {
    margin-right : 0 !important;
    float        : right !important;
}

input#submit {
    background-color : #7aba40;
    width            : 240px;
    height           : 55px;
    font-size        : 20px;
    clear            : both;
    /*margin-top:80px;*/
}

div.submit {
    margin-top : 70px;
}

div.border {
    padding-left  : 0;
    padding-right : 50px;
    margin-right  : 0;
    border-right  : 1px solid #c6c6c6;
}

div.info {
    padding-left : 50px;
    color        : #7c7c7c;
}

div.info h3 {
    line-height : 1.2em;
}

div.info p {
    font-size   : 14px;
    padding-top : 10px;
}

div.info a {
    color           : #5a8eb5;
    text-decoration : underline;
    font-size       : inherit;
}

div.erfolg {
}

div.erfolg h2 {
    margin-top    : 60px;
    color         : #82b64a;
    margin-bottom : 40px;
}

div.erfolg a {
    float      : none !important;
    margin-top : 40px;
    font-size  : 15px;
}

div.erfolg a i {
    margin-right : 10px;
    font-size    : 15px;
}

/****************************************/

#fine-uploader input {
    width : 100%;
}

p.error {
    /*width: 48%;*/
    display : inline-block;
}

.error-select {
    border : 1px solid rgb(228, 48, 49) !important;
}

.control-group.seperate {
    padding-bottom : 40px;
}

/***************** STYLES Landing Page (frontify.com) *****************/
.small_sentence {
    margin-top  : 15px;
    font-weight : lighter;
    color       : #fff;
    font-size   : 16px;
}

.small_sentence img.book{
    max-width:100%;

    display: inline-block;
    box-shadow: 5px 5px 20px #333;
    margin: 10px;
}

.one_sentence {
    font-weight : lighter;
    color       : #fff;
    font-size   : 22px;
    /*line-height:29px;*/
    line-height : 1.318;
}

.one_sentence span.bold {
    font-size   : 22px;
    font-weight : 700;
}

.second_headline {
    font-family   : "Open Sans", "Droid Sans", sans-serif;
    color         : #4f95c7;
    font-size     : 32px;
    line-height   : 1;
    font-weight   : lighter;
    text-align    : center;
    margin-bottom : 73px;
}

.second_half_headline {
    font-family   : "Open Sans", "Droid Sans", sans-serif;
    color         : #4f95c7;
    font-size     : 36px;
    font-weight   : lighter;
    text-align    : center;
    border-bottom : 1px solid #4f96c5;
    margin-bottom : 40px;
}

.third_headline {
    font-family   : "Open Sans", "Droid Sans", sans-serif;
    color         : #4f95c7;
    font-weight   : lighter;
    font-size     : 36px;
    line-height   : 1;
    text-align    : center;
    margin-bottom : 40px;
}

.fourth_headline {
    font-family   : "Open Sans", "Droid Sans", sans-serif;
    color         : #4f95c7;
    font-size     : 24px;
    line-height   : 1;
    font-weight   : lighter;
    text-align    : center;
    margin-bottom : 25px;
}

.block_headline {
    margin-top  : 0;
    font-family : "Open Sans", "Droid Sans", sans-serif;
    font-weight : 400;
    color       : #0bb8be;
    font-size   : 26px;
    text-align  : left;
}

.block_text {
    font-family : inherit;
    font-weight : 400;
    color       : #5a5a5a;
    font-size   : 18px;
    text-align  : left;
}

.row.info_block {
    margin-bottom : 40px;
}

.row.info_block em,
.row.info_block ol li {
    font-family : 'Calibri', Arial, Helvetica, sans-serif !important;
    font-size   : 18px;
}

.info_block {

}

.row.info_block_small {
    margin-bottom : 40px;
}

.info_block_small img {
}

.info_block_small h2 {
}

.head_section_02 {
    color       : #4f95c7;
    font-size   : 26px;
    line-height : 32px;

}

/*.head_section_02 .chapter-icon {*/
/*background : url("../images/startseite/chapter-icon.png") center left no-repeat;*/
/*}*/

.head_section_02 span {
    width   : 35px;
    height  : 32px;
    display : inline-block;
}

.customer_voice {
    font-style  : italic;
    color       : #4f95c7;
    font-size   : 18px;
    margin-left : 25px;
}

.customer {
    font-style  : normal;
    color       : #5a5a5a;
    font-size   : 16px;
    margin-left : 25px;
}

.register {
    text-align    : center;
    color         : #5a5a5a;
    font-size     : 20px;
    margin-bottom : 25px;
}

a.call_to_action.btn {
    box-sizing       : border-box;
    color            : #4f96c5;
    border           : 1px solid #4f96c5;
    float            : none;
    background-color : #fff;
    padding          : 12px 55px;
    font-size        : 22px;
}

a.call_to_action.btn.btn-default {
    background-color : #4f96c5;
    color            : #fff;
}

.icon_container {
    /* background: #ccc; */
    text-align     : center;
    vertical-align : top;
}

.icon_container img {
    max-width : 100%;
    overflow  : hidden;
}

.icon_start {
    width      : 100%;
    min-width  : 32px;
    min-height : 32px;
    height     : 100%;
    background : lavender;
}

/*.chapter-icon {*/
/*background : url("../images/startseite/chapter-icon.png") center left no-repeat;*/
/*}*/

/*.chat-icon {*/
/*background : url(../images/startseite/chat-icon.png) center left no-repeat;*/
/*}*/

/*.comment-icon {*/
/*background : url(../images/startseite/comment-icon.png) center left no-repeat;*/
/*}*/

/*.contacts-icon {*/
/*background : url(../images/startseite/contacts-icon.png) center left no-repeat;*/
/*}*/

/*.header_laptop_2-icon {*/
/*background : url(../images/startseite/header-laptop-2-w2g.png) center left no-repeat;*/
/*}*/

/*.header_laptop-icon {*/
/*background : url(../images/startseite/header-laptop-w2g.png) center left no-repeat;*/
/*}*/

/*.laptops-icon {*/
/*background : url(../images/startseite/laptops.png) center left no-repeat;*/
/*}*/

/*.mail-icon {*/
/*background : url(../images/startseite/mail.png) center left no-repeat;*/
/*}*/

/*.notes-icon {*/
/*background : url(../images/startseite/notes-icon.png) center left no-repeat;*/
/*}*/

/*.paper-icon {*/
/*background : url("../images/startseite/paper.png");*/
/*}*/

/*.search-icon {*/
/*background : url(../images/startseite/search-icon.png) center left no-repeat;*/
/*}*/

/*.tasks-icon {*/
/*background : url(../images/startseite/tasks-icon.png) center left no-repeat;*/
/*}*/

/*.team-icon {*/
/*background : url(../images/startseite/team-icon.png) center left no-repeat;*/
/*}*/

/*.user-icon {*/
/*background : url(../images/startseite/user.png) center left no-repeat;*/
/*}*/

/*.web-icon {*/
/*background : url(../images/startseite/web-icon.png) center left no-repeat;*/
/*}*/

/*.write-icon {*/
/*background : url(../images/startseite/write.png) center left no-repeat;*/
/*}*/

/**
 Enterprise
*/
h3.reason {
    color : #4f96c5;
}

ul.enterprise_liste {
    display         : none;
    list-style-type : none;
}

ul.enterprise_liste li {
    list-style-type : none;
    font-size       : 18px;
    margin-bottom   : 5px;
}

ul.enterprise_liste li strong {
    color : #4f96c5;
}

ul.fazit {
    list-style-type : square;
    color           : #4f96c5;
}

ul.fazit li {
    list-style-type : square;
    font-weight     : 700;
    font-size       : 20px;
    color           : #4f96c5;
}

/******************** Modaler Dialog: Informationen anfordern *******************/

div#modal_form {
    display          : none;
    top              : 0;
    left             : 0;
    width            : 100%;
    height           : 100% !important;
    position         : fixed;
    z-index          : 200;
    background-color : rgba(77, 77, 77, 0.42);
}

div#modal_form_box {
    background-color : #fff;
    padding-left     : 5px;
    padding-right    : 5px;
}

div#modal_form_box.progress.full {
    position    : relative;
    /*overflow:auto;*/
    box-sizing  : border-box;

    top         : 15%;
    right       : 0;

    width       : 500px;
    min-height  : 500px;

    margin      : 0 auto;
    padding     : 30px 10px;

    border-left : 10px solid #3d8bc2;
}

/* RESPONSIVE CSS
-------------------------------------------------- */

@media (min-width : 768px) {

}

/*div#modal_form_box.progress.normal{*/
/*border-left:10px solid #3d8bc2;*/
/*min-height: 130px;*/
/*width:400px;*/
/*margin:0 auto;*/
/*position:relative;*/
/*top:40%;*/
/*margin-top:-60px;*/
/*padding-top:30px;*/
/*right:0px;*/
/*}*/