@charset "UTF-8";

body {
    margin:           0;
    padding:          0;
    background-color: white;
}

span {
    color: #27ccbc;
}

h3 {
    text-transform: uppercase;
    font-weight:    bold;
    color:          #373737;
    font-size:      34px;
}

h3.light {
    color: #ccc;
}

h4 {
    color:          #27ccbc;
    text-transform: uppercase;
    font-weight:    bold;
    font-size:      35px;
    margin-bottom:  0;
}

h5 {
    color:          #27ccbc;
    text-transform: uppercase;
    font-weight:    bold;
    font-size:      20px;
}

.cn2-landing-navbar.nav-white-bg, .nav-color {
    height:           120px;
    background-color: white;
    border-bottom:    1px solid #f2f2f2;
}

.nav-white-bg .cn2-landing-navbar-item-link, .collapse.show .cn2-landing-navbar-item-link, .nav-color .cn2-landing-navbar-item-link {
    color: #b3b3b3 !important;
}

/*** mobile Navigation ***/
.custom-toggler.navbar-toggler, .landing-toggler.navbar-toggler {
    border-color: transparent;
    padding:      0;
}

.landing-toggler .navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath  stroke='rgba(242,242,242, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}

.custom-toggler .navbar-toggler-icon, .nav-color .navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath  stroke='rgba(179,179,179, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}

.nav-white-bg .collapse, .collapse.show {
    background-color: white;
}

.landing-voegeli-link {
    color:    #f2f2f2;

    position: absolute;
    right:    50px;
    bottom:   20px;
    z-index: 2;

}

.landing-voegeli-link a {
    color: #f2f2f2;
}

.landing-voegeli-logo {
    height:        20px;
    margin-left:   10px;
    margin-bottom: 5px;
}

@media screen and (max-height: 600px) {
    .landing-voegeli-link {
        bottom: -250px;
    }
}
@media screen and (max-width: 992px) {
    .collapse {
        position:      absolute;
        top:           100px;
        left:          0;
        width:         100%;
        padding:       10px 80px;
        border-bottom: 1px solid #f2f2f2;
    }

    .cn2-landing-navbar, .nav-white-bg {
        height: 120px;
    }

    .cn2-landing-navbar-logo {
        height:      40px;
        margin-left: 20px;
    }

    .navbar-brand {
        font-size: 0.8rem;
    }

    .nav-link {
        display: block;
        padding: .5rem 1rem;
    }

    .cn2-landing-navbar-item-link.right.hight.switch-left {
        left: -32px;
        top:  -5px;
    }
}

section:first-of-type {
    padding-top: 120px;
}

.price_economy {
    padding-left:   7rem;
    padding-bottom: 8rem;
}

@media screen and (min-width: 992px) {
    .price_economy {
        padding-top: 1rem;
    }
}

.price_economy p {
    color: #27ccbc;
}

.text_versand {
    font-size: 16px;
}

.price_check {
    margin-top:     1.5rem;
    text-transform: uppercase;
}

.fas, .fa-check, .check {
    color: #27ccbc;
    float: left;
}

.x {
    color: #ccc;
}

.price_text {
    margin-left: 1.5rem;
}

.price_logo {
    width:         2.5rem;
    margin-bottom: 0.5rem;
}

.price_img {
    width:         25rem;
    padding-right: 3rem;
    margin-bottom: 3rem;
}

@media screen and (min-width: 1200px) {
    .price_img {
        margin-bottom: 0;
    }
}

@media screen and (min-width: 1500px) {
    .price_img {
        padding-right: 0;
    }
}

.price_chf {
    font-size:   20px;
    float:       left;
    margin-left: 0.5rem;
    margin-right: 0.5rem;
    font-weight: bolder;
}
.space_thousand {
    margin-right: 0.2rem;
}

.price_1 {
    font-size:   35px;
    margin-top:  1rem;
    font-weight: bolder;
}

.price_2 {
    font-size:     35px;
    margin-top:    1rem;
    font-weight:   bolder;
    margin-bottom: 3rem;
}

.price_upgrade {
    width:    12rem;
    position: absolute;
    display:  block;
    top:      -6.5rem;
    left:     8rem;
    z-index:  1;
}

@media screen and (max-width: 472px) {
    .price_upgrade {
        left:   0;
        right:  0;
        margin: auto;
    }
}

@media screen and (min-width: 992px) {
    .price_upgrade {
        left: 20rem;
    }
}

@media screen and (min-width: 1200px) {
    .price_upgrade {
        top:   24rem;
        left:  -7.5rem;
        width: 15rem;
    }
}

.price_business {
    /*padding: 7rem 3rem 3rem 3rem;*/
    background-color: #f2f2f2;
}

.price_business p {
    color: #27ccbc;
}

/*.container-fluid {*/
/*    padding: 0;*/
/*}*/

/*.row{*/
/*    padding: 0 15px;*/
/*}*/

.price_line {
    margin-top:    2rem;
    margin-bottom: 4rem;
    color:         #ccc;
}

@media screen and (min-width: 992px) {
    .price_line {
        transform:     rotate(90deg);
        width:         8rem;
        margin-top:    12rem;
        margin-bottom: 0;
        margin-left:   21.5rem;
    }
}

.prices {
    padding: 1rem 1rem 5rem 3rem;
}

@media screen and (min-width: 992px) {
    .prices {
        padding-left: 14rem;
    }
}

@media screen and (min-width: 1200px) {
    .prices {
        padding-left: 8rem;
    }
}

.list-group {
    margin-bottom: 3rem;
}

.list-group-item {
    background-color: #f2f2f2;
    border:           none;
    color:            #27ccbc;
    text-transform:   uppercase;
    padding-left:     0;
    padding-right:    0;
}

.cn-plaene-list {
    margin-left: 70px;
}

.cn-list-style::before {
    content:  "– ";
    position: absolute;
    left:     65px;
}

.badge-primary {
    background-color: #f2f2f2;
}

#lizenz_list {
    padding-right: 2rem;
}

@media screen and (max-width: 1200px) {
    .liz_desktop {
        display: none;
    }
}

@media screen and (min-width: 1200px) {
    .liz_smartphone {
        display: none;
    }
}

.table td {
    padding: .65rem;
}

.lizenz_check {
    padding-right: 1.5rem;
}

.check_space {
    width: 15%;
}

.check_space2 {
    width: 20%;
}

.induviduell {
    margin-top: 5rem;
}

@media screen and (min-width: 1200px) {
    .induviduell {
        margin-top: 0;
    }
}

.text_vertical {
    writing-mode: vertical-rl;
    transform:    rotate(-180deg);
    margin:       0;
}

.price_img2 {
    width:          35rem;
    padding-bottom: 2rem;
    padding-right:  3rem;
    margin-top:     2rem;
}

@media screen and (min-width: 1200px) {
    .price_img2 {
        padding-right: 0;
        margin-top:    0;
    }
}

#whatthecamp {
    position: relative;
}

.arrow_img {
    position:    absolute;
    width:       6rem;
    top:         147.7rem;
    margin-left: 48%;
    display:     none;
}

@media screen and (min-width: 992px) {
    .arrow_img {
        display: block;
        top:     -4.7rem;
    }
}

#whatthecamp {
    background-color: #27ccbc;
}

.wtc {
    padding: 8rem 0rem 0rem 2rem;
    color:   #373737;
}

@media screen and (min-width: 992px) {
    .wtc {
        padding-left: 14rem;
    }
}

.text_white {
    color: white;
}

.text_wtc {
    color:       white;
    margin-left: 2rem;
    margin-top:  1rem;
    font-size:   16px;
    font-weight: normal;
}

.wtc_img {
    margin-left:   0;
    margin-top:    0;
    padding-right: 0;
    width:         50rem;
}

@media screen and (min-width: 992px) {
    .wtc_img {
        padding-right: 15rem;
    }
}

@media screen and (min-width: 1200px) {
    .wtc_img {
        padding-right: 0;
        margin-left:   10rem;
    }
}

@media screen and (min-width: 1600px) {
    .wtc_img {
        margin-top:    -8rem;
        padding-right: 0;
    }
}

.div_img {
    z-index: -1;
    width:   100%;
    height:  100%;
}

.text_lightblue {
    color: #27ccbc;
}

.advantage {
    padding: 8rem 0rem 8rem 2rem;
    color:   #999;
}

@media screen and (min-width: 992px) {
    .advantage {
        margin-left: 14rem;
    }
}

/*@media screen and (min-width: 1200px) {*/
/*    .advantage {*/
/*        margin-left: 8rem;*/
/*    }*/
/*}*/

.advantage_title {
    margin-left: 2rem;
    margin-top:  2rem;
}

.text_advantage {
    color:       #999;
    margin-top:  1rem;
    font-size:   16px;
    font-weight: normal;
}

.space_advantage {
    /*margin-left: 20rem;*/
}

.advantage_img {
    margin-left: 0;
    margin-top:  -3rem;
    width:       20rem;
}

@media screen and (min-width: 1200px) {
    .advantage_img {
        width: 25rem;
    }
}

@media screen and (min-width: 1400px) {
    .advantage_img {
        width: 30rem;
    }
}

.lift_off {
    margin-top: -5.5rem;
    padding:    0rem 0rem 8rem 2rem;
}

@media screen and (min-width: 992px) {
    .lift_off {
        padding: 0rem 0rem 8rem 15rem;
    }
}

.text_lift_off {
    color:       #999;
    margin-left: 2rem;
    margin-top:  1rem;
    font-size:   16px;
    font-weight: normal;
}

.lightning_img {
    margin-left:   0;
    margin-top:    0;
    padding-right: 3rem;
}

@media screen and (min-width: 992px) {
    .lightning_img {
        margin-left: 0;
        margin-top:  2rem;
    }
}

@media screen and (min-width: 1200px) {
    .lightning_img {
        margin-left: 2rem;
        margin-top:  0;
    }
}

@media screen and (min-width: 1400px) {
    .lightning_img {
        margin-left: 8rem;
        margin-top:  -6rem;
    }
}

@media screen and (min-width: 1900px) {
    .lightning_img {
        margin-left:   18rem;
        margin-top:    -8rem;
        padding-right: 0;
    }
}

#lift_off {
    background-color: #f2f2f2;
}

.space_lift_off {
    margin-bottom: 4rem;
}

@media screen and (min-width: 700px) {
    .space_lift_off {
        margin-bottom: 3rem;
    }
}

@media screen and (min-width: 992px) {
    .space_lift_off {
        margin-bottom: 2rem;
    }
}

@media screen and (min-width: 1200px) {
    .space_lift_off {
        margin-bottom: 1rem;
    }
}

@media screen and (min-width: 1950px) {
    .space_lift_off {
        margin-bottom: 0;
    }
}

/*@media screen and (min-width: 1400px) {*/
/*    .space_lift_off {*/
/*        margin-bottom: 1rem;*/
/*    }*/
/*}*/

.table .thead-light th {
    background-color: unset;
}

.table {
    text-transform: uppercase;
    color:          #27ccbc;
}

.carousel {
    margin-top: 5rem;
}

.carousel-inner {
    margin: 0 auto;
    width:  85%;
}

.carousel-control-prev, .carousel-control-next {
    width:  inherit;
    top:    15%;
    bottom: inherit;
}

@media screen and (min-width: 700px) {
    .carousel-control-prev, .carousel-control-next {
        top: 25%;
    }
}

.img_width {
    width:   33.333%;
    padding: 0 1rem 6rem 1rem;
}

@media screen and (min-width: 992px) {
    .img_width {
        width:   33.333%;
        padding: 0 3rem 10rem 3rem;
    }
}

h6 {
    font-size: 12px;
}

@media screen and (min-width: 992px) {
    h6 {
        font-size: 20px;
    }
}

.logo_size {
    max-width: 60rem;
}

@media screen and (min-width: 700px) {
    .logo_size {
        width: 40rem;
    }
}

@media screen and (min-width: 992px) {
    .logo_size {
        width: 50rem;
    }
}

@media screen and (min-width: 1200px) {
    .logo_size {
        width: 60rem;
    }
}

/*********   Kontaktformular    *********/

.contact_form {
    margin:         0 0 0 0;
    color:          #ccc;
    max-width:      100%;
    text-transform: uppercase;
}

@media screen and (min-width: 725px) {
    .contact_form {
        /*margin: 5rem 0 0 15rem;*/
        max-width: 30rem;
    }
}

.form-control {
    background-color: unset;
    border-bottom:    2px solid #ccc;
    border-radius:    0;
    color:            #b3b3b3;
    padding:          0;
    margin-bottom:    0.5rem;
    font-size:        18px;
}

.form-control:focus {
    background-color: unset;
    border-color:     white;
    border-bottom:    2px solid #999;
    border-radius:    0;
    box-shadow:       none;
}

.textarea {
    background-color: #f2f2f2;
    color:            #ccc;
    padding:          1rem;
    border-radius:    2rem;
    border-bottom:    0;
    width:            100%;
    height:           100%;
}

.textarea:focus {
    background-color: #ccc;
    color:            #999;
    border-radius:    2rem;
    border-bottom:    0;
}

.lastfield_container {
    position: relative;
    width:    100%;
    height:   14rem;
}

.submit {
    position: absolute;
    right:    -1.8rem;
    bottom:   -2rem;
    border:   none;
}

.arrow_button {
    width: 4rem;
}

.btn-primary {
    background-color: unset;
    border-color:     white;
}

.btn-primary:focus {
    background-color: white;
    border-color:     white;
    box-shadow:       unset;
}

.btn-primary:hover {
    background-color: unset;
    border-color:     white;
}

.btn-primary:active {
    background-color: unset; !important;
    border-color:     none; !important;
}

.btn-primary:not(:disabled):not(.disabled):active {
    background-color: unset;
    border:           none; !important;
}

.btn:focus {
    box-shadow: unset; !important;
}

/* Send Mail von Contact */

.waiting-screen {
    position:         fixed;
    top:              0;
    bottom:           0;
    left:             0;
    right:            0;
    text-align:       center;
    font-size:        0;
    overflow-y:       auto;
    background-color: rgba(0, 0, 0, .4);
    z-index:          10000;
    pointer-events:   none;
    /*opacity: 0.5;*/
    /*transition: opacity .3s;*/

}

.cn-display-inherit {
    display: inherit;
}

.cn-opacity-1 {
    opacity: 1;
}

.cn-hide {
    display: none;
}

.cn-margine-top-5 {
    margin-top: 5px;
}

.cn-h-captcha-login {
    margin-left: 20px;
}